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


@import url(nerveSlider.css);
/*reset*/
html,body,div{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/*saya kenarlıklarını alıyor....*/

/*HomeBanner Start
===================*/
/*.top{height:560px;}*/
#mainBanner{width:100%;background:#FDFDFD;overflow:hidden;/*max-height:560px;*/}
.itemContent{max-width:100% !important;max-height:400px !important;border-bottom:0px solid #000;} /*slider altındaki çizgi*/
.banner h5{color:#d4d4d4;font-size:70px;font-family:'gotham_mediumregular';}
.banner h6{color:#d4d4d4;font-size:30px;font-family:'gotham_bookregular';margin-bottom:15px;}
.banner span{color:#d4d4d4;font-size:14px;font-family:arial;margin-bottom:20px;float:right;width:100%;display:none}
.bannerTextBox {text-align: right;position:absolute;bottom:10%;right:10%;}
.bannerTextBox .viewProject {width:147px;height:38px;background:#d4d4d4;display:block;color:#2d2d2d;font-size:14px;color:#2d2d2d;font-family:'gotham_mediumregular';line-height:38px;text-indent:21px;text-align:left;float:right;transition: .3s}
.bannerTextBox .viewProject:hover{background:#2d2d2d;color:#d4d4d4;}
.bannerTextBox .viewProject:hover .plusBox {background:url(../images/plushover.png) no-repeat center #d4d4d4;}
.bannerTextBox .viewProject .plusBox{width:42px;height:38px;background:url(../images/plus.png) no-repeat center #2d2d2d;display:block;float:left;transition: .3s}
/*.banner{float:left;width:100%;height:100%;float:left;position:relative;}*/
.banner img{position:relative;z-index:9990;}
a.nextPrevArrows{display:block;background:url(../images/bannerArrows.png) no-repeat 0 0;width:41px;height:41px;position:absolute;z-index:99999;top:50%;text-indent:-9999px;outline:none;}
#mainBanner #foo2_prev{left:0;background-position:left top;}
#mainBanner #foo2_prev:hover{left:0;background-position:left bottom;}
#mainBanner #foo2_next{right:0;background-position:right top;}
#mainBanner #foo2_next:hover{background-position:right bottom;}
/*HomeBanner End
===================*/



/* #Media Queries Start
================================================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 980px) {
		
		/*#workCarouselContent {padding-top:0 !important}*/
		
		.newsCaouselOuter .caroufredsel_wrapper{width:979px !important;margin:0 auto !important;height:600px !important;overflow:hidden;}
		.mobile .workNav{display:none;}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 767px) and (max-width: 979px) {
	
	.goBack {height:24px;line-height:24px;right:0;bottom:-63px;}
	.contact .contactPart{width:44% !important;margin:0 !important;height:330px !important;padding-left:40px;}
	
	
		/*work ipad dik*/
		.works .caroufredsel_wrapper {height: 482px !important;margin: 0 auto 30px !important;width: 680px !important;}
		.workItemNew img {position:absolute;top:0;left:0;}
		.allWorksItem .desature{display:none !important;}
		.allWorksItem .color{display:block !important;}
		.allWorksItem:hover{border-color:#fff !important;background:#fff;}
		.allWorksItem:hover span.projectName {color: #2D2D2D !important;}
		.allWorksItem:hover span.projectWork {color: #888888 !important;}
		.workItemNew {display:block;width:215px !important;height:435px !important;float:left;position:relative;border:4px solid #fff;margin-right:5px;}
		.talentsOuter .talentItem{margin-bottom:100px !important;height:265px !important;}
		a.workItemNew:hover .color{display:block;z-index:9999;transition: .3s}
		a.workItemNew:hover .desature{z-index:1;transition: .3s}
		a.workItemNew .color{display:block;z-index:1;transition: .3s}
		.mobile a.workItemNew .desature{z-index:9999;transition: .3s;display:none;}
		span.workInfo{position:absolute;bottom:0;width:100%;height:60px;display:block;z-index:9999;padding-top:20px;}
		span.workInfo span {display:block;text-align:center;}
		span.workInfo .workHeadline{font-family:'gotham_boldregular';color:#2D2D2D;font-size:17px;margin-bottom:10px;margin-top:10px;}
		span.workInfo .workSub{font-family:'gotham_bookregular';color:#2D2D2D;font-size:12px;display:none;}
		/*work ipad dik*/
	
	
	
		.ns_prevButton,.ns_nextButton,.ns_dots{display:none !important}
	
	
		.inner{width:100% !important;margin:0 auto !important;margin:0 25px}
		.odullerPage .awards{padding-bottom:80px !important}
		.awards .inner,.about .inner,.contact .inner,.news .inner,.clients .inner{width:97% !important;}
		#clientsCarousel{width:607px !important;}
		
		.mobile .workNav{display:none !important;}
		.banner h5{font-size:45px;}
		.talentsOuter{width:482px;margin:0 auto;height:860px !important; }
		.clients .caroufredsel_wrapper {width:100% !important;height:183px !important}
		#menuIphone {display:none;}
		#mainMenu {display:block !important}
		.awards .tabNav {margin-bottom:20px;}
		.tabbed-content {width:100%;margin:0 auto;}
		.awardItem {width:100% !important;float:left;height:auto;padding:10px 0;border-bottom:1px solid #a4a4a4;}
		.awardItem div {float:left;}
		.awards .tabNav{width:100% !important}
		#clientsCarouselOuter{width:100% !important}
		.news .caroufredsel_wrapper{width:521px !important;margin:0 auto !important;height:650px !important;overflow:hidden;}
		.news .newsItem{width:246px !important;float:left;height:100% !important;padding-right:31px;}
		.news .newsItem span.newsImage{margin-bottom:10px;}
		
		.news .newsItem span.newsContent {display: block;margin: 0 auto;text-align: center;width: 200px;float:none;}
		/*.top .caroufredsel_wrapper,.top {height:390px !important;}*/
		/*.banner {background-size:768px auto !important;}*/
		/*#mainBanner{height:439px !important}*/
		.about .aboutContent,.contactInner{margin:0 auto;}
		.whatWeDoContent{height:800px;}
		.tabNav .caroufredsel_wrapper {height: 285px !important;margin: 0 auto !important;width: 547px !important;}
		.tabNav .nextPrevArrows{display:block;}
		.projectContent {padding:150px 0 86px 0}
		#detailSlide {height: 100% !important;width: 100% !important;}
		.projectDetail{background:#000;height:310px;z-index:9990;background-size:100% auto;}
		.detailSlideOuter{width:620px;height:355px;margin:25px auto 40px;background:url(../images/detailSlideOutBg.png) no-repeat 0 0 #000;padding:25px 27px;background-size:510px auto;}
		.detailSlideOuter .caroufredsel_wrapper{width:510px !important;height:292px !important;}
		.mobile .workItemNew:hover .workInfo{background:#fff;}
		.mobile .workItemNew:hover{border-color:#fff !important}
		#detailBannerPagination{width:262px;height:4px;margin:0 auto;}
		#detailBannerPagination a{display:block;width:83px;height:4px;background:#a1a1a1;float:left;text-indent:-9999px;margin-right:4px;transition: .3s;outline:none;}
		#detailBannerPagination a:hover,#detailBannerPagination a.selected{background:#e70f22;}
		#detailPage .contentPart .inner {}
		#detailPage .contentPart .detailLeftContent{width:100%;margin-bottom:30px;}
		.detailInfo {width:678px !important;margin:0 auto;border-bottom:1px solid #D6D6D6;padding-bottom: 55px;overflow:hidden;}
		#detailPage .contentPart .detailRightContent {width:210px;}
		
		.allWorksContent {width:693px;}
		
		span.workInfo{display:block !important;}
		
		
		
		.footRigtLogo {float: right;padding-top: 13px;padding-right:16px;}
		
		
		a#foo3_prev{left:5px;background-position:left top;}
		a#foo3_prev:hover{background-position:left bottom;}
		a#foo3_next{right:5px;background-position:right top;}
		a#foo3_next:hover{background-position:right bottom;}
		

		a#foo5_prev{left:5px;background-position:left top;}
		a#foo5_prev:hover{background-position:left bottom;}
		a#foo5_next{right:5px;background-position:right top;}
		a#foo5_next:hover{background-position:right bottom;}
		
		a#foo6_prev{left:5px;background-position:left top;}
		a#foo6_prev:hover{background-position:left bottom;}
		a#foo6_next{right:5px;background-position:right top;}
		a#foo6_next:hover{background-position:right bottom;}
		
		a#foo7_prev{left:5px;background-position:left top;}
		a#foo7_prev:hover{background-position:left bottom;}
		a#foo7_next{right:5px;background-position:right top;}
		a#foo7_next:hover{background-position:right bottom;}
		
		a#foo9_prev{left:5px;background-position:left top;}
		a#foo9_prev:hover{background-position:left bottom;}
		a#foo9_next{right:5px;background-position:right top;}
		a#foo9_next:hover{background-position:right bottom;}
		
		/*T�m markalar sayfas�*/
		.allBrands{padding:50px 0 95px}
		.allBrands h1 {margin-bottom: 35px;}
		.allBrands .nextPrevArrows{display:none !important;}
		.allBrands .clientsItem{border:1px solid #CFCFCF;display:block;float:left;width:146px;height:87px;margin:7px;}

		#clientsInnerPage {margin: 0 auto;overflow: hidden;width: 648px;padding-bottom:20px;}
		/*T�m markalar sayfas�*/
		
	}
	
	
	
	@media only screen and (min-width: 1024px) {
		.mobile .works .caroufredsel_wrapper {height: 482px !important;margin: 0 auto 30px !important;width: 907px !important;}
		.workItemNew {display:block;width:215px !important;height:435px !important;float:left;position:relative;border:4px solid #FDFDFD;}
		.workItemNew:hover {border:4px solid #E70F22;}
		
		.workItemNew:hover .workInfo{display:block;width:100%;height:60px;background:#E70F22;position:absolute;bottom:0;padding-top:20px;}
		.mobile .workItemNew:hover .workInfo{display:block;width:100%;height:60px;background:#fdfdfd;position:absolute;bottom:0;padding-top:20px;}
		.workItemNew:hover .workInfo .workHeadline{color:#fff;}
		.workItemNew img {position:absolute;top:0;left:0;}
		.mobile. workItemNew:hover{border-color:#FDFDFD;}
		.mobile .workItemNew {border:4px solid #FDFDFD !important;margin-right:5px;}
		.mobile span.workInfo{display:block !important;}
		.mobile .workItemNew .desature{display:none !important}
		a.workItemNew:hover .color{display:block;z-index:9999;transition: .3s}
		a.workItemNew:hover .desature{z-index:1;transition: .3s}
		a.workItemNew .color{display:block;z-index:1;transition: .3s}
		a.workItemNew .desature{z-index:9999;transition: .3s}
		span.workInfo{position:absolute;bottom:0;width:100%;height:60px;display:block;z-index:9999;padding-top:20px;}
		span.workInfo span {display:block;text-align:center;}
		span.workInfo .workHeadline{font-family:'gotham_boldregular';color:#2D2D2D;font-size:17px;margin-bottom:10px;margin-top:10px;}
		.mobile .workItemNew:hover .workInfo .workHeadline {color:#2D2D2D;}
		span.workInfo .workSub{font-family:'gotham_bookregular';color:#2D2D2D;font-size:12px;display:none;}
		
		
	}
	
	
	

	/* All Mobile Sizes (devices and browser) t�m sizelar�n yar�s� verilicek	*/
	@media only screen and (max-width: 767px) {
		/*GENEL Styles*/
		
		
		
		
		.allWorksItem .desature{display:none !important;}
		.allWorksItem .color{display:block !important;}
		.detailInfo,.tabbed-content,.aboutContent,.contactInner{width:285px}
		.works ,.clients,.awards,.news,.about{padding:32px 0 43px !important}
		
		.odullerPage .awards{padding-bottom:40px !important}
		/*.ns_nerveSlider .ns_slideContainer img{width:115% !important;height:115% !important;}*/
		.ns_prevButton,.ns_nextButton,.ns_dots{display:none !important}
		#mainMenu {display:none !important}
		.contentPart p {font-size:12px;line-height:17px !important;}
		.contentPart h1 {font-size:25px !important;}
		.lightGray h1, .darktGray h1 {margin-bottom:17px !important;}
		.lightGray h5,.dark h5{font-size:16px !important;margin-bottom:13px !important;}
		/*.clients,.works,.awards,.news,.about{padding:45px 0 43px 0 !important;}*/
		.itemContent{max-width:100% !important;max-height:200px !important}
		.euroMsg{width:50px !important;}
		.catfootLogo{width:33px !important;}
		.brandMail{width:45px !important;}
		.relatedFoot{width:110px !important;}
		.footRigtLogo{padding-top:9px;padding-right:16px;}
		.footLeftLogo{margin-right:10px !important;}
		#footer{height:50px;}
		/*#header,.topMenuOuter,#headerPlace {height:60px;}*/
		#menuIphone{display:block !important;}
		#logo {width:115px !important;height:30px !important}
		#logo a {background-size:115px 30px !important;width:100% !important;height:100% !important;margin:10px 0 0 15px !important;}
		
		/*banner*/
		/*.top{height:390px;}*/
		/*.banner{max-width:320px !important;height:390px !important;float:left;z-index:7777;width:100%;background-size:115% auto !important;}*/
		/*.bannerTextBox{position:absolute;z-index:9999;bottom:22px;}*/
		/*.bannerTextBox{width:200px;height:125px;float:none;margin:0;right:25px;bottom:25px;position:absolute;}*/
		/*#itemContent {height: 390px !important;margin: 0 auto !important;max-width: 320px !important;width: 100% !important;overflow:hidden;}*/
		/*.top .caroufredsel_wrapper {height: 390px !important;margin: 0 auto !important;max-width: 320px !important;width: 100% !important;}*/
		.bannerTextBox .viewProject {width:73px;height:19px;background:#d4d4d4;font-size:8px;color:#2d2d2d;font-family:'gotham_mediumregular';line-height:19px;text-indent:8px;text-align:left;float:right;}
		.bannerTextBox {width:250px !important}
		.bannerTextBox .viewProject:hover .plusBox {background:url(../images/plushover.png) no-repeat center #d4d4d4;background-size:11px 12px;}
		.bannerTextBox .viewProject .plusBox {background: url(../images/plus.png) no-repeat scroll center center #2D2D2D;display: block;float: left;height: 19px;width: 21px;background-size:11px 12px;}
		.banner h5{color:#d4d4d4;font-size:23px;font-family:'gotham_mediumregular';white-space:pre-line;}
		.banner h6{color:#d4d4d4;font-size:13px;font-family:'gotham_bookregular';margin-bottom:7px;}
		.banner span{color:#d4d4d4;font-size:10px;font-family:arial;margin-bottom:7px;float:right;width:100%;display:none;}
		/*#mainBanner{width:320px !important;height:390px !important}*/
		
		/*banner*/