.succes-banner{position:absolute;top:0;right:4%;width:140px;height:40px;-webkit-animation:succes 4s ease;animation:succes 4s ease;background-color:#fff;-webkit-box-shadow:2px 0 4px 0 rgba(0,0,0,.25);box-shadow:2px 0 4px 0 rgba(0,0,0,.25);z-index:999}.succes-banner .banner-content{position:relative}.succes-banner h2{font-size:18px;color:#3d464a;margin:10px!important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.succes-banner p{margin:10px auto 15px}.succes-banner .checkmark-wrapper{position:absolute;top:-53px;right:-70px;margin:0 auto;-webkit-transform-origin:center;transform-origin:center}.succes-banner .check-svg{-webkit-transform:rotate(-45deg) scale(.13);transform:rotate(-45deg) scale(.13)}.succes-banner .checkmark{stroke-dasharray:260;stroke-dashoffset:0;animation:dash 1s reverse;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes dash{0%{opacity:1}to{opacity:0;stroke-dashoffset:250}}@keyframes dash{0%{opacity:1}to{opacity:0;stroke-dashoffset:250}}@-webkit-keyframes succes{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}30%{-webkit-transform:translateY(0);transform:translateY(0)}70%{-webkit-transform:translateY(0);transform:translateY(0)}90%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@keyframes succes{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}30%{-webkit-transform:translateY(0);transform:translateY(0)}70%{-webkit-transform:translateY(0);transform:translateY(0)}90%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}