/*
* Kablo Web Site
* Main Text Styles and Fonts
*/

/* #ICERIK ALANI
================================================== */
.icerik-tasiyici { background: #f6f6f7; overflow: hidden; width: 100%; }
.icerik-alani { background: #FFF; border-radius: 3px; margin: 11px 0 24px 0; padding: 5px 15px 40px 15px; }
.icerik-alani h4 { color: #3c9fd6; font-family: 'pnsemibold', sans-serif; font-size: 21px; line-height: 1.2em; border-bottom: 1px solid #ececec; margin-bottom: 15px; padding-bottom: 10px; }
.icerik-alani h5 { color: #3c9fd6; font-family: 'pnsemibold', sans-serif; font-size: 20px; line-height: 1.2em; margin-top: -15px; margin-bottom: 15px; }
.icerik-alani p { font-size: 17px; line-height: 1.5em; margin-bottom: 15px; }
.icerik-alani p.not { color: #969696; font-size: 14px; line-height: 1.5em; }
.icerik-alani .panel { border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 7px 0px rgba(183,183,183,0.27); border: 1px solid #dcdcdc; margin-bottom: 20px; }
.icerik-alani .panel table { color: #969696; font-size: 14px; border: 1px solid #dcdcdc; }
.icerik-alani .panel table tr th { border: 0; color: #FFF; font-size: 13px; background: #2b4a9a; font-family: 'pnsemibold', sans-serif; padding: 0 10px; height: 40px; vertical-align: middle; line-height: 1.2; }
.icerik-alani .panel table tr td { vertical-align: middle; padding: 0 10px; height: 40px; font-family: 'pnsemibold', sans-serif; border-color: #DCDCDC!important; line-height: 1.2; }
.table-center, .table-center th { text-align: center; }

@media screen and (min-width: 478px) {
  .icerik-alani { padding: 5px 20px 50px 20px; }
  .icerik-alani h4 { font-size: 22px; line-height: 2em; padding-bottom: 0; }
  .icerik-alani h5 { font-size: 21px; }
  .icerik-alani p { font-size: 18px; }
  .icerik-alani p.not { font-size: 15px; }
}

@media screen and (min-width: 768px) {
  .icerik-alani { padding: 5px 25px 60px 25px; }
  .icerik-alani h4 { font-size: 24px; }
  .icerik-alani h5 { font-size: 22px; }
  .icerik-alani p { font-size: 19px; margin-bottom: 20px; }
  .icerik-alani p.not { font-size: 15px; }
  .icerik-alani .panel table { font-size: 15px; }
  .icerik-alani .panel table tr th { font-size: 14px; height: 50px; }
  .icerik-alani .panel table tr td { height: 50px; padding: 0 10px; font-size: 15px; }
  .icerik-alani .panel table tr td.kisa { white-space: normal; }
}

@media screen and (min-width: 992px) {
  .icerik-alani h4 { font-size: 25px; margin-bottom: 25px; }
  .icerik-alani h5 { font-size: 23px; }
  .icerik-alani p { font-size: 21px; margin-bottom: 25px; }
  .icerik-alani p.not { font-size: 16px; line-height: 23px; }
  .icerik-alani .panel table tr th { height: 60px; padding: 0 20px; }
  .icerik-alani .panel table tr td { height: 60px; padding: 0 20px; white-space: nowrap; }
}

@media screen and (min-width: 1200px) {
  .icerik-alani h4 { font-size: 26px; }
  .icerik-alani h5 { font-size: 24px; }
  .icerik-alani p { font-size: 22px; }
  .icerik-alani p.not { font-size: 17px; line-height: 25px; }
}



/*---------- GIRIS FORMU ----------*/
.giris { text-align: center; padding: 30px 0;
  background: rgba(53,156,211,1);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53,156,211,1)), color-stop(100%, rgba(44,68,150,1)));
  background: linear-gradient(to right, rgba(53,156,211,1) 0%, rgba(44,68,150,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359cd3', endColorstr='#2c4496', GradientType=1 );
}
.giris h1 { font-family: 'pnlight', sans-serif; font-size: 28px; line-height: 1; margin: 0; color: #FFF; }
.giris p { font-family: 'pnsemibold', sans-serif; font-size: 14px; margin: 7px 0 0 0; line-height: 1.35em; color: rgba(255,255,255,.8); }
.giris .radio-container { width: 100%; margin: 20px auto; color: rgba(255,255,255,.8); max-width: 460px; }
.giris .radio-container div { display: inline-block; width: 49%; text-align: left; }
.giris .radio-container div:last-child { margin-right: 0; width: 100%; }
.giris .radio-container div input[type="radio"] { display: none; }
.giris .radio-container div input[type="radio"] + label { font-family: 'pnsemibold', sans-serif; font-size: 15px; line-height: 16px; cursor: pointer; }
.giris .radio-container div input[type="radio"] + label span { display: inline-block; width: 15px; height: 15px; margin: -4px 5px 0 0; vertical-align: middle; cursor: pointer; border-radius: 50%; border: 2px solid #FFF; position: relative; }
.giris .radio-container div input[type="radio"]:checked + label span { background-color: #FFF; }
.giris .radio-container div input[type="radio"] + label span, .giris .radio-container div input[type="radio"]:checked + label span { transition: all 0.2s linear; }
.giris .user-input-container { width: 100%; max-width: 460px; margin: 0 auto; clear: both; padding-bottom: 40px; }
.giris .user-input-container input { color: #3A3A3A; width: 100%; height: 44px; line-height: 44px; padding: 0 10px; border-radius: 6px; border:0; display: block; margin: 0 auto 15px auto; font-size: 16px; font-family: 'pnsemibold', sans-serif; }
.giris .user-input-container input[type="submit"] { color: #fff !important;}
.giris .user-input-container input:first-child { margin-bottom: 15px; }
.giris .user-input-container ::-webkit-input-placeholder { color: #b3b3b3; font-size: 16px; font-family: 'pnsemibold', sans-serif; }
.giris .user-input-container :-moz-placeholder { color: #b3b3b3; font-size: 16px; font-family: 'pnsemibold', sans-serif; }
.giris .user-input-container ::-moz-placeholder { color: #b3b3b3; font-size: 16px; font-family: 'pnsemibold', sans-serif; }
.giris .user-input-container :-ms-input-placeholder { color: #b3b3b3; font-size: 16px; font-family: 'pnsemibold', sans-serif; }

.giris .user-input-container a.hatirlat { display: inline-block; float: left; line-height: 51px; font-family: 'pnlight', sans-serif; text-decoration: none; position: relative; color: #FFF; font-size: 16px; }
.giris .user-input-container a.hatirlat:after { display: block; position: absolute; content: ''; height: 1px; background: #6598ca; bottom: 9px; left: 0; right: 5px; transition: all 0.1s linear; }
.giris .user-input-container a.hatirlat:hover:after, .giris .user-input-container a.hatirlat:focus:after { background: #FFF; height: 2px; bottom: 12px;}

.giris .user-input-container a.olustur { display: inline-block; float: left; line-height: 51px; font-family: 'pnlight', sans-serif; text-decoration: none; position: relative; color: #FFF; font-size: 16px; }
.giris .user-input-container a.olustur:after { display: block; position: absolute; content: ''; height: 1px; background: #6598ca; bottom: 9px; left: 0; right: 5px; transition: all 0.1s linear; }
.giris .user-input-container a.olustur:hover:after, .giris .user-input-container a.olustur:focus:after { background: #FFF; height: 2px; bottom: 12px;}


.giris .user-input-container a.buton, .giris .user-input-container a.buton:visited { float: right; margin: 0; clear: none; width: 118px; min-width: 118px; padding: 17px 15px 15px 15px; background: #3faf6c; }
.giris .user-input-container a.buton:hover, .giris .user-input-container a.buton:focus { background: #2b4a9a; color:#fff; text-decoration:none; }
.giris p.not { text-align: left; font-size: 14px; line-height: 21px; font-family: 'pnregular', sans-serif; }
#recaptcha_widget { text-align: left; }
#recaptcha_widget a, #recaptcha_widget a:visited { color: #fff; }
.recaptcha_only_if_image { color: #fff; }
#recaptcha_challenge_image { padding-bottom: 10px; }

@media screen and (min-width: 478px) {
  .giris { padding: 40px 0; }
  .giris h1 { font-size: 32px; }
  .giris p { font-size: 15px; }
  .giris .radio-container { margin: 10px auto 20px auto; }
  .giris .radio-container div { display: inline-block; width: 30%; margin-right: 10px; }
  .giris .radio-container div:last-child { margin-right: 0; width: 50%; }
  .giris .radio-container div input[type="radio"] + label { font-size: 16px; line-height: 17px; }
  .giris .radio-container div input[type="radio"] + label span { width: 16px; height: 16px; }
  .giris .user-input-container { padding-bottom: 50px; }
  .giris .user-input-container input { height: 48px; line-height: 48px; font-size: 17px; }
  .giris .user-input-container input:first-child { margin-bottom: 20px; }
  .giris .user-input-container ::-webkit-input-placeholder { font-size: 17px; }
  .giris .user-input-container :-moz-placeholder { font-size: 17px; }
  .giris .user-input-container ::-moz-placeholder { font-size: 17px; }
  .giris .user-input-container :-ms-input-placeholder { font-size: 17px; }
  .giris .user-input-container a.hatirlat { font-size: 18px; }
  .giris .user-input-container a.olustur { font-size: 18px; left: 20px;}
}

@media screen and (min-width: 768px) {
  .giris { padding: 50px 0; }
  .giris h1 { font-size: 36px; }
  .giris p { font-size: 17px; line-height: 1; }
  .giris .radio-container { width: 700px; margin: 20px auto; max-width: 700px; }
  .giris .radio-container div { margin-right: 10px; width: auto; }
  .giris .radio-container div:last-child { width: auto; }
  .giris .radio-container div input[type="radio"] + label { font-size: 18px; line-height: 19px; }
  .giris .radio-container div input[type="radio"] + label span { width: 19px; height: 19px; }
  .giris .user-input-container { width: 460px; padding-bottom: 80px; }
  .giris .user-input-container input { height: 52px; line-height: 52px; font-size: 19px; }
  .giris .user-input-container ::-webkit-input-placeholder { font-size: 19px; }
  .giris .user-input-container :-moz-placeholder { font-size: 19px; }
  .giris .user-input-container ::-moz-placeholder { font-size: 19px; }
  .giris .user-input-container :-ms-input-placeholder { font-size: 19px; }
  .giris .user-input-container a.hatirlat { font-size: 20px; }
  .giris .user-input-container a.olustur { font-size: 20px; }
  .giris p.not { font-size: 15px; line-height: 23px; }
}

@media screen and (min-width: 992px) {
  .giris { padding: 75px 0; }
  .giris h1 { font-size: 40px; }
  .giris p { font-size: 18px; margin-top: 10px; }
  .giris .radio-container { width: 850px; margin: 30px auto; max-width: 850px; }
  .giris .radio-container div {  margin-right: 15px; }
  .giris .radio-container div input[type="radio"] + label { font-size: 20px; line-height: 21px; }
  .giris .radio-container div input[type="radio"] + label span { width: 21px; height: 21px; margin: -3px 7px 0 0; }
  .giris .user-input-container { width: 510px; max-width: 510px; padding-bottom: 100px; }
  .giris .user-input-container input { height: 60px; line-height: 60px; font-size: 21px; }
  .giris .user-input-container ::-webkit-input-placeholder { font-size: 21px; }
  .giris .user-input-container :-moz-placeholder { font-size: 21px; }
  .giris .user-input-container ::-moz-placeholder { font-size: 21px; }
  .giris .user-input-container :-ms-input-placeholder { font-size: 21px; }
  .giris .user-input-container a.hatirlat { font-size: 21px; }
  .giris .user-input-container a.olustur { font-size: 21px; }
  .giris p.not { font-size: 16px; line-height: 25px; }
}

@media screen and (min-width: 1200px) {
  .giris { padding: 100px 0; }
  .giris h1 { font-size: 44px; }
  .giris p { font-size: 20px; }
  .giris .radio-container { margin: 45px auto; }
  .giris .user-input-container { padding-bottom: 120px; }
  .giris .user-input-container input { height: 65px; line-height: 65px; }
}


/*---------- ANA SAYFA ----------*/
rect { transform-origin: 0% 0%; }
#bilgi-guncelleme #mask { stroke-dasharray: 400; }
.anasayfa { padding: 35px 0; }
a.hizmet-btn, a.hizmet-btn:visited { display: block; border-radius: 5px; background: #FFF; margin: 0 auto 20px auto; transition: all 0.2s linear; position: relative; text-decoration: none; max-width: 320px; padding: 25px 25px 15px 25px; overflow: hidden; text-align: center; }
a.hizmet-btn > * { z-index: 10; position: relative; margin: 0; padding: 0; }
a.hizmet-btn div { border: 2px solid #dcdcdc; border-radius: 100%; position: relative; width: 66px; height: 66px; margin: 0 auto 25px auto; position: relative; }
a.hizmet-btn div img { width: 48px; height: auto; position: absolute; top: 8px; left: 8px; }
a.hizmet-btn div img:last-child { opacity: 0; }
a.hizmet-btn div svg { width: 48px; height: auto; position: absolute; top: 8px; left: 8px; }
a.hizmet-btn div:after { position: absolute; top: -10px; bottom: -10px; left: -10px; right: -10px; border: 1px solid rgba(220,220,220,0.50); content: ''; display: block; border-radius: 100%; }
a.hizmet-btn h3 { color: #3c9fd6; font-family: 'pnbold', sans-serif; font-size: 19px; width: 100%; margin-bottom: 5px; }
a.hizmet-btn p { color: #acacac; font-size: 13px; line-height: 1.35em; }
a.hizmet-btn p span { display: block; }
a.hizmet-btn:hover, a.hizmet-btn:focus { box-shadow: 0px 0px 10px 0px rgba(183,183,183,0.36); }
a.hizmet-btn:hover div, a.hizmet-btn:focus div { border-color: #FFF; }
a.hizmet-btn:hover div img, a.hizmet-btn:focus div img{ opacity: 0; }
a.hizmet-btn:hover div img:last-child, a.hizmet-btn:focus div img:last-child { opacity: 1; }
a.hizmet-btn:hover div:after, a.hizmet-btn:focus div:after { border: 1px solid rgba(220,220,220,0.20); }
a.hizmet-btn:hover h3, a.hizmet-btn:focus h3 { color: #FFF;  }
a.hizmet-btn:hover p, a.hizmet-btn:focus p { color: rgba(255,255,255,0.70); }
a.hizmet-btn:after { display: block; border-radius: 5px; content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: all 0.2s linear;
  background: rgba(53,156,211,1);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(53,156,211,1)), color-stop(100%, rgba(44,68,150,1)));
  background: linear-gradient(to right, rgba(53,156,211,1) 0%, rgba(44,68,150,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#359cd3', endColorstr='#2c4496', GradientType=1 );
  opacity: 0; z-index: 0; }
a.hizmet-btn:hover:after, a.hizmet-btn:focus:after { opacity: 1; }

.campaign-container { max-width: 1160px; clear: both; padding-top: 20px; overflow: hidden; padding-bottom: 30px;  }
.campaign-container .col-xs-12 { width: 100%; }
.campaign-container .col-xs-12 a.campaign-slide-content { margin-bottom: 36px; }
.campaign-container h1 { color: #3c9fd6; font-family: 'pnsemibold', sans-serif; font-size: 22px; text-align: center; white-space: nowrap; line-height: 1; margin: 0 0 30px 0; }
a.campaign-slide-content, a.campaign-slide-content:visited { display: block; position: relative; text-decoration: none; opacity: 1; max-width: 360px; margin: 0 auto; }
a.campaign-slide-content:hover, a.campaign-slide-content:focus { opacity: .7; outline: none; }
a.campaign-slide-content div { overflow: hidden; background: #FFF; border-radius: 5px; border: 1px solid rgba(1,1,1,0.07); box-shadow: 0px 0px 10px 0px rgba(183,183,183,0.36); padding-bottom: 20px; }
a.campaign-slide-content img { display: block; height: auto; max-width: 100%; width: auto; margin-bottom: 20px; }
a.campaign-slide-content h4 { color: #2e58a4; font-family: 'pnbold', Helvetica, Arial, sans-serif; font-size: 18px; line-height: 18px; margin: 10px 0 7px 10px; white-space: nowrap; }
a.campaign-slide-content p { font-family: 'pnregular', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.35em; padding: 0; margin: 0 7px; color: #6a6d73; white-space: nowrap; }
a.campaign-slide-content span { display: block; position: absolute; background: #348fca; height: 36px; width: 36px; border-radius: 36px; overflow: hidden; right: 18px; bottom: -18px; transition: .3s all ease; overflow: hidden; }
a.campaign-slide-content span img { display: block; position: absolute; top: 11px; left: 15px; height: 14px; width: auto;  }
a.campaign-slide-content span img.invert { left: -40px; }
a.campaign-slide-content:hover span img, a.campaign-slide-content:focus span img { left:60px; transition: .3s all ease; }
a.campaign-slide-content:hover span img.invert, a.campaign-slide-content:focus span img.invert { left:15px; transition: .3s all ease; }

@media screen and (min-width: 478px) {
  a.hizmet-btn, a.hizmet-btn:visited { max-width: 320px; padding: 25px 15px; text-align: left; max-width: 360px; }
  a.hizmet-btn div { margin: 0; float: left; }
  a.hizmet-btn h3 { font-size: 19px; margin-bottom: 7px; margin-left: 86px; margin-top: 5px; width: auto; }
  a.hizmet-btn p { display: block; margin-left: 86px; }
  a.hizmet-btn p span { display: block; }
  .campaign-container .col-xs-12 { padding: 0; }
  .campaign-container .col-xs-12 a.campaign-slide-content { margin-bottom: 48px; }
  a.campaign-slide-content div { padding-bottom: 40px; }
  a.campaign-slide-content img { margin-bottom: 40px; }
  a.campaign-slide-content h4 { font-size: 26px; margin: 0 0 15px 15px; line-height: 1; }
  a.campaign-slide-content p { font-size: 20px; line-height: 1; margin: 0 15px; }
  a.campaign-slide-content span { height: 48px; width: 48px; border-radius: 48px; right: 24px; bottom: -24px; }
  a.campaign-slide-content span img { top: 15px; left: 20px; height: 18px; }
  a.campaign-slide-content span img.invert { left: -48px; }
  a.campaign-slide-content:hover span img, a.campaign-slide-content:focus span img { left:54px; }
  a.campaign-slide-content:hover span img.invert, a.campaign-slide-content:focus span img.invert { left:20px; }
}

@media screen and (min-width: 768px) {
  a.hizmet-btn, a.hizmet-btn:visited { margin: 0 10px 20px 10px; text-align: center; max-width: 240px; padding: 15px 15px 25px 15px; min-height: 255px; }
  a.hizmet-btn div { width: 99px; height: 99px; margin: 15px auto 30px auto; text-align: left; float: none; }
  a.hizmet-btn div img { width: 72px; top: 13px; left: 13px; }
  a.hizmet-btn div svg { width: 72px; top: 13px; left: 13px; }
  a.hizmet-btn div:after { top: -11px; bottom: -11px; left: -11px; right: -11px; }
  a.hizmet-btn h3 { font-size: 21px; width: 100%; margin-bottom: 10px; margin-left: 0; }
  a.hizmet-btn p { font-size: 14px; width: 100%; margin-left: 0; }
  a.hizmet-btn p span.gecici { display: none; }
  .campaign-container { padding-bottom: 40px; }
  .campaign-container h1 { margin: 0 0 30px 0; }
  .campaign-container .col-xs-12 { width: 50%; }
  a.campaign-slide-content { padding: 0 24px 0 0; }
  a.campaign-slide-content h4 { font-size: 24px; }
  a.campaign-slide-content p { font-size: 18px; }
  a.campaign-slide-content span { right: 48px; }
}

@media screen and (min-width: 992px) {
  a.hizmet-btn, a.hizmet-btn:visited { padding: 25px 15px 25px 15px; }
  a.hizmet-btn h3 { font-size: 24px; width: 100%; margin-bottom: 10px; margin-left: 0; }
  a.hizmet-btn p { font-size: 15px; width: 100%; margin-left: 0; }
  a.hizmet-btn p span { display: none; }
  a.hizmet-btn p span.break { display: block; }
  .campaign-container { padding-bottom: 60px; }
  .campaign-container .col-xs-12 { width: 33.33333333%; }
  a.campaign-slide-content { padding: 0 12px 0 0; }
  a.campaign-slide-content img { margin-bottom: 30px; }
  a.campaign-slide-content h4 { font-size: 22px; }
  a.campaign-slide-content p { font-size: 16px; }
  a.campaign-slide-content span { right: 36px; }
}

@media screen and (min-width: 1200px) {
  a.hizmet-btn, a.hizmet-btn:visited { padding: 25px 15px 25px 15px; margin: 0 0 20px 0; width: 270px; max-width: 270px; height: 340px; }
  a.hizmet-btn div { width: 132px; height: 132px; margin: 15px auto 40px auto; }
  a.hizmet-btn div img { width: 96px; top: 16px; left: 16px; }
  a.hizmet-btn div svg { width: 96px; top: 16px; left: 16px; }
  a.hizmet-btn div:after { top: -12px; bottom: -12px; left: -12px; right: -12px;  }
  a.hizmet-btn h3 { font-size: 26px; margin-bottom: 12px; }
  a.hizmet-btn p { font-size: 16px; }
  a.hizmet-btn p span, a.hizmet-btn p span.gecici { display: block; }
  .campaign-container { padding-bottom: 80px; }
  a.campaign-slide-content { padding: 0; }
  a.campaign-slide-content div { padding-bottom: 50px; }
  a.campaign-slide-content img { margin-bottom: 40px; }
  a.campaign-slide-content h4 { font-size: 26px; }
  a.campaign-slide-content p { font-size: 20px; }
  a.campaign-slide-content span { right: 24px; }
}


/*---------- HIZMET SATIN AL ----------*/
.kategori-ico-container {}
.kategori-ico-container .row { margin: 0; }
.kategori-ico-container .row .col-xs-12 { padding: 0; }
a.kategori-ico, a.kategori-ico:visited { display: block; position: relative; text-decoration: none; transition: .3s all ease; height: 150px; margin: 0 auto 15px auto; overflow: hidden; border-radius: 3px; background: #FFF; border: 1px solid #dcdcdc; box-shadow: 0px 0px 9px 0px rgba(183,183,183,0.36); max-width: 400px; }
a.kategori-ico img { width: 100%; max-width: 70px; height: auto; position: absolute; display: block; margin: auto; top: 20px; transition: .3s all ease; }
a.kategori-ico img.first-ico { left: 0; right: 0; opacity: 1;  }
a.kategori-ico img.second-ico { left: -300px; opacity: 0; }
a.kategori-ico span { font-family: 'pnsemibold', sans-serif; color: #2b4a9a; line-height: 1; position: absolute; bottom: 20px; width: 100%; text-align: center; font-size: 18px; }
a.kategori-iki span { bottom: 10px; }
a.kategori-ico:hover, a.kategori-ico:focus { background: #e6e4e4; }
a.kategori-ico:hover img.first-ico, a.kategori-ico:focus:focus img.first-ico { left: 300px; right: auto; opacity: 0; }
a.kategori-ico:hover img.second-ico, a.kategori-ico:focus:focus img.second-ico { left: 0; right: 0; opacity: 1; }

@media screen and (min-width: 478px) {
  a.kategori-ico { height: 120px; margin: 0 0 15px 0; }
  a.kategori-ico img { max-width: 90px; margin: 0; left: 25px; top: 15px; }
  a.kategori-ico img.first-ico { left: 25px;  }
  a.kategori-ico img.second-ico { left: 25px; top: 120px; }
  a.kategori-ico span { bottom: 50px; left: 135px; text-align: left; width: auto; font-size: 19px; }
  a.kategori-iki span { bottom: 41px; max-width: 170px; }
  a.kategori-ico:hover img.first-ico, a.kategori-ico:focus:focus img.first-ico { left: 25px; top: -60px; }
  a.kategori-ico:hover img.second-ico, a.kategori-ico:focus:focus img.second-ico { left: 25px; top: 15px; bottom: auto; }
}

@media screen and (min-width: 768px) {
  a.kategori-ico { margin-bottom: 20px; height: 140px; }
  a.kategori-iki { margin-left: 20px; }
  a.kategori-ico img { top: 25px; }
  a.kategori-ico img.second-ico { top: 140px; }
  a.kategori-ico span { bottom: 60px; }
  a.kategori-iki span { bottom: 51px; }
  a.kategori-ico:hover img.first-ico, a.kategori-ico:focus:focus img.first-ico { top: -55px; }
  a.kategori-ico:hover img.second-ico, a.kategori-ico:focus:focus img.second-ico { top: 25px; }
}

@media screen and (min-width: 992px) {
  a.kategori-ico { margin-bottom: 25px; height: 160px; }
  a.kategori-iki { margin-left: 25px; }
  a.kategori-ico img { left: 20px; top: 35px; }
  a.kategori-ico img.first-ico { left: 20px; }
  a.kategori-ico img.second-ico { left: 20px; top: 160px; }
  a.kategori-ico span { bottom: 71px; left: 130px; }
  a.kategori-iki span { bottom: 60px; }
  a.kategori-ico:hover img.first-ico, a.kategori-ico:focus:focus img.first-ico { left: 20px; top: -70px; }
  a.kategori-ico:hover img.second-ico, a.kategori-ico:focus:focus img.second-ico { left: 20px; top: 35px; }
}

@media screen and (min-width: 1200px) {
  a.kategori-ico { max-width: 404px; height: 180px; }
  a.kategori-iki { margin-left: 21px; }
  a.kategori-ico img { left: 35px; top: 35px; }
  a.kategori-ico img.first-ico { left: 35px; top: 45px; }
  a.kategori-ico img.second-ico { left: 35px; top: 180px; }
  a.kategori-ico span { bottom: 80px; left: 150px; }
  a.kategori-iki span { bottom: 71px; max-width: 180px; }
  a.kategori-ico:hover img.first-ico, a.kategori-ico:focus:focus img.first-ico { left: 35px; top: -45px; }
  a.kategori-ico:hover img.second-ico, a.kategori-ico:focus:focus img.second-ico { left: 35px; top: 45px; }
}



/*---------- BILDIRIM TERCIHLERI ----------*/
.bildirim-tip { display: none; }
.bildirim-container { text-align: center; margin-bottom: 20px; }
.bildirim-baslik { text-align: center; font-family: 'pnsemibold', sans-serif; color: #3c9fd6; font-size: 16px; }
.bildirim-check-container { width: 20%; float: left; }
.bildirim-check-container span { font-size: 13px; font-family: 'pnsemibold', sans-serif; color: #3c9fd6; display: block; }
.bildirim-check-container .check { margin-right: 0; }
.bildirim-tumunu-sec { text-align: center; overflow: hidden; }
.bildirim-tumunu-sec .bildirim-check-container { width: 100%; }
.bildirim-tumunu-sec .bildirim-check-container span { display: inline-block; padding-left: 5px; text-align: left; font-size: 16px; }

@media screen and (min-width: 768px) {
  .bildirim-tip { display: block; font-size: 18px; font-family: 'pnsemibold', sans-serif; color: #3c9fd6; }
  .bildirim-tip div { width: 12%; float: left; text-align: center; }
  .bildirim-tip div:first-child { width: 40%; }
  .bildirim-baslik { text-align: left; font-size: 18px; width: 40%; float: left; }
  .bildirim-check-container { width: 12%; }
  .bildirim-check-container span { display: none; }
  .bildirim-tumunu-sec { text-align: left; }
  .bildirim-tumunu-sec .bildirim-check-container { width: 100%; }
  .bildirim-tumunu-sec .bildirim-check-container span { padding-left: 7px; font-size: 18px; }
}



/*---------- YENI HIZMET EKLEME ----------*/
.hizmet-ekleme { }
.hizmet-ekleme p { margin: 30px 0 0 0; font-size: 16px; font-family: 'pnbold', sans-serif; line-height: 44px;  }
.hizmet-ekleme label { width: 100%; font-size: 16px; }
.hizmet-ekleme .form-grubu { height: 42px; margin-top: 30px; }
.hizmet-ekleme .form-grubu .check { margin-top: 10px; }
.hizmet-ekleme .form-grubu .kutu { float: none; width: auto; }
.hizmet-ekleme a.buton { width: 115px; min-width: 115px; }

@media screen and (min-width: 478px) {
  .hizmet-ekleme p { font-size: 19px; }
  .hizmet-ekleme label { font-size: 17px; }
  .hizmet-ekleme a.buton { margin: 20px 0; }
}

@media screen and (min-width: 768px) {
  .hizmet-ekleme p { margin: 40px 0 0 0; font-size: 20px; line-height: 55px; }
  .hizmet-ekleme label { width: 350px; font-size: 19px; }
  .hizmet-ekleme-net label { width: 300px; font-size: 19px; }
  .hizmet-ekleme .form-grubu { margin-top: 40px; }
  .hizmet-ekleme a.buton { margin-left: 350px; width: 115px; min-width: 115px; margin-top: 30px; }
}

@media screen and (min-width: 992px) {
  .hizmet-ekleme label { font-size: 20px; }
  .hizmet-ekleme a.buton { margin-top: 40px; }
}

@media screen and (min-width: 1200px) {
  .hizmet-ekleme p { margin: 50px 0 0 0; }
  .hizmet-ekleme .form-grubu { margin-top: 50px; }
  .hizmet-ekleme a.buton { margin-top: 50px; }
}



/*---------- BILGI GUNCELLEME ----------*/
.kullanici label { color: #3c9fd6; }
.kullanici span { display: block; font-family: 'pnsemibold', sans-serif; }

@media screen and (min-width: 478px) {
  .kullanici label { width: 160px;}
  .kullanici span { float: right; display: block; width: 220px; line-height: 42px; }
  .kullanici input[type="text"] { float: right; min-width: 220px; width: 220px; margin-left: 0; margin-right: 0; }
  .kullanici small { font-family: 'pnregular', sans-serif; display: inline-block; float: left; font-size: 16px!important; margin-right: 10px; }
}

@media screen and (min-width: 768px) {
  .kullanici small { float: right; }
}



/*---------- ANLIK BORC ----------*/
.anlik-borc { text-align: center; margin: 40px 0 0 0; }
.anlik-borc > * { font-family: 'pnsemibold', sans-serif; }
.anlik-borc p { font-size: 19px; line-height: 1!important; color: #3c9fd6; margin: 0!important; padding: 0; }
.anlik-borc h1 { color: #3faf6c; font-size: 30px; line-height: 50px; margin: 0; padding: 0; }
.anlik-borc small { font-size: 15px; margin: 0!important; color: #3c9fd6; line-height: 1.35em; }

@media screen and (min-width: 478px) {
  .anlik-borc { margin: 60px 0 30px 0; }
  .anlik-borc p { font-size: 21px; }
  .anlik-borc h1 { font-size: 32px; line-height: 50px; }
  .anlik-borc small { font-size: 16px; }
}

@media screen and (min-width: 768px) {
  .anlik-borc p { font-size: 23px; }
  .anlik-borc h1 { font-size: 34px; line-height: 50px; }
  .anlik-borc small { font-size: 17px; }
}

@media screen and (min-width: 992px) {
  .anlik-borc { margin: 70px 0 30px 0; }
  .anlik-borc p { font-size: 25px; }
  .anlik-borc h1 { font-size: 36px; line-height: 65px; }
  .anlik-borc small { font-size: 18px; }
}



/*---------- GENEL ARIZA LISTESI ----------*/
.ariza-liste { }
.ariza-liste select { margin-bottom: 20px; }
.ariza-liste a.buton { clear:both; width: 145px; min-width: 145px; margin: 0 auto; padding: 15px 0 13px 0; }

@media screen and (min-width: 478px) {
  .ariza-liste select { width: 30%; min-width: 30%; margin-right: 3%; float: left; margin-bottom: 20px; }
}

@media screen and (min-width: 992px) {
  .ariza-liste select { width: 200px; min-width: 200px; margin-right: 15px; }
}

@media screen and (min-width: 1200px) {
  .ariza-liste select { width: 210px; min-width: 210px;  }
  .ariza-liste a.buton { clear:none; float: right; margin: 0; }
}



/*---------- SOZLESME VE TAAHUTNAMELER ----------*/
.icerik-alani .panel table tr td.daire-td { padding: 0; width: 100px; text-align: center; }
a.daire-btn, a.daire-btn:visited { display: inline-block; width: 41px; height: 41px; border-radius: 41px; transition: .2s all ease; }
a.daire-btn img { width: 41px; height: auto; transition: .2s all ease; }
a.daire-btn:hover, a.daire-btn:focus {}
a.daire-btn:hover img, a.daire-btn:focus img { opacity: .65;}
a.daire-line { display: block; width: 100%; text-decoration: underline; margin-bottom: 10px; }
a.daire-line span { margin-left: 10px; display: inline-block; text-decoration: underline; font-size: 16px; font-family: 'pnbold', sans-serif; }

@media screen and (min-width: 768px) {
  a.daire-line span { font-size: 18px; }
}

/*
#pnlButonlar {}
#pnlButonlar textarea { max-width: 460px; }
#pnlButonlar .form-grubu { overflow: hidden; margin-bottom: 15px; }
#pnlButonlar .form-grubu .sol, .bize-ulasin .form-grubu .sag { overflow: hidden; }
#pnlButonlar .form-grubu .check { float: none; margin: 0 10px 0 0; }
#pnlButonlar .form-grubu .check input[type="checkbox"] { margin: 0; }
#pnlButonlar .form-grubu .check input[type="radio"] { margin: 0; }
#pnlButonlar .form-grubu .check label { width: 21px; }
#pnlButonlar .form-grubu .kutu { letter-spacing: -1.25px; }
*/
#pnlButonlar .buton { float: left; margin: 0 5px; clear: none; }
#pnlButonlar .buton:first-child { margin-left: 0; }


/*---------- BIZE ULASIN ----------*/
.bize-ulasin {}
.bize-ulasin textarea { max-width: 460px; }
.bize-ulasin .form-grubu { overflow: hidden; margin-bottom: 15px; }
.bize-ulasin .form-grubu .sol, .bize-ulasin .form-grubu .sag { overflow: hidden; }
.bize-ulasin .form-grubu .check { float: none; margin: 0 10px 0 0; }
.bize-ulasin .form-grubu .check input[type="checkbox"] { margin: 0; }
.bize-ulasin .form-grubu .check input[type="radio"] { margin: 0; }
.bize-ulasin .form-grubu .check label { width: 21px; }
.bize-ulasin .form-grubu .kutu { letter-spacing: -1.25px; }
.bize-ulasin .buton { width: 100px; min-width: 100px; float: left; margin: 0 5px; clear: none; }
.bize-ulasin .buton:first-child { margin-left: 0; }

@media screen and (min-width: 478px) {
  .bize-ulasin label { width: 260px; float: none; }
  .bize-ulasin .form-grubu .kutu { letter-spacing: -0.035em; width: 260px; }
  .bize-ulasin .buton { width: 120px; min-width: 120px; }
}

@media screen and (min-width: 768px) {
  .bize-ulasin label { float: left; }
  .bize-ulasin .form-grubu .sol, .bize-ulasin .form-grubu .sag { width: 300px; float: left; }
  .bize-ulasin .form-grubu .kutu { float: none;  }
  .bize-ulasin .buton:first-child { margin-left: 195px; }
}

@media screen and (min-width: 992px) {
  .bize-ulasin textarea { max-width: 440px; }
}

@media screen and (min-width: 1200px) {
  .bize-ulasin textarea { max-width: 460px; }
}



/*---------- HIZMET VAR MI ----------*/
.hizmet-varmi { }
.hizmet-varmi .baslik { overflow: hidden; clear: both; margin: 15px 0; color: #3c9fd6; font-family: 'pnsemibold', sans-serif; border-bottom: 1px solid #ececec; padding-bottom: 10px; }
.hizmet-varmi .sira { display: none; }
.hizmet-varmi .baslik h4 { margin: 0 0 0 5px; float: left; border-bottom: 0; line-height: 1em; padding: 0; }
.hizmet-varmi .baslik .liste { display: none; }
.hizmet-varmi p { font-size: 16px; line-height: 24px; font-family: 'pnsemibold', sans-serif; }
.hizmet-varmi p strong { font-family: 'pnbold', sans-serif; }
.hizmet-varmi label { width: 160px; font-weight: 900; }
.hizmet-varmi a.buton { width: 160px; min-width: 160px; max-width: 160px; margin-left: 0; position: relative; text-align: left; text-indent: 0px; }
.hizmet-varmi a.buton:hover, .hizmet-varmi a.buton:focus { text-indent: 10px; }
.hizmet-varmi a.buton:after { content: ''; display: block; position: absolute; width: 9px; height: 14px; right: 21px; top: 16px; background: url('../images/arrow-right-white.html') no-repeat; background-size: auto 13px; transition: .2s all ease; }
.hizmet-varmi a.buton:hover:after, .hizmet-varmi a.buton:focus:after { right: 11px; }

@media screen and (min-width: 478px) {
  .hizmet-varmi .sira { display: block; width: 36px; height: 36px; border-radius: 36px; text-align: center; line-height: 36px; color: #999999; border: 2px solid #E2E2E2; font-family: 'pnbold', sans-serif; font-size: 28px; float: left; }
  .hizmet-varmi .baslik h4 { margin: 0 0 0 10px; line-height: 36px; }
  .hizmet-varmi .baslik .liste { display: block; float: right; }
  .hizmet-varmi .baslik .liste span { border: 1px solid #3c9fd6; border-radius: 20px; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 20px; overflow: hidden; margin-left: 4px; font-size: 13px; margin-top: 8px; }
  .hizmet-varmi .baslik .liste span.secili { background: #3c9fd6; color: #FFF; width: 24px; height: 24px; border-radius: 24px; font-size: 18px; line-height: 24px; display: block; float: left; margin-top: 4px; }
  .hizmet-varmi label { width: 120px; }
  .hizmet-varmi a.buton { width: 170px; min-width: 160px; max-width: 170px; margin-left: 210px; text-indent: 13px; }
  .hizmet-varmi a.buton:hover, .hizmet-varmi a.buton:focus { text-indent: 23px; }
}

@media screen and (min-width: 768px) {
  .hizmet-varmi .sira { width: 49px; height: 49px; border-radius: 49px; line-height: 49px; font-size: 35px; }
  .hizmet-varmi .baslik h4 { margin: 0 0 0 15px; line-height: 2em; }
  .hizmet-varmi .baslik .liste span { border-radius: 34px; width: 34px; height: 34px; line-height: 34px; font-size: 18px; }
  .hizmet-varmi .baslik .liste span.secili { width: 41px; height: 41px; border-radius: 41px; font-size: 25px; line-height: 41px; }
  .hizmet-varmi label { width: 210px; }
  .hizmet-varmi p { font-size: 18px; line-height: 30px; }
  .hizmet-varmi a.buton { margin-left: 249px;  }
  .hizmet-varmi a.buton:after { right: 20px; top: 17px; }
  .hizmet-varmi a.buton:hover:after, .hizmet-varmi a.buton:focus:after { right: 10px; }
}

@media screen and (min-width: 992px) {
  .hizmet-varmi a.buton { text-indent: 7px; }
  .hizmet-varmi a.buton:hover, .hizmet-varmi a.buton:focus { text-indent: 17px; }
  .hizmet-varmi a.buton:after { right: 20px; top: 18px; }
}



/*---------- YENI SIKAYET ----------*/
.yeni-sikayet fieldset { margin-bottom: 15px; }
.yeni-sikayet p { font-size: 16px; }
.yeni-sikayet .form-grubu { margin-bottom: 5px; }
.yeni-sikayet label { width: 130px;  }
.yeni-sikayet p { font-size: 15px; }
.yeni-sikayet .sol label { font-size: 15px; font-family: 'pnregular', sans-serif; width: auto; }
.yeni-sikayet .kutu { width: auto; }
.yeni-sikayet .check { margin-right: 5px; }
.yeni-sikayet textarea { max-width: 420px; min-height: 80px; }
.upload-btn { position: relative; overflow: hidden; margin-top: 4px;  }
.upload-btn input { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

@media screen and (min-width: 478px) {
  .yeni-sikayet .sol { float: left; line-height: 1; width: 230px; }
  .yeni-sikayet .sol label { font-size: 15px; width: 260px; font-family: 'pnregular', sans-serif;  }
  .yeni-sikayet .sag { float: left; line-height: 1; margin-left: 150px; }
  .yeni-sikayet .check { display: block; margin-top: 10px; width: 21px; float: left; margin-right: 10px; }
  .yeni-sikayet label { width: 150px; }
  .yeni-sikayet input[type="text"] { min-width: 230px; }
  .yeni-sikayet select { min-width: 230px; }
  .yeni-sikayet textarea { min-height: 120px; }
  .yeni-sikayet a.buton { max-width: 170px; min-width: 170px; margin-left: 0; }
}

@media screen and (min-width: 768px) {
  .yeni-sikayet fieldset { margin-bottom: 20px; }
  .yeni-sikayet p { font-size: 18px; }
  .yeni-sikayet .form-grubu { margin-bottom: 10px; }
  .yeni-sikayet .sol { width: auto; }
  .yeni-sikayet .sag { margin-left: 200px; }
  .yeni-sikayet textarea { min-height: 160px; }
  .yeni-sikayet a.buton { margin-left: 200px; }
  .yeni-sikayet label { width: 200px; }
  .yeni-sikayet input[type="text"] { min-width: 260px; }
  .yeni-sikayet select { min-width: 260px; }
}

@media screen and (min-width: 992px) {
  .yeni-sikayet fieldset { margin-bottom: 30px; }
  .yeni-sikayet p { font-size: 20px; }
  .yeni-sikayet .form-grubu { margin-bottom: 15px; }
  .yeni-sikayet .sol label { font-size: 16px;  }
}

@media screen and (min-width: 1200px) {
  .yeni-sikayet .sag { margin-left: 15px; }
  .yeni-sikayet p { font-size: 20px; }
}

#btnCanliDestek{
    position: fixed;
    right: 40px;
    bottom: -38px;
    width: 195px;
    height: 37px;
    z-index: 9999;
}

#pktTeledunya{margin:0 0 20px 0;width:668px;height:172px;border:3px solid #fff;background:#fff url('../images/secim.html') 0 0;}
#pktTeledunya:hover{background-position:0 501px;cursor:hand;cursor:pointer;}
#pktTeledunya.aktif{background-position:0 501px;border:3px dashed #026c9e;}

#pktUydunet{margin:0 0 20px 0;width:668px;height:172px;border:3px solid #fff;background:#fff url('../images/secim.html') 0 835px;}
#pktUydunet:hover{background-position:0 334px;cursor:hand;cursor:pointer;}
#pktUydunet.aktif{background-position:0 334px;border:3px dashed #026c9e;}

#pktTeledunyaUydunet{margin:0 0 20px 0;width:668px;height:172px;border:3px solid #fff;background:#fff url('../images/secim.html') 0 668px;}
#pktTeledunyaUydunet:hover{background-position:0 167px;cursor:hand;cursor:pointer;}
#pktTeledunyaUydunet.aktif{background-position:0 167px;border:3px dashed #026c9e;}