@import url('https://fonts.googleapis.com/css?family=Exo:400,700&subset=latin-ext');

html, body{padding: 0px 0px 0px 0px;margin: 0px 0px 0px 0px;position: relative;height: 100%;}
body {background-color: #eee; background:url('img/register-bg.jpg') fixed top left 100%; font-family: 'Exo', sans-serif; font-size: 14px; color: #333;-webkit-text-size-adjust: none; margin:0; padding:0;}
body * {text-shadow: none;}
p{margin: 0 0 10px 0;}
a:visited,a:link,a:active{color:#fff;}
pre{font-size: 12px; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch;}

::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.mobilsablon nav{display: none;}
.kupjs{display:none;}
.bekle{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.4);text-align:center; margin:10px auto 10px auto;}

.ustpanel{position:fixed;top:0px;z-index:999;width:100%;background: #212121; color: #fff; font-size: 24px;  text-align: center; height: 35px; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px;
-webkit-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75); box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75);
}
.ustpanel img{height: 35px;margin:0px 0px 0px 0px;cursor:pointer;}
.ustpanel .menusol{position:relative;display: block; width: 40px; height: 40px; line-height:35px;float:left; margin-left:5px;cursor:pointer;}
.ustpanel .menusag{position:relative;display:block;float:right;width: 40px; height: 40px; line-height:35px; margin-right:10px;cursor:pointer;}
.ustpanel a i{position:relative;color:#fff;}
.ustpanel a i:visited,.ustpanel a i:link,.ustpanel a i:active{color:#fff;}
.ustpanel .menusag span{position:absolute; top: -2px; right: 0px;background-color:#cc0000;width:16px;height:16px; line-height:16px; font-size:13px;color:#fff;z-index:2;}

.slayt{position:relative; overflow:hidden;width:100%;margin:55px 0px 0px 0px;min-height:170px; max-height: 250px;background-color:#1d1d1d;border-bottom:1px solid #ddd;}
.slayt img{width:100%; min-height:170px; max-height:250px; z-index:1;border-bottom:3px solid #be4342;-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.45); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.45); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.45);}

.sayfagenelmenu{overflow:hidden;position:relative; display:flex; bottom:0px; width:100%; height:55px;background-color:#ccc; border-top:1px solid #ccc; -webkit-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75); box-shadow: -2px 10px 6px -9px rgba(0,0,0,0.35);}
.sayfagenelmenu a{float:left;display:block;width:80%;padding:6px 0px 10px 0px; background-color:#ccc;border-right:1px solid #ccc; font-size:13px; letter-spacing:-0.5px;font-weight:600; line-height: 22px; color:#6a6a6a; text-align:center;cursor:pointer;}
.sayfagenelmenu a:hover{opacity:0.8;}
.sayfagenelmenu a,.sayfagenelmenu a:visited,.sayfagenelmenu a:link,.sayfagenelmenu a:active{color:#6a6a6a !important;}
.sayfagenelmenu a img{display:block; height:25px;text-align:center; margin:0 auto 1px auto;}
.sayfagenelmenu a i{display:block;font-size:22px;color:#b72221; margin-bottom:5px;}

.altsabitmenu{position:fixed; display:flex; bottom:0px; width:100%; height:55px;background-color:#212121; border-top: 1px solid #b72221;-webkit-box-shadow: 0px 1px 19px 17px rgba(0,0,0,0.6);-moz-box-shadow: 0px 1px 19px 17px rgba(0,0,0,0.6);box-shadow: 0px 1px 19px 17px rgba(0,0,0,0.6);}
.altsabitmenu a{float:left;display:block;width:100%;padding:10px 0px 10px 0px; background-color:#212121;border-right:1px solid #444; font-size:13px; font-weight:700; letter-spacing:-0.60px; line-height: 22px; color:#ccc !important; text-align:center;cursor:pointer;}
.altsabitmenu a,.altsabitmenu a:visited,.altsabitmenu a:link,.altsabitmenu a:active{color:#ccc !important;}
.altsabitmenu a:hover{background-color:#1d1d1d;}
.altsabitmenu a i{display:block;font-size:20px;}
.altsabitmenu .aktif{background-color:#b52427;}

.yatirimblok-imaj{display:block;width:98%;margin:10px auto 0px auto;cursor:pointer;}
.yatirimblok-imaj img{width:48%;margin:10px auto 0px 5px;}
.yatirimblok-imaj img:hover{opacity:0.9;}

.yatirimblok-yatay{display:flex;width:96%;height:50px;margin:8px auto 5px auto; background:url('img/yatayblok-bg.png') no-repeat center/cover;cursor:pointer;}
.yatirimblok-yatay:hover{opacity:0.9;}
.yatirimblok-yatay img{width:38%;margin:5px 15px 5px 5px;}
.yatirimblok-yatay h4{width:52%;text-align:right;float:right;margin: 5px 5px 5px 15px;color:#fff;line-height:20px;}

.radius-blok{display:flex;width:97%;height:48px; color:#fff; margin:15px auto 5px auto; padding-top: 1px; border: 5px solid rgba(0,0,0,.9);
    border-radius: 25px; min-width: calc(90% + 10px); font-weight:700;
}
.rb-sol,.rb-sag{height: 45px; background: #2e2e2e;  border: 1px solid #888;
    display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center;
    -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
    align-items: center; margin: 0px; max-width: 50%; min-width: 50%; border-radius: 20px 0 0 20px;
}
.rb-sag{max-width: 50%; min-width: 50%; border-radius: 0 20px 20px 0; border-left: none;}
.radius-blok i{margin:0px 8px 0px 8px; font-size:20px; color:#d1d1d1; font-weight:400;}
.rb-sol:hover,.rb-sag:hover{background: #3e3e3e; cursor:pointer;}

#menu-sol,#menu-sag{background-color:#141414;}
#menu-sag {overflow-x:hidden;overflow-y:auto;position:fixed;background-color:#000;z-index: 9999;top:55px;right:0px; width: 85%; min-height: 30%; max-height:70%; margin: 0 0 0 0;-webkit-box-shadow: -8px 7px 30px -1px rgba(0,0,0,0.64);-moz-box-shadow: -8px 7px 30px -1px rgba(0,0,0,0.64); box-shadow: -8px 7px 30px -1px rgba(0,0,0,0.64);}
.ikonmenuaktif i{color:#b52427 !important;}
.ikonmenuaktif span{background-color:#fff !important;color:#b52427 !important;}
#menu-sol {overflow-y:auto;overflow-x:hidden;position:fixed;background-color:#000;z-index: 9999;top:55px;left:0px; width: 85%; min-height: 30%; max-height:70%; margin: 0 0 0 0;-webkit-box-shadow: -8px 7px 30px -1px rgba(0,0,0,0.64);-moz-box-shadow: -8px 7px 30px -1px rgba(0,0,0,0.64); box-shadow: -8px 7px 30px -1px rgba(0,0,0,0.64);}
#menu-sol a{display:block;height:30px; width:100%; padding:10px 10px 10px 10px; font-size: 14px; letter-spacing:-0.20px;color:#b9b8b8; background-color:#141414; line-height:30px;border-bottom:2px solid #2f2f2f;}
#menu-sol a.aktif{background-color:#b72221;color:#fff;}
#menu-sol a.aktif:hover{background-color:#1d1d1d;color:#fff;}
#menu-sol a:hover{background-color:#b72221;color:#fff;}
#menu-sol a:visited,#menu-sol a:link,#menu-sol a:active{color:#fff !important;}
#menu-sol a i{width:25px;margin: 0px 5px 0px 5px; font-size:18px;}

.clearfix{display:block;clear:both;margin: 30px auto 30px auto;}
.sayfaclear{display:block;clear:both;margin: 30px auto 30px auto; height:30px;}
.gizli{display:none;}
.p-no{padding: 0px 0px 0px 0px !important;}
.m-no{margin: 0px 0px 0px 0px !important;}

.mobilfoot{background-color:#1d1d1d; padding: 0px 0px 50px 0px;text-align:center;}
.mobilfoot div{clear:both;display:block;width:100%;margin:10px auto 10px auto;}
.textlink ul {display:flex; flex-wrap: wrap; list-style:none;}
.textlink ul li {flex: 1 0 30%;text-align:left;}
.textlink ul li a{color:#6d6d6d;font-size:11px;}

.uyepanel{position:relative;min-width:240px; width:100%; min-height:200px; background-color:#3c3c3c;}
.uyepanel .baslik{width:100%; height:40px; line-height:35px; color:#fff; padding: 5px 5px 5px 15px; background-color:#b52427;}
.uyepanel .icerik{width:100%; padding: 20px 0px 10px 0px;}
.uyepanel .icerik .aciklama{width:100%; padding: 10px 0px 10px 0px; text-align:center; color:#fff;}
.uyepanel .icerik form{display:block;width:90%; margin:0px auto 0px auto; padding: 10px 10px 10px 5px;}
.uyepanel .icerik .formgrup{display:block;width:100%; height:70px; margin: 3px 0px 3px 0px;}
.uyepanel .icerik .formgrup label{display:inline-block;font-size: 14px; color:#888; margin: 3px 5px 3px 0px;}
.uyepanel .icerik .formgrup input{display:inline-block;width:100%; padding: 10px 10px 10px 10px; margin: 3px 5px 3px 0px; border:0px; background-color:#303030; color:#b0b0b0;}
.uyepanel .icerik .formgrup input:hover{border:1px solid #303030; background-color:#fff; color:#1d1d1d;}
.uyepanel .icerik input[type=submit]{display:block;width: 90%; border:0px; background-color:#b52427; color:#fff; font-size: 14px; text-align:center; padding: 10px 10px 10px 10px; margin: 5px auto 5px auto;cursor:pointer;}
.uyepanel .icerik a{display:block;width: 90%; border:0px; background-color:#b52427; color:#fff; font-size: 14px; text-align:center; padding: 10px 10px 10px 10px; margin: 10px auto 10px auto;cursor:pointer;}
.uyepanel .icerik input[type=submit]:hover{background-color:#fff; color:#b52427; border-color:1px solid #b52427;}
.uyepanel .altbuton{display:flex; width:90%; height:40px; margin:15px auto 5px auto;}
.uyepanel .altbuton a{width:48%; font-size: 12px; line-height:38px; text-align:center; height:35px; background-color:#303030; color:#fff; margin: 5px auto 5px auto;}
.uyepanel .formgrup select{padding:6px 10px 6px 10px; margin:2px 5px 2px 5px; background-color:#2d2d2d; color:#fff; border:1px solid #1d1d1d;}
.uyepanel .formgrup select.genis{display:block; width:98%; margin:2px auto 2px auto;}
.uyepanel .ucebol select{width:27% !important;}

.uyegiris{position:relative;width:100%; height:360px; background-color:#3c3c3c;}
.uyegiris .baslik{width:100%; height:40px; line-height:37px; color:#fff; padding: 5px 5px 5px 15px; background-color:#b52427;}
.uyegiris .icerik{width:100%;}
.uyegiris .icerik form{display:block;width:90%; margin:0px auto 0px auto; padding: 10px 10px 10px 5px;}
.uyegiris .icerik .formgrup{display:block;width:100%; height:70px; margin: 3px 0px 3px 0px;}
.uyegiris .icerik .formgrup label{display:inline-block;font-size: 14px; color:#888; margin: 3px 5px 3px 0px;}
.uyegiris .icerik .formgrup input{display:inline-block;width:100%; padding: 10px 10px 10px 10px; margin: 3px 5px 3px 0px; border:0px; background-color:#303030; color:#b0b0b0;}
.uyegiris .icerik .formgrup input:hover{border:1px solid #303030; background-color:#fff; color:#1d1d1d;}
.uyegiris .icerik input[type=submit]{display:block;width: 90%; border:0px; background-color:#b52427; color:#fff; font-size: 14px; text-align:center; padding: 10px 10px 10px 10px; margin: 5px auto 5px auto;cursor:pointer;}
.uyegiris .icerik input[type=submit]:hover{background-color:#fff; color:#b52427; border-color:1px solid #b52427;}
.uyegiris .altbuton{display:flex; width:90%; height:40px; margin:15px auto 5px auto;}
.uyegiris .altbuton a{width:48%; font-size: 12px; line-height:38px; text-align:center; height:35px; background-color:#303030; color:#fff; margin: 5px auto 5px auto;}
.uyegiris .altbuton a:visited,.uyegiris .altbuton a:link,.uyegiris .altbuton a:active{color:#fff !important;}
.msg{font-size:12px; color:#fff; text-align:center; margin:4px auto 0px auto;}

.uyekayitformu{position:relative;width:100%;background-color:rgba(0,0,0,0.6); padding:0px 0px 10px 0px;}
.uyekayitformu form{width:100%;margin:0px; padding: 0px 0px 5px 0px;}
.uyekayitformu .baslik{background-color:#b72221; color:#fff; padding: 5px 5px 5px 5px;}
.sayfaici form .formgrup,.uyekayitformu .formgrup{width:100%;margin: 12px 0px 18px 0px;}
.sayfaici form .formgrup label,.uyekayitformu .formgrup label{display:block; width:98%; margin:0px auto 2px auto; padding:2px 5px 2px 5px; color:#fff;}
.sayfaici form .formgrup input,.uyekayitformu .formgrup input{display:block; width:95%; padding:15px 5px 15px 5px; margin:5px auto 5px auto; background-color:#2d2d2d; color:#fff; border:1px solid #1d1d1d; border-radius:8px;}
.uyekayitformu .formgrup textarea{display:block; width:95%; padding:15px 5px 15px 5px; margin:5px auto 5px auto; background-color:#2d2d2d; color:#fff; border:1px solid #1d1d1d; border-radius:8px;}
.sayfaici form .formgrup input[type="submit"],.uyekayitformu .formgrup input[type="submit"]{display:block; width:45%; padding:15px 10px 15px 10px; margin:2px auto 2px auto; background-color:#b72221; color:#fff; border:1px solid #1d1d1d;}
.formgrup button{display:block; width:45%; padding:15px 10px 15px 10px; margin:2px auto 2px auto; background-color:#b72221; color:#fff; border:1px solid #1d1d1d;border-radius:8px;}
.formgrup button i{margin: 0px 5px 0px 5px;}
.uyekayitformu .formgrup label i{color:#b72221; margin-right:5px;}

.solayasla{float:left;}
.sagayasla{float:right;}
.pb-10{padding-bottom:10px !important;}
.pt-10{padding-top:10px !important;}
.mb-10{margin-bottom:10px;}
.mt-10{margin-top:10px;}

.uyekayitformu .formgrup .radiolu {display:block;width:98%;margin:0px auto 0px auto;}
.uyekayitformu .formgrup .radiolualan input[type="radio"] {height: 0;opacity: 0;width: 0;}
.uyekayitformu .formgrup .radiolualan input[type="radio"]:checked ~ label {background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #353535 0%, #565656 100%) repeat scroll 0 0; box-shadow:-1px -1px 1px #000;}
.uyekayitformu .formgrup .radiolualan {background: rgba(0, 0, 0, 0) linear-gradient(to top, #575757 0%, #7d7d7d 100%) repeat scroll 0 0;display: inline-block; height: 38px; line-height: 38px; margin: 4px 2px 4px 2px; position: relative; width: 45%;}
.uyekayitformu .formgrup .radiolualan label {color: #fff; cursor: pointer; font-size: 12px; height: 36px; left: 0; position: absolute; text-align: center; top: 0; width: 95%;}

.uyekayitformu .formgrup select{padding:15px 10px 15px 10px; margin:5px 5px 5px 5px; background-color:#2d2d2d; color:#fff; border:1px solid #1d1d1d;}
.uyekayitformu .formgrup select.genis{display:block; width:98%; margin:2px auto 2px auto;}
.uyekayitformu .ucebol select{width:27% !important;}
.uyekayitformu .ikibol input{float:left;width:44% !important;margin:10px 2px 10px 5px !important;}
.uyekayitformu .ikibol input:last-child{display:block !important;content:" ";margin-bottom:20px !important;}

.adimsayar{width:96%;height:4px;background-color:#b72221;position:relative;margin:30px auto 30px auto;}
.adimsayar .kutu1{background-color:#b72221;color:#fff;position:absolute;top:-13px;left:0px;padding:5px 12px 5px 12px;border-radius:15px;}
.adimsayar .kutu2{background-color:#b72221;color:#fff;position:absolute;top:-13px;right:45%;padding:5px 10px 5px 10px;border-radius:15px;}
.adimsayar .kutu3{background-color:#b72221;color:#fff;position:absolute;top:-13px;right:0px;padding:5px 10px 5px 10px;border-radius:15px;}
.adimsayar .aktif{background-color:#fff;color:#b72221;top:-18px;padding:10px 18px 10px 18px;border-radius:20px;font-weight:700;}

/* ÜYE KAYIT FORMU */

.sayfaici{width:98%; margin: 70px auto 5px auto; background-color:rgba(0,0,0,0.4); border-radius: 5px; color:#fff; overflow:hidden;}
.sayfaici .genelbaslik{width:100%; font-size:18px; padding: 10px 10px 10px 10px; background-color:#b71114; color:#fff;}
.sayfaici .aciklama{width:96%; font-size:13px; padding: 10px 10px 10px 10px; margin:10px auto 10px auto; background-color:rgba(0,0,0,0.4);}

/* YARDIM */
.yardim {width:98%;margin:5px auto 5px auto;}
.yardim h3{width:98%; font-size:13px; font-weight:700; letter-spacing:-0.4; padding: 10px 10px 10px 10px; margin: 0px auto 10px auto; color:#fff !important; background-color:rgba(0,0,0,0.6); border-radius: 5px;}
.yardim div{width:98%; font-size:13px; padding:18px 10px 18px 10px; margin: -15px auto 10px auto; background-color:#1d1d1d;}
.yardim div ol{width:90%; font-size:13px; padding:2px 15px 2px 25px;}
/* YARDIM */

.featherlight .featherlight-content {max-height: 80% !important; max-width: 85% !important; background:rgba(0,0,0,0.6) !important;}
.featherlight .featherlight-close-icon {position:fixed !important; top:0px; right: 0px;width:50px !important;height:50px !important;background-color:#b72221 !important;color:#fff !important;}

.sabitfiltre{position:fixed !important;z-index:999 !important;top:51px !important; left:3px !important; -webkit-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75); box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75);}
.sabfiltsonrasibulten{margin-top: 100px !important;}

/* MAÇ PROGRAMI */
.yukleniyor{text-align: center;}
#macd{display:none;background-color:rgba(0,0,0,0.9); color:#fff;position:fixed; top:55px; right:-1px; z-index:999; border:1px solid #fff; width:100%; height:85%; overflow-y:none; overflow-x:auto;}
#macd .yukleniyor{margin: 50% auto 50% auto;}
#macdkapat{display:none;background-color:#b71114; color:#fff;position:fixed; z-index:9999; top:55px; right:0px; width:10px; height:10px; line-height:10px; padding:10px 10px 10px 10px; font-weight:700;}
.macdligadi{background-color:#1d1d1d; padding: 5px 5px 5px 5px;color:#999;font-size:12px;}
.macdligadi i{color:#b71114;font-size:12px;}

.bultenrow{display:block; width:98%; background-color:#0f0f0f; margin: 20px auto 100px auto; border-radius: 5px; overflow:hidden;}
.bultenrow .bultenbaslik{width:100%; height:30px; line-height:33px; background-color:#a81c1b; font-size: 14px; color:#fff; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bultenrow .bultenbaslik i{float:left; display:block; margin: 8px 10px 0px 10px;}
.bulten{width:100%; background-color:#0f0f0f;}
.bulten .navtitle{width:100%; height:20px; background-color:#2d2d2d; padding: 2px 5px 2px 5px; margin: 5px 0px 5px 0px; border-bottom: 1px solid #b72221;}
.bulten .navtitle .text{color:#858585;line-height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bulten .navtitle .text img{height:16px; float:left; margin: 1px 10px 0px 10px;}
.bulten .takimbaslik{position:relative;background-color:#0f0f0f; color:#fff; font-size:14.5px; margin:3px 0px 3px 0px; padding:3px 6px 3px 6px;}
.bulten .takimbaslik b{margin-right:5px;}
.bulten .takimbaslik .ekoranlar {position:absolute; right:10px;top:20px;}
.bulten .takimbaslik .ekoranlar i{color:#35700c; font-size:20px;}
.bulten .ekbilgiler {color:#35700c;margin:5px 0px 3px 5px;font-size:11px;}
.bulten .ekbilgiler span{background-color:#b72221; color:#fff; font-size:12px; border-radius:25px; padding:2px 6px 2px 6px;margin-right:3px;}
.orantablo{position:relative; background-color:#0f0f0f; width:98%; padding: 5px 5px 5px 5px; margin: 8px 0px 15px 0px;}
.orantablo .oranlar{display:flex; width:98%; margin: 2px auto 10px auto;cursor:pointer;}
.orantablo .oranlar div{width:30%; padding: 12px 5px 12px 5px; margin: 4px 2px 4px 2px; text-align:center; font-size:14px; color:#fff; background-color:#2d2d2d !important; border-radius: 5px;}
.orantablo .oranlar2{display:flex; width:98%; margin: 2px auto 2px auto;cursor:pointer;}
.orantablo .oranlar2 div{width:25%; padding: 7px 5px 7px 5px; margin: 2px; text-align:center; font-size:12px; color:#fff; background-color:#2d2d2d;}
.orantablo .oranlar2 div.disable{background-color:#010101 !important; color:#2d2d2d !important;}
.orantablo .oranlar div.selected,.selected,button.selected,.qbutton.selected{background-color:#b52427 !important;}
.orantablo .oranlar div.m,.orantablo .oranlar div.r,.qbutton.l,.qbutton.m,.qbutton.r{background-color:#000 !important;}
.qbutton{background-color:#2d2d2d !important;}
.oransecili{background-color:#b52427 !important;}
.bonusSloganBox{color:#fff;text-align:center; padding: 20px;margin:20px;}
button.bigbutton {display:block; background-color:#b52427;color:#fff; padding:0px;margin:10px auto 10px auto; border:0px;}
button.bigbutton .text{background-color:#b52427;color:#fff; text-align:center; padding: 10px 20px 10px 20px;margin:5px;}
/* MAÇ PROGRAMI */

/* CANLI MAÇ EVENT */
.canlimacdetayyeni{margin-top:60px;}
.canlimaceventbaslik{position:relative; display:flex; width:100%; height:65px; background-color:#3786d3; color:#fff; padding: 10px 0px 10px 0px;}
.canlimaceventbaslik .evtakim{width: 30%; margin: auto 5px auto 5px; text-align:left;}
.canlimaceventbaslik .skorblok{width:35%;text-align:center;}
.canlimaceventbaslik .skorblok .dakika{color:#74c0dd;font-size:12px;}
.canlimaceventbaslik .skorblok .devre{color:#74c0dd;font-size:12px;}
.canlimaceventbaslik .skorblok .skoru{display:block; font-size:22px; font-weight:700;}
.canlimaceventbaslik .konuktakim{width: 30%; margin: auto 5px auto 5px;text-align:right;}

.qbutton{float:left;width:29%;background-color:#3d3d3d; text-align:center; border-radius:10px; padding: 5px 2px 5px 2px; margin: 5px 5px 5px 5px; color:#fff;}
.qbutton:after{}
.ldisabled{display:none;background-color:#090909 !important;color:#666 !important;}
.as:after{display:block;margin-top: 100px;}
.md50{background-color:#fff;}
.md33{background-color:#cc0000;}

.canlilisteoran{position:relative;width:100%; border-bottom:2px solid #000;}
.canlilisteoran div{display:block;width:100%; padding: 0px 0px 0px 0px; line-height:30px; height:30px; text-align:center;color:#cc0000;}
.canlilisteoran ul{display:flex; list-style:none; width:100%; margin: 3px auto 3px auto;}
.canlilisteoran ul li{margin: 3px 10px 3px 10px; border-radius: 20px !important;}
.canlilisteoran ul li a{background-color:#2d2d2d !important; padding: 5px 5px 5px 5px; margin:5px; color:#fff; line-height: 16px; text-align:center !important;}
.canlilisteligadi{background-color:#1d1d1d; padding: 5px 5px 5px 5px;color:#999;font-size:12px;}
.canlilisteligadi i{color:#b71114;}
.canlimaclistesi{background-color:#1d1d1d !important;}
.canlimaclistesi .skorblok .dakika,.canlimaclistesi .skorblok .devre{color:#fff !important;}

.canlibcyrkler{width:100%;padding:0;margin:0; color:#8d8d8d;}
.canlibcyrkler tr td:first-child{text-align:left;font-weight:500;}
.canlibcyrkler tr td{padding:4px;text-align:center;font-weight:700;background-color:#2d2d2d;}
.tablobg_kirmizi{color:#b71114;}
.maclistesinedon{height:30px;padding:2px 5px 2px 5px; line-height:32px;font-size:12px;background-color:#b71114;color:#fff;}
/* CANLI MAÇ EVENT */

.canlifiltre,.anafiltre {overflow:hidden;width:96%; height:45px; background-color:#2d2d2d; padding: 5px 5px 5px 5px; margin: 5px auto 5px auto; border-radius:5px;}
ul.betfilterbar {display:flex;width:100%; height:45px; padding: 0px 0px 0px 0px; margin: 3px auto 0px auto; border-radius:5px; border:0px;}
ul.betfilterbar li{width:23%; max-height: 40px; padding: 0px 2px 0px 2px !important; margin: 0px 2px 0px 2px !important; border-radius:5px; font-size: 12px;font-weight:700;letter-spacing:0.5px;}
.filterbar{display:flex;width:98%; height:35px; background-color:#2d2d2d; padding: 0px 0px 0px 0px; margin: 5px auto 5px auto; border-radius:5px;}
.filterbar select{float:left; display:block; width: 23%; height:32px; padding: 0px 0px 0px 0px; margin: 2px 2px 2px 2px; background-color:#1d1d1d; color:#fff; border:1px solid #070707;}
.filterbar input{float:left; display:block; width: 21%; height:20px; padding: 5px 5px 5px 5px; margin: 2px 2px 2px 2px; background-color:#1d1d1d; color:#fff; border:1px solid #070707;}

.bg-siyah-gecisli{
background: rgba(47,47,47,1);
background: -moz-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(22,22,22,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(47,47,47,1)), color-stop(100%, rgba(22,22,22,1)));
background: -webkit-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(22,22,22,1) 100%);
background: -o-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(22,22,22,1) 100%);
background: -ms-linear-gradient(top, rgba(47,47,47,1) 0%, rgba(22,22,22,1) 100%);
background: linear-gradient(to bottom, rgba(47,47,47,1) 0%, rgba(22,22,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#161616', GradientType=0 );
}
.bg-gri-gecisli{
background: rgba(253,253,253,1);
background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 47%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(253,253,253,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(219,219,219,1)));
background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 47%, rgba(219,219,219,1) 100%);
background: -o-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 47%, rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 47%, rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom, rgba(253,253,253,1) 0%, rgba(246,246,246,1) 47%, rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#dbdbdb', GradientType=0 );
}


/*KUPON*/
.countdown{width:92%;margin:10px auto 10px auto; padding:2px;color:#fff; font-size:14px;}
.countdown span{height:30px; padding:2px 0px 2px 0px;background-color:#2d2d2d;color:#b71114;}
.kuponitemler{position:relative;width:100%; padding:5px 5px 5px 5px; margin:0px 0px 0px 0px; border-bottom: 1px solid #2d2d2d;}
.editem{ width:100%; color:#fff; padding:5px 5px 5px 5px; margin:0px 0px 0px 0px;}
.edsubitem{width:90%; color:#fff; padding:5px 5px 5px 15px; margin:0px 0px 0px 0px;}
.boskupontext{width:80%; margin:10px auto 10px auto; padding:10px;}
.info1icin{background-color:#b52427; font-size: 11px; border-radius:4px;padding: 4px 4px 4px 4px;text-align:center;color:#fff;font-weight:700;}
.infoicinoran{float:right; background-color:#b52427; font-size: 12px; border-radius:4px;padding:4px;text-align:center;color:#fff;font-weight:700;}
.kuponitemler .close {position:absolute;top:0px;right:10px; width: 20px;height: 24px; color: #fff;font-size: 14px; text-align: center;}
.kuponitemler .close:hover {background-color:#000;}
.olasikazanc{width:98%;background-color:#000;padding: 4px 4px 4px 4px;text-align:center;color:#b52427 !important;font-size:14px;}
.olasikazanc b{font-size:16px;color:#b52427 !important;}
.olasikazancbonus{width:98%;background-color:#000;padding: 4px 4px 4px 4px;text-align:center;color:#494949 !important;font-size:12px;}
.olasikazancbonus b{font-size:14px;color:#494949 !important;}
.bahisadet{display:none;}
.kuponsecimleritemizle img{position:absolute;right:0px;top:10px}
.devametmekicinuye{display:block;width:99%;height:65px;padding: 5px 7px 5px 7px; margin: 2px 0px 2px 0px; background-color:#212121;font-size:12px;color:#fff;}
.devametmekicinuye a{cursor:pointer;text-align:center;float:left; background-color:#212121; border:1px solid #b52427; margin: 5px 4px 5px 4px; color:#fff; width:40%; padding: 5px 5px 5px 5px;font-size:13px;}
.devametmekicinuye a:hover{background-color:#fff;color:#b52427;}
.devametmekicinuye a:visited,.devametmekicinuye a:link,.devametmekicinuye a:active{color:#fff !important;}
.devametmekicinuye a:last-child{float:right;background-color:#b52427;}
.devametmekicinuye a:last-child:hover{background-color:#fff;color:#b52427;}

.sagkuponsepetim{background-color:#000; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;
}
.sagkuponsepet{display:flex;width:100%;background-color:#b52427; border-radius:5px; color:#fff; min-height:41px; 
-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;
}
.sagkuponsepet .sagtit{position:relative;float:left;width:50%; padding: 15px 20px 10px 20px; font-size:12px; cursor:pointer;
-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;
border-top-left-radius: 10px; border-top-right-radius: 10px;
}
.sagkuponsepet .sagtit:first-child{width:35%;}
.sagkuponsepet .actif{ background-color:#000;padding: 15px 20px 11px 20px;}


.kuponalt .form .serit{width:100%; background-color:#2d2d2d; color:#fff; padding: 5px 8px 5px 8px;}
.kuponalt .form .serit input[type=checkbox]{float:left;width:20px; height:20px;}

.sayiyazyeni{float:left;border-radius:5px;color:#fff;background-color:#b52427;width:15px;height:15px;text-align:center;float:right;}
.yeniyatirmiktarpara{width:50px;float:left;color:#fff;margin: 5px 2px 2px 2px;font-size:12px;text-indent:4px;}
.yeniyatirmiktarpara input[type="text"]{width:50px;background-color:#fff !important;color:#000;margin: 4px 4px 4px 4px;padding: 4px 4px 4px 4px;text-align:right;border-radius:4px;font-size:11px;}
.tabici{background-color:#000;padding: 15px 20px 11px 20px; margin: 0px 0px 0px 0px;}
.coupon {float: left; width: 100%; border-top: none; color:#fff; margin:10px auto 5px auto;  border-radius:0px; overflow; auto; scrollbar-height: auto;}
.coupon .clear {float: left; width: 100%; height: 25px; padding: 0 6px 0 0; color: #b3b3b3; font-size: 12px;
	line-height:25px; text-decoration: underline; text-align: right; background: #000;
}
.scryap{width:100%; max-height:250px; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin;}

.coupon .toplamoranyeniic{width:100%;text-align:right;color:#fff;font-size:13px;font-weight:700;line-height:25px;}
.coupon .toplamoranyeniic div{height:20px;line-height:17px;min-width:40px;max-width:60px;margin-left:2px;text-align:center;
border-radius:5px;background-color:#b52427;padding: 2px 2px 2px 2px;color:#fff;font-size:12.50px;font-weight:700;}

.coupon .arrow {float: right; width: 21px; height: 21px; cursor: pointer; line-height: 22px; color: #fff; text-align: center;
	background : -moz-linear-gradient(50% 100% 90deg, rgba(0, 0, 0, 1) 50%, rgba(45, 45, 45, 1) 50%, rgba(77, 77, 77, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(45, 45, 45, 1) 50%, rgba(77, 77, 77, 1) 100%);
	background : -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0.5, rgba(0, 0, 0, 1) ), color-stop(0.5, rgba(45, 45, 45, 1) ), color-stop(1, rgba(77, 77, 77, 1) ));
	background : -o-linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(45, 45, 45, 1) 50%, rgba(77, 77, 77, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(45, 45, 45, 1) 50%, rgba(77, 77, 77, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#4D4D4D' ,GradientType=0)";
}
.coupon .arrow:hover {
	background : -moz-linear-gradient(50% 100% 90deg, rgba(0, 0, 0, 1) 50%, rgba(45, 45, 45, 1) 50%, rgba(77, 77, 77, 1) 100%);
	background : -webkit-linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(45, 45, 45, 1) 50%, rgba(77, 77, 77, 1) 100%);
	background : -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0.5, rgba(0, 0, 0, 1) ), color-stop(0.5, rgba(45, 45, 45, 1) ), color-stop(1, rgba(77, 77, 77, 1) ));
	background : -o-linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(45, 45, 45, 1) 50%, rgba(77, 77, 77, 1) 100%);
	background : -ms-linear-gradient(90deg, rgba(0, 0, 0, 1) 50%, rgba(45, 45, 45, 1) 50%, rgba(77, 77, 77, 1) 100%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#4D4D4D' ,GradientType=0)";
}

.coupon .form fieldset {
	display:block;
	width: 100%;
	height: 32px;
	background: #282828;
	border-top: 1px solid #2d2d2d;
	border-bottom: 1px solid #000;
}
.coupon .form label {
	width: 100%;
	margin: 0 0 0 10px;
	color: #fff;
	font-family: "Exo 2",sans-serif;
	font-size:11px;
	line-height:30px;
	font-weight:400;
}
.coupon .form span {
	width: 100%;
	color: #544b4b;
	font-family: "Exo 2",sans-serif;
	font-size: 12px;
	font-weight:700;
}
.coupon .form input {
	width: 90%;
	height: 25px;
	margin: 0 auto;
	padding: 5px;
	color: #fff;
	font-family: "Exo 2",sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:700;
	text-align: right;
	background-color: #4d4d4d;
	border: 1px solid #363636;
}

.coupon .bottom {
	position:relative;
	width: 100%;
	margin: 0 0 0 -1px;
	height: 61px;
	background: #000;
}
.coupon button {
	float: left;
	width: 135px;
	height: 30px;
	color: #fff;
	font-size:13px;
	margin: 15px 0 0 25px;
	border: 1px solid #000000;
	background-color:#b71114;
	cursor:pointer;
}
.coupon .form fieldset .checkbox {
	margin: 4px 0 0 10px;
	width: auto;
	float: left;
}
.coupon .form fieldset .changeoran {
	float: left;
	width: 172px;
	font-size: 10px;
}
.coupon button:hover {
	background-color:#cc0000;
}
.coupon button i {
	float: left;
	margin: 0 5px;
	font-size: 18px;
}
.coupon button p {
	float: left;
	font-size: 11px;
	line-height:20px;
	font-weight:700;
}

/*KUPON*/


/* YENİ BONUS SAYFASI */
.yenibonuslarsayfasi{display:block;width:98%; margin: 70px auto 2px auto; padding: 2px 2px 2px 2px; position:relative; height:auto;}
.yenibonuslarsayfasi .kutusu{position:relative;float:left; width: 92%; height: 160px; background:#fff; margin: 15px 5px 15px 5px; padding: 0px 20px 0px 0px;
-webkit-box-shadow: 11px 14px 13px -17px rgba(0,0,0,1);
-moz-box-shadow: 11px 14px 13px -17px rgba(0,0,0,1);
box-shadow: 11px 14px 13px -17px rgba(0,0,0,1);}
.yenibonuslarsayfasi .kutusu img{float:left; width:auto; height: 160px; margin-right: 20px;}
.yenibonuslarsayfasi .kutusu h4{width:auto; margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; font-size: 18px; font-weight:700; letter-spacing:-0.7px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yenibonuslarsayfasi .kutusu p{width:auto; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size: 15px; font-weight:400; letter-spacing:-1px; line-height:25px;}
.yenibonuslarsayfasi .kutusu a{position:absolute;bottom:5px;right:10px; background-color:#6db744; font-size:20px; padding: 7px 10px 7px 10px; margin-right: 4px; color:#fff; text-decoration:none; border-radius:4px;font-weight:700;}
.yenibonuslarsayfasi .kutusu a:hover{background-color:#80cd56;}

.yenibonuslardetaysayfasi {width:100%; padding:5px; background-color:rgba(0,0,0,0.3);}
.yenibonuslardetaysayfasi img{width:100%; height:auto;}
.yenibonuslardetaysayfasi .tabmenusu {width:100%; height:50px; border-top: 2px solid #b72221; padding: 0px 0px 0px 0px;}
.yenibonuslardetaysayfasi .tabmenusu .tabtitle {float:left; height:48px; line-height:30px; margin: 0px 0px 0px 0px; padding: 10px 35px 10px 25px; color:#fff; font-size:17px; letter-spacing:-0.5px; cursor:pointer;}
.yenibonuslardetaysayfasi .tabmenusu .actif{background-color:#b72221;}
.yenibonuslardetaysayfasi .icerikler{background-color:#fff; padding: 20px;}
.yenibonuslardetaysayfasi .icerikler ul{padding: 0px 0px 0px 0px !important;}
.yenibonuslardetaysayfasi .icerikler ul li{padding: 2px 0px 2px 0px !important;}
.kapatbuton{content:'X';color:#fff !important,;background:url('../cimg/kapatbtn.jpg');padding:0px;position:absolute;right:0px;top:0px;width:20px;height:20px;}
/* YENİ BONUS SAYFASI */


/* YENİ CASINO SAYFASI */
.yenicasinosayfasi{width:100%; margin: -15px 0px 0px 0px; padding: 0px 0px 20px 0px; position:relative; height:auto;}
.yenicasinosayfasi .slayt{position:relative; width:100%; max-height:275px !important;}
.yenicasinosayfasi .slayt img{position:absolute; top:0; left:-80px;width:130%; max-height:275px !important;}
.yenicasinosayfasi .aramapaneli{width: 94%; height:35px; border-radius:5px; background-color:#111; border: 4px solid #000; margin: 10px auto 10px auto; padding: 5px 5px 5px 5px; }
.yenicasinosayfasi .aramapaneli input{width: 220px; height:20px; font-size:16px; color:#999; border-radius:5px; background-color:#222; border: 1px solid #222; margin: 0px 5px 0px 5px; padding: 5px 5px 5px 5px; }
.yenicasinosayfasi .aramapaneli .filtre{float:right;line-height:40px;}
.yenicasinosayfasi .aramapaneli select{background-color:#222; color:#999;height:30px; font-size:13px; border: 1px solid #222; margin: 2px 5px 0px 20px; border-radius:8px;}

.yenicasinosayfasi .icerikpanel{position:relative; width: 94%; background-color:#000; margin: 10px auto 10px auto; padding: 10px 8px 30px 8px; }

.yenicasinosayfasi .solpanel{position:relative;width:100%;padding: 5px 0px 0px 0px; height:200px; overflow-x:auto; background-color:#000;}
.sabit{position:fixed !important;z-index:999 !important;top:55px !important; left:0 !important; height:100px !important;-webkit-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75); box-shadow: 0px 10px 12px -9px rgba(0,0,0,0.75);}
.yenicasinosayfasi .solpanel a{display:block; width:92%; height:20px; margin: 6px 2px 6px 2px; padding: 10px 10px 10px 10px; background-color:#111; border: 1px solid #292929; border-radius: 5px; color:#fff; text-decoration: none; font-size:15px; letter-spacing:0.4px; transition: 500ms all;}
.yenicasinosayfasi .solpanel a:hover{background-color:#b52427; border: 1px solid #c92e31;}
.yenicasinosayfasi .solpanel a:visited{color:#fff;}
.yenicasinosayfasi .solpanel i{font-size:13px; margin: 0px 10px 0px 10px;}
.yenicasinosayfasi .solpanel em{float:right; font-size:12px; }

.yenicasinosayfasi .icerik{display:block;width:100%;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;background-color:#000;}
.yenicasinosayfasi .icerik .oyunkutusu{float:left;width: 44%; height: 160px; background-color:#222;padding:8px 6px 8px 6px;margin:5px 5px 5px 5px;}
.yenicasinosayfasi .icerik .oyunkutusu:hover{background-color:#282828;cursor:pointer;transition:500ms;}
.yenicasinosayfasi .icerik .oyunkutusu .imajkutusu{position:relative;overflow:hidden;width:100%; height:136px; border:1px solid #000;}
.yenicasinosayfasi .icerik .oyunkutusu .imajkutusu span{position:absolute;top:0px;left:0px;padding: 5px 6px 5px 6px; font-size: 12px; letter-spacing:0.4; font-weight:700; background:rgba(255,255,255,0.7);color:#b52427;-webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomright: 6px;border-bottom-right-radius: 6px;}
.yenicasinosayfasi .icerik .oyunkutusu img{width:100%; height:136px;}
.yenicasinosayfasi .icerik .oyunkutusu h4{color:#fff; font-size:13px; letter-spacing:0.4;margin:5px 2px 0px 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yenicasinosayfasi .icerik .oyunkutusu h4 i{color:#b52427; font-size:11px; letter-spacing:0.4;margin-right: 5px;}
.yenicasinosayfasi .icerik .oyunkutusu .imajkutusu .acilirbilgi{position:absolute;bottom: -101%;width:100%;transition: bottom 0.5s, top 0.5s;vertical-align: bottom;background:rgba(255,255,255,0.9);color:#000;padding:10px 0px 10px 0px;}
.yenicasinosayfasi .icerik .oyunkutusu .imajkutusu .acilirbilgi a{display:block;text-align:center;width: 80%; background-color:#b52427; color:#fff; padding:5px 12px 5px 12px; margin:0px auto 0px auto; text-decoration:none;font-size:12px;text-shadow:1px 0px #fff;letter-spacing:0.4px;}
.yenicasinosayfasi .icerik .oyunkutusu .imajkutusu .acilirbilgi a:hover{background-color:#bf2c2f;}
.yenicasinosayfasi .icerik .oyunkutusu .imajkutusu .acilirbilgi a:visited{color:#fff !important; text-shadow: 0px 1px #fff !important;}
a:visited, a:active{color:#fff !important;}
.yenicasinosayfasi .icerik .oyunkutusu:hover .acilirbilgi{bottom: 0;}

.temizle:before, .temizle:after {content: "\0020";display: block;height: 0;overflow: hidden;}
.temizle:after {clear: both;}
/* YENİ CASINO SAYFASI */


/* YENİ SLOT SAYFASI */
.yenislotsayfasi{width:100%; margin: -15px 0px 0px 0px; padding: 0px 0px 20px 0px; position:relative; height:auto;}
.yenislotsayfasi .aramapaneli{width: 94%; height:55px; border-radius:5px; background-color:#111; border: 4px solid #000; margin: 10px auto 10px auto; padding: 5px 5px 5px 5px; }
.yenislotsayfasi .aramapaneli input{width: 220px; height:40px; font-size:16px; color:#999; border-radius:5px; background-color:#222; border: 1px solid #222; margin: 0px 5px 0px 20px; padding: 5px 5px 5px 5px; }
.yenislotsayfasi .aramapaneli .filtre{float:right;line-height:40px;}
.yenislotsayfasi .aramapaneli select{background-color:#222; color:#999;height:35px; font-size:13px; border: 1px solid #222; margin: 2px 5px 0px 20px; border-radius:8px;}

.yenislotsayfasi .icerikpanel{position:relative; width: 94%; background-color:#000; margin: 10px auto 10px auto; padding: 10px 8px 30px 8px; }

.yenislotsayfasi .icerik{float:left;width:99%;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;background-color:#000;}
.yenislotsayfasi .icerik .oyunkutusu{display:block;width: 92%; height: 190px; background-color:#222;padding:8px 6px 8px 6px;margin:10px 10px 10px 10px;}
.yenislotsayfasi .icerik .oyunkutusu:hover{background-color:#282828;cursor:pointer;transition:500ms;}
.yenislotsayfasi .icerik .oyunkutusu .imajkutusu{position:relative;overflow:hidden;width:100%; height:164px; border:1px solid #000;}
.yenislotsayfasi .icerik .oyunkutusu .imajkutusu span{position:absolute;top:0px;left:0px;padding: 5px 6px 5px 6px; font-size: 12px; letter-spacing:0.4; font-weight:700; background:rgba(255,255,255,0.7);color:#b52427;-webkit-border-bottom-right-radius: 6px;-moz-border-radius-bottomright: 6px;border-bottom-right-radius: 6px;}
.yenislotsayfasi .icerik .oyunkutusu img{width:100%; height:164px;}
.yenislotsayfasi .icerik .oyunkutusu h4{color:#fff; font-size:13px; letter-spacing:0.4;margin:8px 2px 0px 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yenislotsayfasi .icerik .oyunkutusu h4 i{color:#b52427; font-size:11px; letter-spacing:0.4;margin-right: 5px;}
.yenislotsayfasi .icerik .oyunkutusu .imajkutusu .acilirbilgi{position:absolute;bottom: -101%;width:100%;transition: bottom 0.5s, top 0.5s;vertical-align: bottom;background:rgba(255,255,255,0.9);color:#000;padding:10px 0px 10px 0px;}
.yenislotsayfasi .icerik .oyunkutusu .imajkutusu .acilirbilgi a{display:block;text-align:center;width: 80%; background-color:#b52427; color:#fff; padding:5px 12px 5px 12px; margin:0px auto 0px auto; text-decoration:none;font-size:12px;text-shadow:1px 0px #fff;letter-spacing:0.4px;}
.yenislotsayfasi .icerik .oyunkutusu .imajkutusu .acilirbilgi a:hover{background-color:#bf2c2f;}
.yenislotsayfasi .icerik .oyunkutusu .imajkutusu .acilirbilgi a:visited{color:#fff !important; text-shadow: 0px 1px #fff !important;}
a:visited, a:active{color:#fff !important;}
.yenislotsayfasi .icerik .oyunkutusu:hover .acilirbilgi{bottom: 0;}

/* YENİ SLOT SAYFASI */


/* SANAL SPOR */
.sanalsporicerikleri{width:100%; position:relative; margin:5px auto;}
.sanalsporicerikleri .menuler{display:block;width:99%; height: 30px;  margin: 0px 5px 120px 5px; padding: 0px 10px 0px 10px;}
.sanalsporicerikleri .menuler a{display:inline-block;background-color:#212121; color:#fff; padding: 10px 5px 10px 5px; margin: 0px 5px 10px 5px;text-decoration:none; transition:500ms all;}
.sanalsporicerikleri .menuler a:hover{background-color:#b52427; color:#fff;}
.sanalsporicerikleri .menuler i{color:#fff; margin-right:4px;}
.sanalsporicerikleri .baslik{display:block;width:100%; height:35px; background-color:#090909; color:#fff; line-height:32px;-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.sanalsporicerikleri .baslik i{float:left; margin:10px 10px 0px 15px;}
.sanalsporicerikleri .baslik h4{font-size:16px; letter-spacing:-0.4px;}
.sanalsporicerikleri .framecerceve{position:relative;width:98%; height:auto; padding: 5px 5px 5px 5px; background-color:rgba(255,255,255,0.4)}
.sanalsporicerikleri iframe{display:block;width: 98%; height:320px; margin: 0 auto; background-color:#090909; padding: 5px 3px 3px 5px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}

.framecerceve .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: rgba(0,0,0,0.5); 
}
.framecerceve .spinner {
position:absolute;
top:25%;
left:48%;
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}

.framecerceve .spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.framecerceve .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.framecerceve .spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.framecerceve .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.framecerceve .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
/* SANAL SPOR */



.ratio-box.active {background: #b4201b !important; border-color: #000; color: #ffffff;}
.betfilterbar-sport, .betfilterbar {border-top: 1px solid #000; float: left; width: 100%;}
.betfilterbar-sport .betfilter-selected, .betfilterbar .betfilter-selected {background: #b4201b none repeat scroll 0 0; color: black; }
.betfilterbar-sport li, .betfilterbar li {background: #3d3d3d none repeat scroll 0 0; border-right: 1px solid #000; display: table; float: left; height: 44px; text-align: center; vertical-align: middle;}
.betfilterbar li a {color: white; display: table-cell; text-align: center; vertical-align: middle; }
.sports-caption {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: #1e1e1e none repeat scroll 0 0;
  border-color: currentcolor currentcolor #000000;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  display: table;
  float: left;
  height: 24px;
  width: 100%;
}.sports-caption .liveicon-left {float: left; height: 20px; margin: 2px 0 0 5px; width: 20px; }
.liveicon-left {float: left; height: 20px; margin: -2px 0 0 16px; width: 20px;}
.licon-1 {background: transparent url("../img/ico-23_w.png") no-repeat scroll left center / 15px 15px;}
.sports-caption .navtitle1 {color: #b4201b; float: left; }
.navtitle1 {color: #3e3e3e; float: left;}
.sports-caption .navtitle1 span {float: left; margin: 2px 0 0 12px;}
.navtitle1 span {float: left; margin: -1px 0 0 12px; max-width: 300px; overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap;}
.live-match {border-bottom: 1px solid #000000; float: left; width: 100%;}
.sports-tip {border: 0 none; display: table; float: left; height: 24px; width: 100%;}
.sports-tip a {align-items: center; background: #3d3d3d none repeat scroll 0 0;
  color: #fff; display: flex; flex-direction: row; width: 100%;
}
a {text-decoration: none;}
.datetime-caption {float: left; padding: 5px; text-align: center;}
.sports-tip .team-caption {float: left; margin: 3px 0 0 11px; text-align: left;}
.rg2 {float: right; margin-left: auto; width: auto;}
.table-row-3 {background: #3d3d3d none repeat scroll 0 0; float: left; width: 100%;}
.row_3-caption {
  align-items: center;
  display: flex;
  flex-direction: row;
  float: left;
  height: 33px;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 49.7%;
}
.row_4-caption span, .row_3-caption span, .row_2-caption span {
  color: #fff;
  float: left;
  margin-left: 5px;
  text-align: left;
  width: 100%;
}
.table-row-3 ul {
  float: right;
  padding: 0 2px;
  width: 50.3%;
}
.table-row-3 ul li {
  float: left;
  margin-bottom: 5px;
  padding: 0 2px;
  width: 50%;
}
.ratio-box {
  border: 1px solid #000;
  border-radius:10px;
  color: #fff;
  float: left;
  height: 34px;
  line-height:auto;
  width: 100%;
}
.row-span {
  float: left;
  padding: 9px 3px;
  position: relative;
}
.row-strong {
  float: right;
  padding: 9px 3px;
  position: relative;
}
.table-row-2 {
  background: #3d3d3d none repeat scroll 0 0;
  float: left;
  width: 100%;
}.row_2-caption {
  align-items: center;
  display: flex;
  flex-direction: row;
  float: left;
  height: 33px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 25%;
}.table-row-2 ul {
  padding: 0 2px;
  width: 74.9%;
}.table-row-3 ul {
  padding: 0 2px;
  width: 50.3%;
}.table-row-2 ul li {
  float: left;
  margin-bottom: 5px;
  padding: 0 2px;
  width: 33.33%;
}.table-row-3 ul li {
  float: left;
  margin-bottom: 5px;
  padding: 0 2px;
  width: 50%;
}


.swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
