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

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

body{
	font-family: 'Montserrat', sans-serif;
	padding-top:70px;
}

section, footer{
	margin-top:70px;
}
section.whatwedo,
section.skills,
section.workdetail,
section.list{
	margin-top:120px;
}
section.map{
	margin-top:50px;
}

a.black, 
a.yellow{
	background-color:#000;
	color:#fff;
	font-size:14px;
	font-weight:700;
	margin-right:5px;
	padding:5px;
}
a.yellow{
	background-color:#fff200;
	color:#000;
}
a.black:hover{
	color:#fff;
	text-decoration:none;
}
a.yellow:hover{
	color:#000;
	text-decoration:none;
}


a.black1, 
a.yellow1{
	background-color:#004d97;
	color:#fff;
	font-size:23px;
	font-weight:700;
	margin-right:5px;
	padding:23px;
}
a.yellow1{
	background-color:#fff200;
	color:#000;
}
a.black1:hover{
	color:#fff;
	text-decoration:none;
}
a.yellow1:hover{
	color:#000;
	text-decoration:none;
}


a.black2, 
a.yellow2{
	background-color:#000;
	color:#fff;
	font-size:14px;
	font-weight:700;
	margin-right:5px;
	padding:25px;
}
a.yellow2{
	background-color:#fff200;
	color:#000;
}
a.black2:hover{
	color:#fff;
	text-decoration:none;
}
a.yellow2:hover{
	color:#000;
	text-decoration:none;
}



hr{
	border-color:#c0c0c0;
}


/* Header */
header{
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:1031;
}
header .navbar{
	min-height:70px;
	margin-bottom:0;
	border-radius:0;
}
header .navbar-default{
	background-color:#fff;
	border-color:#fff;
}
header .navbar-brand{
	margin-top:10px;
}
header .navbar-default .navbar-nav > li > a{
	color:#a9a9a9;
	font-size:13px;
	font-weight:700;
	margin-top:10px;
}
header .navbar-default .navbar-nav > .active > a, 
header .navbar-default .navbar-nav > .active > a:hover, 
header .navbar-default .navbar-nav > .active > a:focus{
	background-color:transparent;
	color:#000;
}
header .navbar-default .navbar-nav > .active > a:after{
	content:'';
	width: 0;
	height: 0;
	border-bottom: 14px solid #000;
	border-left: 14px solid transparent;
	position:absolute;
	bottom:-10px;
	right:15px;
}
header .navbar-default .navbar-nav.social > li > a{
	padding-left:5px;
	padding-right:5px;
}
header .sub-nav{
	background-color:#004c97;
	height:50px;
	overflow:hidden;
}
header .sub-nav .nav > li > a{
	color:#fff;
	font-size:15px;
	font-weight:700;
	padding:17px 15px;
}
header .sub-nav .nav > li > a:hover,
header .sub-nav .nav > li > a:focus,
header .sub-nav .nav > li.active > a{
	background-color:transparent;
	color:#fff;
}
header .sub-nav .help-block{
	color:#fff;
	font-size:11px;
	font-weight:400;
	padding:10px 0;
}
header .sub-nav .help-block strong{
	color:#fff200;
}


/* Promo */
.promo{
	background-color:#004c97;
	margin:0;
	position:relative;
	width: 100%;     
	-webkit-user-select: none;
}
.promo.bgColorOne{
	background-color:#004c97;
	-webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}
.promo.bgColorTwo{
	background-color:#55194d;
	-webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}
.promo.bgColorThree{
	background-color:#ef3a3b;
	-webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}

/* Titles */
.page-header{
	border-color:#c0c0c0;
	margin:0 0 20px;
	padding-bottom:15px;
}
.page-header h2{
	color:#747474;
	font-size:1px;
	font-weight:700;
	margin:0;
}
.page-header h2 a{
	color:#a1a1a1;
	font-size:10px;
	padding-top:5px;
}
.page-header h2 span{
	color:#000;
}


/* Info */
.info{
	position:relative;
}
.info p{
	color:#535156;
	font-family:Arial, sans-serif;
	font-size:16px;
	margin-bottom:40px;
}
@media (max-width:768px){
	.info p{
		margin-bottom:20px;
	}
	.info a{
		display:block;
		margin-bottom:30px;
		text-align:center;
	}
}


/* Works */
.works{
	position:relative;
}
.works .column{
	padding-bottom:15px;
	padding-top:15px;
}
/*.works .column.left{
	padding-left:15px;
}
.works .column.center{
	padding:6px 12px;
}
.works .column.right{
	padding-right:15px;
}*/
@media (max-width:768px){
	.works .column{
		padding:0 15px;
		margin-bottom:15px;
	}
	.works .column.center{
		padding:0 15px;
	}
}


/* Social */
.social{
	position:relative;
}
.social h5{
	color:#c0c0c0;
	font-size:10px;
	font-weight:700;
}
.social p.tag-block{
	color:#c0c0c0;
	font-size:10px;
	font-weight:400;
	margin:0;
}
.social hr{
	margin-bottom:30px;
	margin-top:30px;
}


/* Work Detail */
.workdetail{
	position:relative;
}
.workdetail h5{
	color:#c0c0c0;
	font-size:10px;
	font-weight:700;
}
.workdetail a.view{
	color:#000;
	font-size:11px;
	font-weight:400;
}
.workdetail p.tag-block{
	color:#c0c0c0;
	font-size:10px;
	font-weight:400;
	margin:0;
}
.workdetail h1{
	color:#000;
	font-size:42px;
	font-weight:700;
	line-height:0.8;
	margin-top:70px;
}
.workdetail p{
	color:#adadad;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	margin:30px 0;
}
/* fade on slider */
.workdetail .carousel-fade .carousel-inner .item {
  opacity: 0.5;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.workdetail .carousel-fade .carousel-inner .active {
  opacity: 1 !important;
}
.workdetail .carousel-fade .carousel-inner .active.left,
.workdetail .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0.5;
  z-index: 1;
}
.workdetail .carousel-fade .carousel-inner .next.left,
.workdetail .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.workdetail .carousel-fade .carousel-control {
  z-index: 2;
}
.workdetail .carousel-indicators {
	bottom:140px;
	left:auto;
	right:0;
	top:auto;
	width:auto;
	margin:0;
}
.workdetail .carousel:after{
	content:'';
	width: 0;
	height: 0;
	border-top: 70px solid #e0e0e0;
	border-left: 70px solid transparent;
	position:absolute;
	bottom:-70px;
	right:0;
	z-index:2;
}
.workdetail .carousel-indicators li {
	background:#e0e0e0;
	border:0;
	border-radius:6px;
	width:12px;
	height:12px;
	margin:1px;
}
.workdetail .carousel-indicators .active {
	background:#a1a1a1;
	border:0;
	width:12px;
	height:12px;
}
.workdetail .carousel-caption {
	top:auto;
	width:auto;
	right:0;
	bottom:40px;
	left:auto;
	padding:0;
	text-align:right;
  	height:auto;
	max-width:50%;
	z-index:9;
}
.workdetail .carousel .item:before{
	content:'';
	display:block;
	width: 0;
	height: 0;
	border-bottom: 290px solid #fff;
	border-left: 290px solid transparent;
	position:absolute;
	bottom:0;
	right:0;
	z-index:2;
}
.workdetail .carousel-caption p{
	color:#c0c0c0;
	font-size:12px;
	font-weight:400;
	margin:0;
	text-shadow:none;
}


/* Clients */
.clients{
	position:relative;
}
.clients ul{
	padding:0;
	width:100%;
}
.clients ul li{
	cursor:pointer;
	float:left;
	line-height: 75px;
	margin:15px 35px 0 0;
}
.clients ul li:last-child{
	margin-right:0;
}
.clients ul li a{ 
}
.clients ul li a img{
    vertical-align: middle;

	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: url(grayscale.svg);
	filter: gray;
	
	-webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.clients ul li a:hover img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	filter: url(grayscale.svg);
	filter: gray;
}
@media (max-width:768px){
	.clients ul li{
		float:auto;
		margin:0 0 15px;
		text-align:center;
		display:block;
		width:100%;
	}
}


/* What We Do */
.whatwedo{
	position:relative;
}
.whatwedo h1{
	color:#666666;
	font-size:40px;
	font-weight:700;
	line-height:1;
	margin:40px 0;
}
.whatwedo h4{
	color:#004e97;
	font-size:18px;
	font-weight:400;
	margin:10px 0;
}
.whatwedo p{
	color:#787878;
	font-family:Arial, sans-serif;
	font-size:16px;la
	font-weight:400;
}
.whatwedo .cards{
	padding-left:55px;
	width:100%;
}
.whatwedo .cards .card{
  width: 144px;
  height: 144px;
  margin: 0 10px 20px;
  display: inline-block;
}


/* What We Do */
.whoweare{
	position:relative;
}
.whoweare h3{
	color:#000;
	font-size:24px;
	font-weight:700;
}
.whoweare h5{
	color:#c0c0c0;
	font-size:14px;
	font-weight:700;
	margin-top:20px;
}
.whoweare p{
	color:#adadad;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:400;
	margin-top:20px;
}


/* Join Us */
.joinus{
	position:relative;
}
.joinus .bike{
	margin-top:70px;
	min-height:535px;
	position:relative;
}
.joinus .bike a{
	background-color:#000;
	color:#fff;
	display:inline-block;
	font-size:12px;
	font-weight:400;
	padding:20px;
	position:absolute;
	left:40px;
	top:-30px;
}
.joinus .bike a:hover{
	text-decoration:none;
}
.joinus .bike a span{
	color:#fff200;
}
.joinus .bike .text{
	background-color:#fff200;
	display:inline-block;
	padding:40px 60px;
	position:absolute;
	left:172px;
	top:-30px;
	width:360px;
	min-height:535px;
	
}
.joinus .bike .text h1{
	color:#000;
	font-size:48px;
	font-weight:700;
}
.joinus .bike .text h4{
	color:#000;
	font-size:18px;
	font-weight:400;
}
.joinus .bike .text p{
	color:#000;
	font-size:14px;
	font-weight:400;
}
.joinus .bike form{
	width:575px;
	position:absolute;
	left:563px;
	top:-30px;
}
.joinus .bike form input[type="text"], 
.joinus .bike form select{
	border:#e6e6e6 solid 1px;
	color:#505050;
	width:100%;
	height:95px;
	margin-top:-1px;
	padding:0 40px;
}
.joinus .bike form .upload{
    background: #f7941e;
    width: 50%;
    height: 159px;
    overflow: hidden;
	position:relative;
	text-align:center;
}
.joinus .bike form .upload input{
    display: block !important;
    width: 100% !important;
    height: 159px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}
.joinus .bike form .upload span{
	color:#fff;
	display:inline-block;
	font-size:12px;
	font-weight:400;
	position:absolute;
	right:20px;
	top:45%;	
}
.joinus .bike form .upload i{
	color:#fff;
	display:inline-block;
	font-size:14px;
	font-weight:400;
	position:absolute;
	left:20px;
	top:45%;	
}
.joinus .bike form button{
    background: #13a89e;
	border:none;
	color:#fff;
	font-size:12px;
	font-weight:400;
    width: 50%;
    height: 159px;
	text-align:right;
	padding:20px;
}
@media (max-width:768px){
	.joinus .bike{
		margin-top:30px;
	}
	.joinus .bike a{
		display:inline-block;
		position:inherit;
		width:100%;
		left:auto;
		top:auto;
		text-align:center;
	}
	.joinus .bike .text{
		padding:20px;
		position:inherit;
		left:auto;
		top:auto;
		width:100%;		
	}
	.joinus .bike form{
		width:100%;
		position:inherit;
		left:auto;
		top:auto;
		margin-top:20px;
	}
	.joinus .bike form input[type="text"], 
	.joinus .bike form select{
		border:#e6e6e6 solid 1px;
		color:#505050;
		width:100%;
		height:95px;
		margin-top:-1px;
		padding:0 40px;
	}
	.joinus .bike form .upload{
		background: #f7941e;
		width: 50%;
		height: 159px;
		overflow: hidden;
		position:relative;
		text-align:center;
	}
	.joinus .bike form .upload input{
		display: block !important;
		width: 100% !important;
		height: 159px !important;
		opacity: 0 !important;
		overflow: hidden !important;
	}
	.joinus .bike form .upload span{
		color:#fff;
		display:inline-block;
		font-size:12px;
		font-weight:400;
		position:absolute;
		right:20px;
		top:45%;	
	}
	.joinus .bike form .upload i{
		color:#fff;
		display:inline-block;
		font-size:14px;
		font-weight:400;
		position:absolute;
		left:20px;
		top:45%;	
	}
	.joinus .bike form button{
		background: #13a89e;
		border:none;
		color:#fff;
		font-size:12px;
		font-weight:400;
		width: 50%;
		height: 159px;
		text-align:right;
		padding:20px;
	}
}


/* Skills */
.skills{
	position:relative;
}
.skills a{
	display:block;
	padding:15px;
	height:400px;
}
.skills a strong{
	color:#747474;
	font-size:18px;
	font-weight:700;
}
.skills a span{
	display:inline-block;
	height:81px;
	width:120px;
	text-indent:-9999px;
}
.skills a span.web{
	background:url(../img/web-design.png) 0 0 no-repeat;
}
.skills a span.marketing{
	background:url(../img/marketing.png) 0 0 no-repeat;
}
.skills a span.branding{
	background:url(../img/branding.png) 0 0 no-repeat;
}
.skills a span.social{
	background:url(../img/social-media.png) 0 0 no-repeat;
}
.skills a span.ads{
	background:url(../img/digital-ads.png) 0 0 no-repeat;
}
.skills a span.seo{
	background:url(../img/seo.png) 0 0 no-repeat;
}
.skills a span.mobile{
	background:url(../img/mobile.png) 0 0 no-repeat;
}
.skills a span.pr{
	background:url(../img/pr.png) 0 0 no-repeat;
}
.skills a p{
	color:#9d9d9d;
	font-size:14px;
	font-weight:400;
}
.skills a:hover{
	background-color:#f68232;
	text-decoration:none;
}
.skills a:hover span{
	background-position:0 -81px;
}
.skills a:hover strong, .skills a:hover p{
	color:#000;
}
.skills a:hover hr{
	border-color:#000;
}


/* Sponsor */
.sponsor{
	position:relative;
}
.sponsor a{
	display:block;
	padding:15px;
	height:133px;
}
.sponsor a strong{
	color:#747474;
	font-size:18px;
	font-weight:700;
}
.sponsor a span{
	display:inline-block;
	height:81px;
	width:120px;
	text-indent:-9999px;
}
.sponsor a span.web{
	background:url(../img/web-design.png) 0 0 no-repeat;
}
.sponsor a span.marketing{
	background:url(../img/marketing.png) 0 0 no-repeat;
}
.sponsor a span.branding{
	background:url(../img/branding.png) 0 0 no-repeat;
}
.sponsor a span.social{
	background:url(../img/social-media.png) 0 0 no-repeat;
}
.sponsor a span.ads{
	background:url(../img/digital-ads.png) 0 0 no-repeat;
}
.sponsor a span.seo{
	background:url(../img/seo.png) 0 0 no-repeat;
}
.sponsor a span.mobile{
	background:url(../img/mobile.png) 0 0 no-repeat;
}
.sponsor a span.pr{
	background:url(../img/pr.png) 0 0 no-repeat;
}
.sponsor a p{
	color:#9d9d9d;
	font-size:14px;
	font-weight:400;
}
.sponsor a:hover{
	background-color:#fff;
	text-decoration:none;
}
.sponsor a:hover span{
	background-position:0 -81px;
}
.sponsor a:hover strong, .skills a:hover p{
	color:#000;
}
.sponsor a:hover hr{
	border-color:#000;
}

.sponsor h3 {
    color: #ec660a;
    font-size: 20px;
    font-weight: 400;
    margin: 10
px
 0;
}


/* Contact Us */
.map{
	height:270px;
	margin:0;
}
.contactus{
	position:relative;
}
.contactus h1{
	color:#000;
	font-size:30px;
	font-weight:700;	
}
.contactus h1.amator,
.contactus a.amator{
	margin-left:-30px;
	/* Tasarımcının gazabı */	
}
@media (max-width:768px){
	.contactus h1.amator,
	.contactus a.amator{
		margin-left:0px;
		/* Tasarımcının gazabı */	
	}
}

.contactus p, 
.contactus a{
	color:#adadad;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	margin:0;	
}
.contactus a:hover{
	color:#000;
}
.contactus a.social{
	margin-right:5px;
}


/* Footer */
footer{
	background-color:#d5d5d5;
	padding:80px 0;
}
footer strong{
	font-size:12px;
	font-weight:700;
	margin-bottom:15px;
}
footer p, 
footer a{
	font-size:11px;
	font-weight:400;
	margin:0;
}
footer p, 
footer a,
footer strong{
	color:#000;
	display:block;
}
footer a:hover,
footer a:focus{
	color:#000;
}
footer a.social{
	display:inline-block;
	font-size:14px;
	margin-right:5px;
}
footer p.logo{
	margin-top:30px;
}