/* CSS Document */

#sitemodalbox {
	position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50000000;
	overflow-x: hidden;
    overflow-y: auto;
}

.sitemodalbox { position: relative; z-index: 2;}
#sitemodalboxbgclose { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; cursor: default; }
.sitemodalbox-popup { background: rgba(8,28,49,.85); }
.sitemodalbox-popup .sitemodalbox-content { margin-top: 20px; background: #fff; padding: 30px; border-radius: 5px; box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%);  }
.sitemodalbox-placeholder { background: #fff; padding-top: 30px; }

.sitemodalbox .btn:hover { color: #fff; }
.sitemodalbox-content { position:relative; }
.sitemodalbox-content h2.modal-h2-title { margin-top: -10px; padding-bottom: 20px;  }
.sitemodalbox-img { margin-top: 20px; }
.sitemodalbox-img img { width: 100% !important; height: auto !important; }

.sitemodalbox-close { text-align: center; margin-top: 10px; }
.sitemodalbox-close-top { position: absolute; height: 45px; width: 45px; top: 10px; right: 10px; text-align: center; font-size: 25px; line-height: 45px; }
.sitemodalbox-close-top a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 40;}
.sitemodalbox-close-top::before {
   content: "\f00d";
  font-family: "Font Awesome 5 Free"; font-weight: 900; 
}


@media (max-width: 768px) {	 
	#sitemodalbox { padding: 0 15px;}
}