/*  
Theme Name: Mavigen
Version: 1.0
Description: Designed by <a href="http://www.mavigen.com">Mavigen İnternet Hizmetleri</a>
Author: Mavigen
Author URI: http://www.mavigen.com
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,700italic,800,600italic,400italic,300italic,300,800italic&subset=latin,latin-ext);

@font-face {
    font-family: 'NRSB';
    src: url('fonts/nrsb03.eot');
    src: url('fonts/nrsb03.eot?#iefix') format('embedded-opentype'),
         url('fonts/nrsb03.woff2') format('woff2'),
         url('fonts/nrsb03.woff') format('woff'),
         url('fonts/nrsb03.ttf') format('truetype'),
         url('fonts/nrsb03.svg#NRSB') format('svg');
    font-weight: normal;
    font-style: normal;
}


body { font-family: 'Open Sans', 'sans-serif'; background:#222421; margin:0; min-width:1000px; }

*{ outline:none !important; }
		.float-left { float:left; }
		.float-right { float:right; }
		.clear-left { clear:left; }
		.clear-right { clear:right; }
		.clear-both { clear:both; }
		
		a { text-decoration:none; outline:none; }
		a:hover { text-decoration:none; outline:none; }
		
		ul{ list-style:none; margin:0; padding:0; }
		
		.container { width:980px; margin:0 auto; z-index:5; position:relative; text-align:center }
		#top{ top:0; position:absolute; }
		
		::selection {color:#3E434D; background:#FFF;}
		::-moz-selection {color:#3E434D; background:#FFF;}
	
	
		header { height:160px; /*position:absolute;  width:100%;*/ z-index:6; }
		header a.logo { width:148px; margin:22px 22px 22px -74px; text-decoration:none; outline:none; position:absolute; left:50%; }
		header .logo img{ width:148px; }
		
		header .home{ display:none; }
		header .rightMenu{ margin-left:202px; }
		
		.fixedhead{ position:fixed; top:0; background:#222421; height:100px !important; box-shadow:0 1px 3px rgba(0, 0, 0, 0.15); width:100%; min-width:1000px; }
		.fixedhead a.logo{ margin:6px; left:0; }
		.fixedhead .logo img{ height:auto; width:102px !important; }
		
		.fixedhead .home{ display:block; }
		.fixedhead ul.language{ float:right; }
		.fixedhead .rightMenu{ margin-left:15px;  }
		
		.fixedhead .sf-menu{ float:right; font-size:13px; margin:0; }
		
		header ul.language{ float:left; margin:3px 10px 15px; line-height:30px; height:30px;  }
		header .language li{ float:left; margin:0 4px; }
		header .language li a{ font-weight:400; font-size:12px; color:#fff; display:block; }
		
		header ul.social{ float:right; margin:3px 0 15px; height:24px; }
		header .social li{ float:left; }
		header .social li a{ background:url('../images/iconSocial.png') no-repeat 0 0; margin:5px 3px 5px; width:24px; height:24px; text-indent:-9999px; display:block; }
		header .social li.facebook a{ background-position:0 0; }
		header .social li.twitter a{ background-position:-24px 0; }
		header .social li.youtube a{ background-position:-48px 0; }
		header .social li.instagram a{ background-position:-72px 0; }
		
		.scrolls{ margin:-108px; position:absolute; opacity:0; }
		.bTop{ position:fixed; right:10px; bottom:10px; z-index:10; background:#00B68C; font-size:10px; font-weight:700; color:#fff; padding:4px 6px; border-radius:4px; display:none; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
			.bTopD{ display:block; }
		
		
.fixedhead,
.lastWork li .text,
.lastWork li .text .watch,
.Gallery .pGallery li .text,
.Gallery .pGallery li .text .watch,
.Gallery .pGallery li .text .look,
.Clients .container ul li{ -webkit-font-smoothing: antialiased; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
	
	
	
		.bg-banner { position:relative; z-index:4; height:720px; overflow:hidden; }	
		
		.title h1 span:before,
		.title h1 span:after,
		.lastWork li .text .watch,
		.Gallery .pGallery li .text .watch,
		.Gallery .pGallery li .text .look{ background:url('../images/sprite.png') no-repeat 0 0; }
		
		.title{ min-height:66px; margin:30px 0 0; }
		.title h1{ font-weight:normal; font-size:44px; text-align:center; margin:0 0 10px; font-family:'NRSB'; color:#fff; }
			.title h1 span{ position:relative; }
				.title h1 span:before{ content:''; position:absolute; background-position:0 0; width:252px; left:-272px; height:1px; top:28px; }
				.title h1 span:after{ content:''; position:absolute; background-position:0 -1px; width:252px; right:-272px; height:1px; top:28px; }
		.title h2{ font-weight:400; font-size:14px; text-align:center; margin:0 0 40px; color:#FF7400; }
		
		
		section{ padding:30px 0 50px; position:relative; }
		
		section.Dark{ background:#1B1D1A; }
  
  
.lastWork li{ float:left; margin:1px; position:relative; width:324px; }
.lastWork li:hover .text{ opacity:1; }
	.lastWork li img{ display:block; width:324px; height:260px; }
.lastWork li .text{ position:absolute; width:304px; height:170px; background:rgba(34,36,33,0.8); padding:90px 10px 0; opacity:0; }
	.lastWork li .text h3{ color:#fff; font-size:30px; text-align:center; margin:0 22px; width:260px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.lastWork li .text p{ color:#fff; font-size:14px; text-align:center; margin:14px 0; }
	.lastWork li .text .watch{ width:80px; height:37px; background-position:0 -2px; position:absolute; left:50%; margin-left:-40px; bottom:32px; opacity:0.6; }
	.lastWork li .text .watch:hover{ opacity:1; }


.About{ min-height:410px; }
  .About .abPhoto{ position:relative; width:864px; height:114px; margin:0 auto 30px; }
  .About .abPhoto .mask{ background:url('../images/aboutF.png') no-repeat left top; width:864px; height:114px; position:absolute; left:0; top:0; }
  .About .abPhoto li{ float:left; padding:18px 0 0 9.4px; }
  .About .abPhoto li img{ width:162px; height:78px; }
  .About .abText{ text-align:center; font-size:14px; line-height:26px; color:#ccc; font-weight:400; }
	  

.whatWedo .left{ margin:60px 0 0; width:300px; float:left; background:url('../images/whatwedo.png') no-repeat center top; height:260px;}
.whatWedo .right{ margin:60px 0 0; width:680px; float:right; color:#fff; font-size:14px; }
.whatWedo .right h3{ font-size:20px; margin:0 0 10px; }
.whatWedo .right p{ margin:0 0 30px; }

 

.promotionalFilm { margin:0 0 40px; }
.promotionalFilm span{ display:block; width:480px; height:268px; background:url('../images/pFilm.png') no-repeat center top; margin:0 auto; cursor:pointer; }
.promotionalFilm .boxPlayer{ position:fixed; z-index:999; top:0; left:0; bottom:0; right:0; display:none; }
.promotionalFilm .boxPlayer iframe{ position:fixed; z-index:999; top:0; left:0; bottom:0; right:0; }
.promotionalFilm .boxPlayer .close{ position:fixed; height:30px; width:30px; top:10px; right:10px; z-index:9999; border-radius:100px; background:#d83717; color:#fff; margin:16px 0 0; text-align:center; line-height:30px; font-size:14px; cursor:pointer; }

.Gallery ul.switch{ display:table; margin:0 auto 30px; font-size:10px; font-weight:600; }
.Gallery .switch li{ float:left; border:1px solid #ccc; border-right:0; color:#fff; border-radius:100px 0 0 100px; opacity:0.3; cursor:pointer; }
.Gallery .switch li:last-child{ border-radius:0 100px 100px 0; border-left:0; border-right:1px solid #ccc; }
	.Gallery .switch li span{ padding:5px 10px; margin:4px 0 4px 4px; display:block; border-radius:100px 0 0 100px; }
	.Gallery .switch li:last-child span{ border-radius:0 100px 100px 0; margin:4px 4px 4px 0; }

.Gallery .switch li.selected,
.Gallery .switch li:hover{ border-color:#DB6300; color:#DB6300; opacity:1; }

.Gallery .pGallery li{ float:left; margin:1px; position:relative; width:324px; }
	.Gallery .pGallery li img{ display:block; width:324px; height:260px; }



.Gallery .pGallery li{ float:left; margin:1px; position:relative; width:324px; }
	.Gallery .pGallery li > a{ display:none; }
	.Gallery .pGallery li > a:first-child{ display:block; }
	.Gallery .pGallery li img{ display:block; width:324px; height:260px; }
	.Gallery .pGallery li:hover .text{ opacity:1; }
.Gallery .pGallery li .text{ position:absolute; width:304px; height:170px; background:rgba(34,36,33,0.8); padding:90px 10px 0; opacity:0; }
	.Gallery .pGallery li .text h3{ color:#fff; font-size:30px; text-align:center; margin:0 22px; width:260px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
	.Gallery .pGallery li .text p{ color:#fff; font-size:14px; text-align:center; margin:14px 0; }
	.Gallery .pGallery li .text .watch{ width:80px; height:37px; background-position:0 -2px; position:absolute; left:50%; margin-left:-40px; bottom:32px; opacity:0.6; }
	.Gallery .pGallery li .text .watch:hover{ opacity:1; }
	
	.Gallery .pGallery li .text .look{ width:80px; height:37px; background-position:-160px -2px; position:absolute; left:50%; margin-left:-40px; bottom:32px; opacity:0.6; }
	.Gallery .pGallery li .text .look:hover{ opacity:1; }


.galleryPlayer{ display:none; z-index:9999; position:fixed; }
.galleryPlayer .playerArea{ width:640px; height:380px; position:fixed; left:50%; top:50%; margin:-200px 0 0 -330px; z-index:9999; background:rgba(0,0,0,1); padding:10px; }
.galleryPlayer .playerArea .close{ height:20px; width:20px;line-height:20px;  top:-10px; right:-10px; z-index:9999; border-radius:100px; background:#d83717; color:#fff; text-align:center; font-size:12px; cursor:pointer; position:absolute; }
.galleryPlayer .closeArea{ width:100%; height:100%; cursor:pointer; background:rgba(34,36,33,0.6); top:0; left:0; z-index:999; position:fixed; }
	


.Clients .container{ width:1000px; overflow:hidden; }
.Clients .container ul{ width:1008px;}
.Clients .container ul li{ width:244px; float:left; margin:0 8px 8px 0; background:rgba(34,36,33,0.3); }
	.Clients .container ul li:hover{ background:rgba(34,36,33,1); }
.Clients .container ul li img{ width:244px; height:200px; display:block; }



.eng.lastWork li .text .watch,
.eng.Gallery .pGallery li .text .watch{ background-position:-80px -2px !important; }
.eng.Gallery .pGallery li .text .look{ background-position:-240px -2px !important; }

.eng .promotionalFilm span{ background-position:0 -268px; }

  
  .Contact{ background:url('../images/Contact.jpg') no-repeat 50% 50%; background-attachment:fixed; min-height:550px; z-index:1; }
  	.Contact .title h1{ color:#FFF; }
  	.Contact .title h2{ color:#ccc; }
  	.Contact .container > h3{ color:#FFF; font-size:16px; font-weight:700; text-align:center; margin:0; }
	
	.Contact .address{ font-size:14px; color:#fff; line-height:30px; font-weight:400; margin:20px 0 40px; }
	.Contact .address h3{ font-size:17px; font-weight:600; text-align:center; margin:20px 0; }
	.Contact .address a{color:#fff;}
	.Contact .address .left{ float:left; text-align:right; width:470px; }
	.Contact .address .right{ float:right; text-align:left; width:470px; }
	.Contact .address .right strong{ font-weight:600; margin-right:5px; }
	
	.Contact .forms{ margin:0 auto 35px; width:940px; }
		.Contact input[type="text"],
		.Contact input[type="email"]{ background:rgba(255,255,255,0.4); border:0; width:272px; padding:0 10px; margin:0 10px 20px; height:40px; font-family: 'Open Sans', 'sans-serif'; font-weight:400; color:#000; font-size:18px; float:left; border-radius:4px; }
		
		.Contact textarea{ background:rgba(255,255,255,0.4); border:0; width:896px; height:80px; padding:10px; font-family: 'Open Sans', 'sans-serif'; font-weight:400; color:#000; font-size:18px; margin:0 10px 25px; border-radius:4px; }
		
		.Contact input[type="submit"]{ font-family: 'Open Sans', 'sans-serif'; font-weight:700; color:#FFF; font-size:14px; width:90px; height:38px; line-height:38px; margin:0 auto; background:#FA6D60; border:0; border-bottom:2px solid #C85A51; display:block; text-align:center; border-radius:5px; }
		
  
	footer { z-index:0; position:relative; background:#1B1D1A; height:234px; }
	
	footer .container{ text-align:center; }
	footer .copyright{ font-size:12px; color:#fff; font-weight:400; margin:18px 0 14px; line-height:24px; }
		
		footer  ul.social{ display:table; margin:0 auto; padding:40px 0 20px; }
		footer  .social li{ float:left; }
		footer  .social li a{ background:url('../images/iconSocial.png') no-repeat 0 -24px; margin:0 3px; width:60px; height:59px; text-indent:-9999px; display:block; }
		footer  .social li.facebook a{ background-position:0 -24px; }
		footer  .social li.twitter a{ background-position:-60px -24px; }
		footer  .social li.youtube a{ background-position:-120px -24px; }
		footer  .social li.instagram a{ background-position:-180px -24px; }