@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,800|Pacifico|Playfair+Display:400,700,900&display=swap&subset=latin-ext');

html, body {
	font-family: 'Montserrat', sans-serif;
	background-color: #646464;
	font-size: 12pt;
	scroll-behavior: smooth;
}

.modal-backdrop.show {
	opacity: 0.8;
}

.close {
	opacity: 1;
}

.modal-content {
	background-color: transparent;
	border: none;
}

.modal-body {
	padding: 0;
}

.container {
	width: 100%;
	max-width: 1600px;
}

.bg-semitransparent {
	background: rgba(0, 0, 0, 0.0);
}

#theme-properties-panel {
	position: fixed;
	background-color: white;
	width: 350px;
	left: 0;
	top: 100px;
	z-index: 999999;
	border: 4px solid #a87c5e;
	border-left: none;
	border-radius: 0 7px 7px 0;
	padding: 1em;
}

#theme-properties-panel divs.properties-inner {
	/* height: 450px; */
	overflow: auto;
}

#theme-properties-panel.extended {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.75);
}

#theme-properties-panel.retracted {
	left: -350px;
}

#theme-properties-panel .properties-toggler {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 10px;
	margin-right: -40px;
	width: 40px;
	background-color: #a87c5e;
	color: white;
	text-align: right;
	padding: 5px;
	border-radius: 0 4px 4px 0;
}

nav#top-nav, nav#bottom-nav {
	font-weight: 700;
	letter-spacing: 4pt;
	height: 110px;
	font-size: 9pt;
	margin: 0 auto;
}

.nav-smaller {
	height: 60px !important;
}

nav#top-nav li, nav#bottom-nav li {
	margin-right: 3em;
}

nav#top-nav div.dropdown-menu, nav#bottom-nav div.dropdown-menu {
	/* border-top: 2px solid white; */
	top: 70px;
	font-size: 9pt;
	border-radius: 0;
	padding-right: 3em;
	letter-spacing: normal;
}

nav#top-nav div.dropdown-menu a:hover {
	color: black !important;
}

.nav-smaller .dropdown-menu {
	top: 45px !important;
}

nav#top-nav div.dropdown-menu:after, nav#bottom-nav div.dropdown-menu:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 75%;
	background-color: white;
}

nav#top-nav.nav-smaller div.dropdown-menu:after {
	background-color: black !important;
}

nav#top-nav .collapse.navbar-collapse.show {
	/* background: rgba(0, 0, 0, 0.5); */

}

nav#top-nav.nav-smaller div.dropdown-menu a:hover {
	background-color: black !important;
	color: white !important;
}

nav#top-nav li a, nav#bottom-nav li a {
	text-transform: uppercase;
}

nav#top-nav #top-social a, nav#bottom-nav #top-social a {
	font-size: 24pt;
}

section h2 {
	color: #a87c5e;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 2em;
}

section h3 {
	font-family: 'Playfair Display', serif;
	font-size: 18pt;
	font-weight: bold;
	padding-bottom: 1em;
}

section#offer h3 {
	font-weight: normal;
}

section#offer img.offer-img {
	border: 6px solid white;
	margin: 5em auto;
}

section h4 {
	font-family: 'Playfair Display', serif;
	font-size: 15pt;
	font-weight: bold;
	padding-bottom: 1em;
}

section#offer h4 {
	padding-bottom: 0;
}

h1.theme-title {
	font-family: 'Pacifico', cursive;
	font-size: 37pt;
	color: #a87c5e;
}

section#about-us {
	padding: 4em 1em;
	position: relative;
	background-color: #ece7e0;
}

section#about-us a {
	color: black;
	text-decoration: underline;
	font-weight: 600;
}

section#about img {
	width: 100%;
	margin: 3rem 0 2rem 0;
}

.offer-desc {
	font-size: 9pt;
	font-weight: 400;
}

.footer-desc {
	font-family: 'Playfair Display', serif;
	font-size: 18pt;
}

.prod-desc, .fran-desc {
	font-family: 'Playfair Display', serif;
	font-size: 158%;
	line-height: 128%;
}

h1.main-title {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	color: #a87c5e;
}

h1.fran-step {
	font-family: 'Playfair Display', serif;
	text-transform: lowercase;
	font-size: 18pt;
	position: relative;
	z-index: 0;
	margin: 30pt 0;
	font-weight: bold;
}

h1.fran-step>big {
	font-size: 111pt;
	color: #ece7e0;
	position: absolute;
	bottom: -30pt;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: -1;
	font-weight: normal;
	z-index: -1;
	text-align: center;
}

.fran-emailform-container {
	width: 100%;
	position: relative;
	background-color: #e6e7e8;
	top: 0em;
	z-index: 0;
}

.fran-emailform-inner {
	width: 100%;
	margin: 1em;
	border: 1px solid #a87c5e;
}

.fran-emailform-inner h3 {
	font-weight: lighter;
}

.fran-emailform-inner h3>strong {
	font-weight: bold;
}

.fran-emailform-inner input {
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-radius: 12px;
	font-size: 18pt;
}

.learn-more {
	position: absolute;
	bottom: -28px;
	left: calc(50% - 30px);
	background-color: white;
	/*padding: 1em;
	font-size: 1em;*/
	width: 60px;
	height: 60px;
	border-radius: 100%;
	z-index: 10;
	text-align: center;
}

.chevron-icon>i {
	color: #ece7e0;
	padding-top: 5px;
	margin: auto;
	font-size: 45pt;
	font-weight: bold;
}

.btn-theme {
	background-color: #b72126;
	color: white;
	font-family: 'Playfair Display', serif;
}

.btn-theme.btn-xl {
	font-size: 24px;
	border-radius: 8px;
	border-top: 3px solid #cc6468;
	border-left: 3px solid #cc6468;
	padding: 0.3em 0.3em;
}

.owl-carousel .item .carousel-caption h1 {
	font-family: 'Pacifico', cursive;
}

.owl-carousel .item .carousel-caption {
	top: 20%;
}

.owl-carousel .item .carousel-caption h1 {
	font-size: 18pt;
	margin-top: 0.63rem;
	margin-bottom: 0.95rem;
}

.owl-carousel .item .carousel-caption img {
	max-width: 25px;
}

.owl-carousel .item .carousel-caption p {
	font-size: 6pt;
	max-width: 50%;
	margin: 0 auto;
}

.owl-theme .owl-nav {
	display: none;
}

.owl-theme .owl-dots {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

.owl-theme .owl-dots .owl-dot {
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.owl-theme .owl-dots .owl-dot span {
	background: #6a6152;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: #f3e9da;
}

section#offer {
	background-color: #292728;
	position: relative;
}

section#offer>div.bg-img-semitransparent {
	opacity: 0.3;
	background: url("../img/bg-offer.jpg") no-repeat center top fixed;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

section#paralax-after-franchising {
	background-color: white;
	position: relative;
}

section#paralax-after-franchising>div.bg-paralax-img {
	background: url("../img/bg-steps.jpg") no-repeat center top fixed;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

section#paralax-after-franchising>div.bg-paralax-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 15%;
	background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

section#footer {
	background-color: #292728;
	position: relative;
}

section#footer div.bg-foot-cook {
	height: 710px;
	background: url('../img/footer-cook.jpg') bottom center no-repeat;
	background-size: 384px 610px;
}

section#footer nav {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

@media ( min-width : 576px) {
	.owl-carousel .item .carousel-caption h1 {
		font-size: 24pt;
		margin-top: 0.84rem;
		margin-bottom: 1.26rem;
	}
	.owl-carousel .item .carousel-caption img {
		max-width: 34px;
	}
	.owl-carousel .item .carousel-caption p {
		font-size: 8pt;
	}
	section#footer div.bg-foot-cook {
		height: 710px;
		background-size: auto;
	}
	.fran-emailform-inner input {
		width: 85%;
	}
}

@media ( min-width : 768px) {
	.owl-carousel .item .carousel-caption h1 {
		font-size: 32pt;
		margin-top: 1.12rem;
		margin-bottom: 1.68rem;
	}
	.owl-carousel .item .carousel-caption img {
		max-width: 45px;
	}
	.owl-carousel .item .carousel-caption p {
		font-size: 10pt;
	}
	.fran-emailform-container {
		width: 80%;
		background-color: #e6e7e8;
		position: relative;
		top: 12em;
		z-index: 1;
	}
	.fran-emailform-inner h3 {
		font-size: 22pt;
	}
	.btn-theme.btn-xl {
		border-radius: 16px;
		padding: 1em 2em;
	}
	h1.main-title {
		font-size: 40pt;
	}
}

@media ( min-width : 992px) {
	nav#top-nav {
		max-width: 1600px;
		/* width: 100%; */
	}
	.bg-semitransparent {
		background: rgba(0, 0, 0, 0.5);
	}
	section#about img {
		width: 100%;
		padding: 15%;
		margin-top: 3rem;
	}
	.offer-img {
		max-width: 220px;
	}
	.footer-gallery-img {
		width: 50%;
	}
	.owl-carousel .item .carousel-caption {
		top: 35%;
	}
	.owl-carousel .item .carousel-caption h1 {
		font-size: 40pt;
		margin-top: 1.4rem;
		margin-bottom: 2.1rem;
	}
	.owl-carousel .item .carousel-caption img {
		max-width: 56px;
	}
	.owl-carousel .item .carousel-caption p {
		font-size: 13pt;
	}
	section#about-us {
		padding: 4em 2em;
	}
	.about-desc {
		padding: 0 2em;
	}
	h1.main-title {
		font-size: 50pt;
	}
	.foot-contacts {
		position: absolute;
	}
}

@media ( min-width : 1200px) {
	.footer-gallery-img {
		width: 25%;
	}
	.fran-border-right {
		border-right: 1px solid black;
	}
	.owl-carousel .item .carousel-caption h1 {
		font-size: 50pt;
		margin-top: 1.75rem;
		margin-bottom: 2.63rem;
	}
	.owl-carousel .item .carousel-caption img {
		max-width: 70px;
	}
	.owl-carousel .item .carousel-caption p {
		font-size: 16pt;
	}
	section#about-us {
		padding: 4em 8em;
	}
	.offer-desc {
		margin-left: 2em;
		margin-right: 2em;
	}
}

@media ( min-width : 1600px) {
	.owl-carousel .item .carousel-caption h1 {
		font-size: 57pt;
		margin-top: 2rem;
		margin-bottom: 3rem;
	}
	.owl-carousel .item .carousel-caption img {
		max-width: 80px;
	}
	.owl-carousel .item .carousel-caption p {
		font-size: 18pt;
	}
	section#about-us {
		padding: 4em 10em;
	}
	.offer-desc {
		margin-left: 5em;
		margin-right: 5em;
	}
}

/* Material Icons */
.material-icons.md-18, .material-icons-outlined.md-18, .material-icons-two-tone.md-18, .material-icons-round.md-18, .material-icons-sharp.md-18 {
	font-size: 18px;
}

.material-icons.md-24, .material-icons-outlined.md-24, .material-icons-two-tone.md-24, .material-icons-round.md-24, .material-icons-sharp.md-24 {
	font-size: 24px;
}

.material-icons.md-36, .material-icons-outlined.md-36, .material-icons-two-tone.md-36, .material-icons-round.md-36, .material-icons-sharp.md-36 {
	font-size: 36px;
}

.material-icons.md-48, .material-icons-outlined.md-48, .material-icons-two-tone.md-48, .material-icons-round.md-48, .material-icons-sharp.md-48 {
	font-size: 48px;
}

.material-icons.md-64, .material-icons-outlined.md-64, .material-icons-two-tone.md-64, .material-icons-round.md-64, .material-icons-sharp.md-64 {
	font-size: 64px;
}

.material-icons.md-72, .material-icons-outlined.md-72, .material-icons-two-tone.md-72, .material-icons-round.md-72, .material-icons-sharp.md-72 {
	font-size: 72px;
}

.material-icons.md-96, .material-icons-outlined.md-96, .material-icons-two-tone.md-96, .material-icons-round.md-96, .material-icons-sharp.md-96 {
	font-size: 96px;
}

.material-icons.md-128, .material-icons-outlined.md-128, .material-icons-two-tone.md-128, .material-icons-round.md-128, .material-icons-sharp.md-128 {
	font-size: 128px;
}