/* Custom styles */

@import url('https://fonts.googleapis.com/css?family=Rokkitt:300,400,500,600,700');

/*** COLORS
dark-brown:		#2E140E;
dark-orange:	#761C14;
orange: 			#E55C22;
yellow:			#E5C000;
/*** ***/

html,
body {
	margin: 0 auto;
	background: #2E140E !important;
	font-size: 16px;
	font-family: 'Rokkitt', serif !important;
	font-weight: 400 !important;
	color: rgba(0, 0, 0, .6) !important;
	line-height: 1.5;
}

.wrapper {
	width: 100%;
	height: 100%;
	background: #fff;
	padding-top: 0;
}

.ecwid {
	padding-top: 90px;
}

.article ul li p {
	font-size: 1.25rem !important;
}

.d-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.flex-justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.form-control {
	display: block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	border: 2px solid rgba(0, 0, 0, .12);
	border-radius: 4px;
}
input:-internal-autofill-selected {
  background-color: rgba(118, 28, 20,.12) !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

textarea {
	margin-bottom: 16px;
	padding: 4px 12px;
	border: solid 2px rgba(0, 0, 0, .12);
	border-radius: 4px;
	font-size: 22px;
	-webkit-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.form-control:focus,
textarea:focus {
	outline: none;
	border-color: #761C14;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
	font-weight: 400 !important;
}

.display-1 {
	font-size: 6rem !important;
	letter-spacing: -3.00px !important;
}

.display-2 {
	font-size: 4.5rem !important;
	letter-spacing: -2.5px !important;
}

.display-3 {
	font-size: 4rem !important;
	letter-spacing: -1.5px !important;
}

.display-4 {
	font-size: 3rem !important;
	letter-spacing: -.05px !important;
}

.display-5 {
	font-size: 2rem !important;
	letter-spacing: -.05px !important;
}

.display-6 {
	font-size: 1rem !important;
	letter-spacing: -.05px !important;
}

a {
	color: #761C14;
	text-decoration: none;
	background-color: #0000;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

.soc-item a {
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.soc-item a:hover {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600 !important;
	line-height: 1 !important;
}

h1 {
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: -1.2px;
}

h2 {
	font-size: 2.0rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.25rem;
}

h6 {
	font-size: 1rem;
}

p {
	font-size: 1.125rem !important;
	line-height: 1.25 !important;
}

.text-big p {
	font-size: 1.375rem !important;
	line-height: 1.875rem !important;
	margin-bottom: 2.0rem;
}

.text-bigger p {
	font-size: 1.875rem !important;
	letter-spacing: -0.5px;
	line-height: 2.5rem !important;
	margin-bottom: 2.0rem;
}

.card-container {}

.card-container .card {
	border-radius: 8px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 0;
}

.card-container .card:hover {
	-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.card-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.card-body a.btn {
	margin-top: auto;
}

.icon-lg {
	font-size: 32px;
	vertical-align: text-bottom;
}

.navbar {
	background: #2E140E !important;
	padding: 0;
	min-height: 60px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .25);
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.footer {
	background-color: #2E140E !important;
}

.media-container-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
}
.footer .footer-links a.text-primary {
	line-height: 32px;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

.footer .footer-links a.text-primary:hover {
	color: #E55C22 !important;
}

.footer-lower .social-list {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.footer-lower .social-list .soc-item {
	margin: 0 1.0rem;
}
.footer-lower .social-list .soc-item i {
	color: #E5C000;
}
.footer-lower .social-list .soc-item a {
	margin: 0;
	-webkit-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}
.footer-lower .social-list .soc-item a:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
/*** ***/

@media (max-width: 767px) {
	.footer-lower .social-list {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-justify-content: center;
	}
}

@media (min-width: 992px) {
	.media-container-row {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

@media (max-width: 767px) {
	.media-wrap {
		margin-bottom: 1rem;
	}
}

/*** Elevation ***/

.shadow-1 {
	-webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) !important;
	box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12) !important;
}

.shadow-2 {
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
}

.shadow-8 {
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) !important;
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12) !important;
}

.shadow-16 {
	-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) !important;
	box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12) !important;
}

.shadow-24 {
	-webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12) !important;
	box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12) !important;
}

/*** ***/

section {
	position: relative;
	margin: 0 auto;
}

section.engine {
	display: none;
}

/*** NAVBAR ***/

.main-menu {
	z-index: 1029 !important;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	padding-top: 78px;
}

.nav-open .main-menu {
	z-index: 1029 !important;
	opacity: 1;
	visibility: visible;
	background: #2E140E;
}

.main-menu .nav li a {
	color: #E5C000;
	font-size: 4.5vh;
	font-weight: 500;
	text-align: center;
	padding: 0.5rem 0 !important
}

.main-menu .nav li {
	padding-left: 0;
	opacity: 0;
	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
	-webkit-animation-timing-function: cubic-bezier(.45, .005, 0, 1);
	animation-timing-function: cubic-bezier(.45, .005, 0, 1);
}

.nav-open .main-menu .nav li {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform .2s, opacity .2s;
	-webkit-transition: opacity .2s, -webkit-transform .2s;
	transition: opacity .2s, -webkit-transform .2s;
	transition: transform .2s, opacity .2s;
	transition: transform .2s, opacity .2s, -webkit-transform .2s;
}

.main-menu .nav li.delay-1 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.main-menu .nav li.delay-2 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.main-menu .nav li.delay-3 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.main-menu .nav li.delay-4 {
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.main-menu .nav li.delay-5 {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.main-menu .nav li.delay-6 {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}

.main-menu .nav li.delay-7 {
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}

.main-menu .nav li.delay-8 {
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.main-menu .nav li.delay-9 {
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}

.nav-button {
	position: relative;
	z-index: 1111;
	border: solid 1px #E5C000;
	height: 42px;
	display: block;
	width: 50px;
	padding: 12px 12px 0;
}

.nav-button #nav-icon3 {
	width: 24px;
	height: 22px;
	display: inline-block;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.nav-button #nav-icon3 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #E5C000;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}

.nav-button #nav-icon3 span:nth-child(1) {
	top: 0
}

.nav-button #nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
	top: 7px
}

.nav-button #nav-icon3 span:nth-child(4) {
	top: 14px
}

.nav-button #nav-icon3:hover span {
	background: #E55C22;
}

.nav-open #nav-icon3 span:nth-child(1) {
	top: 9px;
	width: 0;
	left: 50%
}

.nav-open #nav-icon3 span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.nav-open #nav-icon3 span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.nav-open #nav-icon3 span:nth-child(4) {
	top: 9px;
	width: 0;
	left: 50%
}

.overflow-hidden {
	overflow: hidden;
}

.menu-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

/*** ***/

/******/

.navbar.navbar-short .navbar-logo a img {
	height: 32px !important;
}

.menu img {
	margin: 0;
	height: 36px !important;
}

.nav-open .navbar-dropdown.navbar-fixed-top {
	position: fixed;
}

.navbar-dropdown {
	position: fixed;
	left: 0;
	padding: 0 8px;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.45s ease;
	transition: all 0.45s ease;
	z-index: 1030;
	background: #2E140E;
}

.navbar-dropdown.navbar-fixed-top {
	position: static;
}

.fixed-top {
	z-index: 1029;
}

.hero-bg {
	position: relative;
	margin: 0 auto;
	background-color: #000;
	vertical-align: top;
	-webkit-box-shadow: 0 10px 24px #000;
	box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.75);
	overflow: hidden;
	height: calc(100vh - 60px);
}

.hero-bg .container {
	padding-left: 40px;
	padding-right: 40px;
}

.hero-gradient {
	position: absolute;
	top: 0px;
	left: 0;
	background: #761C14;
	background: radial-gradient(ellipse at center, #F6EB16 0%, #E55C22 45%, #AC1F1F 80%, #761C14 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6EB16', endColorstr='#761C14', GradientType=1);
	width: 100%;
	height: 100%;
}

.hero-fire {
	position: absolute;
	bottom: -30px;
	left: 0vh;
	width: 350%;
	height: auto;
}

.hero-fire img {
	background-blend-mode: lighten;
	mix-blend-mode: lighten;
}

.hero-video {
	height: 65vh;
	/*50vh;*/
	vertical-align: top;
}

/*** ***/
/*** Hero Logo Animation ***/
/*** ***/
.hero-row {
	position: relative;
	margin: 0 auto;
	height: 100vh;
}

.hero-banner {
	position: relative;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
}

div[class^="hero-"] img {
	width: 100%;
}

.hero-wildjrs {
	position: absolute;
	top: 7vh;
	left: 0;
	width: 100%;
	height: auto;
}

.hero-hotsauce {
	position: absolute;
	top: 50vh;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.hero-chili-pepper {
	position: relative;
	top: 5vh;
	left: 0;
	width: 50vw;
	height: auto;
	-webkit-animation-delay: 2.0s;
	animation-delay: 2.0s;
	margin: 0 auto;
}

.hero-chili-pepper img {
	-webkit-transform: rotate(-18deg);
	transform: rotate(-18deg);
}

.hero-head-flame {
	position: relative;
	top: 3vh;
	left: 0;
	width: 29vh;
	height: auto;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
	margin: 0 auto;
}

.hero-quote {
	position: relative;
	top: 100%;
	left: 17%;
	width: 70%;
	height: auto;
}

.hero-cta-buttons {
	position: absolute;
	bottom: 3vh;
	padding: 0 16px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.hero-cta-buttons button,
.hero-cta-buttons a.btn-big {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	margin: 0 4px !important;
	padding: .4374rem 0.75rem; /*0 .75rem;*/
	font-size: 1.375rem;
	font-weight: 600;
	line-height: 1.75rem;
}

/*** ***/

.jumbotron {
	background: #2E140E;
	border-radius: 0;
	min-height: 350px;
	margin: 0 auto !important;
	padding: 0px !important;
	overflow: hidden;
	z-index: 1;
}

.jumbotron.home-recipes {
	background-image: url('../../images/jumbo-food1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron.image-ribbon-1:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
}

/*** FAQs Background ***/
.jumbotron.faq {
	background-image: url('../../images/wood-bg.jpg') !important;
	background-repeat: no-repeat;
	background-size: cover;
}

.jumbotron.faq:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgb(118, 28, 20, .6);
}

/*** ***/

.footer {
	height: 35vh;
}

.pt-6,
.pt-sm-6,
.pt-md-6,
.pt-lg-6 {
	padding-top: 76px !important;
}

.pb-6,
.pb-sm-6,
.pb-md-6,
.pb-lg-6 {
	padding-bottom: 76px !important;
}

.py-6,
.py-sm-6,
.py-md-6,
.py-lg-6 {
	padding-top: 76px !important;
	padding-bottom: 76px !important;
}

.pl-6,
.pl-sm-6,
.pl-md-6,
.pl-lg-6 {
	padding-left: 76px !important;
}

.pr-6,
.pr-sm-6,
.pr-md-6,
.pr-lg-6 {
	padding-right: 76px !important;
}

.px-6,
.px-sm-6,
.px-md-6,
.px-lg-6 {
	padding-left: 76px !important;
	padding-right: 76px !important;
}

.mt-2 {
	margin-top: 16px !important;
}

.mb-2 {
	margin-bottom: 16px !important;
}

.my-2 {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.ml-2 {
	margin-left: 16px !important;
}

.mr-2 {
	margin-right: 16px !important;
}

.mx-2 {
	margin-left: 16px !important;
	margin-right: 16px !important;
}

.mt-3 {
	margin-top: 24px !important;
}

.mb-3 {
	margin-bottom: 24px !important;
}

.my-3 {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

.ml-3 {
	margin-left: 24px !important;
}

.mr-3 {
	margin-right: 24px !important;
}

.mx-3 {
	margin-left: 24px !important;
	margin-right: 24px !important;
}

.mt-6 {
	margin-top: 76px !important;
}

.mb-6 {
	margin-bottom: 76px !important;
}

.my-6 {
	margin-top: 76px !important;
	margin-bottom: 76px !important;
}

.ml-6 {
	margin-left: 76px !important;
}

.mr-6 {
	margin-right: 76px !important;
}

.mx-6 {
	margin-left: 76px !important;
	margin-right: 76px !important;
}

.width-66 {
	width: 66%;
}

.border-bottom {
	border-bottom: solid 1px rgba(0, 0, 0, .12);
}

section {
	background-color: #2E140E;
}

.dark-brown {
	background-color: #2E140E !important;
}

.text-dark-brown,
.text-dark {
	color: #2E140E !important;
}

.dark-brown > div {
	color: #E5C000;
}

.dark-orange {
	background-color: #761C14 !important;
}

.text-dark-orange {
	color: #761C14;
}

.orange {
	background-color: #E55C22 !important;
}

.text-orange {
	color: #E55C22;
}

.text-yellow {
	color: #E5C000;
}

a {
	border: 0 !important;
	-webkit-transition: background .3s ease, color .3s ease, border .3s ease;
	transition: background .3s ease, color .3s ease, border .3s ease;
}

a.scrollup {
	position: fixed;
	display: none;
	right: 7px;
	bottom: 30px;
	float: right;
	margin: 10px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	z-index: 6000;
	opacity: .5;
	color: #202020 !important;
	filter: alpha(opacity=66);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-webkit-transition: all .3s ease !important;
	transition: all .3s ease !important;
}

a.scrollup:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.anchor {
	position: relative;
}

.anchor a {
	position: absolute;
	left: 0px;
	top: -77px;
}

.recipe {
	background-color: #fff;
	width: 100%;
	border-bottom: solid 1px rgba(0, 0, 0, .12);
}

.recipe .cta-buttons {
	padding-bottom: 60px;
}

article.recipes {
	padding: 24px;
	width: auto;
}

.recipes-left {
	width: 100%;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

article h1 {
	padding-bottom: 0;
	font-size: 1.875rem;
	font-weight: 600;
	color: #761C14;
}

article h4 {
	padding: 0 0 16px 0;
	font-size: 1.5rem;
	text-transform: uppercase;
}

article h5 {
	padding: 0 0 32px 0;
	color: rgba(0, 0, 0, .60);
}

.recipe article > ul {
	list-style-type: none;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	margin: 0;
	padding: 0 0 24px 0;
}

.recipe article li {
	border-top: solid 1px rgba(0, 0, 0, .12);
	margin-bottom: -1px;
	padding: 8px 0 8px 8px;
	font-size: 1.125rem;
}

.recipe article p {
	color: rgba(0, 0, 0, .60);
}

article.dark-bg {
	position: relative;
	color: #E5C000;
}

article.dark-bg .text-yellow {
	text-shadow: 0 0 5px rgba(0, 0, 0, 1);
}

.white-bg {
	background-color: #fff;
}
.beige-bg {
	background-color: rgba(118, 28, 20, 0.039); /*#761c140a;*/
}

.light-bg {
	background-color: #f5f5f5;
	color: #761C14;
}

article.swag {
	padding: 24px;
	width: auto;
	margin-right: 30vw;
}

#homeAbout {
	position: relative;
	background-image: url(../../images/wood-bg.jpg);
	background-color: #761C14;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 300px;
}

#homeAbout .sauce-bottle {
	position: static;
	float: left;
	height: 0;
	overflow: hidden;
}

#homeAbout .sauce-bottle img {
	position: absolute;
	top: 0%;
	left: -3%;
	width: 33%;
}

#homeAbout .about {
	margin-left: 33%;
}

#homeAbout > div {
	height: 100%;
}

#homeAbout div h1,
#homeRecipes h1 {
	font-size: 3.5rem;
}

#homeAbout div h3,
#homeRecipes h3 {
	font-size: 1.25rem;
}

.recipes > div {
	height: 100%;
}

.picbox-sm {
	background-color: rgba(0, 0, 0, .04);
	min-width: 240px;
	min-height: 350px;
	border: solid 3px #761C14;
	border-radius: 8px;
}

.picbox-sm:first-child {
	margin: 0;
}

.picbox {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 250px;
	overflow: hidden;
	border-radius: 8px;
}

.picbox.recipe1 {
	background-image: url("../../images/Ribs.jpg");
}

.picbox.recipe2 {
	background-image: url("../../images/ShrimpCocktail.jpg");
}

.about1 {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.about1 img {
	width: 100%;
	height: auto;
}

.border-radius {
	border-radius: 8px;
}

.flex-basis-0 {
	width: 0;
}

.faq-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.faq-list ul li {
	padding: 16px 16px 8px;
	border-bottom: solid 1px rgba(0, 0, 0, .12);
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

.faq-list ul li:hover {
	background-color: rgba(118, 28, 20, .04);
}

.faq-list ul li p {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.faq-list ul li p:first-child {
	font-size: 1.75rem !important;
	font-weight: 600 !important;
	letter-spacing: -0.75px;
}

.faq-list ul li:hover p:first-child {
	color: #761C14;
}

.faq-list ul li p:not(:first-child) {
	color: rgba(0, 0, 0, .38);
}

.faq-list ul li:hover p:not(:first-child) {
	color: rgba(0, 0, 0, .60);
}

.testimonials {
	background: url("../../images/user1.jpg") top center no-repeat;
	background-size: cover;
	background-color: rgba(118, 28, 20, .90);
	/*#761C14;*/
	background-blend-mode: multiply;
	height: auto;
}

.testimonials article {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-height: 300px;
	height: 100%;
}

.testimonials article > p {
	display: none;
	min-width: 320px;
	max-width: 33%;
	height: 64px;
	padding: 0 24px;
	color: rgba(229, 192, 0, 0.38);
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.testimonials article > p:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.testimonials p.comment,
html#ecwid_html body#ecwid_body .quote .description p {
	font-size: 1.5rem !important;
	font-weight: 400 !important;
}

html#ecwid_html body#ecwid_body .quote .description p:hover {
	color: #761C14;
	background: rgba(118, 28, 20, 0.039); /*#761c140a;*/
}

.rotate-text {
	position: absolute;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	font-size: 2.25rem;
	line-height: 1;
	text-align: center;
	text-shadow: 0 0 12px #000;
}

/*** mbr-additional.css overrides ***/

.text-light {
	font-family: 'Rokkitt', serif;
	font-size: 1.5rem !important;
	color: #E5C000 !important;
}
.menu .nav-link {
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.menu .nav-link:hover,
.menu .dropdown-item:hover {
	color: #E55C22 !important;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.display-4 {
	font-family: 'Rokkitt', serif !important;
}

.display-3 {
	font-family: 'Rokkitt', serif !important;
	letter-spacing: normal;
}

.display-2 {
	font-family: 'Rokkitt', serif;
}

.display-1 {
	font-family: 'Rokkitt', serif !important;
}

/*** BUTTONS ***/

a,
a:focus,
button,
button:focus {
	outline: 0 !important;
}

.button:hover:active,
button:hover:active,
input[type=button]:hover:active,
input[type=reset]:hover:active,
input[type=submit]:hover:active {
	border-color: #761C14;
}

.btn {
	text-transform: uppercase !important;
}

.btn-container {
	display: block;
}

.scrollLink.btn {
	font-size: 1.5rem;
}

.btn-big {
	padding: 0 1.25rem;
	font-size: 1.0rem;
	line-height: 2.0rem;
	height: auto;
	border-radius: 8px !important;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.btn-primary,
.btn-primary:active {
	background-color: #761C14 !important;
	border: solid 3px #761C14 !important;
	border-color: #761C14 !important;
	border-top-color: #761C14 !important;
	border-right-color: #761C14 !important;
	border-bottom-color: #761C14 !important;
	border-left-color: #761C14 !important;
	color: #E5C000 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary.active {
	background-color: #2E140E !important;
	border: solid 3px #2E140E !important;
	border-color: #2E140E !important;
	border-top-color: #2E140E !important;
	border-right-color: #2E140E !important;
	border-bottom-color: #2E140E !important;
	border-left-color: #2E140E !important;
	color: #E5C000 !important;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.btn-outline-primary,
.btn-outline-primary:active {
	background-color: transparent !important;
	border: solid 3px #761C14 !important;
	color: #761C14 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-primary.active {
	background-color: #761C14 !important;
	border: solid 3px #761C14 !important;
	color: #E5C000 !important;
}

.btn-secondary,
.btn-secondary:active {
	background-color: #E55C22 !important;
	border-color: #E55C22 !important;
	color: #E5C000 !important;
}

.btn-link,
.btn-link:active {
	padding-left: 0 !important;
	padding-right: 0;
	 !important background-color: transparent !important;
	border: 0 !important;
	font-weight: 600;
	color: #E5C000;
}

.btn-link:hover,
.btn-link:focus,
.btn-link.focus,
.btn-link.active {
	font-weight: 600;
	color: #E55C22;
}

/***  ***/

sup {
	font-size: 50%;
	top: -0.75em;
}

.img-container-bottle {
	position: relative;
	max-height: 400px;
	padding: 0 15%;
}

.img-container-bottle img {
	height: 100%;
}

.menu.btn {
	padding: 0.0825rem 1.0rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer .media-wrap img {
	height: 200px;
}

.text-primary {
	color: #E5C000 !important;
}

a.text-primary:focus, a.text-primary:hover {
	color: #fff !important;
}
a.text-primary:hover,
a.text-primary:focus {
	color: #E55C22;
}

.copyright {
	font-size: 1rem !important;
	color: rgba(255, 255, 255, .5);
}

.hero-row-static {
	display: none;
}

.social-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: #dbbcb4;
}

.overlay-white img {
	/*filter: opacity(.2);*/
}

.social-content {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	text-align: center;
}
.social-content h1 {
	-ms-flex-item-align: center;
	align-self: center;
	padding-bottom: 24px;
	color: #761C14;
}

.social-big {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.social-big .soc-item {
	margin: 0 6%;
}
.social-big .soc-item a {
	display: block;
	margin: 0;
	-webkit-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
}
.social-big .soc-item .fa {
	display: block;
	color: #761C14;
}

/*** ***/

/*** Media Queries ***/
@media only screen and (max-device-width: 767px) and (orientation: landscape) {

	.hero-row,
	.hero-cta-buttons {
		display: none;
	}

	.hero-row-static {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-top: 10px;
	}

	.hero-row-static img {
		width: auto !important;
		height: calc(100vh - 100px);
	}

	.hero-row-static .hero-cta-buttons {
		position: absolute;
		display: inline-block;
		left: calc(100% - 420px);
		top: calc(100vh - 130px);
		width: auto;
	}

	.main-menu .nav li a {
		padding: 0.25rem 0 !important;
		font-size: 1.5rem;
	}
}

@media (min-width: 576px) {
	.display-1 {
		font-size: 6rem !important;
		letter-spacing: -3.00px !important;
	}

	.display-2 {
		font-size: 5rem !important;
		letter-spacing: -2.5px !important;
	}

	.display-3 {
		font-size: 4rem !important;
		letter-spacing: -1.5px !important;
	}

	.display-4 {
		font-size: 3rem !important;
		letter-spacing: -.05px !important;
	}

	.display-5 {
		font-size: 2rem !important;
		letter-spacing: -.05px !important;
	}

	.display-6 {
		font-size: 1rem !important;
		letter-spacing: -.05px !important;
	}

	/*** Hero Row ***/
	.hero-bg .container {
		padding: 0;
	}

	.hero-head-flame {
		position: absolute;
		top: 2vh;
		left: 9vw;
		width: 23vw;
	}

	.hero-wildjrs {
		top: 5vh;
		left: 0;
		width: 50%;
		height: auto;
	}

	.hero-hotsauce {
		position: absolute;
		top: 30vh;
		left: 50%;
		width: 50%;
	}

	.hero-chili-pepper {
		position: relative;
		top: 0vh;
		left: 21vw;
		width: 30vw;
		height: auto;
		margin: 0 auto;
	}

	.hero-cta-buttons {
		position: relative;
		top: -32vh;
		left: 47vw;
		width: 52vw;
		height: auto;
	}

	/*** ***/

	#homeAbout .sauce-bottle {
		position: static;
		float: left;
		height: 0;
		overflow: hidden;
	}

	#homeAbout .sauce-bottle img {
		position: absolute;
		width: 30%;
		top: -4vh;
		left: -2%;
	}

	#homeAbout .about {
		margin-left: 40% !important;
	}

	#homeAbout div h1,
	#homeRecipes h1 {
		font-size: 3.5rem;
	}

	#homeAbout div h3,
	#homeRecipes h3 {
		font-size: 1.25rem;
	}

	.picbox {
		height: 300px;
	}

	article.h1 {
		font-size: 2.0rem !important;
	}

	.recipe article > ul {
		max-width: none;
		/*50vw;*/
	}

	.recipe article h1 {
		padding-bottom: 0;
		font-size: 2.0rem;
		font-weight: 600;
		color: #761C14;
	}

	.recipe article h4 {
		padding: 0 0 16px 0;
		font-size: 1.5rem;
		text-transform: uppercase;
	}

	.recipe article h5 {
		padding: 0 0 32px 0;
		color: rgba(0, 0, 0, .60);
	}

	.recipes-left {
		width: 43vw;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-shadow: 0 0 5px rgba(0, 0, 0, 1);
	}

	.card-container .card:first-child {
		margin-right: 32px;
	}

	.pt-6,
	.pt-sm-6,
	.pt-md-6,
	.pt-lg-6 {
		padding-top: 76px !important;
	}

	.pb-6,
	.pb-sm-6,
	.pb-md-6,
	.pb-lg-6 {
		padding-bottom: 76px !important;
	}

	.py-6,
	.py-sm-6,
	.py-md-6,
	.py-lg-6 {
		padding-top: 76px !important;
		padding-bottom: 76px !important;
	}

	.pl-6,
	.pl-sm-6,
	.pl-md-6,
	.pl-lg-6 {
		padding-left: 76px !important;
	}

	.pr-6,
	.pr-sm-6,
	.pr-md-6,
	.pr-lg-6 {
		padding-right: 76px !important;
	}

	.px-6,
	.px-sm-6,
	.px-md-6,
	.px-lg-6 {
		padding-left: 76px !important;
		padding-right: 76px !important;
	}

	.testimonials article > p {
		display: block;
	}

	.rotate-text {
		position: absolute;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 75%;
		font-size: 3.75rem;
		line-height: 1;
		text-align: center;
		text-shadow: 0 0 12px #000;
	}
}

@media (min-width: 768px) {
	.no-margin {
		margin: 0;
	}

	.width-lg-66 {
		width: 100%;
	}

	.mr-lg-6 {
		margin-right: 76px;
	}

	/*** Hero Row ***/
	.hero-bg .container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.hero-head-flame {
		position: relative;
		top: 2vh;
		left: 0;
		width: 41vw;
		margin: 0 auto;
	}

	.hero-wildjrs {
		top: 5vh;
		left: 0;
		width: 100%;
		height: auto;
	}

	.hero-hotsauce {
		top: 65vw;
		left: 0;
		width: 100%;
		height: auto;
	}

	.hero-chili-pepper {
		position: relative;
		top: 8vh;
		left: 0;
		width: 41vw;
		height: auto;
		margin: 0 auto;
	}

	.hero-cta-buttons {
		position: relative;
		top: -13vh;
		left: 0vw;
		width: 100%;
		height: auto;
	}

	.hero-cta-buttons button,
	.hero-cta-buttons a.btn-big {
		font-size: 1.75rem;
		line-height: 56px;
	}

	/*** ***/

	.recipe article > ul {
		max-width: 100%;
	}

	.cta-buttons button {
		margin: 0 24px 48px 0 !important;
	}

	h5.card-title {
		font-size: 2.125rem !important;
		letter-spacing: -1.5px;
	}

	#homeAbout .sauce-bottle {
		position: static;
		float: left;
		height: 0;
		overflow: hidden;
	}

	#homeAbout .sauce-bottle img {
		position: absolute;
		width: 20%;
		top: -10%;
		left: 0;
	}

	#homeAbout .about {
		margin-left: 33% !important;
	}

	.recipe article h1 {
		font-size: 2.5rem !important;
	}

	.card-title {
		font-size: 2.0rem;
		letter-spacing: -1.5px;
	}

	.pt-6,
	pt-sm-6,
	pt-md-6,
	pt-lg-6 {
		padding-top: 76px !important;
	}

	.pb-6,
	pb-sm-6,
	pb-md-6,
	pb-lg-6 {
		padding-bottom: 76px !important;
	}

	.py-6,
	py-sm-6,
	py-md-6,
	py-lg-6 {
		padding-top: 76px !important;
		padding-bottom: 76px !important;
	}

	.pl-6,
	pl-sm-6,
	pl-md-6,
	pl-lg-6 {
		padding-left: 76px !important;
	}

	.pr-6,
	pr-sm-6,
	pr-md-6,
	pr-lg-6 {
		padding-right: 76px !important;
	}

	.px-6,
	px-sm-6,
	px-md-6,
	px-lg-6 {
		padding-left: 76px !important;
		padding-right: 76px !important;
	}
}

@media (min-width: 992px) {
	.navbar {
		height: 77px;
	}

	.navbar-dropdown.navbar-fixed-top {
		position: fixed;
	}

	.navbar.navbar-short {
		min-height: 56px !important;
		padding: 0;
		-webkit-transition: all .2s;
		transition: all .2s;
	}

	.navbar {
		min-height: 56px;
		padding: .5rem 0;
	}

	.navbar .conatainer {
		margin-right: 16px !important;
	}

	.menu-logo .navbar-brand {
		margin-left: 0;
	}

	.menu-logo .navbar-brand .navbar-logo a img {
		height: 60px !important;
	}

	.navbar.navbar-short .menu-logo .navbar-brand .navbar-logo a img {
		height: 45px !important;
	}

	html#ecwid_html body#ecwid_body .ec-minicart__icon .icon-default circle[fill].cart-not-empty,
	html#ecwid_html body#ecwid_body .ec-minicart__icon .icon-default circle[fill].cart-not-empty:hover {
		fill: #E5C000 !imoportant;
	}

	.wrapper {
		padding-top: 77px !important;
	}

	.hero-head-flame {
		position: relative;
		top: 2%;
		left: -24%;
		width: 30%;
		height: auto;
	}

	.hero-wildjrs {
		position: absolute;
		display: inline-block;
		top: 7vh;
		left: 0;
		width: 50%;
		height: auto;
	}

	.hero-hotsauce {
		position: absolute;
		display: inline-block;
		top: 26vh;
		left: 50%;
		width: 50%;
		height: auto;
	}

	.hero-chili-pepper {
		position: absolute;
		display: inline-block;
		top: 3vh;
		left: 58%;
		width: 36%;
		height: auto;
	}

	.hero-cta-buttons {
		position: absolute;
		display: inline-block;
		top: 53vh;
		left: 50%;
		width: auto;
	}

	.hero-cta-buttons button,
	.hero-cta-buttons a.btn-big {
		font-size: 1.75rem;
		padding: inherit;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.hero-fire {
		position: absolute;
		bottom: -40px;
		left: 0%;
		width: 200%;
		height: auto;
	}

	.footer {
		margin: 0 auto;
		max-width: 1200px;
	}

	.media-wrap img {
		height: 200px;
	}

	.cta-buttons {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.card {
		max-width: 30%;
	}

	article h1 {
		padding-bottom: 0;
		font-size: 2.5rem !important;
		font-weight: 600;
		color: #761C14;
	}

	.card-title {
		font-size: 2.0rem;
		letter-spacing: -1.5px;
	}

	.picbox {
		background-size: cover;
		background-position: center;
		width: 100%;
		height: 500px !important;
	}

	.picbox.about1 {
		background-size: contain;
		background-position: top left;
		width: 100%;
		min-height: 422px !important;
		height: auto !important;
	}

	#homeAbout {
		overflow: hidden;
		min-height: 515px;
	}

	#homeAbout .sauce-bottle {
		position: static;
		float: left;
		height: 0;
		overflow: hidden;
	}

	#homeAbout .sauce-bottle img {
		position: absolute;
		width: 19%;
		top: -6%;
	}

	#homeAbout > div {
		height: 100%;
	}

	#homeAbout div h1,
	#homeRecipes h1,
	.about > h1,
	.social-content > h1 {
		font-size: 4rem !important;
		letter-spacing: -1.5px !important;
	}

	#homeAbout div h3,
	.recipes h3,
	.about > h3 {
		font-size: 2rem !important;
		line-height: 1.5 !important;
	}

	#homeRecipes {
		min-height: 400px;
	}


	.pt-6,
	.pt-sm-6,
	.pt-md-6,
	.pt-lg-6 {
		padding-top: 76px !important;
	}

	.pb-6,
	.pb-sm-6,
	.pb-md-6,
	.pb-lg-6 {
		padding-bottom: 76px !important;
	}

	.py-6,
	.py-sm-6,
	.py-md-6,
	.py-lg-6 {
		padding-top: 76px !important;
		padding-bottom: 76px !important;
	}

	.pl-6,
	.pl-sm-6,
	.pl-md-6,
	.pl-lg-6 {
		padding-left: 76px !important;
	}

	.pr-6,
	.pr-sm-6,
	.pr-md-6,
	.pr-lg-6 {
		padding-right: 76px !important;
	}

	.px-6,
	.px-sm-6,
	.px-md-6,
	.px-lg-6 {
		padding-left: 76px !important;
		padding-right: 76px !important;
	}

	.faq-list ul li {
		padding: 24px 24px 12px;
	}

	.testimonials article > p {
		display: block;
	}

	.rotate-text {
		width: 75%;
		font-size: 3.75rem;
		text-shadow: 0 0 12px #000;
	}
}

@media (min-width: 1200px) {
	#homeAbout .sauce-bottle {
		position: static;
		float: left;
		height: 0;
		overflow: hidden;
	}

	#homeAbout .sauce-bottle img {
		position: absolute;
		width: 15%;
		top: -5vh;
		left: 5vw;
	}
}


/*** ***/

.img-parallax {
	width: 100vmax;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	pointer-events: none
}