.circle-loader{margin-bottom:3.5em;border:4px solid rgba(0,0,0,.2);border-left-color:#589442;-webkit-animation:loader-spin 1.2s linear infinite;animation:loader-spin 1.2s linear infinite;position:relative;display:inline-block;vertical-align:top;border-radius:50%;width:7em;height:7em}.load-complete{-webkit-animation:none;animation:none;border-color:#589442;-webkit-transition:border .5s ease-out;transition:border .5s ease-out}.checkmark{display:none}.displayBlock{display:block!important}.checkmark.draw:after{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-name:checkmark;animation-name:checkmark;-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg)}.checkmark:after{opacity:1;height:3.5em;width:1.75em;-webkit-transform-origin:left top;transform-origin:left top;border-right:5px solid #589442;border-top:5px solid #589442;content:"";left:1.75em;top:3.5em;position:absolute}@-webkit-keyframes loader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%{height:3.5em;width:1.75em;opacity:1}to{height:3.5em;width:1.75em;opacity:1}}@keyframes checkmark{0%{height:0;width:0;opacity:1}20%{height:0;width:1.75em;opacity:1}40%{height:3.5em;width:1.75em;opacity:1}to{height:3.5em;width:1.75em;opacity:1}}