@charset "utf-8";

/* CSS Document */







.lp-sender-wrapper{ position: relative; margin: 100px auto 0px;  width: 540px; height: 540px; background-color: #fff; }









.cf-overlay{ position: absolute; top: -1px; left: -1px; width: 100%; height: 100%;  z-index: 1; border:1px solid #e5e7e8;

 border-radius: 5px;  background-color: rgba(255, 255, 255, 0.97); }



.anm-steps { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; margin: -100px 0 0 -100px;   text-align: center;}



.anm-1step-base{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url(../img/estimate-send2.svg); 

 background-size: 90%; background-position: center; background-repeat: no-repeat;}



.anm-1step-spin{ opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; 

	background-image: url(../img/spinning-stroke2.svg);  background-size: 100%;

animation: st1-spin 2s linear; animation-iteration-count: infinite;}



@keyframes st1-spin{

	0% {transform: rotate(0deg);  opacity: 1; }  /* from {-webkit-transform: rotate(0deg);} */

	20%{ opacity: 1; }

	80%{opacity: 1;}

  100% {transform: rotate(180deg);  opacity: 1; }   /*  to {-webkit-transform: rotate(180deg);} */

}