body,html{background-color:#161616;padding:0;margin:0;-webkit-text-size-adjust:100%}*{font-family:"Jaldi",sans-serif}.blackspace{position:absolute;z-index:100;height:78%;top:-20%;left:-20%;right:-20%;bottom:auto;background:#fff;transform:rotate(-8.8deg);background:linear-gradient(188.8deg, rgb(43, 43, 43) 20%, rgb(140, 140, 140) 100%)}.whitespace{position:absolute;z-index:200;height:61.3%;top:auto;left:-20%;right:-20%;bottom:-20%;background:#fff;transform:rotate(-8.8deg)}div.landingpage{display:none}body.standalone{background:url(../images/ipad_splash.png) no-repeat center center;background-size:cover;display:block}body.standalone div.landingpage{display:none}body.standalone div.standalone div.logo{background:#1b173e;position:fixed;top:0;left:0;right:0;height:64px}body.standalone div.standalone div.logo img{height:40px;padding:10px 20px}body.landingpage{background:url(../landingpage/ios_bg.jpg) no-repeat center center;background-size:cover}body.landingpage div.standalone{display:block}body.landingpage div.landingpage{display:block;background:#2b2b2b;background:linear-gradient(180deg, rgb(43, 43, 43) 20%, rgb(249, 249, 249) 100%)}body.landingpage div.header{position:fixed;top:0;left:0;right:0;height:50px;z-index:1000;background:#1b173e}body.landingpage div.header svg,body.landingpage div.header img{position:absolute;top:10px;left:10px;height:30px;width:auto;right:auto}body.landingpage.desktop div.header{height:70px}body.landingpage.desktop div.header img{top:15px;left:15px;height:40px}body.standalone-loading .header,body.standalone-loading #footer,body.standalone-loading #mobile{display:none}body.standalone-loading .landingpage{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a1a}body.standalone-loading div.landingpage-loading{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(../images/mobile_splash-animation.gif);background-repeat:no-repeat;background-position:center center;background-size:cover}#carousel{width:100%;position:absolute;top:0;left:0;right:0;bottom:auto;min-height:100%;min-height:-moz-available;min-height:-webkit-fill-available;min-height:fill-available}#carousel .item{position:absolute;top:100px;left:0;right:0;bottom:0}#carousel .item>div{display:none}#carousel .item.visible>div{display:block}#carousel .item div{position:absolute;top:0;left:0;right:0;bottom:0;background-position:center center;background-repeat:no-repeat;background-size:contain}#carousel .item div.layerBackImage{z-index:110}#carousel .item div.layerIcon{z-index:120}#carousel .item div.layerCaption{z-index:130}#carousel .item div.layer4{z-index:140}#carousel .item div.layer5{z-index:150}body.landingpage.android #carousel .item.slide1 .layerBackImage{background-image:url(../steps/Real-Android--Slide1.png);-webkit-mask-image:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));mask-image:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0))}body.landingpage.android #carousel .item.slide1 .layerIcon{background-image:url(../steps/Y-icon.png);background-size:100px;z-index:210}body.landingpage.android #carousel .item.slide1 .layerCaption{z-index:210}body.landingpage.android #carousel .item.slide1 .layerCaption:before{content:"Telefonuna mrOyun uygulamasını indir.";position:absolute;top:50%;left:50%;transform:translate(-50%, 70px);text-align:center;width:200px;font-size:24px;font-weight:bold;line-height:1}body.landingpage.android #carousel .item.slide1 .layerCaption:after{content:"Arama derdinden kurtul & sadece bahislerine odaklan";position:absolute;top:50%;left:50%;transform:translate(-50%, 150px);text-align:center;width:300px;font-size:18px;line-height:1;color:gray}body.landingpage.android #carousel .item.slide2 .layerBackImage{background-image:url(../steps/Real-android-Slide2.png)}body.landingpage.android #carousel .item.slide2 .layerCaption{z-index:210}body.landingpage.android #carousel .item.slide2 .layerCaption:before{content:"Ana ekranına kısa yol olarak ekle";position:absolute;top:50%;left:50%;transform:translate(-50%, 70px);text-align:center;width:250px;font-size:24px;font-weight:bold;line-height:1.3;color:#1b173e}body.landingpage.android #carousel .item.slide3 .layerBackImage{background-image:url(../steps/Real-android-Slide3.png);z-index:205}body.landingpage.android #carousel .item.slide3 .layerBackImage:after{position:absolute;bottom:0;left:0;right:0;top:auto;content:"";background:linear-gradient(0deg, #fff 50%, rgba(255, 255, 255, 0) 100%);height:50%}body.landingpage.android #carousel .item.slide3 .layerCaption{z-index:210}body.landingpage.android #carousel .item.slide3 .layerCaption:after{content:"Ekrandaki Ekle seçeneğine tıkla";position:absolute;top:50%;left:50%;transform:translate(-50%, 110px);text-align:center;width:200px;font-size:24px;line-height:1;font-weight:bold;line-height:1.3}body.landingpage.android #carousel .item.slide4 .layerBackImage{background-image:url(../steps/android-4.png);z-index:210;background-size:300px}body.landingpage.android #carousel .item.slide4 .layerCaption{z-index:210}body.landingpage.android #carousel .item.slide4 .layerCaption:after{content:"mrOyun uygulaması kısa yolunun keyfini çıkar";position:absolute;top:50%;left:50%;transform:translate(-50%, 110px);text-align:center;width:200px;font-size:24px;line-height:1;font-weight:bold;line-height:1.3}body.landingpage.apple #carousel .item.slide1 .layerBackImage{background-image:url(../steps/Real-Full-iPhone-slide1.png);-webkit-mask-image:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0));mask-image:linear-gradient(to bottom, rgb(0, 0, 0), rgba(0, 0, 0, 0))}body.landingpage.apple #carousel .item.slide1 .layerIcon{background-image:url(../steps/Y-icon.png);background-size:100px;z-index:210}body.landingpage.apple #carousel .item.slide1 .layerCaption{z-index:210}body.landingpage.apple #carousel .item.slide1 .layerCaption:before{content:"Telefonuna mrOyun uygulamasını indir.";position:absolute;top:50%;left:50%;transform:translate(-50%, 70px);text-align:center;width:200px;font-size:24px;font-weight:bold;line-height:1}body.landingpage.apple #carousel .item.slide1 .layerCaption:after{content:"Arama derdinden kurtul & sadece bahislerine odaklan";position:absolute;top:50%;left:50%;transform:translate(-50%, 150px);text-align:center;width:300px;font-size:18px;line-height:1;color:gray}body.landingpage.apple #carousel .item.slide2 .layerBackImage{background-image:url(../steps/RealiPhone-slide2-example.png)}body.landingpage.apple #carousel .item.slide2 .layerIcon{background-image:url(../steps/HomeScr-Icon.png);background-size:100px;z-index:210}body.landingpage.apple #carousel .item.slide2 .layerCaption{z-index:210}body.landingpage.apple #carousel .item.slide2 .layerCaption:before{content:"Ana ekranına kısa yol olarak ekle";position:absolute;top:50%;left:50%;transform:translate(-50%, -170px);text-align:center;width:250px;font-size:24px;font-weight:bold;line-height:1.3;color:#fff}body.landingpage.apple #carousel .item.slide3 .layerBackImage{background-image:url(../steps/RealiPhone-slide3.png);z-index:205}body.landingpage.apple #carousel .item.slide3 .layerBackImage:after{position:absolute;bottom:0;left:0;right:0;top:auto;content:"";background:linear-gradient(0deg, #fff 50%, rgba(255, 255, 255, 0) 100%);height:50%}body.landingpage.apple #carousel .item.slide3 .layerCaption{z-index:210}body.landingpage.apple #carousel .item.slide3 .layerCaption:after{content:"Ekrandaki Ekle seçeneğine tıkla";position:absolute;top:50%;left:50%;transform:translate(-50%, 110px);text-align:center;width:200px;font-size:24px;line-height:1;font-weight:bold;line-height:1.3}body.landingpage.apple #carousel .item.slide4 .layerBackImage{background-image:url(../steps/iphone-4.png);z-index:210;background-size:300px}body.landingpage.apple #carousel .item.slide4 .layerCaption{z-index:210}body.landingpage.apple #carousel .item.slide4 .layerCaption:after{content:"mrOyun uygulaması kısa yolunun keyfini çıkar";position:absolute;top:50%;left:50%;transform:translate(-50%, 110px);text-align:center;width:200px;font-size:24px;line-height:1;font-weight:bold;line-height:1.3}#desktop{display:none;position:relative;width:100vw;height:100vh;min-height:800px;overflow:hidden}#desktop .blackspace{z-index:1}#desktop .whitespace{z-index:10}#desktop .desktop-phone{position:absolute;top:50%;left:50%;width:406px;height:514px;margin-left:-203px;margin-top:-290px;background:url(../steps/desktop-phone.png) center center no-repeat;z-index:8}#desktop .qrcode{position:absolute;top:50%;margin-top:-60px;left:50%;margin-left:-130px;width:200px;height:200px;background:url(../images/qrcode.jpg) center center no-repeat;background-size:contain;border:30px solid #322e2f;border-radius:30px;z-index:20}#desktop .title{position:absolute;top:50%;margin-top:220px;left:0;right:0;text-align:center;font-size:36px;font-weight:700;z-index:20}#desktop .subtitle{position:absolute;top:50%;margin-top:270px;left:0;right:0;text-align:center;font-size:18px;color:#7c7c7c;font-weight:700;z-index:20}#desktop .works-on{z-index:20;background:#e0e0e0;display:inline-block;padding:0 110px 0 25px;line-height:58px;color:#7c7c7c;font-size:14px;position:absolute;top:50%;left:50%;transform:translateX(-50%);margin-top:310px;font-weight:700;border-radius:50px}#desktop .works-on:after{content:"";position:absolute;left:auto;top:50%;right:20px;bottom:auto;transform:translateY(-50%);height:33px;width:77px;background:url(../images/apple+android.png) center center no-repeat}body.desktop #mobile{display:none}body.desktop #desktop{display:block}body.android.landingpage #mobile.slide4 .next-step .next{display:none}body.android.landingpage #mobile.slide4 .next-step .start{display:block}body.apple.landingpage #mobile.slide2 .blackspace{z-index:200}body.apple.landingpage #mobile.slide2 .whitespace{z-index:100}body.apple.landingpage #mobile.slide4 .next-step .next{display:none}body.apple.landingpage #mobile.slide4 .next-step .start{display:block}#mobile{height:100vh;max-height:-webkit-fill-available;min-height:550px;position:relative;overflow:hidden}body #carousel .item.exit-to-left>div{animation-name:exit-to-left;animation-duration:.5s}body #carousel .item.exit-to-right>div{animation-name:exit-to-right;animation-duration:.5s}body #carousel .item.enter-to-left>div{animation-name:enter-to-left;animation-duration:.5s}body #carousel .item.enter-to-right>div{animation-name:enter-to-right;animation-duration:.5s}body #redirect{position:absolute;top:50%;left:50%;right:auto;z-index:1001;text-align:center;transform:translate(-50%, -50%)}body #redirect img{filter:drop-shadow(0 0 20px #000);border-radius:10px}body #navigation{position:absolute;bottom:0;left:0;right:0;top:auto;height:40px;z-index:1000;text-align:center}body #navigation .dot{display:inline-block;margin:0 5px;width:10px;height:10px;border:2px solid #cf0000;background-color:#fff;border-radius:10px;position:relative}body #navigation .dot:before{position:absolute;content:"";left:-3px;right:-3px;top:-3px;bottom:-3px;background:#fff;z-index:-1;border-radius:50%}body #navigation .dot.active{background:#cf0000}@keyframes exit-to-left{0%{transform:translateX(0);opacity:1}30%{opacity:0}100%{transform:translateX(-150%)}}@keyframes exit-to-right{0%{transform:translateX(0);opacity:1}30%{opacity:0}100%{transform:translateX(150%)}}@keyframes enter-to-left{0%{transform:translateX(150%);opacity:0}70%{opacity:1}100%{transform:translateX(0)}}@keyframes enter-to-right{0%{transform:translateX(-150%);opacity:0}70%{opacity:1}100%{transform:translateX(0)}}#footer{background:#d8d8d8;padding:20px 20px 10px;font-size:17px;text-shadow:none;color:#000;position:relative}#footer p{max-width:1020px;margin-left:auto;margin-right:auto;text-align:center}#footer div{text-align:center}#footer div a{margin:0 3px}#footer div a img{height:32px;width:auto}.cursor{display:inline-block;background-color:rgba(0,0,0,.2);height:40px;width:40px;border-radius:40px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.tap{height:40px;width:40px;border-radius:50%;z-index:999;background-color:#fff;transform:scale(0);opacity:1}.tap--1{animation:tapped--1 750ms infinite}@keyframes tapped--1{100%{transform:scale(2);opacity:0}}/*# sourceMappingURL=style.css.map */