.popup{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:rgba(96, 96, 115, 0.9);
	transition:0.3s;
	transition-delay:300ms;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:11;
}
.popup:not(:target){
	height:0;
	width:0;
	top:50vh;
	left:50vw;
	transition:0.4s;
	transition-delay:100ms;
}
.popup:target{
	height:100vh;
	width:100vw;
	top:0;
	left:0;
	transition:0.4s;
	transition-delay:0ms;
}
	.popup_close{
		display:block;
		position:fixed;
		z-index:12;
	}
	
	.popup:not(:target) .popup_close{
		height:0;
		width:0;
	}
	.popup:target .popup_close{
		height:100vh;
		width:100vw;
	}
	.modal{
		padding:0px 0px 30px 0px;
		background-color:#fff;
		border-radius:5px;
		box-shadow:0px 10px 20px #333;
		z-index:13;
		
		/*overflow:hidden;*/
		overflow-x:hidden;
		overflow-y:auto;
		max-height:100%;
	}
	
	@media screen and (max-width:800px){
		.modal{
			width:100vw;
			max-width:100vw;
			height:100vh;
		}
	}
	@media screen and (min-width:801px){
		.modal{
			width:80vw;
			max-width:100vw;
			height:auto;
		}
	}
	@media screen and (min-width:1200px){
		.modal{
			width:50vw;
			max-width:600px;
			height:auto;
		}
	}
	
	.popup:not(:target) .modal{
		opacity:0;
		transition:0.5s;
		transition-delay:0ms;
	}
	.popup:target .modal{
		opacity:1;
		transition:0.5s;
		transition-delay:400ms;
	}
		.modal_head{
			/*width:100%;*/
			display:flex;
			justify-content:center;
			align-items:center;
			position:relative;
		}
			.modal_title{
				width:calc(100% - 40px);
				text-align:center;
				font-size:32px;
				font-weight:bold;
				font-family:sans-serif;
				/*
				background: -webkit-linear-gradient(left, #000, #08f);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
				*/
				color:#808080;
				margin:32px 0 0 0;
			}
			.modal_close{
				display:block;
				position:absolute;
				top:0px;
				right:-20px;
				width:32px;
				height:32px;
				border-radius:20px;
				cursor:pointer;
				background:#808080;
			}
			
			.modal.black .modal_title{
				color:#202020
			}
			.modal.black .modal_close{
				background-color:#202020
			}
			.modal.darkgrey .modal_title{
				color:#696969
			}
			.modal.darkgrey .modal_close{
				background-color:#696969
			}
			.modal.grey .modal_title{
				color:#A0A0A0
			}
			.modal.grey .modal_close{
				background-color:#A0A0A0
			}
			.modal.lightgrey .modal_title{
				color:#D3D3D3
			}
			.modal.lightgrey .modal_close{
				background-color:#D3D3D3
			}
			.modal.white .modal_title{
				color:#F8F8F8
			}
			.modal.white .modal_close{
				background-color:#F8F8F8
			}
			.modal.darkred .modal_title{
				color:#8B0000
			}
			.modal.darkred .modal_close{
				background-color:#8B0000
			}
			.modal.red .modal_title{
				color:#FF0000
			}
			.modal.red .modal_close{
				background-color:#FF0000
			}
			.modal.orangered .modal_title{
				color:#FF4900
			}
			.modal.orangered .modal_close{
				background-color:#FF4900
			}
			.modal.darkorange .modal_title{
				color:#FF8C00
			}
			.modal.darkorange .modal_close{
				background-color:#FF8C00
			}
			.modal.orange .modal_title{
				color:#FFA500
			}
			.modal.orange .modal_close{
				background-color:#FFA500
			}
			.modal.gold .modal_title{
				color:#FFD700
			}
			.modal.gold .modal_close{
				background-color:#FFD700
			}
			.modal.yellow .modal_title{
				color:#FFFF00
			}
			.modal.yellow .modal_close{
				background-color:#FFFF00
			}
			.modal.yellowgreen .modal_title{
				color:#D2FF00
			}
			.modal.yellowgreen .modal_close{
				background-color:#D2FF00
			}
			.modal.greenyellow .modal_title{
				color:#ADFF2F
			}
			.modal.greenyellow .modal_close{
				background-color:#ADFF2F
			}
			.modal.chartreuse .modal_title{
				color:#80FF00
			}
			.modal.chartreuse .modal_close{
				background-color:#80FF00
			}
			.modal.lime .modal_title{
				color:#00FF00
			}
			.modal.lime .modal_close{
				background-color:#00FF00
			}
			.modal.limegreen .modal_title{
				color:#32CD32
			}
			.modal.limegreen .modal_close{
				background-color:#32CD32
			}
			.modal.green .modal_title{
				color:#00C800
			}
			.modal.green .modal_close{
				background-color:#00C800
			}
			.modal.forestgreen .modal_title{
				color:#228B22
			}
			.modal.forestgreen .modal_close{
				background-color:#228B22
			}
			.modal.darkgreen .modal_title{
				color:#006400
			}
			.modal.darkgreen .modal_close{
				background-color:#006400
			}
			.modal.greenblue .modal_title{
				color:#009B4E
			}
			.modal.greenblue .modal_close{
				background-color:#009B4E
			}
			.modal.springgreen .modal_title{
				color:#00FF80
			}
			.modal.springgreen .modal_close{
				background-color:#00FF80
			}
			.modal.cyan .modal_title{
				color:#00FFFF
			}
			.modal.cyan .modal_close{
				background-color:#00FFFF
			}
			.modal.turquoise .modal_title{
				color:#00D0D0
			}
			.modal.turquoise .modal_close{
				background-color:#00D0D0
			}
			.modal.teal .modal_title{
				color:#008080
			}
			.modal.teal .modal_close{
				background-color:#008080
			}
			.modal.slategreen .modal_title{
				color:#2F4F4F
			}
			.modal.slategreen .modal_close{
				background-color:#2F4F4F
			}
			.modal.aquamarine .modal_title{
				color:#66CDAA
			}
			.modal.aquamarine .modal_close{
				background-color:#66CDAA
			}
			.modal.lightcyan .modal_title{
				color:#DDFFFF
			}
			.modal.lightcyan .modal_close{
				background-color:#DDFFFF
			}
			.modal.electricblue .modal_title{
				color:#00BFFF
			}
			.modal.electricblue .modal_close{
				background-color:#00BFFF
			}
			.modal.dodgerblue .modal_title{
				color:#0080FF
			}
			.modal.dodgerblue .modal_close{
				background-color:#0080FF
			}
			.modal.flowerblue .modal_title{
				color:#6495ED
			}
			.modal.flowerblue .modal_close{
				background-color:#6495ED
			}
			.modal.royalblue .modal_title{
				color:#4070FF
			}
			.modal.royalblue .modal_close{
				background-color:#4070FF
			}
			.modal.blue .modal_title{
				color:#0000FF
			}
			.modal.blue .modal_close{
				background-color:#0000FF
			}
			.modal.navy .modal_title{
				color:#000080
			}
			.modal.navy .modal_close{
				background-color:#000080
			}
			.modal.aura .modal_title{
				color:#4000FF
			}
			.modal.aura .modal_close{
				background-color:#4000FF
			}
			.modal.slateblue .modal_title{
				color:#7B68EE
			}
			.modal.slateblue .modal_close{
				background-color:#7B68EE
			}
			.modal.indigo .modal_title{
				color:#6A00D5
			}
			.modal.indigo .modal_close{
				background-color:#6A00D5
			}
			.modal.violet .modal_title{
				color:#8000FF
			}
			.modal.violet .modal_close{
				background-color:#8000FF
			}
			.modal.purple .modal_title{
				color:#B400FF
			}
			.modal.purple .modal_close{
				background-color:#B400FF
			}
			.modal.fushia .modal_title{
				color:#DC00FF
			}
			.modal.fushia .modal_close{
				background-color:#DC00FF
			}
			.modal.magenta .modal_title{
				color:#FF00FF
			}
			.modal.magenta .modal_close{
				background-color:#FF00FF
			}
			.modal.pink .modal_title{
				color:#EE80EE
			}
			.modal.pink .modal_close{
				background-color:#EE80EE
			}
			.modal.hotpink .modal_title{
				color:#FF69B4
			}
			.modal.hotpink .modal_close{
				background-color:#FF69B4
			}
			.modal.deeppink .modal_title{
				color:#FF1493
			}
			.modal.deeppink .modal_close{
				background-color:#FF1493
			}
			.modal.lightpink .modal_title{
				color:#FFC0CB
			}
			.modal.lightpink .modal_close{
				background-color:#FFC0CB
			}
			.modal.slategrey .modal_title{
				color:#708090
			}
			.modal.slategrey .modal_close{
				background-color:#708090
			}
			.modal.slateblue .modal_title{
				color:#483D8B
			}
			.modal.slateblue .modal_close{
				background-color:#483D8B
			}
			.modal.steelblue .modal_title{
				color:#B0C4DE
			}
			.modal.steelblue .modal_close{
				background-color:#B0C4DE
			}
			.modal.thisle .modal_title{
				color:#D8BFD8
			}
			.modal.thisle .modal_close{
				background-color:#D8BFD8
			}
			.modal.lavender .modal_title{
				color:#E6E6FA
			}
			.modal.lavender .modal_close{
				background-color:#E6E6FA
			}
			.modal.olive .modal_title{
				color:#808000
			}
			.modal.olive .modal_close{
				background-color:#808000
			}
			.modal.darkkhaki .modal_title{
				color:#BDB76B
			}
			.modal.darkkhaki .modal_close{
				background-color:#BDB76B
			}
			.modal.khaki .modal_title{
				color:#F0E68C
			}
			.modal.khaki .modal_close{
				background-color:#F0E68C
			}
			.modal.khaki .modal_title{
				color:#F0E68C
			}
			.modal.khaki .modal_close{
				background-color:#F0E68C
			}
			
			
			
			.modal_close:hover{
				background:#08f;
			}
				.modal_close::before{
					content:'';
					position:absolute;
					width:22px;
					height:4px;
					background:#fff;
					transition:0.2s;
					transform:translateX(5px) translateY(14px) rotate(45deg);
					border-radius:4px;
				}
				.modal_close::after{
					content:'';
					position:absolute;
					width:22px;
					height:4px;
					background:#fff;
					transition:0.2s;
					transform:translateX(5px) translateY(14px) rotate(-45deg);
					border-radius:4px;
				}
		.modal_body{
			/*width:calc(100% - 80px);
			padding:40px 40px 10px 40px;*/
			font-size:1.125rem;
			line-height:1.4rem;
			color:#555;
		}
	.modal{
		width:calc(100% - 60px);
		padding:0 30px;
		margin:0px;
	}
		.modal .line{
			margin:0px !important;
		}
			.modal input[type=text],
			.modal input[type=number],
			.modal input[type=email],
			.modal input[type=search],
			.modal input[type=date],
			.modal input[type=time],
			.modal input[type=datetime],
			.modal input[type=password],
			.modal textarea
			{
				width:calc(100% - 62px) !important;
				height:40px !important;
				margin-bottom:10px;
				margin:10px 10px 0px 10px;
				
				border:1px solid #888;
				border-radius:4px;
				padding:2px 20px !important;
			}
			/*
			.modal form input::placeholder,
			.modal form textarea::placeholder
			{
				color:#aaf;
			}
			*/
			
			.modal .button{
				margin-top:20px;
			}