@font-face {
  font-family: 'fontello';
  src: url('../fonts/font-ikony.eot?79399686');
  src: url('../fonts/font-ikony.eot?79399686#iefix') format('embedded-opentype'),
       url('../fonts/font-ikony.woff2?79399686') format('woff2'),
       url('../fonts/font-ikony.woff?79399686') format('woff'),
       url('../fonts/font-ikony.ttf?79399686') format('truetype'),
       url('../fonts/font-ikony.svg?79399686#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/font-ikony.svg?79399686#fontello') format('svg');
  }
}

 
 [class^="icony-"]:before, [class*=" icony-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); 
}
 
.icony-hand-key:before { content: '\e800'; padding-top: 30px;} /* '?' */
.icony-quality:before { content: '\e801';padding-top: 24px; } /* '?' */
.icony-traject:before { content: '\e802'; padding-top: 20px;} /* '?' */
.icony-write-hand:before { content: '\e803'; padding-top: 18px; } /* '?' */
.icony-zoomer:before { content: '\e804'; padding-top: 26px; } /* '?' */
.icony-blub:before { content: '\e805'; padding-top: 23px; } /* '?' */
.icony-around-earth:before { content: '\e806'; font-size: 48px; padding-top: 20px; } 


.services-section [class*=" icony-"], .services-section [class^="icony-"] {
	font-size:42px;
	color:#BE2221;
	cursor: pointer;
	border-radius:50%;
	border:1px solid #BE2221;
	/*padding:31px; */
	padding-top: 0px;
    padding-left: 2px;
	display:inline-block;
	margin-bottom:5px;
	position: relative;
	z-index: 9;
	height: 90px;
	width: 90px;
	-webkit-transition:color .3s;
	-moz-transition:color .3s;
	transition:color .3s
}

.services-section [class*=" icony-"]:after, .services-section [class^="icony-"]:after{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	opacity:0;
	background:#BE2221;
	border-radius: 50%;
    box-sizing: content-box;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
	top:-2px;
	left:-2px;
	padding:2px;
	-webkit-transition:-webkit-transform .2s,opacity .3s;
	-moz-transition:-moz-transform .2s,opacity .3s;
	transition:transform .2s,opacity .3s
}

.services-section .row > div:hover [class*=" icony-"], .services-section .row > div:hover [class^="icony-"] {
	color: #fff;
}

.services-section .row > div:hover [class*=" icony-"]:after, .services-section .row > div:hover [class^="icony-"]:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
	opacity:1
}

.services-section [class*=" icony-"]:before, .services-section [class^="icony-"]:before {
	position: relative;
	z-index: 9;
}

.featured-section .icony-container-left {
    display: block;
    float: right;
    margin-left: 25px;
    min-height: 160px;
	margin-top: 20px;    
}

.featured-section .icony-container-right {
    display: block;
    float: left;
    margin-right: 25px;
    min-height: 160px;
	margin-top: 20px;
    }

.featured-section span[class*=" icony-"], .featured-section span[class^="icony-"] {
    border: 1px solid;
    border-radius: 50%;
    color: #BE2221;
	display: initial;
    font-size: 37px;
    padding: 20px;
}