@font-face {
	font-family: 'Noteworthy Light'; font-style: normal; font-weight: normal;
	src: local('Noteworthy'), url('Noteworthy-Lt.woff') format('woff');
}

body { margin:0px; padding:0px; min-height:100vh; -webkit-user-select:none; touch-action: manipulation; font-weight:bold; font-family:Noteworthy, Noteworthy Light, -apple-system, Helvetica, Arial; word-spacing:2px; background:#FCFEFF url(/teasers/imgs/grid.svg) repeat; }

.thdr { margin:14px auto; }
.atxt { text-align:center; border-bottom:1px solid #009BBC; padding:10px 0px 5px 0px; }
.atxt img { width:160px; }
.logo { width:90px; padding-left:20px; }
.btxt { text-align:center; vertical-align:top; padding-top:10px; font-size:17px; color:#444444; }

.para { margin:25px auto; width:300px; color:#066F86; font-size:16px; line-height:25px; }
.bbtn { margin:40px auto; width:110px; padding:2px 0px 5px 0px; background:#E3F8FC url(/teasers/imgs/larr.svg) no-repeat left 15px center; border:1px solid #46C6EB; color:#008FAE; font-size:18px; line-height:25px; text-align:center; border-radius:50px; cursor:pointer; }



.fade1	{ transition: opacity 0.5s linear; }
.fade2	{ transition: opacity 0.8s linear; }
.slide	{ transition: top 0.3s ease-out; }

small   { font-size:calc(100% - 1px); }
#ppage  { overflow:hidden; position:absolute; width:100vw; height:100%; left:0px; top:0px; transition: left 0.3s ease-out; }
#pzqry	{ margin:5px auto 0px auto; width:310px; min-height:90px; padding:10px 15px; color:#800080; text-align:justify; font-size:19px; line-height:1.5; }
#pzqry u{ text-decoration:none; }
.pclr0 u{ color:#C0C; }
.pclr1 u{ color:#29F; }
.pclr2 u{ color:#E33; }
#pzcan	{ margin:2px auto; width:310px; min-height:150px; text-align:center; font-weight:normal; }
#pzcan > * { max-height:200px; font-weight:normal; }
#drbox	{ display:block; visibility:hidden; margin:10px auto; width:290px; min-height:20px; font-size:10px; color:#999; }
#drctl  { display:inline-block; float:right; }
.drbtn	{ padding:1px 10px 2px 10px; background:#E4E4E4; border-radius:10px; color:#888; }
#pzclu	{ opacity:0; margin:10px auto 0px auto; width:310px; min-height:50px; color:#009BBC; text-align:justify; font-size:13px; line-height:1.5; }

.butn   { background:#E8FAFE; border:1px solid #46C6EB; color:#008FAE; padding:4px 0px 3px 0px; font-size:16px; line-height:1.5; text-align:center; border-radius:50px; }
.butnx  { background:#F5F5F5!important; border:1px solid #A3A3A3!important; color:#999!important }
#csbtn	{ display:inline-block; width:128px; margin:0px 15px; }
#sobox	{ position:absolute; top:calc(100% + 60px); width:340px; left:0px; right:0px; margin:auto; }
#pzsol	{ position:relative; top:0px; left:5px; min-height:60px; width:300px; padding:15px 15px 10px 15px; background:#FFF; border:1px solid #93DBF3; border-radius:8px; text-align:justify; font-size:17px; line-height:1.5; color:#009BBC; overflow:auto; }
#pzsol img { vertical-align:top; }

#btbox	{ position:static; width:100%; }
#csbtn  { width:150px; }
#slogo	{ display:none; margin:0px auto; width:100%; height:64px; background:url(/teasers/imgs/navbar.png) no-repeat center top; background-size:cover; text-align:center; }
#gtapp	{ position:absolute; bottom:0px; width:100%; height:64px; background:url(/teasers/imgs/botbar.png) no-repeat center top; background-size:cover; text-align:center; }
#gtapp img { visibility:hidden; }
#cdtmr  { vertical-align:top; } 

@media screen and (min-width:420px) {
	body   { background:#FCFEFF; }
	#slogo { display:block; }
	#ppage { max-height:675px; width:380px; left:calc(50vw - 190px); overflow:hidden; background:#FCFEFF url(/teasers/imgs/grid.svg) repeat; }
}