body {margin-top: 60px !important;}
.global_header {all: unset; position: fixed; left: 0px; top: 0px; right: 0px; display: block; height: 60px; background: #e0b560; z-index: 999999; box-shadow: 0px 2px 5px #00000060;}
.global_header[scroll] {all: unset; position: fixed; left: 0px; top: 0px; right: 0px; display: block; height: 60px; background: #e0b560; z-index: 999999; box-shadow: 0px 2px 5px #00000060;}
.global_header .header_content {all: unset; position: relative; display: flex; align-items: center; padding: 0px 15px !important; height: 100%; gap: 15px;}
.global_header .header_content .header_title {position: relative; display: block;}
.global_header .header_content .header_title .page_title {font-size: 24px !important;}
.global_header .header_content .hamburger {position: relative; display: grid !important; place-items: center; height: 40px; width: 40px;}
.global_header .header_content .hamburger svg {height: 24px; width: 24px;}
.global_header .header_content .header_navigation {all: unset; position: fixed; left: 10px; top: 70px; right: 10px; border-radius: 10px; box-shadow: 0px 5px 15px #00000060; background: #ffffff; padding: 10px 0px; box-sizing: border-box; color: transparent !important; transform: translateX(-120%) scale(.7); transform-origin: 130% -40%; transition: .2s; opacity: 0;}
.global_header .header_content .header_navigation[visible] {transform: translateX(0%) scale(1); opacity: 1;}
.global_header .header_content .header_navigation a {all: unset; position: relative; display: block; padding: 15px 20px; font: 700 16px Roboto; color: #000000;}
.global_header.light:not([scroll]) .header_title .page_title {color: #000000}
.global_header.light:not([scroll]) .header_navigation {color: #000000}
.global_header.light:not([scroll]) .header_navigation a {color: #000000}
.global_header.light:not([scroll]) .header_navigation a:hover {color: #000000}
.global_header.light:not([scroll]) {background: #e0b560;}

.global_background {display: none !important;}

.page_container.wide {max-width: unset;}
.page_container {all: unset; position: relative; display: block;}

.homepage_banner {all: unset; position: relative; display: block; height: 300px;}

.homepage_maincontainer {all: unset; position: relative; display: block;}

.generic_container {all: unset; position: relative; display: block; padding: 30px 15px;}
.generic_container.blur {backdrop-filter: unset; -webkit-backdrop-filter: unset;}
.generic_container > .title {all: unset; position: relative; display: block; font: 900 24px Roboto Condensed; color: #000000; text-transform: uppercase;}
.generic_container > .title::after {all: unset;}
.generic_container .honey_types {margin-top: 15px}
.generic_container .honey_types .item {padding: 15px}
.generic_container .honey_types .item .desc {color: #000000 !important}

.generic_container .images_page_container .container-gallery .list {grid-template-columns: 1fr 1fr;}
.generic_container .images_page_container .container-gallery .list img {box-shadow: 0px 2px 5px #000000c0;}

.generic_container .offer_container {position: relative; display: block; margin-top: 30px; margin: 0px -15px -15px -15px; overflow-y: scroll;}
.generic_container .offer_container table thead {font: 900 20px Roboto Condensed; color: #000000}
.generic_container .offer_container table thead th:first-of-type {min-width: 200px !important;}
.generic_container .offer_container table tbody {font: 600 16px Roboto Condensed; color: #000000}
.generic_container .offer_container table tbody td .desc {font-size: 13px;}

.about_image_container {all: unset; position: relative; display: block; height: 300px;}
.about_image_container img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-position: center 35%; object-fit: cover}
.about_text_container {all: unset; position: relative; display: block; background: #fffffff0; padding: 35px; border-radius: 0px; box-shadow: 0px 5px 15px #00000050; box-sizing: border-box;}
.about_text_container .text {position: relative; display: block; font: 400 16px/24px Roboto Condensed; color: #000000}
.about_text_container .text b {font-weight: 700;}
.about_text_container .text h1 {margin: 0;}

.global_gallery_container .close svg {height: 32px; width: 32px;}
.global_gallery_container .main_image_container .controls .controlitem {width: unset;}
.global_gallery_container .main_image_container .controls .controlitem.previous {padding: 0px 20px !important}
.global_gallery_container .main_image_container .controls .controlitem.next {padding: 0px 20px !important}
.global_gallery_container .main_image_container .controls .controlitem svg {height: 32px; width: 32px;}

.error_page {all: unset; position: fixed; inset: 0px; padding: 15px; background: #00000030; height: 100vh;}
.error_page .icon {position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%) rotate(-10deg) scale(4);}
.error_page .details {all: unset; position: relative; display: grid; grid-template-columns: 1fr; align-items: center; justify-items: center; height: 100%; align-content: center;}
.error_page .details .more {margin-top: 50px;}
.error_page .details .more .title {text-align: center; font-size: 40px;}
.error_page .details .more .desc {text-align: center; font-size: 16px;}

.global_footer {backdrop-filter: none; -webkit-backdrop-filter: none; padding: 50px 25px 25px 25px !important}
.global_footer .footer_content {padding: unset;}
.global_footer .footer_content .line1 .page_title {font-size: 30px;}
.global_footer .footer_content .line2 {flex-direction: column; gap: 25px;}
.global_footer .footer_content .line2 .empty {display: none;}