@import url("fonts.css");

*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
}

input, select, button, textarea{
	box-shadow: none;
	outline: 0;
}

input:focus{
	box-shadow: none!important;
	outline: none!important
}

textarea:focus{
	box-shadow: none!important;
	outline: none!important
}

textarea{
	resize: none;
}

button:focus{
	box-shadow: none!important;
	outline: none!important
}

a:hover{text-decoration: none;}

body{
	height: 100%;
	font-size: 16px;
	font-family: sans-serif;	
	overflow-x: hidden;
}

/******************************************************************/

.k{border:1px solid red}
.s{border:1px solid yellow}
.m{border:1px solid blue}

/******************************************************************/
.genel-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.main-wrapper{
	overflow:hidden;
	min-height: 500px;
}

.sosyal-content{
	width: 60px;
	height: 40px;
	padding-left: 15px;
	padding-top: 5px;	
	font-size: 20px;	
	cursor: pointer;
}

#sosyal-right a{
	color: #fff; 
	display: block
}	

.facebook-r{background: #3b5997; }
.linkedin-r{background: #007bb6;}
.instagram-r{background: #5280a4}
.youtube-r{background: #ba0001}
.google-r{background: #de4b39}

/* HEADER --------------------------------------------------------*/

	/* menu -----------------------------------------------------*/
	.menu-wrap{
		position: fixed;	
		width: 100%;
		background: rgba(37,53,80, 0.85);
		z-index: 800;
		top:0;
		left: 0;
		height: 115px;
		padding: 0;
		padding-top: 5px;	
		transition: all 0.3s linear;			
	}

	.menu-content{		
		position: relative;
		width: 100%;
		transition: all 0.3s linear;	
	}

	.lang{
		position: absolute;
		top:3px;
		right: 3px;
		font-size: 14px;
		display: flex;
	}

	.lang a{
		color: #fff; 
		display: block; 
		transition: 0.3s;		
	}

	.lang a:hover{color: #e3ca76;} 

	.vert-line{
		width: 2px; 
		border-left:1px solid #FFF; 
		height: 13px;
		margin: 4px 7px 0 7px;
	}
	
	.logo{
		float: left;		
	}

	.logo img{			
		height: 105px;
		transition: all 0.3s linear;	 
	}	
		
	header nav{
		float:right; 
		margin-top:30px;
		transition: all 0.3s linear;		
	}
	
	header nav ul{
		display:flex
	}
	
	header nav ul li a{
		display:block; 
		color:#fff; 		
		font-size: 15px;
		padding-left: 20px;
		margin-top: 15px;
		transition: 0.3s;	
		font-family: "Raleway-Regular";	 		
	}
	
	header nav ul li a:hover, header nav ul li a.active{color:#e3ca76}
	
	.menu-toggle{
		float:right; 
		border:0; 
		width:35px; 
		height:35px; 
		padding:0;
		cursor:pointer; 
		position:relative; 
		background:#000; 
		display:none; 			
	}		
	
	.menu-toggle span{
		position:absolute;				
		left:0;
		display:block; 				
		height:3px; 
		width:100%;
		top:16px;
		background:#fff; 
		transition:all 0.3s	
	}
	
	.menu-toggle span:before{
		content:'';
		position:absolute;
		top:-10px;
		left:0;
		display:block; 				
		height:3px; 
		width:100%;				
		background:#fff; 
		transition:all 0.3s	
	}
	
	.menu-toggle span:after{
		content:'';
		position:absolute;
		top:10px;
		left:0;
		display:block; 				
		height:3px; 
		width:100%;				
		background:#fff; 
		transition:all 0.3s	
	}
	
	.menu-toggle.togglespn span{
		background:transparent
	}
	
	.menu-toggle.togglespn span:before{
		top:0;
		transform: rotate(45deg);
	}
	
	.menu-toggle.togglespn span:after{
		top:0;
		transform: rotate(-45deg);
	}

	/* end menu ---------------------------------------------------*/


/* END HEADER -----------------------------------------------------*/


/* FOOTER --------------------------------------------------------*/
.footer-wrapper{font-size: 14px;}
.footer-top{
	min-height: 200px;
	background: #354459;	
	color: #ddd;
}

.footer-wrapper h4{color:#9fafc8; margin-bottom: 15px;}

.footer-wrapper a{
	color:#eee;
	display: block;
	margin:8px 0;
	transition: 0.3s
}

.footer-wrapper a:hover{color:#e3ca76}

.footer-line{
	height: 2px; 
	border-bottom: 1px solid #516075 
}

.web-tsrm{font-size: 12px;}

/* END FOOTER -----------------------------------------------------*/

/* INDEX -----------------------------------------------------------*/
#carouselControls{	
	height: 100vh;
	z-index: 100;	
}

.main-inner{height: 100vh;}

.mainsec-2-link{	
	position: relative;
	padding: 10px 0;
	margin-top: -100px;
	background: rgba(0,0,0,0.8);
	height: 100px;	
	z-index: 110;
}

.tl-text{font-size: 13px; margin-top: 10px;}

.mainsec-2-link a{color:#ddd;transition: all 0.3s linear}
.mainsec-2-link a:hover{color: #e3ca76;}

.mainsec-2-link img{height: }

.col-line{
	position: absolute;
	bottom: -5px;
	right: 15px;
	width: 3px;
	height: 30px;
	border-left: 2px dotted #ccc
}

.main-p{
	font-weight: 500;
	line-height: 26px;	
	font-family: "UbuntuRegular";
}

#mainsec-3 h1{font-size: 50px;}

.incele-a{
	display: block;
	width: 150px;
	border:1px solid #111;
	color: #111;
	text-align: center;
	padding: 15px 0;
	background: url('../_img/sol-ok.png') no-repeat 10px 20px;
	transition: all 0.3s linear;
}

.incele-a:hover{	
	border:1px solid #fff;
	color: #111;
	box-shadow: 0 0 20px rgba(0,0,0,0.7);
}

#mainsec-4 h3{
	font-family:"DynalightRegular"; 
	font-size: 50px; 
	font-weight: 500 
}

#mainsec-4 h4{font-weight: 700; font-size: 36px}

.proje-a{
	display: block;
	width: 180px;
	height: 65px;
	background: #364459 url('../_img/link-cizgi.png') no-repeat right bottom;
	color: #fff;
	padding: 10px 0 5px 0;
	font-size: 18px;
	font-weight: 600;	
	margin-left: 30px;
	margin-right: 30px;
	margin-top: -30px;
	position: relative;
	z-index: 10;
	transition: all 0.2s linear;
}

.proje-a span{
	display: block; 
	font-size:16px;
	font-weight: 400;
}

.proje-a:hover{color:#fff;}

.projea-wrap img{transition: all 0.2s linear;}

.projea-wrap:hover img{transform: scale(1.02);}

.projea-wrap:hover .proje-a{
	transform: translateY(-100px);
}

.haber-overlay{
	position: absolute;
	height: 0;
	width: 100%;
	left:0;
	bottom:0;
	background: rgba(37,53,80,0.8);
	text-align: center;
	transition: all 0.2s linear;
}

.hbr-img-wrap:hover .haber-overlay{
	height: 100%;
}

.btn-haber-incele{
	display: none;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border:2px solid #eee;	
	color: #fff;
	transition: all 0.2s linear;
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	margin:auto;
}

.btn-haber-incele:hover{
	color: #fff;
	background: #999
}

.haber-overlay:hover .btn-haber-incele{display: block;}

.hbr-ozet{min-height: 80px}

#mainsec-5 h4{font-weight: 700; font-size: 36px}

#mainsec-5 h6{font-weight: 500;}

#mainsec-5 p{font-size:15px;}

#mainsec-6 h4{font-weight: 700; font-size: 36px}

.drone{
	position: absolute;
	left:5%;
	bottom:20px;
	color: #fff;
}

.pie-box{
	width: 230px;
	height: 230px;
	border-radius: 50%;
	margin: 0 auto;
	text-align: center;
	padding-top:35px;
	margin-top: 15px;
	position: relative;
}

.pie-box canvas{
	position: absolute;
	top:0;
	left:0;
	width: 230px;
	height: 230px;
}

/*
.pie-1{
	background: url('../_img/pie1.jpg') no-repeat 0 0;
	background-size: contain;
}
.pie-2{
	background: url('../_img/pie2.jpg') no-repeat 0 0;
	background-size: contain;
}
.pie-3{
	background: url('../_img/pie3.jpg') no-repeat 0 0;
	background-size: contain;
}
.pie-4{
	background: url('../_img/pie4.jpg') no-repeat 0 0;
	background-size: contain;
}

*/

.count{
	font-weight: bold;
	font-size: 48px;
	color: #364459;
}

.count-tex{font-size: 12px; margin-top: -10px}

.count-line{
	width: 50px;
	height: 4px;
	background: #fdc716;
	margin-top: 5px
}

.haber-tarih{
	font-size: 12px;
	color:#888;
}
/* END INDEX -------------------------------------------------------*/


/* PROJELER --------------------------------------------------------*/
.projeler-sec1{
	position: relative;
	overflow:hidden;
	color: #fff;
}

.antet-bg{
	position: absolute;
	top:0;
	left:0;	
	background: url('../_img/pages-top-img.jpg') no-repeat 0 0;
	background-size:cover;
	background-position-x:center;
	z-index: 2;
}

.antet-text-wrappper{
	padding-top: 180px; 
	position: relative;
	min-height: 400px;
	z-index: 5;
}

.projeler-sec1 h1{font-weight: bold;}

.projeler-sec1 h5{
	font-weight: 100; 
	color: #ccc; 
	font-family: "phagspa";
}

.pages-nav{
	position: absolute;
	left:0;
	bottom:0;
	background: rgba(0,0,0,0.7);
	padding: 10px 0;
	font-size: 14px;
	color: #ccc;
	font-family: "phagspa";	
}


.pages-nav a{color: #ccc; transition: all 0.3s linear}
.pages-nav a:hover{color: #e3ca76;}

.geri-don{color: #e3ca76!important;}

.prj-tab-header{
	font-weight: 600;
	margin-right: 20px;
	cursor: pointer;
}

.prj-tab-header:last-child{margin-right: 0;}

.pth-active{border-bottom: 4px solid #637fb0}

.prj-tab-content{margin-top: 25px;}

.proje-img-wrap{
	overflow:hidden;
	position: relative;
	z-index: 15;
}

.proje-overlay{
	position: absolute;
	width: 100%;
	height: 0;
	left:0;
	bottom:0;
	background: rgba(0,0,0,0.6);
	z-index: 20;	
	text-align: center;	
	transition: all 0.3s linear;
}

.proje-overlay a{
	width: 100%;
	height: 100%;
	color: #ddd;
	margin-top: 30%;
}

.proje-overlay a i{font-size: 30px}

.prj-isim-wrap{
	background: #2a497a;
	color: #FFF;
	padding: 10px;
}

/* END PROJELER ----------------------------------------------------*/

/* PROJE DETAY ------------------------------------------------------*/
.prjname-head{
	background: #2a497a;
	color: #fff;
	padding: 10px;
}

.prjdet-img-wrap img{ max-height: 450px; }

.prj-detay h6{
	color: #244d8f;
	font-weight: bold;
}

.prj-page-head{
	color: #244d8f;
	font-weight: bold;
}

.prj-filed{
	color: #244d8f;
	font-weight: bold;
}

.prj-detay-wrap{font-family: "UbuntuRegular"}

.prj-img-tab-link{
	border:1px solid #244d8f;
	width: 34px;
	height: 30px;
	cursor: pointer;
	text-align: center;
	color: #244d8f;
	font-weight: bold;
	line-height: 30px;
	margin:0 2px;
}

.ptl-active{
	background:#244d8f;
	color: #fff; 
}

.proje-imglist-content{
	display: none;
}

.viewbox-container {z-index: 900!important; background: rgba(0,0,0,0.8);}

.prj-list-resim{
	min-height: 195px;	
}
/* END PROJE DETAY --------------------------------------------------*/

/* HABERLER ---------------------------------------------------------*/
.hbr-rsm-wrap{
	border-bottom: 1px solid #ddd;
	font-family: "UbuntuRegular";
}

.incele-a-wrap{
	position: absolute;
	bottom:0;
	left:15px;
}
/* END HABERLER -----------------------------------------------------*/

/* HAKKIMIZDA -------------------------------------------------------*/
.hizli-erisim-head{
	height: 50px;
	background: #c7a45a;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}

.hizer-content ul li{
	display: block; 
	height:30px;
	border-bottom: 1px dashed #000;
	margin: 10px 0; 
	padding:0 15px;
}

.hizer-content ul li:last-child{border-bottom:0}

.hizer-content ul li a{
	display: block; 
	color: #000;
	transition: all 0.3s linear;
	font-family: "UbuntuRegular";	
}

.hizer-content ul li a:hover{color:#c7a45a}
/* END HAKKIMIZDA ----------------------------------------------------*/

/* HİZMETLER ---------------------------------------------------------*/
.usty-header{
	font-family: UbuntuBold;
	margin-bottom: 15px;
	color: #244d8f;
	padding-left: 5px;
	font-size: 18px;
}
.hiz-ul li{
	font-family: "UbuntuRegular";	
	display: block;
	background: url('../_img/tick-mavi.png') no-repeat 0 5px;
	padding-left: 25px;
	margin-bottom: 10px;
}
/* END HİZMETLER -----------------------------------------------------*/

/* İLETİŞİM ----------------------------------------------------------*/
#iletisimForm input{
	width: 100%;
	border:1px solid #000;
	border-radius: 0;
	padding: 10px;
}

#iletisimForm textarea{
	width: 100%;
	border:1px solid #000;
	border-radius: 0;
	padding: 10px;
}

.ilt-content{
	position: absolute;
	top:0;
	left:15px;
	border-radius: 5px;
	padding: 6px;
	background: #364459;
	color:#fff;
	width: 200px;
	height: 40px;
	font-size:11px;
	z-index: 120;
	text-align: center;

	/*animation: ilt-anim 1s ease forwards;*/
	display: none;
}

@keyframes ilt-anim{
	0% {top: 0px}	
	100% {top: -46px}
}

.ucgen{
	width: 10px;
	height: 10px;
	background: #364459;
	transform: rotate(45deg);
	margin-top: 10px;
	margin-left: 10px;
}

.btnGonder{
	background: #364459;
	color: #fff;
	font-weight: bold;
	padding: 12px 30px;
	border:0;
	border-radius: 0;
}
.btnGonder:hover{
	color: #fff;
	background: #586c8b;
}

.harita{
	border:1px solid #000;
}

.iltsm-right h4{
	background: #c7a45a;
	font-weight: bold;
	text-align: center;
	font-size:26px;
	padding: 12px 0;
}

.iltsm-right li{font-size: 14px; margin:13px 0;}
.iltsm-right li i{margin-right: 7px; font-size: 18px}

.iltsm-right h3{
	background: #364459;
	font-weight: bold;
	text-align: center;
	font-size:30px;
	padding: 12px 0;
	margin-top: 50px;
	color: #fff;
}

.cls-saat{font-size: 14px;}
/* END İLETİŞİM -------------------------------------------------------*/

/* KARİYER ------------------------------------------------------------*/
#kariyerForm input{
	width: 100%;
	border:1px solid #666;
	border-radius: 0;
	padding: 5px;
}

#kariyerForm textarea{
	width: 100%;
	border:1px solid #666;
	border-radius: 0;
	padding: 5px;
}
/* END KARİYER ---------------------------------------------------------*/

/* DEGERLERIMIZ --------------------------------------------------------*/
#degerler-sec2{
	font-family: "UbuntuRegular";
}

.ynlk-h1{
	font-family: "UbuntuBold";
	color: #c7a45a;
	font-size: 50px;
	margin-bottom: 0;
}

.blue-t{color: #4d6e9f}
/* END DEGERLERIMIZ ----------------------------------------------------*/

/* GALERİ --------------------------------------------------------------*/
.kategori-wrap{
	padding: 20px;
	border:1px solid #ccc;
	position: relative;
	font-family: "UbuntuRegular";
	padding-bottom: 30px;
	background: url('../_img/blur.png') no-repeat center bottom;
	background-position-x: center;	
}
/* END GALERİ -----------------------------------------------------------*/

/* ETİKETLER ------------------------------------------------------------*/
.etiket-tab-header{
	padding: 20px 15px;
	padding-right: 50px;
	color:#000;
	font-family: "UbuntuBold";
	background: transparent;
	border-radius: 10px;
	border:1px solid #ccc;
	cursor: pointer;
}

.etk-active{
	color:#FFF;	
	background: #1f3960;		
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.etiket-plus{
	position: absolute;
	top:15px;
	right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #1f3960;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.ep-active{
	position: absolute;
	top:15px;
	right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #fff;
	color: #1f3960;
	text-align: center;
	line-height: 30px;
}

.etiket-content{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: none;
}
/* END ETİKETLER --------------------------------------------------------*/

@media (min-width:992px){
    .proje-img-wrap img{
        height:250px;
        max-height:250px!important;
    }
}

@media (min-width: 769px){
	.sosyal-right{	
		position: fixed;
		right: 0;
		top:25%;	
		width: 65px;		
		z-index: 600;
		transition: all 0.2s linear
	}

	.sosyal-content{
		width: 45px; 
		margin-left: auto;
		transition: all 0.2s linear
	}



	
}

@media (max-width: 1300px){
	.main-p p{line-height: 16px;font-size: 13px!important;}
	.main-p p span{font-size: 13px!important;}
}

@media (max-width:991px){

	/* menu --------------------------------*/		
	header{padding:0}
	
	.menu-wrap{
		height: 80px; 
		
		top:0;
		left:0;
	}

	.menu-content{ 
		position: static;
		top:0;
		left:0; 
		padding:5px 10px 2px 10px;		
		width: 100%;
	}	
	
	.logo img{height: 66px; margin-left: 15px;}
	

	.lang{margin-right: 90px; margin-top:12px;}
	
	.menu-toggle{
		display:block; 
		position: absolute;
		top:12px;
		right: 20px; 
		z-index:900;
		background: transparent;
	}		
	
	header nav{
		position:absolute; 
		width:100%; 
		padding: 0;
		height: calc(100vh - 50px); 
		background: #253550; 
		top:44px; 
		left:-100%;
		z-index:850;
		transition:0.5s		
	}
				
	header nav ul{display:block}
	
	header nav.nav-show{left:0}
	/* end menu */

	/* index */
	#carouselControls{margin-top: 80px; height: auto}
	.main-inner{height: auto}
	.drone{left:4%;bottom:5px;}
	.drn-text{font-size: 14px; line-height: 18px; text-align: left}
	
	/* end index */

	.antet-text-wrappper{padding-top: 90px; min-height: 250px;}

	.img-lightbox{
		position: fixed;
		left:0;
		top:0;
		right: 0;
		bottom:0;
		width: 80%;
		height: 60%;
	}	

	.incele-a-wrap{
		position: static;
		margin-top: 20px;	
	}		

	.main-p p{line-height: 24px;font-size: 16px!important;}
	.main-p p span{font-size: 16px!important;}

	#mainsec-3 h1{font-size: 30px;}
	#mainsec-4 h4{font-size: 30px;}
	#mainsec-5 h4{font-size: 30px;}
	#mainsec-6 h4{font-size: 30px;}
}


@media (max-width:768px){

	.img-lightbox{
		position: fixed;
		left:0;
		top:0;
		right: 0;
		bottom:0;
		width: 90%;
		height: 40%;
	}

	.sosyal-right{		
		position: fixed;
		left:0;
		bottom: 0;		
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		height: 40px;
		z-index: 600;
	}

	.sosyal-content{
		width:20%; 
		text-align: center;
	}

	#mainsec-4 h3{font-size: 36px; line-height: 28px;}

	.drone{left:2%;bottom:8px; display: block;}
	.drone img{width: 70px;}

}


@media (max-width:576px){
	
	.menu-content{ position: relative;width: 100%; }

	.projeler-sec1 h1{font-size: 26px;}
	
	.projeler-sec1 h5{font-size: 17px;}
	
}