/*
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; min-width: 1140px; }

.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; }


/************* TRANSITION *************/
header .bRight .searchArea > div:hover, .bTop, .bTop:after, .social li,.WhatWeDo .workTab ul li:hover{ -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); }

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

		header .logo{ float: left; margin-top: 17px; }
		header .logo img{ display: block; }

		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 #fff; 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: #fff;font-size: 13px;padding: 0 3px;font-weight: 600;}
			header .language li.active a{ color:#ff7f00; }
		
		.fixedhead{ position:fixed; z-index: 99999; top:0; background:#fff; width:100%; box-shadow: 0 -7px 8px #666; }		

	figure { width: 100%; height: 800px; 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; }
		.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;}

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

		.About .whoweare, .About .mission, .About .vision { margin:0 0 20px; }
		.About .whoweare h2, .About .mission h2, .About .vision h2 { font-size: 18px; text-align: left; color: #002B7F;font-weight: 600; }
		.About .whoweare p, .About .mission p, .About .vision p { font-size: 16px; text-align: left; color: #393939; line-height: 26px; font-weight: 500; }

	.WhatWeDo { height: 752px; width: 100%; position: relative; background: url("../images/wwdBG.png") no-repeat; padding: 75px 0;}
		.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; }

		.WhatWeDo p {font-size: 16px;text-align: left;color: #fff;line-height: 26px;font-weight: 500;}
		.WhatWeDo .workTab {position:relative;width:100%;height: 250px; margin: 40px 0 0 0; }
		.WhatWeDo .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);}
		.WhatWeDo .workTab ul li:hover { filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0); }
		.WhatWeDo .workTab ul li img {width: 240px;height: 200px;display: block;border-radius: 10px;}
		.WhatWeDo .workTab li h2 {font-size: 16px;text-align: center;color: #fff;font-weight: 400;}
		.WhatWeDo .workTab li.selected h2 { font-weight: bold; }
			.WhatWeDo .workTab ul li:after{ content: ''; position: absolute; bottom: 0; height: 7px; background: url('../images/tabLiLine.png') no-repeat 0 -9px; width: 100%; }
			.WhatWeDo .workTab ul li.selected:after{ background-position: 0 0; }

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

	.activite { height: 494px; width: 100%; position: relative; background: url("../images/faalBG.jpg") no-repeat; padding: 75px 0; }
		.activite h1 { font-size: 24px;padding: 0 0 15px;margin: 0 0 45px;position: relative;text-align: center;color: #002B7F;font-weight: 600; margin:0 0 60px;}
		.activite h1:after{ content: ''; position: absolute; left: 50%; margin-left: -39px; bottom: 0; background: rgba(54,72,92,1); width: 78px; height: 1px; }
	    .educationSlide{ background: #fff; padding: 10px; height: 310px; overflow: hidden; }
	    .activite .edSldes li{ width: 350px !important; margin:0 35px 0 0; position: relative; }

	        .activite .edSldes li .imageArea{ position: relative; height: 260px; }
	        .activite .edSldes li .imageArea img{ width: 350px; height: 260px; left:0; }
	        .activite .edSldes li .imageArea h2{text-overflow:ellipsis;overflow: hidden;height: 50px;line-height: 50px;color: #002B7F;font-size: 16px;background: rgba(255,255,255,0.9);position: absolute;width: 100%;margin: 0;bottom: 0;text-align: center;}
	        .activite .edSldes li p{font-size: 13px;color: #131F2C;margin: 10px 0;height: 30px;overflow: hidden;word-spacing: normal;text-align: center;}

    .member { height: 700px; width: 100%; position: relative; background: url("../images/memberBG.png") no-repeat; padding: 75px 0; }
        .member 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;}
        .member h1:after{ content: ''; position: absolute; left: 50%; margin-left: -39px; bottom: 0; background: rgba(255,255,255,1); width: 78px; height: 1px; }
        
        .member ul li { width:1140px; float: left; display: block; }
        .memberSlide { height: 664px;overflow: hidden; }
        .member .memSldes .edulist { width: 170px !important; margin:0 20px 50px 0; position: relative; float:left;}
            
            .member .memSldes .edulist .imageArea{position: relative;margin: 0 0 20px;}
            .member .memSldes .edulist .imageArea img{width: 145px;height: 145px;border-radius: 100px;border: 2px solid #bbb;margin: 0 auto;padding: 10px;}

            .member .memSldes .edulist h2{ color: #fff;font-size: 16px;width: 100%;margin: 0;text-align: center;font-weight: 600;height: 20px; }
            .member .memSldes .edulist p{ font-size: 14px;color: #fff;margin: 25px 0 0;text-align: center; }

	.contact { height: 570px; width: 100%; position: relative; background: url("../images/contactBG.jpg") no-repeat; padding: 75px 0;}
		.contact h1 { font-size: 24px;padding: 0 0 15px;margin: 0 0 45px;position: relative;text-align: center;color: #002B7F;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 p {font-size: 16px;padding:0;margin: 0 0 60px 0;position: relative;text-align: center;color: #393939;font-weight: 500;}
			.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:#002B7F;border:0;display:block;text-align:center;float: right;}
		.contact .formw input[type="submit"]:hover{ background:#002B7F; }

	footer { position: relative; background: url("../images/footerBG.png") no-repeat; height: 100px; }
	footer .fLogo { float: left; margin: 15px 0 0 0; }
		footer .right { float: right; }
		    footer .right ul{float: right;margin: 30px 0 20px 20px;}
		    footer .right .footMenu li { float: left; color: #fff; padding:0 12px; font-size: 12px; position: relative; line-height: 22px; height: 22px; }
		        footer .right .footMenu li a{ color: #fff; }
		    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;float: right;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:10px 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 --------*/