@charset "utf-8";
/* CSS Document */

/* Featured Boxes */
.featured-boxes .featured-box {
	margin-bottom: 30px;
	margin-top: 45px;
}

/* Effects */
.featured-box-effect-1 .icon-featured:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	-webkit-box-shadow: 0 0 0 3px #FFF;
	box-shadow: 0 0 0 3px #FFF;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0;
}

.featured-box-effect-1:hover .icon-featured:after {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 1;
}

.featured-box-effect-2 .icon-featured:after {
	top: -7px;
	left: -7px;
	padding: 7px;
	-webkit-box-shadow: 0 0 0 3px #FFF;
	box-shadow: 0 0 0 3px #FFF;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}

.featured-box-effect-2:hover .icon-featured:after {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	opacity: 1;
}

.featured-box-effect-3 .icon-featured:after {
	top: 0;
	left: 0;
	-webkit-box-shadow: 0 0 0 10px #FFF;
	box-shadow: 0 0 0 10px #FFF;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0;
}

.featured-box-effect-3:hover .icon-featured {
	color: #FFF !important;
}

.featured-box-effect-3:hover .icon-featured:after {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 0.8;
}

.featured-box-effect-4 .icon-featured {
	-webkit-transition: -webkit-transform 0.2s, -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s, -webkit-transform 0.2s;
	transition: transform 0.2s, transform 0.2s;
	transition: transform 0.2s, transform 0.2s, -webkit-transform 0.2s, -webkit-transform 0.2s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.featured-box-effect-4:hover .icon-featured {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

.featured-box-effect-5 .icon-featured {
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.featured-box-effect-5:hover .icon-featured {
	-webkit-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
		transform: translate(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
		transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

@keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
		transform: translate(100%);
	}

	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
		transform: translate(-100%);
	}

	51% {
		opacity: 1;
	}
}

.featured-box-effect-6 .icon-featured:after {
	-webkit-transition: all 0.2s, -webkit-transform 0.2s;
	transition: all 0.2s, -webkit-transform 0.2s;
	transition: all 0.2s, transform 0.2s;
	transition: all 0.2s, transform 0.2s, -webkit-transform 0.2s;
}

.featured-box-effect-6:hover .box-content .icon-featured:after {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.featured-box-effect-7 .icon-featured:after {
	opacity: 0;
	-webkit-box-shadow: 3px 3px #d5d5d5;
	box-shadow: 3px 3px #d5d5d5;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
	transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s;
	left: 0;
	top: -1px;
}

.featured-box-effect-7:hover .icon-featured:after {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.featured-box-effect-7 .icon-featured:before {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0.7;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
}

.featured-box-effect-7:hover .icon-featured:before {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* Feature Box */
.feature-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.feature-box .feature-box-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	background: #CCC;
	border-radius: 100%;
	color: #FFF;
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	top: 7px;
	text-align: center;
	padding: 0.8em;
	height: 1px;
	width: 2.7em;
	height: 2.7em;
}

.feature-box .feature-box-info {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	padding-left: 15px;
}

.feature-box.align-items-center .feature-box-icon {
	top: 0;
}

/* Style 2 */
.feature-box.feature-box-style-2 h4 {
	color: #212529;
}

.feature-box.feature-box-style-2 .feature-box-icon {
	background: transparent;
	top: -3px;
}

.feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-2 .feature-box-icon .icons {
	font-size: 1.7em;
}

.feature-box.feature-box-style-2.align-items-center .feature-box-icon {
	top: 0;
}

/* Style 3 */
.feature-box.feature-box-style-3 h4 {
	color: #212529;
}

.feature-box.feature-box-style-3 .feature-box-icon {
	border: 1px solid #CCC;
	background: transparent;
	line-height: 32px;
}

.feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-3 .feature-box-icon .icons {
	color: #CCC;
}

/* Style 4 */
.feature-box.feature-box-style-4 {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.feature-box.feature-box-style-4 h4 {
	color: #212529;
}

.feature-box.feature-box-style-4 .feature-box-icon {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	background: transparent;
	padding: 0 0 19.2px 0;
	padding: 0 0 1.2rem 0;
}

.feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-4 .feature-box-icon .icons {
	font-size: 2.35em;
	width: auto;
	height: auto;
}

.feature-box.feature-box-style-4 .feature-box-info {
	clear: both;
	padding-left: 0;
}

/* Style 5 */
.feature-box.feature-box-style-5 h4 {
	color: #212529;
}

.feature-box.feature-box-style-5 .feature-box-icon {
	background: transparent;
	top: 0;
	padding: 1em 1.4em;
	min-width: 5em;
}

.feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-5 .feature-box-icon .icons {
	font-size: 2.75em;
}

.feature-box.feature-box-style-5.align-items-center .feature-box-icon {
	top: 0;
}

/* Style 6 */
.feature-box.feature-box-style-6 h4 {
	color: #212529;
}

.feature-box.feature-box-style-6 .feature-box-icon {
	border: 1px solid #cecece;
	background: transparent;
	line-height: 32px;
}

.feature-box.feature-box-style-6 .feature-box-icon:after {
	border: 3px solid #f7f7f7;
	border-radius: 50%;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	content: "";
	display: block;
	height: 100%;
	left: -4px;
	padding: 1px;
	position: absolute;
	top: -4px;
	width: 100%;
}

.feature-box.feature-box-style-6 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-6 .feature-box-icon .icons {
	color: #a9a9a9;
}

/* Feature Box Icon Size */
.feature-box .feature-box-icon.feature-box-icon-large {
	width: 3.7em;
	height: 3.7em;
}

.feature-box .feature-box-icon.feature-box-icon-extra-large {
	width: 4.5em;
	height: 4.5em;
}

/* Reverse All Resolutions */
.feature-box.reverse-allres {
	text-align: right;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.feature-box.reverse-allres .feature-box-info {
	padding-right: 15px;
	padding-left: 0;
}

.feature-box.reverse-allres.feature-box-style-4 .feature-box-icon {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.feature-box.reverse-allres.feature-box-style-4 .feature-box-info {
	padding-right: 0;
}

/* Reverse */
@media (min-width: 992px) {
	.feature-box.reverse {
		text-align: right;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

	.feature-box.reverse .feature-box-info {
		padding-right: 15px;
		padding-left: 0;
	}

	.feature-box.reverse.feature-box-style-4 .feature-box-icon {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	}

	.feature-box.reverse.feature-box-style-4 .feature-box-info {
		padding-right: 0;
	}
}
/* Full Width */
.featured-boxes-full .featured-box-full {
	text-align: center;
	padding: 55px;
}

.featured-boxes-full .featured-box-full [class*="fa-"], .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a {
	color: #FFF;
	padding: 0;
	margin: 0;
}

.featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full [class*="fa-"] {
	font-size: 3.9em;
	margin-bottom: 15px;
}

.featured-boxes-full .featured-box-full p {
	padding-top: 12px;
	opacity: 0.8;
}

/*
* IE
*/
html.ie .feature-box .feature-box-icon img {
	min-width: 100%;
}

html.ie .feature-box .feature-box-info {
	-webkit-box-flex: 0;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}