@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=latin-ext');
/* CSS Document */
html{min-height:100%;min-width:980px; height:100%;}
body{min-height:100%;min-width:980px; height:100%; overflow:auto; overflow: -moz-scrollbars-vertical; overflow-y: auto; overflow-y: scroll; margin:0;	font-size: 14px; font-family: 'Roboto', sans-serif; font-weight:300; line-height:175%; color:#666; background:#fff;}
p{ margin:0px;}
table{color: #666;	text-decoration: none;	font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%;}
a { color: #666; text-decoration: none; font-size:14px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; }
h1{ font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal; font-size:50px; line-height:125%;  color:#333; padding:0 0 10px 0; margin:0;}
h2{ font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-size:18px; line-height:18px;  color:#0a1f4f; padding:20px 0 10px 0; margin:0;}

#page_container{ position:relative; width:100%; height:100%;}
#header_container{ position:absolute; width:100%; height:180px; padding:0; margin:0; z-index:21;}
#header_container #header_ust{ position:relative; display:block; height:120px;}
#header_container #logo_container{ position:relative; width:1170px; height:100%; margin:0 auto;}
#header_container #logo_container #telefon{ position:relative; float:left; width:33%; padding:30px 0;}
#header_container #logo_container #email{ position:relative; float:left; text-align:right; width:33%; padding:30px 0;}
#header_container #logo_container #telefon .text,#header_container #logo_container #email .text{font-size: 12px; font-family: 'Roboto', sans-serif; font-weight:normal; color:#fff; margin-bottom:0px;}
#header_container #logo_container #telefon .link a,#header_container #logo_container #email .link a{ display:inline-block; font-size: 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:normal; color:#fff; text-decoration:none;}
#header_container #logo_container #logo{ position:relative; float:left; width:34%; margin-top:18px; display:inline-block;  text-align:center;  z-index: 101;}
#header_container #header_menu{ position:relative; display:block; padding:0px; margin:0; height:60px; background:#fff; margin:0 auto; text-align:center;}
#header_container #header_menu #logo{ display:none;}

#banner_container #slider_container{ position:relative; padding:0px; margin:0px; width:100%; height:auto; margin:0 auto; overflow:hidden; background:none;}
#banner_container .slider_maske{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:20;-webkit-clip-path: polygon(50% 100%, 100% 90%, 100% 100%, 0 100%, 0 90%);clip-path: polygon(50% 100%, 100% 90%, 100% 100%, 0 100%, 0 90%);}
#banner_container .bg{height:410px;}
#banner_container .bg_icerik{ background:url(images/banner/bg_icerik.jpg) no-repeat center;}
#banner_container .bg_hakkimizda{ background:url(images/banner/bg_hakkimizda.jpg) no-repeat center;}
#banner_container .bg_belgeler{ background:url(images/banner/bg_belgeler.jpg) no-repeat center;}
#banner_container .bg_personel{ position:relative; background:url(images/banner/bg_personel.jpg) no-repeat center;}
#banner_container .bg_personeldetay{ position:relative; background:url(images/banner/bg_personel.jpg) no-repeat center;}
#banner_container .bg_hizmetler{ background:url(images/banner/bg_hizmetler.jpg) no-repeat center;}
#banner_container .bg_hizmetlerdetay{ background:url(images/banner/bg_hizmetler.jpg) no-repeat center;}
#banner_container .bg_hizmetlerdetay1{ background:url(images/banner/bg_hizmetler.jpg) no-repeat center;}
#banner_container .bg_hizmetlerdetay2{ background:url(images/banner/bg_hizmetler.jpg) no-repeat center;}
#banner_container .bg_referanslar{ background:url(images/banner/bg_referanslar.jpg) no-repeat center;}
#banner_container .bg_mevzuat{ background:url(images/banner/bg_mevzuat.jpg) no-repeat center;}
#banner_container .bg_mevzuatdetay{ background:url(images/banner/bg_mevzuatdetay.jpg) no-repeat center;}
#banner_container .bg_galeri{ background:url(images/banner/bg_galeri.jpg) no-repeat center;}
#banner_container .bg_site_haritasi{ background:url(images/banner/bg_site_haritasi.jpg) no-repeat center;}
#banner_container .bg_insankaynaklari{ background:url(images/banner/bg_insankaynaklari.jpg) no-repeat center;}
#banner_container .bg_iletisim{ background:url(images/banner/bg_iletisim.jpg) no-repeat center;}

/*::::: AÇILIR ÜST MENÜ   :::::*/
#nav { position:relative; height:60px; display:inline-block; margin:0 auto; padding:0px; text-align:left; z-index: 1000;}
#nav ul {position:relative; margin:0 auto; padding:0; height:60px; float:left; display:block;}
#nav li {list-style:none;float:left;margin:0;padding:0 0px 0 0; line-height:60px; height:60px;}
#nav li.son {background:none;}
#nav span {float:left;padding:0 18px 0 18px;line-height:60px;height:60px; background:none top center;}
#nav li a { position:relative;  overflow:hidden; text-transform:none;font-family: 'Roboto Condensed', sans-serif; font-weight:normal; font-style:normal;font-size:16px; height:auto;color:#333; display:block;line-height:60px;height:60px;margin:0;padding:0px;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav span:hover, #nav span.aktif {background: #005db9; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav span:hover > a, #nav span.aktif > a{ color:#fff;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
/* First level dropdown */
#nav li ul {margin:0 0 0 -18px;background:#005db9;padding:10px;list-style:none;position:absolute; display:none;left:-999em;top:60px;width:215px;z-index:10;height:auto;}
#nav li:hover ul, #nav li.sfhover ul {left:auto;}
#nav li li {z-index:20;;position:relative;margin:0;padding:0px;width:215px;height:auto;line-height:12px;}
#nav li li a {text-indent:0;border-bottom:1px solid #02519f;font-weight:bold;padding:10px 10px 10px 10px;text-transform:none; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:16px;height:auto;line-height:18px;color:#555;text-decoration:none;}
#nav li:hover li a, #nav li.sfhover li a {color:#eee;}
#nav li li a:hover { background:#02519f;color:#fff; text-decoration:none;}

.orta_container{ position:relative; width:1170px; margin:0 auto; display:table; height:100%;}
.orta_container_full{ position: relative; float:left; width:calc(100% - 40px); margin:20px;}
.orta_container_sol{ position: relative; width:calc(50% - 40px); float:left; margin:20px;}
.orta_container_sag{ position: relative; width:calc(50% - 40px); float:right; margin:20px;}

.tablo_container{ position:relative; height:100%; margin:-20px -20px;}
.tablo_container_2{ position:relative; display:inline-block; height:100%; margin:-20px; background:#FC0}
.tablo_baslik{ position:relative; float:left; width:calc(100% - 40px); font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal;font-size:100px; line-height:150%; height:auto; margin:30px 20px 20px; color:#f8f8f8; overflow:hidden; white-space:nowrap;}
.tablo_baslik .text_1{ position:absolute; top:55px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal;font-size:20px; line-height:100%; height:auto; color:#986b47;}
.tablo_baslik .text_2{ position:absolute; top:75px; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal;font-size:50px; line-height:100%; height:auto; color:#333;}
.tablo_icerik{color: #666; text-decoration: none; font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%;}
.tablo_icerik_2{color: #666; text-decoration: none;	font-size: 14px; font-family: "Roboto"; font-weight:300; line-height:175%; width:60%; margin:0px auto; padding:0 0 40px; text-align:center;}
.bolum_1{ padding :40px 0 50px;}
.bolum_1 .orta_bolum_resim{ position:absolute; top:20px; right:20px;text-align:center;}
.tablo_container ul { margin:20px 0;list-style-position: inside; list-style-image: url('images/theme/ico_1.png');}
.tablo_container ul li{ margin:5px}

/*::::: ANASAYFA GALERİ ::::::::*/
#anasayfa_galeri_container { position:relative; clear:both; margin:0px 0px; padding:0px; overflow:hidden; width:100%; background:#f0f0f0;}
#anasayfa_galeri_container .anasayfa_baslik_container{ position:relative; clear:both; float:left; margin:0px 0px; padding:0px; width:50%;}
#anasayfa_galeri_container .anasayfa_baslik_container .tablo_baslik{margin:50px 0 0px 200px; white-space:nowrap;}
#anasayfa_galeri{ list-style:none; float:left; margin:0px; padding:0px; width:100%;}
#anasayfa_galeri_container .foto{ position:relative;list-style:none; float:left; margin:0px; padding:0px; overflow:hidden; width:16.66666%; text-align:center; vertical-align:middle; background:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#anasayfa_galeri_container .foto img{ width:100%; height:auto; transition: all 1s ease-in-out;}	
#anasayfa_galeri_container .foto:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all .5s ease-in-out;}	
#anasayfa_galeri_container .foto .foto_kategori{ position:absolute; text-align:center; width:100%; bottom:40px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:20px; color:#fff;}
#anasayfa_galeri_container .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0;}

/*::::: PERSONEL ::::::::*/
.ekip_container{ position:relative; float:left; width:100%; margin:0px; padding:0 0 0px 0;}
.personel_container{ position:relative; float:left; margin:20px; width:calc(25% - 40px);}
.personel_container .personel_baslik{ position:relative; height:auto; padding:15px 0; text-align:center; background:#f0f0f0;}
.personel_container .personel_baslik .isim{  position:relative;  display:block; font-family: 'Roboto Condensed', sans-serif; font-weight:bold; font-style:normal;font-size:20px; line-height:150%; height:auto; margin:0px; color:#333;}
.personel_container .personel_baslik .unvan{ position:relative;  display:block; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:14px; line-height:150%; height:auto; margin:0px; color:#986b47;}
.personel_container .personel_resim_container{ position:relative; display:inline-block;}
.personel_container .foto{ position:relative;}
.personel_container .foto img{ width:100%; height:auto; transition: all 1s ease-in-out;}
.personel_container .foto .foto_cerceve{ position:absolute; top:10px; left:10px; right:10px; bottom:10px; border:1px solid #fff;}
.personel_container .foto .foto_effect{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,1); top:0;filter: alpha(opacity=0);	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0;}
.personel_container .foto .foto_effect_1{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:100%; -webkit-clip-path: polygon(75% 0, 25% 100%, 100% 100%, 100% 0);clip-path: polygon(75% 0, 25% 100%, 100% 100%, 100% 0);}
.personel_container .foto .foto_effect_2{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; right:100%; -webkit-clip-path: polygon(0 0, 0 100%, 25% 100%, 75% 0);clip-path: polygon(0 0, 0 100%, 25% 100%, 75% 0);}
.personel_container .foto .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/theme/ico_foto.png) center no-repeat; filter: alpha(opacity=0);	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; }
.personel{ margin:0 0 20px 0; padding:0; display:inline-block; width:100%;}
.personel div.resim{ float:right; text-align:right; position:relative; height:auto; margin:0 0 50px 50px;}
.personel .personel_resim{margin:0 0 0px 0;}

/*::::: BELGELER ::::::::*/
.belgeler_container{ position:relative; float:left; width:calc(100% - 20px);  margin:10px;}
.belgeler_container a{ position:relative;}
.belgeler_container .belge{ position:relative; display:inline-block; margin:10px; background:#f0f0f0 url(images/theme/belge_ico.png) 30px 30px no-repeat; padding: 20px 20px 20px 100px; transition: all .2s ease-in-out;}
.belgeler_container .belge:hover{background:#e6e6e6 url(images/theme/belge_ico.png) 30px 30px no-repeat;}
.belgeler_container .belge .belge_baslik{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px; margin-bottom:10px; color:#986b47;}

/*::::: MEVZUAT ::::::::*/
.mevzuat_container{ position:relative; float:left;  width:calc(100% - 20px); margin:10px;}
.mevzuat_container a{ position:relative;}
.mevzuat_container .mevzuat{ position:relative; display:inline-block; margin:10px; background:#f0f0f0 url(images/theme/belge_ico.png) 30px 30px no-repeat; padding: 20px 20px 20px 100px; transition: all .2s ease-in-out;}
.mevzuat_container .mevzuat:hover{background:#e6e6e6 url(images/theme/belge_ico.png) 30px 30px no-repeat;}
.mevzuat_container .mevzuat .mevzuat_baslik{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px; margin-bottom:10px; color:#986b47;}

/*::::: HİZMETLER ::::::::*/
.hizmetler_container{ position:relative; float:left; width:100%; margin:0px 0px 0px; padding:0 0 0px 0;}
.hizmet_container{ position:relative; float:left; margin:20px; width:calc(50% - 40px); background:#f0f0f0; transition: all .2s ease-in-out}
.hizmet_container:hover{background:#e6e6e6;}
.hizmet_container .hizmet_resim{ float:left; width:202px; height:202px; margin-right:20px}
.hizmet_container .hizmet_baslik{ font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px; margin:20px 10px 10px; color:#986b47;}
.hizmet_container .hizmet_aciklama{ margin:0px 10px 10px;}

/*::::: REFERANSLAR ::::::::*/
.referanslar_container{ position:relative; float:left;  width:calc(100% - 30px); margin:-5px 15px 15px; padding:0 0 0px 0;}
.referans_baslik{ position:relative; margin:20px 5px 5px; background:#b59c88;font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#fff; padding:10px 15px; transition: all .2s ease-in-out}
.referans{ position:relative; margin:5px; background:#f0f0f0 url(images/theme/referans_ico.png) 15px 10px no-repeat; padding:10px 15px 10px 60px; transition: all .2s ease-in-out}
.referans:hover{background:#e6e6e6 url(images/theme/referans_ico.png) 15px 10px no-repeat;}

/*::::: SAYFA GALERİ ::::::::*/
#sayfa_galeri_container {position:relative; margin:-20px; padding:0px; }
#sayfa_galeri{ list-style:none; float:left; margin:0px; padding:0px;}
#sayfa_galeri .foto{ position:relative; list-style:none; float:left; width:calc(20% - 40px); height:auto; margin:20px; padding:0px; text-align:center; vertical-align:middle; border:0px solid #efefef; background:none; overflow:hidden; text-align:center; vertical-align:middle; background:none;/* -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;*/}
#sayfa_galeri .foto img{ width:100%; height:auto; transition: all 1s ease-in-out;}
#sayfa_galeri .foto:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1); transition: all .5s ease-in-out;}	
#sayfa_galeri .foto .foto_effect{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0;}
#sayfa_galeri .foto .foto_ico{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(images/theme/ico_foto.png) center no-repeat; filter: alpha(opacity=0);	-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; }

/*::::: İLETİŞİM ::::::::*/
.iletisim{ position:relative; clear:both; margin:40px 0px;}
.iletisim .iletisim_adres{ position:relative; margin:10px 0; background:url(images/theme/ico_adres.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_telefon{ position:relative; margin:10px 0; background:url(images/theme/ico_telefon.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_faks{ position:relative; margin:10px 0; background:url(images/theme/ico_faks.png) no-repeat left 3px; padding-left:50px;}
.iletisim .iletisim_email{ position:relative; margin:10px 0; background:url(images/theme/ico_email.png) no-repeat left 0px; padding-left:50px;}
.iletisim_form{ }
.iletisim span{font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#986b47; padding:0 0 0px 0; margin:0; display:inline-block;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

/*::::: FORM ::::::::*/
.form_container { width:100%; margin:40px 0;}
.form_container .form_satir{}
.form_container .form_btn_satir{ clear:both; text-align:center;}
.form_container .form_baslik{font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:20px;  color:#986b47; padding:5px 0 5px 0; margin:0; width:200px; display:inline-block; line-height:125%; vertical-align:top;}
.form_container .form_nesne{ font-weight:normal; font-style:normal; color:#000; padding:0 0 15px 0; margin:0; display:inline-block;width: calc(100% - 200px);}
.form_txt { color:#000; text-decoration: none; font-size:14px; line-height:18px; padding:6px 4px; font-family: Arial; font-weight: normal; border:1px solid #dddddd; width: calc(100% - 10px);}
.form_txt:focus{	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(156, 122, 58, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 3px rgba(156, 122, 58, .6); border-color: #fff; }
.form_yazi {color: #fff; text-decoration: none;	font-size: 12px; font-family: "Arial"; font-weight: normal;}
.form_select { color:#000; text-decoration: none; font-size:12px; line-height:18px; padding:6px 4px; font-family: Arial; font-weight: normal; border:1px solid #dddddd; }
.form_btn{ position:relative; cursor:pointer; overflow:visible; width:auto; font-family: 'Playfair Display', serif; font-size:16px; display:inline-block; background: #9a7455; color: #fff; padding: 15px 30px; transition: all 0.5s ease-in-out;}
.form_btn:hover{ background:#b59479;}
.form_btn .button_cerceve{position:absolute; top:5px; left:5px; right:5px; bottom:5px; border:1px solid #fff;}
.yazi_hata { padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #e00b83; background:#fedaef url(images/theme/hata.png) no-repeat 15px center; color: #e00b83; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%}
.yazi_tamam { padding:10px 15px 10px 40px; margin-bottom:10px; border:1px solid #399919; background:#dffcca url(images/theme/tamam.png) no-repeat 15px center; color: #399919; text-decoration: none; font-size: 12px; font-family: sans-serif; font-weight:bold; line-height:100%}

#harita{ position:relative; margin:0px 0px -40px; padding:0px; border:0px #fff solid; width:100%; height:400px;}

/*::::: HIZLI MENU :::::*/
.site_container{position:relative; float:left; width:100%; margin:0px; padding:0px;}
.site_container h1{ clear:both; float:none; margin:none; padding:15px 0 0 0; line-height:100%;}
.site_container h2{ clear:both; float:none; margin:none; padding:10px 15px; line-height:100%; color:#fff;  background:#b59c88;}
.site_container .site_kategori_link{ float:left; border-bottom:1px solid #d5c6b1; padding:7px 0; width:100%;}
.site_container .site_kategori_link a{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:18px; height:auto;color:#333; margin:0px; background: url(images/theme/ico_1.png) no-repeat 7px center; padding-left:30px;}
.site_container .site_kategori_link a:hover{ color:#666;}
.site_container .site_link{ float:left; border-bottom:1px solid #d5c6b1; padding:7px 0; width:100%;}
.site_container .site_link a{color:#666;margin:0px; font-size:14px; float:left; background: url(images/theme/ico_1.png) no-repeat 30px center; padding-left:50px;}
.site_container .site_link a:hover{ color:#666;}

/*::::: 404 SAYFASI ::::::::*/
.page_404_container{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden; background:url(images/banner/bg_404.jpg) no-repeat; background-size:cover;}
.page_404_resim{position:absolute; top:0; left:calc(50% - 50px); z-index:2}
.page_404{ position:relative; text-align:center; margin:0px 0 0px; color:#fff;}
.page_404 h1 { position:relative; text-transform: uppercase; letter-spacing: 4px; font-weight: bold; font-size: 22px; color:#e3d8cf; display:block; z-index:10;}
.page_404 h2 { position:relative;  text-transform: uppercase; letter-spacing: 20px; font-size: 200px; color:#9a7455; font-weight:700; margin:-30px 0 20px 0; z-index:1;}
.page_404 p { position:relative; font-family: 'Roboto', sans-serif; font-weight:300; line-height: 1.6em; text-align: center; font-size: 16px; padding:20px 0; z-index:3;text-shadow:0px 2px 8px rgba(0, 0, 0, 1);}
.page_404 h2 span{ position:relative; margin:0px;}
.page_404 a.form_btn{ position:relative; z-index:4;}

/*::::: SAYFALAMA ::::::::*/
#sayfa_container{position:relative; width:auto; margin:20px -4px; padding:0px; float:left;}
#sayfa_container .sayfa ul{	list-style:none; float:left; margin:0px; padding:0px;}
#sayfa_container .sayfa ul li{list-style:none; float:left; margin:4px; padding:0px; width:30px; height:30px; line-height:30px; vertical-align:middle; text-align:center; background:#eee; color:#9c7a3a; font-family:"Roboto Condensed"; font-weight:400; font-size:18px; border:1px solid #ddd; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#sayfa_container .sayfa ul li:hover{background:#e3e3e3;  color:#000;}
#sayfa_container .sayfa ul li.selected{background:#000; color:#FFF; border:1px solid #000;}
#sayfa_container .sayfa ul li.ilk_sayfa{ background:#eee url(images/theme/first.png) center top no-repeat;}
#sayfa_container .sayfa ul li.ilk_sayfa:hover{ background:#e3e3e3 url(images/theme/first.png) no-repeat center bottom;}
#sayfa_container .sayfa ul li.onceki_sayfa{ background:#eee url(images/theme/left.png) center top no-repeat;}
#sayfa_container .sayfa ul li.onceki_sayfa:hover{ background:#e3e3e3 url(images/theme/left.png) no-repeat center bottom;}
#sayfa_container .sayfa ul li.son_sayfa{ background:#eee url(images/theme/last.png) no-repeat center top;}
#sayfa_container .sayfa ul li.son_sayfa:hover{ background:#e3e3e3 url(images/theme/last.png) no-repeat center bottom;}
#sayfa_container .sayfa ul li.sonraki_sayfa{ background:#eee url(images/theme/right.png) no-repeat center top;}
#sayfa_container .sayfa ul li.sonraki_sayfa:hover{ background:#e3e3e3 url(images/theme/right.png) no-repeat center bottom;}

/*::::: YUKARI DÜĞMESİ ::::::::*/
#back-top {z-index:10;position: fixed;bottom: 40px;margin-left:calc(50% + 620px);}
#back-top a {width: 51px;display: block;text-align: center;font: 12px/100% 'Roboto Condensed'; font-weight:300; font-style:normal;; font-weight:bold; text-transform: uppercase;text-decoration: none;color: #005db9;/* background color transition */-webkit-transition: 0.3s;-moz-transition: 0.3s; -o-transition: all 0.3s ease; transition: 0.3s;}
#back-top a:hover {color: #986b47;}
/* arrow icon (span tag) */
#back-top span {width: 51px;height: 51px;display: block; padding:0px; margin-bottom: 7px;background:url(images/theme/icon_top.png) no-repeat center top; -webkit-border-radius: 26px;-moz-border-radius: 26px;border-radius: 26px; background color transition -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;*/}
#back-top a:hover span {background:url(images/theme/icon_top.png) no-repeat center bottom; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}

/*::::: ALBANNER ::::::::*/
#altbanner_container{ position:relative; clear:both; width:100%; background:#2a2117 url(images/theme/alt_banner_bg.jpg) center bottom no-repeat; background-size:cover; margin:40px 0px 0px; padding:0px 0;}
#alt_banner{ position:relative; width:1170px; margin:0px auto; padding:0px;}
#alt_banner .bolum_1{ position:relative; clear:both; float:none; width:300px; height:auto; text-align:center; margin:auto; padding:40px 0 20px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:14px; color:#fff;}
#alt_banner .bolum_1 .alt_banner_logo{ position:relative; margin:40px 0;}
#alt_banner .bolum_1 div{ margin-bottom:10px;}
#alt_banner a{font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:14px; color:#fff;}
#alt_banner a:hover{ text-decoration:underline; color:#eee;}
.alt_social_container{ position:relative; text-align:center; margin:20px -5px;}
.alt_social_container a{ display:inline-block; margin:5px; width:40px; height:40px; background:#FFF}
.alt_social_container a.facebook{ background:url('images/theme/social_facebook.png') no-repeat center;}
.alt_social_container a.twitter{ background:url('images/theme/social_twitter.png') no-repeat center;}
.alt_social_container a.pinterest{ background:url('images/theme/social_pinterest.png') no-repeat center;}
.alt_social_container a.instagram{ background:url('images/theme/social_instagram.png') no-repeat center;}
.alt_social_container a.google{ background:url('images/theme/social_google.png') no-repeat center;}
#turkuaz_container{ background:#fff; padding:20px;}
#alt_banner_turkuaz{ position:relative; text-align:center; font-family: 'Roboto Condensed', sans-serif; font-weight:300; font-style:normal;font-size:14px; color:#9a7455; margin:0px 0 0 0; padding:0 0;}
#alt_banner_turkuaz a{ color:#9a7455;}

/*::::: FANCYBOX IMAGE GALLERY ::::::::*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;  border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/theme/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('images/theme/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('images/theme/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto;}
.fancybox-lock body { overflow: hidden !important;}
.fancybox-lock-test { overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('images/theme/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;  border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/theme/fancybox_sprite@2x.png');background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
#fancybox-loading div {background-image: url('images/theme/fancybox_loading@2x.gif');background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('images/theme/fancybox_sprite@2x.png');background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}
#fancybox-loading div {background-image: url('images/theme/fancybox_loading@2x.gif');background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}
}

@media only screen and ( max-width:1200px )
{
#header_container #header,#header_container #logo_container,.orta_container,#alt_banner{ width:980px;}
}
@media only screen and ( max-width:1024px )
{
html { min-width:100%;}
body {min-width:100%;}
}
@media only screen and ( max-width: 768px )
{
#page_container, #main_container,#header_container,#header_container #header,#header_container #logo_container#banner_container, .banner,.slider_container,.orta_container,.orta_bolum,.tablo_container,.tablo_baslik,.tablo_icerik,.orta_container_full,.orta_container_sol,.orta_container_sag,.form_container,#alt_banner_turkuaz{ width:100%; clear:both; float:none; display:block;}
#header_container #logo_container{ display:none;}	
#header_container #header_menu #logo{ display:inline-block;}
#header_container #header_ust{ height:auto;}
#header_container #header_menu{ height:60px; background:#e6e6e6}
#header_container #logo{ display:block; padding:5px; position:absolute; top:5px; left:20px; z-index:10000;}
#header_container #logo img{ height:40px;}
#banner_container .bg{ margin-top:60px; height:200px;}
#banner_container .bg_icerik,#banner_container .bg_icerik2,#banner_container .bg_hakkimizda,#banner_container .bg_belgeler,#banner_container .bg_personel,#banner_container .bg_hizmetler,#banner_container .bg_hizmetlerdetay,#banner_container .bg_referanslar,#banner_container .bg_mevzuat,#banner_container .bg_mevzuatdetay,#banner_container .bg_galeri,#banner_container .bg_insankaynaklari,#banner_container .bg_iletisim{ background-size:auto 100%;}
.tp-bannertimer{ display:none;}

.orta_container{ position:relative; padding:20px; width:auto; clear:both; display:block;}
.tablo_container{ width:auto;}
.tablo_baslik{ position:relative; float:none; width:auto; font-size:40px; line-height:125%; padding-bottom:30px; overflow:hidden; white-space:nowrap;}
.tablo_baslik .text_1{ top:15px; font-size:18px;}
.tablo_baslik .text_2{ top:35px; font-size:30px;}
.tablo_icerik{ margin:-20px 0; padding:0;}
.tablo_icerik_2{ margin:-20px 0; padding:0; width:auto; text-align:left;}
.orta_container_full{ position: relative; float:none; width:auto; margin:none;}
.orta_container_sol{ padding-right:0px; margin:0px 20px; padding:20px 0; width:auto;}
.orta_container_sag{ padding-left:0px; margin:20px; width:auto;}
.bolum_1 .orta_bolum_resim{ position:relative; display:block; margin-right:-40px; margin-bottom:-40px; right:none; height:auto; overflow:hidden;}

#nav { clear:both; float:none; display:block; left:0; height:auto;font-family: 'Roboto Condensed', sans-serif; font-weight:400; font-style:normal;font-size:24px; color:#fff;}
#nav #mobil_menu{ display:block; height:60px;}
#nav #mobil_menu a{ position:absolute;background:url(images/theme/mobile_menu.png) no-repeat; width:32px; height:32px; display:block; right:15px; top:14px;}
#nav ul { clear:both; float:none; height:auto;display:none; padding:0px; background:#0153a4;}
#nav li { clear:both; float:none;line-height:40px;height:auto; padding:0px; text-align:left;}	
#nav span {clear:both; float:none; display:block; padding:0 15px 0 15px; line-height:40px; height:auto; background:#0153a4; border-bottom:1px #005db9 solid; width:auto;}
#nav li a {display:block; line-height:40px; height:40px; margin:0; padding:0px 0 0 0px; color:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.35s ease;}
#nav li ul,#nav li:last-child ul { position:relative; top:auto; left:auto; width:auto; margin:0 -15px;}
#nav li li{ width:auto; }
#nav li span a img{ margin-top:10px;}

.belgeler_container,.mevzuat_container{float:none; width:auto;  margin:10px;}
.personel_container{ margin:20px; width:calc(33.333333% - 40px);}
.hizmet_container{ clear:both;  width:calc(100% - 40px);}

#anasayfa_galeri{ width:100%; overflow:hidden; white-space:normal;}
#anasayfa_galeri .foto{width:33.333333%;}

#sayfa_galeri_container { display: inline-block; position:relative; margin:20px 0;width:100%;}
#sayfa_galeri{	list-style:none; float:left; width:auto; margin:-20px; padding:0px;}
#sayfa_galeri .foto{  width:calc(33.33333% - 40px); margin:20px;}
#sayfa_galeri .foto img{ width:100%;}

.iletisim,.form_container{ position:relative; display:inline-block; margin:30px 0; float:none; width:100%;}
.form_container .form_baslik{ width:130px;}
.form_container .form_nesne{ width: calc(100% - 130px);}
.form_container label{ display:inline-block;}

#altbanner_container{margin:20px 0px 0px;}
#alt_banner{  clear:both; width:calc(100% - 40px);}
#alt_banner .bolum_1{width:auto; padding:40px 20px 20px; }
#alt_banner_turkuaz{ padding:0px; width:auto;}
#alt_banner .bolum,#alt_banner .bolum1,#alt_banner .bolum2{ width:50%; margin-bottom:20px; float:left;}
}
@media only screen and ( max-width: 500px )
{
.belgeler_container .belge,.mevzuat_container .mevzuat{background:#f0f0f0 url(images/theme/belge_ico.png) 15px 20px no-repeat; background-size:24px; padding: 20px 20px 20px 50px;}
.belgeler_container .belge:hover,.mevzuat_container .mevzuat:hover{background:#e6e6e6 url(images/theme/belge_ico.png) 15px 20px no-repeat;}
.ekip_container{ position:relative; float:none; width:auto; margin:10px; padding:0 0 0px 0;}
.personel_container{ margin:10px; width:calc(50% - 20px);}
.hizmet_container .hizmet_resim{ float:left; width:120px; height:120px; margin-right:20px}
.hizmet_container .hizmet_resim img{ width:100%;}
#anasayfa_galeri .foto{width:50%;}
#sayfa_galeri{	list-style:none; float:left; width:auto; margin:-10px; padding:0px;}
#sayfa_galeri .foto{ margin:10px; width:calc(50% - 20px);}
#alt_banner .bolum,#alt_banner .bolum1,#alt_banner .bolum2{ width:100%; margin-bottom:20px; clear:both;}
}
@media only screen and ( max-width: 360px )
{

}