#alt{
  -webkit-box-shadow: 0 3px 6px -3px rgb(0 0 0 / 25%);
box-shadow: 0 3px 6px -3px rgb(0 0 0 / 25%);
z-index: 999 !important;
position: relative;
}

#alt .b-b {  border-bottom: 1px solid;}

#alt .navbar{padding: 0}
#alt .navbar-nav li a{
  padding: 6px 13px;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 14px;
    position: relative;
}

#alt .navbar-nav li>a.nav-link:after {
  content: '';
background: #fff;
opacity: 0;
width: 10px;
height: 10px;
display: block;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 49%;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
bottom: 1px;
    z-index: 99999;
}


#alt .navbar-nav li>a.nav-link:hover:after,#alt .navbar-nav li:hover>a.nav-link:after  {
    content: '';
    background: #37baf5;
    width: 10px;
    opacity: 1;
    height: 10px;
    display: block;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    position: absolute;
    left: calc(50% - 7px);
    bottom: -3px;
    border-top:0px;

}

#alt .dropdown-menu{
  display: none;
  position: absolute;
  z-index: 9999;
  top: calc(100% + 25px);
  animation: fade-in .4s;
  -webkit-box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 7%);
  box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 7%)
  padding: 0; margin: 0;border-radius:0;
  border: 0;
      margin-top: -4px;
}
@-webkit-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframesfade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fade-in {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade-in {
  0%   {opacity: 0;}
  100% {opacity: 1;}
}




.siyah-ekran{
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,0.3);
  top: 0px;
  z-index: 499;
  left: 0;
  right: 0;
  bottom: 0;
}

.siyah-ekran.ac {
    display: block;
}

#alt .dropdown-menu  .dropdown-submenu a{
  width: 100%;
  text-decoration: none;
  display: block;
  text-transform: capitalize;
  word-wrap: break-word;
  font-size: 13px;
  padding: 11px 0px 10px 0px !important;
  position: relative;
  font-weight: 400;
      text-indent: 10px;
  }

#alt .dropdown-menu a{padding: 19px 0px 8px 0px !important;}

  #alt .dropdown-submenu i {  margin-top: 3px; right: 10px;   position: absolute;   font-size: 10px;}

#alt .buyuk .baslik{
  font-size: 24px !important;
      padding: 0 0 10px 0 !important;
border:none !important;
margin-left: 0 !important

}

#alt .buyuk .baslik:after {
    content: '';
    background: #40bbf4;
    width: 50px;
    height: 4px;
    display: block;
    border-radius: 4px;
    margin-top: 10px;
}
#alt .buyuk .tam{    position: relative;   overflow: hidden; padding: 0 !important; margin: 0 !important}
#alt .buyuk img{width: 100%; -webkit-transition-duration: 500ms;   transition-duration: 500ms;  -webkit-transition-property: transform;  transition-property: transform; -webkit-transform: translateZ(0);   -moz-transform: translateZ(0);  transform: translateZ(0);}

#alt  .buyuk li ul li{padding: 0; }
#alt  .buyuk li ul li a.hvr{
  display: block !important;
  float: left;
  width: 90%;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  border-bottom: 1px solid #e7e7e7;
line-height: 2.4;
padding: 0 !important
}
#alt .buyuk li ul li .hvr:hover{
  background: transparent !important;
  border-color: #40bbf4  !important;
  color: #40bbf4 !important
}

.dropdown-menu.buyuk a.golce-cek:hover span{

  color: #40bbf4 !important
}

#alt .buyuk li ul li a.golce-cek{padding: 8px!important}
.golce-cek:hover{
  -webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
  -webkit-box-shadow: 0px 1px 13px -3px rgb(0 0 0 / 16%);
    box-shadow: 0px 1px 13px -3px rgb(0 0 0 / 16%);
}

#alt .buyuk li ul li a i{font-size: 12px;     font-size: 7px;   margin-top: 5px;     margin-left: -11px;  position: absolute;}
#alt .buyuk li ul li p{font-size: 12px}


#alt .navbar-nav .nav-item a.nav-link:before {
  content: "";
      display: block;
      width: 2px;
      height: 17px;
      border-right: 1px solid;
      position: absolute;
      right: -1px;
      top: 50%;
      margin-top: -9px;
}

#alt .navbar-nav .nav-item:last-child  a.nav-link:before {display: none}

#alt .buyuk .buton{    width: max-content;
    border: 3px double;
    margin: auto !important;
    padding: 9px 10px 9px 10px !important;
    line-height: 14px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;}



@media (max-width: 1200px){
  #alt .navbar-nav li a {  padding: 6px 8px;  font-size: 12px;}
}


@media (max-width: 992px){

#alt .navbar-nav li a {  padding:  4px;  font-size: 10px;}
}