.fixed { position: fixed; top: 0; }
.srv-nav { width: 100%; height: auto; float: left; padding: 0 60px; z-index: 9999; }
.srv-nav ul { list-style: none; width:85.5vw; position: relative; }
.srv-nav ul li { width:25%; height: 120px; float: left; text-align: center; background: #b8b8b8; border-left: #FFF solid 1px }
.srv-nav ul li .srv-icon { width: 100%; height:75px; float: left; overflow: hidden; }
.srv-nav ul li .civil { background: url(../images/services-icon1.png) no-repeat center top; }
.srv-nav ul li .electric { background: url(../images/services-icon2.png) no-repeat center top; }
.srv-nav ul li .interior { background: url(../images/services-icon3.png) no-repeat center top; }
.srv-nav ul li .maintenance { background: url(../images/services-icon4.png) no-repeat center top; }
.srv-nav ul li .mechanical { background: url(../images/services-icon5.png) no-repeat center top; }
.srv-nav ul li .online-pricing { background: url(../images/services-icon6.png) no-repeat center top; }
.srv-nav ul li .project-management { background: url(../images/services-icon7.png) no-repeat center top; }
.srv-nav ul li .adjustable { background: url(../images/services-icon8.png) no-repeat center top; }
.srv-nav ul li a:hover .srv-icon { background-position: bottom center; }
.srv-nav ul li a.active .srv-icon { background-position: bottom center; }
.srv-nav ul li h3 { width: 100%; height: auto; float: left; font-size: 13px; color: #333333; text-transform: uppercase; font-weight: 700; line-height: 20px; }
.srv-nav ul li a { width: 100%; height: 120px; float: left; padding: 0 17px; }
.srv-nav ul li a:hover { background-color:#f47920; }
.srv-nav ul li a.active { background-color:#f47920; }
.srv-nav ul li a:hover h3 { color: #FFF; }
.srv-nav ul li a.active h3 { color: #FFF; }
.pro-nav { }
.pro-nav ul { width: 76vw; border: 1px solid #e0e0e0; }
.pro-nav ul li { width: 16.66%; height: 120px; }
.pro-nav ul li .project-icon { width: 100%; height: 100px; float: left; overflow: hidden; margin: 10px 0 0 0; }
.pro-nav ul li .interior-icon { background: url(../images/services-icon3.png) no-repeat center top; }
.pro-nav ul li .maintenance-icon { background: url(../images/services-icon4.png) no-repeat center top; }
.pro-nav ul li .clinic-icon { background: url(../images/clicnic-icon.png) no-repeat center top; }
.pro-nav ul li .residential-icon { background: url(../images/residential-icon.png) no-repeat center top; }
.pro-nav ul li .administrative-icon { background: url(../images/office-icon.png) no-repeat center top; }

.pro-nav ul li .showroom-icon { background: url(../images/showroom-icon.png) no-repeat center top; }


.pro-nav ul li a:hover .project-icon { background-position: bottom center; }
.pro-nav ul li a.active .project-icon { background-position: bottom center; }
.pro-nav ul li .project-icon { width: 100%; height: 100px; float: left; overflow: hidden; }
.pro-nav ul li a { height: 180px; }
.pro-nav ul li h3 { padding: 5px 0 0 0; line-height: 20px; }
.project-nav ul { list-style: none; width: 79.5vw; position: relative; }
.project-nav ul li { width: 12%; height: 80px; float: left; text-align: center; background: #b8b8b8; border-left: #FFF solid 1px }
/* ----------------- Section ----------------- */

.services-cont { height: auto; padding: 0 60px; color: #FFFFFF; }
/* ----------------- Utils ----------------- */

.clearfix:after { content: ""; display: table; clear: both; }