.Click-here { cursor:pointer; /*  background-image: linear-gradient(190deg, #f83600 0%, #fee140 100%);*/ color:#fff; width:180px; text-align:center; font-size:14px; padding:18px 0; margin:0 auto; transition:background-image 3s ease-in-out; }
 
.Click-here:hover{ transition:background-image 3s ease-in-out; /* background-image: linear-gradient(90deg, #fee140 0%, #f83600 100%);*/ }

.custom-model-main { text-align:center;  overflow:hidden; position:fixed; top:0; right:0; bottom:0; left:0; /* z-index: 1050; */
 -webkit-overflow-scrolling:touch; outline:0; opacity:0; -webkit-transition:opacity 0.15s linear, z-index 0.15; -o-transition:opacity 0.15s linear, z-index 0.15; transition:opacity 0.15s linear, z-index 0.15; z-index:-1; overflow-x:hidden; overflow-y:auto; }

.model-open { z-index:99999; opacity:1; overflow:hidden; }

.custom-model-inner { -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); transform:translate(0, -25%); -webkit-transition:-webkit-transform 0.3s ease-out; -o-transition:-o-transform 0.3s ease-out; transition:-webkit-transform 0.3s ease-out; -o-transition:transform 0.3s ease-out; transition:transform 0.3s ease-out; transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out; display:inline-block; vertical-align:middle; /* width: 600px;*/ margin:30px auto; max-width:97%; }

.custom-model-wrap { display:block; width:100%; position:relative; color:#000000; background-color:#fff; border:1px solid #999; border:1px solid rgba(0, 0, 0, 0.2); border-radius:6px; -webkit-box-shadow:0 3px 9px rgba(0, 0, 0, 0.5); box-shadow:0 3px 9px rgba(0, 0, 0, 0.5); background-clip:padding-box; outline:0; text-align:center; padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; max-height:calc(100vh - 70px); overflow-y:auto; }

.model-open .custom-model-inner {-webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); transform:translate(0, 0); position:relative; z-index:999; }

.model-open .bg-overlay { background:rgba(0, 0, 0, 0.6); z-index:99; }

.bg-overlay { background:rgba(0, 0, 0, 0); height:100vh; width:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:0; -webkit-transition:background 0.15s linear; -o-transition:background 0.15s linear; transition:background 0.15s linear; }

.close-btn { position:absolute; right:15px; top:5px; cursor:pointer; background-color:#DDDCDC; z-index:99; font-size:26px; color:#fff; padding:0.08em; border-radius:0.2em; line-height:0.8em; }


@media screen and (min-width:800px){
.custom-model-main:before { content:""; display:inline-block; height:auto; vertical-align:middle; margin-right:-0px; height:100%; }
}

@media screen and (max-width:799px){
.custom-model-inner{margin-top:45px;}
}