ГЕОКЕН

НАУЧНО ПРОИЗВОДСТВЕННЫЙ ЦЕНТР

О Компании Контакты

 
.row {
float: left;
width: 100%;
}

.row .block {
float: left;
width: 25%;
height: 150px;
}

.hovicon {
display: inline-block;
font-size: 45px;
line-height: 90px;
cursor: pointer;
margin: 20px;
width: 90px;
height: 90px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
z-index: 1;
color: #fff;
}

.hovicon.small {
font-size: 20px;
line-height: 45px;
width: 45px;
height: 45px;
margin: 7px;
}

.hovicon.mini {
font-size: 15px;
line-height: 32px;
width: 30px;
height: 30px;
margin: 7px;
}

.hovicon.auto-width {
width: auto;
height: auto;
padding: 15px;
}

.hovicon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: »;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.hovicon:before {
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}

/* Effect 3b */
.hovicon.effect-3.sub-b, .hovicon.effect-3.sub-b i {
color: #fff;
}

.hovicon.effect-3.sub-b:hover, .hovicon.effect-3.sub-b:hover i {
color: #f06060;
}

.hovicon.effect-3.sub-b:after {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}

.hovicon.effect-3.sub-b:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}

F