*{margin:0;padding:0}a,a:hover,a:visited{text-decoration:none}
body{font-size:16px;font-family:"Segoe UI","Helvetica Neue",Helvetica,sans-serif;transition:background .5s ease}
body.light{background:#f4f4f4}
body.dark{background:#434343}
.t{clear:both;float:none;margin:0;padding:0;border:none;font-size:0;height:0px}.s{overflow:hidden;display:table}
#loading{position:absolute;top:0;bottom:0;left:0;right:0;background:white;z-index:99999}
.dark #loading{background:#212121}
.l-tut{position:absolute;width:240px;height:240px;margin-left:-120px;margin-top:-120px;top:50%;left:50%}
.loader,.loader:before,.loader:after{background:#598BB7;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em}
.loader{color:#598BB7;text-indent:-9999em;margin:88px auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-0.16s;animation-delay:-0.16s}
.loader:before,.loader:after{position:absolute;top:0;content:''}
.loader:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}
.loader:after{left:1.5em}
@-webkit-keyframes load1{0%,80%,100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}
@keyframes load1{0%,80%,100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}


.main-content{width:100%;margin-top:82px}
.size-align{width:100%;max-width:800px;margin:0 auto}
.slogan{color:#606060;font-size:38px;font-weight:bold;text-align:center;transition: color .5s ease}
.dark .slogan{color:#b1b1b1}


/* Header */
.aa{position:fixed;top:0;left:0;right:0;box-sizing:border-box;height:52px;line-height:51px;padding:0 7px;z-index:99997;font-weight:500;transition:all .5s ease}
.light .aa{background:#FFF;border-bottom:1px solid #ddd}
.dark .aa{background:#212121;border-bottom:1px solid #000}
.a2{float:left;width:120px;height:51px;background:url(/_A/svg/gizazo-logo.svg) center center no-repeat;background-size:90%}
.a4{float:right}

a#a5a{float:left;padding:0 10px;color:#bbb;font-weight:500;font-size:17px;line-height:49px;transition:all .3s ease}
.dark a#a5a{color:#b1b1b1}
a#a5a:hover{color:#808080;transition:all .3s ease}
.a4 a#a5a:hover{color:#999}
.a5{position:relative;float:right}
.a5b{width:16px;height:51px;margin:0 0 0 7px;float:right;background:url(/_A/svg/down-greys.svg) center 21px no-repeat;background-size:65%}
#a5c,.a5c{display:none;font-size:15px;padding:10px 0;position:absolute;top:56px;right:0;background:white;border:1px solid #ddd;color:#bbb;border-radius:8px;box-shadow:0 5px 10px rgba(0, 0, 0, 0.4)}
.dark #a5c,.dark .a5c{background:#323232;border:1px solid #000}

#a5c:after,.a5c:after{content:'';position:absolute;top:-15px;right:8px;width:0;height:0;border-style:solid;border-width:0 15px 15px 15px;border-color:transparent transparent #fff transparent}
#a5c:before,.a5c:before{content:'';position:absolute;top:-16px;right:7px;width:0;height:0;border-style:solid;border-width:0 16px 16px 16px;border-color:transparent transparent #ddd transparent}

.dark #a5c:after,.dark .a5c:after{content:'';position:absolute;top:-15px;right:8px;width:0;height:0;border-style:solid;border-width:0 15px 15px 15px;border-color:transparent transparent #323232 transparent}
.dark #a5c:before,.dark .a5c:before{content:'';position:absolute;top:-16px;right:7px;width:0;height:0;border-style:solid;border-width:0 16px 16px 16px;border-color:transparent transparent #000 transparent}
#a5c a, .a5c a{display:block;height:32px;line-height:32px;color:#bbb;white-space:nowrap;padding:6px 52px 6px 12px}
#a5c a.aktif, .a5c a.aktif{color:#AC965D}
#a5c a:hover, .a5c a:hover{background:#f6f6f6;color:#999}
.dark #a5c a:hover,.dark .a5c a:hover{background:#212121;color:#b1b1b1}


#switch-dark{cursor:pointer;background:#f4f4f4;margin-top:5px;padding:4px;border-radius:50%;transition: background .5s ease}
.dark #switch-dark{background:#545454}
#switch-dark:hover{background:#ececec;transition:all .5s ease}
.dark #switch-dark:hover{background:#434343}
#switch-dark .dark,#switch-dark .light{width:32px;height:32px;background-size:100%;transition:all .4s ease-in-out}
.light{background-image:url(/_A/svg/gunduz.svg)}
.dark{background-image:url(/_A/svg/sky.svg)}

.lang{background:#f4f4f4;padding:4px;float:right;margin-top:5px;border-radius:19px;transition:all .5s ease}
.dark .lang{background:#545454}
.lang:hover{background:#ececec;transition:all .5s ease}
.dark .lang:hover{background:#434343}

.lang .en, #a5c .en{box-sizing:border-box;float:left;width:32px;height:32px;background:url(/_A/svg/en.svg) center center no-repeat;background-size:102%;border-radius:50%;box-shadow:inset 0 0 1px #888;}
.lang .tr, #a5c .tr{box-sizing:border-box;float:left;width:32px;height:32px;background:url(/_A/svg/tr.svg) center center no-repeat;background-size:102%;border-radius:50%;box-shadow:inset 0 0 1px #888;}
.lang .arrow{width:16px;height:32px;margin:0 0 0 4px;float:right;background:url(/_A/svg/down.svg) center center no-repeat;background-size:80%}


.global{box-sizing:border-box;position:relative;margin-top:82px;width:100%}
.app-list{text-align:center;margin-top:30px}
.app-list a{box-sizing:border-box;border-bottom:3px solid #ddd;display:inline-block;width:40%;margin:1%;background:#fff;border-radius:2px;padding:10px 10px 0 10px;color:#777;transition:all .5s ease}
.dark .app-list a{background:#323232;color:#b1b1b1;border-bottom:3px solid #212121;transition:all .5s ease}
.app-list a:hover{background:#f9f9f9;border-color:#598BB7;transition:all .5s ease}
.dark .app-list a:hover{background:#212121;border-color:#000;transition:all .5s ease}
.app-list a .on-izleme{position:relative;width:100%;height:240px}
.on-izleme div{width:20%;height:25%;float:left}
.on-izleme div.app-colors{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(255,255,255,0.65) url(/_A/svg/colors.svg) center center no-repeat;background-size:70%;transition:all .5s ease}
.dark .on-izleme div.app-colors{background-color:rgba(0,0,0,0.7);transition:all .5s ease}

.app-list a .text{text-align:left;line-height:40px}
.app-list a .versiyon{float:right;font-size:12px}