"icon nav"
Bootstrap 3.0.0 Snippet by vivekbisht109

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html><html lang='en' class=''> <head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/mahish/pen/xrXJbJ?q=avast&order=popularity&depth=everything&show_forks=false" /> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css'><link rel='stylesheet prefetch' href="https://jirimaha.com/avg/avast-navigation/assets/fonts/fonts.css"> <style class="cp-pen-styles">body { font-family: 'proxima_nova', Helvetica, Arial, sans-serif; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } #svg-library { display: none; } .section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; } @-webkit-keyframes avAnimationEntry { from { -webkit-transform: scale3d(0.62, 0.62, 0.62); transform: scale3d(0.62, 0.62, 0.62); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes avAnimationEntry { from { -webkit-transform: scale3d(0.62, 0.62, 0.62); transform: scale3d(0.62, 0.62, 0.62); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .av-animation { position: relative; width: 502px; height: 502px; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .av-animation-entry-animated .av-animation { -webkit-animation-name: avAnimationEntry; animation-name: avAnimationEntry; } .av-animation svg { width: 100%; height: 100%; } .av-animation-laptop { position: absolute; top: 50%; left: 50%; width: 165px; height: 115px; margin-top: -57.5px; margin-left: -82.5px; } .av-animation-laptop svg { fill: #9B75FF; } .av-animation-tick, .av-animation-frame, .av-animation-icon, .av-animation-circle { position: absolute; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } @-webkit-keyframes avAnimationTickEntry { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 62% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes avAnimationTickEntry { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 62% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .av-animation-tick { top: 212px; left: 216px; width: 69px; height: 49px; will-change: transform; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .av-animation-entry-animated .av-animation-tick { -webkit-animation-name: avAnimationTickEntry; animation-name: avAnimationTickEntry; } .av-animation-frame { top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #00BA5D; border-radius: 2px; } .av-animation-circle { top: 50%; left: 50%; width: 33px; height: 33px; border: 1.25px dashed #00BA5D; border-radius: 50%; -webkit-transition: border-color 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); background-color: transparent; -webkit-transform: scale3d(1, 1, 1) translate(-50%, -50%); transform: scale3d(1, 1, 1) translate(-50%, -50%); } .section:not([data-av-animation="all"]) .av-animation-circle { background-color: #fff; top: calc(50% + 15px); width: 214px; height: 214px; } .av-animation-icon { top: 16px; left: 25px; width: 18px; height: 18px; } .av-animation-icon svg { fill: #00BA5D; } .av-animation-texts { position: absolute; top: 50%; left: 50%; width: 214px; height: 214px; margin-top: -107px; margin-left: -107px; padding: 0 24px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #41424E; font-size: 13px; line-height: 1.45; } .av-animation-text { display: none; } [data-av-animation="1"] .av-animation-text[data-av-animation-text="1"] { display: block; } [data-av-animation="2"] .av-animation-text[data-av-animation-text="2"] { display: block; } [data-av-animation="3"] .av-animation-text[data-av-animation-text="3"] { display: block; } [data-av-animation="4"] .av-animation-text[data-av-animation-text="4"] { display: block; } [data-av-animation="5"] .av-animation-text[data-av-animation-text="5"] { display: block; } [data-av-animation="6"] .av-animation-text[data-av-animation-text="6"] { display: block; } [data-av-animation="7"] .av-animation-text[data-av-animation-text="7"] { display: block; } [data-av-animation="8"] .av-animation-text[data-av-animation-text="8"] { display: block; } .av-animation-title { font-weight: bold; margin-bottom: 7px; } .av-animation-item { position: absolute; top: 50%; left: 50%; width: 72px; height: 72px; margin-top: -36px; margin-left: -36px; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: opacity, transform; -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; } .av-animation-item svg { will-change: fill; -webkit-transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: fill 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); fill: rgba(155, 117, 255, 0.38); } [data-av-animation="all"] .av-animation-item svg { fill: #9B75FF; } [data-av-animation="1"] .av-animation-item[data-av-animation-item="1"] svg { fill: #00BA5D; } [data-av-animation="2"] .av-animation-item[data-av-animation-item="2"] svg { fill: #00BA5D; } [data-av-animation="3"] .av-animation-item[data-av-animation-item="3"] svg { fill: #00BA5D; } [data-av-animation="4"] .av-animation-item[data-av-animation-item="4"] svg { fill: #00BA5D; } [data-av-animation="5"] .av-animation-item[data-av-animation-item="5"] svg { fill: #00BA5D; } [data-av-animation="6"] .av-animation-item[data-av-animation-item="6"] svg { fill: #00BA5D; } [data-av-animation="7"] .av-animation-item[data-av-animation-item="7"] svg { fill: #00BA5D; } [data-av-animation="8"] .av-animation-item[data-av-animation-item="8"] svg { fill: #00BA5D; } .av-animation-item:nth-child(1) { -webkit-transform: rotate(-112.5deg) translate3d(179px, 0, 0) rotate(22.5deg); transform: rotate(-112.5deg) translate3d(179px, 0, 0) rotate(22.5deg); -webkit-transition-delay: 0s; transition-delay: 0s; } .av-animation-item:nth-child(2) { -webkit-transform: rotate(-67.5deg) translate3d(179px, 0, 0) rotate(-22.5deg); transform: rotate(-67.5deg) translate3d(179px, 0, 0) rotate(-22.5deg); -webkit-transition-delay: 0.0375s; transition-delay: 0.0375s; } .av-animation-item:nth-child(3) { -webkit-transform: rotate(-22.5deg) translate3d(179px, 0, 0) rotate(-67.5deg); transform: rotate(-22.5deg) translate3d(179px, 0, 0) rotate(-67.5deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } .av-animation-item:nth-child(4) { -webkit-transform: rotate(22.5deg) translate3d(179px, 0, 0) rotate(-112.5deg); transform: rotate(22.5deg) translate3d(179px, 0, 0) rotate(-112.5deg); -webkit-transition-delay: 0.1125s; transition-delay: 0.1125s; } .av-animation-item:nth-child(5) { -webkit-transform: rotate(67.5deg) translate3d(179px, 0, 0) rotate(-157.5deg); transform: rotate(67.5deg) translate3d(179px, 0, 0) rotate(-157.5deg); -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .av-animation-item:nth-child(6) { -webkit-transform: rotate(112.5deg) translate3d(179px, 0, 0) rotate(-202.5deg); transform: rotate(112.5deg) translate3d(179px, 0, 0) rotate(-202.5deg); -webkit-transition-delay: 0.1875s; transition-delay: 0.1875s; } .av-animation-item:nth-child(7) { -webkit-transform: rotate(157.5deg) translate3d(179px, 0, 0) rotate(-247.5deg); transform: rotate(157.5deg) translate3d(179px, 0, 0) rotate(-247.5deg); -webkit-transition-delay: 0.225s; transition-delay: 0.225s; } .av-animation-item:nth-child(8) { -webkit-transform: rotate(202.5deg) translate3d(179px, 0, 0) rotate(-292.5deg); transform: rotate(202.5deg) translate3d(179px, 0, 0) rotate(-292.5deg); -webkit-transition-delay: 0.2625s; transition-delay: 0.2625s; } .av-animation-entry-animated .av-animation-item { opacity: 1; } .av-animation-entry-animated .av-animation-item:nth-child(1) { -webkit-transform: rotate(-90deg) translate3d(179px, 0, 0) rotate(90deg); transform: rotate(-90deg) translate3d(179px, 0, 0) rotate(90deg); } .av-animation-entry-animated .av-animation-item:nth-child(2) { -webkit-transform: rotate(-45deg) translate3d(179px, 0, 0) rotate(45deg); transform: rotate(-45deg) translate3d(179px, 0, 0) rotate(45deg); } .av-animation-entry-animated .av-animation-item:nth-child(3) { -webkit-transform: rotate(0deg) translate3d(179px, 0, 0) rotate(0deg); transform: rotate(0deg) translate3d(179px, 0, 0) rotate(0deg); } .av-animation-entry-animated .av-animation-item:nth-child(4) { -webkit-transform: rotate(45deg) translate3d(179px, 0, 0) rotate(-45deg); transform: rotate(45deg) translate3d(179px, 0, 0) rotate(-45deg); } .av-animation-entry-animated .av-animation-item:nth-child(5) { -webkit-transform: rotate(90deg) translate3d(179px, 0, 0) rotate(-90deg); transform: rotate(90deg) translate3d(179px, 0, 0) rotate(-90deg); } .av-animation-entry-animated .av-animation-item:nth-child(6) { -webkit-transform: rotate(135deg) translate3d(179px, 0, 0) rotate(-135deg); transform: rotate(135deg) translate3d(179px, 0, 0) rotate(-135deg); } .av-animation-entry-animated .av-animation-item:nth-child(7) { -webkit-transform: rotate(180deg) translate3d(179px, 0, 0) rotate(-180deg); transform: rotate(180deg) translate3d(179px, 0, 0) rotate(-180deg); } .av-animation-entry-animated .av-animation-item:nth-child(8) { -webkit-transform: rotate(225deg) translate3d(179px, 0, 0) rotate(-225deg); transform: rotate(225deg) translate3d(179px, 0, 0) rotate(-225deg); } </style></head><body> <!-- import SVG symbols--> <!-- =================--> <!-- SVG LIBRARY--> <svg id="svg-library"> <symbol id="av-animation-laptop" viewbox="0 0 165 115"> <path d="M161.42 115H4.09c-1.41 0-2.74-.93-4-2.76a.74.74 0 0 1-.12-.41v-6.08H0a.74.74 0 0 1 .17-.47l.07-.07 18.37-16.44a.74.74 0 0 1 .5-.19H145.8a.74.74 0 0 1 .5.19l18.46 16.42.07.08a.74.74 0 0 1 .15.41v6.43a.74.74 0 0 1-.07.32c-.99 2.13-2.45 2.57-3.49 2.57zM1.49 111.6c.89 1.27 1.76 1.92 2.6 1.92h157.33c.56 0 1.38-.17 2.1-1.56v-5.47H97.58c-.31 2.09-1.71 3.27-4 3.34H71.44c-2.31-.07-3.72-1.25-4-3.34H1.49zm1.19-6.6h65.41a.74.74 0 0 1 .74.72 2.36 2.36 0 0 0 2.63 2.63h22.1a2.35 2.35 0 0 0 2.6-2.63.74.74 0 0 1 .74-.72h65.41l-16.8-14.94H19.39zM139.1 83.78H24c-4 0-6.12-2.08-6.12-6V6.11C17.85 2.11 20 0 24 0h115.1c3.94 0 6 2.11 6 6.11v71.66c.02 3.93-2.1 6.01-6 6.01zM24 1.48c-3.16 0-4.63 1.47-4.63 4.63v71.66c0 3.09 1.47 4.53 4.63 4.53h115.1c3.09 0 4.53-1.44 4.53-4.53V6.11c0-3.16-1.44-4.63-4.53-4.63zM136.26 77.7H26.71a.74.74 0 1 1 0-1.48h109.55a.74.74 0 1 1 0 1.48zm0-70.14H26.71a.74.74 0 1 1 0-1.48h109.55a.74.74 0 1 1 0 1.48z"></path> <!-- g(fill="#00BA5D") path(d="M80.65 47.3a1.71 1.71 0 0 1-.88-.26.74.74 0 0 1-.16-.13L75 42a.74.74 0 0 1 1.09-1l4.5 4.82h.06l8.23-8.5a.74.74 0 0 1 1.07 1l-8.3 8.57-.13.11a1.63 1.63 0 0 1-.87.3z") path(d="M82.5 56.76A14.56 14.56 0 1 1 97.12 42.2 14.61 14.61 0 0 1 82.5 56.76zm0-27.64A13.08 13.08 0 1 0 95.63 42.2 13.12 13.12 0 0 0 82.5 29.12z") path(d="M116.19 66.63H48.81a.74.74 0 0 1-.74-.74V18.51a.74.74 0 0 1 .74-.74h67.39a.74.74 0 0 1 .74.74v47.38a.74.74 0 0 1-.75.74zm-66.64-1.48h65.9v-45.9h-65.9z") --> </symbol> <symbol id="av-animation-tick" viewbox="0 0 16 16"> <path d="M6.15 13.1a1.71 1.71 0 0 1-.88-.26.74.74 0 0 1-.16-.13L.52 7.81a.74.74 0 0 1 1.09-1l4.5 4.82h.06l8.23-8.5a.74.74 0 0 1 1.07 1l-8.3 8.57-.17.13a1.63 1.63 0 0 1-.85.27z"></path> </symbol> <symbol id="av-animation-cyber-capture" viewbox="0 0 72 72"> <path d="M52.45 13.8a.75.75 0 0 1 .5-.3.72.72 0 0 1 .55.15A18.43 18.43 0 0 1 56.08 16a27.29 27.29 0 0 1 8.3 20 27.25 27.25 0 0 1-8.32 20.08 27.79 27.79 0 0 1-5.75 4.55 2.35 2.35 0 0 1-.4.25.67.67 0 0 1-.55 0 .75.75 0 0 1-.45-.37.67.67 0 0 1 0-.55.76.76 0 0 1 .37-.45h.1a.84.84 0 0 1 .15-.12A26.27 26.27 0 0 0 55 55a25.82 25.82 0 0 0 7.9-19A25.87 25.87 0 0 0 55 17a17 17 0 0 0-2.4-2.15.75.75 0 0 1-.3-.5.71.71 0 0 1 .15-.55zm-38.58.13A30.18 30.18 0 0 0 4.75 36a30 30 0 0 0 9.13 22.13A30.24 30.24 0 0 0 36 67.25a30.13 30.13 0 0 0 22.13-9.12A30 30 0 0 0 67.25 36a30.18 30.18 0 0 0-9.12-22.08A30.05 30.05 0 0 0 36 4.75a30.16 30.16 0 0 0-22.12 9.17zM3.25 36a31.61 31.61 0 0 1 9.58-23.12A31.59 31.59 0 0 1 36 3.25a31.48 31.48 0 0 1 23.17 9.63A31.61 31.61 0 0 1 68.75 36a31.45 31.45 0 0 1-9.58 23.17A31.56 31.56 0 0 1 36 68.75a31.67 31.67 0 0 1-23.17-9.58A31.45 31.45 0 0 1 3.25 36zm32-2.2a.75.75 0 0 1 1.5 0v4.4a.75.75 0 0 1-1.5 0zm-7 2.2a7.38 7.38 0 0 0 2.27 5.48A7.47 7.47 0 0 0 36 43.75 7.68 7.68 0 0 0 43.7 36a7.54 7.54 0 0 0-2.23-5.48A7.38 7.38 0 0 0 36 28.25 7.77 7.77 0 0 0 28.25 36zM36 26.75a8.78 8.78 0 0 1 6.52 2.73A9 9 0 0 1 45.2 36a8.88 8.88 0 0 1-2.68 6.52A8.78 8.78 0 0 1 36 45.25a8.9 8.9 0 0 1-6.52-2.73A8.78 8.78 0 0 1 26.75 36 9.3 9.3 0 0 1 36 26.75zM8.88 35.83a.72.72 0 0 1 .23.52A25.78 25.78 0 0 0 16.92 55 26.08 26.08 0 0 0 36 62.9a27.19 27.19 0 0 0 9.83-1.73 3.12 3.12 0 0 1 .4-.15.67.67 0 0 1 .55 0 .76.76 0 0 1 .37.45.66.66 0 0 1 0 .55.75.75 0 0 1-.45.38l-.25.13h-.05A28.69 28.69 0 0 1 36 64.4a27.53 27.53 0 0 1-20.12-8.32A27.25 27.25 0 0 1 7.6 36.35a.74.74 0 0 1 1.27-.52zM8.5 33a.75.75 0 0 1-.5-.3.71.71 0 0 1-.15-.55 27.57 27.57 0 0 1 8-16.23A27.53 27.53 0 0 1 36 7.65a27.59 27.59 0 0 1 14.48 3.85.77.77 0 0 1 .35.48.68.68 0 0 1-.08.55.76.76 0 0 1-.48.35.68.68 0 0 1-.55-.08A26.15 26.15 0 0 0 36 9.15 26.09 26.09 0 0 0 16.92 17a26.11 26.11 0 0 0-7.57 15.4.75.75 0 0 1-.3.5.71.71 0 0 1-.55.1zm11.33-4.1a8.55 8.55 0 0 1 .87-1.62 14.94 14.94 0 0 1 2.85-3.75A17.06 17.06 0 0 1 36 18.4a16.25 16.25 0 0 1 2.6.2 18.24 18.24 0 0 1 1.83.32 17.14 17.14 0 0 1 7.92 4.65 19 19 0 0 1 1.78 2l1 1.48A17.51 17.51 0 0 1 53.6 36a18 18 0 0 1-1.4 7.15q-.35.75-.75 1.55v.08a24 24 0 0 1-2.92 3.67A17 17 0 0 1 36 53.65a18 18 0 0 1-2.72-.2l-1.73-.33a17.12 17.12 0 0 1-8.05-4.6q-.91-1-1.67-1.92l-.05-.05-.95-1.55a17 17 0 0 1-2.45-9 17.42 17.42 0 0 1 1.45-7.1zm1.37.58A15.92 15.92 0 0 0 19.85 36a15.4 15.4 0 0 0 2.25 8.2l.9 1.47q.73.88 1.6 1.85a15.66 15.66 0 0 0 7.32 4.17l1.65.28a16.25 16.25 0 0 0 2.47.2 15.53 15.53 0 0 0 11.33-4.67 22.72 22.72 0 0 0 2.73-3.35q.4-.8.75-1.55A16.43 16.43 0 0 0 52.1 36a16 16 0 0 0-2.1-8.12l-1-1.38a17.49 17.49 0 0 0-1.62-1.87 15.81 15.81 0 0 0-7.27-4.25 15.67 15.67 0 0 0-1.65-.27A15 15 0 0 0 36 19.9a15.62 15.62 0 0 0-11.47 4.73A13.31 13.31 0 0 0 22 28v.08a7.3 7.3 0 0 0-.8 1.4zm4.92-14.05l.23-.1v-.72A2.19 2.19 0 0 1 27 13.2a2.22 2.22 0 0 1 1.27-.75l6.4-1.15h.08a3.16 3.16 0 0 1 1.48.2l.15.07a3.36 3.36 0 0 1 .95 1 .89.89 0 0 1 .08.17l.23.63a22.52 22.52 0 0 1 6.07 1.3l.43-.5a.85.85 0 0 1 .2-.15 3.78 3.78 0 0 1 1.37-.37h.05a3.06 3.06 0 0 1 1.3.33h.12l5.4 3.7.12.13a3.32 3.32 0 0 1 .7 1.17 2.26 2.26 0 0 1 0 1.6l-.25.65a21 21 0 0 1 3.55 5.17h.6a2.44 2.44 0 0 1 1.5.58 2.5 2.5 0 0 1 .72 1.4l1.15 6.4a2.31 2.31 0 0 1-.23 1.5 2.59 2.59 0 0 1-1.12 1.13h-.05l-.55.23a20.5 20.5 0 0 1-1.35 6.13l.4.42.08.08a2.54 2.54 0 0 1 .55 1.38 2.24 2.24 0 0 1-.4 1.62l-3.65 5.3h-.05a2.77 2.77 0 0 1-1.23.9 2 2 0 0 1-1.52 0h-.05l-.62-.25a22.47 22.47 0 0 1-5.25 3.35V57.25A2.54 2.54 0 0 1 45 58.7l-.08.07a2.48 2.48 0 0 1-1.45.73l-6.35 1.2a2.28 2.28 0 0 1-1.55-.25 3.14 3.14 0 0 1-1.08-1.08v-.1l-.23-.6a22 22 0 0 1-6.12-1.3l-.43.4a2 2 0 0 1-1.52.68 2.27 2.27 0 0 1-1.55-.6l.07.07-5.3-3.65a2 2 0 0 1-1-1.32v-.08a2 2 0 0 1 0-1.45v-.07l.23-.5a21.49 21.49 0 0 1-3.35-5.3h-.65a2.28 2.28 0 0 1-1.48-.67 2.82 2.82 0 0 1-.75-1.35l-1.1-6.4a2.31 2.31 0 0 1 .23-1.5 1.92 1.92 0 0 1 1.18-1.12l.57-.23a19.59 19.59 0 0 1 1.27-6.08l-.4-.37-.1-.12a2.67 2.67 0 0 1-.5-1.5 2.73 2.73 0 0 1 .4-1.35v-.08l3.7-5.35.05-.05a2.86 2.86 0 0 1 1.2-.92l.15-.05a3.17 3.17 0 0 1 1.42.08h.13l.55.25a21.3 21.3 0 0 1 4.97-3.32zm1.3 1.05l-.67.32a20.1 20.1 0 0 0-5 3.33.75.75 0 0 1-.4.2.7.7 0 0 1-.42-.07l-.87-.4a1.59 1.59 0 0 0-.7 0 1.47 1.47 0 0 0-.52.43v-.05l-3.7 5.35v-.07a1.54 1.54 0 0 0-.2.65 1.6 1.6 0 0 0 .15.57l.75.7a.74.74 0 0 1 .22.4.78.78 0 0 1 0 .48 18.2 18.2 0 0 0-1.4 6.52.76.76 0 0 1-.15.43.71.71 0 0 1-.35.25l-1 .4a.48.48 0 0 0-.3.3v.08a1 1 0 0 0-.08.6l1.1 6.4v-.05a1.39 1.39 0 0 0 .35.65.81.81 0 0 0 .52.22h1a.76.76 0 0 1 .43.13.71.71 0 0 1 .27.33A20.19 20.19 0 0 0 20 50.2a.75.75 0 0 1 .2.38.76.76 0 0 1-.08.42l-.37.88v.08a.78.78 0 0 0 .05.47.79.79 0 0 1 .07.2.65.65 0 0 0 .3.4l5.3 3.65.08.08a.79.79 0 0 0 .55.2.59.59 0 0 0 .45-.2l.82-.77a.79.79 0 0 1 .8-.18 20.1 20.1 0 0 0 6.55 1.4.85.85 0 0 1 .68.47l.35 1a1.51 1.51 0 0 0 .5.48.87.87 0 0 0 .55.05L43.2 58a1.28 1.28 0 0 0 .6-.23 1.26 1.26 0 0 0 .22-.6v-1a.7.7 0 0 1 .13-.4.78.78 0 0 1 .33-.3 21 21 0 0 0 5.65-3.55.8.8 0 0 1 .37-.2.71.71 0 0 1 .4 0l1.05.4h-.05a.85.85 0 0 0 .53 0 1.49 1.49 0 0 0 .63-.48v.05l3.65-5.3a.86.86 0 0 0 .17-.55 1.21 1.21 0 0 0-.25-.62l-.63-.7a.71.71 0 0 1-.2-.37.78.78 0 0 1 0-.45 18.92 18.92 0 0 0 1.45-6.53.84.84 0 0 1 .48-.67l.95-.37h.05a1.16 1.16 0 0 0 .42-.45 1 1 0 0 0 .08-.6l-1.15-6.4a1.09 1.09 0 0 0-.27-.6 1.06 1.06 0 0 0-.6-.23h-1a.7.7 0 0 1-.4-.12.79.79 0 0 1-.3-.32 19.84 19.84 0 0 0-3.65-5.65.7.7 0 0 1-.18-.35.72.72 0 0 1 0-.4l.4-1a.87.87 0 0 0 0-.6 1.7 1.7 0 0 0-.33-.52l-5.35-3.68a1.7 1.7 0 0 0-.57-.12 2.12 2.12 0 0 0-.65.18l-.68.75a.73.73 0 0 1-.37.2.72.72 0 0 1-.42 0 21.09 21.09 0 0 0-6.52-1.4.71.71 0 0 1-.43-.12.78.78 0 0 1-.27-.37l-.35-1a1.93 1.93 0 0 0-.45-.47 1.9 1.9 0 0 0-.68-.08l-6.4 1.15a1 1 0 0 0-.5.33.8.8 0 0 0-.23.5v1.15a.72.72 0 0 1-.12.35.8.8 0 0 1-.34.22z"></path> </symbol> <symbol id="av-animation-game-mode" viewbox="0 0 72 72"> <path d="M28.25 29.49a5.93 5.93 0 0 1-1.7 4.27 5.86 5.86 0 0 1-4.23 1.65 5.79 5.79 0 0 1-4.17-1.65 5.82 5.82 0 0 1-1.77-4.27 5.76 5.76 0 0 1 1.77-4.23 5.69 5.69 0 0 1 4.17-1.73 5.75 5.75 0 0 1 4.23 1.73 5.86 5.86 0 0 1 1.7 4.23zm-1.5 0a4.42 4.42 0 0 0-1.3-3.18A4.3 4.3 0 0 0 22.3 25a4.25 4.25 0 0 0-3.12 1.27 4.34 4.34 0 0 0-1.32 3.18 4.39 4.39 0 0 0 1.32 3.22 4.33 4.33 0 0 0 3.13 1.25 4.38 4.38 0 0 0 3.15-1.23 4.47 4.47 0 0 0 1.29-3.2zm-12-7.62a10.39 10.39 0 0 1 7.63-3.18 10.22 10.22 0 0 1 7.57 3.18 10.74 10.74 0 0 1 0 15.25 10.22 10.22 0 0 1-7.57 3.17 10.39 10.39 0 0 1-7.62-3.17 10.74 10.74 0 0 1 0-15.25zm7.63-1.68a9.3 9.3 0 0 0-9.3 9.3 9.3 9.3 0 0 0 9.3 9.3 8.81 8.81 0 0 0 6.52-2.73 9.29 9.29 0 0 0 0-13.15 8.81 8.81 0 0 0-6.55-2.72zM58.5 28a1.87 1.87 0 0 0-1.5-.66 2.18 2.18 0 0 0-1.57.68 2 2 0 0 0-.58 1.48 2.13 2.13 0 0 0 .58 1.5 2.23 2.23 0 0 0 1.55.63A1.9 1.9 0 0 0 58.5 31a2 2 0 0 0 .68-1.5 1.87 1.87 0 0 0-.63-1.5zm-4.08 4.1a3.64 3.64 0 0 1-1-2.57 3.41 3.41 0 0 1 1-2.53A3.58 3.58 0 0 1 57 25.84a3.24 3.24 0 0 1 2.5 1.1l.05.05a3.24 3.24 0 0 1 1.1 2.5 3.42 3.42 0 0 1-1.1 2.57A3.36 3.36 0 0 1 57 33.14a3.69 3.69 0 0 1-2.58-1.05zm-6.67 1.58a3.42 3.42 0 0 1 2.58-1.1 3.36 3.36 0 0 1 2.55 1.13A3.26 3.26 0 0 1 54 36.19a3.43 3.43 0 0 1-1.12 2.6 3.44 3.44 0 0 1-2.52 1.07 3.67 3.67 0 0 1-3.65-3.65 3.36 3.36 0 0 1 1.04-2.55zm1.1 1a1.9 1.9 0 0 0-.62 1.45 2.13 2.13 0 0 0 2.15 2.15 2 2 0 0 0 1.48-.62 2 2 0 0 0 .67-1.5 1.87 1.87 0 0 0-.65-1.45h-.05a2 2 0 0 0-1.48-.71 2 2 0 0 0-1.5.71zM46.22 27a3.45 3.45 0 0 1 1 2.5 3.64 3.64 0 0 1-1 2.57 3.43 3.43 0 0 1-2.6 1.08 3.62 3.62 0 0 1-2.57-1.05A3.51 3.51 0 0 1 40 29.49a3.36 3.36 0 0 1 1.08-2.55 3.51 3.51 0 0 1 2.57-1.12A3.32 3.32 0 0 1 46.22 27zm-1.05 1a1.91 1.91 0 0 0-1.5-.65 2.14 2.14 0 0 0-1.52.68 1.9 1.9 0 0 0-.62 1.45 2.08 2.08 0 0 0 .59 1.52 2.19 2.19 0 0 0 1.52.65 2 2 0 0 0 1.5-.62 2.13 2.13 0 0 0 .6-1.52 2 2 0 0 0-.57-1.51zm1.53-5.23a3.29 3.29 0 0 1 1.07-2.5 3.34 3.34 0 0 1 2.6-1.2 3.24 3.24 0 0 1 2.5 1.15A3.17 3.17 0 0 1 54 22.79a3.21 3.21 0 0 1-1.17 2.58l.07-.05a3.36 3.36 0 0 1-2.55 1.13 3.43 3.43 0 0 1-2.6-1.12 3.19 3.19 0 0 1-1.05-2.54zm2.15-1.45v.05a1.86 1.86 0 0 0-.62 1.4 1.88 1.88 0 0 0 .6 1.45h.05a2 2 0 0 0 1.5.67 2 2 0 0 0 1.45-.67l.08-.05a1.73 1.73 0 0 0 .63-1.42 1.83 1.83 0 0 0-.65-1.4l-.05-.05a1.94 1.94 0 0 0-1.45-.7 2 2 0 0 0-1.54.74zM47 12.26q10.3-4.44 15.53 6.13a75.67 75.67 0 0 1 8.17 35.82q0 4.31-2.25 5.88t-6.4.53a16.89 16.89 0 0 1-7.7-5.05l-4-4.4a11.57 11.57 0 0 0-7.62-3.6 65.12 65.12 0 0 0-6.62-.3H36q-3.71 0-6.67.3a11.4 11.4 0 0 0-7.58 3.6l-4.1 4.4a16.89 16.89 0 0 1-7.7 5.05q-4.23 1.14-6.37-.53t-2.33-5.88a76 76 0 0 1 8.22-35.85Q14.7 7.81 25.1 12.24A26.24 26.24 0 0 0 36 14.39a27 27 0 0 0 11-2.13zm.6 1.38A28.35 28.35 0 0 1 36 15.89a27.5 27.5 0 0 1-11.5-2.27Q15.4 9.77 10.82 19a74.74 74.74 0 0 0-8.07 35.16q.07 3.41 1.7 4.7t5.1.27a15.71 15.71 0 0 0 7-4.65l4.1-4.4A12.77 12.77 0 0 1 29.17 46q3-.3 6.83-.3h.1a66.6 66.6 0 0 1 6.77.3 13 13 0 0 1 8.58 4.1l4 4.4a15.71 15.71 0 0 0 7 4.65q3.39.91 5.1-.27t1.65-4.7a74.21 74.21 0 0 0-8-35.15q-4.55-9.26-13.55-5.39z"></path> </symbol> <symbol id="av-animation-passwords" viewbox="0 0 72 72"> <path d="M44.07 36.3a.76.76 0 0 1 .55.25l17 17a.68.68 0 0 1 .2.5.69.69 0 0 1-.75.75.68.68 0 0 1-.5-.2l-17-17a.76.76 0 0 1-.25-.55.88.88 0 0 1 .75-.75zM27.23 6.45a20.23 20.23 0 0 1 14.84 6.15 20.23 20.23 0 0 1 6.15 14.85 22.11 22.11 0 0 1-.8 6L65.57 51.5a.68.68 0 0 1 .2.5v12.8a.69.69 0 0 1-.75.75h-9.65a3.83 3.83 0 0 1-1.9-.85 3.05 3.05 0 0 1-1-2.05V58.1h-4.2a3.39 3.39 0 0 1-2.1-.9h-.05a3.26 3.26 0 0 1-.8-2.05v-4h-5.4a.68.68 0 0 1-.5-.2l-4-4.05a21 21 0 0 1-8.25 1.6 20.17 20.17 0 0 1-14.8-6.15 20.15 20.15 0 0 1-6.2-14.85 20.15 20.15 0 0 1 6.2-14.85 20.18 20.18 0 0 1 14.86-6.2zm-.6 12.9a5 5 0 0 0-7.35 0 5.19 5.19 0 0 0 0 7.5A4.91 4.91 0 0 0 23 28.2a5.74 5.74 0 0 0 2-.35 5.74 5.74 0 0 0 1.7-1.1l.1-.1A5.23 5.23 0 0 0 28.12 23a5 5 0 0 0-1.5-3.65zM41 13.65a18.8 18.8 0 0 0-13.8-5.7 18.74 18.74 0 0 0-13.75 5.7 18.71 18.71 0 0 0-5.75 13.8 18.72 18.72 0 0 0 5.75 13.8 18.74 18.74 0 0 0 13.75 5.7 19.66 19.66 0 0 0 8.1-1.65.54.54 0 0 1 .45-.1.89.89 0 0 1 .4.25l4 4.15H46a.76.76 0 0 1 .55.25.68.68 0 0 1 .2.5v4.75a1.74 1.74 0 0 0 .45 1.1 1.89 1.89 0 0 0 1.15.4h4.8a.76.76 0 0 1 .55.25.68.68 0 0 1 .2.5v5.1a1.66 1.66 0 0 0 .45 1.1 2.42 2.42 0 0 0 1.2.5h8.65V52.3L46.07 34.2a.74.74 0 0 1-.2-.35.43.43 0 0 1 0-.4 20.86 20.86 0 0 0 .85-6A18.8 18.8 0 0 0 41 13.65zm-22.85 4.6h-.05a6.21 6.21 0 0 1 4.75-2.05 6.4 6.4 0 0 1 4.8 2.1 6.41 6.41 0 0 1 1.97 4.7 6.76 6.76 0 0 1-1.85 4.75l-.1.1a8 8 0 0 1-2.15 1.4 7.06 7.06 0 0 1-2.5.45 6.34 6.34 0 0 1-4.8-1.85 6.63 6.63 0 0 1-2.1-4.85 6.55 6.55 0 0 1 2.06-4.75z"></path> </symbol> <symbol id="av-animation-safe-browser" viewbox="0 0 72 72"> <path d="M19.55 53a3.37 3.37 0 0 1-.32-.3l-.1-.1a1.73 1.73 0 0 0-1-.27 1.41 1.41 0 0 0-1 .42l-2.9 2.9a2.06 2.06 0 0 0-.48 1.08 2.19 2.19 0 0 0 .45 1.1 1.62 1.62 0 0 0 1 .35 1.54 1.54 0 0 0 1-.27 1 1 0 0 1 .15-.2l2.85-2.85a1.45 1.45 0 0 0 .42-1.07 2 2 0 0 0-.07-.79zm8.83-17.73A7.63 7.63 0 0 1 30 31.08L23.9 25a15.76 15.76 0 0 0-4.28 10.3zm12.37 6.53a7.1 7.1 0 0 1-4 1.77v8.8a15.48 15.48 0 0 0 10.33-4.25zm-5.5 1.77a7.31 7.31 0 0 1-4.08-1.65L25 48.12a15.74 15.74 0 0 0 10.27 4.25zM30.1 40.9a7.24 7.24 0 0 1-1.73-4.15h-8.74a16 16 0 0 0 4.3 10.33zm1-10.82a7.38 7.38 0 0 1 4.12-1.65v-8.8A15.72 15.72 0 0 0 25 23.9zm9.73.1L47.08 24a15.82 15.82 0 0 0-10.33-4.35v8.8a7.36 7.36 0 0 1 4.1 1.73zm-.62 1.45A6 6 0 0 0 36 29.9a5.93 5.93 0 0 0-4.3 1.7.8.8 0 0 1-.25.18 6.25 6.25 0 0 0-1.6 4.22 5.87 5.87 0 0 0 1.6 4.18.89.89 0 0 1 .22.17A5.88 5.88 0 0 0 36 42.1a5.85 5.85 0 0 0 4.23-1.83.81.81 0 0 1 .2-.15A5.75 5.75 0 0 0 42 36a5.87 5.87 0 0 0-1.7-4.23h-.05zm7.94 15.47a15.75 15.75 0 0 0 4.25-10.35h-8.87a7 7 0 0 1-1.7 4zm6.67 5.58a1.6 1.6 0 0 0-1.12-.37 1 1 0 0 0-.58.15l-.08.07a.8.8 0 0 1-.25.18.65.65 0 0 1-.25.15 1.69 1.69 0 0 0 .08 2l2.9 3a1.79 1.79 0 0 0 1.17.38 1.61 1.61 0 0 0 1-.4v-.05a1.51 1.51 0 0 0 .35-1 1.61 1.61 0 0 0-.37-1.12zm-2.44-17.43A15.92 15.92 0 0 0 48.13 25l-6.25 6.2a7.33 7.33 0 0 1 1.65 4zm13.33-.8h-4.56a1.37 1.37 0 0 0-1 .45 1.45 1.45 0 0 0-.47.82v.65a1.7 1.7 0 0 0 .47.68 1.37 1.37 0 0 0 1 .45h4.55a1.55 1.55 0 0 0 0-3.1zm-60.47.48a1.45 1.45 0 0 0 0 2.15 1.37 1.37 0 0 0 1 .45h4.55a1.52 1.52 0 0 0 1.07-.48 1.72 1.72 0 0 0 .48-.68v-.65a1.46 1.46 0 0 0-.48-.82 1.52 1.52 0 0 0-1.07-.48H6.3a1.37 1.37 0 0 0-1 .45zM57.85 14.2l-.05-.05a1.81 1.81 0 0 0-1.15-.35 1.3 1.3 0 0 0-1 .4l-3 2.9a1.53 1.53 0 0 0-.4 1 2.12 2.12 0 0 0 .35 1l.1.2.25.15a1.42 1.42 0 0 0 .8.2 1.44 1.44 0 0 0 1.05-.45l3-2.85a1.9 1.9 0 0 0 0-2.2zM36 18.1a17.45 17.45 0 0 1 12.53 5.23l.13.1A17.45 17.45 0 0 1 53.9 36v.08a17.2 17.2 0 0 1-5.2 12.6.78.78 0 0 1-.2.15A17 17 0 0 1 36 53.9a17.41 17.41 0 0 1-12.5-5.12l-.12-.1a17.53 17.53 0 0 1-5.28-12.63V36a17.32 17.32 0 0 1 5.25-12.6l.2-.25A17.31 17.31 0 0 1 36 18.1zM34.92 5.23a1.37 1.37 0 0 0-.45 1.05v4.55a1.52 1.52 0 0 0 .47 1.08 1.46 1.46 0 0 0 .83.47h.65a1.71 1.71 0 0 0 .67-.47 1.52 1.52 0 0 0 .47-1.08V6.3a1.37 1.37 0 0 0-.45-1.05 1.45 1.45 0 0 0-2.15 0zm-14.4 15l-.17.15a1.91 1.91 0 0 1-.3.3 21.09 21.09 0 0 0-6.15 15v.78a1 1 0 0 1 0 .18 21 21 0 0 0 6.2 14.85 1.63 1.63 0 0 1 .22.2l.2.2.1.07a21 21 0 0 0 15 6.2h1a20.64 20.64 0 0 0 14.85-6.27l.1-.12a.81.81 0 0 1 .42-.25l.01-.12a21.12 21.12 0 0 0 6.1-14.82.87.87 0 0 1 0-.18v-.65-.12a21 21 0 0 0-5.8-14.57l-.3-.33-.58-.62-.42-.41a20.81 20.81 0 0 0-14.37-5.8h-1a21.11 21.11 0 0 0-15 6.2zm-5.22-6.38a1.55 1.55 0 0 0-1.07.38 1.21 1.21 0 0 0-.35 1 .77.77 0 0 1 0 .15 1.21 1.21 0 0 0 .3 1l2.92 3a1.7 1.7 0 0 0 1.13.38 1.57 1.57 0 0 0 .8-.23h.08v-.1a.75.75 0 0 1 .17-.17l.23-.18a1.69 1.69 0 0 0 .17-.72 1.63 1.63 0 0 0-.42-1.18l-2.9-2.9a1.51 1.51 0 0 0-1.06-.43zm-2.1-.7a3 3 0 0 1 2.1-.8 2.82 2.82 0 0 1 2.12.83l2.9 2.9a2.87 2.87 0 0 1 .83 1.52 22.17 22.17 0 0 1 12.33-5.1 2.75 2.75 0 0 1-.48-1.65V6.3a2.82 2.82 0 0 1 .92-2.12 2.9 2.9 0 0 1 4.2 0A2.82 2.82 0 0 1 39 6.3v4.55a2.78 2.78 0 0 1-.52 1.65 21.93 21.93 0 0 1 12.33 5.1 3 3 0 0 1 .8-1.55l3-2.85v-.05a2.63 2.63 0 0 1 2-.85 3.08 3.08 0 0 1 2.2.8 3 3 0 0 1 .8 2.15 3 3 0 0 1-.8 2.1l-3 2.9a3 3 0 0 1-1.55.85 22.07 22.07 0 0 1 5.1 12.3 2.84 2.84 0 0 1 1.65-.5h4.69a3.05 3.05 0 0 1 0 6.1h-4.55a2.87 2.87 0 0 1-1.65-.5 22.15 22.15 0 0 1-5 12.32 2.62 2.62 0 0 1 1.38.75l3 3a2.87 2.87 0 0 1 .83 2.17 2.92 2.92 0 0 1-.8 2.05h-.05a3 3 0 0 1-2.1.85 3.05 3.05 0 0 1-2.2-.8l-2.92-3a2.65 2.65 0 0 1-.78-1.53 21.58 21.58 0 0 1-12.25 5.1 2.86 2.86 0 0 1 .5 1.65v4.64a3.05 3.05 0 0 1-6.1 0v-4.55a2.84 2.84 0 0 1 .5-1.65 22 22 0 0 1-12.3-5.1 2.9 2.9 0 0 1-.83 1.53l-2.87 2.92-.15.13a2.85 2.85 0 0 1-2 .73 3 3 0 0 1-2.1-.8 3.42 3.42 0 0 1-.9-2.08.77.77 0 0 1 0-.15 3.41 3.41 0 0 1 .9-2l2.92-2.92a2.88 2.88 0 0 1 1.47-.83 22 22 0 0 1-5-12.33 2.77 2.77 0 0 1-1.65.53H6.3a2.82 2.82 0 0 1-2.12-.93 2.9 2.9 0 0 1 0-4.2 2.82 2.82 0 0 1 2.12-1h4.55a2.76 2.76 0 0 1 1.65.52 22.1 22.1 0 0 1 5-12.27 2.91 2.91 0 0 1-1.5-.8l-2.92-3a2.47 2.47 0 0 1-.77-2.1.32.32 0 0 1 0-.07 2.53 2.53 0 0 1 .82-2.12zM36.4 59.6h-.65a1.46 1.46 0 0 0-.83.48 1.37 1.37 0 0 0-.45 1v4.62a1.55 1.55 0 0 0 3.1 0v-4.55a1.37 1.37 0 0 0-.45-1 1.71 1.71 0 0 0-.72-.55z"></path> </symbol> <symbol id="av-animation-smart-scan" viewbox="0 0 72 72"> <path d="M65.48 52.57a.75.75 0 0 1 1.27.52v6.05q0 7.6-7.6 7.6h-6a.75.75 0 0 1 0-1.5h6q6.1 0 6.1-6.1V53.1a.71.71 0 0 1 .23-.53zM6.75 59.15q0 6.1 6.1 6.1h6a.75.75 0 0 1 0 1.5h-6q-7.6 0-7.6-7.6V53.1a.74.74 0 0 1 1.27-.52.71.71 0 0 1 .23.52zM6 19.55a.77.77 0 0 1-.75-.75v-6q0-7.6 7.6-7.6h6a.74.74 0 0 1 .52 1.27.72.72 0 0 1-.52.23h-6q-6.1 0-6.1 6.1v6a.77.77 0 0 1-.75.75zm45.52 1a8.67 8.67 0 0 0-5.25-2.68 12.92 12.92 0 0 0-1.6-.1 9.82 9.82 0 0 0-3.3.55 5.35 5.35 0 0 0-.8.4l-.12.1-1.8 1.15-1.6 1.23q-1.63 1.26-.37 4.5a.73.73 0 0 1 0 .58.71.71 0 0 1-.4.4.72.72 0 0 1-.58 0 .71.71 0 0 1-.4-.4q-1.58-4.11.43-5.93a11.09 11.09 0 0 1-1.58-.35.72.72 0 0 1-.45-.35.74.74 0 0 1-.08-.58.71.71 0 0 1 .35-.45.74.74 0 0 1 .58-.08 5.25 5.25 0 0 0 3.27.1l1.18-.72-.15-.15v-.05a6.07 6.07 0 0 0-4.43-1.87 6.17 6.17 0 0 0-4.5 1.85 7.56 7.56 0 0 0-1 1.4.73.73 0 0 1-.4.32.68.68 0 0 1-.5 0 6.1 6.1 0 0 0-2.1-.35 5.58 5.58 0 0 0-4.35 1.85v.05a5.48 5.48 0 0 0-1.73 3.13.85.85 0 0 1-.62.63A5.58 5.58 0 0 0 16 26.42a6.29 6.29 0 0 0-1.4 6.87.8.8 0 0 1 .08.35.72.72 0 0 1-.1.32 5.9 5.9 0 0 0-.75 3 6.07 6.07 0 0 0 1.87 4.43A6.33 6.33 0 0 0 18.1 43a.74.74 0 0 1 .27.17l.35.35a6.29 6.29 0 0 0 4.58 1.82 6.19 6.19 0 0 0 2.7-.62l.7-.4V43a1.6 1.6 0 0 0-.93-1.1l-4.8-3a.73.73 0 0 1-.33-.48.69.69 0 0 1 .1-.55.73.73 0 0 1 .48-.32.69.69 0 0 1 .55.1l4.8 3 .2.13A3.74 3.74 0 0 1 28.93 38a.67.67 0 0 1 .55 0 .75.75 0 0 1 .45.38.67.67 0 0 1 0 .55.76.76 0 0 1-.37.45 2.32 2.32 0 0 0-1.36 1.82v3.27q.4.48.82 1l.77.77a8.31 8.31 0 0 0 1.37.7h.07a8.46 8.46 0 0 0 2.18.3 6.46 6.46 0 0 0 2.77-.58 3.09 3.09 0 0 0 .75-.5.77.77 0 0 1 .38-.17l7.4-5a6.42 6.42 0 0 1 6.3-.48.75.75 0 0 1 .42.4.72.72 0 0 1 0 .58.75.75 0 0 1-.4.42.72.72 0 0 1-.58 0 5 5 0 0 0-4.9.33l-6.78 4.66a6 6 0 0 0 3.73 1.25h.5a.75.75 0 0 1 .35.07.82.82 0 0 1 .27.25l5.18 7.38 2.8-1.95-2-5.55a.7.7 0 0 1 0-.52.77.77 0 0 1 .38-.4 6 6 0 0 0 1.52-1.13 11.18 11.18 0 0 0 .9-1.15.8.8 0 0 1 .32-.28 6.85 6.85 0 0 0 2-1.35 5.43 5.43 0 0 0 1.67-3.2 8.66 8.66 0 0 0 .1-1.2 7.34 7.34 0 0 0-.25-1.87A.6.6 0 0 1 56 37a.79.79 0 0 1-.18-.12l-.1-.1h-.08A7 7 0 0 0 52 35.6l-4.75-.25a.74.74 0 0 1-.52-.25.7.7 0 0 1-.2-.52.74.74 0 0 1 .25-.52.7.7 0 0 1 .52-.2l4.7.24a11.85 11.85 0 0 1 1.5.15A12.41 12.41 0 0 1 52 29a.73.73 0 0 1 .18-.55.74.74 0 0 1 .52-.25.73.73 0 0 1 .55.18.74.74 0 0 1 .25.52 10.85 10.85 0 0 0 1.55 4.95 8.74 8.74 0 0 0 1.58 1.68l.25.17.13-.12a5.73 5.73 0 0 0 1.27-3.73 6.12 6.12 0 0 0-1.87-4.47 6 6 0 0 0-1.73-1.3.75.75 0 0 1-.27-.23.76.76 0 0 1-.15-.32 9.08 9.08 0 0 0-2.74-5.01zm5.93 5.8a7.54 7.54 0 0 1 2.32 5.52 7.26 7.26 0 0 1-1.62 4.68c-.11.11-.21.24-.33.38A9 9 0 0 1 58 39.1a9.75 9.75 0 0 1-.1 1.4 7 7 0 0 1-2.12 4.1 8.77 8.77 0 0 1-2.22 1.58q-.44.58-1 1.13a8.91 8.91 0 0 1-1.35 1.13l2 5.5a.7.7 0 0 1 0 .48.79.79 0 0 1-.3.4L49 57.52a.7.7 0 0 1-.55.13.79.79 0 0 1-.5-.33l-5.35-7.67h-.1a7.38 7.38 0 0 1-5-1.93 6.15 6.15 0 0 1-.6.3 8.1 8.1 0 0 1-3.42.73 9.77 9.77 0 0 1-2.65-.37h-.08a9.22 9.22 0 0 1-1.75-.96l-.12-.1-.88-.85-.65-.73-.6.33a7.67 7.67 0 0 1-3.37.77 7.77 7.77 0 0 1-5.62-2.27l-.23-.23a7.84 7.84 0 0 1-2.9-1.92A7.69 7.69 0 0 1 13 33.55a7.75 7.75 0 0 1-.47-2.7 7.35 7.35 0 0 1 2.32-5.47 7.13 7.13 0 0 1 3.5-2 7 7 0 0 1 2.08-3.45 7 7 0 0 1 5.45-2.35 7.53 7.53 0 0 1 2 .28 8.19 8.19 0 0 1 .93-1.18 7.6 7.6 0 0 1 5.57-2.33 7.47 7.47 0 0 1 5.48 2.33 4 4 0 0 1 .48.5l.5-.23a11.34 11.34 0 0 1 3.8-.65 14.61 14.61 0 0 1 1.8.1 10.18 10.18 0 0 1 6.15 3.13 10.54 10.54 0 0 1 3 5.43 7.5 7.5 0 0 1 1.86 1.36zm-4.3-19.6a.74.74 0 0 1-.52-1.28.71.71 0 0 1 .52-.22h6q7.6 0 7.6 7.6v6a.75.75 0 0 1-1.5 0v-6q0-6.1-6.1-6.1z"></path> </symbol> <symbol id="av-animation-intelligent-antivirus" viewbox="0 0 72 72"> <path d="M11.58 47.45a1.2 1.2 0 0 0-.62-.82h-.08a1.48 1.48 0 0 0-1.1-.17l-3.25 2-.1.08-1.43.84h5.72a1.38 1.38 0 0 0 .75-.72 1.72 1.72 0 0 0 .11-1.21zm13.65 7.48h-.05a1.42 1.42 0 0 0-1.17 0h-.08a1.76 1.76 0 0 0-1 .75 1.63 1.63 0 0 0-.12 1.08l1.9 2.88a.37.37 0 0 1 .05.13l1.65 2.48-.33-6.37a2.2 2.2 0 0 0-.85-.95zm-3-10.17A1.16 1.16 0 0 0 22 44a1.18 1.18 0 0 0-.77-.37h-.05a.91.91 0 0 0-.77.23 1.13 1.13 0 0 0-.43.77 1.11 1.11 0 0 0 .3.85v.05a1.16 1.16 0 0 0 .8.4 1.28 1.28 0 0 0 .8-.3 1.21 1.21 0 0 0 .37-.88zM23.1 43a2.55 2.55 0 0 1 .63 1.88 2.65 2.65 0 0 1-.9 1.85 2.58 2.58 0 0 1-1.93.68 2.46 2.46 0 0 1-1.8-1 2.55 2.55 0 0 1-.65-1.9 2.49 2.49 0 0 1 .93-1.78 2.29 2.29 0 0 1 1.92-.62 2.59 2.59 0 0 1 1.8.89zm10.28-5.8h-.12l-1.2.25a2.76 2.76 0 0 0-.8.77 1.77 1.77 0 0 0 .15 1.2 2 2 0 0 0 .75.77 1.83 1.83 0 0 0 1.23-.08l.92-.8a.52.52 0 0 1 .1-.12l3.27-2.82zm-19.3-4.92L14 32.2l-1.73-1.63.67 2.2 1 3.83a1.3 1.3 0 0 0 .92.55l.15.05a1.24 1.24 0 0 0 1.1-.23l.19.03a1.08 1.08 0 0 0 .7-.75 2.63 2.63 0 0 0-.17-1.42zM7.4 39.1a.73.73 0 0 1 .27.4.77.77 0 0 1 0 .5q-.16.36-.32.67a13.92 13.92 0 0 0-.7 6l2.42-1.52.18-.08a2.85 2.85 0 0 1 2.4.25h-.08A2.48 2.48 0 0 1 13 47.05a3.23 3.23 0 0 1-.25 2.2A2.82 2.82 0 0 1 11 50.83a.67.67 0 0 1-.2 0H7.73q.14.3.3.6a13.2 13.2 0 0 0 3.87 4.88l.08.08a1.78 1.78 0 0 0 .25.2.69.69 0 0 1 .27.35.78.78 0 0 1 0 .48l-.75 2.83 2.18-2a.74.74 0 0 1 .4-.2.68.68 0 0 1 .42.08 4.67 4.67 0 0 1 .52.3l.93.38a14.45 14.45 0 0 0 6.6.73l-1.32-2a.83.83 0 0 1-.08-.17 3 3 0 0 1 .18-2.37v-.05a3.26 3.26 0 0 1 1.87-1.5l-.08.05a2.82 2.82 0 0 1 2.48 0 3.7 3.7 0 0 1 1.58 1.8.77.77 0 0 1 0 .27l.1 2.25a10.74 10.74 0 0 0 3.15-2.2.81.81 0 0 1 .45-.22.68.68 0 0 1 .45.1l2.9 1.58-1.73-2.98a.75.75 0 0 1-.1-.42.8.8 0 0 1 .15-.42 12.84 12.84 0 0 0 1.68-3.18q.1-.46.25-1a.75.75 0 0 1 .27-.4.71.71 0 0 1 .45-.15h3.45l-3.27-1.87a.83.83 0 0 1-.37-.7 13.37 13.37 0 0 0-.6-4.87l-.32.3-.1.07a3.12 3.12 0 0 1-2.48.23h-.12a3.4 3.4 0 0 1-1.52-1.48 3.17 3.17 0 0 1-.27-2.4.79.79 0 0 1 .1-.23 4 4 0 0 1 1.53-1.45l.2-.07.22-.06a13.84 13.84 0 0 0-3.67-3 .7.7 0 0 1-.33-.37.71.71 0 0 1 0-.5l.45-1.35-1.35 1.1a.74.74 0 0 1-.42.17.67.67 0 0 1-.43-.1 3.75 3.75 0 0 0-.55-.25q-.58-.19-1.2-.32a15.38 15.38 0 0 0-2.3-.38.72.72 0 0 1-.4-.15.8.8 0 0 1-.25-.37l-.93-2.85-.65 2.75a.77.77 0 0 1-.23.38.73.73 0 0 1-.37.2 18.34 18.34 0 0 0-3.4 1L18 33.8a.89.89 0 0 1 .17.23 3.9 3.9 0 0 1 .38 2.38v.07A2.58 2.58 0 0 1 17 38.3a2.51 2.51 0 0 1-2.23.4 2.84 2.84 0 0 1-2.1-1.27.7.7 0 0 1-.1-.23l-.77-2.92a12.34 12.34 0 0 0-2.73 3 .71.71 0 0 1-.3.27.78.78 0 0 1-.43.07l-3.42-.45zm2.9-11.67a.75.75 0 0 1 .48-.12.76.76 0 0 1 .45.2l3.45 3.27a21.06 21.06 0 0 1 3.87-1.23l1.12-4.83a.73.73 0 0 1 .25-.4.76.76 0 0 1 .45-.17.71.71 0 0 1 .45.13.77.77 0 0 1 .27.4l1.6 4.88a17 17 0 0 1 2.12.38q.68.16 1.3.38l.28.1 3-2.58a.68.68 0 0 1 .43-.17.77.77 0 0 1 .48.13.69.69 0 0 1 .27.38.71.71 0 0 1 0 .48L29.5 32a15.48 15.48 0 0 1 4.08 3.68l6.7-1.23a.73.73 0 0 1 .8.42.72.72 0 0 1 0 .48.74.74 0 0 1-.23.42l-5 4.33a15 15 0 0 1 .87 5.52l5.35 3.08a.72.72 0 0 1 .33.35.78.78 0 0 1 0 .5.74.74 0 0 1-.27.4.71.71 0 0 1-.45.15L36 50l-.1.42v.08a14.61 14.61 0 0 1-1.6 3.22l3 5a.77.77 0 0 1 .15.4.72.72 0 0 1-.15.5.74.74 0 0 1-.45.28.68.68 0 0 1-.5-.08l-4.85-2.64a12.86 12.86 0 0 1-3.75 2.38l.32 5.4a.75.75 0 0 1-.12.48.68.68 0 0 1-.37.27.77.77 0 0 1-.5 0 .72.72 0 0 1-.37-.3l-3-4.48a15.74 15.74 0 0 1-8-.67l-1-.4-.12-.07-3.69 3.31a.72.72 0 0 1-.42.2.69.69 0 0 1-.45-.1.8.8 0 0 1-.32-.37.73.73 0 0 1 0-.48L11 57.5a14.55 14.55 0 0 1-4.25-5.35 7.34 7.34 0 0 1-.52-1.27L2 51a.77.77 0 0 1-.48-.15.73.73 0 0 1-.27-.4.76.76 0 0 1 0-.5.71.71 0 0 1 .33-.35l3.6-2A15.13 15.13 0 0 1 6 40.1v-.2l-4.25-3.25a.75.75 0 0 1-.27-.4.71.71 0 0 1 0-.48.78.78 0 0 1 .33-.37.74.74 0 0 1 .47-.1l5.75.75a14 14 0 0 1 3.28-3.35L10 28.28a.78.78 0 0 1 0-.5.66.66 0 0 1 .3-.35zm13.2-13.55a6.06 6.06 0 0 0-2 .82 2.31 2.31 0 0 0-.45 1.6v5.3a.75.75 0 0 1-1.5 0v-5.3a3.39 3.39 0 0 1 .95-2.7 6.59 6.59 0 0 1 2.55-1.17L42 6.93a12 12 0 0 1 3.12-.67 13.17 13.17 0 0 1 3.23.67l18.9 5.5a6.59 6.59 0 0 1 2.55 1.17 3.39 3.39 0 0 1 1 2.7v17.28q0 1.24-.2 2.38a30.09 30.09 0 0 1-8.25 17l-.68.67q-1.17 1.21-2.5 2.38a61.39 61.39 0 0 1-7.8 5.75l-1.67 1.02q-1.66.95-3.42 1.9h.08l-.6.35a.89.89 0 0 1-.58.17.83.83 0 0 1-.48-.12l-.5-.33a22.3 22.3 0 0 1-2.2-1.27q-1.51-.85-2.93-1.7a.76.76 0 0 1 .8-1.3q1.39.85 2.87 1.7a20.71 20.71 0 0 0 2 1.15h.05l.32.23.33-.2h.07q1.74-.95 3.37-1.9l1.65-1.05a60 60 0 0 0 7.6-5.65q1.26-1.13 2.37-2.3l.65-.65A28.78 28.78 0 0 0 69 35.66q.15-1.06.2-2.23V16.3a2.31 2.31 0 0 0-.45-1.6 6 6 0 0 0-1.95-.82L48 8.38a13.27 13.27 0 0 0-2.8-.63 12 12 0 0 0-2.67.63z"></path> </symbol> <symbol id="av-animation-wifi-inspector" viewbox="0 0 72 72"> <path d="M26.5 49.59a.65.65 0 0 1 .3-.5 13.79 13.79 0 0 1 9.2-3.35.77.77 0 0 1 .55.25.68.68 0 0 1 .2.5.69.69 0 0 1-.75.75 12.32 12.32 0 0 0-7.65 2.5L36 58.89l3.8-4.4a.65.65 0 0 1 .5-.3.61.61 0 0 1 .55.2.72.72 0 0 1 .25.5.67.67 0 0 1-.15.55l-4.35 5.1a1.32 1.32 0 0 1-.35.25 1 1 0 0 1-.45 0 .73.73 0 0 1-.35-.25l-8.75-10.4a.61.61 0 0 1-.2-.55zm10.65-12.2a.68.68 0 0 1 .2.5.69.69 0 0 1-.75.75H36a20.37 20.37 0 0 0-13.75 5 .67.67 0 0 1-.55.15.89.89 0 0 1-.5-.25l-5.55-6.65a.87.87 0 0 1-.2-.55.61.61 0 0 1 .25-.5A30 30 0 0 1 36 28.49a32.46 32.46 0 0 1 9.1 1.25.6.6 0 0 1 .45.35.79.79 0 0 1 .1.55.8.8 0 0 1-.35.45 1 1 0 0 1-.6.1A30.83 30.83 0 0 0 36 30a28.58 28.58 0 0 0-18.75 6.55l4.6 5.5A21.81 21.81 0 0 1 36 37.14h.6a.76.76 0 0 1 .55.25zm28.3 19.5v-.05L61 52.34a14.78 14.78 0 0 1-1 1.1l-1 1 4.5 4.45a1 1 0 0 0 .9.35h.1a1.52 1.52 0 0 0 1-.35 2.05 2.05 0 0 0 .45-1.15 1.09 1.09 0 0 0-.5-.85zm-15.6-23.8a10.68 10.68 0 0 0-6.85 3.3 11 11 0 0 0-1.85 2.3 10.77 10.77 0 0 0-1.5 5.65 11 11 0 0 0 .25 2.35 10.64 10.64 0 0 0 3 5.55l.15.15a10.73 10.73 0 0 0 8 3.3 11.13 11.13 0 0 0 6.4-1.9.09.09 0 0 1 .1-.1 17.67 17.67 0 0 0 1.45-1.3v-.05a11 11 0 0 0 1.3-1.55h.05a10.93 10.93 0 0 0 1.95-6.4 10.73 10.73 0 0 0-3.3-8 10.87 10.87 0 0 0-8-3.35q-.65-.04-1.15.05zm-.15-1.5h1.2a12.31 12.31 0 0 1 9.1 3.8 12.17 12.17 0 0 1 3.75 9 12.6 12.6 0 0 1-1.9 6.8l4.65 4.65a2.51 2.51 0 0 1 .9 2 3 3 0 0 1-.9 2.1 2.66 2.66 0 0 1-2 .8h-.1a2.42 2.42 0 0 1-2-.8l-4.65-4.6a12.78 12.78 0 0 1-6.9 1.9 12.17 12.17 0 0 1-9-3.75l-.15-.15A11.92 11.92 0 0 1 38.4 47a11.31 11.31 0 0 1-.3-2.65 12.25 12.25 0 0 1 1.7-6.4 13.56 13.56 0 0 1 2.1-2.55 12 12 0 0 1 7.8-3.81zm2 5.05a.69.69 0 0 1-.75.75 7.32 7.32 0 0 0-4.85 1.85l-.1.2a3.74 3.74 0 0 0-.6.65v.05a6 6 0 0 0-1.5 4.2.86.86 0 0 1-.2.55.68.68 0 0 1-.5.2.74.74 0 0 1-.55-.2.62.62 0 0 1-.25-.5 7.73 7.73 0 0 1 1.8-5.2 3.13 3.13 0 0 1 .5-.65.49.49 0 0 1 .2-.25 8.64 8.64 0 0 1 6-2.4.76.76 0 0 1 .55.25.68.68 0 0 1 .25.5zm16-13.5a1.05 1.05 0 0 1-.15.55L62 30.29a.9.9 0 0 1-.5.25.62.62 0 0 1-.55-.15 37.4 37.4 0 0 0-25-9 37 37 0 0 0-24.9 9 .67.67 0 0 1-.55.15.89.89 0 0 1-.5-.25l-5.6-6.6a.61.61 0 0 1-.2-.55.79.79 0 0 1 .3-.5A46.77 46.77 0 0 1 36 11.19a46.84 46.84 0 0 1 31.5 11.45.54.54 0 0 1 .25.5zM36 12.69a45.21 45.21 0 0 0-29.9 10.6l4.6 5.45A38.58 38.58 0 0 1 36 19.89a38.78 38.78 0 0 1 25.35 8.85L66 23.29a45.4 45.4 0 0 0-30-10.6z"></path> </symbol> <symbol id="av-animation-behaviour-shield" viewbox="0 0 72 72"> <path d="M39.8 36.32a2.33 2.33 0 0 1 .62-1.83 3.7 3.7 0 0 1 1.68-.8L55.3 30h.2a6.84 6.84 0 0 1 2.07.45l11.4 3.3a3.85 3.85 0 0 1 1.65.77 2.23 2.23 0 0 1 .67 1.83v10.42l-.15 1.35a18.32 18.32 0 0 1-5 10.43l-1.91 1.85-.05.05A46.17 46.17 0 0 1 59.4 64l-.95.6h-.05q-1.38.82-2.15 1.17l-.33.18a.73.73 0 0 1-.5.15.74.74 0 0 1-.42-.2l-.23-.12a7.1 7.1 0 0 1-1.29-.78h-.08a39 39 0 0 1-6.5-4.55l-1-1-.25-.2-.87-.87a21 21 0 0 1-3.57-5.5l-.35-.8a13.08 13.08 0 0 1-.85-3.2 16 16 0 0 1-.2-2.1zm1.68-.77a1.33 1.33 0 0 0-.18.77v10.45a16.48 16.48 0 0 0 .2 1.9 11.46 11.46 0 0 0 .75 2.8l.35.8a19.49 19.49 0 0 0 3.27 5.08l.85.85.25.2.95 1a38.28 38.28 0 0 0 6.3 4.38h.07a5.59 5.59 0 0 0 1.1.6l.13.08.1-.05q.72-.34 2-1.1l.9-.57a44.08 44.08 0 0 0 4.62-3.37L65 57.55A16.92 16.92 0 0 0 69.65 48l.15-1.32V36.32a1.18 1.18 0 0 0-.2-.75 3.55 3.55 0 0 0-1-.4l-11.4-3.3a6.61 6.61 0 0 0-1.52-.35L42.5 35.15a3.55 3.55 0 0 0-1.02.4zm3.7-20.3a.72.72 0 0 1 .23.52v1a.75.75 0 0 1-1.5 0v-1a.74.74 0 0 1 1.27-.52zm5.43.52v1a.75.75 0 0 1-1.5 0v-1a.75.75 0 0 1 1.5 0zM30.07 34.9a.24.24 0 1 0-.17.08.26.26 0 0 0 .17-.08zm-27-22.32a1.82 1.82 0 0 0-.85 1.8v5.85H54.7v-5.86a1.89 1.89 0 0 0-.8-1.82 3.18 3.18 0 0 0-1.07-.15H4.3a4.2 4.2 0 0 0-1.17.1zm-.6-1.4a4.54 4.54 0 0 1 1.85-.25h48.53a4.26 4.26 0 0 1 1.62.25q1.7.66 1.7 3.17v13.1a.75.75 0 0 1-1.5 0v-5.73H2.2V34h5.37l1.6-6.42a.79.79 0 0 1 .27-.43.75.75 0 0 1 .9 0 .79.79 0 0 1 .27.43L14 40.92l3.2-10.43a.73.73 0 0 1 .27-.37.75.75 0 0 1 .9 0 .73.73 0 0 1 .27.38L19.7 34h8.62a1.82 1.82 0 0 1 .35-.48 1.75 1.75 0 1 1 0 2.45 1.82 1.82 0 0 1-.35-.48h-9.17a.77.77 0 0 1-.45-.15.74.74 0 0 1-.27-.37l-.53-1.67-3.27 10.65a.74.74 0 0 1-.3.38.72.72 0 0 1-.45.15.74.74 0 0 1-.45-.17.71.71 0 0 1-.25-.4L9.9 30.8l-1 4.1a.8.8 0 0 1-.27.43.7.7 0 0 1-.45.15h-6v16.34h36.57a.75.75 0 0 1 0 1.5H1.45a.72.72 0 0 1-.52-.23.72.72 0 0 1-.23-.52v-38.2q0-2.52 1.75-3.2zm3.66-3.66l-.08.05a1.82 1.82 0 0 0-.85 1.8.74.74 0 0 1-1.27.52.72.72 0 0 1-.23-.52q0-2.53 1.75-3.2a4.54 4.54 0 0 1 1.85-.25h42.55a3.63 3.63 0 0 1 1.67.27q1.7.66 1.7 3.17a.75.75 0 0 1-1.5 0 1.89 1.89 0 0 0-.8-1.82 3 3 0 0 0-1-.12H7.3a4.2 4.2 0 0 0-1.17.1z"></path> </symbol> </svg> <link rel="stylesheet" href="https://jirimaha.com/avg/avast-navigation/assets/fonts/fonts.css" /> <section class="section" data-av-animation="all"> <div class="av-animation"> <!-- features--> <div class="av-animation-features"> <div class="av-animation-item" data-av-animation-item="1"> <svg> <use href="#av-animation-intelligent-antivirus"></use> </svg> </div> <div class="av-animation-item" data-av-animation-item="2"> <svg> <use href="#av-animation-behaviour-shield"></use> </svg> </div> <div class="av-animation-item" data-av-animation-item="3"> <svg> <use href="#av-animation-smart-scan"></use> </svg> </div> <div class="av-animation-item" data-av-animation-item="4"> <svg> <use href="#av-animation-wifi-inspector"></use> </svg> </div> <div class="av-animation-item" data-av-animation-item="5"> <svg> <use href="#av-animation-safe-browser"></use> </svg> </div> <div class="av-animation-item" data-av-animation-item="6"> <svg> <use href="#av-animation-game-mode"></use> </svg> </div> <div class="av-animation-item" data-av-animation-item="7"> <svg> <use href="#av-animation-cyber-capture"></use> </svg> </div> <div class="av-animation-item" data-av-animation-item="8"> <svg> <use href="#av-animation-passwords"></use> </svg> </div> </div> <!-- central area: laptop--> <div class="av-animation-laptop"> <svg> <use href="#av-animation-laptop"></use> </svg> </div> <!-- central area: tick--> <div class="av-animation-tick"> <div class="av-animation-frame"></div> <div class="av-animation-icon"> <svg> <use href="#av-animation-tick"></use> </svg> </div> <div class="av-animation-circle"></div> </div> <!-- central area: texts--> <div class="av-animation-texts"> <div class="av-animation-text" data-av-animation-text="1"> <div class="av-animation-title">Intelligent Antivirus</div> <div class="av-animation-description">Malware, spyware, ransomware, phishing – all blocked thanks to next gen threat protection.</div> </div> <div class="av-animation-text" data-av-animation-text="2"> <div class="av-animation-title">Behaviour Shield</div> <div class="av-animation-description">Suspicious behavior blocked for zero second protection against unknown threats and ransomware.</div> </div> <div class="av-animation-text" data-av-animation-text="3"> <div class="av-animation-title">Smart Scan</div> <div class="av-animation-description">Find those cracks from unsafe settings, passwords, suspicious add-ons and out-of-date software.</div> </div> <div class="av-animation-text" data-av-animation-text="4"> <div class="av-animation-title">WiFi Inspector</div> <div class="av-animation-description">Automatically detects weaknesses in your home Wi-Fi network and finds unwelcome piggybackers.</div> </div> <div class="av-animation-text" data-av-animation-text="5"> <div class="av-animation-title">Safe Browser</div> <div class="av-animation-description">All the privacy and security features you need in one browser to surf & shop safely.</div> </div> <div class="av-animation-text" data-av-animation-text="6"> <div class="av-animation-title">Game Mode</div> <div class="av-animation-description">Automatically puts notifications on hold to make the most out of your gaming sessions.</div> </div> <div class="av-animation-text" data-av-animation-text="7"> <div class="av-animation-title">CyberCapture</div> <div class="av-animation-description">Suspicious files are automatically analyzed and a cure provided for everyone if they’re a threat.</div> </div> <div class="av-animation-text" data-av-animation-text="8"> <div class="av-animation-title">Paswords</div> <div class="av-animation-description">One secure one for all your accounts – we manage the rest so you can log in quickly and securely.</div> </div> </div> </div> </section> <script src='//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js'></script><script src='https://cdnjs.cloudflare.com/ajax/libs/scrollmonitor/1.2.0/scrollMonitor.js'></script> <script >var n = 0; var $animation = document.querySelector('.av-animation'); var $section = $animation.parentNode; var $items = $animation.querySelectorAll('.av-animation-item'); var $texts = $animation.querySelectorAll('.av-animation-text'); function initAfterEntryAnimationEnds() { n += 1; // show text on hover over icons $items.forEach(function (item, index, array) { item.addEventListener('mouseenter', function (event) { itemMouseEnterListener(index); }); }); // remove text only when leave the whole animation area $animation.addEventListener('mouseleave', itemMouseLeaveListener); // remove listener because we need it to run only once $animation.removeEventListener('animationend', initAfterEntryAnimationEnds); } function itemMouseEnterListener(index) { $section.setAttribute('data-av-animation', index + 1); } function itemMouseLeaveListener(index) { $section.setAttribute('data-av-animation', 'all'); } // run once the entry animation finishes $animation.addEventListener('animationend', initAfterEntryAnimationEnds); // // scrollMonitor.js var animationWatcher = scrollMonitor.create($animation, { top: -100, bottom: -100 }); if (!animationWatcher.isInViewport) { $section.classList.add('av-animation-out-viewport'); } else { $section.classList.add('av-animation-in-viewport'); } animationWatcher.enterViewport(function () { // console.log( 'I have entered the viewport' ); if ($section.classList.contains('av-animation-out-viewport')) $section.classList.remove('av-animation-out-viewport'); if (animationWatcher.isAboveViewport) { $section.classList.add('av-animation-in-viewport'); } else { $section.classList.add('av-animation-in-viewport'); if (n === 0) $section.classList.add('av-animation-entry-animated'); } }); animationWatcher.exitViewport(function () { // console.log( 'I have left the viewport' ); $section.classList.remove('av-animation-in-viewport'); $section.classList.add('av-animation-out-viewport'); }); //# sourceURL=pen.js </script> </body></html>

Related: See More


Questions / Comments: