html, body {
	font-family: "Helvetica", "Arial", sans-serif;
	color: #333333;
	background-color: #f1ebe4;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0px;
}

/* GENERAL */

*:focus {
	box-shadow: none !important;
}

a {
	text-decoration: none !important;
}

a:link,
a:visited {
	color: #333333;
}

a:hover,
a:active {
	color: #1974dd;
}

.hla:link,
.hla:visited,
.hla:hover,
.hla:active {
	color: #1974dd;
}

pre,
code {
	background-color: #F8F8F8 !important;
}

code {
	padding: 0px !important;
}

button {
	-webkit-tap-highlight-color: transparent;
}

#main_c {
	display: flex;
	background-color: white;
	flex-grow: 1;
	padding-top: 72px;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #A8885F;
  --bs-btn-border-color: #A8885F;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #8F7451;
  --bs-btn-hover-border-color: #866D4C;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #866D4C;
  --bs-btn-active-border-color: #7E6647;

  --bs-btn-disabled-bg: #A8885F;
  --bs-btn-disabled-border-color: #A8885F;

  --bs-btn-focus-shadow-rgb: 168, 136, 95;
}

.btn-link,
.text-primary {
	color: #A8885F !important;
}

/* MAIN CONTAINER */

#main_container {
	box-sizing: border-box;
	flex-basis: 320px;
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 0px;
	background-color: white;
}

#main_inner_c {
	margin-left: auto;
	margin-right: auto;
}

.main_inner_wm {
	margin-top: 25px;
}

#content_c {
	min-height: 50vh;
	max-width: 1280px;
	margin: 25px auto;
}

.cont_c {
	padding: 15px;
}

#content_c,
#contact_c,
#post_c,
.post_c {
	font-size: 16px;
	line-height: 1.6em;
}

/*
. {
	padding-left: 15px;
	padding-right: 15px;
}
*/

/* MENU */

#main_nav_d {
	position: fixed;
	width: 100%;
	height: 172px;
	z-index: 1050;
	top: -100px;
	left: 0px;
	right: 0px;
	padding-top: 100px;
	color: black;
	background-color: #f1ebe4;
}

/* #main_nav_c::after {
	background-color: #f1ebe4;
} */

#main_nav_d a:link,
#main_nav_d a:visited,
#main_nav_d a:hover,
#main_nav_d a:active {
	color: black;
}

#how-it-works,
#pricing,
#faq {
	margin-top: -72px;
}

.start_order a:link,
.start_order a:visited,
.start_order a:hover,
.start_order a:active {
	color: white !important;
}

.start_order a {
	white-space: nowrap;
}

#brand_img {
	filter: invert(1);
}

.nav_trans {
	background-color: transparent !important;
}

.nav_trans #brand_img {
	filter: invert(0);
}

.main_nav_item {
	padding: 20px;
}

.main_nav_item > button,
.main_nav_item > div > button,
.main_nav_item > div > button:active {
	background: none;
	border: none;
	min-width: 50px;
	height: 72px;
	font-size: 25px;
	color: black;
}

.main_nav_item > .dropdown {
	display: inline-block;
	vertical-align: top;
}

#main_nav_logo {
	flex-grow: 1;
	flex-basis: 0;
}

#main_nav_menu {
	flex-grow: 1;
	flex-basis: 0;
	display: none;
}

#main_nav_mid {
	text-align: center;
}

#main_nav_mid > ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#main_nav_mid > ul > li {
	display: inline-block;
	padding-left: 20px;
	padding-right: 10px;
	line-height: 32px;
}

#main_nav_profile {
	flex-grow: 1;
	flex-basis: 0;
	flex-shrink: 0;
	display: flex;
	justify-content: end;
}

#navbar_brand_logo {
	height: 32px;
}

#main_nav_pp {
	width: 32px;
	margin: 0px auto;
	border-radius: 16px;
	overflow: hidden;
	display: block;
	vertical-align: middle;
}

#nd_hamburger {
	display: none;
	width: 50px;
}

#nd_hamburger > svg {
	stroke-linecap: round;
	width: 100%;
	height: 100%;
}

#nd_hamburger > svg > path {
	fill: none;
	stroke: black;
	stroke-width: 1.5px;
}

#nd_hamburger:hover > svg > path {
	stroke: #1974dd;
}

#main_nav_mid > a {
	display: inline-block;
}

#main_nav_brand {
	height: 40px;
	margin: 5px;
}

#main_menu {
	height: calc(100vh - 50px);
	transition-property: left;
	transition-duration: 0.3s;
	transition-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);
	position: relative;
	font-size: 14px;
}

#main_menu > ul {
	list-style: none;
	padding: 0px;
}

#main_menu li:hover {
	background-color: #f7f7f7;
	border-radius: 7px;
}

#main_menu li:active {
	background-color: #eee;
}

#main_menu li > a {
	display: block;
	padding: 10px 17px;
}

#main_menu li > a > i {
	margin-right: 14px;
}

#main_lang_btn {
	color: black !important;
	text-decoration: none;
	padding: 0px;
}

#main_lang_ul,
#main_lang_ul li {
	--bs-dropdown-min-width: 0px;
	min-width: 0px;
	width: auto;
}

#nd_menu_overlay {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.5);
	top: 50px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	visibility: hidden;
	opacity: 0;
	transition-property: opacity, visibility;
	transition-duration: 0.3s;
	z-index: 1048;
}

#menu_top_right {
	display: flex;
	list-style: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#menu_top_right > li {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 32px;
}

.cart_display {
	padding-right: 0px !important;
}

.cart_display badge {
	font-size: 10px;
}

#nd_hamburger_c {
	display: none;
}

#nd_hamburger {
	border: none;
	background-color: transparent;
	margin-top: -5px;
	margin-right: -10px;
}

#mobile_menu {
	position: fixed;
	inset: 72px 0 0 0;
	z-index: 1050;
	background-color: rgba(0,0,0,0.25);
}

#mobile_menu > ul {
	list-style: none;
	margin: 0;
	padding: 15px 0px;
	box-shadow: 0px 15px 15px 0px rgba(0,0,0,0.05);
	background-color: white;
}

#mobile_menu > ul > li > a {
	display: block;
	padding: 5px 20px;
}

.lang_switcher {
	text-transform: uppercase;
}

.home_wid_dark_bg {
	background-color: #1c1a15;
	color: #cccccc;
}

#home_hiw_bg_img_1 {
	height: 500px;
	background-position: top center;
}

.fs-7 {
	font-size: 12px;
}

.accordion-button:focus {
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	background-color: transparent;
	color: inherit;
	box-shadow: none;
}

@supports ((-webkit-backdrop-filter: initial) or (backdrop-filter: initial)) {
	#main_nav_c::after {
		content: "";
		position: absolute;
		top: 0; 
		left: 0;
		right: 0;
		bottom: 0;
		/* -webkit-backdrop-filter: saturate(180%) blur(5px);
		backdrop-filter: saturate(180%) blur(5px);
		background-color: rgba(255,255,255,0.72); */
		/* background-color: white; */
		transform: translateZ(0);
		will-change: backdrop-filter;
		z-index: -1;
	}
}

/* TOP MENU DROPDOWN */

.nd_dd_c_frame {
	display: inline-block;
}

.nd_dd_c {
	display: inline-block;
	position: relative;
}

.nd_dd_c_frame > .nd_dd_body {
	margin: -1px 5px 5px 5px;
}

.nd_dd_c_frame > button {
	position: relative;
}

.nd_dd_body {
	min-width: 150px;
	display: none;
	position: absolute;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	background-color: white;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	list-style: none;
	padding: 5px 0px;
}

.nd_dd_body li > a {
	padding: 3px 20px;
	display: block;
}

.nd_dd_body li > a:hover {
	background-color: #f7f7f7;
}

.nd_dd_body .divider {
	height: 1px;
	margin: 5px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.nd_dd_left {
	right: 0px;
}

.nd_dd_right {
	left: 0px;
}

.nd_dd_badge {
	background-color: red;
	color: white;
	font-size: 11px;
	position: absolute;
	top: 5px;
	right: 5px;
	min-width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 10px;
	padding: 2px 5px;
}

.nd_dd_badge_hide {
	display: none;
}

/* PAGINATION */

.pag_c {
	text-align: center;
}

.pag_all_rows {
	font-size: 14px;
	color: #cccccc;
	margin-top: -10px;
}

/* PANELS */

.panel .form-group:last-child {
	margin-bottom: 0px;
}

/* HEADER IMAGE */

#header_image_c {
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center center;
}

/* CAROUSEL */

#carousel {
	margin-bottom: 25px;
}

.carousel {
	animation: fadein 1s;
}

@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-fluid,
.thumbnail a > img,
.thumbnail > img {
	width: 100%;
}

.carousel-control {
	background: none !important;
	color: white !important;
	opacity: 0.125;
}

.carousel-item {
	touch-action: pan-y;
}

/* ARTICLES */

#post_c {
	min-height: 300px;
	margin-bottom: 25px;
}

.post_c {
	margin-bottom: 100px;
}

.post_excerpt {
	margin-bottom: 15px;
}

.post_content {
	margin: 25px 0px;
}

/* ARTICLE FOOTER */

.post_footer_item {
	margin-bottom: 15px;
}

.post_footer_title {
	font-weight: bold;
}

.post_footer_c {
	
}

#post_empty_c {
	margin: 150px 0px 200px;
}

#post_empty_c > h1 {
	text-align: center;
}

/* GALLERY */

#gallery_c {
	min-height: 300px;
	margin-bottom: 25px;
}

.gallery_c {
	margin-bottom: 50px;
}

.gallery_title > h2 {
	margin: 0px 0px 15px 0px;
}

.gallery_excerpt {
	margin-bottom: 15px;
}

.gallery_content {
	margin: 25px 0px;
}

.gallery_header_image {
	margin-bottom: 15px;
}

/* CATEGORIES */

#category_title {
	margin-bottom: 15px;
}

#category_content {
	margin-bottom: 15px;
}

.category_list {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* GALLERIES */

#gallery_content {
	margin-bottom: 25px;
}

#gallery_view {
	
}

/* TAGS */

#tag_cloud {
	list-style: none;
	padding: 0px;
	margin: 50px 0px;
}

#tag_cloud > li {
	display: inline-block;
	padding: 2px 4px;
}

/* BREADCRUMBS */

.content_breadcrumbs {
	list-style: none;
	padding: 0px;
}
.content_breadcrumbs > li {
	display: inline-block;
}

.content_breadcrumbs > li+li:before {
	padding-left: 5px;
	content: "/\00a0";
}

/* ALERTS */

.nd_alert {
	display: none;
}

/* LIGHTGALLERY */

.lightgallery {
	margin: 50px auto;
	text-align: center;
}

.lightgallery > a {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

.lightgallery > a > img {
	max-width: 500px;
	max-height: 500px;
}

/* BUTTON */

.nd_btn {
	border: 1px solid #cccccc;
	border-radius: 4px;
	background-color: white;
	cursor: pointer;
	padding: 6px 12px;
	font-size: 14px;
	user-select: none;
}

.nd_btn:hover {
	background-color: #e6e6e6;
	border-color: #adadad;
}

.nd_btn:active {
	background-color: #e6e6e6;
	border-color: #adadad;
}

.nd_btn:focus {
	background-color: #e6e6e6;
	border-color: #8c8c8c;
}

/* CONTACT */

#contact_c {
	max-width: 800px;
	margin: 15px auto;
}

#contact_title {
	margin: 20px 0px;
	text-align: center;
}

#contact_page_c {
	margin-bottom: 25px;
}

#cont_message {
	min-height: 150px;
	resize: vertical;
}

/* SEARCH */

#search_form_c {
	max-width: 60%;
	margin: 150px auto 200px;
}

#search_form {
	margin-bottom: 50px;
}

/* COOKIE CONSENT */

#cc_c {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #0D64AD;
	box-shadow: 0px 0px 25px 1px rgba(0, 0, 0, 0.25);
}

.cc_inner_c {
	display: flex;
}

.cc_col,
.cc_col_btn {
	flex-direction: column;
	color: white;
}

.cc_col {
	flex-grow: 1;
	padding: 15px;
}

.cc_col_btn {
	background-color: #00a800;
	font-weight: bold;
	padding: 15px;
	cursor: pointer;
	align-items: center;
	display: flex;
	justify-content: center;
}

/* MISC */

.page_title {
	margin-top: 0px;
	margin-bottom: 35px;
}

/* BUTTONS */

a.btn-primary:link,
a.btn-primary:visited {
	color: white;
}

.btn-secondary,
a.btn-secondary {
	color: white;
}

/* 404 */

.nd_gen_warn,
.nd_404_c {
	text-align: center;
	padding: 150px 0px;
}

/* HOME */

#home_hiw_prog_c {
	max-width: 1000px;
}

.home_hiw_circle {
	width: 96px;
	height: 96px;
	border-radius: 48px;
	background-color: antiquewhite;
	text-align: center;
	line-height: 100px;
	font-size: 32px;
	color: #c28b44;
	display: inline-block;
}

.home_hiw_step {
	margin-top: 15px;
}

.home_hiw_title {
	font-size: 18px;
	margin-bottom: 5px;
}

.home_hiw_desc {
	font-size: 14px;
}

.home_hiw_bg_img {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#home_big_img_2 {
	height: 500px;
}

/* *************** */

.home_660 {
	max-width: 660px;
	margin: 0px auto;
}

.home_480 {
	max-width: 480px;
	margin: 0px auto;
}

.home_dark_bg {
	background-color: #211f1c;
}

.home_light_bg {
	background-color: #faf7f1;
}

#accordion_faq {
	--bs-accordion-bg: #faf7f1;
}

.home_b_color,
.home_fc i {
	color: #c9ad8e;
}

.home_g_color {
	color: #cfc7b8;
}

.home_fc h1 {
	color: #f4efe6;
	font-size: 58px;
	margin-top: 25px;
}

.home_fc p {
	color: #cfc7b8;
	max-width: 480px;
	margin: 0px auto 50px;
}

.home_fc .btn-outline-secondary {
	color: white;
}

.home_fc img {
	max-width: 320px;
}

.home_hero_features {
	display: flex;
	justify-content: center;
	gap: 0;
	border-top: 1px solid rgba(244,239,230,.16);
	max-width: 760px;
	margin: 36px auto 0;
}

.home_hero_features div {
	flex: 1;
	padding: 22px 18px;
	text-align: center;
	border-right: 1px solid rgba(244,239,230,.16);
	font-size: 13.5px;
	color: #cfc7b8;
}

.home_hero_features div:last-child {
	border-right: none;
}

.home_steps_c {
	display: flex;
	gap: 0px;
	justify-content: space-between;
	border-top: solid 1px #211f1c;
}

.home_step_item {
	text-align: center;
	margin-bottom: 25px;
	padding: 0px 15px;
	width: 25%;
}

.home_step_item + .home_step_item {
	border-left: solid 1px #211f1c;
}

.home_step_num {
	font-size: 16px;
	margin-top: 25px;
	margin-bottom: 5px;
}

.home_step_item p {
	color: #777;
	font-size: 14px;
	font-weight: lighter;
}

.home_step_item h3 {
	font-weight: lighter;
}

.home_list {
	list-style-type: circle;
	padding-left: 15px;
}

.home_list li {
	padding-bottom: 10px;
}

footer {
	background-color: #211f1c;
	color: #cccccc;
	padding: 25px 10px;
}

.footer_menu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: flex;
	justify-content: center;
}

.footer_menu > li {
	display: block;
	padding: 5px 10px;
	font-size: 14px;
}

.footer_menu a {
	white-space: nowrap;
}

#footer_credits {
	font-size: 14px;
}

footer a:link,
footer a:visited,
footer a:hover,
footer a:active {
	color: #cccccc;
	text-decoration: none;
}

#brand_img_footer {
	filter: invert(0.25);
}

.modal.fade .modal-dialog {
	transition: transform .3s ease-out;
	transform: none;
}

/* ORDER */

#ord_container {
	max-width: 682px;
	margin: 25px auto;
	box-sizing: border-box;
}

#ord_stage_display {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 0px 25px 25px;
}

.ord_stage_item {
	flex-shrink: 0;
	text-align: c;
}

.ord_stage_circle {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	background-color: #eeeeee;
	margin: 0px auto;
}

.ord_stage_item.active .ord_stage_circle {
	color: white;
	background-color: #A8885F;
}

.ord_stage_gap {
	flex-grow: 1;
	height: 20px;
	margin-top: 20px;
	border-top: 2px solid #eeeeee;
	margin-left: 5px;
	margin-right: 5px;
}

.ord_stage_gap.active {
	border-color: #A8885F;
}

.ord_stage_name {
	font-size: 12px;
	text-align: center;
	margin-top: 10px;
	color: #cccccc;
}

.ord_stage_item.active .ord_stage_name {
	color: #A8885F;
}

/* ORDER STAGES */
.ord_stage {
	display: none;
}

.ord_stage.active {
	display: block;
}

.ord_stage_title {
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}

.ord_stage_desc {
	text-align: center;
	font-size: 14px;
	color: #777;
	margin-bottom: 25px;
}

.ord_stage_btns {
	display: flex;
}

.ord_stage_btn_left,
.ord_stage_btn_right {
	width: 50%;
}

.ord_stage_btn_right {
	text-align: right;
}

.ord_stage_btns button {
	min-width: 120px;
}

#ord_styles {
	display: flex;
	gap: 20px;
	margin-bottom: 15px;
	overflow-x: auto;
	overflow-y: hidden;
}

.ord_style {
	width: 214px;
	border: 2px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	scroll-snap-align: start;
	flex-shrink: 0;
}

.ord_style.active,
.ord_style:hover {
	border-color: #A8885F;
}

.ord_style_img {
	padding-bottom: 10px;
}

.ord_style_title {
	text-align: center;
	font-weight: bold;
	padding: 10px 0px 0px;
}

.ord_style_desc {
	text-align: center;
	font-size: 12px;
	color: #999999;
	margin-bottom: 20px;
}

.ord_stage_note {
	text-align: center;
	font-size: 12px;
	color: #999999;
	margin-bottom: 20px;
}

#ord_img_uploader {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	margin-bottom: 15px;
}

#ord_upload_btn_c {
	width: 150px;
	height: 150px;
}

#ord_upload_progress {
	display: none;
	width: 150px;
	height: 150px;
	border: 2px solid #eee;
	border-radius: 10px;
	text-align: center;
	background-color: transparent;
}

#ord_upload_img {
	width: 150px;
	height: 150px;
	border: 2px dashed #cccccc;
	border-radius: 10px;
	text-align: center;
	background-color: transparent;
}

.ord_upload_img:hover {
	background-color: rgba(11, 94, 215, 0.05);
}

.ord_upload_plus {
	font-size: 25px;
	margin-top: 35px;
}

.ord_upload_title {
	font-size: 15px;
}

.ord_upload_desc {
	font-size: 10px;
}

.ord_uploaded_img {
	width: 150px;
	height: 150px;
	border: 2px solid #eee;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.ord_delete_img {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	border: none;
	border-radius: 15px;
	background-color: rgba(0,0,0,0.45);
	color: white;
	display: none;
}

.ord_uploaded_img:hover .ord_delete_img {
	display: block;
}

.ord_image_counter_c {
	text-align: center;
	font-size: 14px;
	color: #777777;
	margin-bottom: 25px;
}

#ord_mail_container {
	margin: 0px auto;
	max-width: 400px;
}

#uploaded_images {
	display: none;
}

.ord_upload_prog_spinner {
	margin-top: 45px;
	margin-bottom: 5px;
}

#ord_upload_prog_text {
	text-align: center;
	font-size: 12px;
	color: #cccccc;
}

/* #ord_verify_code_c,
#ord_email_verify_btn,
#ord_email_next_btn {
	display: none;
} */

#ord_veri_code,
#ords_veri_code {
	text-align: center;
	letter-spacing: 5px;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 3px;
}

.ord_light_text {
	color: #777777;
}

.ord_alert {
	padding: 7px 10px 3px;
}

.ord_alert_sml {
	padding: 7px 10px 4px;
	font-size: 12px;
	display: inline-block;
}

.ord_hidden {
	display: none;
}

.ord_show {
	display: block;
}

#ord_preview_loading,
#ord_preview_c {
	display: none;
}

#ord_preview_spinner_c {
	width: 100px;
	height: 100px;
	margin: 0px auto;
	position: relative;
}

#ord_preview_spinner_c .spinner-border {
	width: 100px;
	height: 100px;
}

.ord_spinner_bg {
	position: absolute;
	inset: 0 0 0 0;
	width: 100px;
	height: 100px;
	text-align: center;
	font-size: 55px;
	line-height: 112px;
}

#ord_preview {
	display: flex;
	gap: 10px;
	max-height: 100vh;
	height: 500px;
	margin-bottom: 15px;
}

#ord_gen_thumbnails {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 80px;
	flex-shrink: 0;
	overflow-y: scroll;
}

.ord_gen_thumbnail {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
	overflow: hidden;
	border-radius: 10px;
	background-color: transparent;
	border: none;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#ord_gen_preview {
	flex-grow: 1;
	position: relative;
}

#ord_gimg_preview {
	width: 100%;
	height: 100%;
	text-align: center;
	object-fit: cover;
	overflow: hidden;
	border-radius: 10px;
}

#ord_gen_switch_c {
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	text-align: center;
	display: flex;
}

#ord_gen_switch_c .btn {
	min-width: 100px;
}

.ord_gen_switch_m {
	text-align: center;
	flex-grow: 1;
}

.ord_gen_switch_s {
	width: 40px;
}

#ord_gen_approve_c {
	position: absolute;
	bottom: 15px;
	left: 0px;
	right: 0px;
	text-align: center;
}

#ord_gen_approved {
	width: 32px;
	height: 32px;
	background-color: #198754;
	border-radius: 16px;
	text-align: center;
	line-height: 35px;
	font-size: 18px;
	color: white;
}

.ord_gen_approved {
	width: 16px;
	height: 16px;
	background-color: #198754;
	border-radius: 8px;
	text-align: center;
	line-height: 18px;
	font-size: 9px;
	color: white;
	position: absolute;
	top: 3px;
	right: 3px;
}

#ord_preview_fullscreen {
	width: 32px;
	height: 32px;
	background-color: white;
	border: none;
	border-radius: 16px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
}

#ord_preview_overlay {
	position: fixed;
	inset: 0 0 0 0;
	background-color: rgba(0, 0, 0, 0.85);
	text-align: center;
	padding: 25px;
	z-index: 2000;
}

#ord_preview_overlay img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.ord_preview_overlay_close {
	color: black;
	background-color: rgba(255, 255, 255, 0.85);
	font-size: 25px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 20px;
	top: 20px;
	border: none;
	border-radius: 20px;
	line-height: 22px;
}

#ord_gen_switch_p {
	border-end-end-radius: 0px;
	border-start-end-radius: 0px;
}

#ord_gen_switch_u {
	border-start-start-radius: 0px;
	border-end-start-radius: 0px;
}

.gi_selected {
	border: 2px solid #A8885F;
}

#ord_shipping_c {
	max-width: 400px;
	margin: 0px auto;
}

#ord_shipping_c label {
	font-size: 14px;
	margin-bottom: 0px;
}

#ord_name_help {
	font-size: 11px;
}

#ord_pay_review_c {
	width: 380px;
	margin: 0px auto 25px;
	font-size: 14px;
}

#cart_empty_c {
	display: flex;
	flex-direction: column;
	min-height: 400px;
	align-items: center;
	justify-content: center;
}

#cart_empty_i {
	text-align: center;
}

#cart_empty_ci {
	font-size: 40px;
}

#cart_c {
	margin: 0px auto;
	max-width: 380px;
}

.cart_item {
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 25px;
	font-size: 15px;
}

.cart_details {
	color: #777777;
}

#ords_c {
	max-width: 380px;
	margin: 0px auto;
}

.ords_title {
	font-size: 25px;
	font-weight: bold;
}

.ords_desc {
	font-size: 14px;
	color: #777;
	margin-bottom: 25px;
}

#ords_verify_form {
	display: none;
}

@media (min-width: 1570px) {
	
}

@media (max-width: 1570px) and (min-width: 1200px) {
	
}

@media (max-width: 1200px) {
	
	#navbar_brand_logo {
		margin-top: 3px;
		height: 26px;
	}
	
	.menu_globe {
		display: none;
	}
}

@media (max-width: 992px) {
	
	#navbar_brand_logo {
		margin-top: 6px;
		height: 20px;
	}
	
	#nd_hamburger {
		display: block;
	}
	
	#main_nav_mid {
		display: none;
	}
	
	.start_order {
		display: none !important;
	}
	
	.cart_display {
		padding-right: 10px !important;
	}
	
	#nd_hamburger_c {
		display: block;
		padding-right: 0px !important;
	}
	
	#home_hiw_bg_img_1 {
		height: 500px;
	}
	
}

@media (min-width: 769px) {
	
	#footer_tnc {
		justify-content: end;
	}
	
}

@media (max-width: 768px) {
	
	#footer_row > div {
		margin-bottom: 5px;
		text-align: center;
	}
	
	#footer_row > div:first-child {
		margin-top: 10px;
		margin-bottom: 35px;
	}
	
	.home_steps_c {
		flex-direction: column;
		border: none;
	}
	
	.home_step_item {
		width: 100%;
	}
	
	.home_step_item + .home_step_item {
		border-left: none;
		border-top: 1px solid black;
	}
	
}


@media (max-width: 576px) {
	
	#ord_stage_display {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.ord_stage_circle {
		width: 24px;
		height: 24px;
		border-radius: 12px;
		line-height: 25px;
		font-size: 12px;
	}
	
	.ord_stage_gap {
		margin-top: 10px;
	}
	
	#ord_gen_thumbnails {
		width: 50px;
	}
	
	.ord_gen_thumbnail {
		width: 50px;
		height: 50px;
	}
	
	.ord_gen_switch_m button {
		font-size: 11px;
		
	}
	
	#ord_gen_switch_c .btn {
		min-width: 70px;
	}
	
}

@media (max-width: 380px) {
	
}