.tingle-demo{display:none}
.tingle-modal *{box-sizing:border-box}
.tingle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-y:auto;background:rgba(0, 0, 0, .8);opacity:0;cursor:pointer;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}

/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box{text-align:center}

/* modal
-------------------------------------------------------------- */
.tingle-modal--noClose{cursor:default}
.tingle-modal--noClose .tingle-modal__close{display:none}
.tingle-modal__close{position:fixed;top:20px;right:20px;z-index:1000;padding:0;width:21px;height:21px;border:none;outline:none;cursor:pointer;-webkit-transition:color .3s ease;transition:color .3s ease;background:url(../images/close-btn.png) no-repeat}
.tingle-modal__closeLabel{display:none}
.tingle-modal__close:hover{color:#fff}
.tingle-modal-box{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:auto;margin-bottom:auto;width:465px;border-radius:4px;background:#fff;opacity:1;cursor:auto;-webkit-transition:-webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);transition:-webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);transition:transform .3s cubic-bezier(.175, .885, .32, 1.275);transition:transform .3s cubic-bezier(.175, .885, .32, 1.275), -webkit-transform .3s cubic-bezier(.175, .885, .32, 1.275);-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
.tingle-modal-box__content{padding:30px}
.tingle-modal-box__content h1{padding:0;margin:0;font-size:26px;font-family:'Courgette', cursive;text-align:center}
.tingle-modal-box__content p{padding:0;margin:20px 0 0 0;font-size:13px;line-height:18px;color:#333333}
.tingle-modal-box__content p em{font-size:12px;font-style:italic;color:#999999}
.tingle-modal-box__footer{padding:10px 30px;width:auto;border-bottom-right-radius:4px;border-bottom-left-radius:4px;background-color:#f5f5f5;cursor:auto}
.tingle-modal-box__footer::after{display:table;clear:both;content:""}
.tingle-modal-box__footer--sticky{position:fixed;bottom:-200px;z-index:10001;opacity:1;-webkit-transition:bottom .3s ease-in-out .3s;transition:bottom .3s ease-in-out .3s}

/* state
-------------------------------------------------------------- */
.tingle-enabled{overflow:hidden;height:100%}
.tingle-modal--visible .tingle-modal-box__footer{bottom:0}
.tingle-enabled .tingle-content-wrapper{-webkit-filter:blur(15px);filter:blur(15px)}
.tingle-modal--visible{visibility:visible;opacity:1}
.tingle-modal--visible .tingle-modal-box{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.tingle-modal--overflow{padding-top:8vh}

/* btn
-------------------------------------------------------------- */
.tingle-btn{display:inline-block;margin:10px 5px;padding:8px 20px;border:none;background-color:#e95056;box-shadow:none;color:#fff;vertical-align:middle;text-decoration:none;font-size:14px;line-height:normal;cursor:pointer;text-align:center;white-space:nowrap;-webkit-transition:background-color .4s;transition:background-color .4s;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.tingle-btn--primary{background-color:#e95056}
.tingle-btn--default{background-color:#2f6aa3}
.popup-form-input{background:url(../images/sprite.png) left center no-repeat}
.popup-user{padding-left:36px !important;background-position:-160px -98px !important}
.popup-email{padding-left:36px !important;background-position:-160px -130px !important}
.popup-phone{padding-left:36px !important;background-position:-160px -162px !important}

/* responsive
-------------------------------------------------------------- */
@media (max-width :540px){
.tingle-modal-box{width:auto;border-radius:0px;top:60px}
.tingle-modal{top:0px;display:block;width:100%}
.tingle-modal--overflow{padding:0}
.tingle-modal-box__footer .tingle-btn{display:block;float:none;margin-bottom:1rem;width:100%}
.tingle-modal__close{top:0;right:0;left:0;display:block;width:100%;height:60px;background-color:#24282e;color:#fff;line-height:55px;background-image:none !important}
.tingle-modal__closeLabel{display:inline-block;vertical-align:middle;font-size:1.5rem;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif}
.tingle-modal__closeIcon{display:inline-block;margin-right:.5rem;vertical-align:middle;font-size:4rem}
}