/* ====================================================================================================================================================== ICON ====================================================================================================================================================== */ /*right icons*/ #top .av_font_icon a{color: inherit; display: block;} .av_font_icon a:hover, .av_font_icon a:focus {text-decoration: none; } .av_font_icon { display:block; text-align: center;} .avia-icon-pos-left {float:left; margin-right: 0.5em;} .avia-icon-pos-right {float: right; margin-left: 0.5em;} /*tooltip*/ #top .avia-icon-tooltip{ width:250px; font-size: 15px; line-height: 1.6em;} /*big icon with border*/ .av_font_icon.av-icon-style-border .av-icon-char{ -webkit-backface-visibility: hidden; /*fix bug in webkit where item shifts a few px on hover*/ } .av_font_icon.av-icon-style-border .av-icon-char{ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 1000px; border-width: 3px; border-style: solid; display: block; margin: 0 auto; padding:30px; color: inherit; border-color: inherit; position: relative; clear: both; } .av_icon_caption{font-size: 16px; text-transform: uppercase; line-height: 1.3em; display: block; text-align: center; margin-top:8px; font-weight: 400;} .av_font_icon.av-icon-style-border .av-icon-char: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; top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transform-style: preserve-3d; } .av_font_icon.av-icon-style-border a.av-icon-char:hover:after { -webkit-animation: sonarEffect 1s ease-out ; animation: sonarEffect 1s ease-out ; } /*icon animation*/ .avia_transform .av_font_icon.avia-icon-animate{ opacity: 0.1; -webkit-transform:scale(0.5); -ms-transform:scale(0.5); transform:scale(0.5); } .avia_transform .avia_start_delayed_animation.av_font_icon.avia-icon-animate{ -webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); opacity: 1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }