/* Popup effect */

.tpgb-popup.tpgb-canvas-content-wrap {
    margin: 0 auto;
    display: inline-block;
    transform-origin: center;
    width: 100%;
    height: 100%
}

.tpgb-popup.tpgb-canvas-content-wrap.tpgb-visible {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%,-50%)
}
/* Center */
.tpgb-popup.tpgb-popup-center.tpgb-canvas-content-wrap {
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0,0);
    display: inline-block;
    transform-origin: center
}
/* Center */

/* Top Left Css */
.tpgb-popup.tpgb-popup-top-left.tpgb-canvas-content-wrap {
    top: 0;
    right: auto;
    transition: all .5s ease-in-out;
    transform: translate(0,0);
    height: auto
}

.tpgb-popup.tpgb-popup-top-left.tpgb-canvas-content-wrap.tpgb-visible {
    transform: translate(0,0)
}
/* Top Left Css */

/* Top center Css */
.tpgb-popup.tpgb-popup-top-center.tpgb-canvas-content-wrap {
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(0);
    height: auto
}

.tpgb-popup.tpgb-popup-top-center.tpgb-canvas-content-wrap.tpgb-visible {
    transform: translateY(0)
}
/* Top center Css */

/* Top right Css */
.tpgb-popup.tpgb-popup-top-right.tpgb-canvas-content-wrap {
    left: auto;
    right: 0;
    top: 0;
    transform: translate(0,0);
    height: auto
}

.tpgb-popup.tpgb-popup-top-right.tpgb-canvas-content-wrap.tpgb-visible {
    transform: translate(0,0)
}
/* Top right Css */

/* Left */
.tpgb-popup.tpgb-popup-left.tpgb-canvas-content-wrap {
    left: 0;
    right: auto;
    top: 50%;
    transform: translateX(0) translateY(-50%);
    height: auto
}

.tpgb-popup.tpgb-popup-left.tpgb-canvas-content-wrap.tpgb-visible {
    transform: translateX(0) translateY(-50%)
}
/* Left */

/* right */
.tpgb-popup.tpgb-popup-right.tpgb-canvas-content-wrap {
    right: 0;
    left: auto;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    height: auto
}

.tpgb-popup.tpgb-popup-right.tpgb-canvas-content-wrap.tpgb-visible {
    transform: translateX(0) translateY(-50%)
}
/* right */

/* Bottom Left */
.tpgb-popup.tpgb-popup-bottom-left.tpgb-canvas-content-wrap {
    bottom: 0;
    top: auto;
    right: auto;
    transform: translate(0,0);
    height: auto
}
/* Bottom Left */

/* Bottom right */
.tpgb-popup.tpgb-popup-bottom-right.tpgb-canvas-content-wrap {
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    transform: translate(0,0);
    height: auto
}
/* Bottom right */

/* Bottom center */
.tpgb-popup.tpgb-popup-bottom-center.tpgb-canvas-content-wrap {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    transform: translateY(0);
    height: auto
}

.tpgb-popup.tpgb-popup-bottom-center.tpgb-canvas-content-wrap.tpgb-visible {
    transform: translateY(0)
}
/* Bottom center */

/* Popup effect */