
@-webkit-keyframes wpvoicemessage-bounce {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }
@keyframes wpvoicemessage-bounce {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes wpvoicemessage-fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes wpvoicemessage-fade {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes wpvoicemessage-fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes wpvoicemessage-fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes wpvoicemessage-scale {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes wpvoicemessage-scale {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@-webkit-keyframes wpvoicemessage-slide-tr {
  from {
    transform: translateX(-100%);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

@keyframes wpvoicemessage-slide-tr {
  from {
    transform: translateX(-100%);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes wpvoicemessage-slide-tl {
  from {
    transform: translateX(100%);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

@keyframes wpvoicemessage-slide-tl {
  from {
    transform: translateX(100%);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes wpvoicemessage-slide-tt {
  from {
    transform: translateY(100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@keyframes wpvoicemessage-slide-tt {
  from {
    transform: translateY(100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@keyframes wpvoicemessage-slide-tt {
  from {
    transform: translateY(100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes wpvoicemessage-slide-tb {
  from {
    transform: translateY(-100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@keyframes wpvoicemessage-slide-tb {
  from {
    transform: translateY(-100%);
    opacity: 0; }
  to {
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes wpvoicemessage-flip-x {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes wpvoicemessage-flip-x {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@-webkit-keyframes wpvoicemessage-flip-y {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@keyframes wpvoicemessage-flip-y {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

@-webkit-keyframes wpvoicemessage-rotate {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes wpvoicemessage-rotate {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes wpvoicemessage-wobble {
  from {
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes wpvoicemessage-wobble {
  from {
    transform: scale3d(1, 1, 1); }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }

@-webkit-keyframes vmwpmdp-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

@keyframes vmwpmdp-spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

.vmwpmdp-wpvoicemessage-form-box {
  position: relative; }
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-left .vmwpmdp-wpvoicemessage-start-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-left .vmwpmdp-wpvoicemessage-allow-access-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-left .vmwpmdp-wpvoicemessage-mic-access-err-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-left .vmwpmdp-wpvoicemessage-recording-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-left .vmwpmdp-wpvoicemessage-reset-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-left .vmwpmdp-wpvoicemessage-error-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-left .vmwpmdp-wpvoicemessage-send-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-left .vmwpmdp-wpvoicemessage-thanks-box {
    flex-direction: column;
    align-items: flex-start;
    text-align: left; }
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-center .vmwpmdp-wpvoicemessage-start-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-center .vmwpmdp-wpvoicemessage-allow-access-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-center .vmwpmdp-wpvoicemessage-mic-access-err-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-center .vmwpmdp-wpvoicemessage-recording-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-center .vmwpmdp-wpvoicemessage-reset-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-center .vmwpmdp-wpvoicemessage-error-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-center .vmwpmdp-wpvoicemessage-send-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-center .vmwpmdp-wpvoicemessage-thanks-box {
    flex-direction: column;
    align-items: center;
    text-align: center; }
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-right .vmwpmdp-wpvoicemessage-start-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-right .vmwpmdp-wpvoicemessage-allow-access-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-right .vmwpmdp-wpvoicemessage-mic-access-err-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-right .vmwpmdp-wpvoicemessage-recording-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-right .vmwpmdp-wpvoicemessage-reset-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-right .vmwpmdp-wpvoicemessage-error-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-right .vmwpmdp-wpvoicemessage-send-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-right .vmwpmdp-wpvoicemessage-thanks-box {
    flex-direction: column;
    align-items: flex-end;
    text-align: right; }
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-busy > div {
    opacity: .5; }
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-busy:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.01;
    background: #fff;
    z-index: 1; }
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-busy:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    top: 50%;
    left: 50%;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cpath d='M493.815,70.629c-11.001-1.003-20.73,7.102-21.733,18.102l-2.65,29.069C424.473,47.194,346.429,0,256,0 C158.719,0,72.988,55.522,30.43,138.854c-5.024,9.837-1.122,21.884,8.715,26.908c9.839,5.024,21.884,1.123,26.908-8.715 C102.07,86.523,174.397,40,256,40c74.377,0,141.499,38.731,179.953,99.408l-28.517-20.367c-8.989-6.419-21.48-4.337-27.899,4.651 c-6.419,8.989-4.337,21.479,4.651,27.899l86.475,61.761c12.674,9.035,30.155,0.764,31.541-14.459l9.711-106.53 C512.919,81.362,504.815,71.632,493.815,70.629z'/%3E%3Cpath d='M472.855,346.238c-9.838-5.023-21.884-1.122-26.908,8.715C409.93,425.477,337.603,472,256,472 c-74.377,0-141.499-38.731-179.953-99.408l28.517,20.367c8.989,6.419,21.479,4.337,27.899-4.651 c6.419-8.989,4.337-21.479-4.651-27.899l-86.475-61.761c-12.519-8.944-30.141-0.921-31.541,14.459l-9.711,106.53 c-1.003,11,7.102,20.73,18.101,21.733c11.014,1.001,20.731-7.112,21.733-18.102l2.65-29.069C87.527,464.806,165.571,512,256,512 c97.281,0,183.012-55.522,225.57-138.854C486.594,363.309,482.692,351.262,472.855,346.238z'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-animation-name: vmwpmdp-spin;
            animation-name: vmwpmdp-spin;
    -webkit-animation-duration: 3s;
            animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear; }
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-start-box,
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-recording-box,
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-reset-box,
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-error-box,
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-send-box,
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-thanks-box,
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-allow-access-box,
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-mic-access-err-box {
    display: none; }
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-start .vmwpmdp-wpvoicemessage-start-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-recording .vmwpmdp-wpvoicemessage-recording-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-reset .vmwpmdp-wpvoicemessage-reset-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-error .vmwpmdp-wpvoicemessage-error-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-send .vmwpmdp-wpvoicemessage-send-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-thanks .vmwpmdp-wpvoicemessage-thanks-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-allow-access .vmwpmdp-wpvoicemessage-allow-access-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-mic-access-err .vmwpmdp-wpvoicemessage-mic-access-err-box {
    display: flex; }
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-none.vmwpmdp-step-start .vmwpmdp-wpvoicemessage-start-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-none.vmwpmdp-step-recording .vmwpmdp-wpvoicemessage-recording-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-none.vmwpmdp-step-reset .vmwpmdp-wpvoicemessage-reset-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-none.vmwpmdp-step-error .vmwpmdp-wpvoicemessage-error-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-none.vmwpmdp-step-send .vmwpmdp-wpvoicemessage-send-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-none.vmwpmdp-step-thanks .vmwpmdp-wpvoicemessage-thanks-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-none.vmwpmdp-step-allow-access .vmwpmdp-wpvoicemessage-allow-access-box,
  .vmwpmdp-wpvoicemessage-form-box.vmwpmdp-align-none.vmwpmdp-step-mic-access-err .vmwpmdp-wpvoicemessage-mic-access-err-box {
    display: block; }
    .vmwpmdp-wpvoicemessage_clr-form-box  .waveform,
  .vmwpmdp-wpvoicemessage-form-box  .waveform {
    position: relative;
    max-width: 350px;
    text-align: center;
    margin: auto;
    
  }
  a.qc_playpause_wavesurfer,
  button.qc_playpause_wavesurfer {
  
    background-color: #fff !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    padding: 4px;
    position: absolute;
    top: 25px;
    left: -15px;
    z-index: 9999;
    border: 0;
    box-shadow: 1px 1px 11px #cdcdcd;
    line-height: 30px;
    text-align: center;
      
  }
  .vmwpmdp-wpvoicemessage-fbutton-overlay a.qc_playpause_wavesurfer,
  .vmwpmdp-wpvoicemessage-fbutton-overlay button.qc_playpause_wavesurfer {
    top: 25px !important;
    left: -15px !important;
      
  }
  .entry-content  a.qc_playpause_wavesurfer,
  .entry-content  button.qc_playpause_wavesurfer,
  .wpcf7-form a.qc_playpause_wavesurfer,
  .wpcf7-form button.qc_playpause_wavesurfer{
    top: 0px !important;
    left: 0px !important;
  }
  a.qc_playpause_wavesurfer .dashicons,
  button.qc_playpause_wavesurfer .dashicons {
    font-size: 25px !important;
    display: block;
    width: auto;
    text-align: center;
    line-height: 21px;
    color: #999;
  }
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-speak-now-btns a,
  .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-speak-now-btns button {
    text-decoration: none; }

/**
 * plugin_description
 * Exclusively on Envato Market: plugin_uri
 *
 * @encoding        UTF-8
 * @version         plugin_version
 * @copyright       plugin_copyright
 * @license         license
 * @contributors    contributors
 * @support         plugin_support
 **/
@-webkit-keyframes spin {
  from {
    transform: rotateZ(0); }
  to {
    transform: rotateZ(1turn); } }
@keyframes spin {
  from {
    transform: rotateZ(0); }
  to {
    transform: rotateZ(1turn); } }

.vmwpmdp-wpvoicemessage-player-box.green-audio-player {
  width: 100%;
  min-width: 300px;
  height: 56px;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 36px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fff;
  border-radius: 8px; }
  .vmwpmdp-wpvoicemessage-player-box.green-audio-player svg,
  .vmwpmdp-wpvoicemessage-player-box.green-audio-player img {
    display: block; }
  .vmwpmdp-wpvoicemessage-player-box.green-audio-player .play-pause-btn {
    display: none;
    cursor: pointer; }
    .vmwpmdp-wpvoicemessage-player-box.green-audio-player .play-pause-btn svg {
      width: 12px; }
  .vmwpmdp-wpvoicemessage-player-box.green-audio-player .loading .loading__spinner {
    width: 16px;
    height: 16px;
    border: 2px solid #b0b0b0;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 0.4s linear infinite;
            animation: spin 0.4s linear infinite; }
  .vmwpmdp-wpvoicemessage-player-box.green-audio-player .slider {
    flex-grow: 1;
    background-color: #d8d8d8;
    cursor: pointer;
    position: relative; }
    .vmwpmdp-wpvoicemessage-player-box.green-audio-player .slider .gap-progress {
      background-color: #0274e6;
      border-radius: inherit;
      position: absolute;
      pointer-events: none; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .slider .gap-progress .pin {
        height: 16px;
        width: 16px;
        border-radius: 8px;
        background-color: #0274e6;
        position: absolute;
        pointer-events: all;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.32); }
        .vmwpmdp-wpvoicemessage-player-box.green-audio-player .slider .gap-progress .pin::after {
          content: "";
          display: block;
          background: rgba(0, 0, 0, 0);
          width: 200%;
          height: 200%;
          margin-left: -50%;
          margin-top: -50%;
          border-radius: 50%; }
  .vmwpmdp-wpvoicemessage-player-box.green-audio-player .controls {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #55606e;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    margin-right: 24px; }
    .vmwpmdp-wpvoicemessage-player-box.green-audio-player .controls .controls__slider {
      margin-left: 16px;
      margin-right: 16px;
      border-radius: 2px;
      height: 4px; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .controls .controls__slider .controls__progress {
        width: 0;
        height: 100%; }
        .vmwpmdp-wpvoicemessage-player-box.green-audio-player .controls .controls__slider .controls__progress .progress__pin {
          right: -8px;
          top: -6px; }
    .vmwpmdp-wpvoicemessage-player-box.green-audio-player .controls span {
      cursor: default; }
  .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume {
    position: relative; }
    .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__button {
      cursor: pointer; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__button svg {
        width: 16px; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__button.open path {
        fill: #0274e6; }
    .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__controls {
      width: 30px;
      height: 135px;
      background-color: rgba(0, 0, 0, 0.62);
      border-radius: 7px;
      position: absolute;
      left: -3px;
      bottom: 52px;
      flex-direction: column;
      align-items: center;
      display: flex;
      z-index: 2; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__controls.hidden {
        display: none; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__controls.top {
        bottom: 52px;
        left: -3px; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__controls.middle {
        bottom: -54px;
        left: 54px; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__controls.bottom {
        bottom: -164px;
        left: -3px; }
      .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__controls .volume__slider {
        margin-top: 12px;
        margin-bottom: 12px;
        width: 6px;
        border-radius: 3px; }
        .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__controls .volume__slider .volume__progress {
          bottom: 0;
          height: 100%;
          width: 6px; }
          .vmwpmdp-wpvoicemessage-player-box.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin {
            left: -5px;
            top: -8px; }
  .vmwpmdp-wpvoicemessage-player-box.green-audio-player .download {
    display: none;
    margin-left: 16px;
    cursor: pointer; }

.vmwpmdp-wpvoicemessage-fbutton-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  /**
 * Voice feedback form for your website for saving and transcribing user voice messages to text.
 * Exclusively on Envato Market: https://quantumcloud.com/
 *
 * @encoding        UTF-8
 * @version         1.0.9
 * @copyright       Copyright (C) 2018 - 2020 DNA88 ( https://quantumcloud.com/ ). All rights reserved.
 * @license         Envato License https://quantumcloud.com/
 **/ }
  .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    -webkit-animation-direction: normal;
            animation-direction: normal;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    /*-webkit-animation-delay: .4s;*/
            /*animation-delay: .4s;*/
    width: 100%;
    height: 100%; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-bounce .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-bounce;
            animation-name: wpvoicemessage-bounce;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-fade .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-fade;
            animation-name: wpvoicemessage-fade;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-flip-x .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-flip-x;
            animation-name: wpvoicemessage-flip-x;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-flip-y .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-flip-y;
            animation-name: wpvoicemessage-flip-y;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-scale .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-scale;
            animation-name: wpvoicemessage-scale;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-slide-tr .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-slide-tr;
            animation-name: wpvoicemessage-slide-tr;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-slide-tl .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-slide-tl;
            animation-name: wpvoicemessage-slide-tl;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-slide-tt .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-slide-tt;
            animation-name: wpvoicemessage-slide-tt;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-slide-tb .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-slide-tb;
            animation-name: wpvoicemessage-slide-tb;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-rotate .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-rotate;
            animation-name: wpvoicemessage-rotate;
    -webkit-animation-duration: .8s;
            animation-duration: .8s; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-wobble .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-wobble;
            animation-name: wpvoicemessage-wobble;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    padding: 48px;
    width: 480px;
    max-width: 480px; }
    @media (max-width: 480px) {
      .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal {
        width: 100%; } }
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal h1,
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal h2,
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal h3,
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal h4,
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal h5,
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal h6 {
      padding: 0 0 12px 0;
      margin: 0; }
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal div.vmwpmdp-wpvoicemessage-start-box div:first-child {
      padding-top: 0; }
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal div.vmwpmdp-wpvoicemessage-start-box div:last-child {
      padding-bottom: 0; }
    .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal .vmwpmdp-wpvoicemessage-close {
      cursor: pointer;
      position: absolute;
      right: 18px;
      top: 18px;
      width: 32px;
      height: 32px;
      opacity: .3;
      z-index: 1;
      transition: .8s;
      transform-origin: center center;
      transform: scale(0.75); }
      .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal .vmwpmdp-wpvoicemessage-close:hover {
        opacity: 1;
        transform: scale(1); }
      .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal .vmwpmdp-wpvoicemessage-close:before, .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal .vmwpmdp-wpvoicemessage-close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 33px;
        width: 2px;
        background-color: #333; }
      .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal .vmwpmdp-wpvoicemessage-close:before {
        transform: rotate(45deg); }
      .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal .vmwpmdp-wpvoicemessage-close:after {
        transform: rotate(-45deg); }

.vmwpmdp-wpvoicemessage-reverse .vmwpmdp-wpvoicemessage-fbutton-overlay {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: .6s;
          animation-duration: .6s;
  -webkit-animation-name: wpvoicemessage-fade-out;
          animation-name: wpvoicemessage-fade-out; }
  .vmwpmdp-wpvoicemessage-reverse .vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-modal-wrap {
    -webkit-animation-name: wpvoicemessage-fade-out;
            animation-name: wpvoicemessage-fade-out;
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }

.vmwpmdp-wpvoicemessage-before-txt {
  padding: 12px 0; }

.vmwpmdp-wpvoicemessage-after-txt {
  padding: 12px 0; }

.vmwpmdp-wpvoicemessage-recording-animation {
  width: 100%; }
  .vmwpmdp-wpvoicemessage-recording-animation canvas {
    max-width: 384px;
    width: 100%; }

.vmwpmdp-wpvoicemessage-send-box form {
  width: 100%; }

.form-group {
  padding-top: 12px; }

.form-wrap label {
  font-size: 15px; }

.fb-checkbox {
  display: flex;
  align-items: center; }

.fb-radio {
  display: flex;
  align-items: center; }

.form-control {
  width: 100% !important;
  border: 1px solid #ccc !important; }

.fb-text.field-vmwpmdpCurrentURL-preview,
.fb-text.field-vmwpmdpUserDetails-preview {
  display: none; }

.rendered-form .field-vmwpmdpUserDetails,
.rendered-form .field-vmwpmdpCurrentURL {
  display: none; }

.frmb-control .input-control-14:before,
.frmb-control .input-control-15:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg enable-background='new 0 0 512 512' height='512' viewBox='0 0 512 512' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230274e6' d='m256 0c-141.159 0-256 114.841-256 256s114.841 256 256 256 256-114.841 256-256-114.841-256-256-256zm0 482c-124.617 0-226-101.383-226-226s101.383-226 226-226 226 101.383 226 226-101.383 226-226 226z'/%3E%3Cpath fill='%230274e6' d='m256 270c57.897 0 105-47.103 105-105s-47.103-105-105-105-105 47.103-105 105 47.103 105 105 105zm0-180c41.355 0 75 33.645 75 75s-33.645 75-75 75-75-33.645-75-75 33.645-75 75-75z'/%3E%3Cpath fill='%230274e6' d='m424.649 335.443c-19.933-22.525-48.6-35.443-78.649-35.443h-180c-30.049 0-58.716 12.918-78.649 35.443l-7.11 8.035 5.306 9.325c34.817 61.187 100.131 99.197 170.453 99.197s135.636-38.01 170.454-99.198l5.306-9.325zm-168.649 86.557c-55.736 0-107.761-28.197-138.383-74.295 13.452-11.352 30.579-17.705 48.383-17.705h180c17.804 0 34.931 6.353 48.383 17.705-30.622 46.098-82.647 74.295-138.383 74.295z'/%3E%3C/svg%3E");
  height: 16px;
  width: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center; }

.frmb-control .input-control-14:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 511.997 511.997' style='enable-background:new 0 0 511.997 511.997;' xml:space='preserve'%3E%3Cpath fill='%230274e6' d='M211.26,389.24l-60.331,60.331c-25.012,25.012-65.517,25.012-90.508,0.005c-24.996-24.996-24.996-65.505-0.005-90.496 l120.683-120.683c24.991-24.992,65.5-24.992,90.491,0c8.331,8.331,21.839,8.331,30.17,0c8.331-8.331,8.331-21.839,0-30.17 c-41.654-41.654-109.177-41.654-150.831,0L30.247,328.909c-41.654,41.654-41.654,109.177,0,150.831 c41.649,41.676,109.177,41.676,150.853,0l60.331-60.331c8.331-8.331,8.331-21.839,0-30.17S219.591,380.909,211.26,389.24z'/%3E%3Cpath fill='%230274e6' d='M479.751,30.24c-41.654-41.654-109.199-41.654-150.853,0l-72.384,72.384c-8.331,8.331-8.331,21.839,0,30.17 c8.331,8.331,21.839,8.331,30.17,0l72.384-72.384c24.991-24.992,65.521-24.992,90.513,0c24.991,24.991,24.991,65.5,0,90.491 L316.845,283.638c-24.992,24.992-65.5,24.992-90.491,0c-8.331-8.331-21.839-8.331-30.17,0s-8.331,21.839,0,30.17 c41.654,41.654,109.177,41.654,150.831,0l132.736-132.736C521.405,139.418,521.405,71.894,479.751,30.24z'/%3E%3C/svg%3E%0A"); }

/* Start Record Button */
.vmwpmdp-wpvoicemessage-start-btn-box {
  display: inline-block;
  /* Hover animations */
  /**
 * Voice feedback form for your website for saving and transcribing user voice messages to text.
 * Exclusively on Envato Market: https://quantumcloud.com/
 *
 * @encoding        UTF-8
 * @version         1.0.9
 * @copyright       Copyright (C) 2018 - 2020 DNA88 ( https://quantumcloud.com/ ). All rights reserved.
 * @license         Envato License https://quantumcloud.com/
 **/
  /* Entrance animations */
  /* Hover animations */ }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-entrance-bounce {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-bounce;
            animation-name: wpvoicemessage-bounce;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-entrance-fade {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-fade;
            animation-name: wpvoicemessage-fade;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-entrance-flip-x {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-flip-x;
            animation-name: wpvoicemessage-flip-x;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-entrance-flip-y {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-flip-y;
            animation-name: wpvoicemessage-flip-y;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-entrance-scale {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-scale;
            animation-name: wpvoicemessage-scale;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-entrance-wobble {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-wobble;
            animation-name: wpvoicemessage-wobble;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-entrance-rotate {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-rotate;
            animation-name: wpvoicemessage-rotate;
    -webkit-animation-duration: .8s;
            animation-duration: .8s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-bounce button:hover span, .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-fade button:hover span, .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-flip-x button:hover span, .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-flip-y button:hover span, .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-scale button:hover span, .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-rotate button:hover span, .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-wobble button:hover span {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
    .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-bounce button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-fade button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-flip-x button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-flip-y button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-scale button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-rotate button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-wobble button:hover span:nth-child(2) {
      -webkit-animation-delay: .1s;
              animation-delay: .1s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-bounce button:hover span {
    -webkit-animation-name: wpvoicemessage-bounce;
            animation-name: wpvoicemessage-bounce;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-fade button:hover span {
    -webkit-animation-name: wpvoicemessage-fade;
            animation-name: wpvoicemessage-fade;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-flip-x button:hover span {
    -webkit-animation-name: wpvoicemessage-flip-x;
            animation-name: wpvoicemessage-flip-x;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-flip-y button:hover span {
    -webkit-animation-name: wpvoicemessage-flip-y;
            animation-name: wpvoicemessage-flip-y;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-scale button:hover span {
    -webkit-animation-name: wpvoicemessage-scale;
            animation-name: wpvoicemessage-scale;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-rotate button:hover span {
    -webkit-animation-name: wpvoicemessage-rotate;
            animation-name: wpvoicemessage-rotate;
    -webkit-animation-duration: .5s;
            animation-duration: .5s; }
  .vmwpmdp-wpvoicemessage-start-btn-box.vmwpmdp-hover-wobble button:hover span {
    -webkit-animation-name: wpvoicemessage-wobble;
            animation-name: wpvoicemessage-wobble;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn {
    display: flex;
    align-items: center;
    text-decoration: none; }
    .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn .vmwpmdp-wpvoicemessage-start-btn-icon {
      display: flex;
      align-self: center; }
    .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn.vmwpmdp-icon-position-before {
      flex-direction: row; }
      .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn.vmwpmdp-icon-position-before span:nth-child(2) {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important; }
    .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn.vmwpmdp-icon-position-after {
      flex-direction: row-reverse; }
      .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn.vmwpmdp-icon-position-after span:nth-child(2) {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; }
    .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn.vmwpmdp-icon-position-above {
      flex-direction: column; }
      .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn.vmwpmdp-icon-position-above span:nth-child(2) {
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; }
    .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn.vmwpmdp-icon-position-bellow {
      flex-direction: column-reverse; }
      .vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn.vmwpmdp-icon-position-bellow span:nth-child(2) {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important; }

/* Buttons */
.vmwpmdp-speak-now-btns,
.vmwpmdp-wpvoicemessage-reset-box,
.vmwpmdp-send-btns {
  min-width: 200px;
 }
  .vmwpmdp-speak-now-btns.vmwpmdp-entrance-bounce,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-entrance-bounce,
  .vmwpmdp-send-btns.vmwpmdp-entrance-bounce {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-bounce;
            animation-name: wpvoicemessage-bounce;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-entrance-fade,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-entrance-fade,
  .vmwpmdp-send-btns.vmwpmdp-entrance-fade {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-fade;
            animation-name: wpvoicemessage-fade;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-entrance-flip-x,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-entrance-flip-x,
  .vmwpmdp-send-btns.vmwpmdp-entrance-flip-x {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-flip-x;
            animation-name: wpvoicemessage-flip-x;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-speak-now-btns.vmwpmdp-entrance-flip-y,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-entrance-flip-y,
  .vmwpmdp-send-btns.vmwpmdp-entrance-flip-y {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-flip-y;
            animation-name: wpvoicemessage-flip-y;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-speak-now-btns.vmwpmdp-entrance-scale,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-entrance-scale,
  .vmwpmdp-send-btns.vmwpmdp-entrance-scale {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-scale;
            animation-name: wpvoicemessage-scale;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-entrance-wobble,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-entrance-wobble,
  .vmwpmdp-send-btns.vmwpmdp-entrance-wobble {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-wobble;
            animation-name: wpvoicemessage-wobble;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-speak-now-btns.vmwpmdp-entrance-rotate,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-entrance-rotate,
  .vmwpmdp-send-btns.vmwpmdp-entrance-rotate {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-rotate;
            animation-name: wpvoicemessage-rotate;
    -webkit-animation-duration: .8s;
            animation-duration: .8s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-hover-bounce button:hover span, .vmwpmdp-speak-now-btns.vmwpmdp-hover-fade button:hover span, .vmwpmdp-speak-now-btns.vmwpmdp-hover-flip-x button:hover span, .vmwpmdp-speak-now-btns.vmwpmdp-hover-flip-y button:hover span, .vmwpmdp-speak-now-btns.vmwpmdp-hover-scale button:hover span, .vmwpmdp-speak-now-btns.vmwpmdp-hover-rotate button:hover span, .vmwpmdp-speak-now-btns.vmwpmdp-hover-wobble button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-bounce button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-fade button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-flip-x button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-flip-y button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-scale button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-rotate button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-wobble button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-bounce button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-fade button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-flip-x button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-flip-y button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-scale button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-rotate button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-wobble button:hover span {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
    .vmwpmdp-speak-now-btns.vmwpmdp-hover-bounce button:hover span:nth-child(2), .vmwpmdp-speak-now-btns.vmwpmdp-hover-fade button:hover span:nth-child(2), .vmwpmdp-speak-now-btns.vmwpmdp-hover-flip-x button:hover span:nth-child(2), .vmwpmdp-speak-now-btns.vmwpmdp-hover-flip-y button:hover span:nth-child(2), .vmwpmdp-speak-now-btns.vmwpmdp-hover-scale button:hover span:nth-child(2), .vmwpmdp-speak-now-btns.vmwpmdp-hover-rotate button:hover span:nth-child(2), .vmwpmdp-speak-now-btns.vmwpmdp-hover-wobble button:hover span:nth-child(2),
    .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-bounce button:hover span:nth-child(2),
    .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-fade button:hover span:nth-child(2),
    .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-flip-x button:hover span:nth-child(2),
    .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-flip-y button:hover span:nth-child(2),
    .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-scale button:hover span:nth-child(2),
    .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-rotate button:hover span:nth-child(2),
    .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-wobble button:hover span:nth-child(2),
    .vmwpmdp-send-btns.vmwpmdp-hover-bounce button:hover span:nth-child(2),
    .vmwpmdp-send-btns.vmwpmdp-hover-fade button:hover span:nth-child(2),
    .vmwpmdp-send-btns.vmwpmdp-hover-flip-x button:hover span:nth-child(2),
    .vmwpmdp-send-btns.vmwpmdp-hover-flip-y button:hover span:nth-child(2),
    .vmwpmdp-send-btns.vmwpmdp-hover-scale button:hover span:nth-child(2),
    .vmwpmdp-send-btns.vmwpmdp-hover-rotate button:hover span:nth-child(2),
    .vmwpmdp-send-btns.vmwpmdp-hover-wobble button:hover span:nth-child(2) {
      -webkit-animation-delay: .1s;
              animation-delay: .1s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-hover-bounce button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-bounce button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-bounce button:hover span {
    -webkit-animation-name: wpvoicemessage-bounce;
            animation-name: wpvoicemessage-bounce;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-hover-fade button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-fade button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-fade button:hover span {
    -webkit-animation-name: wpvoicemessage-fade;
            animation-name: wpvoicemessage-fade;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-hover-flip-x button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-flip-x button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-flip-x button:hover span {
    -webkit-animation-name: wpvoicemessage-flip-x;
            animation-name: wpvoicemessage-flip-x;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-speak-now-btns.vmwpmdp-hover-flip-y button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-flip-y button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-flip-y button:hover span {
    -webkit-animation-name: wpvoicemessage-flip-y;
            animation-name: wpvoicemessage-flip-y;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-speak-now-btns.vmwpmdp-hover-scale button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-scale button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-scale button:hover span {
    -webkit-animation-name: wpvoicemessage-scale;
            animation-name: wpvoicemessage-scale;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-hover-rotate button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-rotate button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-rotate button:hover span {
    -webkit-animation-name: wpvoicemessage-rotate;
            animation-name: wpvoicemessage-rotate;
    -webkit-animation-duration: .5s;
            animation-duration: .5s; }
  .vmwpmdp-speak-now-btns.vmwpmdp-hover-wobble button:hover span,
  .vmwpmdp-wpvoicemessage-reset-box.vmwpmdp-hover-wobble button:hover span,
  .vmwpmdp-send-btns.vmwpmdp-hover-wobble button:hover span {
    -webkit-animation-name: wpvoicemessage-wobble;
            animation-name: wpvoicemessage-wobble;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-speak-now-btns button span,
  .vmwpmdp-wpvoicemessage-reset-box button span,
  .vmwpmdp-send-btns button span {
    display: block; }

/* Floating Button */
.vmwpmdp-wpvoicemessage-fbutton-box {
  position: fixed;
  z-index: 999;
  /* Hover animations */
  /**
 * Voice feedback form for your website for saving and transcribing user voice messages to text.
 * Exclusively on Envato Market: https://quantumcloud.com/
 *
 * @encoding        UTF-8
 * @version         1.0.9
 * @copyright       Copyright (C) 2018 - 2020 DNA88 ( https://quantumcloud.com/ ). All rights reserved.
 * @license         Envato License https://quantumcloud.com/
 **/
  /* Entrance animations */
  /* Hover animations */ }
  .vmwpmdp-wpvoicemessage-fbutton-box.top-left {
    top: 0;
    left: 0; }
  .vmwpmdp-wpvoicemessage-fbutton-box.top-right {
    top: 0;
    right: 0; }
  .vmwpmdp-wpvoicemessage-fbutton-box.left-center {
    top: 50%;
    left: 0;
    transform: translate(0%, -50%); }
  .vmwpmdp-wpvoicemessage-fbutton-box.right-center {
    top: 50%;
    right: 0;
    transform: translate(0%, -50%); }
  .vmwpmdp-wpvoicemessage-fbutton-box.bottom-left {
    bottom: 0;
    left: 0; }
  .vmwpmdp-wpvoicemessage-fbutton-box.bottom-center {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%); }
  .vmwpmdp-wpvoicemessage-fbutton-box.bottom-right {
    bottom: 0;
    right: 0; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-entrance-bounce {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-bounce;
            animation-name: wpvoicemessage-bounce;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-entrance-fade {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-fade;
            animation-name: wpvoicemessage-fade;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-entrance-flip-x {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-flip-x;
            animation-name: wpvoicemessage-flip-x;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-entrance-flip-y {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-flip-y;
            animation-name: wpvoicemessage-flip-y;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-entrance-scale {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-scale;
            animation-name: wpvoicemessage-scale;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-entrance-wobble {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-wobble;
            animation-name: wpvoicemessage-wobble;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-entrance-rotate {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    -webkit-animation-name: wpvoicemessage-rotate;
            animation-name: wpvoicemessage-rotate;
    -webkit-animation-duration: .8s;
            animation-duration: .8s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-bounce button:hover span, .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-fade button:hover span, .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-flip-x button:hover span, .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-flip-y button:hover span, .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-scale button:hover span, .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-rotate button:hover span, .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-wobble button:hover span {
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
    .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-bounce button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-fade button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-flip-x button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-flip-y button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-scale button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-rotate button:hover span:nth-child(2), .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-wobble button:hover span:nth-child(2) {
      -webkit-animation-delay: .1s;
              animation-delay: .1s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-bounce button:hover span {
    -webkit-animation-name: wpvoicemessage-bounce;
            animation-name: wpvoicemessage-bounce;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-fade button:hover span {
    -webkit-animation-name: wpvoicemessage-fade;
            animation-name: wpvoicemessage-fade;
    -webkit-animation-duration: .6s;
            animation-duration: .6s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-flip-x button:hover span {
    -webkit-animation-name: wpvoicemessage-flip-x;
            animation-name: wpvoicemessage-flip-x;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-flip-y button:hover span {
    -webkit-animation-name: wpvoicemessage-flip-y;
            animation-name: wpvoicemessage-flip-y;
    -webkit-animation-duration: .8s;
            animation-duration: .8s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-scale button:hover span {
    -webkit-animation-name: wpvoicemessage-scale;
            animation-name: wpvoicemessage-scale;
    -webkit-animation-duration: .4s;
            animation-duration: .4s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-rotate button:hover span {
    -webkit-animation-name: wpvoicemessage-rotate;
            animation-name: wpvoicemessage-rotate;
    -webkit-animation-duration: .5s;
            animation-duration: .5s; }
  .vmwpmdp-wpvoicemessage-fbutton-box.vmwpmdp-hover-wobble button:hover span {
    -webkit-animation-name: wpvoicemessage-wobble;
            animation-name: wpvoicemessage-wobble;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-backface-visibility: visible !important;
            backface-visibility: visible !important; }
  .vmwpmdp-wpvoicemessage-fbutton-box button {
    display: flex;
    align-items: center;
    outline: none;
    /* Icon position */ }
    .vmwpmdp-wpvoicemessage-fbutton-box button:hover, .vmwpmdp-wpvoicemessage-fbutton-box button:focus {
      text-decoration: none; }
    .vmwpmdp-wpvoicemessage-fbutton-box button .vmwpmdp-wpvoicemessage-fbutton-icon {
      display: flex;
      align-self: center; }
    .vmwpmdp-wpvoicemessage-fbutton-box button.vmwpmdp-icon-position-before {
      flex-direction: row; }
      .vmwpmdp-wpvoicemessage-fbutton-box button.vmwpmdp-icon-position-before span:nth-child(2) {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important; }
    .vmwpmdp-wpvoicemessage-fbutton-box button.vmwpmdp-icon-position-after {
      flex-direction: row-reverse; }
      .vmwpmdp-wpvoicemessage-fbutton-box button.vmwpmdp-icon-position-after span:nth-child(2) {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; }
    .vmwpmdp-wpvoicemessage-fbutton-box button.vmwpmdp-icon-position-above {
      flex-direction: column; }
      .vmwpmdp-wpvoicemessage-fbutton-box button.vmwpmdp-icon-position-above span:nth-child(2) {
        padding-right: 0 !important;
        padding-bottom: 0 !important;
        padding-left: 0 !important; }
    .vmwpmdp-wpvoicemessage-fbutton-box button.vmwpmdp-icon-position-bellow {
      flex-direction: column-reverse; }
      .vmwpmdp-wpvoicemessage-fbutton-box button.vmwpmdp-icon-position-bellow span:nth-child(2) {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important; }
    .vmwpmdp-wpvoicemessage-fbutton-box button span,
    .vmwpmdp-wpvoicemessage-fbutton-box button span path {
      transition: all .15s linear; }

/* For all buttons */
.vmwpmdp-wpvoicemessage-form-box button, .vmwpmdp-wpvoicemessage-form-box button:hover, .vmwpmdp-wpvoicemessage-form-box button:focus, .vmwpmdp-wpvoicemessage-form-box button:active, .vmwpmdp-wpvoicemessage-form-box button:visited {
  outline: none; }

.vmwpmdp-wpvoicemessage-modal-opened .vmwpmdp-wpvoicemessage-fbutton-box {
  transition: .5s;
  opacity: 0;
  display: none; }


/*
  Custom CSS
*/

.vmwpmdp-wpvoicemessage-fbutton-overlay,
.vmwpmdp-wpvoicemessage-start-btn-box .vmwpmdp-wpvoicemessage-start-btn{
  background: #486274 !important;
}
/*.vmwpmdp-wpvoicemessage-fbutton-box:hover button {
  color: #486274 !important;
  background: #fff !important;
  fill: #486274 !important;
}*/
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-start-btn:not(.vmwpmdp-wpvoicemessage-custom):hover{
  fill: #fff !important;
  color: #fff !important;
}
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-start-btn:not(.vmwpmdp-wpvoicemessage-custom):hover svg{
  fill: #fff !important;
  color: #fff !important;
  background: #486274 !important;
}
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-send-rec-btn,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-reset-rec-btn,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-stop-rec-btn,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-reset-rec-yes,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-reset-rec-no,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-reset-rec-back,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-restart {
    background: #486274 !important;
}
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-send-rec-btn:hover,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-reset-rec-btn:hover,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-stop-rec-btn:hover,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-reset-rec-yes:hover,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-reset-rec-no:hover,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-reset-rec-back:hover,
.vmwpmdp-wpvoicemessage-form-box .vmwpmdp-restart:hover{
    color: #486274 !important;
    background: #fff !important;
    box-shadow: 1px 1px 4px #486274 !important;
} 
.vmwpmdp-wpvoicemessage-player-box.green-audio-player .slider .gap-progress,
.vmwpmdp-wpvoicemessage-player-box.green-audio-player .slider .gap-progress .pin{
  background: #486274 !important;
}
.vmwpmdp-wpvoicemessage-fbutton-overlay{
  z-index: 999999 !important;
}

/*
  Popup Design
*/
.vmwpmdp-wpvoicemessage-fbutton-overlay {
    left: inherit;
    top: inherit;
    transform: none;
    position: inherit;
    padding: inherit;
    width: inherit;
    max-width: inherit;
}
.vmwpmdp-wpvoicemessage-fbutton-overlay{
    position: fixed;
    z-index: 999998;
    right: 10px;
    bottom: 100px;
    border-radius: 10px;
    background: transparent !important;
}
.vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-animation-fade .vmwpmdp-wpvoicemessage-modal-wrap{
    width: 100%;
    height: auto;
}
.vmwpmdp-wpvoicemessage-fbutton-modal{
    height: auto;
    background: #fff;
    width: 340px;
    position: relative;
    box-shadow: 4px 19px 88px #dedede;
    padding: 50px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    z-index: 9999999999;
    border-radius: 50%;
}
.vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal{
    left: inherit;
    top: inherit;
    transform: none;
    position: relative;
    background: #ffffff !important;
    border-radius: 100% !important;
    border: 1px solid transparent;
    width: 380px;
    width: 350px;
    height: 350px;
    padding: 50px;
}
.vmwpmdp-wpvoicemessage-close{
    position: absolute;
    background-color: #009bc1;
    background-image: url(../images/captch-refresh.png);
    background-repeat: no-repeat;
    background-position: -31px 0px;
    width: 30px !important;
    height: 30px !important;
    line-height: 30px;
    font-size: 20px;
    top: 17px !important;
    right: 57px !important;
    text-align: center;
    border-radius: 50px;
    cursor: pointer;
    opacity: 1 !important;
    z-index: 99999 !important;
}
.vmwpmdp-wpvoicemessage-close:before,
.vmwpmdp-wpvoicemessage-close:after{
    display: none !important;
}
.vmwpmdp-wpvoicemessage-fbutton-modal:before {
    content: "";
    position: absolute;
    right: 95px;
    bottom: -14px;
    width: 100px;
    height: 34px;
    display: block;
    background-image: url(../images/circle-arrow.png);
    background-repeat: no-repeat;
}
.vmwpmdp-wpvoicemessage-fbutton-modal .fb-text-label,
.vmwpmdp-wpvoicemessage-fbutton-modal .fb-select-label,
.vmwpmdp-wpvoicemessage-fbutton-modal .fb-textarea-label{
  display: none;
}

.vmwpmdp-wpvoicemessage-fbutton-box button{
  background-color: rgb(42, 201, 170);
  color: rgb(255, 255, 255);
  position: absolute;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  padding: 0;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 20px;
}
.vmwpmdp-wpvoicemessage-fbutton-box {
  margin-bottom: 20px;
  margin-right: 20px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  line-height: 60px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  /*transform: translate3d(0, 0, 0);*/
  backface-visibility: hidden;
  padding: 0;
  border: none;
  border-radius: 50%;
}
.vmwpmdp-wpvoicemessage-fbutton-icon,
.vmwpmdp-wpvoicemessage-fbutton-caption{
  display: none !important;
}
.vmwpmdp-wpvoicemessage-modal-opened .vmwpmdp-wpvoicemessage-fbutton-box{
  display: block !important;
}
#vmwpmdp-wpvoicemessage-fbutton{
  position: relative;
  background: #fff url('../images/voice2.png') no-repeat center center;
  /*background-size: 36px;*/
}
#vmwpmdp-wpvoicemessage-fbutton:after{
  content: '';
  position: absolute;
  top: 10px;
  left: 20px;
  font-size: 29px;
}
.vmwpmdp-wpvoicemessage-modal-opened #vmwpmdp-wpvoicemessage-fbutton:after{
  content: '';
  left: 24px;
}
.vmwpmdp-wpvoicemessage-fbutton-box.bottom-right{
  bottom: 35px !important;
  right: 35px !important;
}
.vmwpmdp-wpvoicemessage-before-txt h4{
  font-size: 24px;
  font-weight: 700;
}
.vmwpmdp-wpvoicemessage-before-txt p,
.vmwpmdp-wpvoicemessage-after-txt p{
  margin-bottom: 0;
}
.vmwpmdp-wpvoicemessage-fbutton-modal .vmwpmdp-wpvoicemessage-form-box .vmwpmdp-wpvoicemessage-start-btn:not(.vmwpmdp-wpvoicemessage-custom){
  margin-top: 6px !important;
  margin-bottom: 2px !important;
}
.vmwpmdp-wpvoicemessage-fbutton-overlay .vmwpmdp-wpvoicemessage-fbutton-modal{
  padding-bottom: 61px;
  padding-top: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vmwpmdp-reset-rec-no{
  margin: 0 !important
}
.wpcf7-form .vmwpmdp-wpvoicemessage-before-txt h1,
.wpcf7-form .vmwpmdp-wpvoicemessage-before-txt h2,
.wpcf7-form .vmwpmdp-wpvoicemessage-before-txt h3,
.wpcf7-form .vmwpmdp-wpvoicemessage-before-txt h4,
.wpcf7-form .vmwpmdp-wpvoicemessage-before-txt h5,
.wpcf7-form .vmwpmdp-wpvoicemessage-before-txt h6{
  margin: 0px;
}
.wpcf7-form .vmwpmdp-wpvoicemessage-start-btn{
  cursor: pointer;
}
.wpcf7-form .vmwpmdp-send-btns {
    margin: auto;
}
.wpcf7-form .vmwpmdp-send-rec-btn{
  display: none;
}
.vmwpmdp-send-btns a,
.vmwpmdp-speak-now-btns a{
  text-decoration: none !important;
}

/*.vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-start .vmwpmdp-wpvoicemessage-start-box,
.vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-recording .vmwpmdp-wpvoicemessage-recording-box,
.vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-reset .vmwpmdp-wpvoicemessage-reset-box,
.vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-error .vmwpmdp-wpvoicemessage-error-box,
.vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-send .vmwpmdp-wpvoicemessage-send-box,
.vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-thanks .vmwpmdp-wpvoicemessage-thanks-box,
.vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-allow-access .vmwpmdp-wpvoicemessage-allow-access-box,
.vmwpmdp-wpvoicemessage-form-box.vmwpmdp-step-mic-access-err .vmwpmdp-wpvoicemessage-mic-access-err-box{
  flex-direction: column;
  align-items: center;
  text-align: center;
}
*/
.vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-bottom-left{
  left: 10px;
  right: inherit;
}
.vmwpmdp-wpvoicemessage-fbutton-box.bottom-left {
    left: 60px;
}
.vmwpmdp-wpvoicemessage-modal-bottom-left .vmwpmdp-wpvoicemessage-fbutton-modal:before{
  right: 110px;
  bottom: -14px;
  transform: rotate(315deg);
}
.vmwpmdp-wpvoicemessage-modal-right-center{
  bottom: inherit;
  top: 0;
}
.vmwpmdp-wpvoicemessage-modal-left-center .vmwpmdp-wpvoicemessage-fbutton-modal:before{
  right: 200px;
  bottom: 20px;
  transform: rotate(315deg);
}
.vmwpmdp-wpvoicemessage-modal-left-center{
  bottom: inherit;
  right: inherit;
  left: 10px;
  top: 0;
}

.vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-bottom-center{
  right: 100px;
  bottom: 70px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.vmwpmdp-wpvoicemessage-fbutton-box.top-left {
  top: 0;
  left: 0;
  z-index: 999999;
  transform: rotate(180deg);
}
.vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-top-left {
  right: inherit;
  bottom: inherit;
  top: 80px;
  left: 10px;
}
.vmwpmdp-wpvoicemessage-modal-top-left .vmwpmdp-wpvoicemessage-fbutton-modal:before {
  bottom: inherit;
  top: -15px;
  transform: rotate(215deg);
  left: 55px;
}
.vmwpmdp-wpvoicemessage-fbutton-box.top-right {
  top: 0;
  right: 0;
  z-index: 999999;
  transform: rotate(180deg);
}
.vmwpmdp-wpvoicemessage-fbutton-overlay.vmwpmdp-wpvoicemessage-modal-top-right {
  /*right: inherit;*/
  bottom: inherit;
  top: 60px;
}
.vmwpmdp-wpvoicemessage-modal-top-right .vmwpmdp-wpvoicemessage-fbutton-modal:before {
  bottom: inherit;
  top: 5px;
  transform: rotate(-45deg);
  right: 50px;
}

/*  Record Animation  */

.vmwpmdp-wpvoicemessage-recording-animation,
.vmwpmdp-wpvoicemessage-player-box {
  position: relative;
  min-width: 300px;
  max-width: 300px;
  text-align: center;
  line-height: 1.4em;
  margin: 10px auto;
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 30px;
  font-family: sans-serif;
  padding: 20px;
  font-size: large;
}

.vmwpmdp-wpvoicemessage-recording-animation,
.vmwpmdp-wpvoicemessage-player-box {
  border-radius: 20px;
  padding: 10px;
}

.vmwpmdp-wpvoicemessage-recording-animation:before,
.vmwpmdp-wpvoicemessage-player-box:before,
.vmwpmdp-wpvoicemessage-player-box:after,
.vmwpmdp-wpvoicemessage-recording-animation:after{
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
}

.vmwpmdp-wpvoicemessage-recording-animation:before,
.vmwpmdp-wpvoicemessage-player-box:before{
  left: 30px;
  bottom: -50px;
  border: 25px solid;
  border-color: #333 transparent transparent #333;
}

.vmwpmdp-wpvoicemessage-recording-animation:after,
.vmwpmdp-wpvoicemessage-player-box:after {
  left: 38px;
  bottom: -30px;
  border: 15px solid;
  border-color: #fff transparent transparent #fff;
}

.vmwpmdp-wpvoicemessage-recording-animation:before,
.vmwpmdp-wpvoicemessage-player-box:before,
.vmwpmdp-wpvoicemessage-recording-animation:after,
.vmwpmdp-wpvoicemessage-player-box:after {
  left: 10px;
  bottom: -30px;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 2px solid #333;
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
}

.vmwpmdp-wpvoicemessage-recording-animation:after,
.vmwpmdp-wpvoicemessage-player-box:after {
  width: 20px;
  height: 20px;
  left: 5px;
  bottom: -40px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  border-radius: 18px;
}

.vmwpmdp-reset-rec-no{
  display: none !important;
}


.vmwpmdp-wpvoicemessage-player-box > wave{
  display: none !important; 
}

.vmwpmdp-wpvoicemessage-player-box > wave:last-child {
  display: block !important; 
}   

.vmwpmdp-wpvoicemessage_bbp-form-box .vmwpmdp-wpvoicemessage_bbp-send-box .waveform{
  position: relative;
}

.vmwpmdp-wpvoicemessage_bbp-form-box .vmwpmdp-wpvoicemessage_bbp-send-box .waveform a.qc_playpause_wavesurfer,
.vmwpmdp-wpvoicemessage_bbp-form-box .vmwpmdp-wpvoicemessage_bbp-send-box .waveform button.qc_playpause_wavesurfer{
  top: 25px !important;
  left: 0px !important;
}


.buddypress-wrap .mejs-controls .mejs-button.mejs-play button,
.buddypress-wrap .mejs-controls .mejs-button.mejs-play button:hover {
    background: transparent;
    background-image: url(../images/mejs-controls.svg);
    border-width: 0px;
    width: 20px;
    background-position: 0 0;
}
.buddypress-wrap .mejs-controls .mejs-button.mejs-pause button,
.buddypress-wrap .mejs-controls .mejs-button.mejs-pause button:hover {
    background: transparent;
    background-image: url(../images/mejs-controls.svg);
    border-width: 0px;
    width: 20px;
    background-position: -20px 0;
}
.buddypress-wrap .mejs-controls .mejs-button.mejs-replay button,
.buddypress-wrap .mejs-controls .mejs-button.mejs-replay button:hover {
    background: transparent;
    background-image: url(../images/mejs-controls.svg);
    border-width: 0px;
    width: 20px;
    background-position: -160px 0;
}
.buddypress-wrap .mejs-controls .mejs-button.mejs-mute button,
.buddypress-wrap .mejs-controls .mejs-button.mejs-mute button:hover {
    background: transparent;
    background-image: url(../images/mejs-controls.svg);
    border-width: 0px;
    width: 20px;
    background-position: -60px 0;
}
.buddypress-wrap .mejs-controls .mejs-button.mejs-unmute button,
.buddypress-wrap .mejs-controls .mejs-button.mejs-unmute button:hover {
    background: transparent;
    background-image: url(../images/mejs-controls.svg);
    border-width: 0px;
    width: 20px;
    background-position: -40px 0;
}

body .vmwpmdp-wpvoicemessage-form-box .waveform {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

body .vmwpmdp-wpvoicemessage-form-box .waveform p.qc_voice_record_text {
    margin-top: 30px;
}


@-webkit-keyframes qc_voice_record_infinite_spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes qc_voice_record_infinite_spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
body .vmwpmdp-wpvoicemessage-form-box .waveform  p.qc_voice_record_text .qc_voice_record_spinner {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  background: #808080;
  -webkit-animation: qc_voice_record_infinite_spinning 1.08s linear infinite;
          animation: qc_voice_record_infinite_spinning 1.08s linear infinite;
}
body .vmwpmdp-wpvoicemessage-form-box .waveform  p.qc_voice_record_text .qc_voice_record_spinner:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  margin-left: -2px;
  background: #fff;
}