.btn-register-modal{
    color: #047c97 !important;
    font-size: 13px;
}
.modal.in {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
  }
  .modal.in .modal-dialog.aside {
    -webkit-transform: -340px;
    -moz-transform: -340px;
    -ms-transform: -340px;
    -o-transform: -340px;
    transform: -340px;
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -o-transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    transform: scale(0.8) rotateY(45deg) translateZ(-340px);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }
  .modal.in .modal-dialog.aside.aside-1 {
    -webkit-transform: calc(-340px + 40px);
    -moz-transform: calc(-340px + 40px);
    -ms-transform: calc(-340px + 40px);
    -o-transform: calc(-340px + 40px);
    transform: calc(-340px + 40px);
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + 40px));
  }
  .modal.in .modal-dialog.aside.aside-2 {
    -webkit-transform: calc(-340px + (40px * 2));
    -moz-transform: calc(-340px + (40px * 2));
    -ms-transform: calc(-340px + (40px * 2));
    -o-transform: calc(-340px + (40px * 2));
    transform: calc(-340px + (40px * 2));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 2)));
  }
  .modal.in .modal-dialog.aside.aside-3 {
    -webkit-transform: calc(-340px + (40px * 3));
    -moz-transform: calc(-340px + (40px * 3));
    -ms-transform: calc(-340px + (40px * 3));
    -o-transform: calc(-340px + (40px * 3));
    transform: calc(-340px + (40px * 3));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 3)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 3)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 3)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 3)));
  }
  .modal.in .modal-dialog.aside.aside-4 {
    -webkit-transform: calc(-340px + (40px * 4));
    -moz-transform: calc(-340px + (40px * 4));
    -ms-transform: calc(-340px + (40px * 4));
    -o-transform: calc(-340px + (40px * 4));
    transform: calc(-340px + (40px * 4));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 4)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 4)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 4)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 4)));
  }
  .modal.in .modal-dialog.aside.aside-5 {
    -webkit-transform: calc(-340px + (40px * 5));
    -moz-transform: calc(-340px + (40px * 5));
    -ms-transform: calc(-340px + (40px * 5));
    -o-transform: calc(-340px + (40px * 5));
    transform: calc(-340px + (40px * 5));
    -webkit-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 5)));
    -ms-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 5)));
    -o-transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 5)));
    transform: scale(0.8) rotateY(45deg) translateZ(calc(-340px + (40px * 5)));
  }