.popup-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  color: var(--siguv-grey);
  padding: 0;
  box-shadow: 1px 1px 1px 1px grey;
  display: none;
  max-width:600px;
  z-index: 99;
}

.darkroom {
display: none;	
}

.darkroom.active {
width: 100%;
height: 100%;
background: #ccc;
position: fixed;
z-index: 99;
display: block;
top: 0;
right: 0;
display: block;
opacity: 0.5;	
}

.popup-modal > .popup-modal-header-section {
	padding: 1em 2em;
}

div.popup-modal > div.popup-modal-header-section a#close-modal-link { 
text-decoration: none;
color: var(--siguv-grey);
font-size: 16px;
}

.popup-modal > div.popup-modal-header-section > .popup-flex { 
	justify-content: space-between;
}

.popup-modal > div.popup-modal-controls > popup-flex { 
	justify-content: left;
}

.popup-image-holder {
	width: 100%;
}

.popup-modal .popup-image-holder > img { 
	height: 100%;
	width: 100%;
}

.popup-modal .popup-header-text {
 margin-top: 1em;
 font-weight: bold;
 color: #0063af;
 font-size: 1.75em;
}

.popup-modal .popup-modal-logo-holder { 
background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHdpZHRoPSI0MzEuODkiIGhlaWdodD0iNzguNjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQzMS44OSA3OC42OSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgPHN0eWxlPgogICAgLnN0MHtmaWxsOiMxNDRiOTN9LnN0MXtmaWxsOiM1NTV9CiAgPC9zdHlsZT4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTYuNjggNDkuNjJjLTE1LjYzIDAtMjguMzQtMTIuNzItMjguMzQtMjguMzZIMGMwIDMxLjI3IDI1LjQzIDU2LjcgNTYuNjggNTYuNyAzMS4yNyAwIDU2LjctMjUuNDMgNTYuNy01Ni43SDg1LjA0YzAgMTUuNjQtMTIuNzIgMjguMzYtMjguMzYgMjguMzZ6Ii8+CiAgPHBhdGggY2xhc3M9InN0MCIgZD0iTTc3Ljk1IDIxLjI3YzAgMTEuNzQtOS41MiAyMS4yNi0yMS4yNyAyMS4yNi0xMS43NCAwLTIxLjI1LTkuNTItMjEuMjUtMjEuMjZDMzUuNDMgOS41MiA0NC45NCAwIDU2LjY4IDBjMTEuNzUgMCAyMS4yNyA5LjUyIDIxLjI3IDIxLjI3eiIvPgogIDxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNjAuMDYgNzcuODhjLTEuOC4wOC00LjE3LjE2LTcuMjcuMTZIMTM0LjlWMjEuMjdoMTkuMTljNi45NCAwIDEwLjU0IDEuMDYgMTMuOTcgNC4wOCAzLjE5IDIuNzggNC42NiA2LjA0IDQuNjYgMTAuMTMgMCAzLjg0LTEuMzEgNy4xMS0zLjg0IDkuNDgtMS42MyAxLjU1LTIuNjEgMi4xMi01LjIzIDIuOTQgNy4wMiAyLjA0IDExLjI3IDYuODYgMTEuMjcgMTQuMjkuMDEgNy44NS00Ljg5IDE1LjItMTQuODYgMTUuNjl6bS0yLjUzLTQ2LjE1Yy0uOTgtLjQxLTIuMjEtLjc0LTQuNzQtLjc0aC02LjYydjEyLjk5aDYuNzhjMi43IDAgMy45Mi0uMjUgNC45LS43NCAxLjU1LS44MiAyLjk0LTMuNTEgMi45NC01LjguMDEtMi4zNi0xLjIyLTQuOS0zLjI2LTUuNzF6bS4zMyAyMi4xM2MtMS4zOS0uNDEtMi4yOS0uNDktNC40MS0uNDloLTcuMTF2MTUuMzZoNy40M2MyLjM3IDAgNC4wOC0uMzMgNS4zMS0xLjMxIDEuNzItMS4zMSAyLjk0LTMuOTIgMi45NC02LjYyIDAtMy4yNi0xLjYzLTYuMi00LjE2LTYuOTR6TTIwNi44NiA3OC42OWMtOC41IDAtMTQuNzgtMi43OC0xOS4zNi04LjY2LTQuMTctNS4zMS02LjA0LTExLjM1LTYuMDQtMTkuODUgMC0xMi4wMSAzLjkyLTIwLjUgMTEuODQtMjUuODEgNC4xNy0yLjc4IDguNDEtNCAxMy44LTQgNi44NiAwIDEzLjA3IDIuMjEgMTguMDUgNi41M2wtNi4wNCA3LjExYy0zLjY4LTMuMDItNy41MS00LjQxLTExLjg0LTQuNDEtMy4zNSAwLTYuMjEuOTgtOC4xNyAyLjg2LTMuODQgMy42Ny00LjgyIDkuOC00LjgyIDE4LjMgMCA4LjA5IDEuMzkgMTMuMzEgNC4yNSAxNi4xNyAyLjEyIDIuMDQgNS4yMyAzLjE5IDguOSAzLjE5IDIuNTMgMCA0LjU3LS40MSA2LjQ1LTEuMzlWNTUuODJoLTguNjZsLTEuNDctOS4zMWgyMS45N3YyNy4xMmMtNS43OSAzLjQzLTEyLjE2IDUuMDYtMTguODYgNS4wNnpNMjUzLjkxIDc4LjA0VjIxLjI3aDMyLjM1bC0xLjQ3IDkuMzFoLTE5LjQ0djEzLjE1aDE2LjI1djkuMzFoLTE2LjA5djE1LjE5aDIxLjQ4djkuOGgtMzMuMDh6TTMyOC40OSAzMC43NWgtMTMuNTZ2NDcuMjloLTExLjZWMzAuNzVoLTEzLjg4di05LjQ3aDQwLjkybC0xLjg4IDkuNDd6TTMzNC40NSA3OC4wNFYyMS4yN2gzMi4zNGwtMS40NyA5LjMxaC0xOS40NHYxMy4xNWgxNi4yNXY5LjMxaC0xNi4wOXYxNS4xOWgyMS40OHY5LjhoLTMzLjA3ek00MjAuNyA3OC4wNGwtMi4xMi0zMC4zYy0uMjUtMy41OS0uNDEtNi40NS0uNDEtOS40Ny0uNjUgMy4yNy0xLjE0IDUuMzEtMi4xMiA4Ljc0bC04Ljk4IDMxLjA0aC05LjcybC04LjA5LTI5LjgxYy0uNzMtMi43OC0xLjcxLTYuNzgtMi4yOS0xMC4wNSAwIDMuMzUtLjE2IDYuNy0uNDEgMTAuMjFsLTEuOTYgMjkuNjVoLTExLjM1bDUuMzEtNTYuNzdoMTQuNjJsNy40MyAyOC40MmMxLjA2IDQuMDggMS40NyA2LjA0IDEuOTYgOC45OC40OS0yLjk0IDEuMTQtNS44OCAyLjA0LTkuMjNsNy42OC0yOC4xOGgxNC41NGw1LjA2IDU2Ljc3SDQyMC43eiIvPgo8L3N2Zz4K);
background-size: 100%;
background-repeat: no-repeat;
flex-basis: 20%;
}

.popup-modal .popup-text {
  padding: 1em 2em;
  line-height: 2em;
}

.popup-flex { 
	display: flex;
	margin-top: 1em;
}

.popup-modal > .popup-modal-controls > .btn.btn-secondary.btn-danger,
.popup-modal > .popup-modal-controls > .btn.btn-secondary.btn-custom { 
  padding: 1em 4em;
border-radius: 5px;
font-weight: bold;
border: none;
}

.popup-modal > .popup-modal-controls > .popup-flex > .btn.btn-secondary.btn-custom {
background-color: var(--siguv-green);
margin-left: 1em;
border: none;

}

.popup-modal > .popup-modal-controls { 
	padding: 1em 2em;
}

.popup-modal.modal-active { 
display: block;
}

.ico-times::before { 
 font: normal 1em/1 Arial, sans-serif;
  display: inline-block;
content: "\2716"; 
}

#opt-out {
	margin-top: 1em;
}

@media only screen and (max-width: 768px) {
    .popup-modal.modal-active {
        width: 100%;
    }

}

@media only screen and (max-height:750px) {
    .popup-modal.modal-active {
        height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
    }
}