/*! 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:#555; -webkit-transition: all 0.3s;transition: all 0.3s;}
a:hover{ text-decoration: none}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6{ font-weight: 700}
/* FONTFACE*/



@font-face {
  font-family: 'proxima_nova';
  src: url('../fonts/proximanova-extrabold-webfont.eot');
  src: url('../fonts/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/proximanova-extrabold-webfont.woff2') format('woff2'),
  url('../fonts/proximanova-extrabold-webfont.woff') format('woff'),
  url('../fonts/proximanova-extrabold-webfont.ttf') format('truetype'),
  url('../fonts/proximanova-extrabold-webfont.svg#proxima_novablack') format('svg');
  font-weight: 800;
  font-style: normal;

}




@font-face {
  font-family: 'proxima_nova';
  src: url('../fonts/proximanova-bold-webfont.eot');
  src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/proximanova-bold-webfont.woff2') format('woff2'),
  url('../fonts/proximanova-bold-webfont.woff') format('woff'),
  url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
  url('../fonts/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
  font-weight: 700;
  font-style: normal;

}

@font-face {
  font-family: 'proxima_nova';
  src: url('../fonts/proximanova-semibold-webfont.eot');
  src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/proximanova-semibold-webfont.woff2') format('woff2'),
  url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
  url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
  url('../fonts/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
  font-weight: 500;
  font-style: normal;

}

@font-face {
  font-family: 'proxima_nova';
  src: url('../fonts/proximanova-regular-webfont.eot');
  src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/proximanova-regular-webfont.woff2') format('woff2'),
  url('../fonts/proximanova-regular-webfont.woff') format('woff'),
  url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
  url('../fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
  font-weight: 400;
  font-style: normal;

}


@font-face {
  font-family: 'proxima_nova';
  src: url('../fonts/proxima_nova_light-webfont.eot');
  src: url('../fonts/proxima_nova_light-webfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/proxima_nova_light-webfont.woff2') format('woff2'),
  url('../fonts/proxima_nova_light-webfont.woff') format('woff'),
  url('../fonts/proxima_nova_light-webfont.ttf') format('truetype'),
  url('../fonts/proxima_nova_light-webfont.svg#proxima_novalight') format('svg');
  font-weight: 300;
  font-style: normal;

}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
  url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
  url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
  url('../fonts/glyphicons-halflings-regular.svg#Glyphicons_Halflings') format('svg');
  font-weight: 300;
  font-style: normal;

}
/*
300 light
400 normal
500 semibold
700 bold
800 extrabold
*/

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


.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";
}

body{font:400 16px/1.5em 'proxima_nova', Helvetica, Arial, sans-serif;background: #1b3517 url(../images/bg.jpg) repeat center top }
#wrapper{ background: transparent url(../images/bg-bottom.png) repeat-x center bottom }
#header-shadow{background: transparent url(../images/header.png) repeat-x center top; position: absolute; top:0; left: 0; z-index: 0; width: 100%; height:400px }
strong{ font-weight: 700}

a,button{ cursor:pointer}
a:hover{ text-decoration: none; color:#222}
.container{ max-width: 975px !important; position: relative}
.navbar-inverse .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.shadow{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.35); border-radius: 2px;
  }


.mobile-only.d-none{ display: none !important;}

#header .navbar{padding:20px 0}
#header .nav-link{ color:#fff;padding: 9px 0 8px; font-size: 15px; line-height: 15px; font-weight: 500;}
#header .nav-link:hover{opacity: 0.7}
#header .nav-item{ padding: 0 15px}
#header .nav-item:last-child{ padding-right: 0;}
#header .nav-link.new-link{ font-style: italic; color:#F4C67B; background: transparent url(../images/yeni.png) no-repeat 4px 4px; background-size:13px 12px; padding-right: 0 }
#header .nav-link.videolar-link{ font-style: italic; color:#F4C67B; position: relative  }
#header .nav-link.home-link{ }
#header .nav-link.account-link{ color: #3a7f20; border:1px solid #fff; border-radius: 100px;  background: #fff; font-weight: 700; padding: 9px 20px 8px; margin-top: -1px }
#header .nav-link.account-link:hover{ color: #fff; background:  transparent; border-color:rgba(255,255,255,0.5); opacity: 1  }
.navbar-toggler{ position: absolute; right: 0; top:20px}

#footer{ padding: 25px 0; font-size: 0.88em; line-height: 1.3em; color: #fff; text-align: center}


.menu-social{ text-align: center; padding: 10px 0}
.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: 24px 24px; text-indent: -9999em; -webkit-transition: all 0.3s; /* Safari */
  transition: all 0.3s;}
.menu-social>li.ms-t a{ padding-right: 3px}
.menu-social>li.ms-t i{ background-image: url(../images/i-twitter.png); width: 27px; height: 23px; background-size: 27px 22px;  background-position: center 1px}
.menu-social>li.ms-i i{ background-image: url(../images/i-instagram.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 a:hover i{ opacity: 0.7 }
.menu-footer-support{padding: 10px 0;font-size: 0.88em; line-height: 1.3em; color: #DC8A83; text-align: center}
.menu-footer-support>li{display: inline}
.menu-footer-support>li>a{color: #DC8A83; padding: 0 8px}
.menu-footer-support>li>a:hover{color: #dcdcdc;}


#promoContainer{ position:relative }
#promo{position: relative; overflow: hidden }

/*
#promo video{
  position:absolute;
left:0;
  top:0;
  width:100%;
  height: auto;
  z-index:2;
}
*/
#promo .item{display:block;
  float:left;
  width:100%;
  position:relative;
  overflow:hidden;border-radius: 2px}
#promo .owl-item{ border-radius: 2px}
#promo .owl-stage-outer{ border-radius: 2px}
#promo .item-video{ max-height: 470px}
.videmoVideoContainer{ margin-top: -4.8%}
.item-video img{

}
.vimeo-mobile{ position: absolute; left: 0; top:0; z-index: 4}
.playIcon{
 position: absolute; left: 0; top: 30%; height: 40%; z-index: 2; width: 100%
}

.playIcon>i{background: url(../images/play-icon.png) no-repeat 0 0;
 background-size: 80px 80px;
  height: 80px;
  width: 80px;position: absolute; left: 50%;
  top: 50%; margin: -65px 0 0 -40px; z-index: 3;  display: block}
.playIcon.pause{ opacity: 0}


#promo .owl-nav{ position: static;width: 100%; height: 0; margin: 0}
#promo .owl-nav div{position: absolute; top: 50%; background: transparent; margin-top: -48px; padding: 5px}
#promo .owl-nav i{display: block; opacity: 0.5;  width: 24px; height: 41px; background: transparent url(../images/sprite.png) no-repeat 0 0; text-indent: -9999em}
#promo .owl-nav .owl-next i{ background-position: -24px 0 }
#promo .owl-nav :hover i{ opacity: 1 }
#promo .owl-nav .owl-prev{ left:30px }
#promo .owl-nav .owl-next{ right: 30px }
#promo .owl-nav .disabled i{ opacity: 0.2 }
#promo .owl-dots{position: absolute; left: 0;bottom: 0; width: 100%; z-index: 3;}
#promo .owl-dot{top: -66px; position: relative}
#promo .owl-dot span{ margin:5px 3px; width: 11px; height: 11px; background: #fff }
#promo .owl-dot.active span{ background-color: #AC2A1F }

#fixture{ background-image: linear-gradient(-135deg, #FFFFFF 0%, #E8E8E8 100%);
  border-radius: 2px; min-height: 54px; text-align: center; position: absolute; left: 0; bottom:0; width: 100%; padding: 0 10px}
#fixture .owl-item::before { content: " "; color:#ccc; position: absolute; left: -5px; top:17px; border-left:1px solid #acacac; width:1px; height: 21px; }

#fixture .item div{ padding-top: 12px}
#fixture .item div a{ color:#222; height: 28px;}
#fixture .item div span.f{ display: inline-block; height: 32px; position: relative; overflow: hidden ; float: left }
#fixture .item div span.f span{ position: relative;  }
#fixture .item div h6{ font-weight: 400; line-height: 28px;font-size: 1.1em}
#fixture .item div span img{ width: 28px; height: 28px;}

.f1,.f2{  padding-top:2px}
.f1 h6{  padding-right: 35px; text-align: right;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.f1 img,.f2 img{ position: absolute; top:0}
.f2 h6{ padding-left: 35px; text-align: left; display:block; width:100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.f1 img{ right: 0}
.f2 img{ left: 0}
.ft{ font-weight: 500; text-align: center; line-height: 17px; padding: 0 10px;}
.ft strong{display: block; font-size: 0.7em; line-height: 14px; text-align: center}



  #fixture .owl-stage{ min-height: 50px}
  #fixture .owl-nav{ position: static; height: 0; line-height: 0; margin: 0}
  #fixture .owl-nav>div{position: absolute; top: 50%; background: transparent; margin-top: -14px; padding: 5px}
  #fixture .owl-nav .owl-prev{ left:10px }
  #fixture .owl-nav .owl-next{ right: 10px }
  #fixture .owl-nav i{display: block; width: 10px; height: 17px; background: transparent url(../images/sprite.png) no-repeat -48px 0; text-indent: -9999em}
#fixture .owl-nav .owl-next i{ background-position: -58px 0 }
#fixture .owl-dots{ display: none}

em.canli{ display: block; position: absolute; left: -45px; top:2px; background: transparent url(../images/canli.png) no-repeat 0 0; background-size: 40px auto; width: 40px; height: 20px;animation: blinker 2s linear infinite;}



#aTakvim{ margin-top: 15px;  background: #fff url('../images/a-takvim.jpg') no-repeat right 0; background-size: contain;  border-radius: 2px; overflow: hidden; text-align: center}
#aTakvim h2{ font-size: 1.9em; font-weight: 700}

#aTakvim>a{color: #222}
#aTakvim>a>div>div:nth-child(even){background: #C1C1C1;background: rgba(193, 193, 193, 0.3)}
#aTakvim>a>div>div img{display: block; margin: 0 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: #40b912; border-color: #40b912}
.link-green{ background: #3a7f20;border-color:#3a7f20 }
.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}
.atTumu{ padding: 30px 0}
.atTumu .link{ z-index: 3; position: relative}

.at .t{ display: block;background: transparent url(../images/calendar-2x.png) no-repeat center top; background-size: 19px 19px; padding: 25px 0 0; font-weight: 700 }
.at{ padding: 28px 0 30px}
.at>div{ background: transparent url(../images/star.png) no-repeat center top; background-size: 20px 16px; padding: 30px 0 0; margin-top:8px; font-weight: 700; color: #222}
.at>div>em{ font-style: normal; font-size: 0.81em; display: block; line-height: 0.81em}
.at>div>strong{ font-size: 1.9em; padding-left: 10px}
.at>div>sup{  font-size:1em }




#homeBanner{ text-align: center; color: #fff; margin: 35px 0 35px; position: relative}
#homeBanner>div{ position: relative}
#homeBanner h2{ font-size: 5.6em; line-height:0.9em; font-weight: 700}
#homeBanner h2 sup{ font-size: 0.3em; top:-1.5em}
#homeBanner h3{ font-size: 1.8em; line-height: 1.1em; font-weight: 700}
#homeBanner p{ font-style: italic; padding: 3px 0 0}

.hb-sol{ position: absolute; left: 5%; top:16%}
.hb-sag{ position: absolute; right: -2.5%; top:-30%}
.hb-sol img,.hb-sag img{ position: absolute; max-width: 100%; height: auto;}
.hb-sag .hb-sag-1{position: relative; z-index: 2}
.hb-sag-2{left: -20%; top:37%}
.hb-sol .hb-sol-1{position: relative; z-index: 2}
.hb-sol-2{ left: -32%; top:-12%; width: 55%}
.hb-sol-3{ width: 35%; top:14%; right: -14%}



.banner{ padding: 25px 25px 70px 25px; background: #fff url(../images/banner/banner-bg.jpg) no-repeat right center; background-size: cover; border-bottom:6px solid #31AA3F; color:#222}
.banner-wrapper{margin-top: 15px}
.banner-wrapper .row>div a{ display: block; height: 100%}
.banner-wrapper .row>div a .banner{ height: 100%}

.banner.b-2{ background-image: url(../images/banner/banner-2-bg.jpg); padding-right: 40%}
.banner.b-2 p{ white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}

.banner .link{ position: absolute; bottom:30px; left:40px}
.banner.b-2 .link{ left:34px}

.banner h5{ color: #30AA3F; font-size: 1.12em; line-height: 1.2em}
.banner h5>span{ display: block; color: #222}
.banner p{ padding: 2px 0; font-size: 0.93em; line-height: 1.3em }
.banner strong,.banner b{ font-weight: 500; color:#30AA3F  }

.banner .b-g{position: absolute; right: 20px; top:-15%;}
.b-1 .b-g{  right: 15%}
.b-1 .b-g img{ }
.b-1 .b-g-1{ position: relative}
.b-1 .b-g-2{ position: absolute; top:45%; right: 60% }
.b-2 .b-g { right: 30px; top:-7% }

.banner.b-sm-only{text-align: center; justify-content: center; border-color: #325CBF; padding: 25px 5px 15px}
/*.banner.b-sm-only:before{    content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;}
.banner.b-sm-only *{ display: inline-block; vertical-align: middle}
.banner.b-sm-only h5{ width: 99%}
*/

.b-sm-only h6{ font-size: 14px; font-style: italic; font-weight: 400}
.banner.b-sm-only h5{ font-size: 16px;}
.banner.b-sm-only img{ margin-bottom: 15px}
.banner.b-sm-only img{ margin-bottom: 15px}
.banner.b-sm-only.b-4 img{ margin-top: 7px; margin-bottom: 17px}

.b-network{ color: #fff; text-align: center; padding: 60px 0 30px}
.b-network a{ color: #fff; display: inline !important;}
.b-network h5{ font-size: 1.5em}
.b-network p{ font-size: 1.12em; padding: 5px 0 10px;}
.b-network img{ margin-bottom: 20px}
.n-banner{ padding: 10px 10%; position: relative}
.n-banner:after,.nb-2:before{
  content: '';
  border-left: 1px solid #fff ;
  opacity: 0.3;
  height: 100%; width: 1px; position: absolute; top:0; left: -1px;
}
.nb-2:before{
  left: -15px
}
.nb-2:after{
  left: auto; right: -1px;
}



#subHeader{ margin: 5px 0 0}
/*#subMenu{ text-align: justify}*/
#subMenu{ text-align: right }
#subMenu:after {
content: '';
  display: inline-block;
  width: 100%;
}
#subMenu>li{ display: inline-block; padding-right: 40px}
#subMenu>li:last-child{  padding-right: 0}
#subMenu a{ display:block;color:#fff; font-size: 1.1em; line-height: 1.4em; font-weight: 700; opacity: 0.8; position: relative; }
#subMenu a small{ display: block; line-height: 1em; font-size: 0.7em; margin-top: -3px  }
#subMenu>li.active>a,#subMenu>li a:hover,#subMenu>li.active ul>li.active>a{ opacity: 1;}
#subMenu>li.active>a:before{content: '';position: absolute;left: 0;display: inline-block;height: 1em;width: 100%;border-bottom: 2px solid;margin-top: 10px;}

.subMenuMobile{text-align: center}
.subMenuMobile>a{ font-weight: bold; color: #fff; text-align: center}
.subMenuMobile .dropdown-menu{ text-align: center; font-size: 0.9em; font-weight: 500; padding: 0; margin:15px 0 0 -25px;box-shadow: 0 10px 40px 0 rgba(0,0,0,0.60);
  border-radius: 3px; border:none; position: relative}
.subMenuMobile .dropdown-menu>li{border-top: 1px solid #ccc}
.subMenuMobile .dropdown-menu>li>a{padding: 10px 30px; color: #222; display: block }
.subMenuMobile .dropdown-menu>li div{padding: 10px 0 3px;  }
.subMenuMobile .dropdown-menu>li ul{ background: #efefef; margin: 0 5px  5px }
.subMenuMobile .dropdown-menu>li ul>li>a{padding: 8px 10px; display: inline-block;  }
.subMenuMobile .dropdown-menu>li ul>li>a small{ display: block; line-height: 1em; font-size: 0.7em  }
.subMenuMobile .dropdown-menu>li ul>li{border-bottom: 1px solid #cdcdcd  }
.subMenuMobile .dropdown-menu>li ul>li:last-child{border-bottom: none  }
.subMenuMobile .dropdown-menu li.active>a{ opacity: 0.5 }
.subMenuMobile .dropdown-menu>li:first-child{border-top:none}

.subMenuMobile .dropdown-menu:before{
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -10px;
  margin-left:-5px;
  border-top: solid 10px transparent;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-bottom: solid 10px #fff;
  background: none !important;}

#subMenu .dropdown-menu{ padding: .7rem 0 }
#subMenu .dropdown-menu a{ color:#222; font-size: 1em}
#subMenu .dropdown-menu.show{ left: -7px !important; top: -1px !important;}
#subMenu .dropdown-item.active,#subMenu  .dropdown-item:active{ color: #222; background: #fff; opacity: 1}



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

.mainWrapper{ margin: 20px auto; background: #fff; position: relative}
.bodyCampaignCalendar .mainWrapper{padding: 25px}
.bodyGenelKampanyalar .mainWrapper{padding: 25px;}
.bodyGenelKampanyalar .mainWrapper:before{left: 62%}

.row.gutter-5{ margin-left: -5px; margin-right: -5px}
.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; }
.cd a,.cd.disabled a:hover{ display: block; background: transparent url(../images/calendar-2x.png) no-repeat 14px 14px; background-size:16px 16px;  box-shadow: none; position: absolute; left: 0; top:0; width: 100%; height: 100%;border: 1px solid #ccc; text-align: center; color:#222;justify-content: center;}
.cd a:hover{ background-color: #fff;border-color: #aaa; box-shadow: 0 0 40px 0 #ccc; }
.cd.active a{ color:#fff; background-color: #214293; background-image:url(../images/calendar-w-2x.png);  border-color:#214293;box-shadow: 0 0 40px 0 #5A6B93; 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: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 #214293;
  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: #eaeaea; min-height: 50px; width: 110%; margin: 25px -20px; padding: 25px 0 }
.cDetailContainer .row{ margin: 0 5px }
.cDetailContainer .row>div:first-child,.border-right{ border-right: 1px solid #ccc }


.top-icon{ position: absolute; display: block; width: 20px; height: 16px; z-index: 3; left: 50%; margin-left: -10px; top:-8px; background: transparent url(../images/star.png) no-repeat 0 0; background-size: 20px 16px}




/*.cd a div{   position: absolute; width: 100%;
  top: 50%;
  transform: translateY(-50%);}*/


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



.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-nav{ padding: 0 5px 0 0}
.c-nav>li{ border-bottom: 1px solid #ccc; padding: 0 0 10px; margin: 10px 0; line-height: 1.2em}
.c-nav>li:first-child{ margin-top: 0}
.c-nav>li>a{ display:block; opacity: 0.5; color: #222; padding: 5px 0 5px 15px; background: transparent url(../images/bullet.png) no-repeat 3px 10px; background-size:6px 6px; }
.c-nav>li.active>a{ opacity: 1}
.c-nav>li>a:hover{ opacity: 0.8}
.c-nav em{ display: block; color:#3a7f20; font-size: 0.87em; font-weight: 500}

.content{ font-size: 1.12em; color:#222; padding-bottom: 10px}
.content-link{}
.content .link{ margin: 20px 10px 10px 0}
.c-content img{ border-radius: 4px}
.c-content h1{ padding: 25px 0 0; font-size: 2em}
.content h2{ font-size: 1em; padding: 10px 0 5px}
.content h3{ font-size: 1em; padding: 10px 0 5px}
.secondary{ font-size: 0.9em; color:#999; font-style: italic}
.content sup{ font-size: 1em; top:-.1em}

.content table,.modal-body table{ margin-top: 30px; margin-bottom: 30px; border-bottom: 1px solid #dee2e6; font-size: 0.9em}
.modal-body table{margin: 0}
.content table thead,.modal-body table thead{background:#dedede; border-radius: 4px }
.content table thead th,.modal-body table thead th{border:none; font-weight: 700 }
.content table tbody tr:nth-child(even),.modal-body table tbody tr:nth-child(even) { background: #f5f5f5}
.kosullar table tbody tr:nth-child(even){ background: transparent}

.btn-kosullar{ display: inline-block; padding: 10px 0 10px; line-height: 20px; font-size: 14px; font-weight: 700; color: #222; margin: 15px 0 0}
.btn-kosullar:before{content:""; display: block; clear: both; width: 100%; height: 1px}
.btn-kosullar:hover{  text-decoration: underline; color: #222}
.btn-kosullar>i{ display: inline-block; font-style: normal; padding:0 10px 0 0;font-size: 20px; font-weight: 800; top:2px; position: relative}
.kosullar{ clear: both; margin-top: 1px; padding-top: 10px;font-size: 0.7em; line-height: 1.3em; color: #666}
.kosullar ul,#kosullar ul li{ list-style: disc outside}
.kosullar ul{ padding: 10px 20px; }
.kosullar ul li{ padding: 2px 0}
.kosullar ul li a{ text-decoration: underline}
.kosullar h5{ font-size: 0.8em; color: #555; padding: 5px 0 0 10px}

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 }


.body404 .mainWrapper{ padding: 90px 20px; text-align: center;color: #222; background-repeat: no-repeat}
.body404 .mainWrapper h1{ padding: 10px 0; font-size: 2em; line-height: 1em; }
.body404 .mainWrapper h2{  font-size: 1.9em; line-height: 1.2em; font-weight: 800; padding:20px 0 40px}


.cContent{  background-position: center top; background-repeat: no-repeat; background-size: 100% auto}
.cContent .content{ padding: 50px 14% 50px;}
.vContent:before{ display: none}
.vContent .content{ padding: 15px 30px;}
.cContent .c-content .img-fluid,.v-content .img-fluid{ border-radius: 0 }
/*.bodySingle .content{ padding-top: 15px}*/

.v-content h3{ font-weight: 700; padding-top: 0}
.v-content h3 span{ display: block; color: #c70000; font-size: 0.8em; line-height: 1em; font-weight: 400}
.v-content>.content>.row{ }
.v-content>.content>.row>div{ margin-top: 15px; margin-bottom: 15px}





img.ortala{ display: block; margin: 0 auto}

.bodyBonus .c-content img{ padding: 60px 0}
.bodyBonus h1{  font-size: 1.5em }
.bodyPiramit .c-content img{ padding: 55px 0; max-width: 90%}
span.line{ display: block; border-top: 1px solid #ccc; font-size: 1px; line-height: 1px; height: 1px}
.c-head{ text-align: center; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 20px; margin: 0 7%; position: relative}
.c-head h1{ color: #DD0D0D; font-size: 2.25em; line-height: 1.4em; padding: 0}
.c-head h2{ color: #999; font-size: 1.15em; font-weight: 400; font-style: italic}

.bonus-mobile-top,.bs-top{ text-align: center; font-size: 16px; padding: 40px; line-height:1.3em; position: relative }
.bm-100{position: absolute; top:10px; right: 10px; padding: 0 !important; max-width: 57px; height: auto }
.bonus-mobile-top sup{ font-size: 20px; top:-1.4em}
.bonus-mobile-top h2{ color: #DD0D0D;font-size: 64px;
  line-height: 70px;
  font-weight: 700;}
.bonus-mobile-top h3{ color: #DD0D0D;   font-size: 20px;
  line-height: 1.1em;
  font-weight: 700;}
.bonus-mobile-top p{ font-style: italic}


.bs-top{ padding: 80px 0}
.bs-top h2{ color: #DD0D0D;font-size: 3em; line-height: 50px;font-weight: 700;}
.bs-top p{ color: #6c6c6c; font-style: italic; font-weight: 500; font-size: 16px; padding-top: 5px}
.bs-top .link{ font-size: 16px; line-height: 37px; height: 38px; padding: 0 25px; margin: 30px auto 0}
.bs-image-2{ margin-bottom: 20px;}
.bs-image-1{ position: absolute; top:20%; left: 15%}

.bs-image{ max-width: 300px; padding: 20px 5px}

.align-content-center{ text-align: center}
.p-liste{}
.p-liste>li{padding: 25px; color:#222}
.p-liste>li:first-child{color:#244FAF}
.p-liste>li:nth-child(even){ background: #eaeaea}
.p-b{ width: 40px; height: 40px; display: inline-block; text-align: center; line-height: 40px; border-radius: 4px; background: #DD0D0D; color: #fff; font-size: 14px; font-weight: 800; margin-right: 40px}
.p-b i{ display: inline-block; background: transparent url(../images/piramit-ok.png) no-repeat 0 0;  background-size:5px 9px; width: 5px; height: 9px; text-indent: -9999em; margin-right: 2px; margin-top: -2px}
li:first-child .p-b{ background: #244FAF; font-size: 16px}


.p-liste div{ display: inline-block; line-height: 14px}
.p-liste div span{ display: inline-block; font-size: 14px; line-height: 14px}
.p-liste div strong{ display: inline-block; font-size: 18px; line-height: 19px}


.p-liste>li:first-child div span{ font-size: 18px; line-height: 18px}
.p-liste>li:first-child div strong{ font-size: 30px; line-height: 30px}

.p-liste>li:before{content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;}

.p-liste>li *{ vertical-align: middle}



/* 500 TL*/
.genel-500-link{  padding: 40px 0 10px; overflow: hidden}
.genel-500-link>div{float: left; padding: 0 0 0 45px; border-left: 1px solid #ddd}
.genel-500-link>div:first-child{padding: 0 45px 0 0; border:none;}
.genel-500-link h6{  font-size: 0.9em}

.genel-500-link .link{ margin-top: 10px; margin-bottom: 10px}
.secondary-link{ font-style: italic; font-size: 0.8em; display: block}

.table-poker{ margin-top: -15px}

.nav-videolar{ text-align: center; padding: 20px 0; border-bottom: 1px solid #ddd}
.nav-videolar>li{ display: inline-block; margin: 0 15px}
.nav-videolar>li .link{ font-size: 15px; height: 38px; line-height: 38px; padding: 0 20px; margin-top: 0;border-color: #ccc; background: transparent; color: #ccc; z-index:2 }
.nav-videolar>li .link:hover{ border-color: #6e6e6e;color: #6e6e6e}
.nav-videolar>li.active .link{ border-color: #56A74A; background: #56A74A; color: #fff}

.table-tum-yontemler{ }
.table-tum-yontemler tr td{ vertical-align: middle}
.table-tum-yontemler tr td:first-child{ width: 15%}
.simple-link{ text-decoration: underline}

@media (max-width: 992px){
  #wrapper{ overflow: hidden}
  .navbar-nav{ padding-top: 15px}
  .nav-item{ text-align: center; padding: 0}
  .nav-link{ text-align: center; display: inline-block; padding-top: 5px; padding-bottom: 5px}
  #header .nav-link.account-link{ margin-top: 10px; margin-bottom: 5px}
  body{ background-size: auto; font-size: 15px; line-height: 1.5em}

  #fixture{position:relative;}
  #promo .owl-dot{ top:-5px}
  #promo .owl-nav .owl-next{ right: 5px}
  #promo .owl-nav .owl-prev{ left: 5px}
  #fixture .owl-nav .owl-prev{ left: 5px}
  #fixture .owl-nav .owl-next{ right: 5px}
  #fixture .item div h6{font-size: 1em}


  .banner{ font-size: 1.2em;}
  .banner .link{ left:40px}
  .banner.b-2 .link{ left:40px}

  #subMenu>li{ padding-right: 20px}

}


@media (min-width: 768px) {
  .collapse.collapse-sm {
    display: block;
    height: auto !important;
    visibility: visible;
  }



}


@media (max-width: 767px){

  .b-network{ padding-top: 20px}
  .n-banner:after,.nb-2:before{ display: none}



  .nb-2{ margin-top: 40px}
  .nb-1:before{
    content: '';
    border-bottom: 1px solid #fff ;
    opacity: 0.3;
    width: 100%; height: 1px; position: absolute; bottom:-25px; left: 0;
  }

  .hb-sag{top:0}
  .hb-sag .hb-sag-1{width: 70%}
  .hb-sag-2{ width: 35%; left:auto;right: 70%; top:-4%}

  .banner{padding: 20px 20px 70px}
  .banner .link{ left:35px !important;}

  .mainWrapper:before{ width: 24px; height: 19px; background-size: 24px 19px; top:-10px; margin-left: -12px }
  .bodyCampaignCalendar .mainWrapper{ padding: 10px; overflow: hidden}
  .bodyCampaignCalendar .mainWrapper:before{display: none}
  .bodyGenelKampanyalar .mainWrapper:before{left: 50%}
  .cDetailContainer{ background: #fff; width: 100%; margin: 0}
  .cDetailContainer .row{ margin: 0 -15px}
  .cDetailContainer .row>div:first-child{ border:none}
  .c-content-wrapper{ padding: 0 0 30px; background: #eaeaea}
  .c-content img{ border-radius: 0}
  .content{ padding: 0 20px}
  .cContent .content{ padding: 20px}
  .c-nav{ padding: 0 20px}
  .c-nav a{ overflow: hidden}
  .c-nav em{ display: inline-block; float: left; width: 33%;    white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
  .c-nav strong{ display: inline-block; float: right; width: 66%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .c-nav>li:last-child{ border-bottom: none}


  .cd{ font-size: 0.8em}
  .cd a{ background-size: 12px 12px; background-position: 10% 10% }
  .cd a strong{ }
  .cd a em{ font-size: 0.9em; bottom: 7% }

  .content h1{ font-size: 1.5em; line-height: 1.3em}


  .bodyGenelKampanyalar .mainWrapper{padding:25px 0}
  .genel-500-link>div{float: none; border:none; padding: 0; text-align: center}
  .genel-500-link>div:first-child{padding: 0 0 20px; margin-bottom: 20px; border-bottom: 1px solid #ddd}

#footer span{ display: block}
  .body404 .mainWrapper{ background-size: cover}
.bs-image-1{ max-width: 100px; left: 5%}




}




@media (max-width: 576px){
  body{ background-position:center -238px; }
  /*#wrapper{ background-image: url(../images/header-mobile.png);}*/
  .container{ padding-right: 6px; padding-left: 6px }

  .row{ margin-left: -6px; margin-right: -6px}
  .navbar-brand img{ width: 91px; height: auto}

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

  #homeBanner h2{ font-size: 2.9em; line-height:0.9em;}
  #homeBanner h3{ font-size: 1.2em; line-height:1.2em;}
  #homeBanner p{ font-size: 0.9em; line-height:1.3em;}


  #header .navbar{ padding: 15px 0 10px}

  .navbar-inverse .navbar-toggler-icon {
  background-size: 80%;
  }


  #promo .owl-dot span{ width: 8px; height: 8px}
  #promo .owl-nav{ display: none}
  #fixture{ min-height: 45px; margin-top: -10px; padding: 0 10px}
  #fixture .owl-stage{ min-height: 45px}
  #fixture .item div{ padding-top: 8px}
  #fixture .owl-nav .owl-prev{ left: 0}
  #fixture .owl-nav .owl-next{ right: 0}
  .f1 h6{ padding-right: 33px}
  .f2 h6{ padding-left: 33px}
  em.canli {
    left: -28px;
    top:3px;
    background-size: 26px auto;
    width: 26px;
    height: 12px;
  }

  #aTakvim{ background-size: cover; font-size: 0.85em; margin-top: 10px}
  .banner-wrapper{ margin-top: 0}

  .at{ padding: 20px 0}
  .atTumu{ padding: 20px 0 20px}
  #aTakvim h2{ font-size: 1.7em}


  .at>div{ padding: 25px 0 0; margin-top: 5px}
  .at .t{ padding-top: 23px}

  #homeBanner{ margin:25px 0}

  .b-1 .b-g{ right: -7%}
  .b-1 .b-g-1{ width: 73%; height: auto}
  .b-1 .b-g-2{ width: 45%; right: 81%; top:35%}
  .b-2 .b-g { right: 3%; width: 37%; top:-6%  }
  .b-2 .b-g img{  width:100% ;}


  .banner{ padding-bottom: 15px; padding-bottom: 15px; font-size: 1.05em }
  .banner.b-2{  padding-right: 35%}
  .banner.b-2 p{   white-space: normal; padding-right: 5%}
  .banner .link{ display: none}


  .home-banner-box>div{ min-height: 140px; margin-top:10px !important; margin-bottom: 3px}
  .home-banner-box>div:first-child{ margin: 0!important;}


  .hb-sag {right: -20%}
  .hb-sag .hb-sag-1{width: 55%}
  .hb-sag-2{ width: 25%; right: 55%; top:-10%}

  .hb-sol-2,.hb-sol-3{ display: none}
  .hb-sol{ left: -13%; top:45%}
  .hb-sol-1{ width: 50%}


  .bodySingle .content{ padding: 10px 10% 30px}

  .c-head{ margin: 0; padding:30px 25px;color: #222}
  .c-head h2{ color: #222}
  .bodyPiramit .c-content img{ padding: 20px 0 30px}
  .bodyPiramit .top-icon{ top:-9px}

  .menu-footer-support>li>a{padding: 0 2px}



  .body404 .mainWrapper{ font-size: 0.7em; padding: 150px 5px 50px; background-position: 0 -50px; }
  .body404 .mainWrapper img{ max-width: 50%}

  .videmoVideoContainer{ margin-top: -4%}
  .playIcon{ top:0; height: 108%}
  .playIcon>i{ zoom:0.8}

  #promo .item-vimeo{  max-height: 180px; overflow: hidden}

  .bs-top{ padding: 50px 0}
  .bs-top h2{ font-size: 2.2em}


    .nav-videolar>li .link{ font-size: 14px}
    .nav-videolar>li{margin: 0 0 0 5px}
    .nav-videolar>li:first-child{margin: 0 5px 0 0 }

  .table-tum-yontemler {  width: 100%}
  .table-tum-yontemler tr td,.table-tum-yontemler tr th{ font-size: 0.9em}
  .table-tum-yontemler tr td:first-child{ width: 22%; padding: 0.1rem}

}

@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) {
  .at>div,.top-icon {background-image: url(../images/star-2x.png);}
  .banner{ background-image: url(../images/banner/banner-bg-2x.jpg)}
  .banner.b-2{ background-image: url(../images/banner/banner-2-bg-2x.jpg)}
  .mainWrapper:before{ background-image: url(../images/star-2-2x.png)}

  #header .nav-link.new-link{ background-image: url(../images/yeni-2x.png) }
  .p-b i{  background-image: url(../images/piramit-ok-2x.png) }
  .playIcon>i{background-image: url(../images/play-icon-2x.png)}



}