.feature-project{margin-top:120px; position:relative;    margin-bottom: 30px;}
h2{font-size: 24px;color: #8a1926;}
.feature-project .project-name {font-size:42px;margin-bottom: 40px;}
.feature-project .project-summary {margin-top:20px;}
.feature-project .prtIcon {    font-size: 13px; text-align: right;}
.feature-project .prtIcon span {display: inline-block; margin-right: 5px; vertical-align: top; margin-top: 10px; font-size: 15px;color: #8a1926;}
.feature-project .prtIcon a {width: 30px;height: 30px;margin: 0 5px; display: inline-block; background: url(/_common/base/img/i-print.svg) no-repeat;}

.feature-project .summary-item {margin: 10px 0;}
.feature-project .summary-item .summary-item-name {font-size: 13px;margin-bottom: 10px; border-bottom: 1px solid; padding-bottom: 5px;}
.feature-project .summary-item .summary-item-value {padding-bottom: 14px;font-size: 22px;min-height: 60px;}
.feature-project .summary-item .field-visit-date {line-height: 26px;}

.feature-project .project-timeline {margin-top:20px;}
.feature-project .project-timeline .summary-item .summary-item-value {border-bottom: 0;height: 60px;}

.grey-background {background: #f0f0f0;}
.project-paragraph h2{margin-top: 10px;}
.project-paragraph {padding-bottom: 50px; padding-top: 30px;}
.project-paragraph .paragraph {margin: 20px 0 0 0;}
.project-paragraph .paragraph p,.project-paragraph .paragraph ul,.project-paragraph .paragraph ol {font-size: 18px;line-height: 22px;}
.project-paragraph .paragraph a {font-size: 18px;text-decoration: underline;display: inline;word-wrap: break-word;}
.project-paragraph .paragraph ul li,.project-paragraph .paragraph ol li  {font-size: 18px;margin-bottom: 10px;line-height: 22px;}
.project-paragraph .long-text-buttom {font-size: 14px;}
.project-paragraph .paragraph p strong{font-family: 'Helvetica-Bold';}
.project-paragraph .paragraph .borrower-content, .project-paragraph .paragraph .implementing-content {margin-top:18px;}

.image-gallery {margin-top: 30px;}

.feature-documents {margin-top: 20px;}
.feature-documents .doc .headline, .project-paragraph .paragraph div.headline {font-size:20px;margin:20px 0;}
.feature-documents .doc .link a {font-size:16px;line-height: 20px;margin-bottom:20px;text-decoration: underline;}
.feature-documents .backlink {margin: 10px 0; font-size: 14px;}

.project-paragraph h2.news-title{margin-bottom: 30px;}

.project-paragraph:nth-child(odd) {background-color: #f0f0f0!important;}
.project-paragraph:nth-child(even) {background-color: #fff!important;}

.project-paragraph .news a {display: block;margin-bottom: 20px;}

/*image gallery*/
.images-block .swiper-pagination{display:none;width:100%;}
.images-block .swiper-slide > a{width:100%;display:block;}
.images-block .swiper-slide img {display:block;width:100%; transition: all 0.5s;}
.images-block .swiper-slide a:hover img {	transform:scale(1.1,1.1)}
.images-block .swiper-slide a{position:relative;}
.images-block .swiper-slide a .glyphicon-play-circle{position:absolute;width:90px;height:90px;font-size:90px;left:50%;top:50%;margin-top:-45px;margin-left:-45px;color:#fff;}
.images-block .swiper-slide a:hover .glyphicon-play-circle{color:#0d3457;}
.images-block .swiper-slide > span{font-size: 13px; line-height: 1.23; letter-spacing: 0.5px;font-family:Roboto-Medium;display:block;margin-top:12px;}
.images-block .full{position:relative;width: 100%;overflow: hidden;}
.images-block a.arrow-left, .images-block a.arrow-right { color: #0d3457;font-size: 40px;height: 40px;margin-top: 30px;position: absolute;top: 36%;width: 40px;}
.images-block a.arrow-left:hover, .images-block a.arrow-right:hover { color: #0ebae3;}
.images-block a.arrow-left{left:-50px;}
.images-block a.arrow-right{right:-50px;}
.images-block .cover-left {width: 2000px;position: absolute;left: -2000px;top: 0; opacity: 0.7;background: rgba(255, 255, 255, 0.5);height: 100%;z-index: 10;}
.images-block .cover-right {width: 2000px;position: absolute;right: -2000px;top: 0;background: rgba(255, 255, 255, 0.5);opacity: 0.7;height: 100%;z-index: 10;}
.images-block .swiper-container {overflow: visible;height: auto; padding-bottom: 15px;}

.wrapContainer{	height:100%;}
.wrapContainer .content {position: relative;display:block;background:#fff;height:100%;}
.wrapContainer .content >img{display:block;width:auto;height:100%;}
.wrapContainer .content >img{display:block;width:auto;height:100%;}
.popMask {background: #000 none repeat scroll 0 0;bottom: 0;height: 100%;left: 0;opacity: 0;position: fixed;width: 100%;z-index: 10500;opacity: 0.75;background: #000 none repeat scroll 0 0;display: none;}
.popPic {top: 50%;display: block;height: auto;left: 50%;position: fixed;height: 90%;z-index: 10560;background: #fff;display: none;}
.popPic .border{position:absolute;background:#fff;}
.popPic .leftBorder{top:0px;left:0px;width:12px;height:100%;}
.popPic .topBorder{	top:0px;left:0px;width:100%;height:12px;}
.popPic .rightBorder{top:0px;right:0px;	width:12px;	height:100%;}
.popPic .bottomBorder{bottom:0px;left:0px;width:100%;height:12px;}
.popPic .closePop{top:21px;right:23px;position:absolute;width:25px;height:25px;color:#fff;}
.popPic .closePop:hover{color: #0ebae3;}
.popPic .closePop span{ font-size: 26px;}

/* overwrite swiper */
.images-block .swiper-pagination {display: block!important;}
.swiper-pagination-bullet { margin-right: 10px!important;width: 10px!important;height: 10px!important;}
.swiper-pagination-bullet-active {background: #0d3457!important;}
.images-block .swiper-pagination {width: 98%!important;    z-index: 1;}

/* ipadpro */
@media only screen and (max-width: 1024px) {
	.feature-project{margin-top: 100px;}	
}

/* ipad */
@media only screen and (max-width: 768px) {
	.project-paragraph .paragraph { margin: 40px 0;}
	.images-block a.arrow-left {left: 10px;z-index: 10;}
	.images-block a.arrow-right {right: 10px;z-index: 10;}
	.feature-documents .doc .link a {margin-bottom: 20px;}
}

/* iphone */
@media only screen and (max-width: 414px) {
	.feature-project .project-name {font-size: 28px; }
	h2 {font-size: 22px;}
	.feature-project .summary-item .summary-item-value {font-size: 17px;min-height: 50px;}
	.feature-project .summary-item .summary-item-name { font-size: 12px;}
	.feature-project .project-summary { margin-top: 0; }

	.feature-documents .doc .link a {font-size: 16px;line-height: 20px;border-bottom: 0; text-decoration: underline;}
	.project-paragraph .paragraph a {border-bottom: 0; text-decoration: underline;line-height: 22px;}
	.feature-documents .doc .headline, .project-paragraph .paragraph div.headline {font-size: 18px;}
	.project-paragraph .long-text-buttom {font-size: 13px;}
	.images-block .swiper-pagination {width: 94%!important;}
}