/* OVERLAY */
.overlay-wrap{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999998;}
.overlay{display:flex;width:100%;height:100%;position:fixed;top:0;left:0;padding:25px;z-index:9999999999;align-items:center;justify-content:center;}
.overlay-background{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.25);cursor:pointer;z-index:10;}
.overlay-box{position:relative;z-index:20;width:100%;max-width:820px;height:auto;padding:50px 50px 50px 50px;margin:0 auto;background:#fff;color:#000;text-align:center;-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);box-shadow:0px 0px 5px 0px rgba(0,0,0,0.25);}


.overlay-box h3{font-family:'Roboto';font-size:1.25em;color:#4076cc;font-weight:700;padding:0 0 1em 0;margin:0;line-height:1.25;text-transform: uppercase;}

.textinfos-text{margin:0 0 -10px 0;height:auto;}
.textinfos-text p{font-size:1em;padding:0 0 10px 0;margin:0;}
.textinfos-text p strong {color:#4076cc;}

@media (max-width: 767px){
    .overlay-box h3{font-size:1em;}
    #overlay-cal .overlay-box,#overlay-cal .calendly-inline-widget{position:absolute;top:0;left:0;width:100%;height:100%;}
}




#overlay-close,.overlayclose{position:absolute;top:0;right:0;width:40px;height:40px;cursor:pointer;z-index:30;}


#overlay-close::before,#overlay-close::after,.overlayclose::before,.overlayclose::after{
  content: '';
  pointer-events: none;
  position: absolute;
  right:0;
  border-color: #4076cc;
  background-color: #4076cc;
  color: #4076cc;
  opacity: 1;
  box-sizing: border-box;
  display: inline-block; }


#overlay-close::before,#overlay-close::after,.overlayclose::before,.overlayclose::after{
  content: '';
  display: inline-block;
  position: absolute;
  height: 2px;
  width: 20px;
  top: calc(50% - 1px);
  left: calc(50% - 10px); }

#overlay-close::before,.overlayclose::before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

#overlay-close::after,.overlayclose::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }


@media (max-width: 767px) {
    #overlay{display:block;overflow:auto;}
    #overlay-box{padding:40px 25px 30px 25px;}
    #overlay-background{position:fixed;}
    
    
    .overlay{display:block;overflow:auto;}
    .overlay-box{padding:40px 25px 40px 25px;}
    
    #overlay-appdownload .overlay-box{max-width:600px;text-align:center;padding:25px;}
    
    .overlay-background{position:fixed;}
    .overlayclose{top:0;right:0;}
}



.overlay.overlayfixed{display:block;overflow:auto;}
.overlay.overlayfixed .overlay-background{position:fixed;}