.colored-boxes {
	background: rgba(27, 27, 27, 0.98);
	padding: 20px 20px 15px;
	transition:all 0.3s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
}

.box-button {
  position: relative;
  bottom: 20px;
  right: 20px;
}
.colored-boxes .btn{
  margin-left:2px;
  margin-right:2px;
	margin-bottom: 0.2rem;
}
.colored-boxes small {
  color: grey;
}

.colored-boxes h2 {
	margin-top: 0;
	font-size: 18px;
	line-height: 20px;
}

.colored-boxes h2 a {
	color: #ffffff;
}

.colored-boxes p a {
	color: #e33145;
}

.colored-boxes .colored-boxes-img li {
	font-size: 12px;
	margin-bottom: 2px;
	border-radius: 2%;
}

.colored-boxes .colored-boxes-img li i {
	color: #99a4f7;
	font-size: 12px;
	margin-right: 5px;
}

@media (max-width: 992px) {
	.colored-boxes .colored-boxes-img li {
		display: inline-block;
	}
}

.colored-boxes .colored-boxes-img img {
	margin: 5px 10px 15px 0;
	width: 128px;
	height: 128px;
}

.colored-boxes .img-100 img {
	width: 100px;
	height: 100px;
}

.colored-boxes ul.colored-boxes-rating li {
	display: inline-block;
}

.colored-boxes ul.colored-boxes-rating li i {
	color: #f8be2c;
	cursor: pointer;
	font-size: 14px;
}

.colored-boxes ul.colored-boxes-rating li i:hover {
	color: #f8be2c;
}

/*colored Colored Boxes*/
.colored-boxes-colored p,
.colored-boxes-colored h2 a,
.colored-boxes-colored .colored-boxes-img li,
.colored-boxes-colored .colored-boxes-img li i {
	color: #fff;
}

/*Red colored Box*/
.colored-boxes-red {
	background: #e74c3c;
}

/*Dark Red colored Box*/
.colored-boxes-purple {
	background: #9b6bcc;
}

/*Blue colored Box*/
.colored-boxes-blue {
	background: #3498db;
}

/*Grey colored Box*/
.colored-boxes-grey {
	background: #95a5a6;
}

/*Turquoise colored Box*/
.colored-boxes-sea {
	background: #1abc9c;
}

/*Turquoise Top Bordered colored Box*/
.colored-boxes-top-sea {
	border-top: solid 2px #1abc9c;
}

.colored-boxes-top-sea:hover {
	border-top-color: #16a085;
}

/*Yellow Top Bordered colored Box**/
.colored-boxes-top-yellow {
	border-top: solid 2px #f1c40f;
}

.colored-boxes-top-yellow:hover {
	border-top-color: #f39c12;
}

/*Red Top Bordered colored Box**/
.colored-boxes-top-red {
	border-top: solid 2px #7c5a90;
  margin-bottom: 15px;
}

.colored-boxes-top-red .img-fluid{
	border-radius: 5%;
}

.colored-boxes-top-red:hover {
	border-top-color: #c02b54;
}

/*Purple Top Bordered colored Box**/
.colored-boxes-top-purple {
	border-top: solid 2px #9b6bcc;
}

.colored-boxes-top-purple:hover {
	border-top-color: #814fb5;
}

/*Orange Left Bordered colored Box**/
.colored-boxes-left-orange {
	border-left: solid 2px #e67e22;
}

.colored-boxes-left-orange:hover {
	border-left-color: #d35400;
}

/*Green Left Bordered colored Box**/
.colored-boxes-left-green {
	border-left: solid 2px #e33145;
}

.colored-boxes-left-green:hover {
	border-left-color: #5fb611;
}

/*Blue Left Bordered colored Box**/
.colored-boxes-left-blue {
	border-left: solid 2px #3498db;
}

.colored-boxes-left-blue:hover {
	border-left-color: #2980b9;
}

/*Dark Left Bordered colored Box**/
.colored-boxes-left-dark {
	border-left: solid 2px #555;
}

.colored-boxes-left-dark:hover {
	border-left-color: #333;
}