/* ====================================================================================================================================================== Animated Numbers ====================================================================================================================================================== */ .avia-animated-number { display: block; clear: both; position: relative; text-align: center; } .avia-animated-number:hover { text-decoration: none; } .avia-animated-number-content { line-height: 1.3em; } .avia-animated-number.avia-color-font-light .avia-animated-number-content, .avia-animated-number.avia-color-font-light .heading { color: #fff; } .avia-animated-number.avia-color-font-dark .avia-animated-number-content, .avia-animated-number.avia-color-font-dark .heading { color: #222; } #top .avia-color-font-custom .heading { color: inherit; } .avia-animated-number.avia-color-font-embossed .avia-single-number { text-shadow: 0 1px 0 rgb(203, 203, 203), 0 2px 0 rgb(201, 201, 201), 0 3px 0 rgb(186, 186, 186), 0 4px 0 rgb(184, 184, 184), 0 5px 0 rgb(171, 171, 171), 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); color: rgb(255, 255, 255); } .avia-animated-number-title { font-size: 40px; white-space: nowrap; line-height: 1em; position: relative; letter-spacing: -2px; font-weight: 400; margin-bottom: 4px; } .avia-no-number { opacity: 0.5; font-size: 0.8em; font-weight: normal; } .avia-animated-number-content { padding: 0; position: relative; clear: none; overflow: hidden; font-size: 15px; } .avia-animated-number-content p { margin: 0; } .js_active .avia-animated-number-title { visibility: hidden; } .number_prepared .avia-animated-number-title { visibility: visible; } .av-icon-before-number { margin-right: 10px; } .av-icon-after-number { margin-left: 10px; } .avia-animated-number-circle { display: block; position: absolute; width: 100%; max-width: 600px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .avia-animated-number-circle:after { content: ""; display: block; padding-bottom: 100%; } .avia-animated-number-circle-inner { display: block; position: absolute; width: 100%; height: 100%; border-radius: 100%; border-width: 1px; border-style: solid; } .avia-animated-number-circle-inner:after { content: ""; display: block; padding-bottom: 100%; } .av-circle-hover-animate:hover { animation: sonarEffect 1s ease-out; } @media only screen and (max-width: 767px) { .avia-animated-number-circle { display: none; } }