@font-face {
	font-family: text-security-disc;
	  src: url('../font/text-security-disc.woff');
	  src: url('../font/text-security-disc.eot'); /* IE9 Compat Modes */
	  src: url('../font/text-security-disc.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('../font/text-security-disc.woff') format('woff'), /* Modern Browsers */
	 url('../font/text-security-disc.ttf')  format('truetype'), /* Safari, Android, iOS */
	 url('../font/text-security-disc.svg#svgFontName') format('svg'); /* Legacy iOS */
  }
  
  html{
	  width: 100%;
	  min-height: 100%;
	  
  }
  body{
	  width: 100%;
	  min-height: 100%;
  }
    
  /* Works on Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #f2f2f2 #687e8d;
	  font-family: trebuchet ms !important;
  }
  
  /* Works on Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }
  
  *::-webkit-scrollbar-track {
    background: #687e8d;
  }
  
  *::-webkit-scrollbar-thumb {
    background-color: #f2f2f2;
    border-radius: 20px;
    border: 3px solid #687e8d;
  }
  
  .link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
	  cursor: pointer;
  }
  
  .link:hover {
    color: #0056b3;
    text-decoration: underline;
  }
  
  .link:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
  }
  
  .link:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none;
  }
  
  .ortala{ margin:auto; }
  
  #yukari{ 
	  width: 60px;
	  height: 60px;
	  position: fixed;
	  bottom:0;
	  right: 0;
	  display: none;
	  z-index: 9999;
	  cursor:pointer;
	  font-size: 3em;
	  color:#f60d2b;
    margin-bottom: 20px;
  }
  
  #arama_baslik{
	  padding: 0px;
	  color:#f60d2b;
  }
  #arama_sonuc{
	  display: none;
	  position: absolute;
	  border: solid 2px #ccc;
	  height: 400px;
	  background-color: #fff;
	  z-index: 999;
	  overflow-y: scroll;
	  padding-bottom: 20px;
  -webkit-box-shadow: 9px 11px 11px -5px rgba(71,71,71,0.75);
  -moz-box-shadow: 9px 11px 11px -5px rgba(71,71,71,0.75);
  box-shadow: 9px 11px 11px -5px rgba(71,71,71,0.75);
  }
  
  .notifications{
	  width: 330px;
	  position: absolute !important;
	  background-color: #fff;
	  padding: 0px;
	  border: solid 2px #ccc;
	  display: none;
	  z-index: 999;
	  height: 475px;
  box-shadow: 9px 11px 11px -5px rgba(71,71,71,0.75);
  -webkit-box-shadow: 9px 11px 11px -5px rgba(71,71,71,0.75);
  -moz-box-shadow: 9px 11px 11px -5px rgba(71,71,71,0.75);
  }
  .notifications_text{
	  font-size:0.8em;
	  padding: 0px;
	  border: solid 2px #ccc;
	  height: 400px;
	  overflow-y: scroll;
  }
  .notifications_caption{
	  height: 45px;
	  background-color: #0c1426;
	  color:#fff;
	  margin: 0px;
	  padding: 10px;
	  border-bottom: solid 1px #ccc;
  }
  .notifications_footer{
	  height: 30px;
	  text-align: right;
  }
  .notifications_footer span, .notifications_text a{
	  color:#7c7c7c;
  }
  .notifications_footer span:hover, .notifications_text a:hover{
	  color:#525252;
	  text-decoration: none;
	  cursor: pointer;
  }
  
  #messageCommon{
	  margin:auto;background-color: #687e8d;
	  border: solid 2px #687e8d;
  }
  
  #messageTop{
	  color:#ccc;
	  border-bottom: solid 2px #ccc;
  box-shadow: 0px 10px 5px 0px rgba(97,97,97,0.75);
  -webkit-box-shadow: 0px 10px 5px 0px rgba(97,97,97,0.75);
  -moz-box-shadow: 0px 10px 5px 0px rgba(97,97,97,0.75);
  }
  
  .messageBox{
	  height: 600px;
	  overflow-x: visible;;
	  overflow-y: scroll;
  }
  .gelen_mesaj {
	position: relative;
	background: #687e8d;
	color:  #fff;
	font-family: trebuchet ms;
	width: 80%;
	min-height: 32px;
	border-radius: 16px;
	padding: 10px;
	  margin-bottom:20px;
	  clear: both;
	  margin-left: 20px !important;
  }
  .gelen_mesaj:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-width: 0 20px 20px 0;
	border-color: transparent #687e8d transparent transparent;
	top: 25px;
	left: -20px;
	margin-top: -10px;
  }
  .gelen_mesaj_info{
	  width:100%;
	  text-align:right;
	  font-size:10px;
	  color: #fff;
  }
  
  .giden_mesaj {
	  float:right;
	position: relative;
	background: #28363d;
	color:  #ccc;
	font-family: trebuchet ms;
	width: 80%;
	min-height: 32px;
	border-radius: 16px;
	padding: 10px;
	  margin-bottom:20px;
	  clear: both;
	  margin-right: 20px !important;
  }
  .giden_mesaj:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color:  #28363d transparent transparent transparent;
	top: 25px;
	right: -20px;
	margin-top: -10px;
  }
  .giden_mesaj_info{
	  width:100%;
	  text-align:right;
	  font-size:10px;
	  color: #ccc;
  }
  
  
  /*
	  çok açık gri : #f6f6f6;
	  kırmızı : #f60d2b;
	  pembe : #d91897;
	  mavi : 229ad6;
	  yeşil :86a821;
	  sarı : fbbc05 ;
  */
  a{ text-decoration: none !important; }
  #preloader { position: fixed; left: 0; top: 0; z-index: 3000; width: 100%; height: 100%; overflow: visible; background: #fff url('../img/loading.gif') no-repeat center center; background-size: 250px 180px; }
  
  .list-group-item, .list-group-item a{ color: #7e7e7e !important;   -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  .list-group-item:hover, .list-group-item a:hover{ color:#f60d2b !important; }
  input[type=text], input[type=password], textarea, select{ -webkit-box-shadow:none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{border: solid 1px #f60d2b !important; }
  
  .paragraf{ color:#7e7e7e; font-weight: 400; }
  .baglanti{ color:#111; text-decoration: none !important; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  .baglanti:hover{ color:#f60d2b; }
  .navbar{ margin: 0px !important; margin-bottom: -5px !important; padding: 0px !important; }
  
  .form_buton{ background-color: #f60d2b; color:#fff; font-size:.9em; font-weight: 700; letter-spacing: 1px; border: solid 2px #f60d2b; border-radius: 30px; padding: 5px 15px; text-decoration: none; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  .form_buton:hover{ background-color: inherit; color:#f60d2b;}
  
  .baslik{ text-transform: uppercase; }
  
  
  .kutu-renk{ color:#fff; text-transform: uppercase; letter-spacing: 1px; }
  
  
  .kategori-adi{ display: none; padding: 1px 15px 1px 5px; font-size: .8em; font-weight: 500; }
  .kategori-adi-renk{ box-shadow: border-box; position: relative; top:-30px; left: 5px; color:#fff; border-radius: 20px; padding: 1px 15px 1px 5px; font-size: .8em; font-weight: 500; white-space: nowrap; overflow: hidden;}
  .kategori-adi-renk-dergi{ box-shadow: border-box; position: relative; top:-50px; left: 5px; color:#fff; border-radius: 20px; padding: 1px 15px 1px 5px; font-size: .8em; font-weight: 500; white-space: nowrap; overflow: hidden;}
  
  .baslik-cizgisi{position: relative; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
  .baslik-cizgisi::before{position: absolute;bottom: -1px;width: 50px;height: 4px;background-color: inherit;content: '';}
  .baslik-cizgisi::after{position: absolute;bottom: -1px;width: 15px;height: 4px;background-color: inherit;content: '';left: 53px;}
  
  .baslik-cizgisi-kirmizi{ background-color: #f60d2b; }
  .baslik-cizgisi-renk{  }
  
  #en_ust{background-color: #2b2b2b; color:#fff !important;}
  #en_ust .kullanici_ust_menu .dropdown{ margin-top: 6px;}
  #en_ust .kullanici_ust_menu .btn-link{ color:#fff;}
  #en_ust .sosyal_medya{ text-align: right; padding: 7px;}
  #en_ust .navigate{ padding: 7px; }
  #en_ust .navigate i{  -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  #en_ust .navigate i:hover{ cursor: pointer; color: #f60d2b; }
  #en_ust .ortala{ margin:auto; }
  #en_ust .ortala div{ box-sizing: border-box; }
  #en_ust .ortala ul{ margin: 0px; padding: 0px;}
  #en_ust .ortala ul li{ display: inline-block; margin:0px;}
  #en_ust .ortala ul li a {color: #fff; font-size: .7em; margin: 0; line-height: 3.6; padding: 10px 5px; letter-spacing: .5px; font-weight: 700; white-space: nowrap;}
  
  .son_makaleler li{ display: none; }
  
  .header_background{ background-image: url("../img/back.png"); background-size:cover; background-position: center;}
  #logo{ box-sizing: border-box; padding: 10px;}
  #logo .ortala .banner{ padding-top:0px; font-size:2em;  letter-spacing: .5px; margin-top:-14px;}
  #logo .ortala .banner a{ color:#000; text-decoration: none;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  #logo .ortala .banner a:hover{ color: #f60d2b;}
  #logo .ortala .banner span{ font-size:15px !important;  letter-spacing: .5px;}
  
  #menu{ padding-bottom: 5px; -webkit-box-shadow: 0px 4px 5px 0px rgba(166,166,166,1); -moz-box-shadow: 0px 4px 5px 0px rgba(166,166,166,1); box-shadow: 0px 4px 5px 0px rgba(166,166,166,1); background-color:#FAEBEB; }
  #menu .ortala ul {margin: 0px; padding: 0px; }
  #menu .ortala ul li{ display: inline-block; margin:0px;}
  #menu .ortala ul li a{ color: #2d3038;  padding: 10px ; font-size:1em;  letter-spacing: .5px; font-weight: 500; text-decoration: none;-webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  #menu .ortala ul li a:hover{  background-color: #f60d2b; color: #fff; cursor:pointer;}
  #menu .ortala .dropdown-item{ padding-top: 3px; padding-bottom: 3px; }
  #menu .ortala .dropdown-menu{ border-top:solid 3px #f60d2b; }
  
  #slider{ background-color: #f6f6f6; margin-top: 5px; padding-top: 30px; padding-bottom: 30px;}
  #slider .kolon{ height: 350px; margin:0px; padding: 0px;border:solid 2px #f6f6f6;  overflow: hidden; display: inline-block; box-sizing: border-box; }
  #slider .kutu{ width: 100%; height: 100%; box-sizing: border-box; background-size:cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s}
  #slider .kutu:hover{ -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
  #slider .kutu-icerik{ width: 100%; height: 80px; padding: 10px; box-sizing: border-box; background-image: url("../img/slider_arka.png"); background-repeat: repeat; color:#fff; position: relative; top:-80px;  cursor: pointer;}
  #slider .kutu-icerik h1{ font-size: .7em; font-weight: 800;}
  #slider .kutu-icerik p{ font-size: .8em; letter-spacing: -.3px; font-weight: 700;}
  #slider .kutu-icerik .tarih{ font-size: .5em;  font-weight: 700;}
  #slider .kutu-icerik .buton{ font-size: 1.5em; color:#f60d2b; text-align: right; position: absolute; bottom: 8px; right: 10px;}
  .slide p{ font-size: 1.3em !important; }
  
  #slider .slide{ width: 100%; height: 100%;}
  #slider .navigate{  position: absolute; top: 20px; left: 20px; }
  #slider .navigate ul{ margin: 0px; padding: 0px; }
  #slider .navigate ul li{ display: inline-block; margin: -10px; padding:0px; font-size: 2em; color:#fff;}
  #slider .navigate ul li:hover{ -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; color: #f60d2b; cursor:pointer;}
  
  #sol_kisim_1{ padding: 30px 30px 30px 0px; }
  
  #son_dergi{ padding-top: 30px; padding-bottom: 30px; }
  #main h3, #son_dergi h3, #kategori_liste h3{ margin-top: 0; font-size: 1.2em; color: #222; text-transform: uppercase; font-weight: 700; letter-spacing: .5px;}
  .sonmakale_kutu{ margin-bottom: 20px; padding-top: 20px; padding-bottom: 20px; border-bottom: solid 1px #dedede;  -webkit-transition: all .5s;  -moz-transition: all .5s;  -ms-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  .sonmakale_kutu:hover{ -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2), 2px -2px 6px 0px rgba(0, 0, 0, 0.12), -2px -2px 6px 0px rgba(0, 0, 0, 0.12);  -moz-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2), 2px -2px 6px 0px rgba(0, 0, 0, 0.12), -2px -2px 6px 0px rgba(0, 0, 0, 0.12);  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2), 2px -2px 6px 0px rgba(0, 0, 0, 0.12), -2px -2px 6px 0px rgba(0, 0, 0, 0.12);  }
  .sonmakale_kutu h4{ font-size:1.1em; font-weight: 400; letter-spacing: -.5px; margin-bottom: 20px;}
  .sonmakale_kutu h4 a{ color:#111; text-decoration: none; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  .sonmakale_kutu h4 a:hover{ color:#f60d2b; }
  
  .sonmakale_kutu h5{ font-size:.9em; font-weight: 400; letter-spacing: -.5px; margin-bottom: 20px;}
  .sonmakale_kutu h5 a{ color:#111; text-decoration: none; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  .sonmakale_kutu h5 a:hover{ color:#f60d2b; }
  
  .sonmakale_kutu div.buyuk_img{ height: 200px; background-size: cover; background-position: center; }
  .sonmakale_kutu div.kucuk_img{ height: 150px; background-size: cover; background-position: center; }
  .sonmakale_kutu div.minik_img{ height: 80px; background-size: cover; background-position: center; }
  .yazarlar{ font-size: .7em; color: #797986; }
  .ozet{ font-size: 1em; color: #7e7e7e; margin-bottom: 20px; }
  .ozet a{ color:#229ad6; font-style: italic; text-decoration: none; }
  .sonmakale_kutu p{  color:#7e7e7e; font-weight: 400;}
  
  #arama_form{ width: 100%;}
  #arama_kutusu input{ float: right; width: 85%; font-size:.8em; border:solid 2px #ccc; color:#555; padding: 6px 12px; border-radius: 25px 0px 0px 25px; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  #arama_kutusu input:focus{ outline: none; border:solid 2px #f60d2b; }
  #arama_kutusu button{ float: right; height: 35px; background-color: #f60d2b; border:solid 2px #f60d2b; color:#fff; box-sizing: border-box; font-size:.7em; padding: 6px 15px; }
  
  #sag_kisim_1 { padding:30px 0px 30px 30px; }
  
  .sondergi_gorsel{ border: solid 1px #dedede; }
  
  #sag_kisim_1 .son_dergi{ margin-top: 50px; height: 550px; background-size: cover; background-position: center; cursor: pointer;}
  #sag_kisim_1 .son_dergi_ustu{ display: none; font-size:2em; padding-top: 200px; text-align: center; height: 550px; box-sizing: border-box; background-image: url("../img/slider_arka.png"); background-repeat: repeat; color:#fff; position: absolute; left:0px; top:0px; cursor: pointer;}
  
  
  
  .cok_goruntulenen_makaleler h4{ margin-top: 0; font-size: 1em; color: #222; text-transform: uppercase; font-weight: 700; letter-spacing: .5px; border-bottom: solid 1px #f60d2b; padding-bottom: 5px; margin-bottom: 20px;}
  .cok_goruntulenen_makaleler{ margin-top: 50px; background-color: #f6f6f6; padding: 20px !important; }
  .cok_goruntulenen_kutu{ padding-left: 20px !important; padding-right: 20px !important; margin-bottom: 20px; }
  .cok_goruntulenen_kutu .minik_img{ height: 80px; background-size: cover; background-position: center; }
  .cok_goruntulenen_kutu .kategori_adi{ padding: 3px; font-size:.6em; }
  
  .cok_goruntulenen_kutu h5{ font-size:.9em; font-weight: 400; letter-spacing: -.5px; margin-bottom: 10px;}
  .cok_goruntulenen_kutu h5 a{ color:#111; text-decoration: none; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  .cok_goruntulenen_kutu h5 a:hover{ color:#f60d2b; }
  .cok_goruntulenen_kutu .yazarlar{ font-size: .7em; color: #797986; }
  
  #onceki_sayilar{ background-color: #1f1f1f; margin-bottom: 30px; padding: 50px; box-sizing: border-box;}
  #onceki_sayilar .ortala{ overflow-x: hidden; }
  
  #onceki_sayilar h3{ margin-top: 0; font-size: 1.2em; color: #fff; text-transform: uppercase; font-weight: 700; letter-spacing: .5px;}
  #onceki_sayilar .ileri{ float: right; color:#fff; font-size: 1.5em; margin: 5px; cursor: pointer;}
  #onceki_sayilar .geri{ float: right; color:#fff; font-size: 1.5em; margin: 5px; cursor: pointer;}
  .onceki_sayilar_slider{ box-sizing: border-box; position: relative; }
  .onceki_sayilar_slider_kutu{ width: 280px; height: 400px; margin: 5px; overflow: hidden; cursor: pointer; }
  .onceki_sayilar_slider_kutu div{ width: 100%; height: 100%; box-sizing: border-box; background-size:cover; background-position: center; background-repeat: no-repeat; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s}
  .onceki_sayilar_slider_kutu div:hover{ -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);  }
  
  .tum_kategoriler h4{ margin-top: 0; font-size: 1em; color: #222; text-transform: uppercase; font-weight: 700; letter-spacing: .5px; border-bottom: solid 1px #f60d2b; padding-bottom: 5px; margin-bottom: 20px;}
  .tum_kategoriler{ background-color: #f6f6f6; padding: 20px !important; margin-top: 40px;}
  .tum_kategoriler ul{ margin: 0px; padding: 0px; font-size: .8em; }
  .tum_kategoriler ul li{ list-style: none; margin: 0px 10px 0px 10px; padding: 5px 0px 5px 0px; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  .tum_kategoriler ul li span{ float: right; }
  .tum_kategoriler ul li:hover{ margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px; -webkit-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2), 2px -2px 6px 0px rgba(0, 0, 0, 0.12), -2px -2px 6px 0px rgba(0, 0, 0, 0.12);  -moz-box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2), 2px -2px 6px 0px rgba(0, 0, 0, 0.12), -2px -2px 6px 0px rgba(0, 0, 0, 0.12);  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.2), 2px -2px 6px 0px rgba(0, 0, 0, 0.12), -2px -2px 6px 0px rgba(0, 0, 0, 0.12); }
  .tum_kategoriler ul a{ color:#111; text-decoration: none; }
  .tum_kategoriler ul a:hover{ color:#f60d2b; }
  
  .kategoriler_kucuk_kutu{ margin-top:50px; }
  .kategoriler_kucuk_kutu .yazarlar{ font-size: .7em; color: #797986; }
  .kategoriler_kucuk_kutu div.kucuk_img{ height: 150px; background-size: cover; background-position: center; }
  .kategoriler_kucuk_kutu h5{ font-size:.9em; font-weight: 400; letter-spacing: -.5px; margin-top: 20px; margin-bottom: 20px;}
  .kategoriler_kucuk_kutu h5 a{ color:#111; text-decoration: none; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  .kategoriler_kucuk_kutu h5 a:hover{ color:#f60d2b; }
  
  
  #footer{ background-color: #1f1f1f; color: #8c8c8c; margin-top: 50px;  box-sizing: border-box;}
  .footer_kutu{ padding: 60px; }
  .footer_kutu img{ width:80px; height: 80px; margin: auto; }
  .footer_kutu h5{ margin-top:20px; font-size: 1.8em;  }
  .footer_kutu h6{ font-size: 1.5em; }
  .footer_kutu a{ color:#8c8c8c; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; }
  .footer_kutu a:hover{ color:#fff; text-decoration: none; }
  .footer_kutu:nth-child(2){ padding-left: 60px; }
  .footer_kutu:nth-child(3){ padding-left: 60px; }
  
  .footer_alt{ background-color:#000; color:#fff;  box-sizing: border-box;}
  .footer_alt .sosyal_medya{ text-align: right; padding: 7px;}
  .footer_alt .ortala ul{ margin: 0px; padding: 0px;}
  .footer_alt .ortala ul li{ display: inline-block; margin:0px;}
  .footer_alt .ortala ul li a {color: #fff; text-decoration: none; font-size: .7em; margin: 0; line-height: 3.6; padding: 10px 5px; letter-spacing: .5px; font-weight: 700; white-space: nowrap;}
  
  
  #makale_detay { color: #7e7e7e;}
  #makale_detay .makale_detay_baslik{ font-size: 1.7em; color:#111; font-weight: 500; line-height: 1.1;}
  #makale_detay p{ text-align: justify; }
  #makale_detay .yazarlar{ font-size: .7em; color: #797986; }
  #makale_detay img{ float:left; padding: 10px; width: 40%; margin: 20px; margin-left: 0px; border:solid 1px #ccc; }
  
  .temizle{ clear: both;}
  
  #anahtar_kelimeler{ margin-top: 60px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}
  #anahtar_kelimeler form{  float: left; margin-right: 10px; margin-bottom: 10px; margin-top:10px;}
  #anahtar_kelimeler button{ font-size:.8em; margin: 1px; padding: 3px 10px; border-radius: 25px; border: solid 1px #ccc; color:#111; background-color: #fff; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  #anahtar_kelimeler button:hover{ background-color: #f60d2b; color: #fff; cursor: pointer;}
  
  #kategori_makaleler{ margin-bottom: 40px; padding-bottom: 30px; border-bottom:  solid 1px #dedede; }
  #kategori_makaleler img{ width: 100%; margin-bottom: 20px; }
  #kategori_makaleler h5{ font-weight: 500; line-height: 1.1; margin-bottom: 10px !important; }
  #kategori_makaleler h5 a{ font-size:.9em; color:#111; text-decoration: none; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;  }
  #kategori_makaleler h5 a:hover{ color: #f60d2b;}
  #kategori_makaleler p{ margin-top: 10px; margin-bottom: 10px; font-size: .9em; font-weight: 400; color:#7e7e7e; letter-spacing: .1px;}
  #kategori_makaleler .yazarlar{ font-size: .7em; color: #797986; }
  #kategori_buton{ background-color: #f60d2b; color:#fff; font-size:.6em; font-weight: 700; letter-spacing: 1px; border: solid 2px #f60d2b; border-radius: 30px; padding: 5px 15px; text-decoration: none; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  #kategori_buton:hover{ background-color: inherit; color:#f60d2b;}
  
  .page-item .page-link{ border-color: #ccc !important; color: #111; }
  .page-item.active .page-link{ background-color: #f60d2b !important; border-color:#f60d2b !important; color:#fff !important; }
  
  .iletisim_kutu{ background-color: #f6f6f6; padding: 20px; box-sizing: border-box; color: #797986; text-align: center; border: solid 15px #fff;}
  .iletisim_kutu h5{ color: #111; font-size:1.8em;}
  .iletisim_kutu i{ font-size:3em; color: #f60d2b;}
  .iletisim_kutu p{ font-size: .8em; color:#7e7e7e; font-weight: 400;}
  .iletisim_form_buton{ background-color: #f60d2b; color:#fff; font-size:.9em; font-weight: 700; letter-spacing: 1px; border: solid 2px #f60d2b; border-radius: 30px; padding: 5px 15px; text-decoration: none; -webkit-transition: all .5s;  -moz-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;}
  .iletisim_form_buton:hover{ background-color: inherit; color:#f60d2b;}
  #mesajForm div{ margin-bottom: 10px;}
  
  .kayit_formu div{ margin-bottom: 5px; }
  .kayit_formu .etiket{ text-align: right; color:#7e7e7e; padding-top: 5px; }
  
  
  .makale_menu{ float: right;margin-top: -5px;margin-bottom: -5px; margin-right: 20px; }
  .alt_kenar{ padding-top: 10px; padding-bottom: 10px; border-bottom: solid 1px #d2d2d2;}
  
  #image-viewer {
	display: none;
	position: fixed;
	z-index: 99;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.9);
  }
  .modal-content {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 800px;
  }
  .modal-content { 
	animation-name: zoom;
	animation-duration: 0.6s;
  }
  @keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
  }
  #image-viewer .close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
  }
  #image-viewer .close:hover,
  #image-viewer .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
  }
  
  .show-img{ cursor: pointer; }
  
  
  
  .ortala{ width: 1200px !important; }
  #main{width: 100%; padding-top: 30px; padding-bottom: 30px; }
  
  @media (max-width: 1200px) {
	  .ortala{ width: 90% !important; }
	  #sol_kisim_1{ padding: 30px; }
	  #sag_kisim_1 { padding: 30px; }
  }
  
  @media (max-width: 1000px) {
	  .modal-content { width: 100%;  }
	  #makale_detay img, #kategori_makaleler img{ width: 100%; }
  }