body {
color: #3c3c3c;
font-family: "Barlow", sans-serif;
font-size: 1.2em;
line-height: 1.5em;
font-style: normal; }

.container {
max-width: 1150px; }

#top-bar {
background-color: white;
box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
display: flex;
align-items: center;
justify-content: space-between;
height: 70px;
padding: 0 20px; }

#top-bar a {
color: #3c3c3c; }

.center-menu {
position: absolute;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 1.5rem; }

.center-menu a {
text-decoration: none;
color: #333;
font-weight: 500; }

.logo-img {
border-radius: 50%;
background-color: #fff;
aspect-ratio: 1/1;
position: relative;
z-index: 50;
padding: 30px 50px; }

.logo-img img {
margin-top: 35px; }

.social-icons i {
font-size: 1.3rem;
color: #333;
margin-left: 15px;
cursor: pointer; }

.phone-icon i {
font-size: 1.3rem;
color: #333;
cursor: pointer; }

#hero {
color: white;
background-image: url('../img/header2.jpg');
background-repeat: no-repeat;
background-position: center 60%;
background-size: cover; }

#hero .row {
margin-top: 200px; }

#hero h1 {
text-shadow: 0 0 3px #000;
font-weight: 600;
font-size: 3.0em; }

#hero p {
text-shadow: 0 0 3px #000;
font-size: 1.2em; }

#about-us {
padding-bottom: 85px;
background-image: url('../img/white-bg.png');
background-repeat: no-repeat;
background-size: auto 75px;
background-position: center 100%; }

#about-us h3 {
color: #7F5A2B;}

#about-img {
overflow: hidden;
object-fit: cover;
height: 80%;
width: auto; }

#trips {
color: white;
background-image: url('../img/trips-bg.jpg');
background-repeat: no-repeat;
background-position: center 20%;
background-size: cover; }

.trip {
font-size: 0.9em;
background-repeat: no-repeat;
background-position: center 20%;
background-size: cover;
aspect-ratio: 1/1.3; }

.trip-info {
position: absolute;
margin: 0 30px;
background-color: white;
color: #3c3c3c;
bottom: -60px; }

.trip-info h3 {
color: #7F5A2B; }

.trip-info p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
font-size: 0.9em;
text-overflow: ellipsis;
line-height: 1.5rem;
max-height: 4.4rem; }

.trip-info a {
font-weight: 400;
text-decoration: none;
color: #5CAF11; }

.switch {
color: white;
width: fit-content; }

.switch-item:hover {
cursor: pointer; }

.brown {
color: #7F5A2B; }

.brown-bg, .submit_button {
color: white;
font-size: 0.8em;
border: 3px solid #7F5A2B;
background-color: #7F5A2B; }

.green-bg {
background-color: #91bd63; }

.trans-bg {
background-color: transparent; }

.green2-bg {
background-color: #5CAF11; }

h2 {
font-weight: 600;
font-size: 1.8em; }

#gallery {
padding-bottom: 85px;
background-image: url('../img/white-bg.png');
background-repeat: no-repeat;
background-size: auto 75px;
background-position: center 100%; }

.gallery {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 0px; }

.div1 {
aspect-ratio: 1/1;
grid-column: span 2 / span 2;
grid-row: span 2 / span 2; }

.div2 {
aspect-ratio: 2/1;
grid-column: span 2 / span 2;
grid-column-start: 3; }

.div3 {
aspect-ratio: 1/1;
grid-column-start: 3;
grid-row-start: 2; }

.div4 {
aspect-ratio: 1/1;
grid-column-start: 4;
grid-row-start: 2; }

.div5 {
aspect-ratio: 1/1; }

.gallery-icon {
transition: transform 0.3s ease;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
cursor: pointer; }

.gallery-icon:hover {
transform: translate(-50%, -50%) scale(1.1); }

.gallery .photo {
position: relative;
border: 5px solid white;
width: 100%;
height: 100%;
object-fit: cover;
display: block; }

.hidden {
display: none; }

#prices {
background-image: url('../img/prices-bg.jpg');
background-repeat: no-repeat;
background-position: center 20%;
background-size: cover; }

.pricelist {
background-color: white; }

.price-note {
color: #999;
font-size: 0.8em; }

#contact {
color: white; }

#contact a {
color: white; }

#map {
margin: 0;
border: 0;
padding: 0;
width: 100%;
height: 100%; }

#footer a {
text-decoration: none;
color: #7F5A2B; }

.green-button {
transition: transform 0.3s ease;
background-color: #87BE4E;
color: white;
text-decoration: none;
font-size: 0.9em;
text-align: center;
height: 2.5em;
line-height: 2.5em;
display: inline-block;
width: 180px; }

.green-button:hover,
.white-button:hover {
transform: scale(1.1); }

.white-button {
transition: transform 0.3s ease;
color: #87BE4E;
background-color: white;
text-decoration: none;
font-size: 0.9em;
text-align: center;
height: 2.5em;
line-height: 2.5em;
display: inline-block;
width: 180px; }

#notice {
background-color: #f3efea; }

#notice_title {
min-width: 150px;
   display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5rem;
    max-height: 3rem; } }

#notice_text {
font-size: 0.9em; }

.form_bg {
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #F3EFEA 50%, #F3EFEA 100%); }

.form {
background-color: #87BE4E; }