@import "bootstrap.min.css";
@import "animate.css";
@import url("owl.carousel.css");
@import url("owl.theme.css");
@import url("../icon/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
body{
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: 14px;
  overflow-x:hidden;
}
a{
  color:#21315f;
  font-weight:bold;
  text-decoration:none;
}
a:hover{
  text-decoration: none;
}
.sticky{
  position:sticky;
}
header{
  position:fixed;
  top:0;
  z-index:999;
  display: block;
  width:100%;
  background-color:#FFF;
}
.paralax {
  position:sticky;
  height:100vh;
  width: 100vw;
  z-index:2;
  top:0px;
  overflow:hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bg-video {
  width: 100%;
  height: 100%;
  position:absolute;
  top:0;
  left:0;
  object-fit:cover;
  display:block;
}

section.paralax .overlay{
  background-color:#FFF;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background-color: #fff;
  color: #000;
  font-weight: 900;
  font-size: 300px;
  mix-blend-mode: lighten;
  user-select: none;
}
.bcg {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
.homeSlide{height:100vh;}
.paralax-center-text {
  font-size: 16rem;
  opacity: 1;
  transition: font-size 0.2s ease, opacity 0.2s ease;
  text-align: center;
  transform-origin: center;

}

@media screen and (max-width: 768px) {
  .paralax-center-text {
    font-size: 10rem;
    text-align: center;
    transform-origin: center;
  }
}

.parallax-top-text{color:#000; position:absolute; mix-blend-mode: darken; font-size:24px; z-index: 99; top:150px;}
.parallax-bottom-text{color:#000;position:absolute;font-size:24px;bottom: 161px;}
.slider-bottom{
  width: 100vw;
  height:100vh;
  background-position: center;
  background-size: cover;
  position:absolute;
  top:100vh;
  margin-bottom:100vh;
  background-repeat:no-repeat;
  background-attachment: fixed;
  background: url("https://images.pexels.com/photos/1144687/pexels-photo-1144687.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940");
}
.slider-bottom .col-md-7{color:#FFF; font-size:32px; padding-top:50vh;
  font-size: 4rem !important;
  font-family: "neue_haas_grotesk_display35Th",Helvetica,Arial,sans-serif !important;
  line-height: 100% !important;
}
.btn{
  border-radius:100px;
  padding:10px 20px;
}
.bold-text{
  width: 100%;
  margin: 0 auto;
  display:inline-block;
  text-align:center;
  font-weight: 700;
  font-size:42px;
  line-height: 59px;
  -webkit-font-feature-settings: "kern" 1;
  font-feature-settings: "kern" 1;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  color: #21315f;
}
.about-us-home{
  height:450px;
  border-radius:15px;
  background: url("https://www.sigmamuhendislik.com.tr/assets/image/home/da258e7147591575ee73ff75edf98bad.png");
}
.icon-scroll,
.icon-scroll:before {
  position: absolute;
  z-index:9;
  left: 50%;
}

.icon-scroll {
  width: 35px;
  height: 60px;
  margin-left: -20px;
  cursor: pointer;
  bottom: 5%;
  box-shadow: inset 0 0 0 1px #000;
  border-radius: 25px;
}
.icon-scroll:before {
  content: '';
  width: 8px;
  height: 8px;
  background: #000;
  margin-left: -4px;
  top: 8px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
    transform: translateY(46px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(46px);
    transform: translateY(46px);
  }
}
.hizmetler .container-fluid{
  /* background: url("../images/hizmetler-bg.jpeg"); */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding:0px;
}
.number-list-ilion{
  background:#f3f2ed; color:#21315f
}
.number-list-ilion strong{
  font-weight:900;
  font-size:36px;
}
.number-list-ilion p{
  font-size:18px;
  margin:0px;
  padding:0px;
}
.yorumlar{
  background-color:#1d2e5f;
  color:#FFF;
}
footer{
  display: block;
  background-color:#21315f;
  color:#FFF;
  padding:50px 0px;
}
footer a{color:#fbfbfb!important; font-weight:300; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border:none;
  border-bottom:solid 1px #ff8400;
}
.duyuru-container{position:relative;}
.duyuru-container img{position:relative; width: 100%;}
.duyuru-container .duyurular-text-container{top:75%; padding:15px;position:absolute; color:#FFF; transition: 0.5s;}
.duyuru-container .duyurular-text-container p{display:none}
.duyuru-container .duyurular-text-container a{display:none; position:absolute; bottom:15px; left:15px;}
.duyuru-container:hover .duyurular-text-container{width:100%; height:100%; color:#000; background-color:rgba(255,255,255,0.7); position:absolute; top:0px; left:0px;}
.duyuru-container:hover .duyurular-text-container p{display:inline-block;}
.duyuru-container:hover .duyurular-text-container a{display:inline-block;}
.oncecikanprojeler a{color:#000;}
.oncecikanprojeler h3{font-size:18px; font-weight:600;}
.oncecikanprojeler .date{transform: rotate(90deg); position:absolute; top:30px; right:-5px; font-size:16px; font-weight:500;}
.play-button{
  position:relative;
  left:50%;
  top:42%;
  display: inline-block;
  width:80px;
  height:80px;
  border:solid 2px #FFF;
  border-radius:80px;
  text-align: center;
  padding-top:18px;
}
.iletisim-form{
  background: url("https://www.malumatfurus.org/wp-content/uploads/karapinar-gunes-enerjisi-santrali.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.iletisim-form-text{
  font-weight:500;
  font-size:42px;
  color:#0b658f;
}
.page-header{height:350px; color:#FFF; width:100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.page-header a,.page-header .active{color:#FFF;}
.detail-header-title{font-weight:700; font-size:32px;}
.cat-menu{display: inline-block; list-style-type: none; width: auto; margin: auto;}
.cat-menu li{display: inline-block;}
.cat-menu li a{display: inline-block;font-weight:200;color:rgba(0,0,0,.9);font-size:16px;padding:5px 10px;}
.cat-menu li a:hover,.cat-menu li a.active{text-decoration:none; border-bottom:solid 2px orange;}
.detail-page{margin-top:55px;}
.project-detai-info,.project-detay-galeri{background-color: #f6f6f4}
#detail-page-image-bg{
  height:350px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top:30px;
}
#page-header{
  position:relative;
  height:450px;
  padding-top:150px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color:#FFF;
  background-color:#ccc;
}
#page-header .container{
  position: absolute;
  bottom:25px;
  left: 0;
  right: 0;
  margin: auto;
  margin:auto;
}
#page-header a,#page-header .breadcrumb-item{color:#FFF;}
.bg-grey{background-color:#f1f4f6;}
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.footer-icon{
  width:120px;
  height:120px;
  background-color:#FFF;
  display:inline-block;
  text-align:center;
  border-radius:60px;
  padding-top:10px;
  margin-top:30px;
  margin-bottom:-60px;
}
.blog-col{
  background-color: #004F6E;
}
.social-ul{
  width:100%;
  display:flex;
}
.social-ul li{
  width:100%;
  display:inline-grid;
}
.maps{
  width:50%;
  height:350px;
}
section{
  position:sticky;
  z-index:3;
}
#anasayfa{
  position:sticky;
  z-index:3;
  margin-top:100vh;
}