body{
        display: none;
      }
      body.has-frame,
      html.has-frame{
        background: #fff;
        overflow: hidden!important;
        padding: 0!important;
        margin: 0!important;
      }
      body.has-frame:before,
      body.has-frame:after{
        display: none!important;
      }

      @media (max-width: 790px) {
      

          .page-popup{
            max-width: 98% !important;
            max-height: 300px !important;
           
          }
     
          .page-popup .child{
            left: 0 !important;
            max-height: 98% !important;
            text-align: center !important;
            top: 30px !important;
            width: 100% !important;
          }

          .page-popup .child video,
          .page-popup .child iframe,
          .page-popup .child img{

            width: 200px !important;
            height: 100px !important;
          
          }

          .page-popup .image2{
            left: 0 !important;
            max-height: 98% !important;
            text-align: center !important;
            top: 135px !important;
            width: 100% !important;
          }

          .page-popup .image2 img{

            width: 200px !important;
            height: 100px !important;
          
          }

          .page-popup .vmaheadlinetext {
            bottom: auto !important;
            font-size: 22px !important;
            left: 0 !important;
            right: auto !important;
            text-align: center !important;
            top: 0px !important;
            width: 100% !important;

          }

          .page-popup .vmabutton{
              bottom: 0px !important;
              left: 0 !important;
              max-height: 98% !important;
              right: auto !important;
              text-align: center;
              top: auto !important;
              width: 100% !important;

          }

      @media (max-width: 320px) {
          .page-popup{
            max-width: 98% !important;
            max-height: 300px !important;
           
          }
     
          .page-popup .child{
            left: 0 !important;
            max-height: 98% !important;
            text-align: center !important;
            top: 30px !important;
            width: 100% !important;
          }

          .page-popup .child video,
          .page-popup .child iframe,
          .page-popup .child img{

            width: 200px !important;
            height: 100px !important;
          
          }

          .page-popup .image2{
            left: 0 !important;
            max-height: 98% !important;
            text-align: center !important;
            top: 135px !important;
            width: 100% !important;
          }

          .page-popup .image2 img{

            width: 200px !important;
            height: 100px !important;
          
          }

          .page-popup .vmaheadlinetext {
            bottom: auto !important;
            font-size: 22px !important;
            left: 0 !important;
            right: auto !important;
            text-align: center !important;
            top: 0px !important;
            width: 100% !important;

          }

          .page-popup .vmabutton{
              bottom: 0px !important;
              left: 0 !important;
              max-height: 98% !important;
              right: auto !important;
              text-align: center;
              top: auto !important;
              width: 100% !important;

          }
      }
    }
      .page-popup{
        z-index: 999999999999;
        width: 450px;
        position: fixed;
        bottom: 0;
        border: 5px solid #000;
        background: #fff;
      }
      .page-popup .image,
      .page-popup .video{
        height: 300px;
      }
      .page-popup .image,
      .page-popup .video{
        height: 100%;
      }
      .page-popup.type-1 .image{
        height: 100%;
      }
      .type-1 .video{
        position: absolute;
        width: 250px;
        height: 125px;
        bottom: 100px;
        right: 0;
      }
      .type-1 .video video,
      .type-1 .video iframe{
        height: 100%;
      }
      .type-2 .video{
        height: 100%;
      }
      .type-3 .image{
        position: absolute;
        width: 250px;
        height: 125px;
        bottom: 100px;
        right: 0;
        overflow: hidden;
      }

      .type-3 .image2{
        position: absolute;
        width: 250px;
        height: 125px;
        bottom: 100px;
        right: 0;
        overflow: hidden;
      }

      .type-2 .image2{
        position: absolute;
        width: 250px;
        height: 125px;
        bottom: 100px;
        right: 0;
        overflow: hidden;
      }

      .type-1 .image2{
        position: absolute;
        width: 250px;
        height: 125px;
        bottom: 100px;
        right: 0;
        overflow: hidden;
      }
      .page-popup .image2 img,
      .page-popup .image img,
      .page-popup .video iframe,
      .page-popup .video video{
        width: 100% ;
        height: 100% ;
        box-shadow: none;
      }
      .close {
        position: relative;
        top: 4px;
        color: inherit;
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: gray;
        border: 0;
        float: right;
        font-weight: 700 !important;
        line-height: 1 !important;
        color: #fff!important;
        right: 5px;
        border-radius: 100%;
        padding: 0px 3px 0px 3px !important;
        position: absolute;
        box-shadow: none!important;
        font-size: 15px !important;
        text-decoration: none !important;
        z-index: 999999999;
      }

      @import url(http://fonts.googleapis.com/css?family=Indie+Flower);

      .vmabutton {
        position: absolute;

        bottom: 0;   
      }

      .vmaheadlinetext {
        position: absolute;
        left: 100px;
        top: 0;   
      }
      .vmabutton-btn {
        text-decoration:  none !important;
        min-width: 200px;
        min-height: 50px;
        line-height: 50px;
        background-color: #FF6138;
        border-radius: 8px;
        color: #fff;
        font-family: 'Indie Flower', cursive;
        font-size: 22px;
        font-weight: normal;
        text-decoration: none;
        text-align: center;
        display: inline-block;
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
        -webkit-animation-name: hover;
        animation-name: hover;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        padding-left: 10px;
        padding-right: 10px;
      }
      .vmabutton-btn:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
        opacity: .4;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
        -webkit-animation-name: hover-shadow;
        animation-name: hover-shadow;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-delay: .3s;
        animation-delay: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
      }
      .vmabutton-btn:hover {
        background-color: #e16e50;
        text-decoration:  none;
        color: inherit;
      }

      @keyframes hover {
        50% {
          -webkit-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
          transform: translateY(-3px);
        }
        100% {
          -webkit-transform: translateY(-6px);
          -ms-transform: translateY(-6px);
          transform: translateY(-6px);
        }
      }
      @-webkit-keyframes hover-shadow {
        0% {
          -webkit-transform: translateY(6px);
          transform: translateY(6px);
          opacity: .4;
        }
        50% {
          -webkit-transform: translateY(3px);
          transform: translateY(3px);
          opacity: 1;
        }
        100% {
          -webkit-transform: translateY(6px);
          transform: translateY(6px);
          opacity: .4;
        }
      }
      @keyframes hover-shadow {
        0% {
          -webkit-transform: translateY(6px);
          -ms-transform: translateY(6px);
          transform: translateY(6px);
          opacity: .4;
        }
        50% {
          -webkit-transform: translateY(3px);
          -ms-transform: translateY(3px);
          transform: translateY(3px);
          opacity: 1;
        }
        100% {
          -webkit-transform: translateY(6px);
          -ms-transform: translateY(6px);
          transform: translateY(6px);
          opacity: .4;
        }
      }
      @-webkit-keyframes hover {
        50% {
          -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
        }
        100% {
          -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
        }
      }
      @keyframes hover {
        50% {
          -webkit-transform: translateY(-3px);
          -ms-transform: translateY(-3px);
          transform: translateY(-3px);
        }
        100% {
          -webkit-transform: translateY(-6px);
          -ms-transform: translateY(-6px);
          transform: translateY(-6px);
        }
      }

      .calltoaction_hide{
        display: none !important;
      }

      .headlinetext_hide{
        display: none !important;
      }