@font-face {font-family: 'Lintel-Medium';src: url('../webfonts/347C38_0_0.eot');src: url('../webfonts/347C38_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/347C38_0_0.woff2') format('woff2'),url('../webfonts/347C38_0_0.woff') format('woff'),url('../webfonts/347C38_0_0.ttf') format('truetype');}
@font-face {font-family: 'Kuro-Light';src: url('../webfonts/347C3A_0_0.eot');src: url('../webfonts/347C3A_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/347C3A_0_0.woff2') format('woff2'),url('../webfonts/347C3A_0_0.woff') format('woff'),url('../webfonts/347C3A_0_0.ttf') format('truetype');}

@font-face {
font-family:liberatorRust;
font-style:normal;
font-weight:400;
src:url(../webfonts/liberatorrust-webfont.eot?#iefix) format(embedded-opentype), url(../webfonts/liberatorrust-webfont.woff2) format(woff2), url(../webfonts/liberatorrust-webfont.woff) format(woff), url(../webfonts/liberatorrust-webfont.ttf) format(truetype), url(../webfonts/liberatorrust-webfont.svg#liberatorregular) format(svg);
}
::selection {
	background-color: #bd441f;
	color: #fff;
}
#home{
	background-color: #872c15;
	transition: background-image 7s ease-in-out;
	-moz-transition: background-image 7s ease-in-out;
	-webkit-transition: background-image 7s ease-in-out;
	padding-top: 56px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	height:75vh;
	min-height:350px;
}
body {
	position: relative;
	font-family:Lintel-Medium;
	font-style:normal;
	font-weight:400;
}
.nobreak{
	white-space: nowrap;
}
.breakok{
	white-space: normal;
}

.btn-primary{
	background-color: #9c351b;
	border-color: #872c15;
}
.btn-primary:hover{
	background-color: #872c15;
	border-color: #77230e;
}
a{

	color: #9c351b;
}
a:hover{
	color: #872c15;
}
.nav svg{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -1rem;
	left: 1rem;
	opacity: .25;
}
.nav .nav-link{
	position: relative;
}
.nav svg.bi-check-square{
	display: none;
	opacity: 1;
}
.nav .active svg.bi-check-square{
	display: inline;
}
.nav .active svg.bi-square{
	display: none;
}
.nav-pills .nav-link{
	background-color: #f0f0f0;
	margin: 1rem;
	color: #000;
	border: 1px solid #ddd;
}
.nav-pills .nav-link.active, .show>.nav-pills .nav-link{
	color: #fff;
	background-color: #9c351b;
}
.nav-pills .nav-link.active:hover, .show>.nav-pills .nav-link:hover{
	color: #fff;
	background-color: #872c15;
}
#contactForm heading>p{
	padding: 0 1rem;
}

@media (max-width: 560px) { 
	#nav ul:nth-child(2){
		display: none;
	}
	.nav svg{
		display: none !important;
	}
}

h1 {
font-family:liberatorRust;
}

h2,h3,h4,h5 {
font-family:Kuro-Light;
font-style:normal;
font-weight:400;
}

h2.subtitle {
font-size:1.4rem;
}

#home>.container,#home>.container>.row {
height:100%;
}

#home>.container>.row h2 {
padding:0 3.939%;
}

#logo {
margin-bottom:1rem;
max-height:229px;
max-width:100%;
}

#home a{
	color: #fff;
	font-weight: bold;
}
#teamSection .card .card-title{
	font-size: 1.317rem;
}
#teamSection .card .card-title small{
	white-space: nowrap;
	display: block;
}
#teamSection .links{
	list-style-type: none;
}
#teamSection{
	margin: 1.5rem 0;
}
#teamSection .card-body{
	padding-bottom: 0;
}
#teamSection .card-footer{
	background: transparent;
	border-top: 0;
	padding-top: 0;
}
.bg-dark{
	background-color: #333;
}
#projectsSection{
	background-color: #222;
}
.sectionAnchor{
	display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
    box-sizing: content-box;
}
.required{
	color: #9c351b;
}
#nav{
	background-color: transparent !important;
	-webkit-transition: background-color .25s;
    transition: background-color .25s;
    border-bottom: 1px solid rgba(255,255,255,.25);
}
@media (min-width: 992px){

	#nav{
    	border-bottom: 0;
	}
}
.grecaptcha-badge{
	float: left;
}
#nav.belowHome{
	background-color: #333 !important;
    border-bottom: 0;
}
#projectsSection{
	padding: 30px 0;
}
#projectsSection .card-deck>div{
	margin-bottom: 30px;
}
#projectsSection .card-img-overlay {
	-webkit-transition: background-image .25s;
    transition: background-image .25s;
	background-image: linear-gradient(to bottom right,rgba(0,0,0,1),rgba(0,0,0,.75), rgba(0,0,0,.5));
  }


#projectsSection .card-img-overlay:hover {
	background-image: linear-gradient(to bottom right,rgba(0,0,0,1),rgba(0,0,0,.5), rgba(0,0,0,0));
  }

  #projectsSection .card-title>small{
  	font-size: 15px;
  	display: block;
  }

  #projectsSection .card a{
  	color: #fff;
  }

  #projectsSection .card-text a{
  	text-decoration: underline;
  }
  #projectsSection footer a{
  	position: absolute;
  	bottom: 10px;
  	right: 10px;
  	color: #fff;
  }
  .contactForm{
  	display: none;
  }
  .contactForm.active{
  	display: block;
  }
  .missingField input, .missingField textarea, .missingEmail input, .missingEmail textarea{
  	border: 1px solid #9c351b;
  	background-color: rgba(255,0,0,.0625);
  }
  .missingField label, .missingEmail label{
  	margin-bottom: 0;
  }
  .missingField label::after{
  	content: "Missing required field!";
    color: #9c351b;
    font-size: small;
    display: block;
    padding-top: .5rem;
  }
  .missingEmail label::after{
  	content: "Missing or invalid email!";
    color: #9c351b;
    font-size: small;
    display: block;
    padding-top: .5rem;
  }
  #websiteGroup{
  	display: block;
  	width: 1px;
  	height: 1px;
  	overflow: hidden;
  }
  #websiteGroup>label{
  	display: none;
  }