#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;
background-color: #D5D5D5;
    background-image: -moz-linear-gradient(#E0DFDB, #A6A6A6);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E0DFDB),color-stop(1, #A6A6A6));
    background-image: -webkit-linear-gradient(#E0DFDB, #A6A6A6);
    background-image: -o-linear-gradient(#E0DFDB, #A6A6A6);
    background-image: linear-gradient(top, #E0DFDB, #A6A6A6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E0DFDB', EndColorStr='#A6A6A6');
}

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

#alt .navbar{padding: 0}
#alt .navbar-nav > li > a{
      position: relative;
      display: block;
      width: 100px;
      height: 80px;
      background: #DDDDDD top left repeat-x;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      line-height: 1px;
      text-align: center;
      font-weight: bold;
      color: #333333;
      margin: 5px 4px 5px 0;
      text-shadow: 0 1px 1px #EEEEEE;
      background-color: #EEEEEE;
      background-image: -moz-linear-gradient(#EEEEEE, #CCCCCC);
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EEEEEE),color-stop(1, #CCCCCC));
      background-image: -webkit-linear-gradient(#EEEEEE, #CCCCCC);
      background-image: -o-linear-gradient(#EEEEEE, #CCCCCC);
      background-image: linear-gradient(top, #EEEEEE, #CCCCCC);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EEEEEE', EndColorStr='#CCCCCC');

}

#alt .navbar-nav > li.float-right > a{
  margin: 5px 0px 5px 4px;
}


.resim-yok a{
  display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: center!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}

#alt .navbar-nav > li.resim-yok > a > span {
    font-size: 14px;
    display: block;
    line-height: 19px;
}

#alt .navbar-nav > li > a:hover{
  background: #F6F6F6;

text-shadow: 0 1px 1px #F6F6F6;
}

#alt .navbar-nav > li > a > img {

    margin: 2px 0px 12px;

}

#alt .navbar-nav > li > a > span{
font-size: 11px;
    display: block;
}

#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: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;}
}