:root {
	--color_0: 255, 255, 255;
	--color_1: 255, 255, 255;
	--color_2: 0, 0, 0;
	--color_3: 237, 28, 36;
	--color_4: 0, 136, 203;
	--color_5: 255, 203, 5;
	--color_6: 114, 114, 114;
	--color_7: 176, 176, 176;
	--color_8: 255, 255, 255;
	--color_9: 114, 114, 114;
	--color_10: 176, 176, 176;
	--color_11: 21, 21, 19;
	--color_12: 77, 77, 76;
	--color_13: 217, 217, 217;
	--color_14: 245, 245, 245;
	--color_15: 245, 245, 245;
	--color_16: 229, 240, 254;
	--color_17: 245, 245, 245;
	--color_18: 245, 245, 245;
	--color_19: 0, 58, 150;
	--color_20: 0, 29, 75;
	--color_21: 249, 197, 180;
	--color_22: 243, 167, 143;
	--color_23: 21, 21, 19;
	--color_24: 158, 59, 27;
	--color_25: 79, 29, 14;
	--color_26: 210, 172, 247;
	--color_27: 186, 131, 240;
	--color_28: 128, 21, 232;
	--color_29: 85, 14, 155;
	--color_30: 43, 7, 77;
	--color_31: 177, 211, 187;
	--color_32: 127, 168, 139;
	--color_33: 64, 124, 81;
	--color_34: 43, 83, 54;
	--color_35: 21, 41, 27;
	--color_36: 21, 21, 19;
	--color_37: 245, 245, 245;
	--color_38: 77, 77, 76;
	--color_39: 133, 133, 132;
	--color_40: 189, 189, 189;
	--color_41: 245, 245, 245;
	--color_42: 21, 21, 19;
	--color_43: 243, 241, 196;
	--color_44: 156, 156, 82;
	--color_45: 245, 245, 245;
	--color_46: 245, 245, 245;
	--color_47: 245, 245, 245;
	--color_48: 245, 245, 245;
	--color_49: 245, 245, 245;
	--color_50: 21, 21, 19;
	--color_51: 21, 21, 19;
	--color_52: 245, 245, 245;
	--color_53: 245, 245, 245;
	--color_54: 189, 189, 189;
	--color_55: 189, 189, 189;
	--color_56: 77, 77, 76;
	--color_57: 245, 245, 245;
	--color_58: 21, 21, 19;
	--color_59: 21, 21, 19;
	--color_60: 21, 21, 19;
	--color_61: 245, 245, 245;
	--color_62: 245, 245, 245;
	--color_63: 189, 189, 189;
	--color_64: 189, 189, 189;
	--color_65: 77, 77, 76;
	--font_0: normal normal bold 80px/1em "fraunces_120pt-light", serif;
	--font_1: normal normal normal 16px/1.4em "din-next-w01-light", "din-next-w02-light", "din-next-w10-light", sans-serif;
	--font_2: normal normal bold 68px/1.1em "fraunces_120pt-light", serif;
	--font_3: normal normal bold 55px/1.2em "fraunces_120pt-light", serif;
	--font_4: normal normal bold 48px/1.2em "fraunces_120pt-light", serif;
	--font_5: normal normal bold 35px/1.3em "fraunces_120pt-light", serif;
	--font_6: normal normal bold 26px/1.5em "fraunces_120pt-light", serif;
	--font_7: normal normal normal 20px/1.7em "helvetica-w01-light", "helvetica-w02-light", sans-serif;
	--font_8: normal normal normal 16px/1.7em "helvetica-w01-light", "helvetica-w02-light", sans-serif;
	--font_9: normal normal normal 14px/1.8em "helvetica-w01-light", "helvetica-w02-light", sans-serif;
	--font_10: normal normal normal 12px/1.4em "din-next-w01-light", "din-next-w02-light", "din-next-w10-light", sans-serif;
}

@font-face {
	font-family: "Fraunces_120pt-Light";
	src: url("/Fraunces_120pt-Light.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "Fraunces_120pt-Light";
	font-style: italic;
	src: url("/Fraunces_120pt-LightItalic.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	/* Fraunces_120pt-Regular */
	font-family: "Fraunces_120pt-Light";
	font-weight: 700;
	src: url("/Fraunces_120pt-Regular.ttf") format("truetype");
	font-display: swap;
}

@font-face {
	font-family: "Helvetica W01 Light";
	src: url("/e89eb1cff9eb261b0d77a4dea27f1ef1.eot");
	src: url("/e89eb1cff9eb261b0d77a4dea27f1ef1.eot?#iefix") format("embedded-opentype"),
	url("/e89eb1cff9eb261b0d77a4dea27f1ef1.woff") format("woff"),
	url("/e89eb1cff9eb261b0d77a4dea27f1ef1.woff2") format("woff2"),
	url("/e89eb1cff9eb261b0d77a4dea27f1ef1.ttf") format("truetype"),
	url("/e89eb1cff9eb261b0d77a4dea27f1ef1.svg#Helvetica W01 Light") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body {
	background-color: #151513;
	color: #fff;
	font-family: "Helvetica W01 Light";
	opacity: 0;
}

a {
	color: #fff;
	text-decoration: none;
}

.rounded {
	background-color: #fff;
	width: 140px;
	padding: 10px;
}

.rounded a {
	color: #000;
	text-align: center;
	width: 100%;
	display: inline-block;
	font-size: 20px;
}

label {
	font-size: 12px;
}

.navbar {
	font-family: "Fraunces_120pt-Light", serif;
	font-size: 20px;
	font-weight: 700;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.nav-mobile {
    position: relative;
    z-index: 10; /* Ensure the navbar stays on top of other elements */
}

#navbar-mobile {
	position: fixed;
    top: -100px;
    left: 0;
    width: 100%;
    height: 100%;
	opacity: 0;
	background: rgba(21, 21, 19, 1);
    visibility: hidden;
    transition: opacity 0.1s ease, top 0.3s ease, visibility 0.1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	}

#navbar-mobile.show {
	opacity: 1;
	visibility: visible;
	top: 0;
	transition: opacity 0.1s ease, top 0.3s ease, visibility 0.1s ease;
}

#navbar-mobile ul.navbar-nav {
	top: 65px;
    position: absolute;
}

#navbar-mobile .nav-item {
	font-size: 24px;
	font-weight: 700;
}

.navbar-toggler {
	z-index: 1;
}

/* .navbar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
} */


.navbar-toggler {
	border: none;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}


#cookie {
	line-height: 1.5em;
}

#cookie h5 {
	font-family: "Fraunces_120pt-Light", serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 0.8em;

}

.font-fraunces {
	font-family: "Fraunces_120pt-Light", serif;
}

h1 {
	font-family: "Fraunces_120pt-Light", serif;
	font-weight: 700;
	line-height: 80px;
}

h2  {
	font: var(--font_2);
}

#contact_header {
	font: var(--font_2);
	font-size: 68px;
}

#contact-detail {
	margin-top: 3rem;
	font-size: 16px;
}

#product_image_3 {
	min-width: 100%;
	height: 636px;
	object-fit: cover;
	object-position: center;
}

#product_image_3_container {
	min-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

#product_image_3_container .row, #product_image_3_container > .row > .col-12  {
	margin: 0 !important;
	padding: 0 !important;
}

.section-subtitle {
	font-size: 20px !important;
	font: var(--font_5);
}

.section-content {
	font-size: 16px;
}

.img-container-3 {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.img-container {
	position: relative;
	overflow: hidden;
}

.img-container img, .img-fluid-container img {
	width: 100%;
	height: 468px;
	object-fit: cover;
	object-position: center;
}

.cards-container {
	position: absolute;
	top: 25%;
	display: flex;
	justify-content: center;
}

.card {
	position: relative;
	background: rgba(21, 21, 19, 1);
	margin: 10px;
	padding-top: 50px;
}

.circle {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(77, 77, 76, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font: var(--font_2);
	font-size: 38px;
	font-family: avenir-lt-w01_85-heavy1475544, sans-serif;
}

#product_image_3_container .card {
	font-size: 16px;
	color: rgb(245,245,245,1);
}

.custom-input {
	background-color: black;
	color: white;
	border: 1px solid #ced4da;
}

.custom-input::placeholder {
	color: #6c757d;
}

.custom-input:focus {
	color: white;
	background-color: black;
	border-color: white;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(233, 244, 255, 0.25);
}

a {
	text-decoration: none;
	color: inherit;
}

.badge a {
	color: black;
	text-decoration: none;
}

.badge a:hover {
	color: white;
}

.rounded:hover {
	background-color: black;
	color: white;
	border: 1px solid white;
}

body {
	transition: opacity 0.5s ease-in-out;
}

#headline {
	font-size: 80px;
	text-align: center;
}

.navbar {
	background-color: #151513;
	color: white;
}

.navbar-brand {
	color: white;
}

@media only screen and (min-width: 992px) and (max-width: 1140px) {
	#headline {
		font-size: 44px!important;
	}
}

@media only screen and (max-width: 991px) {

	#product_image_3 {
		min-width: 100%;
		height: 1000px;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.cards-container {
		top: 5%;
	}
}

@media only screen and (max-width: 787px) {

	h1, h2 {
		font-size: 45px!important;
	}
}