@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local('Montserrat Regular'),local(Montserrat-Regular),url(https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400;src:local('Nunito Regular'),local(Nunito-Regular),url(https://fonts.gstatic.com/s/nunito/v9/XRXV3I6Li01BKofINeaB.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:600;src:local('Nunito SemiBold'),local(Nunito-SemiBold),url(https://fonts.gstatic.com/s/nunito/v9/XRXW3I6Li01BKofA6sKUYevI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';font-style:normal;font-weight:700;src:local('Nunito Bold'),local(Nunito-Bold),url(https://fonts.gstatic.com/s/nunito/v9/XRXW3I6Li01BKofAjsOUYevI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Ubuntu';font-style:normal;font-weight:700;src:local('Ubuntu Bold'),local(Ubuntu-Bold),url(https://fonts.gstatic.com/s/ubuntu/v12/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
#logo,.intro{text-align:center}
*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#skinSec,body{overflow:hidden}
a{color:#168adc!important}
a:hover{color:#444!important;cursor:pointer!important}
body,input,select{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";text-shadow:none!important}
.nickstyle,.nickstyle:hover{font-family:Nunito,sans-serif;text-decoration:none;font-size:13px}
.new_logo{margin-top:0;margin-bottom: 20px;display:inline-block;font-size: 45px;color: #8e8e8e;font-family:nunito;font-weight:700;letter-spacing: -3px;}
.new_logo:hover{color: #42add8;}

body{height:100%;margin:0;padding:0;overflow:hidden!important;background:rgba(255,255,255,.99)}
input,select{box-shadow:none!important;padding:10px;border:1px solid #989494!important}
.btn{border-radius:0;border:none!important}
#nick,#skinSec{border-radius:4px;display:inline-block}
.btn-primary{background:#936}
#nick,#servers{line-height: 40px;height: 40px;background:rgba(0,0,0,.05);font-size:14px;width:320px;outline:0!important;}
#overlays{background:rgba(255,255,255,.82);position:fixed;left:0;top:0;width:100%;height:100%;z-index:10}
#logo{margin:0}
#nick{margin-top:10px;margin-bottom:4px;font-family:Montserrat,sans-serif!important;border: 2px solid rgb(202, 202, 202)!important;color:#555;font-weight: 700;}
#nick:hover{border: 2px solid rgb(115, 167, 230)!important;}
#servers:hover{
	border: 2px solid rgb(115, 167, 230)!important;	

}
.nickstyle,.tpa_ck{margin-top:4px}
.nickstyle{float:right;position:absolute;right:24px;margin-top:24px}
#chat,#footer,.modal{position:fixed}
#statsGraph,#statsPellets,#statsSubtext,#statsText,.modal{left:0;right:0}
#skinSec{width:45px;float:left;height:45px;padding:0!important;cursor:pointer;background:#efca17;border:3px solid #efca17;margin:0!important}
#playBtn,#servers{border-radius:4px}
#servers{margin-top:0;padding:0 10px;font-family:Nunito,sans-serif;color: #656161!important;border: 2px solid rgb(202, 202, 202)!important;}
.intro{margin-top:10px}
#footer{bottom:0;left:0;background:#e6e7e8;padding:5px 7px;border-top-right-radius:5px;color:#ccc}
#footer a{margin-left:5px;margin-right:5px;color:#a8afb6;font-size:12px}
#chat{bottom:10px;left:10px;z-index:999;height:30px}
#chat_textbox {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: rgba(0,0,0,.08);
    outline: 0;
    border-radius: 2px;
    color: #d4d0c9;
    height: 30px;
    text-indent: 2px;
    width: 300px;
    font-family: nunito;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid rgb(142, 142, 138)!important;
}#chat_textbox:focus{background:rgba(0,0,0,.5)}
.settings{margin-top:10px}
.settings label{background: #337ab7;border-radius:2px;padding:0 5px;width:49%;margin-bottom:3px;color:#fff;cursor:pointer;font-weight:400;font-size:11px;height:25px;line-height:25px;}
 
#statsChartText,#statsText,.ic_baslik,.logo_text{font-weight:700;text-align:center}
.settings label:hover{background:#2269b1}
.settings label input{float:left;margin-right:5px;padding:0;margin-top:7px}
.settings2{
    float: right;
    margin-left: 6px;
    margin-top: 2px;
}
.settings2 input{
    vertical-align: sub;
    margin-right: 4px;
}
.settings2 label{background: rgb(14, 105, 199);border-radius:2px;padding: 0 8px;margin-bottom:3px;color:#fff;cursor:pointer;font-weight:400;font-size:11px;height:25px;line-height:25px;}

#selector{border:none;background-color:rgba(0,0,0,.2);border-radius:10px;vertical-align:top -webkit-box-shadow:0px 0 24px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 24px 1px rgba(0,0,0,.1);box-shadow:0 0 24px 1px rgba(0,0,0,.1);width:100%;height:100%;position:absolute}
.skins{overflow-y:scroll;overflow-x:hidden;margin-top:50px;height:calc(100% - 50px)}
ul.skinList{list-style:none;padding:0;width:364px}
ul.skinList li{float:left;height:85px;margin:5px 10px 20px;text-align:center;width:85px}
.modal{top:0;bottom:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
#skinModal{width:370px;height:600px;position:absolute;top:50%;left:50%;margin-right:-50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.tile{position:relative;padding:14px;margin-bottom:20px;text-align:center;background-color:#eff0f2;border-radius:6px}
#statsChartText,#statsContinue,#statsGraph,#statsPellets,#statsSubtext,#statsText{position:absolute}
ul.skinList li img{border:4px solid #fff;border-radius:250px;box-shadow:0 5px 6px #bbb;height:85px;transform:scale(1);transition:all .5s ease 0;width:85px}
#statsHighestMassContainer,#statsPelletsContainer,#statsPlayerCellsEatenContainer,#statsTimeAliveContainer,#statsTimeLeaderboardContainer,#statsTopPositionContainer{position:absolute;width:100px;height:100px}
#statsPelletsContainer{top:30px;left:50px}
#statsHighestMassContainer{top:30px;right:50px}
#statsTimeAliveContainer{top:85px;left:50px}
#statsTimeLeaderboardContainer{top:85px;right:50px}
#statsPlayerCellsEatenContainer{top:140px;left:50px}
#statsTopPositionContainer{top:140px;right:50px}
#statsPellets{top:0;bottom:0;margin:auto}
#statsText{top:0;bottom:0;line-height:100px;font-size:23px}
#statsSubtext{bottom:0;line-height:60px;font-size:10px;color:#000;text-align:center}
#statsChartText{left:20px;bottom:250px;line-height:40px;font-size:40px}
#statsChartText,#statsText{cursor:default;color:#ef9df9}
#statsContinue{width:290px;top:250px;right:10px}
.sag,.sol{top:0;border-radius:10px;}
#statsGraph{bottom:130px;opacity:.4}
.sol{padding:0;}
.sag{right:-225px}
.overlay{width:350px;height:600px;border-radius:12px;position:fixed;text-align:center;background:#fff;left:50%;top:50%;padding:15px;transform:translate(-50%,-50%) scale(1)}
.kutu,.logo_text{display:inline-block;width:100%}
.ic_baslik{margin-top:15px;font-size:18px;color:#51e023;margin-bottom:-20px}
.key2,.logo_text{margin-bottom:30px}
.kutu{border-radius:10px;padding:0;color:#7f7e72;font-size:13px;font-family:nunito}
.logo_text{font-size:36px!important;line-height:36px!important;color:#fd9337;margin-top:0;position:relative;height:38px!important;padding:10px 0}
.key2{font-size:11px;color:#e4c68f;display:block;margin-top:-15px}
.key0,.key2,.keya{text-align:center}
.fancy_link{color:#bfbfbf!important}
.fancy_link:hover{color:#6bace4!important}
#playBtn{background: #2994ff;line-height: 40px!important;height: 40px!important;font-size:16px;text-transform:uppercase;padding:0!important;width: 276px;font-family:Montserrat,sans-serif!important;text-align:center;}
.ayar,.spec{padding:0;width: 40px;height: 40px;line-height: 40px;font-size:15px;font-weight:400;border-radius:4px;}
#playBtn:hover{background: #4da4fb;}
.spec,.spec:hover{background: #ea9034;}
.spec{color:#fff}
.ayar{box-shadow:inset 0 -4px 0 rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.4)!important;background:#f3fd4d;color:#5e630d}
#lvl,.sol a{font-size:12px}
.orta_ust_1{margin-bottom:-30px;z-index:10;position:relative;text-align: center;}
#lvl,.twirl{position:absolute}


#level,#liquid,#lvl{display:block}
.twirl{background:url(../img/twirl.jpg) center center no-repeat;background-size:100% 100%;width:110px;border-radius:50%;height:110px;z-index:-1;animation:twirl 3s linear infinite}
#level .twirl{width:30px;height:30px;z-index:5}
.blink{animation:blink 2s linear infinite}
@keyframes twirl {
from{transform:rotate(0)}
to{transform:rotate(360deg)}
0%,100%{opacity:.1}
70%{opacity:.2}
}
@keyframes blink {
0%,100%{box-shadow:0 0 0 #fff}
50%{box-shadow:0 0 10px #ccc}
}
@keyframes blink_text {
0%,100%{text-shadow:0 0 0 #fff}
50%{text-shadow:0 0 10px #ccc}
}
#levelBar{background:#f0ad4e;transition:width .6s ease;line-height:20px;height:100%}
#liquid{background:url(../img/liquid.gif) right center;opacity:.3;width:auto;height:20px;z-index:-1}
#level{position:fixed;top:195px;left:10px;z-index:2;width:205px;color:#fff}
#lvl{color:#fff;border-radius:4px;text-align:center;left:200px;height:30px!important;border:0 solid #41608f;background:linear-gradient(to bottom,#45484d 0,#000 100%);margin-top:4px;z-index:5;line-height:30px!important;padding:0 6px}
.sol a,ul.oyun_listele,ul.oyun_listele li{display:inline-block}
#level label{color:#41608f;padding-left:22px}
.progress{box-shadow:none!important;border-radius:4px;border:3px solid #383a3e}
.lvlText{font-weight:700;color:#25de2c;margin-bottom:-18px}
.serv_ski{margin:0 auto}
.sol a{-moz-transition:background-color .3s ease-in;-webkit-transition:background-color .3s ease-in;-o-transition:background-color .3s ease-in;transition:background-color .3s ease-in;background:#fefefe;margin-bottom:0;color:#82b2dc!important;border-radius:0;height:25px;line-height:25px;font-weight:400!important;font-family:arial;padding:0 6px}
.buton1,.has2{font-weight:700}
.sol a:hover{-moz-transition:background-color 10ms;-webkit-transition:background-color 10ms;-o-transition:background-color 10ms;transition:background-color 10ms;background:#8cc6f7;text-decoration:none!important;color:#fefefe!important}
ul.oyun_listele{list-style:none!important;padding:0;margin:0;background:#fff;text-align:center}
ul.oyun_listele li{width:112px;position:relative;height:85px;margin-bottom:10px}
ul.oyun_listele li a{color:#ccc!important;height:85px;margin-top:0}
ul.oyun_listele li h4{font-size:13px;position:absolute;left:6px;top:58px;background:#fff;color:#5d5a5a;padding:0 4px;text-align:center}
ul.oyun_listele li img{width:100px;border-radius:0;margin-top:6px}
ul.oyun_listele li .puanlama{position:absolute;top:6px;right:6px;background:0 0;padding:0 5px;font-size:10px;color:#fff}
.serverPanel{background-color:#fff;margin:0 auto 5px;border-radius:10px;padding:15px 15px 10px;color:#9a9b9c;width:220px!important;text-align:left;font-size:12px;position:relative!important}
.has2{font-size:16px;margin-bottom:10px;color:#717275;margin-top:0;text-align:center;font-family:nunito!important;padding-bottom:0}
.buton1,.buton2{border-radius:4px;margin-bottom:5px}
.buton1{height:35px;background-color:#ff7900;border-color:#ff7900;color:#fff!important;width:100%;text-transform:none}
.buton1:hover{background-color:#e67006}
.buton2{height:35px;background-color:#cc2fe8;border-color:#cc2fe8;color:#fff!important;font-weight:700;width:100%;text-transform:none}
.buton3,.buton4{border-radius:4px;margin-top:0;margin-bottom:6px;height:35px;color:#fff!important;font-weight:700;width:100%;text-transform:none}
.buton2:hover{background-color:#b52bce}
.buton3{background:#2994ff;border-color:#2994ff}
.buton3:hover{background:#2584e4}
.buton4{font-family:nunito;background:#37c100}
.XPUyari,.ortBilgi{position:absolute;z-index:10;color:#fff;font-family:ubuntu}
.buton4:hover{background:#33ad02}
.ortBilgi{font-size:30px;background:#202b21;padding:0 20px;border-radius:8px;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.ortGizle{opacity:0;z-index:10}
.ortGoster{z-index:10;transform:translate(-50%,-50%);animation:animationFrames linear 1s;animation-iteration-count:1;transform-origin:50% 50%;-webkit-animation:animationFrames linear 1s;-webkit-animation-iteration-count:1;-webkit-transform-origin:50% 50%;-moz-animation:animationFrames linear 1s;-moz-animation-iteration-count:1;-moz-transform-origin:50% 50%;-o-animation:animationFrames linear 1s;-o-animation-iteration-count:1;-o-transform-origin:50% 50%;-ms-animation:animationFrames linear 1s;-ms-animation-iteration-count:1;-ms-transform-origin:50% 50%}
@keyframes animationFrames {
0%{opacity:1;transform:translate(-50%,-100%)}
100%{opacity:0;transform:translate(-50%,-500%)}
}
.XPUyari{background:0 0;left:10px;top:220px;font-size:15px;padding:2px 10px;border-radius:4px}
ul.XPInfoList{list-style:none;margin:0;padding:0;overflow:hidden}
ul.XPInfoList li{float:left;font-size:13px;width:340px;color:#d6c823;line-height:20px;margin-bottom:10px;font-family:arial}
ul.XPInfoList li span{float:right;font-style:italic}
ul.XPInfoList li div{float:left;color:#bbbbd}
ul.XPInfoList li:hover .XPInfo{color:#33e068}
#target{display:inline-block}
#kPCGLWJRAHnE{display:none;padding:20px 10px;background:rgba(19,17,17,0.82);text-align:center;font-weight:700;position:absolute;color:#4ef54b;text-shadow:0 1px 2px #000;width:100%;left:50%;font-size:33px;top:50%;z-index:200;transform:translate(-50%,-50%);height:100%;padding-top:150px}
.pleyy{display:block;text-align:center;justify-content:center;font-size:23px;padding:6px 10px;box-sizing:border-box;color:#fff;background-color:#40c51f;width:329px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;height:44px;-webkit-box-shadow:0 4px 0 0 #33a517;-moz-box-shadow:0 4px 0 0 #1b7ae7;box-shadow:0 4px 0 0 #2c9413}
.pleyy:hover{background-color:#45da21;color:#fff}
.skinIMG{width:86px!important;height:86px!important;border-radius:100px!important;border:4px solid #fff!important;box-shadow:0 3px 8px 2px rgba(0,0,0,0.35)!important;min-width:86px;margin-bottom:10px;min-height:86px;cursor:pointer}
#skinsPage{width:915px;height:500px;position:absolute;background:#eee;padding:30px;left:50%;overflow-y:scroll;display:block;top:50%;transform:translate(-50%,-50%);z-index:1000000!important}
#message_baslik {
	padding: 0 8px;
	position: absolute;
	top: 99px;
	left: 10px;
	color: #fff;
	height: 26px !important;
	overflow: hidden;
	background: rgba(183, 58, 21, 0.75);
	border-radius: 2px;
	font-size: 18px;
	font-family: nunito;
	font-weight: 700;
	line-height: 26px;
}
#message {
    position: absolute;
    top: 127px;
    left: 10px;
    height: 19px !important;
    overflow: hidden;
}
#message p {font-family: nunito;display:none;color: #ffffff;text-align:center;left:0;margin:0px;border-radius: 2px;background: #ffa900e0;padding: 0px 7px;line-height: 20px;font-size: 14px;height: 20px;cursor:default;}

.mainp {
    width: 810px;
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 500px;
    transform: translate(-50%,-50%);
    transform-origin: center center;
}
.solp{
    width: 220px;
    float:  left;
    padding: 0px;
}
.ortap{
    width: 340px;
    float:  left;
    padding: 10px;
    margin-left: 10px;
    border-radius: 10px;
    background: #fff;
    text-align: center;
}
.sagp{ 
    width: 220px;
    min-height: 400px;
    float: left;
    margin-left: 10px;
}

@media only screen and (max-width: 500px) and (min-width: 100px){
.solp{display:none!important}
.sagp{display:none!important}
.ortap {
    width: 380px!important;
    transform: translate(-50%, -50%) scale(.95) !important;
    top: 50% !important;
    left: 50% !important;
    position: absolute;
}}