.oto{min-height: 600px;}
.scr-up {
    display:none;
    background-color:#00F37C;
    padding:8px;
    position:fixed;
    bottom:10px;
    left:10px;
    text-decoration:none;
    color:white;
    z-index: 9999;
}

/*New starting*/
.top-menu{
  background-color: #363B42;
}
/*mobile menu*/
.top-on {
    z-index: 99999;
}

/*intro eff*/
.clrmx:hover{
  background: rgba(0, 0, 0, 0.6);
  color: white !important;
}

/*social eff*/
.social a{color: orange; transition: 0.5s;}
.social a:hover {border-color: #fff; box-shadow: 0 0 0px #fff,0 0 50px #fff;}
.social a:hover i{color: #fff;}

/*icon eff*/
.grow {transition: 0.5s;}
.grow:hover {color: white !important; border-color: white; box-shadow: 0 0 10px white,0 0 8px orange;}
.zoom img {border: none; -webkit-transition: -webkit-transform 0.2s ease-in-out; -moz-transition: -moz-transform 0.2s ease-in-out; -ms-transition: -ms-transform 0.2s ease-in-out; -o-transition: -o-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out;}
.zoom:hover img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.navbar{
  background-color: #3D424A;
}

/*nav eff*/
.navbar-nav a{ color: grey !important; font-weight: bold; transition: 0.5s;}
.navbar-nav a:hover {color: white !important; border-color: white; 
box-shadow: 0 0 10px white, 0 0 50px orange;}

.dropdown-menu a{color: black !important; 
  font-weight: bold;
  font-style: italic;}
.dropdown-menu a:hover {color: white !important; 
 background: #3D424A !important; 
 box-shadow: 0 0 10px grey,0 0 20px white ;}


.abs{box-shadow: 0 0 5px white,0 0 20px red;}


.fot{
  background-color: #3D424A;
}







/*service cod*/
.service-item {
  position: relative;
  overflow: hidden;
}

.service-item .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.service-item:hover .overlay {
  opacity: 1;
}

/*service cod end*/


body {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
}

/* Counter Section */
.counter-section {
  background: url('http://localhost/mab-insaat/assets/img/mabinsaatmuhendislik.webp') center center/cover no-repeat;
  position: relative;
  padding: 80px 0;
  color: #fff;
}

.counter-section::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
}

.counter-container {
  position: relative;
  z-index: 1;
}

.counter-box {
  text-align: center;
  padding: 20px;
}

.counter-box i {
  font-size: 48px;
  color: #f7941d;
  margin-bottom: 15px;
}

.counter {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
}

.counter-label {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  margin-top: 5px;
}

.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.6s ease-out;
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}



.imgfilt{-webkit-filter: brightness(75%); filter: brightness(75%);}

.imgfilt{
  -webkit-filter: brightness(50%); filter: brightness(50%);}

/*serv corn*/
.you {border-radius: 5px 30px 5px;}
.you-4 {border-radius: 1.875rem !important;}

/*footer*/
.you-3 {border-radius: 1.000rem !important;}


.what {display:none; background-color:#00E676; border-radius: 50%; padding:10px; position:fixed; bottom:10px; right:10px; text-decoration:none; color:white; z-index: 9999;}
.wp{background-color:#00e676}.zz{z-index:9999}
.lcv{   
background: #3C3D90;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0DC9EE, #3C3D90);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0DC9EE, #3C3D90); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.lcvfot{
background: #3C3D90;  /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #0DC9EE, #3C3D90);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #0DC9EE, #3C3D90); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.imgfilt{
  -webkit-filter: brightness(50%); filter: brightness(50%);}
/*carousel video eff 1.5 di*/
.carousel-inner .carousel-item img{
-webkit-animation:crsl 20s;
-o-animation: crsl 20s;
animation: crsl 20s;
}
@keyframes crsl {

from{transform: scale(1, 1);}
to{transform: scale(1.2, 1.2);}
}
.gradi {
  background-color: #988AB6; /* For browsers that do not support gradients */
  background-image: linear-gradient(60deg, #988AB6, #645881);
}

/*social eff*/
.ss{
  transition:all 0.2s ease;
  color: white;
}
 .ss:hover
        {
  -webkit-transform: scale(1.4,1.4) ;
  -moz-transform: scale(1.4,1.4) ;
  -ms-transform: scale(1.4,1.4) ;
  -o-transform: scale(1.4,1.4) ;
  transform: scale(1.4,1.4) ;
  color: blue !important;
  }
.trk{background-color: #44D9E6;}
.trktx{color: #44D9E6;}
.ysl{background-color: #00F37C;}
.ysltx{color: #00F37C;}
.wt {background-color: #00e676;
}
.wtx {color: #00e676;}
.ihcShakeRL
{
    -webkit-animation: ihcShakeRL 5s;
            animation: ihcShakeRL 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes ihcShakeRL
{
    0%, 100%
    {
        transform: translateX(0);
    }
    50%
    {
        transform: translateX(-20px);
    }
}

@-webkit-keyframes ihcShakeRL
{
    0%, 100%
    {
        -webkit-transform: translateX(0);
    }
    50%
    {
        -webkit-transform: translateX(-20px);
    }
}
.ihcHeart{
-webkit-animation:ihcHeart 8s;animation:ihcHeart 8s;
-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;
-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}
@keyframes ihcHeart{
0%,20%,40%,60%,80%,100%{
transform:scale(1)
}
10%,30%,50%,70%,90%{transform:scale(1.15)}
}

@-webkit-keyframes ihcHeart{
0%,20%,40%,60%,80%,100%
{-webkit-transform:scale(1)}

10%,30%,50%,70%,90%{
-webkit-transform:scale(1.15)}
}
.bouncem {animation: bouncem 2s infinite;
  -webkit-animation: bouncem 2s infinite;
  -moz-animation: bouncem 2s infinite;
  -o-animation: bouncem 2s infinite;
}

@keyframes bouncem {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.mv:hover{
color: blue!important;
}

.ovl{
opacity: 0;
transition: 1s;
}
.ovl:hover{
opacity: 8;
background-color: purple;
transition: all .5s;
}

.grv{transition:all 0.3s ease;}  
.grv:hover{-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.shr{transition:all 0.5s ease;}    
.shr:hover{-webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}