@charset "utf-8";
/* CSS Document */

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* COLOR HEX REFERENCE
Bone=#f8f1e5
Charcoal=#2F3131, rgba(47, 49, 49, 0.9)
Yellow=#f9ba32
*/

/*=====Cookie Notification=====
       Start
================================*/
.notification {
  z-index:99;
  position:fixed;
  bottom:0px;
  float:none;
  min-width:100%;
  background: #f9ba32;
  padding: 10px 15px;

  border-radius: 5px;
  box-shadow: 0px 0px 5px #000000;
}

.notification-error {
  background: #ff1010;
  color: #ffffff;
}

.notification-alert {
  background: #f9ba32;
  color: #000000;
}

.notification-info {
  background: #a4beff;
  color: #000000;
}
#close{
  text-decoration:none;
  float:right;
}

label{
	color:black;
	font-size:30px;
}

input{
	height:25px;
	width:600px;
	color:black;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:15px;
}

.radiobutton{
	width:30px;
	margin-bottom:-40px;
	height:25px;
	margin-top:20px;
}

#submitbutton{
	width:300px;
	height:40px;
	color:black;
	font-size:25px;
	margin-top:15px;
}

textarea{
	width:600px;
	color:black;
	padding:10px;
}
.thankyouforsubmit{
	padding-top:300px;
	padding-bottom:300px;
	
}



/*=====Cookie Notification=====
       END
================================*/

/*=====Parallax Jquery=====
        START
================================*/

.parallax {
    min-height: 600px;
    background: transparent;
	padding-top:100px;
}

.parallaxservices{
	min-height: 300px;
	background: transparent;
}

.parallaxcontact{
	min-height: 600px;
	background:transparent;
}

.serviceheader h1{
	padding-top:450px;
	font-size:75px;
	color:white;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, .4), -2px -2px 8px rgba(0, 0, 0, .4), 2px -2px 8px rgba(0, 0, 0, .4), -2px 2px 8px rgba(0, 0, 0, .4);
}

.aboutheader h1{
	padding-top:350px;
	font-size:75px;
	color:white;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, .7), -2px -2px 8px rgba(0, 0, 0, .7), 2px -2px 8px rgba(0, 0, 0, .7), -2px 2px 8px rgba(0, 0, 0, .7);
	
}

.contactheader h1{
	padding-top:450px;
	font-size:75px;
	color:white;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, .7), -2px -2px 8px rgba(0, 0, 0, .7), 2px -2px 8px rgba(0, 0, 0, .7), -2px 2px 8px rgba(0, 0, 0, .7);
	
}

.careersheader h1{
	padding-top:300px;
	font-size:75px;
	color:white;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, .4), -2px -2px 8px rgba(0, 0, 0, .4), 2px -2px 8px rgba(0, 0, 0, .4), -2px 2px 8px rgba(0, 0, 0, .4);
}

.servicesubtitles{
	color:black;
}

.youtubebutton{
	display:block;
	background-color:#f9ba32;
	color:#2F3131;
	width:100%;
	height:40px;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
	margin-left:auto;
	margin-right:auto;
	border-radius:20px;
}

.youtubebutton > a {
	font-size:40px;
	padding-top:30px;
	display:block;
	margin-top:20px;
}

.spacer{
	background-color:#f8f1e5;
	height:40px;
}

/*=====Parallax Jquery=====
        END
================================*/


*{
	margin:0;
	padding:0;
	text-decoration:none;
	color:inherit;
}

.clr{
  content: "";
  clear: both;
  display: table;
}

body{
	margin:0;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color:white;
}

.container{
	width:960px;
	margin:auto;
}

h1{
	font-size:35px;
	color:#2F3131;
	padding-bottom:25px;
}

h2{
	font-size:75px;
	text-align:center;
	padding-bottom:60px;
}

h3{
	font-size:30px;
	padding-bottom:30px;
}

p{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size:20px;
	padding-bottom:50px;
	color:#2F3131;
}

.recaptchastyle{
}

.clicktocall{
	display:none;
}

.careerbutton{
    display:block;
    height:50px;
    width:120px;
    border-radius:10px;
    color:white;
    background-color:#2F3131;
    text-align:center;
    line-height:50px;
    margin-top:-40px;
    font-size:25px;
    transition: color .15s;
	transition: background-color .15s;
}

.careerbutton:hover{
    color:black;
    background-color:#f9ba32;
    
}




/*=========================
       NAVBAR START
===========================*/
#navlogo{
	margin-top:7px;
	float:left;
}

header{
	background-color:rgba(47, 49, 49, 0.9);
	width:100%;
	height:56px;
	border-bottom:solid;
	border-bottom-width:0px;
	border-bottom-color:#F9BA32;
	float:both;
	position:fixed;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
		
}

ul li{
	margin-top:0px;
	float:right;
	width:128px;
	height:56px;
	line-height:56px;
	text-align:center;
	font-size:20px;		
}

ul li a{
	text-decoration: none;
	color:white;
	display:block;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	transition: color .15s;
	transition: background-color .15s;
}

ul li a:hover {
	background-color:#f9ba32;
	color:#2f3131;
	box-shadow:0px -6px 6px -6px rgba(0, 0, 0, 0.2), 0px -6px 0px -6px rgba(0, 0, 0, 0.19);
}

ul li ul li{
	display:none;
	margin-top:0px;

}

ul li:hover ul li{
	display:block;
	background-color:rgba(47, 49, 49, 0.7);
}

.dropdown{
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	
}

#dropdowntopmargin{
	padding-top:0px;
	
}

ul li:hover #dropdownbottom{
	display:block;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}

ul li ul li a{
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}

#mobile {
	display: none;
}
 
#toggle{
	display: none;
}

.mobilemenu{
	display:none;
	z-index:101;
}
	
/*=========================
       NAVBAR END
===========================*/

/*==========================
       SOCIAL MEDIA NAV START
===========================*/

.socialmediabar{
	float:left;
	position:fixed;
	top:200px;
}

.socialmediabar a{
	display:block;
	margin-left:6px;

}

.socialmediabar a:hover{
	margin-left:15px;
}

.facebookicon{
	height:44px;
	clear:both;
	margin-bottom:6px;
}

.instagramicon{
	height:44px;
	margin-bottom:6px;
}

.youtubeicon{
	height:44px;
	margin-bottom:6px;
}

/*==========================
       SOCIAL MEDIA NAV END
===========================*/


/*=========================
       MAIN BODY START
===========================*/
.articlebox{
	padding-top:50px;
	padding-bottom:25px;
}


.Bonebackground{
	background-color:#f8f1e5;
}

.videos{
	width="960"
	height="540"
}

/*=========================
       MAIN BODY END
===========================*/

/*=========================
       SLIDESHOW START
===========================*/
#slideshow { 
    position: relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
    width: 960px; 
    padding: 10px;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, .4), -2px -2px 4px rgba(0, 0, 0, .4), 2px -2px 4px rgba(0, 0, 0, .4), -2px 2px 4px rgba(0, 0, 0, .4);
	z-index:-1;
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}


.slideshowbutton{
	display:block;
	background-color:#f9ba32;
	color:#2F3131;
	width:275px;
	height:65px;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
	margin-left:auto;
	margin-right:auto;
	border-radius:20px;
}

.slideshowbutton > a > h2 {
	font-size:25px;
	padding-top:15px;

}

/*=========================
       SLIDESHOW END
===========================*/

/*=========================
       FOOTER START
===========================*/

footer{
	padding-top:40px;
	padding-bottom:40px;
	border-top-style:solid;
	border-top-width:10px;
	border-top-color:#f9ba32;
	background-color:rgba(47, 49, 49, 1);
}

footer p{
	color:white;
}

.cookiedisclaimer{
	text-align:right;
	margin-right:60px;
	margin-bottom:0px;
	padding-bottom:0px;
	margin-top:30px;
	float:right;
}


footer div h3{
	float:left;
	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#f9ba32;
	padding-right:40px;
	padding-left:40px;
	font-size:20px;
}

#leftfootercap{
	padding-left:125px;
}

#rightfootercap{
	border-right-width:0px;
}

#copyright{
	font-size:18px;
	float:left;
	color:white;
	margin-top:30px;
}

#contactfooter{
	clear:both;
}

.formmargin{
    margin-top:-300px;
}

/*=========================
       FOOTER END
===========================*/

/*=========================
       RESPONSIVE START 767px
===========================*/

			@media screen and (max-width: 767px) {
				
				
			.container{
				width:400px;
				position:relative;
			}
			
			.billinginfo{
			    display:none;
			}
			
			body{
				margin:0;
				font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
				color:white;
				background-image: url("backgroundimagemobile.jpg");
				background-repeat: no-repeat;
				background-attachment: fixed;
				background-width: 200%;
			}
			
			.careerheader{
			    margin-top:65px;
			}
			
			.formmargin{
                margin-top:0px;
            }
			
			.socialmediabar{
				float:left;
				position:fixed;
				top:200px;
			}
			
			.parallaxservices{
            	height: 100px;
            	min-height:25px;
            	background: transparent;
            }
			
			.parallax {
				min-height: 25px;
				background: transparent;
				padding-top:100px;
			}
				
				#slideshow{
					display:none;
				}

				
			
			/*=========================
				   NAVBAR START
			===========================*/
			header{
				height:100px;
				z-index:98;
				background-color:rgba(47, 49, 49, 1);
				margin:0px;
			}
			#mobile{
				display:block;
				cursor:pointer;
				padding-top:0px;
				float:right;
				padding-bottom:0px;
				height:60px;
			}
			
			#navlogo{
				margin-top:20px;
				margin-bottom:0px;
				height:60px;
				z-index:99;
			}
			
			#dropdownicon{
				margin-top:30px;
				margin-bottom:0px;
				height:40px;
			}
			
			#desktopmenu{
				display:none;
			}
			
			.mobilemenu{
				float:right;
				margin-top:20px;
				padding-bottom:none;
			}
			
			.mobilemenu ul li{
				width:100%;
				margin:0px;
				padding:none;
			}
			
			.mobilemenu ul li a{
					border-top-left-radius:0px;
					border-top-right-radius:0px;
			}
			
			.mobilemenu{
				display:none;
			}
			
			
			
			#toggle:checked + .mobilemenu{
				display:block;
				height:280px;
				background-color:rgba(47, 49, 49, 1);
			}
			
			.articleonethird{
				width:100%;
				float:left;
			}
			
			.articletwothird{
				width:100%;
				float:left;
				padding-right:35px;
				margin-right:35px;
				border-right-style:none;
			}
				
			.socialmediabar{
				display:none;
			}
			
				.youtubebutton{
				display:block;
				background-color:#f9ba32;
				color:#2F3131;
				width:100%;
				height:0px;
				text-shadow: 0px 0px 0px rgba(0, 0, 0, .4);
				margin-left:auto;
				margin-right:auto;
				border-radius:20px;
				position:relative;
				top:-100px;
					display:none;
			}

			.youtubebutton > a {
				font-size:15px;
				padding-top:17px;
				display:block;
				margin-top:10px;
			}

				
			/*=========================
				   NAVBAR END
			===========================*/
				
			/*=========================
				   PHONE NUMBER BAR START
			===========================*/
			.clicktocall{
				background-color:rgba(47, 49, 49, 1);
				width:100%;
				height:75px;
				bottom:0px;
				position:fixed;
				display:block;
				float:both;
				text-align:center;
				z-index:100;
				font-size:30px;
				padding-top:10px;
				padding-bottom:10px;
			}
			
				
			.clicktocall a{
				font-size:70px;
				font-weight:bold;
				color:#f9ba32;
			
			}
			/*=========================
				   PHONE NUMBER BAR END
			===========================*/
			
			/*==========================
				   SOCIAL MEDIA NAV START
			===========================*/

			.socialmediabar{
				float:left;
				position:fixed;
				top:150px;
				z-index:2;
			}

			

			/*==========================
				   SOCIAL MEDIA NAV END
			===========================*/
			
			

			/*=========================
				   Parallax Image START
			===========================*/
			
				
			

		

				.parallaxtwo{
					height: 240px;
				}


				.parallaxcontact{
				display:none;
				}
				
				.parallaxcareers{
					display:none;
				}

				.parallaxabout{
					height: 240px;
				}

				.parallaxsawing{
					height: 240px;
					
				}

				.parallaxcoring{
					height: 240px;	
				}

				.parallaxdemolition{
					height: 240px;
				}

				.parallaxgpr{
					height: 240px;
				}
				
				.aboutheader{
					display:none;
				}
			
				.contactheader{
					display:none;
				}
				
				.serviceheader h1{
					padding-top:10px;
					font-size:35px;
					color:white;
					text-shadow: 2px 2px 8px rgba(0, 0, 0, .4), -2px -2px 8px rgba(0, 0, 0, .4), 2px -2px 8px rgba(0, 0, 0, .4), -2px 2px 8px rgba(0, 0, 0, .4);
				}
				
				.contactheader h1{
					padding-top:0px;
					font-size:0px;
					color:white;
					text-shadow: 2px 2px 8px rgba(0, 0, 0, .7), -2px -2px 8px rgba(0, 0, 0, .7), 2px -2px 8px rgba(0, 0, 0, .7), -2px 2px 8px rgba(0, 0, 0, .7);

				}
				
			
			

			/*=========================
				   Parallax Image END
			===========================*/

			/*=========================
				   MAIN BODY START
			===========================*/
				#contactinfo{
					padding-bottom:0px;
				}

				.contactinformation{
					margin-bottom:30px;
					margin-right:auto;
					margin-left:auto;
				}



				input{
					color:black;
					padding:3px;
				}

				textarea{
					color:black;
					padding:3px;
				}
				iframe {
					margin-top:60px;
					padding-bottom:60px;
					margin-right: auto;
					margin-left: auto;
					display:block;
					width:300px;
					height:169px;
				}	

				tr td label{
					float:left;
				}
				
				tr td input{
					clear:left;
				}
				
				table{
					width:400px;
				}
				
				label{
				color:black;
				font-size:30px;
				}

				input{
					height:25px;
					width:100%;
					color:black;
					padding-left:10px;
					padding-right:10px;
					margin-bottom:15px;
				}

				#submitbutton{
					width:100%;
					height:40px;
					color:black;
					font-size:25px;
					margin-top:15px;
				}

				textarea{
					width:100%;
					color:black;
					padding:10px;
				}
				
				.videos{
					margin-bottom:-100px;
				}
				
				.nowhiring{
					padding-top:100px;
				}
				
				.thankyouforsubmit{
					padding-top:200px;
					padding-bottom:100px;

				}

			/*=========================
				   MAIN BODY END
			===========================*/

			/*=========================
				   FOOTER START
			===========================*/
			footer{
				padding-top:px;
				padding-bottom:100px;
				border-top-style:solid;
				border-top-width:10px;
				border-top-color:#f9ba32;
			}
			.spacer{
					display:none;
			}

			footer div h3{
				display:none;
			}

			#leftfootercap{
				padding-left:0px;
			}

			#rightfootercap{
				border-right-width:0px;
			}

			#copyright{
				font-size:17px;
				float:left;
				margin-top:-20px;
			}

			#contactfooter{
				clear:both;
			}
				
			.cookiedisclaimer{
				margin-top:-20px;
				margin-left:0px;
				padding-left:0px;
				text-align:left;
				float:left;
					
			}
						

			/*=========================
				   FOOTER END
			===========================*/
				
				.videos{
					position:relative;
					top:-100px;
					
				}



/*=========================
       RESPONSIVE END
===========================*/

@media screen and (max-width: 400px) {
				
				
			.container{
				width:300px;
			}
			
			.mobilemenu ul li{
				width:300px;
				margin:0px;
			}
			
			tr td label{
				float:left;
			}
			
			table{
					width:300px;
			}
			.clicktocall a{
						font-size:50px;
			
			}
}