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


.getapp_general {
  position: absolute;
  right: 85px;
  top: 8px; }
.cta_general {
  animation: swing 7s infinite;
  transform-origin: center center;
  position: fixed;
  right: 20px;
  width: 50px;
  top: 10px;
  z-index: 999; }
  .cta:hover {
    cursor: pointer; }
.m-full-cta_general {
  opacity: 0;
  visibility: hidden;
  animation-fill-mode: forwards !important;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .m-full-cta_general .layer_general {
    background-color: rgba(10,10,10,0.9);
    opacity: 1;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;top:0px;}
  .m-full-cta_general span {
    color: #d6d6d6;
    font-size: 24px;
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer; }
  .m-full-cta_general .content_general {
    z-index: 5;
    text-align: center;
    color: white;
    position: absolute;
    left: 52%;
    top: 47vh;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 65%;
    height: 400px; }
    .m-full-cta_general .content_general .left_general {
      float: left;
      width: 57%;
      position: relative; }
      .m-full-cta_general .content_general .left_general .mobile_general {
        display: none; }
      .m-full-cta_general .content_general .left_general .desktop_general {
        position: absolute;
        top: -47px;
        right: 25px;
        height: 550px;
        visibility: hidden;
        opacity: 0; }
      .m-full-cta_general .content_general .left_general .slideshow_general {
        position: relative; }
        .m-full-cta_general .content_general .left_general .slideshow_general img {
          position: absolute;
          top: 0;
          right: 42px;
          height: 433px;
          margin-top: 0;
          object-fit: cover;
          display: none; }
    .m-full-cta_general .content_general .right_general {
      float: right;
      width: 44%;
      padding-left: 30px;
      text-align: left;
      margin-top: 90px; }
      .m-full-cta_general .content_general .right_general .menu_logo_general {
        max-height: 50px;
        visibility: hidden;
        opacity: 0; }
      .m-full-cta_general .content_general .right_general .logo-txt_general {
        position: absolute;
        top: 87px;
        margin-left: 15px;
        max-width: 220px;
        visibility: hidden;
        opacity: 0; }
      .m-full-cta_general .content_general .right_general .star-icon {
        margin-top: 5px;
        margin-bottom: 0;
        color: #ffa800;
        font-size: 22px;
      }
      .m-full-cta_general .content_general .right_general .title_general {
        font-size: 26px;
        font-weight: 600;
        padding-top: 10px;
        visibility: hidden;
        opacity: 0; }
      .m-full-cta_general .content_general .right_general .title_general.new {
        font-family: 'BrushHandNew', sans-serif;
        text-transform: uppercase;
        font-size: 38px;
        font-weight: 600;
        padding-top: 20px;
        display: inline-block;
        letter-spacing: 1px;
        visibility: hidden;
        opacity: 0; }
      .m-full-cta_general .content_general .right_general .desc_general {
        width: 300px;
        margin-bottom: 25px;
        margin-top: 10px;
        font-weight: 300;
        letter-spacing: .5px;
        line-height: 20px;
        visibility: hidden;
        opacity: 0; }
      .m-full-cta_general .content_general .right_general button.new {
        background-color: #ffa800;
        color: #fff;
      }
      .m-full-cta_general .content_general .right_general button {
        color: #000;
        background-color: #fff;
        border-radius: 50px;
        border: none;
        text-transform: uppercase;
        padding: 10px 45px;
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 20px;
        transition: color .4s, box-shadow .4s;
        visibility: hidden;
        opacity: 0; }
        .m-full-cta_general .content_general .right_general button:focus {
          outline: none;
          background-color: #dcdcdc; }
        .m-full-cta_general .content_general .right_general button:hover {
          color: #777;
          -webkit-box-shadow: -9px 11px 42px -10px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: -9px 11px 42px -10px rgba(0, 0, 0, 0.75);
          box-shadow: -9px 11px 42px -10px rgba(0, 0, 0, 0.75); }
      .m-full-cta_general .content_general .right_general p {
        font-size: 12px;
        margin-top: 10px;
        color: #cacaca;
        letter-spacing: .5px;
        width: 234px;
        text-align: center;
        margin-top: 20px;
        transition: color .5s;
        visibility: hidden;
        opacity: 0; }
        .m-full-cta_general .content_general .right_general p:hover {
          cursor: pointer;
          color: #969696; }
.wrapper_general .inside_general {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 200px;
  height: 300px;
  background-color: white; }

@keyframes swing {
3.57143% {
  transform: rotate3d(0, 0, 1, 15deg); }
7.14286% {
  transform: rotate3d(0, 0, 1, -10deg); }
10.71429% {
  transform: rotate3d(0, 0, 1, 5deg); }
14.28571% {
  transform: rotate3d(0, 0, 1, -5deg); }
17.85714% {
  transform: rotate3d(0, 0, 1, 0deg); }
100% {
  transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes bouncein {
0% {
  visibility: hidden;
  opacity: 0; }
100% {
  visibility: visible;
  opacity: 1; } }

@keyframes bounceout {
0% {
  visibility: visible;
  opacity: 1;
  transform: scale(1, 1); }
100% {
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8, 0.8); } }

@keyframes bounceintwo {
0% {
  transform: scale(1.5, 1.5);
  visibility: visible;
  opacity: 1; }
65.5% {
  transform: scale(0.8, 0.8); }
100% {
  visibility: visible;
  opacity: 1;
  transform: scale(1, 1); } }

@keyframes fromright {
0% {
  opacity: 0;
  visibility: hidden;
  margin-left: 300px; }
40% {
  opacity: 0; }
100% {
  opacity: 1;
  margin-left: 0;
  visibility: visible; } }

@keyframes fromleft {
0% {
  opacity: 0;
  visibility: hidden;
  margin-right: 500px; }
40% {
  opacity: 0; }
100% {
  opacity: 1;
  margin-right: 0;
  visibility: visible; } }

/*====== RESPONSIVE =======*/
@media (max-width: 1199px) {
  .m-full-cta_general .content_general {
    left: 58%;
  }
}
@media (max-width: 767px) {
.m-full-cta_general {
  opacity: 0;
  visibility: hidden;
  position: relative;
  animation-fill-mode: forwards !important;
  z-index: 1100; }
  .m-full-cta_general span {
    color: #d6d6d6;
    font-size: 24px;
    position: fixed;
    top: 15px;
    right: 20px;
    z-index: 999; }
  .m-full-cta_general .content_general {
    z-index: 5;
    text-align: center;
    color: white;
    left: 50%;
    width: 100%;
    position: fixed;
    height: 100%; }
    .m-full-cta_general .content_general .left_general {
      float: none;
      width: 100%; }
      .m-full-cta_general.com .content_general .left_general .mobile_general.new {
        width: 95%;
      }
      .m-full-cta_general .content_general .left_general .mobile_general {
        width: 95%;
        margin: auto;
        padding-top: 70px;
        display: block; }
      .m-full-cta_general .content_general .left_general .desktop_general {
        display: none; }
      .m-full-cta_general .content_general .left_general .slideshow_general {
        position: initial; }
        .m-full-cta_general .content_general .left_general .slideshow_general img {
          position: absolute;
          top: 21%;
          left: 18%;
          min-width: 62%;
          height: 86vw; }
    .m-full-cta_general .content_general .right_general {
      float: none;
      width: 100%;
      padding: 0;
      text-align: center;
      margin-top: 0; }
      .m-full-cta_general.com .content_general .right_general .menu_logo_general{
        display: none
      }
      .m-full-cta_general .content_general .right_general .menu_logo_general {
        position: absolute;
        top: 45px;
        left: 50%;
        transform: translate(-50%,0);
        max-height: 70px; }
      .m-full-cta_general .content_general .right_general .logo-txt_general {
        top: 27px;
        right: 30%;
        max-width: 165px; }
      .m-full-cta_general .content_general .right_general .title_general.new {
        padding-top: 20px;
      }
      .m-full-cta_general .content_general .right_general .title_general {
        font-size: 26px;
        font-weight: 600;
        padding-top: 15px; }
      .m-full-cta_general .content_general .right_general .desc_general.new {
        margin-top: 0;
        padding-top: 5px;
      }
      .m-full-cta_general .content_general .right_general .desc_general {
        padding: 20px;
        padding-top: 15px;
        font-weight: 300;
        letter-spacing: .5px;
        line-height: 20px;
        margin-bottom: 0;
        width: auto; }
      .m-full-cta_general .content_general .right_general button {
        color: #fff;
        background-color: #ff9900;
        border-radius: 50px;
        border: none;
        text-transform: uppercase;
        padding: 8px 30px;
        font-weight: 600;
        letter-spacing: 1px;
        font-size: 18px; }
        .m-full-cta_general .content_general .right_general button:focus {
          outline: none;
          background-color: #dcdcdc; }
      .m-full-cta_general .content_general .right_general p {
        font-size: 12px;
        margin-top: 10px;
        color: #cacaca;
        letter-spacing: .5px;
        width: 100%; } }

@media (max-width: 415px) {
.m-full-cta_general .content_general .left_general .mobile_general {
  padding-top: 100px; }
.m-full-cta_general .content_general .left_general .slideshow_general img {
  top: 31.4%; }
.m-full-cta_general .content_general .right_general .menu_logo_general {
  display: none;
  top: 45px;}
.m-full-cta_general .content_general .right_general .logo-txt_general {
  top: 40px;
  right: 27%;
  max-width: 150px; }
.m-full-cta_general .content_general .right_general .title_general {
  font-size: 32px;
  padding-top: 20px; }
.m-full-cta_general .content_general .right_general .desc_general {
  font-size: 18px;
  padding-top: 10px;
  line-height: 30px; }
.m-full-cta_general .content_general .right_general button {
  padding: 10px 40px;
  font-size: 20px; }
.m-full-cta_general .content_general .right_general p {
  font-size: 14px; } }

@media (max-width: 375px) {
.cta_general:hover + .pop-hide_general {
  right: 23px; }
.m-full-cta_general.com .content_general .left_general .mobile_general {
  padding-top: 40px;
}
.m-full-cta_general .content_general .left_general .mobile_general {
  padding-top: 40px; }
.m-full-cta_general .content_general .left_general .slideshow_general img {
  top: 30%; }
.m-full-cta_general .content_general .right_general .menu_logo_general {
  top: 50px;
  left: 50%;
  max-height: 50px; }
.m-full-cta_general .content_general .right_general .logo-txt_general {
  top: 27px;
  right: 27%;
  max-width: 155px; }
.m-full-cta_general .content_general .right_general .title_general {
  font-size: 26px;
  padding-top: 15px; }
.m-full-cta_general .content_general .right_general .star-icon {
  margin-top: -5px;
  margin-bottom: 20px;
}
.m-full-cta_general .content_general .right_general .desc_general.new {
  font-size: 14px;
}
.m-full-cta_general .content_general .right_general .desc_general {
  font-size: 12px;
  padding-top: 10px;
  margin-top: 0;
  line-height: 26px; }
.m-full-cta_general .content_general .right_general button {
  padding: 10px 35px;
  font-size: 18px; }
.m-full-cta_general .content_general .right_general p {
  font-size: 12px; } 
  .m-full-cta_general .content_general .right_general .title_general.new {
    margin-top: 0px;
  }
}

@media (max-width: 321px) {
.m-full-cta_general .content_general .left_general .mobile_general {
  padding-top: 60px; }
.m-full-cta_general .content_general .left_general .slideshow_general img {
  top: 27.9%; }
.m-full-cta_general .content_general .right_general .menu_logo_general {
  top: 22px;
  left: 50%;
  max-width: 56px; }
.m-full-cta_general .content_general .right_general .logo-txt_general {
  top: 16px;
  right: 28%;
  max-width: 111px; } }

@media (max-width: 767px) {
  .m-full-cta_general .title_general.new {
    margin-top: 25px;
  }
}