/* ============================================================
	Replace me with the Actual Design
============================================================ */

html,
body {
	font-family: 'Open Sans', sans-serif;
}

a {
	color: #ffdb14;
}
a:visited {
	color: #ffdb14;
}
.nav__link,
.nav__link:visited{
	color:white;
}
.content-areas__content a,
.content-areas__content a:visited{
	color:#656db3;
	font-weight:bold;
}
.content-areas__content a:hover{
	text-decoration: underline;
}

h2{
  font-size: 25px;
  font-family: upgrade, sans-serif;
  font-weight:700;
}

.fb3__button:hover,
.button:hover{
	color:#efb72d;
	background-color: #1e1e1e;
}

.header {
	max-width: 100%;
	margin: 0 auto;
	background-color:rgba(0, 0, 0, 0.82);
	padding: 2em 0;
	position:relative;
}
.header_container{
	position:relative;
}
.header__inner{
	max-width: 969px;
	margin:0 auto;
	text-align: center;
}
img.header_background_image{
	width:100%;
	position:relative;
	display: block;
}
.S_font {
	display:none;
    height: 132px;
    margin: 1em;
}
.body__layout__home .header{
 	background-color: transparent;
 	font-weight: 100;
 	max-width: 100%;
	margin: 0 auto;
	background-color: transparent;
	padding: 2em 0;
	position: absolute;
	font-weight: 100;
	top: 0;
	width: 100%;
}
.header__home_textbox{
	text-align:center;
	_color:#191919;
	color:white;
	font-weight: 700;
	font-family: upgrade, sans-serif;
	position:absolute;
	top: 112%;
	width: 100%;
}
.header__home_headertext {
    font-size: 60px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0px;
}
.header__home_headertext_sub {
    font-size: 68px;
    text-transform: uppercase;
    font-weight: 700;
	line-height: 115px;
}
.header__home_subtext {
	font-size: 30px;
	line-height: 0px;
}


.module {
	max-width: 960px;
	margin: 0 auto;
}

.header__home{
		width:100%;
		display:block;
	}

.specialists{
	background-image: url("../../images/yellowbackground.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color:#472f15;
	_background-image: url("../../images/blackbackground.jpg");
	_color: #dfb242;
}

.specialists_container{
	padding: 3em;
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 5em;
	padding-bottom: 7em;
}

.specialists_header{
	font-family: upgrade, sans-serif;
	font-style: normal;
	font-size: 36px;
	max-width: 471px;
	line-height: 34px;
	padding-bottom: .5em;
	font-weight:700;
}
.specialists .button{
	_border: .5px solid #dfb242;
	_color: #dfb242;
}
.specialists .button:hover{
	_border: .5px solid white;
	_color: white;
}

.specialists_left{
	padding-right:5em;
}
.specialists_right{
	margin: auto;
	width: 50%;
	margin-top: 5em;
}

.truckimage{
	width:100%;
	display:block;
}

.history{
	_background-image: url("../../images/blackbackground.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	_color: #dfb242;
	background-image: url("../../images/yellowbackground.jpg");
	color:#472f15;
}

.history_header{
	font-family: upgrade, sans-serif;
	font-weight:700;
	font-style: normal;
	font-size:36px;
	padding-bottom: .5em;
}

.history_container{
	padding: 3em;
	max-width: 1000px;
	margin: 0 auto;
}

.woman-owned .woman-specialists_container{
	display: flex;
	padding: 3em;
    padding-top: 3em;
    padding-bottom: 3em;
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 5em;
	padding-bottom: 7em;
}
.woman-owned{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../../images/yellowbackground.jpg");
    color: #472f15;
}
.contact{
	background-color:#dfb242;
}

.forms__form-item-header{
	font-family: upgrade, sans-serif;
	font-weight:700;
	background-color:#1e1e1e;
	color:#efb72d;
	text-align: center;
	padding: .5em;
	font-size: 32px;
}

.forms__form-item-subheader{
	text-align:center;
	width: 90%;
	margin: 0 auto;
}

.forms .generic__inner {
	max-width: 730px;
	padding:2em;
}

.fb3__form {
	border: .5px solid #1e1e1e;
	padding: 2em;
	background-color: #efc252;
}

.fb3__field-input,
.fb3__field-select {
	width: 100%;
	background-color: #efc252;
	border: none;
	border-bottom: 1px solid #1e1e1e;
	padding-bottom: .5em;
	color:#1e1e1e;
}

.fb3__field-heading-text{
	color:#1e1e1e;
}

.fb3__field.fb3__field__captcha {
	text-align: center;
}

.fb3__field.fb3__field__submit {
	text-align: right;
}

.forms__question-list .fb3__field-input {
    border: 1px solid #1e1e1e;
}

.fb3__button {
	background-color: #e8bb4b;
	font-weight: 700;
	border: .5px solid #472f15;
	color: #472f15;
	font-family: upgrade, sans-serif;
	font-size: 20px;
}

.bid_packages{
	text-align: center;
	padding-bottom: 2em;
}

.footer__address{
	color:#efb72d;
	text-align: center;
	max-width: 362px;
	margin: 0 auto;
	font-family: upgrade, sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}

.footer_container{
	font-family: upgrade, sans-serif;
	font-weight:700;
	color:#e5cf99;
	padding: 4em;
	background-color: #1e1e1e;
}

.footer {
	margin: 0 auto;
	color:#efd89f;
	font-size: 15px;
}
.footer__inner{
	max-width:445px;
	margin:0 auto;
	padding:0;
}
span.footer__copyright {
    font-size: 16px;
}

.footer a{
	color:#efd89f;
}
.footer a:hover{
	color:#efb72d;
}
.tel {
    font-size: 35px;
}
.years{
	padding:1em;
}

.button {
	font-family: upgrade, sans-serif;
	font-weight:700;
	border: .5px solid #472f15;
	color: #472f15;
	padding: 0px 7px;
	font-size: 19px;
	margin-top: 1em;
	max-width: 136px;
	text-align: center;
}

.gallery_section,
.video_section{
	background-image: url("../../images/blackbackground.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display:block;
	width: 100%;
}
.gallery_container{
	display: flex;
	padding: 3em;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	flex-wrap: wrap;
}

div.gallery:hover {
  outline: 1px solid #ecaa07
}

div.gallery img {
  width: 100%;
  height: auto;
  display: block;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 6px 6px;
  width: 24.99999%;
}

.header__user-controls{
	display:none;
}
.header__logo-image{
	height: 132px;
	margin: 0 auto;
}
.nav{
	font-size: 1.5em;
}
li.nav__item.nav__item__level-2 {
    font-size: .8em;
}
.nav__list {
    background-color: rgba(255, 255, 255, 0);
}
.nav__item:hover > .nav__link, .nav__item__current > .nav__link {
    background-color: transparent;
    text-decoration: none;
    color: #ffdb14;
    border-bottom: solid 5px #ffdb14;
}
.nav__item > .nav__link {
    border-bottom: solid 5px transparent;
}
.nav__item:hover > .nav__list, .nav__item__open > .nav__list {
    display: block;
    background-color: rgba(0, 0, 0, 0.9);
}
nav a {
    font-family: 'Pathway Gothic One', sans-serif;
    color: #ffffff;
}
.header-phone {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 200;
}
.phone2::before {
	right:0;
    position: absolute;
    width: 33px;
    height: 33px;
    background: transparent url(/images/call2.png) center center no-repeat;
    background-size: contain;
    content: " ";
    display: block;
}




			@media only screen and (max-width: 1100px) {
			.header__home_textbox {
				color:white;
				text-shadow: 2px 2px 4px rgba(0,0,0, 0.4);
			 }
		}
			@media only screen and (max-width: 833px) {
				.woman-owned .woman-specialists_container{
					display:block;
					text-align:center;
				}
				.specialists_left{
					padding-right:0;
					text-align: left;
				}
				.specialists_right {
				    width: auto;
				}
			}

			@media only screen and (max-width: 767px) {
			.dynamic-nav {
			    display: block;
			    z-index: 120;
			    text-align: center;
			    font-family: 'Raleway', sans-serif;
			    background-color: #ffdb14;
			}
			.dynamic-nav-list {
			    background-color: #3e3e3e;
			    color: #ffdb14;
			}
			.dynamic-nav__list-item:hover, .dynamic-nav__link:hover, .dynamic-nav-expanded .dynamic-nav__list-item.has-children .dynamic-nav-forward:hover::before {
			    background-color: #313131;
			}
			.dynamic-nav__heading {
    			background-color: white;
			}
			.header {
			    padding: 0;
			}
		}

			@media only screen and (max-width: 766px) {
			.header__home_headertext,
			.header__home_headertext_sub {
				font-size:30px;
				line-height:29px;
			}
			.header__home_subtext{
				font-size:21px;
				line-height:25px;
			}
			.S_font {
				height: 86px;
				margin: 0em;
			}
		}
			@media only screen and (max-width: 700px) {
			  .responsive {
				width: 49.99999%;
				margin: 6px 0;
			  }
			}

			@media only screen and (max-width: 600px){
				.header__home_textbox{
					top: 78%;
			}
		}

			@media only screen and (max-width: 500px) {
			  .responsive {
				width: 100%;
			  }
			}