:root {
  --page-width: 1200px;
  --page-header-height: 75px;
}

body {margin: 0px; background-color: #c4af85; user-select: none; margin-top: var(--page-header-height);}
[selectable] {user-select: text !important;}
a {text-decoration: unset; color: unset}

::-webkit-scrollbar {height: 12px; width: 14px; background: transparent; z-index: 12; overflow: visible;}
::-webkit-scrollbar-corner {background: transparent;}
::-webkit-scrollbar-thumb {width: 10px; background: #00000070; border-radius: 10px; z-index: 12; border: 4px solid rgba(0,0,0,0); background-clip: padding-box; transition: background-color .32s ease-in-out; margin: 4px; min-height: 32px; min-width: 32px;}

[anim-hover] {transition: .15s;}
[anim-hover]:hover {transform: translateY(-3px);}
[anim-hover]:active {transform: translateY(-1px);}

input[error], textarea[error] {box-shadow: 0px 2px 5px #ffaa00, 0px 0px 0px 2px #ffaa00;}

input, textarea {position: relative; outline: #00aaff; display: block; background: #ffffff20; border: none; padding: 8px 15px; width: 100%; font: 600 14px Roboto; color: #000000; border-radius: 5px; box-sizing: border-box;}
input::placeholder, textarea::placeholder {color: #00000070}
textarea {min-height: 100px;}
select {position: relative; outline: #00aaff; display: block; background: #ffffff20; border: none; padding: 7px 11px; width: 100%; font: 600 14px Roboto; color: #000000; border-radius: 5px;}
button {position: relative; display: block; border: none; background: #ffffff20; cursor: pointer; padding: 9px 15px; font: 600 14px Roboto; text-transform: uppercase; border-radius: 4px; transition: .15s;}
button:hover {box-shadow: 0px 3px 8px #00000030; transform: translateY(-3px); background: #ffffff40;}
button:active {box-shadow: 0px 2px 4px #00000030; transform: translateY(-1px); background: #ffffff60;}

button[primary] {background: #ffe4af;}
button[primary]:hover {background: #ffeecb;}
button[primary]:active {background: #ffe0a2;}


.global_header {position: fixed; left: 0px; top: 0px; right: 0px; background: linear-gradient(to bottom, #ffffff30, #77613600); z-index: 99999; transition: .2s; height: 100px;}
.global_header[scroll] {background: #e0b560c0; backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); box-shadow: 0px 2px 5px #00000060; height: 75px;}
.global_header .header_content {position: relative; display: flex; flex-direction: row; align-items: center; height: 100%; gap: 25px; justify-content: space-between; margin: 0px auto; padding: 0px 50px; max-width: var(--page-width);}
.global_header .header_content .header_title {position: relative; display: block;}
.global_header .header_content .header_title .page_title {position: relative; display: block; font: 600 30px/30px Roboto Condensed; color: #000}
.global_header .header_content .hamburger {display: none !important}
.global_header .header_content .header_navigation {position: relative; display: flex; flex-direction: row; gap: 25px; flex-grow: 1; padding: 5px 25px 0px 25px;}
.global_header .header_content .header_navigation a {position: relative; display: block; text-decoration: none; font: 600 15px Roboto; color: #000000; text-transform: uppercase;}
.global_header .header_content .header_navigation a:hover {text-decoration: underline; color: #42361d}
.global_header.light:not([scroll]) .header_title .page_title {color: #ffffff}
.global_header.light:not([scroll]) .header_navigation {color: #ededed}
.global_header.light:not([scroll]) .header_navigation a {color: #ededed}
.global_header.light:not([scroll]) .header_navigation a:hover {color: #ffffff}
.global_header.light:not([scroll]) {background: linear-gradient(to bottom, #000000A0, #00000000)}

.global_background {position: fixed; inset: 0px; z-index: -1; transform: scale(2); filter: blur(45px) saturate(2); opacity: .2;}
.global_background.offer {filter: blur(0px) saturate(.5);}
.global_background img {position: absolute; height: 100%; width: 100%; object-fit: cover;}

.page_container.wide {--page-width: 1400px;}
.page_container {position: relative; display: block; margin: auto; max-width: var(--page-width); padding: 50px 50px}

.homepage_banner {position: relative; display: block; height: 300px; background: #00000030; overflow: hidden; border-radius: 10px; box-shadow: 0px 3px 10px #00000070}
/* .homepage_banner::after {position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; content: "Banner 300px"; display: grid; place-items: center; font: 600 40px Roboto Condensed; color: #fff} */
.homepage_banner img {position: relative; width: 100%; height: 100%; object-fit: cover;}
.homepage_banner .overlay {position: absolute; inset: 0px; display: grid; align-items: center; align-content: center; padding: 0px 50px; background: linear-gradient(to right, #000000C0, #00000000);}
.homepage_banner .overlay .title {position: relative; display: block; font: 700 40px Roboto Condensed; color: #ffffff}
.homepage_banner .overlay .desc {position: relative; display: block; font: 400 18px/24px Roboto; color: #ffffff; max-width: 50%; margin-top: 15px;}

.homepage_maincontainer {position: relative; display: grid; grid-template-columns: 2fr 1fr; grid-gap: 25px; margin-top: 50px;}
.homepage_maincontainer .content_left {position: relative; display: flex; flex-direction: column; gap: 25px; flex-grow: 2;}
.homepage_maincontainer .content_right {position: relative; display: flex; flex-direction: column; gap: 25px; flex-grow: 1;}

.generic_container {position: relative; display: block; background: #ffffff60; padding: 25px; border-radius: 10px; box-shadow: 0px 3px 10px #00000030;}
.generic_container.bright {background: #ffffffe0;}
.generic_container.blur {backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}
.generic_container > .title {position: relative; display: block; font: 900 24px Roboto Condensed; color: #5e481d; text-transform: uppercase; user-select: none !important;}
.generic_container > .title::after {position: absolute; left: 0px; bottom: -5px; content: ""; width: 150px; border-bottom: solid 3px #5e481d;}
.generic_container > .label {position: relative; display: block; flex-grow: 2; font: 600 20px Roboto Condensed; color: #000000;}
.generic_container .honey_types {position: relative; display: flex; flex-direction: column; gap: 15px; margin-top: 30px;}
/* .generic_container .honey_types {position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; margin-top: 30px;} */
.generic_container .honey_types .item {position: relative; display: block; padding: 25px; background: #7e612720; border-radius: 10px;}
.generic_container .honey_types .item .name {position: relative; display: block; font: 600 20px Roboto; color: #000000}
.generic_container .honey_types .item .desc {position: relative; display: block; font: 400 14px/18px Roboto; color: #333333; margin-top: 5px; text-align: justify;}
.generic_container .generic_list_keyvalue {position: relative; display: flex; flex-direction: column; gap: 10px; margin-top: 30px;}
.generic_container .generic_list_keyvalue .item {position: relative; display: block}
.generic_container .generic_list_keyvalue .item .name {position: relative; display: block; flex-grow: 1; font: 400 14px Roboto; color: #000000}
.generic_container .generic_list_keyvalue .item .value {position: relative; display: block; flex-grow: 2; font: 600 14px Roboto; color: #000000}
.generic_container .images {position: relative; display: flex; flex-direction: column; gap: 15px; margin-top: 30px;}
.generic_container .images .list {position: relative; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 15px;}
.generic_container .images .list img {width: 100%; cursor: pointer; box-shadow: 0px 0px 0px 2px #00000060;}
.generic_container .images .showmore {position: relative; display: flex; flex-direction: row-reverse;}
.generic_container .images .showmore a {position: relative; display: block; margin-top: 10px; text-decoration: none; color: #004477; font: 600 14px Roboto; text-transform: uppercase;}
.generic_container .images_page_container {position: relative; display: block; margin-top: 30px;}
.generic_container .images_page_container .container-gallery .list {position: relative; display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr);}
.generic_container .images_page_container .container-gallery .list .col {position: relative; display: grid; grid-gap: 20px;}
.generic_container .images_page_container .container-gallery .list img {width: 100%; box-shadow: 0px 0px 0px 2px #000000a0, 0px 0px 15px #000000c0; cursor: pointer;}
.generic_container .offer_container {position: relative; display: block; margin-top: 30px; margin: 30px -15px -15px -15px}
.generic_container .offer_container table {width: 100%;}
.generic_container .offer_container table [align-left] {text-align: left;}
.generic_container .offer_container table [align-center] {text-align: center;}
.generic_container .offer_container table [nowrap] {white-space: nowrap;}
.generic_container .offer_container table thead {font: 900 25px Roboto Condensed; color: #000000}
.generic_container .offer_container table thead th {padding: 15px}
.generic_container .offer_container table tbody {font: 400 20px Roboto Condensed; color: #000000}
.generic_container .offer_container table tbody tr {position: relative; display: table-row;}
.generic_container .offer_container table tbody tr[type=text] td {padding: 30px 15px; font-weight: 700;}
.generic_container .offer_container table tbody tr:not([type=text]):not([not-available])::after {content: ""; position: absolute; display: block; inset: 0px; border-radius: 5px; transition: .15s;}
.generic_container .offer_container table tbody tr:not([type=text]):not([not-available]):hover::after {background: #00000010;}
.generic_container .offer_container table tbody tr[not-available] * {opacity: .4;}
.generic_container .offer_container table tbody tr[not-available]::after {content: "AKTUALNIE NIEDOSTĘPNE"; position: absolute; display: grid; place-items: center; color: #00000070; font: 900 20px Roboto Condensed; inset: 2px; border-radius: 5px; transition: .15s; background: #00000010; backdrop-filter: blur(2px);}
.generic_container .offer_container table tbody td {padding: 15px}
.generic_container .offer_container table tbody td .desc {font: 400 14px Roboto}
.generic_container .siteadmin_select {position: relative; display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 30px; grid-gap: 15px;}
.generic_container .siteadmin_select .item {position: relative; display: grid; place-items: center; height: 50px; background: #ffffff20; font: 600 14px Roboto; color: #000000; border-radius: 8px; transition: .15s;}
.generic_container .siteadmin_select .item:hover {box-shadow: 0px 3px 8px #00000030; transform: translateY(-3px); background: #ffffff40;}
.generic_container .siteadmin_select .item:active {box-shadow: 0px 2px 4px #00000030; transform: translateY(-1px); background: #ffffff60;}
.generic_container .cat_title {position: relative; display: block; font: 700 20px Roboto Condensed; color: #000}
.generic_container .cat_desc {position: relative; display: block; font: 14px Roboto; color: #000}
.generic_container .cat_desc a {font-weight: 600; color: #0088aa; text-decoration: underline;}
.generic_container .siteadmin_editimages {position: relative; display: block; margin-top: 30px;}
.generic_container .siteadmin_editimages .all_images {position: relative; display: block; margin-top: 25px;}
.generic_container .siteadmin_editimages .all_images .tools {position: relative; display: flex; flex-direction: row; align-items: center; gap: 15px; background: #cfb57dbe; height: 40px; border-radius: 4px; padding: 0px 15px; box-shadow: 0px 2px 5px #00000030;}
.generic_container .siteadmin_editimages .all_images .tools .separator {position: relative; display: block; height: 20px; width: 1px; background: #000000a0;}
.generic_container .siteadmin_editimages .all_images .tools .item {position: relative; cursor: pointer; display: flex; flex-direction: row; align-items: center; gap: 8px; font: 600 14px Roboto; color: #333}
.generic_container .siteadmin_editimages .all_images .tools .item svg {height: 24px; width: 24px;}
.generic_container .siteadmin_editimages .all_images .tools .item svg path {fill: #333}
.generic_container .siteadmin_editimages .all_images .images {position: relative; display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-top: 25px; justify-content: space-between;}
.generic_container .siteadmin_editimages .all_images .images img {position: relative; height: 128px;}
.generic_container .siteadmin_editimages .all_images .images img[img-selected=todisplay] {box-shadow: 0px 0px 0px 8px #ffff00, 0px 0px 8px 10px #ffaa00;}
.generic_container .siteadmin_editimages .all_images .images img[img-selected=regular] {box-shadow: 0px 0px 0px 8px #ffffff, 0px 0px 8px 10px #cccccc;}
.generic_container .siteadmin_editimages .all_images .images img[uploading]::after {position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: #00000080; display: grid; place-items: center; content: "Wysyłanie..."; font: 600 14px Roboto; color: #ffffff}
.generic_container .siteadmin_editimages .all_images .noimages {position: relative; display: grid; place-items: center; width: 100%; padding: 50px 0px; border: 2px dotted #00000030; margin-top: 25px; border-radius: 15px;}
.generic_container .siteadmin_editimages .all_images .noimages .ni_title {position: relative; display: block; font: 700 30px Roboto Condensed; color: #000000}
.generic_container .siteadmin_editimages .all_images .noimages .ni_desc {position: relative; display: block; font: 500 14px Roboto; color: #000000; margin-top: 15px;}
.generic_container .siteadmin_editimages .all_images .noimages .ni_upload {position: relative; display: grid; cursor: pointer; margin-top: 25px; grid-template-columns: auto 1fr; align-items: center; grid-gap: 25px; padding: 15px 25px; border: dashed 3px #00000030; color: #000000a0; fill: #000000a0; border-radius: 10px; transition: .2s;}
.generic_container .siteadmin_editimages .all_images .noimages .ni_upload:hover {border-color: #000000; color: #000; fill: #000}
.generic_container .siteadmin_editimages .all_images .noimages .ni_upload .icon {position: relative; display: block; height: 36px; width: 36px;}
.generic_container .siteadmin_editimages .all_images .noimages .ni_upload .icon svg path {fill: inherit;}
.generic_container .siteadmin_editimages .all_images .noimages .ni_upload .label {position: relative; display: block; font: 700 16px Roboto; color: inherit}
.generic_container .siteadmin_editcontactinfo {position: relative; display: block; margin-top: 30px;}
.generic_container .siteadmin_editcontactinfo .form_container {position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px 30px; margin-top: 20px;}
.generic_container .siteadmin_editcontactinfo .form_container .input_group {position: relative; display: block;}
.generic_container .siteadmin_editcontactinfo .form_container .input_group .label {position: relative; display: block; font: 600 12px Roboto; color: #333; text-transform: uppercase; padding: 0px 15px; margin-bottom: 3px;}
.generic_container .siteadmin_editcontactinfo .form_container .multigroup#address_postal {position: relative; display: grid; grid-template-columns: .4fr 1fr; grid-gap: 15px;}
.generic_container .siteadmin_editcontactinfo .form_buttons {position: relative; display: flex; flex-direction: row; justify-content: flex-end; margin-top: 30px;}
.generic_container .siteadmin_editoffer {position: relative; display: block; margin-top: 30px;}
.generic_container .siteadmin_editoffer .tools {position: relative; display: flex; flex-direction: row; align-items: center; gap: 10px; margin-top: 25px; }
.generic_container .siteadmin_editoffer .tools > div {position: relative; display: flex; flex-direction: row; align-items: center; gap: 10px; background-color: #ffffff20; padding: 10px; border-radius: 5px; cursor: pointer}
.generic_container .siteadmin_editoffer .tools > div:hover {background: #ffffff40; box-shadow: 0px 3px 7px #00000030;}
.generic_container .siteadmin_editoffer .tools > div:active {background: #ffffff60; box-shadow: 0px 2px 5px #00000030;}
.generic_container .siteadmin_editoffer .tools > div .icon {position: relative; display: block; height: 24px; width: 24px;}
.generic_container .siteadmin_editoffer .tools > div .label {position: relative; display: block; font: 16px Roboto Condensed; color: #000000}
.generic_container .siteadmin_editoffer .offeredit_list {position: relative; display: flex; flex-direction: column; gap: 5px;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_text_item {position: relative; display: grid; grid-template-columns: auto 1fr 1fr auto; grid-gap: 20px; background: #0000000a; padding: 15px; border-radius: 5px; align-items: center;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_text_item .drag {position: relative; display: grid; place-items: center; cursor: grab;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_text_item .drag svg {height: 24px; width: 24px;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_text_item .remove_item {position: relative; display: grid; place-items: center; height: 30px; width: 30px; cursor: pointer; transition: .2s;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_text_item .remove_item:hover {transform: scale(1.15);}
.generic_container .siteadmin_editoffer .offeredit_list .offer_text_item .remove_item svg {height: 24px; width: 24px}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item {position: relative; display: grid; grid-template-columns: auto .6fr 1fr; grid-gap: 20px; background: #0000000a; padding: 15px; border-radius: 5px; align-items: center;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .drag {position: relative; display: grid; place-items: center; cursor: grab;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .drag svg {height: 24px; width: 24px;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_details {position: relative; display: grid; grid-template-columns: 1fr auto; grid-gap: 15px;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_details input[name=item_name] {position: relative; display: block; flex-grow: 1;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_details label {position: relative; display: flex; flex-direction: row; align-items: center; gap: 5px; flex-grow: 1; font: 600 16px/16px Roboto; color: #000000}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_details label input {height: 20px; width: 20px}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_details input[name=item_desc] {position: relative; display: block; flex-grow: 3; grid-column-start: 1; grid-column-end: 3;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_pricing {position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_pricing.other {position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px; grid-column: 2 / 3;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_pricing .pricing_edit_label {position: relative; display: block; font: 600 16px/33px Roboto; color: #000000; grid-column: 1 / 6; align-self: flex-start;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_pricing label {position: relative; display: flex; flex-direction: row; align-items: center; gap: 5px; flex-grow: 1; font: 600 16px/16px Roboto; color: #000000}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .group_pricing label input {height: 20px; width: 20px}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .remove_item {position: absolute; display: grid; place-items: center; right: 10px; top: 10px; height: 40px; width: 40px; cursor: pointer; transition: .2s;}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .remove_item:hover {transform: scale(1.15);}
.generic_container .siteadmin_editoffer .offeredit_list .offer_item .remove_item svg {height: 24px; width: 24px;}
.generic_container .siteadmin_edithoneylist {position: relative; display: block; margin-top: 30px;}
.generic_container .siteadmin_edithoneylist .no-honey {position: relative; display: grid; place-items: center; margin: 30px auto; max-width: 500px; background: #ffffff2a; padding: 35px 15px; border-radius: 7px; box-shadow: 0px 5px 15px #00000030; border: 2px dashed #00000030}
.generic_container .siteadmin_edithoneylist .no-honey .title {position: relative; display: block; font: 700 20px Roboto Condensed; color: #000000}
.generic_container .siteadmin_edithoneylist .no-honey .desc {position: relative; display: block; font: 14px Roboto; color: #000000}
.generic_container .siteadmin_edithoneylist .no-honey .button {position: relative; display: block; font: 600 14px Roboto; color: #000000; margin-top: 15px; background: #ffffff60; color: #000000; padding: 8px 13px; text-transform: uppercase; border-radius: 4px; cursor: pointer;}
.generic_container .siteadmin_edithoneylist .no-honey .button:hover {box-shadow: 0px 2px 6px #00000060;}
.generic_container .siteadmin_edithoneylist .no-honey .button:active {box-shadow: 0px 1px 3px #00000060;}
.generic_container .siteadmin_edithoneylist .honeyedit_list {position: relative; display: flex; flex-direction: column; gap: 20px; margin-top: 30px;}
.generic_container .siteadmin_edithoneylist .honeyedit_list .honey_item {position: relative; display: flex; flex-direction: column; gap: 10px; background: #0000000a; padding: 20px; border-radius: 7px;}
.generic_container .siteadmin_edithoneylist .honeyedit_list .honey_item .group1 {position: relative; display: grid; grid-template-columns: 1fr auto; grid-gap: 10px;}
.generic_container .siteadmin_edithoneylist .honeyedit_list .honey_item .group1 label {position: relative; display: flex; flex-direction: row; align-items: center; gap: 5px; flex-grow: 1; font: 600 16px/16px Roboto; color: #000000}
.generic_container .siteadmin_edithoneylist .honeyedit_list .honey_item .group1 label input {height: 20px; width: 20px}
.generic_container .siteadmin_edithoneylist .honeyedit_list .honey_item .group2 {position: relative; display: grid; grid-template-columns: 1fr;}
.generic_container .siteadmin_edithoneylist .honeyedit_list .honey_item .group2 textarea {resize: vertical}
.generic_container .siteadmin_edithoneylist .honeyedit_list .honey_item .buttons {position: relative; display: flex; flex-direction: row-reverse; gap: 10px;}
.generic_container .siteadmin_edithoneylist .add-new-honey-item {position: relative; display: grid; place-items: center;}
.generic_container .siteadmin_edithoneylist .add-new-honey-item .button {position: relative; display: block; font: 600 14px Roboto; color: #000000; margin-top: 15px; background: #ffffff60; color: #000000; padding: 8px 13px; text-transform: uppercase; border-radius: 4px; cursor: pointer;}
.generic_container .siteadmin_edithoneylist .add-new-honey-item .button:hover {box-shadow: 0px 2px 6px #00000060;}
.generic_container .siteadmin_edithoneylist .add-new-honey-item .button:active {box-shadow: 0px 1px 3px #00000060;}
.generic_container .siteadmin_aditabout {position: relative; display: block; margin-top: 30px;}
.generic_container .siteadmin_aditabout .editabout_group {position: relative; display: block; margin-top: 30px;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container {position: relative; display: block; height: 450px; background: #000000a0;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .background {position: absolute; inset: 0px;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .background img {height: 100%; width: 100%; object-fit: cover;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .overlay {position: absolute; inset: 0px; background: #000000c0; display: grid; place-items: center; opacity: 0; transition: .2s;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container:hover .overlay {opacity: 1}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .overlay .edit_button {position: relative; display: flex; flex-direction: row; gap: 15px; align-items: center; background: #ffffff20; padding: 20px; border-radius: 7px; box-shadow: 0px 5px 15px #00000030; cursor: pointer;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .overlay .edit_button:hover {background: #ffffff30;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .overlay .edit_button:active {background: #ffffff40;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .overlay .edit_button .icon svg {height: 24px; width: 24px;}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .overlay .edit_button .icon svg path {fill: #ffffff}
.generic_container .siteadmin_aditabout .editabout_group .editimage_container .overlay .edit_button .label {position: relative; display: block; font: 16px Roboto Condensed; color: #ffffff}
.generic_container .siteadmin_aditabout .editabout_group .edittext_help {position: relative; display: block; margin-top: 25px; font: 400 16px Roboto Condensed; color: #000000}
.generic_container .siteadmin_aditabout .editabout_group .edittext_help .title {position: relative; display: block; font-size: 20px; margin-bottom: 5px;}
.generic_container .siteadmin_aditabout .editabout_group .edittext_container {position: relative; display: block; margin-top: 25px;}
.generic_container .siteadmin_aditabout .editabout_group .edittext_container textarea {box-shadow: 0px 0px 0px 1.5px #00000030; resize: vertical; min-height: 300px; padding: 20px; font-size: 18px; font-weight: 400;}
.generic_container .siteadmin_aditabout .editabout_group .buttons {position: relative; display: flex; flex-direction: row-reverse; gap: 10px; margin-top: 25px;}
.generic_container.onlylink {position: relative; display: flex; flex-direction: row; align-items: center; justify-content: space-between; transition: .2s; background: #ffffffa0;}
.generic_container.onlylink .label {position: relative; display: block; flex-grow: 2; font: 600 20px Roboto Condensed; color: #000000;}
.generic_container.onlylink .icon {position: relative; display: block; height: 24px; width: 24px;}
.generic_container.onlylink .icon svg path {fill: #000000}
.generic_container.onlylink:hover {box-shadow: 0px 5px 15px #00000060; background: #000000a0;}
.generic_container.onlylink:hover .label {color: #ffebc2}
.generic_container.onlylink:hover .icon svg path {fill: #ffebc2}

.about_image_container {position: fixed; left: 0px; top: 0px; right: 0px; height: 75%; -webkit-mask-image: linear-gradient(to bottom, #000000 0%, #000000 80%, #00000000 100%);}
.about_image_container img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; object-position: center 35%; object-fit: cover}
.about_text_container {position: relative; display: block; margin: 70vh auto 150px auto; max-width: 1000px; background: #ffffffe0; padding: 75px; border-radius: 10px; box-shadow: 0px 5px 15px #00000050; box-sizing: border-box; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px);}
.about_text_container .text {position: relative; display: block; font: 400 20px/28px Roboto Condensed; color: #000000; text-align: justify;}
.about_text_container .text b {font-weight: 700;}
.about_text_container .text h1 {margin-bottom: 0px;}
.about_text_container .text div {position: relative; display: block; margin: 0; padding: 0;}
.about_text_container .text div.align-left {text-align: left;}
.about_text_container .text div.align-center {text-align: center;}
.about_text_container .text div.align-right {text-align: right;}


.login_container {position: relative; display: block; margin: 250px auto 0px auto; padding: 0px 50px; max-width: 400px; zoom: 1.2}
.login_container .title {position: relative; display: block; text-align: center; font: 28px Roboto; color: #000000; margin-bottom: 25px;}
.login_container .form {position: relative; display: flex; flex-direction: column; gap: 15px; padding: 25px;}
.login_container .buttons {position: relative; display: flex; flex-direction: row; justify-content: flex-end; padding: 0px 25px}

.global_gallery_container {position: fixed; display: none; opacity: 0; inset: 0px; background: #000000d0; z-index: 999999; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.global_gallery_container .close {position: absolute; right: 40px; top: 50px; z-index: 99; cursor: pointer;}
.global_gallery_container .close svg {height: 64px; width: 64px;}
.global_gallery_container .close svg path {fill: #ffffff}
.global_gallery_container .main_image_container {position: absolute; inset: 0px;}
.global_gallery_container .main_image_container .controls {position: absolute; inset: 0px; display: grid; grid-template-columns: auto 1fr auto; z-index: 9;}
.global_gallery_container .main_image_container .controls .controlitem {position: relative; display: grid; place-items: center; width: 100px; cursor: pointer;}
.global_gallery_container .main_image_container .controls .controlitem.previous {background: linear-gradient(to right, #000000A0, #00000000); padding: 0px 50px 0px 25px;}
.global_gallery_container .main_image_container .controls .controlitem.next {background: linear-gradient(to left, #000000A0, #00000000); padding: 0px 25px 0px 50px;}
.global_gallery_container .main_image_container .controls .controlitem svg {height: 64px; width: 64px;}
.global_gallery_container .main_image_container .controls .controlitem svg path {fill: #ffffff}
.global_gallery_container .main_image_container .controls .controlitem[disabled] {cursor: default;}
.global_gallery_container .main_image_container .controls .controlitem[disabled] svg path {fill: #ffffff50;}
.global_gallery_container .main_image_container .image img {position: absolute; height: 100%; width: 100%; object-fit: contain; border: 0}
.global_gallery_container .main_image_container .imageindex {position: absolute; bottom: 50px; padding: 8px 15px; background: #000000a0; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); left: 50%; transform: translateX(-50%); z-index: 99; border-radius: 50px; color: #ffffff; font: 16px Roboto Condensed}

.error_page {position: relative; display: block; margin: 0px auto; max-width: 1200px; top: 20%; background: #00000030; padding: 90px; overflow: hidden; border-radius: 10px; box-shadow: 0px 5px 15px #00000030;}
.error_page .icon {position: absolute; left: 50px; top: 80px; height: 128px; width: 128px; opacity: .1; transform: rotate(-10deg) scale(4);}
.error_page .icon svg path {fill: #000000}
.error_page .details {position: relative; display: grid; grid-template-columns: auto 1fr; grid-gap: 80px; align-items: center; filter: drop-shadow(2px 2px 2px #000000a0);}
.error_page .details .code_container {position: relative; display: grid; place-items: center; height: 150px; width: 150px; box-shadow: 0px 0px 0px 15px #ffffff; border-radius: 140px; font: 700 60px Roboto Condensed; color: #ffffff}
.error_page .details .more {position: relative; display: block}
.error_page .details .more .title {position: relative; display: block; font: 900 60px Roboto Condensed; color: #ffffff;}
.error_page .details .more .desc {position: relative; display: block; font: 400 20px Roboto; color: #ffffff; margin-top: 10px;}
.error_page .details .more .desc a {color: #ffe395}

.global_footer {position: relative; display: block; background: #000000a0; margin-top: 50px; padding: 50px 0px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.global_footer .footer_content {position: relative; display: block; margin: 0px auto; max-width: var(--page-width); padding: 0px 50px}
.global_footer .footer_content .line1 {position: relative; display: block; margin-bottom: 55px;}
.global_footer .footer_content .line1 .page_title {position: relative; display: block; font: 900 40px Roboto Condensed; color: #ffffff}
.global_footer .footer_content .line2 {position: relative; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between;}
.global_footer .footer_content .line2 .section {position: relative; display: block;}
.global_footer .footer_content .line2 .section .title {position: relative; display: block; font: 700 16px Roboto Condensed; color: #ffffff; text-transform: uppercase; margin-bottom: 5px;}
.global_footer .footer_content .line2 .section .desc {position: relative; display: block; font: 14px Roboto; color: #ffffffa0}
.global_footer .footer_content .line3 {position: relative; display: block; margin-top: 50px; border-top: 1px solid #ffffff1a;}
.global_footer .footer_content .line3 .created_by {position: relative; display: block; text-align: center; padding-top: 15px; font: 13px Roboto Condensed; color: #ffffff60}
.global_footer .footer_content .line3 .created_by a {color: #ffffffa0}