div.ccm-page-list-rss-icon {margin-top: 10px}

.projectsswiper { position: relative; }
  
.pglist.projectsswiper { margin: 0; }
.pglist.projectsswiper img { margin: 0; padding: 0; }

.ccm-page-list.projectsswiper { 
background: #000;
    color: #fff;
    padding: 45px 45px 65px 45px;
    border-radius: 15px;}
.projectsswiper .swiper,
.projectsswiper .swiper-container { overflow: hidden !important; }

.projectsswiper .swiper-wrapper { padding:  0; }

.projectsswiper .swipe-pad { overflow: visible;  }

.projectsswiper .slide-cntpad {
	

}
.projectsswiper .swipenav {
	position: absolute;
    bottom: 15px;
    right: 15px;
    width: auto;
	display: flex;
}
.projectsswiper .swiper-button-next,
.projectsswiper .swiper-button-prev {
    color: #fff;
    fill: #fff;
    border: 1px #fff solid;
    position: relative;
    margin: 0;
    top: inherit !important;
    left: inherit !important;
    right: inherit !important;
    bottom: inherit !important;
	background-image: none!important;
	background-size: auto 15px !important;
    height: 30px;width: 50px;
	transition: 0.25s ease all;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.projectsswiper .swiper-button-next:hover,
.projectsswiper .swiper-button-prev:hover {
	background-color: #444; 
}
.projectsswiper .swiper-button-prev {
	background-image: url("images/arrow-prev.png") !important; 
	border-radius: 50px 0 0 50px; }
.projectsswiper .swiper-button-next { 
	background-image: url("images/arrow-next.png") !important;
	border-radius: 0 50px 50px 0; border-left: 0; }


.projectsswiper .pgthumb { 
margin:  0; min-height: 300px; 
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: stretch;
justify-content: space-evenly;
align-items: stretch;
}
.projectsswiper .pgthumb a { display: block; }

/*.projectsswiper .pglistwrapper:hover { background: #f9f9f9; }*/

.projectsswiper .slidetitle,
.projectsswiper .slidetitle a { margin: 0 !important; color: #000; }

.projectsswiper { padding: 0; }

.projectsswiper .swiper-button-next:after, 
.projectsswiper .swiper-button-prev:after { font-size: 30px !important; }

.projectsswiper .swiper-button-next { right: 5px; color: #000 !important; }
.projectsswiper .swiper-button-prev { left: 5px; color: #000 !important; }

.projectsswiper .swiper-pagination-bullet-active { background: #000 !important; }

.projectsswiper .button.arrow { margin: 15px 0 0 0 !important; padding: 0 !important; }

.projectsswiper a.button { margin-top: 15px !important; display: inline-block !important;  }
.projectsswiper a.pbslink { display: block; padding: 10px 0 0 0; }
.projectsswiper .fa { }

.swipeSlideImage {
	
	position: absolute; top: 5%; right: 0;
	height: 90%; width: 47%;
	border-radius: 15px 0 0 15px;
	background: #333;
	
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition-delay: 0.5s;
	transition-property: background-image;
	transition-timing-function: ease-in-out;
	transition-duration: 0.5s;
}

.swipeSlideImage:before {
	opacity: 0;content: '';
	position: absolute;
	top: 0;left: 0;
	width:100%;height: 100%;
	visibility: hidden;
	background-image: url("images/mvp-tile.png") !important;
	background-repeat: repeat !important;
	background-position: center !important;
	background-size: 128px !important;
	transition: 0.35s ease opacity;
}
.swipeSlideImage.noimage:before {
	opacity: 1;visibility: visible;
	
}

@media screen and (max-width: 1024px)
{
	.projectsswiper .swipenav {
    position: absolute;
    bottom: -8px;
    right: 0;
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
	}
	
	.projectsswiper .swiper-button-next,
	.projectsswiper .swiper-button-prev {
	background: #c20f2f; 
	}
	
	.swipeSlideImage {
    position: relative;
  	border-radius: 15px;
    background: #333;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transition-delay: 0.5s;
    transition-property: background-image;
    transition-timing-function: ease-in-out;
    transition-duration: 0.5s;
    height: 300px;
    width: 90%;
    top: -150px;
    left: 5%;
	}
	
}


@media screen and (min-width: 250px)
{
/*.projectsswiper .swipe-pad {  margin: 0 45px; }*/
.projectsswiper { text-align: center; }
.projectsswiper .slide-cntpad { }
}
@media screen and (min-width: 1024px)
{ 
/*.projectsswiper .swipe-pad {  margin: 0; }*/
.projectsswiper { text-align: left; }
.projectsswiper .slide-cntpad { }
}