.countBlock{width:500px;height:400px;padding:10px}.countBlockLeft{width:200px;float:left}.countBlockRight{width:200px;float:left}.stepText{max-width:400px;min-height:380px;padding:20px;color:#fff}.stepWrap{clear:both;padding:50px 0}.stepLeft{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;justify-content:center}.stepRight{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;justify-content:center}.countBlockNumber{width:190px;height:190px;opacity:0;transition:opacity 2s;font-size:160px;color:#fff;text-align:center}.countBlockSmall{width:0px;height:190px;transition:width 1s;transition-delay:.5s;border-radius:6px;box-shadow:0 4px 6px #666;overflow:hidden;margin-top:10px}.countBlockLarge{width:290px;height:0px;transition:height 1s;transition-delay:.25s;border-radius:6px;box-shadow:0 4px 6px #666;overflow:hidden}.countBlockNumber.is-visible{opacity:.4}.countBlockSmall.is-visible{width:190px}.countBlockLarge.is-visible{height:390px}.stepCTAs{text-align:center;margin:30px auto;float:none}@media(max-width:1024px){.countBlock{width:100%;float:none}.countBlockLeft{width:100%}.stepText{width:100%}.stepLeft{flex-direction:column}.stepRight{flex-direction:column-reverse}.countBlockRight{display:none}.countBlockLarge{display:none}.countBlockNumber{width:50%;margin:0 auto 10px}.countBlockSmall{margin:0 auto 10px}.countBlockSmall.is-visible{width:50%}}