p.card-text.black-text {

	 padding-bottom:10px !important;

	 font-size:12px !important;

	 line-height:24px !important;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis



}

.img-fluid  {

	width:100%;

	height:auto

	}

 h2.card-title.moduleport {

	 text-align:center;
	 color:#7f7f7f !important;
	 font-size:16px !important;

}

.greentext  {

	color:#093}

.infotext  {

	color: #00a8aa}


.hm-white-slight img {
	
	border-radius:15px !important;
}

.prog  {

	text-align:left;

	direction:ltr;

	font-size:13px}

.narrower  h2.card-title.moduleport {

	font-size:18px}

.btn.btn-primary.pull-left {

margin-bottom:10px}

h2.card-titles {
    font-size: 12px;
    font-family: headerfont;
    color: #6f6f6f;
    margin: 0;
    padding: 0;
    line-height: 28px
}

h2.card-titles a {
    color: #474747
}

.card {
    border-radius: 15px!important;
	background: #FFF;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-block p {
    margin: 0!important;
    padding: 0!important
}

.card-block {
    width: 95%;
    margin: 0 auto
}

.card-data {
    background-color: #37474F;
    padding: 0 10px 8px;
    border-radius: 0 0 4px 4px!important
}

.cardpic {
    border-radius: 4px 4px 0 0;
    padding: 0!important;
    margin: 0!important
}

.cardpic img,
.cardpic a {
    padding: 0!important;
    margin: 0!important
}

.cardpic img {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
    padding-top: 0!important
}


.portfolio-more {
	
	background: #f4f6fa;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	width: 100%;
	padding: 10px 0;
	margin: 0;
	text-align: center

}

.portfolio-more a{ 
	
	font-size: 20px;
	color: #cecece;
	font-weight: bold;
}

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #acece6;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden;
}

.progress .determinate {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #26a69a;
  transition: width .3s linear;
}

.progress .indeterminate {
  background-color: #26a69a;
}

.progress .indeterminate:before {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
          animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

.progress .indeterminate:after {
  content: '';
  position: absolute;
  background-color: inherit;
  top: 0;
  left: 0;
  bottom: 0;
  will-change: left, right;
  -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
          animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}

.green {
	
	background-color: #4CAF50 !important;
}
 

.cyan {
	background-color: #00bcd4 !important;
}

.red {
	background-color: #F44336 !important;
}