@font-face{
font-family:'varela_roundregular';src:url('font/varelaround-regular-webfont.woff2') format('woff2'),
url('font/varelaround-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;font-display: swap;}
.desktopno{display:none;}
.ortalireklam{text-align:center;display:block; margin:15px auto;}
.form p strong a{color:#5f83ff;font-size:25px;}
.form textarea{width:460px;height:120px;background:#FFFFFF;border:2px solid #C6C8FF;box-shadow:inset 0 5px 0 0 rgba(191,184,247,0.31);border-radius:10px;padding:15px 30px;font-family:'varela_roundregular',sans-serif;font-size:18px;outline:0;}
.sonuctext.yuzdeyuz{font-size:97px;}
a{text-decoration:none;}
a strong{color:#ff00fd !important;}
input[type="submit"]{margin-left:50px;clear:both;cursor:pointer;color:#fff;font-weight:bold;background-image:linear-gradient(-169deg, #FF00FF 0%, #4A95FF 100%) !important;border-radius:100px;display:inline-block;margin-top:20px;}
a[href="forgot.php"],a[href="signup.php"]{color:#4b94ff;text-decoration:none;display:inline-block;}
form b,form strong{color:#7471fe;min-width:100px;display:inline-block;text-align:right;padding-right:20px}
form br{height:1px;overflow:hidden;}
h1.loginbaslik{display:block;width:300px;margin:20px auto;border-radius:300px;color:#ff00fd;position:relative;text-align:center;font-size:28px;}
div.kirmizi{color:#bf1414;background:#ff00000d;padding:20px 0;border-radius:3px;}
body{font-family:'varela_roundregular',sans-serif;padding:0;margin:0;background-image:linear-gradient(-180deg, #CCCBFF 0%, #F2ECFF 100%);}
html,body{min-height:100%;}
.wrapper{padding:40px 0;width:990px;margin:0 auto;overflow:hidden;}
#logo{width:150px;text-align:center;margin:0 auto;display:block;}
h1.asktesti{text-align:center;font-weight:normal;font-size:18px;padding-left:40px;margin-top:10px;}
h1.asktesti span{display:inline-block;padding:5px 30px;margin-left:-40px;transform:rotate(-20deg);background:#6083FF;color:#fff;border-radius:100px;}
.last{position:relative;left:-40px;margin-left:0;}
.content{padding:20px;margin-top:50px;font-size:16px;color:#16131d;text-align:justify;line-height:28px;background-color:#fff;border-radius:0 0 3px 3px;box-shadow:0px 0px 15px rgba(0,0,0,.1)}
.content strong,strong{color:#103cd4;}
.contentisim{padding:5px;margin-top:50px;font-size:16px;color:#7A8090;text-align:justify;line-height:28px;background-color:#fff;border-radius:0 0 3px 3px;box-shadow:0px 0px 15px rgba(0,0,0,.1)}
.contentisim strong,strong{color:#5f83ff;}
.form input{background:#FFFFFF;border:2px solid #C6C8FF;
border-radius:100px;padding:15px 30px;width:200px;font-family:'varela_roundregular',sans-serif;font-size:18px;outline:0;}
.whsag{width:320px;height:100px;float:right;position:relative;margin-top:-100px;top:20px;}
.wuoa{width:336px;height:280px;margin:0 auto;margin-top:15px;}
.form input:hover{border:2px solid #9598e2;}
.form input:focus{border:2px solid #9598e2;box-shadow:inset 0 2px 0 0 rgba(191,184,247,0.31);}
div.form{background-image:linear-gradient(-180deg, #F2ECFF 95%, #CCCBFF 150%);border:1px solid #979797;margin:0 auto;padding:30px;text-align:center;border:1px solid #e6e3ff;box-shadow:0px 0px 15px rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center top;}
.button{clear:both;cursor:pointer;color:#fff;font-weight:bold;background-image:linear-gradient(-169deg, #FF00FF 0%, #4A95FF 100%) !important;border-radius:100px;margin-left:initial !important;display:inline-block;margin-top:20px;}
.posrel{position:relative;}
.posreltitle{padding:10px 30px;background:#FFFFFF;border:4px solid #D4D2FF;box-shadow:0 0 1px 2px #DBD9FF;border-radius:100px;}
::placeholder{color:#5F1281;opacity:1;}
:-ms-input-placeholder{color:#5F1281;}
::-ms-input-placeholder{color:#5F1281;}
.custombox{padding:20px;margin-top:30px;text-decoration:none;background-image:url(images/bg.png);font-size:16px;text-align:center;color:#7A8090;line-height:28px;background-color:#fff;border-radius:3px 3px 0 0;box-shadow:0px 0px 15px rgba(0,0,0,.1);width:270px;float:left;margin-right:30px;}
.nm{margin-right:0;}
.custombox:hover img{animation:rota 1s;}
@keyframes rota{from{transform:rotate(0deg);}
to{transform:rotate(40deg);}
}
div.content2{background-image:linear-gradient(-180deg, #ffffff 85%, #CCCBFF 150%);border:1px solid #979797;margin:0 auto;padding:40px;text-align:center;border:1px solid #e6e3ff;box-shadow:0px 0px 15px rgba(0,0,0,.1);background-repeat:no-repeat;background-position:center top;font-size:13px;color:#a499c1;line-height:22px;margin-top:30px;}
.custombox span{display:block;color:#6d76ff;margin-top:5px;}
.customface{background-image:linear-gradient(-180deg, #ffffff 85%, #CCCBFF 150%);border:1px solid #979797;
margin:0 auto;padding:40px;text-align:center;border:1px solid #e6e3ff;box-shadow:0px 0px 15px rgba(0,0,0,.1);
background-image:url(images/bgx.png);background-repeat:no-repeat;background-position:center top;font-size:13px;
background-color:#fff;color:#16131d;line-height:22px;margin-top:30px;}
.boxicon{height:90px;width:auto;display:inline-block;}
.footer{text-align:center;}
.footer ul li{display:inline-block;}
.footer ul li a{display:inline-block;background-image:url(images/heart.png);background-position:left center;background-repeat:no-repeat;line-height:28px;font-size:16px;margin:5px;background-size:15px;padding-left:25px;text-decoration:none;color:#5888ff;}
.afterlogin{}
a.kayitol{position:absolute;right:0px;top:90px;display:inline-block;background:#ffffff;padding:20px 40px;border-radius:100px;background-image:linear-gradient(-169deg, #FF00FF 0%, #4A95FF 100%);border-radius:100px;animation:kaydol 2s infinite;color:rgba(255,255,255,.8);text-decoration:none;}
a.kayitol:hover,a.girisyap:hover ,.classic:hover{background-image:none !important;background-color:#fff !important;color:#ff33ff;animation:none;}
a.girisyap{position:absolute;left:0px;top:90px;display:inline-block;background:#ffffff;padding:20px 40px;border-radius:100px;color:#5f83ff;text-decoration:none;}
.classic{display:inline-block;background:#ffffff;padding:15px;border-radius:100px;color:#5f83ff;text-decoration:none;font-size:13px;}
.aftersol{position:absolute;left:0px;top:90px;display:inline-block;border-radius:100px;color:#5f83ff;text-decoration:none;}
.cikis{background-color:#ff00ff !important;color:#fff !important;}
.aftersol .classic{margin-right:10px;}
.aftersag .classic{margin-left:10px;}
.aftersag{position:absolute;right:0px;top:90px;display:inline-block;border-radius:100px;color:#5f83ff;text-decoration:none;}
.nom{background-color:transparent;}
@keyframes kaydol1{from{background-position:0px 0px;background-image:linear-gradient(-169deg, #FF00FF 0%, #4A95FF 100%);}
to{background-position:0px 215px;background-image:linear-gradient(-300deg, #FF00FF 0%, #4A95FF 100%);}
}
.clr:after{content:'.';height:0;overflow:hidden;width:100%;clear:both;display:block;}
.socials{transform:scale(1.3);position:absolute;top:240px;left:37px;}
iframe#twitter-widget-0{position:relative !important;top:5px;}
#whatsapp{height:20px;padding-left:20px;display:block;background-color:#2ad54a;font-size:13px;
display:inline-block;position:relative;top:-1px;border-radius:3px;background-image:url(images/whatsapp.png);
background-size:11px;background-repeat:no-repeat;background-position:5px 4px;padding-right:6px;
text-decoration:none;line-height:20px;color:#fff;}
#facebook{height:20px;padding-left:21px;display:block;background-color:#1878f3;font-size:13px;
display:inline-block;position:relative;top:-1px;border-radius:3px;background-image:url(images/facebook.png);
background-size:13px;background-repeat:no-repeat;background-position:5px 3px;padding-right:6px;
text-decoration:none;line-height:20px;color:#fff;}
#tweet{height:20px;padding-left:21px;display:block;background-color:#1b96e0;font-size:13px;
display:inline-block;position:relative;top:-1px;border-radius:3px;background-image:url(images/twitter.png);
background-size:13px;background-repeat:no-repeat;background-position:5px 3px;padding-right:6px;
text-decoration:none;line-height:20px;color:#fff;}
.mobile{display:none;}
div.form{margin-top:30px !important}
.content{margin-top:0px !important}
.heartbg{background-image:url(images/heartbg.png);background-size: contain;background-size: cover;background-size: 100%;}
@media (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:3/2), (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5), (min-resolution:1.5dppx){.heartbg{background-image:url(images/heartbg.png);background-size:682px 546px;}
}
.heartbg-heartbg{width:682px;height:546px;background-position:0 0;}
.headerresult{position:relative;margin:0 auto;}
.sonuctext{position:absolute;font-size:130px;color:#fff;left:50%;margin-left:-125px;top:50%;margin-top:-60px;font-weight:600;letter-spacing:-2px;}
.resultperson span{color:#b939ff;}
.resultperson{display:block;text-align:center;position:relative;top:10px;font-size:31px;}
.dply{display:block;}
.sonucyorumx br{height:20px;content:'.';clear:both;display:block;}
.headerresult{}
.sonucyorum h2,h2{color:#aa46ff;margin-top:0;}
.kao.bold{font-weight:600;float:left;width:163px;background:#fff;border:1px solid #dedcff;padding:10px 0;text-indent:10px;box-shadow:0px 1px 1px rgba(0,0,0,.1);color:#6c75ff;}
.kao{float:left;width:163px;background:#f2edff;border:1px solid #dedcff;padding:10px 0;text-indent:10px;color:#3d3f96;max-height:20px;line-height:27px;}
.fao.bold{font-weight:600;float:left;width:245px;background:#fff;border:1px solid #dedcff;padding:10px 0;text-indent:10px;box-shadow:0px 1px 1px rgba(0,0,0,.1);color:#6c75ff;}
.fao{float:left;width:245px;background:#f2edff;border:1px solid #dedcff;padding:10px 0;text-indent:10px;color:#3d3f96;max-height:20px;line-height:27px;}
.ko5 a ,.fao a{color:#e236ff;font-weight:600;}
.ko6 a{display:inline-block;background:#ff3c60;padding:0px 10px;text-indent:0;border-radius:3px;color:#fff;}
p.yenitest{margin-bottom:0;}
p.yenitest a{color:#aa46ff;}
.fixed{left:initial;top:initial;text-align:center;width:100%;margin-bottom:20px;position:inherit;}
a.geridon{display:inline-block;background:#ffffff;padding:20px 40px;border-radius:100px;background-image:linear-gradient(-169deg, #FF00FF 0%, #4A95FF 100%);border-radius:100px;animation:kaydol 2s infinite;color:rgba(255,255,255,.8);text-decoration:none;}
a:hover.geridon{color:#fff;background-image:linear-gradient(-300deg, #FF00FF 0%, #4A95FF 100%);}
strong.sonuchata{color:#ff00fc;background:#ff00ff14;padding:20px;border-radius:3px;font-size:24px;margin-bottom:30px;display:block;}
@keyframes beatheart{from{transform:scale(1);}
to{transform:scale(.9);}
}
.form.formfix {margin-top: 0 !important}
@media screen and (max-width:768px){.sonucwrap{width:100%;overflow:hidden;}
.fixed{width:initial;}
.sonuctext{margin-left:-135px;}
.headerresult.heartbg.heartbg-heartbg{width:100%;background-size:100%;background-repeat:no-repeat;height:auto;height:calc(100vw - 40px);background-position:center;}
p.yenitest{margin:20px;background:#fbebff;color:#f0f;padding:20px;border-radius:3px;}
strong.sonuchata{margin-top:30px;}
.resultperson{font-size:22px;margin-top:20px;}
input[type="submit"]{margin-left:initial;}
.sonuctext{transform:scale(.5);}
body{background-image:url(images/bg.png);background-position:center top;}
div.form{margin-top:0px !important}
.beforelogin,.afterlogin{display:none}
.mobile{display:block;}
.wrapper{width:100%;padding-top:0;}
.custombox{width:calc(100% - 40px);}
.posreltitle{padding:10px 20px;}
div.form{padding:30px 20px;}
.mobile ul li ul{display:none;}
.mobile{position:relative;z-index:99;margin-right:5px;}
.mobile ul li{display:inline-block;color:#fff;float:right;font-size:14px;position:relative;}
.mobile ul li a{padding:10px 10px;border-radius:3px;margin:2px;display:inline-block;background-color:#fff;margin-top:10px;margin-right:5px;text-decoration:none;}
.mobile ul li ul li{display:block;width:150px;text-align:right;background:#fff;border-bottom:1px solid #cfcdff5e;color:#6c67af;}
.dn{display:none;}
.show{display:block !important;position:absolute;top:38px;right:0;}
ul,li{list-style-type:none;margin:0;padding:0;}
#logo{width:90px;float:left;margin-right:20px;height:50px;}
#logo img{height:75px;}
h1.asktesti{display:none;}
.custombox{margin-top:10px;}
.cik{background:#ff00fe !important;color:#fff !important;}
.name{background-color:transparent !important;color:#528eff;}
.mobilex{margin:20px 0 0 0 !important}
.mobilex .custombox{width:calc(48% - 20px);margin:1% !important;}
.mobilex .boxicon{height:40px;}
li,a{color:#7A8090;}
.mblno{display:none;}
.socials{position:relative;top:initial;left:initial;transform:none;text-align:center;padding:20px;}
.desktopno{display:block;}
.twitter-share-button{position:relative !important;top:5px;}
.content2,.customface{margin-top:15px !important;}
.content{margin-top:0px;}
.posreltitle{display:block;margin-bottom:20px;}
.fb-share-button.fb_iframe_widget.fb_iframe_widget_fluid{position:relative;top:-1px;}
.mobile ul li a{padding:10px 10px;border-radius:3px;margin:2px;display:inline-block;background-color:#f6d1ff;margin-top:10px;
margin-right:5px;text-decoration:none;color:#2a288e;}
.customface{padding:40px 20px;}
.mobilex{margin-top:15px;margin-bottom:10px;}
.mobilex li{display:block !important;float:none !important;}
.mobilex a{padding:10px 10px !important;display:block !important;width:90%;margin:2px auto !important}
div.form{padding:15px;padding-top:30px;}.whsag{width:320px;height:100px;float:none;position:relative;margin-top:-100px;top:inherit;margin:0 auto;margin-bottom:20px;}
.wuoa{width:336px;height:280px;margin:0 auto;margin-top:15px;position:relative;max-width:100vw;overflow:hidden;}
.socials{transform:scale(1.25);}
.wuwrap{display:block;margin-left:-15px;width:100vw;}
form b{text-align:initial;padding-right:initial;}
.socials{padding-bottom:10px;padding-top:10px;}
.customface .fb_iframe_widget span{width:100% !important;}
.kao.bold ,.fao.bold{display:none;}
.kao.ko1:before{content:'İsim 1 :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.kao.ko2:before{content:'İsim 2 :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.kao.ko3:before{content:'Yüzde :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.kao.ko4:before{content:'Mesaj :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.kao.ko5:before{content:'Link :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.kao,.fao{max-height:initial;display:block;width:initial;float:none;}
.fao.fo1:before{content:'İsim 1 :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.fao.fo2:before{content:'İsim 2 :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.fao.fo3:before{content:'Zaman :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.fao.fo4:before{content:'Sonuç :';max-height:initial !important;display:inline-block;float:none;text-indent:0;padding:5px 10px;border-radius:3px;font-weight:bold;color:#ff33ff;}
.tableline{margin-bottom:20px;}
.tablewrap{padding:0 20px;}
.form textarea{width:70%;height:initial;}
}