.dark { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: fixed; z-index: 100; opacity: 0.99; overflow: auto;
	background: rgb(0,50,97);
	background: -moz-radial-gradient(circle, rgba(0,50,97,1) 0%, rgba(1,13,37,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(0,50,97,1) 0%, rgba(1,13,37,1) 100%);
	background: radial-gradient(circle, rgba(0,50,97,1) 0%, rgba(1,13,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003261",endColorstr="#010d25",GradientType=1);
}

.win { width: 60%;  position: relative;  z-index: 200; padding: 6px;  
background: 
			url(../../images-spy/corner-l-t.png) no-repeat left top,
			url(../../images-spy/corner-r-t.png) no-repeat right top,
			url(../../images-spy/corner-l-b.png) no-repeat left bottom,
			url(../../images-spy/corner-r-b.png) no-repeat right bottom;
}
.win-inner { width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.08); background-image: url(../../images-spy/drones/dots.png); background-position: center top; background-repeat: repeat; padding: 30px 30px 30px 30px; }
.win--2 .win-inner { background-color: rgba(255, 0, 0, 0.5); text-align: center;  }
.win-inner  .mes-title{ font-size: 30px; font-weight: 700; }
.win-inner p { font-size: 20px; line-height: 1.2; }

.win--2 br { display: none; }

.deactivate { display: block;  margin: 0 auto 0; text-align: center; font-weight: 700; font-size: 25px; margin-top: 20px; margin-bottom: 10px; line-height: 1.2; }

/*@media (max-height: 780px) {
	.dark { height: auto; }
}*/

@media (max-width: 1600px) {
	.win { width: 70%; } 	
}

@media (max-width: 1400px) {
	.win { width: 80%; } 	
}

@media (max-width: 1199px) {
	.win { width: 90%; } 	
}

@media (max-width: 767px) {
	.dark { display: block; }
	.win { width: 90%; left: 0; margin-left: 5%; margin-top: 20px; margin-bottom: 20px; }
	.win-inner { padding: 10px 20px 10px 20px;  }
	.win-inner p { font-size: 18px; line-height: 1.18; }
	.win-inner  .mes-title{ font-size: 28px; }

	.win--2 br { display: inline; }
	.win--2 { top: 37%; }
}


@media (max-width: 500px) {	
	.win-inner { padding: 10px 15px 10px 15px;  }
	.win { width: 96%; margin-left: 2%; margin-top: 15px; }
	.win-inner p { font-size: 16px; line-height: 1.18; }
	.win-inner  .mes-title{ font-size: 26px; }

	.win--2 { top: 25%; }
}


@media (max-width: 400px) {	
	.deactivate { font-size: 22px; }

	.win--2 .mes-title { font-size: 24px; }
}