/* Includes */
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
@import url('./animate.css');
/*
    This stylesheet is built as "mobile first" meaning that all styles
    above the media queries are intended for mobile &/or default styling.
    Then the media queries below override certain styling in order of
    smallest to largest screen sizes.
*/
@font-face {
	font-family: 'din';
	src: url('../fonts/din.eot');
	src: url('../fonts/din_iefix.eot') format('embedded-opentype'), url('../fonts/din.woff') format('woff'),
		url('../fonts/din.ttf') format('truetype'), url('../fonts/din_webfont.svg') format('svg');
}

/* Mobile / Default Styling */
body {
	background: #fff;
}

#wrapper {
	margin: 0 auto;
	overflow: hidden;
}

pre {
	color: #fff;
	text-align: left;
}

body {
	color: #301934;
	font-family: din, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
}

h1,
h2,
h4,
h5 {
	font-family: din, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h1 {
	font-size: 80px;
	color: #301934;
	line-height: 68px;
	margin-bottom: 30px;
}

h2 {
	font-size: 36px;
	color: #2d2d2d;
	line-height: 36px;
}

h3 {
	font-size: 28px;
	letter-spacing: 3.36px;
	color: #2d2d2d;
	line-height: 28px;
	font-family: 'Cinzel', serif;
}

h4 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 10px;
}

h5 {
	font-size: 24px;
	line-height: 1.2;
	color: #fff;
	margin-bottom: 10px;
}

p {
	margin-bottom: 0px;
}
p.small {
	line-height: 18px;
}

a:link,
a:visited {
	color: #fff;
}

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

a:active {
	color: #df2d15;
}

a.btn-outline-white,
button.btn-outline-white {
	line-height: 36px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 18px;
	height: 48px;
	padding: 6px 20px;
}
a.btn-outline-white:hover,
button.btn-outline-white:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
#page_careers p a {
	color: #301934;
}
#page_careers p a:link,
#page_careers p a:visited {
	color: #301934;
}
#page_careers p a:hover,
#page_careers p a:active {
	text-decoration: underline;
}

.navbar {
	background-color: #301934;
	color: #fff;
	min-height: 117px;
	z-index: 100;
	position: relative;
}
.navbar .navbar-toggler {
	padding: 0.25rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border-radius: 0.25rem;
	border: 1px solid #301934;
}

.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;
width:1.5em;
height:1.5em;
vertical-align:middle;
content:"";
background:no-repeat center center;
background-size:100% 100%}


.navbar .navbar-toggler.collapsed {
	border: 1px solid #fff;
}
.navbar .navbar-toggler.collapsed .fas {
	color: #fff;
}
.navbar .navbar-toggler .fas {
	color: #301934;
}
.navbar .container {
	margin-top: 0px;
}
.navbar .logo {
	max-width: 205px;
}
.navbar ul {
	width: 100%;
	text-align: right;
	margin: 30px 0 10px 0;
}
.navbar ul li {
	font-size: 14px;
	margin: 0 5px;
}

header {
	overflow: hidden;
	height: 510px;
	position: relative;
	z-index: -100;
	background: url('../images/header.jpg.jpeg') no-repeat center center;
	background-size: cover;
}
header video {
	display: none;
	position: fixed;
	top: 0;
	left: 50%;
	min-width: 100vh;
	width: 100%;
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
	background: url('../images/header.jpg.jpeg') no-repeat center center;
	background-size: cover;
	-webkit-transition: 1s opacity;
	transition: 1s opacity;
}

footer .top {
	text-align: center;
	padding: 45px 0 80px 0;
	background: #fff;
	color: #2d2d2d;
	font-size: 14px;
}
footer .top .logo {
	width: 100%;
	max-width: 206px;
	margin-bottom: 40px;
}
footer .top h4 {
	border-top: 5px #301934 solid;
	color: #301934;
	font-size: 18px;
	padding-top: 20px;
	font-weight: normal;
	margin-bottom: 40px;
}
footer .top a:link,
footer .top a:visited {
	color: #301934;
}
footer .top a:hover,
footer .top a:active {
	text-decoration: underline;
}
footer .top ul {
	list-style-type: none;
	list-style-position: inside;
	padding: 0;
}
footer .top ul li {
	margin-bottom: 20px;
}
footer .top ul.social li {
	text-align: center;
	font-size: 24px;
	line-height: 42px;
	display: inline-block;
	padding-right: 10px;
}
footer .top ul.social li:last-child {
	padding-right: 0;
}
footer .top ul.social li a:link,
footer .top ul.social li a:visited {
	height: 42px;
	width: 42px;
	border-radius: 100%;
	color: #fff;
	background-color: #000;
	padding: 3px;
	display: inline-block;
}
footer .top ul.social li a:hover,
footer .top ul.social li a:active {
	color: #301934;
}

footer .bottom {
	padding: 25px 0 20px 0;
	background: #301934;
	color: #fff;
	text-align: center;
	font-size: 14px;
	line-height: 14px;
}
footer .bottom p {
	margin-bottom: 0;
}

@media (min-width: 992px) {
	.navbar ul {
		width: auto;
		text-align: left;
		margin: 0;
	}
	header {
		background: none;
	}
	header video {
		display: block;
	}
	h1 {
		font-size: 88px;
		line-height: 88px;
	}
	footer .top {
		text-align: left;
	}
	footer .top .logo {
		margin-bottom: 0px;
	}
	footer .top h4 {
		margin-bottom: 20px;
	}
}

#page_index section#about {
	font-size: 18px;
	background: #fff;
	padding: 45px 0;
}
#page_index section#about img.ftdb {
	display: block;
	margin: 0 auto;
	margin-top: 50px;
	z-index: 0;
	max-width: 259px;
	margin-bottom: 0px;
}

#page_index section.landscape-image {
	width: 100%;
	position: relative;
	min-height: 632px;
	background-position: center center;
	background-size: cover;
}
#page_index section.landscape-image#tree {
	background-image: url('../images/index/tree.png');
}
#page_index section.landscape-image#landscape {
	background-image: url('../images/index/landscape.png');
}
#page_index section.landscape-image#windmill {
	background-image: url('../images/index/windmill.png');
}

#page_index section#team {
	background: #fff;
	padding: 45px 0;
}
#page_index section#team .row {
	margin-bottom: 120px;
}
#page_index section#team .row:last-child {
	margin-bottom: 0;
}
#page_index section#team img {
	display: block;
	margin: 0 auto 40px auto;
}
#page_index section#team h1 {
	margin: 0;
}
#page_index section#team h2 {
	margin: 0 0 48px 0;
}

#page_index section#meet_the_team {
	background: #fff;
	padding: 45px 0;
}
#page_index section#meet_the_team a:link,
#page_index section#meet_the_team a:visited {
	font-size: 12px;
	color: #301934;
}
#page_index section#meet_the_team a:hover,
#page_index section#meet_the_team a:active {
	text-decoration: underline;
}
#page_index section#meet_the_team .hidden {
	display: none;
}
#page_index section#meet_the_team div.portrait {
	width: 100%;
	height: 100%;
	min-height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
}
#page_index section#meet_the_team div.portrait .content {
	-webkit-transition: opacity 500ms;
	transition: opacity 500ms;
	opacity: 0;
	background: rgba(255, 255, 255, 0.7);
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: default;
}
#page_index section#meet_the_team div.portrait .content.active {
	opacity: 1;
}
#page_index section#meet_the_team div.portrait .content .inner {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#page_index section#meet_the_team div.portrait .content .inner span {
	display: block;
}
#page_index section#meet_the_team div.portrait .content .inner span.name {
	font-size: 14px;
	line-height: 18px;
}
#page_index section#meet_the_team div.portrait .content .inner span.title {
	font-size: 11px;
	line-height: 18px;
}

#page_index section#future {
	background: #fff;
	padding: 45px 0;
}
#page_index section#future .quotes h3 {
	text-align: center;
	margin-bottom: 60px;
	line-height: 60px;
}
#page_index section#future .quotes h3 img {
	height: 100px;
	display: block;
	margin: 0 auto;
}
#page_index section#future .blurb {
	font-size: 18px;
	margin-bottom: 40px;
	text-align: center;
}
#page_index section#future .blurb img {
	max-width: 350px;
	width: 100%;
	margin-bottom: 20px;
}
#page_index section#future .blurb .content {
	text-align: left;
}
#page_index section#future p {
	display: block;
	clear: both;
}

#page_index section#careers {
	background: #301934;
	color: #fff;
	padding: 120px 0;
}
#page_index section#careers h1,
#page_index section#careers h2,
#page_index section#careers h3,
#page_index section#careers h4,
#page_index section#careers h5,
#page_index section#careers h6 {
	color: #fff;
}

@media (min-width: 992px) {
	#page_index section.landscape-image {
		background-attachment: fixed;
	}
	#page_index section#about h1 {
		font-size: 88px;
		line-height: 88px;
	}
	#page_index section#about img.ftdb {
		position: absolute;
		opacity: 1;
		max-width: 659px;
		top: -75px;
		left: 0%;
	}
	#page_index section#team img {
		margin: 0;
	}
	#page_index section#meet_the_team div.portrait .content:hover {
		opacity: 1;
	}
	#page_index section#future .quotes h3 img {
		margin-left: 20px;
		display: inline-block;
		margin: 0;
	}
	#page_index section#future .blurb .content {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

#page_careers {
	background-color: #301934;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
}
#page_careers section {
	background-color: transparent;
}
#page_careers p {
	margin-bottom: 10px;
}
#page_careers h1 {
	font-size: 24px;
	line-height: 24px;
	text-transform: none;
	color: #301934;
}
#page_careers h2 {
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
	text-transform: none;
	color: #fff;
}
#page_careers h2 {
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
	color: #fff;
	font-weight: bold;
}
#page_careers h3 {
	font-size: 16px;
	line-height: 16px;
	text-transform: none;
	color: #fff;
}
#page_careers section.overview {
	margin: 120px 0 80px 0;
}
#page_careers section.overview ul {
	padding: 0;
	list-style-position: inside;
}
#page_careers section.jobs {
	margin: 0 0 120px 0;
}
#page_careers section.jobs .btn-outline-white {
	padding: 6px 60px;
	width: 100%;
}
#page_careers section.jobs div.job {
	margin: 120px 0;
}
#page_careers section.jobs div.job:first-child {
	margin-top: 0;
}
#page_careers section.jobs div.job:last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) {
	#page_careers section.jobs .btn-outline-white {
		width: auto;
	}
}

#page_error {
	background-color: rgba(0, 0, 0, 0.2);
	color: #000;
	font-size: 13px;
	line-height: 22px;
}
#page_error h1 {
	font-size: 18px;
	line-height: 1;
	margin-bottom: 10px;
}
#page_error h2 {
	font-size: 16px;
	line-height: 1;
	color: #000;
}
#page_error pre {
	font-size: 12px;
	font-family: monospace;
	color: #000;
}
#page_error section#error {
	margin: 40px 0;
}