.pm-projects-filter .pm-category-label{ text-transform: uppercase; font-weight: 700; letter-spacing: 2px;}
.pm-projects-filter{margin-bottom:5rem!important;}

.pm-tags-listing span{text-transform: uppercase;}

.pm-project-slider .pm-image-caption{ background-color: #f7f7f8;}
.pm-project-slider .slick-arrow{color:#fff;}
.pm-project-slider .slick-dots li button{border-color:#555;}

.pm-projects-listing .pm-item{ background-color: white; }
.pm-projects-listing .pm-content, .pm-projects-listing .pm-overlay{padding:1.5rem; background-color: #F7F7F8;}

/* mosaic */
.pm-projects-listing.pm-mosaic .pm-content, .pm-projects-listing.pm-mosaic .pm-overlay{ color:white; background-color: rgba(48,48,48,0.7);}
.pm-projects-listing.pm-mosaic .pm-item a{color:inherit;}
.pm-projects-listing.pm-mosaic .pm-item a:hover, .pm-projects-listing.pm-mosaic .pm-content a:focus{text-decoration: underline;}

.pm-projects-filter .form-group{flex-basis:33.33%; margin:0;}
.pm-projects-filter .form-group.pm-form-footer{flex:none; display: flex; align-items: center;}
.pm-projects-filter .form-group.pm-form-footer > div+div{margin-left:2rem;}
.pm-projects-filter .form-group + .form-group{margin-left:2rem;}

.pm-projects-listing.pm-masonry .pm-item{padding-bottom: 0; overflow: visible; min-height: 6rem;}
.pm-projects-listing .pm-image{margin-right:3.5rem; margin-bottom:3.5rem;}
.pm-projects-listing .pm-item:hover .pm-image img{transform:none;}
.pm-projects-listing.pm-masonry .pm-content{margin-left:3.5rem; padding:2rem 1.5rem 1.5rem 1.5rem; width:auto; right:0; transition:background 0.2s ease;}
.pm-projects-listing.pm-masonry .pm-content .pm-title{margin-bottom:0;}
.pm-projects-listing.pm-masonry .pm-content .textbox{margin-bottom:1rem;}
.pm-projects-listing.pm-masonry .pm-item:hover .pm-content{background-color: #DEE4ED;}
.pm-projects-listing.pm-masonry .collapse{margin-top:1rem;}
.pm-projects-listing.pm-masonry .collapse .textbox p:not(:last-child){margin-bottom:1rem;}

.pm-projects-listing .modal-dialog{width:1056px;}

.project-info{display: flex; align-items: flex-start;}
.project-info .tags-list{margin-right:2.5rem;}

.project-info .team-info{padding-top:0.31rem;}
.team-info{display: flex; align-items: flex-start; flex-wrap:wrap;}
.team-info .text-label{margin-right:1rem;}
.team-info div a{white-space: nowrap;}


/* details */
.pm-properties-table tr+tr td{border-top:1px solid #ededed;}

.pm-history-nav .pm-title a{color: inherit; text-decoration:none;}
.pm-history-nav .pm-title a:hover, .pm-history-nav .pm-title a:focus{color:red; text-decoration:none;}
.pm-history-nav > .pm-inner-wrap{border-top:1px solid #dedede;}
.pm-history-nav .pm-title a:before, .pm-history-nav .pm-title a:after{top:0;}

.project-details-header{margin-top:-1.5rem;}
.project-details-header:before{content: ''; top:-3.5rem; left:-3.5rem; right:calc(1632px*0.1666 + 3.5rem); bottom:0; background-color: #fff; display: block; position: absolute;}
.project-details-header > .row{display: flex;}
.project-details-header .image img{max-width: 100%; width:100%;}
.project-details-header .text{margin-bottom:13.84rem; min-height: 16rem;}

.info-details .item{display: flex; align-items: flex-start;}
.info-details .item+.item{margin-top:0.5rem;}
.info-details .text-label{width:5rem; flex:none;}
.info-details .team-info .text-label{margin-right:0;}

.intro-text{margin-top:-10.34rem;}
.intro-text > .row{display: flex;}
.intro-text .overview{background-color: #DEE4ED; font-size:1.25rem; font-family: 'Heading'; padding:1.5rem 2rem; word-break: break-word; -ms-word-wrap: break-word; }
.intro-text .overview ul{padding-left:0;}

@media (max-width: 1720px) {
	.pm-projects-filter{margin-bottom:3.5rem!important;}
	.pm-projects-filter .form-group + .form-group{margin-left:1rem;}
	.pm-projects-filter .form-group.pm-form-footer > div + div{margin-left:1rem;}
	
	.pm-projects-listing .pm-image{margin-right:1.5rem; margin-bottom:2.5rem;}
	.pm-projects-listing.pm-masonry .pm-content{margin-left:1.5rem;}
	
	.pm-projects-listing .modal-dialog{width:900px;}
	
	.project-details-header:before{right:calc(1170px*0.1666 + 3.5rem);}
}


@media (max-width: 1370px){
	.pm-projects-listing .modal-dialog{width:800px;}
	
	.project-details-header:before{right:calc(970px*0.0833 + 3.5rem);}

	.intro-text .overview{padding:1.5rem 0.65rem 1.5rem 1.25rem; }
}

@media (max-width: 1200px){
	.intro-text .overview{padding:1.5rem 2rem; }
}

@media (max-width: 991px){
	.pm-projects-listing .pm-image{margin-bottom:0;}
	.pm-projects-listing.pm-masonry .pm-content{margin-top:-3.5rem; padding:1.5rem;}
	
	.pm-projects-listing .modal-dialog{width:auto; margin-left:1rem; margin-right:1rem;}
	
	.project-details-header:before{display: none;}
	
	.intro-text .overview{padding:1.5rem; font-size: 1.12rem;}
	
	
}

@media (max-width: 767px) {
	.pm-history-nav .pm-title a:before, .pm-history-nav .pm-title a:after{top:-0.15rem;}
	
	.pm-projects-filter{display: block;}
	.pm-projects-filter .form-group + .form-group{margin-left:0; margin-top:1rem;}
	.pm-projects-listing.pm-masonry .pm-item{width:calc(100% - 1rem);}
	
	.intro-text{margin-top:0;}
	.project-details-header .text{margin-bottom:0; min-height:inherit;}
	.project-details-header{margin-bottom:2.5rem;}
	
	.project-details-header > .row{display: block;}
	.project-details-header .image{margin-bottom:2.5rem;}
	.intro-text > .row{display: block;}
	
}

@media (max-width: 566px){
	.pm-history-nav .pm-title a::before, .pm-history-nav .pm-title a::after{top:0.05rem;}
}