#yazi {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.arka_plan a {
  letter-spacing: 2px;
  color: #fff;
}

.wpContainer {
  z-index: 20;
}

.wpButtonPopup {
  bottom: 30px;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  right: 30px;
  z-index: 20;
  display: block;
  left: unset;
  right: 100%;
  margin-right: 7px;
  margin-left: 0px;
  width: 156px;
}

.wpButtonPopup .wpButtonPopupText {
  background-color: #f5f7f9;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #43474e;
  font-size: 12px;
  letter-spacing: -.03em;
  line-height: 1.5;
  margin-right: 7px;
  padding: 8px 12px;
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  width: 156px;
}

.wpButtonPopup .wpButtonPopupIcon {
  background: #2db742;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
  -webkit-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
  -moz-box-shadow: 0 6px 8px 2px rgba(0, 0, 0, .14);
  height: 56px;
  width: 56px;
}

.wpButtonPopupIcon::before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  width: 100%;
}

.wpButtonPopupIcon::after {
  background: transparent url("../assets/img/wp.svg") 50% no-repeat;
  background-size: 14px auto;
  -webkit-background-size: 14px auto;
  -moz-background-size: 14px auto;
  opacity: 0;
  -ms-transform: scale(0) rotate(-1turn);
  transform: scale(0) rotate(-1turn);
  -webkit-transform: scale(0) rotate(-1turn);
  -moz-transform: scale(0) rotate(-1turn);
  z-index: 2;
}

/*dark background */

.arka_plan {
  background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .9)), url('../assets/img/3.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.iletisim {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .7)), url('../assets/img/phone23.jpg');
  background-size: cover;
  background-position: center center;

}

.Hizmetler {
  background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .9)), url('../assets/img/hizmetler.jpg');
  background-size: cover;
  background-position: center center;


}

.Anasayfa {
  /* background-color: rgba(44,62,79,.8); */
  /* background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/slider3.jpg'); */
  background-size: cover;
  background-position: center center;


}

.TBMM {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/TBMM.jpg');
  background-size: cover;
  background-position: center center;
}

.BANKA {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/tc-Merkez-bankasi.jpg');
  background-size: cover;
  background-position: center center;

}

.CYBERPARK {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/cyberkpark.jpg');
  background-size: cover;
  background-position: center center;


}
.ACITY {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/new/acityofis/Acity.jpg');
  background-size: cover;
  background-position: center center;
 


}
.BAGLICA {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/cyberkpark.jpg');
  background-size: cover;
  background-position: center center;


}
.KENTPARK {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/cyberkpark.jpg');
  background-size: cover;
  background-position: center center;


}


.Divarese {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/slider-divarese.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.GUESS {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/chi-xiang-eYXX2nR3biM-unsplash.jpg');
  background-size: cover;
  background-position: center center;

}

.HUMMEL {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/HUMMEL-1024x576.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.INSTREET {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/instreet_slider.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.KORKMAZ {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/Korkmaz-Bayi-Uyelik.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.LEVIS {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/Levis_silider.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.MadameCoco {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/MadameCoco-1024x581.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.NIKE {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/nike.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.PATENT {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/TPE-1.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.PUMA {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/puma_osaka.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.TUBITAK {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/tübitak_silider.jpg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}

.VIVENSE {
  background-image: linear-gradient(rgba(44, 62, 79, .6), rgba(44, 62, 79, .7)), url('../assets/img/is/vivense_silider.jpeg');
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}






#hero #heroo {

  height: 50vh;


}

#hero #herom {

  height: 50vh;


}

.generic {

  padding: 100px 0;
}

/*latest section*/

section#latest .latest-item img {
  min-height: 100%;
  width: 100%;


}

section#latest .latest-item button {
  max-height: 250px;
  padding: 0;
  overflow: hidden;

}

section#latest .latest-item {
  position: relative;

}

section#latest .latest-item:hover .overlay {
  opacity: 1;
  background: rgba(189, 61, 75, .9);



}

section#latest .latest-item:hover i {
  opacity: 1;
  transform: none;



}

section#latest .overlay {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(189, 61, 75, 1);
  opacity: .5;
  color: aliceblue;
  transition: all .5s;


}

section#latest .overlay i {

  transform: translateY(40px);
  transition: all .5s;
  opacity: 0;
  font-size: 2rem;



}




/*---------------iletişim css--------------*/



.contactTop {
  text-align: center;
}

.wrapper {
  margin: 0 auto;
  width: 100%;
}

.contactForm {
  margin: 0 auto;
  width: 60%;
}

.formItem {
  margin-bottom: 10px;
  width: 100%;
}

.fromShape {
  color: #fff;
  float: left;
  background-color: #500d16;
  padding: 8px;
  width: 8%;
  text-align: center;

}

.fromField {
  color: #fff;
  background-color: #500d16;
  border: none;
  padding: 15.5px;
  width: 98%;
  display: block;
  font-size: 14px;
}

.formBtn {
  display: block;
  border: none;
  background-color: #500d16;
  color: #fff;
  padding: 12px 25px;
  cursor: pointer;
  text-decoration: none;
  font-weight: bold;
}

.formBtn:hover {
  background: #841916;
}

@media screen and (max-width:960px) {
  #heroo h1 {
    color: #fff;
    font-size: 85px;
    letter-spacing: 2px;
  }

  #heroo span {
    width: 50%;
    color: #841916;
  }


}

@media screen and (max-width:720px) {
  #heroo h1 {
    color: #fff;
    font-size: 75px;
    letter-spacing: 2px;
  }

  #heroo span {
    width: 50%;
    color: #841916;
  }


}

@media screen and (max-width:540px) {
  #heroo h1 {
    color: #fff;
    font-size: 65px;
    letter-spacing: 2px;
  }

  #heroo span {
    width: 50%;
    color: #841916;
  }


}

.header {
  float: left;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 85px;
  max-height: 100%;
  transition: 1s;
  align-items: center;
  justify-content: center;
}

.header.background {
  min-width: 100%;
  background: gray;
  transition: background 1.5s;
  -webkit-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.40);
  -moz-box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.40);
  box-shadow: 0px 1px 13px 0px rgba(0, 0, 0, 0.40);
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.display-flex {
  display: flex;
}

.navbar-toggler {
  position: fixed;
  right: 0;
}

body.overflow,
html.overflow {
  overflow: hidden;
  height: 100%;
}

.mobileMenuList ul li {
  float: left;
  align-self: center;
  width: 100%;
}

.header.background.MenusOpen {
  background: #0B2448;
}


.mobileMenu {
  display: none;
  position: fixed;
  top: 11%;
  left: -100%;
  background: #2c3e4f;
  width: 100%;
  height: 100%;
  z-index: 999;
  transition: 0.5s;
  padding-top: 120px;
  font-weight: 200;
}

@keyframes slideRight {
  0% {
    left: -100%;
  }

  100% {
    left: 0;
  }
}

.mobileMenu.right0 {
  animation: slideRight 0.2s forwards;
}


.mobileMenu .mobileMenuList {
  height: calc(100% - 58px);
  overflow: auto;
  width: 100%;
  padding: 0 15px;
}

.mobileMenuList ul li {
  float: left;
  width: 100%;
}

.menuOpen {
  display: none !important;
}


#logo {
  align-items: center;
  justify-content: center;
  position: fixed;
  top: -3%;
  width: 10%;
}

.mobile {
  top: 0% !important;
  width: 15% !important;
}

.sayac {
  /* text-align: center; */
}