.cntl{overflow:hidden;position:relative;width:100%}.cntl-center{left:0;right:0;margin-left:auto;margin-right:auto}.cntl-bar{box-shadow:inset 0 0 7px -2px #000;position:absolute;top:0;bottom:0;background-color:#ccc;width:10px}.cntl-bar-fill{left:0;right:0;position:absolute;top:0;height:0;background-color:#009abb}.cntl-state{margin-bottom:50px;min-height:200px;position:relative;width:100%}.cntl-state:after{display:block;clear:both;content:" "}.cntl-icon{border-radius:50%;box-shadow:0 0 19px -9px #000;border:3px solid #009abb;line-height:80px;text-align:center;color:#fff;position:absolute;top:0;height:80px;font-size:40px;background-color:#00313c;width:80px}.cntl-content{float:left;opacity:0;border-radius:8px;margin-left:-40%;border-bottom:3px solid #009abb;position:relative;padding:2%;background-color:hsla(0,0%,93%,.25);width:40%}.cntl-state:nth-child(2n+2) .cntl-content{float:right;margin-right:-40%}.cntl-image{opacity:0;padding:2%;width:40%}.cntl-state:nth-child(odd) .cntl-image{float:right}.cntl-image img{width:100%}.cntl-content h4{margin-bottom:10px;font-weight:400;font-size:20px}.cntl-bar-fill,.cntl-content,.cntl-image{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}.cntl-state:nth-child(2n+2).cntl-animate .cntl-content{margin-right:0}.cntl-animate .cntl-content{opacity:1;margin-left:0}.cntl-animate .cntl-image{opacity:1}@media (max-width:600px){.cntl-bar{left:auto;right:37px}.cntl-content{float:none;width:80%}.cntl-state:nth-child(2n+2) .cntl-content{float:none;margi-right:0}.cntl-image{width:80%}.cntl-state:nth-child(odd) .cntl-image{float:none}.animate .cntl-content{margin-left:2%}.cntl-icon{left:auto;right:0}}