.mfp-wrap.calendly-pop-up .mfp-content {
    height: 80vh; /*
    max-height: 90vh; */
    max-width: 500px;

}
.demo-buttons { z-index: 900; position: fixed; top: 81px; }

.demo-buttons > a {
   font-weight: 900;
   box-shadow: 3px 4px 4px rgba(0, 0, 0, .7);
   height: 27px; border: 3px solid white; border-left: 0px; padding-right: 10px; padding-left: 10px; color: white; display: block; }

.demo-button-sign-up {
   background-color: green;
   animation-duration: 1s;
   animation-iteration-count: 2;
   transform-origin: bottom;
   animation-delay: 3s;
   margin-bottom: -3px;
   border-radius: 0 25px 0 0;
}
.demo-button-sign-up:hover { background-color: darkgreen; }

.demo-button-view-other-themes {
   background-color: blue;
   animation-duration: 1s;
   animation-iteration-count: 2;
   transform-origin: left;
   animation-delay: 6s;
   border-radius: 0 0 25px 0;
 }
.demo-button-view-other-themes:hover { background-color: darkblue; }

.bounce-7 {
        animation-name: bounce-7;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes bounce-7 {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-50px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-7px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
}
.bounce-8 {
        animation-name: bounce-8;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes bounce-8 {
        0%   { transform: scale(1,1)      translateX(0); }
        10%  { transform: scale(.9,1.1)   translateX(0); }
        30%  { transform: scale(1.1,.9)   translateX(-50px); }
        50%  { transform: scale(.95,1.05) translateX(0); }
        57%  { transform: scale(1,1)      translateX(-7px); }
        64%  { transform: scale(1,1)      translateX(0); }
        100% { transform: scale(1,1)      translateX(0); }
}
.bounce-9 {
        animation-name: bounce-9;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes bounce-9 {
        0%   { transform: scale(1,1)      translateX(0); }
        10%  { transform: scale(.9,1.1)   translateX(0); }
        30%  { transform: scale(1.1,.9)   translateX(-50px); }
        50%  { transform: scale(.95,1.05) translateX(0); }
        57%  { transform: scale(1,1)      translateX(-7px); }
        64%  { transform: scale(1,1)      translateX(0); }
        100% { transform: scale(1,1)      translateX(0); }
}
.bounce-9-OLD {
        animation-name: bounce-9-OLD;
        animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
    }
    @keyframes bounce-9-OLD {
        0%   { transform: scale(1,1)      translateY(0); }
        10%  { transform: scale(1.1,.9)   translateY(0); }
        30%  { transform: scale(.9,1.1)   translateY(-50px); }
        50%  { transform: scale(1.05,.95) translateY(0); }
        57%  { transform: scale(1,1)      translateY(-7px); }
        64%  { transform: scale(1,1)      translateY(0); }
        100% { transform: scale(1,1)      translateY(0); }
}
.demo-button-logo {
    border-radius: 42px !important;
    padding: 0 !important;
    width: 50px;
    height: 50px !important;
    border: 0px !important;
    margin-left: 160px;
    margin-top: -51px;
    box-shadow: none;
    z-index: 1000;
    animation-duration: 1s;
    transform-origin: bottom;
    animation-delay: 4s;
}
.demo-button-logo.storegear { background-color: #00b2ff; }
.demo-button-logo.storegear:hover { background-color: darkblue; }
.demo-button-logo.actorgear { background-color: #e02b20; }
.demo-button-logo.actorgear:hover { background-color: darkred; }
.demo-button-logo.realtygear { background-color: #fc8200; }
.demo-button-logo.realtygear:hover { background-color: darkorange; }
.demo-button-logo > a { box-shadow: none !important; }