/*
  +-------------------------------------+
  |   Popup control - Class Style CSS   |
  +-------------------------------------+
*/

.popup-builder {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;display: flex;align-items: center;justify-content:center;transition: 0.5s ease 0.15s;visibility: hidden;opacity: 0;}
.popup-builder.visible {visibility:visible;opacity:1;transition: 0.5s ease;}
.popup-builder .floater {z-index:-1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.popup-builder .overlay {opacity: 0.85;filter:brightness(0.5);}
.popup-builder .content {width:500px;position:relative;padding:60px 65px;border-radius:30px;text-align:left;color: #fff;transform: translate3d(0,-80px,0);opacity: 0;transition: 0.5s ease;}
.popup-builder.visible .content {transform: translate3d(0,0,0);opacity: 1;transition: 0.5s ease 0.4s;}
.popup-builder .content .colorer {border-radius:30px;}
.popup-builder .content .colorer.no-border {background-color:#fff;transform: rotate(-4deg);}
.popup-builder .content .colorer.border {color:#fff;border: 3px solid;transform: rotate(1.5deg);}
.popup-builder .content .title {font-weight:700;font-size:16px;letter-spacing:1px;padding-bottom: 25px;display:block;text-transform:uppercase;line-height:1.3}

.popup-builder .content .text.with-scroll {max-height:200px;overflow:hidden auto;padding-right:20px;}

/* Scrollbar */
.popup-builder .content .text.with-scroll::-webkit-scrollbar {width: 6px;}
.popup-builder .content .text.with-scroll::-webkit-scrollbar-thumb {background: var(--scrollbar-color, #000);border-radius:3px;}
.popup-builder .content .text.with-scroll::-webkit-scrollbar-track {background: var(--scrollbar-bg-color, #fff);border-radius:3px;}

.popup-builder .content p {font-size:14px;letter-spacing:1px;line-height:1.4;margin-bottom: 7px;}
.popup-builder .content p:last-of-type {margin-bottom: 30px;}
.popup-builder .content .buttons {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:20px;}
.popup-builder .content .buttons [class^="btn-"] {margin-right: 3px;flex:0 0 auto;padding: 8px 13px;cursor: pointer;transition:0.4s ease;opacity:0.75;font-size:0;line-height:1;}
.popup-builder .content .buttons [class^="btn-"] .text {text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.2px;}
.popup-builder .content .buttons [class^="btn-"]:last-child {margin-right:0;}
.popup-builder .content .buttons [class^="btn-"]:hover {opacity:1;}
.popup-builder .content .btn-close-popup {position:absolute;top: 9px;right: 37px;font-size:0;line-height:1;cursor: pointer;transition:0.4s ease;opacity:0.75;}
.popup-builder .content .btn-close-popup:hover {opacity:1;}
.popup-builder .content .btn-close-popup .icon {font-size: 10px;display: inline-block;}

.popup-trigger {cursor:pointer;transition:0.5s ease;}
.popup-trigger:hover {opacity:0.65s;}