@charset "utf-8";
/* CSS Document */
body{ margin:0}
img{ border:0}
#temizle {clear:both}

section {
max-height: 88px;
overflow: hidden;
width: 100%;
color: #FFFFFF;
-webkit-transition: max-height 1s ease;
-moz-transition: max-height 1s ease;
-o-transition: max-height 1s ease;
transition: max-height 1s ease;
font:12px Tahoma;
}

section:hover {max-height: 200px;}

.borderGri{ border:1px solid #dedede}
.iletisimGonder{ text-align:center; width:200px; background-color:#87b940; color:#fff; padding-bottom:2px; font-size:20px; font-family: 'robotolight'; margin-top:15px ; border:1px solid #87b940 }
.iletisimGonder:hover{ color:#293e0c}
.iletisimForm{   padding:7px; width:100%; border: 1px solid #dddddd; background-color:#FFF; color:#767676; font-size:16px; font-family: 'gotham_narrowlight'; }
.yukseklik37{ height:23px}
.yukseklik65{height:65px}
.altAlta{ display:block}
.genislik100{ width:100%;  }
.genislik49{ width:49%;  }
.genislik48{ width:48%; }
.genislik2{ width:2%; height:24px}
.genislik4{ width:4%; height:24px}
.sol10{ padding-left:10px; }
.sol40{ padding-left:40px; }
.sag40{ padding-right:40px;}
.sag11{ padding-right:11px;}
.sagM15{ margin-right:15px;}
.sag15{ padding-right:15px;}
.sag18{ padding-right:18px;}
.referansCerceve{ border:#CCC 1px solid}
.kroki{ width:531px; margin-right:10px }
.iletisimGorsel{ }
.haritaGenislik{ width:100%; height:311px; }
.facebook{ background-image:url(../images/facebook.png); width:16px; height:16px}
.facebook:hover{ background-image:url(../images/facebook2.png)}
.twitter{ background-image:url(../images/twitter.png); width:16px; height:16px}
.twitter:hover{ background-image:url(../images/twitter2.png)}
.instagram{ background-image:url(../images/instragram.png); width:16px; height:16px}
.instagram:hover{ background-image:url(../images/instragram2.png)}
.linkedin{ background-image:url(../images/linkedin.png); width:16px; height:16px}
.linkedin:hover{ background-image:url(../images/linkedin2.png)}

.siteHarita{ height:30px; background-color:#e0efc7; border-bottom:2px solid #FFF; padding-left:10px; padding-top:4px}
.siteHaritaAlt{ padding-left:30px; background-color:#edf6de; border-bottom:2px solid #FFF; padding-bottom:10px; padding-top:10px;  }
.divleft{ float:left}
.divRight{ float: right}
.Content{ width:100%}
.Content99{ width:97%}
.banner{ background-color:#ecede7; height:19px; width:100%;}
.banner2{ background-image:url(../images/bannerZmn.gif); height:79px;  }
.ortala{ margin-left:auto; margin-right:auto; width:420px}
.beyaz{ background-color:#FFF}
.filtre{ background-color:#f0f0f0; margin-top:15px; margin-bottom:15px;}
.filtreCerceve{   }
.filtreCerceve2{   border-top: #cce4ab 1px solid }
.altUst15{ padding-top:15px; padding-bottom:15px}
.ust5{ margin-top:10px;}
.ust10{ margin-top:10px;}
.ust20{ padding-top:20px;}
.ust25{ padding-top:25px;}
.ust30{ padding-top:30px;}
.ust15{ margin-top:15px; }
.ust50{ margin-top:50px; }
.ustFooter{ margin-top:70px; }
.ustFooter2{ margin-top:13px; }

.top5{ margin-top:5px;}
.top13{ padding-top:13px;}
.top17{ padding-top:17px;}
.top33{ margin-top:33px}
.top23{ margin-top:23px}
.top24{ margin-top:24px}
.top32{ margin-top:32px}
.alt10{margin-bottom:10px}
.alt23{margin-bottom:13px}
.sag9{ margin-right:9px}
.altB23{ padding-bottom:14px;}

.projeControls { width:100%;  top:0px;  z-index:6; margin-top:147px;  position:fixed; }
.golgeUp{ width:100%; height:231px; top:0px; z-index:5; margin-top:116px; position:fixed; background-image:url(../images/golgeUp.png)}
.projeBorder{border:2px solid #FFF; }
.vitrinImg{ width:382px; height:218px}




.kutucuk{ width:25%; margin-bottom:4px;  }
.kutucuk2{ width:25%; margin-bottom:4px}
.genislik99{ width:99%;     }


.ImgProje{
	width: 100%;
	height:auto;
}
.ImgProjeMini{
	width: 80px;
	height:auto;
}
.jumpMenuDV{ border:1px #dddddd solid; background-image:url(../images/jumpMenuZmn.png); width:220px; height:38px;}
.anasayfaGovdeOrta{ max-width:1070px; min-width:300px; margin-left:auto; margin-right:auto}
.anasayfaGovdeKapsar{ width:100%;  }
.anasayfaGovdeKapsar2{ width:100%; max-width:1160px; min-width:600px; margin-left:auto; margin-right:auto  }
.butonGovde{ width:420px; height:22px; background-color:#9F0;  margin-left: auto; margin-right: auto; }
.enAltta{ bottom:0px; margin-top:20px; margin-bottom:20px;  }
.golge{ background-image:url(../images/golge.png); width:100%; height:15px}

#photos{
    height:590px;
    width:98%;
    padding:10px 0;
    overflow:auto;
 }
#photos div {
    width:4246px;
    padding:0 10px;
 }
img.photo{
    
    float:left;
    display:inline;
    margin-right:10px;
 }
 .yanyana{ display:inline}
 .yukseklik15{ height:15px; }
 .yukseklik25{ height:25px; }
.projeCerceve{ border-top:1px solid #CCC; border-bottom:1px solid #CCC; margin-top:15px; margin-bottom:15px; padding-bottom:10px; padding-top:10px;  height:70px }

.select {
  position: relative;
  width: 300px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border: none;
  background-image: url(../images/jumpMenuZmn.png);
  border: #dddddd solid 1px;
}
.select:focus {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  background: #f3f3f3;
}
.select:after {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 1em;
  bottom: 40%;
  display: block;
  width: .75em;
  height: .75em;
  border: 2px solid darkslategray;
  border-top: none;
  border-right: none;
  content: '';
 
}
.select:focus, .select:hover:after {
  border: 4px solid tomato;
  border-top: none;
  border-right: none;
  -webkit-transition: border, 100ms;
  transition: border, 100ms;
}
.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-transition: border, 100ms;
  transition: border, 100ms;
  font-size: 1em;
  font-family: 'Open Sans', helvetica, sans-serif;
  line-height: 1.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: .5em 1em;
  border: none;
  background: #e2e2e2;
  background: transparent;
  z-index: 1;
  position: relative;
  display: block;
  width: 100%;
  outline: none;
  border: none;
  font-size: 100%;
}
.select select:focus {
  border-left: 0.5em solid tomato;
}
.select select:focus {
  color: darkslategray;
}
.select select:focus {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  background: #f3f3f3;
}
.select select:focus {
  background: url('../images/bg-stripes.png');
}
.select select:focus + .select:after {
  border: 4px solid tomato;
  border-top: none;
  border-right: none;
  -webkit-transition: border, 100ms;
  transition: border, 100ms;
}

/***********************************************************************************************************************
DOCUMENT: style/format.css
DEVELOPED BY: Ryan Stemkoski
COMPANY: Zipline Interactive
EMAIL: ryan@gozipline.com
PHONE: 509-321-2849
DATE: 2/26/2009
DESCRIPTION: This document contains the structural formatting files for the accordion style menu.
************************************************************************************************************************/


.menulerMobileToplam{ max-width: 1200px; min-width:300px;}

#wrapper {
	width:100%;
	}
#wrapper2 {
	width:100%;
	}
#wrapperKapsar {
	width:100%;
	} 
#wrapperUstMenu {
	width: 100%;
	}
.accordionButton {	
	background-image:url(../img/plus.gif); background-position:top right; background-repeat:no-repeat;
	width:100%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	height:70px;
	}
.accordionButtonUstMenu {	
		cursor: pointer;
	}
.accordionButtonBos {	
	
	background-color:#137e48;
	border-bottom:#cecfd0 2px solid;
	width:100%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	padding:15px;
	}
.accordionButtonBos:hover {	
	background-color:#73a330;
	}
.accordionButton2 {	
	width:100%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	height:70px;
	}	
.accordionButtonKapsar {	
	background-image:url(../img/plusKurumsal.gif); background-position:top right; background-repeat:no-repeat;
	width:100%;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
	height:95px;
	padding-top: 5px;
	}
.accordionContent {	
	width:100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #2d2422;
	}
.accordionContentUstMenu {	
	width:100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #FFF;
	}
.accordionContent2 {	
	width:100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #c4c3c3;
	}	
.accordionContentKapsar {	
	width:100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	
	}
.menuler{
	width:100%;
	
}
.menulerDuzyazi{
	line-height:60px; font-family:arial; font-size:25px; color:#FFF; padding-left:25px;  }
}
.menulerDuzyaziByzLink{
	line-height:60px; font-family:arial; font-size:25px; color:#cecece; text-decoration:none;
}
.menulerDuzyaziByzLink:hover{
	color: #FFF;
}
.menulerLink{
	color:#FFF; line-height:60px; font-family:arial; font-size:25px; padding-left:25px;  text-decoration:none;
}

.menulerLink2{
	line-height:60px; color:#58585a; font-family:arial; font-size:25px; padding-left:25px; text-decoration:none;
}
.menulerLink:hover2{
	color: #000;
}
.menulerLink3{
	line-height:60px; color:#58585a; font-family:arial; font-size:25px; padding-left:50px;  text-decoration:none;
}
.menulerLink:hover3{
	color: #000;
}

.bos{
	height:25px;
}
.bannerMobile{  height:100px; border-bottom:1px solid #cce4ab   }
.logoMobile{  margin-top:26px; }
.menuMobile{  margin-top:28px;}
.bannerMenuContent{ border-bottom:#838282 1px solid; height:67px; padding-left:25px; padding-top:20px}
.menuGosterGizle{ }
.menuMobileGosterGizle{ display:none; }
.vitrindekilerMobile{ display:none}
.vitrindekiler{ display:inline}


/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/


.sagsol40{margin-left:40px; margin-right:40px}
.sagsol40Mobile{}
.projeKutuKapsar{width:25%; margin-bottom:-20px}
.ekipKutuKapsar{width:33.3333%; margin-bottom:-20px }
.projeAramaKapsar{ float:right }
.projeBaslikKapsar{ float:left}
.footerKapsar{}
.projeMiniGorsel{ width:7,px; height:43px; }
.projeBuyukGorsel{}


.altKutuKapsar{width:382px; height:218px; }


.pikachoose{ width:100%; height:auto}
/* This is the ul you have all your images in */
.pikachoose ul{overflow:hidden;}
.pikachoose ul li{float: left; position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{max-width:1070px; min-width:300px; height:auto;display:block;position:relative; margin-bottom:28px}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:0px;left:0px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;}
.pika_subdiv img, .pika_subdiv a img{border:none;}


.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}



.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:48%;left:5px;height:456px;width:200px;background:url('../img/back.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:48%;right:5px;height:456px;width:200px;background:url('../img/forward.png') top right no-repeat;}

.fotoBborder{ border-bottom:1px solid #cccccc}
.projeImg{ width:100%; height:auto}
.projeImgMini{ width:76px; height:48px}

.search{ width:160px; height:26px; background-color:#FFF; border:#cccccc 1px solid; margin-left:15px }
.searchForm{ width:105px; height:24px; background-color:#fff; border: 1px solid #FFF; padding-left:4px; padding-top:1px}
.searchForm. active{ border:1px solid #F00}
.searchButton{ background-color:#fff; border:#fff 1px solid;   color:#116735; margin-top:3px; text-align:center}
.searchButton:hover{ color:#137e48}
.cizgi{ background-image:url(../img/cizgi.gif); height:1px; margin-bottom:10px; margin-top:10px; width:100%; }

.nav {
	position: -webkit-sticky; background-color:#FFF
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  border-top: 0;
}

.sayfaBasliklari{ margin-bottom:3px; margin-top:15px}

.anasayfaBannerUstBosluk{}
.ekibimizMenuBosluk{margin-bottom:2px}
.projeBaslikGizle{ display:none}
.iletisimFormuKapsar{ width:100%; height:300px}
.footerYukseklik{ width:600px; height:27px}
.vitrinKapsar{ width:100%; height:226px}
.vitrinKonum{bottom:0px; position:fixed; z-index:100; width:100%; padding-top:8px; padding-bottom:0px}
.ekipSolMenu{width:18%;  margin-right:2%}
.ekipGovde{width:80%}

.AktifMenu {
  background: #f3f3f3;
  background-image:url(../img/plusSOver.png); background-position:left top; background-repeat:no-repeat;
  padding: 10px 10px 10px 10px;
  color: #000;
  cursor: pointer;
  padding-left:35px
}
.anamenuGizle{ display:none}

@media only screen and (max-width: 1150px) { 
.kutucuk{ width:25%; margin-bottom:4px}
.projeKutuKapsar{width:33.333%; margin-bottom:30px}
.sagsol40{margin-left:15px; margin-right:15px}
.projeBuyukGorsel{margin-left:15px; margin-right:15px}
.ust5{ margin-left:10px; }
.ust25{ margin-left:10px; }
.ust30{ margin-left:10px; }
.filtreCerceve{margin-top:0px; margin-bottom:15px; }
.filtreCerceve2{margin-top:0px; margin-bottom:15px; }
.anasayfaBannerUstBosluk{ padding-top:100px}
.kroki{ width:99%; margin-right:1% }
.iletisimGorsel{ width:99%; margin-right:1% }

.menuGosterGizle{ display:none}
.menuMobileGosterGizle{ display: inline; }
.projeBaslikGizle{ display: inline;  height:60px; }
.ekipKutuKapsar{width:33,333%; margin-bottom:30px }
.ekipSolMenu{width:0;  margin-right:0}
.ekipGovde{width:100%}
}

@media only screen and (max-width: 950px) { 
.kutucuk{ width:50%; margin-bottom:4px}
.kutucuk2{ width:50%; margin-bottom:4px}
.projeKutuKapsar{width:50%; }
.ekipKutuKapsar{width:50%; margin-bottom:15px }
.ekibimizMenuBosluk{margin-bottom:15px}
.sagsol40Mobile{padding-left:20px; padding-right:20px}

}

@media only screen and (max-width: 800px) { 
.kutucuk{ width:100%; margin-bottom:4px}
.kutucuk2{ width:100%; margin-bottom:4px}
.projeKutuKapsar{width:100%; }
.projeAramaKapsar{ float:none; margin-left:10px}
.projeBaslikKapsar{ float:none}
.ust5{ margin-left:10px; padding-top:15px;}
.ust25{ margin-left:10px; padding-top:15px;}
.haritaGenislik{ width:60%; height:311px; }
.iletisimForm{  width:95%; }
.footerYukseklik{  height:110px}
.altKutuKapsar{width:200px; height:115px; }
.vitrinImg{ width:200px; height:115px}
.vitrinKapsar{ width:100%; height:123px}
}