@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	font-family: "Roboto", sans-serif;
}

header {
	background-image: url("images/banner.webp");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

h1, h2, h3, h4, h5 {
	font-family: "Oswald", sans-serif;
}

.headerBtm {
	background-color: rgba(0,0,0,.75);
}

.headerBottle {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 250px;
	height: auto;
}

.headerSeal {
	position: absolute;
	bottom: 2rem;
	right: 1rem;	
	width: 240px;
	height: auto;
	filter: drop-shadow(-5px 20px 10px rgba(0,0,0,.5));
}


header .display-1 {
	font-size: 7rem;
	padding-top: 8rem;
}

.btn {
	background-color: #d2161a;
	color: #fff;
	transition: .2s;
	font-weight: 600;
	letter-spacing: .1rem;
	font-size: 1.2rem;
}


.btn:hover {
	background-color: #9c0a0e ;
	color: #fff;
}

.color {
	color: #d2161a;
}

.block01 {
	background-image: url("images/img4.webp");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}

.block02 {
	background-image: url("images/img10.webp");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;	
}

.block01Col {
	
	background-color: rgba(0,0,0,.75);
}


.ingredients {
	background-image: url("images/img9.webp");
	background-size: cover;
	background-position: center center;
}

.ingredients .border {
	position: relative;
	z-index: 1;
}

.ingredients .bg-dark {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,.8)!important;
}


.ingredientsImg {
	height: 100px;
	width: 100px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
}

.ingredientsImg img {
	height: 100%;
	width: auto;
	object-fit: cover;
	object-position: center;
}

.ingredientsBottle img {
	width: 300px;
	height: auto;
}
.ingredientsBottle {
	position: relative;
	z-index: 1;
}

.ingredientsBottle::before {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	height: 20px;
	width: 96%;
	background-color: rgba(0,0,0,.75);
	z-index: -1;
	border-radius: 50%;
	filter: blur(5px);
}

.bottomContent .display-1 {
	font-size: 8rem;
}

.bottomContent {
	background-image: url("images/img12.webp");
	background-size: cover;
	background-position: center bottom;
}

footer p {
	font-size: 12px;
}

footer a {
	color: #fff;
	font-weight: 500;
	letter-spacing: .05rem;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 12px;
	transition: .2s;
}

footer a:hover {
	color: #d2161a;	
	text-decoration: none;
}

.offcanvas {
	--bs-offcanvas-width: 50vw;
}

@media screen and (min-width: 1400px) {
	.formContainer {
		padding-top: 6rem;
	}
}

.formbox {
	background-color: rgba(0,0,0,.5);
}


.prodBox {
	position: relative;
	z-index: 1;
	color: #000;
	transition: .4s;
}

.prodBox:hover {
	color: #fff;
}

.prodBox::before {
	content: "";
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60%;	
	z-index: -1;
	transition: .4s;
	border: solid #000 1px;
}

.prodBox:hover::before {
	background-color: #000;
}


.btn-2 {	
	border: solid #000 2px;
	color: #000;
	font-weight: 600;
	background-color: transparent;
}

.prodBox:hover .btn-2 {	
	border: solid #fff 2px;
	color: #fff;
}



.btn-2::before {
	background: transparent;
}

.btn-2:hover::before {
	background: #fff;
	border: solid #d2161a 2px;
}
.btn-2:hover {
	color: #fff!important;	
	background-color: #d2161a;
	border: solid #d2161a 2px!important;
}