﻿body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; text-shadow: 0 0 0 none;}
html, body { height: 100%; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; background:#fff; width:100%; min-width:1200px;}
body {overflow-x:hidden;position: relative;overflow-y:scroll;background:#fff;background-repeat:no-repeat;background-position:top center;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset, img {border: 0px none;}
address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}
li {list-style: none;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-size:100%; margin:0px; padding:0px;}
q:before, q:after {}
abbr, acronym {border: 0px none;font-variant: normal}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
input, textarea, select {*font-size:100%;}
legend {color: #000;}
del, ins {text-decoration: none;}

a:active {outline: none;-moz-outline-style: none;}
a:focus {-moz-outline-style: none;}
a {text-decoration: none;-moz-outline-style:none; color:#333; outline: none;}
a:hover {text-decoration: none; border-left-color: #000; border-bottom-color: #000; border-top-color: #000; border-right-color: #000; opacity: 1;}
a:hover span, a:hover strong {text-decoration: none; cursor: pointer;}

object, input {outline: none;}
object, input {-moz-outline-style: none;}
.clr:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clr {@display: inline-block}
* html .clr {height: 1%;_height: auto;}
.clear:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clear {@display: inline-block}
* html .clear {height: 1%;_height: auto;}
.clearBoth {clear: both;}
.FL {float: left;}
.FR {float: right;}

a { color: #000000; text-decoration: none; font-weight:normal;  }
a:hover { color: #D90000; text-decoration: none;}
a:active { color: #D90000; text-decoration: none;}

.fa-facebook-f:hover{background-color:#3b5997;}
.fa-twitter:hover{background-color:#00aced;}
.fa-instagram:hover{background: url(images/insta-bg.gif) no-repeat;}
.fa-youtube:hover{background-color:#f00;}
.fa-telegram-plane:hover{background-color:#0088CC;}
.soc-button a span{font-size: 20px; padding-top: 10px; margin-left:10px; width: 40px; height: 30px;background: rgba(255,255,255,.25);color: #fff;border-radius: 50%;display: inline-block;float: left; text-align: center;}

a{text-decoration:none; color:#333;}
a.menu {font-family: 'Oswald', sans-serif; display:inline-block; font-weight:500; afloat:left; padding:0 10px; line-height:35px; text-decoration:none; height:35px; font-size:14px; color:#333;}
a.menu:hover {border-bottom:5px solid #FFD24D;}

.mannum15 {float:left; display:block; width:40px; height:40px; color:#fff; text-align:center; margin-right:12px; line-height:40px; font-size:18px; font-weight:700; border-radius:20px;}
.mantum15 {float:right; background:#666; color:#fff; display:block; width:70px; height:40px; text-align:center; line-height:42px; font-size:14px; font-weight:700; border-radius:20px;}
.mantum15:hover {color:#333; background:#FFD24D;}


h4.ad-title {float: left; margin-bottom: 10px; position: relative; text-align: center; width: 100%;}
h4.ad-title:before {content: ''; background: #999; display: inline-block; position: absolute; left: 0; bottom: 50%; width: 100%; height: 1px;z-index: 0;}
span.ad-title {color: #999; display: inline-block; font-size: 12px; font-weight: 400; line-height: 1; padding: 5px 13px; position: relative; z-index: 1; background: #fff;}


h4.sec-title {float: left; margin-bottom: 20px; position: relative; text-align: center; width: 100%;}
h4.sec-title:before {content: ''; background: #555; display: inline-block; position: absolute; left: 0; bottom: 50%; width: 100%; height: 1px;z-index: 0;}
span.sec-title {color: #fff; display: inline-block; font-size: 1.1rem; font-weight: 700; line-height: 1; padding: 5px 13px; position: relative; transform: skewX(-15deg); z-index: 1; background: #D90000;}


.kmannum {float:left; display:block; width:30px; height:30px; text-align:center; margin-right:6px; line-height:30px; font-size:16px; font-weight:700;}

#haberdetaybaslik h1 {color: #000; text-decoration: none; font-family: 'Oswald', sans-serif; font-weight:700;  font-size:48px; padding:0  0px 10px 0px; line-height:130%; margin:0;}
#haberdetaybaslik h2 {color: #333; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight:400; font-size:22px; padding:0  0px 15px 0px; line-height:150%; margin:0;}

#pup {position:absolute; visibility:hidden; z-index:200; width:130; }
#mans {z-index:1;}

#contextual p {line-height:180%;font-size:16px;padding:0 0 15px 0;margin:0; font-weight:300;}  


@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}

.kur1 {float:left; width:100px; height:44px; overflow:hidden; margin-right:10px;}
.kur2 {width:64px; height:36px; float:left; text-align:right; padding-top:0px;}
.kurbas {color:#111; font-size:14px; height:20px; text-align:right;}
.kurval {color:#000; font-size:16px; font-weight:600; text-align:right;}
.kurara {width:30px; height:38px; float:right;}
.kurimg {border:none; width:30px; height:36px; margin-top:5px;}
.hkara {float:left; width:10px; height:40px; border-right:1px solid #ddd; margin:0px 0px 0 0;}
.hava1 {float:left; width:140px; height:40px; overflow:hidden;}
.hava2 {width:140px; height:38px; overflow:hidden; display:block;}
.hava3 {width:71px; height:34px; float:left;  text-align:right; padding-top:0px;}
.havaimg1 {width:60px; height:38px; float:right;}
.havaimg2 {border:none; width:60px;}

#hb { padding: 0; margin: 0; list-style: none; overflow: hidden; height: 38px; }
#hb li { padding: 0; margin: 0; zoom:1; }
#hb img {}
#hb_2 .multiple2 li { width: 170px; }

a.kat1 { color: #333333; text-decoration: none; font-weight:bold; font-size:20px; line-height:25px;}
a.kat1:hover { color: #000000;}

a.kat2 { color: #555555; text-decoration: none; font-weight:normal; font-size:14px; line-height:19px;}
a.kat2:hover { color: #000000;}

a.kat3 { color: #333333; text-decoration: none; font-weight:normal; font-size:14px; line-height:19px;}
a.kat3:hover { color: #000000;}

a.kat4 { color: #333333; text-decoration: none; font-weight:normal; font-size:16px; line-height:21px;}
a.kat4:hover { color: #000000;}

a.kat5 { color: #333333; text-decoration: none; font-weight:normal; font-size:16px; line-height:22px;}
a.kat5:hover { color: #000000;}

.ri_cok1{width:280px; margin:5px; height:56px;}
.ri_cok2{float:left; width:80px; height:56px; margin-right:10px;}
.ri_cok3{float:left; width:190px; height:56px; line-height:18px; margin-top:3px; overflow:hidden;}
.ri_cok4{clear:both; width:280px; height:1px; background:#ddd; margin:8px 5px 6px 5px;}

.hzoom .himg {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
}

.hzoom:hover .himg {
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -moz-transform:scale(1.2); /* Firefox */
    -ms-transform:scale(1.2); /* IE 9 */
    -o-transform:scale(1.2); /* Opera */
     transform:scale(1.2);
}

.social_fb {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
     background-color:#5071B4;
}

.social_fb:hover {
     background-color:#000;
}

.social_tw {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
     background-color:#42C0FB;
}

.social_tw:hover {
    background-color:#000;
}

.social_go {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
     background-color:#E02F2F;
}

.social_go:hover {
    background-color:#000;
}



.social_pr {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
     background-color:#FF9900;
}

.social_pr:hover {
    background-color:#000;
}


.social_li {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
     background-color:#0e76a8;
}

.social_li:hover {
    background-color:#000;
}


.social_wa {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
     background-color:#25D366;
}

.social_wa:hover {
    background-color:#000;
}


.social_font {
    -webkit-transition: all 0.5s ease; /* Safari and Chrome */
    -moz-transition: all 0.5s ease; /* Firefox */
    -ms-transition: all 0.5s ease; /* IE 9 */
    -o-transition: all 0.5s ease; /* Opera */
    transition: all 0.5s ease;
     background-color:#666666;
}

.social_font:hover {
    background-color:#000;
}

#tv { padding: 0; margin: 0; list-style: none; overflow: hidden;  }
#tv li { padding: 0; margin: 0; zoom:1; }
#tv img {}
#tv_2 .multiple2 li { width: 660px; }

#tv_2 .bx-prev { position:absolute; top:120px; left:10px; z-index:999; width: 30px; height: 90px; text-indent: -999999px; background: url('/images/slider_left.png') no-repeat 0 0px; }
#tv_2 .bx-next { position:absolute; top:120px; right:10px; z-index:999; width: 30px; height: 90px; text-indent: -999999px; background: url('/images/slider_right.png') no-repeat 0 0px; }
#tv_2 .bx-pager a { width:20px; height:20px; text-decoration: none; font-family:Arial; margin-right: 10px; color: #ccc; font-size: 0px; zoom:1; background: url('/images/gray_pager.png') no-repeat 0 0px; float:left; display:block;}
#tv_2 .bx-pager .pager-active { font-weight:bold; background-position: 0 -20px; }
#tv_2 .bx-pager a:hover  { font-weight:bold; background-position: 0 -20px; }
#tv_2 .bx-pager { position:absolute;  text-align:center; margin-top: -190px; right: 10px; font-size:12px; color:#666; }

#katm { padding: 0; margin: 0; list-style: none; overflow: hidden;  }
#katm li { padding: 0; margin: 0; zoom:1; }
#katm img {}
#katm_2 .multiple2 li { width: 660px; }

#katm_2 .bx-prev { position:absolute; top:130px; left:10px; z-index:999; width: 30px; height: 90px; text-indent: -999999px; background: url('/images/slider_left.png') no-repeat 0 0px; }
#katm_2 .bx-next { position:absolute; top:130px; right:10px; z-index:999; width: 30px; height: 90px; text-indent: -999999px; background: url('/images/slider_right.png') no-repeat 0 0px; }
#katm_2 .bx-pager a { width:18px; height:18px; text-decoration: none; font-family:Arial; margin-right: 10px; color: #ccc; font-size: 0px; zoom:1; background: url('/images/gray_pager.png') no-repeat 0 0px; float:left; display:block;}
#katm_2 .bx-pager .pager-active { font-weight:bold; background-position: 0 -18px; }
#katm_2 .bx-pager a:hover  { font-weight:bold; background-position: 0 -18px; }
#katm_2 .bx-pager { position:absolute;  text-align:center; margin-top: 20px; right: 250px; font-size:12px; color:#666; }


