<!doctype html>
<html lang="pt" dir="ltr">
<head>
    <meta charset="utf-8">
    <title>e-commerce</title>
    <base href="/">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/ico" href="../../assets/_img/logo/favicon.png">

    <!-- fonts -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i">
    <link rel="stylesheet" href="assets/vendor/fontawesome/css/all.min.css">
    <link rel="stylesheet" href="assets/fonts/webaEcommerce/webaEcommerce.css">

    <!-- facebook sdk -->
    <script type='text/javascript' src='https://connect.facebook.net/pt_PT/sdk/xfbml.customerchat.js'></script>
    
<link rel="stylesheet" href="styles.ef051806224932adb155.css"></head>
<body>
    <div class="site-preloader">
        <style>
            @keyframes site-preloader-animation {
                from {
                    transform: rotateZ(0deg);
                }
                to {
                    transform: rotateZ(360deg);
                }
            }

            app-root *,
            app-root *:before,
            app-root *:after {
                transition-duration: 0s !important;
            }

            body {
                overflow: hidden !important;
                overflow-y: scroll !important;
                height: 100% !important;
            }

            .site-preloader {
                position: fixed;
                left: 0;
                top: 0;
                right: 0;
                bottom: 0;
                background-color: #fff;
                z-index: 99999;
                opacity: 1;
            }
            .site-preloader::before {
                box-sizing: border-box;
                content: '';
                display: block;
                position: absolute;
                left: calc(50% - 50px);
                top: calc(50% - 50px);
                width: 100px;
                height: 100px;
                border-radius: 50px;
                border: 3px solid rgba(0, 0, 0, .2);
                border-top-color: rgba(0, 0, 0, .6);

                animation-name: site-preloader-animation;
                animation-duration: .5s;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
            }
            .site-preloader__fade {
                transition: opacity .3s;
                opacity: 0;
            }
        </style>
    </div>

    <app-root></app-root>
    <div id="consentContainer"></div>
<script src="runtime-es2015.794b7ef7f94ecba423c5.js" type="module"></script><script src="runtime-es5.794b7ef7f94ecba423c5.js" nomodule defer></script><script src="polyfills-es5.5fd87daed73643ba4bb2.js" nomodule defer></script><script src="polyfills-es2015.4297eb367d08e47a7241.js" type="module"></script><script src="scripts.1064ca3406a50daf3ddc.js" defer></script><script src="main-es2015.49958ae863acb1b97f70.js" type="module"></script><script src="main-es5.49958ae863acb1b97f70.js" nomodule defer></script></body>
</html>
