div.wpcf7 .watermark {
	/* color: #FF581F !important;   */
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#container {
	position: relative;
	z-index: 8999;
}
.homepage #container {
	margin: 0px 0 0 40px
}


.page-title .view-type a.grid-view img, .page-title .view-type a.list-view img {
	
}

.row .single-port-item {
	padding: 30px 0 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
}
.row .single-port-item figure {
	position: relative
}
.row .single-port-item figure .shadow {
	display: block;
	position: absolute;
	left: 0;
	bottom: 3px;
	width: 640px;
	height: 12px;
	background: url(../images/port-img-shadow.png) center top no-repeat
}
.row .single-port-detail {
	position: relative
}
.row .single-port-detail .pagi {
	position: absolute;
	top: 0;
	right: 0;
	width: 45px;
	height: 19px
}

.row .single-port-detail .pagi .next {
	background-position: -465px top
}
.row .single-port-detail .pagi .previous {
	background-position: -443px top
}
.row .single-port-detail .pagi span:hover {
	background-position: -443px -22px
}
.row .single-port-detail .pagi .next:hover {
	background-position: -465px -22px
}
.row .single-port-detail .meta-info {
	padding: 0 0 10px;
	border-bottom: 1px solid #f1f1f1;
	margin: 0 0 10px
}
.row .single-port-detail .meta-info p {
	margin: 0
}
.row .single-port-detail p strong {
	width: 55px;
	display: none
}
.row .single-port-detail p.client {
	position: relative;
	width: 100%;
	clear: both;
	font-weight: bold;
	color:#1a2732;
}
.row .single-port-detail p.skills {
	position: relative;
	width: 100%;
	clear: both
}
.row .single-port-detail p.url {
	position: relative;
	width: 100%;
	clear: both;
	min-height: 15px
}
.row .single-port-detail p.url strong {
	position: absolute;
	top: 0;
	left: 0;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	display: none
}
.row .port-grid-items {
	padding: 25px 0 0;
	margin: 0 0 0 -15px;
	overflow: hidden;
	width: 980px
}
.row .port-grid-items li {
	list-style: none;
	position: relative;
	width: 225px;
	height: 158px;
	float: left;
	margin: 0 0 25px 20px;
	overflow: hidden;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	cursor: pointer
}
.row .port-grid-items li figure {
	width: 100%;
	height: 147px;
	position: absolute;
	top: 0;
	left: 0
}
.row .port-grid-items li figure img {
	display: block;
	width: 100%
}
.row .port-grid-items li h4 {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 0;
	padding: 0 10px;
	padding-top: 10px;
	height: 35px;
	width: 100%;
	text-align: center;
	line-height: 18px;
	color: #fff;
	z-index: 10;
	font-size: 14px;
	opacity: .1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.row .homeServ li h4 {
	text-align: left;
	width: auto;
	z-index: 8;
	bottom: 30px;
	opacity: 1;
	background: url(../images/port-grid-hover-trans.png)
}
.row .port-grid-items li .hover {
	display: block;
	width: 225px;
	height: 147px;
	padding: 10px;
	background: url(../images/port-grid-hover-trans.png);
	position: absolute;
	z-index: 9;
	top: -147px;
	left: 0;
	text-align: center;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.row .port-grid-items li.act .hover {
	top: 0
}
.row .port-grid-items li.act h4 {
	display: block;
	bottom: 30px;
	opacity: 1
}
.row .port-grid-items li .hover img {
	position: absolute;
	left: 100px;
	top: 50px
}
.row .port-grid-items li .hover p {
	color: #fff;
	font-size: 13px
}
.row .port-grid-items li .hover p a {
	color: #ccc
}
.row .port-grid-items li .shadow {
	display: block;
	width: 225px;
	height: 12px;
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	background: url(../images/port-grid-item-shadow.png) center top no-repeat
}
.row .port-grid-items li:hover .hover {
	display: block;
	top: 0
}
.row .port-grid-items li:hover h4 {
	display: block;
	bottom: 30px;
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.row .port-grid-items li.activeSlide .hover {
	display: block;
}


a {
	color: #ff5700;
	text-decoration: none;
	line-height: inherit;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}


figure {
	margin: 0
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height:18px;
	margin-bottom: 15px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #222;
	line-height: 1.1;
	margin-bottom: 12px;
	margin-top: 12px;
	text-transform:uppercase !important;
}