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

/* Fonts */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

@font-face {
  font-family: 'DINNextLTPro-UltraLight';
  src: url('../fonts/DINNextLTPro-UltraLight.eot?#iefix') format('embedded-opentype'),  
  	   url('../fonts/DINNextLTPro-UltraLight.otf')  format('opentype'),
	   url('../fonts/DINNextLTPro-UltraLight.woff') format('woff'), 
	   url('../fonts/DINNextLTPro-UltraLight.ttf')  format('truetype'), 
	   url('../fonts/DINNextLTPro-UltraLight.svg#DINNextLTPro-UltraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'DINNextCYR-Light';
	src: url('../fonts/DINNextCYR-Light.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/DINNextCYR-Light.otf') format('opentype'),
		 url('../fonts/DINNextCYR-Light.woff') format('woff'), 
		 url('../fonts/DINNextCYR-Light.ttf') format('truetype'), 
		 url('../fonts/DINNextCYR-Light.svg#DINNextCYR-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINNextCYR-Regular';
	src: url('../fonts/DINNextCYR-Regular.eot?#iefix') format('embedded-opentype'),  
		 url('../fonts/DINNextCYR-Regular.otf') format('opentype'),
		 url('../fonts/DINNextCYR-Regular.woff') format('woff'), 
		 url('../fonts/DINNextCYR-Regular.ttf') format('truetype'), 
		 url('../fonts/DINNextCYR-Regular.svg#DINNextCYR-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'DINNextCYR-Bold';
	src: url('../fonts/DINNextCYR-Bold.eot?#iefix') format('embedded-opentype'),  
	     url('../fonts/DINNextCYR-Bold.otf') format('opentype'),
	     url('../fonts/DINNextCYR-Bold.woff') format('woff'), 
	     url('../fonts/DINNextCYR-Bold.ttf') format('truetype'), 
	     url('../fonts/DINNextCYR-Bold.svg#DINNextCYR-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	margin:0;
	padding:0;
}

header{
	width:100%;
}
header .navbar{
	min-height:140px;
	border:none;
	margin:0;
	background-color:#fff;
}
header .navbar-brand {
    float: left;
    padding: 40px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}
header .navbar-collapse{
	padding-top:35px;
}
header .nav > li > a{
	padding:25px 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}


.promo{
	height:100%;
	padding-top: 140px;
	position:relative;
}
.promo .photo li{
	height:600px;
	width:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.promo .photo {
    padding: 0;
}
.promo .bx-wrapper .bx-viewport{
	border:none;
	left:0;
	box-shadow:none;
}
.promo .proText{
    width: 100%;
    height: 30%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0&0.65+37,0+84,0+85 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 37%, rgba(0,0,0,0) 84%, rgba(0,0,0,0) 85%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 37%,rgba(0,0,0,0) 84%,rgba(0,0,0,0) 85%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 37%,rgba(0,0,0,0) 84%,rgba(0,0,0,0) 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */

	/*background-color:rgba(0,0,0,.3);*/
    position: absolute;
    left: 0;
    bottom: 0;
	padding:55px 60px 60px 160px;
}
.promo .proText h4{
	font-size:24px;
	font-family: 'DINNextCYR-Bold';
	color:#fff;
    margin: 0;
}
.promo .proText h4 span{
	font-size:22px;
	font-family: 'DINNextCYR-Regular';
	color:#fff;
    margin: 0;
}
.promo .proText a{
	font-size:14px;
	font-family: 'DINNextCYR-Bold';
	color:#c2e0e5;
}
.promo .proText a:hover{
	font-size:14px;
	font-family: 'DINNextCYR-Bold';
	color:#c2e0e5;
	text-decoration:none;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
}
.promo .bx-wrapper .bx-controls-direction .bx-prev{
	background:url(../img/control.png);
	background-position: 0 -84px;
	background-repeat:no-repeat;
	display:block;
	width:75px;
	height:75px;
	position:absolute;
	left:0;
}
.promo .bx-wrapper .bx-controls-direction .bx-prev:hover{
	background-position: 1px -2px;
}
.promo .bx-wrapper .bx-controls-direction .bx-next{
	background:url(../img/control.png);
	background-position: -78px -84px;
	background-repeat:no-repeat;
	display:block;
	height:75px;
	width:75px;
	position:absolute;
	right:0;
}
.promo .bx-wrapper .bx-controls-direction .bx-next:hover{
	background-position: -78px -2px;
}
/*Corporate*/
.corporate{
    padding: 80px 0;
	background-color:#f8f8f8;
}
.corporate .nav > li > a{
	color:#9e9e9e;
	font-size:14px;
	font-family: 'DINNextCYR-Regular';
}
.corporate  .nav > li > a:hover,
.corporate  .nav > li > a:focus{
	color:#6a99a1;
	font-size:14px;
	font-family: 'DINNextCYR-Bold';
	background-color:transparent;
}
.corporate  .nav > li > a:hover:after,
.corporate  .nav > li > a:focus:after{
	content:"\f054";
	color:#6a99a1;
	font-size:14px;
	position:absolute;
	right:0;
	top:15px;
	font: normal normal normal 14px/1 FontAwesome;
	background-color:transparent;
}
.corporate  .nav-pills > li.active > a, 
.corporate  .nav-pills > li.active > a:hover, 
.corporate  .nav-pills > li.active > a:focus{
	color:#6a99a1;
	font-size:14px;
	font-family: 'DINNextCYR-Bold';
	background-color:transparent;
}
.corporate  .nav-pills > li.active > a:after, 
.corporate  .nav-pills > li.active > a:hover:after, 
.corporate  .nav-pills > li.active > a:focus:after{
	content:"\f054";
	color:#6a99a1;
	font-size:14px;
	position:absolute;
	right:0;
	top:15px;
	font: normal normal normal 14px/1 FontAwesome;
	background-color:transparent;
}
.corporate h4{
	font-size:48px;
	font-family: 'DINNextCYR-Light';
	margin: 0 0 35px 0;
	color:#000;
}
.corporate h4 strong{
	font-family: 'DINNextCYR-Bold';
}
.corporate p{
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:#656565;
}
.corporate ul{
	padding-left:15px;
}

/*/Corporate*/

/*Proje*/

.proje .fancybox{
	display: block;
    width: 100%;
    height: 100%;
}
.proje{
	padding: 80px 0 150px 0;
}
.proje .nav-tabs > li > a{
	color:#c0c0c0;
	font-family: 'DINNextCYR-Regular';
	font-size:24px;
	border:none;
}
.proje .nav-tabs{
	border:none;
	padding-bottom:50px;
}
.proje .nav > li > a{
	padding:10px 15px 10px 0;
}
.proje .nav > li > p{
	font-size:12px;
	color:#c0c0c0;
	font-family: 'DINNextCYR-Regular';
	margin:0;
    padding: 20px 0 0 0;
}
.proje .nav > li > a:hover, 
.proje .nav > li > a:focus{
	background-color:transparent;
	border:none;
	color:#000;
	transition:.5s;
}
.proje .nav-tabs > li.active > a, 
.proje .nav-tabs > li.active > a:hover, 
.proje .nav-tabs > li.active > a:focus{
	background-color:transparent;
	color:#000;
}
.proje .box{
	min-height:420px;
}
.proje .box h4{
	color:#666666;
	font-size:16px;
	font-family: 'DINNextCYR-Bold';
	text-align:left;
	padding:30px 0;
	margin:0;
}
.proje .box h4 span{
	font-family: 'DINNextCYR-Light';
}
.proje .box .pop-up {
    height: 340px;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.proje .box .pop-up .acik{
	background-color:#00519e;
	height:0px;
	width:0px;
	position:absolute;
	left:50%;
    top:50%;
	opacity:0;
}
.proje .box .pop-up .acik h4{
	color:#add9ff;
	font-family: 'DINNextCYR-Bold';
	font-size:12px;
	padding:30px 0 0 15px;
}
.proje .box .pop-up .acik ul{
	color:#fff;
	font-family: 'DINNextCYR-Regular';
	font-size:14px;
	padding:20px 10px 0 25px;
	margin:0;
	border:none;
}
.proje .box .pop-up .acik p{
	color:#fff;
	font-family: 'DINNextCYR-Regular';
	font-size:12px;
	padding:20px 10px 0 15px;
	margin:0;
	border:none;
}
.proje .box .pop-up .acik .close{
	border:none;
	margin:30px;
	padding:0;
	text-shadow:none;
	color:#fff;
	opacity:1;
}
.proje .box .ref-btn{
	background:url(../img/ref-btn.png);
	background-position:-25px -20px;
	height:15px;
	width:25px;
	position:absolute;
	right: 10%;
	bottom: 8%;
}
.proje .box .ref-btn:hover{
	background-position:0 0;
}
.proje .box .ref-btn:active{
	background-position:0 0;
}
/*/Proje*/

/*A2*/
.a2{
	background-color:#fbd617;
	position:relative;
	z-index:999;
}
.a2 p{
	color:#343434;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	padding:30px 0;
}
.a2 img{
	position:absolute;
	top: -120px;
}
/*/A2*/


.bilgiler{
	padding:60px 0;
}
.bilgiler .col-md-2{
	padding:0;
}
.bilgiler h4{
	color:#378390;
	font-family: 'DINNextCYR-Bold';
	font-size:20px;
}
.bilgiler .form-group{
	float:left;
}
.bilgiler .form-control {
    display: block;
    width: 95%;
    height: 60px;
	font-family: 'DINNextCYR-Regular';
    padding: 0px 30px;
    color: #000000;
    border: 1px solid #eeeeee;
    border-radius: 0;
}
.bilgiler .btn-default{
	color:#fff;
	font-family: 'DINNextCYR-Bold';
}
.bilgiler .btn-default:active:hover, 
.bilgiler .btn-default.active:hover, 
.bilgiler .open > .dropdown-toggle.btn-default:hover, 
.bilgiler .btn-default:active:focus, 
.bilgiler .btn-default.active:focus, 
.bilgiler .open > .dropdown-toggle.btn-default:focus, 
.bilgiler .btn-default:active.focus, 
.bilgiler .btn-default.active.focus, 
.bilgiler .open > .dropdown-toggle.btn-default.focus{
	background-color:#378390;
	color:#fff;
	border:none;
}
.bilgiler .btn {
	background-color:#378390;
    border: none;
    padding: 20px 35px;
    font-size: 14px;
    border-radius: 1px;
}
/*Footer*/
footer{
	background-color:#6998a0;
	padding:60px 0;
}
footer p{
	color:#c1e4eb;
	padding-top:10px;
}
footer .alt-menu{
	padding: 15px 0 0 0;
}
footer .alt-menu a{
	color:#c1e4eb;
	padding-right:8px;
}
footer .alt-menu a:hover{
	color:#fff;
	padding-right:8px;
	text-decoration:none;
}
footer .adress p{
	color:#c1e4eb;
	padding-top:0;
}
footer .logo{
	padding:20px 0 0 5px;
}

/*/Footer*/

/* Responsive */
@media all and (min-width: 1440px) /* geniş ekranlar */ {
}
@media all and (max-width: 1440px) /* birçok laptop */ {
}
@media all and (max-width: 1280px) /* genellikle tabletler */ {
	.promo .proText {
		padding: 55px 60px 60px 60px;
	}
	.proje {
		padding: 80px 0 50px 0;
	}
	.a2 img {
		top: -50px;
	}
	footer {
		font-size:11px;
	}
	footer .logo {
		padding: 10px 0 0 5px;
	}
	.bilgiler .form-control {
		padding: 0px 20px;
	}
	.bilgiler{
		padding:40px 0;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
	.portrait{
		background:rgba(0,0,0,0.95) url(../img/yatay.png) 50% 50% no-repeat;
		width:100%;
		height:100%;
		position:fixed;
		left:0;
		top:0;
		z-index:999999;
	}
}
@media all and (max-width: 667px) /* max yatay mobil */ {
	header .navbar {
		min-height: 100px;
	}
	header .navbar-brand {
		padding: 25px 15px;
	}
	.navbar-toggle {
		margin-top: 30px;
	}
	.promo {
		padding-top: 100px;
	}
	.corporate {
		text-align:center;
	}
	.corporate .nav > li > a:hover:after, 
	.corporate .nav > li > a:focus:after{
		content: "\f078";
		color: #6a99a1;
		font-size: 12px;
		position: absolute;
		right: 0;
		top: 15px;
		font: normal normal normal 14px/1 FontAwesome;
		background-color: transparent;
	}
	.corporate .nav-pills > li.active > a:after, 
	.corporate .nav-pills > li.active > a:hover:after, 
	.corporate .nav-pills > li.active > a:focus:after{
		content: "\f078";
		color: #6a99a1;
		font-size: 12px;
		position: absolute;
		right: 0;
		top: 15px;
		font: normal normal normal 14px/1 FontAwesome;
		background-color: transparent;
	}
	.proje .nav > li > a {
		padding: 10px 15px 10px 35px;
	}
	.proje .nav > li > p {
		padding: 20px 160px 0 0;
	}
	.a2 img {
		position:relative;
		top: -10px;
	}
	.bilgiler{
		padding:30px 0;
	}
	.bilgiler .form-control {
		padding: 0px 10px;
	}
	.bilgiler h4{
		padding-left:15px;
	}
	footer {
		text-align:center;
		font-size:12px;
	}
	footer .adress p {
		padding-top: 15px;
	}
}
@media all and (max-width: 414px) /* max dikey mobil */ {
	header .navbar-brand {
		padding: 25px 5px;
	}
	.promo .proText {
		padding:45px 0 60px 40px;
	}
	.bx-wrapper .bx-controls-direction a {
		top: 35%;
	}
	.promo .proText h4{
		font-size:20px;
	}
	.promo .proText h4 span{
		font-size:20px;
	}
	.corporate .nav > li > a:hover:after, 
	.corporate .nav > li > a:focus:after{
		content: "\f078";
		color: #6a99a1;
		font-size: 14px;
		position: absolute;
		right: 0;
		top: 15px;
		font: normal normal normal 14px/1 FontAwesome;
		background-color: transparent;
	}
	.corporate .nav-pills > li.active > a:after, 
	.corporate .nav-pills > li.active > a:hover:after, 
	.corporate .nav-pills > li.active > a:focus:after{
		content: "\f078";
		color: #6a99a1;
		font-size: 14px;
		position: absolute;
		right: 0;
		top: 15px;
		font: normal normal normal 14px/1 FontAwesome;
		background-color: transparent;
	}
	.proje .nav > li > a {
		padding: 10px 15px 10px 35px;
	}
	.proje .nav > li > p {
		padding: 20px 30px 0 0;
	}
	.a2 img {
		position:relative;
		top: -10px;
	}
	.bilgiler{
		padding:30px 0;
	}
	.bilgiler h4{
		padding-left:15px;
	}
	.bilgiler .form-group{
		float:none;
	}
	.bilgiler .btn {
		width: 100%;
	}
	footer {
		text-align:center;
	}
	footer .adress p {
		padding-top: 15px;
	}
	.corporate {
		text-align:center;
    	padding: 30px 0;
	}
}