<section class="c-case">
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit magnam consequuntur minus similique voluptate amet alias? Dicta, minus! Atque ab quos recusandae in suscipit consequuntur possimus, natus adipisci minima voluptatem?</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit magnam consequuntur minus similique voluptate amet alias? Dicta, minus! Atque ab quos recusandae in suscipit consequuntur possimus, natus adipisci minima voluptatem?</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Reprehenderit magnam consequuntur minus similique voluptate amet alias? Dicta, minus! Atque ab quos recusandae in suscipit consequuntur possimus, natus adipisci minima voluptatem?</p>
    <footer><p class="u-right"><a class="c-button c-button--secondary c-button--circle" href=""><i aria-label="Modifica i dati" class="c-icon-l c-icon--pencil"></i></a></p></footer>
</section>

<svg class="c-holypic" width="160" height="160">
    <g fill="none" fill-rule="evenodd">
        <path fill="#FFF" d="M113 134.604l-39.084.613h-39.74a4.728 4.728 0 01-4.729-4.728V31.003a4.736 4.736 0 014.728-4.744h54.566l24.523 26.835.497 42.262"/>
        <path class="c-holypic__fill-lightprimary" fill-rule="nonzero" d="M91.933 28.45v19.918c.083 2.804 2.173 5.042 4.746 5.082h16.254"/>
        <path class="c-holypic__fill-lightenprimary" fill-rule="nonzero" d="M97.475 131.174l-8.463 3.343a1.385 1.385 0 01-1.777-1.792l3.343-8.463a7.04 7.04 0 011.558-2.38l31.022-31.02a2.01 2.01 0 012.853 0l4.894 4.863c.772.78.772 2.036 0 2.816l-31.02 31.029a7.273 7.273 0 01-2.41 1.604z"/>
        <g class="c-holypic__stroke-primary" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
            <path d="M80.308 135.721l-48.143.12a4.849 4.849 0 01-4.849-4.848V29.15a4.849 4.849 0 014.85-4.849h55.867l25.111 27.475.444 38.972M73.2 112.117H58M49.174 112.117H41.81M96.135 99.656H77.394M69.504 99.656H42.172M97.016 87.202h-6.551M82.529 87.202H42.533M96.865 74.741H71.077M62.795 74.741H42.902"/>
            <path d="M87.235 24.361v21.836a5.768 5.768 0 005.67 5.579h19.433m-15.382 79.895l-8.66 3.418a1.408 1.408 0 01-1.814-1.8l3.419-8.666a7.213 7.213 0 011.611-2.447l31.76-31.76a2.056 2.056 0 012.92 0l4.992 4.993a2.07 2.07 0 010 2.921L99.41 130.09a7.356 7.356 0 01-2.454 1.58z"/>
        </g>
    </g>
</svg>
<svg class="c-holypic" width="160" height="160">
    <g fill="none" fill-rule="evenodd">
        <g fill="#FFF">
            <path fill-rule="nonzero" d="M125.433 52.096v63.253a5.26 5.26 0 01-5.26 5.26H29.538a5.26 5.26 0 01-5.268-5.26V46.496h95.594a5.57 5.57 0 015.57 5.6z"/>
            <path d="M91.447 59.828h-67.2v-8.04a5.26 5.26 0 015.291-5.292h90.635a5.253 5.253 0 015.26 5.26v8.072h-17.657"/>
        </g>
        <path class="c-holypic__fill-lightenprimary" fill-rule="nonzero" d="M118.095 59.578c4.053 0 7.338 2.706 7.338 6.043v50.626c.031 1.124-.481 2.211-1.424 3.024-.943.812-2.24 1.282-3.604 1.307H33.81c-2.84-.055-5.09-1.993-5.029-4.33v-56.67h89.314z"/>
        <g class="c-holypic__fill-lightprimary" fill-rule="nonzero" transform="translate(30.78 50.497)">
            <circle cx="2.473" cy="2.766" r="2.248"/>
            <circle cx="9.958" cy="2.766" r="2.248"/>
            <circle cx="17.443" cy="2.766" r="2.248"/>
        </g>
        <g class="c-holypic__stroke-primary" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
            <path d="M32.278 45.986V42.24a3.97 3.97 0 013.97-3.97h95.78a3.97 3.97 0 013.97 3.97v67.424a3.97 3.97 0 01-3.97 3.97h-5.021"/>
            <path d="M24.278 59.465v56.255a5.33 5.33 0 005.33 5.337h91.84a5.337 5.337 0 005.337-5.337V59.465m-34.442 0H24.278v-8.149a5.33 5.33 0 015.33-5.33h91.84a5.33 5.33 0 015.337 5.33v8.149H92.343z"/>
            <path d="M61.74 85.125l9.702 9.693 19.287-19.287"/>
        </g>
    </g>
</svg>
<svg class="c-holypic" width="160" height="160">
    <g fill="none" fill-rule="evenodd">
        <path fill="#FFF" d="M39.188 116.566c4.488-1.755 10.42-4.026 18.329-7.325a7.636 7.636 0 004.692-7.053v-14.87a13.856 13.856 0 01-3.027-7.379l-1.272-.635c-3.784.9-3.534-3.148-4.495-10.966-.393-3.269.083-3.905 1.514-4.42l1.21-1.626c-7.34-16.649-3.647-27.054 3.603-30.732-2.407-5.29-2.536-7.159-2.536-7.159s15.453 2.58 20.758 1.514c6.758-1.317 17.103.28 20.955 9.224 6.402 2.536 8.9 6.614 9.49 10.966.96 7.189-3.307 15.135-3.867 17.92 1.233.5 1.627 1.264 1.248 4.313-.915 7.447-.68 12.018-4.48 10.966l-3.398 5.94c-.461 2.392-.34-.181-.34 16.944a7.643 7.643 0 004.7 7.053l.128.053c27.841 11.563 31.14 10.466 32.54 19.138.069.447.144.924.212 1.43.069.508.106.909.167 1.4.076.636.151 1.333.235 2.082.083.749.15 1.347.234 2.08H24c1.408-12.07.59-13.008 12.82-17.92"/>
        <path class="c-holypic__fill-lightenprimary" fill-rule="nonzero" d="M134.418 135.433H40.792c-8.173 0-10.837-11.056-3.526-14.704 4.222-2.104 11.472-4.594 24.276-9.99a7.159 7.159 0 004.367-6.636V87.946c-1.582-1.975-2.573-5.456-2.823-8.021l-1.18-.59c-3.542.847-3.292-2.967-4.193-10.345-.37-3.073.091-3.686 1.423-4.163l1.135-1.513a41.737 41.737 0 01-.696-1.673c-5.895-14.491-2.46-20.75 4.049-24.095-2.27-4.956-2.384-6.75-2.384-6.75s14.378 2.437 19.327 1.445c6.289-1.248 15.892.258 19.525 8.68a14.605 14.605 0 016.94 5.2c.756 5.493-1.582 11.396-2.967 15.134a21.19 21.19 0 00-.9 2.778c1.225.5 1.619 1.264 1.248 4.313-.916 7.447-.681 12.018-4.488 10.966l-3.39 5.94c-.237.907-.351 1.84-.34 2.778-.038 1.725 0 5.297 0 14.166a7.628 7.628 0 004.691 7.038l.129.053a7.038 7.038 0 002.187 1.438c7.87 3.322 13.622 5.547 17.905 7.242 9.595 3.844 11.518 5.093 12.44 10.458a41.852 41.852 0 01.387 2.83c.076.636.159 1.332.234 2.082.076.749.167 1.362.25 2.096z"/>
        <path class="c-holypic__fill-lightprimary" fill-rule="nonzero" d="M125.201 135.432c3.784-5.706 2.157-11.064-4.078-17.45 9.595 3.843 11.517 5.092 12.44 10.457a41.853 41.853 0 01.387 2.83c.075.636.158 1.333.234 2.082.076.749.152 1.347.235 2.08H125.2zm-29.006-35.378a45.33 45.33 0 01-9.906 2.648 18.556 18.556 0 01-10.595-1.612c-2.777-1.438-4.88-3.655-7.491-5.464a5.244 5.244 0 01-2.27-4.313v-.991c4.116 1.907 7.514 6.19 12.04 7.4 3.707 1 7.726-.234 10.881-2.398 2.861-1.953 5.162-4.616 7.364-7.303-.06 1.725-.023 3.178-.023 12.033zm7.87-38.807a20.372 20.372 0 01-3.45-3.632c-1.476-1.998-2.627-4.26-4.541-5.858-3.254-2.777-7.923-2.974-12.191-3.027l-20.1-.287c-.34 4.215-1.12 8.528-3.428 12.108-.242.373-.504.732-.787 1.074-5.895-14.491-2.46-20.75 4.049-24.095-2.27-4.956-2.384-6.75-2.384-6.75s14.378 2.437 19.327 1.445c6.289-1.248 15.892.258 19.525 8.68a14.605 14.605 0 016.94 5.2c.74 5.493-1.575 11.396-2.96 15.142z"/>
        <g class="c-holypic__stroke-primary" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
            <path d="M102.325 63.041c.991-3.965-.984-14.47-16.263-15.06-16.089-.62-17.587 2.27-22.574-2.368.916.848 1.287 3.89.552 7.03-1.422 6.054-5.622 8.62-9.08 10.36m3.533 15.832l.076.703a13.871 13.871 0 004.859 9.248l11.654 8.173a7.439 7.439 0 009.459.129l10.912-9.838a13.917 13.917 0 004.927-9.286M55.542 63.14h0c-2.369.757-3.239.757-2.74 4.806.5 4.049.621 6.652 1.25 9.119.627 2.467 3.246 1.854 3.246 1.854"/>
            <path d="M135.244 135.039c-1.128-9.603-.379-13.22-10.481-16.967-6.811-2.527-17.11-6.757-23.059-9.224a7.636 7.636 0 01-4.692-7.053V85.759m-71.498 49.28c1.12-9.603.37-13.22 10.474-16.967 6.81-2.527 17.117-6.757 23.058-9.224a7.643 7.643 0 004.7-7.053V89.21m38.715-26.07h0c2.369.756 3.247.756 2.747 4.805-.5 4.049-.628 6.652-1.249 9.119-.62 2.467-3.239 1.854-3.239 1.854M55.656 62.163c-7.507-16.792-3.784-27.304 3.488-31.027C56.723 25.9 56.586 24 56.586 24s15.453 2.58 20.766 1.514c6.75-1.332 17.103.264 20.977 9.21 5.297 2.103 14.93 7.673 5.933 27.242"/>
        </g>
    </g>
</svg>

<div class="c-pot">
    <h5 class="c-pot__title">Indirizzo</h5>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt natus quasi necessitatibus. Consequuntur hic ullam aut velit officiis. Necessitatibus impedit vero tempore ab exercitationem a fugit obcaecati placeat consequatur quasi!</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt natus quasi necessitatibus. Consequuntur hic ullam aut velit officiis. Necessitatibus impedit vero tempore ab exercitationem a fugit obcaecati placeat consequatur quasi!</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt natus quasi necessitatibus. Consequuntur hic ullam aut velit officiis. Necessitatibus impedit vero tempore ab exercitationem a fugit obcaecati placeat consequatur quasi!</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt natus quasi necessitatibus. Consequuntur hic ullam aut velit officiis. Necessitatibus impedit vero tempore ab exercitationem a fugit obcaecati placeat consequatur quasi!</p>
</div>
<textarea id="con_05_txt" class="c-pot" cols="30" rows="2" readonly>Ai sensi della normativa sulla Privacy, dichiaro di aver letto l'informativa sull'uso dei dati personali e di acconsentire al trattamento degli stessi, inclusi gli eventuali dati sensibili da parte della banca e degli altri soggetti citati nell'informativa - per lo svolgimento delle attività necessarie all'attivazione e alla gestione dei rapporti, operazioni e servizi bancari richiesti.</textarea>

<progress class="c-progress [modifier class]" value="50" max="100">Dati personali</progress>

<ol class="c-stairs">
    <li><p>Per procedere all'apertura del conto esegui il bonifico dal tuo conto corrente Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
    <li><p>Per procedere all'apertura del conto esegui il bonifico dal tuo conto corrente Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
    <li><p>Per procedere all'apertura del conto esegui il bonifico dal tuo conto corrente Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
    <li class="c-stairs__ending"><p>Per procedere all'apertura del conto esegui il bonifico dal tuo conto corrente Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
</ol>

<div class="c-strip">
    <svg class="c-holypic" width="160" height="160">
        <g fill="none" fill-rule="evenodd">
            <g fill="#FFF">
                <path d="M38.31 66.333h12.046V116H38.31zM73.755 66.333h12.046V116H73.755zM109.192 66.333h12.046V116h-12.046z"/>
                <path fill-rule="nonzero" d="M35.28 115.71h89.012a2.877 2.877 0 012.877 2.876v7.526H32.388v-7.526a2.877 2.877 0 012.892-2.876z"/>
                <path fill-rule="nonzero" d="M81.41 126.112h49.667a2.877 2.877 0 012.884 2.877v7.525H25.611v-7.525a2.877 2.877 0 012.877-2.877h26.936m7.744-93.42l12.553-9.298a6.809 6.809 0 018.114 0l50.078 37.065a3.4 3.4 0 01-2.03 6.132H27.673a3.4 3.4 0 01-2.063-6.108l26.171-19.338"/>
            </g>
            <g class="c-holypic__fill-lightprimary" fill-rule="nonzero">
                <path d="M41.904 66.043h8.46V116h-8.46zM76.896 66.35l8.758-.053.294 49.667-8.758.052zM113.101 66.333h8.146V116h-8.146z"/>
            </g>
            <path class="c-holypic__fill-lightenprimary" fill-rule="nonzero" d="M38.31 118.022h86.37a2.49 2.49 0 012.489 2.49v5.6H35.82v-5.6a2.49 2.49 0 012.49-2.49zm-6.357 10.402h99.51a2.49 2.49 0 012.49 2.49v5.6H29.463v-5.6a2.49 2.49 0 012.49-2.49zm.83-66.7L79.46 27.381a6.446 6.446 0 017.711 0l45.775 34.341a3.223 3.223 0 01-1.926 5.826H34.708a3.223 3.223 0 01-1.925-5.826z"/>
            <g class="c-holypic__stroke-primary" stroke-linecap="round" stroke-linejoin="round" stroke-width="4">
                <path d="M38.439 66.349h12.046v49.522H38.439zM73.876 66.349h12.046v49.522H73.876zM109.321 66.349h12.046v49.522h-12.046z"/>
                <path d="M35.393 115.87h89.02a2.877 2.877 0 012.877 2.877v7.308H32.509v-7.308a2.877 2.877 0 012.884-2.877zM68.317 126.055h1.2M81.539 126.055h49.667a2.877 2.877 0 012.876 2.877v7.526H25.724v-7.526a2.877 2.877 0 012.877-2.877h26.952m-3.617-85.007L25.773 60.435a3.223 3.223 0 002.022 5.882h104.217a3.223 3.223 0 002.022-5.915l-50.07-37.064a6.84 6.84 0 00-8.122 0L63.29 32.636l-11.353 8.412z"/>
            </g>
        </g>
    </svg>
    <div class="c-strip__content">
        <p>Indirizzo: <b>Banca Phoenix</b> <br> Via Banca Phoenix, 89 <br> Trento - TN - 38122</p>
        <p><b>Orari:</b> <br> dalle 8.30 alle 18.00 <br> Sabato e domenica chiuso</p>
    </div>
</div>

<div class="c-summary">
    <h4 class="c-summary__title">Dati anagrafici</h4>
    <ul class="">
        <li><b>Nome e cognome</b> - Mario Rossi</li>
        <li><b>Codice fiscale</b> - RSSMRA88L01378A</li>
        <li><b>Sesso</b> - Uomo</li>
        <li><b>Data di nascita</b> - 10/07/1975</li>
        <li><b>Luogo di nascita</b> - Rovereto (Trento) - Italia</li>
    </ul>
</div>

<ol class="c-timeline">
    <li class="is-complete">
        <strong class="c-timeline__title">Step 1</strong>
        Apertura conto
    </li>
    <li class="is-active">
        <span class="c-timeline__title">Step 2</span>
        Dati personali
    </li>
    <li>
        <span class="c-timeline__title">Step 3</span>
        Configura il tuo conto
    </li>
    <li>
        <span class="c-timeline__title">Step 4</span>
        Verifica
    </li>
    <li>
        <span class="c-timeline__title">Step 5</span>
        Riconoscimento
    </li>
    <li>
        <span class="c-timeline__title">Step 6</span>
        Il tuo nuovo conto
    </li>
</ol>

<a class="c-tip-toggler" href="#tooltip1"><i aria-label="Maggiori info" class="c-icon-s c-icon--question-circle"></i> Clicca qui per aprire il tootlip</a>
<div class="c-tooltip c-tooltip--right@ms c-tooltip--left@xls" id="tooltip1">
    <h3 class="c-tooltip__title">Quali tipologia devo scegliere?</h3>
    <div class="c-tooltip__content">
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta ea temporibus exercitationem quos porro quo veniam ipsa at veritatis tenetur consequuntur excepturi expedita unde, mollitia, suscipit dolores quaerat cumque deserunt!</p>
    </div>
    <a aria-label="Chiudi" class="c-tooltip__close" href="#">&#215;</a>
</div>