.service-nav li{
	margin: 0 7.5px !important;
}
.service-nav li a{
	margin: 0 !important;
}
.service-nav div{
	padding: 12px 20px !important;
  margin-bottom: 15px !important;
  width: auto !important;
	text-transform: uppercase;
}
.service-base {
	margin-bottom: 30px !important;
	margin-top: 0 !important;
}
.service-con{
	overflow: hidden;
	height: 100%;
}
.service-con:before{
	content: '';
	width: 92.5%;
	height: 1px;
	position: absolute;
	bottom: 0;
	z-index: 2;
	border-top: 1px solid transparent;

		transition: all 0.3s ease-out 0.3s;
		-webkit-transition: all 0.3s ease-out 0.3s;
		-moz-transition: all 0.3s ease-out 0.3s;
		-o-transition: all 0.3s ease-out 0.3s;
}
.service-con:hover .hover-zoom-gray{
	transform: scale(1.25);
	filter: grayscale(1);
}
.service-con:hover .service-det{
	border-color: var(--pale-red);
}
.service-con:hover:before{
	border-color: var(--pale-red) !important;
}
.service-img {
	height: 220px;
}
.service-det {
	position: relative;
	z-index: 1;
	background: var(--white);
	padding: 25px;
	border: 1px solid transparent;
	margin: 0 !important;
	border: 1px solid white;
	border-top: 0px;
	height: 100%;
}
.service-det .btn-anc{
	margin-top: 35px !important;
}
.service-det .service-category-title{
	margin-bottom: 10px !important;
}
.service-slide-img{
	width: 50vw !important;
	height: 30vw !important;
	padding-right: 30px;
	outline: 0;
}
.project-rel-base{
	position: relative;
	overflow: hidden;
}
.project-rel-img{
	height: 400px;
}
.project-rel-base:hover .project-rel-img{
	filter: grayscale(1) brightness(.5);
	/* height: 400px; */
}
.project-rel-base:hover .project-rel-det{
	transform: translateY(0%);
	/* opacity: 1; */
}
.project-rel-det{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px 50px;
	width: 100%;
	transform: translateY(100%);
	/* opacity: 0; */
}
.project-rel-det .cl-effect-10{
	position: absolute;
	right: 45px;
	bottom: 30px;
}
.project-rel-det .project-desc img{
	margin-right: 10px !important;
}
@media(max-width: 769px){
	.nav-pill.service-nav {
    margin-top: 30px !important;
    margin-bottom: 15px !important;
	}
}
@media(max-width: 480px){
	.service-base{
		width: 100% !important;
	}
	.service-slide-img {
    height: 45vw !important;
	}
	.project-rel-base{
		margin-bottom: 30px;
	}
}