<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <title>Alarmas Verisure Perú</title>
        <link rel="shortcut icon" href="<?= $baseUrl ?>/public/images/favicon.ico">
        
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/bootstrap.min.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/loaders.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/animate.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/style.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/responsive.css" rel="stylesheet" type="text/css">
        <link href="<?= $baseUrl ?>/public/assets/clientesverisure/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <link rel='dns-prefetch' href='//fonts.googleapis.com' />
        <link rel='stylesheet' id='tt-easy-google-fonts-css' href='https://fonts.googleapis.com/css?family=Fira+Sans%3A300%2C500%2C100%2C300italic%2C200&#038;subset=latin%2Call&#038;ver=5.3.7' type='text/css' media='all' />
        <script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>
        <!-- start Simple Custom CSS and JS -->
        
        <style type="text/css">
            /*
            Formulario CF7 a 2 columnas responsive
            */
            
            #responsive-form {
                max-width: 600px/*-- change this to get your desired form width --*/;
                margin: 0 auto;
                width: 100%;
            }
            
            .form-row {
                width: 100%;
            }
            
            .column-half,
            .column-full {
                float: left;
                position: relative;
                padding: 0.65rem;
                width: 100%;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box
            }
            
            .clearfix:after {
                content: "";
                display: table;
                clear: both;
            }
            
            .btn.btn-red {
                width: 40%;
                border-radius: 30px;
                font-size: 22px;
            }
            
            .text-danger {
                color: #ff0500;
                font-weight: 400;
            }
            
            .navbar.bg-transparent {
                display: none;
            }
            
            #page .section_content h1 {
                display: none;
            }
            
            /**---------------- Media query ----------------**/
            @media only screen and (min-width: 48em) {
                .column-half {
                    width: 50%;
                }
            }
        </style>
        
        <!-- end Simple Custom CSS and JS -->
        <style id="tt-easy-google-font-styles" type="text/css">
            p {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 300;
                text-decoration: none;
                text-transform: none;
            }
            
            h1 {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 500;
                text-decoration: none;
                text-transform: none;
            }
            
            h2 {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 500;
            }
            
            h3 {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 100;
            }
            
            h4 {
                font-family: 'Fira Sans';
                font-style: italic;
                font-weight: 300;
            }
            
            h5 {
                font-family: 'Fira Sans';
                font-style: italic;
                font-weight: 300;
            }
            
            h6 {
                font-family: 'Fira Sans';
                font-style: normal;
                font-weight: 500;
                text-decoration: none;
            }
            
            .section-header text-center wow fadeIn,
            .wpcf7-form-control-wrap nombre,
            .wpcf7-form-control-wrap apellidos,
            .wpcf7-form-control-wrap telefono,
            .form-group,
            .wpcf7,
            body {
                color: #3a3a3a;
                font-family: 'Fira Sans';
                font-size: 15px;
                font-style: normal;
                font-weight: 200;
                text-decoration: none;
                text-transform: none;
            }
            
            .swal2-popup {
                font-size: 1.5rem;
            }
            
            .abs-center {
                display: flex;
                align-items: center;
                justify-content: center;
            }
        </style>
        <style>
            #page .section_content h4 {
                margin-top: 0em;
                margin-bottom: 0em;
                background: white;
            }
        
            .ocultar {
                display: none;
            }
        
            #responsive-form {
                max-width: 800px
                    /*-- change this to get your desired form width --*/
                ;
                margin: 0 auto;
                width: 100%;
            }
        
            #upselling .panel-content {
                text-align: left;
            }
        
            .aux-column-half1 {
                width: 80%;
                padding: 0;
            }
        
            .aux-column-half2 {
                width: 20%;
        
            }
        
            @media only screen and (min-width: 48em) {
                .aux-column-half1 {
                    width: 70%;
                }
        
                .aux-column-half2 {
                    width: 30%;
                }
            }
        
            #divLoading {
                background: rgba(66, 118, 164, 0.4);
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 99999;
                height: 100%;
                width: 100%;
                text-align: center;
                overflow: hidden !important;
            }
        
        </style>
    </head>
    
    <body>
        <!-- Preloader -->
        <div class="loader bg-red">
            <div class="loader-inner ball-scale-ripple-multiple vh-center">
                <div></div>
                <div></div>
                <div></div>
            </div>
        </div>
        
        <div class="main-container" id="page">
            
        </div>
        <!-- ========================= SCRIPTS ============================== -->
        
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/jquery1.11.2.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/bootstrap.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/bootstrap-select.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/jquery.easing.1.3.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/wow.min.js"></script>
        <script src="<?= $baseUrl ?>/public/assets/clientesverisure/js/custom.js"></script>
    </body>
<!--<script src='https://img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.js'></script>-->

</html>