/* Overlay */
.oct-fo-overlay {
transition: bottom .8s, opacity .8s;
    position: fixed;
    right: 0;
    bottom: 160px;
    left: 170px;    z-index: 99999;
}
/* Modal (ShowCase-like) */
.oct-fo-modal {
  background:#ffc107; color: #333; max-width: 700px; width: 100%;
  border-radius: 12px; box-shadow: 0 15px 40px rgba(0,0,0,.2);
  padding: 24px 24px 28px; position: relative; outline: none;
}
@media (min-width: 992px){ .oct-fo-modal { border-radius: 14px; padding: 28px 32px 32px; } }
.oct-fo-close { position:absolute; right:10px; top:8px; width:36px; height:36px; border:0; background:transparent;
  font-size:28px; line-height:36px; color:#777; cursor:pointer; }
.oct-fo-close:hover{ color:#111; }
.oct-fo-title{ font-size:22px; margin:4px 0 10px; font-weight:600; }
.oct-fo-text{ font-size:15px; margin-bottom:18px; color:#555; }
.oct-fo-btn{ display:inline-block; padding:10px 18px; border-radius:8px; }
@media (max-width: 420px){ .oct-fo-title{font-size:20px;} .oct-fo-text{font-size:14px;} .oct-fo-btn{width:100%; text-align:center;} }