/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
body,div,ul,ol,dl,dt,dd,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,th,td,p { margin:0; padding:0 }
table {	border-collapse:collapse; border-spacing:0 }
fieldset,img { border:0 }
ol,ul { list-style:none }
li{ vertical-align: bottom;}
caption,th { font-style:normal;	font-weight:normal;	text-align:left }
h1,h2,h3,h4,h5,h6 { font-size:100%;	font-weight:normal }
a{ text-decoration:none; outline:none }
:focus{ outline:none }
p{ padding:10px 0 5px}
article, aside, details, figcaption, figure, footer, header, optgroup, nav, section, video { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
img{vertical-align:middle}
textarea {resize: vertical}
a{ color:#444; -webkit-transition: all 0.3s;transition: all 0.3s;}
a:hover{ text-decoration: none}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
:root {
  --link-color: #63C03D;
  --link-hover-color: #4CA62A;
}

h1,h2,h3,h4,h5,h6{ font-weight: 700}
/* FONTFACE*/

/*
300 
400 normal
500 medium
600 semibold
700 bold
800 extrabold
*/

/* behavior: url(PIE.htc); */

span.small{ font-size: 80%}

.navbar .glyphicon {
  position: absolute;
  top: 8px;
  left: -19px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.navbar .glyphicon-play-circle:before {
  content: "\e029";
}

ul.default-list,ul.default-list li{ list-style: disc outside}
ul.default-list{ padding: 10px 20px; font-size: 0.9em}
ul.default-list li{ }
ul.default-list li ul{ padding-left: 15px; list-style-type: circle }
ul.default-list li ul li{ list-style-type: circle }
ul.default-list li a{ color:#c70000 }
ul.default-list li a:hover{ text-decoration: underline }


.c ul,.c ul li{ list-style: disc outside}
.c ul{ padding: 10px 20px; font-size: 0.9em}
.c ul li{ }
.c ul li ul{ padding-left: 15px; list-style-type: circle }
.c ul li ul li{ list-style-type: circle }
.c ul li a{ }
.c ul li a:hover{ text-decoration: underline }

.c ol,.c ol li{ list-style-type: decimal;}
.c ol{ padding: 10px 20px; font-size: 0.9em}
.c ol li{ }
.c ol li ol{ padding-left: 15px; list-style-type: lower-alpha; }
.c ol li ol li{ list-style-type: lower-alpha; }
.c ol li a{ }
.c ol li a:hover{ text-decoration: underline }

.hr{ border-top:1px solid #dedede; display: block; width: 100%; height: 1px}



.img-full{ width: 100%; height: auto}

.link{ background: #56A74A; text-align:center;border:2px solid #56A74A; color: #fff; min-width: 120px; line-height: 35px; height: 36px; border-radius: 100px; font-size: 13px; font-weight: 800; display: inline-block;
  padding: 0 15px; margin-top: 10px; transition: all 0.3s;-webkit-transition: all 0.3s;}
.link:hover{ color: #fff;background: #2449A0; border-color: #2449A0}
.link-red{ background: #DD0D0D;border-color:#DD0D0D }
.link-red:hover{ }

.link-white{ background: none; border-color:#fff}
.link-white:hover{ background: #fff; color: #D33030; border-color: #fff}


.link-black{ background: none; border-color:#222; color: #222}
.link-black:hover{ background: #222; color: #efefef; border-color: #222}

.button-wrapper{ text-align: center; padding: 30px 0 50px; border-top: 1px solid #dedede; margin: 15px 0 0}
.button,.lnk{text-align:center; background: #63C040; border-radius: 2px;  color: #fff; display: inline-block; margin: 10px auto; line-height: 21px; height: 43px; padding: 11px 20px; font-weight: 700; font-size: 14px; text-decoration: none;
  /*position: relative;left: 50%; transform: translateX(-50%);*/}
.button:hover,.lnk:hover{background:#4CA62A; color:#fff}
.button-wrapper .button{ margin: 5px auto 0}
.header-info .button-wrapper{ padding: 23px 0 1px; margin-top: 30px}
.cbw,.cmbw{ border:none; padding: 10px 0 20px}
.cbw a.button,.cmbw a.button{ text-decoration: none}
.cmbw br{ display: none}

html{ overflow-x: hidden}
body{font:400 16px/1.5em 'Poppins', Helvetica, Arial, sans-serif;background: #363349; color: #444  }
#wrapper{ background: #eaeaea; position: relative; width: 100%; z-index: 3 }
#wrapper-overlay{ background: rgba(38,36,49,0.7); position: absolute; left: 0; top:0;z-index: 3; width: 100%; height: 100%}



a,button{ cursor:pointer}
a:hover{ text-decoration: none; color:#222}

.tag-list{ padding: 60px 0 0}
.tag-list h6{ font-size: 14px; line-height: 16px; display: block; padding: 0 0 15px; font-weight: 600}
.c .tag-list a{ display: inline-block; padding: 7px 17px; text-align: center; border-radius: 100px; color: #888; font-weight: 600; background: #eaeaea; margin: 5px 10px 5px 0; font-size: 12px; line-height: 20px; text-decoration: none}
.c .tag-list a:hover{ background: #dadada}

.container{ max-width: 1190px !important; position: relative}
.v-a{}
.v-a:before{ content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}



.shdw{
  background: #fff;
  background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(235,235,235,0.50) 100%);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15), 0 2px 5px 0 rgba(0,0,0,0.11);
  border-radius: 4px;
  }
.container{ padding-right: 10px; padding-left: 10px }

.row{ margin-left: -10px; margin-right: -10px}
.row>div[class^="col-"]{ padding-left: 10px; padding-right: 10px}

#header{ position: absolute; left: 0; top:0; width: 100%; z-index: 3 }

#header .navbar{}
#header .nav-item:last-child{ padding-right: 0; padding-left: 20px; border: none}
#header .nav-link.home-link{ }
#header .navbar-toggler{ position: absolute; right: 10px; top:10px; padding: 0.5rem 0; outline:none}
#header .navbar-toggler-icon{ width: 1.3em; height: 1.3em }
.navbar-inverse .navbar-toggler-icon {
  background: url(../images/menu-collapse.png) no-repeat center center; background-size: 20px auto;
  /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3'  stroke-miterlimit='20' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); */
}



#header .navbar-brand{ padding: 1rem 0}
.navbar-top{ position: relative; height: 85px; border-bottom: 1px solid #ddd}
.navbar-top:after{ display: block; content: ''; background: transparent url(../images/10.png) no-repeat center 0; background-size: 33px auto;
  width: 33px; height: 26px; position: absolute; top: 50%;left: 24px; margin-top: -13px  }
.nb-close{  position: absolute; right: 25px; top:50%; margin-top:-15px; height: 30px; width: 30px;  outline:none; border:none; background: none;}
.nb-close:not(:disabled):not(.disabled){cursor:pointer}
.nb-close .navbar-toggler-icon{ background: url(../images/nb-close.png) no-repeat center center; background-size: 14px auto; width: 100%; height: 100%}

#header .navbar-collapse{ display: block;width: 80%; height: 100%; background: #fff; position: fixed; right: -100%; top:0; z-index: 1}
#header .navbar-nav{ }
#header .navbar-collapse.show{ }
#header .nav-item{  border-bottom: 1px solid #ddd; padding: 0 }
#header .nav-link{ color:#444; font-size: 13px; font-weight: 600;padding: 20px 24px; position: relative}
#header .nav-link:before{ content: ''; display: block; right: 20px; top:50%; position: absolute; width: 20px; height: 30px; margin-top: -15px; background-repeat: no-repeat; background-position: center center; background-size: 20px auto}

#header .nav-link:hover{opacity: 0.7}
#header .nav-link.video-link{ color:#55AC35  }
#header .nav-link.video-link:before{ background-image: url(../images/link-video-2x.png)  }
#header .nav-link.bs-link:before{ background-image: url(../images/link-bs-2x.png)  }
#header .nav-link.jr-link:before{ background-image: url(../images/link-jackpot-black.svg); width: 32px; height: 30px; background-size: contain; right: 15px  }
#header .nav-link.oy-link:before{ background-image: url(../images/link-oy-2x.png)   }
#header .bs-link{  }
#header .oy-link{  }
#header .ha-link{ background:#419123; color:#fff; width: 100%    }
#header .ha-link:hover{ background:#127c27; opacity: 1     }
#header .home-link{ color:#666; font-weight: 400;position: absolute; bottom:0; left: 0; background: #eaeaea; text-align: center; width: 100%; min-height: 20px; line-height: 20px }
.navbar-home{ background: transparent url('../images/home.png') no-repeat 0 0; background-size: 20px 17px; text-indent: -9999em; width: 20px; height: 17px; margin-top: -15px}
#header .nav-link.home-link:before{ display: none}

#footer{line-height: 1.3em; color: #69657B; text-align: center;background: #363349; margin: 60px 0 0}
.category-bahis #footer{ margin-top: 0}



.f-top{ background: #2F2C40; padding: 25px 0}
.f-text{ padding: 25px 10px; font-size: 12px}
.menu-social{ text-align: center; padding: 25px 0; border-top:1px solid #4A485A}
.menu-social>li{ display: inline}
.menu-social>li>a{ padding: 0 5px}
.menu-social>li i{ display: inline-block; width: 27px; height: 24px; background: transparent url(../images/i-facebook.png) no-repeat center 0; background-size: auto 24px; text-indent: -9999em; -webkit-transition: all 0.3s; /* Safari */
  transition: all 0.3s; opacity: 0.2;}
.menu-social>li.ms-t a{ padding-right: 3px}
.menu-social>li.ms-t i{ background-image: url(../images/i-twitter.png);}
.menu-social>li.ms-tl i{ background-image: url(../images/i-telegram.png);}
.menu-social>li.ms-y i{ background-image: url(../images/i-youtube.png); width: 32px; background-size: auto 23px}
.menu-social>li.ms-i i{ background-image: url(../images/i-instagram.png); background-size: auto 22px; background-position: center 1px }
.menu-social>li a:hover i{ opacity: 1;}
.menu-footer-support{padding: 15px 0 0;font-size: 12px; line-height: 1.3em; color: #69657B; text-align: center}
.menu-footer-support>li{display: inline}
.menu-footer-support>li>a{color: #69657B; padding: 0 5px; text-decoration: underline}
.menu-footer-support>li>a:hover{color: #d4cfeb;}

/*--------------------------------------------------------------
# Promo
--------------------------------------------------------------*/
#promo,#header-section{ position: relative; overflow: hidden;  }
#promo{ background: #363349 }
#promo .overlay,#header-section .overlay{ display: block; position: absolute; top:0; left: 0; width: 100%; height: 100%; background:#363349 ; opacity: 0.7; }
#promo .overlay{ opacity: 0.5}
#promo .p-bottom{ display: block; position: absolute; bottom:0; left: 0; width: 100%; height: 50%; background:url(../images/promo-bottom.png) repeat-x center bottom ;  }
#promo .owl-carousel{ position: absolute; left: 0; top:0; width: 100%; height: 100%;  }
#promo .owl-stage-outer,
#promo .owl-item,
#promo .item,
#promo .owl-stage{ height: 100%}


body.page #header-section.no-img{ height: 80px}

#promo .owl-dots{ position: absolute; left:0; bottom:30px; width: 100%}
#promo  .owl-dots .owl-dot span { position: relative; width: 6px; height: 6px; background: #fff; opacity: 0.4; }
#promo  .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}


#promo .owl-dots .owl-dot:hover span { opacity: 1 }
#promo .owl-dots .owl-dot.active span { opacity: 1 }
#promo .owl-dots .owl-dot.active span:before {
  border:1px solid #fff;
  border-radius: 100px;
  width: 12px; height: 12px; position: absolute; top:-3px; left: -3px; content:''; display: block;
}

.p-bg,.hs-bg{ text-align: center;background-repeat:  no-repeat; background-position: center 0; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0}
.p-container{ text-align: center; position: absolute; left: 0; top:0; width: 100%; height: 100%}
.p-c-container{ color:#fff;z-index: 2; position: relative;display: inline-block;
  vertical-align: middle; max-width: 99%; text-align: center }

.p-c em.tag{ font-style: normal; font-weight: 700}
.p-c h4{ font-weight: 700; font-size: 40px; line-height: 42px}
.p-c h4 p{ padding: 0}
.p-c p{ padding: 5px 0}
.p-c p~p{ padding:0}
/* fazla p gelirse*/

.p-c .p-link{ background: #63C040; border-radius: 2px; border:none;  padding: 10px 20px; min-width: 125px; line-height: 27px; color: #fff; font-weight: 700; text-align: center; display: inline-block; margin: 15px auto 0}

.p-c .p-link:hover,.p-c .p-link:active{ background-color: #4CA62A }

.new{ display: block; position: absolute; left: -8px; top:-3px; background: transparent url(../images/yeni.png) no-repeat 0 0; background-size: 100% auto; width:80px; height: 90px }


/*--------------------------------------------------------------
# Category Nav
--------------------------------------------------------------*/
#cat-nav{ background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.11); overflow: hidden;margin: 0 auto}
#cat-nav nav{ display: block; max-width: 1170px; margin: 0 auto; overflow: hidden; overflow-x: auto; overflow-y: hidden; white-space: nowrap; will-change: scroll-position; -webkit-overflow-scrolling:touch;  -ms-overflow-style: none; scrollbar-width: none;  }
#cat-nav nav::-webkit-scrollbar { display: none;}

#cat-nav ul{ text-align: center; padding: 0 10px }
#cat-nav ul li{ display: inline-block; padding: 0 5px; flex: 1 }
#cat-nav ul li a{ opacity: 0.6; font-size: 13px; line-height: 30px; padding: 15px 7px; font-weight: 600; color:#444; display: block; position: relative }
#cat-nav ul li a:hover{  opacity: 1 }
#cat-nav ul li.active a{ opacity: 1  }
#cat-nav ul li.active a:after{ content:''; display: block; background: #63C040; height: 5px; width: 90%; position: absolute; bottom:0; left: 5% }
#cat-nav ul li i{ padding-right: 8px }
#cat-nav ul li i img{ height: auto; max-width: 26px}
#cat-nav ul li.cn-b img{ width: 20px;}
#cat-nav ul li.cn-lc img{ width: 22px;}
#cat-nav ul li.cn-c img{ width: 19px;}
#cat-nav ul li.cn-p img{ width: 18px;}
#cat-nav ul li.cn-gk img{ width: 18px;}


section.s{ padding: 50px 0 0}
section.s-bonuslar{}
/*
section.s-bonuslar img{ display: inline-block; float: left; margin-right: 10px; border-radius: 2px; max-width: 165px; height: auto}
.s-b-inner{ overflow: hidden; padding: 5px 5% 5px 5px; position: relative; margin-top: 1px}
.s-b-inner .arrow{ background: transparent url(../images/b-arrow.png) no-repeat center 0; background-size: 15px auto; width: 15px; height: 15px; display: block; position: absolute; right: 15px;
  bottom:15px; }
.s-b-inner.ph{ border: 1px dashed #C0C0C0; border-radius: 4px; padding: 10px}
.s-b-inner.ph img{  width: auto; height: auto; float: none; border-radius: 0; margin: 0 auto}
.s-b-inner.ph img.ph-logo{ position: absolute; left: 50%; bottom:50px; margin-left: -53px}
*/

section.s-bonuslar img{  border-radius: 2px; max-width: 100%; height: auto}
.s-b-inner{ overflow: hidden; padding: 5px 5% 5px 5px; position: relative; margin-top: 1px}

.s-b-inner .arrow{ background: transparent url(../images/b-arrow.png) no-repeat center 0; background-size: 15px auto; width: 15px; height: 15px; display: block; position: absolute; right: 15px;
  bottom:15px; }
.s-b-inner.ph{ border: 1px dashed #C0C0C0; border-radius: 4px; padding: 10px}
.s-b-inner.ph img{  width: auto; height: auto; float: none; border-radius: 0; margin: 0 auto}
.s-b-inner.ph img.ph-logo{ position: absolute; left: 50%; bottom:50px; margin-left: -53px}


.s-bonuslar .row>div{ padding-bottom: 15px}
.s-b-inner{ padding: 5px; height: 100%}
section.s-bonuslar img{ width: 100%; height: auto; margin: 0 auto 20px; }
.s-b-inner h3{ font-size: 18px; font-weight: 600;line-height: 23px; padding: 0 15px;/* min-height: 46px*/}
.s-b-inner h4{ font-size: 13px; padding: 0 15px;  font-weight: 700; color: #63C040;}
.s-b-inner .lnk{  float: right; display: block; margin:0 20px 15px 0}
.s-b-inner .arrow{ display: none}
.new{ width: 109px; height: 110px;left: -11px; top:-4px;}
.s-b-c{ display:block; padding:20px 15px 20px 20px; margin: 20px -5px 20px; font-size: 14px; line-height: 20px; color: #666; border-top: 1px solid #ddd; border-bottom:1px solid #ddd}





.ph-content{ margin-top: 150px; min-height: 200px; color: #aaa; font-size: 14px; font-weight: 400; text-align: center; padding: 85px 10% 0; line-height: 1.5em;
background: transparent url('../images/ph-icon.png') no-repeat center top; background-size:82px auto;}
.ph-container~.ph-container .ph-content{ background:url('../images/ph-icon-2.png') no-repeat center 10px; background-size: 78px auto; }
.ph-container~.ph-container~.ph-container .ph-content{ background:url('../images/ph-icon.png') no-repeat center top;background-size:82px auto; }

.ph-none .ph-content{ min-height: 340px}

.content-loop-titles{ display: flex; flex-wrap: wrap;flex-direction: row}
.content-loop-titles h3,.content-loop-titles h4{
  order:1; display: flex; flex: 0 0 100%; width: 100%;
}
.content-loop-titles h4{ order:0}
@media (min-width: 992px){
  .content-loop-titles{width: 100%; }
}

/*
.s-b-inner h4{ font-size: 12px; font-weight: 700; color: #63C040; padding: 10px 0 3px}
.s-b-inner h3{ font-size: 13.5px; font-weight: 600; line-height:1.35em }
.s-b-inner .lnk{ display: none;}
*/
.s-header{ padding: 0 0 40px; text-align: center}
.s-header h2,.s-header h1{ font-size: 18px; line-height: 1.2em }
.s-header em{ font-style: normal; font-size: 12px; line-height: 1.2em; color: #888; display: inline-block }

body.category-bahis .s.banner{ padding-top: 0}

section.s-odds{text-align: center}
.odds-list>div{padding-top: 30px; padding-bottom: 30px; background: #E3E3E3; border-top: 1px solid #ccc;}
.odds-list>div:nth-child(even){ background: none}

.o-images{ border-bottom: 2px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; max-height: 76px}
section.s-odds .o-images img{ margin: 0 8px; display: inline; width: auto}
.o-time{ display: block; color: #999 }
.o-date{ display: block;font-size: 13px; line-height: 1.2em; text-align: center; position: relative }

.s-odds strong{ display: block; font-weight: 600; font-size: 16px; line-height: 1.3em; vertical-align: bottom; padding: 25px 0  }
.s-odds strong span{ display: inline-block; width: 46%; padding: 0 0 0 30px; text-align: left ;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.s-odds strong span:first-of-type{ padding: 0 30px 0 0; text-align: right }
.s-odds .s-header em{ display: block; line-height: 1.5em; }
.s-odds .s-header ul{ display: none; float: right; text-align: right; font-size: 14px; font-weight: 700; color: #999 }
.s-odds .s-header ul>li{ display: inline-block; text-align: center;margin-left: 1px;min-width: 50px; padding: 5px 9px }
ul.odds{ text-align: center}
ul.odds>li{ display: inline-block; color:#fff; background: #aaa; border-radius: 2px; margin-left: 1px; font-size: 14px; line-height: 15px; font-weight: 700; text-align: center; min-width: 50px; padding: 5px 9px}
ul.odds>li:first-child{ margin-left: 0}
ul.odds>li:hover{ background: #4CA62A}

.leauge-logo{ display: inline-block; position: absolute; left: 50%; top:50%; margin: -17px 0 0 -17px; vertical-align: middle; width: 33px; height: 30px; padding: 0 5px; text-align: center;  /*background: transparent url('../images/leagues/tsl-2x.png') no-repeat center center; background-size:23px auto; */}
.o-tsl .leauge-logo{ }

.single section.s.s-odds-flag{ padding: 0; overflow: hidden}
.s-odds-flag .odds-list>div:first-child{ border-top:none}
.s-odds-flag .odds-list>div:last-child{ border-bottom:1px solid #ccc}
.s-odds-flag strong span{ position:relative; padding:0 0 0 65px; height: 40px; line-height: 40px; }
.s-odds-flag strong span:first-of-type{ padding: 0 65px 0 0}
.s-odds-flag strong span img{ position:absolute; top:0; left: 20px}
.s-odds-flag strong span:first-of-type img{ right: 20px; left: auto}


@media (max-width: 375px){
  .s-odds-flag .row>div[class^="col-"]{ padding: 0}
  .s-odds-flag strong span{ }
  .s-odds-flag .odds-list>div>div.container{ padding-left: 0; padding-right: 0}
  .s-odds-flag strong span img{  left: 17px}
  .s-odds-flag strong span:first-of-type img{ right: 17px; }

}


section.s-casino .owl-carousel{ max-width: 1170px;  margin: 0 auto}
section.s-casino .owl-stage-outer{  padding-left: 10px }
section.s-casino .owl-stage{  overflow: hidden; padding-bottom: 4px ; margin: 0 auto}
section.s-casino .item{ width:140px }
section.s-casino .owl-item:first-child{ }
section.s-casino .item a{ display: block;
  background: #fff;
  background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(235,235,235,0.50) 100%);
  border: 5px solid #fff;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15), 0 2px 4px 0 rgba(0,0,0,0.11);
  border-radius: 4px; }

.single section.s{ padding:20px 0}
#banner-top{ margin-top: 10px }
.banner-top-inner{ overflow: hidden; }
.banner-top-inner.shdw{ /* Rectangle 9: */
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.15), 0 2px 5px 0 rgba(0,0,0,0.11);
}


.banner-bg{ background-repeat:  no-repeat; background-position: center 0; background-size: cover; width: 100%; height: 100%;}
.banner-bg img{ margin: 0 auto; display: block}

ul.gk-list{ font-size: 14px;border-top: 1px solid #ccc}
ul.gk-list>li{border-bottom: 1px solid #ccc}
ul.gk-list>li:nth-child(even){background: #e3e3e3}
ul.gk-list>li>a{ padding: 15px 40px; display:block; position: relative}
ul.gk-list>li>a:before{ display: block; content: ''; background: transparent url(../images/b-arrow.png) no-repeat center 0; background-size: 15px auto;
  width: 15px; height: 15px; position: absolute; top: 50%; margin-top: -5px; left: 10px; }
ul.gk-list>li>a:after{ display: block; content: ''; background: transparent url(../images/10.png) no-repeat center 0; background-size: 25px auto;
  width: 25px; height: 20px; position: absolute; top: 50%; margin-top: -10px; right: 15px; }
ul.gk-list>li>a:hover{ background: #efefef }
.read-more{ font-size: 14px; color: #63C040; text-decoration: underline; text-align: center; display: inline-block; margin: 15px auto 0}




#header-section .v-a{ position: absolute; width: 100%; height: 100%; top:0; left: 0; text-align: center }
#header-section .hs-inner{ color: #fff;z-index: 2;display: inline-block;vertical-align: middle; max-width: 99%;text-align: center; font-size: 14px; line-height: 1.3em }
#header-section h1{ font-size: 36px; line-height: 1.2em; padding:35px 10px 0; margin: 0 auto;text-transform:uppercase}
body.category-genel-kampanyalar #header-section h1{ font-size: 30px; max-width: 90% }
#header-section p{ padding:0 0 5px}

#header-section img.img-category{ max-width: 150%; width: 100%}
#header-section:after{ display: block; content: ''; position: absolute; top:0; left: 0; width: 100%; height: 40%;opacity: 0.8;
  background-image: linear-gradient(-180deg, #000000 0%, #000000 30%, rgba(0,0,0,0.00) 100%);}
.category #header-section:after{ display: none}


.single #footer,.page #footer{ margin: 0}


.back{ background: #63C040 url(../images/back.png) no-repeat center center; background-size: 15px auto; width: 45px; height: 45px; text-indent: -9999em; display: block; position: absolute; bottom:0; left: 0}
.back:hover{ opacity: 0.8}

.header-info{ background: #fff; text-align: center; padding: 30px 0; border-bottom:1px solid #dedede;  }
.header-info .container{display: flex; flex-wrap: wrap; text-align: center; justify-content: center  }

.header-info h1{ font-size: 24px; line-height: 1.2em; font-weight: 700; display: flex; order:2; flex: 0 0 100%; width:100%; justify-content: center}
.header-info h2{ font-size: 12px; line-height: 1.2em; font-weight: 600; color:#63C040; display: flex; order:0;  flex: 0 0 100%;  width:100%; justify-content: center}
.header-info h2 a{ color:#63C040 }
.content{ background: #fff}

.content .c{ background: #fff; padding: 20px 6% 30px; font-size: 14px; line-height: 1.6em}
.content .c h2,
.content .c h3,
.content .c h4,
.content .c p{ padding: 15px 0}
.content .c h1,
.content .c h2,
.content .c h3,
.content .c h4,
.content .c strong,
.content .c b{ font-weight: 600}
.c a,.c a span{ text-decoration: underline }
.content .c p.pn{ padding: 2px 0}
/* boş gelen p'ler */


details{ margin: 10px 0; padding: 0 15px; background: #fefefe;  border:1px solid #dfdfdf;  border-radius: 3px; }
  details summary{ background: #f8f8f8; margin: 0 -15px; padding:12px 10px 12px 30px; font-weight: 500; font-size: 0.9em; position: relative}
details summary::marker, summary::-webkit-details-marker{ display: none; content:""}
details summary::before{
  content: "";position: absolute; left: 10px; top: 23px;background: transparent url(../images/ipy/py-arrow.png) no-repeat center center;
  background-size: 13px 9px; width: 13px; height: 9px; display: block; -webkit-transition: -webkit-transform .2s linear; transition: transform .2s linear;
  -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
details summary:hover{ background:#efefef }
details[open] summary::before{  -webkit-transform: rotate(0);
  transform: rotate(0); }

details[open]{ padding-bottom: 10px }
details[open] summary{ }
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.content .c .alignleft {
  display: inline;
  float: left;
  margin:0 1em 0.5em 0;
}

.content .c .alignright {
  display: inline;
  float: right;
  margin:0 0 0.5em 1em;
}

.content .c .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.content .c img.size-full{ max-width: 100%; height: auto}
.c table.table,.modal-body table{ margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #dee2e6; font-size: 0.9em; width: 100%}
.modal-body table{margin: 0}
.c table.table thead,.modal-body table thead{background:#dedede; border-radius: 4px }
.c table.table thead th,.modal-body table thead th{border:none; font-weight: 700 }
.c table.table tr{ height: auto}
.c table.table td{ padding: .7rem .75rem; width: auto}

.c table:not(.table-no-title)>tr:first-child{background:#dedede; border-radius: 4px }
.c table:not(.table-no-title)>tr:first-child td{border:none; font-weight: 700 }
.c table tbody>tr:nth-child(odd){ background: #f5f5f5}



.c table.table-no-bg td,.c table.table-no-bg tr{ background: transparent !important;}
.c table.table table{ border:none; background: none; font-size: 1em; margin:0}
.container.c table table td{ border:none; background: none; padding: .2rem}

.kosullar table.table tbody tr:nth-child(odd){ background: transparent}



.kosullar{background: #eaeaea; font-size: 12px; line-height: 1.4em; color:#888;border-radius: 4px; margin: 20px 0 0; clear: both}


  .kosullar>ul{ padding-bottom: 20px}
  .kosullar ul{ padding: 0 25px 20px 35px}
  .kosullar h5,.kosullar .k-content>strong{ padding: 0 25px 10px 35px}
  .kosullar ul, .kosullar ul li{list-style: disc outside}
  .kosullar ul li{padding: 10px 0; font-size: 1em }
  .kosullar ul li a{ text-decoration: underline}
  .kosullar ul li ul{padding: 10px 15px 0px 15px; list-style-type: circle}
  .kosullar ul li ul li{list-style-type: circle;padding: 5px 0 5px 0; }


 .content .social-button-wrap{ margin: 25px 0 0;}
 .content .social-button-wrap h3{ font-size: 14px; line-height: 18px; padding: 15px 0 0}
 .content .social-button-wrap a{     -webkit-transition: none;
   transition: none}

.c .btn-kosullar{ display: block; padding: 17px 7px; font-weight: 800; color: #888; font-size: 13px; text-decoration: none }
.btn-kosullar:before{content:""; display: block; clear: both; width: 100%; height: 1px}
.btn-kosullar:hover{  }
.btn-kosullar>i{ display: inline-block; font-style: normal; padding:0 8px 0 0;top:0; font-size: 14px; position: relative}


.similar-posts{box-shadow: inset -2px 13px 12px -10px rgba(0,0,0,0.14);; background: #eaeaea; padding: 40px 0}


.s404 { font-size: 24px; line-height: 1.5em}
.s404 h2{ font-size: 42px; line-height: 50px}

/*--------------------------------------------------------------
# Video
--------------------------------------------------------------*/
.c .wp-video{ width: 100% !important}
.c .mejs-container {
  width: 100% !important;
  height: auto !important;
  padding-top: 56.25%; /* 16:9*/
}
.c .mejs-overlay,.c .mejs-poster {
  width: 100% !important;
  height: 100% !important;
}
.c .mejs-mediaelement video {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
}


/*--------------------------------------------------------------
# navitagiton.pagination
--------------------------------------------------------------*/

.navigation.pagination{ text-align: center; display: block; clear: both; padding-top: 20px}
.navigation.pagination .page-numbers{ padding: 2px 5px; min-width: 30px; border-radius: 4px; line-height: 25px; color: #666; text-align: center; background: #dedede; font-size: 14px; display: inline-block;font-weight: 600}
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next,
.navigation.pagination .page-numbers.dots{ background: none;  }
.navigation.pagination .page-numbers.current{ background: none; color: #999}
.navigation.pagination .page-numbers.prev,
.navigation.pagination .page-numbers.next{ font-size: 16px;}
.navigation.pagination .page-numbers.current:hover{  color: #999}
.navigation.pagination .page-numbers:hover{ color: #444}




/*--------------------------------------------------------------
# priceBoost
--------------------------------------------------------------*/
dl.priceBoost{ padding: 20px 0;font-size: 1em; text-align: left}
dl.priceBoost a{ text-decoration: none}
dl.priceBoost a span{ text-decoration: none}
dl.priceBoost p{ padding: 0 !important;}
dl.priceBoost dt{ background: #efefef; border-radius: 4px; padding: 15px 30px 15px 15px; font-weight: 500; margin-top: 10px; cursor:pointer; position: relative;}
dl.priceBoost dt span{  font-size: 0.8em; color:#5e5e5e; padding-left: 5px}
dl.priceBoost dt:first-child{  margin-top: 0}
dl.priceBoost dt:hover{  background: #e6e6e6}
dl.priceBoost dt:after{  content: "\f347"; font-family: "dashicons"; position:absolute; right:15px; top:15px;
  -webkit-transition: -webkit-transform .1s linear; transition: transform .1s linear,-webkit-transform .1s linear}
dl.priceBoost dt.closed:after{  -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
dl.priceBoost dd{ font-size: 1em; margin-bottom: 20px}
dl.priceBoost dd div.pbodds{ position: relative;  padding: 16px 20% 16px 15px; border-top: 1px solid #ddd}
dl.priceBoost dd div.pbodds:first-child{  border:none; margin-top: 0}
ul.pB{ list-style: none; overflow: hidden; position: absolute; right: 15px; top:15px; text-align: center; padding: 0}
ul.pB>li{ list-style: none; float: left; padding: 0 5px; color:#666; font-weight: 600;}
ul.pB>li:first-child{text-decoration: line-through; font-weight: 500 }
ul.pB>li span{ background: #4CA62A; padding: 1px 15px 0; border-radius: 100px; color:#fff; display: inline-block; text-align: center; min-width: 70px; cursor: pointer}
ul.pB>li span:hover{ background: #63C040;}
ul.pB>li:first-child span{ background: #efefef; color:#888;text-decoration: line-through }
.pBDesc{ display: block; font-size: 0.9em; padding: 5px 15px 0; color:#666}






.content-btn-container{ text-align: center; padding: 20px 0 10px; }
.c .content-btn-container h3{  font-weight: bold;padding: 0 0 0 9%; }
.c .content-btn-container div:first-child h3{  font-weight: bold;padding: 0 9% 0 0;}
.content-btn-container div .button-wrapper{ border:none; padding: 0 0 0 9%; margin: 20px 0; position: relative}
.content-btn-container div:first-child .button-wrapper{ padding: 0 9% 0 0; }
.content-btn-container div:first-child .button-wrapper:after{ content: ""; height: 100%; width: 1px; border-left: 1px solid #dedede; position: absolute; right: -11px; top:0 }
.content-btn-container .button{ text-decoration: none; width: 100%; margin: 0 auto}

.content-top{ padding: 40px 0 30px; margin-top:30px; border-top:1px solid #dedede; text-align: left}
.content-top>div{ padding: 0 3%; max-width: 1190px; margin: 0 auto}
.content-top>div p{ padding: 15px 0 10px }
.content-top>div strong{ color:#63C040; font-weight: 600 }


.content-top .content-btn-container{margin-bottom: -30px; padding-top: 40px}

/*--------------------------------------------------------------
# Calendar
--------------------------------------------------------------*/

.row.gutter-5{ margin-left: -5px; margin-right: -5px; padding: 15px 0}
.row.gutter-5>div[class^="col-"]{padding: 5px}
.cd{  padding-bottom: 100%; position: relative ;font-size: 0.9em }
.cd.active{  z-index: 2  }
.cd a{ transition: all 0.3s;-webkit-transition: all 0.3s; text-decoration: none }
.cd a,.cd.disabled a:hover{ display: block; background: transparent url(../images/calendar-2x.png) no-repeat 8px 8px; background-size:12px 12px;  box-shadow: none; position: absolute; left: 0; top:0; width: 100%; height: 100%;border: 1px solid #ccc; text-align: center; color:#444;justify-content: center;}
.cd a:hover{ background-color: #fff;border-color: #bbb; box-shadow: 0 0 30px 0 #ccc; }
.cd.active a{ color:#fff; background-color: #4CA62A; background-image:url(../images/calendar-w-2x.png);  border-color:#4CA62A;box-shadow: 0 0 30px 0 #ccc; z-index: 2 }

.cd.disabled{ opacity: 0.4}
/*
.cd.disabled em{ background: #999; font-weight: bold; line-height:25px; height: 22px; width: 22px; left: 50%; margin-left: -11px; color: #fff; border-radius: 11px; font-size: 16px; font-style: normal; font-weight: 700 }
 */
.cd.disabled a{cursor:default;color:#666}


.cd a strong{  display: inline-block; vertical-align: middle;font-size:2em ; line-height: 1em; margin-top: -10px}
.cd a strong span{ font-size: 0.4em; line-height: 1em; display:block; text-decoration:none}
.cd a em{ color:#999; position: absolute; left: 0; bottom:9%; width: 100%; font-size: 0.7em}
.cd.active a em{ color:#fff;}

.cd a:before{content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}

.cd a:after{
  transition: all 0.3s;-webkit-transition: all 0.3s;content: '';
  opacity: 0;position: absolute;bottom: -10px;left: 50%;width: 0;height: 0;
  margin-bottom: -10px;margin-left:-10px;
  border-top: solid 10px #4CA62A;border-left: solid 10px transparent;border-right: solid 10px transparent;border-bottom: solid 10px transparent;background: none !important;
}

.cd.active a:after{ opacity: 1}
.cd.closed a *{ opacity: 0.6}
.cd.closed a:hover *{ opacity: 1}
.cd.closed.active a *{ opacity: 1}


.cDetailContainer{ background: #fff; width: 100%; margin: 0; padding: 20px 0}
.c-content-wrapper{ padding: 0 5px; overflow: hidden}
.c-content-wrapper>div{ display: none;  -webkit-transition: all 0.3s; /* Safari */transition: all 0.3s;}
.c-content-wrapper>div.show{ display: block }
.c-content-wrapper>div.active{ display: block }


.c .calendar-image{ padding: 0 0 30px}
.c .calendar-image img{ border-radius: 2px}
.c .calendar-title{ padding: 0 0 15px}
.c .calendar-title h2{ padding: 0; font-size: 1.2em}
.c .calendar-content{}

.c .c-nav{ padding: 0 5px 0 0; list-style: none!important;}
.c-nav>li{ border-bottom: 1px solid #ddd; padding: 0 0 10px; margin: 10px 0; font-size: 0.9em; line-height: 1.2em; font-weight: 600; list-style: none!important;}
.c-nav>li:first-child{ margin-top: 0}
.c-nav>li>a{ display:block; text-decoration: none; opacity: 0.5; color: #222; padding: 5px 0 5px 15px; background: transparent url(../images/bullet.png) no-repeat 3px 10px; background-size:6px 6px;white-space: nowrap;
  overflow: hidden;text-overflow: ellipsis; }
.c-nav>li.active>a{ opacity: 1}
.c-nav>li>a:hover{ opacity: 0.8; text-decoration: none!important;}
.c-nav em{ display: block; color:#63C040; font-size: 0.87em; font-weight: 500}

.loading{ text-align: center; padding: 50px;animation: blinker 1s linear infinite;}
@keyframes blinker {
  50% { opacity: 0.2; }
}

/*--------------------------------------------------------------
# IPY
--------------------------------------------------------------*/
.post-template-ipy-single-post #wrapper { overflow: hidden }
.post-template-ipy-single-post .content-top .content-btn-container {
  margin-bottom: 7px;
  padding-top: 0px;
}

.post-template-ipy-single-post .header-info h2{ display: none}
.post-template-ipy-single-post .content .c{ padding: 0}

.ipy-section:first-child{border:none}
.ipy-section{ border-top:1px solid #dedede; position: relative; padding: 16px; text-align: center; color:#444}
.ipy-section .divider{ display: none; width: 46px; height: 30px; position: absolute; top:-15px; left: 50%; margin-left: -23px; background: #fff url(../images/ipy/section-divider.png) no-repeat center center; background-size: 26px 16px; }
.ipy-section-inner{  padding: 35px 0}
.ipy-section:nth-child(even) .ipy-section-inner{ background: #F5F5F5;}
.ipy-section-inner h3{ font-weight: 700; font-size: 24px; line-height: 30px; }
.ipy-section-inner .button{ width: 100%; max-width: 345px; font-size: 16px; height: 50px; line-height: 28px; margin-top: 25px }
.ipy-section-top{ font-size: 21px; line-height: 30px}

.ipy-section-number{
  text-align: center; display: block; width: 74px; height: 74px; border-radius: 100px; padding: 6px;
  position: absolute;
  background: #EEEEEE;
  box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.28); top:-100px; left: 50%; margin: 0 0 0 -37px
}

.ipy-section-number>span{
  font-weight: 800;
  font-size: 30px;
  color: #63C040; line-height: 62px;
  background: #FFFFFF;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16); width: 62px; height: 62px; border-radius: 100px; display: block;
}

.choose-bonus-container{
margin:30px -15px
}
.choose-bonus-container>div[class^="col-"]{ padding-left: 15px; padding-right: 15px; margin-top: 60px; -webkit-transition: all 0.3s;transition: all 0.3s;}
.choose-bonus-container>div[class^="col-"]:before{ content: ""; display: block; width: 20px; height: 19px; background: transparent url(../images/ipy/star.png) no-repeat center center; background-size: 20px 19px;
position: absolute; top:-7px; left: 50%; margin-left: -10px; z-index: 2}
.choose-bonus{ position: relative;  background: #eee;box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.28); border-radius: 4px; padding: 6px; height: 100%}
.choose-bonus>div.choose-bonus-inner{ background: #fff; border-radius: 2px; overflow: hidden; height: 100%}
.ipy-section-inner .choose-bonus a{ margin: 0 !important; border-radius: 0; height: auto !important; min-height: 50px; max-width: 1000px}
.ipy-section-inner .not-selected .choose-bonus a:hover{background:#63C040}
.ipy-section-inner .not-selected .choose-bonus a{ pointer-events: none;}

.choose-bonus-header{ padding: 30px 5px; border-bottom: 1px solid #eee}
.choose-bonus-header strong{ line-height: 46px;display: inline-block; font-weight: 800; font-size: 46px}
.choose-bonus-header strong span{ line-height:18px; display: inline-block; font-size: 16px; text-align: left; font-weight: 700; padding-left: 5px}
.choose-bonus-header em{ display: block; font-weight: 700; font-size: 18px; line-height: 18px; color:#63C040; font-style: normal}
.choose-bonus-content{ padding: 25px 15px; color:#999; font-size: 15px; line-height: 23px}

.choose-bonus-guide{background: #FFFFFF; display: none;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16); margin-top: 10px;
  border-radius: 4px; color:#63C040; font-size: 13px; line-height: 18px; padding: 10px 5px; font-weight: 700; position: absolute; left: 0; top:100%; width: 100%}
.choose-bonus-guide span{ background: transparent url(../images/ipy/bonus-selected.png) no-repeat right bottom; background-size: 16px 18px; padding-right: 20px; display: inline-block}

.selected .choose-bonus-guide{ display: block}

.choose-bonus-container>div[class^="col-"].not-selected{ opacity: 0.4;}
.choose-bonus-container>div[class^="col-"].not-selected a{ cursor:default}

.ipy-bonus-find{ padding-top: 30px}
.ipy-bonus-find h4{  font-size: 16px; line-height: 20px; color:#999; margin-bottom: 30px}

#ipybb-text{ border:none; border-bottom:2px solid #ccc; padding-bottom: 10px; font-size: 46px; line-height: 50px; font-weight: 700; height: 70px; background: none; text-align: center}

.ipybb-button{ margin-top: 20px; padding: 0 30px; text-align: center; border:2px solid #ccc; background:transparent; font-size: 16px; font-weight: 700; color:#999; height: 54px; line-height: 54px; border-radius: 50px;
  -webkit-transition: all 0.3s;transition: all 0.3s;}
.ipybb-button:hover{ color:#444; border-color: #444}
.ipy-start-playing{ padding-top: 30px}
.ipy-start-playing>div[class^="col-"]{padding-top: 15px; padding-bottom: 15px}
.ipy-s-p-circle{ display:block; background: #eee;
  box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.28); border-radius: 500px; padding: 6px;max-width: 240px; margin: 0 auto}
.ipy-s-p-circle:hover{background: #63C040}
.ipy-s-p-inner{background: #FFFFFF;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16); border-radius: 500px; padding-bottom: 100%; position: relative; }
.ipy-s-p-inner>div{ position: absolute; width: 90%; height: 90%; top:5%; left: 5%;
  white-space: nowrap;
  text-align: center;
}
.ipy-s-p-inner>div:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  /* adjust for white space between pseudo element and next sibling */
  margin-right: -.25em;
  /* stretch line height */
  height: 100%;
}

.ipy-s-p-inner>div>div{  display: inline-block;
  vertical-align: middle;
  white-space: normal; font-weight: 700; font-size: 14px; line-height: 18px; color:#444}

.ipy-s-p-inner>div>div img{ margin-bottom: 20px}


.py-yontemleri-container{background: #eee;box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.28); border-radius: 4px; padding: 6px; margin: 40px 0 10px}
.py-yontemleri-inner{background: #FFFFFF;box-shadow: 0 2px 3px 0 rgba(0,0,0,0.09);border-radius: 2px;}
.py-yontemleri-content{padding: 15px}
.py-yontemleri-inner table.table{ margin-bottom: 0; margin-top: 0; text-align: left}
.table-tum-yontemler tr td:first-child{width: 15%}
.table-tum-yontemler tr td{ vertical-align: middle}
.table-tum-yontemler tr td img{ max-width: 100%; height: auto}
.py-yontemleri-button{  display: block; position: relative; padding: 15px 20px; line-height: 20px; font-size: 14px; font-weight: 700; color: #444; text-align: left}
.py-yontemleri-button:hover{ color:#4CA62A}
.py-yontemleri-button:after{
  content: "";
  position: absolute;
  right: 15px;
  top: 20px;
  background: transparent url(../images/ipy/py-arrow.png) no-repeat center center; background-size: 13px 9px;
  width: 13px; height: 9px; display: block;
  -webkit-transition: -webkit-transform .1s linear;
  transition: transform .2s linear,-webkit-transform .2s linear;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.py-yontemleri-button.collapsed:after{
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.ipy-section.last .ipy-section-inner{  padding-bottom: 40px}
.ipy-section .c a{ text-decoration: none}
.post-template-ipy-single-post .container.c { text-align: center; padding-bottom: 70px}
.post-template-ipy-single-post .c .kosullar { text-align: left}



.toExtraOran{ position: absolute; right: 0; bottom: 0; display: none; background: #4CA62A; color:#fff; height: 45px; padding: 10px 20px 10px 30px; line-height: 25px}
.toExtraOran:hover{ color:#fff; opacity: 0.9}
.toExtraOran.show{ display: block}
.toExtraOran:before{ content: ''; background: transparent url('../images/toBottom.png') no-repeat center center; width: 20px; height: 30px; display: block; position: absolute; left: 10px;
  top:8px; background-size: 10px auto; }


@media (min-width: 992px){
  .ipy-section-number{left: 10px; top:50%; margin: -37px 0 0;}
  .ipy-section .divider{ display: block}
  .choose-bonus-container>div[class^="col-"]{  margin-top: 30px; }

}

@media (max-width: 991px) {
  .ipy-section-number{ zoom:0.7; top:-102px}
  .ipy-section-inner{ padding: 45px 10px}
  .ipy-section{ padding: 0}
}
@media (max-width: 576px) {
  .post-template-ipy-single-post .header-info{ padding-bottom: 40px}


  .ipy-section-top{ font-size: 16px; line-height: 1.4em}
  .ipy-section-top h3{ font-size: 20px; line-height: 1.4em}

  .ipy-section-inner .button{ font-size: 14px;}
  .py-yontemleri-button{ font-size: 13px}
  .table-tum-yontemler tr td:first-child {width: 22%;padding:0.1rem}
  .py-yontemleri-content{ padding: 0}
  .ipy-s-p-circle{ max-width: 200px}
  .post-template-ipy-single-post .c .kosullar{ margin: 20px 10px 0}

}




/*--------------------------------------------------------------
# Price Boost 10
--------------------------------------------------------------*/
.post-template-priceboost10-single-post #wrapper { overflow: hidden }
.post-template-priceboost10-single-post .content-top .content-btn-container {
  margin-bottom: 7px;
  padding-top: 0px;
}

.post-template-priceboost10-single-post .header-info h2{ display: none}
.post-template-priceboost10-single-post .content .c{ padding: 0}

.pb10-section:first-child{border:none}
.pb10-section{ border-top:1px solid #dedede; position: relative; padding: 16px; text-align: center; color:#444}
.pb10-section .divider{
  background: #EEEEEE;
  box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.28); padding: 4px;display: block; width: 48px; height: 48px; border-radius: 100px;
  text-align: center; position: absolute; top:-24px; left: 50%; margin-left: -23px;  }

.pb10-section .divider span{
  display: block; width: 40px; height: 40px;
  background: #fff url(../images/ipy/section-divider.png) no-repeat center center; background-size: 26px 16px;
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16);border-radius: 200px;
}



.pb10-section-inner{  padding: 35px 0}
.pb10-section:nth-child(even) .pb10-section-inner{ background: #F5F5F5;}
.pb10-section:first-child .pb10-section-inner p{ padding-top: 0}
.pb10-section-inner h3{ font-weight: 700; font-size: 24px; line-height: 30px; }
.pb10-section-inner .button{ width: 100%; max-width: 345px; font-size: 16px; height: 50px; line-height: 28px; margin-top: 25px }
.pb10-section-top{ font-size: 21px; line-height: 30px}


.post-template-priceboost10-single-post .container.c { text-align: center; padding-bottom: 70px}
.post-template-priceboost10-single-post .c .kosullar { text-align: left}



.pb10-container{
  margin:20px -15px
}

.pb10-container>div[class^="col-"]{ padding-left: 10px; padding-right: 10px; margin-top: 20px; margin-bottom: 20px; -webkit-transition: all 0.3s;transition: all 0.3s;}

.pb10-item{ position: relative;  background: #eee;box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.28); border-radius: 4px; padding: 6px; height: 100%}

.pb10-item>div.pb10-inner{ background: #fff; border-radius: 2px; overflow: hidden; height: 100%}



.pb10-content{ padding: 15px 15px 5px; color:#999; font-size: 15px; line-height: 20px}
.pb10-content img{  display: block; width: 100%; max-width: 110px; height: auto; margin: 0 auto}

.pb10-content .pb10-vs{ display: block; padding: 5px 0 }
.pb10-content .pb10-away{ display: block; font-weight: 500; color:#333}
.pb10-content .pb10-date{ display: block; padding: 10px 0 0; font-size: 0.8em; color:#555}
.pb10-content .pb10-old-odd{ display: inline-block; position: relative; margin:8px 0 2px; min-width: 70px;  color:#f00; text-decoration: line-through; background: #ededed; border-radius: 5px; padding: 3px 15px}
.pb10-content .pb10-old-odd>i{ color:#444; font-style: normal; padding: 0 5px; margin: 0 5px }


.pb10-section-inner .pb10-item a .button{ margin: 0 !important; border-radius: 0; height: auto !important; min-height: 50px; max-width: 1000px; display: block}
.pb10-section-inner .pb10-item a:hover .button{background:#4CA62A}


.pb10-c-link{text-decoration: underline; color:#4CA62A}
.pb10-c-link:hover{text-decoration: none; color:#4CA62A }


@media (min-width: 992px){

  .pb10-container>div[class^="col-"]{  margin-top: 30px; }
  .pb10-section .divider{ background: none; box-shadow: none; top:-15px; height: 30px }
  .pb10-section .divider span{ box-shadow: none; height: 26px; }

}

@media (max-width: 991px) {

  .pb10-section-inner{ padding: 45px 10px}
  .pb10-section{ padding: 0}
}
@media (max-width: 576px) {
  .post-template-priceboost10-single-post .header-info{ padding-bottom: 40px}


  .pb10-section-top{ font-size: 16px; line-height: 1.4em}
  .pb10-section-top h3{ font-size: 20px; line-height: 1.4em}

  .pb10-section-inner .button{ font-size: 14px;}


  .post-template-priceboost10-single-post .c .kosullar{ margin: 20px 10px 0}

}


/*--------------------------------------------------------------
# SECTIONS POST
--------------------------------------------------------------*/
.post-template-sections-single-post #wrapper { overflow: hidden }
.post-template-sections-single-post .content-top .content-btn-container {
  margin-bottom: 7px;
  padding-top: 0px;
}

/*.post-template-sections-single-post .header-info h2{ display: none}*/
.post-template-sections-single-post .content .c{ padding: 0}

.post-section:first-child{border:none}
.post-section{ border-top:1px solid #dedede; position: relative; padding: 16px; text-align: center; color:#444}
.post-section .divider{ display: block; width: 46px; height: 46px; position: absolute; top:-15px; left: 50%; margin-left: -23px;   background: #EEEEEE;
  box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.28); border-radius: 100px; padding: 5px }
.post-section .divider:before{ content:""; display: block;  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16); border-radius: 100px;
  width: 100%; height:100%; background: #fff url(../images/ipy/section-divider.png) no-repeat center center; background-size: 22px auto; }
.post-section-inner{  padding: 35px 0}
.post-section:nth-child(even) .post-section-inner{ background: #F5F5F5;}
.post-section-inner h3{ font-weight: 700; font-size: 24px; line-height: 30px; }
.post-section-inner .button{ width: 100%; max-width: 345px; font-size: 16px; height: 50px; line-height: 28px; margin-top: 25px }
.post-section-top{ font-size: 21px; line-height: 30px}



.post-section.last .post-section-inner{  padding-bottom: 40px}
.post-section .c a{ text-decoration: none}
.post-template-sections-single-post .container.c { text-align: center; padding-bottom: 70px}
.post-template-sections-single-post .c .kosullar { text-align: left}




@media (min-width: 992px){
  .post-section .divider{ height: 30px; box-shadow: none; padding: 0; border-radius: 0}
  .post-section .divider:before{ box-shadow: none;border-radius: 0;background-size: 26px auto;}
  .choose-bonus-container>div[class^="col-"]{  margin-top: 30px; }

}

@media (max-width: 991px) {
  .post-section-inner{ padding: 45px 10px}
  .post-section{ padding: 0}
  .post-section .divider{ top:-25px}

}
@media (max-width: 576px) {
  .post-template-sections-single-post .header-info{ padding-bottom: 40px}

  .post-section-top{ font-size: 16px; line-height: 1.4em}
  .post-section-top h3{ font-size: 20px; line-height: 1.4em}

  .post-section-inner .button{ font-size: 14px;}
  .post-template-sections-single-post .c .kosullar{ margin: 20px 10px 0}

}


/*--------------------------------------------------------------
# Euro 2020
--------------------------------------------------------------*/
body.category-euro-2020{}
body.category-euro-2020 #header-section .overlay{ background: linear-gradient(#000,transparent,transparent)}
body.category-euro-2020 #header-section .hs-inner{ display: none}
#cat-nav ul li.cn-euro-2020 a{ opacity: 1}
#cat-nav ul li.cn-euro-2020.active a:after{ background: #24B3D7}
@media (max-width: 576px) {


}


/*--------------------------------------------------------------
# Live Stream
--------------------------------------------------------------*/
.livestreams-accordion-wrapper{
padding: 10px 0;
}

.livestream-div{
 margin-bottom:5px;border:1px solid #cfcfcf; background: #efefef; border-radius: 3px;
}
.livestream-div:last-child{}

.livestream-branch{
  display:block; cursor:pointer;  padding: 8px; position: relative;
}

.livestream-branch:after{
  content: "";
  position: absolute;
  right: 15px;
  top: 20px;
  background: transparent url(../images/ipy/py-arrow.png) no-repeat center center;
  background-size: 13px 9px;
  width: 13px;
  height: 9px;
  display: block;
  -webkit-transition: -webkit-transform .1s linear;
  transition: transform .2s linear,-webkit-transform .2s linear;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.livestream-branch.collapsed:after{
 -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.livestream-branch.collapsed:hover{ background: #dfdfdf}


.livestream-league{
  padding: 10px 10px 20px; background: #f9f9f9; text-align: left;

}

.ls-cntry strong{
  line-height: 36px;
}
.ls-cntry img{
  width:24px; height: auto; margin-right: 5px; margin-top:-3px
}
.ls-cntry ul{
 font-size:0.9em
}



.ls-countries{
  webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1.25rem;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  orphans: 1;
  widows: 1;
}

.ls-cntry{
  position: relative;
  display: inline-block;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  margin-top:5px; padding:15px 35px;
  width: 100%;
}


@media (max-width: 992px) {
  .ls-countries{
    webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }

}

/*--------------------------------------------------------------
# Betslip
--------------------------------------------------------------*/
.betslip-row{ margin-right: -15px; margin-left: -15px}
  .betslip-row a{ display: flex; text-decoration: none; border: 1px solid #63C040; border-radius: 5px;
    height:100%; flex-flow: column; justify-content: space-between;

  }

.betslip-image{ width: 100%; height: auto;  padding: 5px}
.betslip-image img{ width: 100%; height: auto; border-radius: 2px}
.betslip-text{ padding: 10px; font-size: 13px; color:#666; line-height: 20px; height: 100%; text-decoration: none !important; width: 100% ;  flex-flow: row wrap; display: flex}
.bs-title{ font-size: 14px; padding: 0 0 6px; display: inline-block; color:#444}
.betslip-row span.betslip-link{ background: #63C040; color:#fff; font-size: 20px;  margin: 0; height: 44px;  text-decoration: none; min-width: 168px; align-self: flex-end; width: 100%}
.betslip-row a:hover{ border-color: #4CA62A; }
.betslip-row a:hover span.betslip-link{ background: #4CA62A; }
.betslip-row .lnk .ball{ background: url(../images/ball-white.svg) no-repeat; background-size: 100% auto; width: 18px; height: 18px; display: inline-block; margin-right: 6px}
.betslip-text .bs-match{ width: 100%; font-size: 12px; font-weight: 600; padding-top: 7px; color:#4e4e4e; text-decoration: none; display: flex;align-self: flex-end}
.betslip-row>div[class^="col-"]{ margin-bottom:15px; padding: 5px}

.spaceblog-row{}
.spaceblog-row span.betslip-link{height: 60px;}

.spaceblog-row i.spb-old-value{ display: inline-block; font-size:16px; line-height: 28px; color:#fff; font-weight: 600; font-style: normal; padding:0 10px 0 0}
.spaceblog-row i.spb-old-value span{ position: relative; text-decoration: none; padding:0 2px; margin-left:-2px}
.spaceblog-row i.spb-old-value span:after{ position:absolute; top:50%; left:0;display: block;content:""; width: 100%; height: 1px; line-height: 1px; border-top:1px solid #f00; margin-top:-1px}
.spaceblog-row .spaceblog-date{ width: 100%; font-size: 12px; font-weight: 600; padding: 0 0 7px; color:#5e5e5e; text-decoration: none !important; display: inline-block}
.spaceblog-row .bs-title{ padding-bottom: 0}

.spaceblog-row a.disabled{ border-color:#999; opacity: 0.7;pointer-events: none; }
.spaceblog-row a.disabled .betslip-image{ border-color:#999}
.spaceblog-row a.disabled img{ filter: grayscale(1)}
.spaceblog-row a.disabled .betslip-link,
.spaceblog-row a.disabled:hover .betslip-link{background: #999; color:#000; font-size: 20px; line-height: 28px  }

.spaceblog-row div.spb-order-last{ order: 20}


.post-template-ipy-single-post .betslip-row,
.post-template-ipy-single-post .spaceblog-row
{ padding:0 20px }

@media (min-width: 992px) {
  .betslip-row>div[class^="col-"]{ margin-bottom:15px; padding: 0}
    .betslip-row a{  flex-flow: row}
    .betslip-image{ border-right: 1px solid #63C040; max-width: 168px; min-width: 168px; width: 20%}
    a:hover .betslip-image{ border-color:#4CA62A}
    .betslip-image img{ object-fit: contain; background: #000; height: 100% }
  .betslip-text{ font-size: 14px; line-height: 21px; width: 60%; padding: 20px}
  .bs-title{ font-size: 18px;padding: 10px 0}
  .betslip-text .bs-match{ padding-top: 10px}
  .betslip-row span.betslip-link{ width: 20%; max-width: 168px;height: 100%; font-size: 28px;align-items: center;
    align-content: center;
    display: flex; border-bottom-left-radius: 0; border-top-left-radius: 0;
  }
  .betslip-row span.betslip-link div{ width: 100%}
  .betslip-row .lnk .ball{ width: 23px; height: 23px; margin: 0 auto 10px; display: block}
  .spaceblog-row i.spb-old-value{display: block;padding: 0 0 5px; margin-top: -5px; }

  .spaceblog-row .betslip-text{ font-size: 14px; line-height: 21px; width: 60%; padding: 15px}
  .post-template-ipy-single-post .betslip-row,
.post-template-ipy-single-post .spaceblog-row{ padding:0 }

}


/*--------------------------------------------------------------
# New Priceboost
--------------------------------------------------------------*/


.npb-row{ margin-right: -15px; margin-left: -15px}

.npb-row>div[class^="col-"]{ margin-bottom: 30px;}


  .npb-container{ display: flex; text-decoration: none; border: 1px solid #3DBBB4; border-radius: 3px;
  flex-wrap: wrap; position: relative;

  }

.npb-image{ width: 40%; height: auto;  display: flex; flex: 0 0 40%;}
.npb-image img{ width: 100%; height: auto; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.npb-text{ width: 60%;display: flex; flex: 0 0 60%; align-items: center; padding: 20px; font-size: 14px; line-height: 18px;}
.npb-title{ font-size: 20px; padding: 0; display: inline-block;}
.npb-date{ font-size:12px ; font-weight: 300; display: block; padding: 10px 0 10px 20px; position: relative; margin-top: 10px;}
.npb-date::before{ content:""; display:block; position: absolute; width: 16px; height: 16px; top:50%; left: 0; margin-top: -10px;
  background: transparent url(../images/calendar-2x.png) no-repeat 0 center; background-size: 16px 16px;}

.npb-button-container{ display: flex; flex: 0 0 100%; flex-wrap: wrap; padding-bottom: 30px; }
.npb-button{ display:flex; width: 40%; flex: 0 0 40%; flex-wrap: wrap; position: relative;}
.npb-button-secondary{}
.npb-button-secondary .npb-link{ 
  -webkit-transition: all 0.3s;transition: all 0.3s; 
  background: linear-gradient(90deg, #1d1b53 0%, #3DBBB4 90%);
 
}

.npb-button-secondary .npb-link:hover{  background: linear-gradient(90deg, #1d1b53 0%, #3DBBB4 0%); }


.npb-button-text{ font-size: 13px; text-align: right; width: 100%; margin-top: -3px; line-height:1.4em }
.npb-link{ width: 100%; height: 54px; text-decoration: none !important;
  font-size: 16px; border-radius: 3px;
  line-height: 32px;}
.npb-or{ display: flex; flex: 0 0 20%; text-align: center; align-self: start;  justify-content: center; font-size:14px; position: relative;}
.npb-or div{ position: relative; width: 100%; height: 50px; line-height: 50px; margin-top: 10px;}
.npb-or div::before{ content:""; display: block; position: absolute; border-top: 1px solid rgba(0, 0, 0, 0.2); width: 80%; height: 1px;
top:50%; left:10%}
.npb-or strong{ font-weight: 800!important; background: #fff; position: relative; padding: 0 10px;}
.npb-row .npb-container.disabled,.npb-button-container.disabled{ border-color:#999; opacity: 0.7;pointer-events: none; }
.npb-row .disabled .npb-image{ border-color:#999}
.npb-row .disabled img{ filter: grayscale(1)}
.npb-row .disabled .npb-link,
.npb-row .disabled:hover .npb-link{background: #999; color:#000;pointer-events: none; }

.npb-row div.npb-order-last{ order: 20}


.npb-row i.npb-old-value{ display: inline-block; font-size:16px; line-height: 28px; color:#fff; font-weight: 600; font-style: normal; padding:0 10px 0 0}
.npb-row i.npb-old-value span{ position: relative; text-decoration: none; padding:0 2px; margin-left:-2px; font-size:14px}
.npb-row i.npb-old-value span:after{ position:absolute; top:50%; left:0;display: block;content:""; width: 100%; height: 1px; line-height: 1px; border-top:1px solid #f00; margin-top:-1px}



.npb-container.mtch-live:before{ display: block;  content: 'CANLI YAYIN'; position: absolute;
background: #3DBBB4; right: -10px; top:-1px; padding: 3px 10px; font-size: 12px; color:#fff; font-weight: 600; border-radius:2px}



@media (max-width: 992px) {

  .npb-text, .npb-image{ width: 100%; flex: 0 0 100%;}
  .npb-title{ font-size: 16px; padding-top: 5px;}
  .npb-image img{ border-bottom-left-radius: 0; border-top-right-radius: 2px;}
  .npb-text{ padding: 15px;}

  .npb-container.mtch-live:before{ font-size: 10px; padding: 2px 5px;}
  .npb-button-container{ padding-bottom: 25px; }
  .npb-button, .npb-or{width: 100%; flex: 0 0 100%;}
  .npb-or div{  height: 24px; line-height: 24px; margin: 0;}
  .npb-or div:before{ width: 100%; left:0}
  .npb-button-text{ text-align: left;}


}





/*--------------------------------------------------------------
# Phishing
--------------------------------------------------------------*/

div.phishing{ text-align: center}
div.phishing-top img{ padding: 50px 0}

body.postid-3052 .container.c{ padding-left: 0; padding-right: 0}
body.postid-3052 section.content{ overflow: hidden}
div.phishing-items{ padding: 60px 0 30px}
div.phishing-items p{ padding: 0; margin: 0 }
div.phishing-item{ text-align: left; position: relative; padding: 60px 0}
div.phishing-item img{ }
div.phishing-item-grey{ background: #f5f5f5}
div.phishing-item:before{ position:absolute; top:0; left:-200%; content: ""; display: block; width: 600%; height: 100%; border-bottom:1px solid #dedede; background: #fefefe}
div.phishing-item-grey:before{ background: #f5f5f5; }
div.phishing-item .row:before,div.phishing-item:last-of-type .row:after{ position:absolute; top:-20px; left:50%; margin-left: -20px; content: ""; display: block; width: 40px; height: 40px;  background: transparent url(../images/phishing/phishing-ok.png) no-repeat 0 0;background-size: 40px 40px;}

div.phishing-item:last-of-type .row:after{ top:auto; bottom:-20px}

div.phishing .phishing-title{ font-size: 130%; font-weight: 700}
div.phishing div.phishing-what{}
div.phishing div.phishing-what p{ padding: 0}

ul.phishing-links{ text-align: left; list-style: none; padding: 30px 0}
ul.phishing-links li{ padding: 5px 0; list-style: none}
ul.phishing-links li a{ display: block; background: #5FB63D;
  background-image: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(0,0,0,0.07) 100%);
  box-shadow: 0 3px 7px 0 rgba(0,0,0,0.26);
  border-radius: 4px; color:#fff; font-weight: 600; text-decoration: none; padding: 10px 30px 10px 90px; min-height: 70px; position: relative}

ul.phishing-links li a:hover{ text-decoration: none}
ul.phishing-links li a:before{
  content: '';
  display: inline-block;
  height: 100%;
  min-height: 70px;
  vertical-align: middle;
  margin-right: -0.25em;}
ul.phishing-links li a strong{ display: inline-block; vertical-align: middle}

ul.phishing-links li span.phishing-icon{ display: block; width: 90px; height: 100%; position: absolute; left: 0; top:0;vertical-align: middle ; text-decoration: none }
ul.phishing-links li.phishing-link-wa span.phishing-icon{ background: transparent url(../images/phishing/phishing-wa.png) no-repeat center center; background-size: 40px 41px }
ul.phishing-links li.phishing-link-app span.phishing-icon{ background: transparent url(../images/phishing/phishing-app.png) no-repeat center center; background-size: 26px 41px}
ul.phishing-links li.phishing-link-tw span.phishing-icon{ background: transparent url(../images/phishing/phishing-tw.png) no-repeat center center; background-size: 44px 45px}

@media (max-width: 768px){
  div.phishing{ text-align: center}
  div.phishing-item{ text-align: center}
  div.phishing-item div.col-lg-3{ margin-bottom: 40px}
  ul.phishing-links li a{ padding: 20px; text-align: center}
  ul.phishing-links li span.phishing-icon{ position: static; height: 45px; width: 100%; margin: 0 auto 20px}
  ul.phishing-links li a:before{ display: none}

}



/*--------------------------------------------------------------
# Matches
--------------------------------------------------------------*/

.match-list{text-align: center;  margin:30px 0}
.match-list>div{padding-top: 30px; padding-bottom: 25px; background: #efefef; border:1px solid #ddd; border-top: none;}
.match-list>div:first-child{border-top:1px solid #ddd;}
.match-list>div:nth-child(even){ background: none}

.matchlist-time{ display: block; color: #999 }
.matchlist-date{ display: block;font-size: 13px; line-height: 1.3em; text-align: center; position: relative }

.match-list strong{ display: block; font-weight: 500; font-size: 14px; line-height: 22px; vertical-align: bottom; padding: 25px 0  }
.match-list strong span{ display: inline-block; width: 48%; padding: 0 0 0 18px; text-align: left ;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.match-list strong span:first-of-type{ padding: 0 18px 0 0; text-align: right }

.matchlist-leauge-logo{ display: inline-block; position: absolute; left: 50%; top:50%;
  margin: -15px 0 0 -16px; vertical-align: middle; width: 32px; height: auto; padding: 0 2px; text-align: center;  /*background: transparent url('../images/leagues/tsl-2x.png') no-repeat center center; background-size:23px auto; */}

.match-list a,.match-list a span{ text-decoration: none}
.matchlist-button{ text-align: center}

.matchlist-date.matchlist-live:before{ display: block;  content: ''; position: absolute;
  background: transparent url('../images/match-live-m.png') no-repeat 0 0;
  background-size: 50px auto; width: 50px; height: 40px; left: 0; top:-20px;}

@media (min-width: 992px){
  .match-list>div{ padding: 0}
  .matchlist-button{ text-align: right}
  .matchlist-date{ text-align: left; padding-left: 30px }
  .matchlist-date:before{ display: block; content: ''; width: 15px; height: 16px; position: absolute; left: 3px;
    top: 50%; background: transparent url('../images/odds-calendar.png') no-repeat 0 0; background-size: 15px 16px; margin-top: -8px }
  .matchlist-date.matchlist-live:before{  background-image: url('../images/match-live.png'); background-size: 23px auto; width: 23px; height: 40px; left: 0; top:50%; margin-top: -20px }
  .matchlist-date strong{ font-size: 16px; line-height: 1.3em; }
  .matchlist-date em{ font-size: 12px; line-height: 1.3em;}
  .match-list strong{ font-size:16px}
  .matchlist-date strong span{ width:50%;}
  .match-list strong span{ padding-left: 27px; width: 50% }
  .match-list strong span:first-of-type{ padding-right: 27px }


}


/*--------------------------------------------------------------
# OFFERS
--------------------------------------------------------------*/
.offers{ }
.offer{ margin: 10px 0; padding: 0;  background: #fdfdfd;
  box-shadow: 0 1px 3px 0 rgb(200 200 200 / 15%), 0 2px 5px 0 rgb(200 200 200 / 11%);
  border-radius: 5px; position: relative; overflow: hidden;
}
.offer>div{ padding:0 10px 10px; border:1px solid #ddd; border-top:0;  border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.c .offer>div p{ padding:10px 0}
.c .offer>div h3{ padding:15px 0 5px}
.c .offer>div div{ font-size:0.9em; line-height: 1.5em;}
.offer .btn-kosullar{ padding-top:12px; padding-bottom:12px}
.offer .offer-cat{ font-size:12px; color:#419123; margin-bottom:-18px; display: block; padding: 5px 0 0;}
.offer .offer-cat span{ padding-right: 5px;}
.offer .offer-cat span:before{ display: inline-block; content:","; padding-right: 5px;}
.offer .offer-cat span:first-child:before{ display: none; content:""}
.offer:first-child{ }
.offer:nth-child(odd){ }
.bw-offers{ border:0; margin: 5px auto 0; padding: 5px 0 0; text-align:left;}
.bw-offers a{ text-decoration: none; }


@media (max-width: 768px){
  .offers{ margin:0 -10px}
  .bw-offers a{  width: 100%;}
  .offer .offer-cat{ font-size:10px;}
  .c .offer>div h3{ padding-bottom: 0;}
  .c .offer>div div{ font-size: 1em; line-height: 1.5em;}
}

/*--------------------------------------------------------------
# WC2022
--------------------------------------------------------------*/

#wc2022{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
span.wc2022-group{ width: 100%; flex: 0 0 100%; display: flex; color:#fff; padding: 15px 5px 2px; font-size: 18px; line-height: 24px; font-weight: 600}

#wc2022>div{ display: flex; flex: 0 0 25%;-webkit-transition: all 0.3s;transition: all 0.3s;  }
#wc2022 a{ display:block; overflow: hidden; font-size:0.8em; line-height:1.6em; width:100%; height:100%; margin:4px; display:block; position: relative;
  padding: 14px 10px; background: #fff; border:1px solid #dedede; border-radius: 5px;-webkit-transition: all 0.3s;transition: all 0.3s; }
#wc2022 a h5{  font-weight: 500}
#wc2022 a img{ margin:0 0 8px; border: 2px solid #ddd; border-radius: 100px; width: 40px; height: auto }
#wc2022 a span{ color:#42bfac; font-weight: 600; font-size: 1.1em}
#wc2022 a:hover{ border-color:#42bfac; background: #fdfdfd}

#wc2022 a em{ position: absolute; font-style: normal; font-size: 1.1em; -webkit-transition: all 0.3s;transition: all 0.3s; bottom:-50px; left: 0; font-weight: 600; width: 100% ;z-index: 3; background: #42bfac; padding: 5px; color:#fff }
#wc2022 a:hover em{ bottom:0}
#wc2022Form{ width: 100%; padding: 0 5px 20px; position: relative}
#wc2022Form input{ width: 100%; padding: 5px 20px; color:#444; font-size: 16px; border:1px solid #dedede; border-radius: 5px; height: 50px; line-height: 50px}
#wc2022Form input:focus{ border-color:#42bfac }


#wc2022>div.disabled{ filter: grayscale(1) /* ;order:99 */ ;opacity:0.8;}
#wc2022>div.disabled a{ pointer-events: none;}


#wc2022NotFound{ padding:20px; display:none; color:#fff; }
#wrapper .wc2022BG{   background: #85113a url("../images/wc2022/wc2022-bg.jpg") no-repeat center top;
  background-size: cover;}


#wc2022CountDown{ color:#fff; padding: 10px 0 30px; font-size: 20px; line-height: 30px; }
#wc2022CountDown>div{ display: inline-block; position:relative}
#wc2022CountDown>div:before,#wc2022CountDown>div:after{ content:""; position:absolute; left: -105px; height: 30px; width: 100px; background: url(../images/wc2022/countdown-l.png) no-repeat center center; background-size: 80% auto;  }
#wc2022CountDown>div:after{left:auto; right: -105px;  background: url(../images/wc2022/countdown-r.png) no-repeat center center; background-size: 80% auto   }
#wc2022CountDown strong{ font-size: 26px;}

@media only screen and (max-width: 900px) {
  #wc2022>div{ flex: 1 0 50%; }
  #wc2022 div a{ padding: 8px; text-align: left; }
  #wc2022 div a h5{ padding: 3px 0 0 }
  #wc2022 div a img{ float: left; width:30px; height:30px; margin: 3px 6px 0 0; border-width: 1px }
  #wc2022 a em{display: none}
  #wc2022 a:after{
    display: block; position: absolute;right: 10px;top: 50%;margin-top: 4px;content: "";width: 9px;height: 9px;
    -webkit-transition: all 0.3s;transition: all 0.3s; border: 1px solid #545454;border-width: 0 2px 2px 0;padding: 2px;
    transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }
  #wc2022>div.disabled a:after{ opacity: 0.7}
  #wc2022CountDown{ font-size: 16px}
  #wc2022CountDown strong{ font-size: 20px}
  #wc2022CountDown>div:before,#wc2022CountDown>div:after{ width: 60px;  background-size: 90% auto;}
  #wc2022CountDown>div:before{ left: -65px;}
  #wc2022CountDown>div:after{ right: -65px;}
}



/*--------------------------------------------------------------
# Euro2024
--------------------------------------------------------------*/

#euro2024{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
span.euro2024-group{ width: 100%; flex: 0 0 100%; display: flex; color:#fff; padding: 15px 5px 2px; font-size: 18px; line-height: 24px; font-weight: 600}

#euro2024>div{ display: flex; flex: 0 0 25%;-webkit-transition: all 0.3s;transition: all 0.3s;  }
#euro2024 a{ display:block; overflow: hidden; font-size:0.8em; line-height:1.6em; width:100%; height:100%; margin:4px; display:block; position: relative;
  padding: 14px 10px; background: #fff; border:1px solid #dedede; border-radius: 5px;-webkit-transition: all 0.3s;transition: all 0.3s; }
#euro2024 a h5{  font-weight: 500}
#euro2024 a img{ margin:0 0 8px; border: 2px solid #ddd; border-radius: 100px; width: 45px; height: auto }
#euro2024 a span{ color:#00ba5d; font-weight: 600; font-size: 1.1em}
#euro2024 a:hover{ border-color:#00ba5d; background: #fdfdfd}

#euro2024 a em{ position: absolute; font-style: normal; font-size: 1.1em; -webkit-transition: all 0.3s;transition: all 0.3s; bottom:-50px; left: 0; font-weight: 600; width: 100% ;z-index: 3; background: #00ba5d; padding: 5px; color:#fff }
#euro2024 a:hover em{ bottom:0}
#euro2024Form{ width: 100%; padding: 0 5px 20px; position: relative}
#euro2024Form input{ width: 100%; padding: 5px 20px; color:#444; font-size: 16px; border:1px solid #dedede; border-radius: 5px; height: 50px; line-height: 50px}
#euro2024Form input:focus{ border-color:#00ba5d }


#euro2024>div.disabled{ filter: grayscale(1) /* ;order:99 */ ;opacity:0.8;}
#euro2024>div.disabled a{ pointer-events: none;}


#euro2024NotFound{ padding:20px; display:none; color:#fff; }



@media only screen and (max-width: 900px) {
  #euro2024>div{ flex: 1 0 50%; }
  #euro2024 div a{ padding: 8px; text-align: left; }
  #euro2024 div a h5{ padding: 3px 0 0 }
  #euro2024 div a img{ float: left; width:30px; height:30px; margin: 3px 6px 0 0; border-width: 1px }
  #euro2024 a em{display: none}
  #euro2024 a:after{
    display: block; position: absolute;right: 10px;top: 50%;margin-top: 4px;content: "";width: 9px;height: 9px;
    -webkit-transition: all 0.3s;transition: all 0.3s; border: 1px solid #545454;border-width: 0 2px 2px 0;padding: 2px;
    transform: rotate(-45deg);-webkit-transform: rotate(-45deg); }
  #euro2024>div.disabled a:after{ opacity: 0.7}
  #euro2024CountDown{ font-size: 16px}
  #euro2024CountDown strong{ font-size: 20px}
  #euro2024CountDown>div:before,#euro2024CountDown>div:after{ width: 60px;  background-size: 90% auto;}
  #euro2024CountDown>div:before{ left: -65px;}
  #euro2024CountDown>div:after{ right: -65px;}
}







@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    -ms-flex: 0 0 14.2857%;
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
  }

  .ten-cols .col-md-1,
  .ten-cols .col-sm-1,
  .ten-cols .col-lg-1  {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }

  .cd a strong{ font-size: 1.5em; padding-top: 5px}
  .cd a em{ font-size: 0.6em; display: none}

  .cd a {
    background-size: 12px 12px ;
    background-position: 8px 8px;
  }

}



@media (max-width: 992px){
  .cd{ font-size: 1em}
  .cd a{ background-size: 12px 12px; background-position: 10% 10% }
  .cd a strong{ }
  .cd a em{ font-size: 0.9em; bottom: 7% }

}


@media (min-width: 768px) {


}


@media (max-width: 767px){

  .s-b-inner h3{ font-size: 13.5px;  line-height:1.35em }
  .s-b-inner h4{ font-size: 12px; }
  .s-b-inner .lnk{  float: none;  margin:0}
  .s-b-c{ margin-bottom:5px; margin-top:15px}
  .ph-none:first-child{ display: block !important;}
  .ph-none:first-child .ph-content{ margin:15px auto; min-height: 100px}
  .ph-none:first-child .s-b-inner.ph{ padding: 20px}
  .ph-none:first-child .s-b-inner.ph img.ph-logo{ display: none}
  .c table.table table{ width: 100% !important; clear:both; float: none}
  .content .c table.table table td img{ float: none; margin-left: auto; margin-right: auto; display: block}



  .content-top{  padding: 25px 0 5px}
  .content-btn-container{ padding: 20px 0; border-bottom: 1px solid #dedede; margin-bottom: 20px}
  .content-top .content-btn-container{ border:none;}

  .c .content-btn-container div:first-child h3{  padding: 0}
  .content-btn-container div .button-wrapper{ padding:0 }
  .content-btn-container div:first-child .button-wrapper{ padding: 0 }
  .content-btn-container div:first-child{ margin-bottom: 10px }
  .content-btn-container div:first-child .button-wrapper:after{ display: none }

  .content-btn-container .button{ max-width: 400px}

  .c-nav{ padding: 0 20px}
  .c-nav>li{ line-height: 1.5em}
  .c-nav a{ overflow: hidden}
  .c-nav em{ display: inline-block; float: left; max-width: 33%;    white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
  .c-nav strong{ display: inline-block; float: left; padding-left:1%;width: 66%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  /*.c-nav>li:last-child{ border-bottom: none}*/



}

@media (max-width: 576px){

  .v-a div.d-none.d-sm-block{ background: none !important;}

  dl.priceBoost{ text-align: center; padding: 20px 10px }
  dl.priceBoost dt{ padding: 15px 23px 15px 10px;}
  dl.priceBoost dt:after{ right: 10px}
  dl.priceBoost dt span{  padding-left: 2px}

  ul.pB{ position: static; text-align: center; padding-top: 15px}
  ul.pB>li{ float: none; display: inline-block}
  ul.pB>li span{ padding: 5px 15px}
  dl.priceBoost dd div.pbodds{ padding: 16px}



  .button-wrapper.button-wrapper-custom-fields{ padding-left: 6%; padding-right: 6%}
  .button-wrapper.button-wrapper-custom-fields a{ display: block}



}




/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .navbar-brand img{ width:150px; height: auto; position: relative; top:5px}
  .f-brand img{ width:130px; height: auto; }
 /* .s-bonuslar .row>div{ padding-bottom: 15px} */
    #header .navbar-brand{ padding: 0.5rem 0}
    #header-section img.img-category{ max-width: 100%; width: auto; visibility: hidden}
    .category #header-section:after{ display: block}
    body.category-genel-kampanyalar #header-section h1{ max-width: 100%}


  .p-c{ padding-top: 40px}
  .p-c h4{ font-size: 35px; line-height: 37px}
  .c table.table-small{width:50%}
 }

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

  
    .banner-top-inner.shdw{ /* Rectangle 9: */
        box-shadow: 0 25px 70px 0 rgba(0,0,0,0.20);

    }
  #promo .p-bottom{ display: none }
  #promo .v-a:before{ display: none}
  .p-c-container{  max-width: 1190px; padding: 0 10px; text-align: left; margin: 0 auto; position: relative; width: 100%; height: 100%}
  .p-c{ position: absolute; left: 10px; bottom:40px; text-align: left; z-index: 3; padding-top: 0}




  #promo .owl-dots {
    counter-reset: dots; text-align: right;bottom:0;width: 100%; max-width: 1140px; left: auto; right: auto; margin: 0 auto; position: relative; height: 1px;
  }
  #promo .owl-dots .owl-dot {position: relative; top:-130px; text-align: center}
  #promo .owl-dots .owl-dot.active span:before { display: none }
  #promo .owl-dots  .owl-dot span { width: 32px; height: 32px; margin: 5px 2px; line-height: 30px; font-size: 16px; font-weight: 800; background: none; border:2px solid #fff; }
  #promo .owl-dots  .owl-dot span:after {
    color:#fff; counter-increment:dots; content: counter(dots);
  }

 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  body{ font-size: 18px; line-height:1.5em }
  #header .navbar{ padding-top: 1rem; margin: 0 -1rem}

  .s-bonuslar .row>div{ padding-bottom: 20px}

  #cat-nav ul li {  padding:0 15px }
  #cat-nav ul li a{ font-size: 15px; padding: 15px }
  #cat-nav ul li img{ margin-top: -1px}
  #cat-nav ul li.cn-b img{ width: 24px;}
  #cat-nav ul li.cn-lc img{ width: 26px;}
  #cat-nav ul li.cn-c img{ width: 21px;}
  #cat-nav ul li.cn-p img{ width: 19px;}
  #cat-nav ul li.cn-gk img{ width: 24px; }

  body.page #header-section.no-img{ height: 100px; min-height: 100px}

  #banner-top{ margin-top: 50px}
  section.s-casino .item{ width: auto}
  section.s-casino .owl-stage-outer{ padding-left: 0}

  #header .navbar-collapse{ display: none;width: auto; height: auto; background: transparent; position: static; right: auto; top:auto; z-index: 1}
  #header .navbar-nav{  }
  #header .navbar-collapse.show{ }
  #header .nav-item{  border-bottom: none }
  #header .nav-link{ color:#fff; font-size: 14px; padding: .5rem 16px; font-weight: 400 }
  #header .ha-link{ border-radius: 100px; padding: .6rem 38px .6rem ; font-weight: 600; line-height: 22px; font-size: 14px}
  #header .nav-link.home-link{ border:1px solid #fff; border-radius: 100px; font-size: 13px; font-weight: 600; color: #fff; padding: .6rem 22px .6rem 42px ; position: relative; left: auto; bottom: auto; background: transparent; width: auto }
  #header .nav-link.home-link:before{ content:''; display: block; background: transparent url(../images/home.png) no-repeat center center; background-size: 16px auto; width: 20px; height: 100%; position: absolute; left: 16px; top:14px;  }
  #wrapper{ margin-left: 0!important;}
  #header .nav-link:before{ display: none}
  #header .nav-link.video-link:before{ display: block; background-image: url(../images/link-video-d-2x.png); right: auto; left: -10px; height: 12px; margin-top: -7px}
  #header .nav-link.jr-link{ color:#4CA62A  }
  #header .nav-link.jr-link:before{ display: block; background-image: url(../images/link-jackpot.svg); background-size: contain; right: auto; left: -35px; width: 47px; height: 42px; margin-top: -22px}

  .p-c{ bottom: 70px}
  .p-c h4{ font-size: 64px; line-height: 66px}
  .p-c em.tag{ font-size: 16px; line-height: 20px; font-weight: 500}
  .p-c .p-link{ margin-top:25px; }

  body.category #header-section .overlay{ opacity: 0.3;}
  .s-header h2,.s-header h1{ font-size: 24px; line-height: 1.2em}
  .s-header em{ font-size: 16px; line-height: 1.2em}

  section.s{ padding: 70px 0 0}


  #header-section{ min-height: 300px}
  #header-section .hs-inner{ vertical-align: bottom}
  #header-section .hs-inner p{display: none}
  #header-section h1,body.category-genel-kampanyalar #header-section h1{ font-size: 107px; line-height: 110px; position: relative; bottom: -25px}
  body.category #header-section h1{ display:none;}


/*
  .s-b-inner{ padding: 5px; height: 100%}
  section.s-bonuslar img{ width: 100%; height: auto; margin: 0 auto 20px; max-width: 414px}
  .s-b-inner h3{ font-size: 18px; line-height: 23px; padding: 0 15px;}
  .s-b-inner h4{ font-size: 13px; padding: 0 15px;}
  .s-b-inner .lnk{  float: right; display: block; margin:0 20px 15px 0}
  .s-b-inner .arrow{ display: none}
  .new{ width: 109px; height: 110px;left: -11px; top:-4px;}
  .s-b-c{ display:block; padding:20px 15px 20px 20px; margin: 20px -5px 20px; font-size: 14px; line-height: 20px; color: #666; border-top: 1px solid #ddd; border-bottom:1px solid #ddd}
*/

  .odds-list>div{ padding: 0}
  .o-time{  }
  .o-date{ text-align: left; padding-left: 30px }
  .o-date:before{ display: block; content: ''; width: 15px; height: 16px; position: absolute; left: 0;
    top: 50%; background: transparent url('../images/odds-calendar.png') no-repeat 0 0; background-size: 15px 16px; margin-top: -8px }
  .s-odds strong{ font-size: 16px; line-height: 1.3em; }
  .s-odds em{ font-size: 12px; line-height: 1.3em;}
  ul.odds{ text-align: right}
  ul.odds>li{ }
  ul.odds>li:first-child{ }

  .s-odds .s-header{ text-align: left; padding: 0 0 30px; overflow: hidden }
  .s-odds .s-header strong{ padding: 15px 0 20px }
  .s-odds .s-header h2{ float: left }
  .s-odds .s-header em{ display: none}
  .s-odds .s-header ul{ display: block}
  .s-odds strong span{ width:50%}




  .header-info .container{ padding: 0 12% }
  .header-info h1{ font-size: 36px; line-height: 1.2em}
  .header-info h2{ font-size: 16px; line-height: 1.2em}

  .button-wrapper .button{ height:50px; font-size: 16px; line-height: 28px; min-width: 177px }

  .content .c{ font-size: 18px; line-height: 1.6em; padding: 30px 11%}
  .content-top>div{ padding: 0 12%;}

  .back{ left: 10px}
  .btn-kosullar{padding: 25px 17px; font-size: 14px }

  .c .tag-list a{ font-size: 13px}


  .c table.table{ font-size: 0.85em}
  .kosullar{ font-size: 13px}

  dl.priceBoost{  font-size: 0.9em}


 }

/*  Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
  .p-c{ bottom: 90px}
  .p-c .p-link{padding: 12px 20px;}
 }


@media (min-width: 1920px) {
section#promo{ max-height: 800px}
section#promo>img.d-none.d-sm-block{ width: 100%;}
.p-c{ bottom:240px }
.content .c{ padding: 30px 9%}
  .content-top>div{ padding: 0 9%;}

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
  ul.gk-list>li>a:after,.navbar-top:after{ background-image:url(../images/10-2x.png) }
  .new{background-image:url(../images/yeni-2x.png)}
  .o-date:before{background-image:url(../images/odds-calendar-2x.png)}
  .ph-content,.ph-container~.ph-container~.ph-container .ph-content{background-image:url(../images/ph-icon-2x.png)}
  .ph-container~.ph-container .ph-content{background-image:url(../images/ph-icon-2-2x.png)}



}