CINXE.COM
<html> <head> <style> @font-face { font-family: 'YT Sans'; font-style: normal; font-weight: 500; src: local('YTSans Medium'), local('YTSans-Medium'), url(https://fonts.gstatic.com/s/ytsans/v10/46kqlb3ta3zqoJU2dbvnb0xg0mlY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'YT Sans'; font-style: normal; font-weight: 500; src: local('YTSans Medium'), local('YTSans-Medium'), url(https://fonts.gstatic.com/s/ytsans/v10/46kqlb3ta3zqoJU2dbvnb0Jg0g.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } * { box-sizing: border-box; } a, body, div, h1, h2, h3, h4, h5, h6, html, img, li, ol, p, span, ul { margin: 0; padding: 0; border: 0; font-size: 100%; background: transparent; } html, body, #page, #content-container, #content, #body-wrapper { height: 100%; } body { background: white; color: #0d0d0d; font-family: 'Roboto', sans-serif; font-weight: 400; white-space: inherit; overflow: inherit; text-overflow: inherit; -webkit-font-smoothing: antialiased; } #header { height: 56px; padding: 16px 24px; background-color: rgba(256, 256, 256, 0.98); position: relative; } a { text-decoration: none; cursor: pointer; } #logo-icon { position: absolute; top: 18px; left: 24px; } .rtl #logo-icon { left: initial; right: 24px; } #body-wrapper { height: auto; min-height: 100%; padding-bottom: 65px; position: relative; } #main-content { max-width: 1068px; /* vertical+horizontal centering on all browsers: use absolute positioning * to center this element, then use negative margins equal to half the * width/height of this element to perfectly center it in its container. */ position: absolute; top: 50%; left: 50%; margin: -160px 0 0 -356px; text-align: center; } .rtl #main-content { left: initial; right: 50%; margin: -178px -534px 0 0; } #main-content.gt-four-browsers { margin-top: -254px; } #art { display: inline-block; float: left; } .rtl #art { float: right; } #browsers { display: inline-block; margin-left: 48px; max-width: 592px; } .rtl #browsers { margin-left: inherit; margin-right: 48px; } h1 { font-family: 'YT Sans', sans-serif; font-weight: 500; margin-bottom: 16px; font-size: 32px; line-height: 48px; } p { margin-bottom: 24px; line-height: 21px; } #browsers-list { list-style: none; } .browser { display: inline-block; width: 136px; height: 136px; margin: 0 16px 16px 0; background: #f3f3f3; border-radius: 4px; } .rtl .browser { margin: 0 0 16px 16px; } .browser.last { margin-right: 0; } .rtl .browser.last { margin-right: inherit; margin-left: 0; } .browser>a { display: block; width: 100%; height: 100%; padding: 16px; color: #0d0d0d; } .browser>a:visited { color: #0d0d0d; } .browser img { margin: 0 16px 8px 16px; } .browser h3 { font-size: 14px; font-weight: 500; line-height: 16px; text-align: center; } #footer { border-top: 1px solid #F0F0F0; text-align: center; padding: 16px; margin-top: -65px; background: white; position: relative; } .site-links>* { display: inline-block; padding: 8px 0; } .site-link { margin-right: 40px; font-size: 14px; font-weight: 500; line-height: 16px; } .rtl .site-link { margin-right: inherit; margin-left: 40px; } .site-link a, .site-link a:visited { color: #606060; } .copyright { color: #909090; font-size: 13px; } @media (max-width: 100%) { #main-content { max-width: 100%; } #art { width: 390px; height: 260px; } } @media (max-width: 1069px) { #main-content { position: relative; top: inherit; left: inherit; margin: 0 auto; max-width: 640px; text-align: center; } .rtl #main-content { right: inherit; margin: 0 auto; } #main-content.gt-four-browsers { margin-top: 0; } #art, .rtl #art { float: none; } #browsers { margin-bottom: 24px; margin-left: 0; } .rtl #browsers { margin-left: inherit; margin-right: 0; } } @media (max-width: 647px) { #main-content { margin: 16px auto; max-width: 440px; } #art { width: 360px; height: 240px; } #browsers-list { margin-right: -16px; text-align: left; } .rtl #browsers-list { margin-right: inherit; margin-left: -16px; text-align: right; } #footer { position: relative; } } @media (max-width: 491px) { #main-content { max-width: 288px; } h1 { font-size: 32px; line-height: 40px; } #art { width: 300px; height: 200px; } } </style> <style type="text/css"> .vue-notification-group { display: block; position: fixed; z-index: 5000 } .vue-notification-wrapper { display: block; overflow: hidden; width: 100%; margin: 0; padding: 0 } .notification-title { font-weight: 600 } .vue-notification-template { background: #fff } .vue-notification, .vue-notification-template { display: block; box-sizing: border-box; text-align: left } .vue-notification { font-size: 12px; padding: 10px; margin: 0 5px 5px; color: #fff; background: #44a4fc; border-left: 5px solid #187fe7 } .vue-notification.warn { background: #ffb648; border-left-color: #f48a06 } .vue-notification.error { background: #e54d42; border-left-color: #b82e24 } .vue-notification.success { background: #68cd86; border-left-color: #42a85f } .vn-fade-enter-active, .vn-fade-leave-active, .vn-fade-move { transition: all .5s } .vn-fade-enter, .vn-fade-leave-to { opacity: 0 } </style> </head> <body cz-shortcut-listen="true"> <div id="page" class=""> <div id="content-container"> <div id="content"> <div id="body-wrapper"> <div id="main-content"> <p> <img src="https://grupoautentica.f1cdn.com.br/parametros_gerais/false/false/true/false/17086899705726.png" alt="logo"> </p> <h1>Ops, infelizmente seu navegador n茫o 茅 suportado :(</h1> <p>Atualize seu navegador para um mais recente para uma melhor experi锚ncia em nossa Loja Virtual!</p> <ul id="browsers-list"> <li class="browser"><a href="https://www.google.com/chrome/index.html" target="_blank"><img src="/templates/grupoautentica/images/chrome.png" alt="" width="72px" height="72px"> <h3>Google Chrome</h3> </a></li> <li class="browser"><a href="https://www.opera.com/" target="_blank"><img src="/templates/grupoautentica/images/opera.png" alt="" width="72px" height="72px"> <h3>Opera</h3> </a></li> <li class="browser"><a href="https://www.mozilla.org/firefox/new/" target="_blank"><img src="/templates/grupoautentica/images/firefox.png" alt="" width="72px" height="72px"> <h3>Mozilla Firefox</h3> </a></li> <li class="browser last"><a href="https://www.microsoft.com/edge" target="_blank"><img src="/templates/grupoautentica/images/edge.png" alt="" width="72px" height="72px"> <h3>Microsoft Edge</h3> </a></li> </ul> </div> </div> </div> </div> </div> </body> </html>