@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Work+Sans:300,400,500,600,700');
/*
font-family: 'Work Sans', sans-serif;
font-family: 'Open Sans', sans-serif;
*/
body{
	overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Work Sans', sans-serif;
}
p{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.topline{
	width:100%;
	border:1.5px solid #dd3333;
}
.tophead{
	padding-top:1%;
	padding-bottom:1%;
}
.sevicelogo{
	text-align:right;
}
nav{
	background:#dd3333;
	border-radius:2% 2% 2%;
}
nav .nav-item {
	
	color:#fff;
	z-index:9999999;
	position:relative;
	
}
nav .navbar-nav{
	width:100%;
}
nav .navbar-nav span{
	width:60%;
	float:right;
	text-align:right;
}
nav .phone{
        font-size:25px;
	line-height:30px;
       color:#fff;
       text-decoration:none;

}
.btn{
	background:#dd3333;
	color:#fff;
	font-weight:600;
	padding-left:3%;
	padding-right:3%;
	padding-top:0.5%;
	padding-bottom:0.5%;
	text-transform:uppercase;
}
.btn:hover{
	background:red;
	color:#FFF;
	
}
.dash{
	padding-left:50px;
	padding-right:50px;
	border-bottom:1px solid silver;
	
}

.fa-map-marker-alt{
	font-size:14px;
	padding:3%;
}
.section0{
	margin-top:-25px;
	height:600px;
	z-index:-1;
	position:relative;
}
.section0{}

.section1{
	margin-top:-600px;
	height:600px;
	padding-top:8%;
	background-color: rgba(0, 0, 0, 0.7);
	color:#fff;
	z-index:-1;
}
.section1 .btn{
	margin-top:1%;
	padding-left:3%;
	padding-right:3%;
}
.section1 h1{
	font-size:65px;
	font-weight:700;
	font-family: 'Work Sans', sans-serif;

}
.section1 h4{
	font-weight:500;
	font-size:32px;
	font-family: 'Work Sans', sans-serif;

}
.section1 p{
	font-size:28px;
	font-family: 'Open Sans', sans-serif;

}
.section1 a{
	font-weight:700;
	color:white;
	padding:1%;
	text-transform:uppercase;
}
.section1 h3{
	padding:3%;
	font-size:22px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	line-height:40px;
	color:#fff;
	border-bottom:0.5px solid #a32a2a;
}
.section1 .rightside{
	width:100%;
	padding:5%;
	background-color:#dd3333;
	border-radius:2%;
}
.section1 form{
	padding-top:3%;
}
.section1 input{
	width:100%;
	padding:2%;
	margin-bottom:5%;
	border:none;
	border-radius:2%;
}
.section1 .button{
	width:40%;
	background:black;
	color:#fff;
	font-weight:700;
	border-radius:5%;
}
.section1 .button:hover{
	background:red;
}
.section2{
	padding-top:3%;
	padding-bottom:5%;
	text-align:center;
}
.section2 .head{
	padding:3%;
	padding-left:13%;
	padding-right:13%;
}
.section2 h2{
	font-family: 'Work Sans', sans-serif;
	font-size:30px;
	font-weight:700;
}
.section2 p{
	color:gray;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
        font-size:14px;
}
.section2 img{
	
}
.section2 h4{
	font-size:18px;
	font-weight:700;
	font-family: 'Work Sans', sans-serif;
}

.section2 .boxtop{}
.section2 .boxtop h2{
	background:#0059a7;
	line-height:50px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.section2 .boxtop img{
	width:100%;
}
.section2 .boxtop h3{
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:4px solid #0059a7;
	text-align:center;
	font-weight:bold;
}
.section2 .boxtop ul{
	text-align:left;
}
.section2 .boxtop li{
	list-style-type:none;
        font-weight:bold;
}

.section2 .boxtop li:before {
content: '-';
margin-left: -20px;
margin-right: 10px;
}


.section2 .btn{
	margin-top:2%;
	font-weight:600;
}

.section3{
	padding-top:5%;
	padding-bottom:5%;
	text-align:center;
	background:#f7f7f7;
}
.section3 h2{
	font-family: 'Work Sans', sans-serif;
	font-weight:700;
}
.section3 .abc{
	padding:5%;
}
.section3 em{
	padding:7%;
	padding-top:10%;
	padding-bottom:10%;
	background:#fff;
	border-radius:100%;

}
.section3 i{
	padding:1.5%;
	padding-left:3.5%;
	padding-right:3.5%;
	border-radius:100%;
	margin-left:-30%;
	opacity: 1.5;
    filter: alpha(opacity=150); /* For IE8 and earlier */
}
.section3 img{
	padding:;
}
.section3 h3 a{
	font-family: 'Work Sans', sans-serif;
	font-size:18px;
	font-weight:700;
	text-decoration:none;
	color:#000;
}
.section3 p{
	font-size:14px;
	font-weight:400;
	color:gray;
}

.section4{
	padding-top:2%;
	text-align:center;
}
.section4 .head{
	padding:3%;
	padding-left:13%;
	padding-right:13%;
}
.section4 h2{
	font-family: 'Work Sans', sans-serif;
	font-weight:700;
}
.section4 p{
	color:gray;
	font-weight:400;
}


.section4 .Apartments{
	height:270px;
	background-image:url('../images/entry.lobby.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	border-radius:2%;
}
.section4 .Senior{
	height:270px;
	background-image:url('../images/in-unit.mirror.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	border-radius:2%;
}
.section4 .HOSPITALITY{
	height:270px;
	background-image:url('../images/pool.rec.area.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	border-radius:2%;
}
.section4 .SCHOOLS{
	height:270px;
	background-image:url('../images/bathroom.glass.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	border-radius:2%;
}
.section4 .STOREFRONT{
	height:270px;
	background-image:url('../images/exterior.glass.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	border-radius:2%;
}
.section4 .COMMERCIAL{
	height:270px;
	background-image:url('../images/quick.response.jpg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	border-radius:2%;
}
.section4 .box2{
	padding-top:120px;
	margin-top:-270px;
	height:270px;
	margin-bottom:30px;	
	background-color:rgba(0,0,0,0.3);
	border-radius:2%;
}
.section4 .box2:hover{
	background-color:rgba(0,0,0,0.8);
}
.section4 h3{
	font-size:22px;
	z-index:999;
	width:100%;
	height:270px;
	color:#fff;
       font-family: 'Work Sans', sans-serif;
}
.section4 h3 a{
	font-family: 'Work Sans', sans-serif;
	font-weight:600;
	text-decoration:none;
	color:#fff;
}
.section5{
	padding-top:2%;
	padding-bottom:5%;
	text-align:center;
}
.section5 .head{
	padding:3%;
	padding-left:13%;
	padding-right:13%;
}
.section5 h2{
	font-weight:700;
}
.section5 p{
	color:gray;
}
.section5 img{
	width:100%;
	border-radius:5%;
}
.section5 h6{
	
}
.section5 .box{
	text-align:left;
}
.section5 .box h6{
	text-align:center;
	color:#000;
	font-weight:6060;
}
.section5 .box a{
	text-decoration:none;
	color:silver;
	
}
.section6{
	padding-top:5%;
	background:#3f3f3f;
}
.section6 .box1{
	background:#333333;
	padding:2%;
}
.section6 .box1 .col-2{
	padding-top:5%;
} 
.section6 .box1 p{
	color:red;
	font-weight:600;
	
}
.section6 .box1 a{
	color:silver;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.section6 .box1 em{
	color:#fff;
	background:red;
}

.section6 .box2{
	background:#333333;
	padding:2%;
}
.section6 .box2 .col-2{
	padding-top:5%;
}
.section6 .box2 p{
	color:green;
	font-weight:600;
}
.section6 .box2 em{
	color:#fff;
	background:green;
}
.section6 .box2 a{
	color:silver;
	font-size:13px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.section6 .box3{
	background:#333333;
	padding:2%;
}
.section6 .box3 .col-2{
	padding-top:5%;
}
.section6 .box3 p{
	font-family: 'Work Sans', sans-serif;
	color:#ec407a;
	font-weight:400;
}
.section6 .box3 em{
	color:#fff;
	background:#ec407a;
}
.section6 .box3 a{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:13px;
	color:silver;
}
.section6 em{
	padding:50%;
	background:#fff;
	border-radius:50%;
}
.section6 .footerbottom{
	padding-top:5%;
	padding-bottom:5%;
	color:#fff;
}
.section6 .footerbottom address{
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
}
.section6 .footerbottom a{
	text-decoration:none;
	color:#fff;
	font-size:18px;
	font-family: 'Open Sans', sans-serif;
}
.section6 a:hover{
	color:#fff;
}
.section7{
	background:#333333;
	color:#FFF;
}
.section7 ul{
	padding:0px;
}
.section7 li{
	padding:3%;
	list-style-type:none;
	display:inline;
	padding-left:2%;
	font-size:13px;
	line-height:13px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.section7 p{
	padding:1%;
	font-size:13px;
	line-height:13px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.fa-map-marker-alt{
	color:#dd3333;
}
.fa-map-marked-alt{
	color:#dd3333;
}
.fa-phone-volume{
	color:#dd3333;
}
.fa-envelope-open{
	color:#dd3333;
}

.modal{
	z-index:9999999;
}
.modal h5{
	font-weight:700;
}
.modal form{
	width:100%;
}
.modal input{
	width:100%;
	margin-bottom:2%;
	padding:2%;
	border:none;
	font-size:18px;
	border-radius:2%;
}
.modal textarea{
	width:100%;
	min-height:150px;
	padding:2%;
	border:none;
}
.modal .button{
	width:40%;
	background:#dd3333;
	color:#fff;
	font-weight:700;
	border-radius:5%;
}
.modal .modal-footer{
	width:100%;
	text-align:center;
}
.modal .modal-body{
	text-align:center;
	background:#dd3333;
}
@media only screen and (max-width: 767px) {
	.section1 .rightside{
		margin-top:5%;
	}
	.section0{
		height:auto;
		position:relative;
		margin-bottom:10%;
	}
	.section1{
		padding-top:1%;
		height:100%;
		position:relative;
		margin-bottom:10%;
		z-index:999;
	}
	.section1 h1{
		font-size:40px;
	}
	.section1 h4{
		font-size:25px;
	}
	.section1 p{
		font-size:16px;
	}
	.button{
		font-size:12px;
	}
	.modal-footer .button{
		font-size:12px;
	}
	.modal .btn-default{
		font-size:12px;
	}

     .section01{
	  display:none;
    }
}


.section01{
	margin-top:-59px;
	height:70px;
	text-align:center;
}
.section01 p{
	position:relative;
	padding-top:30px;
	font-size:40px;
	line-height:10px;
	font-weight:bold;
	color:#dd3333;
	cursor:pointer;
}
.clip-polygon {
	      clip-path: polygon(77% 45%, 100% 100%, 0 100%, 23% 45%);
       -o-clip-path: polygon(77% 45%, 100% 100%, 0 100%, 23% 45%);
      -ms-clip-path: polygon(77% 45%, 100% 100%, 0 100%, 23% 45%);
     -moz-clip-path: polygon(77% 45%, 100% 100%, 0 100%, 23% 45%);
  -webkit-clip-path: polygon(77% 45%, 100% 100%, 0 100%, 23% 45%);
    
    background:#fff;
	height:60px;
	width:100%;
}