body {
	min-width: 360px;
	min-height: 600px;
	color: #111;
	font-family: 'ProximaNova', 'Lato', sans-serif;
	overflow-x: hidden;
}

.bold {
	font-weight: 600;
	color: #333;
}

.heading-font-big {
	font-size: 2.5rem;
	line-height: 1.5;
}

.heading-font-middle {
	font-size: 2rem;
	line-height: 1.5;
}

.heading-font-small {
	font-size: 1.5rem;
}

h1,
h2,
h3,
h4 {
	font-family: 'Nobel', 'HK Grotesk', sans-serif;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: .2rem;
}

h2.sm {
	font-size: 1.5rem;
}

h1.menu {
	display: inline-block;
	font-size: 2rem;
	line-height: 1.5;
	color: #999;
	font-family: 'ProximaNova', 'Lato', sans-serif;
}

h1.menu-preview {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #AAA;
	letter-spacing: .3rem;
	font-family: 'ProximaNova', 'Lato', sans-serif;
}

#contact-quote {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #666;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
	text-align: center;
	font-weight: 300;
}

h1.menu::before {
	display: inline-block;
	content: "";
	border-bottom: .1rem solid #AAA;
	width: 4rem;
	/*margin: 0 1rem;
transform: translateY(-1rem);*/
}

.scrolled-down {
	transform: translateY(-100%);
	transition: all 0.3s ease-in-out;
}

.scrolled-up {
	transform: translateY(0);
	transition: all 0.3s ease-in-out;
}

.dropdown-item {
	letter-spacing: 0.1em;
	line-height: 2em;
}

.dropdown-menu {
	border-radius: 0;
}

.dropdown-divider {
	margin-top: 2px;
	margin-bottom: 2px;
}

@media screen and (min-width: 768px) {
	.nav-item {
		padding-right: 10px;
		text-align: right;
		margin-right: 2.5em;
	}
}

@media screen and (max-width: 768px) {
	.nav-item {
		padding-right: 10px;
		text-align: right;
		margin-right: .5em;
		padding-left: 1em;
	}
}

/* allow word-wrapping */
.hyphens {
	/* hyphens */
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}


#background-video {
	width: 100vw;
	max-width: 100%;
	height: 100vh;
	object-fit: cover;
	position: top;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

#fixed-bg.lazy {
	background-image: none;
	background-color: #F1F1FA;
}

#fixed-bg {
	/* The background image 
	background-image:
		url("../images/leipzig-hero.jpg");*/
	background-image:
		url("../images/preview_lq.jpg");

	/* Set a specified height, or the minimum height for the background image */
	min-height: 25em;
	height: 100vh;
	/*min-height: 100% !important;
  height: auto;*/


	/* Set background image to fixed (don't scroll along with the page) */
	background-attachment: fixed;

	/* Center the background image */
	background-position: center;

	/* Set the background image to no repeat */
	background-repeat: no-repeat;

	/* Scale the background image to be as large as possible */
	background-size: cover;

	z-index:
		-2;
}

a {
	color: #000000;
	/*font-size: 0.7rem;*/
	text-decoration: none;
}

a:hover {
	color: #728B96;
}

.navbar .navbar-nav>li>a {
	color: #222;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: .2rem;
}

.link-top a {
	color: #FEFDFE;
}

.navbar-default .navbar-nav>li>a:hover,
a:hover {
	color: #728B96;
	text-decoration: none;
}

.navbar,
.navbar-inverse {
	border-radius: 0;
	border: none;
	margin-bottom: 0;
	min-height: 40px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 0 1px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .28);
}

.nav li {
	display: inline;
}

.navbar-nav li a:hover {
	background-color: #eeeded !important;
	color: #000 !important;
	transition: background-color 0.4s;
}

.navbar-nav li a:active {
	background-color: #FFCF87;
}

.navbar-nav .active {
	color: #094C4C !important;
	background-color: #FAFAFA !important;
	transition: 0.1s all linear;
	box-shadow: none;
	border-bottom: 1px solid #0f7f7f;
}

html {
	scroll-behavior: smooth;
}

section {
	margin-bottom: 30px;
}


.navbar-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

img.center {
	margin-left: auto;
	margin-right: auto;
}

.icon {
	width: 20%;
	display: block;
}

.carousel-control.left,
.carousel-control.right {
	background: none !important;
	filter: none !important;
	outline: 0;
}

hr {
	border: 1px solid #e0571d;
	margin-top: 5em;
	margin-bottom: 5em;
}



.btn {
	font-family: 'HK Grotesk', sans-serif;
	padding: 14px 24px;
	border: 1px solid #E05617;
	font-weight: 500;
	letter-spacing: 1px;
	text-decoration: none;
	/*text-transform: uppercase;*/
	border-color: none;
	box-shadow: none;
	background-color: #fff;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline: 0 none;
	border-color: none;
	box-shadow: none;
}

.btn-primary {
	background: #FFCF87 !important;
	color: #111 !important;
	border: 1px solid #FFA826;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	background: #fff !important;
	border: 1px solid #777;
	color: #777;
	border-color: none;
	box-shadow: none;
}

.btn-outline-primary {
	color: #111;
	background: #fefefe;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
	color: #555;
	background: #fcfcfc;
	border: 1px solid #333;
}

.btn-secondary {
	background: #fff !important;
	color: #222;
	border: 1px solid #333;
	padding: 4px 6px;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open>.dropdown-toggle.btn-primary {
	background: #fff !important;
	border: 1px solid #777;
	color: #777;
	border-color: none;
	box-shadow: none;
}


.btn.sharp {
	border-radius: 0;
}

.table {
	margin-top: 10px;
}


.navbar-toggle.collapsed .icon-bar {
	border: 1px solid #6e6e6e !important;
}

button.navbar-toggle {
	border: 1px solid #6e6e6e !important;
}

.container-text-fade {
	-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
	mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
	/*height:  150px;
	width: 300px;
	overflow-y: scroll;*/
}

@media screen and (min-width: 768px) {
	.menu-line {
		width: 100%;
		padding-left: 8rem;
		font-size: large;
		letter-spacing: .2 rem;
	}
}

@media screen and (min-width: 1024px) {
	.address-line-menu {
		background-color: #fdf5f2;
		margin: 0;
		text-align: center;
		border-bottom: #e0571d 1px solid;
		padding-left: 5rem;
	}
}

@media screen and (max-width: 768px) {
	.menu-line {
		font-size: large;
		letter-spacing: .2rem;
	}
}

@media screen and (max-width: 1024px) {
	.address-line-menu {
		background-color: #fdf5f2;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border-bottom: #e0571d 1px solid;
	}
}

@media screen and (min-width: 1280px) {
	div.overview {
		margin-top: -70px;
		text-align: center;
		padding-left: 5em;
		padding-right: 5em;
	}
}

@media screen and (min-width: 1220px) and (max-width: 1280px) {
	div.overview {
		margin-top: -70px;
		text-align: center;
		padding-left: 3.8em;
		padding-right: 3.8em;
	}
}

@media screen and (max-width: 1220px) {
	div.overview {
		margin-top: 5rem;
	}
}

@media screen and (min-width: 1220px) {
	div.overview-content {
		margin-top: 40px;
	}
}

@media screen and (max-width: 1220px) {
	div.overview-content {
		margin-top: 1rem;
	}
}


.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: linear-gradient(180deg, rgba(184, 184, 184, 0.1) 20%, rgba(0, 0, 0, 1.0) 100%);
}

/*.container {
	margin-top: 100px;
	margin-bottom: 100px;
}*/

.carousel-inner img {
	width: 100%;
	height: 100%;
}

.carousel-indicators {
	position: static;
	margin-top: 20px;
	width: 100%;
	margin-bottom: 3rem;
}

.carousel-indicators>li {
	width: 100px;
}

.carousel-indicators li img {
	display: block;
	opacity: 0.5;
}

.carousel-indicators li.active img {
	opacity: 1;
}

.carousel-indicators li:hover img {
	opacity: 0.75;
}

.carousel-item img {

	width: 100%;
}

/*.carousel-inner .carousel-item {
	transition: -webkit-transform 4s ease;
	transition: transform 4s ease;
	transition: transform 4s ease, -webkit-transform 4s ease;
}*/

.carousel .carousel-item {
	transition-duration: 1s;
}