/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


.footerbg.hidefooter{
opacity: 0;
}

.footerbg {
background-color: #222222;
padding-top: 50px;
width: 100%;
}

.footercontainer {
max-width: 1200px;
margin: 0 auto;
padding: 0 50px;
}

.footerbox {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}

.footerbox:nth-child(1) {
padding-right: 20px;
}

.footerbox:nth-child(2) {
padding-right: 20px;
padding-left: 20px;
} 

.footerbox:nth-child(3) {
padding-left: 20px;
}

.footerboxes {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.footerlogo {
width: 105px;
position: relative;
top: -1px;
opacity: .7;
}

.footerlogo:hover {
opacity: 1;
}

.poweredby {
display: inline;
}

.poweredby img{
height: 26px;
width: 105px;
}

.footertitle {
font-size: 16px;
color: white;
font-weight: 600;
}

.footerunderline {
height: 3px;
margin-top: 3px;	
}

.footerunderline.sitelink{
width: 50px;
}

.footerunderline.servicelink{
width: 43px;
}

.footerunderline.hourssection{
width: 95px;
}

.footerunderline.getintouchlink{
width: 65px;
}

.footerlink{
margin-top: 15px;
color: #a3a3a3;
}

.footerlink a, .footerlink a:visited, .footerlink a:active {
color: #a3a3a3;
}

.footerlink a:hover {
color: white;
}

.footerlink .subline {
margin-left: 22px;
}

.footerlink .glyphicon {
margin-right: 5px;
color: white;
}




.secondfootersection {
border-top: 1px solid #636363;
width: 100%;
padding: 40px 0 0 0;

}

/* email subscriptio section */

.emailsignup {
float: left;
}

.emailsignupmessage {
color: white;
}

/* subscribe box */

.emailsignup .glyphicon-envelope {
height: 0;
position: relative;
top: 33px;
left: 13px;
z-index: 2;
}

.subscribeform {
margin-top: 10px;
position: relative;
left: -2px;
z-index: 1;
width: 280px;
}

.subscribeform input.myemail {
display: inline-block;
border: 1px solid white;
color: black;
width: 280px;
padding: 10px 85px 10px 40px;
border-radius: 2px;
}

.subscribeform input:focus{
outline: none;
}

.subscribesubmit1.tempvalue:hover {
color: white;
background-color: #454545;
}

.subscribeform .notrequiredinput {
width: 0;
height: 0;
border: none;
padding: 0;
overflow: hidden;
}

.subscribeform .subscribesubmit1 {
cursor: pointer;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
display: inline-block;
padding: 8px;
border: 1px solid white;
float: right;
position: relative;
bottom: 40px;
right: 1px;
z-index: 10;
border-radius: 4px;
overflow: hidden;
color: white;
}

.subscribeform .subscribesubmit1 button{
padding: 0;
border: 0;
background: none;
}


/* social icons */

.socialicons {
float: right;
}

.socialicons a{
font-size: 30px;
color: white;
margin-left: 3px;
}


/* thirdfootersection */

.thirdfootersection {
padding: 30px 0;
background-color: #1c1c1c;
color: #a3a3a3;
}

.thirdfootersection a, .thirdfootersection a:visited, .thirdfootersection a:active {
color: #a3a3a3;
}

.thirdfootersection a:hover{
color: white;
}

.companynamecolor {
color: white;
}

.companyrights {
float: left;
}

.privacylinks {
float: right;
}

/* hide/show elements after prospect approval -- keep this section at the end in case there are any items above that take priority */

.hidecontactinfo {
display: none;
} 


@media (max-width: 1200px) {

	.footerboxes {
	display: block;
	}

	.footerbox.hidesmall {
	display: none;
	}

	.footerbox:nth-child(1) {
	padding-right: 0;
	}

	.footerbox:nth-child(2) {
	padding-right: 0;
	padding-left: 0;
	margin-top: 30px;
	}

	.footerbox:nth-child(3) {
	padding-left: 0;
	margin-top: 30px;
	}

}

@media (max-width: 767px) {

	.emailsignup {
	float: none;
	}

	.socialicons {
	float: none;
	margin-bottom: 20px;
	}

	.companyrights {
	float: none;	
	}

	.privacylinks {
	margin-top: 10px;
	float: none;
	}
	
	.footercontainer {
	padding: 0 30px;
	}

}

@media (max-width: 600px) {

	.poweredby {
	display: block;
	margin-top: 10px;
	}

	.footerdividor {
	display: none;
	}

}


@media (max-width: 480px) {

	.footercontainer {
	padding: 0 15px;
	}

}


@media (max-width: 360px) {

	.subscribeform {
	width: 100%;
	}

	.subscribeform input.myemail {	
	width: 100%;
	}

}