*, ::before, ::after {box-sizing:border-box;}
html,iframe,canvas,div {margin:0;padding:0;}
body {font:400 16px/24px var(--fontFutura);}
#app-root {display:flex;flex-direction:column;min-height:100vh;}
img {color:transparent;}
h1,h2 {margin:0;font:700 24px var(--fontRoboto);}
p {margin:0;}
a {text-decoration:none;}
body {min-width:314px;}
.pky1a {position:absolute;z-index:1;top:0;right:0;left:0;height:100%;} 
@media (hover:hover) and (pointer:fine) {.pky1a{background-size:40%;}}
.pky2a {position:fixed;z-index:-1;top:0;right:0;left:0;height:100vh;contain:strict;}
.pky3b {bottom:0;left:0;right:0;top:-50vh;z-index:1;}
.prd1b {display:block;width:100%;height:100%;margin:0 auto;}
.cxr4a {background:#fff;margin:64px 0 0;position:relative;}
.theme-dark .cxr4a {background:#222;} 
.cxr4a:before{content:'';position:absolute;right:0;bottom:100%;margin-bottom:-1px;left:0;height:16px;background:#fff;clip-path:polygon(0% 100%,52% 0%,50% 100%,100% 0%,100% 100%);}
.theme-dark .cxr4a:before {background:#222;}
@media (min-width:771px){.cxr4a:before{height:26px;clip-path:polygon(0% 100%,42% 0%,40% 100%,100% 0%,100% 100%);}}
.dwp5a2s {max-width:var(--enSaGe);margin:16px auto 0 auto;padding:0 24px 16px;display:flex;flex-direction:column;align-items:center;}
@media (min-width:771px){.dwp5a2s{flex-flow: row;padding:16px 32px;margin-top:0;}}
.prd3b{color:#5d6b84;text-align:center;text-decoration:underline;font-size:inherit;line-height:inherit;padding:6px;white-space:pre;cursor:pointer;border:none;background:none;}
.prd3b:first-child{margin-left:0;}
.prd3b:hover{color:#002b50;}
.theme-dark .prd3b:hover {color: #FFF;}
.prd4b{display:flex;justify-content:center;width:100%;margin:0 0 24px;font-size:12px;flex-wrap:wrap;}
@media (min-width:771px){.prd4b{flex-grow:1;justify-content:flex-end;width:auto;margin:0 24px 0 0;font-size:16px;}.prd4b .prd3b{flex-grow:0;width:auto;margin-left:16px;padding:0;}.prd4b .prd3b:first-child{margin-left:0;}}
.csd24ad{display:inline-block;vertical-align:middle;flex-shrink:0;width:92px;height:24px;}
.pky1c{flex-grow:1;margin:16px 0;}
@media (min-width:771px){.pky1c{flex-grow:0;margin:0;}}
@media (min-width:991px){.pky1c{display:flex;}}
.cxra1x{margin:0 0 0 22px;font:700 18px var(--fontRoboto);}
@media (min-width:771px) and (max-width:990.9px){.cxra1x{display:none;}}
.pky2s {transition:transform .3s var(--hat);}
.pky2s:hover {transform:scale(1.05);}
.pky3s{height:28px;margin:10px auto 11px;}
@media (min-width:991px){.pky3s{height:42px;margin:-2px auto 0;}}
.prd3s{display:block;transition:transform .6s var(--hat);border-radius:16px;position:relative;}
.prd3s:after{content:'';opacity:0;position:absolute;left:0;bottom:0;width:100%;height:100%;background:linear-gradient(transparent 25%,rgba(0,0,0,.3) 100%);z-index:5;transition:box-shadow .6s var(--hat),opacity .3s var(--hat);box-shadow:0 6px 12px 0 rgba(0,0,0,.24);border-radius:16px;contain:strict;}
.prd3s:hover{transform:scale(1.0425531915) translate(0,-4px);transition-duration:.3s;}
.prd3s:hover:after{opacity:1;box-shadow:0 12px 12px 0 rgba(0,0,0,.2);}
.prd4s{position:absolute;left:-6px;right:0;height:28px;top:8px;font:700 11px/28px var(--fontFutura);color:var(--f7-theme-color);text-transform:uppercase;padding:0 8px 0 6px;pointer-events:none;}
.prd4s:after{content:'';background:#bac9de;width:6px;height:8px;border-radius:4px 0 0 4px;position:absolute;bottom:-8px;left:0;}
.prd4s:before{content:'';background:#fff;width:4px;height:4px;position:absolute;left:0;bottom:-4px;z-index:0;}
.pky9s{position:absolute;top:0;bottom:0;left:0;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.2);border-radius:3px 14px 14px 0;padding:0 8px 0 3px;}
.pky10s{fill:var(--f7-theme-color);width:18px;height:28px;position:relative;padding:2px 0 2px 2px;}
.pky12s{display:block;--minSize:94px;min-width:var(--minSize);min-height:var(--minSize);border-radius:inherit;aspect-ratio:1;}
.cxra2x .im1{position: static;opacity: 1;overflow: hidden;text-align: left;color: #002b50;font: 700 12px/18px var(--fontFutura);letter-spacing: 1px;text-transform: uppercase;background: rgb(255, 255, 255);transform: none;display: block;padding: 0px 8px;border-radius: 0px 16px 16px 0px;}
.im1{position:absolute;right:0;bottom:0;left:0;padding:6px;color:#fff;font:700 var(--tileFontSize,12px)/1.3 'Futura',sans-serif;text-align:center;transition:transform .3s var(--hat) .1s,opacity .3s var(--hat) .1s;transform:translate(0,8px);opacity:0;-webkit-font-smoothing:antialiased;pointer-events:none;}
.cxra3x{box-shadow:0 6px 12px 0 rgba(0,0,0,.24);user-select:none;aspect-ratio:1;}
@media (hover:hover){.cxra3x:hover{transform:scale(1.0186915888) translate(0,-4px);}.cxra3x:hover:after{background:linear-gradient(transparent 50%,rgba(0,0,0,.3) 100%);}.cxra3x:hover .im1{opacity:1;transform:translate(0,0);}}
.cxra2x{box-shadow:0 6px 12px 0 rgba(0,0,0,.24);user-select:none;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;grid-row-start:span 1;grid-column-start:span 2;}
.theme-dark .cxra2x {background: rgba(222, 222, 222, 0.5);}
@media (hover:hover){.cxra2x:hover{transform:scale(1.0186915888) translate(0,-4px);}.cxra2x:hover:after{background:linear-gradient(transparent 50%,rgba(0,0,0,.3) 100%);}.cxra2x:hover .im1{opacity:1;transform:translate(0,0);}}
.cxra2x .im1 {position:static;opacity:1;overflow:hidden;text-align:left;color:#fff;font:700 12px/20px var(--fontFutura);letter-spacing:1px;text-transform:uppercase;background:#000;transform:none;}
.cxra2x:after {content:none;}
.cxra2x img{padding: 22px;}
.osy23a {color:var(--gri1);font-weight:bold;font-size:9px;letter-spacing:1px;text-transform:uppercase;}
.theme-dark .osy23a { color: #999;}
.topti1x{position:relative;margin:24px 0;padding:18px 24px;background:#fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px;}
.topti1x p{margin:24px 0;}
.theme-dark .topti1x {background:#222;}
.ttrti1a {margin:0 0 8px;}
.ttrti2b {font-size:20px;}
.ttrti3c a{text-decoration:underline;color:#054a91;}
.ttrti3c a:hover{color:var(--f7-theme-color);}
.ttrti3c h2,.ttrti3c h3{font-size:19px;font-family:inherit;margin:1em 0;}

.gg23by {display: flex;border-radius: 16px;justify-content: center;flex-direction: column;background: rgba(255, 255, 255, 0.5);padding: 10px 16px;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px;align-items: center;font-size: 21px;}
.gg34cz {grid-area: pkx / pkx / pkx / pkx;}
.gg45da {margin: 0px;font: 700 20px/24px var(--fontRoboto);color: var(--f7-theme-color);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.theme-dark .gg23by .gg45da {color: #FFF} 
.theme-dark .fmh9c .gg45da {color: #000} 

.gg56ebn {display: contents;}
.gg56ebn li {display: contents;}
.pky3b {position: absolute;inset: -50vh 0px 0px;overflow: hidden;}
.hd22uov {z-index: 2;animation-name: hd45pvz;animation-fill-mode: both;}
.pky3b > * {transform: translateY(50vh);}

@container (min-width: 200px) {.ccq-title {--tileFontSize: 16px;}}


.pso11ct {display: flex;align-items: center;flex-direction: column;flex-grow: 0;width: 100%;height: 100%;background: #002b50;box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px;}
.pso22ct {display: flex;align-items: center;justify-content: center;flex-grow: 1;position: relative;width: 100%;height: 100%;}
.tut66xs {position: absolute;inset: 0px;}
.tut66xs .gamex {position: fixed;}
.tut66xs .game {position: absolute;top: 0px;left: 0px;bottom:0px;right:0px;}
.tut66xs iframe {position: absolute;top: 0px;left: 0px;border: 0px;height: 100%;width: 100%;}
@media (orientation: portrait) {.rts44xa {max-height: 100%;}} /**/
.ukl0po {overflow: hidden;flex-grow: 0;flex-shrink: 0;display: flex;justify-content: space-between;height: var(--oyunBilgiH);align-self: stretch;background: rgb(255, 255, 255);position: relative;z-index: 3;padding: 0px 16px 0px 0px;transition: opacity 0.5s ease-in 0s;}
.sal2xas {font-size: 21px;display: flex;margin: 12px;}
.cs1att {border-radius: var(--borderRadius,8px);background: #bac9de;margin: 0px 8px 0px 0px;width: 40px;height: 40px;}
.cs2buu {margin: auto 0px;min-width: 50%;}
.cs3cvv {margin: 0px 8px 0px 0px;font: 700 20px/24px var(--fontRoboto);color: #002b50;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


	@font-face {
		font-family: 'Futura PT';
		font-display: swap;
		font-weight: 300;
		font-style: normal;
		src: url(https://phoneky.co/fonts/FuturaPT-Light.woff2) format('woff2'), url(https://phoneky.co/fonts/FuturaPT-Light.woff) format('woff');
	}

	@font-face {
		font-family: 'Futura PT';
		font-display: swap;
		font-weight: bold;
		font-style: normal;
		src: url(https://phoneky.co/fonts/FuturaPT-Bold.woff2) format('woff2'), url(https://phoneky.co/fonts/FuturaPT-Bold.woff) format('woff');
	}
	@font-face {
		font-family: 'Futura PT';
		font-display: swap;
		font-weight: 500;
		font-style: normal;
		src: url(https://phoneky.co/fonts/FuturaPT-Medium.woff2) format('woff2'), url(https://phoneky.co/fonts/FuturaPT-Medium.woff) format('woff');
	}

	@font-face {
		font-family: 'Futura PT';
		font-display: swap;
		font-weight: 900;
		font-style: normal;
		src: url(https://phoneky.co/fonts/FuturaPT-Heavy.woff2) format('woff2'), url(https://phoneky.co/fonts/FuturaPT-Heavy.woff) format('woff');
	}

	@font-face {
		font-family: 'Roboto';
		font-display: swap;
		font-weight: 500;
		font-style: normal;
		src: url(https://phoneky.co/fonts/Roboto-Medium.woff2) format('woff2'), url(https://phoneky.co/fonts/Roboto-Medium.woff) format('woff');
	}
 	
	:root {
		--fontFutura: Futura PT, Open Sans, Arial, sans-serif;
		--fontRoboto: Roboto, sans-serif;
		--hat: cubic-bezier(.25, .1, .25, 1);
		--hucreO: 94px;
		--hucreS: 16px;
		--oyunBilgiH: 64px;
		--enSaGe: 1860px;
		--gezGol: 0 6px 32px 0 rgba(0, 0, 0, .24);
		--gri1 : #232323;
		--f7-theme-color: #009cff;
	}
.qccssc {color: var(--gri1);}
.qccssc ul {overflow: hidden;margin: 0px;padding: 0px;color: var(--gri1);list-style: none;text-overflow: ellipsis;}
.qccssc li::after {content: ">";margin: 0px 4px;color: var(--gri1);font-size: 13px;}
.qccssc li {display: inline;}
.qccssc a, .qccssc span {color: var(--gri1);font: 700 9px var(--fontFutura);letter-spacing: 1px;text-transform: uppercase;white-space: nowrap;}
.theme-dark .qccssc,.theme-dark .qccssc ul, .theme-dark .qccssc a, .theme-dark .qccssc span, .theme-dark .qccssc li::after { color: #999;}

.tor11ff {margin: 4px 0px;}
.tor22gg {display: inline-block;font-size: 12px;font-weight: 700;color: #5d6b84;text-transform: uppercase;}
.tor33hj {display: inline-block;font-size: 12px;line-height: 22px;font-weight: bold;padding: 0px 8px;color: #5d6b84;background: #f0f5fc;border-radius: 10px;text-transform: uppercase;height: 20px;margin-right: 4px;}
.tor44hk {display: inline-block;fill: #5d6b84;margin-right: 2px;position: relative;top: 1px;height: 10px;width: 10px;}
.tor55jl {display: block;padding: 0px 10px;border: 2px solid #bac9de;border-radius: 100px;color: #bac9de;font-size: 12px;font-weight: bold;text-transform: uppercase;}
.jv11al {margin: 0px;padding: 0px;}
.jv11al li {display: inline-block;margin: 4px 4px 0px 0px;}
.jv22bm {margin-top: 12px;}


.gg12ax {display: grid;grid-template-rows: repeat(auto-fill, 94px);grid-gap: var(--hucreS);grid-auto-flow: dense;justify-content: center;margin: 16px auto 0px;padding: 0px;list-style-type: none;--gridTemplateColumns: 3;grid-template-columns: repeat(var(--gridTemplateColumns),94px);}
@media (min-width: 111px) and (max-width: 550.9px){.gg12ax {grid-template-areas: ". pkx pkx" "lk0 lk0 ." "lk0 lk0 ." ". . ." ". lk1 lk1" ". lk1 lk1";}}
@media (min-width: 551px) and (max-width: 660.9px){.gg12ax {--gridTemplateColumns: 4;grid-template-areas: "pkx pkx lk0 lk0" ". . lk0 lk0" "lk1 lk1 . ." "lk1 lk1 . .";}}
@media (min-width: 661px) and (max-width: 770.9px){.gg12ax {--gridTemplateColumns: 5;grid-template-areas: ". pkx pkx pkx ." "lk0 lk0 . . ." "lk0 lk0 . . ." ". . . . ." ". lk1 lk1 . ." ". lk1 lk1 . .";}}
@media (min-width: 771px){.gg12ax {--gridTemplateColumns: 6;grid-template-areas: ". pkx pkx pkx . ." "lk0 lk0 . . . ." "lk0 lk0 . . . ." ". . . . . ." ". lk1 lk1 . . ." ". lk1 lk1 . . .";}}

.md12arg {margin: 16px -32px 0px;position: relative;z-index: 2;transition: opacity 0.1s ease-out 0s;will-change: opacity;}
.md12arg::before {content: "";position: absolute;top: 0px;left: 0px;width: 32px;height: 72px;background: linear-gradient(270deg, rgba(249, 249, 249, 0) 0%, rgb(249, 249, 249) 100%);pointer-events: none;z-index: 1;}
.md12arg::after {content: "";position: absolute;top: 0px;right: 0px;width: 120px;height: 72px;background: linear-gradient(270deg, rgb(249, 249, 249) 20%, rgba(249, 249, 249, 0) 50%);pointer-events: none;}
.theme-dark .md12arg::before {background: linear-gradient(270deg, rgba(43, 43, 43, 0) 0%, rgb(43, 43, 43) 100%);}
.theme-dark .md12arg::after {background: linear-gradient(270deg, rgb(43, 43, 43) 20%, rgba(43, 43, 43, 0) 50%);}
.md23bsh {display: flex;align-items: center;white-space: nowrap;overflow-x: scroll;height: 64px;padding: 0px 32px 0px 29px;margin: 0px 0px -22px;top: 90px;}
.md24cti {display: inline-block;background: rgb(215, 215, 215);box-shadow: rgba(9, 30, 66, 0.07) 0px 4px 8px, rgba(9, 30, 66, 0.07) 0px 0px 2px;border-radius: 20px;color: var(--f7-theme-color);padding: 8px 20px;font: 700 12px/22px var(--fontFutura);text-transform: uppercase;margin: 0px 10px 10px 0px;-webkit-tap-highlight-color: transparent;height: 36px;user-select: none;}
.md24cti:hover {background: var(--f7-theme-color);color: rgb(255, 255, 255);}
.md35duj {margin: 16px 8px 0px;}
.redj11a {display: grid;grid-gap: var(--hucreS);margin: var(--hucreS) 0 0;--columns: 3;grid-template-columns: repeat(var(--columns),var(--hucreO));grid-auto-flow: dense;}
@media (min-width:451px) and (max-width:560.9px){.redj11a {--columns: 4;}}
@media (min-width:561px) and (max-width:670.9px){.redj11a {--columns: 5;}}
@media (min-width:671px) {.redj11a {--columns: 6;}}
.ress22b {width: 94px;height: 94px;}
.gdss32b::before {content: "";background: rgb(255, 255, 255);width: 4px;height: 4px;position: absolute;left: 0px;bottom: -4px;z-index: 0;}
.gdss32b {position: absolute;z-index: 6;left: -6px;right: 0px;height: 28px;top: 8px;font: 700 11px/28px var(--fontFutura);color: blue;text-transform: uppercase;padding: 0px 8px 0px 6px;pointer-events: none;}
.gdss32b::after {content: "";background: #bac9de;width: 6px;height: 8px;border-radius: 4px 0px 0px 4px;position: absolute;bottom: -8px;left: 0px;z-index: 1;}
.scv32aa {transition: transform 0.1s ease-out 0s;transform: translateY(0px);overflow: hidden scroll;display: flex;flex-direction: column;position: absolute;top: 0px;bottom: 0px;left: 0px;width: 100%;padding: 96px 21px 0px;}
.fas12efs {background-color: var(--f7-dialog-bg-color);height: 100vh;position: absolute;right: 0px;z-index: 1000;width: 688px;max-width: 100%;box-shadow: rgba(0, 0, 0, 0.5) 0px 12px 16px 0px;display: flex;flex-direction: column;padding: 32px 20px 0px;}
.fs2a21ff {margin: 24px 0px 0px 0px;background: rgb(249, 249, 249);padding: 16px;width:688px;transition: box-shadow .6s var(--hat),opacity .3s var(--hat);box-shadow: 0 6px 24px 0 rgba(0,0,0,1);}
.theme-dark .fs2a21ff {background: rgb(43, 43, 43);}
@media (min-width: 111px) and (max-width: 770.9px) {.scv32aa {padding: 74px 21px 0px;} .fas12efs {padding: 0px 15px 0px 29px;height: 100%;width: 100%;overflow: hidden;} .fs2a21ff {width: 100vw;}}
.fmh5c {height: var(--height,100%);width: var(--width,100%);position: relative;}

.xtb45rt {display: grid;grid-template-rows: repeat(auto-fill, 94px);grid-gap: var(--hucreS);grid-auto-flow: dense;justify-content: center;margin: 16px auto 0px;padding: 0px;list-style-type: none;--gridTemplateColumns: 3;grid-template-columns: repeat(var(--gridTemplateColumns),94px);}
@media (min-width: 428px) and (max-width: 540px){.xtb45rt {--gridTemplateColumns: 4;}}
@media (min-width: 540px) and (max-width: 600px){.xtb45rt {--gridTemplateColumns: 5;}}
@media (min-width: 600px){.xtb45rt {--gridTemplateColumns: 5;}}

/* webversion */


.trw2hy5 {margin: 0px auto;flex-grow: 1;width: var(--root-content-width,314px);} /**/
@media (min-width: 111px) and (max-width: 990.9px) {.trw2hy5 {--root-content-width: 760px;}}
@media (min-width: 991px) and (max-width: 1210.9px) {.trw2hy5 {--root-content-width: 980px;}}
@media (min-width: 1211px) and (max-width: 1320.9px) {.trw2hy5 {--root-content-width: 1194px;}}
@media (min-width: 1321px) and (max-width: 1540.9px) {.trw2hy5 {--root-content-width: 1304px;}}
@media (min-width: 1541px) and (max-width: 1870.9px) {.trw2hy5 {--root-content-width: 1524px;}}
@media (min-width: 1871px) {.trw2hy5 {--root-content-width: 1854px;} }
.web2hy5::before {display: block;}
.web2hy5 {display: grid;grid-template-rows: repeat(auto-fill, 94px);grid-gap: var(--hucreS);grid-auto-flow: dense;justify-content: center;margin: 16px auto 0px;padding: 0px;list-style-type: none;--gridTemplateColumns: 7;grid-template-columns: repeat(var(--gridTemplateColumns),94px);}
@media (min-width: 111px) and (max-width: 990.9px) { .web2hy5 {--gridTemplateColumns: 7;grid-template-areas: ". . gr0 gr0 gr0 gr1 gr1" ". . gr0 gr0 gr0 gr1 gr1" "gr2 gr2 gr0 gr0 gr0 . ." "gr2 gr2 . gr3 gr3 . ." ". . . gr3 gr3 gr4 gr4" ". . . . . gr4 gr4" "gr5 gr5 gr5 . . . ." "gr5 gr5 gr5 . gr6 gr6 ." "gr5 gr5 gr5 . gr6 gr6 ." ". . gr7 gr7 . . ." ". . gr7 gr7 . . ." ". . . gr8 gr8 gr8 ." ". . . gr8 gr8 gr8 ." "gr9 gr9 . gr8 gr8 gr8 ." "gr9 gr9 . . . gr10 gr10" ". . . . . gr10 gr10" "gr11 gr11 gr11 . gr13 gr13 ." "gr11 gr11 gr11 . gr13 gr13 ." "gr11 gr11 gr11 . . . ." ". . gr14 gr14 . . ." ". . gr14 gr14 gr12 gr12 gr12" ". . . . gr12 gr12 gr12" ". . . . gr12 gr12 gr12" "gr15 gr15 . . . . ." "gr15 gr15 . . . . ." ". . gr16 gr16 . . ." ". . gr16 gr16 . . ." ". . . gr17 gr17 . ." ". gr18 gr18 gr17 gr17 . ." ". gr18 gr18 . . gr19 gr19" ". . . . . gr19 gr19";}}
@media (min-width: 991px) and (max-width: 1210.9px) {.web2hy5 {--gridTemplateColumns: 9;grid-template-areas: ". . gr0 gr0 gr0 gr3 gr3 gr4 gr4" "gr2 gr2 gr0 gr0 gr0 gr3 gr3 gr4 gr4" "gr2 gr2 gr0 gr0 gr0 gr1 gr1 gr1 ." ". . . gr6 gr6 gr1 gr1 gr1 ." ". gr5 gr5 gr6 gr6 gr1 gr1 gr1 ." ". gr5 gr5 gr8 gr8 . gr9 gr9 ." ". gr7 gr7 gr8 gr8 . gr9 gr9 ." ". gr7 gr7 . . . . . ." ". . gr10 gr10 gr10 . gr13 gr13 ." ". . gr10 gr10 gr10 . gr13 gr13 ." ". . gr10 gr10 gr10 . . . ." "gr14 gr14 . . . . . . ." "gr14 gr14 . . . . gr11 gr11 gr11" ". . . . . . gr11 gr11 gr11" ". gr15 gr15 . . . gr11 gr11 gr11" ". gr15 gr15 . . . . . ." ". . . . . . . . ." ". . . . gr12 gr12 gr12 . ." ". . . . gr12 gr12 gr12 . ." ". gr16 gr16 . gr12 gr12 gr12 . ." ". gr16 gr16 gr17 gr17 . . . ." ". . . gr17 gr17 . . . ." ". . . . . . . gr18 gr18" ". . . . . . . gr18 gr18";}}
@media (min-width: 1211px) and (max-width: 1320.9px) {.web2hy5 {--gridTemplateColumns: 11;grid-template-areas: ". . gr0 gr0 gr0 gr3 gr3 gr4 gr4 gr5 gr5" "gr2 gr2 gr0 gr0 gr0 gr3 gr3 gr4 gr4 gr5 gr5" "gr2 gr2 gr0 gr0 gr0 gr1 gr1 gr1 . gr6 gr6" ". . . . . gr1 gr1 gr1 . gr6 gr6" ". gr7 gr7 gr8 gr8 gr1 gr1 gr1 . gr9 gr9" ". gr7 gr7 gr8 gr8 . . . . gr9 gr9" ". . . . . . . . . . ." ". . . . . . gr10 gr10 gr10 . ." "gr11 gr11 . . . . gr10 gr10 gr10 . ." "gr11 gr11 gr12 gr12 . . gr10 gr10 gr10 . ." ". . gr12 gr12 . . . . . . ." ". . . . . . . . . . ." ". . . gr13 gr13 gr13 . . . . ." ". . . gr13 gr13 gr13 . gr14 gr14 . ." ". . . gr13 gr13 gr13 . gr14 gr14 . ." ". . . . . . . . . . ." ". gr15 gr15 . . . . . . gr16 gr16" ". gr15 gr15 gr17 gr17 . . . . gr16 gr16" ". . . gr17 gr17 . . . . . .";}}
@media (min-width: 1321px) and (max-width: 1540.9px) {.web2hy5 {--gridTemplateColumns: 12;grid-template-areas: ". . gr0 gr0 gr0 gr3 gr3 gr4 gr4 gr5 gr5 ." "gr2 gr2 gr0 gr0 gr0 gr3 gr3 gr4 gr4 gr5 gr5 ." "gr2 gr2 gr0 gr0 gr0 gr1 gr1 gr1 . gr6 gr6 ." ". . . . . gr1 gr1 gr1 . gr6 gr6 ." ". gr7 gr7 gr8 gr8 gr1 gr1 gr1 . gr9 gr9 ." ". gr7 gr7 gr8 gr8 . . . . gr9 gr9 ." ". . . . . . . . . . . ." ". . . . . . . gr10 gr10 . . ." "gr11 gr11 . . . . . gr10 gr10 . . ." "gr11 gr11 gr12 gr12 . . . . . . . ." ". . gr12 gr12 . . . . . . . ." ". . . . . . gr13 gr13 . . . ." ". . . . . . gr13 gr13 . . . ." ". gr14 gr14 . . . . . . . . ." ". gr14 gr14 . . . . . . gr15 gr15 ." ". . . . . . . . . gr15 gr15 .";}}
@media (min-width: 1541px) and (max-width: 1870.9px) {.web2hy5 {--gridTemplateColumns: 14;grid-template-areas: ". . gr0 gr0 gr0 gr4 gr4 . . . . . gr5 gr5" ". . gr0 gr0 gr0 gr4 gr4 . gr2 gr2 gr2 . gr5 gr5" "gr3 gr3 gr0 gr0 gr0 . . . gr2 gr2 gr2 . gr6 gr6" "gr3 gr3 . . . gr1 gr1 gr1 gr2 gr2 gr2 . gr6 gr6" "gr7 gr7 . gr8 gr8 gr1 gr1 gr1 gr9 gr9 gr10 gr10 . ." "gr7 gr7 . gr8 gr8 gr1 gr1 gr1 gr9 gr9 gr10 gr10 . ." ". . . . . . . . . . . . . ." ". . . . . . . . gr11 gr11 gr11 . . ." "gr12 gr12 . . . . . . gr11 gr11 gr11 . . ." "gr12 gr12 . . . . . . gr11 gr11 gr11 . . ." ". . gr13 gr13 . . . . . . . . . ." ". . gr13 gr13 . . . . . . . . . ." ". . . . . . gr14 gr14 . . . gr15 gr15 gr15" "gr16 gr16 . . . . gr14 gr14 . . . gr15 gr15 gr15" "gr16 gr16 . . . . . . . . . gr15 gr15 gr15";}}
@media (min-width: 1871px) {.web2hy5 {--gridTemplateColumns: 17;grid-template-areas: ". . gr0 gr0 gr0 . . . . . . . . gr7 gr7 gr8 gr8" ". . gr0 gr0 gr0 gr4 gr4 gr5 gr5 gr2 gr2 gr2 . gr7 gr7 gr8 gr8" ". . gr0 gr0 gr0 gr4 gr4 gr5 gr5 gr2 gr2 gr2 gr6 gr6 gr3 gr3 gr3" "gr9 gr9 gr10 gr10 gr11 gr11 gr1 gr1 gr1 gr2 gr2 gr2 gr6 gr6 gr3 gr3 gr3" "gr9 gr9 gr10 gr10 gr11 gr11 gr1 gr1 gr1 gr12 gr12 gr13 gr13 . gr3 gr3 gr3" ". gr14 gr14 gr15 gr15 . gr1 gr1 gr1 gr12 gr12 gr13 gr13 gr16 gr16 gr17 gr17" ". gr14 gr14 gr15 gr15 . gr18 gr18 gr19 gr19 gr20 gr20 . gr16 gr16 gr17 gr17" ". . . . . . gr18 gr18 gr19 gr19 gr20 gr20 . . . . ." ". . . . . . . . . . . . . . . . ." "gr22 gr22 . . . . . . . . gr21 gr21 gr21 . . . ." "gr22 gr22 . . . . gr24 gr24 . . gr21 gr21 gr21 . . . ." ". . gr23 gr23 . . gr24 gr24 . . gr21 gr21 gr21 . . . ." ". . gr23 gr23 . . . . . . . . . . . gr25 gr25" ". . . . . . . . . . . . . . . gr25 gr25";}}


.z0grd {grid-area: gr0 / gr0 / gr0 / gr0;}
.z1grd {grid-area: gr1 / gr1 / gr1 / gr1;}
.z2grd {grid-area: gr2 / gr2 / gr2 / gr2;}
.z3grd {grid-area: gr3 / gr3 / gr3 / gr3;}
.z4grd {grid-area: gr4 / gr4 / gr4 / gr4;}
.z5grd {grid-area: gr5 / gr5 / gr5 / gr5;}
.z6grd {grid-area: gr6 / gr6 / gr6 / gr6;}
.z7grd {grid-area: gr7 / gr7 / gr7 / gr7;}
.z8grd {grid-area: gr8 / gr8 / gr8 / gr8;}
.z9grd {grid-area: gr9 / gr9 / gr9 / gr9;}
.z10grd {grid-area: gr10 / gr10 / gr10 / gr10;}
.z11grd {grid-area: gr11 / gr11 / gr11 / gr11;}
.z12grd {grid-area: gr12 / gr12 / gr12 / gr12;}
.z13grd {grid-area: gr13 / gr13 / gr13 / gr13;}
.z14grd {grid-area: gr14 / gr14 / gr14 / gr14;}
.z15grd {grid-area: gr15 / gr15 / gr15 / gr15;}
@media (min-width: 111px) and (max-width: 990.9px) {
.z16grd {grid-area: gr16 / gr16 / gr16 / gr16;}
.z17grd {grid-area: gr17 / gr17 / gr17 / gr17;}
.z18grd {grid-area: gr18 / gr18 / gr18 / gr18;}
.z19grd {grid-area: gr19 / gr19 / gr19 / gr19;}

}
@media (min-width: 991px) and (max-width: 1210.9px){
.z16grd {grid-area: gr16 / gr16 / gr16 / gr16;}
.z17grd {grid-area: gr17 / gr17 / gr17 / gr17;}
.z18grd {grid-area: gr18 / gr18 / gr18 / gr18;}

}

@media (min-width: 1211px) and (max-width: 1320.9px)  {
.z16grd {grid-area: gr16 / gr16 / gr16 / gr16;}
.z17grd {grid-area: gr17 / gr17 / gr17 / gr17;}

}
@media (min-width: 1541px) and (max-width: 1870.9px) {
.z16grd {grid-area: gr16 / gr16 / gr16 / gr16;}

}
@media (min-width: 1871px) {
.z16grd {grid-area: gr16 / gr16 / gr16 / gr16;}
.z17grd {grid-area: gr17 / gr17 / gr17 / gr17;}
.z18grd {grid-area: gr18 / gr18 / gr18 / gr18;}
.z19grd {grid-area: gr19 / gr19 / gr19 / gr19;}
.z20grd {grid-area: gr20 / gr20 / gr20 / gr20;}
.z21grd {grid-area: gr21 / gr21 / gr21 / gr21;}
.z22grd {grid-area: gr22 / gr22 / gr22 / gr22;}
.z23grd {grid-area: gr23 / gr23 / gr23 / gr23;}
.z24grd {grid-area: gr24 / gr24 / gr24 / gr24;}
.z25grd {grid-area: gr25 / gr25 / gr25 / gr25;}
}
.gty53ff {position: absolute;left: 0px;top: 0px;border-radius: 16px;overflow: hidden;visibility: hidden;z-index: 5;}
.ywz44hr {height: 100%;width: 100%;}
.zya44hr {box-shadow: rgba(0, 0, 0, 0.24) 0px 6px 12px 0px;user-select: none;background: rgb(255, 255, 255);grid-row-start: span 2;grid-column-start: span 2;}
.zya44hr .im1 {position: absolute;padding: 10px 16px;border-radius: 0px 0px 16px 16px;text-overflow: ellipsis;opacity: 1;overflow: hidden;text-align: left;color:#002b50;font: 700 12px/20px var(--fontProximaNova);letter-spacing: 1px;text-transform: uppercase;background: rgb(255, 255, 255);transform: none;}
.topti1x p {margin: 3px 0px 0px;}


.src2 {container-type: inline-size;container-name: tilecq;}
.imgD {aspect-ratio: 1;}
.wwv34ty {display: block;transition: transform .6s var(--bezier);position: relative;user-select: none;}
.wwv34ty, .wwv34ty:after {box-shadow: 0 6px 12px 0 rgba(0,0,0,.24);border-radius: 16px;}
.wwv34ty:after {content: '';opacity: 0;position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(transparent 25%,rgba(0,0,0,.3) 100%);z-index: 5;transition: box-shadow .6s var(--bezier),opacity .3s var(--bezier);contain: strict;}
.wwv34ty:hover { transform: scale(1.0425531915) translate(0,-4px);transition-duration: .3s;}
.wwv34ty:hover .spn33 {opacity: 1;transform: translate(0,0)}
.wwv34ty:hover:after {opacity: 1;box-shadow: 0 12px 12px 0 rgba(0,0,0,.2)}
.spn33 {position: absolute;right: 0;bottom: 0;left: 0;padding: 6px;color: #fff;font: 700 var(--tileFontSize, 12px)/1.3 'Proxima Nova',sans-serif;text-align: center;z-index: 6;transition: transform .3s var(--bezier) .1s,opacity .3s var(--bezier) .1s;transform: translate(0,8px);opacity: 0;-webkit-font-smoothing: antialiased;pointer-events: none;}

.wimg17,.wimg18,.wimg19,.wimg20,.wimg21,.wimg22,.wimg23,.wimg24,.wimg25, .wimg26, .zimg1 {width: 94px;height: 94px;}
.wimg2, .wimg3,.wimg4,.wimg5,.wimg7,.wimg8,.wimg10,.wimg11,.wimg14,.wimg15,.wimg16 {width: 204px;height: 204px;}
.wimg6,.wimg9,.wimg12,.wimg13 {width: 314px;height: 314px;}

@media (min-width: 111px) and (max-width: 990.9px) {.wimg20 {width: 204px;height: 204px;}}
@media (min-width: 111px) and (max-width: 1210.9px) {.wimg19 {width: 204px;height: 204px;}}
@media (min-width: 111px) and (max-width: 1320.9px) {.wimg17,.wimg18 {width: 204px;height: 204px;}}
@media (min-width: 991px) {.wimg2  {width: 314px;height: 314px;} .wimg6,.wimg9 {width: 204px;height: 204px;}}
@media (min-width: 991px) and (max-width: 1320.9px) {.wimg11 {width: 314px;height: 314px;}}
@media (min-width: 991px) and (max-width: 1870.9px) {.wimg20 {width: 94px;height: 94px;}}
@media (min-width: 1211px) {.wimg13 {width: 204px;height: 204px;}}
@media (min-width: 1211px) and (max-width: 1320.9px) {.wimg14 {width: 314px;height: 314px;}}
@media (min-width: 1211px) and (max-width: 1540.9px) {.wimg12 {width: 204px;height: 204px;}}
@media (min-width: 1211px) and (max-width: 1870.9px) {.wimg19 {width: 94px;height: 94px;}}
@media (min-width: 1321px) {.wimg11, .wimg14,.zimg1 {width: 204px;height: 204px;}}
@media (min-width: 1321px) and (max-width: 1540.9px) {.wimg17 {width: 94px;height: 94px;}}
@media (min-width: 1321px) and (max-width: 1870.9px) {.wimg18 {width: 94px;height: 94px;}}
@media (min-width: 1541px) {.wimg3  {width: 314px;height: 314px;} .wimg17 {width: 204px;height: 204px;}}
@media (min-width: 1541px) and (max-width: 1870.9px) {.wimg12, .wimg16 {width: 314px;height: 314px;}}
@media (min-width: 1871px) {.wimg4,.wimg22  {width: 314px;height: 314px;} .wimg12,.wimg16,.wimg18,.wimg19,.wimg20,.wimg21,.wimg23,.wimg24,.wimg25,.wimg26 {width: 204px;height: 204px;}}
/*webapp*/

.hu8xc {display: grid;grid-template-rows: repeat(auto-fill, 94px);grid-gap: var(--hucreS);grid-auto-flow: dense;justify-content: center;margin: 16px auto 0px;padding: 0px;list-style-type: none;--gridTemplateColumns: 3;grid-template-columns: repeat(var(--gridTemplateColumns),94px);}

@media (min-width: 111px) and (max-width: 990.9px) {.hu8xc {--gridTemplateColumns: 7;grid-template-areas:      ". . pkx pkx pkx . ." "pk0 pk0 pk1 pk1 pk2 pk2 ." "pk0 pk0 pk1 pk1 pk2 pk2 ." "pk3 pk3 pk4 pk4 pk5 pk5 ." "pk3 pk3 pk4 pk4 pk5 pk5 .";}}
@media (min-width: 991px) and (max-width: 1210.9px) {.hu8xc {--gridTemplateColumns: 9;grid-template-areas:    ". . . pkx pkx pkx . . ." "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 ." "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 ." "pk4 pk4 pk5 pk5 pk6 pk6 . . ." "pk4 pk4 pk5 pk5 pk6 pk6 . . ." ". . . . . . . . .";}}
@media (min-width: 1211px) and (max-width: 1320.9px) {.hu8xc {--gridTemplateColumns: 11;grid-template-areas: ". . . . pkx pkx pkx pk9 pk10 pk11 pk12" "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 pk4 pk4 ." "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 pk4 pk4 ." "pk5 pk5 pk6 pk6 pk7 pk7 pk8 pk8 . . ." "pk5 pk5 pk6 pk6 pk7 pk7 pk8 pk8 . . .";}}
@media (min-width: 1321px) and (max-width: 1540.9px) {.hu8xc {--gridTemplateColumns: 12;grid-template-areas: ". . . . pkx pkx pkx pkx pk10 pk11 pk12 pk13" "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 pk4 pk4 . ." "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 pk4 pk4 . ." "pk5 pk5 pk6 pk6 pk7 pk7 pk8 pk8 pk9 pk9 . ." "pk5 pk5 pk6 pk6 pk7 pk7 pk8 pk8 pk9 pk9 . .";}}
@media (min-width: 1541px) and (max-width: 1870.9px) {.hu8xc {--gridTemplateColumns: 14;grid-template-areas: ". . . . pk12 pkx pkx pkx pkx pk13 pk14 pk15 pk16 pk17" "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 pk4 pk4 pk5 pk5 . ." "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 pk4 pk4 pk5 pk5 . ." "pk6 pk6 pk7 pk7 pk8 pk8 pk9 pk9 pk10 pk10 pk11 pk11 . ." "pk6 pk6 pk7 pk7 pk8 pk8 pk9 pk9 pk10 pk10 pk11 pk11 . .";}}
@media (min-width: 1871px) {.hu8xc {--gridTemplateColumns: 17;grid-template-areas:                                          ". . . . . . pkx pkx pkx pkx pk15 pk16 pk17 . . . ." "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 pk4 pk4 pk5 pk5 pk6 pk6 pk13 pk13 ." "pk0 pk0 pk1 pk1 pk2 pk2 pk3 pk3 pk4 pk4 pk5 pk5 pk6 pk6 pk13 pk13 ." "pk7 pk7 pk8 pk8 pk9 pk9 pk10 pk10 pk11 pk11 pk12 pk12 pk14 pk14 . . ." "pk7 pk7 pk8 pk8 pk9 pk9 pk10 pk10 pk11 pk11 pk12 pk12 pk14 pk14 . . .";}}

.gpagqS::before {display: block;}
.gpagqS {display: grid;grid-template-rows: repeat(auto-fill, 94px);grid-gap: var(--hucreS);grid-auto-flow: dense;justify-content: center;margin: 16px auto 0px;padding: 0px;list-style-type: none;--gridTemplateColumns: 3;grid-template-columns: repeat(var(--gridTemplateColumns),94px);}
@media (min-width: 111px) and (max-width: 990.9px) {.gpagqS {--gridTemplateColumns: 7;grid-template-areas: ". igc igc igc igc igc igc" ". igc igc igc igc igc igc" ". igc igc igc igc igc igc" ". igc igc igc igc igc igc" "a79 a79 a79 a79 a79 a79 a79";}}
@media (min-width: 991px) and (max-width: 1210.9px) {.gpagqS {--gridTemplateColumns: 9;grid-template-areas: ". igc igc igc igc igc igc a16 a16" ". igc igc igc igc igc igc a16 a16" ". igc igc igc igc igc igc a16 a16" ". igc igc igc igc igc igc a16 a16" "a79 a79 a79 a79 a79 a79 a79 a16 a16" ". . . . . . . a16 a16";}}
@media (min-width: 1211px) and (max-width: 1320.9px) {.gpagqS {--gridTemplateColumns: 11;grid-template-areas: ". igc igc igc igc igc igc igc igc a16 a16" ". igc igc igc igc igc igc igc igc a16 a16" ". igc igc igc igc igc igc igc igc a16 a16" ". igc igc igc igc igc igc igc igc a16 a16" ". igc igc igc igc igc igc igc igc a16 a16" ". . a79 a79 a79 a79 a79 a79 a79 a16 a16";
}}
@media (min-width: 1321px) and (max-width: 1540.9px) {.gpagqS {--gridTemplateColumns: 12;grid-template-areas: ". igc igc igc igc igc igc igc igc a32 a32 a32" ". igc igc igc igc igc igc igc igc a32 a32 a32" ". igc igc igc igc igc igc igc igc a32 a32 a32" ". igc igc igc igc igc igc igc igc ir0 ir0 ." ". igc igc igc igc igc igc igc igc ir0 ir0 ." ". . a79 a79 a79 a79 a79 a79 a79 ir1 ir1 ." ". . . . . . . . . ir1 ir1 .";}}
@media (min-width: 1541px) and (max-width: 1870.9px) {.gpagqS {--gridTemplateColumns: 14;grid-template-areas: ". igc igc igc igc igc igc igc igc igc igc a32 a32 a32" ". igc igc igc igc igc igc igc igc igc igc a32 a32 a32" ". igc igc igc igc igc igc igc igc igc igc a32 a32 a32" ". igc igc igc igc igc igc igc igc igc igc ir0 ir0 ." ". igc igc igc igc igc igc igc igc igc igc ir0 ir0 ." ". igc igc igc igc igc igc igc igc igc igc ir1 ir1 ." ". . . . a79 a79 a79 a79 a79 a79 a79 ir1 ir1 .";}}
@media (min-width: 1871px) {.gpagqS {--gridTemplateColumns: 17;grid-template-areas: ". . igc igc igc igc igc igc igc igc igc igc ir0 ir0 a32 a32 a32" "a16 a16 igc igc igc igc igc igc igc igc igc igc ir0 ir0 a32 a32 a32" "a16 a16 igc igc igc igc igc igc igc igc igc igc ir1 ir1 a32 a32 a32" "a16 a16 igc igc igc igc igc igc igc igc igc igc ir1 ir1 . . ." "a16 a16 igc igc igc igc igc igc igc igc igc igc . . . . ." "a16 a16 igc igc igc igc igc igc igc igc igc igc . . . . ." "a16 a16 . . . a79 a79 a79 a79 a79 a79 a79 . . . . .";}}


.azn55sc {grid-area: igc / igc / igc / igc;display: flex;justify-content: center;}

.azn87dd {display: flex;justify-content: center;margin: 0px auto;width: 100%;height: 100%;position: relative;z-index: 1;}
@media (min-width: 111px) and (max-width: 1210.9px) {.azn87dd {width: 640px;height: 424px;}}
@media (min-width: 1211px) and (max-width: 1540.9px){.azn87dd {width: 836px;height: 534px;}}
@media (min-width: 1541px) {.azn87dd {width: 1031px;height: 644px;}}
@media (min-width: 1871px) {.azn87dd {width: 1031px;height: 644px;}}
.dvcs11 {display: block;color: #5d6b84;font: 12px/16px var(--fontFutura);letter-spacing: 0.3px;}
.bt0tap {margin-left: auto;display: flex;align-items: center;}
.cwcbpr {width: 100%;height: 100%;border-radius: 50%;background: var(--gameBarLabelBackgroundColor,#FFFFFF);transition: background-color 0.6s cubic-bezier(0.32, 1.2, 0.54, 1.17) 0s;padding: 8px;}
.vvtrx88 {fill: var(--gameBarIconFill,#009cff);transform: rotate(var(--gameBarIconRotation,0deg)) translateY(var(--gameBarIconY,0px));transition: fill 0.6s cubic-bezier(0.32, 1.2, 0.54, 1.17) 0s, transform 0.2s cubic-bezier(0.32, 1.2, 0.54, 1.17) 0s;overflow: visible;}
.czr100 {position: absolute;left: 50%;bottom: 4px;font: 700 10px / 12px "Proxima Nova", sans-serif;}
.frtrx87 {opacity: var(--gameBarLabelOpacity,1);color: #5d6b84;background-color: var(--gameBarLabelBackgroundColor,#FFFFFF00);}
.czr99 {opacity: var(--gameBarHoverLabelOpacity,0);color: rgb(255, 255, 255);background-color: #009cff;}
.czrd89 {position: absolute;left: 0px;top: 0px;transform: translate(-50%);border-radius: 16px;padding: 0px 4px;white-space: nowrap;transition: opacity 350ms cubic-bezier(0.32, 1.2, 0.54, 1.17) 0s;}
.dvcs12 {width: 100%;height: 100%;border-radius: 50%;background: var(--gameBarLabelBackgroundColor,#FFFFFF);transition: background-color 0.6s cubic-bezier(0.32, 1.2, 0.54, 1.17) 0s;padding: 8px;--gameBarButtonAnimationBackgroundColor: #ff99b1;}
.dvcs14 {fill: var(--gameBarIconFill,#009cff);transform: rotate(var(--gameBarIconRotation,0deg)) translateY(var(--gameBarIconY,0px));transition: fill 0.6s cubic-bezier(0.32, 1.2, 0.54, 1.17) 0s, transform 0.2s cubic-bezier(0.32, 1.2, 0.54, 1.17) 0s;overflow: visible;}
.bt1tap {position: relative;width: 40px;height: 40px;margin: 8px 8px auto;border: none;outline: none;background: none;padding: 0px;cursor: pointer;}
.czr101 {display: flex;height: 100%;width: 100%;align-items: center;background: rgb(255, 255, 255);padding: 14px;pointer-events: none;user-select: none;position: absolute;top: 0px;left: 0px;opacity: 0;transition: opacity 0.5s ease-in 0s;will-change: opacity;}
.astrx11 {stroke: #5d6b84;fill: transparent;padding: 6px;height: 36px;}
.dvcs13 {display: inline-block;margin-left: 16px;}
.dvcs13 h2 {font: 700 16px/20px var(--fontFutura);}
.dvcs13 p {font: 12px/16px var(--fontFutura);color: #5d6b84;}



@media (min-width: 1321px) {.imfsw2 {grid-area: ir0 / ir0 / ir0 / ir0;} .imfsw3 {grid-area: ir1 / ir1 / ir1 / ir1;}}
@media (min-width: 1871px) {.imfsw2 {width: 204px;height: 204px;} .imfsw3 {width: 204px; height: 204px;}}
.bx1av {grid-area: a79 / a79 / a79 / a79;}
.cx22dd {display: inline-flex;flex-direction: row;padding-right: 26px;position: relative;}
.bkje33 {/* background: rgba(255, 255, 255, 0.5);*/}
.bkje44 {font: 400 8px / 1 Arial, sans-serif;text-transform: uppercase;text-align: center;opacity: 0.7;height: 20px;letter-spacing: 1px;color: #002b50;position: absolute;right: 0px;top: 50%;transform: rotate3d(0, 0, 1, 90deg) translateX(50%) translate(-10px, 24px);transform-origin: right center;}


.asrt233 {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.bx2av {display: none;}
@media (min-width: 1321px) {.bx2av {display: flex;}}
.bx2av {grid-area: a32 / a32 / a32 / a32;height: 314px;}

.df8879w {display: inline-flex;flex-direction: column;}
.bkje55 {font: 400 9px / 2 Arial, sans-serif;text-transform: uppercase;text-align: center;opacity: 0.7;height: 20px;letter-spacing: 1px;color: #002b50;}
.bx3av {display: none;}
.bx3av {grid-area: a16 / a16 / a16 / a16;}

@media (min-width: 111px) and (max-width: 990.9px) {.gpagqS .bx3av {display: none;}}
@media (min-width: 111px) and (max-width: 1320.9px) {.bx3av {display: flex;}}

.dvcs14 > use {transform: rotate(180deg);transform-origin: 50% center;}


/*webapp*/
.h4b46 {grid-area: pk0 / pk0 / pk0 / pk0;} .h5c57 {grid-area: pk1 / pk1 / pk1 / pk1;} .h6d68 {grid-area: pk2 / pk2 / pk2 / pk2;}.h7e79 {grid-area: pk3 / pk3 / pk3 / pk3;}.h8f80 {grid-area: pk4 / pk4 / pk4 / pk4;}
@media (min-width: 111px) and (max-width: 990.9px)  {}
@media (min-width: 991px) and (max-width: 1210.9px) {.h9g81 {grid-area: pk5 / pk5 / pk5 / pk5;} .h10h82 {grid-area: pk6 / pk6 / pk6 / pk6;} }
@media (min-width: 1211px) {.h9g81 {grid-area: pk5 / pk5 / pk5 / pk5;} .h10h82 {grid-area: pk6 / pk6 / pk6 / pk6;} .h11i83 {grid-area: pk7 / pk7 / pk7 / pk7;} .h12j84 {grid-area: pk8 / pk8 / pk8 / pk8;} .h13k85 {grid-area: pk9 / pk9 / pk9 / pk9;}}


.wbimg, .wbimg2, .wbimg3 { height: 94px; width:94px; }
@media (min-width: 991px) {.wbimg {height: 204px; width:204px;}}
@media (min-width: 1211px) {.wbimg2 {height: 204px; width:204px;}}
@media (min-width: 1321px) {.wbimg3 {height: 204px; width:204px;}}

/* webversion */
.h3a45 {font-size: 19px;font-family: inherit;margin: 1em 0px;}
iframe.fullScreen {
    width: 100%;
    height: calc(100% - 64px);;
    position: fixed;
    top: 0;
    left: 0;
}

.ukl0po2 {overflow: hidden;flex-grow: 0;flex-shrink: 0;display: flex;justify-content: space-between;height: var(--oyunBilgiH);align-self: stretch;background: rgb(255, 255, 255);position: fixed;left: 0;bottom: 0;width: 100%;z-index: 3;padding: 0px 16px 0px 0px;transition: opacity 0.5s ease-in 0s;}

.jv11al .link,.asrt233 .link  {z-index: 0;}

.banner {    text-decoration: none;
    font-weight: 400;
    line-height: 1em;
    margin: 0 auto;
    display: block;
    max-width: 722px;
    height: 100%;}

	@media (min-width: 30em){
.banner {
    padding: 0 1em 0 0.5em;
}}
.spcol3 {
    background: #FFCC33;
}

.banner a {
    color: #006DB7;
}

.banner img {
    float: left;
    margin-right: 0.3em;
	z-index:-1;
}

.banner .hb2 {

     font-size: 1.8em;
   padding: 0.5em 0.3em 0 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.banner p {
    color: #303030;
    display: block;
    margin: 0;
    font-size: .9em;
}
@media (min-width: 30em) {
.banner p {
    font-size: 1.6em;
    word-wrap: normal;
}}

@media (min-width: 37.3em) {
.banner p {
    font-size: 1.2em;
    display: block;
    padding-top: 1em;
}
.banner .hb2 {
    font-size: 2.2em;
    float: left;
    display: inline;
}
}


.spcol1 {
    color: #0057ab;
}
.spcol2 {
    color: #f88600;
    line-height: .8em;
}