/*
         The following CSS generated by YellowPencil Plugin.
         https://yellowpencil.waspthemes.com
         */


/*    custom  */
* { margin: 0; padding: 0; }
body {
background: url(../images/bg48db.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body {
background-color: black !important;
}
/*
@font-face {
   font-family: HelveticaNeue;
   src: url(../fonts/HelveticaNeueMedium.ttf);
}

@font-face {
   font-family: HelveticaNeue;
   src: url(../fonts/HelveticaNeue.ttf);
}*/

@font-face {
   font-family: HelveticaNeue;
   src: url(../fonts/HelveticaNeu_Bold.ttf);
}

body {
   font-family: HelveticaNeue;
}

img {
   max-width: 100%;
   height: auto;
}

.edge-fullscreen-menu-opener.edge-fm-opened .edge-fm-lines .edge-fm-line.edge-line-1 {
   display: block;
   top: 50%;
}

.menu_foter_text {
   color: #ffff;
   position: absolute;
   bottom: 0;
   left: 50%;
}

.edge-fullscreen-menu-opener .edge-fm-lines {
   color: #EB1718;
}

nav.edge-fullscreen-menu ul li {
   /*   display: inline;*/
}

nav.edge-fullscreen-menu>ul {
   overflow: unset;
   text-align: center;
}

.voicemail_popup .modal-dialog {
   width: 100%;
   max-width: 100%;
}

.voicemail_popup .modal-content {
   background-color: transparent;
   border: none;
}

.voicemail_popup .modal-footer {
   display: none;
}

.voicemail_popup .modal-header {
   display: none;
}

.recorder_menu {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   padding: 2%;
}

.recorder_menu li {
   display: inline;
   text-align: center;
}

.recorder_menu li.listen_li {
   display: inline;
}

.recorder_menu li img {
   display: inline;
   width: 85%;
}

.download_menu {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   align-items: center;
   padding: 3%;
}

.download_menu li {
   display: inline;
}

.download_menu li:first-child {}

.download_menu li:nth-child(2) {}

.download_menu li:last-child {}

.download_menu li img {
   display: inline;
}

.recorder-img {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

#panel {
   display: none;
}

#panel {
   position: fixed;
   top: 0px;
   left: 0px;
   height: 100%;
   background: #000;
   width: 100%;
   z-index: 999;
}

#record {
   position: fixed;
   top: 0px;
   left: 0px;
   height: 100%;
   background: #000;
   width: 100%;
   z-index: 999 !important;
}

.voicemail:hover+.overlay {
   display: block;
   webkit-transition: all 2s ease-in-out;
}

.voicemail,
.dvcam,
.cassette2,
.merch {
   filter: drop-shadow(0px 0px 0px #eb171861);
   animation-name: seth;
   animation-duration: 1.5s;
   animation-timing-function: ease-in-out;
   animation-delay: 0.3s;
   animation-direction: alternate;
   animation-iteration-count: infinite;
   animation-fill-mode: none;
   animation-play-state: running;
}

.edge-mobile-header .edge-mobile-side-area {
   background-color: #fff;
   height: 100%;
   min-height: 100%;
   overflow: visible;
   padding: 00px 0px 0px !important;
   box-sizing: border-box;
   position: fixed;
   top: 0;
   right: 0;
   width: 340px;
   z-index: 9999;
   -webkit-backface-visibility: hidden;
   -webkit-transform: translate3d(340px, 0, 0);
   -moz-transform: translate3d(340px, 0, 0);
   transform: translate3d(340px, 0, 0);
   -webkit-transition: transform .7s cubic-bezier(.25, 1, .2, 1);
   -moz-transition: transform .7s cubic-bezier(.25, 1, .2, 1);
   transition: transform .7s cubic-bezier(.25, 1, .2, 1);
}

.merch:hover {
   animation-play-state: paused;
   z-index: 100000;
}

.voicemail:hover {
   animation-play-state: paused;
   z-index: 100000;
}

.cassette2:hover {
   animation-play-state: paused;
   z-index: 100000;
}

.dvcam:hover {
   animation-play-state: paused;
   z-index: 100000;
}

@keyframes seth {
   from {
      filter: drop-shadow(0px 0px 10px #eb171845);
   }
   to {
      filter: drop-shadow(0px 0px 20px #eb1718ba);
   }
}

.go_back {
   position: absolute;
   bottom: 2%;
   right: 8%;
}

.go_back a {
   color: #fff;
   font-family: HelveticaNeue;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 1px;
}

.go_back a:hover {
   color: #fff;
   text-decoration: none;
}

.go_back_download {
   position: absolute;
   bottom: 2%;
   right: 2%;
}

.go_back_download a {
   color: #fff;
   font-family: HelveticaNeue;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 1px;
}

.go_back_download a:hover {
   color: #fff;
   text-decoration: none;
}

.record_again {
   position: absolute;
   bottom: 0;
   left: 3%;
}

.record_again a {
   color: #fff;
   font-family: HelveticaNeue;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 1px;
}

.record_again a:hover {
   color: #fff;
   text-decoration: none;
}

.record_again_download {
   position: absolute;
   bottom: 2%;
   left: 2%;
}

.record_again_download a {
   color: #fff;
   font-family: HelveticaNeue;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 1px;
}

.record_again_download a:hover {
   color: #fff;
   text-decoration: none;
}

.left_voice_tit {
   position: absolute;
   left: 50%;
   top: 2%;
   transform: translateX(-50%);
}

.left_voice_tit a {
   color: #EB1718;
   font-family: HelveticaNeue;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 1px;
}

.left_voice_tit a:hover {
   color: #EB1718;
   text-decoration: none;
}

.spered_word {
   position: absolute;
   left: 50%;
   bottom: 0;
   transform: translateX(-50%);
}

.spered_word a {
   color: #EB1718;
   font-family: HelveticaNeue;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 1px;
}

.spered_word a:hover {
   color: #EB1718;
   text-decoration: none;
}

.spered_word ul {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   justify-content: center;
}

.spered_word ul li {
   padding: 0 1rem;
}

.log_out {
   position: absolute;
   top: 3%;
   right: 8%;
}

.log_out a {
   color: #fff;
   font-family: HelveticaNeue;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 1px;
}

.log_out a:hover {
   color: #fff;
   text-decoration: none;
}

.log_out_download {
   position: absolute;
   top: 3%;
   right: 5%;
}

.log_out_download a {
   color: #fff;
   font-family: HelveticaNeue;
   font-size: 15px;
   font-weight: 400;
   letter-spacing: 1px;
}

.log_out_download a:hover {
   color: #fff;
   text-decoration: none;
}

.listen_user_screen {
   z-index: 2555;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 70%;
}

.listen_user_screen .progress-bar {
   background-color: #fff;
}

.listen_user_screen .progress {
   height: 0.5rem;
   border-radius:0;
   background-color: #EB1718;
}

.listen_user_screen p {
   font-size: 4rem;
   color: #EB1718;
   font-family: HelveticaNeue;
   font-weight: 400;
   line-height: 1.1;
   text-align: center;
   text-transform: uppercase;

}

.play-btn{
   cursor: pointer;
   display: block;
}

.listen_audio {
   display: flex;
   margin: 7px 0 0 0;
   padding: 0;
   list-style: none;
   justify-content: space-between;
}

.listen_audio li {
   font-size: 1.5rem;
   color: #EB1718;
   font-family: HelveticaNeue;
   font-weight: 400;
   cursor: pointer;
   letter-spacing: 3px;
   text-align: center;
}

.record_audio {
   display: flex;
   margin: 7px 0 0 0;
   padding: 0;
   list-style: none;
}

.record_audio li {
   font-size: 1.5rem;
   color: #EB1718;
   font-family: HelveticaNeue;
   font-weight: 400;
  
   cursor: pointer;
   letter-spacing: 3px
}

.log_in .modal-content {
   background-color: #EB1718;
   border: none;
   -webkit-box-shadow: 3px 3px 9px 12px rgba(235, 23, 24, 0.75);
       box-shadow: 0 0 30px 12px rgb(235 23 24 / 54%);
}

.log_in .modal-header {
   border-bottom: none;
   padding: 0 1rem;
}

.log_in .modal-header .close {
   padding: 1.5rem 1rem;
}

.log_in .modal-footer {
   display: none;
}

.log_in .modal-body {
   text-align: center;
}

.log_in .modal-body h4 {
   font-size: 14px;
   font-family: HelveticaNeue;
   /*font-weight: 400;*/
   padding-bottom: 10px;
}

.log_in .modal-body h5 {
   font-size: 11px;
   font-family: HelveticaNeue;
   /*   font-weight: 400;*/
}

.log_in .modal-body p {
   font-size: 11px;
   font-family: HelveticaNeue;
   /* font-weight: 400;*/
}

.google-button {
   height: 40px;
   border-width: 0;
   background: white;
   color: #737373;
   border-radius: 3px;
   white-space: nowrap;
   box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
   transition-property: background-color, box-shadow;
   transition-duration: 150ms;
   transition-timing-function: ease-in-out;
   padding: 0;
   cursor: pointer;
  /* display: block;*/
    display: inline-block;
   margin: 0 auto;
   margin-bottom: 25px;
   margin-top: 15px;
}
.google-button:focus,
.google-button:hover {
       text-decoration: none;
    color: #737373;
}

/*.google-button:focus,
.google-button:hover {
   box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}

.google-button:active {
   background-color: #e5e5e5;
   box-shadow: none;
   transition-duration: 10ms;
}*/

.google-button__icon {
   display: inline-block;
   vertical-align: middle;
   margin: 8px 0 8px 8px;
   width: 18px;
   height: 18px;
   box-sizing: border-box;
}

.google-button__icon--plus {
   width: 27px;
}

.google-button__text {
   display: inline-block;
   vertical-align: middle;
   padding: 0 24px;
   font-size: 14px;
   font-weight: 400;
   font-family: 'Roboto', arial, sans-serif;
}

.facebook-button {
   height: 40px;
   border-width: 0;
   background-color: #245d9b;
   color: #FFF;
   border-radius: 3px;
   white-space: nowrap;
   box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.05);
   transition-property: background-color, box-shadow;
   transition-duration: 150ms;
   transition-timing-function: ease-in-out;
   padding: 0;
   cursor: pointer;
   /*display: block;*/
   margin: 0 auto;
   margin-bottom: 25px;
   display: inline-block;
}


/*.facebook-button:focus,
.facebook-button:hover {
   box-shadow: 1px 4px 5px 1px rgba(0, 0, 0, 0.1);
}

.facebook-button:active {
   background-color: #e5e5e5;
   box-shadow: none;
   transition-duration: 10ms;
}*/

.facebook-button__icon {
   display: inline-block;
   vertical-align: middle;
   margin: 8px 0 8px 8px;
   width: 24px;
   height: 24px;
   box-sizing: border-box;
}

.facebook-button__icon--plus {
   width: 27px;
}

.facebook-button__icon svg {
   color: #FFF;
   fill: #FFF;
}

.facebook-button__text {
   display: inline-block;
   vertical-align: middle;
   padding: 0 17px;
   font-size: 14px;
   font-weight: 400;
   font-family: 'Roboto', arial, sans-serif;
   color: #fff;
}

.cards {
   position: relative;
   display: inline-block;
}

.cards .img-top {
   display: none;
   position: absolute;
   top: 0;
   left: 0;
   /*z-index: 1;*/
}

.cards:hover .img-top {
   display: inline;
}

.recorder_menu .cards img {
   width: 85%;
}

.recorder_menu .cards:first-child {
   text-align: right;
}

.recorder_menu .cards:first-child .img-top {
   left: inherit;
   right: 0;
}

.recorder_menu .cards:last-child {
   text-align: left;
}


/*.recorder_menu .cards:first-child .img-top{
   left: inherit;
   right: 0;
}*/

.card_l_1 {
    position: relative; 
    cursor: pointer;
     width: 50%;
    height: 100%;
  }

  /* Images containers */
  .card_l_1:before, .card_l_1:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 88% 88%;
    transition: opacity 1s;
  }

  /* Attach backgrounds */
  .card_l_1:before {
   background-image: url('../images/record.svg');
    opacity: 1;
  }

  .card_l_1:after {
     background-image: url('../images/record_hover.svg');
    opacity: 0;
  }

  /* Transition on hover */
  .card_l_1:hover:before {
    opacity: 0;
  }

  .card_l_1:hover:after {
    opacity: 1;
     -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
    filter: drop-shadow(0px 0px 0px #EB1718);
    -webkit-animation-name: seth;
    animation-name: seth;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }

  .card_l_2 {
    position: relative;
     cursor: pointer;
     width: 50%;
    height: 100%;
  }

  /* Images containers */
  .card_l_2:before, .card_l_2:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 88% 88%;
    transition: opacity 1s;
  }

  /* Attach backgrounds */
  .card_l_2:before {
   background-image: url('../images/listen_hover.svg');
    opacity: 1;
     -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
    filter: drop-shadow(0px 0px 0px #EB1718);
    -webkit-animation-name: seth;
    animation-name: seth;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }
  

.card_r_1 {
    position: relative; 
    cursor: pointer;
     width: 50%;
    height: 100%;
  }

  /* Images containers */
  .card_r_1:before, .card_r_1:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 88% 88%;
    transition: opacity 1s;
  }

  /* Attach backgrounds */
  .card_r_1:before {
   background-image: url('../images/record_hover.svg');
    opacity: 1;
     -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
    filter: drop-shadow(0px 0px 0px #EB1718);
    -webkit-animation-name: seth;
    animation-name: seth;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }
  

.card_r_2 {
    position: relative;
     cursor: pointer;
     width: 50%;
    height: 100%;
  }

  /* Images containers */
  .card_r_2:before, .card_r_2:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 88% 88%;
    transition: opacity 1s;
  }

  /* Attach backgrounds */
  .card_r_2:before {
   background-image: url('../images/listen.svg');
    opacity: 1;
  }

  .card_r_2:after {
     background-image: url('../images/listen_hover.svg');
    opacity: 0;
  }

  /* Transition on hover */
  .card_r_2:hover:before {
    opacity: 0;
  }

  .card_r_2:hover:after {
    opacity: 1;
     -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
    filter: drop-shadow(0px 0px 0px #EB1718);
    -webkit-animation-name: seth;
    animation-name: seth;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }

.recorder_menu {
   height: 100%;
   padding: 0;
}

.download_1 {
    position: relative; 
    cursor: pointer;
     width: 33.33333%;
    height: 100%;
  }

  /* Images containers */
  .download_1:before, .download_1:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 88% 88%;
    transition: opacity 1s;
  }

  /* Attach backgrounds */
  .download_1:before {
   background-image: url('../images/download.svg');
    opacity: 1;
  }

  .download_1:after {
     background-image: url('../images/download_onhover.svg');
    opacity: 0;
  }

  /* Transition on hover */
  .download_1:hover:before {
    opacity: 0;
  }

  .download_1:hover:after {
    opacity: 1;
     -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
    filter: drop-shadow(0px 0px 0px #EB1718);
    -webkit-animation-name: seth;
    animation-name: seth;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }


.download_3 {
    position: relative; 
    cursor: pointer;
      width: 33.33333%;
    height: 100%;
  }

  /* Images containers */
  .download_3:before, .download_3:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 88% 88%;
    transition: opacity 1s;
  }

  /* Attach backgrounds */
  .download_3:before {
   background-image: url('../images/email.svg');
    opacity: 1;
  }

  .download_3:after {
     background-image: url('../images/email_hover.svg');
    opacity: 0;
  }

  /* Transition on hover */
  .download_3:hover:before {
    opacity: 0;
  }

  .download_3:hover:after {
    opacity: 1;
     -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
    filter: drop-shadow(0px 0px 0px #EB1718);
    -webkit-animation-name: seth;
    animation-name: seth;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }


.download_2 {
   width: 33.33333%;
   text-align: center;
}

.download_menu {
   height: 100%;
   padding: 0;
}

.card_H_1 {
    position: relative; 
    cursor: pointer;
     width: 50%;
    height: 100%;
  }

  /* Images containers */
  .card_H_1:before, .card_H_1:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 88% 88%;
    transition: opacity 1s;
  }

  /* Attach backgrounds */
  .card_H_1:before {
   background-image: url('../images/record.svg');
    opacity: 1;
  }

  .card_H_1:after {
     background-image: url('../images/record_hover.svg');
    opacity: 0;
  }

  /* Transition on hover */
  .card_H_1:hover:before {
    opacity: 0;
  }

  .card_H_1:hover:after {
    opacity: 1;
    -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
    filter: drop-shadow(0px 0px 0px #EB1718);
    -webkit-animation-name: seth;
    animation-name: seth;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }
   
   .card_H_2 {
    position: relative;
 
    cursor: pointer;
     width: 50%;
    height: 100%;
  }

  /* Images containers */
  .card_H_2:before, .card_H_2:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
   background-position: center;
    background-repeat: no-repeat;
    background-size: 88% 88%;
    transition: opacity 1s;
  }

  /* Attach backgrounds */
  .card_H_2:before {
   background-image: url('../images/listen.svg');
    opacity: 1;
  }

  .card_H_2:after {
     background-image: url('../images/listen_hover.svg');
    opacity: 0;
  }

  /* Transition on hover */
  .card_H_2:hover:before {
    opacity: 0;
  }

  .card_H_2:hover:after {
    opacity: 1;
    -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
    filter: drop-shadow(0px 0px 0px #EB1718);
    -webkit-animation-name: seth;
    animation-name: seth;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-play-state: running;
  }


.close:focus,
.close:hover {
   outline: none;
}
        #preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  /* change if the mask should have another color then white */
  z-index: 9999;
  /* makes sure it stays on top */
}

.edge-fullscreen-menu-holder-outer {
    background-color: black;
}

.spinner1 {
   position: fixed;
   width: 50px;
   height: 50px;
   top: calc(50% - 50px/2);
   left: calc(50% - 50px/2)
}

.spinner1 .double-bounce1,
.spinner1 .double-bounce2 {
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: red;
   opacity: .6;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-animation: bounce 2s infinite ease-in-out;
   animation: bounce 2s infinite ease-in-out
}

.spinner1 .double-bounce2 {
   -webkit-animation-delay: -1s;
   animation-delay: -1s
}

@-webkit-keyframes bounce {
   0%,
   100% {
      transform: scale(0);
      -webkit-transform: scale(0)
   }
   50% {
      transform: scale(1);
      -webkit-transform: scale(1)
   }
}

@keyframes bounce {
   0%,
   100% {
      transform: scale(0);
      -webkit-transform: scale(0)
   }
   50% {
      transform: scale(1);
      -webkit-transform: scale(1)
   }
}
#menu-main{top: 50px;
text-align: center;}
.edge-fullscreen-menu{
   -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
filter: drop-shadow(0px 0px 0px #EB1718);
-webkit-animation-name: seth;
animation-name: seth;
-webkit-animation-duration: 1.0s;
animation-duration: 1.0s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-play-state: running;
}
.edge-mobile-nav{
      -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
filter: drop-shadow(0px 0px 0px #EB1718);
-webkit-animation-name: seth;
animation-name: seth;
-webkit-animation-duration: 1.0s;
animation-duration: 1.0s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
animation-play-state: running;
}
.edge-fullscreen-menu-opened .edge-logo-wrapper{
display: none;
}
.copy_menu{   margin-top: 79px;
text-align: center;
padding-bottom: 15px;
margin-bottom: 0;}
.copy_menu a{    color: #EB1718;}
.copy_menu a:hover{text-decoration: none;}
#menu-main-1 li img{display: block;
    margin: 10px auto;}
#menu-main-1 li:first-child img{    
-webkit-transform: scaley(0.5);
    -ms-transform: scaley(0.5);
    transform: scaley(0.5);
    width: 100vw;
}
#menu-main-1 li:nth-child(2) img{    
-webkit-transform: scaley(1.5);
    -ms-transform: scaley(1.5);
    transform: scaley(1.5);
    width: 100vw;
}
#menu-main-1 li:nth-child(3) img{    
    -webkit-transform: scaley(0.5);
    -ms-transform: scaley(0.5);
    transform: scaley(0.5);
    width: 100vw;
        margin-top: 2vw;
    margin-bottom: 2vw;
}
#menu-main-1 li:nth-child(4) img{    
    -webkit-transform: scaley(1.5);
    -ms-transform: scaley(1.5);
    transform: scaley(1.5);
    width: 100vw;
    margin-bottom: 1vw;
}
#menu-main-1 li:nth-child(5) img{    
       -webkit-transform: scaley(0.6);
    -ms-transform: scaley(0.6);
    transform: scaley(0.6);
    display: inline-block;
    margin-top: 30px;
    margin-bottom: -6vw;
}
#menu-main-1 li:nth-child(6) img{    
          -webkit-transform: scaley(0.5);
    -ms-transform: scaley(0.5);
    transform: scaley(0.5);
    width: 100%;
    display: inline-block;
}
#menu-main-1 li:nth-child(7) img{    
         -webkit-transform: scaley(1.5);
    -ms-transform: scaley(1.5);
    transform: scaley(1.5);
    width: 100vw;
    margin-bottom: 50px;
}

/*mobile*/
#menu-main li img{display: block;
    margin: 10px auto;}
#menu-main li:first-child img{    
-webkit-transform: scaley(0.5);
    -ms-transform: scaley(0.5);
    transform: scaley(0.5);
    width: 100vw;
}
#menu-main li:nth-child(2) img{    
-webkit-transform: scaley(1.5);
    -ms-transform: scaley(1.5);
    transform: scaley(1.5);
    width: 100vw;
}
#menu-main li:nth-child(3) img{    
    -webkit-transform: scaley(0.5);
    -ms-transform: scaley(0.5);
    transform: scaley(0.5);
    width: 100vw;
    margin-top: 10px;
}
#menu-main li:nth-child(4) img{    
    -webkit-transform: scaley(1.5);
    -ms-transform: scaley(1.5);
    transform: scaley(1.5);
    width: 100vw;
    margin-bottom: 1vw;
}
#menu-main li:nth-child(5) img{    
       -webkit-transform: scaley(0.6);
    -ms-transform: scaley(0.6);
    transform: scaley(0.6);
    display: inline-block;
    margin-top: 30px;
    margin-bottom: -6vw;
}
#menu-main li:nth-child(6) img{    
          -webkit-transform: scaley(0.5);
    -ms-transform: scaley(0.5);
    transform: scaley(0.5);
    width: 100%;
    display: inline-block;
}
#menu-main li:nth-child(7) img{    
         -webkit-transform: scaley(1.5);
    -ms-transform: scaley(1.5);
    transform: scaley(1.5);
    width: 100vw;
    margin-bottom: 50px;
}

.edge-fullscreen-menu-holder-inner .edge-container-inner{width: 100%;}
/*    custom  end */

.edge-smooth-transition-loader {
   background-color: #0a0a0a;
}

.vc_custom_1600178842201 {
   background-image: url(../images/bg48db.jpg) !important;
   background-position: center !important;
   background-repeat: no-repeat !important;
   background-size: cover !important;
}

#rotate-device {
   width: 100%;
   height: 100%;
   position: fixed;
   z-index: 1000;
   top: 0;
   left: 0;
   background-color: #000;
   background-image: url(../images/rotate.png);
   -webkit-background-size: 100px 100px;
   background-size: 100px 100px;
   background-position: center;
   background-repeat: no-repeat;
   display: none;
}

.edge-wrapper .edge-page-header {
   top: 40px;
}

.edge-page-header .edge-menu-area .edge-vertical-align-containers {
   padding-left: 50px;
   padding-right: 50px;
}

body {
   cursor: url("../images/DS_POTATO-HEAD-cursor-1.png") auto;
}

.edge-grid-row {
   margin-left: -15px;
   margin-right: -15px;
   max-height: 100vh;
}

.edge-container .edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .videocontainer {
   left: auto !important;
   top: auto !important;
}

.wpb_text_column .wpb_wrapper .videocontainer {
   bottom: 2vh !important;
   right: 21vw;
}

.edge-fullscreen-menu a span {
   color: #eb1718;
   font-size: 82px;
   line-height: 80px;
   margin-bottom: 40px;
   margin-top: 40px;
   font-weight: 600;
   -webkit-transform: scaleY(3);
   -ms-transform: scaleY(3);
   transform: scaleY(3);
}

.edge-fullscreen-menu .current span {
   border-bottom-style: none;
   border-bottom-width: 0px;
}

.edge-fullscreen-menu a span:hover {
   border-bottom-width: 0px;
   border-bottom-style: none;
   font-size: 100px;
}


@media only screen and (min-device-width: 0px) and (max-device-width: 2500px) and (orientation: portrait) {
   #rotate-device {
      display: block;
   }
}

@media (max-width: 1778px) {
   .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .videocontainer .dvcam img {
      height: auto !important;
   }
   .videocontainer .dvcam img {
      width: 13vw !important;
   }
   .wpb_text_column .wpb_wrapper .videocontainer {
      left: auto;
      right: 20vw !important;
      bottom: 0vh !important;
   }
   .edge-container .edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .videocontainer {
      top: auto !important;
   }
   .edge-fullscreen-menu a span {
      color: #eb1718;
   }
   .edge-fullscreen-menu-holder nav {
      border-left-width: 0px;
      border-width: 0px;
      border-style: none;
      border-left-style: none;
   }
   .edge-fullscreen-menu-holder .edge-fullscreen-menu {
      border-left-color: rgba(136, 136, 136, 0);
   }
}

@media (max-width: 1440px) {
   .edge-page-header .edge-menu-area .edge-vertical-align-containers {
      top: 50px;
   }
   .download_2 img {
      max-width: 70%;
   }
   .listen_user_screen p {
      font-size: 3rem;
   }
}

@media (max-width: 1024px) {
   .edge-wrapper .edge-mobile-header-inner {
      background-color: transparent;
   }
   .edge-wrapper .edge-mobile-header {
      width: 100%;
   }
   .edge-wrapper .edge-grid .edge-vertical-align-containers {
      left: 0px;
      top: 50px;
      padding-left: 50px;
      padding-right: 50px;
   }
   .edge-grid .edge-vertical-align-containers .edge-position-right .edge-position-right-inner .edge-mobile-menu-opener a .edge-mo-lines i {
      background-color: #db0000 !important;
   }
   .edge-wrapper .opened {
      background-color: #121212;
      height: 100%;
      padding: 0;
   }
   .opened nav {
      background-color: #121212 !important;
      padding-top: 2px !important;
   }
   .edge-wrapper .edge-wrapper-inner .edge-mobile-header .opened {
      width: 100% !important;
   }
   #menu-main .menu-item {
      text-align: center;
      color: #eb1718;
      top: -200px;
      position: relative;
   }
   #menu-main a span {
      color: #eb1718;
      font-size: 60px;
      font-weight: 600;
   }
   .edge-wrapper .edge-wrapper-inner .edge-mobile-header .opened .edge-mobile-side-area-inner .edge-mobile-nav #menu-main .menu-item a span {
      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
   }
   #menu-main .menu-item a {
      -webkit-transform: scaley(3);
      -ms-transform: scaley(3);
      transform: scaley(3);
      margin-top: 0px;
      line-height: 8em;
   }
   #menu-main {
      position: relative;
      /*top: 200px;*/
      top: 0;
padding-top: 80px;
   }
   .listen_user_screen p {
      font-size: 1.5rem;
   }
   .recorder_menu li img {
      width: auto;
   }
   .download_menu {
      padding: 5% 3%;
   }
   .go_back a {
      font-size: 16px;
   }
   .record_again a {
      font-size: 16px;
   }
   .spered_word a {
      font-size: 16px;
   }
   .log_out a {
      font-size: 16px;
   }
}

@media (max-width: 480px) {
   .edge-wrapper .edge-grid .edge-vertical-align-containers {
      padding-right: 40px;
      padding-left: 40px;
   }
}

.overlay {
   display: none;
   z-index: 10000 !important;
}

.voicemail:hover+.overlay {
   display: block;
   webkit-transition: all 2s ease-in-out;
}

.voicecontainer>.voicemail {
   width: auto !important;
   max-width: 500px;
}

.voicecontainer {
   width: auto !important;
   position: absolute;
   max-width: 500px;
}

.overlay img {
   position: fixed;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   z-index: 1 !important;
   pointer-events: none;
}

.wpb_text_column .wpb_wrapper .voicecontainer {
   top: 24vh;
   left: 34vw;
   right: auto;
}

.edge-container .edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .voicecontainer {
   bottom: auto !important;
}

.wpb_text_column p .wp-image-31 {
   position: absolute;
   right: auto;
   width: 22vw;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-31 {
   height: auto !important;
   bottom: auto !important;
}

.wpb_text_column p .wp-image-38 {
   display: inline-block;
   position: absolute;
   top: 33vh;
   left: 17vw;
}

.wpb_text_column p .wp-image-65 {
   position: absolute;
   top: 2vw;
   left: 35vw;
   display: inline-block;
   width: 8vw;
   z-index: -10;
}

.wpb_text_column p .wp-image-36 {
   display: inline-block;
   position: absolute;
   right: auto;
   width: 12vw;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-36 {
   bottom: auto !important;
   height: auto !important;
}

.wpb_text_column p .wp-image-42 {
   position: absolute;
   left: 16vw;
   width: 253px;
   max-width: 253px;
   top: 57vh;
}

.wpb_text_column p .wp-image-44 {
   display: inline-block;
   position: absolute;
   right: 18vw;
}

.wpb_text_column p .wp-image-43 {
   position: absolute;
}

.wpb_text_column p .wp-image-47 {
   display: inline-block;
   width: 81px;
   position: absolute;
   top: 25vh;
   right: 6vw;
}

.wpb_text_column p .wp-image-46 {
   position: absolute;
   left: 77vw;
   width: 13vw;
   right: auto;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-46 {
   top: auto !important;
   bottom: 32vh !important;
   height: auto !important;
}

.wpb_text_column p .wp-image-34 {
   display: inline-block;
   position: absolute;
   top: -5vh;
   left: 47vw;
   right: auto;
   width: 24vw;
   z-index: -10;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-34 {
   bottom: auto !important;
   height: auto !important;
}

.wpb_text_column p .wp-image-35 {
   display: inline-block;
   position: absolute;
   width: 14vw;
   top: 54vh;
   right: 3vw;
}

.wpb_text_column p .wp-image-40 {
   position: absolute;
   top: 57vh;
   right: 17vw;
   width: 358px;
   max-width: 358px;
}

.wpb_text_column p .wp-image-37 {
   position: absolute;
   top: 81vh;
   left: 30vw;
   width: 238px;
   max-width: 238px;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-38 {
   bottom: auto !important;
   height: auto !important;
   right: auto !important;
}

.wpb_text_column p .wp-image-39 {
   display: inline-block;
   position: absolute;
   top: 70vh;
   right: 37vw;
   left: auto;
}

.videocontainer {
   display: block;
   position: fixed;
   position: absolute;
}

.dvcam:hover+.overlay {
   display: block !important;
   webkit-transition: all 2s ease-in-out;
}

.videocontainer .dvcam img {
   position: relative;
   top: 0vw;
   visibility: visible;
   max-width: none;
   width: 18vw;
}

.wpb_text_column .wpb_wrapper .videocontainer {
   right: 21vw;
   z-index: 0;
   left: auto;
   bottom: auto;
}

.musiccontainer {
   display: block;
   width: 23%;
   position: absolute;
   width: auto !important;
   position: absolute;
   max-width: 500px;
}

.cassette2:hover+.overlay {
   display: block !important;
   webkit-transition: all 2s ease-in-out;
}

.musiccontainer .cassette2 img {
   visibility: visible;
   display: inline-block;
   width: 13vw;
   position: relative;
   max-width: none;
}

.wpb_text_column .wpb_wrapper .merchcontainer {
   position: absolute;
   width: 253px;
   top: 53vh;
   display: block;
   left: 16vw;
}

.merch:hover+.overlay {
   display: block !important;
   webkit-transition: all 2s ease-in-out;
}

.wpb_text_column .wpb_wrapper .musiccontainer {
      left: auto;
    bottom: auto;
    right: 40vw;
    top: 66vh;
}

.voicemail,
.dvcam,
.cassette2,
.merch {
   -webkit-filter: drop-shadow(0px 0px 0px #EB1718);
   filter: drop-shadow(0px 0px 0px #EB1718);
   -webkit-animation-name: seth;
   animation-name: seth;
   -webkit-animation-duration: 1.0s;
   animation-duration: 1.0s;
   -webkit-animation-timing-function: ease-in-out;
   animation-timing-function: ease-in-out;
   animation-direction: alternate;
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   animation-play-state: running;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-65 {
   height: auto !important;
}

.edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .voicecontainer .voicemail img {
   height: auto !important;
}

.voicecontainer .voicemail img {
   width: 26vw;
   max-width: none;
}

.edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .merchcontainer .merch img {
   height: auto !important;
}

.merchcontainer .merch img {
   max-width: none;
   width: 16vw;
}

.edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .musiccontainer .cassette2 img {
   height: auto !important;
}

.edge-container .edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .musiccontainer {
   height: auto !important;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-44 {
   height: auto !important;
   left: auto !important;
   bottom: auto !important;
}

.edge-container .edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .videocontainer {
   width: auto !important;
   top: 55vh !important;
}

.wpb_text_column .wpb_wrapper .videocontainer>.dvcam {
   height: auto !important;
   width: 15vw;
}

.vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .videocontainer .dvcam img {
   height: auto !important;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-35 {
   height: auto !important;
   bottom: auto !important;
   left: auto !important;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-39 {
   height: auto !important;
   width: 2.5vw !important;
}

.edge-wrapper .vc_custom_1600178842201 .homepage {
   width: 100vw !important;
   max-height: 1080px;
}

.edge-wrapper .edge-wrapper-inner .edge-content .edge-content-inner .edge-container .edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage {
   height: 100vh !important;
}

.vc_custom_1600178842201 .homepage .vc_column_container {
   max-height: 1080px;
}

.homepage .vc_column-inner>.wpb_wrapper {
   height: 100%;
   padding-left: 0px;
   padding-right: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 0px;
   position: relative;
   top: 0px;
   left: 0px;
}

.homepage .vc_column-inner {
   padding-left: 40px;
   padding-right: 40px;
   padding-top: 40px;
   padding-bottom: 0%;
   max-height: 1280px;
}

.edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-43 {
   width: 20vw !important;
}

.wpb_text_column .wpb_wrapper .voicecontainer .overlay {
   z-index: 10000;
   position: absolute;
}

.edge-container .edge-container-inner .edge-grid-row .edge-page-content-holder .vc_custom_1600178842201 .homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper .merchcontainer {
   bottom: auto !important;
   right: auto !important;
}

.homepage p .wp-image-31 {
   left: 0vw;
   top: 55vh;
}

.homepage p .wp-image-44 {
   width: 15vw;
   top: 31vh;
}

.homepage p .wp-image-43 {
   top: 0vh;
   left: 6vw;
}

.homepage p .wp-image-36 {
   left: 3vw;
   top: 28vh;
}

.homepage p .wp-image-38 {
   min-width: 0px;
}

.homepage .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper p .wp-image-38 {
   width: 13vw !important;
}

.edge-wrapper .edge-wrapper-inner .edge-fullscreen-menu-holder-outer .edge-fullscreen-menu-holder .edge-fullscreen-menu-holder-inner .edge-container-inner .edge-fullscreen-menu ul .menu-item a span {
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

.edge-fullscreen-menu ul .menu-item {
   padding-top: 0px;
}

@media (max-width: 850px) {
   .wpb_text_column .wpb_wrapper .merchcontainer {
      position: absolute;
      width: 253px;
      top: 53vh !important;
      display: block;
      left: 10vw !important;
   }
   .wpb_text_column .wpb_wrapper .voicecontainer {
      top: 17vh !important;
      left: 34vw !important;
      right: auto;
   }
   .videocontainer {
      left: auto;
      right: 17vw !important;
   }
   .wpb_text_column p .wp-image-65 {
      position: absolute;
      top: 0vw;
      left: 30vw !important;
      display: inline-block;
      width: 8vw !important;
      z-index: -10;
   }
   .listen_audio li{
      font-size: 1rem;
   }
   .listen_user_screen{
      width: 80%;
   }
}
#recordingsList li a{
     text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
#overlay{
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:auto;
  height:100%;
  z-index:1000;
}

#popup{
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
    margin-top:-150px;
    margin-left:-150px;
  z-index:1001;
   color: #ffffff;
}
       
       #popup:hover{text-decoration: none;}

.closepop {color:#ffffff; position:absolute; top:30px; right:-10px; padding:1px; font-family:arial;}
.pophead{    font-family: HelveticaNeue;     font-size: 63px;     text-align: center;}
#popup_lock{    position: fixed;
    z-index: 1000;
    left: 0px;
    top: 0px;
    padding: 0px;
    margin: 0px;
    background-color: rgb(0, 0, 0);
    width: 100%;
    height: 100%;
    opacity: 0.7;}
 .closepop {
    color: #ffffff;
    position: absolute;
    top: 30px;
    right: -50px;
    padding: 1px;
    font-family: arial;
    cursor: pointer;
}
.youtube_link{    text-align: center;}
.youtube_link a{text-decoration: none;
    color: white;
    font-family: HelveticaNeue;
    font-size: 14px;}  
    .youtube_link a:hover{
    color: #EB1718;
    text-decoration: none;
    }