.popup-bg { position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 21474836; top: 0; left: 0; }
.popup { font-size:1.0em; display:none; 
         margin-top: 30px; left: 20%; right: 20%; 
		 background:rgba( 255, 255, 255, 0.9) url('images/logo_100.png') no-repeat left top; 
         /**background-size:cover; **/
		 z-index: 99999999999999; 
		 padding: 20px 20px 20px 20px; 
		 -moz-border-radius: 5px; 
		 -webkit-border-radius: 5px; 
		 border-radius: 5px; 
		 -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); 
		 -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
		 -box-shadow: 0 0 10px rgba(0,0,0,.4);
		 }
.popup .close { font-size: 22px; line-height: .5; position: absolute; top:14px; right: 20px; color: #303030; text-shadow: 0 -1px 1px rbga(0, 0, 0, .6); font-weight: bold; cursor: pointer; text-decoration: none }
.popup .btn,
.popup .btn :visited { position: relative; top:80px;left:70%; 		background-image: -webkit-gradient(  linear,  left top,  left bottom,  color-stop(0, #9CC2EE),  color-stop(1, #4179B8) ); 		background-image: -o-linear-gradient(bottom, #0063AE 0%, #4179B8 100%); 		background-image: -moz-linear-gradient(bottom, #0063AE 0%, #4179B8 100%); 		background-image: -webkit-linear-gradient(bottom, #9CC2EE 0%, #4179B8 100%); 		background-image: -ms-linear-gradient(bottom, #9CC2EE 0%, #4179B8 100%); 		background-image: linear-gradient(to bottom, #9CC2EE 0%, #4179B8 100%); 		border: 1px solid #fff; border-radius: 4px; 		box-shadow: 1px 0 1px 0 #ccc; 		color: #FFFFFF; display: inline-block; 		font-style: normal; font-weight: normal; font-size: 0.875em; 		text-align: center; text-decoration: none; text-indent: 0; 		padding: 6px 20px; margin: 6px 0 12px 0 }
.popup .btn :hover,
.popup .btn :focus { text-decoration: none; color: #fff }
/*** mymodal popup ***/
.myModal {position:relative; width:800px; height:600px; padding:20px;}
.myModal h1 {margin: 15px 30px 10px 0px; 
			 font-size:2.5em;color: #000; 
			 text-align:right; 
			 letter-spacing:0.1em;
			 }
.myModal p {margin:0px 30px 0px 0px;  
			line-height:35px; 
			color: rgba(100,100,100,.8);
			/*text-shadow: -1px 1px 0px rgba(0, 0, 0, .9);*/
			text-align:right;
			}
			.myModal p span.withe { 
			padding:3px;
			color:#fff;
			font-size:0.92em;
			text-shadow: -1px 1px 0px rgba(0, 0, 0, .8);
			background:rgba( 0, 0, 0, 0.35);
			border-radius:2px;
			}
			.myModal p span.bg { 
			background:rgba( 0, 0, 0, 0.4);
			border-radius:2px; 
			color: rgba(230,230,230,.8);
			text-shadow: -1px 1px 0px rgba(0, 0, 0, .9);
			letter-spacing:0.1em;
			padding:3px;
			}
			.myModal p span.lightgrey {  
			text-decoration: underline; font-size:1.0em;
			}
.myModal a {margin:0px 0px 0px 0px;}


@media screen and (max-device-width : 480px)  {
/* PopUp */
.popup { 
	display:none; 
	margin-top: 30px; left:10%; right:5%;
	background:background:rgba( 255, 255, 255, 0.75) url('images/logo_80.png') left top; 
	/*background-size:350px 400px; */
	z-index: 99999999999999; 
	padding: 30px 40px 34px; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; 
	border-radius: 15px; 
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
	.popup .close { font-size: 2.0em;}
/*** mymodal > popup ***/
.myModal {position:relative; width:80%; height:500px; padding:10px;}
.myModal h1 {margin: 25px 5px 10px 0px; 
			font-size:1.3em;color: #000; 
			text-align:right; 
			
			}
.myModal h2 {display:none;/*font-size:1.2em;margin: 25px 0px 4px 0px; */ }
.myModal p {
	margin: 0px 0px 0px 5px; padding:5px; 
	font-family:'Arial'; font-size:1.2em; 
	line-height:25px; color:rgba(150,150,150,.8);
	text-shadow: 0 -1px 1px rbga(0, 0, 0, .9);
	}
	.myModal p span.withe { 
			padding:3px;
			font-size:0.92em;
			background:rgba( 0, 0, 0, 0.35);
			border-radius:1px;
			}
			.myModal p span.bg { 
			background:rgba( 0, 0, 0, 0.35);
			border-radius:1px; 
			}
	.myModal p span.lightgrey { 
			font-size:1.0em;line-height:40px;
			}
	.myModal a {margin:0px 0px 0px 0px;}
}