.overlay-bg-445 {
           display: none;
           position: fixed;
           top: 0;
           right: 0;
           bottom: 0;
           left: 0;
           height:100%;
           width: 100%;
           cursor: pointer;
           z-index: 1000000445; /* high z-index */
           background: #000; /* fallback */
           background: rgba(0,0,0,0.7);            
       }   
       .overlay-content-445 {
           display: none;
           background: #fff;
           padding: 10px 10px;
           width: 40%;
           max-height: 100%;
           position: fixed;
           top: 15%;
           left: 50%;
           margin-left: -20%; /* add negative left margin for half the width to center the div */
           cursor: default;
           z-index: 1000000446;
           border-radius: 4px;
           box-shadow: 0 0 5px rgba(0,0,0,0.9); /* fallback */
           box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
       } 
       .overlay-content p:first-child{
           margin-top: 30px;
       } 
       .close-btn-445{
           cursor: pointer;
           position: absolute;
           top: 0;
           right: 0;
           padding: 5px;
           text-align: center;
           font-size: 1em;
           font-family: arial;
           color: #000;  
           background: #fff;
           /* border-radius: 100%; */
           box-shadow: 0 0 4px rgba(0,0,0,0.3);
       }
       .close-btn-445:after{
           content: 'X';
       }
       .close-btn-445:hover {
           background: #fff;
       }
       /* media query for most mobile devices */
       @media only screen and (min-width: 480px) and (max-width: 980px){         
           .overlay-content-445 {
               width: 70%;
               margin: 0 15%;
               left: 0;
           }
       }
       @media only screen and (min-width: 0px) and (max-width: 480px){         
           .overlay-content-445 {
               width: 92%;
               margin: 0 0% 0 2%;
               left: 0;
           }
       }