/*
* Kablo Web Site
* Page Headers
*/

/* #PAGE HEADER
================================================== */
.content-header {
  background: rgba(53,156,211,1);
  background: -moz-linear-gradient(left, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53,156,211,1)), color-stop(100%, rgba(44,69,150,1)));
  background: -webkit-linear-gradient(left, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%);
  background: -o-linear-gradient(left, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%);
  background: -ms-linear-gradient(left, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%);
  background: linear-gradient(to right, rgba(53,156,211,1) 0%, rgba(44,69,150,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359cd3', endColorstr='#2c4596', GradientType=1 );
  height: 337px; width: 100%; position: relative;
}

.sub-menu-header { display: none; }
.navbar-nav .child { display: block; }

.pagination-centered{text-align:center;}

.content-header .container { position: absolute; color: #FFF; width: 100%; top: 25px; }
.content-header .container h1 { font-family: 'pnbold', Helvetica, Arial, sans-serif; font-size: 34px; margin: 0; padding: 0; text-align: center; }
.content-header .container p { display: none; }
.content-header .header-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: auto 100%; background-position: center center; }

.content-header .kurumsal-hakkimizda { background-image: url('../images/page-headers/kurumsal/hakkimizda.png'); background-size: auto 70%; background-position: 50% 90px; }
.content-header .kurumsal-misyon-ve-vizyon { background-image: url('../images/page-headers/kurumsal/misyon-ve-vizyon.png'); background-size: auto 80%; background-position: bottom; }
.content-header .iletisim { background-image: url('../images/page-headers/iletisim.png'); background-size: auto 229px; background-position: 50% 80%; }

.content-header .internet { background-image: url('../images/page-headers/internet/internet.png'); background-size: auto 248px; background-position: 50% 85%; }
.content-header .internet-tarifeler { background-image: url('../images/page-headers/internet/tarifeler.png'); background-size: auto 248px; background-position: center bottom; }
.content-header .internet-servisler { background-image: url('../images/page-headers/internet/servisler/servisler.png'); background-size: auto 240px; background-position: 50% 85%; }
.content-header .internet-servisler-guvenli-internet { background-image: url('../images/page-headers/internet/servisler/guvenli-internet.png'); background-size: auto 343px; background-position: 50% -750%; }
.content-header .internet-servisler-antivirus { background-image: url('../images/page-headers/internet/servisler/antivirus.png'); background-size: auto 150px; background-position: center center; }
.content-header .internet-servisler-statik-ip { background-image: url('../images/page-headers/internet/servisler/statik-ip.png'); background-size: auto 236px; background-position: center bottom; }
.content-header .internet-servisler-uyku-yok { background-image: url('../images/page-headers/internet/servisler/uyku-yok.png'); background-size: auto 90%; background-position: bottom; }
.content-header .internet-servisler-uyku-yok-plus { background-image: url('../images/page-headers/internet/servisler/uyku-yok-plus.png'); background-size: auto 90%; background-position: bottom; }
.content-header .internet-servisler-ucretsiz-eposta-hizmeti { background-image: url('../images/page-headers/internet/servisler/ucretsiz-eposta-hizmeti.png'); background-size: auto 269px; background-position: 50% 90%; }
.content-header .internet-servisler-nitro { background-image: url('../images/page-headers/internet/servisler/nitro.png'); background-size: auto 240px; background-position: 50% 90%; }
.content-header .internet-servisler-nitro-plus { background-image: url('../images/page-headers/internet/servisler/nitro-plus.png'); background-size: auto 240px; background-position: 50% 90%; }
.content-header .internet-servisler-nitro-upload { background-image: url('../images/page-headers/internet/servisler/nitro-upload.png'); background-size: auto 240px; background-position: 50% 90%; }
.content-header .internet-servisler-akn-paket-satisi { background-image: url('../images/page-headers/internet/servisler/akn-paket-satisi.png'); background-size: auto 250px; background-position: bottom; }
.content-header .internet-servisler-kota-paketi-satisi { background-image: url('../images/page-headers/internet/servisler/kota-paketi-satisi.png'); background-size: auto 236px; background-position: bottom; }
.content-header .internet-servisler-upload-paketi { background-image: url('../images/page-headers/internet/servisler/upload-paketi.png'); background-size: auto 83%; background-position: bottom; }
.content-header .internet-servisler-dogum-gunu { background-image: url('../images/page-headers/internet/servisler/dogum-gunu.png'); background-size: auto 80%; background-position: bottom center; }
.content-header .internet-servisler-kablowebtv { background-image: url('../images/page-headers/internet/servisler/kablowebtv.png'); background-size: auto 60%; background-position: 50% 70%;  }
.content-header .internet-servisler-veri-gizliligi { background-image: url('../images/page-headers/internet/servisler/veri-gizliligi.png');  }

.content-header .tv { background-image: url('../images/page-headers/tv/tv.png'); background-size: auto 229px; background-position: 50% 85%; }
.content-header .tv-ne-kadar-oderim { background-image: url('../images/page-headers/tv/ne-kadar-oderim.png'); background-size: auto 213px; background-position: 50% 75%; }
.content-header .tv-tarifeler { background-image: url('../images/page-headers/tv/tarifeler.png'); background-size: auto 209px; background-position: 50% 85%; }
.content-header .tv-kanallar { background-image: url('../images/page-headers/tv/kanallar.png'); background-size: auto 220px; background-position: 50% 85%; }
.content-header .tv-kanallar-temel-paket { background-image: url('../images/page-headers/tv/paket.png'); background-size: auto 209px; background-position: 50% 85%; }
.content-header .tv-sinema-kanallari { background-image: url('../images/page-headers/tv/sinema-kanallari.png'); background-size: auto 208px; background-position: 50% 85%; }

.content-header .tel-tarifeler { background-image: url('../images/telefon/telefon.png'); background-size: auto 209px; background-position: 50% 85%; }

.content-header .destek-satis-noktalari { background-image: url('../images/page-headers/destek/satis-noktalari.png'); background-size: auto 190px; background-position: 50% 80%; }
.content-header .destek-sss { background-image: url('../images/page-headers/destek/sss.png'); background-size: auto 210px; background-position: center 110px; }
.content-header .destek-satis-detay { background-image: url('../images/page-headers/destek/satis-detay.png'); background-size: auto 238px; background-position: bottom right; }
.content-header .cihazlar { background-image: url('../images/page-headers/cihazlar.png'); background-size: auto 117px; background-position: center 140px; }
.content-header .tarife-secici-header { background-image: url('../images/page-headers/tarife-secici.png'); background-size: auto 194px; background-position: 50% 70%; }

/*--- KAMPANYA / TARIFE SECIM ANA SAYFASI HEADER ---*/
.content-header .tarife-kampanya-kategori-header { background-image: url('../images/page-headers/tarifeler-kampanyalar.png'); background-size: auto 209px; background-position: 50% 85%; }

/*--- KAMPANYA DETAY SAYFASI HEADER ---*/
.kampanya-header {}
.kampanya-header .container { position: relative; overflow: hidden; height: 337px; top: 0; }
.kampanya-header .container h3 { font-size: 23px; font-weight: normal; font-family: 'pnbold', Helvetica, Arial, sans-serif; color: #FFF; text-align: center; white-space: nowrap; margin: 0; top: 24px; left:0; position: absolute; width: 100%; }
.kampanya-header .container p { position: absolute; padding: 0; margin: 0; display: none; }
.kampanya-header .container p.date { display: block; bottom: 60px; width: 100%; text-align: center; left:0; font-size: 18px; }
.kampanya-header .container p.date strong { font-weight: normal; font-family: 'pnbold', Helvetica, Arial, sans-serif; }
.kampanya-header .container button { background: #2f3a8c; border: 0; font-size: 17px; color: #FFF; font-family: 'pnbold', Helvetica, Arial, sans-serif; letter-spacing: 0.2em; line-height: 49px; height: 45px; transition: .2s all ease; padding: 0; width: 140px; overflow: hidden; position: absolute; margin: auto; bottom: 10px; left: 70px; right: 70px; }
.kampanya-header .container button:hover, .kampanya-header .container button:focus { background: #005b9a; }
.kampanya-header .container img { position: absolute; height: auto; width: 180px; top: 60px; margin: auto; left: 90px; right: 90px; }



@media screen and (min-width: 768px) {
  .sub-menu-header { display: block; }
  .sub-menu-header { background-color: #263171; height: 40px; width: 100%; position: relative; position: fixed; top: 108px; z-index: 1000; }
  .sub-menu-header .container .sub-menu { padding-left:3px; margin: 0; font-size: 12px; line-height: 40px; }
  .sub-menu-header .container .sub-menu a { color: #fff; padding-right: 5px; }
  .sub-menu-header .container .sub-menu li:last-child a { border: none; }
  .navbar-nav .child { display: none; }

  .content-header { height: 412px; }
  .content-header .container { top: 100px; }
  .content-header .container h1 { font-size: 38px; text-align: left; }
  .content-header .container h1.no-text { margin-top: 80px; }
  .content-header .container p { display: block; font-size: 21px; line-height: 31px; width: 360px; margin: 10px 0; font-family: 'pnregular', Helvetica, Arial, sans-serif; }
  .content-header .header-img { background-size: auto 412px; }

  .content-header .kurumsal-hakkimizda { background-position: 95% center; }
  .content-header .kurumsal-misyon-ve-vizyon { background-position: 85% center; }
  .content-header .iletisim { background-size: auto 311px; background-position: 90% 50%; }

  .content-header .internet { background-size: auto 340px; background-position: 90% center; }
  .content-header .internet-tarifeler { background-size: auto 392px; background-position: right bottom; }
  .content-header .internet-servisler { background-size: auto 312px; background-position: 90% center; }
  .content-header .internet-servisler-guvenli-internet { background-size: auto 344px; background-position: right center; }
  .content-header .internet-servisler-antivirus { background-image: url('../images/page-headers/internet/servisler/antivirus-2.png'); background-size: auto 314px; background-position: right center; }
  .content-header .internet-servisler-statik-ip { background-size: auto 299px; background-position: center right; }
  .content-header .internet-servisler-uyku-yok { background-position: bottom right; }
  .content-header .internet-servisler-uyku-yok-plus { background-position: bottom right; }
  .content-header .internet-servisler-ucretsiz-eposta-hizmeti { background-size: auto 460px; background-position: right bottom; }
  .content-header .internet-servisler-nitro { background-size: auto 346px; background-position: right center; }
  .content-header .internet-servisler-nitro-plus { background-size: auto 346px; background-position: right center; }
  .content-header .internet-servisler-nitro-upload { background-size: auto 346px; background-position: right center; }
  .content-header .internet-servisler-akn-paket-satisi { background-size: auto 302px; background-position: 90% center; }
  .content-header .internet-servisler-kota-paketi-satisi { background-size: auto 337px; background-position: bottom right; }
  .content-header .internet-servisler-upload-paketi { background-position: bottom right; background-size: 50% auto; }
  .content-header .internet-servisler-dogum-gunu { background-position: 100% 50%; background-size: auto 290px; }
  .content-header .internet-servisler-veri-gizliligi { background-position: 100% 0; }
  .content-header .internet-servisler-kablowebtv { background-size: auto 65%; background-position: 100% 50%; }

  .content-header .tv { background-size: auto 267px; background-position: right center; }
  .content-header .tv-ne-kadar-oderim { background-size: auto 290px; background-position: 90% 50%; }
  .content-header .tv-tarifeler { background-size: auto 277px; background-position: 90% 50%; }
  .content-header .tv-kanallar { background-size: auto 318px; background-position: 90% 50%; }
  .content-header .tv-kanallar-temel-paket { background-size: auto 243px; background-position: 90% 50%; }
  .content-header .tv-sinema-kanallari { background-size: auto 306px; background-position: 90% 50%; }

  .content-header .tel-tarifeler { background-size: auto 277px; background-position: 90% 50%; }

  .content-header .destek-satis-noktalari { background-size: auto 244px; background-position: 90% center; }
  .content-header .destek-sss { background-size: auto 280px; background-position: 90% center; }
  .content-header .destek-satis-detay { background-size: auto 345px; background-position: bottom right; }
  .content-header .tarife-secici-header { background-size: auto 281px; background-position: 90% 50%; }
  .content-header .cihazlar { background-size: auto 131px; background-position: 90% center; }

  /*--- KAMPANYA / TARIFE SECIM ANA SAYFASI HEADER ---*/
  .content-header .tarife-kampanya-kategori-header { background-size: auto 241px; background-position: 90% center; }

  /*--- KAMPANYA DETAY SAYFASI HEADER ---*/
  .kampanya-header .container { height: 410px; top: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
  .kampanya-header .container div {  position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .kampanya-header .container h3 { font-size: 40px; width: 50%; white-space: normal; top: 0;  text-align: left; position: relative; line-height: 38px;  }
  .kampanya-header .container p { position: relative; font-size: 18px; line-height: 21px; margin-bottom: 20px; }
  .kampanya-header .container p.date { position: relative; width: 50%; text-align: left; font-size: 21px; bottom: 0; }
  .kampanya-header .container button { font-size: 19px; position: relative; bottom: 0; left: 0; right: 0; }
  .kampanya-header .container img { position: absolute; height: 100%; width: auto; top: 0; left: auto; right: 0; }

}


@media screen and (min-width: 992px) {
  .content-header .container h1.no-text { margin-top: 60px; }

  .content-header .header-img { max-width: 970px; margin: 0 auto; }
  .content-header .kurumsal-misyon-ve-vizyon { background-position: 90% center; }
  .content-header .iletisim { background-size: auto 360px; background-position: 95% center; }

  .content-header .internet { background-size: auto 370px; background-position: 90% center; }
  .content-header .internet-servisler { background-size: auto 367px; background-position: 90% center; }
  .content-header .internet-servisler-guvenli-internet { background-size: auto 470px; }
  .content-header .internet-servisler-antivirus { background-image: url('../images/page-headers/internet/servisler/antivirus.png'); background-size: auto 240px; }
  .content-header .internet-servisler-statik-ip { background-size: auto 340px; }
  .content-header .internet-servisler-kota-paketi-satisi { background-size: auto 370px; }
  .content-header .internet-servisler-nitro { background-size: auto 366px; }
  .content-header .internet-servisler-nitro-plus { background-size: auto 366px; }
  .content-header .internet-servisler-nitro-upload { background-size: auto 366px; }

  .content-header .tv { background-size: auto 300px; background-position: right center; }

  .content-header .destek-satis-noktalari { background-size: auto 300px; background-position: 95% center; }
  .content-header .destek-sss { background-size: auto 320px; background-position: right center; }
  .content-header .cihazlar { background-size: auto 140px; background-position: 95% center; }
  .content-header .tarife-secici-header { background-size: auto 321px; background-position: 95% center; }

  .sub-menu-header { height: 50px; top: 148px; }
  .sub-menu-header .container .sub-menu { padding-left:20px; font-size: 15px; line-height: 50px; }
  .sub-menu-header .container .sub-menu a { padding: 0 15px 0 0; border-right: 1px solid rgba(255,255,255,0.2);}
}


@media screen and (min-width: 1200px) {
  .content-header { height: 535px; }
  .content-header .container { max-width: 1200px; left: 0; right: 0; top: 180px; }
  .content-header .container h1 { font-size: 59px; }
  .content-header .container h1.no-text { margin-top: 20px; }
  .content-header .container h1.no-mail-text { margin-top: 60px; font-size: 51px; }
  .content-header .container p { font-size: 21px; line-height: 31px; width: 550px; }
  .content-header .header-img { position: relative; height: 535px; margin: 0 auto; background-size: auto 535px; max-width: 1500px; }

  .content-header .iletisim { background-size: auto 488px; background-position: right center; max-width: 1200px; }

  .content-header .internet { background-size: auto 520px; background-position: right center; max-width: 1200px; }
  .content-header .internet-tarifeler { background-size: auto 502px; background-position: right bottom; max-width: 1200px; }
  .content-header .internet-servisler { background-size: auto 422px; background-position: right center; max-width: 1200px; }
  .content-header .internet-servisler-guvenli-internet { background-size: auto 697px; }
  .content-header .internet-servisler-antivirus { background-size: auto 284px; max-width: 1200px; }
  .content-header .internet-servisler-statik-ip { background-size: auto 482px; max-width: 1200px; }
  .content-header .internet-servisler-uyku-yok { background-position: 700px 0; }
  .content-header .internet-servisler-uyku-yok-plus { background-position: 700px 0; }
  .content-header .internet-servisler-ucretsiz-eposta-hizmeti { background-size: auto 587px; }
  .content-header .internet-servisler-nitro { background-size: auto 466px; max-width: 1200px; }
  .content-header .internet-servisler-nitro-plus { background-size: auto 466px; max-width: 1200px; }
  .content-header .internet-servisler-nitro-upload { background-size: auto 466px; max-width: 1200px; }
  .content-header .internet-servisler-akn-paket-satisi { background-size: auto 480px; background-position: right center; max-width: 1250px; }
  .content-header .internet-servisler-kota-paketi-satisi { background-size: auto 503px; max-width: 1200px; }
  .content-header .internet-servisler-upload-paketi { background-position: 100% 0; background-size: auto 100%; }
  .content-header .internet-servisler-dogum-gunu { background-position: 100% 50%; background-size: auto 368px; max-width: 1200px; }
  .content-header .internet-servisler-kablowebtv { background-size: auto 460px; background-position: right bottom; max-width: 1250px; }

  .content-header .tv { background-size: auto 353px; background-position: right center; max-width: 1200px; }
  .content-header .tv-ne-kadar-oderim { background-size: auto 375px; background-position: right center; max-width: 1200px; }
  .content-header .tv-tarifeler { background-size: auto 456px; background-position: right center; max-width: 1200px; }
  .content-header .tv-kanallar { background-size: auto 426px; background-position: right center; max-width: 1200px; }
  .content-header .tv-kanallar-temel-paket { background-size: auto 357px; background-position: right center; max-width: 1200px; }
  .content-header .tv-sinema-kanallari { background-size: auto 502px; background-position: right center; max-width: 1200px; }

  .content-header .tel-tarifeler { background-size: auto 456px; background-position: right center; max-width: 1200px; }

  .content-header .destek-satis-noktalari { background-size: auto 376px; background-position: right center; max-width: 1200px; }
  .content-header .destek-sss { background-size: auto 389px; background-position: right center; max-width: 1200px; }
  .content-header .destek-satis-detay { background-size: auto 443px; background-position: bottom right; max-width: 1200px; }
  .content-header .cihazlar { background-size: auto 184px; background-position: 90% center; max-width: 1200px; }
  .content-header .tarife-secici-header { background-size: auto 401px; background-position: right center; max-width: 1200px; }

  /*--- KAMPANYA / TARIFE SECIM ANA SAYFASI HEADER ---*/
  .content-header .tarife-kampanya-kategori-header { background-size: auto 366px; background-position: right center; max-width: 1120px; }

  /*--- KAMPANYA DETAY SAYFASI HEADER ---*/
  .kampanya-header .container { height: 535px; top: 0; }
  .kampanya-header .container h3 { font-size: 43px; width: 75%; line-height: 1; margin-bottom: 20px;  }
  .kampanya-header .container p { font-size: 21px; line-height: 30px; margin-bottom: 20px; }
  .kampanya-header .container p.date { font-size: 23px; }
  .kampanya-header .container button { font-size: 23px; height: 58px; width: 210px; line-height: 62px; }

  .sub-menu-header .container .sub-menu { padding-left:25px; font-size: 16px; }
  .sub-menu-header .container .sub-menu a { padding: 0 22px 0 7px; }
}