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

/* ----- // templateux-section-menu-icon START // ----- */

.templateux-section-menu-icon {
    padding: 0;
    background: #fff;
}

.icon-box {
	display: block;
	/*width: 80%;*/
	/*float: left;*/
	position: relative;
	min-height: 1px;
	/*margin: 0 10%;*/
	background: transparent;
}

.col-md-3-icon {
	width: 25%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
} 

@media (min-width:768px) {
	.col-md-3-icon {
		width: 25% !important;
	}
	.icon-box {
		width: 75%; /*80*/
		margin: auto;
		/*padding-top: 30px;*/
		padding-bottom: 15px; /*50px*/
	}
}
@media (min-width:480px) {
	.col-md-3-icon {
		width: 50%;
	}
}
@media (min-width:320px) {
	.col-md-3-icon {
		width: 50%;
	}
}


.block-icon-1 .icon span {
	font-size: 5rem; /*80*/
	color: #fa801d
}

.block-icon-1 .icon.small span {
	font-size: 2.5rem; /*40*/
}

.block-icon-1 h3 {
	font-size: 1.125rem; /*18*/
}

.block-icon-2 .icon span {
	font-size: 5rem; /*80*/
	color: #39a075
}

.block-icon-2 .icon.small span {
	font-size: 2.5rem; /*40*/
}

.block-icon-2 h3 {
	font-size: 1.125rem; /*18*/
}

.block-icon-3 .icon span {
	font-size: 5rem; /*80*/
	color: #6478b5
}

.block-icon-3 .icon.small span {
	font-size: 2.5rem; /*40*/
}

.block-icon-3 h3 {
	font-size: 1.125rem; /*18*/
}

.block-icon-4 .icon span {
	font-size: 5rem; /*80*/
	color: #d14572
}

.block-icon-4 .icon.small span {
	font-size: 2.5rem; /*40*/
}

.block-icon-4 h3 {
	font-size: 1.125rem; /*18*/
}

.block-icon-1, .block-icon-2, .block-icon-3, .block-icon-4 {
	text-align: center;
	padding: 0 20px;
}

.block-icon-1 img, .block-icon-2 img, .block-icon-3 img, .block-icon-4 img {
	max-width: 75%; /*100px*/
	border-radius: 50%;
	margin: 0 auto 10px auto;
	border: 1px solid #fff;
}

.block-icon-1 img:hover {
	-webkit-filter: drop-shadow(0px 0px 8px #ff4800)
}

.block-icon-2 img:hover {
	-webkit-filter: drop-shadow(0px 0px 8px #029f2b)
}

.block-icon-3 img:hover {
	-webkit-filter: drop-shadow(0px 0px 8px #0030cb)
}

.block-icon-4 img:hover {
	-webkit-filter: drop-shadow(0px 0px 8px #e71455)
}

.img-icon {
    max-width: 100%;
    height: auto;
}

.block-icon-1 h3:hover {
	color: #ff4800;
}

.block-icon-2 h3:hover {
	color: #037c4b;
}

.block-icon-3 h3:hover {
	color: #4449b0;
}

.block-icon-4 h3:hover {
	color: #e71455;
}

/* ----- // templateux-section-menu-icon END // ----- */


/* ----- // bg-light-fff START // ----- */

.bg-light-ebf4fa {
    background-color: #f6f6f3 !important;
	/*background-color: #ebf4fa !important;*/
	padding-bottom: 2rem !important;
}

.block-linkicon .icon span {
	font-size: 5rem; /*80*/
	color: #fa801d
}

.block-linkicon .icon.small span {
	font-size: 2.5rem; /*40*/
}

.block-linkicon h3 {
	font-size: 1.125rem; /*18*/
}

.block-linkicon {
	text-align: center;
}

.block-linkicon img {
	max-width: 100%;
	margin: auto;
}

.block-linkicon img:hover {
	transition: filter .8s;
    -webkit-filter:grayscale(1);	
}

/* ----- // bg-light-fff START // ----- */