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

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

.templateux-section-icon {
    padding-bottom: 20px;
    background: #fff;
}

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

.margin_0 {
	margin-top: 0px;
}

.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: #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 {
    border: #c33c70;
}
/*.block-linkicon img:hover {
	transition: filter .8s;
    -webkit-filter:grayscale(1);	
}*/

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


/*================ ICON Part CSS Start =============*/

#icon {
    /*padding-top: 8px;*/
    /*padding-bottom: 50px;*/
}

#icon .col-lg-3 {
    padding: 0 10px;
}

/*#gallery h2 {
    margin-bottom: 38px;
}*/

#icon .mgn0625 {
    margin-bottom: 0.625rem !important;
}

#icon .col-xxs-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

#icon .col-xxs-12 {
  float: left
}

@media (max-width:320px) {
	#icon .col-xxs-12 {
	  width: 100%
	}
}

#icon .icon-items {
    position: relative;
    /*padding: 0 5px;*/
}

#icon .icon-items img:hover {
	/*padding: 5px;*/
	border: 1px solid #fe980f;
}

#icon .icon-items img {
    /*border: 5px solid transparent;*/
	/*padding: 5px;*/
	border: 1px solid transparent;
}

#icon .icon-items .icon-overlay {
	background: rgba(0, 0, 0, 0.5);
	/*background: rgba(159, 60, 112, 0.3);*/    
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
	border: 1px solid #FFFFF;
}

#icon .icon-items .icon-overlay h3 {
    position: absolute;
    bottom: 30%; /*16=1rem*/
    width: 100%;
}

#icon .icon-items .icon-overlay h3.title_01 {
    font-size: 1.25rem;
    font-family: inherit;
	line-height: 1.2;
    font-weight: 500;    
    /*letter-spacing: .1em;*/
    text-align: center;
    vertical-align: middle;
    color: #FFF;
}

#icon .icon-items:hover .icon-overlay {
    opacity: 1;
}

.vbox-overlay {
    z-index: 999999;
}

.gal-price {
    padding-top:49px !important;
}

/*================ Gallery Part CSS End ============= */