*{
	margin:0;
	padding:0;
}
body{
	font-family:'Montserrat', sans-serif;
	
}
.navbar{
	color:color;
	text-transform: uppercase;
	background-color: #013384;
	margin-bottom:0px;
	border-radius: 0px;
}
.navbar a{
	color:white;
}
.navbar-nav>li>a:hover, li.active a{
	background-color: #012b70 !important;
	color:white !important;
}
.navbar-brand{
	padding:4px;
}
.navbar-brand img{
	width:70px;
}
.icon-bar{
	background-color:white;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: #012b70 !important;
	color:white !important;
}
.dropdown-menu{
	background-color: #013384 !important;
}
.dropdown-menu>li>a{
	padding:7px 15px !important;
	color:white;
}
 

.row{
	margin-right:0px;
	margin-left:0px;
}
.col-md-4{
	padding:20px;
}

.col-md-4 img{
	width:80px;
	margin:0 auto;
	display:block;
}

h4.title{
	text-align:center;
}
.col-md-4 button.btn.btn-default{
	margin:0 auto;
	display: block;
}
.info-text strong, strong{
	color:#013384;
}

footer{
	background-color: #3D3D3D;
	
	
}
.bottom-up{
	width:100%;
	display: flex;
	padding:20px;
}
.bottom-up ul{
	list-style: none;
}
.bottom-up ul li img{
	width:30px;
	float:left;
}
.bottom-left ul li a{
	color:white;
	font-size:13px;
	float:left;
	padding-bottom:10px;
	margin:0px 0px 0px 10px;
	text-decoration: none;
}
.bottom-left{
	float:left;
	width:70%;
	padding-left:10%;
}

.bottom-right{
	float:right;
}
.bottom-text{
	margin:0px 0px 0px 40px;
	padding-top:5px;
	color:white;
	font-size:13px;
}
.bottom-right ul li a{
	color:white;
	font-size:13px;
	float:left;
	padding-bottom:10px;
	text-decoration: none;
}
.bottom-down{
	background-color: #1C1C1C;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
}

 p.text3{
	text-align:center;
}

/*ABOUT*/
.parallax {
background: url(../img/slide5.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
height: 350px;
}

.about-content{
	height:auto;
	background-color: #F7F7F7;
}
.title{
	color:#013384;
	text-align: center;
	padding:50px;
}
h2.title{
	margin-top:0px;
}
hr{
	width:60%;
	margin:0 auto;
	margin-bottom:40px;
}



#div2 {
    width: 100%;
    height: 260px;
}

#div3 {
    width: 100%;
    height: 200px;
    
    position: relative;
    -webkit-animation: somename 0.7s;
    -moz-animation: somename 0.7s;
    animation: somename 0.7s;
}
.div3-content{
	width:80%;
	margin:0 auto;
	padding:20px 0px;
	border:1px solid #E8EAEB;
	text-align:center;
	background-color: white;
	height: 200px;
}
.subtitle, .subtitle2{
	color:#013384;
}

.subtitle2{
	margin:30px 0px 20px 0px;
}

.about-left{
	width:50%;
	float:left;

}
.about-left p{
	padding-left:10%;
}
.about-right{
	width:50%;
	float:left;
}
.about-right ul{
	list-style: none;
	text-align:left;
	padding-left:35%;
}
.about ul li{
	text-align:left;
}
.about-other{
	width:80%;
	margin:0 auto;
	
	padding-bottom:50px;
}

.about-other ul{
	list-style-image: url('../img/arrow.png');
	margin-left:20px;
}
.about-other ul li{
	padding:10px;
}

.content-services>.col-md-3 img{
	width:130px;
	margin:0 auto;
	display: block;
}
.img-circle {
    border-radius: 50%;
}
.col-md-3{
	padding-left:25px;
	padding-right:25px;
}
.col-md-3 .subtitle2{
	text-align: center;
}

.col-md-3 button.btn.btn-default{
	margin:0 auto;
	display: block;
	margin-top:10px;
	margin-bottom:20px;
}
.col-md-3 ul{
	list-style: none;
	padding:0px 30px 30px 30px;
}


.construction-parallax {
background: url(../img/construction.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
height: 350px;
}

.construction-content{
	height:auto;
	background-color: #F7F7F7;
	padding:0px 30px 30px 30px;
}
#div4 {
    width: 100%;
    height: 300px;
}

#div5 {
    width: 100%;
    height: 250px;
    
    position: relative;
    -webkit-animation: somename 0.7s;
    -moz-animation: somename 0.7s;
    animation: somename 0.7s;
}
.div5-content{
	width:80%;
	margin:0 auto;
	padding:20px 0px;
	text-align:center;
	height: 300px;
}
.div5-content .col-md-4 ul{
	list-style: none;
	text-align: left
}

#div6 {
    width: 100%;
    height: 560px;
}

#div7 {
    width: 100%;
    height: 450px;
    
    position: relative;
    -webkit-animation: somename 0.7s;
    -moz-animation: somename 0.7s;
    animation: somename 0.7s;
}
.div7-content{
	width:80%;
	margin:0 auto;
	padding:20px 0px;
	text-align:center;
	height: 300px;
}
.div7-content .col-md-6 ul{
	list-style: none;
	text-align: left;
	padding-left:10%;
}


.electrical-parallax {
background: url(../img/electrical.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
height: 350px;
}
.janitorial-parallax {
background: url(../img/janitorial.jpeg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
height: 350px;
}
.div7-content.janit{
	text-align: left;
}
.contact-parallax {
background: url(../img/employment.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
height: 350px;
}
#div8 {
    width: 100%;
    height: 580px;
}

#div9 {
    width: 100%;
    height: 450px;
    
    position: relative;
    -webkit-animation: somename 0.7s;
    -moz-animation: somename 0.7s;
    animation: somename 0.7s;
}
.div9-content{
	width:80%;
	margin:0 auto;
	padding:20px 0px;
	text-align:center;
	height: 300px;
}
.div9-content .col-md-6 ul{
	list-style: none;
	text-align: left;
	padding-left:10%;
}
input#submit.form-submit{
	padding:5px 20px;
}
label.error{
	font-weight:normal;
	color:red;
}

@media only screen and (max-width: 1024px) {
	.subtitle, .subtitle2{
		font-size:16px;
	}
	.text, .text2{
		font-size:13px;
	}
	.about-right ul li, .col-md-3 ul li{
		font-size:13px;
	}
	#div4{
		height:1200px;
	}
	#div8{
		height:1200px;
	}
	#div6{
		height:1200px;
	}
}
@media only screen and (max-width: 600px) {
	.subtitle, .subtitle2{
		font-size:16px;
	}
	.text, .text2{
		font-size:13px;
	}
	.about-right ul li, .col-md-3 ul li{
		font-size:13px;
	}
	#div8{
		height:1400px;
	}
	#div6{
		height:1400px;
	}
	#div2{
		height:380px;
	}
	.div3-content{
		height:350px;
	}
	.about-left, .about-right{
		width:100%;
	}
	.col-md-4{
		padding:20px;
	}
	.col-md-6, .col-sm-9{
		padding-left:3px;
		padding-right:3px;
	}

}
@media only screen and (max-width: 400px) {
	.bottom-up{
		padding:5px;
	}
	.bottom-text, .bottom-left ul li a, .bottom-right ul li a{
		font-size:10px;
	}
	.bottom-up ul li img{
		width:20px;
	}
	#div2{
		height:400px;
	}
	.div3-content{
		height:370px;
	}
	#div6{
		height: 1750px;
	}
}





@-webkit-keyframes somename {
  0%   { top: -100px; }
  100% { top: 0; }
}

@-moz-keyframes somename {
  0%   { top: -100px; }
  100% { top: 0; }
}

@keyframes somename {
  0%   { top: -100px; }
  100% { top: 0; }
}