/*
Theme Name: Mavigen Digital Agency
Version: 2.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen Digital Agency</a>
Author: Mavigen Digital Agency
Author URI: http://www.mavigen.com
*/

@import url(https://fonts.googleapis.com/css?family=Raleway:500,600,800,400&subset=latin-ext);

body { margin:0; position: relative; }

.clearfix { clear:both; }

a { text-decoration:none; }
a:hover { text-decoration:none; }
a:focus { outline: 0; }

ul{ list-style:none; padding:0; margin:0; }

	*{ outline:none !important; }
	#top{ top:0; position:absolute; }

header, section, footer, aside, nav, article, figure, audio, video, canvas, img { display: block; }

.container{ width: 1140px; margin: 0 auto; position: relative; z-index: 6; padding: 0 10px; }

/************* ÖZEL FONT *************/
body{ font-family: 'Raleway', sans-serif; }
.mavigen {float: right; margin-left: 20px;}

/************* TRANSITION *************/
.bTop, .bTop:after, .social li, .pAreas .workTab ul li:hover, .offices .officeBG li:hover, .member ul li{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .6s; -o-transition: all .6s; -ms-transition: all .6s; transition: all .6s; }

/************* FONT AWESOME *************/
.bTop, .navi, header .bRight .searchArea > div, .flexslider .bannerText .container > div:before, .subContent .sidebar .searchArea > div, .social li a{ -moz-osx-font-smoothing: grayscale; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); }
.bTop{position:fixed;right:10px;bottom:10px;z-index:10;background: #99694A;font-size: 12px;font-weight:700;color:#fff;padding: 10px 20px;border-radius:4px;display:none;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s;font-family: raleway;}
	.bTopD{ display:block; }
	header{ position:absolute; width: 100%; height: 190px; background: rgba(255,255,255, 1); top:0; background: url("../images/headBG.png") repeat-x; z-index: 5; }
     header .menuToggle, .collapsibleMenu, .nextPrevArea{ display: none; }



    header .menuToggle{ display: none; float: left; padding: 0 14px; height: 36px; line-height: 36px; background: rgba(54,72,92,1);font-size: 14px; cursor: pointer; margin: 18px 10px 18px 0; color: #fff;}
		header .menuToggle i{color: #fff;}
				    header .menuToggle:hover{ box-shadow: 0 5px 10px rgba(0,0,0,0.3) inset; line-height: 38px; }
 header .collapsibleMenu{ display: none; clear: both; }
		header .logo{ float: left; margin-top: 12px;}
		header .logo img{ display: none; }

		header .social{ float:right; margin:4px 0 0; }
		header .social li{ float:left; font-size:26px; margin:0 0 0 6px; }
		header .social li a{ color:#B0B0B0; }

		header .social li.facebook:hover a{ color:#37589A; }
		header .social li.twitter:hover a:hover{ color:#4DABF0; }
		header .social li.youtube:hover a:hover{ color:#E32B28; }
		header .social li.instagram:hover a:hover{ color:#2B669A; }

		header .social li.google:hover a:hover{ color:#E32B28; }
		header .social li.linkedin:hover a:hover{ color:#007AB7; }
		header .social li.pinterest:hover a:hover{ color:#CD1C21; }
		header .social li.vimeo:hover a:hover{ color:#00B7EC; }
		header .social li.behance:hover a:hover{ color:#009BFF; }
		header .social li.deviantart:hover a:hover{ color:#374B3C; }
		header .social li.rss:hover a:hover{ color:#E96E00; }

		header ul.language {position: absolute;right: 15px;top: 10px;}
			header .language li { border-right: 2px solid #3d3d3d; float: left; height: 24px; line-height: 20px; margin: 0 4px; padding: 0 8px 0 0; }
			header .language li:last-child { border-right:none; }
			header .language li a {color: #3d3d3d;font-size: 13px;padding: 0 3px;font-weight: 600;}
			header .language li.active a{ color:#ff7f00; }

	.fixedhead{ position: fixed; width: 100%; top: 0; z-index: 50; background: #fff; border-top: 0; height: 80px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
	.fixedhead .bigMenu {float: right;}
		.fixedhead .logo img {height: 40px; display: block;}
		.fixedhead .language {display: none;}
		.fixedhead .sf-menu {margin:12px 0 0;}
		.fixedhead .top{ display: none; }

		.scrolls{ margin:-75px; position:absolute; opacity:0; }

	figure { width: 100%; height: auto; overflow: hidden; position: relative; z-index: 4; }
		.flexslider .bannerText{ font-family:'Raleway', Arial, Helvetica, sans-serif; top: 364px; color: #fff; left: 0; position: absolute; text-align: center; width: 100%; z-index: 21; display: none;}
		.flexslider .bannerText p{display: inline-block;position: relative;font-size: 44px;color: #fff;height: 70px;line-height: 70px;margin: 0;padding: 0 10px;font-weight: 800;text-shadow: 3px 1px 6px rgba(0, 0, 0, 1); }
		.flexslider .textSabit { margin: 0; zoom: 1; width:1140px; position:absolute; left:50%; margin-left:-570px; height:500px; display: none;}

	.About { height: 464px; width: 100%; position: relative; background: url("../images/aboutBG.jpg") no-repeat; padding: 75px 0; background-size: cover;}
		.About h1 { font-size: 24px;padding: 0 0 15px;margin: 0 0 45px;position: relative;text-align: center;color: #fff;font-weight: 600; margin:0 0 60px;}
		.About h1:after{ content: ''; position: absolute; left: 50%; margin-left: -39px; bottom: 0; background: rgba(255,255,255,1); width: 78px; height: 1px; }

		.About .whoweare, .About .principle, .About .ourgoal { margin:0 0 30px; }
		.About .whoweare h2, .About .principle h2, .About .ourgoal h2 { font-size: 18px; text-align: left; color: #fff;font-weight: 600; }
		.About .whoweare p, .About .principle p, .About .ourgoal p { font-size: 16px; text-align: left; color: #fff; line-height: 26px; font-weight: 500; }

	.WhatWeDo { height: 752px; width: 100%; position: relative; background: url("../images/wwdBG.png") no-repeat; padding: 75px 0; background-size: cover;}
		.WhatWeDo h1 { font-size: 24px;padding: 0 0 15px;margin: 0 0 45px;position: relative;text-align: center;color: #fff;font-weight: 600; margin:0 0 60px;}
		.WhatWeDo h1:after{ content: ''; position: absolute; left: 50%; margin-left: -39px; bottom: 0; background: rgba(255,255,255,1); width: 78px; height: 1px; }

    .member { min-height: 456px; width: 100%; position: relative; background: url("../images/partnerBG.jpg") no-repeat fixed center center; padding: 75px 0; background-size: cover;}
        .member h1 { font-size: 24px;padding: 0 0 15px;margin: 0 0 45px;position: relative;text-align: center;color: #3d3d3d;font-weight: 600; margin:0 0 60px;}
        .member h1:after{ content: ''; position: absolute; left: 50%; margin-left: -39px; bottom: 0; background: rgba(54,72,92,1); width: 78px; height: 1px; }
	        .member ul li {/*float: left;*/display: inline-block;position: relative;margin: 25px 20px 25px 0px;width: 200px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);}
					.member ul li:hover {filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); }
	        .member ul li:last-child, .member ul li:nth-child(5) { /*margin: 25px 0 0 0; */}
	        .memberSlide { height: auto;overflow: hidden; text-align:center; }
	            .member .memSldes li img{width: 170px;height: 170px;border-radius: 100px;border: 2px solid #bbb;margin: 0 auto;padding: 10px;}
	            .member .memSldes li h2{color: #3d3d3d;font-size: 14px;width: 100%;margin: 20px 0 0 0;text-align: center;font-weight: 600;height: 20px;}
	            .member .memSldes li p{font-size: 14px;color: #3d3d3d;margin: 12px 0 0;text-align: center;}
	        .member .memSldes li .person {font-size: 13px;color: #3d3d3d;margin: 12px 0 0;text-align: center;}
	        	.member .memSldes li .person a{float: left;display: block;position: absolute;top:0;margin: 25px 35px 0px 0px;width: 200px; height: 264px; cursor: pointer;}
				#cihat, #bulent, #ramazan, #ozlem, #zeki, #mustafa, #acelya, #mehmet, #eren, #erkam {border: 2px solid #3d3d3d; height: 474px; margin: 0 auto;}
				#cihat img,  #bulent img, #ramazan img, #ozlem img, #zeki img, #mustafa img, #acelya img, #mehmet img, #eren img, #erkam img { display: block; float: left; width: 265px;}
				#cihat h6, #ramazan h6, #bulent h6, #ozlem h6, #zeki h6, #mustafa h6, #acelya h6, #mehmet h6, #eren h6, #erkam h6  { font-family: "Open Sans"; font-size: 15px; color: #fff; background: #3d3d3d; padding: 0 10px; margin:0 0 30px; line-height: 44px; height: 44px; letter-spacing: 3px; text-align: center; }
				#cihat .left, #ramazan .left,  #bulent .left, #ozlem .left, #zeki .left, #mustafa .left, #acelya .left, #mehmet .left, #eren .left, #erkam .left  {float: left; margin: 0 10%;}
				#cihat .right, #ramazan .right, #ozlem .right, #bulent right, #zeki .right, #mustafa .right, #acelya .right, #mehmet .right, #eren .right, #erkam .right  {float: left; }
				#cihat h5, #zeki h5, #ozlem h5, #ramazan h5, #mustafa h5, #bulent h5, #acelya h5, #mehmet h5, #eren h5, #erkam h5  {font-family: "Open Sans"; font-size:14px !important; font-weight:bold; color:#3d3d3d; margin: 0 0 5px; }
				#ozlem h5, #ramazan h5, #mehmet h5, #erkam h5, #bulent h5 {margin:0 !important;}
				#cihat p, #ramazan p, #ozlem p, #zeki p, #bulent p, #mustafa p, #acelya p, #mehmet p, #eren p, #erkam p  {font-family: "Open Sans"; font-size:13px !important; font-weight: 400; color:#3d3d3d; margin: 0 0 10px; }
				#ozlem p, #ramazan p, #mehmet p, #erkam p, #bulent p {margin:0 0 7px!important;}

.offices{min-height: 700px;width: 100%;position: relative;background: url("../images/officesBG.jpg") no-repeat;padding: 75px 0; background-size: cover;}
		.offices h1 { font-size: 24px;padding: 0 0 15px;margin: 0 0 45px;position: relative;text-align: center;color: #fff;font-weight: 600; margin:0 0 60px;}
		.offices h1:after{ content: ''; position: absolute; left: 50%; margin-left: -39px; bottom: 0; background: rgba(255,255,255,1); width: 78px; height: 1px; }
    .offices .officeBG {width: 1120px !important;position: relative;padding: 10px;}
    .offices .officeBG li{width: 256px !important;margin: 0 32px 20px 0;float: left;position: relative;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);}
		.offices .officeBG li:hover{filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); }
    .offices .officeBG li:last-child, .offices .officeBG li:nth-child(4) {margin:0;}

        .offices .officeBG li .imageArea{position: relative;height: auto;}
        .offices .officeBG li .imageArea img{width: 256px;height: auto;left:0;}
        .offices .officeBG li .imageArea h2{text-overflow:ellipsis;overflow: hidden;height: 40px;line-height: 40px;color: #3d3d3d;font-size: 15px;background: rgba(255,255,255,0.9);position: absolute;width: 100%;margin: 0;bottom: 0;text-align: center;}
        .offices .officeBG li .infoButtons{width: 100%;position: relative;height: 40px;}
			.offices .officeBG li .infoButtons a{display: block;width: 33.33333%;height: 40px;float: left;font-size: 12PX;text-align: center;color: #444;font-weight: 500;line-height: 40px;cursor: pointer;}
			.offices .officeBG li .infoButtons i{color: #444;font-size: 16PX;margin-right: 10px;}
			.offices .officeBG li .infoButtons .adress { background: #eee;}
			.offices .officeBG li .infoButtons .phone { background: #ddd; width: 33.34%;}
			.offices .officeBG li .infoButtons .map { background: #eee;}


	    #istanbuladres, #ankaraadres, #konyaadres, #samsunadres, #izmiradres, #adanaadres, #diyarbakiradres, #greeceadres { margin-left:15px; }
	    #istanbuladres > div, #ankaraadres > div, #izmiradres > div, #konyaadres > div, #samsunadres > div, #adanaadres > div, #diyarbakiradres > div, #greeceadres > div{ background:#fff; color:#7C7C7C; font-size:14px; z-index:4; text-align: center; }

	        #istanbuladres h6, #ankaraadres h6, #konyaadres h6, #samsunadres h6, #izmiradres h6, #adanaadres h6, #diyarbakiradres h6, #greeceadres h6{ font-size: 15px; color: #fff; background: #3d3d3d; padding: 0 10px; margin: 10px 0; line-height: 44px; height: 44px; letter-spacing: 3px; text-align: center; }
	        #istanbuladres > div, #ankaraadres > div, #konyaadres > div, #samsunadres > div, #izmiradres > div, #adanaadres > div, #diyarbakiradres > div, #greeceadres > div { padding:20px; letter-spacing:1px; }
	            #istanbuladres > div h3, #ankaraadres > div h3, #konyaadres > div h3, #samsunadres > div h3, #izmiradres > div h3, #adanaadres > div h3, #diyarbakiradres > div h3, #greeceadres > div h3{ font-size:13px; color:#000; margin:0; line-height:44px; height:44px; letter-spacing:3px; }

	            #istanbuladres > div .row, #ankaraadres > div .row, #konyaadres > div .row, #samsunadres > div .row, #izmiradres > div .row, #adanaadres > div .row, #diyarbakiradres > div .row, #greeceadres > div .row{ clear:both; margin:0 0 10px; }
	            #istanbuladres > div .row strong, #ankaraadres > div .row strong, #konyaadres > div .row strong, #samsunadres > div .row strong, #izmiradres > div .row strong, #adanaadres > div .row strong, #diyarbakiradres > div .row strong, #greeceadres > div .row strong{ color:#3d3d3d; }
	            #istanbuladres > div .row > div, #ankaraadres > div .row > div, #konyaadres > div .row > div, #samsunadres > div .row > div, #izmiradres > div .row > div, #adanaadres > div .row > div, #diyarbakiradres > div .row > div, #greeceadres > div .row > div{ width:344px; float:left; }
	            #istanbuladres > div .row > a, #ankaraadres > div .row > a, #konyaadres > div .row > a, #samsunadres > div .row > a, #izmiradres > div .row > a, #adanaadres > div .row > a, #diyarbakiradres > div .row > a, #greeceadres > div .row > a { color: #7C7C7C; }

		.pAreas { height: 556px; width: 100%; position: relative; background: url("../images/pareasBG.jpg") no-repeat fixed center center; padding: 75px 0; background-size: cover;}
		.pAreas h1 { font-size: 24px;padding: 0 0 15px;margin: 0 0 45px;position: relative;text-align: center;color: #3d3d3d;font-weight: 600; margin:0 0 60px;}
		.pAreas h1:after{ content: ''; position: absolute; left: 50%; margin-left: -39px; bottom: 0; background: rgba(54,72,92,1); width: 78px; height: 1px; }

		.pAreas p {font-size: 16px;text-align: left;color: #3d3d3d;line-height: 26px;font-weight: 500;}
		.pAreas .workTab {position:relative;width:100%;/*height: 250px;*/ margin: 40px 0 0 0; }
		.pAreas .workTab ul li {width:240px;float:left;height:200px;position:relative;cursor:pointer;display: block;padding: 0 5.2% 60px 0;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);}
		.pAreas .workTab ul li:hover { filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); }
		.pAreas .workTab ul li img {width: 240px;height: 200px;display: block;border-radius: 10px;}
		.pAreas .workTab li h2 {font-size: 16px;text-align: center;color: #3d3d3d;font-weight: 400;}
		.pAreas .workTab li.selected h2 { font-weight: bold; }
			.pAreas .workTab ul li:after{ content: ''; position: absolute; bottom: 0; height: 7px; background: url('../images/tabLiLine.png') no-repeat 0 -9px; width: 100%; }
			.pAreas .workTab ul li.selected:after{ background-position: 0 0; }

			.pAreas .workTab .tContent {overflow:hidden;width:100%;height: auto;margin: 20px 0 0;color:#3d3d3d;}
				.pAreas .workTab .tContent .content:first-child { display:block; }
				.pAreas .workTab .tContent .content { display:none; line-height:24px; }
					.pAreas .workTab .tButtons li.selected { filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); }
					.pAreas .workTab li:last-child {padding: 0 0 60px !important;}

	.contact { height: 570px; width: 100%; position: relative; background: url("../images/contactBG.jpg") no-repeat fixed center center; padding: 75px 0; background-size: cover;}
		.contact h1 { font-size: 24px;padding: 0 0 15px;margin: 0 0 45px;position: relative;text-align: center;color: #3d3d3d;font-weight: 600; margin:0 0 60px;}
		.contact h1:after{ content: ''; position: absolute; left: 50%; margin-left: -39px; bottom: 0; background: rgba(54,72,92,1); width: 78px; height: 1px; }
		.contact .cLogo { margin: 0 auto 40px; display: block; width: 224px;}
			.detail li {width: 350px;display: block;float:left;margin: 0px 45px 0 0;}
			.detail li:last-child { margin: 0 !important; }
			.detail li h2 {font-size: 18px;padding: 0 0 0 66px;position: relative;text-align: left;color: #393939;margin: 0;font-weight: 500;}
			.detail .adress h2:before{background: url("../images/bg_direction_nav.png") no-repeat scroll 0 -68px;top: 0px;content: "";display: block;height: 58px;left: 0%;margin: 0;position: absolute;width: 47px;}
			.detail .phone h2:before{background: url("../images/bg_direction_nav.png") no-repeat scroll -46px -72px;top: 0px;content: "";display: block;height: 50px;left: 0%;margin: 0;position: absolute;width: 49px;}
			.detail .mail h2:before{background: url("../images/bg_direction_nav.png") no-repeat scroll -97px -71px;top: 0px;content: "";display: block;height: 52px;left: 0%;margin: 0;position: absolute;width: 52px;}
			.detail li p {font-size: 14px;padding:0;margin: 0 0 0 66px;position: relative;text-align: left;color: #393939;font-weight: 500;}

	.contact .forms{ margin:0 55px 48px; }

		.contact .leftforms {float:left;}
		.contact .leftforms input[type="text"],
		.contact .leftforms input[type="email"]{background: none;border: 1px solid #000;padding: 0 10px;width: 538px;height:52px;font-family: 'Raleway', 'sans-serif';font-weight:400;color:#002B7F;font-size:14px !important;}

		.contact .leftforms .adSoyad,
		.contact .leftforms .ePosta,
		.contact .leftforms .telefon {float:left;margin: 0 15px 20px 0;clear:both;}

		.contact .rightforms {float:right;}
		.contact .rightforms textarea {background: none;padding: 10px;width: 538px;height: 180px;border: 1px solid #000;font-size:18px;font-family: 'Raleway', 'sans-serif';font-weight:400;color:#002B7F;font-size:14px !important;clear:both;}

		.contact .formw input[type="submit"]{font-family: 'Raleway', 'sans-serif';font-weight:700;color:#FFF;font-size:14px;width: 130px;height: 52px;line-height:38px;margin: 0 auto;background:#535353;border:0;display:block;text-align:center;float: right;}
		.contact .formw input[type="submit"]:hover{ background:#707070; }

	footer { position: relative; background: #707070; height: 100px; }
	footer .fLogo { float: left; margin: 15px 0 0 0; }
		footer .right {float: right;margin-top: 30px;}
		    footer .right ul{float: right;margin-bottom: 24px;}
		    footer .right .footMenu li { float: left; color: #fff; padding: 0 0 0 36px; font-size: 14px; position: relative; line-height: 22px; height: 22px; }
		        footer .sf-menu a{ color: #fff !important; }
		    footer .right .footMenu li ul{ display: none; }

		    footer .right .social li,
		    footer .right .social li a{ color: #fff; }
		    footer .right .social li{ font-size: 22px; float: left; margin: 0 0 0 6px; }

			footer .right .footMenu li:after{ content: ''; position: absolute; left:-1px; top: -4px; color: #fff; }
			footer .right .footMenu li:first-child:after { display:none; }

			footer .bNone{ display: none; }

			footer .right .copyright {font-size: 10px;color:#fff;line-height: 24px;width: 100%;text-align: right;}

.subContent { font-family:'Open Sans', Arial, Helvetica, sans-serif; width:1140px; margin: 45px auto 0; font-size:13px; color:#666; line-height:26px; }
	.subContent h1{ border-bottom: 1px solid #3f3f40; color: #3f3f40; font-size: 16px; line-height: 30px; margin: 10px 0 20px 10px; padding: 0;}
	.subContent h1:after{ background: rgba(0, 0, 0, 0) url("../images/didi.png") no-repeat scroll 0 -88px; content: ""; display: block; height: 9px; left: 0px; position: absolute; top: 36px; width: 10px; }

.subContent p { margin:0 0 10px 0; }

.subHead { position:absolute; width: 100%; height: 136px; background: rgba(255,255,255, 1); background: url("../images/headBG.png") repeat-x; z-index: 5; }


    /*-------- MAP TOOLTIP --------*/
        .gm-style-iw > div { overflow:hidden !important}
                    .infoWindow000 { margin-left:15px; }
                    .infoWindow000 > div{ background:#fff; color:#7C7C7C; font-size:14px; z-index:4; text-align: center; }

                        .infoWindow000 > div h6{ font-size:15px; color:#fff; background:rgb(0,84,135); padding:0 10px; margin:0; line-height:44px; height:44px; letter-spacing:3px; }

                        .infoWindow000 > div > div{ padding:20px; letter-spacing:1px; }
                            .infoWindow000 > div > div h3{ font-size:13px; color:#000; margin:0; line-height:44px; height:44px; letter-spacing:3px; }

                            .infoWindow000 > div > div .row{ clear:both; margin:0 0 10px; }
                            .infoWindow000 > div > div .row strong{ color:rgb(0,84,135); }
                            .infoWindow000 > div > div .row > div{ width:344px; float:left; }
                            .infoWindow000 > div > div .row > a{ color: #7C7C7C; }
    /*-------- MAP TOOLTIP --------*/


@media only screen and (max-width: 1024px) {
	header .bigMenu{ display: none; }
     header .menuToggle{ display: block; }
	    .collapsibleMenu ul{ display: block !important; }
	    .collapsibleMenu .sf-menu li{ float: none !important;height: auto !important; }
	    .collapsibleMenu .sf-menu{ height: auto !important; margin-right: 0 !important; padding: 0; margin: 0 0 20px; overflow: hidden; display: none; }
	    .collapsibleMenu .sf-menu a{ color: #333; }
	    .collapsibleMenu .sf-menu > li:hover a{ border-color: transparent; }
	    .collapsibleMenu .sf-menu ul li a{ color: #333 !important; padding: 10px 0; }
	    .collapsibleMenu .sf-menu ul li a:after{ width: 100%; left: 0; }
	    .collapsibleMenu .sf-menu ul li.selected a{ color: #333 !important; }
	    .collapsibleMenu .sf-menu ul{ display: block !important; position: relative; background: rgba(0,0,0,0.1); box-shadow: none; }
	    .collapsibleMenu .sf-menu ul{ left: auto !important; padding: 0 20px; }
	    .collapsibleMenu .sf-arrows .sf-with-ul:after{ border-top-color: #fff; }

	    .collapsibleMenu .sf-menu a{ -webkit-font-smoothing: antialiased; -webkit-transition: all .0s; -moz-transition: all .0s; -o-transition: all .0s; -ms-transition: all .0s; transition: all .0s;  }
	    .collapsibleMenu .sfHover{ background: none; }

header { position: relative; height: auto;}
.container{ width: 98%; padding: 0 1%; }

    .offices .officeBG {width: 95% !important;height: 650px;position: relative;padding: 2.5%;}
    .offices .officeBG li{width: 32% !important;margin: 0 2% 2% 0;float: left;position: relative;}
    .offices .officeBG li:last-child, .offices .officeBG li:nth-child(3) {margin: 0 0 2% 0;}
    .offices .officeBG li .imageArea img{width: 100%;height: 260px;left:0;}
		.pAreas .workTab ul li {width: 21.5%;padding: 0 3.8% 60px 0;}

		.detail li { width: 30%; display: block; float: left; margin: 0px 5% 0 0;}
		.contact .leftforms { width: 48%; }
		.contact .leftforms input[type="text"],
		.contact .leftforms input[type="email"]{width: 100%;}
		.contact .rightforms { width: 48%; }
		.contact .rightforms textarea {width: 93%;}

}

@media only screen and (max-width: 768px) {
	.offices{ background: url("../images/officesBG.jpg") no-repeat center center; min-height: 582px; padding: 5% 0;}
    .offices .officeBG {width: 95% !important; position: relative;padding: 2.5%;}
    .offices .officeBG li{width: 32% !important;margin: 0 2% 2% 0;float: left;position: relative;}
    .offices .officeBG li:last-child, .offices .officeBG li:nth-child(3) {margin: 0 0 2% 0;}
    .offices .officeBG li .imageArea img{width: 100%;height: auto;left:0;}

        .offices .officeBG li .imageArea{position: relative;height: auto;}
        .offices .officeBG li .imageArea h2{text-overflow:ellipsis;overflow: hidden;height: 36px;line-height: 36px;color: #3d3d3d;font-size: 15px;background: rgba(255,255,255,0.9);position: absolute;width: 100%;margin: 0;bottom: 0;text-align: center;}
        .offices .officeBG li .infoButtons{width: 100%;position: relative;}
			.offices .officeBG li .infoButtons a{display: block;width: 33.33333%;hei;height: 36px;float: left;font-size: 10PX;text-align: center;color: #444;font-weight: 500;line-height: 40px;cursor: pointer;}
			.offices .officeBG li .infoButtons i{color: #444;font-size: 14PX;margin-right: 5px;}
			.offices .officeBG li .infoButtons .adress { background: #eee;}
			.offices .officeBG li .infoButtons .phone { background: #ddd; width: 33.34%;}
			.offices .officeBG li .infoButtons .map { background: #eee;}

    .member { background: url("../images/partnerBG.jpg") no-repeat center center;}
	.contact { background: url("../images/contactBG.jpg") no-repeat center center;}
	.about, .offices, .pAreas, .member { padding: 5% 0;}
	.contact {padding: 5% 0 6%;}
		.about h1, .offices h1, .pAreas h1, .member h1, .contact h1 {margin: 0 0 5%;}
			.contact .rightforms textarea {width: 93%;}


	.sf-menu {font-size: 10px; margin: 0px 20% 0 0;}

	header { position: relative; height: auto;}
		header .logo {margin-top: 4px;}
		header .logo img {height: 40px;}
		header ul.language { right: 4px; top: 14px;}
			.fixedhead {height: 50px !important;}
			.fixedhead .sf-menu { margin: 0; float: right; width: 70%;}

				.pAreas {height: 550px; padding: 5% 0;}

				.pAreas p {font-size: 16px;text-align: left;color: #fff;line-height: 26px;font-weight: 500;}
			.pAreas .workTab {position:relative;width:100%;/*height: 250px;*/ }
				.pAreas .workTab ul li { width: 23%; padding: 0 2.66% 60px 0;}
				.pAreas .workTab ul li img {width: 100%;height: auto;}
				.pAreas .workTab .tContent {font-size: 14px;}

				#cihat, #ramazan, #ozlem, #bulent, #zeki, #mustafa, #acelya, #mehmet, #eren, #erkam {width: 600px !important;}
				#cihat img, #ramazan img, #bulent img, #ozlem img, #zeki img, #mustafa img, #acelya img, #mehmet img, #eren img, #erkam img {width: 100%;}
				#cihat .left, #ramazan .left, #bulent .left, #ozlem .left, #zeki .left, #mustafa .left, #acelya .left, #mehmet .left, #eren .left, #erkam .left {width: auto; margin:0 4%!important;}
				#cihat .right, #ramazan .right, #ozlem .right, #bulent .right, #zeki .right, #mustafa .right, #acelya .right, #mehmet .right, #eren .right, #erkam .right {width: 46%;}
				#cihat h5, #zeki h5, #ozlem h5, #ramazan h5, #mustafa h5, #bulent h5, #acelya h5, #mehmet h5, #eren h5, #erkam h5  { font-size:13px !important; }
				#cihat p, #ramazan p, #ozlem p, #zeki p, #mustafa p, #acelya p, #bulent p, #mehmet p, #eren p, #erkam p  { font-size:12px !important;}

				footer .right .footMenu li { font-size: 12px; }

}

@media only screen and (max-width: 640px) {
	.pAreas,
	.About,
	.contact{height:auto !important;}
	header ul.language {top: 26px;}

	.About { height: auto; width: 100%; background: url("../images/aboutBG.jpg") no-repeat center center; padding: 22px 0;}
		.About h1 { margin: 0;}
			.About .whoweare h2, .About .principle h2, .About .ourgoal h2 { font-size: 14px; }
			.About .whoweare p, .About .principle p, .About .ourgoal p { font-size: 13px; }

	.offices .officeBG li{width: 48% !important;margin: 0 2% 2% 0!important;float: left;position: relative;}
	.offices .officeBG li:last-child, .offices .officeBG li:nth-child(2), .offices .officeBG li:nth-child(4){margin:0;}

		.pAreas .workTab ul li{padding-right:0;}
		.pAreas .workTab ul li img{width:90%; margin:0 auto;}
		.pAreas .workTab .tContent { font-size: 13px;}
				.mobileslideArea{ position: relative;}
				.mobileslideArea .nextPrevArea{position:absolute;display:block;bottom:48px;left:50%;z-index:10;}
						.mobileslideArea .prev,
						.mobileslideArea .next{ position:absolute;}

						.mobileslideArea .prev{right:10px;}
						.mobileslideArea .next{left:10px;}

.detail li{ width: 100%; margin-bottom: 40px;}

	.contact .leftforms,
	.contact .rightforms{ width:100%; float: none;}
	.contact .leftforms input,
	.contact .formw input,
	.contact .rightforms textarea{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0;}

	.contact .formw input[type="submit"]{ float: none;margin-top: 10px;}

	.contact .leftforms input{margin-right: 0;}
	.contact .rightforms textarea{margin-right: 0;width:100%;}

.footMenu {display: none;}

}


@media (max-width: 480px){ 

.member ul li {float: left !important;display: block  !important;position: relative;margin: 25px 35px 25px 0px !important;width: 200px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: gray;-webkit-filter: grayscale(1);}
.member ul li:hover {filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); }
.member ul li:last-child, .member ul li:nth-child(5) { margin: 25px 0 0 0; }
.memberSlide { height: auto;overflow: hidden; }
.memSldes > .clearfix { clear: inherit !important }

}

.infoWindow000 { margin-left: 0 !important; }
.gm-style .gm-style-iw-c {
	padding: 0 !important;
}
.gm-style-iw-chr { height:0px !important }