/*css*/
.iicon-icons-wrapper {
	display:block;
	text-align:center;
	position:relative;
}

.iicon-icons {
	display:inline-block;
	/*width:180px;*/
	/*max-width:180px;*/
	width:190px;
	max-width:190px;
	height: 190px;
	max-height: 190px;
	text-align:center;
	vertical-align:top;
	position:relative;
	margin-left:8px;
	margin-right:8px;
	margin-bottom: 16px;
	cursor:pointer;
	border: 2px solid #2a385c;
	background: #2a385c;
	color: #fff;
	padding: 40px 10px 0;
	position:relative;
}

@media screen and (max-width: 450px) {
	.iicon-icons {
		width: 40%;
		height: 130px;
		padding-top: 10px;
	}
}



.iicon-icons-mobile {
	width:100%;
	max-width: none;
	margin: 0;
}


.iicon-icons.active {
	background: #fff;
	padding: 0px 0 0;
}

.iicon-icons.active .iicon-icon-hover {
	position:absolute;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	max-width: 145px;
	height: auto;
}

@media screen and (max-width: 450px) {
	.iicon-icons.active .iicon-icon-hover {
		max-width: 80%;
	}
}


.iicon-icons.active .iicon-subline {
	display: none;
}

.iicon.container {
	padding-left: 0% !important;
	padding-right: 0% !important;
}

.iicon-text-wrapper {
	padding-left: 5%;
	padding-right: 5%;
}

.iicon-text {
	/*padding-left: 20px;*/
	/*padding-right: 20px;*/
}

.iicon-subline {
	font-size: 12px !important;
}

.iicon-icon,
.iicon-icon-hover {
	max-width:176px;
	height:80px;
	padding:0;
	margin:0 auto 0 auto;
	display:block;
	cursor:pointer;
	text-align:center;
}

@media screen and (max-width: 450px) {
	.iicon-icon,
	.iicon-icon-hover {
		height: 50px;
	}
}


.iicon-icon-hover {
	display:none;
}

.iicon-icons.active .iicon-icon {
	display:none;
}
.iicon-icons.active .iicon-icon-hover {
	display:block;
}

.iicon-text {
	display:none;

/*
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: 460px;
	-moz-column-width: 460px;
	column-width: 460px;

	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	column-gap: 30px;
	-webkit-column-rule: none;
	-moz-column-rule:none;
	column-rule:none;

	-webkit-column-fill: balance;
	-moz-column-fill: balance;
	column-fill: balance;

	vertical-align:top;
*/
}

@media screen and (max-width:990px) {
	.iicon-text {
		padding-bottom: 75px !important;
		padding-top: 20px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}


.iicon-state-loading .iicon-text:first-child,
.iicon-text.active {
	display:block;
}

.iicon-text-wrapper {
	min-height:300px;
	margin-top:56px;
	vertical-align:top;
	margin-left: 40px;
	margin-right: 40px;
	position:relative;
}

.iicon-subline {
	text-transform:uppercase;
	width:100%;

	font-size:100%;
	margin-top:20px;




	/*position:absolute;*/
	/*left:0;*/
	/*bottom:0;*/

	text-align:center;


}

.iicon-icons.active > .iicon-subline {
	color:#dcce9d;
}


a.iicon-anchor {
	/*font-size:0px;
	line-height:0px;
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	top:-270px;
	left:0;*/
	position:absolute;
	top:-50px;
	

	/*background:red;*/
	/*z-index:2000;*/
}