#progress{clear:both;text-align:center;z-index:0;margin:0 -1px;padding:0;font-family:arial;font-size:16px;font-weight:700;line-height:1em;list-style-type:none;position:relative}#progress button{float:left;color:#000;background:#cbd0d8;width:100%;height:52px;margin:0 4px;position:relative}#progress button:before{content:"";border-top:25px solid #0000;border-bottom:27px solid #0000;border-left:10px solid #f7f7f7;position:absolute;top:0;left:0}#progress button:after{content:"";z-index:20;border-top:25px solid #0000;border-bottom:27px solid #0000;border-left:10px solid #cbd0d8;position:absolute;top:0;left:100%}#progress button.active{color:#fff;background:#1b365d}#progress button.active:after{border-left-color:#1b365d}#progress button:last-child:after,#progress button:first-child:before{border:0}#progress button:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}#progress button:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}