@charset "UTF-8";
/* CSS Document */


/*---------popups--------*/

 

#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.7); z-index:100; width:100%; height:100%; display:none; } 

.cancel { display:block; position:absolute; bottom:1em; right:1em;   color:black; height:30px; width:35px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold; } 




#hmbroc, #trpweb, #trpchart, #trpsign, #skaban, #skabc, #skapost, #onedm, #onebc, #hmfood, #hmweb, #trek1, #trek3, #beldm, #belfb,#wi1, #wi2, #wi3, #wi4, #wi5, #strweb, #strfly, #intfly, #intapt, #spotbc  { height:60%;   max-width: 70%;  position:fixed; top: 15%; left:15%; right: 15%;   z-index:200; display:none;    background-color: rgba(255,255,255,1.0);    padding: 3em 3em 3em 10%;  border-radius:2px;   } 

#trpweb:target, #trpweb:target + #cover{ display:block; opacity:2; } 
#trpchart:target, #trpchart:target + #cover{ display:block; opacity:2; } 
#trpsign:target, #trpsign:target + #cover{ display:block; opacity:2; } 


#skaban:target, #skaban:target + #cover{ display:block; opacity:2; } 
#skabc:target, #skabc:target + #cover{ display:block; opacity:2; } 
#skapost:target, #skapost:target + #cover{ display:block; opacity:2; } 

#onebc:target, #onebc:target + #cover{ display:block; opacity:2; } 

#onedm:target, #onedm:target + #cover{ display:block; opacity:2; } 
 
#hmfood:target, #hmfood:target + #cover{ display:block; opacity:2; } 
 
#hmweb:target, #hmweb:target + #cover{ display:block; opacity:2; } 
#hmbroc:target, #hmbroc:target + #cover{ display:block; opacity:2; } 

#trek1:target, #trek1:target + #cover{ display:block; opacity:2; } 

#trek3:target, #trek3:target + #cover{ display:block; opacity:2; } 

#beldm:target, #beldm:target + #cover{ display:block; opacity:2; } 

#belfb:target, #belfb:target + #cover{ display:block; opacity:2; } 

#strweb:target, #strweb:target + #cover{ display:block; opacity:2; } 

#strfly:target, #strfly:target + #cover{ display:block; opacity:2; } 

#intfly:target, #intfly:target + #cover{ display:block; opacity:2; } 
 
#intapt:target, #intapt:target + #cover{ display:block; opacity:2; }

#spotbc:target, #spotbc:target + #cover{ display:block; opacity:2; }

#wi1:target, #wi1:target + #cover{ display:block; opacity:2; }
#wi2:target, #wi2:target + #cover{ display:block; opacity:2; }
#wi3:target, #wi3:target + #cover{ display:block; opacity:2; }
#wi4:target, #wi4:target + #cover{ display:block; opacity:2; }
#wi5:target, #wi5:target + #cover{ display:block; opacity:2; }
/*---------------mobile----------------*/
@media only screen and (max-width: 480px)  {
	
	#skaban:target, #skaban:target + #cover{ display:none; opacity:2; } 
#skabc:target, #skabc:target + #cover{ display:none; opacity:2; } 
#skapost:target, #skapost:target + #cover{ display:none; opacity:2; } 
	
#skaban:target, #skaban:target + #cover{ display:none; opacity:2; } 
#skabc:target, #skabc:target + #cover{ display:none; opacity:2; } 
#skapost:target, #skapost:target + #cover{ display:none; opacity:2; } 
	
	#onebc:target, #onebc:target + #cover{ display:none; opacity:2; } 

#onedm:target, #onedm:target + #cover{ display:none; opacity:2; } 
 
#hmfood:target, #hmfood:target + #cover{ display:none; opacity:2; } 
 
#hmweb:target, #hmweb:target + #cover{ display:none; opacity:2; } 
	#hmbroc:target, #hmweb:target + #cover{ display:none; opacity:2; } 

#trek1:target, #trek1:target + #cover{ display:none; opacity:2; } 

#trek3:target, #trek3:target + #cover{ display:none; opacity:2; } 

#beldm:target, #beldm:target + #cover{ display:none; opacity:2; } 

#belfb:target, #belfb:target + #cover{ display:none; opacity:2; } 

#strweb:target, #strweb:target + #cover{ display:none; opacity:2; } 

#strfly:target, #strfly:target + #cover{ display:none; opacity:2; } 

#intfly:target, #intfly:target + #cover{ display:none; opacity:2; } 
 
#intapt:target, #intapt:target + #cover{ display:none; opacity:2; }

#spotbc:target, #spotbc:target + #cover{ display:none; opacity:2; }

#wi1:target, #wi1:target + #cover{ display:none; opacity:2; } 
	#wi2:target, #wi2:target + #cover{ display:none; opacity:2; } 
	#wi3:target, #wi3:target + #cover{ display:none; opacity:2; } 
	#wi4:target, #wi4:target + #cover{ display:none; opacity:2; } 
		#wi5:target, #wi5:target + #cover{ display:none; opacity:2; } 
}