.single-team .team-content .social li a {
    padding: 0px 8px;
    border-radius: 0 !important;
}
p.form-message {
    color: red;
}

#myModal .modal-content {
    background-color: transparent !important;border: 0 !important;
}
.modal {
    top: 20% !important;
}
/*-------------------------------------------------------*/
	/* Portfolio Section */
/*-------------------------------------------------------*/
#portfolio {
	overflow:hidden;
}
#portfolio .extra-text {
	font-size:20px;
	padding:24px 0;
	border-bottom:1px solid #ededed;
	color: #999;
	margin-bottom:20px;
}
#portfolio h5{ color:#fff; margin-bottom: 0px;
margin-top: 8px;}
/* Filter menu */
#portfolio-filter {
	overflow:hidden;
	padding:15px 0;
}
#portfolio-filter li a {
	float:left;
	color:#000;
	margin-right:10px;
	padding:6px;
	margin-bottom:5px;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
}
#portfolio-filter li a:hover, #portfolio-filter li a.current {
	border-bottom: 3px solid #FCEE21;
	color:#000;
}

















@media(max-width:767px) {
	.project-area {
		padding-top: 75px;
		padding-bottom: 80px
		}
	}

	.single-project {
		position: relative;    margin-bottom: 20px;
	}

	.single-project .project-image {
		position: relative
	}

	.single-project .project-image::before {
		position: absolute;
		content: '';
		width: 100%;
		height: 100%;
		background: #fff;
		background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, #9d1814  100%);
		background: -o-linear-gradient(rgba(255, 255, 255, 0) 50%, #9d1814  100%);
		background: linear-gradient(rgba(255, 255, 255, 0) 50%, #9d1814  100%);
		opacity: 0;
		-webkit-transition: all .4s ease-out 0s;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
	}

	.single-project .project-content {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		padding: 35px 5px;
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: all .4s ease-out 0s;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s;
		opacity: 0
	}

	.single-project .project-content .project-title {
		font-size: 22px;
		font-weight: 600;
		font-family: barlow, sans-serif;
		position: relative;
		color: #fff;
		margin-left: 60px;position: absolute;
	}

	.single-project .project-content .project-title::before {
		position: absolute;
		content: '';
		width: 50px;
		height: 1px;
		background-color: #fff;
		top: 50%;
		left: -60px;
		
	}

	.single-project:hover .project-image::before {
		opacity: 1
	}

	.single-project:hover .project-content {
		opacity: 1;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		transform: translateY(0%)
	}

	.project-active .slick-dots {
		text-align: center;
		margin-top: 50px
	}

	.project-active .slick-dots li {
		display: inline-block;
		margin: 0 7px
	}

	.project-active .slick-dots li button {
		width: 25px;
		height: 15px;
		border-radius: 50px;
		border: 0;
		background-color: rgba(235, 54, 86, .7);
		-webkit-transition: all .4s ease-out 0s;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s;
		font-size: 0;
		cursor: pointer
	}

	.project-active .slick-dots li.slick-active button {
		width: 35px;
		background-color: #eb3656
	}

	.slick-slider {
		position: relative;
		display: block;
		box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent
	}

	.slick-list {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 0
	}

	.slick-list:focus {
		outline: none
	}

	.slick-list.dragging {
		cursor: pointer;
		cursor: hand
	}

	.slick-slider .slick-track,
	.slick-slider .slick-list {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	.slick-track {
		position: relative;
		top: 0;
		left: 0;
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.slick-track:before,
	.slick-track:after {
		display: table;
		content: ''
	}

	.slick-track:after {
		clear: both
	}

	.slick-loading .slick-track {
		visibility: hidden
	}

	.slick-slide {
		display: none;
		float: left;
		height: 100%;
		min-height: 1px
	}

	[dir=rtl] .slick-slide {
		float: right
	}

	.slick-slide img {
		display: block
	}

	.slick-slide.slick-loading img {
		display: none
	}

	.slick-slide.dragging img {
		pointer-events: none
	}

	.slick-initialized .slick-slide {
		display: block
	}

	.slick-loading .slick-slide {
		visibility: hidden
	}

	.slick-vertical .slick-slide {
		display: block;
		height: auto;
		border: 1px solid transparent
	}

	.slick-arrow.slick-hidden {
		display: none
	}

	.single-team .team-image img {
		width: 100%
	}

	.single-team .team-content {
		width: 80%;
		margin: 0 auto;
		padding: 30px 15px;
		position: relative;
		-webkit-transition: all .4s ease-out 0s;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
	}

	@media only screen and (min-width:992px) and (max-width:1200px) {
		.single-team .team-content {
			padding: 30px 0
		}
	}

	.single-team .team-content .team-name a {
		font-size: 18px;
		font-weight: 600;
		color: #121619;
		font-family: hind, sans-serif;
		-webkit-transition: all .4s ease-out 0s;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
	}

	.single-team .team-content .team-name a:hover {
		color: #eb3656
	}

	.single-team .team-content .sub-title {
		font-size: 14px;
		color: #646464
	}

	.single-team .team-content .social {
		margin-top: -35px;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all .4s ease-out 0s;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
	}

	.single-team .team-content .social li {
		display: inline-block;
		margin: 0 7px
	}

	.single-team .team-content .social li a {
		font-size: 16px;
		color: #646464;
		width: 30px;
		height: 30px;
		line-height: 35px;
		text-align: center;
		border-radius: 50%;
		background-color: #ededed;
		-webkit-transition: all .4s ease-out 0s;
		-moz-transition: all .4s ease-out 0s;
		-ms-transition: all .4s ease-out 0s;
		-o-transition: all .4s ease-out 0s;
		transition: all .4s ease-out 0s
	}

	.single-team .team-content .social li a:hover {
		background-color: #eb3656;
		color: #fff
	}

	.single-team:hover .team-content {
		background-color: #fff;
		margin-top: -60px;
		-webkit-box-shadow:0 6px 16px 0 #b11b16;
		-moz-box-shadow: 0 6px 16px 0 #b11b16;
		box-shadow: 0 6px 16px 0 #b11b16
	}

	.single-team:hover .team-content .social {
		margin-top: 25px;
		opacity: 1;
		visibility: visible
	}