@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
}



::selection {
  color: #0e121b;
  background: #fff;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius:0px;
}

::-webkit-scrollbar-thumb:hover {
  background: #333;
  border-radius:0px;
}


body {
	outline: none !important;
	-webkit-transition: all 0.2s ease-in-out;
	font-family: 'Barlow', sans-serif !important;
	font-weight: normal;
	text-decoration: none;
	margin: auto;
	font-size: 17px;
	background-color: #0e121b;
  color: #fff !important;
	font-synthesis:none;
	-moz-font-feature-settings:'kern';
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	direction:ltr;
}


#preloader {
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    background-color:#fff;
    z-index:999998;
}
 
#status {
    width:200px;
    height:200px;
    position:absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-image: url(../images/page-load.jpg);
	  background-size: 100%;
    background-repeat:no-repeat;
    background-position:center;
    margin:auto;
}



.dewheader{
  -webkit-transition: all 0.2s ease-in-out;
  height: 130px !important;
  overflow: hidden;
  background: rgb(14,18,27);
  background: linear-gradient(180deg, rgba(14,18,27,1) 40%, rgba(0,0,0,0) 100%);
  width: 100%;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  margin: auto;
  z-index: 989889;
}


.dewheader.active{
  -webkit-transition: all 0.2s ease-in-out;
  height: 50px !important;
  overflow: hidden;
  width: 100%;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  margin: auto;
  z-index: 989889;
}


.logo{
  -webkit-transition: all 0.2s ease-in-out;
  width: 176px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right: 0px;
}

.logo.active{
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: -15px;
  width: 106px;
  height: 30px;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  right: 0px;
}

.social-area{
-webkit-transition: all 0.2s ease-in-out;
}

.social-area.active{
  -webkit-transition: all 0.2s ease-in-out;
  margin-top: -15px;
}


.banner{
  position: relative;
  z-index: 898989;
  position: relative;
}

.banner-shadow{
  z-index: 89;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
background: rgb(14,18,27);
background: linear-gradient(0deg, rgba(14,18,27,1) 20%, rgba(0,0,0,0) 100%);
  width: 100%;
  height: 130px;
}

.banner-text-area{
  -webkit-transition: all 0.2s ease-in-out;
  width: 70%;
  height: auto;
  padding-top: 14%;
  position: absolute;
  margin: auto;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 88989;
}

banner-subtitle{
  font-size: 1.2em;
  color: #fff;
  letter-spacing: 5px;
  display: block;
  font-weight: 100;
}

home-subtitle{
  font-size: 1.4em;
  color: #fff;
  line-height: 1.3em;
  display: block;
  font-weight: 400;
}

banner-title{
  font-size: 3em;
  color: #fff;
  display: block;
  font-weight: 300;
}

contentbanner-title{
  font-size: 2em;
  color: #fff;
  display: block;
  font-weight: 300;
}

banner-p{
  font-size: 1em;
  color: rgba(255,255,255,0.7);
  display: block;
  font-weight: 400;
}

.banner-button{
  -webkit-transition: all 0.2s ease-in-out;
  float: left;
  padding: 10px 20px 10px 20px;
  font-size: 0.7em;
  letter-spacing: 3px;
  font-weight: 500;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.7);
}

.banner-button:hover{
  -webkit-transition: all 0.2s ease-in-out;
  background-color: #fff;
  float: left;
  font-weight: 500;
  padding: 10px 20px 10px 20px;
  font-size: 0.7em;
  letter-spacing: 3px;
  color: #0e121b;
  border: 1px solid rgba(255,255,255,1);
}

.banner-button2{
  -webkit-transition: all 0.2s ease-in-out;
  float: right;
  padding: 10px 20px 10px 20px;
  font-size: 0.7em;
  letter-spacing: 3px;
  font-weight: 500;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.7);
}

.banner-button2:hover{
  -webkit-transition: all 0.2s ease-in-out;
  background-color: #fff;
  float: right;
  font-weight: 500;
  padding: 10px 20px 10px 20px;
  font-size: 0.7em;
  letter-spacing: 3px;
  color: #0e121b;
  border: 1px solid rgba(255,255,255,1);
}

.home-button{
  margin: auto;
  width: 60%;
  -webkit-transition: all 0.2s ease-in-out;
  padding: 10px 20px 10px 20px;
  font-size: 0.8em;
  letter-spacing: 1px;
  font-weight: 500;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.7);
}

.home-button:hover{
  margin: auto;
  width: 60%;
  -webkit-transition: all 0.2s ease-in-out;
  background-color: #269bea;
  font-weight: 500;
  padding: 10px 20px 10px 20px;
  font-size: 0.8em;
  letter-spacing: 1px;
  color: #fff;
  border: 1px solid rgba(38,155,234,1);
}


.social-ico{
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 0.7;
  transform: scale(1);
}


.social-ico:hover{
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 1;
  transform: scale(1.09);
}

.homeimg{
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 0.6;
}

.homeimg:hover{
  -webkit-transition: all 0.2s ease-in-out;
  opacity: 1;
}


p{
  font-size: 1em;
  color: rgba(255,255,255,0.8);
  font-weight: 400;
  letter-spacing: 0px;
  display: block;
  line-height: 1.6em;
  margin-top:4px !important;
  padding-top:4px !important;
  margin-bottom:4px !important;
  padding-bottom:4px !important;
}


.home-hizmet{
  transform: scale(1);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;

}


.home-hizmet:hover{
  transform: scale(1.03);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
}


.anka{
  -webkit-transition: all 0.2s ease-in-out;
  transform: scale(1);

}

.anka:hover{
  -webkit-transition: all 0.2s ease-in-out;
  transform: scale(1.2);
  opacity: 1;
}


.space{
  height: 100px;
}

.footer{
  border-top: 1px solid #263046;
}


footer-title{
  font-size: 1em;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.5);
  display: block;
  font-weight: 600;
}

footer-link{
  color: rgba(255,255,255,0.3);
  font-size: 0.9em;
  font-weight: 400;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
}

footer-link:hover{
  color: rgba(255,255,255,1);
  font-size: 0.9em;
  font-weight: 400;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
}

a{
  text-decoration: none !important;
}


footer-main-title{
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  font-size: 1.6em;
  font-weight: 300;
  color: rgba(255,255,255,0.3);
  display: block;
}

footer-main-title:hover{
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  font-size: 1.6em;
  font-weight: 300;
  color: rgba(255,255,255,1);
  display: block;
}


footer-copy{
  color: rgba(255,255,255,0.6);
  font-size: 0.7em;
  letter-spacing: 3px;
  font-weight: 300;
  display: block;
  -webkit-transition: all 0.2s ease-in-out;
  line-height: 2em;
}

.footer-social{
  opacity: 0.4;
  -webkit-transition: all 0.2s ease-in-out;
}

.footer-social:hover{
  opacity: 1;
  -webkit-transition: all 0.2s ease-in-out;
}


.proje-box{
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.1);
  transition: 0.2s;
}

.proje-box:hover{
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0);
  transition: 0.2s;
  box-shadow: 0px 0px 30px rgba(0,0,0,.7);
  transform: scale(0.98);
  transition: 0.2s;
}

.proje-img{
  transition: 0.2s;
  overflow: hidden;
}

.proje-img img{
  transform: scale(1);
  transition: 0.2s;
}

.proje-img:hover img{
  transform: scale(1.2);
  transition: 0.2s;
}

.proje-title{
  font-size: 16px;
  font-weight: 500;
  color: rgba(255,255,255,0.7);
  display: block;
  text-align: center;
}

.proje-subtitle{
  font-size: 14px;
  font-weight: 400;
  color: rgba(255,255,255,0.5);
  display: block;
  text-align: center;
}