@charset "utf-8";
/* CSS Document */

[lang=tr]{text-transform:uppercase;}
body {     font-family: Roboto, Tahoma, sans-serif; background-color:rgba(255,255,255,1);  }

* { margin:0; padding:0; }
a {  transition: all .0s ease-in-out;cursor: pointer; color:#FFF; text-decoration:none;  }
a li {  text-decoration:none; }
ul { list-style-type:none; }
.bosluk { height:40px; clear:both;}


.contents{
	margin: 20px;
	padding: 20px;
	list-style: none;
	background: #F9F9F9;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.contents li{
    margin-bottom: 10px;
}
.loading-div{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.56);
	z-index: 999;
	display:none;
}
.loading-div img {
	margin-top: 20%;
	margin-left: 50%;
}

#mobilemenu { display:none; }
	
.sosyalmedyabutonpaylas  { width: 98%;  margin: 0 auto; }

.sosyalmedyabutonpaylas div {    width: 16.66%; float: left; text-align: center; padding-top:5px; padding-bottom:5px; }	
.sosyalmedyabutonpaylas div a { text-decoration:none; color:#FFF;  }
.sosyalmedyabutonpaylas div .fa { padding-right:4px;	}
	
.div1 { background: #365397;transition: 0.2s;  }
.div2 { background: #63cdf1; transition: 0.2s;  }
.div3 { background: #3f4145;transition: 0.2s; }
.div4  { background: #90cadd;transition: 0.2s; }
.div5 { background: #f16261;transition: 0.2s; }
.div6  { background: #32a0d3;transition: 0.2s; }


.sosyalmedyabutonpaylas div  .fa-facebook::after {     content: "PAYLAŞ"; font-family: sans-serif;  font-size: 10px; padding-left: 8px; }
.sosyalmedyabutonpaylas div  .fa-twitter::after {     content: "TWEET"; font-family: sans-serif;  font-size: 10px; padding-left: 8px; }
.sosyalmedyabutonpaylas div  .fa-google-plus::after {     content: "GOOGLE+"; font-family: sans-serif;  font-size: 10px; padding-left: 8px; }
.sosyalmedyabutonpaylas div  .fa-linkedin::after {     content: "LINKEDIN"; font-family: sans-serif;  font-size: 10px; padding-left: 8px; }
.sosyalmedyabutonpaylas div  .fa-pinterest-square::after {     content: "PINTEREST"; font-family: sans-serif;  font-size: 10px; padding-left: 8px; }
.sosyalmedyabutonpaylas div  .fa-reply::after {     content: "EMAIL"; font-family: sans-serif;  font-size: 10px; padding-left: 8px; }

.btn-facebook {   }
.btn-twitter { }
.btn-gplus {  }
.btn-linkedin {   }
.btn-pinterest { }
.btn-email {  }



.orta_alan_baslik_bilcez { width:100%; border-bottom:2px solid rgba(204,204,204,.4); }
.orta_alan_baslik_bilcez span { float:right; padding-right:10px; padding-top:12px;  }
.orta_alan_baslik_bilcez h2 { font-size:17px; color:#666; padding-top:5px; padding-bottom:10px;  float:left; }


/* Pagination style */
.pagination{margin:0;padding:0;}
.pagination li{
	display: inline;
	padding: 6px 10px 6px 10px;
	border: 1px solid #ddd;
	margin-right: -1px;
	font: 15px/20px Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	box-shadow: inset 1px 1px 5px #F4F4F4;
}
.pagination li a{
    text-decoration:none;
    color: rgb(89, 141, 235);
}
.pagination li.first {
    border-radius: 5px 0px 0px 5px;
}
.pagination li.last {
    border-radius: 0px 5px 5px 0px;
}
.pagination li:hover{
	background: #CFF;
}
.pagination li.active{
	background: #F0F0F0;
	color: #333;
}


#header_bilcez  { height:27px; padding-top:5px; background-color:rgba(0,0,0,0.8); border-bottom: 1px solid #2e495f; padding-bottom:5px; width:100%; position:relative; left:0; right:0;   clear:both; color:#FFF; clear:both; }

#header_bilcez_orta  { max-width:1100px; padding-left:12px; padding-right:12px; clear:both; margin:0 auto; }

.hikaye_aciklama_metni a  { color:#000; }
.hikaye_aciklama_metni a:hover  { color:#f00; }
.hikaye_aciklama_metni img  { width:90%; margin:0 auto; }

#header_bilcez_sol { width:250px; float:left; height:25px;  }
#header_bilcez_sol input[type="text"].firmaarassss::-webkit-input-placeholder { color: #fff; }
#header_bilcez_sol .aramaic { width:20px; height:20px;  color:#000; background-color:#fff; border:0px;   background: url(../site_images/search-dark.png); border-radius: 1px; }

#header_bilcez_sol input{
	outline:0
}


#header_bilcez_sol #search_BH { 
} 
#header_bilcez_sol #search_BH input[type="text"] { 
  
    border: 0 none; 
    color: #fff; 
    width: 130px; 
    padding: 6px 15px 6px 15px; 
    -webkit-border-radius: 20px; 
    -moz-border-radius: 20px; 
    border-radius: 20px;
	background:rgba(255,255,255,0.3);
   
    -webkit-transition: all 0.7s ease 0s; 
    -moz-transition: all 0.7s ease 0s; 
    -o-transition: all 0.7s ease 0s; 
    transition: all 0.7s ease 0s; 
    } 
#header_bilcez_sol #search_BH input[type="text"]:focus { 
    width: 190px; 
    } 
	
	

#header_bilcez_sag { width:170px; float:right; height:25px;}
#header_bilcez .sosyalmedya ul li { float:left; padding:8px; padding-left:10px; font-size:12px; padding-right:10px; color: #6f8fa8; transition: all .3s ease-in-out; cursor: pointer;  border-left: 1px solid #2e495f; border-right: 1px solid #2e495f;  }

#header_bilcez.sosyalmedya ul li span { font-size:15px; padding-left:10px;   }
#header_bilcez .sosyalmedya ul li:hover { color: #ffffff; }


#header_bilcez_menu  { height:100px;  padding-top:10px; background-color: #ffffff; border-bottom: 1px solid rgba(204,204,204,.6); padding-bottom:10px; width:100%;  left:0; right:0;   clear:both; color:#333333; }

#header_bilcez_menu_sol { max-width:200px; float:left; }
#header_bilcez_menu_sol img { max-height:110px; }
#header_bilcez_menu_sag { max-width:800px; float:right; }



#header_bilcez_sayfa  { min-height:500px; padding-top:0px; padding-bottom:0px; width:100%; position:relative; left:0; right:0;   clear:both; color:#333333; clear:both; }

#header_bilcez_sayfa_orta  { max-width:1100px; clear:both; margin:0 auto; background-color:#FFF; position:relative; padding-bottom: 30px;}
#orta_baslik_bilcez { max-width:1100px; margin:0 auto; min-height:40px; background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(102,102,102,.3);  margin-bottom:8px; padding-top:5px; padding-bottom:10px; }
.bilcez_kategori_menu_baslik  {  padding: 6px; color: #edf6fd;  background: rgba(45,45,45,.7); letter-spacing: 0.5px; font-size:15px;  }



.tumulink { float:right; font-size:12px; padding-top:2px; transition: all .5s ease-in-out; cursor: pointer;  }
.tumulink:hover .fa { padding-left:10px; transition: all .5s ease-in-out; cursor: pointer;  }


.icerikmenuul { margin-top:5px; padding-left:10px; padding-right:10px; padding-bottom:10px; }
.icerikmenuul a li { color:#000000; text-decoration:none; font-size:14px; }
.icerikmenuul li { padding:5.5px;  border-bottom:1px solid rgba(204,204,204,.4); }



.projelerr { width:31.33%; float:left; padding:1%; transition: all .2s ease-in-out; cursor: pointer; position:relative;  min-height: 270px;  overflow: hidden; }
.projeic { width:100%; max-height:230px;  min-height:265px; background:rgba(255,255,255,.5); border:2px solid rgba(153,153,153,.3); border-radius:2px; border-top:0px; border-left:0px; border-right:0px; }
.projeresim { max-height:120px; min-height:150px;  overflow:hidden; border:2px solid rgba(153,153,153,.1); padding:2px; }
.projeresim img { min-height:100%; width:100%;transition: all .9s ease-in-out;  }
.projelerr:hover .projeresim img {transform: scale(1.5); -webkit-transform: scale(1.5);  }

.projecizgi { width:60px; height:3px; background:rgba(255,0,0,1); margin-top:12px; margin-bottom:8px; padding-left:8px; margin-left:2px; }
.projebaslik { font-size:13px;  padding-bottom:6px; padding-left:8px; color:#000; font-weight:600; }
.projebaslik_aciklama { font-size:13px;  padding-bottom:6px; padding-left:8px; color:#000; font-weight:400; }
.projebaslik_kat { font-size:12px;  padding-bottom:6px; padding-left:8px; color:#666; font-weight:400; }
.gozisareti { font-size:16px; text-align:left; padding-left:7px; padding-top:5px; margin-bottom:-10px; position:absolute; top:0; background-color:rgba(255,255,255,.6); font-weight:600; right:0; margin-top:10px; margin-right:10px; padding:5px; color:#000; } 


.projelerr_menu { width:98%; float:left; padding:1%; transition: all .2s ease-in-out; cursor: pointer; position:relative;  min-height: 290px;  overflow: hidden; }
.projeic_menu { width:100%; max-height:230px;  min-height:285px; background:rgba(255,255,255,.5); border:2px solid rgba(153,153,153,.3); border-radius:2px; border-top:0px; border-left:0px; border-right:0px; }
.projelerr_menu:hover .projeresim img {transform: scale(1.5); -webkit-transform: scale(1.5);  }


#sayfalamanuamra { width:100%; text-align:right; }
#sayfalama_tum_detay {  padding-right:5px; }
#sayfalama_tum_detay a { text-decoration:none; color:#333; }

.sayfalamaa_kutu { padding-top:1px; padding-bottom:9px; padding-left:6px; padding-right:6px; border:1px solid rgba(204,204,204,0.3); width:8px; height:8px; float:left; margin:2px; font-size:12px; }
#aktifsayfalama { background:rgba(255,0,0,0.5); color:#FFF; font-weight:600; font-size:12px; }


.projelerr_galeri { width:31.33%; float:left; padding:1%; transition: all .2s ease-in-out; cursor: pointer; position:relative;  min-height: 200px;  overflow: hidden; }
.projeic_galeri { width:100%; max-height:230px;  min-height:195px; background:rgba(255,255,255,.5); border:2px solid rgba(153,153,153,.3); border-radius:2px; border-top:0px; border-left:0px; border-right:0px; }
.projelerr_galeri:hover .projeresim img {transform: scale(1.5); -webkit-transform: scale(1.5);  }



#footer_bilcez  { height:30px; padding-top:5px; background-color:rgba(0,0,0,0.8); padding-bottom:5px; width:100%; position:relative; left:0; right:0;   clear:both; color:#FFF;  }

#footer_bilcez_orta  { max-width:1100px; padding-left:12px; padding-right:12px; clear:both; margin:0 auto; text-align:center; font-size:12px; padding-top:8px; }



a .ust_ince_menu_list { color:#000; }
a .ust_ince_menu_list_2 { color:#000;}

a:hover .ust_ince_menu_list { color:#f00; }
a:hover .ust_ince_menu_list_2 { color:#f00;}

.ust_ince_menu_list { float:left; width:16%; padding-top:12px; padding-left:1%; padding-right:1%; font-weight:600; }
.ust_ince_menu_list_2 { float:left; width:14%; padding-top:12px; font-weight:600; }


.ust_ince_menu_list .fa { padding-right:10px;}
.ust_ince_menu_list_2 .fa { padding-right:10px;}



#yenifbwilk {
    background: url(../site_images/oynatbutton.jpg) no-repeat 0px 0px !important;
    width: 35px !important;
    height: 33px !important;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 1px 10px 1px 10px;
    cursor: pointer;
    margin: 1px 0 0 0;
}

#yenifbw {
    background: url(../site_images/oynatbutton.jpg) no-repeat 0px -30px !important;
    width: 35px !important;
    height: 33px !important;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 1px 10px 1px 10px;
    cursor: pointer;
}

#yenifbwson {
    background: url(../site_images/oynatbutton.jpg) no-repeat 0px -61px !important;
    width: 35px !important;
    height: 33px !important;
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 1px 10px 1px 10px;
    cursor: pointer;
    margin: 0 0 0 0;
}

#sayfa_detay_sol_kisim { width:740px; float:left;}
#sayfa_detay_sol_kisim .sozsayfaresim  { width:97.9%; margin:0 auto; }
#sayfa_detay_sol_kisim .sozsayfaresim img { width:100%; }

#sagdetay_menu { width:320px; height:auto; float:right; padding-left:20px; border-left:1px solid rgba(204,204,204,1);  }

.sagiletisim { width:100%; height:40px; text-align:right; font-size:18px; font-weight:600; padding-top:12px; padding-bottom:12px; }
.sgmenusag { width:100%; height:40px; }



#footer_menu_ust { width:100%; left:0; right:0; margin-top:15px; border-bottom:1px solid #384a58;    background-color: #FCD846;  min-height: 70px; color: #000;   font-weight: 200;}
#footer_menu_ust #footer_menu_ust_ic { max-width:1100px; margin:0 auto; padding:10px; font-size:13px;  color:#0A0A0A; }
.footer_ust_menu_sol { float:left; }
.footer_menu_ustu { padding-top:10px; }
.footer_menu_ustu li { list-style:none; float:left; padding:10px; }

.footer_menu_ustu li a { text-decoration:none; color:#0A0A0A; }
.footer_menu_ustu li:Hover a { text-decoration:none; color: #F00; }

.footer_menu_ustu li .fa { padding-right:10px; }

.footer_sosyalmedya { float:right; }

.footer_sosyal_ustu { padding-top:10px; }
.footer_sosyal_ustu li { list-style:none; float:left; padding:10px; font-size:18px; }

.footer_sosyal_ustu a li { color:#0A0A0A; }
.footer_sosyal_ustu a:hover li { color: #F00; }


#footer_alt { width:100%; left:0; right:0; color: #FFF;  
    min-height: 320px;
	background:#0A0A0A;    font-weight: 200; }
#footer_alt #footer_alt_ic { max-width:1100px; margin:0 auto; padding:10px; font-size:13px;  color:#ffffff; }

.footer_ic_alt_menu {  width:32.33%; float:left; padding:0.5%; padding-top:20px; }
#iletisdim_footer { background: url(../../site_images/contact-background.png) center left no-repeat; }
.iletisim_footer {width:90%; padding-top:20px; color:#FFF; font-size:12px; }
.iletisim_footer p { padding:7px; padding-right:0px; padding-left:0px; }
.iletisim_footer .fa { padding-right:15px;    width: 10px; }


.footer_aiklama_hak { width:90%; padding-top:20px; color:#FFF; font-size:12px;  }
.footer_aiklama_hak p { padding:7px; padding-right:0px; padding-left:0px; line-height:1.6em;  }

.ebulten_footer { width:90%; padding-top:20px; color:#FFF; font-size:12px;  }
.ebulten_footer p { padding:7px; padding-right:0px; padding-left:0px; line-height:1.6em;  }

.ebulten_footer p input[type="email"] {
       color: #4c5867;
    background-color: #2c2e3a;
    padding-left: 5%;
    width: 55%;
    height: 20px;
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    margin-top: 2px;
}

.ebulten_footer p  button { 
background-color: #4c5867; 
 height: 43px; width: 30%;
 color:#FFF;

}

.ebulten_footer p  button:hover { 
background-color: #FFF; 
 color:#4c5867;
 font-weight:600;

}




#kurumsal_sayfa { position:relative; top: 0; left:0; right:0;  width: 100%;  margin-bottom:0px; margin-top:0px; padding-bottom:50px; }
#kurumsal_sayfa #kurumsal_sayfa_orta {  max-width:1100px; margin:0 auto; padding:10px; font-size:14px;  color:#000; min-height:80px; text-align:center; line-height:23px; letter-spacing:.05em;  }

.solbolum { width:75%; float:left; }
.sagbolum { width:25%; float:left; }

.aciklamasayfa { padding:15px; }

.iletisimadres { float:left; width:48%; padding-left:1%; padding-top:30px; text-align:left; border-right:1px solid rgba(204,204,204,.4); }
.iletisimadres h2 { padding-bottom:30px;}
.iletisim_forum { float:right; width:48%; padding-right:1%; padding-top:30px;  text-align:left; }
.iletisim_forum h2 { padding-bottom:30px;}
.iletisim_forum a { text-decoration:none; color:#333; font-weight:400; }
.iletisim_forum a:hover { text-decoration:blink; color:#f00; font-weight:600; }


.baslik_ilet {  max-width:100px; min-width:100px; float:left; font-weight:600; }
.aciklama_iletisim { width:99%; float:left; font-size: 15px; padding-top: 10px;}

a { text-decoration:none; }
a .tumprojelers { padding:10px; background:rgba(0,0,0,.3); color:#FFF; text-align:center; font-size:15px; margin-top:20px;  text-decoration:none; }
a:hover .tumprojelers { background:rgba(0,0,0,.8); font-weight:600; }


#harita_iletisim { height:450px; width:100%; left:0; right:0; position:relative;     background: url(../site_images/harita_site.jpg) center top repeat-x rgb(255, 255, 255); top:0;  }



/* INPUT, TEXTAREA, SUBMIT */
input {margin:0 0 10px 0; padding:0;}
input[type=text],input[type=email], input[type=password], textarea { border:1px solid #dbecf6; padding:10px; font-size:12px; color:#777; }


input[type=text],input[type=email], input[type=password], textarea, select { background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
outline:0 none !important;
}

input[type=text].rounded, input[type=password].rounded, textarea.rounded, select.rounded, input[type=submit].rounded, button.rounded {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }
input[type=text]:hover, input[type=password]:hover, textarea:hover { border:1px solid #b4b4b4; }
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus { -moz-box-shadow: 0 0 3px #EB540A;-webkit-box-shadow: 0 0 3px #EB540A; box-shadow: 0 0 3px #EB540A; border: 1px solid #EB540A; }

.iletisim_forum input[type=submit], button { background:#39c2d2; padding: 7px 15px; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);  cursor:pointer; border:1px solid #777;
-webkit-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 2px 6px rgba(255, 255, 255, 0.5) inset; float: right;
text-align: right; margin-left:8px;}
.iletisim_forum input[type=submit]:hover, button:hover { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4), 0 -2px 6px rgba(255, 255, 255, 0.5) inset;}
.iletisim_forum input[type=submit]:active, button:active {-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5) inset;}


/* you can activate the rounded fields only setting the .rounded-fields class to the parent form */
.rounded-fields input[type=text], .rounded-fields input[type=password], .rounded-fields textarea, .rounded-fields select, .rounded-fields input[type=submit], .rounded-fields button {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;  }