CB FLOW fixed

by pphheerroonn

HTML

<style><!--
.cms-page-view .col-main{border:solid 3px #FFFFFF;}
.cms-page-view .col-main #productContent {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
   font-weight: 300; color:#333333;}
.cms-page-view .std h2 {color:#FFF;}
.cms-page-view .std p {color:#FFF; font-size:1em;}
#productContent {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif!important;
   font-weight: 300; color:#333333;}
.input-box{margin-bottom:2em;}    
input#attachment {
    background-color: #ed1c24;
    padding: 20px;
    color: #FFF;
    border: none;
    border-radius: 5px;
}

@-webkit-keyframes expandCard{
 from {opacity: 0;height:0px;}
 to {opacity: 1;height:90px;}
}
@-webkit-keyframes contractCard{
 from {opacity: 1; height:90px;}
 to {opacity: 0;height:0px;}
}
input#attachment::after {
    content: "â–˛ Tap here to upload your ID";
    background: #ed1c24;
    width: 250px;
    display:block;
    padding-left: 1em;
}

.center {display: block; margin-left: auto;
    margin-right: auto;text-align: center;}


.flow > div:nth-child(1){background:#00aced;}
.flow > div:nth-child(1)::after {content: '';
    position: absolute;clear:both;
    left: 20%; top: 99%; width: 0; height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #00aced;z-index: 1;}
.flow > div:nth-child(2){background:#ff7108;}
.flow > div:nth-child(2)::after {content: '';
    position: absolute;clear:both;
    left: 80%; top: 99%; width: 0; height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #ff7108;z-index: 1;}
.flow > div:nth-child(3){background:#74aa50;}
.flow > div:nth-child(3)::after {content: '';
    position: absolute;clear:both;
    left: 20%; top: 99%; width: 0; height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid...