@import ;
@import url('/css/fonts/ProximaNova-Light.css');
@import url('/css/fonts/ProximaNova-Bold.css');
@import url('/css/animate.css');
@import ;
@import ;

/* INDEX */
/* 1-GENEL */
/* 2-WHAT WE DO */
/* 3-CASE STUDIES */


/* 1-GENEL */
body{
	font-family:'ProximaNova-Regular';
}
.button.radius{
	z-index: 10;
}
.fullscreen {
    width:100%;
    min-height:100%;
}
.blue1{
	background-color:#1370b8;
}
.clientbg{
	background-color:#e67e22;
}
.white{
	background:center center;
}
.meetups-section{
	background:center center;
	padding: 80px 0;
}
.giris{
	padding-top: 20px;
	height:100%;
}
.giris select{
	margin-top: 10px;
}
.giris-ic select{
	margin-top: 10px;
}
.giris_content{
	height:83%;
}
#logo{
	width: 211px;
	height: 62px;
	background: url(/img/logo.png)no-repeat;

	background-size: 211px;
	display: block;
}
ul.menu_big{
	list-style: none;
	margin-top: 20px;
}
ul.menu_big li{
	list-style: none;
	font-family:'ProximaNova-Regular';
	letter-spacing: -1px;
	font-size: 18px;
	color: #fff;
	float: left;
	margin-right: 25px;
}
ul.menu_big li a{
	color: #fff;
	text-decoration: none;
	}
ul.menu_big li a:hover{
	color: #c1daed;
	text-decoration: none;
	}

	

.slider{
	text-align: center;
	color: #fff;
	margin-top: 25%;
}
.slider h1{
	font-family:'ProximaNova-Bold';
	font-size: 70px;
	line-height: 63px;
	color: #fff;
}
.slider h2{
	font-family:'ProximaNova-Light';
	font-size: 25px;
	line-height: 24px;
	color: #fff;
	
}
.slider p{
	letter-spacing: 0px;
	font-size: 18px;
	line-height: 22px;
	margin: 35px 0 20px 0;
}
.hidden{
	opacity: 0;
}
button, .button{
  background: none !important;
  border: 2px solid #fff;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
}

.button:hover{
  background: #fff !important;
  border: 2px solid #fff;
  color: #1370b8;
  transition: background-color 300ms ease-out;
}

.buttonblue{
  background: none !important;
  border: 2px solid #2d89ef!important;
  color: #2d89ef!important;
}

.buttonblue:hover{
  background: #2d89ef !important;
  border: 2px solid #2d89ef!important;
  color: #fff !important;
}

.visible{
	opacity: 1;
}
.scrollDown {
/*  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  width: 100%;
  color: #fff !important;
  z-index: 999999;
  margin: 0 auto;*/
  bottom: 0;
  position: relative;
  z-index:2;
  height:10%;
  width: 100%;
  margin-left:auto;
  margin-right: auto;
  float:left;
  text-align: center;
  font-size: 2rem;
  font-weight: normal !important;
}
.services .scrollDown{
  position: absolute;
  left: 0;
  right: 0;
  /*bottom: 30px;*/
  z-index: 0;
  margin: 0 auto;
}
.cd-top {
  display: inline-block;
  height: 20px;
  width: 20px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.8)  no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #ffffff;
  opacity: 1;
}

.brand{
	text-align: center;
	padding-top: 17%;
	height:100%;
}
.brand h1{
	font-family:'ProximaNova-Bold';
	color: #2d89ef;
	font-size: 60px;
	line-height: 62px;
	letter-spacing: -1px;
}
.brand p{
	font-family:'ProximaNova-Regular';
	font-size: 30px;
	color: #7e7e7e;
	line-height: 36px;
}
.brand_row{
	height:88%;
}
.joinus{
	text-align: center;
	padding-top: 5%;
	height:100%;
}

.joinus h1{
	font-family:'ProximaNova-Bold';
	color: #2d89ef;
	font-size: 60px;
	line-height: 62px;
	letter-spacing: -1px;
}

.joinus h2{
	font-family:'ProximaNova-Bold';
	color: #2d89ef;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: -1px;
}
.joinus strong{
	font-family:'ProximaNova-Bold';
	font-size: 26px;
	line-height: 28px;
	letter-spacing: -1px;
}
.no-centered{
	text-align: left !important;
}
.joinus p{
	font-family:'ProximaNova-Regular';
	font-size: 24px;
	color: #7e7e7e;
	line-height: 26px;
}
.joinus_row{
	height:91%;
	float:left;
	text-align: center;
  	margin-left: 5%;
  	margin-right: 5%;
  	max-width: 90% !important;
}
.clients{
	text-align: center;
	padding-top: 12%;
	height:100%;
}
.clients h1{
	font-family:'ProximaNova-Bold';
	color: #fff;
	font-size: 60px;
	line-height: 62px;
	letter-spacing: -1px;
	margin-bottom: 0px;
}
.clients p{
	font-family:'ProximaNova-Regular';
	font-size: 30px;
	line-height: 36px;
	color: #fff;
}
.clients_row{
	height:90%;
}

*, *:before, *:after{ 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
} 
.owl-carousel{margin-top: 50px;}
.services .one h1, .services .one h2, .services .one p{
      text-align: center;
      width: 100%;
 }

 .services{
 	height: 100%;
 }

 .services .two h1, .services .two h2, .services .two p{
      text-align: center;
      width: 100%;

 }

 .services .three h1, .services .three h2, .services .three p{
      text-align: center;
      width: 100%;
 }
 
.services .one {
	background-color: #2594ea;
	padding: 5% 0;
	height: 100%;

}
.services .one h1{
	background: 0px 0px no-repeat;
	width: 70px;
	height:  130px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}
.services .two {
	background-color: #1b83d3;
	height: 100%;
	/*padding: 5% 0;*/
	padding-top:5%;
}
.services .two h1{
	background: -97px -11px no-repeat;
	width: 130px;
	height:  130px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}
.services .three {
	background-color: #1370b8;
	padding: 5% 0;
	height: 100%;
}

.services .three h1{
	background: -273px -1px no-repeat;
	width: 85px;
	height:  130px;
	display: block;
	margin-left: auto;
    margin-right: auto;
}


.services .one h2, .services .two h2, .services .three h2{
	font-family:'ProximaNova-Bold';
	color: #fff;
	font-size: 55px;
	line-height: 62px;
	letter-spacing: -1px;
	margin-top: 90px;
}
.services .one p, .services .two p, .services .three p{
	font-family:'ProximaNova-Regular';
	font-size: 48px;
	color: #fff;
	line-height: 50px;
}

.services .button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
  width: 270px;
  z-index: 0;
  margin: 0 auto;
  cursor: pointer;
}

.change{
	text-align: center;
	padding-top: 15%;
	height:100%;
}
.change h1{
	font-family:'ProximaNova-Bold';
	color: #2d89ef;
	font-size: 60px;
	line-height: 62px;
	letter-spacing: -1px;
}
.change p{
	font-family:'ProximaNova-Regular';
	font-size: 30px;
	color: #7e7e7e;
	line-height: 36px;
}
select{
	padding-left: 20px;
	background: -444px 11px no-repeat;
	border: 3px solid #fff !important;
	color: #fff;
}
select:hover{
	background-color: #2181cb;
}
.footer{
	height: 70px;
	width: 100%;
	margin-top: 110px;
}
.footer span{
	background: -386px 2px no-repeat;
	width: 15px;
	height: 17px;
	display: inline-block;
}




.contacttab{
 	height: 100%;
 }

.contacttab .one h2{
      text-align: right;
      width: 100%;
 }
.contacttab .one .button{
      float: right;
    
 }
.contacttab .two h2{
      text-align: left;
      width: 100%;
 }

.contacttab .one {
	background-color: #3498db;
	padding: 10% 2%;
	height: 100%;

}

.contacttab .two {
	background-color: #f19b2c;
	height: 100%;
	padding: 10% 2%;
}


.contacttab .one h2, .contacttab .two h2{
	font-family:'ProximaNova-Bold';
	color: #fff;
	font-size: 55px;
	line-height: 62px;
	letter-spacing: -1px;
	margin-top: 90px;
}
/* GENEL */


/* 2- WHAT WE DO */

.whatwedo-one{
	
	background:  center center no-repeat;
}
.about{
	background:  center center no-repeat;
}
.whatwedo-two{
	text-align: center;
	padding-top: 7%;
	background: url(/whatwedo/2.jpg) center center no-repeat;
}
.whatwedo-three{
	text-align: center;
	padding-top: 7%;
	background:  center center no-repeat;
}
.whatwedo-four{
	text-align: center;
	padding-top: 7%;
	background:  center center no-repeat;
}
.whatwedo-five{
	text-align: center;
	padding-top: 7%;
	background:  center center no-repeat;
}
.whatwedo-six{
	text-align: center;
	padding-top: 7%;
	background:  center center no-repeat;
}
.whatwedo-seven{
	text-align: center;
	padding-top: 7%;
	background: url(/whatwedo/7.jpg) center center no-repeat;
}


.whatwedo-two h1, .whatwedo-three h1, .whatwedo-four h1, .whatwedo-five h1, .whatwedo-six h1, .whatwedo-seven h1 {
	font-family:'ProximaNova-Bold';
	color: #fff;
	font-size: 60px;
	line-height: 62px;
	letter-spacing: -1px;
}
.whatwedo-two p, .whatwedo-three p, .whatwedo-four p, .whatwedo-five p, .whatwedo-six p, .whatwedo-seven p {
	font-family:'ProximaNova-Regular';
	font-size: 30px;
	color: #fff;
	line-height: 36px;
}
/* for scroll_down */
.wwd_first{
	height:85%;
}
.wwd_second{
	height:90%;
}
.whatwedo-two, .whatwedo-five, .whatwedo-seven{
	height:100%;
}
.whatwedo-two{
	padding-top: 7% !important;
}
.wwd_dev{
	padding-bottom:5%;
}
.wwd_soc{
	padding-bottom:3%;
}
.whatwedo-three, .whatwedo-four, .whatwedo-six{
	padding-top: 6% !important;
}
/* WHAT WE DO */


/* 3-CASE STUDIES */

.giris-ic{
	padding: 20px 0;
}

.casestudies {
	width: 100%;
	
	

}
.casestudies h1{
	font-family:'ProximaNova-Bold';
	color: #fff;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: -1px;
	text-align: center;
  margin-left: auto;
  z-index: 31;
  position: absolute;
  margin-right: auto;
  width: 100%;
  height: 100%;
  margin-top: 17%;
}
.casestudies h1 span{
	font-family:'ProximaNova-Regular';
	font-size: 30px;
	color: #fff;
	float: left;
	line-height: 36px;

}
.casestudies .cs-one, .casestudies .cs-two, .casestudies .cs-three, .casestudies .cs-four, .casestudies .cs-five, .casestudies .cs-six, .casestudies .cs-seven, .casestudies .cs-eight{
height: 325px;

position: relative;
background-color:#1370b8;
}
.casestudies .cs-one:after{
	background: url(/casestudies/terminator.jpg)center center no-repeat;
	opacity: 0.7;
  	content: "";
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;	
}

.casestudies .cs-two:after{
	background: center center no-repeat;
	opacity: 0.7;
  	content: "";
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;	  
}

.casestudies .cs-three:after{
	background: center center no-repeat;
	opacity: 0.7;
  	content: "";
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;	  
}
.casestudies .cs-four:hover ~ .casestudies .cs-five{
	
	top: 50px !important;
}
.casestudies .cs-four:after{
	background: center center no-repeat;
	opacity: 0.7;
  	content: "";
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;	 
}

.casestudies .cs-five:after{
	background: url(/casestudies/kitap365.jpg)center center no-repeat;
	opacity: 0.7;
  	content: "";
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;		   
}

.casestudies .cs-six:after{
	background: url(/casestudies/akbank.jpg)center center no-repeat;
	opacity: 0.7;
  	content: "";
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;		  
}

.casestudies .cs-seven:after{
	background: url(/casestudies/bcard.jpg)center center no-repeat;
	opacity: 0.7;
  	content: "";
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;		  
}

.casestudies .cs-eight:after{
	background: center center no-repeat;
	opacity: 0.7;
  	content: "";
  	position: absolute;
  	z-index: 1;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;	
}

/* CASE STUDIES */

.large-header {
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
.zeight{
	z-index: 8888;
	position: relative;
}
.joinus h1{
	font-size: 45px;
	line-height: 48px;
}
.joinus p{
	
	font-size: 24px;
	
	line-height: 28px;
}
@media only screen and (max-width: 1023px) {
  .menu_big{
   display: none;
  }
  .menu-wrap{
  	display: block;
  }


	.brand h1, .clients h1, .change h1{
		font-size: 45px;
		line-height: 48px;
	}
	.brand p, .clients p, .change p{
		
		font-size: 24px;
		
		line-height: 28px;
	}
	.contacttab .one, .contacttab .two{
		text-align: center;
		
	}
	.contacttab .one h2, .contacttab .two h2{
		text-align: center;
		font-size: 45px;
		line-height: 50px;
	}
	.item {
		  margin-left: auto;
	  margin-right: auto;
	}

	.services .button{
		display: none;
	}

	.cd-top {
	  display: inline-block;
	  height: 20px;
	  width: 20px;
	    background: rgba(255, 255, 255, 0.8) url(/img/cd-top-arrow_m.png) no-repeat center 50%;


	}
	  #logo{
		width: 180px;
		height: 51px;
		background: url(/img/logo.png)no-repeat;
		background-size: 100%;
		display: block;
	}
	select{
		padding-left: 5px;
	  background: -460px 11px no-repeat;
	}

	.maktif{
		display: block;
	}

	.mpasif{
		display: none;
	}
	.scrollDown{
		display: none !important;
	}

	.slider h1{
		font-size: 40px;
		line-height: 33px;
		}
	.slider h2{
		font-size: 18px;
		line-height: 20px;
		color: #fff;
		
	}
	.slider p{
		
		font-size: 15px;
		line-height: 18px;
	}

	button.large, .button.large{
		padding: none !important;
	}
	.slider{
		margin-top: 17%;
	}
  .whatwedo-two h1, .whatwedo-three h1, .whatwedo-four h1, .whatwedo-five h1, .whatwedo-six h1, .whatwedo-seven h1{
	font-size:34px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
  .maktif{
	display: none;
  }

  .mpasif{
	display: block;
  }

  .menu_big{
   display: block;
  }
  .menu-wrap{
  	display: none;
  }
  .menu-button{
  	display: none !important;
  }
}
/*--- Contact Form CSS ---*/
#contact_form{
	margin-top:10%;
}
#contact_form, #contact_form a {
	color: #fff;
}
#contact_form strong{
	font-family:'ProximaNova-Bold';
}
#contact_form input, #contact_form textarea{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#contact_form #submit_btn{
	border-radius: 40px;
}
#contact_form .error, #contact_form .success{
	font-size: 14px;
  	color: #ccc;
}

@media only screen and (max-width:986px){
	.whatwedo-two, .whatwedo-five, .whatwedo-seven{
		height:auto !important;
	}
	.joinus, .clients, .brand, .giris, .services{
		height:auto !important;
	}
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (max-width:405px){
	.index_case_btn{
		display:none;
	}
}
#instafeed img{
	border: 4px #f3f3f3 solid;
}
.niyazi{
	font-family: 'Indie Flower', cursive;
	color: #2d89ef;
  	font-size: 30px;
  	line-height: 32px;
}

/*
     FILE ARCHIVED ON 15:22:54 Aug 22, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 18:52:43 Oct 10, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  LoadShardBlock: 37.9 (3)
  esindex: 0.012
  captures_list: 56.7
  CDXLines.iter: 12.493 (3)
  PetaboxLoader3.datanode: 50.3 (5)
  exclusion.robots: 0.345
  exclusion.robots.policy: 0.329
  RedisCDXSource: 1.843
  PetaboxLoader3.resolve: 224.517 (2)
  load_resource: 261.57
*/