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: transparent
}
a:active,
a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 700
}
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: 700
}
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: 400;
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: 400;
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: transparent !important
}
.w-code-block {
margin: unset
}
pre.w-code-block code {
all: inherit
}
.w-webflow-badge,
.w-webflow-badge * {
z-index: auto;
visibility: visible;
box-sizing: border-box;
float: none;
clear: none;
box-shadow: none;
opacity: 1;
direction: ltr;
font-family: inherit;
font-weight: inherit;
color: inherit;
font-size: inherit;
line-height: inherit;
font-style: inherit;
font-variant: inherit;
text-align: inherit;
letter-spacing: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
text-indent: 0;
text-transform: inherit;
text-shadow: none;
font-smoothing: auto;
vertical-align: baseline;
cursor: inherit;
white-space: inherit;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
background: 0 0;
border: 0 transparent;
border-radius: 0;
width: auto;
min-width: 0;
max-width: none;
height: auto;
min-height: 0;
max-height: none;
margin: 0;
padding: 0;
list-style-type: disc;
transition: none;
display: block;
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
overflow: visible;
transform: none
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
visibility: visible !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
opacity: 1 !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;
top: auto !important;
bottom: 12px !important;
left: auto !important;
right: 12px !important;
overflow: visible !important;
transform: none !important
}
.w-webflow-badge>img {
visibility: visible !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700
}
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: 16px;
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
}
.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:-moz-placeholder,
.w-select:-moz-placeholder {
color: #999
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
color: #999;
opacity: 1
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-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: 400;
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: 400;
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: 400;
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: 400;
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;
-ms-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 transparent;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
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: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
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 transparent;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
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;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%
}
.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}
.w-background-video--control {
background-color: transparent;
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: transparent;
tap-highlight-color: transparent;
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: transparent;
tap-highlight-color: transparent;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 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 rgba(51, 51, 51, .4)
}
.w-slider-nav-invert {
color: #fff
}
.w-slider-nav-invert>div {
background-color: rgba(34, 34, 34, .4)
}
.w-slider-nav-invert>div.w-active {
background-color: #222
}
.w-slider-dot {
cursor: pointer;
background-color: rgba(255, 255, 255, .4);
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: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 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;
top: 0;
bottom: 0;
left: 0;
right: 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;
-ms-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: rgba(0, 0, 0, .9);
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;
top: 0;
bottom: 0;
left: 0;
right: 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: rgba(0, 0, 0, .4);
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.w-lightbox-control {
cursor: pointer;
background-position: 50%;
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-x: auto;
overflow-y: hidden
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate(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: translateY(-50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid rgba(0, 0, 0, .4);
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 transparent;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -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;
top: 0;
bottom: 0;
left: 0;
right: 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: transparent;
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: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-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)
}
to {
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
}
:root {
--ivory-nimali: #ebe5db;
--dark-slate-grey: #144631;
--black-3: #1e1927;
--rosy-brown: #c49c9c;
--misty-rose: #e7d2d2;
--saddle-brown-nimali-2: rgba(119, 56, 27, .06);
--brown: #6d4545;
--dark-green-nimali: #212d1a;
--white: white;
--lavender-blush: #f5eaea;
--rosy-brown-2: #d3b1b1;
--olive-nimali: #76704d;
--brown-2: #7f5757;
--black: #130e0d;
--fern-nimali: #5d6454;
--sienna-nimali: #b55226;
--dusty-orange-nimali: #bf672f;
--brown-3: rgba(109, 69, 69, .5);
--saddle-brown-nimali: #77381b;
--black-2: #311d1d;
--black-4: #2a2435;
--dark-slate-grey-2: #236449;
--medium-aquamarine: #92c7b1;
--silver: #d1c5c0;
--light-goldenrod-yellow: #ccdbb4;
--dark-khaki: #b9ba9c;
--dark-grey: #b6aeaa;
--color: white
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}
.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(../../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
}
.w-embed-youtubevideo {
background-image: url(../../static/youtube-placeholder.2b05e7d68d.svg);
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%
}
@media screen and (max-width:991px) {
.w-layout-blockcontainer {
max-width: 728px
}
}
@media screen and (max-width:767px) {
.w-layout-blockcontainer {
max-width: none
}
}
body {
background-color: var(--ivory-nimali);
color: black;
font-family: Montserrat, sans-serif;
font-size: 1vw;
line-height: 1.2em
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 5em;
font-weight: 600;
line-height: 1.1em
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
font-weight: 500;
line-height: 1.1em
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 3em;
font-weight: 600;
line-height: 1.1em
}
h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 2.5em;
font-weight: 600;
line-height: 1.1em
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
font-weight: 500;
line-height: 1.1em
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.8em;
font-weight: 600;
line-height: 1.1em
}
p {
margin-bottom: 0;
font-size: 1.1em;
line-height: 1.5em
}
a {
color: var(--dark-slate-grey);
text-decoration: none
}
ul,
ol {
margin-top: 2em;
margin-bottom: 2em;
padding-left: 3em
}
li {
margin-bottom: .7em;
font-size: 1.3em;
line-height: 1.2em
}
label {
margin-bottom: 5px;
font-weight: 500;
display: block
}
strong {
font-weight: 600
}
blockquote {
color: #0c389f;
border-left: 5px solid #064dfa;
margin-top: 1.6em;
margin-bottom: 1.6em;
padding: 1em 1em 1em 1.5em;
font-size: 1.3em;
line-height: 1.5em
}
.home-photo {
border: 0 #000;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100vw;
display: block;
overflow: visible
}
.main {
width: 100vw;
display: block
}
.section-blog-1 {
z-index: 10;
background-color: var(--ivory-nimali);
display: block;
position: relative;
overflow: hidden
}
.section-blog-1.sticky-content-sec {
z-index: 20;
background-color: var(--black-3);
overflow: visible
}
.section-blog-1.overflow-visible {
overflow: visible
}
.section-blog-1.with-border-bottom {
border-bottom: 1px solid var(--rosy-brown)
}
.section-blog-1.with-black-bg {
background-color: var(--ivory-nimali);
color: var(--misty-rose);
display: block;
position: relative
}
.section-blog-1.with-black-bg.with-border-bottom {
background-color: var(--saddle-brown-nimali-2);
object-fit: fill;
border: 1px #000;
width: auto;
overflow: hidden
}
.section-blog-1.with-black-bg.with-borders {
border-top: 1px solid var(--brown);
border-bottom: 1px solid var(--brown)
}
.section-blog-1.with-brown-bg {
background-color: var(--dark-green-nimali);
padding-top: 150px
}
.section-blog-1.with-border-top {
border-top: 1px solid var(--rosy-brown)
}
.section-blog-1.is-content-section-2 {
background-color: var(--black-3);
overflow: visible
}
.section-blog-1.is-content-sec-1 {
z-index: 20;
background-color: var(--black-3);
color: var(--rosy-brown);
overflow: visible
}
.section-blog-1.with-black-light-bg {
background-color: var(--saddle-brown-nimali-2);
color: var(--misty-rose);
display: flex;
overflow: visible
}
.container-camps {
z-index: 20;
clear: none;
text-align: center;
flex: 0 auto;
align-items: flex-end;
width: auto;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 60px 4em;
display: block;
position: relative
}
.container-camps.in-accordion {
justify-content: space-between;
align-self: stretch;
align-items: center;
padding-left: 5em;
padding-right: 5em;
display: flex
}
.container-camps.in-listing-4 {
flex-direction: column;
justify-content: center;
align-self: stretch;
display: flex
}
.container-camps.with-bg-dark {
color: var(--white);
background-color: #1b1724
}
.container-camps.is-max-80 {
max-width: 80em
}
.container-camps.is-max-65 {
max-width: 65em;
position: relative;
overflow: scroll
}
.padding {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--dark-green-nimali);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding: 0 0 0;
display: grid
}
.padding.more-paddings {
padding-top: 10em;
padding-bottom: 10em
}
.padding.less-paddings {
padding-top: 5em;
padding-bottom: 5em
}
.padding.is-content-grid-2 {
overflow: visible
}
.padding.bottom-2em {
padding-top: 8em;
padding-bottom: 15em
}
.heading-h2 {
z-index: 10;
text-align: center;
letter-spacing: -.02em;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Gilda Display;
font-size: 5em;
font-weight: 400;
line-height: 1.2em;
display: flex;
position: static
}
.heading-h2.is-header-video-1-title-1 {
color: var(--lavender-blush);
text-transform: uppercase;
font-family: Gilda Display;
font-size: 7em;
font-weight: 400;
line-height: 1.1em
}
.heading-h2.is-header-video-1-title-1.is-2nd {
color: var(--rosy-brown-2);
display: inline
}
.heading-h2.is-large-uppercase-title-1 {
color: var(--white);
text-align: center;
letter-spacing: .4em;
text-indent: .4em;
text-transform: uppercase;
margin-left: .2em;
font-family: Gilda Display;
font-size: 10em;
font-weight: 400;
line-height: 1em
}
.heading-h2.is-header-4-title-1 {
text-align: center;
text-transform: uppercase;
font-size: 6em;
font-weight: 400;
line-height: 1.1em
}
.heading-h2.is-content-grid-1-title {
z-index: 10;
color: var(--misty-rose);
text-align: center;
font-family: Gilda Display;
font-size: 3.6em;
font-weight: 400;
line-height: 1.4em;
position: relative
}
.heading-h2.is-ui-kit-title {
color: var(--ivory-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 6em;
font-weight: 500;
line-height: 1em
}
.heading-h2.empty-block-1 {
max-width: 10em;
margin-bottom: auto;
font-size: 3em;
font-weight: 700;
line-height: 1.1em
}
.heading-h2.is-overview-title {
text-align: center;
font-size: 2.4em;
font-weight: 400;
line-height: 1.1em
}
.heading-h2.is-header-slider {
z-index: 10;
color: var(--white);
text-align: left;
max-width: 8.5em;
font-size: 6em;
font-weight: 400;
position: relative
}
.heading-h2.is-room-2-title-1 {
color: var(--ivory-nimali);
text-align: center;
text-transform: none;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
font-family: Wulkan, Georgia, sans-serif;
font-size: 4.6em;
display: block
}
.heading-h2.is-header-slider-2-title-1 {
z-index: 10;
color: var(--white);
max-width: 8.5em;
font-size: 6em;
font-weight: 400;
line-height: 1.1em;
position: relative
}
.heading-h2.is-header-slider-3 {
z-index: 10;
color: var(--white);
max-width: 13em;
font-size: 6em;
font-weight: 400;
position: relative
}
.heading-h2.is-header-video-2-title {
z-index: 10;
color: var(--misty-rose);
max-width: 13em;
font-size: 6em;
font-weight: 400;
position: relative
}
.heading-h2.is-header-4-title-2 {
color: var(--misty-rose);
text-align: center;
text-transform: uppercase;
font-size: 6.3em;
font-weight: 400;
line-height: 1.1em
}
.heading-h2.is-extra-small-title {
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 2em;
line-height: 1.1em
}
.heading-h2.is-small-title {
color: var(--dark-green-nimali);
height: 20%;
font-family: Wulkan, Georgia, sans-serif;
font-size: 3em;
line-height: 1.3em
}
.heading-h2.is-medium-title {
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 4em;
line-height: 1.2em
}
.heading-h2.is-large-title {
color: var(--dark-green-nimali);
text-align: left;
font-family: Wulkan, Georgia, sans-serif;
font-size: 5em;
line-height: 1.1em
}
.heading-h2.is-large-title.with-auto-right {
margin-right: auto
}
.heading-h2.is-large-title.dark-bg {
color: var(--ivory-nimali);
font-size: 5em
}
.heading-h2.is-large-title.dark-bg.center {
text-align: center
}
.heading-h2.is-extra-large-title {
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 6em;
line-height: 1.1em
}
.heading-h2.is-room-slider {
z-index: 10;
color: var(--white);
max-width: 13em;
font-size: 6em;
font-weight: 400;
position: relative
}
.heading-h2.is-header-4-title-3 {
text-align: center;
letter-spacing: .2em;
text-indent: .2em;
text-transform: uppercase;
font-size: 6em;
font-weight: 400;
line-height: .9em
}
.heading-h2.is-regular-title {
color: var(--dark-green-nimali);
-webkit-text-stroke-color: var(--ivory-nimali);
flex: 0 auto;
font-family: Wulkan, Georgia, sans-serif;
font-size: 3.5em;
line-height: 1.3em
}
.heading-h2.dark-bg {
font-family: Wulkan, Georgia, sans-serif;
font-size: 3.5em;
line-height: 1em
}
.heading-h2.is-room-2-title-1 {
color: #ebe5db;
text-align: center;
text-transform: none;
text-align: center;
text-transform: none;
text-align: center;
text-transform: none;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
font-size: 4.6em;
display: block
}
.circle-background-1 {
z-index: 2;
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali);
border-radius: 50em;
width: 100%;
height: 100%;
position: absolute
}
.list-block {
z-index: 10;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 4.5em;
display: flex;
position: relative;
overflow: hidden
}
.list-block.is-last {
padding-bottom: 0
}
.list-block.less-padding,
.list-block.with-animation {
padding-bottom: 2em
}
.circle-in-list {
border-radius: 50em;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 3em;
height: 3.6em;
margin-right: 2.5em;
display: flex;
position: relative;
overflow: hidden
}
.list-content {
padding-top: .8em
}
.custom-list-icon {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.2em;
position: absolute
}
.list-line {
background-color: var(--brown);
opacity: .1;
width: .2em;
height: 100%;
position: absolute;
top: .1em;
left: 1.4em
}
.list-title {
color: var(--dark-green-nimali);
margin-bottom: .7em;
font-size: 1.5em;
font-weight: 500;
line-height: 1.2em
}
.list-text {
color: var(--olive-nimali);
max-width: 26em;
font-size: 1.1em;
line-height: 1.5em
}
.global-styles {
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: auto
}
.empty-state-hidden {
display: none
}
.absolute-block {
z-index: 1;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.opacity-70 {
opacity: .7;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
font-family: Wulkan, Georgia, sans-serif;
display: block;
position: absolute
}
.bg-color-for-sticky-sec-1 {
z-index: 15;
mix-blend-mode: multiply;
background-color: rgba(30, 25, 39, .75);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.sticky-100vh-block {
z-index: 2;
height: 100vh;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden
}
.video-background {
z-index: 2;
width: 100%;
height: 100%;
position: absolute
}
.nav-link {
z-index: 10;
color: var(--misty-rose);
border-bottom: 1px solid transparent;
flex-direction: column;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: 2em;
padding: 0;
font-weight: 400;
transition: border-color .2s, color .2s;
display: flex;
position: relative;
top: 1px
}
.nav-link:hover {
border-bottom-color: var(--lavender-blush);
color: var(--white)
}
.nav-link.w--current {
border-bottom-color: var(--rosy-brown);
color: var(--white)
}
.nav-link.is-dark {
border-bottom-color: var(--brown);
color: var(--brown-2);
top: 0
}
.nav-link.is-dark:hover {
border-bottom-color: var(--brown-2);
color: var(--black)
}
.cover-image-head {
z-index: 1;
object-fit: cover;
flex: none;
align-self: auto;
width: 100%;
max-width: 100%;
height: 100%;
margin-top: 10px;
padding-right: 0;
transition: all .8s cubic-bezier(.165, .84, .44, 1);
position: static
}
.cover-image-head.is-parallax {
object-fit: cover;
border-top-left-radius: 0;
border-top-right-radius: 0;
height: 120%;
padding-right: 0;
top: auto;
bottom: auto
}
.cover-image-head.is-parallax-large {
height: 180%;
top: auto;
bottom: auto
}
.cover-image-head.is-parallax-medium {
height: 150%;
top: auto;
bottom: auto
}
.brand-slogan {
opacity: .8;
color: var(--misty-rose);
letter-spacing: .25em;
font-size: .7em;
font-weight: 600;
line-height: 1.1em
}
.brand-slogan.is-dark {
color: var(--brown-2)
}
.social-icon {
z-index: 5;
color: var(--dark-green-nimali);
background-color: transparent;
width: 1.5em;
height: 3em;
font-size: 1.2em;
position: relative
}
._3d-block {
z-index: 8;
perspective: 1000px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.image-animation-trigger {
z-index: 10;
color: var(--ivory-nimali);
-webkit-text-stroke-color: var(--ivory-nimali);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden
}
.animation-color-bg {
z-index: 15;
background-color: var(--rosy-brown-2);
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.animation-color-bg.is-brown {
background-color: rgba(235, 229, 219, .4);
justify-content: center;
align-items: center;
display: block
}
.animation-color-bg.is-black {
background-color: rgba(235, 229, 219, .36);
display: none
}
.animation-color-bg.is-brown-light {
background-color: var(--misty-rose)
}
.animation-color-bg.is-brown-rose {
background-color: var(--rosy-brown-2)
}
.form-success-title {
color: var(--ivory-nimali);
text-align: center;
margin-bottom: .3em;
margin-left: auto;
margin-right: auto;
font-family: Wulkan, Georgia, sans-serif;
font-size: 5em;
font-weight: 400;
line-height: 1.2em
}
.form-success-message-1 {
background-color: var(--olive-nimali);
color: var(--misty-rose);
width: 100%;
padding: 10em 3em
}
.form-success-message-1.is-newsletter {
background-color: var(--olive-nimali);
border-radius: 0;
padding-top: 2em;
padding-bottom: 2em
}
.form-error-link {
color: #0a223f;
text-decoration: underline
}
.form-error-message {
text-align: center;
background-color: transparent;
border: 0 rgba(201, 24, 74, .32);
border-radius: 0;
margin-left: auto;
margin-right: auto;
padding: 0 1em
}
.form-error-paragraph {
color: var(--ivory-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 1.6
}
.newsletter-submit-button {
z-index: 50;
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali);
letter-spacing: .15em;
text-transform: uppercase;
border-radius: 0;
min-width: 25em;
margin-left: auto;
padding: 1.4em 6em;
font-size: 1em;
font-weight: 500;
transition: background-position .6s cubic-bezier(.075, .82, .165, 1), background-color .2s;
position: relative
}
.newsletter-submit-button:hover {
background-color: var(--olive-nimali);
color: var(--ivory-nimali)
}
.newsletter-submit-button.banner {
text-align: center;
background-image: none;
margin-top: 20px
}
.newsletter-submit-button.banner:hover {
background-color: var(--dark-green-nimali);
background-position: 70%
}
.dropdown-link {
align-self: stretch;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
position: static
}
.dropdown-link.is-contact-link {
padding: 0
}
.dropdown-icon {
margin: 0 0 0 .8em;
font-size: 1em;
position: relative
}
.dropdown-list {
top: 5em
}
.dropdown-list.w--open {
background-color: var(--misty-rose);
padding: 4em;
top: 6em;
left: 0;
right: 0;
box-shadow: 0 40px 40px rgba(30, 25, 39, .5)
}
.menu-dropdown-title {
color: var(--brown);
min-width: 9em;
margin-right: 1em;
font-size: 1.3em
}
.social-link-circle {
z-index: 1;
border: .2em solid var(--ivory-nimali);
border-radius: 50%;
width: 130%;
height: 130%;
display: none;
position: absolute
}
.social-link-circle.is-brown-dark {
border-color: var(--ivory-nimali)
}
.contact-menu-grid-subtitle {
opacity: .9;
color: rgba(109, 69, 69, .8);
max-width: 30em;
font-size: 1em;
line-height: 1.3em
}
.newsletter-field {
z-index: 5;
color: var(--ivory-nimali);
text-align: left;
object-fit: fill;
background-color: transparent;
border: 1px solid transparent;
flex: 0 auto;
order: 0;
align-self: center;
width: 250px;
max-width: none;
min-height: 3em;
margin-bottom: 0;
padding: .5em 0;
font-size: 1.3em;
line-height: 1.1em;
transition: border-color .5s;
position: static
}
.newsletter-field:focus {
background-color: transparent;
border-color: rgba(255, 255, 255, 0)
}
.newsletter-field:focus-visible {
border-color: rgba(255, 255, 255, 0)
}
.newsletter-field[data-wf-focus-visible] {
border-color: rgba(255, 255, 255, 0)
}
.newsletter-field::placeholder {
color: rgba(235, 229, 219, .53);
font-size: .8em
}
.newsletter-form {
z-index: 10;
border: 1px dashed var(--ivory-nimali);
background-color: transparent;
border-radius: 50em;
flex-wrap: nowrap;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 0;
padding: 1.5em 2em;
transition: background-color .2s, border-color .2s;
display: flex;
position: relative
}
.newsletter-form:hover {
border-style: solid;
border-color: var(--olive-nimali)
}
.newsletter-form-inner {
color: var(--dark-green-nimali);
flex-direction: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-left: 0;
display: flex
}
.newsletter-block {
border: 1px solid var(--ivory-nimali);
border-radius: 50em;
width: 100%;
padding: .5em;
transition: border-color .2s;
display: none;
position: relative
}
.newsletter-block:hover {
border-color: var(--olive-nimali)
}
.newsletter-title-block {
grid-column-gap: 4em;
grid-row-gap: 4em;
justify-content: flex-end;
align-items: center;
margin-right: auto;
display: flex
}
.brand-name {
color: var(--lavender-blush);
letter-spacing: .4em;
text-indent: .4em;
font-weight: 500
}
.brand-name.is-dark {
color: var(--brown-2)
}
.contact-menu-grid {
z-index: 10;
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
border-bottom: 1px solid var(--brown-3);
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: start;
padding-top: 1.6em;
padding-bottom: 1.6em;
display: grid;
position: relative
}
.menu-buttons {
grid-column-gap: .5em;
grid-row-gap: .5em;
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex
}
.menu-contacts {
padding-top: 3em;
padding-bottom: 3em
}
.menu-link-title {
font-size: 1.1em;
line-height: 1.2em
}
.contact-menu-grid-item {
justify-content: flex-start;
align-items: center;
display: flex
}
.newsletter-flex {
grid-column-gap: 10px;
grid-row-gap: 2.75em;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1.5fr 4fr;
grid-auto-columns: 1fr;
justify-content: end;
align-items: stretch;
justify-items: stretch;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 0;
display: grid
}
.navbar {
z-index: 999;
grid-column-gap: 0em;
grid-row-gap: 0em;
background-color: rgba(211, 177, 177, .05);
border-bottom: 1px solid rgba(211, 177, 177, .2);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.navbar.is-dark {
background-color: var(--lavender-blush);
border-bottom-color: transparent
}
.main-nav {
z-index: 10;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-self: stretch;
align-items: stretch;
height: 6em;
display: flex;
position: relative
}
.main-nav.is-dark {
-webkit-backdrop-filter: none;
backdrop-filter: none
}
.nav-block-1 {
padding-left: 13em;
display: flex
}
.nav-block-2 {
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-items: center;
padding-left: 2vw;
padding-right: 2vw;
display: flex;
position: static
}
.nav-block-3 {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-direction: row;
justify-content: flex-end;
align-self: stretch;
align-items: stretch;
margin-left: auto;
padding-right: 13em;
display: flex
}
.brand-link-block {
color: #fff;
text-transform: uppercase;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: 1em 2em;
transition: background-color .2s;
display: flex
}
.brand-link-block:hover {
background-color: rgba(255, 255, 255, .1)
}
.brand-link-block.is-dark {
border-right: 1px solid var(--brown-2);
border-bottom: 1px solid var(--brown-2);
color: var(--brown-2);
background-color: transparent
}
.brand-link-block.is-dark:hover {
background-color: rgba(127, 87, 87, .2)
}
.nav-link-contact-grid {
opacity: .8;
color: var(--white);
letter-spacing: .3em;
text-transform: uppercase;
background-color: rgba(231, 210, 210, .11);
border-left: 1px solid rgba(211, 177, 177, .2);
flex-direction: row;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 1em 2em;
font-weight: 600;
transition: border-color .2s, opacity .2s, background-color .2s;
display: flex
}
.nav-link-contact-grid:hover {
opacity: 1;
background-color: rgba(196, 156, 156, .3);
border-color: rgba(196, 156, 156, .6)
}
.nav-link-contact-grid.is-dark {
border-bottom: 1px solid var(--brown-2);
border-left-color: var(--brown-2);
color: var(--black)
}
.brand-logo-block {
justify-content: center;
align-items: center;
display: flex
}
.brand-slogan-block {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}
.brand-line {
background-color: var(--rosy-brown-2);
opacity: .4;
flex: none;
width: 1px;
height: 2em;
margin-left: 1em;
margin-right: 1.5em
}
.brand-line.is-dark {
background-color: var(--rosy-brown)
}
.tabs-1 {
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}
.tab-1-link {
color: var(--brown);
text-align: center;
letter-spacing: .1em;
text-transform: uppercase;
background-color: transparent;
border: 1px solid transparent;
border-radius: 50em;
justify-content: center;
align-items: center;
padding: 1em 2em;
font-size: 1em;
font-weight: 400;
line-height: 1.1em;
transition: padding .6s cubic-bezier(.075, .82, .165, 1), background-color .2s, border-color .2s
}
.tab-1-link:hover {
border-color: var(--rosy-brown);
background-color: var(--misty-rose);
padding-left: 2.5em;
padding-right: 2.5em
}
.tab-1-link.w--current {
background-color: var(--black-3);
color: var(--rosy-brown-2)
}
.tab-2-pane {
width: 100%;
height: 100%
}
.tab-2-content {
z-index: 5;
width: 100%;
overflow: visible
}
.tabs-1-links {
grid-row-gap: 1em;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 20%;
margin-bottom: 3em;
margin-right: 5em;
display: flex
}
.accordion-inner {
-webkit-text-stroke-color: var(--dark-green-nimali);
background-color: #ece4d6;
border: 1px #000;
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 4em 0 8em;
display: flex;
position: relative
}
.accordion-lines {
z-index: 5;
background-color: var(--olive-nimali);
opacity: 1;
flex-direction: column;
flex: none;
justify-content: center;
align-self: stretch;
align-items: flex-start;
width: 100%;
height: 1px;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.accordion-lines.is-bottom {
background-color: var(--olive-nimali);
color: var(--dark-green-nimali);
top: auto;
bottom: 0%;
left: 0%;
right: 0%
}
.accordion-content {
background-color: transparent;
display: block;
position: relative
}
.accordion-content.w--open {
position: relative
}
.accordion {
flex: none;
align-self: stretch;
margin-left: 0;
margin-right: 0;
transition: background-color .2s;
display: block;
position: relative;
overflow: hidden
}
.accordion:hover {
background-color: var(--misty-rose)
}
.accordion-toggle {
background-color: var(--ivory-nimali);
color: var(--ivory-nimali);
white-space: normal;
justify-content: center;
align-items: center;
width: 100%;
min-height: 8em;
padding: 0;
display: flex
}
.accordion-interactive-line {
z-index: 3;
background-color: #12042c;
height: 100%;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.accordion-interactive-line.is-2nd {
background-color: var(--ivory-nimali)
}
.accordion-title {
z-index: 20;
color: var(--ivory-nimali);
text-align: left;
letter-spacing: .01em;
max-width: 50%;
font-size: 1.3em;
font-weight: 400;
line-height: 1.1em;
text-decoration: none;
position: relative
}
.accordion-arrow {
z-index: 20;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.6em;
position: relative
}
.acc-flex {
grid-column-gap: 3.5em;
grid-row-gap: 3.5em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.newsletter-text-1 {
color: var(--dark-green-nimali);
text-align: center;
width: 100%;
max-width: 23em;
margin-left: auto;
margin-right: auto;
font-size: 1.4em;
font-weight: 400;
line-height: 1.6em
}
.rich-text {
margin-top: 100px
}
.rich-text h2 {
color: var(--dark-green-nimali);
text-align: left;
letter-spacing: -.02em;
margin-top: 1.3em;
margin-bottom: .5em;
font-family: Gilda Display;
font-size: 3em;
font-weight: 400;
line-height: 1.1em
}
.rich-text p {
color: var(--dark-green-nimali);
text-align: left;
margin-bottom: 2em;
font-size: 1.4em;
font-weight: 400;
line-height: 1.7em
}
.rich-text h3 {
color: var(--dark-green-nimali);
text-align: left;
margin-top: 1.4em;
margin-bottom: 1em;
font-size: 2.2em;
font-weight: 500;
line-height: 1.1em
}
.rich-text h4 {
color: #000000;
text-align: left;
margin-top: 1.5em;
margin-bottom: 1em;
font-size: 1.9em;
font-weight: 500;
line-height: 1.1em
}
.rich-text h5 {
color: var(--dark-green-nimali);
text-align: left;
margin-top: 1.5em;
margin-bottom: 1em;
font-size: 1.7em;
font-weight: 500;
line-height: 1.1em
}
.rich-text h6 {
font-size: 1.5em;
font-weight: 600;
line-height: 1.1em
}
.rich-text h1 {
color: var(--dark-green-nimali);
text-align: left;
margin-top: auto;
margin-bottom: 1em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 4em;
font-weight: 400;
line-height: 1.4em
}
.rich-text a {
color: var(--olive-nimali);
text-decoration: underline;
transition: color .2s
}
.rich-text a:hover {
color: var(--dark-slate-grey);
text-decoration: underline
}
.rich-text strong {
color: var(--dark-green-nimali);
text-align: left;
font-weight: 500
}
.rich-text blockquote {
border-left-width: 0;
border-left-color: var(--rosy-brown-2);
color: var(--saddle-brown-nimali);
text-align: left;
background-image: url(../64970f3a511e36f19471e6b4_Camera copy 6_2.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 50px;
margin-top: .25em;
margin-bottom: 1em;
padding: 0 0 0 4em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 2em;
font-weight: 500;
line-height: 1.8em
}
.rich-text li {
color: var(--dark-green-nimali);
text-align: left;
line-height: 1.7em
}
.rich-text.in-service {
font-size: 1.3em
}
.gallery-lightbox {
flex-flow: column;
justify-content: center;
align-items: center;
height: 30em;
display: flex;
position: relative;
overflow: hidden
}
.gallery-lightbox.is-large-image {
height: 43em
}
.gallery-lightbox.is-gallery-for-thumbs {
height: 100%
}
.gallery-background {
z-index: 3;
mix-blend-mode: normal;
background-color: rgba(235, 229, 219, .4);
width: 100%;
height: 100%;
display: none;
position: absolute
}
.icon {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1em;
position: relative
}
.icon.in-gallery {
font-size: 1.5em;
display: none;
position: absolute
}
.gallery-thumbnail {
z-index: 1;
object-fit: fill;
object-position: 50% 50%;
flex: 1;
width: auto;
height: auto;
display: block;
position: relative
}
.gallery-grid {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.gallery {
width: 100%;
margin-top: 100px
}
.accordion-visible-line {
z-index: 1;
background-color: rgba(18, 4, 44, .15);
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.accordion-visible-line.is-2nd {
background-color: var(--olive-nimali)
}
.password-form {
text-align: center;
flex-direction: column;
width: 100%;
margin-bottom: 0;
display: flex
}
.password {
z-index: 100;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80%;
max-width: 57em;
min-height: 100vh;
margin-left: auto;
margin-right: auto;
padding: 3em;
display: flex;
position: relative
}
.password-form-label {
z-index: 20;
letter-spacing: .1em;
text-transform: uppercase;
font-size: .8em;
font-weight: 600;
position: absolute;
top: 5.5em;
left: 3.6em
}
.password-form-inner {
border: 1px solid var(--rosy-brown-2);
background-color: var(--misty-rose);
width: 100%;
padding: 1.2em;
position: relative
}
.password-form-block {
z-index: 10;
border: 1px solid var(--rosy-brown-2);
background-color: var(--lavender-blush);
border-radius: 3px;
flex: none;
width: 100%;
margin-bottom: 0;
padding: 1.5em;
transition: background-color .2s, border-color .2s;
position: relative
}
.password-form-block:hover {
border-color: var(--brown-2)
}
.password-form-field {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex
}
.password-form-input {
z-index: 5;
color: var(--black-3);
background-color: transparent;
border: 1px solid transparent;
min-height: 3em;
margin-bottom: 0;
padding: .5em 0 .5em 5.5em;
font-size: 1.4em;
line-height: 1.1em;
transition: border-color .5s;
position: relative
}
.password-form-input:focus {
background-color: transparent;
border-color: rgba(255, 255, 255, 0)
}
.password-form-input:focus-visible {
border-color: rgba(255, 255, 255, 0)
}
.password-form-input[data-wf-focus-visible] {
border-color: rgba(255, 255, 255, 0)
}
.password-form-input::placeholder {
color: rgba(30, 25, 39, .5);
font-size: .9em
}
.password-form-submit {
background-color: var(--brown);
letter-spacing: .1em;
text-transform: uppercase;
background-image: url(../647f003abb4628bf7e3466b7_east_white_24dp.svg);
background-position: 85%;
background-repeat: no-repeat;
background-size: 1.1em;
border-radius: 3px;
min-width: 15em;
padding: 1.4em 3.6em 1.4em 2.3em;
font-size: 1em;
font-weight: 500;
transition: background-position .6s cubic-bezier(.075, .82, .165, 1), background-color .2s
}
.password-form-submit:hover {
background-color: var(--black-2);
background-position: 89%
}
.password-error {
z-index: 50;
background-color: rgba(247, 158, 158, .4);
border: 1px solid #fab1af;
margin-top: 1em;
padding: 1em;
position: relative
}
.password-error-text {
font-size: 1.1em;
font-weight: 500;
line-height: 1.3em
}
.style-guide-block {
grid-row-gap: 8em;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: 60em;
margin-left: auto;
margin-right: auto;
display: flex
}
.static-gallery-grid {
grid-column-gap: 2em;
grid-row-gap: 2em;
border: 1px none var(--saddle-brown-nimali-2);
color: var(--ivory-nimali);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.colors {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 5em;
display: grid
}
.color-define {
background-color: var(--saddle-brown-nimali);
width: 100%;
height: 5em
}
.color-define.is-1st {
opacity: .1
}
.color-define.is-2nd {
opacity: .3
}
.color-define.is-3rd {
opacity: .5
}
.color-define.is-4th {
opacity: .7
}
.color-define.is-5th {
opacity: .9
}
.color-define-2 {
background-color: var(--dark-green-nimali);
width: 100%;
height: 5em
}
.color-define-2.is-1st {
opacity: .1
}
.color-define-2.is-2nd {
opacity: .3
}
.color-define-2.is-3rd {
opacity: .5
}
.color-define-2.is-4th {
opacity: .7
}
.color-define-2.is-5th {
opacity: .9
}
.color-define-3 {
background-color: var(--olive-nimali);
width: 100%;
height: 5em
}
.color-define-3.is-1st {
opacity: .1
}
.color-define-3.is-2nd {
opacity: .3
}
.color-define-3.is-3rd {
opacity: .5
}
.color-define-3.is-4th {
opacity: .7
}
.color-define-3.is-5th {
opacity: .9
}
.main-button {
z-index: 10;
border: 1px solid var(--dark-green-nimali);
color: var(--ivory-nimali);
letter-spacing: .15em;
background-color: rgba(119, 56, 27, 0);
border-radius: 0;
justify-content: center;
align-items: center;
padding: 14px 32px;
font-size: 12px;
font-weight: 500;
transition: transform .4s cubic-bezier(.075, .82, .165, 1), letter-spacing .6s cubic-bezier(.075, .82, .165, 1), background-color .2s;
display: flex;
position: relative;
transform: translate(0)
}
.main-button:hover {
background-color: var(--dark-green-nimali);
letter-spacing: .25em;
border-style: none;
transform: translateY(-3px)
}
.main-button.is-white {
color: #12042c;
background-color: #fff;
border-color: rgba(18, 4, 44, .2)
}
.button-text {
color: var(--dark-green-nimali);
text-transform: uppercase;
font-size: .9em;
font-weight: 500;
line-height: 1em
}
.button-text:hover {
color: var(--ivory-nimali)
}
.button-icon {
object-fit: contain;
width: 1em;
height: 1em;
margin-left: 1em;
font-size: 1em
}
.content-grid-4 {
grid-column-gap: 5px;
grid-row-gap: 5px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px
}
.grid-4-block-1 {
grid-column-gap: 4em;
grid-row-gap: 4em;
flex-direction: row;
justify-content: center;
align-items: center;
min-height: 16em;
padding: 2em;
display: flex;
position: relative;
overflow: hidden
}
.grid-4-number {
z-index: 10;
text-align: right;
letter-spacing: -.02em;
font-family: Gilda Display;
font-size: 4em;
font-weight: 400;
line-height: 1em;
position: relative
}
.grid-4-text {
z-index: 10;
text-transform: uppercase;
font-size: 1.2em;
font-weight: 300;
position: relative
}
.slider-image-1 {
z-index: 4;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slider-image-2 {
z-index: 5;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slider-image-3 {
z-index: 6;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slider-gradient-color {
z-index: 2;
background-image: linear-gradient(to top, rgba(16, 11, 11, .9), rgba(8, 5, 5, 0) 20%, var(--black));
height: 100vh;
display: block;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.slider-absolute-block {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.slider-bg-for-interaction {
z-index: 15;
background-color: var(--black);
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slide-timeline {
z-index: 20;
background-color: var(--ivory-nimali);
color: var(--ivory-nimali);
text-align: center;
cursor: auto;
mix-blend-mode: normal;
object-fit: none;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 30vw;
height: 1px;
display: flex;
position: absolute;
bottom: 5em;
overflow: hidden
}
.slider-timeline-bg {
background-color: var(--olive-nimali);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slider {
z-index: 1;
width: 100%;
height: 200vh;
display: block;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.slider-sticky-block {
z-index: 1;
width: 100%;
height: 100vh;
position: -webkit-sticky;
position: sticky;
top: 0
}
.header-slider-2-padding-1 {
z-index: 10;
object-fit: fill;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 12em;
padding-bottom: 16em;
display: none;
position: relative;
overflow: hidden
}
.nav-button {
z-index: 900;
grid-column-gap: 1em;
opacity: 1;
color: #12042c;
background-color: #76704d;
flex-direction: row;
justify-content: center;
align-items: center;
min-width: 13em;
height: 6em;
padding: 1em;
display: none;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto;
overflow: hidden
}
.nav-button:hover {
color: var(--ivory-nimali)
}
.nav-button.is-dark {
border-right: 1px solid var(--brown-2);
border-bottom: 1px solid var(--brown-2)
}
.header-200vh-video {
z-index: 1;
width: 100%;
height: 200vh;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.video-sticky-block {
width: 100%;
height: 100vh;
position: -webkit-sticky;
position: sticky;
top: 0
}
.video-bg-color-1 {
z-index: 20;
mix-blend-mode: multiply;
background-image: linear-gradient(#1a1927, rgba(26, 25, 39, .8) 50%, rgba(51, 11, 126, 0));
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.listing-8-column-2 {
z-index: 5;
flex-direction: column;
justify-content: center;
align-self: stretch;
align-items: center;
width: 50%;
display: flex;
position: relative
}
.listing-8-text {
opacity: .8;
font-size: 1.1em;
font-weight: 300;
line-height: 1.6em
}
.listing-8-item {
grid-column-gap: 0em;
grid-row-gap: 0em;
background-color: var(--lavender-blush);
flex-direction: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
min-height: 100vh;
padding: 5em;
display: flex;
position: -webkit-sticky;
position: sticky;
top: 0;
overflow: hidden
}
.listing-8-item:nth-child(2n) {
background-color: var(--black-3);
color: var(--misty-rose);
flex-direction: row-reverse
}
.listing-8-flex {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex
}
.listing-8 {
width: 100%
}
.listing-8-column-1 {
background-color: rgba(196, 156, 156, .15);
border: 1px solid rgba(127, 87, 87, .7);
flex-direction: column;
justify-content: center;
align-items: center;
width: 50%;
padding: 4em;
display: flex;
position: relative
}
.listing-8-content {
z-index: 10;
grid-column-gap: 2em;
grid-row-gap: 2em;
background-color: var(--brown);
color: var(--lavender-blush);
text-align: center;
border: 1px solid rgba(196, 156, 156, .6);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 28em;
padding: 5.5em 4em;
display: flex;
position: relative
}
.listing-8-subtitle {
opacity: .8;
letter-spacing: .3em;
text-transform: uppercase;
font-size: .7em;
font-weight: 500;
line-height: 1.4em
}
.header-video-1-gradient-color {
z-index: 2;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(30, 25, 39, .9) 75%, var(--black-3));
height: 50%;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%
}
.header-video-1-content {
grid-column-gap: 2em;
grid-row-gap: 2em;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}
.header-video-1-padding {
z-index: 10;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 14em;
padding-bottom: 22em;
display: flex;
position: relative;
overflow: hidden
}
.header-video-1 {
z-index: 2;
background-color: var(--black-3);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 100vh;
display: flex;
position: relative;
overflow: visible
}
.menu-links-1-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--misty-rose);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: grid
}
.menu-links-1-list:hover {
border-color: var(--ivory-nimali)
}
.ui-link {
grid-column-gap: .75em;
grid-row-gap: .75em;
border: 1px solid var(--saddle-brown-nimali-2);
color: var(--dark-green-nimali);
background-color: transparent;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 10em;
padding: 1em;
font-weight: 400;
transition: all .2s;
display: flex
}
.ui-link:hover {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
border-color: var(--saddle-brown-nimali-2);
background-color: var(--saddle-brown-nimali-2)
}
.ui-link.w--current {
border-color: var(--brown-2);
background-color: var(--saddle-brown-nimali-2)
}
.ui-link-icon {
object-fit: contain;
width: 1em;
height: 1em;
font-size: 2em
}
.tabs-2 {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.tabs-2-links {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 4em;
display: flex
}
.breadcrumbs-1-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.breadcrumbs-1-link-text {
font-size: 1.4em;
line-height: 1.1em
}
.breadcrumbs-1-link {
z-index: 10;
grid-column-gap: 1em;
opacity: .5;
color: var(--black);
text-align: center;
border-radius: 5px;
flex: 1;
justify-content: flex-start;
align-self: stretch;
align-items: center;
padding: .7em 1em .7em .7em;
font-family: Gilda Display;
font-weight: 400;
transition: background-color .2s, opacity .2s, color .2s;
display: flex;
position: relative;
top: 1px
}
.breadcrumbs-1-link:hover {
opacity: .8;
color: var(--black);
background-color: rgba(127, 87, 87, .14)
}
.breadcrumbs-1-link.w--current {
opacity: 1;
color: var(--black)
}
.breadcrumbs-1-list {
grid-column-gap: 2em;
grid-row-gap: 0em;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
padding: 1em 2em;
display: flex
}
.large-title-block-1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 80em;
margin-left: auto;
margin-right: auto;
display: flex
}
.padding-80vh {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 80vh;
padding-bottom: 80vh;
display: flex;
position: relative
}
.scolling-image {
z-index: 1;
width: 45%;
max-width: 30em;
height: 130%;
min-height: 40em;
position: absolute
}
._3d-block-for-text {
z-index: 8;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: visible
}
.aside-image-right {
z-index: 20;
object-fit: cover;
width: 26vw;
max-width: 28em;
height: 20vh;
position: absolute;
top: 13vh;
right: -5.6em
}
.aside-image-left {
z-index: 20;
object-fit: cover;
width: 20vw;
max-width: 23em;
height: 20vh;
position: absolute;
top: 33vh;
left: -6.4em
}
.menu-links-flex {
grid-row-gap: 4em;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding: 0;
display: flex
}
.menu-link-list {
grid-column-gap: 0em;
grid-row-gap: 2.25em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: flex
}
.menu-link-list.is-2nd {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-wrap: wrap;
justify-content: flex-start
}
.menu-link-item {
flex: 0 auto;
align-self: stretch;
width: 100%;
transition: width .6s cubic-bezier(.075, .82, .165, 1);
display: flex
}
.menu-link-item:hover {
width: 120%
}
.menu-link {
grid-row-gap: 3em;
background-color: var(--misty-rose);
color: var(--black);
text-align: center;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: center;
width: 100%;
padding: 2em 2em 3em;
transition: color .2s, background-color .2s;
display: flex;
position: relative
}
.menu-link:hover {
background-color: var(--brown-2);
color: var(--white)
}
.menu-link.is-small {
z-index: 1;
grid-column-gap: 2em;
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
width: 33.3333%;
padding: 2.5em
}
.menu-link.is-small:hover {
z-index: 2;
box-shadow: 4px 40px 30px -30px var(--brown-2);
background-color: #5c3838
}
.menu-link-name {
font-family: Gilda Display;
font-size: 1.8em;
font-weight: 400;
line-height: 1em
}
.menu-link-3-desc {
font-size: .9em
}
.menu-link-image {
object-fit: cover;
border-radius: 5px;
width: 100%;
height: 18em
}
.menu-link-image.is-2nd {
width: 33%;
height: 5em
}
.scolling-title {
z-index: 20;
perspective: 1000px;
position: relative
}
.parallax-animation {
z-index: 1;
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.button-listing-1-list {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex
}
.button-listing-1-list.is-grid {
grid-column-gap: 5em;
grid-row-gap: 0em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.button-listing-1-link {
grid-row-gap: .5em;
color: var(--brown-2);
background-image: none;
background-position: 95%;
background-repeat: no-repeat;
background-size: 0;
border-bottom: 1px solid transparent;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-top: 1.8em;
padding-bottom: 1.8em;
font-family: Gilda Display;
font-size: 1.2em;
font-weight: 400;
transition: padding .6s cubic-bezier(.075, .82, .165, 1), opacity .2s, border-color .2s, background-position 1s cubic-bezier(.075, .82, .165, 1);
display: flex;
position: relative;
overflow: hidden
}
.button-listing-1-link:hover {
border-bottom-color: var(--black);
color: var(--black);
background-position: 100%;
background-size: 1em;
padding-top: 2.3em;
padding-bottom: 2.3em
}
.button-listing-1-link.w--current {
color: #0a0318;
border-bottom-color: #12042c
}
.button-listing-1-link.is-light {
color: var(--rosy-brown-2);
background-image: none
}
.button-listing-1-link.is-light:hover {
border-bottom-color: var(--brown-2);
color: var(--misty-rose)
}
.button-listing-1,
.button-listing-1-item {
width: 100%
}
.button-listing-1-text {
max-width: 92%;
font-size: 1.8em;
line-height: 1.4em
}
.listing-2-list {
grid-column-gap: 3em;
grid-row-gap: 3em;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.listing-2-item {
display: flex
}
.listing-2-link-block {
grid-row-gap: 4em;
background-color: var(--ivory-nimali);
color: var(--misty-rose);
border: 1px solid rgba(109, 69, 69, .55);
flex-direction: column;
flex: 1;
order: -1;
justify-content: center;
align-self: flex-start;
align-items: center;
padding: 0 1em;
transition: border-color .2s;
display: flex;
position: relative
}
.listing-2-link-block:hover {
border-color: var(--brown-2)
}
.listing-2-content {
z-index: 20;
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 23em;
padding: 0;
display: flex;
position: relative
}
.listing-bg {
z-index: 10;
background-image: linear-gradient(to bottom, rgba(10, 3, 24, .3), var(--black));
mix-blend-mode: multiply;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.listing-heading-uni-1 {
color: var(--dark-green-nimali);
letter-spacing: 0;
text-transform: capitalize;
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.5em;
font-weight: 600;
line-height: 1.6em
}
.listing-heading-uni-1.is-smaller {
font-size: 2.5em
}
.listing-text {
color: var(--dark-green-nimali);
flex: 0 auto;
max-width: 25em;
font-size: .9em;
font-weight: 400;
line-height: 1.6em
}
.listing-text.with-opacity-70 {
color: rgba(231, 210, 210, .7)
}
.listing-button {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.4em;
position: relative
}
.listing-button.with-animations {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: auto;
align-items: center;
justify-items: center;
width: auto;
height: auto;
margin-top: 40px;
font-size: 1em;
display: grid
}
.menu-sublink {
grid-column-gap: 1em;
background-color: var(--brown);
color: var(--lavender-blush);
border-radius: 20px;
justify-content: flex-start;
align-items: center;
padding: .5em 1.5em;
transition: color .2s, background-color .2s;
display: flex
}
.menu-sublink:hover {
background-color: var(--black-2);
color: var(--lavender-blush)
}
.header-4-image-3 {
z-index: 5;
width: 23vw;
height: 34vh;
position: absolute;
top: 13.2vh;
right: -29.5vw
}
.header-4-image-2 {
z-index: 5;
width: 18vw;
height: 17vh;
position: absolute;
top: 12vh;
left: -17vw
}
.header-4-image-1 {
z-index: 4;
width: 18vw;
height: 20vh;
position: absolute;
bottom: 5vh;
right: -14vw
}
.header-4-image-4 {
z-index: 3;
width: 18vw;
height: 30vh;
position: absolute;
bottom: 10vh;
left: -25vw
}
.header-4 {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
display: flex;
position: relative;
overflow: hidden
}
.header-4.is-dark {
background-color: var(--black-3)
}
.header-4-content {
z-index: 20;
grid-row-gap: 3.5em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative
}
.header-4-content.with-3d {
perspective: 1000px
}
.header-4-flex {
z-index: 20;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
max-width: 57em;
padding: 19em 4em 14em;
display: flex;
position: relative
}
.listing-1 {
width: 100%
}
.listing-1-list {
grid-row-gap: 5em;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
display: flex
}
.listing-1-item {
width: 100%;
display: flex
}
.listing-1-link {
color: var(--brown);
border: 1px solid rgba(255, 255, 255, .15);
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
min-height: 38em;
padding: 2em;
transition: border-color .2s;
display: flex;
position: relative;
overflow: hidden
}
.listing-1-link:hover {
border-color: rgba(255, 255, 255, .4)
}
.listing-1-link.is-left {
align-items: flex-end
}
.listing-3-background-color {
z-index: 10;
mix-blend-mode: multiply;
background-image: linear-gradient(rgba(10, 3, 24, .2), rgba(10, 3, 24, .8));
transition: background-color .3s;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.listing-1-content {
z-index: 20;
grid-column-gap: 2em;
grid-row-gap: 2em;
color: var(--black);
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 40em;
display: flex;
position: relative
}
.parallax-animation-large {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.listing-3-content {
z-index: 20;
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.uppercase-title {
color: var(--ivory-nimali);
text-align: center;
letter-spacing: .4em;
text-indent: .4em;
text-transform: uppercase;
font-size: .9em;
font-weight: 500;
line-height: 1.6em
}
.uppercase-title.dark-bg {
letter-spacing: .3em
}
.uppercase-title.light-bg {
color: var(--dark-green-nimali);
text-align: left;
letter-spacing: .3em
}
.listing-3 {
width: 100%
}
.listing-3.is-fullscreen {
justify-content: space-between;
align-items: stretch;
min-height: 100vh;
display: flex
}
.listing-3-list {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
padding: 2px;
display: grid
}
.listing-3-list.is-fullscreen {
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
display: flex
}
.services-3-item {
width: 100%;
height: 45em;
padding: 0;
display: flex
}
.services-3-item.is-fullscreen {
height: 100%
}
.listing-3-link {
color: var(--misty-rose);
border: 1px solid rgba(255, 255, 255, .15);
flex-direction: column;
flex: 1;
justify-content: flex-end;
align-items: center;
min-height: 33em;
padding: 3em;
transition: color .2s, border-color .2s;
display: flex;
position: relative;
overflow: hidden
}
.listing-3-link:hover {
color: var(--white);
border-color: rgba(255, 255, 255, .4)
}
.socials-1-list {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding-bottom: 20px;
padding-left: 0;
display: flex
}
.social-1-link-block {
color: var(--ivory-nimali);
background-color: transparent;
flex-direction: column;
justify-content: center;
align-items: center;
width: 5em;
height: 5em;
padding: 1em;
display: flex;
position: relative
}
.subfooter {
z-index: 20;
background-color: #f5f4f7;
border-top: 1px solid rgba(18, 4, 44, .15);
padding-top: 2.5em;
padding-bottom: 2.5em;
position: relative
}
.subfooter-links-list {
grid-column-gap: 2.75em;
grid-row-gap: .5em;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.listing-4 {
background-color: var(--black-3)
}
.listing-4-list {
grid-column-gap: 1em;
grid-row-gap: 1em;
background-color: var(--dark-green-nimali);
opacity: 1;
-webkit-text-stroke-color: var(--ivory-nimali);
-webkit-text-fill-color: inherit;
background-clip: border-box;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
padding: 1em;
display: flex
}
.listing-4-item {
border: 1px solid var(--dark-green-nimali);
background-image: url(/img/kilimanjaro.jpg);
background-position: 50% 0;
background-size: cover;
justify-content: center;
align-items: center;
height: auto;
min-height: 18em;
padding-top: 8em;
padding-bottom: 8em;
display: block;
position: relative;
overflow: hidden
}
.listing-heading-uni-2 {
font-family: Gilda Display;
font-size: 3em;
font-weight: 400;
line-height: 1.1em;
transition: color .2s
}
.listing-heading-uni-2:hover {
color: var(--white)
}
.elipse-button-icon {
z-index: 2;
color: var(--dark-green-nimali);
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.2em;
position: relative
}
.listing-overlay-color {
z-index: 2;
mix-blend-mode: multiply;
background-color: rgba(30, 25, 39, .6);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.listing-4-image {
z-index: 1;
object-fit: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.listing-button-2 {
z-index: 10;
width: 4em;
height: 5em;
position: relative
}
.listing-animation-color {
z-index: 3;
background-color: var(--misty-rose);
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.elipse-circle {
z-index: 1;
background-color: var(--rosy-brown);
border-radius: 50em;
width: 100%;
height: 100%;
position: absolute
}
.elipse-circle.is-transparent {
border: 1px solid var(--dark-green-nimali);
background-color: transparent
}
.elipse-circle.is-transparent:hover {
border-color: var(--dark-green-nimali)
}
.elipse-circle.is-transparent-brown {
border: 1px solid var(--brown);
background-color: transparent
}
.elipse-circle.is-transparent-brown:hover {
border-color: var(--brown-2)
}
.parallax-animation-medium {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.newsletter-list-1 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: grid
}
.subfooter-1-black {
z-index: 20;
border-style: solid none none;
border-width: .5px 1px 1px;
border-color: var(--ivory-nimali)black black;
background-color: var(--dark-green-nimali);
padding: 2em 40px 1em;
position: static
}
.subfooter-links {
grid-column-gap: 0em;
grid-row-gap: 0em;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-left: 60px;
padding-right: 60px;
display: flex
}
.listing-5 {
width: 100%;
padding: 2.5em
}
.listing-5-list {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
display: flex
}
.listing-5-item {
border-style: solid;
border-width: 1px;
border-color: var(--rosy-brown)var(--rosy-brown)transparent;
display: flex;
position: relative;
overflow: hidden
}
.listing-5-item:last-child {
border-bottom-color: var(--rosy-brown)
}
.listing-5-link {
color: var(--misty-rose);
align-self: stretch;
width: 100%;
padding-top: 8em;
padding-bottom: 8em;
transition: color .2s;
display: flex
}
.listing-5-link:hover {
color: var(--lavender-blush)
}
.listing-5-content {
grid-column-gap: 2.25em;
grid-row-gap: 2.25em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 37em;
margin-left: auto;
margin-right: auto;
display: flex
}
.listing-5-text-1 {
color: rgba(231, 210, 210, .8);
letter-spacing: .2em;
text-transform: uppercase;
font-size: 1em;
font-weight: 500;
line-height: 1.4em
}
.form {
z-index: 10;
background-color: transparent;
flex: none;
width: 100%;
margin-bottom: 0;
padding: 0;
position: relative
}
.form.on-dark-bg {
color: var(--rosy-brown);
display: none
}
.form-block {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex
}
.form-block.on-dark-bg {
align-items: flex-start;
display: block
}
.form-submit-button {
background-color: var(--brown);
letter-spacing: .15em;
text-transform: uppercase;
background-image: url(../647f003abb4628bf7e3466b7_east_white_24dp.svg);
background-position: 85%;
background-repeat: no-repeat;
background-size: 1.1em;
border-radius: 50em;
margin-top: 1em;
margin-right: auto;
padding: 1.5em 6.2em 1.5em 3em;
font-size: 1em;
font-weight: 500;
transition: padding .6s cubic-bezier(.075, .82, .165, 1), background-color .2s
}
.form-submit-button:hover {
background-color: var(--dark-slate-grey);
padding-left: 4em;
padding-right: 7.5em
}
.form-submit-button.on-dark-bg {
border: 1px solid var(--dark-green-nimali);
color: var(--dark-green-nimali);
text-align: left;
background-color: transparent;
background-image: none;
border-radius: 0;
align-self: auto;
margin-top: auto;
padding: 14px 50px;
font-size: 12px
}
.form-submit-button.on-dark-bg:hover {
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali);
border-radius: 0;
font-weight: 500
}
.form-field {
z-index: 5;
border-style: solid;
border-width: 0 0 1px;
border-color: transparent transparent var(--rosy-brown);
color: var(--black-3);
background-color: transparent;
border-radius: 0;
min-height: 4em;
margin-bottom: 0;
padding: .5em 0;
font-size: 1.4em;
line-height: 1.1em;
transition: border-color .5s;
position: relative
}
.form-field:hover {
border-top-width: 0;
border-right-width: 0;
border-bottom-color: var(--black-3);
border-left-width: 0
}
.form-field:active {
border-color: transparent transparent var(--black-3)
}
.form-field:focus {
border-top-width: 0;
border-right-width: 0;
border-bottom-color: var(--black-3);
background-color: transparent;
border-left-width: 0
}
.form-field::placeholder {
color: rgba(30, 25, 39, .6);
font-size: .9em;
font-weight: 300
}
.form-field.is-text-area {
min-height: 8em;
margin-bottom: 1.2em;
padding-top: 1.3em
}
.form-field.is-text-area.on-dark-bg {
flex: 0 auto;
min-height: 10em;
margin-bottom: 4em;
line-height: 2em
}
.form-field.on-dark-bg {
color: var(--dark-green-nimali);
text-transform: none;
border: 1px #000;
border-bottom: .5px solid rgba(93, 100, 84, .33);
min-height: 3.5em;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0;
font-weight: 400
}
.form-field.on-dark-bg:hover {
border-style: none none solid;
border-color: var(--olive-nimali);
border-bottom-width: .5px;
border-left-width: 0;
border-right-width: 0
}
.form-field.on-dark-bg:focus {
border-style: none none solid;
border-width: 1px 1px .5px;
border-color: black black var(--fern-nimali)
}
.form-field.on-dark-bg::placeholder {
color: var(--olive-nimali);
font-size: 1em;
font-weight: 400
}
.checkbox-field {
justify-content: flex-start;
align-items: center;
padding-top: .5em;
padding-bottom: .5em;
padding-left: 0;
display: flex
}
.checkbox {
border-width: 2px;
border-color: var(--rosy-brown);
cursor: pointer;
border-radius: 50%;
flex: none;
width: 2em;
height: 2em;
margin: 0 1em 0 0;
transition: border-width .2s, background-color .2s, border-color .2s
}
.checkbox:hover {
border-width: 4px;
border-color: var(--brown)
}
.checkbox.w--redirected-checked {
border-color: var(--brown);
background-color: var(--brown);
background-size: 1.1em
}
.checkbox.w--redirected-focus {
border-color: var(--brown);
background-color: var(--misty-rose);
box-shadow: none
}
.checkbox.on-dark-bg,
.checkbox.on-dark-bg:hover {
border-color: var(--fern-nimali)
}
.checkbox.on-dark-bg.w--redirected-checked {
border-color: var(--olive-nimali);
background-color: var(--olive-nimali);
background-image: url(../648c25f0613c7c41f843d8b7_Camera copy 6_2.webp);
background-position: 50%;
background-size: 10px
}
.checkbox.on-dark-bg.w--redirected-focus {
background-color: rgba(231, 210, 210, .26)
}
.checkbox-label {
font-size: 1.2em;
line-height: 1.2em
}
.while-scrolling-effect-5rem {
z-index: 1;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.content-grid-1 {
grid-column-gap: 10em;
grid-row-gap: 10em;
grid-template-rows: auto;
width: 100%
}
.content-grid-1-column-2 {
grid-column-gap: 6em;
grid-row-gap: 6em;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.content-grid-1-block-1 {
grid-column-gap: 4em;
grid-row-gap: 4em;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 39em;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.content-grid-1-text-3 {
opacity: .8;
text-align: center;
max-width: 30em;
font-size: 1.1em;
line-height: 2.7em
}
.header-2-quote-icon {
z-index: 1;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 7em
}
.while-scrolling-effect-6rem {
z-index: 5;
position: relative
}
.breadcrumb-text-1 {
color: var(--ivory-nimali);
-webkit-text-stroke-color: var(--ivory-nimali);
padding: .3em 1.1em;
transition: color .2s
}
.breadcrumb-text-1:hover {
color: var(--fern-nimali)
}
.breadcrumb-text-1.w--current {
color: var(--misty-rose)
}
.content-grid-1-image-1 {
height: 50em;
position: relative
}
.ui-kit-header {
z-index: 10;
background-color: var(--dark-green-nimali);
color: var(--misty-rose);
padding-top: 12em;
padding-bottom: 4em;
padding-left: 0;
position: relative
}
.breadcrumbs-1 {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-bottom: 4em;
display: flex
}
.image-size-uni {
height: 43em;
position: relative
}
.images {
grid-column-gap: 5em;
grid-row-gap: 5em;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
display: flex
}
.image-block {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex
}
.image-description {
text-align: center;
letter-spacing: -.05em;
font-size: 2.5em;
font-weight: 500
}
.opacity-50 {
opacity: .5
}
.listing-1-bg-color-1 {
z-index: 10;
background-color: var(--ivory-nimali);
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: center;
padding: 3.5em;
display: flex;
position: relative
}
.relative-image {
z-index: 10;
width: 100%;
position: relative
}
.empty-state-default {
background-color: rgba(30, 25, 39, .2);
border: 1px solid rgba(18, 4, 44, .3);
flex-direction: column;
justify-content: center;
align-items: center;
padding: 5em;
font-size: 2em;
font-weight: 500;
display: flex
}
.listing-2 {
width: 100%
}
.listing-5-image {
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.footer {
z-index: 20;
border-top: .5px none var(--ivory-nimali);
border-bottom: .5px none var(--ivory-nimali);
background-color: var(--black);
width: 100%;
position: relative;
overflow: hidden
}
.footer.is-full-width {
-webkit-text-stroke-color: var(--saddle-brown-nimali-2);
height: 100%
}
.header-4-bg-1 {
z-index: 1;
background-image: linear-gradient(to top, var(--lavender-blush), rgba(245, 234, 234, 0) 30%), linear-gradient(185deg, rgba(49, 29, 29, .65), rgba(255, 255, 255, .02) 32%), linear-gradient(315deg, rgba(231, 210, 210, .02), rgba(245, 234, 234, .9) 53%, rgba(231, 210, 210, .01)), radial-gradient(circle farthest-side at 50% 100%, rgba(245, 234, 234, .9), rgba(255, 255, 255, .02)), radial-gradient(circle farthest-corner at 37% 30%, #471f1f 13%, rgba(231, 210, 210, .02)), linear-gradient(45deg, var(--misty-rose), var(--rosy-brown));
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.content-grid-1-image-2 {
height: 30em;
position: relative
}
.ui-buttons-flex {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 40em;
margin-left: auto;
margin-right: auto;
display: flex
}
.ui-buttons-grid {
grid-column-gap: 5em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.button-description {
margin-bottom: 2.8em;
font-size: 1.3em
}
.nav-button-name {
z-index: 10;
color: var(--ivory-nimali);
text-align: center;
letter-spacing: .3em;
text-indent: .3em;
text-transform: uppercase;
max-width: 8em;
font-family: Montserrat, sans-serif;
font-size: .8em;
font-weight: 600;
line-height: .9em;
position: relative
}
.grid-4-line {
z-index: 1;
background-color: var(--rosy-brown-2);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.newsletter-text {
text-align: center;
max-width: 8em;
font-family: Gilda Display;
font-size: 2.8em;
font-weight: 400;
line-height: 1.2em
}
.author-text {
color: var(--lavender-blush);
text-align: right;
letter-spacing: -.03em;
text-indent: -.03em;
font-size: 2.9em;
font-style: normal;
font-weight: 500;
line-height: 1.1em
}
.ui-nav-height-1 {
background-color: var(--black-3);
flex-direction: column;
justify-content: center;
align-items: center;
height: 85vh;
display: flex;
position: relative
}
.ui-kit-title-block {
text-align: center;
width: 100%;
max-width: 80em;
margin-left: auto;
margin-right: auto
}
.footer-socials {
z-index: 20;
background-color: var(--dark-green-nimali);
border: 1px #000;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 13em;
padding: 0 2.5em;
display: flex;
position: relative;
overflow: hidden
}
.socials-2 {
z-index: 10;
background-color: rgba(119, 56, 27, 0);
align-self: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
position: relative
}
.breadcrumbs {
z-index: 20;
border-bottom: 1px solid var(--brown-2);
width: 100%;
margin-top: 6em;
padding: 0;
overflow: hidden
}
.logo-image-default {
z-index: 10;
object-fit: contain;
object-position: 0% 50%;
flex: none;
width: 7em;
height: 2.9em;
display: none;
position: relative
}
.dropdown-toggle {
z-index: 10;
color: var(--misty-rose);
justify-content: center;
align-self: stretch;
align-items: center;
margin: 0;
padding: 0 1em;
font-weight: 400;
transition: color .2s;
display: flex;
top: 1px
}
.dropdown-toggle:hover {
color: var(--white)
}
.dropdown-toggle.is-dark {
color: var(--brown-2)
}
.dropdown-toggle.is-dark:hover {
border-bottom-color: var(--brown-2);
color: var(--black)
}
.subfooter-links-list-2 {
grid-column-gap: 2.75em;
grid-row-gap: .25em;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex
}
.content-block-1 {
grid-row-gap: 2em;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 56em;
margin-left: auto;
margin-right: auto;
display: flex
}
.newsletter {
z-index: 20;
border-top: 1px solid var(--rosy-brown-2);
color: var(--brown);
width: 100%;
position: relative
}
.elipse-button {
z-index: 1;
border-radius: 50em;
flex-direction: column;
justify-content: center;
align-items: center;
width: 4em;
height: 5em;
display: flex;
position: relative
}
.footer-wrap {
background-color: var(--dark-green-nimali);
display: block
}
.image-collage-1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 94%;
height: 80vh;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}
.rich-text-on-dark-bg {
color: var(--ivory-nimali);
text-align: left
}
.rich-text-on-dark-bg h2 {
color: var(--dark-green-nimali);
text-align: center;
letter-spacing: -.02em;
margin-top: 1.4em;
margin-bottom: auto;
font-family: Gilda Display;
font-size: 3em;
font-weight: 400;
line-height: 1.1em
}
.rich-text-on-dark-bg p {
color: var(--dark-green-nimali);
margin-bottom: .3em;
font-size: 1.3em;
font-weight: 400;
line-height: 1.7em
}
.rich-text-on-dark-bg h3 {
color: var(--dark-green-nimali);
text-align: center;
margin-top: 1.1em;
margin-bottom: .5em;
font-size: 2.2em;
font-weight: 500;
line-height: 1.1em
}
.rich-text-on-dark-bg h4 {
color: black;
text-align: center;
margin-top: 1.5em;
margin-bottom: .5em;
font-size: 1.9em;
font-weight: 500;
line-height: 1.1em
}
.rich-text-on-dark-bg h5 {
color: var(--dark-green-nimali);
text-align: center;
margin-top: 1.5em;
margin-bottom: 1em;
font-size: 1.7em;
font-weight: 500;
line-height: 1.1em
}
.rich-text-on-dark-bg h6 {
font-size: 1.5em;
font-weight: 600;
line-height: 1.1em
}
.rich-text-on-dark-bg h1 {
color: var(--dark-green-nimali);
text-align: center;
margin-bottom: .25em;
font-family: Gilda Display;
font-size: 4em;
font-weight: 400;
line-height: 1em
}
.rich-text-on-dark-bg a {
color: var(--dark-green-nimali);
-webkit-text-stroke-color: var(--olive-nimali);
text-decoration: underline;
transition: color .2s
}
.rich-text-on-dark-bg a:hover {
opacity: 1;
color: var(--olive-nimali);
text-decoration: underline
}
.rich-text-on-dark-bg strong {
color: var(--dark-green-nimali);
font-size: 1.2em;
font-weight: 500
}
.rich-text-on-dark-bg blockquote {
border-left-width: 0;
border-left-color: var(--brown-2);
color: var(--saddle-brown-nimali);
background-image: url(../64970f3a511e36f19471e6b4_Camera copy 6_2.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 50px;
padding-top: .4em;
padding-left: 3.8em;
font-family: Gilda Display;
font-size: 2em
}
.rich-text-on-dark-bg.is-event {
opacity: .8;
font-size: 1.2em
}
.rich-text-on-dark-bg li {
color: var(--dark-green-nimali);
line-height: 1.7em
}
.ui-kit-flex {
grid-row-gap: 4em;
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex
}
.tab-1-content {
z-index: 5;
width: 100%;
overflow: visible
}
.tab-1-pane {
width: 100%;
height: 100%
}
.brand-icon {
object-fit: contain;
object-position: 50% 50%;
width: 1em;
height: 1em;
margin-right: .3em;
font-size: 1.5em;
position: relative;
top: -.05em
}
.fullscreen-menu-column-1 {
z-index: 10;
border-right: 0px none var(--brown);
flex-direction: column;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
min-width: 40%;
padding: 10vh 8em 10vh 16em;
display: flex;
position: relative;
overflow: auto
}
.fullscreen-menu {
z-index: 999;
justify-content: space-between;
align-items: stretch;
font-weight: 400;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.fullscreen-menu-bg {
z-index: 1;
background-color: var(--ivory-nimali);
border-right: 0 #000;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.menu-delay-for-animations {
z-index: 100;
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.fullscreen-inner {
z-index: 10;
flex-direction: row;
flex: 1;
justify-content: space-between;
align-self: auto;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative
}
.close-button {
z-index: 900;
text-transform: uppercase;
cursor: pointer;
border-right: 1px solid rgba(109, 69, 69, .6);
flex-direction: column;
justify-content: center;
align-items: center;
width: 8em;
line-height: 1.1em;
transition: width .6s cubic-bezier(.075, .82, .165, 1);
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: auto
}
.close-button:hover {
width: 12em
}
.fullscreen-menu-column-2 {
z-index: 9;
flex-direction: column;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
padding: 20vh 8vw;
display: none;
position: relative;
overflow: hidden
}
.menu-cover-image {
z-index: 1;
object-fit: cover;
object-position: 50% 30%;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.form-success-title-2 {
color: var(--ivory-nimali);
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.4em;
font-weight: 400;
line-height: 1.2em
}
.close-button-bg {
z-index: 1;
background-color: var(--dark-green-nimali);
background-image: url(../647f003abb4628bf7e34668c_close-icon-brown.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: 1.6em;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.large-button-2 {
z-index: 1;
color: var(--brown);
border: 1px solid #d2ccdd;
flex-direction: column;
justify-content: space-between;
align-self: stretch;
align-items: flex-start;
width: 100%;
min-height: 14em;
margin-top: -1px;
margin-left: -1px;
padding: 2em;
transition: border-color .2s, background-color .2s, width .6s cubic-bezier(.075, .82, .165, 1);
display: flex;
position: relative
}
.large-button-2:hover {
z-index: 2;
border-color: var(--brown-2);
background-color: var(--misty-rose);
width: 120%;
font-weight: 500
}
.large-button-2-name {
font-size: 1.3em;
line-height: 1.3em
}
.large-button-2-icon {
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.3em
}
.large-buttons-2 {
justify-content: space-between;
align-items: stretch;
display: flex
}
.form-grid-in-ui {
grid-column-gap: 5em;
grid-row-gap: 5em;
grid-template-rows: auto
}
.form-block-1 {
padding: 5em
}
.form-block-1.is-black {
background-color: var(--black-4)
}
.booking-button {
z-index: auto;
grid-column-gap: 1em;
color: var(--ivory-nimali);
background-color: #76704d;
flex-direction: row;
justify-content: center;
align-self: stretch;
align-items: center;
min-width: 13em;
height: 6em;
padding: 1em;
display: none;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%;
overflow: hidden
}
.booking-button.is-dark {
border-bottom: 1px solid var(--brown-2);
border-left: 1px solid var(--brown-2)
}
.nav-button-icon {
z-index: 10;
color: var(--ivory-nimali);
object-fit: contain;
width: 1em;
height: 1em;
font-family: Montserrat, sans-serif;
font-size: 1.4em;
position: relative
}
.header-slider-gradient-1 {
z-index: 2;
background-image: linear-gradient(to right, var(--black), rgba(19, 14, 13, .02) 55%);
width: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: auto
}
.main-elipse-button-booking {
z-index: 20;
border: .5px none var(--ivory-nimali);
color: var(--ivory-nimali);
text-align: center;
border-radius: 0;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 6em;
height: 8em;
font-family: Montserrat, sans-serif;
display: flex;
position: relative
}
.main-elipse-button-booking.is-smaller {
font-size: .8em
}
.elipse-button-content {
z-index: 20;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute
}
.elipse-button-text-1 {
color: var(--ivory-nimali);
text-align: center;
letter-spacing: .2em;
text-transform: uppercase;
width: 8em;
font-size: .6em;
font-weight: 500;
line-height: 1.2em;
display: block;
position: absolute
}
.elipse-button-text-1:hover {
color: var(--dark-green-nimali);
font-weight: 500
}
.elipse-button-text-1.is-dark {
color: var(--brown-2)
}
.elipse-button-icon-1 {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.1em;
position: absolute
}
.elipse-button-icon-1.is-larger {
font-size: 1.6em
}
.elipse-button-border-1 {
z-index: 5;
border: 2px solid var(--ivory-nimali);
background-color: var(--ivory-nimali);
opacity: .5;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
outline-offset: 0px;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 8em;
outline: 3px solid transparent;
transition: border-radius .4s;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.elipse-button-border-1:hover {
color: var(--dark-green-nimali);
border-radius: 8em
}
.elipse-button-border-1.is-dark {
border-color: rgba(109, 69, 69, .3)
}
.header-2 {
z-index: 20;
background-color: var(--brown);
color: var(--misty-rose);
flex-direction: column;
justify-content: space-between;
align-items: stretch;
min-height: 100vh;
display: flex;
position: relative
}
.header-2-padding {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
padding-top: 9em;
padding-bottom: 3em;
display: flex;
position: relative
}
.header-2-grid {
z-index: 10;
grid-column-gap: 5em;
grid-row-gap: 5em;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
width: 100%;
display: grid;
position: relative
}
.header-2-block-2 {
position: relative
}
.header-2-block-1 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 6em;
display: flex;
position: relative
}
.header-2-content-1 {
grid-row-gap: 5em;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 35em;
display: flex
}
.gradient-bg-for-title {
z-index: 2;
background-image: linear-gradient(transparent, rgba(19, 14, 13, .8));
height: 40%;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%
}
.title-line {
background-color: rgba(127, 87, 87, .25);
flex: none;
width: 5em;
height: 1px;
position: relative;
overflow: hidden
}
.title-line.is-left {
width: 4em;
font-size: 1.3vw
}
.title-line.is-right {
width: 10.3em
}
.title-line.short {
width: 2.5em
}
.title-with-line-center {
grid-column-gap: 4em;
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali);
flex-flow: row;
align-content: flex-start;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-top: 150px;
padding-bottom: 100px;
display: flex
}
.title-with-line-center.experiences {
white-space: normal;
background-color: transparent;
margin-bottom: 100px;
padding-top: 0;
padding-bottom: 0
}
.title-with-line-center.latest-news {
background-color: transparent;
padding-top: 0;
padding-bottom: 100px
}
.title-with-line-center.latest-news.with-subtitle {
padding-bottom: 40px
}
.content-grid-8 {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex: 0 auto;
order: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-self: auto;
align-items: center;
width: 80vw;
padding-bottom: 0
}
.grid-8-image {
min-height: 50em;
position: relative;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.vertical-flex {
text-align: center;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.vertical-flex.with-gap-6em {
grid-row-gap: 6em;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
justify-content: space-between;
align-items: center;
width: auto;
margin: auto;
padding-top: 150px;
padding-bottom: 150px;
display: flex
}
.vertical-flex.with-gap-8em {
grid-row-gap: 8em;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 50%;
background-size: cover;
margin-top: auto;
margin-bottom: auto;
padding-top: 60px;
padding-bottom: 60px
}
.vertical-flex.is-about-flex {
grid-row-gap: 4em;
justify-content: flex-start;
align-items: flex-start
}
.vertical-flex.with-gap-2em {
grid-row-gap: 2em
}
.vertical-flex.with-gap-4em {
grid-row-gap: 4em;
justify-content: center;
align-items: center;
width: auto;
margin-bottom: auto;
display: flex
}
.vertical-flex.align-to-left {
text-align: left;
align-items: flex-start
}
.vertical-flex.with-gap-1em {
grid-row-gap: 1em
}
.vertical-flex.location {
width: 100vw;
padding-top: 150px;
padding-bottom: 150px;
display: flex
}
.vertical-flex.home-about {
padding-top: 150px;
padding-bottom: 150px
}
.vertical-flex.home-sustainability {
overflow: visible
}
.vertical-flex.activities {
padding-top: 150px
}
.vertical-flex.ethos {
padding-top: 150px;
padding-bottom: 150px
}
.vertical-flex.gallery-about-page {
padding-top: 150px
}
.vertical-flex.protecting,
.vertical-flex.team {
padding-top: 150px;
padding-bottom: 150px
}
.content-about-tarangire {
grid-column-gap: 16px;
grid-row-gap: 2em;
text-align: left;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-items: flex-start;
justify-items: stretch;
width: 100%;
max-width: 28em;
margin-left: auto;
margin-right: auto;
display: flex
}
.content-about-tarangire.is-left {
text-align: left;
grid-template-rows: minmax(auto, 1fr);
grid-template-columns: 1fr 1fr 1fr;
align-items: flex-end;
justify-items: stretch
}
.title-icon {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.7em;
position: relative
}
.button-prices-text {
color: var(--dark-slate-grey-2);
letter-spacing: .1em;
text-transform: uppercase;
font-size: .9em
}
.button-prices-text.is-light {
color: var(--medium-aquamarine)
}
.header-1 {
z-index: 10;
background-color: var(--lavender-blush);
position: relative
}
.header-1.is-dark {
background-color: var(--dark-green-nimali);
color: var(--misty-rose)
}
.header-1-padding {
padding-top: 14em;
padding-bottom: 8em
}
.content-text-4 {
text-align: center;
width: 100%;
max-width: 28em;
font-size: 1.2em;
font-weight: 400;
line-height: 2em
}
.section-image {
height: 50em;
min-height: 100vh;
position: relative
}
.price-text-2 {
color: var(--dark-slate-grey-2);
font-size: 1.2em
}
.content-grid-2-text-2 {
max-width: 20em;
font-size: 1.2em;
font-weight: 400;
line-height: 1.9em
}
.content-grid-2-block-2 {
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 27em;
display: flex
}
.content-grid-2-text-1 {
max-width: 20em;
font-size: 1.2em;
font-weight: 600;
line-height: 1.9em
}
.content-grid-2 {
grid-column-gap: 8em;
grid-row-gap: 8em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%
}
.content-grid-2-block-1 {
min-height: 50em;
position: relative
}
.image-animation-trigger-vertical {
z-index: 10;
border-top-left-radius: 0;
border-top-right-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
overflow: hidden
}
.header-1-flex {
grid-column-gap: 7.5em;
grid-row-gap: 2em;
justify-content: flex-start;
align-items: center;
max-width: 60em;
display: flex
}
.carousel-block {
grid-column-gap: 2em;
grid-row-gap: 3em;
border: 1px solid var(--rosy-brown-2);
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 5em 2.2em 4em;
display: flex;
overflow: hidden
}
.carousel-block.is-highlighted {
border: 1px none var(--rosy-brown);
background-color: var(--saddle-brown-nimali-2);
color: var(--black);
padding-top: 2em;
padding-bottom: 2em
}
.carousel-slide {
width: 25%
}
.content-grid-2-icon {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 2em;
position: relative
}
.carousel-number {
z-index: 10;
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 5em;
line-height: 1em;
position: relative
}
.carousel-line {
z-index: 10;
background-color: var(--dark-green-nimali);
width: 40%;
height: 1px;
position: relative;
overflow: hidden
}
.carousel-line-color {
z-index: 1;
background-color: var(--dark-green-nimali);
color: var(--dark-green-nimali);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.carousel-text {
color: var(--dark-green-nimali);
-webkit-text-stroke-color: var(--ivory-nimali);
max-width: 13em;
font-size: 1.1em;
line-height: 1.7em
}
.carousel-title {
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 2em;
font-weight: 500;
line-height: 1.1em
}
.carousel-content {
z-index: 10;
grid-row-gap: 1.25em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative
}
.title-line-color {
background-color: var(--ivory-nimali);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.title-line-color.is-left {
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali)
}
.title-line-color.is-left.experiences {
background-color: var(--dark-green-nimali)
}
.title-line-color.is-left.latest-news {
background-color: var(--dark-green-nimali);
-webkit-text-stroke-color: var(--saddle-brown-nimali)
}
.title-line-color.is-right {
background-color: var(--ivory-nimali)
}
.title-line-color.is-right.experiences,
.title-line-color.is-right.latest-news {
background-color: var(--dark-green-nimali)
}
.uppercase-title-light {
z-index: 10;
color: var(--olive-nimali);
text-align: center;
letter-spacing: .3em;
text-indent: .3em;
text-transform: uppercase;
font-size: .8em;
font-weight: 400;
line-height: 1.6em;
position: relative
}
.content-2-padding {
z-index: 20;
grid-column-gap: 6em;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 20em 6em;
display: flex;
position: relative
}
.content-2-padding.sustainability {
padding: 10em
}
.content-2-padding.about {
padding-top: 10em;
padding-bottom: 10em
}
.content-section-1-title {
color: var(--ivory-nimali);
-webkit-text-stroke-color: var(--ivory-nimali);
max-width: 16em;
margin-top: 20px;
margin-bottom: .5em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 3em;
line-height: 1.2em
}
.menu-fullwidth-link {
grid-column-gap: 2em;
border: 1px solid var(--rosy-brown);
color: var(--brown);
letter-spacing: .1em;
text-indent: .1em;
text-transform: uppercase;
background-color: transparent;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2.5em 5em;
font-weight: 500;
transition: letter-spacing .6s cubic-bezier(.075, .82, .165, 1), background-color .2s;
display: flex;
position: relative
}
.menu-fullwidth-link:hover {
background-color: var(--rosy-brown-2);
color: var(--black-2);
letter-spacing: .2em;
text-indent: .2em
}
.menu-icon-1 {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.2em;
position: relative
}
.menu-link-content {
grid-row-gap: 1em;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.menu-link-icon {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.6em;
display: none;
position: relative
}
.about-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
min-height: 26em;
margin-left: auto;
margin-right: auto;
display: grid
}
.about-block {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
text-align: center;
background-color: transparent;
flex-direction: column;
justify-content: space-around;
align-items: center;
max-width: 30em;
min-height: 23em;
margin-left: 0;
margin-right: 0;
padding: 3em;
transition: border-color .2s, color .2s, background-color .2s, min-height .6s cubic-bezier(.075, .82, .165, 1);
display: flex
}
.about-block:hover {
background-color: var(--brown-2);
color: var(--white);
min-height: 26em
}
.about-block.is-2nd {
border: 1px solid transparent;
width: 100%;
min-height: auto
}
.about-block.is-2nd:hover {
border-color: var(--rosy-brown);
color: var(--black);
background-color: transparent
}
.about-block.is-3rd {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
border: 1px solid transparent
}
.about-block.is-3rd:hover {
border: 1px solid var(--rosy-brown);
background-color: var(--misty-rose);
color: var(--black)
}
.about-icon {
border: 1px dashed var(--rosy-brown-2);
background-color: rgba(231, 210, 210, .6);
border-radius: 50em;
flex-direction: column;
justify-content: center;
align-items: center;
width: 5em;
height: 7em;
transition: height .6s cubic-bezier(.075, .82, .165, 1);
display: flex
}
.about-icon:hover {
height: 8em
}
.about-icon.is-transparent {
background-color: transparent;
border-color: rgba(211, 177, 177, .4)
}
.about-icon.is-transparent-2 {
border-color: var(--rosy-brown);
background-color: transparent
}
.about-title {
letter-spacing: -.02em;
text-indent: -.02em;
font-family: Gilda Display;
font-size: 1.9em;
line-height: 1.2em
}
.about-text {
opacity: .7;
max-width: 15.5em;
font-size: 1.1em;
line-height: 1.6em
}
.about-icon-image {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 1.5em;
position: relative
}
.header-room-padding-2 {
padding-top: 8em;
padding-bottom: 6em
}
.header-room-content {
grid-row-gap: 4em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 60em;
padding-top: 1.2em;
display: flex
}
.header-room-text-1 {
max-width: 34em;
font-size: 1.4em;
font-weight: 300;
line-height: 1.9em
}
.header-room-flex-2 {
grid-column-gap: 7.5em;
grid-row-gap: 2em;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.section-image-3 {
height: 50em;
min-height: 100vh;
position: relative
}
.breadcrumbs-1-image {
object-fit: cover;
border-radius: 5px;
width: 6em;
height: 3em
}
.border-bottom {
background-color: var(--brown-2);
width: 100%;
height: 1px;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%
}
.header-slider-1 {
z-index: 5;
background-color: var(--black);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
display: flex;
position: relative;
overflow: visible
}
.header-slider-padding {
z-index: 10;
object-fit: cover;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: absolute;
overflow: hidden
}
.header-slider-content {
grid-column-gap: 5em;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 85em;
margin-left: auto;
margin-right: auto;
display: flex
}
.grid-2-block-3 {
z-index: 1;
height: 80vh;
position: -webkit-sticky;
position: sticky;
top: 10vh
}
.grid-2-block-4 {
z-index: 2;
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 27em;
padding-top: 30vh;
padding-bottom: 30vh;
display: flex;
position: relative
}
.newsletter-text-2 {
text-align: right;
max-width: 14em;
margin-right: 0;
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.7em;
font-weight: 400;
line-height: 1.2em
}
.title-with-line-left {
grid-column-gap: 4em;
text-align: left;
align-items: center;
width: 100%;
max-width: 60em;
margin-right: auto;
display: flex
}
.listing-2-image {
width: 100%;
height: 30em;
position: relative
}
.listing-2-link-block-2 {
grid-row-gap: 4em;
border: 1px solid var(--brown-3);
color: var(--misty-rose);
flex-direction: column;
flex: 1;
justify-content: flex-end;
align-items: center;
min-height: 40em;
padding: 4em;
transition: border-color .2s;
display: flex;
position: relative
}
.listing-2-link-block-2:hover {
border-color: rgba(109, 69, 69, .8)
}
.listing-2-content-2 {
z-index: 20;
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 35em;
padding: 0;
display: flex;
position: relative
}
.listing-4-flex {
grid-column-gap: 1em;
grid-row-gap: 1em;
color: var(--ivory-nimali);
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: end;
align-items: center;
justify-items: start;
display: grid
}
.listing-4-overlay-color {
z-index: 2;
color: var(--ivory-nimali);
mix-blend-mode: multiply;
background-image: linear-gradient(90deg, rgba(30, 25, 39, .85), rgba(30, 25, 39, .4) 47%, rgba(30, 25, 39, .65));
border-radius: 0;
flex: 0 auto;
width: 100vw;
max-width: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.listing-4-text-2 {
color: var(--ivory-nimali);
letter-spacing: .1em;
text-transform: uppercase;
font-size: .9em;
font-weight: 600;
line-height: 1.3em;
display: block
}
.menu-explore-grid {
grid-column-gap: 4em;
grid-row-gap: 4em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.menu-template-link {
color: var(--brown);
border-bottom: 1px solid transparent;
padding-top: .5em;
padding-bottom: .5em;
font-size: 1em;
font-weight: 400;
line-height: 1.1em;
transition: border-color .2s, color .2s
}
.menu-template-link:hover {
border-bottom-color: var(--black);
color: var(--black)
}
.menu-template-link.w--current {
border-bottom-color: var(--black-2);
color: var(--black);
font-weight: 600
}
.menu-explore-title-1 {
font-family: Gilda Display;
font-size: 1.4em
}
.menu-line-2 {
background-color: var(--brown-2);
width: 100%;
height: 1px
}
.menu-explore-flex {
grid-row-gap: 1em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.menu-template-button {
z-index: 10;
color: var(--rosy-brown);
transition: box-shadow .6s cubic-bezier(.075, .82, .165, 1), transform .6s cubic-bezier(.075, .82, .165, 1);
position: relative;
transform: translate(0)
}
.menu-template-button:hover {
transform: translateY(-6px);
box-shadow: 0 30px 40px -20px rgba(30, 25, 39, .8)
}
.menu-template-button-wrap {
z-index: 10;
background-image: linear-gradient(to top, var(--black-3), rgba(30, 25, 39, .6));
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding: 3.5em;
display: flex;
position: relative
}
.menu-template-button-title {
color: var(--misty-rose);
font-family: Gilda Display;
font-size: 1.8em;
font-weight: 400;
line-height: 1.1em
}
.menu-template-button-block {
grid-column-gap: 2em;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex
}
._3d-trigger {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
width: 110%;
height: 115%;
display: flex;
position: absolute
}
.menu-template-button-content {
grid-row-gap: .5em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.menu-template-button-text {
color: var(--misty-rose);
letter-spacing: .2em;
text-transform: uppercase;
font-size: .7em
}
.menu-links-grid {
grid-column-gap: 2em;
grid-row-gap: .25em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%
}
.footer-link {
color: var(--ivory-nimali);
border-bottom: 1px solid transparent;
padding-top: .5em;
padding-bottom: .5em;
font-size: .9em;
transition: border-color .2s, color .2s;
display: flex
}
.footer-link:hover {
color: var(--olive-nimali);
border: 1px #000;
border-bottom-width: 0
}
.footer-link.w--current {
color: var(--lavender-blush)
}
.footer-link.privacy-policy {
display: none
}
.elipse {
border: 1px solid var(--dark-green-nimali);
border-radius: 50em;
flex-direction: column;
justify-content: center;
align-items: center;
width: 5.5em;
height: 7em;
display: flex;
position: relative;
overflow: hidden
}
.elipse.is-2nd {
border-color: var(--dark-green-nimali);
justify-content: center;
position: absolute;
top: -.6em
}
.elipse.is-3rd {
border-color: var(--dark-green-nimali);
-webkit-text-stroke-color: var(--dark-green-nimali);
position: absolute;
top: -1.1em
}
.elipse.with-animation {
border-color: var(--dark-green-nimali);
transition: border-radius .4s
}
.elipse.with-animation:hover {
border-radius: 50%
}
.elipse-block {
grid-row-gap: 1em;
letter-spacing: 1.3em;
text-indent: 1.3em;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all .6s cubic-bezier(.075, .82, .165, 1);
display: flex
}
.elipse-block:hover {
grid-row-gap: 1.5em;
letter-spacing: 1.7em;
text-indent: 1.7em
}
.elipse-title {
color: var(--brown);
text-transform: uppercase;
font-size: 1.2em;
font-weight: 400
}
.elipse-title.is-2nd {
color: var(--dark-green-nimali)
}
.elipse-text {
opacity: .8;
color: #8f6666;
text-align: center;
letter-spacing: .2em;
text-indent: .2em;
text-transform: uppercase;
font-size: .8em;
font-style: italic;
font-weight: 400;
line-height: 1.1em
}
.elipse-text.is-2nd {
color: var(--dark-green-nimali);
font-style: normal
}
.elipse-1-icon {
z-index: 10;
color: var(--dark-green-nimali);
-webkit-text-stroke-color: var(--dark-green-nimali);
object-fit: contain;
width: 1em;
height: 1em;
padding-left: 0;
font-size: 1.6em;
position: relative
}
.listing-4-heading {
color: var(--ivory-nimali);
text-align: left;
min-width: 11em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 3em;
font-weight: 400;
line-height: 1.1em;
transition: color .2s
}
.listing-4-heading:hover {
color: var(--white)
}
.brown-bg-lines-1 {
z-index: 3;
opacity: 1;
mix-blend-mode: normal;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%
}
.header-bg-lines {
z-index: 3;
border-top: 1px solid var(--rosy-brown-2);
opacity: .2;
-webkit-text-stroke-color: transparent;
background-color: transparent;
justify-content: center;
align-items: center;
height: 10em;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%
}
.brown-bg-lines-2 {
z-index: 3;
border-right: 1px solid var(--rosy-brown-2);
opacity: .3;
background-image: none;
background-position: 0 0;
background-size: 1em;
width: 34em;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: auto
}
.brown-bg-lines-2.is-left {
top: 0%;
bottom: 0%;
left: auto;
right: 0%
}
.brown-bg-lines-3 {
z-index: 3;
border-top: 1px solid var(--rosy-brown-2);
border-bottom: 1px solid var(--rosy-brown-2);
border-left: 1px solid var(--rosy-brown-2);
opacity: .13;
background-image: none;
background-position: 50%;
background-size: 1em;
width: 50%;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%
}
.brown-bg-lines-3.with-margin-top {
margin-top: 6em
}
.listing-5-text-2 {
color: var(--rosy-brown-2);
letter-spacing: .05em;
font-size: 1.3em;
font-weight: 300;
line-height: 1.6em
}
.listing-2-list-2 {
grid-column-gap: 3em;
grid-row-gap: 3em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.header-slider-2-content-1 {
grid-column-gap: 4em;
grid-row-gap: 4em;
color: var(--ivory-nimali);
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
margin-right: auto;
font-family: Montserrat, sans-serif;
display: flex
}
.header-bg-bottom {
z-index: 3;
border-top: 1px solid var(--brown-2);
background-color: var(--ivory-nimali);
opacity: 0;
height: 10em;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
overflow: visible
}
.header-slider-2 {
z-index: 5;
background-color: var(--black);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
display: none;
position: relative;
overflow: visible
}
.content-grid-1-text-2 {
z-index: 10;
color: var(--rosy-brown);
letter-spacing: -.1em;
text-indent: -.1em;
text-transform: uppercase;
font-family: Gilda Display;
font-size: 5em;
line-height: 1em;
position: relative
}
.content-grid-1-block-2 {
grid-row-gap: 1em;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.content-grid-1-numbers {
grid-row-gap: 10em;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 4em;
padding-bottom: 4em;
display: flex
}
.elipse-large {
z-index: 20;
border: 1px solid var(--brown-2);
border-radius: 50em;
flex-direction: column;
justify-content: center;
align-items: center;
width: 11em;
height: 16em;
transition: width .6s cubic-bezier(.075, .82, .165, 1);
display: flex;
position: absolute;
overflow: hidden
}
.elipse-large:hover {
border-radius: 50%;
width: 16em
}
.elipse-large.is-2nd {
border-color: rgba(127, 87, 87, .7);
width: 100%;
position: absolute;
top: -.6em
}
.elipse-large.is-3rd {
border-color: rgba(127, 87, 87, .5);
width: 100%;
position: absolute;
top: -1.1em
}
.content-grid-3 {
grid-column-gap: 8em;
grid-row-gap: 8em;
border: 1px solid var(--fern-nimali);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
padding: 2em
}
.content-grid-3.is-2nd {
background-color: var(--black-4);
color: var(--misty-rose)
}
.content-grid-3-block-1 {
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 27em;
padding-top: 0;
padding-bottom: 0;
display: flex
}
.content-grid-3-image {
min-height: 50em;
position: relative
}
.content-grid-3-text-1 {
color: var(--rosy-brown-2);
max-width: 20em;
font-size: 1.2em;
font-weight: 300;
line-height: 1.9em
}
.content-grid-3-text-1.is-dark {
color: var(--brown-2)
}
.elipse-number {
z-index: 10;
color: var(--rosy-brown);
font-family: Gilda Display;
font-size: 1.7em;
line-height: 1em;
position: relative
}
.elipse-number.is-dark {
color: var(--brown-2)
}
.overlay-color-2 {
z-index: 11;
mix-blend-mode: multiply;
background-color: rgba(30, 25, 39, .75);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.content-2-title {
color: var(--misty-rose);
max-width: 16em;
font-family: Gilda Display;
font-size: 4.1em;
line-height: 1.2em
}
.content-2-container {
z-index: 10;
width: 96.5%;
margin-left: auto;
margin-right: auto;
position: relative
}
.title-line-color-3 {
background-color: var(--rosy-brown);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.title-line-3 {
background-color: rgba(196, 156, 156, .4);
flex: none;
width: 5vw;
height: 1px;
position: relative;
top: 2.6em;
overflow: hidden
}
.content-2 {
grid-row-gap: 2.25em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 57em;
display: flex
}
.content-2-text {
color: var(--rosy-brown-2);
max-width: 27em;
font-size: 1.3em;
font-weight: 300;
line-height: 2em
}
.header-video-1-title {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 50em;
display: flex
}
.elipse-1-border {
border: 1px solid var(--brown-2);
border-radius: 50em;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 8em;
height: 5em;
margin-right: 1.5em;
display: inline-block;
position: relative;
overflow: hidden
}
.elipse-1-border.is-2nd {
border-color: rgba(127, 87, 87, .7);
margin-right: 0;
position: absolute;
left: .6em
}
.elipse-1-border.is-3rd {
border-color: rgba(127, 87, 87, .5);
margin-right: 0;
position: absolute;
left: 1.2em
}
.elipse-1 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.gallery-text {
z-index: 20;
background-color: var(--fern-nimali);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
color: var(--ivory-nimali);
letter-spacing: .1em;
text-indent: 0;
text-transform: uppercase;
border: 1px rgba(211, 177, 177, .5);
border-radius: 0;
padding: .6em 1.3em;
font-size: 1em;
font-weight: 400;
display: flex;
position: absolute;
top: 10%;
bottom: auto;
left: auto;
right: 10%
}
.header-slider-content-3 {
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
max-width: 60em;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex
}
.header-blog-gradient {
z-index: 2;
text-transform: lowercase;
mix-blend-mode: multiply;
background-image: linear-gradient(rgba(2, 3, 2, .37), rgba(2, 3, 2, .37));
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.header-slider-2-gradient-1 {
z-index: 2;
text-transform: lowercase;
mix-blend-mode: multiply;
background-image: linear-gradient(rgba(30, 25, 39, .5), rgba(26, 21, 29, .45) 50%, rgba(22, 17, 21, 0));
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.elipse-trigger {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.header-slider-3 {
z-index: 5;
background-color: var(--black);
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
display: flex;
position: relative;
overflow: visible
}
.content-grid-1-column-1 {
grid-column-gap: 6em;
grid-row-gap: 6em;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
display: flex
}
.content-grid-1-text-1 {
z-index: 10;
color: var(--brown-2);
text-align: center;
letter-spacing: .4em;
text-indent: .4em;
text-transform: uppercase;
font-size: 1em;
font-weight: 500;
line-height: 1.6em;
position: relative
}
.header-video-2 {
z-index: 1;
background-color: var(--black-3);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 100vh;
padding-top: 14em;
padding-bottom: 10em;
display: flex;
position: relative;
overflow: visible
}
.breadcrumb-icon {
opacity: .6;
color: var(--ivory-nimali);
object-fit: contain;
width: 1em;
height: 1em;
font-size: .6em
}
.header-3 {
z-index: 20;
background-color: var(--black-3);
color: var(--misty-rose);
justify-content: space-between;
align-items: stretch;
width: 100%;
min-height: 100vh;
display: flex;
position: relative
}
.header-3-padding-booking {
background-color: var(--dark-green-nimali);
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
padding-top: 9em;
padding-bottom: 3em;
display: flex;
position: relative
}
.header-3-padding-booking.between-content {
padding-top: 3em
}
.header-3-grid {
z-index: 10;
grid-column-gap: 5em;
grid-row-gap: 5em;
border-top-left-radius: 300px;
border-top-right-radius: 300px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
width: 100%;
display: grid;
position: relative
}
.header-3-block-1 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 6em;
display: flex;
position: relative
}
.header-3-block-2 {
border-top-left-radius: 300px;
border-top-right-radius: 300px;
position: relative
}
.header-3-content-1 {
grid-row-gap: 3em;
perspective: 1000px;
color: var(--ivory-nimali);
text-align: center;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
max-width: 35em;
display: flex
}
.section-content-1 {
background-image: url(../651162f8db112b314a5a830b_Baobab-in-the-plains.jpg);
background-position: 50%;
background-repeat: repeat-x;
background-size: cover;
background-attachment: scroll;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.listing-1-image {
z-index: 1;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.header-video-2-content {
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 60em;
margin-left: auto;
margin-right: auto;
display: flex
}
.content-grid-5 {
z-index: 10;
grid-column-gap: 5em;
grid-row-gap: 5em;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
width: 100%;
display: grid;
position: relative
}
.grid-5-block {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4em;
display: flex;
position: relative
}
.grid-5-image {
z-index: 1;
width: 100%;
max-width: 40em;
height: 50em;
position: relative
}
.grid-5-content {
z-index: 10;
grid-row-gap: 1.5em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 40em;
margin-top: -6em;
display: flex;
position: relative
}
.grid-5-title {
z-index: 10;
color: var(--white);
letter-spacing: -.04em;
text-indent: -.04em;
font-family: Gilda Display;
font-size: 6vw;
font-weight: 400;
line-height: 1em
}
.grid-5-text {
color: var(--white);
max-width: 25em;
font-weight: 300;
line-height: 2.1em
}
.grid-2-image {
z-index: 1;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.content-grid-6 {
grid-column-gap: 8em;
grid-row-gap: 8em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%
}
.grid-6-image {
min-height: 50em;
position: relative
}
.grid-6-content {
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 27em;
display: flex
}
.grid-6-text {
color: var(--dark-green-nimali);
max-width: 20em;
font-size: 1.2em;
font-weight: 400;
line-height: 1.9em
}
.header-4-bg-2 {
z-index: 1;
background-image: linear-gradient(to top, var(--black-3), rgba(30, 25, 39, 0) 30%), radial-gradient(circle farthest-side at 37% 30%, rgba(30, 25, 39, .6) 13%, rgba(231, 210, 210, .02)), linear-gradient(315deg, rgba(231, 210, 210, .02), rgba(109, 69, 69, .85) 53%, rgba(231, 210, 210, .01)), linear-gradient(45deg, #5b506f, #0f0c14);
color: var(--rosy-brown-2);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.listing-6-list {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.listing-6 {
width: 100%
}
.listing-6-link {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
color: var(--brown-2);
text-align: center;
background-color: transparent;
flex-direction: column;
justify-content: space-around;
align-items: center;
min-height: 23em;
margin-left: 0;
margin-right: 0;
padding: 3em;
transition: border-color .2s, color .2s, background-color .2s, min-height .6s cubic-bezier(.075, .82, .165, 1);
display: flex
}
.listing-6-link:hover {
background-color: var(--misty-rose);
color: var(--black);
min-height: 26em
}
.listing-6-title {
letter-spacing: -.02em;
text-indent: -.02em;
font-family: Gilda Display;
font-size: 1.9em;
line-height: 1.2em
}
.listing-6-text {
opacity: .6;
max-width: 15.5em;
font-size: 1.1em;
line-height: 1.6em
}
.brown-bg-lines-4 {
z-index: 3;
opacity: .1;
background-image: none;
background-position: 0 0;
background-size: 1em;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.socials-4 {
z-index: 10;
align-self: center;
position: relative
}
.header-1-flex-2 {
grid-column-gap: 7.5em;
grid-row-gap: 2em;
text-align: center;
justify-content: center;
align-items: center;
display: flex
}
.socials-4-list {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
-webkit-text-stroke-color: var(--ivory-nimali);
flex-direction: row;
justify-content: center;
align-items: center;
display: flex
}
.content-grid-7 {
grid-column-gap: 8em;
grid-row-gap: 6em;
grid-template-columns: .5fr 1fr;
width: 100%
}
.grid-7-text-1 {
max-width: 29em;
font-size: 1.4em;
font-weight: 500;
line-height: 1.8em
}
.grid-7-title-1 {
font-size: 1.8em;
font-weight: 500
}
.grid-7-image-1 {
height: 20em;
position: relative
}
.grid-7-block-3 {
grid-column-gap: 4em;
grid-row-gap: 4em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.grid-7-text-2 {
font-size: 1.1em;
line-height: 1.8em
}
.grid-7-title-2 {
font-family: Gilda Display;
font-size: 1.7em;
font-weight: 400;
line-height: 1.8em
}
.grid-7-block-2 {
grid-column-gap: 4em;
grid-row-gap: 4em;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex
}
.gallery-with-thumbs {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.gallery-thumb-block {
height: 43em;
position: relative
}
.navbar-nimali {
z-index: 999;
grid-column-gap: 0em;
grid-row-gap: 0em;
background-color: transparent;
border: 1px #000;
border-bottom-width: 0;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 6em;
display: block;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.contact-link-3 {
color: var(--dark-slate-grey-2);
padding-top: .2em;
padding-bottom: .2em;
font-family: Gilda Display;
font-size: 2em;
font-weight: 400;
line-height: 1.1em;
position: relative;
overflow: hidden
}
.blog-title-block {
grid-column-gap: 2em;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 30px;
display: flex
}
.blog-category-text-1 {
opacity: .7;
color: var(--dark-green-nimali);
text-transform: uppercase;
font-size: .9em
}
.blog-category-text-1:hover {
color: var(--dark-green-nimali)
}
.blog-categories {
grid-row-gap: .25em;
text-align: right;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding-top: 0;
display: flex
}
.blog-featured-text-1 {
opacity: 1;
text-transform: uppercase;
font-size: .9em
}
.blog-featured-text-1:hover {
color: var(--dark-green-nimali)
}
.blogs {
width: 100%
}
.blog-list {
grid-column-gap: 3em;
grid-row-gap: 3em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: stretch;
justify-content: stretch;
align-items: stretch;
justify-items: stretch;
width: auto;
display: grid
}
.blog-item {
background-color: var(--ivory-nimali);
border: 1px solid #000;
display: flex
}
.blog-item:hover {
background-color: var(--saddle-brown-nimali-2)
}
.blog-link {
grid-row-gap: 4em;
border: 1px none var(--black);
background-color: var(--saddle-brown-nimali-2);
color: var(--dark-green-nimali);
text-align: left;
border-radius: 1px;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding: 4em;
transition: background-color .2s, border-color .2s;
display: block;
position: relative
}
.blog-link:hover {
border: .5px none var(--fern-nimali);
background-color: var(--saddle-brown-nimali-2);
color: var(--fern-nimali)
}
.blog-link.w--current:hover {
background-color: rgba(255, 255, 255, .39)
}
.blog-name {
color: var(--dark-green-nimali);
text-align: left;
letter-spacing: .05em;
text-transform: uppercase;
max-width: 13em;
margin-top: 30px;
margin-bottom: .5em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 2em;
font-weight: 400;
line-height: 1.4em
}
.blog-image {
width: 100%;
height: 20em;
position: relative
}
.blog-description {
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: left;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: flex-start;
width: 100%;
display: flex
}
.blog-text {
opacity: .8;
color: var(--dark-green-nimali);
max-width: 25em;
font-weight: 300;
line-height: 1.9em
}
.grid-7-image-2 {
height: 33em;
position: relative
}
.header-slider-gradient-4 {
z-index: 2;
text-transform: lowercase;
mix-blend-mode: multiply;
background-image: linear-gradient(rgba(27, 25, 39, .3) 10%, rgba(24, 20, 29, .8) 43%, rgba(30, 25, 39, .65));
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.event-text-1 {
color: var(--rosy-brown-2);
text-align: center;
max-width: 26em;
line-height: 1.8em
}
.service-text-1 {
font-size: 1.3em;
line-height: 1.4em
}
.blog-post {
width: 100%;
max-width: 66em;
margin-left: auto;
margin-right: auto
}
.large-button-icon {
z-index: 10;
object-fit: contain;
width: 1em;
height: 1em;
font-size: 2em;
position: relative
}
.large-button-title-block {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-wrap: wrap-reverse;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex
}
.large-buttons {
width: 100%
}
.large-button-list {
grid-column-gap: 3em;
grid-row-gap: 3em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none
}
.large-button-item {
display: flex
}
.large-button {
grid-row-gap: 4em;
border: 1px solid var(--brown-3);
color: var(--misty-rose);
text-align: left;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding: 4em;
transition: background-color .2s, border-color .2s;
display: flex;
position: relative
}
.large-button:hover {
border-color: var(--brown-2);
background-color: var(--black-4);
color: var(--lavender-blush)
}
.large-button.in-menu {
grid-row-gap: 2em;
border-color: var(--brown-3);
background-color: var(--black-4)
}
.large-button.in-menu:hover {
background-color: var(--black-3)
}
.large-button.in-footer {
border-style: none;
border-color: var(--ivory-nimali);
opacity: 1;
background-color: #2e2d2d;
justify-content: center
}
.large-button.in-footer:hover {
background-color: #4c4d4b
}
.large-button-name {
z-index: 10;
font-family: Gilda Display;
font-size: 2.7em;
font-weight: 400;
line-height: 1.2em;
position: relative
}
.large-button-name.is-number {
color: var(--rosy-brown);
font-size: 2.2em
}
.large-button-name.in-cta {
font-size: 2em
}
.direction-number {
z-index: 10;
color: var(--misty-rose);
text-align: center;
letter-spacing: 0;
text-indent: 0;
text-transform: uppercase;
font-family: Gilda Display;
font-size: 2.9em;
font-weight: 400;
line-height: 1.1em;
position: relative;
top: .05em
}
.direction-circle {
z-index: 1;
border: 1px dashed rgba(211, 177, 177, .3);
border-radius: 50%;
width: 10em;
height: 10em;
position: absolute
}
.header-3-subtitle-1 {
color: var(--rosy-brown-2);
max-width: 20em;
font-size: 1.2em;
font-weight: 300;
line-height: 1.6em
}
.menu-image-color {
z-index: 2;
mix-blend-mode: multiply;
background-color: rgba(30, 25, 39, .6);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.fullscreen-main-links {
z-index: 20;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
position: relative
}
.fullscreen-menu-link {
color: var(--dark-green-nimali);
padding-top: 1.5vh;
padding-bottom: 1.5vh;
font-family: Wulkan, Georgia, sans-serif;
font-size: 4.5vh;
font-weight: 400;
line-height: 1.1em;
transition: padding .6s cubic-bezier(.075, .82, .165, 1), color .2s
}
.fullscreen-menu-link:hover {
color: var(--olive-nimali);
-webkit-text-stroke-color: var(--olive-nimali);
text-transform: capitalize;
padding-top: 2.5vh;
padding-bottom: 2.5vh;
font-style: italic
}
.fullscreen-menu-link.w--current {
color: var(--dark-green-nimali);
font-size: 3.5vh
}
.fullscreen-menu-link.w--current:hover {
color: var(--olive-nimali)
}
.fullscreen-secondary-links {
z-index: 10;
grid-row-gap: 2vh;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative
}
.fullscreen-secondary-link {
opacity: .8;
color: var(--lavender-blush);
padding-top: .2em;
padding-bottom: .2em;
font-size: 1.2em;
font-weight: 300;
line-height: 1em;
transition: opacity .2s, color .2s
}
.fullscreen-secondary-link:hover {
opacity: 1;
color: var(--white)
}
.fullscreen-secondary-link.w--current {
color: var(--white);
font-weight: 500
}
.fullscreen-menu-links-2 {
z-index: 10;
grid-column-gap: 5vw;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative
}
.socials-in-menu {
z-index: 10;
align-self: center;
position: absolute;
bottom: 8.4vh
}
.socials-in-menu:hover {
border-bottom-color: rgba(18, 4, 44, .4)
}
.fullscreen-line-1 {
z-index: 10;
background-color: rgba(196, 156, 156, .4);
width: 1px;
height: 100%;
margin-top: auto;
margin-bottom: auto;
position: relative
}
.fullscreen-subtitle {
color: var(--lavender-blush);
letter-spacing: .3em;
text-transform: uppercase;
margin-bottom: 1.5em;
font-size: .7em;
font-weight: 500;
position: absolute;
top: -6em
}
.menu-large-button-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}
.large-button-right {
border-left: 1px solid var(--brown-3);
flex-direction: column;
justify-content: center;
align-items: center;
width: 30%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%
}
.brown-bg-lines-5 {
z-index: 1;
opacity: .15;
outline-offset: 0px;
-webkit-text-stroke-color: var(--ivory-nimali);
outline: 3px #f5eaea;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.review-cms-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: flex
}
.review-cms-item {
grid-column-gap: 2em;
grid-row-gap: 2em;
border: 1px solid var(--rosy-brown);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 3.5em 2.5em;
transition: width .6s cubic-bezier(.075, .82, .165, 1);
display: flex;
position: relative
}
.review-cms-item:hover {
width: 115%
}
.review-cms-guest-image {
object-fit: cover;
border-radius: 50%;
width: 5em;
height: 5em
}
.review-cms-guest {
z-index: 10;
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: center;
width: 100%;
display: grid;
position: relative
}
.review-cms-text {
z-index: 10;
text-align: center;
max-width: 17em;
font-size: 1.2em;
position: relative
}
.brown-bg-lines-review {
z-index: 1;
opacity: .07;
background-image: none;
background-position: 0 0;
background-size: 1em;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.review-cms-guest-name {
text-align: center;
font-size: .9em;
font-weight: 500;
line-height: 1.1em
}
.review-cms-guest-about {
text-align: center;
text-transform: uppercase;
font-size: .8em;
font-weight: 500;
line-height: 1.1em
}
.menu-right-links {
flex-direction: row;
flex: 1;
justify-content: flex-end;
align-self: stretch;
align-items: stretch;
display: flex
}
.fullscreen-image-column {
z-index: 1;
padding: 2vw;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.fullscreen-image-block {
border: 1px solid rgba(109, 69, 69, .7);
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.nav-button-bg {
z-index: 1;
background-color: var(--brown);
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.header-2-bg-2 {
z-index: 1;
background-color: var(--dark-green-nimali);
filter: saturate(200%);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.brown-bg-lines-6 {
z-index: 1;
opacity: .14;
background-image: none;
background-position: 0 0;
background-size: 1em;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.menu-fullwidth-text {
z-index: 10;
position: relative
}
.aside-image-left-shadow {
z-index: 1;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
box-shadow: 71px 71px 80px -10px rgba(19, 14, 13, .6)
}
.aside-image-right-shadow {
z-index: 1;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
box-shadow: -28px 96px 80px -10px rgba(19, 14, 13, .6)
}
.reviews-cms {
width: 100%
}
.contact-link-4 {
color: var(--dark-green-nimali);
margin-top: 10px;
font-family: Wulkan, Georgia, sans-serif;
font-size: 2em;
font-weight: 400;
line-height: 1em;
transition: color .2s;
position: relative;
overflow: hidden
}
.contact-link-4:hover {
color: var(--olive-nimali)
}
.contact-text-3 {
color: var(--olive-nimali);
font-size: 1.1em
}
.contact-grid-3 {
grid-column-gap: 4em;
grid-row-gap: 4em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-content: space-between;
justify-content: space-between;
width: 100%;
margin-top: 50px
}
.contact-grid-3-block-1 {
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
max-width: 27em;
padding-top: 0;
padding-bottom: 0;
display: flex
}
.contact-link-5 {
color: var(--dark-green-nimali);
margin-top: 10px;
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.7em;
font-weight: 400;
line-height: 1em;
transition: color .2s;
position: relative
}
.contact-link-5:hover {
color: var(--olive-nimali)
}
.blog-category-text-2 {
opacity: .7;
color: var(--dark-green-nimali);
text-align: left;
letter-spacing: .2em;
text-transform: uppercase;
align-self: auto;
font-size: .9em;
font-weight: 500;
line-height: 1.3em
}
.blog-category-text-2.is-1st {
color: var(--dark-green-nimali);
text-align: right;
min-width: 8em;
font-size: 1em
}
.form-grid-1 {
grid-column-gap: 4em;
grid-row-gap: 4em;
border: 0 #000;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-top: 0
}
.form-block-contact {
border: 1px none var(--olive-nimali);
color: var(--dark-green-nimali);
width: 100%;
padding: 4em 5em 0;
font-size: .8vw;
font-weight: 300;
position: relative
}
.brown-bg-lines-form {
z-index: 1;
opacity: .12;
background-image: none;
background-position: 0 0;
background-size: 1em;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.form-content-block {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}
.contact-text-4 {
color: var(--dark-green-nimali);
-webkit-text-stroke-color: var(--dark-green-nimali);
max-width: 20em;
font-size: 1.3em;
font-weight: 300;
line-height: 1.6em
}
.footer-link-2 {
color: var(--brown);
border-bottom: 1px solid transparent;
padding-top: .5em;
padding-bottom: .5em;
font-size: .9em;
transition: border-color .2s, color .2s
}
.footer-link-2:hover {
border-bottom-color: var(--brown);
color: var(--black-2)
}
.footer-link-2.w--current {
color: var(--lavender-blush)
}
.content-text {
color: var(--black);
text-align: center;
object-fit: fill;
max-width: none;
max-height: none;
margin-left: 250px;
margin-right: 250px;
padding-left: 0;
padding-right: 0;
font-size: 1.2em;
font-style: normal;
font-weight: 400;
line-height: 1.7em;
display: block
}
.grid-2-block-5 {
z-index: 2;
grid-column-gap: 0em;
grid-row-gap: 0em;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 27em;
padding-top: 30vh;
padding-bottom: 30vh;
display: flex;
position: relative
}
.about-number {
font-size: 1.3em
}
.nav-button-bg-1 {
z-index: 1;
background-color: var(--brown);
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.booking-button-bg {
z-index: 1;
background-color: var(--dark-green-nimali);
display: none;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.header-slider-2-title-1 {
z-index: 10;
opacity: .5;
color: var(--ivory-nimali);
text-align: center;
letter-spacing: .4em;
text-transform: uppercase;
max-width: 9em;
font-size: .9em;
font-weight: 400;
line-height: 1.6em;
position: relative
}
.gallery-open-block {
z-index: 1;
background-color: rgba(19, 14, 13, .5);
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding: 4em;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.gallery-open-text {
-webkit-backdrop-filter: blur(7px);
backdrop-filter: blur(7px);
color: var(--lavender-blush);
background-color: rgba(196, 156, 156, .11);
border: 1px solid rgba(196, 156, 156, .39);
border-radius: 50em;
padding: .8em 1.7em;
font-size: 1.2em;
font-weight: 300;
line-height: 1em
}
.form-content {
grid-row-gap: 3em;
perspective: 1000px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 35em;
display: flex
}
.header-3-subtitle-2 {
color: var(--ivory-nimali);
max-width: 14em;
font-size: 1.3em;
font-weight: 300;
line-height: 1.6em;
display: none
}
.grid-7-text-room {
max-width: 36em;
font-size: 1.4em;
font-weight: 400;
line-height: 2em
}
.category-flex {
grid-column-gap: 3em;
grid-row-gap: 3em;
color: #ebe5db;
justify-content: flex-start;
align-items: center;
margin-bottom: .6em;
font-size: 1vw;
display: flex
}
.blog-categories-block {
text-align: left
}
.pix-text {
max-width: 32em;
margin-bottom: 1.9em;
font-size: 2em
}
.body-home {
font-family: Montserrat, sans-serif;
overflow: visible
}
.heading-2 {
color: var(--dark-green-nimali);
-webkit-text-stroke-color: var(--olive-nimali);
text-transform: none;
padding-top: 50px;
padding-bottom: 0;
font-family: Wulkan, Georgia, sans-serif;
font-size: 2.5em
}
.heading-2.light-bg {
padding-top: 0;
font-size: 3.3em;
font-weight: 400;
line-height: 1.5em
}
.heading-2.light-bg.is-right {
text-align: right;
flex: 0 auto;
justify-content: flex-end;
font-size: 3.5em;
display: block
}
.title-with-1-line {
grid-column-gap: 4em;
color: var(--ivory-nimali);
text-align: right;
object-fit: fill;
background-color: transparent;
flex-flow: row;
align-content: flex-start;
justify-content: flex-start;
align-self: auto;
align-items: center;
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-right: 0;
display: flex;
overflow: visible
}
.title-with-1-line.left {
justify-content: flex-start
}
.title-with-1-line.right {
justify-content: flex-end;
padding-top: 0
}
.paragraph {
color: var(--dark-green-nimali);
text-align: center;
-webkit-text-stroke-color: var(--dark-green-nimali);
margin-right: auto;
padding-bottom: 0;
font-size: 1.3em;
font-weight: 400;
line-height: 2em;
display: block
}
.paragraph.is-right {
text-align: right
}
.paragraph.light-bg {
text-align: center;
font-size: 1.3em;
line-height: 1.8em
}
.paragraph.right {
text-align: right;
align-self: auto;
margin-left: auto;
margin-right: auto;
font-size: 1.3em;
line-height: 2em
}
.paragraph.large {
font-size: 1.5em
}
.paragraph.small {
font-size: 1.1em
}
.paragraph.small.dark-bg {
color: var(--ivory-nimali);
margin-bottom: 4em;
margin-right: auto
}
.paragraph.small.light-bg {
margin-bottom: 4em;
margin-left: 0;
margin-right: auto;
padding-bottom: 0
}
.paragraph.small.light-bg.center {
text-align: center;
margin-bottom: 2em
}
.paragraph.left {
text-align: left;
justify-content: center;
align-items: center;
display: block
}
.paragraph.dark-bg {
color: var(--ivory-nimali);
align-self: center
}
.paragraph.center {
text-align: left
}
.pre-title {
color: var(--fern-nimali);
text-align: left;
text-transform: uppercase;
background-color: transparent;
padding-top: 0;
padding-bottom: 20px
}
.pre-title.is-right {
background-color: transparent
}
.pre-title.is-centered {
text-align: center;
background-color: transparent;
justify-content: center;
align-items: center;
margin-bottom: 40px;
padding-bottom: 0;
font-style: normal;
display: flex
}
.pre-title.left {
margin-bottom: 40px;
padding-bottom: 0
}
.pre-title.right {
flex: 0 auto;
align-self: flex-end;
margin-bottom: 40px;
padding-bottom: 0;
display: flex
}
.speakers-hero-wrapper {
flex-direction: column;
justify-content: space-between;
width: 100%;
display: block;
overflow: visible
}
.speaker-slider-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex
}
.speaker-slide-mask {
width: 33.33%;
overflow: visible
}
.speaker-info {
max-width: 500px;
margin-bottom: 36px
}
.slide-arrow {
width: 18px
}
.speaker-arrow-experience {
background-color: var(--dark-green-nimali);
border: 1px rgba(255, 255, 255, .04);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 0;
display: flex;
top: auto;
bottom: 5vw;
left: auto;
right: 5vw
}
.speaker-arrow-experience:hover {
background-color: var(--olive-nimali)
}
.body-display {
color: #8a94a6;
line-height: 1.55em
}
.body-display.large {
color: var(--dark-green-nimali);
text-align: center;
padding-left: 0;
padding-right: 20px;
font-size: 15px;
line-height: 1.6em
}
.button {
border: 1px solid var(--dark-green-nimali);
color: var(--dark-green-nimali);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 0;
flex-flow: column-reverse;
justify-content: space-around;
align-items: flex-end;
margin-left: 0;
padding: 14px 32px;
font-size: 12px;
font-weight: 500;
text-decoration: none;
display: block
}
.button:hover {
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali)
}
.button.is-righht {
text-align: center;
justify-content: flex-end;
align-self: flex-end
}
.button.dark-bg {
border-color: var(--ivory-nimali);
background-color: var(--ivory-nimali);
color: var(--ivory-nimali)
}
.button.dark-bg:hover {
color: #ebe5db;
background-color: transparent
}
.button.right {
align-self: flex-end
}
.button.right.contact {
background-color: transparent
}
.button.right.contact:hover {
background-color: var(--dark-green-nimali)
}
.hover-link {
border: 1px solid var(--dark-green-nimali);
background-color: rgba(255, 255, 255, 0);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex
}
.nav-link-2 {
color: #5e5b5b;
text-align: center;
text-transform: capitalize;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 0;
padding-top: 0;
text-decoration: none;
display: flex;
position: relative;
top: auto;
bottom: 0%;
left: auto;
right: 0%
}
.nav-link-2:hover {
color: rgba(94, 91, 91, .75)
}
.nav-link-2.w--current {
display: flex
}
.nav-link-2.w--current:hover {
font-style: italic
}
.container-8 {
padding-bottom: 40px
}
.nav-bar-2 {
z-index: 999;
grid-column-gap: 25px;
grid-row-gap: 25px;
background-color: rgba(255, 255, 255, 0);
grid-template-rows: auto;
grid-template-columns: .25fr .75fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 1500px;
height: 80px;
margin-top: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: fixed;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.menu-button-2 {
z-index: 2;
cursor: pointer;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin-left: 20px;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: auto
}
.burger-line-2 {
border: 1px solid var(--ivory-nimali);
background-color: #000;
width: 40px;
height: 2px;
margin-top: 4px;
margin-bottom: 4px
}
.burger-line-2:active {
border: 1px solid var(--ivory-nimali)
}
.full-screen-menu-2 {
z-index: 1;
background-color: var(--ivory-nimali);
object-fit: fill;
flex-direction: column;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: visible
}
.container-9 {
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 50vh;
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.5vw;
font-weight: 500;
display: flex
}
.image-15 {
padding-bottom: 30px
}
.pre-title-as-seen-in {
color: var(--fern-nimali);
text-align: center;
text-transform: uppercase;
background-color: transparent;
padding: 0;
font-style: normal
}
.intro {
background-color: var(--ivory-nimali);
background-image: url(../6482ec5c555badc34126ecb3_Background.svg);
background-position: 50%;
background-size: cover;
background-attachment: fixed;
padding-top: 150px;
padding-bottom: 150px;
display: block
}
.intro.home {
overflow: visible
}
.button-book {
border: 1px none var(--dark-green-nimali);
color: var(--ivory-nimali);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
background-color: rgba(56, 152, 236, 0);
border-radius: 0;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
margin-left: 0;
padding: 14px 32px 14px 0;
font-size: 12px;
font-weight: 600;
text-decoration: none;
display: inline-block
}
.button-book:hover {
color: var(--dark-green-nimali);
background-color: transparent
}
.div-block-book {
position: absolute;
top: 20%;
bottom: auto;
left: auto;
right: 0%
}
.container-relax {
z-index: 20;
float: none;
clear: none;
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding: 150px 8em;
position: -webkit-sticky;
position: sticky
}
.container-relax.no-background {
background-color: var(--saddle-brown-nimali-2);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
padding-top: 0;
display: block
}
.video-tarangire {
display: flex
}
.text-block-lodges {
color: var(--dark-green-nimali);
text-align: center;
padding-top: 20px;
padding-bottom: 0;
font-family: Wulkan, Georgia, sans-serif;
font-size: 30px;
font-style: normal;
line-height: 1.5em
}
.content-grid-commit {
grid-column-gap: 8em;
grid-row-gap: 8em;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%
}
.container-about {
z-index: 20;
float: none;
clear: none;
background-color: var(--ivory-nimali);
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 150px 8em;
position: relative
}
.container-experiences {
background-color: transparent;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: 100vw;
max-width: none;
padding-top: 150px;
padding-bottom: 0;
display: block;
overflow: visible
}
.container-blog {
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: 100vw;
max-width: none;
margin-top: 140px;
padding-top: 0;
overflow: visible
}
.container-as-seen {
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: cover;
width: 100vw;
max-width: 1920px;
padding-top: 80px;
padding-bottom: 80px;
display: block
}
.container-bis {
z-index: 20;
float: none;
clear: none;
background-color: var(--ivory-nimali);
-webkit-text-stroke-color: var(--saddle-brown-nimali-2);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding: 150px 8em;
position: relative
}
.container-contact {
z-index: 20;
float: none;
clear: none;
background-color: var(--saddle-brown-nimali-2);
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding: 150px 8em;
position: -webkit-sticky;
position: sticky
}
.hero {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../64cd0df510bb1140010e4ab6_Sunset view_Nimali Africa.jpeg);
background-position: 50%;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: hidden
}
.hero-block {
color: #000;
flex: 1;
padding-top: 25px;
padding-bottom: 25px;
text-decoration: none
}
.div-block-8 {
clear: none;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
position: static
}
.div-block-logo {
text-align: left;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}
.hero_text_block {
clear: none;
width: 90vw;
display: block;
position: absolute
}
.container-background {
z-index: 20;
float: none;
clear: none;
background-color: var(--saddle-brown-nimali-2);
background-image: url(../6482ec5c555badc34126ecb3_Background.svg);
background-position: 0 0;
background-size: auto;
background-attachment: fixed;
width: 100vw;
max-width: none;
margin-top: 0;
padding-top: 150px;
padding-bottom: 150px;
position: -webkit-sticky;
position: sticky
}
.catalog-btn-wrapper {
z-index: 0;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 190px;
height: 190px;
margin-left: 100px;
display: flex;
position: relative
}
.catalog-rotate_word {
position: absolute;
bottom: 22px;
right: -14px
}
.catalog-rotate_word.movie {
bottom: 97px;
right: 85px
}
.title-span {
color: #a75b13;
text-transform: lowercase;
font-style: italic;
font-weight: 300;
display: inline
}
.title-span.white {
color: #fff
}
.section {
z-index: 10;
padding-bottom: 180px;
position: relative
}
.catalog-rotate {
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute
}
.second-title {
text-align: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-size: 79px;
display: block;
position: relative
}
.second-title.white {
color: #fff
}
.second-title.white.mleft {
margin-left: 113px;
font-family: Wulkan, Georgia, sans-serif
}
.second-title.white.movie-title {
font-family: Wulkan, Georgia, sans-serif
}
.movie-title_wrapper {
text-align: left
}
.container-16 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1222px;
height: auto;
margin-left: auto;
margin-right: auto;
padding-left: 31px;
padding-right: 31px;
display: flex;
position: relative
}
.container-16.container-movie {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex
}
.small-icon {
transition: all .3s linear
}
.social-links-wrapper {
align-items: flex-start;
display: flex
}
.underline-fill {
background-color: var(--saddle-brown-nimali);
width: 0;
height: 2px
}
.vertical-line {
z-index: 10;
background-color: rgba(33, 46, 46, .1);
width: 1px;
height: 100%;
position: absolute;
top: 0;
bottom: auto;
left: 50%;
transform: translate(-50%)
}
.drop-link {
z-index: 999;
color: rgba(33, 46, 46, .5);
justify-content: flex-end;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
padding-right: 20px;
font-size: 32px;
line-height: 150%;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden
}
.hamburger-link {
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: relative
}
.hamburger-link:hover {
opacity: 1;
border-bottom-width: 2px;
border-bottom-color: #ff2020
}
.wrap-link-drop {
margin-bottom: 25px;
overflow: hidden
}
.menu-links {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
padding-top: 40px;
display: flex
}
.nav-bar-content {
z-index: 9999;
color: var(--ivory-nimali);
flex: 1;
order: 0;
justify-content: space-between;
align-self: center;
align-items: center;
width: 100%;
max-width: 1404px;
margin-left: 60px;
margin-right: 60px;
padding-left: 0;
padding-right: 0;
display: flex
}
.underline-link-text {
opacity: .8;
color: #212e2e;
margin-bottom: 0
}
.social-link {
opacity: .7;
margin-right: 0;
padding: 0 8px 8px;
transition: opacity .2s;
position: relative
}
.social-link:hover {
opacity: 1
}
.menu-container {
background-color: var(--ivory-nimali);
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
display: flex
}
.underline-w {
background-color: var(--saddle-brown-nimali-2);
flex: 0 auto;
height: 1.5px;
font-size: 1vw;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%
}
.underline-w:active {
display: block
}
.drop-arrow {
max-width: 28px;
margin-left: 9px;
display: block
}
.burger-lines {
z-index: 999;
outline-offset: 0px;
color: var(--ivory-nimali);
outline: 4px #ebe5db;
width: 30px;
margin-left: 13px;
font-size: 1vw
}
.wrap-menu-link {
display: flex;
position: relative
}
.underline-link {
opacity: .8;
color: #c4c4c4;
flex-direction: column;
align-items: flex-start;
position: relative
}
.nav-link-4 {
text-decoration: none
}
.nav-link-4:hover {
opacity: 1;
border-bottom-width: 2px;
border-bottom-color: #ff2020
}
.wrap-link {
background-color: var(--ivory-nimali);
color: #212e2e;
align-items: center;
padding-right: 20px;
display: flex;
position: relative;
overflow: hidden;
transform: none
}
.wrap-link.w--current {
align-items: center
}
.menu-bottom-line {
background-color: rgba(33, 46, 46, .1);
width: 100%;
height: 1px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.link-content {
align-items: center;
display: none
}
.text-block-11 {
color: var(--ivory-nimali);
letter-spacing: 2px;
text-transform: uppercase;
padding-left: 0;
font-size: 1vw;
font-weight: 600
}
.burger-line-4 {
background-color: #212e2e;
width: 100%;
height: 1px
}
.burger-line-4.top {
background-color: var(--ivory-nimali);
height: 2px;
font-size: 1vw;
line-height: 1.2em
}
.burger-line-4.bottom {
background-color: var(--ivory-nimali);
height: 2px;
margin-top: 6px;
display: block;
position: static
}
.text-block-12 {
color: var(--ivory-nimali);
letter-spacing: 2px;
text-transform: uppercase;
font-size: 1vw;
font-weight: 600
}
.menu-link-heading-2 {
margin-top: 0;
margin-bottom: 0;
padding-right: 5px;
font-family: Wulkan, Georgia, sans-serif;
font-size: 35px;
font-style: normal;
font-weight: 300;
line-height: 1.3
}
.menu-link-heading-2:hover {
color: var(--fern-nimali);
text-transform: none;
font-style: italic;
text-decoration: none
}
.menu-bottom-content-2 {
color: #c4c4c4;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
display: flex
}
.menu-content-4 {
width: 100%;
max-width: 1404px;
height: 100%;
margin-bottom: 5vh;
margin-left: auto;
margin-right: auto;
padding-left: 60px;
padding-right: 60px;
position: relative
}
.menu-bottom-7 {
z-index: 999;
background-color: var(--ivory-nimali);
justify-content: space-between;
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 20px 60px;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.menu-wrapper-5 {
z-index: auto;
background-color: #fff;
width: 100%;
height: 100vh;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.logo-menu-nimali {
opacity: 1;
padding-bottom: 50px
}
.logo-menu-nimali.w--current {
opacity: 1
}
.lodges {
background-color: var(--dark-green-nimali);
width: 100vw;
max-width: none;
padding-top: 150px;
padding-bottom: 0;
overflow: visible
}
.title-with-line-center-dark-bg {
grid-column-gap: 4em;
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali);
flex-flow: row;
align-content: flex-start;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 100px;
display: flex
}
.title-with-line-center-dark-bg.with-subtitle {
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 0
}
.title-line-color-dark-bg {
background-color: var(--brown-2);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.title-line-color-dark-bg.is-left {
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali)
}
.title-line-color-copy {
background-color: var(--brown-2);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.title-line-color-copy.is-right {
background-color: var(--ivory-nimali)
}
.title-line-color-light-bg {
background-color: var(--dark-green-nimali);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.title-line-color-light-bg.is-right {
background-color: var(--dark-green-nimali)
}
.title-line-color-light-bg.is-left {
font-size: 1vw;
line-height: 1.2em
}
.brand-logo {
text-align: center;
flex-wrap: nowrap;
flex: none;
align-content: flex-start;
justify-content: center;
align-self: center;
align-items: center;
max-width: none;
display: block;
position: static;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.grid-column {
text-decoration: none;
display: block;
position: relative
}
.section-heading-white {
color: var(--ivory-nimali);
margin-bottom: .5em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 42px;
font-weight: 400;
line-height: 120%
}
.container-large {
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.newsletter-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto
}
.newsletter-section {
background-color: var(--olive-nimali);
background-image: url(../6482ec5c555badc34126ecb3_Background.svg);
background-position: 50%;
background-repeat: repeat;
background-size: cover;
background-attachment: fixed;
width: 100vw;
padding: 100px 3%;
position: relative
}
.link-block-9 {
text-align: left;
justify-content: center;
align-items: center;
display: flex
}
.wrapper-image {
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
display: flex;
position: relative;
overflow: hidden
}
.wrapper-image.left {
transform-origin: 0%
}
.wrapper-image.right {
transform-origin: 100%
}
.bg-black {
z-index: 3;
background-color: rgba(0, 0, 0, .16);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.image-26 {
z-index: 0;
object-fit: cover;
width: 100vw;
min-width: 100vw;
height: 100vh;
position: relative
}
.load-logo {
z-index: 3;
width: 18vw;
position: absolute;
top: 1vw
}
.load-img-w {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: block;
position: relative
}
.preload-animation {
z-index: 100;
background-color: var(--black);
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100vw;
min-height: 100vh;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.load-content {
z-index: 2;
justify-content: center;
align-items: center;
width: 20vw;
min-width: 20vw;
height: 29vw;
min-height: 29vw;
margin-bottom: 0;
display: flex;
position: relative
}
.load-frame {
z-index: 3;
border: .5vw solid #dbd7d1;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.load-bar {
background-color: var(--ivory-nimali);
width: 100%;
height: 6px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto
}
.load-img {
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.load-img.is-5 {
z-index: 6;
background-image: url(../648c32c2c7e4396e9398ee43_Foto 19.jpeg);
background-position: 0 0;
background-size: cover
}
.load-img.is-4 {
z-index: 7;
background-image: url(../648c32c49585ded4cbae704a_Foto 14.jpeg);
background-position: 50%;
background-size: cover
}
.load-img.is-2 {
z-index: 9;
background-image: url(../648c32bf6e5742c80d6b40d6_Foto 20.webp);
background-position: 50%;
background-size: cover
}
.load-img.is-8 {
z-index: 3;
background-image: url(../648c32c39599271f54f70f98_Foto 15.webp);
background-position: 50%;
background-size: cover
}
.load-img.is-1 {
z-index: 10;
background-image: url(../../img/background-image.svg);
background-repeat: no-repeat;
background-size: cover
}
.load-img.is-7 {
z-index: 4;
background-image: url(../648c32c5ddf071ba703e5dae_Foto 12.jpeg);
background-position: 50%;
background-size: cover
}
.load-img.is-9 {
z-index: 2;
background-image: url(../648c32ca1cc95fe1028daa7d_Foto 4.webp);
background-position: 50%;
background-size: cover
}
.load-img.is-3 {
z-index: 8;
background-image: url(../648c32cab0b8060a9291e292_Foto 3.webp);
background-position: 50%
}
.load-img.is-6 {
z-index: 5;
background-image: url(../648c32cbfbb71e6cd75dea71_lourdes-castro-h1rUbKWtIsM-unsplash.webp);
background-position: 50%;
background-size: cover
}
.load-img.is-2 {
z-index: 9;
background-image: url(../64e744bc4cf5f2b805779c5d_loading-2.webp)
}
.load-img.is-9 {
z-index: 2;
background-image: url(../64e744bc4cf5f2b805779c63_loading-9.webp)
}
.load-img.is-5 {
z-index: 6;
background-image: url(../64e744bc4cf5f2b805779c57_loading-5.webp)
}
.load-img.is-7 {
z-index: 4;
background-image: url(../64e744bc4cf5f2b805779c5a_loading-7.webp)
}
.load-img.is-6 {
z-index: 5;
background-image: url(../64e744bc4cf5f2b805779c66_loading-6.webp)
}
.load-img.is-3 {
z-index: 8;
background-image: url(../64e744bc4cf5f2b805779c51_loading-3.webp)
}
.load-img.is-8 {
z-index: 3;
background-image: url(../64e744bc4cf5f2b805779c60_loading-8.webp)
}
.load-img.is-10 {
z-index: 1;
background-image: url(../6495709466e3dd98f0d2ea33_hero.webp);
background-position: 50% 0
}
.load-img.is-1 {
z-index: 10;
background-image: url(../64e744bc4cf5f2b805779c54_loading-1.webp)
}
.load-img.is-4 {
z-index: 7;
background-image: url(../64e744bc4cf5f2b805779c4e_loading-4.webp)
}
.load-img.is-1 {
background-image: url(../65282dd919c99a0901f54f61_Preload-5.jpg)
}
.load-img.is-2 {
background-image: url(../6500442f40b421cbf9f98abf_Maasai-jumping.jpg)
}
.load-img.is-3 {
background-image: url(../6528305269869eb74da414f2_Preload-7.jpg)
}
.load-img.is-4 {
background-image: url(../65282cecc715885d0f2f24dd_Preload-2.jpg)
}
.load-img.is-5 {
background-image: url(../650ad0203cb7f1431f6ad9f8_Preload-3.jpg)
}
.load-img.is-6 {
background-image: url(../650ad06b3b039df78b28191a_Preload-4.jpg)
}
.load-img.is-7 {
background-image: url(../65282d412becea5901c42c3d_Preload-3.jpg)
}
.load-img.is-8 {
background-image: url(../650040d3785e358dcc0a8cff_Touch-baobab.jpg)
}
.load-img.is-9 {
background-image: url(../65282d87800576bcba2e9606_preload-4.jpg)
}
.load-img.is-10 {
background-image: url(../65282f83338f91c40e5aa11d_preload-6.jpg)
}
.blogs-home {
grid-template-rows: auto;
margin-left: 60px;
margin-right: 60px;
display: none
}
.container-blog-post {
z-index: 20;
clear: none;
text-align: center;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-left: 0;
padding-right: 0;
position: relative
}
.wrap-drop-link-2 {
flex-direction: column;
justify-content: center;
align-items: flex-end;
display: none
}
.text-link-4 {
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 35px;
font-weight: 300;
position: relative
}
.text-link-4:hover {
color: var(--fern-nimali);
-webkit-text-stroke-color: var(--fern-nimali);
font-style: italic
}
.text-link-4.letter-wrap {
font-family: Wulkan, Georgia, sans-serif
}
.wrap-link-lodges {
color: #212e2e;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
transform: none
}
.wrap-link-lodges.w--current {
align-items: center
}
.menu-link-heading-2 {
font-size: 32px
}
.links-img {
object-fit: fill;
border: 1px #000;
border-radius: 200000px;
flex: 0 auto;
order: 0;
align-self: auto;
width: 50vw;
max-width: 60%;
height: 50vw;
text-decoration: none;
display: block;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: auto
}
.fullscreen-left {
z-index: 1;
background-color: var(--ivory-nimali);
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 50%;
padding-right: 30px;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: auto;
right: 0%
}
.link-contain {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 40vw;
padding-right: 27px;
display: flex;
position: relative
}
.link-contain-small {
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: auto;
display: flex
}
.reveal-img {
justify-content: center;
align-items: center;
margin-bottom: 10px;
padding-bottom: 0;
font-size: 7vw;
line-height: 7vw;
text-decoration: none;
display: inline-block
}
.links-img-2 {
object-fit: cover;
border-radius: 150px 150px 0 0;
width: 22vw;
max-width: 100%;
height: 40vw;
margin-top: 0;
margin-left: 0;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto
}
.revealing-links {
font-weight: 500
}
.revealing-links.night-mode {
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 5.5vw
}
.revealing-links.night-mode:hover {
color: var(--fern-nimali);
font-style: italic
}
.night-mode {
color: #303030
}
.video-tarangire-loop {
display: none
}
.m-nav-toggle {
z-index: 99;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%
}
.m-nav-list {
z-index: 2;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: block
}
.mobile-nav {
display: none;
position: relative
}
.footer-grid-2 {
grid-template-rows: auto;
grid-template-columns: 1.5fr 1.5fr 1.5fr 1.5fr
}
.footer-column {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
padding-right: 0;
display: flex
}
.container-21 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto
}
.footer-link-3 {
color: #fff;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: opacity .2s;
display: block
}
.footer-link-3:hover {
opacity: 1;
color: var(--olive-nimali)
}
.footer-top {
border-bottom: 1px solid rgba(255, 255, 255, .1);
justify-content: space-between;
align-items: stretch;
margin-bottom: 40px;
margin-left: 40px;
margin-right: 20px;
padding-bottom: 40px;
display: flex
}
.footer-bottom-4 {
border-bottom: 1px solid rgba(255, 255, 255, .1);
justify-content: space-between;
margin-top: 92px;
display: flex
}
.footer-title-2 {
color: var(--ivory-nimali);
-webkit-text-stroke-color: var(--ivory-nimali);
margin-bottom: 22px;
font-family: Wulkan, Georgia, sans-serif;
font-size: 21px;
font-weight: 500
}
.footer-01 {
background-color: var(--dark-green-nimali);
padding: 100px 3% 20px
}
.footer-wrapper {
align-items: center;
display: flex
}
.link-block-10 {
align-self: flex-end
}
.section-images-2 {
justify-content: space-between;
align-items: center;
width: 100vw;
height: 100vh;
display: flex
}
.html-embed {
margin-top: 140px;
margin-bottom: 40px
}
.html-embed-2 {
margin-top: 20px;
margin-bottom: 20px
}
.container-press {
z-index: 20;
float: none;
clear: none;
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: auto;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 150px 8em 100px;
position: relative
}
.hero-press {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../648c32cd1d0191e7600d7e3e_wei-pan-Ta0A1miYZKc-unsplash.webp);
background-position: 50%;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: visible
}
.blog-articles {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
justify-content: center;
align-items: center;
justify-items: center;
width: 100%;
padding-top: 150px;
padding-bottom: 150px;
display: none
}
.content-card {
text-align: center;
border: 1px #000;
margin-left: 30px;
margin-right: 30px;
padding: 20px 0;
transition: all .2s;
overflow: visible
}
.content-card:hover {
box-shadow: 1px 1px 20px rgba(0, 0, 0, .07)
}
.image-31 {
padding-bottom: 20px
}
.image-34 {
padding-bottom: 25px
}
.social-link-3 {
color: #000;
align-items: center;
margin-top: .7em;
margin-bottom: 2em;
font-size: 1.5em;
text-decoration: none;
transition: all .2s;
display: flex
}
.social-link-3:hover {
color: #f39a0e;
-webkit-text-stroke-color: var(--olive-nimali);
transform: scale(1.2)
}
.blog-overview-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1.75fr 1.75fr 1fr 1fr;
width: 100%
}
.blog-header-divider-wrapper {
justify-content: center;
width: 100%;
height: 1px;
margin-top: 1em;
display: flex
}
.p-xxs-end {
padding-bottom: 1.5em
}
.social-title {
letter-spacing: .04em;
text-transform: uppercase;
font-size: 1.2em
}
.position-realtive {
position: relative
}
.quote-author-wrapper {
margin-top: 1em
}
.blog-teaser-list {
height: 100%
}
.grid-border-line-wrapper {
background-color: var(--ivory-nimali);
width: 2px;
height: 100%;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: auto
}
.grid-border-line-wrapper.right {
top: 0%;
bottom: auto;
left: auto;
right: 0%
}
.p-xs-end {
color: var(--dark-green-nimali);
padding-bottom: 1.6em
}
.p-xl-start {
padding-top: 15em
}
.social-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex
}
.page-teaser-gradient {
z-index: 1;
background-image: linear-gradient(163deg, rgba(255, 255, 255, 0) 9%, rgba(60, 35, 1, .6) 83%);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.grid-border-line {
background-color: #000;
width: 1px;
height: 100%;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%
}
.blog-header-title-letter {
display: block
}
.blog-header-divider-inner {
width: 50%;
height: 1px;
position: relative
}
.container-w1 {
width: 100%;
max-width: 95em;
margin-left: auto;
margin-right: auto
}
.quote-author {
color: var(--dark-green-nimali);
text-transform: uppercase
}
.page-teaser-title {
font-family: Wulkan, Georgia, sans-serif;
font-size: 4em;
font-weight: 500;
line-height: 1.15em
}
.page-teaser-subtitle {
letter-spacing: .25em;
text-transform: uppercase;
font-size: 1.15em;
font-weight: 500
}
.p-xs-start {
padding-top: 1.6em
}
.p-xl-end {
padding-bottom: 8.5em
}
.page-teaser-text-wrapper {
z-index: 2;
color: #fff;
text-align: center;
padding: 6.5em 10.2em;
position: relative
}
.page-teaser-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative
}
.page-teaser-image {
object-fit: cover;
flex: 1;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.blog-teaser-list-wrapper {
height: 100%
}
.header {
border-bottom: 0 solid #d3d3d3;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: block
}
.cover-image-header {
z-index: 1;
object-fit: cover;
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 100%;
max-width: 100%;
height: 100%;
padding-right: 0;
transition: all .8s cubic-bezier(.165, .84, .44, 1);
position: static
}
.content-parallax-about {
z-index: 20;
grid-column-gap: 6em;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 20em 6em;
display: flex;
position: relative
}
.section-content-about {
background-image: url(../650319f7a70f48d8d226d935_Quote.jpg);
background-position: 50%;
background-size: cover;
background-attachment: scroll;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto
}
.section-features {
position: relative
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-right.padding-large {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.capabilities_section-content {
margin-right: 40px
}
.capabilities_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
perspective: 1000px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.padding-global {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
padding-left: 5rem;
padding-right: 5rem
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem
}
.text-carousel-lodges {
color: var(--ivory-nimali);
text-transform: uppercase;
font-size: .9vw;
line-height: 1.5em
}
.tabs-link {
background-color: transparent;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
margin: 1px auto;
padding: 0;
display: block;
overflow: visible
}
.tabs-link.w--current {
background-color: transparent
}
.heading {
color: #1d1d1f;
letter-spacing: -.025em;
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 600;
line-height: 1.2
}
.heading.h1 {
color: var(--dark-green-nimali);
text-align: left;
letter-spacing: 0;
text-transform: none;
font-family: Wulkan, Georgia, sans-serif;
font-size: 4.6em;
font-weight: 400;
line-height: 1.2em
}
.heading.h1.dark-bg {
color: var(--ivory-nimali);
text-align: center;
text-transform: none;
margin-bottom: 3rem;
font-style: normal
}
.heading.h1.dark-bg.blog {
text-transform: uppercase;
margin-bottom: 3rem
}
.heading.h1.center {
text-align: center;
width: auto;
margin-left: 220px;
margin-right: 220px
}
.heading.h2 {
color: var(--dark-green-nimali);
text-align: center;
letter-spacing: 0;
order: 0;
align-self: center;
margin-top: auto;
margin-bottom: auto;
font-family: Wulkan, Georgia, sans-serif;
font-size: 3.3em;
font-weight: 400;
line-height: 1.4em
}
.heading.h2.dark-bg {
color: var(--ivory-nimali);
margin-top: auto
}
.heading.h2.left {
text-align: left;
line-height: 1.4em
}
.heading.h2.center {
margin-top: auto
}
.heading.h3 {
text-align: center;
letter-spacing: 0;
font-family: Wulkan, Georgia, sans-serif;
font-size: 3em;
font-weight: 400;
line-height: 1.4;
display: block
}
.heading.h3.left {
text-align: left
}
.heading.h3.right {
text-align: right
}
.heading.h6 {
color: var(--dark-green-nimali);
text-align: left;
letter-spacing: 0;
text-indent: 0;
text-transform: none;
margin-bottom: 2em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.5vw;
font-weight: 500;
line-height: 1.4em
}
.heading.h4 {
font-family: Wulkan, Georgia, sans-serif;
font-size: 2.5em;
font-weight: 400;
line-height: 1.4
}
.heading.h4.center {
text-align: center
}
.card_divider {
background-color: var(--saddle-brown-nimali-2);
width: 100%;
height: 1px;
margin-top: 0;
margin-bottom: 10px
}
.card-heading {
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 3em;
line-height: 1.2em
}
.card-feat-heading {
color: var(--dark-green-nimali);
letter-spacing: 3px;
margin-bottom: 30px;
font-weight: 600
}
.div-block-18,
.div-block-19 {
grid-template-columns: 1fr
}
.div-block-20,
.div-block-21,
.div-block-22 {
grid-template-rows: auto
}
.div-block-23,
.div-block-24 {
grid-template-columns: 1fr .25fr
}
.div-block-25 {
grid-template-columns: 1fr;
margin-top: 40px;
margin-bottom: 40px;
margin-left: 40px;
display: block
}
.container-safaris {
background-color: var(--saddle-brown-nimali-2);
max-width: none;
padding-left: 0;
padding-right: 0;
display: block
}
.blog-card-featured-full-width-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-repeat: repeat;
background-size: cover;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
min-height: 812px;
margin: 100px;
display: grid
}
.empty-state {
text-align: center;
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 11px;
padding: 26px 24px;
box-shadow: 0 2px 12px rgba(20, 20, 43, .08)
}
.collection-list-wrapper-2 {
display: flex
}
.collection-item {
text-align: center;
flex-direction: row;
flex: 1;
align-self: flex-start;
margin-left: 10px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
display: flex
}
.image-36 {
align-self: flex-start;
margin-right: 10px;
padding-bottom: 0
}
.text-block-24 {
grid-column-gap: 40px;
grid-row-gap: 40px;
color: var(--dark-green-nimali);
text-align: left;
text-transform: none;
flex: 0 auto;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
font-size: .9vw;
font-weight: 500;
line-height: 1.3em;
display: block
}
.collection-list-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: auto;
display: grid
}
.div-block-27 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
order: 1;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block
}
.card-locations {
color: var(--olive-nimali);
font-size: 1em;
font-style: normal
}
.body-safaris {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto
}
.card-description-rich {
color: var(--dark-green-nimali);
flex: 0 auto;
font-size: .8em;
line-height: 1.6em
}
.blog-header-title-wrapper {
color: var(--dark-green-nimali);
letter-spacing: 8px;
justify-content: flex-end;
font-family: Wulkan, Georgia, sans-serif;
display: flex
}
.blog-header-divider-2 {
background-color: #000;
width: 100%;
height: 1px;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%
}
.blog-header-divider-2.right {
width: 100%;
top: 0%;
bottom: auto;
left: 0%;
right: auto
}
.blog-teaser-text-wrapper {
flex: 0 auto;
align-self: auto;
max-height: 16em;
overflow: hidden
}
.blog-teaser-title-wrapper {
color: #000;
text-decoration: none
}
.blog-teaser-title {
font-weight: 700;
line-height: 1.4em;
display: inline
}
.blog-teaser-text-divider {
color: var(--dark-green-nimali);
margin-left: .3em;
margin-right: .3em;
font-weight: 700;
display: inline
}
.blog-teaser-item-2 {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex
}
.blog-header-title-4 {
perspective: 3em;
perspective-origin: 50% 0;
text-align: right;
text-transform: uppercase;
justify-content: flex-start;
font-size: 10em;
font-weight: 300;
display: flex;
position: relative
}
.section-blog-overview-2 {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
overflow: hidden
}
.blog-teaser-quote-3 {
color: var(--dark-green-nimali);
letter-spacing: .04em;
text-transform: uppercase;
font-family: Wulkan, Georgia, sans-serif;
font-size: 2.4em;
font-weight: 300;
line-height: 1.5
}
.blog-teaser-item-wrapper-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid #000;
border-top: 0 #000;
border-left: 0 #000;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
padding: 3.5em 2em;
display: grid
}
.blog-teaser-item-wrapper-4.page-teaser {
justify-content: center;
align-items: center;
padding-top: 2em;
padding-bottom: 2em
}
.blog-teaser-item-wrapper-4.quote {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 8em 4em;
display: flex
}
.blog-teaser-meta-wrapper-2 {
justify-content: space-between;
font-size: 1.2em;
display: flex
}
.blog-teaser-category-2 {
color: var(--olive-nimali);
letter-spacing: .1em;
text-transform: uppercase;
font-size: .8em
}
.blog-teaser-date-2 {
color: var(--olive-nimali);
text-transform: uppercase;
font-size: .8em
}
.blog-teaser-image-wrapper {
flex: 1;
height: 100%;
margin-top: 1.4em;
margin-bottom: 1.4em;
overflow: hidden
}
.blog-teaser-image-inner {
height: 100%
}
.blog-teaser-image {
object-fit: cover;
width: 100%;
height: 100%;
transition: all .8s cubic-bezier(.165, .84, .44, 1)
}
.blog-teaser-summary-3 {
color: var(--dark-green-nimali);
line-height: 1.6em;
display: inline
}
.button-blog {
border: 1px none var(--dark-green-nimali);
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 0;
justify-content: center;
align-items: center;
margin-left: 0;
padding: 14px 32px;
font-size: 12px;
font-weight: 500;
text-decoration: none;
display: inline-block
}
.button-blog:hover {
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali)
}
.collection-list-4 {
background-color: transparent
}
.speakers-hero-wrapper-2 {
flex-direction: column;
justify-content: space-between;
width: 100%;
display: flex
}
.clip-text-2 {
overflow: hidden
}
.clip-text-2.speaker-headding {
margin-top: -48px;
margin-bottom: 36px
}
.section-experiences {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 100px 5vw;
display: flex;
position: relative
}
.section-experiences.home-hero-section {
justify-content: space-between;
align-items: stretch;
min-height: 0;
padding: 0 0;
display: block;
overflow: hidden
}
.speaker-arrow {
background-color: var(--dark-green-nimali);
border: 1px rgba(255, 255, 255, .04);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 0;
display: flex;
top: auto;
bottom: 5vw;
left: auto;
right: 5vw
}
.speaker-arrow:hover {
background-color: var(--olive-nimali)
}
.speaker-name-3 {
z-index: 10;
text-align: center;
font-family: Wulkan, Georgia, sans-serif;
font-size: 40px;
position: relative
}
.speaker-arrow-2 {
background-color: var(--dark-green-nimali);
border: 1px rgba(255, 255, 255, .04);
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 0;
display: flex;
top: auto;
bottom: 5vw;
left: auto;
right: 5vw
}
.speaker-arrow-2:hover {
background-color: var(--olive-nimali)
}
.speaker-arrow-2.left {
margin-right: 72px;
left: auto;
right: 5vw
}
.slide-image-4 {
border-top-left-radius: 350px;
border-top-right-radius: 350px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 65vh;
display: flex;
position: relative;
overflow: hidden
}
.speaker-slide-content-4 {
z-index: 100;
border-top-left-radius: 0;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
padding-bottom: 36px;
display: flex;
position: relative
}
.slide-nav-6 {
display: none
}
.body-serengeti {
display: block;
overflow: visible
}
._404_cloud-item {
filter: blur(5px);
color: var(--dark-green-nimali);
cursor: default;
margin-left: 5rem;
margin-right: 5rem;
transition: filter .4s
}
._404_cloud-item:hover {
filter: blur(1px)
}
.title-abel {
color: var(--olive-nimali);
text-align: left;
letter-spacing: .5px;
text-transform: uppercase;
margin-top: 32px;
font-size: 14px;
font-weight: 500;
line-height: 1.2em
}
.spacer {
background-color: #ece7e0;
height: 48px
}
.spacer._16 {
background-color: transparent;
width: 16px;
height: 16px
}
.spacer._48 {
background-color: transparent;
border-radius: 6px;
width: 48px
}
.spacer._80 {
background-color: transparent;
width: 80px;
height: 80px
}
.spacer._96 {
background-color: transparent;
width: 96px;
height: 96px
}
.spacer._64 {
background-color: transparent;
width: 64px;
height: 64px
}
.spacer._24 {
text-transform: uppercase;
background-color: transparent;
width: 24px;
height: 24px
}
.spacer._32 {
background-color: transparent;
border-radius: 6px;
width: 32px;
height: 32px
}
.spacer._128 {
background-color: transparent;
width: 128px;
height: 128px
}
.ds-colour-grid {
flex-wrap: wrap;
margin-top: 24px;
display: flex
}
.sg-section {
z-index: 0;
text-align: left;
padding-top: 60px;
padding-bottom: 60px;
position: relative
}
.sg-section.header {
background-color: var(--dark-green-nimali);
color: #fff
}
.grid-10 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative
}
.grid-10.desk-4 {
grid-template-columns: 1fr 1fr 1fr 1fr
}
.grid-10.desk-3 {
grid-template-columns: 1fr 1fr 1fr
}
.block-quote {
color: var(--olive-nimali);
-webkit-text-stroke-color: var(--olive-nimali);
background-color: transparent;
border-left-color: #9ec5fa;
font-size: 18px;
line-height: 1.4em
}
.color-block {
background-color: var(--dark-green-nimali);
border-radius: 5px;
width: 100%;
height: 60px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0
}
.color-block.soft-grey {
background-color: var(--saddle-brown-nimali)
}
.color-block.grey {
background-color: var(--olive-nimali)
}
.color-block.dark-grey {
background-color: var(--fern-nimali)
}
.color-block.silver {
background-color: var(--sienna-nimali)
}
.color-block.back-grey {
background-color: var(--dusty-orange-nimali)
}
.color-block.white {
background-color: var(--saddle-brown-nimali-2);
border: 1px solid #f0f2f3
}
.color-block.light-grey {
background-color: var(--olive-nimali)
}
.sg-block {
margin-bottom: 32px
}
.sg-description {
color: #929aa1;
max-width: 400px
}
.column {
flex-flow: column;
flex: 0 auto;
align-items: stretch;
min-height: 32px;
padding-left: 16px;
padding-right: 16px;
display: flex;
position: relative
}
.column.desk-11 {
width: 91.66%
}
.column.desk-9 {
width: 75%
}
.column.desk-6 {
width: 50%
}
.column.desk-5 {
width: 41.66%
}
.column.desk-1 {
flex: 0 auto;
width: 8.33%
}
.column.desk-3 {
flex: none;
width: 25%
}
.column.desk-2 {
width: 16.66%
}
.column.desk-8 {
width: 66.6667%
}
.column.desk-12 {
width: 100%
}
.column.desk-7 {
width: 58.3333%
}
.column.desk-10 {
width: 83.33%
}
.column.desk-4 {
width: 33.33%
}
.sg-menu-link {
color: #4c5458;
-webkit-text-stroke-color: var(--dark-green-nimali);
border-left: 4px solid transparent;
width: 100%;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 27px;
transition: background-color .2s, color .2s
}
.sg-menu-link:hover {
color: #111314
}
.sg-menu-link.w--current {
color: #111314;
background-color: #e1e5e7;
padding-right: 0;
font-weight: 600
}
._12-columns {
flex-flow: wrap;
align-content: stretch;
justify-content: center;
align-items: center;
margin-left: -16px;
margin-right: -16px;
display: flex
}
._12-columns.align-left {
text-align: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px
}
.ds-colour-block {
width: 12.5%;
padding-right: 16px;
display: inline-block
}
._2-1-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
max-width: 1000px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative
}
.icon-4 {
color: #fff;
width: 55px;
height: 55px;
margin-bottom: 20px;
font-size: 24px
}
.sg-content {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 100%;
margin-left: 240px;
display: flex
}
.text-box {
max-width: 750px
}
.text-box._800px {
max-width: 800px;
min-height: 64px
}
.text-box._800px.visible {
background-color: #d0e8ff;
border-radius: 6px
}
.text-box._700px {
max-width: 700px;
min-height: 64px
}
.text-box._700px.visible {
background-color: #d0e8ff;
border-radius: 6px
}
.text-box._500px {
max-width: 500px;
min-height: 64px
}
.text-box._500px.visible {
background-color: var(--saddle-brown-nimali-2);
border-radius: 6px
}
.text-box._400px {
max-width: 400px;
min-height: 64px
}
.text-box._400px.visible {
background-color: var(--saddle-brown-nimali-2);
border-radius: 6px
}
.text-box._600px {
max-width: 600px;
min-height: 64px
}
.text-box._600px.visible {
background-color: #d0e8ff;
border-radius: 6px
}
.ds-section-header {
margin-bottom: 50px
}
.column-styleguide {
background-color: var(--saddle-brown-nimali-2);
border-radius: 6px;
width: 100%;
height: 40px
}
.sg-nav-container {
background-color: var(--ivory-nimali);
width: 240px;
height: 100vh
}
._1-2-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
max-width: 1000px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative
}
.ds-module {
background-color: var(--saddle-brown-nimali-2);
border-radius: 5px;
flex-direction: column;
min-width: 100px;
min-height: 100px;
display: flex;
position: relative
}
.heading-8.h5 {
color: var(--dark-green-nimali);
letter-spacing: 0;
text-transform: none;
margin-bottom: 12px;
font-family: Wulkan, Georgia, sans-serif;
font-size: 2em;
font-weight: 400;
line-height: 1.4em
}
.sg-title {
color: var(--dark-green-nimali);
margin-bottom: 8px;
font-size: 24px;
line-height: 1.4em
}
.sg-menu-brand {
margin-top: 40px;
margin-bottom: 50px;
margin-left: 30px;
padding-left: 0
}
.sg-body {
background-color: #fff
}
.sg-nav {
border-right: 1px solid #ced5db;
width: 240px;
height: 0;
position: fixed;
top: 0%;
bottom: 0;
left: 0;
right: auto
}
.visible-spacer {
background-color: #d0e8ff;
border-radius: 5px;
display: inline-block
}
.horizontal-line {
opacity: .2;
background-color: #1d1916;
width: 100%;
height: 1px;
margin-bottom: 36px
}
.horizontal-line.design-system {
position: relative;
bottom: -80px
}
.sg-menu {
width: 100%
}
.ds-icon {
margin-bottom: 4px;
margin-right: 24px;
display: inline-block
}
.rich-text-2 {
text-align: left
}
.white-link {
color: #9e8e73;
text-decoration: underline
}
.ds-icon-grid {
margin-top: 24px
}
.wrapper {
width: 100%;
min-height: 100vh
}
.heading-9,
.paragraph-5 {
color: var(--ivory-nimali)
}
.title-label {
color: var(--dark-green-nimali);
text-align: left;
letter-spacing: .3em;
text-indent: .4em;
text-transform: uppercase;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
margin-bottom: auto;
font-size: .9vw;
font-weight: 500;
line-height: 1.6em;
display: block
}
.title-label.light-bg {
letter-spacing: .3em;
text-indent: .4em;
margin-bottom: auto
}
.title-label.left {
text-align: right
}
.title-label.center {
text-align: center;
justify-content: center;
align-items: center;
margin: auto 40px;
display: block
}
.title-label.dark-bg {
color: var(--ivory-nimali)
}
.title-label.right {
text-align: left;
justify-content: flex-start;
align-self: flex-end;
display: flex
}
.list-item {
color: var(--dark-green-nimali);
text-align: left;
margin-bottom: auto;
line-height: 1.5em
}
.paragraph-6 {
color: var(--dark-green-nimali)
}
.list {
color: var(--dark-green-nimali);
margin-top: 0;
padding-left: 2em
}
.lodges-text-block {
margin-bottom: auto;
margin-left: 250px;
margin-right: 250px
}
.link {
color: var(--olive-nimali)
}
.hero-404 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../64ec72989d3e4b249c14979d_Plains-at-sunset.jpg);
background-position: 50%;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: hidden
}
.price-type {
color: var(--dark-green-nimali);
letter-spacing: .3em;
font-size: 11px;
font-weight: 500
}
.pricing-basic {
background-color: var(--saddle-brown-nimali-2);
text-align: left;
padding: 45px;
position: relative
}
.pricing-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
color: var(--dark-green-nimali);
object-fit: contain;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
position: relative;
overflow: visible
}
.pricing-wrapper {
max-width: none;
margin-left: auto;
margin-right: auto;
display: block
}
.press-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 100px;
display: grid
}
.text-block-press {
color: var(--dark-green-nimali);
text-align: center;
margin-top: 60px;
padding-bottom: 0;
font-family: Wulkan, Georgia, sans-serif;
font-size: 30px;
font-style: normal;
line-height: 1.5em
}
.grid-partner-logos {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
align-items: center;
justify-items: center;
margin-top: 40px;
margin-left: 60px;
margin-right: 60px
}
.welcome-text {
margin-top: 30px;
margin-left: 250px;
margin-right: 250px
}
.italic-text-2 {
font-style: normal
}
.flex-block-getting-there {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
justify-content: stretch;
align-items: stretch;
justify-items: stretch;
margin-top: 60px;
display: grid
}
.content-card-directions {
background-color: var(--saddle-brown-nimali-2);
color: var(--dark-green-nimali);
text-align: center;
border: 1px #000;
padding: 30px 20px;
transition: all .2s
}
.content-card-directions:hover {
box-shadow: 1px 1px 20px rgba(0, 0, 0, .07)
}
.text-directions {
color: var(--dark-green-nimali);
padding-bottom: 30px;
font-size: 1.3vw;
font-weight: 400
}
.paragraph-directions {
color: var(--dark-green-nimali);
text-align: center;
font-size: 1.3em;
line-height: 1.7em
}
.list-item-2,
.list-item-3,
.list-item-4 {
text-align: left;
line-height: 1.5em
}
.icon-location {
margin-bottom: 20px;
padding-top: 0
}
.accordion-2 {
color: #fff;
background-color: #636060;
flex-direction: column;
flex: none;
justify-content: flex-end;
align-items: flex-start;
width: 10%;
height: 100%;
display: flex;
position: relative;
overflow: visible
}
.accordion-2.active {
background-color: rgba(99, 96, 96, 0);
width: 60%;
font-style: normal
}
.flex-fix {
flex: 1
}
.accordions {
color: #fff;
width: 60%;
height: 80vh;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: visible
}
.image-cover {
opacity: 1;
object-fit: fill;
width: 100vw;
max-width: 100vw;
height: 100%;
max-height: 80vh
}
.image-container {
z-index: -1;
object-fit: contain;
align-items: flex-end;
width: 100%;
height: 87vh;
display: flex;
position: absolute;
overflow: hidden
}
.spacer-3 {
clear: none;
width: 100%;
height: 100px
}
.section-senses {
background-color: var(--saddle-brown-nimali-2);
width: 100%;
height: 100%;
padding-top: 150px;
padding-bottom: 150px
}
.numbers-2 {
z-index: 10;
color: var(--ivory-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 100%;
position: relative
}
.vertical-text-2 {
z-index: 10;
color: var(--ivory-nimali);
letter-spacing: .2em;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
position: relative
}
.accordion-header-2 {
z-index: 10;
background-color: var(--dark-green-nimali);
opacity: 1;
border-left: 1px solid #888585;
flex-direction: column;
justify-content: center;
align-items: center;
width: 6vw;
height: 100%;
padding-top: 35px;
padding-bottom: 35px;
display: flex;
position: relative
}
.accordion-label-2 {
color: rgba(255, 255, 255, .85);
letter-spacing: -3px;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 12vh;
font-style: normal;
line-height: 120%;
position: absolute;
top: -1px;
bottom: auto;
left: 8vw
}
.container-about-us {
z-index: 20;
float: none;
clear: none;
color: var(--ivory-nimali);
background-color: transparent;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: 100vw;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-left: 8em;
padding-right: 8em;
position: -webkit-sticky;
position: sticky
}
.no-spam-text {
color: var(--ivory-nimali);
-webkit-text-stroke-color: var(--ivory-nimali);
padding-top: 10px;
font-size: 1.1em
}
.container-experiences-tarangire {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
max-width: none;
margin-top: auto;
margin-bottom: auto;
padding-top: 150px;
padding-bottom: 150px;
display: block
}
.div-block-activities {
margin-top: 80px
}
.list-activities {
grid-column-gap: 50px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: end;
justify-content: end;
align-items: center;
justify-items: start;
margin-top: 3em;
padding-left: 4em;
display: grid
}
.body-mara {
display: block;
overflow: visible
}
.content-about-mara {
grid-column-gap: 16px;
grid-row-gap: 2em;
text-align: left;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
justify-items: stretch;
width: 100%;
max-width: 28em;
margin-left: auto;
margin-right: auto;
display: grid
}
.container-experiences-mara {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
max-width: none;
margin-top: auto;
margin-bottom: auto;
padding-top: 150px;
padding-bottom: 150px;
display: block
}
.tab_wrap {
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: 100%;
padding: 2.8em;
display: flex;
position: absolute;
top: 0%;
bottom: auto;
left: auto;
right: 0%
}
.tab_contain {
justify-content: flex-start;
align-self: flex-end;
align-items: center;
width: 28em;
padding-left: 0;
font-size: .9vw;
display: block
}
.paragraph-senses {
color: var(--dark-green-nimali);
background-color: rgba(235, 229, 219, .84);
justify-content: flex-start;
padding: 10px;
font-size: 1.4em;
display: block
}
.main-elipse-button {
z-index: 20;
border: .5px none var(--ivory-nimali);
color: var(--ivory-nimali);
text-align: center;
border-radius: 0;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 6em;
height: 8em;
font-family: Montserrat, sans-serif;
display: flex;
position: relative
}
.italic-text-3 {
font-size: .7vw;
font-style: normal
}
.pre-title-quote {
color: var(--fern-nimali);
text-align: left;
text-transform: uppercase;
background-color: transparent;
padding-top: 0;
padding-bottom: 20px
}
.title-label-quote {
color: var(--ivory-nimali);
text-align: left;
letter-spacing: .3em;
text-indent: .4em;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 1.1vw;
font-weight: 500;
line-height: 1.6em
}
.container-directions-mara {
z-index: 20;
float: none;
clear: none;
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: 100vw;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 0 4em 150px;
position: -webkit-sticky;
position: sticky
}
.container-directions-serengeti {
z-index: 20;
float: none;
clear: none;
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: 100vw;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 0 4em 150px;
display: block;
position: -webkit-sticky;
position: sticky
}
.container-directions-tarangire {
z-index: 20;
float: none;
clear: none;
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
width: 100vw;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 0 4em 150px;
position: -webkit-sticky;
position: sticky
}
.container-sustain-4 {
z-index: 20;
float: none;
clear: none;
background-color: var(--ivory-nimali);
text-align: center;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
border-bottom: 0 #000;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 0 8em 150px;
position: relative
}
.header-sustainability {
z-index: 20;
background-color: var(--brown);
color: var(--misty-rose);
flex-direction: column;
justify-content: space-between;
align-items: stretch;
min-height: 100vh;
display: flex;
position: relative
}
.flex-block-7 {
margin: 30px 100px auto
}
.flex-block-8 {
margin-top: 30px;
margin-left: 100px;
margin-right: 100px
}
.flex-block-9 {
margin-bottom: 60px
}
.hero-tarangire {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../kilimanjaro.jpg);
background-position: 50%;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: visible
}
.hero-serengeti {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../651154901a4613f3b203cf2d_Serengeti-home.jpg);
background-position: 50%;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: hidden
}
.hero-mara {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../65005a481a2cfcc2881bb2a4_Mara-home.jpg);
background-position: 50%;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: hidden
}
.static-gallery {
grid-column-gap: 2em;
grid-row-gap: 2em;
border: 1px none var(--saddle-brown-nimali-2);
color: var(--ivory-nimali);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
margin-left: 50px;
margin-right: 50px;
display: grid
}
.serengeti-galllery {
grid-column-gap: 2em;
grid-row-gap: 2em;
color: #ebe5db;
border: 1px rgba(119, 56, 27, .06);
flex: 0 auto;
grid-template-rows: .75fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
margin-bottom: 100px;
margin-left: 50px;
margin-right: 50px;
display: grid
}
.section-blog-rich-text {
z-index: 10;
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 50%;
display: block;
position: relative;
overflow: hidden
}
.containter-blog {
z-index: 20;
clear: none;
text-align: center;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding: 60px 0;
position: relative
}
.header-blog {
z-index: 5;
background-color: var(--black);
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
display: flex;
position: relative;
overflow: visible
}
.header-blog-content {
grid-column-gap: 2em;
grid-row-gap: 2em;
text-align: center;
flex-direction: column;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
max-width: 60em;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex
}
.collection-item-2 {
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-size: cover;
border-radius: 0;
width: 35vw;
min-width: 250px;
max-width: 500px;
height: 250px;
margin-right: 15px;
display: flex;
position: relative;
overflow: hidden
}
.h3 {
text-align: center;
font-size: 38px;
line-height: 38px;
display: inline-block
}
.hero-categories {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: hidden
}
.section-journal-categorie-1 {
z-index: 10;
background-color: var(--ivory-nimali);
display: block;
position: relative;
overflow: hidden
}
.bottom {
z-index: 20;
justify-content: space-between;
height: 120px;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0
}
.social-links {
flex-direction: column;
flex: 1;
align-self: center;
padding-left: 0;
display: flex
}
.container-blog-posts {
z-index: 20;
clear: none;
text-align: center;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
flex: 0 auto;
align-items: flex-end;
width: auto;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 60px 0 0;
display: block;
position: relative
}
.m-nav-toggle-open-2 {
z-index: 1;
text-decoration: none;
display: block;
position: absolute;
bottom: 55px
}
.m-nav-close-icon-3 {
width: 23px;
padding: 1px
}
.m-nav-content-3 {
justify-content: center;
align-items: flex-end;
width: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
overflow: auto
}
.m-nav-link-item-3 {
text-align: center
}
.m-nav-link-item-3.last-item {
padding-bottom: 135px
}
.m-nav-link-item-3.first-item {
padding-top: 65px
}
.m-nav-toggle-bg-3 {
z-index: 1;
background-image: linear-gradient(rgba(238, 238, 238, 0), #fff 98%);
height: 125px;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%
}
.m-nav-overlay-6 {
z-index: 95;
background-color: #242423;
align-items: flex-end;
width: 100%;
height: 90%;
display: block;
position: fixed;
bottom: 0%;
left: 0%;
right: 0%;
overflow: hidden
}
.mobile-nav-link {
color: #fff;
font-size: 18px;
font-weight: 400;
line-height: 54px;
text-decoration: none
}
.m-nav-toggle-inner-8 {
box-shadow: none;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
background-color: #000;
border-radius: 99em;
justify-content: center;
align-items: center;
padding: 17px 25px;
transition: transform .25s cubic-bezier(.215, .61, .355, 1);
display: flex;
position: relative
}
.m-nav-toggle-inner-8:active {
transform: scale(.88)
}
.m-nav-toggle-inner-8.close {
padding: 18px
}
.m-nav-toggle-description-8 {
color: #fff;
margin-bottom: 0;
font-size: 18px;
line-height: 1
}
.m-nav-toggle-close-6 {
z-index: 1;
text-decoration: none;
display: none;
position: absolute;
bottom: 55px
}
.mobile-navigation {
display: none;
position: relative
}
.html-embed-3 {
margin-top: 100px;
margin-bottom: auto
}
.emergency-block {
border: 1px solid var(--fern-nimali);
justify-content: center;
align-items: center;
margin-top: 100px;
padding-top: 3em;
padding-bottom: 3em
}
.slider_arrow {
justify-content: center;
align-items: center;
width: 5.63rem;
height: 5.63rem;
font-size: .88rem;
transition: background-color .2s;
display: flex;
top: auto;
bottom: 0%;
left: auto;
right: 5.63rem
}
.slider_arrow:hover {
background-color: rgba(255, 255, 255, .3)
}
.slider_arrow.is-right {
display: flex;
right: 0%
}
.home-slider {
background-color: transparent;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
min-height: auto;
display: block;
position: relative;
overflow: hidden
}
.slide_image {
z-index: -1;
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slide_image-wrap {
background-color: rgba(19, 14, 13, .41);
width: 100%;
height: 100%;
display: block;
position: absolute
}
.frame_corner-wrap {
justify-content: center;
align-items: center;
width: 5.63rem;
height: 5.63rem;
display: flex
}
.frame_bottom {
z-index: 2;
border-top: 1px solid rgba(255, 255, 255, .2);
justify-content: space-between;
width: 100%;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
left: 0%;
right: 0%
}
.hero_slide {
width: 100%;
height: 100vh
}
.hero_frame-wrap {
z-index: 1;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: auto;
display: block;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.hero_slider {
object-fit: cover;
background-color: transparent;
width: 100%;
height: auto;
display: block
}
.hide {
display: none
}
._154-mouse-wrapper {
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 30px;
display: flex
}
._154-mouse {
border: 2px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: flex-start;
width: 25px;
height: 40px;
display: flex
}
._154-circle {
background-color: #fff;
border-radius: 50%;
width: 6px;
height: 6px;
margin-top: 8px
}
._154-scroll-text {
color: var(--ivory-nimali);
text-align: center;
letter-spacing: 4px;
margin-top: 15px;
font-family: Montserrat, sans-serif;
font-size: .7em;
font-weight: 700
}
.link-block-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-self: center;
align-items: stretch;
display: flex
}
.frame_center {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
overflow: visible
}
.body-sustainability {
display: block;
overflow: visible
}
.home-safaris {
background-color: rgba(19, 14, 13, 0);
border: 0 #000;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
width: 100vw;
display: block;
overflow: visible
}
.hero-safaris {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../safaris.jpg);
background-position: 0 0;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: visible
}
.speaker-slider-2-copy {
background-color: transparent;
justify-content: center;
align-items: stretch;
height: 100%;
display: flex
}
.speaker-image-tarangire {
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 101%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.speaker-image-tarangire.six {
background-image: url(../65004488dd9490a61d32f725_Walking-safari.jpg);
background-position: 50%;
background-repeat: repeat;
background-size: cover
}
.speaker-image-tarangire.three {
background-image: url(../65115b2708c753f57510f78c_Elephants-at-waterhole.jpg);
background-position: 100% 0;
margin-right: 0
}
.speaker-image-tarangire.two {
background-image: url(../65115a3f22306276be9013f3_Hot-air-balloon.jpg);
background-position: 50%;
background-size: cover
}
.speaker-image-tarangire.one {
background-image: url(../65115bc38a8e1ab8aee3f2f0_Game-drive.jpg);
background-position: 50%;
background-size: cover
}
.speaker-image-tarangire.four {
background-image: url(../65115b6f0f552e22e55020ce_Maasai.jpg);
background-position: 50%;
background-size: cover
}
.speaker-image-tarangire.five {
background-image: url(../64e8b05c966f8bb58e975cdf_Relax-at-Nimali.jpg);
background-position: 50%;
background-size: cover;
width: 101%
}
.heading-404 {
color: var(--ivory-nimali);
text-align: center;
font-family: Wulkan, Georgia, sans-serif;
font-size: 10em;
font-style: italic
}
.text-404 {
color: var(--ivory-nimali);
text-align: center;
margin-top: auto;
margin-bottom: 60px;
font-size: 2vw;
line-height: 1.5em
}
.hero-404-text-block {
clear: none;
width: 90vw;
display: block;
position: absolute
}
.button-404 {
border: 1px solid var(--dark-green-nimali);
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 0;
flex-flow: column-reverse;
justify-content: space-around;
align-items: flex-end;
margin-left: 0;
padding: 14px 32px;
font-size: 12px;
font-weight: 500;
text-decoration: none;
display: block
}
.button-404:hover {
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali)
}
.sub-text-about,
.sub-text-sustainability {
font-size: 1.3em;
line-height: 2em
}
.affiliate-title {
text-align: center;
font-style: normal
}
.mobile-link-wrap {
margin-bottom: 8px;
padding-top: 4px;
padding-bottom: 4px;
overflow: hidden
}
.mobile-menu-link {
color: #666;
margin-bottom: 8px;
line-height: 28px;
display: block
}
.dropdown-icon-2 {
color: red;
margin-left: 12px;
font-size: 28px;
line-height: 4px;
display: inline-block;
position: relative;
top: 4px;
transform: rotate(90deg)
}
.mobile-link-dropdown {
margin-bottom: 12px;
padding: 12px 24px
}
.mobile-link-dropdown.sub-menu-flex {
display: flex
}
.sub-menu-column {
margin-right: 24px;
padding-right: 24px
}
.experiences-slider-home {
background-color: transparent;
justify-content: center;
align-items: stretch;
height: 100%;
display: flex;
overflow: visible
}
.slider-image-home {
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 101%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slider-image-home.six {
background-image: url(../65003a4da7c18c4c7c40979b_Support.jpg);
background-position: 50%;
background-repeat: repeat;
background-size: cover
}
.slider-image-home.three {
background-image: url(../6500397876af54cd1e9c9e51_Dinner-under-the-stars.jpg);
background-position: 50%;
margin-right: 0
}
.slider-image-home.two {
background-image: url(../650043b1132445bdc3033f15_Hot-air-balloon.jpg);
background-position: 50%;
background-size: cover
}
.slider-image-home.one {
background-image: url(../651152588a8e1ab8aed9f163_Walking-safari.jpg);
background-position: 50%;
background-size: 500px
}
.slider-image-home.four {
background-image: url(../650039f1fe083e132e05fa8b_Massage-therapy-at-Tatangire-lodge.jpg);
background-position: 50%;
background-size: cover
}
.slider-image-home.five {
background-image: url(../64e8ca57d63acf8c6c50a744_Afternoon-game-drives.jpg);
background-position: 50%;
background-size: 621px;
width: 101%
}
.slider-image-home.seven {
background-image: url(../651152fbc588ffe14cca5432_Maasai-circle.jpg);
background-position: 50%
}
.slider-image-home.ei {
background-image: url(../64d26bfc36d8422287295981_Celebrate_Nimali Africa.webp)
}
.slider-image-home.nine {
background-image: url(../64ede8ba685756c86b752766_Safaris-for-children-at-Nimali.jpg);
background-position: 50%;
background-size: cover
}
.slider-image-home.ten {
background-image: url(../65115210833e8fa4831a5ba1_Under-the-stars.jpg)
}
.slider-serengeti {
background-color: transparent;
justify-content: center;
align-items: stretch;
height: 100%;
display: flex
}
.slider-image-serengeti {
background-image: url(../651154ef4162cd123e757318_Male-lion-on-rock.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 101%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slider-image-serengeti.six {
background-image: url(../65004b15fe083e132e1bbd63_experiences-4.jpg);
background-position: 50%;
background-repeat: repeat;
background-size: cover
}
.slider-image-serengeti.three {
background-image: url(../6502e79970d4e5816318c86c_Relaxx-at-the-pool-Serengeti.jpg);
background-position: 100% 0;
margin-right: 0
}
.slider-image-serengeti.two {
background-image: url(../64ec66544e4910fb5731b588_Gnus-crossing-the-Mara-River.jpg);
background-position: 50%;
background-size: cover
}
.slider-image-serengeti.four {
background-image: url(../65004f542f57fbf7109ce016_Pamper-yourself.jpg);
background-position: 50%;
background-size: cover
}
.slider-image-serengeti.five {
background-image: url(../6500397876af54cd1e9c9e51_Dinner-under-the-stars.jpg);
background-position: 50%;
background-size: cover;
width: 101%
}
.slider-mara {
background-color: transparent;
justify-content: center;
align-items: stretch;
height: 100%;
display: flex
}
.slider-image-mara {
background-image: url(../65006ac0ee9107434ed93e0b_Migration-gnus.jpg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 101%;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.slider-image-mara.six {
background-image: url(../65005ed34c29024d711a0c05_Lay-back-Mara.jpg);
background-position: 50%;
background-repeat: repeat;
background-size: cover
}
.slider-image-mara.three {
background-image: url(../6500685f2bbe9787a1b98604_Campfire-Mara.jpg);
background-position: 50%;
margin-right: 0
}
.slider-image-mara.two {
background-image: url(../65006006f54e66d1db438190_Swing-bed.jpg);
background-position: 50%;
background-size: cover
}
.slider-image-mara.four {
background-image: url(../65005e80bd04f8de0830b7e6_first-rays-of-light.jpg);
background-position: 50%;
background-size: cover
}
.slider-image-mara.five {
background-image: url(../65281adafae890080ddfe376_Hot-air-.jpg);
background-position: 50%;
background-size: cover;
width: 101%
}
.container-experiences-serengeti {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
max-width: none;
margin-top: auto;
margin-bottom: auto;
padding-top: 150px;
padding-bottom: 150px;
display: block
}
.mara-gallery {
grid-column-gap: 2em;
grid-row-gap: 2em;
color: #ebe5db;
border: 1px rgba(119, 56, 27, .06);
flex: 0 auto;
grid-template-rows: .75fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
margin-bottom: 100px;
margin-left: 50px;
margin-right: 50px;
display: grid
}
.gallery-about {
grid-column-gap: 2em;
grid-row-gap: 2em;
color: #ebe5db;
border: 1px rgba(119, 56, 27, .06);
flex: 0 auto;
grid-template-rows: .75fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
margin-top: 80px;
margin-left: 50px;
margin-right: 50px;
display: grid
}
.gallery-block {
cursor: pointer;
margin-top: 30px;
padding: 20px;
overflow: hidden
}
.gallery-image {
width: 100%;
transition: width .5s ease-in-out
}
.overlay {
z-index: 2000;
background-color: #000;
justify-content: center;
align-items: center;
display: none;
position: fixed;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.image-wrapper {
justify-content: center;
align-self: auto;
align-items: center;
width: 70%;
margin-top: 20%;
margin-bottom: 20%;
display: flex
}
.paragraph-values {
color: var(--dark-green-nimali);
text-align: left;
-webkit-text-stroke-color: var(--dark-green-nimali);
margin-top: 30px;
margin-right: auto;
padding-bottom: 0;
font-size: 1.3em;
font-weight: 400;
line-height: 2em;
display: block
}
.html-embed-4 {
margin-top: auto
}
.image-38 {
width: 35%
}
.mask {
overflow: visible
}
.marquee {
grid-column-gap: 1rem;
background-color: var(--dark-green-nimali);
width: 100%;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
overflow: hidden
}
.marquee-content {
grid-column-gap: 1rem;
flex: none;
justify-content: space-around;
min-width: 100%;
display: flex
}
.marquee-content.scroll.reverse {
align-items: center;
overflow: hidden
}
.body-tarangire {
display: block;
overflow: visible
}
.italic-text-4 {
font-style: normal
}
.link-2 {
color: var(--fern-nimali);
text-align: left;
letter-spacing: 2px;
justify-content: space-between;
align-items: flex-end;
display: flex
}
.paragraph-11 {
color: var(--ivory-nimali);
font-weight: 400
}
.section-content-sustainability {
background-image: url(../652818e033373ccc3ab85826_Giraffes.jpg);
background-position: 50%;
background-size: cover;
background-attachment: scroll;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative
}
.hero-gallery {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-image: url(../65291dece01c23b4bba62d37_Accomodation-3.jpg);
background-position: 50%;
background-size: cover;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100vh;
min-height: 500px;
padding: 130px;
display: flex;
position: relative;
overflow: visible
}
.section-gallery {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
margin-left: 0;
padding-top: 150px;
padding-bottom: 0;
display: block
}
.gallery-popup__image-wrapper {
width: 100%;
height: 100%;
padding-top: 50%;
position: relative
}
.tabs-menu-3 {
text-align: right;
margin-left: 50px;
margin-right: 50px
}
.text-block-gallery {
color: var(--dark-green-nimali);
letter-spacing: 1.3px;
text-transform: uppercase;
font-size: 1.2vw
}
.tab-link-gallery {
background-color: transparent
}
.tab-link-gallery.w--current {
background-color: var(--saddle-brown-nimali-2);
font-weight: 500
}
.tab-pane {
margin-top: 69px;
margin-bottom: auto
}
.tarangire-gallery {
grid-column-gap: 2em;
grid-row-gap: 2em;
color: #ebe5db;
border: 1px rgba(119, 56, 27, .06);
flex: 0 auto;
grid-template-rows: .75fr;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
margin-bottom: 100px;
margin-left: 50px;
margin-right: 50px;
display: grid
}
.text-gallery {
color: var(--dark-green-nimali);
text-align: center;
margin-bottom: 40px;
margin-left: 100px;
margin-right: 100px;
font-family: Wulkan, Georgia, sans-serif;
font-size: 4vw
}
.flex-block-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: auto;
margin-left: 100px;
margin-right: 100px;
display: grid
}
.image-glance {
text-align: center;
padding-bottom: 25px
}
.text-glance {
color: var(--dark-green-nimali);
text-align: center;
letter-spacing: .8px;
text-transform: uppercase;
font-size: .9vw;
line-height: 1.5em
}
.link-block-12,
.link-block-13,
.link-block-14,
.link-block-15 {
text-align: center
}
.div-block-glance {
background-color: var(--saddle-brown-nimali-2);
margin: auto 50px 100px;
padding-top: 50px;
padding-bottom: 50px;
line-height: 4em
}
.form-block-3-copy {
border: 1px #000;
font-size: .9vw
}
.icon-button-2 {
color: #f8f8f8;
flex-direction: row;
flex: none;
align-items: center;
margin-bottom: 10px;
margin-right: 15px;
font-size: .8rem;
font-weight: 500;
text-decoration: none;
transition: opacity .2s;
display: flex
}
.icon-button-2:hover {
opacity: .65
}
.icon-button-2.rotate-icon {
margin-right: 25px
}
.newsletter-form-1 {
z-index: 10;
border: 1px solid var(--ivory-nimali);
background-color: var(--ivory-nimali);
border-radius: 0;
flex-wrap: nowrap;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 20px;
margin-bottom: 0;
padding: .5em;
transition: background-color .2s, border-color .2s;
display: none;
position: relative
}
.newsletter-form-1:hover {
border-style: solid;
border-color: var(--olive-nimali)
}
.newsletter-submit-button-1 {
z-index: 50;
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali);
letter-spacing: .15em;
text-transform: uppercase;
background-image: url(https://assets-global.website-files.com/647f0039bb4628bf7e3462cd/648335d7d8a45a229b1e920d_arrow-right-light\(24x24\)%402x.svg);
background-position: 85%;
background-repeat: no-repeat;
background-size: 1.1em;
border-radius: 0;
min-width: 12em;
margin-left: 50px;
padding: 1.4em 2em;
font-size: 1em;
font-weight: 500;
transition: background-position .6s cubic-bezier(.075, .82, .165, 1), background-color .2s;
position: relative
}
.newsletter-submit-button-1:hover {
background-color: var(--olive-nimali);
color: var(--ivory-nimali);
background-image: url(https://assets-global.website-files.com/647f0039bb4628bf7e3462cd/648335d7d8a45a229b1e920d_arrow-right-light\(24x24\)%402x.svg);
background-position: 89%
}
.newsletter-field-1 {
z-index: 5;
color: var(--dark-green-nimali);
text-align: left;
-webkit-text-stroke-color: var(--olive-nimali);
object-fit: fill;
background-color: transparent;
border: 1px solid transparent;
flex: 1;
order: 0;
align-self: center;
width: 300px;
max-width: none;
min-height: 3em;
margin-bottom: 0;
margin-left: auto;
padding: .5em 0 .5em 1em;
font-family: Montserrat, sans-serif;
font-size: 1.3em;
line-height: 1.1em;
transition: border-color .5s;
position: static
}
.newsletter-field-1:focus {
background-color: transparent;
border-color: rgba(255, 255, 255, 0)
}
.newsletter-field-1:focus-visible {
border-color: rgba(255, 255, 255, 0)
}
.newsletter-field-1[data-wf-focus-visible] {
border-color: rgba(255, 255, 255, 0)
}
.newsletter-field-1::placeholder {
color: var(--olive-nimali);
font-size: .8em
}
.form-error-paragraph-1 {
color: var(--dark-green-nimali);
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.2em;
font-weight: 400;
line-height: 1.3
}
.section-13 {
text-align: left
}
.tabs-content {
display: block
}
.container-video-tarangire,
.container-video-serengeti,
.container-video-mara {
width: 100%;
max-width: 90rem;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 50px
}
.container-video-senses {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 50%;
background-size: cover;
width: 100%;
max-width: 90rem;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 50px;
overflow: visible
}
.div-block-28 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: center;
align-items: center;
margin-bottom: 150px;
display: flex
}
.blog-container {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1200px;
margin: 40px auto 150px;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative
}
.collection-blog-item {
border-radius: 0;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.blog-link-homepage {
letter-spacing: 0;
text-transform: none
}
.blog-category {
background-color: var(--fern-nimali);
color: var(--ivory-nimali);
letter-spacing: .1em;
text-transform: uppercase;
border-radius: 0;
justify-content: center;
align-items: center;
height: 24px;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 1em;
font-weight: 400;
transition-property: all;
transition-duration: .35s;
display: flex
}
.blog-category:hover {
background-color: var(--dark-green-nimali);
color: #f2ebdb
}
.blog-overlay {
background-image: linear-gradient(transparent 20%, rgba(21, 27, 25, .8));
flex-direction: column;
justify-content: space-between;
padding: 25px;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.blog-btn-wrap {
justify-content: center;
align-items: center;
display: flex
}
.nimali-blog-link-wrapper {
overflow: hidden
}
.preloader-wrapper-animation {
z-index: 40;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.data-blog-2 {
color: var(--ivory-nimali);
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
font-size: 11px;
font-weight: 400;
line-height: 3em
}
.nimali-blog-line {
background-color: var(--ivory-nimali);
width: 100%;
height: 1px
}
.our-blog-content-wrap-2 {
width: 100%;
overflow: hidden
}
.nimali-blog-link {
color: var(--ivory-nimali);
letter-spacing: .2em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 6px;
font-family: Montserrat, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.3em
}
.data-blog-wrap-2 {
align-items: flex-end;
height: 30px;
display: flex;
overflow: hidden
}
.blog-link-title-2 {
color: var(--ivory-nimali);
text-align: left;
letter-spacing: .08em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Wulkan, Georgia, sans-serif;
font-size: 2em;
line-height: 1.3em;
transition: all .35s
}
.blog-link-title-2:hover {
color: var(--silver);
-webkit-text-stroke-color: var(--fern-nimali)
}
.collection-our-blog-list-wrap {
width: 100%;
height: 100%
}
.blog-post-collection {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 40px;
padding-right: 40px;
display: grid
}
.blog-post-collection.journal {
margin-top: 60px;
padding-left: 50px;
padding-right: 50px
}
.collection-blog-item-2 {
border-radius: 0;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.our-blog-container {
height: 400px
}
.blog-content-2 {
grid-row-gap: 30px;
flex-direction: column;
align-items: flex-start;
display: flex;
transform: translateY(55px)
}
.preloader-wrapper-animation-2 {
z-index: 40;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0;
right: 0%
}
.blog-hero-img {
background-image: url(../../img/background-image.svg);
background-position: 50% 20%;
background-size: cover;
width: 100%;
height: 100%
}
.section-blog-categories {
background-color: var(--ivory-nimali);
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 50%;
background-size: cover;
padding-top: 100px;
padding-bottom: 100px;
display: block;
position: relative
}
.connect-container {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative
}
.collection-blog-item-3 {
border-radius: 0;
width: 100%;
height: 100%;
position: relative;
overflow: hidden
}
.preloader-wrapper-animation-3 {
z-index: 40;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0;
right: 0%
}
.orange-link-wrapper {
overflow: hidden
}
.vertical-flex-copy {
text-align: center;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex
}
.vertical-flex-copy.with-gap-6em {
grid-row-gap: 6em;
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 0 0;
background-size: auto;
justify-content: space-between;
align-items: center;
width: auto;
margin: auto;
padding-top: 150px;
padding-bottom: 150px;
display: none
}
.faq-wrap {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: dense;
width: 100%;
margin-top: 10px;
padding-left: 50px;
padding-right: 50px;
display: grid
}
.plus {
background-color: #fff;
border-radius: 20px;
width: 2px;
height: 38%;
position: absolute
}
.h3-2 {
color: var(--dark-green-nimali);
margin-top: 0;
margin-bottom: 0;
font-family: Wulkan, Georgia, sans-serif;
font-size: 2.5em;
font-weight: 500
}
.faq-item {
background-color: rgba(119, 56, 27, .06);
border: 1px #212121;
border-radius: 0;
box-shadow: 0 10px 20px rgba(0, 0, 0, .05)
}
.paragraph-12 {
color: var(--dark-green-nimali);
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.6
}
.faq-question {
background-color: #f2f0ee;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 30px 20px 20px 40px;
text-decoration: none;
display: flex
}
.faq-answer {
height: auto;
overflow: hidden
}
.faq-answer-inner {
background-color: #f2f0ee;
padding: 40px;
overflow: visible
}
.minus {
background-color: #fff;
border-radius: 20px;
width: 38%;
height: 2px;
position: absolute
}
.p-m-wrap {
background-image: linear-gradient(to bottom, var(--dark-green-nimali), var(--dark-green-nimali));
border-radius: 50px;
justify-content: center;
align-items: center;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
margin-left: 60px;
display: flex;
position: relative
}
.div-block-rates {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
margin-top: 20px;
margin-bottom: 25px;
display: flex
}
.suggested-reads {
background-image: url(../64ccdb81bf092e5b99616020_Background.svg);
background-position: 50% 0;
background-size: auto;
width: 100vw;
max-width: none;
margin-top: auto;
margin-bottom: auto;
padding-top: 50px;
padding-left: 100px;
padding-right: 100px
}
.container {
background-color: transparent;
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto
}
.video-wrapper {
cursor: pointer;
border-radius: 0;
width: 100%;
position: relative;
overflow: hidden
}
.autoplay-code {
display: none
}
.video-thumbnail {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.thumbnail {
z-index: -1;
opacity: .9;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
width: 100%;
height: 100%;
transition: transform 1s cubic-bezier(.4, .01, .165, .99), opacity .7s cubic-bezier(.4, .01, .165, .99);
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.thumbnail:hover {
opacity: .7
}
.play-icon {
color: var(--ivory-nimali);
width: 12%;
position: relative
}
.video-embed {
z-index: 0;
opacity: 0;
background-image: none;
position: relative
}
@media screen and (min-width:1280px) {
.main {
display: block
}
.heading-h2.is-room-2-title-1 {
font-family: Wulkan, Georgia, sans-serif
}
.title-with-1-line.left {
justify-content: flex-start
}
.title-with-1-line.right {
justify-content: flex-end
}
.button.dark-bg {
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali)
}
.button.dark-bg:hover {
background-color: var(--dark-green-nimali);
color: var(--ivory-nimali);
border-style: none
}
.hero {
background-image: url(../64cd0df510bb1140010e4ab6_Sunset view_Nimali Africa.jpeg)
}
.menu-wrapper-5 {
display: none
}
.heading.h1 {
font-size: 45px;
line-height: 1.25
}
.heading.h2 {
color: var(--dark-green-nimali);
margin-top: auto;
margin-bottom: auto;
font-size: 36px;
line-height: 1.3
}
.heading.h2.dark-bg {
margin-bottom: auto
}
.heading.h3 {
color: var(--dark-green-nimali);
font-size: 28px;
line-height: 1.4
}
.sg-content {
margin-left: 280px
}
.sg-nav-container,
.sg-nav {
width: 280px
}
.hero-404 {
background-image: url(../64ec72989d3e4b249c14979d_Plains-at-sunset.jpg)
}
.div-block-activities {
margin-top: 80px
}
.container-directions-tarangire {
position: static
}
.hero-tarangire {
background-image: url(../kilimanjaro.jpg)
}
.hero-serengeti {
background-image: url(../651154901a4613f3b203cf2d_Serengeti-home.jpg)
}
.hero-mara {
background-image: url(../64e8bc6a636375d02d7f0ec9_Nimali-Mara.jpg)
}
.hero-categories {
background-image: url(../64cd0df510bb1140010e4ab6_Sunset view_Nimali Africa.jpeg)
}
.mobile-navigation {
display: none
}
.slide_image-wrap {
display: block
}
.hero-gallery {
background-image: url(../65291dece01c23b4bba62d37_Accomodation-3.jpg)
}
.our-blog-container {
height: 450px
}
.section-blog-categories {
padding-top: 130px;
padding-bottom: 130px
}
}
@media screen and (min-width:1440px) {
body {
font-size: 14px
}
.home-photo,
.main {
object-fit: fill
}
.listing-4-item {
background-image: none
}
.footer.is-full-width {
width: 100vw
}
.content-grid-8 {
align-content: space-around;
align-items: center;
justify-items: stretch
}
.vertical-flex.with-gap-6em {
padding-top: 150px
}
.listing-4-overlay-color {
width: 100vw;
max-width: none
}
.title-with-1-line.left {
justify-content: flex-start
}
.title-with-1-line.right {
justify-content: flex-end;
align-self: auto
}
.pre-title.is-centered {
padding-bottom: 0
}
.button.is-righht {
justify-content: center
}
.nav-bar-2 {
width: 100%;
max-width: none
}
.container-about {
max-width: none
}
.container-blog {
margin-top: auto;
padding-top: 150px
}
.second-title {
text-align: left
}
.catalog-rotate_img {
border-radius: 50%
}
.menu-links {
padding-top: 0
}
.nav-bar-content {
max-width: 1440px;
margin-left: 60px;
margin-right: 60px;
padding-left: 0;
padding-right: 0
}
.menu-content-4 {
max-width: 1440px
}
.menu-wrapper-5 {
border-top-right-radius: 180px;
display: none
}
.preload-animation {
display: none
}
.links-img-2 {
border-top-left-radius: 180px;
border-top-right-radius: 180px
}
.mobile-nav,
.blog-articles {
display: none
}
.p-xl-start {
padding-top: 15em
}
.heading.h2 {
text-align: right
}
.heading.h2.dark-bg {
margin-bottom: auto
}
.heading.h2.left {
text-align: left
}
.heading.h2.center {
text-align: center;
margin-bottom: 30px
}
.blog-teaser-text-wrapper {
max-height: 14em
}
.section-experiences.home-hero-section {
min-height: 60vh
}
.tab_wrap {
padding-left: 1em
}
.container-directions-tarangire {
padding-bottom: 150px
}
.container-sustain-4 {
max-width: none
}
.hero-tarangire {
background-image: url(../kilimanjaro.jpg)
}
.header-blog {
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-size: cover
}
.mobile-navigation {
display: none
}
.slide_image,
.slide_image-wrap,
.hero_slide {
object-fit: cover
}
.hero_slider {
object-fit: fill
}
.image-38 {
width: 30%
}
.hero-gallery {
background-image: url(../65291dece01c23b4bba62d37_Accomodation-3.jpg)
}
.blog-post-collection.journal {
padding-left: 90px;
padding-right: 90px
}
.vertical-flex-copy.with-gap-6em {
padding-top: 150px
}
}
@media screen and (min-width:1920px) {
body {
font-size: 16px
}
.container-camps {
background-color: transparent;
max-width: 1920px;
padding-left: 4em;
padding-right: 4em
}
.container-camps:hover {
background-color: transparent
}
.container-camps:active,
.container-camps:focus {
background-color: var(--ivory-nimali)
}
.container-camps.in-accordion {
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali);
padding-top: 0;
padding-bottom: 0
}
.container-camps.in-accordion:hover {
background-color: var(--ivory-nimali)
}
.heading-h2.is-room-2-title-1 {
padding-bottom: 60px
}
.circle-background-1 {
background-color: var(--dark-green-nimali)
}
.list-line {
background-color: var(--olive-nimali)
}
.list-title {
color: var(--dark-green-nimali)
}
.list-text {
color: var(--olive-nimali)
}
.cover-image-head {
object-fit: cover;
border-radius: 0
}
.cover-image-head.is-parallax {
object-fit: cover;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
width: 100%;
max-width: 100%;
height: 120%;
margin-top: 10px;
display: block;
overflow: visible
}
.image-animation-trigger {
flex-wrap: nowrap;
display: flex
}
.animation-color-bg.is-brown {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: rgba(235, 229, 219, .4);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: start;
display: block;
position: absolute
}
.form-success-message-1.is-newsletter {
background-color: var(--fern-nimali);
border-radius: 50px
}
.form-error-message {
border-color: var(--sienna-nimali);
background-color: var(--dusty-orange-nimali);
color: var(--ivory-nimali);
border-radius: 50px
}
.form-error-paragraph {
color: var(--ivory-nimali)
}
.newsletter-submit-button {
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali);
text-indent: 10px;
column-count: 10;
background-image: url(../64886a45b4db9f95b8311967_Camera copy 6_2.webp);
flex: 1;
min-width: 11em;
padding-left: 0;
padding-right: 1em
}
.newsletter-submit-button:hover {
background-color: var(--olive-nimali);
color: var(--ivory-nimali);
background-image: url(https://assets-global.website-files.com/647f0039bb4628bf7e3462cd/648335d7d8a45a229b1e920d_arrow-right-light\(24x24\)%402x.svg)
}
.newsletter-submit-button:focus {
color: var(--dark-green-nimali)
}
.newsletter-field {
color: var(--ivory-nimali);
margin-right: 0;
padding-right: 0;
font-size: 1.2em
}
.newsletter-field::placeholder {
color: rgba(235, 229, 219, .56);
font-size: .9em
}
.newsletter-form {
border-color: var(--ivory-nimali);
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
font-size: 13px;
line-height: .7em
}
.newsletter-form:hover {
border-color: var(--olive-nimali)
}
.newsletter-form-inner {
-webkit-text-stroke-color: var(--ivory-nimali)
}
.newsletter-block {
border-color: var(--ivory-nimali);
padding-top: .5em
}
.newsletter-block:hover {
border-color: var(--olive-nimali)
}
.newsletter-flex {
grid-column-gap: 3px;
grid-row-gap: 3px;
grid-template-rows: auto;
grid-template-columns: 2fr 4fr;
grid-auto-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
display: grid
}
.accordion-inner {
background-color: var(--ivory-nimali);
padding-top: 0
}
.accordion-lines.is-bottom {
color: var(--dark-green-nimali)
}
.accordion-content {
background-color: var(--ivory-nimali)
}
.accordion {
background-color: var(--ivory-nimali);
transition-property: none;
display: block
}
.accordion-toggle {
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali)
}
.newsletter-text-1 {
color: var(--dark-green-nimali)
}
.parallax-animation {
grid-template-columns: 1fr;
grid-auto-flow: row
}
.listing-2-link-block {
border-style: none
}
.uppercase-title.light-bg {
font-size: 1em
}
.listing-4 {
float: none;
clear: none;
background-color: var(--ivory-nimali);
position: static
}
.listing-4-list {
display: flex
}
.listing-4-item {
object-fit: cover;
flex-wrap: nowrap;
flex: 0 auto;
align-self: auto;
width: auto;
display: block;
position: relative;
overflow: hidden
}
.listing-4-image {
grid-column-gap: 16px;
grid-row-gap: 16px;
object-fit: cover;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: auto;
width: auto;
display: block;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.footer.is-full-width {
border: 1px #000;
border-top-width: 0;
max-width: 1920px
}
.form-success-title-2 {
color: var(--ivory-nimali)
}
.elipse-button-text-1 {
font-size: .5em;
font-weight: 600
}
.elipse-button-text-1:hover {
font-weight: 600
}
.elipse-button-icon-1 {
width: .8em;
height: .8em
}
.elipse-button-border-1:active {
-webkit-text-fill-color: inherit;
background-color: transparent;
background-clip: border-box;
flex: 0 auto;
display: block
}
.content-grid-8 {
clear: none;
grid-column-gap: 3em;
grid-row-gap: 3em;
object-fit: fill;
flex-wrap: nowrap;
flex: 0 auto;
order: 0;
grid-template: "." /1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: stretch;
justify-content: stretch;
align-self: auto;
align-items: stretch;
justify-items: stretch;
width: 80vw;
padding-bottom: 0;
display: grid;
overflow: visible
}
.grid-8-image {
width: auto;
height: auto
}
.vertical-flex.with-gap-6em {
justify-content: center;
align-items: center;
display: flex
}
.content-about-tarangire {
grid-template-columns: 3.5fr
}
.image-animation-trigger-vertical {
border-top-left-radius: 0
}
.newsletter-text-2 {
text-align: right;
padding-right: 0
}
.listing-4-text-2 {
display: block
}
.header-blog-gradient {
background-color: rgba(33, 45, 26, .39);
background-image: none;
display: block
}
.header-slider-3 {
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-size: cover
}
.header-3-grid,
.header-3-block-2 {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.blog-featured-text-1:hover {
color: var(--dark-green-nimali)
}
.blog-item:hover {
background-color: var(--saddle-brown-nimali-2);
border: 1px #000
}
.blog-link:hover {
background-color: var(--saddle-brown-nimali-2);
border-style: none;
border-width: 0
}
.blog-text {
margin-top: 40px
}
.body-home {
overflow: visible
}
.paragraph {
padding-bottom: 100px;
font-size: 17px
}
.paragraph.small.light-bg.center {
flex: 1
}
.paragraph.left {
font-size: 1.3em
}
.paragraph.dark-bg.left {
padding-bottom: 0
}
.body-display.large {
padding-right: 0;
font-size: 17px
}
.nav-bar-2 {
width: 100%;
max-width: 1920px;
display: flex
}
.sections-lodges {
width: 100vw
}
.container-relax,
.video-tarangire {
max-width: 1920px
}
.text-block-lodges {
font-size: 40px;
font-weight: 400;
line-height: 1.8em
}
.container-about {
width: auto;
max-width: none
}
.container-experiences {
max-width: 1920px
}
.container-blog {
padding-left: 0
}
.container-as-seen {
background-color: var(--ivory-nimali);
border-top: 0 #000;
max-width: none
}
.container-contact {
-webkit-text-stroke-color: transparent;
background-color: transparent
}
.hero {
background-position: 50%;
background-size: cover
}
.container-background {
max-width: 1920px;
padding-top: 220px;
padding-bottom: 220px
}
.catalog-rotate_img {
border: 1px #000
}
.container-16.container-movie {
max-width: 1920px;
padding-top: 0;
padding-bottom: 0;
line-height: 1.2px
}
.menu-links {
padding-left: 100px;
padding-right: 0;
display: flex
}
.nav-bar-content {
max-width: 1920px;
margin-left: 60px;
margin-right: 60px;
padding-left: 0;
padding-right: 0
}
.menu-container {
align-self: auto;
display: block
}
.text-block-11 {
font-size: .9vw
}
.text-block-12 {
letter-spacing: 1.5px;
font-size: .9vw
}
.menu-bottom-content-2 {
max-width: 1920px;
padding-right: 100px
}
.menu-content-4 {
max-width: 1920px;
margin-bottom: auto;
padding-left: 100px;
padding-right: 100px
}
.menu-wrapper-5 {
display: none
}
.lodges {
width: 100vw;
max-width: none;
overflow: visible
}
.brand-logo {
font-size: 16px
}
.container-large {
max-width: 1920px;
padding-left: 140px;
padding-right: 140px
}
.newsletter-grid {
max-width: 1920px;
padding-bottom: 40px
}
.preload-animation {
display: none
}
.blogs-home {
padding-top: 0;
padding-bottom: 0
}
.link-contain-small {
padding-right: 100px
}
.links-img-2 {
border-top-left-radius: 250px;
border-top-right-radius: 250px;
width: 25vw;
height: 36vw
}
.text-block-14,
.text-block-15,
.text-block-16 {
font-size: 18px
}
.video-tarangire-loop {
height: 100%
}
.mobile-nav {
display: none
}
.footer-column {
padding-bottom: 0
}
.container-21 {
max-width: 1920px
}
.footer-top {
padding-left: 100px;
padding-right: 100px
}
.footer-01 {
grid-auto-flow: dense
}
.container-press {
padding-left: 8em;
display: block
}
.hero-press {
background-image: url(../648c32cd1d0191e7600d7e3e_wei-pan-Ta0A1miYZKc-unsplash.webp);
background-position: 50%;
background-size: cover
}
.blog-articles {
padding-top: 150px;
padding-bottom: 150px;
display: none
}
.cover-image-header {
object-fit: cover;
border-radius: 0
}
.section-content-about {
background-image: url(../650319f7a70f48d8d226d935_Quote.jpg);
background-position: 50%
}
.padding-right.padding-large {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.capabilities_section-content {
margin-right: 140px
}
.padding-global {
width: 100vw;
padding-left: 0;
padding-right: 0
}
.text-carousel-lodges {
letter-spacing: 3px;
text-transform: uppercase;
font-size: .8em;
line-height: 1.6em
}
.heading.h1 {
text-align: center
}
.heading.h1.dark-bg {
font-size: 70px
}
.lodges-text-block {
justify-content: flex-start
}
.hero-404 {
background-position: 50%;
background-size: cover
}
.text-block-press {
font-size: 40px;
font-weight: 400;
line-height: 1.8em
}
.content-card-directions {
padding-bottom: 100px
}
.vertical-text-2 {
text-align: center;
font-size: 15px
}
.container-about-us {
max-width: 1920px
}
.content-about-mara {
grid-template-columns: 3.5fr
}
.tab_wrap {
grid-column-gap: 90px;
grid-row-gap: 90px;
flex-wrap: wrap;
flex: 0 auto;
align-content: space-around;
justify-content: flex-end;
align-items: flex-start;
padding-left: 2em;
display: flex
}
.tab_contain {
align-self: flex-end;
width: 28em;
margin-left: 120px
}
.container-directions-mara,
.container-directions-serengeti,
.container-directions-tarangire {
max-width: 1920px
}
.container-sustain-4 {
width: auto;
max-width: none
}
.hero-tarangire,
.hero-serengeti,
.hero-mara {
background-position: 50%;
background-size: cover
}
.containter-blog {
background-color: transparent;
max-width: 1920px;
padding-left: 4em;
padding-right: 4em
}
.containter-blog:hover {
background-color: transparent
}
.containter-blog:active,
.containter-blog:focus {
background-color: var(--ivory-nimali)
}
.header-blog {
background-image: url(../../img/background-image.svg);
background-position: 50%;
background-size: cover
}
.hero-categories {
background-position: 50%;
background-size: cover
}
.container-blog-posts {
background-color: transparent;
max-width: 1920px;
padding-left: 4em;
padding-right: 4em
}
.container-blog-posts:hover {
background-color: transparent
}
.container-blog-posts:active,
.container-blog-posts:focus {
background-color: var(--ivory-nimali)
}
.mobile-navigation {
display: none
}
.hero-safaris {
background-position: 50%;
background-size: cover
}
.heading-404 {
font-size: 14em
}
.paragraph-values {
padding-bottom: 100px;
font-size: 17px
}
.section-content-sustainability {
background-image: url(../650319f7a70f48d8d226d935_Quote.jpg);
background-position: 50%
}
.hero-gallery {
background-position: 50%;
background-size: cover
}
.text-glance {
letter-spacing: 3px;
text-transform: uppercase;
font-size: 1em;
line-height: 1.6em
}
.newsletter-form-1 {
border-color: var(--ivory-nimali);
padding-top: 1em;
padding-bottom: 1em;
padding-left: 2em;
font-size: 13px;
line-height: .7em
}
.newsletter-form-1:hover {
border-color: var(--olive-nimali)
}
.newsletter-submit-button-1 {
background-color: var(--ivory-nimali);
color: var(--dark-green-nimali);
text-indent: 10px;
column-count: 10;
background-image: url(../64886a45b4db9f95b8311967_Camera copy 6_2.webp);
flex: 1;
min-width: 11em;
padding-left: 0;
padding-right: 1em
}
.newsletter-submit-button-1:hover {
background-color: var(--olive-nimali);
color: var(--ivory-nimali);
background-image: url(https://assets-global.website-files.com/647f0039bb4628bf7e3462cd/648335d7d8a45a229b1e920d_arrow-right-light\(24x24\)%402x.svg)
}
.newsletter-submit-button-1:focus {
color: var(--dark-green-nimali)
}
.newsletter-field-1 {
color: var(--ivory-nimali);
margin-right: 0;
padding-right: 0;
font-size: 1.2em
}
.newsletter-field-1::placeholder {
color: rgba(235, 229, 219, .56);
font-size: .9em
}
.form-error-paragraph-1 {
color: var(--ivory-nimali)
}
.container-video-senses {
max-width: 100rem
}
.blog-container,
.connect-container {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex
}
.vertical-flex-copy.with-gap-6em {
justify-content: center;
align-items: center;
display: flex
}
}
@media screen and (max-width:991px) {
body {
font-size: 12px
}
.main {
width: 100vw
}
.container-camps {
width: 100vw;
padding-left: 4em;
padding-right: 4em
}
.heading-h2.is-header-video-1-title-1 {
font-size: 5em
}
.heading-h2.is-large-uppercase-title-1 {
letter-spacing: 4vw;
text-indent: 4vw;
margin-left: 2vw;
font-size: 10vw
}
.heading-h2.is-header-4-title-1 {
font-size: 5em
}
.heading-h2.is-content-grid-1-title {
font-size: 3em
}
.heading-h2.is-ui-kit-title {
font-size: 5em
}
.heading-h2.is-header-slider {
font-size: 3em
}
.heading-h2.is-header-slider-2-title-1 {
font-size: 3em
}
.heading-h2.is-header-slider-3 {
font-size: 4.5em
}
.heading-h2.is-header-video-2-title {
font-size: 5em
}
.heading-h2.is-header-4-title-2 {
font-size: 5.3em
}
.heading-h2.is-extra-small-title {
font-size: 1.8em
}
.heading-h2.is-small-title {
font-size: 2.5em
}
.heading-h2.is-medium-title {
font-size: 3.5em
}
.heading-h2.is-large-title {
font-size: 4.5em
}
.heading-h2.is-large-title.dark-bg {
text-align: center
}
.heading-h2.is-extra-large-title {
font-size: 5.5em
}
.heading-h2.is-room-slider {
font-size: 4em
}
.heading-h2.is-header-4-title-3 {
font-size: 5em
}
.heading-h2.is-regular-title {
font-size: 3em
}
.heading-h2.is-room-2-title-1 {
margin-bottom: 20vh;
font-size: 4em;
line-height: 1.3em
}
.list-title {
font-size: 1.5em
}
.list-text {
max-width: none;
font-size: 1.15em
}
.nav-link {
color: #12042c;
border-left-width: 0;
border-left-color: transparent;
min-height: 4.5em;
font-size: 1.3em
}
.nav-link:hover {
color: #12042c
}
.newsletter-submit-button {
border-radius: 0;
min-width: 8em;
padding-left: 4em;
padding-right: 4em;
font-size: 1em
}
.dropdown-link {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%
}
.dropdown-icon {
font-size: 1em
}
.dropdown-list.w--open {
box-shadow: none;
border-top: 1px solid rgba(18, 4, 44, .15);
border-bottom: 1px solid rgba(18, 4, 44, .15);
width: 100%;
position: relative;
top: 0;
left: 0;
right: 0
}
.contact-menu-grid-subtitle {
font-size: 1.1em
}
.newsletter-field {
width: 200px;
min-height: 4em;
font-size: .9em
}
.newsletter-field::placeholder {
font-size: 1.1em
}
.newsletter-form {
padding: .5em 1em
}
.newsletter-title-block {
margin-right: 40px;
font-size: 14px
}
.menu-mobile-text {
letter-spacing: .3em;
text-transform: uppercase;
font-size: .5em;
font-weight: 600;
line-height: 1.1em
}
.contact-menu-grid {
grid-template-columns: 1fr 1fr
}
.menu-buttons {
grid-column-gap: .5em;
grid-row-gap: .5em;
flex-wrap: wrap
}
.menu-mobile-dots {
grid-column-gap: .15em;
grid-row-gap: .15em;
flex-direction: column;
justify-content: center;
align-items: center;
width: 20px;
display: flex
}
.menu-mobile-line {
background-color: #12042c;
flex: none;
width: 100%;
height: 1px;
padding: 0;
font-size: .175em
}
.contact-menu-grid-item {
flex-direction: column;
align-items: flex-start
}
.newsletter-flex {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
align-items: end
}
.main-nav {
justify-content: space-between
}
.nav-block-1 {
min-width: auto
}
.nav-block-2 {
z-index: 99;
padding-left: 0;
padding-right: 0;
display: none
}
.nav-block-3 {
display: none
}
.menu-mobile-button-flex {
grid-column-gap: .5em;
flex: 1;
justify-content: center;
align-items: center;
height: 100%;
padding: .5em 1.3em;
display: flex
}
.mobile-menu-button {
background-color: var(--white);
border-left: 1px solid rgba(212, 160, 255, .33);
padding: 0;
display: none
}
.mobile-menu-button.w--open {
color: #12042c;
background-color: #e2e2e2
}
.tab-1-link,
.tab-1-link:hover {
padding-left: 1.5em;
padding-right: 1.5em
}
.tabs-1-links {
margin-right: 2em
}
.accordion:hover {
background-color: transparent
}
.accordion-title {
font-size: 1.2em
}
.acc-flex {
flex-direction: column;
justify-content: flex-start
}
.newsletter-text-1 {
font-size: 1.3em
}
.gallery-lightbox {
height: 15em
}
.gallery-lightbox.is-large-image {
height: 33em
}
.icon.in-gallery {
z-index: 30
}
.password-form-input {
font-size: 1.3em
}
.password-form-input::placeholder {
font-size: 1.1em
}
.password-form-submit {
font-size: 1.1em
}
.static-gallery-grid {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em
}
.color-define,
.color-define-2,
.color-define-3 {
height: 4em
}
.main-button:hover {
letter-spacing: .15em
}
.grid-4-block-1 {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-direction: column;
min-height: 20em
}
.grid-4-number {
font-size: 3.7em
}
.listing-8-item {
min-height: auto;
position: relative
}
.listing-8-column-1 {
padding: 1.5em
}
.header-video-1-padding {
padding-top: 12em
}
.menu-links-1-list {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between
}
.ui-link {
grid-column-gap: 1.5em;
grid-row-gap: 1em;
flex-direction: row;
flex: 0 auto;
justify-content: flex-start;
width: 100%;
min-height: 6em;
padding-left: 2em;
padding-right: 2em;
transition: none
}
.ui-link:hover {
grid-column-gap: 1.5em;
grid-row-gap: .75em
}
.ui-link-icon {
font-size: 1.3em
}
.tabs-2-links {
grid-column-gap: 1em;
grid-row-gap: 1em;
overflow: auto
}
.breadcrumbs-1-wrap {
flex-wrap: nowrap
}
.breadcrumbs-1-link-text {
font-size: 1.2em
}
.breadcrumbs-1-list {
grid-column-gap: 0em;
flex-wrap: nowrap;
padding: .5em 1em;
overflow: auto
}
.padding-80vh {
min-height: auto
}
.scolling-image {
height: 170%
}
.aside-image-right {
width: 30vw;
height: 16vh;
right: -4em
}
.aside-image-left {
width: 26vw;
left: -4em
}
.menu-links-flex {
background-color: rgba(18, 4, 44, .15);
padding: 1.5em
}
.menu-link-list {
grid-row-gap: 0em;
border: 1px solid rgba(18, 4, 44, .15);
border-radius: 5px;
flex-wrap: wrap;
overflow: hidden
}
.menu-link-item {
flex: 0 auto;
width: 33.3333%
}
.menu-link {
border-radius: 0;
flex: 0 auto;
width: 100%
}
.menu-link:hover {
background-color: var(--white);
box-shadow: none;
color: #12042c;
transform: none
}
.parallax-animation {
grid-auto-flow: row
}
.button-listing-1-link {
background-position: 100%;
background-size: 1em;
min-height: auto
}
.button-listing-1-link.is-light {
border-bottom-color: rgba(127, 87, 87, .5)
}
.button-listing-1-text {
font-size: 1.5em
}
.listing-2-list {
grid-column-gap: 2em;
grid-row-gap: 2em
}
.listing-2-link-block {
padding: 2em
}
.listing-2-content {
padding: 1em
}
.listing-text {
font-size: 1.2em
}
.menu-sublink {
color: var(--white);
background-color: #12042c;
background-image: url(../647f003abb4628bf7e34657f_arrow-icon-white-4.svg);
background-position: 90%;
background-repeat: no-repeat;
background-size: 1.1em;
padding-right: 2.5em
}
.menu-sublink:hover {
background-position: 90%;
background-size: 1.1em;
padding-left: 1.5em;
padding-right: 2.5em
}
.header-4-image-3 {
right: -16.4vw
}
.header-4-image-2 {
left: -9.1vw
}
.header-4-image-1 {
right: 1.7vw
}
.header-4-image-4 {
left: -7.3vw
}
.listing-3-list {
grid-template-columns: 1fr 1fr
}
.listing-3-list.is-fullscreen {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-wrap: wrap
}
.services-3-item.is-fullscreen {
width: 50%;
height: 40em;
min-height: 50vh
}
.subfooter-links-list {
grid-column-gap: 1.5em
}
.listing-heading-uni-2 {
font-size: 3.1em
}
.newsletter-list-1 {
grid-template-columns: 1fr 1fr
}
.subfooter-1-black {
padding-top: 0;
padding-bottom: 0
}
.subfooter-links {
grid-row-gap: 1em;
flex-wrap: wrap
}
.form-submit-button {
font-size: 1.1em
}
.form-field {
font-size: 1.3em
}
.form-field::placeholder {
font-size: 1.1em
}
.form-field.on-dark-bg {
font-size: 2em
}
.checkbox-label {
font-size: 1.5em
}
.content-grid-1 {
grid-column-gap: 5em
}
.ui-kit-header {
padding-top: 10em
}
.breadcrumbs-1 {
max-width: none;
margin-bottom: 3em
}
.footer {
width: 100vw
}
.footer.is-full-width {
justify-content: center;
align-items: center;
display: block;
position: static
}
.nav-button-name {
font-size: .9em
}
.ui-kit-title-block {
max-width: none
}
.footer-socials {
padding-top: 0;
padding-bottom: 0
}
.dropdown-toggle {
color: #12042c;
padding-top: 1.5em;
padding-bottom: 1.5em;
font-size: 1.2em
}
.dropdown-toggle:hover {
color: #12042c
}
.subfooter-links-list-2 {
grid-column-gap: 1.75em
}
.image-collage-1 {
width: 85%;
height: 70vh
}
.fullscreen-menu-column-1 {
border-bottom: 1px solid var(--brown);
border-right-width: 0;
border-right-color: transparent;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
min-width: auto;
padding: 12em 10vw 10em
}
.fullscreen-inner {
flex-wrap: wrap;
align-self: auto;
overflow: auto
}
.close-button {
opacity: 1;
border-bottom: 1px solid #342f3d;
border-right-width: 0;
border-right-color: transparent;
width: 100%;
height: 6em;
font-size: .9em;
top: 0%;
bottom: auto;
left: 0%;
right: 0%
}
.close-button:hover {
width: 100%
}
.fullscreen-menu-column-2 {
flex: 0 auto;
align-self: auto;
align-items: center;
width: 100%;
padding: 14em 10vw 8em
}
.large-button-2 {
width: 50%;
min-height: 9em
}
.large-button-2:hover {
width: 50%
}
.large-buttons-2 {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start
}
.form-grid-in-ui {
grid-template-columns: 1fr
}
.header-slider-gradient-1 {
background-image: linear-gradient(to right, var(--black), rgba(19, 14, 13, .02) 65%)
}
.main-elipse-button-booking.in-package,
.elipse-button-text-1 {
font-size: .8em
}
.elipse-button-icon-1 {
display: none
}
.header-2 {
min-height: auto
}
.header-2-padding {
padding-top: 9em
}
.header-2-block-1 {
padding-left: 4em;
padding-right: 4em
}
.header-2-content-1 {
padding-top: 4em;
padding-bottom: 4em
}
.title-line {
width: 5em
}
.title-with-line-center {
grid-column-gap: 2em
}
.title-with-line-center.experiences {
padding-bottom: 50px
}
.content-grid-8 {
grid-column-gap: 4em;
grid-row-gap: 4em;
grid-template-columns: 1fr 1fr;
align-self: center
}
.grid-8-image {
min-height: 40em
}
.vertical-flex {
padding-top: 100px
}
.vertical-flex.with-gap-6em {
grid-row-gap: 4em;
justify-content: space-between;
align-items: stretch;
margin-top: auto;
padding-top: 150px
}
.vertical-flex.with-gap-8em {
grid-row-gap: 6em
}
.vertical-flex.with-gap-1em {
padding-top: 0
}
.section-image {
height: 40em
}
.content-grid-2 {
grid-column-gap: 4em;
grid-row-gap: 4em
}
.content-grid-2-block-1 {
min-height: 40em
}
.header-1-flex {
grid-column-gap: 5em;
grid-row-gap: 5em
}
.carousel-slide {
width: 33.3333%
}
.content-2-padding {
grid-column-gap: 2em
}
.content-section-1-title {
font-size: 3em
}
.menu-fullwidth-link {
background-color: #dbdadf;
padding-left: 2em;
padding-right: 2em
}
.about-grid {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr
}
.about-block {
grid-column-gap: 2em;
grid-row-gap: 2em;
min-height: auto;
padding-left: 2em;
padding-right: 2em
}
.about-block:hover {
color: var(--black);
background-color: transparent;
min-height: auto
}
.about-icon:hover {
height: 7em
}
.about-text {
font-size: 1.1em;
line-height: 1.5em
}
.header-room-flex-2 {
grid-column-gap: 5em;
grid-row-gap: 5em
}
.breadcrumbs-1-image {
width: 4em;
height: 2.6em
}
.breadcrumbs-1-item {
flex: none
}
.grid-2-block-3 {
min-height: 40em
}
.newsletter-text-2 {
text-align: center;
margin-right: 0;
font-size: 1.4em
}
.listing-2-content-2 {
padding: 1em
}
.listing-4-overlay-color {
border-bottom: 1px #000;
flex: 0 auto;
display: flex;
position: absolute
}
.listing-4-heading {
min-width: auto;
font-size: 1.8em
}
.listing-2-list-2 {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: 1fr
}
.content-grid-3 {
grid-column-gap: 4em;
grid-row-gap: 4em;
font-size: .8em
}
.content-grid-3-image {
min-height: 40em
}
.content-2-title {
font-size: 3em
}
.title-line-3 {
top: 1.7em
}
.header-video-1-title {
max-width: 70%
}
.elipse-1-border {
width: 6.5em;
height: 4em;
top: .2em
}
.elipse-1-border.is-2nd {
top: auto;
left: .4em
}
.elipse-1-border.is-3rd {
top: auto;
left: .8em
}
.gallery-text {
bottom: auto;
left: auto
}
.header-3-block-1 {
padding-left: 4em;
padding-right: 4em
}
.header-3-content-1 {
grid-row-gap: 4em;
flex: 0 auto
}
.grid-5-block {
padding-left: 2em;
padding-right: 2em
}
.grid-5-content {
margin-top: -4em
}
.grid-5-title {
font-size: 6em
}
.content-grid-6 {
grid-column-gap: 4em;
grid-row-gap: 4em
}
.grid-6-image {
min-height: 40em
}
.listing-6-list {
grid-template-columns: 1fr 1fr
}
.listing-6-link {
grid-column-gap: 2em;
grid-row-gap: 2em;
color: var(--black-2);
min-height: auto
}
.listing-6-link:hover {
color: var(--black);
background-color: transparent;
min-height: auto
}
.listing-6-text {
font-size: 1.1em;
line-height: 1.5em
}
.header-1-flex-2 {
grid-column-gap: 2em;
grid-row-gap: 2em
}
.socials-4-list {
grid-column-gap: 0em;
grid-row-gap: 0em
}
.content-grid-7 {
grid-column-gap: 2em;
grid-row-gap: 4em;
grid-template-columns: .5fr 1fr
}
.grid-7-block-3 {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: 1fr
}
.gallery-with-thumbs {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em
}
.gallery-thumb-block {
height: 26em
}
.navbar-nimali:hover {
mix-blend-mode: normal;
position: static
}
.blog-category-text-1 {
font-size: .8em
}
.blog-categories {
flex-wrap: nowrap;
padding-top: .5em
}
.blog-featured-text-1 {
font-size: .8em
}
.blog-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: 1fr 1fr
}
.blog-link {
padding: 2em
}
.blog-name {
font-size: 2em
}
.blog-image {
height: 16em
}
.blog-text {
font-size: 1em
}
.large-button-list {
grid-column-gap: 2em;
grid-row-gap: 2em
}
.large-button {
grid-row-gap: 2.75em;
padding: 3em
}
.large-button-name {
font-size: 2.2em
}
.fullscreen-main-links {
text-align: center;
justify-content: center;
align-items: center
}
.fullscreen-menu-link {
padding-top: .3em;
padding-bottom: .3em;
font-size: 6vw
}
.fullscreen-menu-link:hover {
padding-top: .3em;
padding-bottom: .3em
}
.fullscreen-secondary-links {
grid-row-gap: .5em
}
.fullscreen-secondary-link {
padding-top: .5em;
padding-bottom: .5em;
font-size: 1.3em
}
.fullscreen-menu-links-2 {
grid-column-gap: 8vw;
justify-content: center;
align-items: flex-start
}
.socials-in-menu {
margin-top: 4em;
position: relative;
bottom: auto;
left: auto
}
.fullscreen-subtitle {
font-size: .7em
}
.menu-large-button-list {
grid-column-gap: 2em;
grid-row-gap: 2em
}
.review-cms-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-wrap: wrap
}
.review-cms-item:hover {
width: 100%
}
.fullscreen-image-column {
padding: 4em
}
.contact-text-3 {
font-size: 1.1em
}
.contact-grid-3 {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-columns: 1fr 1fr
}
.blog-category-text-2 {
font-size: .8em
}
.blog-category-text-2.is-1st {
min-width: 9em
}
.form-grid-1 {
grid-template-columns: 1fr
}
.gallery-open-block {
z-index: 20;
padding: 2em
}
.form-content {
grid-row-gap: 4em
}
.category-flex {
font-size: 1.7vw
}
.title-with-1-line {
grid-column-gap: 2em
}
.pre-title.left {
margin-bottom: 20px;
padding-bottom: 0
}
.speaker-slide-mask {
width: 65%
}
.speaker-info {
max-width: 470px
}
.nav-bar-2 {
display: none
}
.container-relax {
padding-left: 4em;
padding-right: 4em
}
.content-grid-commit {
grid-column-gap: 4em;
grid-row-gap: 4em
}
.container-about {
padding-left: 4em;
padding-right: 4em
}
.container-blog {
padding-left: 40px;
padding-right: 40px
}
.container-bis,
.container-contact,
.container-background {
padding-left: 4em;
padding-right: 4em
}
.title-span {
font-style: normal
}
.second-title.white.mleft,
.second-title.white.movie-title {
text-align: left;
font-size: 60px
}
.movie-title_wrapper {
text-align: center;
margin-right: auto
}
.container-16.container-movie {
flex-direction: column;
justify-content: center
}
.catalog-btn {
width: 50%;
margin-left: auto
}
.vertical-line {
display: none
}
.drop-link {
justify-content: flex-start;
width: 100%;
font-size: 25px
}
.hamburger-link {
display: flex
}
.wrap-link-drop {
flex-flow: wrap;
align-items: center;
margin-bottom: 15px;
display: flex;
position: relative
}
.menu-links {
padding-top: 0
}
.social-link {
flex: none
}
.menu-container {
justify-content: flex-start;
height: 100%
}
.drop-arrow {
max-width: 20px;
display: block
}
.nav-link-4 {
display: none
}
.wrap-link {
cursor: auto
}
.text-block-11,
.text-block-12 {
font-size: 1.5vw
}
.menu-content-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
width: 100%;
padding-left: 40px;
padding-right: 32px;
display: grid
}
.menu-bottom-7 {
width: 100%;
margin-bottom: 0;
padding: 10px 32px;
display: flex;
position: static
}
.menu-wrapper-5 {
background-color: var(--ivory-nimali);
height: auto;
padding-top: 100px;
display: none
}
.title-with-line-center-dark-bg {
grid-column-gap: 2em
}
.newsletter-grid {
grid-template-columns: 1fr;
margin-left: 40px;
margin-right: 40px
}
.newsletter-section {
background-size: cover
}
.preload-animation {
display: none
}
.container-blog-post {
padding-left: 4em;
padding-right: 4em
}
.wrap-drop-link-2 {
width: 100%;
padding-left: 40px
}
.wrap-link-lodges {
cursor: auto
}
.menu-link-heading-2 {
font-size: 40px
}
.links-img {
width: 35vw;
height: 35vw
}
.fullscreen-left {
opacity: 0;
background-color: transparent;
width: 100%;
height: auto;
position: static
}
.link-contain {
display: none
}
.links-img-2 {
width: 35vw;
height: 35vw
}
.mobile-nav {
display: none
}
.footer-column {
padding-right: 0
}
.footer-link-3 {
line-height: 1.4em
}
.footer-top {
justify-content: center
}
.footer-bottom-4 {
flex-direction: column
}
.footer-title-2 {
line-height: 1.2em
}
.footer-logo,
.section-images-2 {
display: none
}
.container-press {
padding-left: 4em;
padding-right: 4em
}
.blog-articles {
display: none
}
.social-link-3:hover {
color: #000;
transform: none
}
.blog-overview-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr
}
.page-teaser-title {
font-size: 2.8em
}
.page-teaser-text-wrapper {
padding-left: 2em;
padding-right: 2em
}
.content-parallax-about {
grid-column-gap: 2em
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.capabilities_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem
}
.text-carousel-lodges {
font-size: 1.3vw
}
.heading.h1.center {
font-size: 4em
}
.heading.h2.center {
margin-top: 20px
}
.heading.h3 {
display: block
}
.div-block-25 {
margin-left: 0
}
.blog-card-featured-full-width-card {
grid-template-columns: 1fr;
justify-items: center;
margin-bottom: auto;
margin-left: 40px;
margin-right: 40px
}
.blog-header-title-wrapper {
justify-content: center
}
.blog-teaser-title {
font-size: 13px
}
.blog-header-title-4 {
text-align: left;
font-size: 15vw
}
.blog-teaser-quote-3 {
font-size: 1.7em
}
.blog-teaser-item-wrapper-4 {
grid-template-columns: 1fr;
padding-top: 4em;
padding-bottom: 4em
}
.blog-teaser-item-wrapper-4.page-teaser {
display: none
}
.blog-teaser-item-wrapper-4.quote {
padding: 3em;
display: none
}
.collection-list-4 {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid
}
.clip-text-2.speaker-headding {
margin-top: -36px;
margin-bottom: 24px
}
.section-experiences {
padding-top: 60px;
padding-bottom: 60px
}
.section-experiences.home-hero-section {
min-height: auto;
padding-top: 0;
padding-bottom: 60px
}
.speaker-name-3 {
font-size: 30px
}
.slide-image-4 {
height: 50vh;
min-height: 500px
}
.grid-10 {
margin-left: 0
}
.sg-block {
margin-bottom: 40px
}
.column,
.column.desk-5 {
width: 50%
}
.column.desk-3 {
flex-wrap: nowrap;
width: 33.33%
}
._12-columns {
flex-flow: wrap
}
._2-1-grid {
margin-left: 0
}
.sg-menu-button {
margin-right: 12px;
padding: 15px;
top: -10px
}
.sg-menu-button.w--open {
color: #356af0;
background-color: #d0e8ff;
border-radius: 40px
}
.sg-content {
border-left-style: none;
width: 100%;
margin-left: 0;
position: static
}
.sg-menu-icon {
font-size: 32px
}
.sg-nav-container {
width: auto;
height: auto
}
._1-2-grid {
margin-left: 0
}
.sg-menu-brand {
margin-top: 4px;
margin-bottom: 16px
}
.sg-nav {
z-index: 10;
background-color: #f0f2f3;
border-right-style: none;
width: 100%;
height: 80px;
padding-top: 20px;
position: -webkit-sticky;
position: sticky;
bottom: auto;
left: 0;
right: 0;
overflow: visible
}
.sg-menu {
z-index: 500;
background-color: #f0f2f3;
border-bottom: 1px solid #e1e5e7;
padding-top: 20px;
padding-bottom: 20px;
display: block;
position: absolute;
top: 80px;
bottom: auto;
left: 0%;
right: auto;
box-shadow: 0 3px 5px rgba(0, 0, 0, .05)
}
.title-label {
font-size: 1.2vw
}
.title-label.light-bg {
font-size: 1.3vw
}
.lodges-text-block {
margin-left: 100px;
margin-right: 100px
}
.grid-partner-logos {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}
.welcome-text {
margin-left: 100px;
margin-right: 100px
}
.flex-block-getting-there {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr
}
.accordions,
.section-senses {
display: none
}
.container-about-us {
padding-left: 4em;
padding-right: 4em
}
.list-activities {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid
}
.container-directions-mara {
padding-left: 4em;
padding-right: 4em
}
.container-directions-serengeti {
padding-bottom: 0;
padding-left: 4em;
padding-right: 4em
}
.container-directions-tarangire {
padding-bottom: 150px;
padding-left: 4em;
padding-right: 4em
}
.container-sustain-4 {
padding-left: 4em;
padding-right: 4em
}
.header-sustainability {
min-height: auto
}
.hero-tarangire {
display: flex
}
.static-gallery {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em
}
.serengeti-galllery {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
.image-37 {
max-width: 70%
}
.containter-blog {
padding-left: 4em;
padding-right: 4em
}
.collection-item-2 {
width: 40vw;
height: 250px
}
.hero-categories {
display: flex
}
.container-blog-posts {
padding-left: 4em;
padding-right: 4em
}
.bold-text {
font-size: 1.7vw
}
.m-nav-link-item-3.first-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 4em;
padding-bottom: 0;
display: block
}
.m-nav-toggle-bg-3 {
display: block
}
.m-nav-overlay-6 {
background-color: var(--ivory-nimali);
background-image: url(../6482ec5c555badc34126ecb3_Background.svg);
background-position: 50%;
background-size: cover;
display: none
}
.mobile-nav-link {
color: var(--dark-green-nimali);
justify-content: center;
align-items: center;
font-family: Wulkan, Georgia, sans-serif;
font-size: 20px;
display: flex
}
.mobile-nav-link:hover {
background-color: transparent;
border: 0 #000;
font-style: italic
}
.m-nav-toggle-inner-8 {
background-color: var(--dark-green-nimali)
}
.m-nav-toggle-description-8 {
color: var(--ivory-nimali);
letter-spacing: 3px;
text-transform: uppercase;
font-size: 15px;
font-weight: 500
}
.mobile-navigation {
display: flex
}
.slide_image {
object-fit: cover
}
.text-404 {
font-size: 2.5vw
}
.mobile-link-wrap {
margin-bottom: 25px
}
.mobile-menu-link {
color: var(--dark-green-nimali);
margin-bottom: 1em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 20px;
line-height: 20px;
display: block
}
.mobile-menu-link:hover {
font-style: italic
}
.dropdown-icon-2 {
color: var(--saddle-brown-nimali);
width: auto;
height: auto;
margin-left: auto;
font-size: 30px;
line-height: 6px;
display: inline-block;
top: auto
}
.mobile-link-dropdown.sub-menu-flex {
justify-content: center;
align-items: center;
margin-bottom: 0;
margin-left: auto;
padding-bottom: 0
}
.sub-menu-column {
margin-right: 0;
padding-right: 0
}
.mara-gallery {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
.gallery-about {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
margin-left: auto;
margin-right: auto
}
.image-38 {
width: 50%
}
.marquee {
overflow: hidden
}
.marquee-content.scroll.reverse {
overflow: visible
}
.hero-gallery {
display: flex
}
.text-block-gallery {
font-size: 1.5vw
}
.tarangire-gallery {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px
}
.flex-block-12 {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-left: 20px;
margin-right: 20px
}
.text-glance {
font-size: 1.3vw
}
.newsletter-form-1 {
padding: .5em 1em
}
.newsletter-submit-button-1 {
border-radius: 8em;
min-width: 8em;
margin-left: auto;
padding-left: 2em;
padding-right: 4em;
font-size: .9em
}
.newsletter-field-1 {
width: 200px;
min-height: 4em;
font-size: .9em
}
.newsletter-field-1::placeholder {
font-size: 1.1em
}
.container-video-tarangire {
width: 100%
}
.container-video-serengeti {
width: 100%;
margin-top: 100px
}
.container-video-mara {
width: 100%
}
.container-video-senses {
width: 100%;
padding-left: 40px;
padding-right: 40px
}
.blog-overlay {
background-image: linear-gradient(rgba(21, 27, 25, .5), transparent 50%, rgba(21, 27, 25, .5)), linear-gradient(transparent 20%, rgba(21, 27, 25, .8))
}
.collection-our-blog-list-wrap {
height: auto
}
.blog-post-collection {
grid-template-columns: 1fr 1fr
}
.blog-post-collection.journal {
padding-left: 0;
padding-right: 0
}
.our-blog-container {
height: 400px
}
.vertical-flex-copy {
padding-top: 100px
}
.vertical-flex-copy.with-gap-6em {
grid-row-gap: 4em;
justify-content: space-between;
align-items: stretch;
margin-top: auto;
padding-top: 150px
}
.suggested-reads {
padding-left: 60px;
padding-right: 60px
}
.container {
width: 100%
}
.play-icon {
width: 8rem
}
}
@media screen and (max-width:767px) {
body {
font-size: 11px
}
p {
font-size: 1.3em;
line-height: 1.4em
}
.main,
.section-blog-1.with-black-bg {
width: 100vw
}
.container-camps.in-accordion {
padding-left: 4em;
padding-right: 4em
}
.padding {
padding-bottom: 8em
}
.heading-h2.is-header-video-1-title-1 {
font-size: 4em
}
.heading-h2.is-large-uppercase-title-1 {
margin-left: 3vw;
font-size: 10vw
}
.heading-h2.is-header-4-title-1 {
font-size: 4.7em
}
.heading-h2.is-content-grid-1-title {
line-height: 1.3em
}
.heading-h2.is-ui-kit-title {
font-size: 4em
}
.heading-h2.is-header-slider-2-title-1 {
font-size: 4.2em
}
.heading-h2.is-header-slider-3,
.heading-h2.is-header-video-2-title {
font-size: 4em
}
.heading-h2.is-header-4-title-2 {
font-size: 4.9em
}
.heading-h2.is-extra-small-title {
font-size: 1.6em
}
.heading-h2.is-small-title {
font-size: 2.2em
}
.heading-h2.is-medium-title {
font-size: 3em
}
.heading-h2.is-large-title {
font-size: 4em
}
.heading-h2.is-large-title.with-auto-right {
margin-left: auto;
margin-right: auto
}
.heading-h2.is-extra-large-title {
font-size: 5em
}
.heading-h2.is-header-4-title-3 {
font-size: 4.7em
}
.heading-h2.is-regular-title {
font-size: 2.5em
}
.heading-h2.is-room-2-title-1 {
font-size: 3em
}
.circle-in-list {
margin-right: 2em;
font-size: .8em
}
.list-content {
padding-top: .4em
}
.list-line {
left: 1.2em
}
.list-title {
margin-bottom: .4em;
font-size: 1.6em
}
.list-text {
font-size: 1.2em
}
.brand-slogan {
display: none
}
.animation-color-bg.is-brown {
aspect-ratio: auto;
object-fit: fill
}
.newsletter-submit-button {
background-image: none;
background-repeat: repeat;
background-size: auto;
border-radius: 0;
min-width: auto;
padding-left: 6em;
padding-right: 6em;
font-size: 1em
}
.newsletter-submit-button:hover {
background-image: none
}
.dropdown-link.is-contact-link {
display: none
}
.contact-menu-grid-subtitle {
font-size: 1.2em
}
.newsletter-field {
font-size: 1.3em
}
.newsletter-field::placeholder {
font-size: .8em
}
.newsletter-form {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 1em;
padding-right: .5em
}
.newsletter-title-block {
margin-right: 20px
}
.brand-name {
font-size: 1em
}
.menu-mobile-text {
font-size: .45em
}
.contact-menu-grid {
text-align: center;
grid-template-columns: 1fr;
justify-items: center;
padding-top: 2em;
padding-bottom: 2em
}
.menu-buttons {
flex-wrap: wrap;
justify-content: center
}
.contact-menu-grid-item {
justify-content: center;
align-items: center
}
.newsletter-flex {
justify-content: center;
align-items: center;
justify-items: center;
display: flex
}
.main-nav {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
height: 4em;
display: flex
}
.nav-block-1 {
flex: 1;
padding-left: 13em;
padding-right: 13em
}
.nav-block-2 {
top: 4em
}
.nav-block-3 {
padding-right: 0
}
.brand-link-block {
flex: 1
}
.brand-link-block.is-dark {
border-right-width: 0;
border-right-color: transparent
}
.menu-mobile-button-flex {
padding-left: 1em;
padding-right: 1em
}
.nav-link-contact-grid {
padding-left: 1.3em;
padding-right: 1.3em
}
.brand-logo-block {
width: 100%
}
.brand-slogan-block,
.brand-line {
display: none
}
.tabs-1 {
flex-direction: column;
justify-content: flex-start;
align-items: stretch
}
.tabs-1-links {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
min-width: auto;
margin-bottom: 2em;
overflow: auto
}
.accordion-title {
font-size: 1.3em
}
.accordion-arrow {
font-size: 1.6em
}
.rich-text blockquote {
font-size: 1.8em
}
.gallery-grid {
grid-column-gap: 2em;
grid-row-gap: 2em
}
.password-form-block {
width: 100%;
margin-left: 0;
margin-right: 0
}
.password-form-field {
flex-wrap: wrap
}
.password-form-input {
width: 100%;
margin-bottom: 1em
}
.password-form-input::placeholder {
font-size: 1em
}
.password-form-submit {
width: 100%
}
.static-gallery-grid {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em
}
.grid-4-number {
font-size: 2.5em
}
.header-slider-2-padding-1 {
padding-top: 11em
}
.nav-button {
height: 4em
}
.listing-8-column-2 {
width: 100%;
height: 35em
}
.listing-8-text {
font-size: 1.2em
}
.listing-8-item {
flex-wrap: wrap-reverse
}
.listing-8-column-1 {
width: 100%;
padding: 2.5em
}
.listing-8-content {
max-width: none
}
.header-video-1-padding {
padding-top: 8em
}
.menu-links-1-list {
grid-template-columns: 1fr 1fr
}
.tabs-2-links {
grid-column-gap: 0em;
grid-row-gap: 0em
}
.breadcrumbs-1-list {
justify-content: flex-start
}
.scolling-image {
min-height: 30em
}
.menu-link {
padding: 1.5em
}
.parallax-animation {
order: 0
}
.button-listing-1-list.is-grid {
grid-column-gap: 2em;
grid-template-columns: 1fr 1fr
}
.listing-2-list {
grid-template-columns: 1fr
}
.listing-2-link-block {
padding: 4em
}
.menu-sublink {
font-size: 1.1em
}
.header-4 {
min-height: 80vh
}
.header-4-flex {
padding-top: 14em;
padding-bottom: 9em
}
.listing-1-list {
grid-row-gap: 2.5em
}
.listing-1-link {
padding: 3.3em 3.3em 23em
}
.socials-1-list {
flex-direction: row
}
.subfooter-links-list {
grid-row-gap: 1em;
justify-content: center
}
.listing-heading-uni-2 {
font-size: 2.8em
}
.newsletter-list-1 {
grid-template-columns: 1fr
}
.subfooter-links {
grid-column-gap: 0em;
grid-row-gap: 0em;
justify-content: center
}
.subfooter-links-wrap {
border-bottom: 1px solid rgba(196, 156, 156, .35);
width: 100%;
margin-bottom: 2em;
padding-bottom: 2em
}
.form-field::placeholder {
font-size: 1em
}
.form-field.on-dark-bg {
font-size: 3em
}
.checkbox.on-dark-bg {
font-size: 1.5vw
}
.checkbox-label {
font-size: 2.5em;
line-height: 1.5em
}
.content-grid-1 {
grid-template-columns: 1fr
}
.content-grid-1-image-1 {
height: 30em
}
.ui-kit-header {
padding-top: 8em
}
.ui-buttons-grid {
grid-row-gap: 5em;
grid-template-columns: 1fr
}
.footer-socials {
min-height: 10em
}
.breadcrumbs {
margin-top: 3.9em
}
.image-collage-1 {
height: 60vh
}
.rich-text-on-dark-bg blockquote {
font-size: 1.8em
}
.fullscreen-menu-column-1 {
padding-top: 10em;
padding-bottom: 8em
}
.fullscreen-menu-column-2 {
padding-top: 10em;
position: relative
}
.booking-button {
height: 4em
}
.main-elipse-button-booking {
width: 7em;
height: 7em;
font-size: .8em
}
.main-elipse-button-booking.in-package {
font-size: .7em
}
.elipse-button-text-1 {
font-size: .9em
}
.elipse-button-icon-1 {
font-size: 1.3em;
display: none
}
.header-2 {
min-height: auto
}
.header-2-padding {
padding-top: 0;
padding-bottom: 0
}
.header-2-grid {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-columns: 1fr
}
.header-2-block-2 {
height: 40em;
min-height: auto
}
.header-2-block-1 {
padding: 8em 4em
}
.header-2-content-1 {
grid-row-gap: 4em;
padding-top: 0;
padding-bottom: 0
}
.content-grid-8 {
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
align-self: center;
align-items: center;
width: 100vw;
position: static
}
.grid-8-image {
min-height: 30em
}
.vertical-flex.with-gap-6em {
justify-content: space-between;
align-items: stretch
}
.vertical-flex.with-gap-8em {
margin-top: auto;
padding-top: 0
}
.vertical-flex.with-gap-4em,
.vertical-flex.with-gap-1em {
padding-top: 0
}
.vertical-flex.home-about {
width: auto
}
.content-about-tarangire {
text-align: center
}
.header-1-padding {
padding-top: 9em;
padding-bottom: 6em
}
.section-image {
height: 30em
}
.content-grid-2 {
grid-column-gap: 8em;
grid-row-gap: 8em;
grid-template-columns: 1fr
}
.content-grid-2-block-1 {
min-height: 30em
}
.header-1-flex {
grid-column-gap: 3em;
grid-row-gap: 3em
}
.carousel-slide {
width: 50%
}
.content-section-1-title {
font-size: 2.6em;
line-height: 1.3em
}
.about-block.is-2nd {
padding-left: 2em;
padding-right: 2em
}
.about-block.is-2nd:hover {
border-color: transparent
}
.about-text {
font-size: 1.2em
}
.header-room-padding-2 {
padding-top: 6em
}
.header-room-flex-2 {
grid-column-gap: 3em;
grid-row-gap: 3em
}
.header-slider-1 {
min-height: 85vh;
overflow: visible
}
.header-slider-padding {
padding-top: 11em
}
.grid-2-block-3 {
min-height: 30em
}
.grid-2-block-4 {
background-color: var(--misty-rose);
width: 80%;
margin-bottom: 8em;
padding-top: 8em;
padding-bottom: 8em
}
.newsletter-text-2 {
text-align: center;
max-width: 12em;
font-family: Wulkan, Georgia, sans-serif;
font-size: 1.5em
}
.footer-link {
font-size: 1.1em
}
.elipse-title {
font-size: 1em
}
.elipse-text {
display: none
}
.listing-4-heading {
font-size: 2em
}
.brown-bg-lines-2 {
border-bottom: 1px solid var(--rosy-brown-2);
border-right-color: transparent;
width: 100%;
height: 16em;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%
}
.brown-bg-lines-3.with-margin-top {
margin-top: 4em
}
.listing-2-list-2 {
grid-template-columns: 1fr
}
.header-slider-2-content-1 {
flex-direction: column;
justify-content: center
}
.header-slider-2 {
min-height: 85vh;
overflow: visible
}
.content-grid-3 {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-columns: 1fr;
font-size: 1em
}
.content-grid-3-block-1 {
margin-top: 20px
}
.content-grid-3-image {
min-height: 30em
}
.content-2-title {
font-size: 2.6em;
line-height: 1.3em
}
.header-video-1-title {
max-width: 80%
}
.elipse-1-border {
width: 6em;
height: 3.3em
}
.gallery-text {
font-size: .7em
}
.header-slider-3 {
min-height: 85vh;
overflow: visible
}
.header-video-2 {
min-height: 85vh
}
.header-3 {
min-height: auto;
display: flex
}
.header-3-padding-booking {
padding-top: 0;
padding-bottom: 0;
display: flex
}
.header-3-padding-booking.between-content {
padding-top: 0
}
.header-3-grid {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-columns: 1fr
}
.header-3-block-1 {
padding-top: 8em;
padding-bottom: 8em
}
.header-3-block-2 {
height: 30em;
min-height: auto
}
.content-grid-5 {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-columns: 1fr
}
.grid-5-image {
height: 30em
}
.grid-5-content {
margin-top: -2em
}
.grid-5-title {
font-size: 7em
}
.grid-5-text {
font-size: 1.4em
}
.content-grid-6 {
grid-column-gap: 6em;
grid-row-gap: 6em;
grid-template-columns: 1fr
}
.grid-6-image {
min-height: 30em
}
.listing-6-link {
padding-left: 1em;
padding-right: 1em
}
.socials-4 {
width: 100%
}
.header-1-flex-2 {
grid-column-gap: 3em;
grid-row-gap: 3em;
text-align: center;
flex-flow: column-reverse wrap;
justify-content: center
}
.socials-4-list {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: row
}
.content-grid-7 {
grid-column-gap: 2em;
grid-row-gap: 4em
}
.grid-7-block-3 {
grid-template-columns: 1fr
}
.gallery-with-thumbs {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em
}
.gallery-thumb-block {
height: 18em
}
.navbar-nimali {
height: 4em
}
.blog-category-text-1,
.blog-featured-text-1 {
font-size: .9em
}
.blog-list {
grid-template-columns: 1fr
}
.blog-link {
padding: 4em
}
.blog-name {
font-size: 2.3em;
line-height: 1.3em
}
.blog-text {
font-size: 1.1em
}
.large-button-list {
grid-template-columns: 1fr
}
.large-button {
padding: 4em
}
.direction-number {
font-size: 2.5em
}
.fullscreen-secondary-link {
font-size: 1.2em
}
.fullscreen-menu-links-2 {
grid-column-gap: 6vw
}
.socials-in-menu {
margin-top: 4em
}
.fullscreen-subtitle {
top: -4.5em
}
.menu-large-button-list {
grid-template-columns: 1fr
}
.review-cms-guest-name {
font-size: 1em
}
.review-cms-guest-about {
font-size: .9em
}
.contact-grid-3 {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-columns: 1fr
}
.contact-grid-3-block-1 {
border-bottom: 1px rgba(109, 69, 69, .4);
padding-top: 4em;
padding-bottom: 4em
}
.blog-category-text-2 {
font-size: .9em
}
.grid-2-block-5 {
background-color: var(--lavender-blush);
width: 80%;
margin-bottom: 8em;
padding-top: 8em;
padding-bottom: 8em
}
.gallery-open-block {
padding: 4vw
}
.gallery-open-text {
font-size: 1em
}
.category-flex {
grid-column-gap: 1em
}
.pix-text {
font-size: 1.5em;
line-height: 1.5em
}
.paragraph.light-bg {
margin-left: 100px;
margin-right: 100px
}
.paragraph.small.dark-bg,
.paragraph.small.light-bg.center {
font-size: 1.3em
}
.paragraph.dark-bg.left {
text-align: center
}
.pre-title.is-centered {
justify-content: center;
display: flex
}
.speaker-slide-mask {
width: 90%
}
.pre-title-as-seen-in {
justify-content: center;
align-items: center;
display: flex
}
.video-tarangire {
justify-content: center;
align-items: center
}
.content-grid-commit {
flex: 0 auto;
order: 0;
grid-template-columns: 1fr
}
.container-blog {
padding-left: 20px;
padding-right: 20px
}
.section {
padding-bottom: 100px
}
.second-title {
font-size: 49px
}
.second-title.white.mleft {
margin-left: 0;
font-size: 49px
}
.second-title.white.movie-title {
text-align: left;
font-size: 49px
}
.catalog-rotate_img {
text-align: center;
display: block
}
.movie-title_wrapper {
flex-direction: column;
align-items: center;
margin-right: 0;
display: flex
}
.container-16 {
padding-left: 15px;
padding-right: 15px
}
.catalog-btn {
clear: none;
text-align: center;
flex: 0 auto;
order: 0;
align-self: auto;
width: auto;
margin-left: -112px;
padding-top: 40px
}
.drop-link {
margin-top: 15px;
margin-bottom: 15px;
font-size: 20px
}
.menu-links {
flex: 1;
align-items: stretch;
margin-bottom: 24px;
padding-top: 24px
}
.wrap-link {
text-align: center
}
.menu-link-heading-2 {
font-size: 40px;
line-height: 1.3
}
.menu-bottom-content-2 {
margin-bottom: 16px;
display: block
}
.menu-bottom-7 {
flex-direction: column;
align-items: center;
margin-bottom: 24px;
position: relative
}
.section-heading-white {
text-align: center;
font-size: 35px
}
.newsletter-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr
}
.newsletter-section {
padding-left: 10%;
padding-right: 10%
}
.load-logo {
min-width: 260px;
top: 2vw
}
.load-content {
min-width: 290px;
min-height: 400px
}
.wrap-link-lodges {
text-align: center
}
.links-img {
width: 27vw;
height: 27vw;
top: auto
}
.reveal-img {
line-height: 9vw
}
.links-img-2 {
width: 27vw;
height: 27vw;
top: auto
}
.revealing-links.night-mode {
font-size: 12vw
}
.footer-grid-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
.footer-column {
padding-right: 0
}
.footer-top {
text-align: left;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto
}
.footer-bottom-4 {
flex-wrap: wrap;
margin-top: 40px
}
.footer-logo {
display: none
}
.blog-overview-grid {
grid-template-columns: 1fr
}
.position-realtive {
display: block
}
.p-xs-end {
padding-bottom: 1.6em
}
.p-xl-start {
padding-top: 6em
}
.container-w1.gutter-outside {
display: block
}
.page-teaser-title {
font-size: 2em
}
.page-teaser-subtitle {
font-size: 1em
}
.p-xs-start {
padding-top: 1.6em
}
.p-xl-end {
padding-bottom: 6em
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem
}
.text-carousel-lodges {
font-size: 1.7vw
}
.heading {
font-size: 1.75rem
}
.heading.h1.center {
margin-left: 60px;
margin-right: 60px
}
.heading.h3 {
text-align: center
}
.blog-card-featured-full-width-card {
padding-left: 40px;
padding-right: 40px
}
.blog-header-title-4 {
font-size: 16vw
}
.blog-teaser-item-wrapper-4 {
padding-left: 1em;
padding-right: 1em
}
.blog-teaser-item-wrapper-4.page-teaser {
padding-top: 1em;
padding-bottom: 1em
}
.section-experiences.home-hero-section {
padding-bottom: 0
}
.speaker-name-3 {
font-size: 34px
}
.slide-image-4 {
min-height: 400px
}
.speaker-slide-content-4 {
padding-bottom: 60px
}
.spacer {
height: 32px
}
.spacer._64 {
height: 48px
}
.sg-section {
padding-left: 30px;
padding-right: 30px
}
.grid-10 {
grid-template-columns: 1fr 1fr;
margin-left: 0
}
.grid-10.desk-2.tab-2 {
grid-template-columns: 1fr
}
.grid-10.desk-4.tab-4,
.grid-10.desk-3.tab-3 {
grid-template-columns: 1fr 1fr
}
.column.desk-6,
.column.desk-5,
.column.desk-4 {
width: 100%
}
._12-columns {
flex-wrap: wrap
}
.ds-colour-block {
width: 25%
}
._2-1-grid {
grid-template-columns: 2fr;
margin-left: 0
}
.sg-content {
margin-left: 0
}
._1-2-grid {
grid-template-columns: 2fr;
margin-left: 0
}
.sg-menu-brand.w--current {
margin-top: 14px
}
.sg-menu {
background-color: #fff
}
.title-label {
text-align: right;
justify-content: center;
align-items: center;
font-size: 2vw;
display: block
}
.title-label.light-bg {
font-size: 1.7vw
}
.title-label.mobile {
text-align: left
}
.pricing-basic {
max-width: 350px;
margin-left: auto;
margin-right: auto
}
.press-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr
}
.grid-partner-logos {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr
}
.welcome-text {
margin-left: auto;
margin-right: auto
}
.flex-block-getting-there {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr
}
.section-senses {
display: none
}
.container-about-us {
padding-top: 0
}
.container-experiences-tarangire {
padding-bottom: 100px
}
.div-block-activities {
margin-top: 25px;
margin-left: 40px;
margin-right: 40px
}
.list-activities {
grid-column-gap: 40px
}
.tab_contain {
width: 100%;
max-width: 43em
}
.main-elipse-button {
width: 7em;
height: 9em;
font-size: .8em
}
.italic-text-3 {
font-size: 1.3vw
}
.title-label-quote {
font-size: 1.5vw
}
.container-directions-mara,
.container-directions-serengeti {
padding-bottom: 100px
}
.container-directions-tarangire {
margin-bottom: auto;
padding-bottom: 100px
}
.header-sustainability {
min-height: auto
}
.static-gallery {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em
}
.serengeti-galllery {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
grid-template-columns: 1fr;
padding-left: 20px;
padding-right: 20px;
display: grid
}
.header-blog {
min-height: 85vh;
overflow: visible
}
.collection-item-2 {
width: 55vw;
min-width: 300px;
height: 400px
}
.h3 {
font-size: 30px;
line-height: 30px
}
.bold-text {
font-size: 2.3vw
}
.m-nav-overlay-6 {
display: none
}
.emergency-block {
margin-top: auto
}
.home-slider {
height: 100%;
min-height: auto
}
.frame_bottom {
display: flex;
overflow: visible
}
.hero_slide {
width: 100%;
height: 25.75rem
}
.hero_frame-wrap {
height: 25.75rem
}
.hero_slider {
height: auto
}
.frame_center {
justify-content: center;
align-items: center
}
.text-404 {
font-size: 3vw
}
.container-experiences-serengeti {
padding-bottom: 100px
}
.mara-gallery {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
grid-template-columns: 1fr;
padding-bottom: 150px;
padding-left: 20px;
padding-right: 20px;
display: grid
}
.gallery-about {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
grid-template-columns: 1fr;
display: grid
}
.gallery-block {
justify-content: center;
align-items: center;
width: 90%;
display: block;
overflow: visible
}
.body-maintenance {
height: auto
}
.text-block-gallery {
font-size: 2vw
}
.tarangire-gallery {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
grid-template-columns: 1fr;
padding-left: 20px;
padding-right: 20px;
display: grid
}
.text-gallery {
font-size: 5vw
}
.flex-block-12 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
margin-left: 60px;
margin-right: 60px
}
.text-glance {
font-size: 1.7vw
}
.newsletter-form-1 {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 1em;
padding-right: .5em
}
.newsletter-submit-button-1 {
background-image: none;
background-repeat: repeat;
background-size: auto;
min-width: auto;
margin-left: 0;
padding-left: 2.2em;
padding-right: 2.2em
}
.newsletter-submit-button-1:hover {
background-image: none
}
.newsletter-field-1 {
font-size: 1.3em
}
.newsletter-field-1::placeholder {
font-size: .8em
}
.blog-overlay {
background-image: linear-gradient(rgba(21, 27, 25, .25), rgba(21, 27, 25, .25)), linear-gradient(rgba(21, 27, 25, .5), transparent 50%, rgba(21, 27, 25, .5)), linear-gradient(transparent 20%, rgba(21, 27, 25, .8))
}
.our-blog-content-wrap-2 {
width: 70%
}
.blog-post-collection {
grid-template-columns: 1fr
}
.section-blog-categories {
padding-top: 60px;
padding-bottom: 60px
}
.vertical-flex-copy.with-gap-6em {
justify-content: space-between;
align-items: stretch
}
.play-icon {
width: 5rem
}
}
@media screen and (max-width:479px) {
ol {
padding-left: 2.2em
}
.home-photo {
display: block
}
.main {
width: auto;
position: static;
overflow: hidden
}
.section-blog-1.with-black-bg {
width: 100vw
}
.section-blog-1.with-black-light-bg {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: block
}
.container-camps {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.container-camps.in-accordion {
padding-left: 8vw;
padding-right: 8vw
}
.container-camps.in-listing-4 {
align-self: center;
align-items: flex-start;
display: block
}
.container-camps.is-content-grid-2 {
padding-left: 0;
padding-right: 0
}
.padding {
align-items: center;
justify-items: center;
width: 100vw;
padding: 0 0 4em;
display: flex
}
.padding.is-content-grid-2 {
padding-top: 0;
padding-bottom: 0
}
.padding.contact-form {
justify-content: center
}
.heading-h2.is-large-uppercase-title-1 {
line-height: 1.2em
}
.heading-h2.is-header-4-title-1 {
font-size: 10vw
}
.heading-h2.is-content-grid-1-title {
font-size: 2.5em
}
.heading-h2.is-ui-kit-title {
font-size: 3em
}
.heading-h2.empty-block-1 {
font-size: 2em
}
.heading-h2.is-header-slider {
font-size: 7vw;
line-height: 1.4em
}
.heading-h2.is-header-slider-2-title-1 {
font-size: 9vw;
line-height: 1.4em
}
.heading-h2.is-header-slider-3 {
font-size: 8vw;
line-height: 1.4em
}
.heading-h2.is-header-video-2-title {
font-size: 3em;
line-height: 1.4em
}
.heading-h2.is-header-4-title-2 {
font-size: 10vw
}
.heading-h2.is-extra-small-title {
font-size: 1.4em
}
.heading-h2.is-small-title {
font-size: 3em
}
.heading-h2.is-medium-title {
font-size: 2.5em
}
.heading-h2.is-large-title {
font-size: 3.5em
}
.heading-h2.is-large-title.dark-bg {
margin-left: auto;
margin-right: auto
}
.heading-h2.is-extra-large-title {
font-size: 4em
}
.heading-h2.is-room-slider {
font-size: 10vw;
line-height: 1.4em
}
.heading-h2.is-header-4-title-3 {
font-size: 10vw
}
.heading-h2.is-regular-title {
font-size: 2.3em
}
.heading-h2.is-room-2-title-1 {
font-size: 9vw
}
.list-block {
padding-bottom: 3em
}
.circle-in-list {
margin-right: 1.5em
}
.custom-list-icon {
font-size: 1.1em
}
.list-line {
left: 1em
}
.list-title {
margin-bottom: .2em
}
.nav-link {
min-height: 4em;
font-size: 1.1em
}
.cover-image-head.is-parallax {
object-fit: cover;
width: 100%;
display: block
}
.animation-color-bg.is-brown {
justify-content: center;
align-items: center;
display: block;
overflow: visible
}
.form-success-title {
font-size: 1.2em
}
.form-error-message {
padding: 1.7em
}
.form-error-paragraph {
font-size: 1em
}
.newsletter-submit-button {
clear: none;
border-radius: 0;
align-self: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2em 8em;
font-size: 1em
}
.newsletter-submit-button.banner {
border-radius: 0;
margin-top: auto;
margin-left: auto;
margin-right: auto;
padding: 2em 6em;
font-size: 1em
}
.newsletter-field {
text-align: center;
width: 100%;
margin-bottom: auto;
padding-top: 1em
}
.newsletter-field::placeholder {
font-size: .9em
}
.newsletter-form {
border-radius: 100px;
padding: 0
}
.newsletter-form-inner {
flex-wrap: wrap;
justify-content: center;
align-self: auto;
align-items: center;
padding-bottom: 10px
}
.newsletter-block {
border-radius: 100px;
padding: .5em;
display: none
}
.newsletter-title-block {
grid-row-gap: 2em;
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-self: auto;
margin-right: auto
}
.menu-contacts {
padding-bottom: 1em
}
.menu-mobile-dots {
width: 5vw;
font-size: .8em
}
.newsletter-flex {
grid-column-gap: 10px;
grid-row-gap: 2.75em;
text-align: center;
flex: 0 auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
grid-auto-columns: 1fr;
align-content: center;
justify-content: center;
align-self: auto;
align-items: center;
justify-items: center;
margin-top: 20px;
display: block
}
.navbar {
background-color: rgba(127, 87, 87, .6);
position: fixed
}
.navbar.is-dark {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(245, 234, 234, .6)
}
.nav-block-1 {
flex: 1;
padding-left: 9em;
padding-right: 9em
}
.nav-block-3 {
grid-column-gap: .75em;
flex-direction: row-reverse
}
.brand-link-block {
flex: 1;
font-size: .8em
}
.menu-mobile-button-flex {
grid-column-gap: 3vw;
padding-left: 4vw;
padding-right: 4vw
}
.mobile-menu-button {
justify-content: center
}
.tabs-1-links {
width: 100%;
min-width: auto;
margin-right: 0;
position: relative;
top: 0
}
.accordion-title {
max-width: 85%;
font-size: 1.1em
}
.rich-text {
margin-left: 20px;
margin-right: 20px
}
.rich-text h1 {
font-size: 3.5em
}
.rich-text ul {
padding-left: 2.2em
}
.rich-text blockquote {
background-size: 2em;
padding-top: .2em;
padding-left: 2.9em;
font-size: 1.6em
}
.gallery-lightbox.is-large-image {
height: 21em
}
.gallery-thumbnail {
align-self: auto
}
.gallery-grid {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em
}
.password {
padding: 0
}
.password-form-label {
top: 3.8em;
left: 0;
right: 0
}
.password-form-field {
flex-wrap: wrap;
padding-top: 2em
}
.password-form-input {
text-align: center;
width: 100%;
margin-bottom: 1em;
padding-left: 0
}
.password-form-submit {
width: 100%
}
.static-gallery-grid {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex: 0 auto;
grid-template-columns: 1fr;
align-self: auto;
align-items: center;
justify-items: center;
width: 100%;
margin-left: 0;
display: block
}
.color-define,
.color-define-2,
.color-define-3 {
height: 3em
}
.main-button {
text-align: left;
align-self: center
}
.content-grid-4 {
grid-template-columns: 1fr
}
.grid-4-block-1 {
min-height: 12em
}
.grid-4-number {
font-size: 2.9em
}
.slider {
flex: 0 auto;
align-self: auto;
width: 100vw;
display: block
}
.header-slider-2-padding-1 {
flex-direction: row;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100vw;
min-width: 100vw;
display: flex
}
.nav-button {
grid-column-gap: .5em;
min-width: 9em
}
.listing-8-column-2 {
height: 30em
}
.listing-8-item {
padding: 0
}
.listing-8-column-1 {
padding: 8vw
}
.listing-8-content {
padding-left: 8vw;
padding-right: 8vw
}
.header-video-1-content {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start
}
.menu-links-1-list {
grid-template-columns: 1fr
}
.ui-link {
grid-column-gap: 2em;
grid-row-gap: 2em;
justify-content: flex-start;
min-height: 4.7em;
padding-left: 2.3em;
padding-right: 2.3em
}
.ui-link:hover {
grid-column-gap: 2em;
grid-row-gap: 2em
}
.ui-link-icon {
font-size: 1.1em
}
.tabs-2-links {
margin-bottom: 2.5em;
padding-left: 0;
padding-right: 0
}
.padding-80vh {
padding-top: 40em;
padding-bottom: 40em
}
.scolling-image {
min-height: 20em
}
.aside-image-right {
width: 13em;
height: 11vh;
top: 8.2vh;
right: -8vw
}
.aside-image-left {
width: 41vw;
height: 13vh
}
.menu-link-item {
width: 50%
}
.parallax-animation {
display: block
}
.button-listing-1-list.is-grid {
grid-template-columns: 1fr
}
.listing-2-link-block {
padding: 2.5em
}
.listing-2-content {
padding: 0
}
.listing-heading-uni-1 {
font-size: 2.5em
}
.listing-heading-uni-1.is-smaller {
font-size: 2em
}
.listing-text {
font-size: 1.1em
}
.header-4-image-3 {
height: 20vh;
right: -4.4vw
}
.header-4-image-2 {
width: 30vw;
height: 13vh;
top: 15.2vh
}
.header-4-image-1 {
width: 30vw;
height: 15vh
}
.header-4-image-4 {
width: 22vw;
height: 14vh;
left: -3.2vw
}
.header-4-flex {
padding-left: 8vw;
padding-right: 8vw
}
.listing-1-link {
padding-top: 2.5em;
padding-left: 2.5em;
padding-right: 2.5em
}
.listing-1-link.is-left {
padding: 2em 2em 18em
}
.listing-3-list {
grid-template-columns: 1fr
}
.services-3-item {
height: 33em
}
.services-3-item.is-fullscreen {
width: 100%;
height: auto;
min-height: auto
}
.listing-3-link.is-fullscreen {
height: 80vh
}
.subfooter-links-list {
grid-column-gap: 0em;
grid-row-gap: 0em;
text-align: center;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
justify-content: center;
align-self: auto;
display: grid
}
.listing-4 {
flex: 0 auto;
align-self: auto;
display: block
}
.listing-4-list {
padding: 0 1em 1em;
overflow: visible
}
.listing-4-item {
background-image: none
}
.listing-heading-uni-2 {
font-size: 2.6em
}
.newsletter-list-1 {
max-width: none
}
.subfooter-1-black {
clear: none;
width: 100vw;
padding: 2em 0
}
.subfooter-links {
align-content: center;
justify-content: center;
align-items: center;
width: 100vw;
padding-left: 0;
padding-right: 0;
display: block
}
.subfooter-links-wrap {
border-bottom-style: none;
margin-bottom: 0;
padding-bottom: 1em
}
.form-block {
flex-wrap: wrap
}
.form-block.on-dark-bg {
align-content: stretch;
align-items: center
}
.form-submit-button {
background-position: 88%;
width: 100%;
padding-left: 1em;
padding-right: 3.5em
}
.form-submit-button:hover {
padding-left: 1em;
padding-right: 5em
}
.form-submit-button.on-dark-bg {
flex: 0 auto;
width: auto
}
.form-field {
width: 100%;
margin-bottom: 1em
}
.form-field.on-dark-bg {
font-size: 5em
}
.checkbox.on-dark-bg {
font-size: 2.5vw
}
.checkbox-label {
font-size: 3.7em
}
.content-grid-1-text-3 {
font-size: 1.1em;
line-height: 2.5em
}
.header-2-quote-icon {
font-size: 5em
}
.ui-kit-header {
padding-top: 7em
}
.listing-1-bg-color-1 {
padding: 3.5em 2em
}
.footer {
text-align: center;
width: 100vw
}
.nav-button-name {
letter-spacing: .2em;
text-indent: .2em;
font-size: .8em
}
.author-text {
font-size: 5vw
}
.footer-socials {
flex-direction: column;
min-height: auto;
padding-bottom: 2em
}
.rich-text-on-dark-bg ul {
padding-left: 2.2em
}
.rich-text-on-dark-bg blockquote {
background-size: 2em;
padding-top: .2em;
padding-left: 2.6em;
font-size: 1.6em
}
.fullscreen-menu-column-1 {
padding-top: 8em;
padding-bottom: 6em
}
.close-button {
font-size: .7em
}
.fullscreen-menu-column-2 {
padding-top: 8em
}
.form-success-title-2 {
font-size: 1.2em
}
.large-button-2 {
padding: 1.5em
}
.form-block-1 {
padding: 0
}
.form-block-1.is-black {
padding: 5vw
}
.booking-button {
grid-column-gap: .5em;
min-width: 9em
}
.nav-button-icon {
font-size: 1.2em
}
.header-slider-gradient-1 {
background-image: linear-gradient(to right, var(--black), rgba(19, 14, 13, .02))
}
.main-elipse-button-booking.in-package {
display: none
}
.elipse-button-text-1.is-dark {
font-size: 1.3em;
left: 4.5em
}
.elipse-button-icon-1 {
display: none
}
.header-2-grid {
display: block
}
.title-line {
width: 8vw;
display: none
}
.title-line.with-text {
width: 6vw
}
.title-with-line-center.experiences {
width: 100vw;
margin-bottom: auto;
margin-left: 0;
margin-right: 0;
padding-bottom: 0
}
.title-with-line-center.latest-news.with-subtitle {
padding-bottom: 0
}
.content-grid-8 {
grid-column-gap: 4em;
grid-row-gap: 4em;
aspect-ratio: auto;
order: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-items: center;
width: 100%;
display: grid;
overflow: hidden
}
.grid-8-image {
object-fit: fill;
overflow: visible
}
.vertical-flex {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: stretch;
margin-left: 20px;
margin-right: 20px;
display: block
}
.vertical-flex.with-gap-6em {
grid-column-gap: 16px;
grid-row-gap: 4em;
flex-direction: row-reverse;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: stretch;
margin-top: auto;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
display: flex
}
.vertical-flex.with-gap-8em {
justify-content: center;
width: auto;
margin-top: auto;
display: flex;
overflow: visible
}
.vertical-flex.with-gap-4em {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 50px
}
.vertical-flex.location {
width: auto;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 150px;
overflow: visible
}
.vertical-flex.home-about {
margin-left: auto;
margin-right: auto;
overflow: visible
}
.vertical-flex.home-sustainability {
margin-left: auto;
margin-right: auto;
padding-top: 0;
overflow: visible
}
.vertical-flex.accommodation {
margin-left: auto;
margin-right: auto;
overflow: hidden
}
.vertical-flex.activities {
margin-left: auto;
margin-right: auto
}
.vertical-flex.ethos {
margin-left: auto;
margin-right: auto;
padding-top: 0
}
.vertical-flex.family {
margin-left: auto;
margin-right: auto
}
.vertical-flex.gallery-about-page {
margin-left: auto;
margin-right: auto;
padding-top: 100px
}
.vertical-flex.protecting {
margin-left: auto;
margin-right: auto;
padding-top: 0
}
.vertical-flex.team {
margin-left: auto;
margin-right: auto
}
.content-about-tarangire {
grid-column-gap: 16px;
grid-row-gap: 2em;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-items: center;
justify-items: start;
width: auto;
margin-left: auto;
margin-right: auto;
padding: 30px 0 0;
display: block
}
.header-1-padding {
padding-top: 10em
}
.content-grid-2-block-1 {
min-height: 22em
}
.header-1-flex {
flex-wrap: wrap-reverse
}
.carousel-block {
grid-column-gap: 1.75em;
grid-row-gap: 1.75em;
padding: 2.5em
}
.content-grid-2-icon {
font-size: 1.7em
}
.carousel-number {
font-size: 4em
}
.carousel-line {
width: 100%
}
.carousel-text {
font-size: 1.1em
}
.content-2-padding {
grid-row-gap: 2em;
flex-wrap: wrap;
padding: 8em 4em
}
.content-section-1-title {
margin-left: 40px;
margin-right: 40px;
font-size: 2.2em;
line-height: 1.5em
}
.menu-fullwidth-link {
grid-row-gap: 2em;
flex-wrap: wrap;
justify-content: center;
padding-left: 1.5em;
padding-right: 1.5em
}
.about-grid {
flex-wrap: wrap;
grid-template-columns: 1fr
}
.about-block {
min-height: auto;
padding-left: 8vw;
padding-right: 8vw
}
.about-title {
font-size: 2.1em
}
.about-text {
max-width: none;
font-size: 1.4em
}
.header-room-flex-2 {
flex-wrap: wrap-reverse
}
.header-slider-content {
grid-row-gap: 2em;
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start
}
.grid-2-block-3 {
height: 100vh;
top: 0
}
.newsletter-text-2 {
text-align: center;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
margin-bottom: 1.3em;
font-size: 1.5em;
text-decoration: none;
display: block
}
.title-with-line-left {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em
}
.listing-2-link-block-2 {
padding: 3.5em 1.5em
}
.listing-2-content-2 {
padding: 0
}
.listing-4-flex {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
justify-content: space-between;
align-self: flex-start;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex
}
.listing-4-overlay-color {
width: auto
}
.listing-4-text-2 {
display: none
}
.footer-link {
flex: 0 auto;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
padding-bottom: 1em;
font-size: 1em;
display: flex
}
.listing-4-heading {
font-size: 1.9em;
line-height: 1.2em
}
.header-slider-2 {
width: 100vw
}
.content-grid-3 {
grid-column-gap: 0em;
grid-row-gap: 0em;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: auto;
width: 90%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: grid
}
.content-grid-3-block-1 {
margin-top: 40px
}
.content-grid-3-image {
min-height: 26em
}
.content-2-title {
font-size: 2.4em;
line-height: 1.5em
}
.title-line-3 {
width: 100%;
top: 0
}
.content-2-text {
font-size: 1.2em;
line-height: 1.9em
}
.header-video-1-title {
max-width: none
}
.gallery-text {
font-size: .8em
}
.header-blog-gradient {
overflow: visible
}
.header-slider-2-gradient-1 {
width: 100vw
}
.header-video-2 {
padding-top: 12em
}
.header-3-content-1 {
grid-row-gap: 3em
}
.grid-5-content {
margin-top: -3em
}
.grid-5-title {
font-size: 6em
}
.content-grid-6 {
grid-column-gap: 6em;
grid-row-gap: 6em
}
.grid-6-image {
min-height: 22em
}
.listing-6-list {
grid-template-columns: 1fr
}
.listing-6-link {
min-height: auto
}
.listing-6-text {
max-width: none;
font-size: 1.2em
}
.header-1-flex-2 {
flex-wrap: wrap-reverse
}
.socials-4-list {
grid-column-gap: 0em;
grid-row-gap: 0em
}
.content-grid-7 {
grid-template-columns: 1fr
}
.gallery-with-thumbs {
grid-column-gap: 1em;
grid-row-gap: 1em
}
.gallery-thumb-block {
height: 11em
}
.gallery-thumb-block.with-lightbox {
height: 18em
}
.navbar-nimali {
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
background-color: rgba(127, 87, 87, .7);
position: fixed
}
.blog-title-block {
grid-column-gap: 2em;
grid-row-gap: 1em;
flex-wrap: wrap-reverse;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}
.blog-categories {
grid-column-gap: 2.25em;
text-align: left;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 0
}
.blog-list {
float: none;
clear: none;
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
align-items: stretch;
width: auto;
display: none;
overflow: visible
}
.blog-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: auto;
display: grid
}
.blog-link {
clear: none;
grid-row-gap: 2em;
text-align: left;
flex-wrap: nowrap;
flex: 0 auto;
order: 0;
justify-content: space-between;
align-self: auto;
align-items: center;
padding: 2.5em;
display: flex;
position: static
}
.blog-name {
font-size: 1.9em;
line-height: 1.4em
}
.blog-image {
height: 12em
}
.blog-description {
flex-wrap: wrap;
justify-content: center
}
.blog-text {
font-size: 1em
}
.large-button-list {
grid-row-gap: 1em
}
.large-button {
grid-row-gap: 2em;
padding: 8vw
}
.large-button-name {
font-size: 1.9em
}
.large-button-name.in-cta {
font-size: 1.6em
}
.fullscreen-menu-link {
font-size: 8vw
}
.fullscreen-secondary-links {
text-align: center
}
.fullscreen-secondary-link {
font-size: 4vw
}
.fullscreen-menu-links-2 {
grid-column-gap: 5vw;
align-self: center
}
.socials-in-menu {
margin-top: 2em
}
.fullscreen-line-1 {
width: auto;
height: 1px;
margin-top: 3em;
margin-bottom: 3em
}
.fullscreen-subtitle {
font-size: .8em;
position: relative;
top: auto
}
.review-cms-item {
padding-left: 8vw;
padding-right: 8vw
}
.fullscreen-image-column {
padding: 2.6em
}
.contact-link-4 {
margin-bottom: auto;
padding-bottom: 10px;
display: block
}
.contact-link-5 {
padding-bottom: 10px;
display: block
}
.form-block-contact {
padding: 8vw 0
}
.footer-link-2 {
font-size: 1em
}
.content-text {
text-align: center;
align-self: auto;
padding-left: 30px;
padding-right: 30px;
font-size: 1.5em
}
.form-content {
grid-row-gap: 3em
}
.category-flex {
justify-content: flex-start;
align-items: center;
margin-bottom: .9em;
font-size: 3vw
}
.blog-categories-block {
text-align: left;
justify-content: center;
align-items: center;
display: block
}
.body-home {
overflow: visible
}
.heading-2 {
font-size: 2em;
line-height: 1.3em
}
.title-with-1-line {
text-align: left;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
margin-left: 0;
margin-right: 0
}
.title-with-1-line.left,
.title-with-1-line.right {
justify-content: center;
margin-top: 2rem;
margin-bottom: 2rem
}
.title-with-1-line.about {
margin-top: 30px;
margin-bottom: 20px
}
.title-line-color-copy.is-right {
display: none
}
.paragraph {
text-align: center;
margin-left: 30px;
margin-right: 30px;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0
}
.paragraph.light-bg {
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 1.4em
}
.paragraph.right {
text-align: center;
justify-content: center;
align-self: auto;
align-items: flex-start;
margin: auto auto 4em;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 1.4em;
text-decoration: none;
display: block
}
.paragraph.small.dark-bg {
text-align: center;
flex: 0 auto;
margin-bottom: auto;
margin-left: auto;
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
display: block
}
.paragraph.small.light-bg.center {
margin-bottom: auto;
padding-left: 30px;
padding-right: 30px
}
.paragraph.left {
text-align: center;
justify-content: space-around;
align-items: center;
margin: auto auto 4em;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 1.4em;
display: block
}
.paragraph.dark-bg.left {
text-align: center;
margin-bottom: 2em;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 1.4em;
line-height: 1.6em
}
.paragraph.center {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
font-size: 1.4em
}
.paragraph.center.stand {
margin-top: 30px
}
.pre-title {
text-align: center;
align-self: center;
width: 100vw;
padding-bottom: 30px
}
.pre-title.is-centered {
width: auto;
padding-bottom: 0
}
.pre-title.left {
justify-content: center;
align-items: center;
width: auto;
padding-bottom: 0;
padding-right: 0;
display: flex
}
.pre-title.right {
justify-content: center;
align-self: center;
align-items: center;
width: auto;
margin-bottom: auto;
padding-bottom: 0
}
.speakers-hero-wrapper {
margin-top: 40px;
overflow: visible
}
.speaker-slide,
.speaker-slider-wrapper {
overflow: visible
}
.speaker-slide-mask {
flex: 0 auto;
padding-bottom: 70px;
overflow: visible
}
.speaker-info {
text-align: center;
align-self: center
}
.speaker-arrow-experience {
top: auto;
bottom: 0;
right: 5vw
}
.body-display.large {
width: 100vw;
padding-left: 20px
}
.button {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
display: block
}
.button.right {
align-self: center;
display: flex
}
.button.right.rates {
display: block
}
.button.right.contact {
background-color: transparent;
justify-content: center;
align-self: flex-start
}
.button.right.contact:hover {
background-color: var(--dark-green-nimali)
}
.image-11 {
float: none;
clear: none;
text-align: center;
width: 100px;
padding-bottom: 40px;
display: inline-block
}
.image-11.as-seen {
padding-bottom: 0
}
.image-12 {
text-align: center;
width: 100px;
padding-bottom: 40px;
display: inline-block
}
.image-12.as-seen,
.image-13 {
padding-bottom: 0
}
.image-14 {
text-align: left;
padding-bottom: 0;
display: inline-block
}
.nav-bar-2 {
display: none
}
.pre-title-as-seen-in {
align-self: center;
width: 100vw;
padding-bottom: 40px
}
.intro {
padding: 150px 30px
}
.intro.home {
margin: auto;
padding: 150px 30px
}
.intro.tarangire {
padding-top: 150px;
padding-bottom: 150px;
overflow: visible
}
.sections-lodges {
justify-content: center;
align-items: center;
margin-top: 30px;
display: block
}
.container-relax {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.content-grid-commit {
width: 100vw
}
.container-about {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.container-experiences {
overflow: visible
}
.container-blog {
padding-top: 0;
padding-left: 0;
padding-right: 0
}
.container-bis {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-top: 100px;
padding-left: 0;
padding-right: 0;
display: block
}
.container-contact {
float: none;
text-align: left;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.div-block-8 {
margin-top: auto
}
.div-block-logo {
flex: 0 auto;
align-self: auto;
overflow: hidden
}
.container-background {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.second-title {
font-size: 40px
}
.second-title.white.mleft {
align-self: flex-end;
font-size: 40px
}
.second-title.white.movie-title {
font-size: 40px
}
.movie-title_wrapper {
align-items: flex-start;
width: 100%;
padding-left: 17px;
padding-right: 17px
}
.container-16 {
z-index: 0
}
.social-links-wrapper {
display: none
}
.drop-link {
margin-bottom: 10px
}
.menu-links {
flex: 1;
align-items: stretch;
margin-bottom: 0
}
.nav-bar-content {
justify-content: center;
padding-bottom: 0
}
.social-link {
margin-right: 4px
}
.wrap-link.w--current {
margin-bottom: 16px
}
.menu-link-heading-2 {
text-align: left;
margin-bottom: 0;
font-size: 40px
}
.menu-content-4 {
padding-left: 16px;
padding-right: 16px
}
.menu-bottom-7 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 30px
}
.menu-wrapper-5 {
padding-top: 60px
}
.lodges {
width: auto;
padding-top: 100px;
padding-left: 0;
padding-right: 0;
overflow: visible
}
.title-with-line-center-dark-bg.with-subtitle {
margin-bottom: auto
}
.title-line-color-light-bg.is-right {
display: none
}
.brand-logo {
width: 70%
}
.grid-column {
padding-left: 0;
padding-right: 0
}
.section-heading-white {
text-align: center;
font-size: 30px
}
.newsletter-section {
padding-left: 0%;
padding-right: 0%
}
.load-logo {
min-width: 220px;
display: block;
top: 12px
}
.preload-animation {
display: none
}
.load-content {
min-width: 240px;
min-height: 350px
}
.load-frame {
border-width: 5px
}
.blogs-home {
margin-left: auto;
margin-right: auto
}
.container-blog-post {
float: none;
text-align: left;
flex: 1;
justify-content: flex-start;
align-self: auto;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.wrap-link-lodges.w--current {
margin-bottom: 16px
}
.links-img {
width: 27vw;
height: 100px;
top: auto
}
.link-contain {
justify-content: flex-end;
height: auto
}
.links-img-2 {
width: 27vw;
height: 100px;
top: auto
}
.revealing-links.night-mode {
font-size: 12vw;
line-height: 8vh
}
.mobile-nav {
display: none
}
.footer-grid-2 {
grid-row-gap: 60px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 2fr
}
.footer-column {
justify-content: center;
align-items: center;
display: block
}
.container-21 {
text-align: center;
max-width: none
}
.footer-link-3 {
padding-bottom: 0
}
.footer-top {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex
}
.footer-bottom-4 {
text-align: center;
flex-direction: column
}
.footer-title-2 {
margin-bottom: 10px
}
.footer-01 {
padding-top: 50px;
padding-left: 0%;
padding-right: 0%
}
.footer-logo {
margin-bottom: 32px;
display: none
}
.footer-wrapper {
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-self: center;
display: block
}
.link-block-10.w--current {
align-self: center;
display: none
}
.container-press {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.hero-press {
display: flex
}
.blog-overview-grid {
align-items: center;
justify-items: center;
display: block;
overflow: hidden
}
.content-parallax-about {
grid-row-gap: 2em;
flex-wrap: wrap;
padding-left: 4em;
padding-right: 4em
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0
}
.margin-bottom.margin-xsmall {
padding-bottom: 20px
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}
.padding-right.padding-large {
align-items: stretch;
justify-items: stretch;
display: block
}
.capabilities_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: stretch;
justify-content: stretch;
align-items: center;
justify-items: center;
display: grid
}
.padding-global {
padding-left: 30px;
padding-right: 30px
}
.text-carousel-lodges {
font-size: 3vw
}
.heading.h1.dark-bg {
font-size: 3.5em
}
.heading.h1.dark-bg.blog {
align-self: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 3.5em
}
.heading.h1.center {
margin-left: auto;
margin-right: auto
}
.heading.h2 {
text-align: center;
margin-top: auto
}
.heading.h2.left {
text-align: left
}
.heading.h2.center {
margin-top: 30px
}
.heading.h3 {
text-align: center;
align-self: auto;
margin-left: 30px;
margin-right: 30px
}
.heading.h3.left,
.heading.h3.right {
text-align: center
}
.div-block-25 {
justify-content: center;
margin: 30px;
padding-left: 2em;
display: block
}
.container-safaris {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
justify-items: center;
display: block;
overflow: hidden
}
.blog-card-featured-full-width-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-auto-flow: column;
margin: auto auto 50px;
padding-left: 20px;
padding-right: 20px
}
.text-block-24 {
font-size: 3.5vw
}
.card-locations {
font-size: 1.3em
}
.card-description-rich {
font-size: 1em
}
.blog-teaser-text-wrapper {
justify-content: space-between;
align-items: flex-start;
height: auto;
display: block;
overflow: visible
}
.blog-teaser-quote-3 {
font-size: 1.4em
}
.blog-teaser-item-wrapper-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: center;
padding-bottom: 10em;
display: grid
}
.blog-teaser-item-wrapper-4.quote {
padding: 4.5em 1.7em
}
.blog-teaser-summary-3 {
margin-bottom: auto;
line-height: 1.6em;
display: block;
overflow: visible
}
.button-blog {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
display: block
}
.collection-list-4 {
grid-column-gap: 1px;
grid-row-gap: 1px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
justify-content: start;
align-items: start;
justify-items: center;
display: block;
overflow: visible
}
.speakers-hero-wrapper-2 {
overflow: visible
}
.clip-text-2.speaker-headding {
margin-top: -30px
}
.section-experiences {
padding-top: 48px;
padding-bottom: 48px
}
.section-experiences.home-hero-section {
padding-top: 0;
padding-bottom: 10px
}
.speaker-arrow {
top: auto;
bottom: 0;
right: 5vw
}
.speaker-name-3 {
font-size: 27px;
line-height: 1em
}
.speaker-arrow-2 {
top: auto;
bottom: 0;
right: 5vw
}
.speaker-arrow-2.left {
margin-right: 84px;
left: auto;
right: 0
}
.slide-image-4 {
border-top-left-radius: 350px;
border-top-right-radius: 350px;
height: 40vh;
min-height: 300px
}
.speaker-slide-content-4 {
padding-bottom: 6px;
overflow: visible
}
.body-serengeti {
overflow: visible
}
.sg-section {
padding-left: 16px;
padding-right: 16px
}
.color-block {
margin-bottom: 20px
}
.column {
margin-bottom: 0
}
.column.desk-6,
.column.desk-5,
.column.desk-3 {
width: 100%
}
.sg-menu-button {
margin-right: 4px
}
.sg-menu-brand {
margin-left: 16px
}
.title-label {
text-align: center;
object-fit: fill;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
margin-bottom: auto;
font-size: 2.8vw;
display: block
}
.title-label.light-bg {
font-size: 3vw
}
.title-label.left {
margin-bottom: auto;
padding-top: 0;
padding-bottom: 0
}
.title-label.center {
text-align: center;
margin-bottom: auto;
display: block
}
.title-label.right {
text-align: right;
justify-content: center
}
.title-label.mobile {
text-align: left
}
.lodges-text-block {
justify-content: flex-start;
align-items: flex-start;
margin: 30px auto 50px
}
.hero-404 {
height: 100vh;
min-height: auto
}
.price-type.center {
text-align: center
}
.pricing-basic {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 20px;
margin-right: 20px;
padding: 15px;
display: block
}
.pricing-content {
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
display: block
}
.pricing-wrapper {
display: block
}
.press-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}
.text-block-press {
margin-left: 20px;
margin-right: 20px
}
.grid-partner-logos {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
margin-top: auto;
margin-left: 40px;
margin-right: 40px
}
.flex-block-getting-there {
padding-left: 0;
padding-right: 0
}
.content-card-directions {
padding-left: 40px;
padding-right: 40px
}
.section-senses {
overflow: visible
}
.container-about-us {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.no-spam-text {
text-align: center
}
.div-block-activities {
margin-left: 20px;
margin-right: 20px
}
.list-activities {
grid-column-gap: 20px;
grid-row-gap: 10px
}
.content-about-mara {
align-items: center
}
.italic-text-3 {
text-align: center;
font-size: 3vw;
display: block
}
.div-block-quote {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: 40px;
margin-right: 40px;
display: block
}
.pre-title-quote {
text-align: left;
align-self: center;
width: 100vw;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 40px
}
.title-label-quote {
font-size: 3vw
}
.container-directions-mara,
.container-directions-serengeti,
.container-directions-tarangire {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 30px;
padding-right: 30px;
display: block
}
.container-sustain-4 {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.flex-block-7,
.flex-block-8 {
margin-left: auto;
margin-right: auto
}
.static-gallery {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex: 0 auto;
grid-template-columns: 1fr;
align-self: auto;
align-items: center;
justify-items: center;
width: 100%;
margin-left: 0;
display: block
}
.serengeti-galllery {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex: 0 auto;
grid-template-rows: .75fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: auto;
align-items: center;
justify-items: center;
width: 100%;
margin-left: 0;
margin-right: auto;
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
display: grid
}
.image-37 {
max-width: 100%
}
.section-blog-rich-text {
justify-content: center;
align-items: center;
display: flex
}
.containter-blog {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.header-blog-content {
justify-content: center;
align-items: center;
display: flex
}
.collection-item-2 {
width: 73vw;
min-width: 0;
max-width: 250px
}
.container-blog-posts {
float: none;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
display: block
}
.bold-text {
font-size: 3.5vw
}
.m-nav-toggle-bg-3 {
display: block
}
.m-nav-toggle-inner-8 {
background-color: var(--dark-green-nimali)
}
.html-embed-3 {
margin-left: 20px;
margin-right: 20px
}
.emergency-block {
margin-top: auto;
margin-left: 20px;
margin-right: 20px;
padding-top: 1em;
padding-bottom: 1em
}
.image-10 {
text-align: center;
width: 100px;
padding-bottom: 0;
display: inline-block
}
.collection-list-wrapper-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
justify-content: center;
align-self: auto;
align-items: center;
justify-items: baseline;
margin-left: auto;
display: block
}
.home-slider {
height: 41.6875rem;
min-height: auto;
overflow: hidden
}
.slide_image {
object-fit: cover;
object-position: 50% 50%;
width: 100%
}
.slide_image-wrap {
width: 100vw
}
.frame_bottom {
display: flex
}
.hero_slide {
object-fit: fill;
object-position: 50% 50%;
width: 100%;
height: 41.6875rem;
position: static
}
.hero_frame-wrap {
height: 41.6875rem
}
.hero_slider {
width: auto;
height: auto;
display: block;
position: relative
}
.frame_center {
object-fit: fill;
width: auto;
height: 100%;
position: relative;
overflow: visible
}
.body-sustainability {
overflow: visible
}
.home-safaris {
display: block
}
.speaker-image-tarangire.six {
width: 101%
}
.heading-404 {
font-size: 6em
}
.text-404 {
margin-top: 30px;
margin-bottom: 40px;
font-size: 4.5vw
}
.button-404 {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
display: block
}
.affiliate-title {
font-size: 3vw
}
.experiences-slider-home {
overflow: hidden
}
.slider-image-home.six {
width: 101%
}
.slider-image-home.one {
overflow: visible
}
.slider-image-serengeti.six,
.slider-image-mara.six {
width: 101%
}
.mara-gallery {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex: 0 auto;
grid-template-rows: .75fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: auto;
align-items: center;
justify-items: center;
width: 100%;
margin-bottom: 40px;
margin-right: auto;
padding: 0 30px 30px;
display: grid
}
.gallery-about {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex: 0 auto;
grid-template-rows: .75fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: auto;
align-items: center;
justify-items: center;
width: 100%;
margin-right: auto;
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
display: grid
}
.gallery-block {
width: 100%;
overflow: visible
}
.paragraph-values {
text-align: left;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
padding-left: 0;
padding-right: 0;
font-size: 1.4em
}
.html-embed-4 {
margin-top: 20px
}
.image-38 {
width: 70%
}
.body-maintenance {
flex-direction: column;
justify-content: space-between;
height: auto;
display: flex
}
.marquee-content.scroll.reverse,
.body-tarangire {
overflow: visible
}
.text-block-gallery {
text-align: center;
font-size: 3.5vw
}
.tab-link-gallery,
.tab-link-gallery.w--current {
margin-bottom: 20px
}
.tarangire-gallery {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex: 0 auto;
grid-template-rows: .75fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: auto;
align-items: center;
justify-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
display: grid
}
.text-gallery {
margin-left: auto;
margin-right: auto;
font-size: 7vw
}
.flex-block-12 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
margin-left: 20px;
margin-right: 20px
}
.text-glance {
font-size: 3vw
}
.div-block-glance {
margin-bottom: 50px;
margin-left: 30px;
margin-right: 30px
}
.form-block-3-copy {
width: 80vw
}
.icon-button-2 {
font-size: .75rem
}
.newsletter-form-1 {
border-radius: 200px;
padding: 0
}
.newsletter-submit-button-1 {
clear: none;
align-self: auto;
width: 100%;
margin-left: 40px;
margin-right: 40px;
font-size: .8em
}
.newsletter-field-1 {
text-align: center;
width: 100%;
margin-bottom: auto;
padding-top: 1em;
padding-left: 0
}
.newsletter-field-1::placeholder {
font-size: .9em
}
.form-error-paragraph-1 {
font-size: 1em
}
.container-video-tarangire {
width: auto;
padding-left: 30px;
padding-right: 30px
}
.container-video-serengeti {
width: auto;
margin-top: auto;
padding-left: 30px;
padding-right: 30px
}
.container-video-mara {
width: auto;
padding-left: 30px;
padding-right: 30px
}
.container-video-senses {
padding-left: 30px;
padding-right: 30px;
overflow: visible
}
.youtube {
margin-left: auto;
margin-right: auto;
padding-left: 0
}
.div-block-28 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
display: grid
}
.blog-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
justify-content: center;
align-items: center;
justify-items: start;
margin-top: auto;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden
}
.preloader-wrapper-animation {
justify-content: center;
align-items: center;
display: block
}
.our-blog-content-wrap-2 {
width: 100%
}
.blog-post-collection {
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px
}
.blog-post-collection.journal {
padding-left: 0;
padding-right: 0
}
.preloader-wrapper-animation-2 {
justify-content: center;
align-items: center;
display: block
}
.section-blog-categories {
padding-left: 0;
padding-right: 0
}
.connect-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
justify-content: center;
align-items: center;
justify-items: start;
padding-left: 0;
padding-right: 0;
display: none;
position: relative;
overflow: hidden
}
.preloader-wrapper-animation-3 {
justify-content: center;
align-items: center;
display: block
}
.vertical-flex-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
justify-items: stretch;
margin-left: 20px;
margin-right: 20px;
display: block
}
.vertical-flex-copy.with-gap-6em {
grid-column-gap: 16px;
grid-row-gap: 4em;
flex-direction: row-reverse;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
margin-top: auto;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
display: none
}
.faq-wrap {
grid-template-columns: 1fr;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex
}
.paragraph-12 {
font-size: 14px
}
.p-m-wrap {
margin-left: 40px
}
.div-block-rates {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-bottom: auto;
padding-left: 0;
padding-right: 0;
display: grid
}
.form-block-2 {
width: 85vw
}
.suggested-reads {
padding: 30px
}
.play-icon {
width: 3rem
}
}
#w-node-_96622531-28a3-e51b-dbe3-247018924209-29292d10,
#w-node-_1cc061d8-23b5-6b36-7c1e-024b060ca50d-29292d10 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32911125-00f6-b6c8-46f9-20f7d8d23919-29292d10 {
grid-area: span 2/span 1/span 2/span 1
}
#w-node-_49d15014-1879-de17-1606-96c862be92da-29292d10,
#w-node-c9c1451e-b747-66fb-026e-f3bf8c54f7ce-29292d10,
#w-node-_4f4661ef-e173-f8fc-db7e-ee530ca039fb-29292d10,
#w-node-_342b9d1d-7188-dc41-d7ea-4cab8cac4a5c-29292d10 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2aaf2787-4a39-ef91-d5d9-dd48083da61c-29292d10 {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-_2aaf2787-4a39-ef91-d5d9-dd48083da622-29292d10 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2aaf2787-4a39-ef91-d5d9-dd48083da62d-29292d10 {
justify-self: start
}
#w-node-_3e40a1e6-a24a-d9a3-ee39-65c7c373d5e4-29292d10 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_3e40a1e6-a24a-d9a3-ee39-65c7c373d5e5-29292d10 {
justify-self: end
}
#w-node-_12d447da-dfe2-7b14-aeb2-f88a0db90144-29292d10,
#w-node-_4a1a148b-b951-a10f-71d1-1216195abce0-2965e5e4,
#w-node-_4a1a148b-b951-a10f-71d1-1216195abce1-2965e5e4,
#w-node-_4a1a148b-b951-a10f-71d1-1216195abce2-2965e5e4,
#w-node-_53474ae2-c91f-64be-73ab-7c6e6df5cd6f-2965e5e4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ff651dd7-ee09-eb69-9f42-d9d67156a9b5-2965e5e4 {
grid-area: span 1/span 1/span 1/span 1;
align-self: auto;
justify-self: auto
}
#w-node-_10822719-2870-66cf-eb37-ef25d2593d6f-29292d4a,
#w-node-_10822719-2870-66cf-eb37-ef25d2593d73-29292d4a,
#w-node-_10822719-2870-66cf-eb37-ef25d2593d77-29292d4a,
#w-node-_10822719-2870-66cf-eb37-ef25d2593d7b-29292d4a,
#w-node-d43c1355-e170-9b34-ab15-43772ccd0a82-29292d4a,
#w-node-_45e0faf4-6388-81e7-e499-70caf117d9a8-29292d4a,
#w-node-_2398701b-8937-2e4a-afb8-e463d50e6f5d-29292d4a,
#w-node-_2c7416b7-e85f-3ab5-64fd-1642cd7c2319-68993a17,
#w-node-d417185e-c4c1-6415-f53e-4f074463a82c-68993a17 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-d66d4b61-6e64-9c7e-d179-9a4d2d33dc6b-68993a17 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-_9eb7f757-79e9-b2e2-8fc5-336778790b38-68993a17,
#w-node-_2a31abc2-f6ad-1188-80a2-ddc51ce9f453-68993a17,
#w-node-_310ad51b-3ada-b993-45e2-61a30074f9c1-68993a17,
#w-node-dcf0c722-4fd5-98d8-f248-e8f55ba83b4d-68993a17,
#w-node-_6cf5a591-bbcd-74a0-6966-886d86ab617f-68993a17 {
justify-self: start
}
#w-node-_9fd9da34-a753-adf0-2830-cf74f3e3290f-68993a17 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-_9fd9da34-a753-adf0-2830-cf74f3e32911-68993a17,
#w-node-_9fd9da34-a753-adf0-2830-cf74f3e32913-68993a17,
#w-node-_9a951183-0751-62b3-79e3-551be49af473-68993a17,
#w-node-_2ddaa2a8-33dd-f4f1-50fe-7aef9971ca91-68993a17,
#w-node-c3b749bc-dbdf-2cb1-64f3-d8d3ce126316-68993a17,
#w-node-_9fd9da34-a753-adf0-2830-cf74f3e32915-68993a17,
#w-node-e247d8ab-8fba-860b-efc9-ea24fdf77ae9-68993a17,
#w-node-e247d8ab-8fba-860b-efc9-ea24fdf77aeb-68993a17,
#w-node-_9fd9da34-a753-adf0-2830-cf74f3e32917-68993a17,
#w-node-_90b565b7-6b3b-8f4f-a1df-5336d957db4b-68993a17,
#w-node-e8c018f1-c192-59b0-ff6c-5481e27913ee-68993a17,
#w-node-_9fd9da34-a753-adf0-2830-cf74f3e32919-68993a17,
#w-node-_7d5a3ada-af63-0309-57de-7b761f3bc5a5-68993a17,
#w-node-e247d8ab-8fba-860b-efc9-ea24fdf77af1-68993a17,
#w-node-cb1a85db-d22e-d489-4ffc-4d7149e87b2c-68993a17,
#w-node-_265cffd8-7071-84b4-cfce-b18cae6f7937-68993a17,
#w-node-ad7f29d2-c7a9-98e2-96ae-c4084ee942a4-68993a17 {
justify-self: start
}
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a04f-68993a17 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a07f-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a081-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a083-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a085-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a087-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a089-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a08b-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a08d-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a08f-68993a17,
#w-node-_4a993123-3e6b-2b21-f36b-265cbfd5a091-68993a17 {
justify-self: start
}
#w-node-_258132ce-9187-c464-1cc7-3065cf065418-68993a17 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_258132ce-9187-c464-1cc7-3065cf06541c-68993a17,
#w-node-b6a429e9-1ad2-dcf5-d7bb-1f6903317a7f-68993a17,
#w-node-_67ff9bbb-cdc9-89c7-c79b-1630c8973c6e-68993a17,
#w-node-_2ed4c334-95b4-3e26-a6b5-1f8affc6b6f2-68993a17,
#w-node-f3b12df4-ffe1-91d3-e589-661b3628753b-68993a17,
#w-node-cd2a028f-2282-a8b4-9e10-2743ee5f9fa8-68993a17,
#w-node-c957c9b8-0e5c-f66a-4732-18a775bc3811-68993a17,
#w-node-cc233b17-d449-4cc3-ac9c-2a0a2ca19a3e-68993a17,
#w-node-d2c97761-f341-a75b-160e-74729fe0b368-68993a17,
#w-node-_3ca86013-4876-d79f-5213-d9832217fa97-68993a17,
#w-node-_5d420946-21c2-b757-67b5-2cb622c470f6-68993a17,
#w-node-_7f660285-2c40-0b19-e322-655b09b95681-68993a17 {
justify-self: start
}
#w-node-e4da4c37-ee58-167a-cbd7-451e68993ad4-68993a17,
#w-node-e4da4c37-ee58-167a-cbd7-451e68993ad7-68993a17,
#w-node-e4da4c37-ee58-167a-cbd7-451e68993ad9-68993a17,
#w-node-e4da4c37-ee58-167a-cbd7-451e68993ae7-68993a17,
#w-node-e4da4c37-ee58-167a-cbd7-451e68993aea-68993a17,
#w-node-e4da4c37-ee58-167a-cbd7-451e68993aec-68993a17,
#w-node-_63ed5b2c-c2bf-cd45-cbb3-7ccc62a930b0-68993a17,
#w-node-_63ed5b2c-c2bf-cd45-cbb3-7ccc62a930b3-68993a17,
#w-node-_63ed5b2c-c2bf-cd45-cbb3-7ccc62a930b5-68993a17 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_35b3fbb8-269a-7309-1c0e-39a1c6aea88a-68993a17 {
justify-self: end
}
#w-node-_77ede916-bcaa-8e40-3bab-b1f44284da15-4284da11,
#w-node-_77ede916-bcaa-8e40-3bab-b1f44284da1d-4284da11,
#w-node-_77ede916-bcaa-8e40-3bab-b1f44284da3f-4284da11,
#w-node-_77ede916-bcaa-8e40-3bab-b1f44284da53-4284da11,
#w-node-_77ede916-bcaa-8e40-3bab-b1f44284da67-4284da11,
#w-node-fe579d60-dfb8-4b28-bea9-68a4168a1cfd-29292d4e {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-fe579d60-dfb8-4b28-bea9-68a4168a1cfe-29292d4e {
justify-self: center
}
#w-node-fe579d60-dfb8-4b28-bea9-68a4168a1d04-29292d4e {
justify-self: end
}
#w-node-_351dfb9e-7a11-682d-589b-fa810a84b017-29292d4e,
#w-node-_351dfb9e-7a11-682d-589b-fa810a84b01d-29292d4e,
#w-node-_1f960042-283d-b354-6179-a8f51c14fefa-29292d51,
#w-node-_1f960042-283d-b354-6179-a8f51c14ff0a-29292d51,
#w-node-db7f389f-5d25-c9f5-6238-547d861d3d8c-29292d51,
#w-node-_02d262d3-d7e6-6cd9-1c3f-20e3987f5f25-29292d51,
#w-node-_495c77c1-f124-fb93-ad72-7fa638824167-29292d51,
#w-node-_02d262d3-d7e6-6cd9-1c3f-20e3987f5f32-29292d51,
#w-node-_59b5eba0-1edf-7528-2e16-cfac76736853-29292d51 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_59b5eba0-1edf-7528-2e16-cfac76736859-29292d51 {
align-self: auto;
justify-self: auto
}
#w-node-_59b5eba0-1edf-7528-2e16-cfac7673685a-29292d51,
#w-node-_59b5eba0-1edf-7528-2e16-cfac7673686a-29292d51 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_59b5eba0-1edf-7528-2e16-cfac76736879-29292d51 {
grid-area: span 1/span 1/span 1/span 1;
align-self: start;
justify-self: center
}
#w-node-c3bca568-da75-55b0-2ff4-e7b65d11bea5-29292d51 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-cb3fa543-f3e1-f4ae-fee4-57a21f76b98a-1f76b987 {
align-self: center
}
#w-node-cb3fa543-f3e1-f4ae-fee4-57a21f76b98b-1f76b987 {
align-self: center;
justify-self: center
}
#w-node-eaf69fb4-a003-d877-1717-2421a63b124d-29292d72,
#w-node-eaf69fb4-a003-d877-1717-2421a63b1250-29292d72,
#w-node-fac85ea5-3a0b-248c-8e1d-2e8e710f033d-29292d72,
#w-node-a9b58320-3372-a19e-00cb-c3b1b8eb2008-29292d72,
#w-node-a9b58320-3372-a19e-00cb-c3b1b8eb2016-29292d72,
#w-node-a9b58320-3372-a19e-00cb-c3b1b8eb201f-29292d72,
#w-node-a9b58320-3372-a19e-00cb-c3b1b8eb2022-29292d72,
#w-node-ae322494-deb8-365f-682e-95e0aa95c92d-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c92e-731eb3fb {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ae322494-deb8-365f-682e-95e0aa95c932-731eb3fb {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ae322494-deb8-365f-682e-95e0aa95c934-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c936-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c938-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c93a-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c93c-731eb3fb {
justify-self: start
}
#w-node-ae322494-deb8-365f-682e-95e0aa95c93e-731eb3fb {
grid-area: span 1/span 1/span 1/span 1;
justify-self: start
}
#w-node-ae322494-deb8-365f-682e-95e0aa95c940-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c942-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c944-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c946-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c948-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c94a-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c94c-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c94e-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c950-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c952-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c954-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c956-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c958-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c95a-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c95c-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c95e-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c960-731eb3fb {
justify-self: start
}
#w-node-ae322494-deb8-365f-682e-95e0aa95c963-731eb3fb {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ae322494-deb8-365f-682e-95e0aa95c967-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c969-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c96b-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c96d-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c96f-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c971-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c973-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c975-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c977-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c979-731eb3fb {
justify-self: start
}
#w-node-ae322494-deb8-365f-682e-95e0aa95c97c-731eb3fb {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ae322494-deb8-365f-682e-95e0aa95c980-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c982-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c984-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c986-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c988-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c98a-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c98c-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c98e-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c990-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c992-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c994-731eb3fb,
#w-node-ae322494-deb8-365f-682e-95e0aa95c996-731eb3fb {
justify-self: start
}
#w-node-_9941cf62-2e68-4944-4b35-b6f45f3aef87-731eb3fb,
#w-node-_9941cf62-2e68-4944-4b35-b6f45f3aef8a-731eb3fb,
#w-node-_9941cf62-2e68-4944-4b35-b6f45f3aef8c-731eb3fb,
#w-node-_9941cf62-2e68-4944-4b35-b6f45f3aef92-731eb3fb,
#w-node-_9941cf62-2e68-4944-4b35-b6f45f3aef95-731eb3fb,
#w-node-_9941cf62-2e68-4944-4b35-b6f45f3aef97-731eb3fb,
#w-node-_073d8df4-8c79-f3b9-5d68-c5a61615a052-731eb3fb,
#w-node-_073d8df4-8c79-f3b9-5d68-c5a61615a055-731eb3fb,
#w-node-_073d8df4-8c79-f3b9-5d68-c5a61615a057-731eb3fb {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_9941cf62-2e68-4944-4b35-b6f45f3aef9a-731eb3fb {
justify-self: end
}
#w-node-a10d2071-67ef-a851-72ee-50529d8c168d-29292d73,
#w-node-a10d2071-67ef-a851-72ee-50529d8c1698-29292d73,
#w-node-b2d0a315-0d37-8f94-1276-69c8cb05c496-29292d74 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b2d0a315-0d37-8f94-1276-69c8cb05c49c-29292d74,
#w-node-b2d0a315-0d37-8f94-1276-69c8cb05c4a5-29292d74 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-b2d0a315-0d37-8f94-1276-69c8cb05c4ae-29292d74,
#w-node-_9d9e9b40-2fcd-365a-4796-a2155ee597ba-29292d75,
#w-node-_9d9e9b40-2fcd-365a-4796-a2155ee597c5-29292d75,
#w-node-_8a69f0a3-3703-66a1-a9e8-15fa65bb8fa1-29292db8,
#w-node-_3765802c-5962-f183-5e4c-a8535ad5c287-29292db8,
#w-node-_8674d8bd-35a7-2a78-878a-a27ed97e94fc-29292db8,
#w-node-_5295ac57-e10e-4d15-6f70-85fd4216234f-29292db9,
#w-node-_0b7f7e71-b72d-890c-484c-d74e9d56997c-29292db9,
#w-node-ab94aced-e5eb-7bce-0cf4-1a2ec015922f-29292db9,
#w-node-_53483ce3-7674-1996-aa07-1310892a8738-29292db9,
#w-node-bc5844a6-ea39-66e1-8c58-c074947d6c70-29292db9,
#w-node-_59ff7c2b-3077-659b-1c80-666bf4182593-29292db9,
#w-node-e84a0258-59c6-4e26-3e7e-f5fbf78b2a98-29292db9,
#w-node-e35d2986-ae5b-7b3e-3425-b53180f07e89-29292db9,
#w-node-aca2e2ab-1628-460d-899d-5bda3e2ed91f-29292db9 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_3d5bbf07-1dbf-0707-8655-ddcc6d415e42-29292db9,
#w-node-b08a7463-6e39-bb8e-e0d7-b8fcb2916153-29292db9 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_2f065f40-e7f1-9ee0-c3c1-73c3142c5535-29292db9,
#w-node-_4978b2c2-5870-39d2-61cd-baf5c9df58d1-c9df58d0,
#w-node-_4978b2c2-5870-39d2-61cd-baf5c9df58d7-c9df58d0 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_4978b2c2-5870-39d2-61cd-baf5c9df58dd-c9df58d0 {
grid-area: span 1/span 1/span 1/span 1;
align-self: auto;
justify-self: auto
}
#w-node-_4978b2c2-5870-39d2-61cd-baf5c9df58e3-c9df58d0,
#w-node-ca7d339e-cc9c-8209-37ee-2b85a4fb5fb6-29292dbb,
#w-node-ca7d339e-cc9c-8209-37ee-2b85a4fb5fbe-29292dbb,
#w-node-ae947ab9-d174-a9e5-c24f-90cc00d9628e-29292dbb,
#w-node-ae947ab9-d174-a9e5-c24f-90cc00d96299-29292dbb,
#w-node-_231d0e7c-44a1-3c2e-9668-39bf54fef6fb-29292dda,
#w-node-_231d0e7c-44a1-3c2e-9668-39bf54fef70b-29292dda,
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfd6-29292dda {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfd8-29292dda {
grid-area: span 2/span 2/span 2/span 2
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfdf-29292dda {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfe6-29292dda {
grid-area: span 2/span 2/span 2/span 2
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfed-29292dda,
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcff4-29292dda {
grid-area: span 2/span 1/span 2/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcffb-29292dda {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd009-29292dda {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd010-29292dda {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd02b-29292dda {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd032-29292dda {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd01d-29292dda,
#w-node-_10b9da09-bbdd-ff8c-2804-98da4c06ca74-29292dda,
#w-node-_10b9da09-bbdd-ff8c-2804-98da4c06ca7a-29292dda {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_10b9da09-bbdd-ff8c-2804-98da4c06ca7e-29292dda {
justify-self: auto
}
#w-node-_10b9da09-bbdd-ff8c-2804-98da4c06ca85-29292dda {
justify-self: start
}
#w-node-e4df77ae-5024-9479-5bc0-2c14578b934c-29292ddc,
#w-node-e4df77ae-5024-9479-5bc0-2c14578b9353-29292ddc,
#w-node-e4df77ae-5024-9479-5bc0-2c14578b935a-29292ddc,
#w-node-e4df77ae-5024-9479-5bc0-2c14578b9370-29292ddc,
#w-node-e4df77ae-5024-9479-5bc0-2c14578b9377-29292ddc,
#w-node-e4df77ae-5024-9479-5bc0-2c14578b937e-29292ddc {
align-self: center;
justify-self: center
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce2-29292ddc {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce8-29292ddc,
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fc-29292ddc {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fd-29292ddc {
justify-self: end
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c900-29292ddc {
align-self: end;
justify-self: center
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c905-29292ddc {
justify-self: auto
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8f6-29292ddc,
#w-node-_9017726d-e54e-c9e6-6516-01ba4d711f8d-29292ddc {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-_9017726d-e54e-c9e6-6516-01ba4d711f93-29292ddc {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_041d45b3-6910-f087-b296-917c9c5e11a2-29292ddc {
align-self: auto;
justify-self: auto
}
#w-node-_653af5a6-2a16-8117-8659-5db1ae8e6fd7-29292ddd,
#w-node-_60e36cf8-4dfc-10c9-867f-7f3fa147cc3c-29292ddd {
justify-self: center
}
#w-node-_6f433f4f-b715-4a85-c411-22ad683637bf-29292ddf {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_6f433f4f-b715-4a85-c411-22ad683637c0-29292ddf {
justify-self: center
}
#w-node-add53d6e-5d89-25f5-22a6-d1c64055123d-29292ddf {
justify-self: end
}
#w-node-bc87ef9e-f440-d4bc-30d8-88792e3171d0-29292ddf {
grid-area: span 1/span 1/span 1/span 1;
align-self: end
}
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5aa-29292ddf,
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5b0-29292ddf {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5b4-29292ddf {
justify-self: auto
}
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5bb-29292ddf {
justify-self: start
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff868a-29292ddf {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8693-29292ddf {
grid-area: 3/1/4/2
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8695-29292ddf {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8699-29292ddf {
grid-area: 1/1/2/2
}
#w-node-_5445b5f2-53c5-a967-9d15-5b591f4d7a83-29292dff {
align-self: stretch
}
#w-node-_5467df33-52f3-4e77-1639-58f02b322303-29292e15,
#w-node-_5467df33-52f3-4e77-1639-58f02b32230a-29292e15,
#w-node-_5467df33-52f3-4e77-1639-58f02b322318-29292e15,
#w-node-_54e04565-c9a6-c225-46cb-f556176a4f7a-29292e15,
#w-node-_54e04565-c9a6-c225-46cb-f556176a4f81-29292e15,
#w-node-_54e04565-c9a6-c225-46cb-f556176a4f88-29292e15 {
align-self: center;
justify-self: center
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce2-29292e15 {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce8-29292e15,
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fc-29292e15 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fd-29292e15 {
justify-self: end
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8f6-29292e15,
#w-node-_9017726d-e54e-c9e6-6516-01ba4d711f8d-29292e15 {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-_9017726d-e54e-c9e6-6516-01ba4d711f93-29292e15 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_041d45b3-6910-f087-b296-917c9c5e11a2-29292e15 {
align-self: auto;
justify-self: auto
}
#w-node-f703107f-ca98-9ffc-7377-7028e07a16f0-29292e23,
#w-node-_5c7bd949-f0ee-5181-6fbb-e42473542c2a-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e5bcde83-1089-344e-90dc-3599c024f4db-29292e23 {
grid-area: 2/2/3/3
}
#w-node-_7a63460b-59d0-757e-7806-9fa6633d6096-29292e23 {
grid-area: 3/1/4/2
}
#w-node-cca523bc-fad7-ef29-270e-44d24d465c54-29292e23 {
grid-area: 3/2/4/3
}
#scroll.w-node-_6b9541e6-a155-5261-f431-f7b58c792a4b-29292e23,
#w-node-_6b9541e6-a155-5261-f431-f7b58c792a58-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2486a942-2d62-c878-5cbf-37b3a28e761b-29292e23 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_2486a942-2d62-c878-5cbf-37b3a28e7629-29292e23,
#w-node-_2486a942-2d62-c878-5cbf-37b3a28e7631-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_2486a942-2d62-c878-5cbf-37b3a28e7638-29292e23,
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed55-29292e23 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed63-29292e23,
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed6b-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed72-29292e23,
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed81-29292e23 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed8f-29292e23,
#w-node-_20cf181f-03ec-a8f7-8e45-5575ab78be9b-29292e23,
#w-node-_71a65de4-7538-990f-b01b-f49c337f2d65-29292e23,
#w-node-f91abf1a-e6ba-971b-8813-6bf36de46af0-29292e23,
#w-node-c6c8c8b6-5986-7162-034a-bc417e501e74-29292e23,
#w-node-e374910e-7006-cfee-0a93-54732856a971-29292e23,
#w-node-_96abadb9-1987-caf3-d391-11bc2c12e977-29292e23,
#w-node-_99d3075b-2844-e52b-025c-5c666a979d96-29292e23,
#w-node-_99d3075b-2844-e52b-025c-5c666a979d9d-29292e23,
#w-node-_99d3075b-2844-e52b-025c-5c666a979db4-29292e23,
#w-node-_99621fe3-a4af-cc43-f4cd-315fd80e545e-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_99621fe3-a4af-cc43-f4cd-315fd80e5464-29292e23 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-daaec7b4-f024-83eb-8771-cbc53edf719a-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-daaec7b4-f024-83eb-8771-cbc53edf719f-29292e23 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_871283bf-fcba-a6cb-6dc5-0d3cbcfdc093-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_871283bf-fcba-a6cb-6dc5-0d3cbcfdc099-29292e23,
#w-node-_7a1a7dc2-3bda-6155-dea8-e06a4cca24ed-29292e23 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_871283bf-fcba-a6cb-6dc5-0d3cbcfdc0b5-29292e23,
#w-node-_7a57fea6-52ac-8e39-2376-aaabef51d898-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_7a57fea6-52ac-8e39-2376-aaabef51d89e-29292e23,
#w-node-_7a57fea6-52ac-8e39-2376-aaabef51d8a5-29292e23 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: center
}
#w-node-_7a57fea6-52ac-8e39-2376-aaabef51d8ae-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-ecadc2fb-93a0-2f4f-7697-ddf187ed57cd-29292e23 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-ecadc2fb-93a0-2f4f-7697-ddf187ed57ce-29292e23,
#w-node-ecadc2fb-93a0-2f4f-7697-ddf187ed57d4-29292e23,
#w-node-ecadc2fb-93a0-2f4f-7697-ddf187ed57da-29292e23,
#w-node-_2d5bb420-bdf6-bdde-bf69-8717bd42e53a-29292e24,
#w-node-_2d5bb420-bdf6-bdde-bf69-8717bd42e541-29292e24,
#w-node-_2d5bb420-bdf6-bdde-bf69-8717bd42e548-29292e24,
#w-node-_67fa9ea3-e663-32f6-8b43-8465896dc271-29292e38,
#w-node-_67fa9ea3-e663-32f6-8b43-8465896dc283-29292e38 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce2-29292e38 {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce8-29292e38 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_90fe4bbb-384a-4f61-d8f6-48c2bad5a9c2-29292e38 {
justify-self: end
}
#w-node-_9017726d-e54e-c9e6-6516-01ba4d711f93-29292e38 {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_9017726d-e54e-c9e6-6516-01ba4d711f8d-29292e38 {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-f07b3fca-0caf-3244-e7d7-99659032f9fe-29292e38 {
justify-self: end
}
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11a3-29292e3b,
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11b1-29292e3b,
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11c4-29292e3b,
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11b8-29292e3b,
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11bf-29292e3b,
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11cb-29292e3b,
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11d2-29292e3b,
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11d7-29292e3b,
#w-node-f965e08c-8eac-2c12-cdd5-d343d36b11de-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d63e8-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d63ef-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d63f6-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d63fd-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d6404-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d6409-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d6410-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d6417-29292e3b,
#w-node-_6657b9e1-b1f2-93d0-7716-981a900d641e-29292e3b {
align-self: center;
justify-self: center
}
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b156-29292e3b {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b15b-29292e3b {
grid-area: 1/1/2/2
}
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b15c-29292e3b {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b15d-29292e3b {
grid-area: 1/1/3/2
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fc-29292e3b {
grid-area: span 1/span 1/span 1/span 1;
justify-self: auto
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fd-29292e3b {
justify-self: end
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c905-29292e3b {
grid-area: 3/1/4/2
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8f6-29292e3b {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fa-29292e3b {
grid-area: 1/1/2/2
}
#w-node-f1dff8d1-a24c-d2a6-f4b7-0495706a135e-29292e3b {
grid-area: span 1/span 1/span 1/span 1;
align-self: stretch
}
#w-node-f1dff8d1-a24c-d2a6-f4b7-0495706a1363-29292e3b {
grid-area: 1/1/2/2
}
#w-node-f1dff8d1-a24c-d2a6-f4b7-0495706a1364-29292e3b {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-f1dff8d1-a24c-d2a6-f4b7-0495706a1365-29292e3b {
grid-area: 1/1/2/2
}
#w-node-_041d45b3-6910-f087-b296-917c9c5e11a2-29292e3b {
align-self: auto;
justify-self: auto
}
#w-node-c35facf3-2507-dbfa-4b81-ea98c86aafb6-fdff252c,
#w-node-_2597ce85-9035-294e-6808-71264905e3cc-fdff252c,
#w-node-_588f2b56-927c-869f-0a49-b067cc41db7e-fdff252c {
justify-self: auto
}
@media screen and (min-width:1920px) {
#w-node-_12d447da-dfe2-7b14-aeb2-f88a0db90148-29292d10 {
align-self: end;
justify-self: end
}
#w-node-_12d447da-dfe2-7b14-aeb2-f88a0db90149-29292d10 {
justify-self: end
}
#w-node-_53474ae2-c91f-64be-73ab-7c6e6df5cd6f-2965e5e4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_10b9da09-bbdd-ff8c-2804-98da4c06ca78-29292dda {
grid-area: span 1/span 1/span 1/span 1;
align-self: auto;
justify-self: end
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce6-29292ddc {
align-self: end;
justify-self: end
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce7-29292ddc {
justify-self: end
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fa-29292ddc {
align-self: end;
justify-self: end
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fb-29292ddc {
justify-self: end
}
#w-node-_041d45b3-6910-f087-b296-917c9c5e11a2-29292ddc {
align-self: auto;
justify-self: auto
}
#w-node-_28b28ce3-7f41-3415-a870-1e4e60544c95-29292ddd,
#w-node-_60e36cf8-4dfc-10c9-867f-7f3fa147cc3f-29292ddd {
justify-self: auto
}
#w-node-add53d6e-5d89-25f5-22a6-d1c64055123d-29292ddf {
justify-self: end
}
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5af-29292ddf {
grid-area: span 1/span 1/span 1/span 1;
align-self: auto;
justify-self: auto
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8699-29292ddf {
align-self: end;
justify-self: end
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff869a-29292ddf {
justify-self: end
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce6-29292e15 {
align-self: end;
justify-self: end
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce7-29292e15 {
justify-self: end
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fa-29292e15 {
align-self: end;
justify-self: end
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fb-29292e15 {
justify-self: end
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce6-29292e38 {
align-self: end;
justify-self: end
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce7-29292e38,
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b15a-29292e3b {
justify-self: end
}
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b15b-29292e3b,
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fa-29292e3b {
align-self: end;
justify-self: end
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fb-29292e3b {
justify-self: end
}
}
@media screen and (min-width:1440px) {
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd02b-29292dda {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8695-29292ddf {
align-self: auto
}
}
@media screen and (min-width:1280px) {
#w-node-_4a1a148b-b951-a10f-71d1-1216195abce1-2965e5e4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b15b-29292e3b,
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fa-29292e3b,
#w-node-f1dff8d1-a24c-d2a6-f4b7-0495706a1363-29292e3b {
grid-area: 1/1/2/2
}
}
@media screen and (max-width:991px) {
#w-node-_32911125-00f6-b6c8-46f9-20f7d8d23919-29292d10 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-e4da4c37-ee58-167a-cbd7-451e68993a19-68993a17 {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-e4da4c37-ee58-167a-cbd7-451e68993ac6-68993a17 {
grid-column: span 3/span 3
}
#w-node-e4da4c37-ee58-167a-cbd7-451e68993abe-68993a17 {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-cb3fa543-f3e1-f4ae-fee4-57a21f76b98a-1f76b987 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center;
justify-self: center
}
#w-node-a9b58320-3372-a19e-00cb-c3b1b8eb2022-29292d72 {
grid-area: 1/1/2/2
}
#w-node-_8bf9ca97-5ff3-4617-0d5e-6051731eb408-731eb3fb {
grid-area: span 1/span 3/span 1/span 3
}
#w-node-_8bf9ca97-5ff3-4617-0d5e-6051731eb486-731eb3fb {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfd8-29292dda {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfdf-29292dda {
grid-column: span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfe6-29292dda {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcfed-29292dda,
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcff4-29292dda {
grid-row: span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dcffb-29292dda,
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd010-29292dda {
grid-area: span 1/span 2/span 1/span 2
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd032-29292dda {
grid-column: span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd01d-29292dda {
order: 9999;
grid-area: span 1/span 2/span 1/span 2
}
#w-node-_5445b5f2-53c5-a967-9d15-5b591f4d7a83-29292dff {
align-self: center;
justify-self: center
}
}
@media screen and (max-width:767px) {
#w-node-_1cc061d8-23b5-6b36-7c1e-024b060ca50d-29292d10 {
grid-area: 1/1/2/2
}
#w-node-_3e40a1e6-a24a-d9a3-ee39-65c7c373d5e4-29292d10 {
grid-area: 2/1/2/2
}
#w-node-_12d447da-dfe2-7b14-aeb2-f88a0db90148-29292d10,
#w-node-_1f960042-283d-b354-6179-a8f51c14ff0a-29292d51,
#w-node-_59b5eba0-1edf-7528-2e16-cfac76736853-29292d51 {
grid-area: 1/1/2/2
}
#w-node-cb3fa543-f3e1-f4ae-fee4-57a21f76b98a-1f76b987 {
grid-area: span 2/span 1/span 2/span 1;
align-self: center;
justify-self: center
}
#w-node-a9b58320-3372-a19e-00cb-c3b1b8eb2008-29292d72 {
grid-area: 1/1/2/2
}
#w-node-a9b58320-3372-a19e-00cb-c3b1b8eb2016-29292d72,
#w-node-a9b58320-3372-a19e-00cb-c3b1b8eb201f-29292d72 {
grid-area: 2/1/3/2
}
#w-node-a10d2071-67ef-a851-72ee-50529d8c1698-29292d73 {
grid-area: 1/1/2/2
}
#w-node-b2d0a315-0d37-8f94-1276-69c8cb05c4ae-29292d74 {
grid-area: 3/1/4/2
}
#w-node-_9d9e9b40-2fcd-365a-4796-a2155ee597c5-29292d75,
#w-node-ca7d339e-cc9c-8209-37ee-2b85a4fb5fbe-29292dbb,
#w-node-ae947ab9-d174-a9e5-c24f-90cc00d96299-29292dbb,
#w-node-_231d0e7c-44a1-3c2e-9668-39bf54fef70b-29292dda {
grid-area: 1/1/2/2
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd010-29292dda {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-e947abbc-573e-f2af-61c3-d39ad71dd01d-29292dda {
grid-column: span 1/span 1
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fc-29292ddc,
#w-node-b8319a99-7956-c2f4-1c55-0be15dff868a-29292ddf {
grid-area: 2/1/2/2
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8695-29292ddf {
grid-area: 1/1/2/2
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8699-29292ddf {
order: -9999
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fc-29292e15 {
grid-area: 2/1/2/2
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fa-29292e15,
#w-node-_2486a942-2d62-c878-5cbf-37b3a28e7629-29292e23 {
grid-area: 1/1/2/2
}
#w-node-_2486a942-2d62-c878-5cbf-37b3a28e7638-29292e23 {
grid-area: 2/1/3/2
}
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed63-29292e23 {
grid-area: 1/1/2/2
}
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed72-29292e23 {
grid-area: 2/1/3/2
}
#w-node-_8cd98ff4-6de3-0757-4f18-ccb261aaed8f-29292e23 {
grid-area: 1/1/2/2
}
#w-node-_871283bf-fcba-a6cb-6dc5-0d3cbcfdc0b5-29292e23,
#w-node-_7a57fea6-52ac-8e39-2376-aaabef51d8ae-29292e23 {
grid-area: 3/1/4/2
}
#w-node-_67fa9ea3-e663-32f6-8b43-8465896dc283-29292e38 {
grid-area: 1/1/2/2
}
#w-node-_9017726d-e54e-c9e6-6516-01ba4d711f93-29292e38 {
grid-area: 2/1/2/2;
justify-self: auto
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fc-29292e3b {
grid-area: 2/1/2/2
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8f6-29292e3b {
grid-area: 1/1/2/2
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fa-29292e3b {
order: -9999
}
#w-node-_041d45b3-6910-f087-b296-917c9c5e11a2-29292e3b {
align-self: auto;
justify-self: auto
}
}
@media screen and (max-width:479px) {
#w-node-_32911125-00f6-b6c8-46f9-20f7d8d23919-29292d10 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_32911125-00f6-b6c8-46f9-20f7d8d23921-29292d10 {
justify-self: auto
}
#w-node-_2aaf2787-4a39-ef91-d5d9-dd48083da61b-29292d10,
#w-node-_2aaf2787-4a39-ef91-d5d9-dd48083da620-29292d10,
#w-node-_2aaf2787-4a39-ef91-d5d9-dd48083da62b-29292d10 {
align-self: auto;
justify-self: auto
}
#w-node-_2aaf2787-4a39-ef91-d5d9-dd48083da62d-29292d10 {
justify-self: center
}
#w-node-_3e40a1e6-a24a-d9a3-ee39-65c7c373d5e3-29292d10 {
align-self: auto;
justify-self: auto
}
#w-node-_3e40a1e6-a24a-d9a3-ee39-65c7c373d5e4-29292d10 {
justify-self: auto
}
#w-node-_4a1a148b-b951-a10f-71d1-1216195abce2-2965e5e4 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-_53474ae2-c91f-64be-73ab-7c6e6df5cd6f-2965e5e4 {
align-self: auto;
justify-self: auto
}
#w-node-_0aa41709-3751-d541-eebf-6eb4a0ec68c7-2965e5e4,
#w-node-_0aa41709-3751-d541-eebf-6eb4a0ec68d2-2965e5e4 {
align-self: center;
justify-self: center
}
#w-node-cb3fa543-f3e1-f4ae-fee4-57a21f76b98a-1f76b987 {
grid-area: span 1/span 1/span 1/span 1;
align-self: center;
justify-self: center
}
#w-node-_947ea49c-4f48-82e7-7aed-d20179e26843-29292d72,
#w-node-eaf69fb4-a003-d877-1717-2421a63b1253-29292d72 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-b08a7463-6e39-bb8e-e0d7-b8fcb2916153-29292db9 {
grid-area: 3/1/4/4
}
#w-node-_30606b17-c059-fbef-0325-ef70143ec8b0-29292db9 {
grid-area: 2/1/3/4
}
#w-node-_10b9da09-bbdd-ff8c-2804-98da4c06ca7b-29292dda,
#w-node-_10b9da09-bbdd-ff8c-2804-98da4c06ca85-29292dda {
justify-self: center
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce9-29292ddc {
align-self: auto;
justify-self: auto
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fd-29292ddc {
justify-self: center
}
#w-node-_653af5a6-2a16-8117-8659-5db1ae8e6fd5-29292ddd {
justify-self: auto
}
#w-node-_653af5a6-2a16-8117-8659-5db1ae8e6ff7-29292ddd {
align-self: auto;
justify-self: center
}
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5b0-29292ddf {
align-self: auto;
justify-self: auto
}
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5b1-29292ddf {
align-self: center;
justify-self: center
}
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5b9-29292ddf {
grid-area: span 1/span 1/span 1/span 1;
align-self: auto;
justify-self: auto
}
#w-node-_8cf98ef2-c74d-e182-f181-66fe67c1e5bb-29292ddf {
justify-self: center
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8689-29292ddf {
align-self: auto;
justify-self: auto
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff868a-29292ddf,
#w-node-b8319a99-7956-c2f4-1c55-0be15dff868b-29292ddf {
align-self: center;
justify-self: center
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff868e-29292ddf {
justify-self: auto
}
#w-node-a8e759d7-9917-4dbd-3ce1-f0670ea434e0-29292ddf {
justify-self: center
}
#w-node-b8319a99-7956-c2f4-1c55-0be15dff8699-29292ddf {
grid-area: span 1/span 1/span 1/span 1;
align-self: auto;
justify-self: auto
}
#w-node-e5bcde83-1089-344e-90dc-3599c024f4db-29292e23,
#w-node-_7a63460b-59d0-757e-7806-9fa6633d6096-29292e23,
#w-node-cca523bc-fad7-ef29-270e-44d24d465c54-29292e23 {
grid-area: span 1/span 1/span 1/span 1
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce1-29292e38 {
align-self: center;
justify-self: center
}
#w-node-bd34a92c-746b-884f-928f-207a15988ce6-29292e38 {
align-self: stretch;
justify-self: stretch
}
#w-node-_9017726d-e54e-c9e6-6516-01ba4d711f91-29292e38 {
grid-area: 1/1/2/2
}
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b15c-29292e3b {
align-self: center;
justify-self: center
}
#w-node-_59330190-526f-d1e8-ae21-045b9fd7b15d-29292e3b {
justify-self: center
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8f5-29292e3b,
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fc-29292e3b {
align-self: auto;
justify-self: auto
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c900-29292e3b {
justify-self: auto
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c905-29292e3b {
grid-column-start: 1
}
#w-node-_74abe5da-8299-74f6-8583-277092d9c8fa-29292e3b {
grid-area: span 1/span 1/span 1/span 1;
align-self: auto;
justify-self: auto
}
#w-node-f1dff8d1-a24c-d2a6-f4b7-0495706a135d-29292e3b {
align-self: center;
justify-self: center
}
#w-node-f1dff8d1-a24c-d2a6-f4b7-0495706a1363-29292e3b {
align-self: auto;
justify-self: auto
}
}
@font-face {
font-family: 'Wulkan';
src: url('../6481cbb660ae807f1d8b077f_WulkanDisplayItalic.woff') format('woff');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Wulkan';
src: url('../6481cbbeb30ca30eeeaae055_WulkanDisplayMedium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Wulkan';
src: url('../6481cbd9089ab3e7de49f519_WulkanDisplayMediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Wulkan';
src: url('../6481cbf302aa60dbb2d665c2_WulkanDisplayRegular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6554a253fe76a59ee599da50_Montserrat-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6554a1fc4caf3b9535e08743_Montserrat-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6554a30faf25acedf68dbbd2_Montserrat-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}