.sc-takeaphoto {
  height: 100vh;
}
.sc-takeaphoto .container {
  /* position: relative; */
}
.sc-takeaphoto .text-advice {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 80px;
  z-index: 10;
}
.box-capture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videostream {
  height: 100%;
  object-fit: fill;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.bttn-shoot {
  display: block;
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 60px;
  background: #007AD0;
  border-radius: 100%;
  text-indent: -9999px;
  min-width: initial;
  border: none;
  overflow: hidden;
}

.bttn-shoot::before {
  content: '';
  display: block;
  background: url(../images/ico-camera@2x.png?v=5) center no-repeat;
  background-size: 28px auto;
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.fr-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:url(../images/frame-id-card@2x.png?v=5) center no-repeat;
  background-size: 100%;
}

.fr-overlay.fr-overlay-selfie {
  background:url(../images/frame-selfie@2x.png?v=5) center no-repeat;
  background-size: 100%;
}

.fr-overlay.fr-overlay-passport {
  background:url(../images/frame-passport@2x.png?v=5) center no-repeat;
  background-size: 100%;
}

.fr-overlay.fr-overlay-alien {
  background:url(../images/frame-alien@2x.png?v=5) center no-repeat;
  background-size: 100%;
}

.fr-overlay.fr-overlay-workpermitt {
  background:url(../images/frame-workpermitt@2x.png?v=5) center no-repeat;
  background-size: 100%;
}