/*///////////////////////////////////////MENÜ START///////////////////////////////////////*/

.navbar {
    display: flex;
    justify-content: space-between;
    color:#fff; 
    font-size: 0.8rem;;
 }
 
 .navbar-brand img {
     width: 15rem;
 }
 
 .navbar-menu-box {
     display:flex;
     align-items: center;   
 }
 
 .navbar-nav {    
     display:flex;
 }
 
 .nav-item {
     border: 1px solid #fff;
     padding: 0.3rem 0.9rem;
     margin:0rem 0.5rem;
     border-radius: 1rem;
     transition-duration: 500ms;
 }
 
 .nav-item:hover {
   background-color: #421944; 
   border:2px solid #000;
 }
 
 .language { 
     font-weight: 300;
     margin: 0.5rem ;
 }
 
 .active-bold {
     font-weight: 600;
 }
 
 label{
      display:flex;
      flex-direction:column;
      width:30px;
      cursor:pointer;
    }
    
    label span{
      background: #fff;
      border-radius:10px;
      height:3px;
      margin: 3px 0;
      transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
      z-index: 999;
    }

    span:nth-of-type(1){
      width:50%;
    }
    
    span:nth-of-type(2){
      width:100%;
    }
    
    span:nth-of-type(3){
      width:75%;
    }
    
    
    input[type="checkbox"]{
      display:none;
    }
    
    input[type="checkbox"]:checked ~ span:nth-of-type(1){
      transform-origin:bottom;
      transform:rotatez(45deg) translate(3px,0px)
    }
    
    input[type="checkbox"]:checked ~ span:nth-of-type(2){
      transform-origin:top;
      transform:rotatez(-45deg)
    }
    
    input[type="checkbox"]:checked ~ span:nth-of-type(3){
      transform-origin:bottom;
      width:50%;
      transform: translate(14px,-4px) rotatez(45deg);
    }
 
    .hamburger-icon-close span:nth-of-type(1){
     transform-origin:bottom;
     transform:rotatez(45deg) translate(3px,0px)
   }
 
   .hamburger-icon-close span:nth-of-type(2){
     transform-origin:top;
     transform:rotatez(-45deg)
   }
 
   .hamburger-icon-close span:nth-of-type(3){
     transform-origin:bottom;
     width:50%;
     transform: translate(14px,-4px) rotatez(45deg);
   }
 
    
 /*///////////////////////////////////////MENÜ END///////////////////////////////////////*/
 
 /*///////////////////////////////////////MOBİL MENÜ START///////////////////////////////////////*/

 #mobil-menu {
   position: absolute;
   right: 0;
   top: 0;
   height: 100vh;
   display: flex;
   width: 35vw;
   justify-content: center;
   transition-delay: 300ms;
   transform: rotateY(180deg);
   transform-origin: right;
   transition-duration: 700ms;
   font-family: 'Bebas Neu', sans-serif;
 }
 
 .mobil-menu-active {
   transform: rotateY(0deg)!important;
   transition-delay: 800ms!important;
   transition-duration: 800ms!important; 
 }

 #mobil-menu ul{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
 }

 #mobil-menu ul li a {
  color: rgb(255, 255, 255);
  font-size: 1rem;
  line-height: 4rem;
  text-transform: uppercase;
  font-weight:400;
  transition-duration: 800ms!important;
 }
 
 #mobil-menu ul li:hover a {
  color: rgb(255, 255, 255);
  font-size: 1.1rem;
  font-weight: 900;
 }
 
 
  
 /*///////////////////////////////////////MOBİL MENÜ END///////////////////////////////////////*/