
.services [class*=col-]:hover .service p {
	color: rgb(255, 255, 255);
}
.services {
	display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.services [class*=col-] {
	padding: 0px; transition:0.3s; display: flex; -webkit-transition: all .3s ease;
}
.services [class*=col-].grey {
	background-color: rgb(247, 247, 247);
}
.services [class*=col-]:hover {
	border-color: rgb(255, 255, 255); color: rgb(96, 96, 96); background-color: rgb(255, 255, 255);
}
.blog-post .post-body {
	background-color: rgb(255, 255, 255);
}
.colored .progress {
	background-color: rgb(255, 255, 255);
}
.dark .progress {
	background-color: rgb(255, 255, 255);
}
.parallax .progress {
	background-color: rgb(255, 255, 255);
}
.splash .progress {
	background-color: rgb(255, 255, 255);
}
.services [class*=col-]:hover .service::after {
	border-color: rgb(255, 255, 255); width: 100%; height: 100%;
}
.services [class*=col-]:hover .service::before {
	border-color: rgb(255, 255, 255); width: 100%; height: 100%;
}
.service::after {
	width: 0px; height: 0px; content: "";
}
.service::before {
	width: 0px; height: 0px; content: "";
}
.services [class*=col-]:hover .service hr {
	border-color: rgb(255, 255, 255); animation:animServiceHr 1s both; -webkit-animation: animServiceHr 1s both;
}
.services [class*=col-]:hover .service i {
	animation:animServiceIcon 1s both; -webkit-animation: animServiceIcon 1s both;
}
.service {
	padding: 10px; text-align: center; display: flex; position: relative; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal;
}
.service::before {
	transition:width 0.3s 0.2s, height 0.3s 0.4s; left: 0px; top: 0px; border-top-color: transparent; border-left-color: transparent; border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; position: absolute; -webkit-transition: width .3s ease .2s, height .3s ease .4s;
}
.service::after {
	transition:width 0.3s 0.2s, height 0.3s 0.4s; right: 0px; bottom: 0px; border-right-color: transparent; border-bottom-color: transparent; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: absolute; -webkit-transition: width .3s ease .2s, height .3s ease .4s;
}

.service hr {
	border-color: rgb(25, 27, 29); width: 40px;
}
