/*gallery*/


.lefty{
    width:15%;
    height:100%;
    background:rgb(255, 255, 255);
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    z-index:10;
    transition: all 0.1s ease-out;
  }
  .lefty:hover{
    opacity:0.2;
  }
  .lefty:active{
    opacity:0.2;
  }
  
  .righty{
    width:15%;
    height:100%;
    background: rgb(255, 255, 255);
    position:absolute;
    right:0;
    top:0;
    opacity:0;
    z-index:10;
    transition: all 0.1s ease-out;
  }
  .righty:hover{
    opacity:0.2;
  }
  .righty:active{
    opacity:0.2;
  }
  
  
    .slidercontainer{
    width:100%;
    height:auto;
    position:relative;
    border-radius:15px;
    }
    
    .sliderlining{
    display:flex;
    flex-flow: row nowrap;
    overflow: auto;
    flex: none;
    padding-bottom:0;
    scroll-snap-type: x mandatory;
    
    scroll-behavior: smooth;
    
    position:relative;
    z-index:3;
    border-radius:15px;
  
  
    }
  
  
  
    .sliderlining {
      -ms-overflow-style: none; /* for Internet Explorer, Edge */
      scrollbar-width: none; /* for Firefox */
    }
    .sliderlining::-webkit-scrollbar {
      display: none; /* for Chrome, Safari, and Opera */
    }
    
    .imghodlR{
      min-width:100%;
      aspect-ratio: 4128/2752;
      height:auto;
      scroll-snap-align: end;
      scroll-snap-stop:always;
      overflow: hidden;
      position: relative;
      display:flex;
  
      /*
      transition: all 0.3s ease-out;
      */
  
    }
    .imghodlR > img{
      min-width: 100%;
      aspect-ratio: 4128/2752;
      height: auto;
      z-index: 1;
    }
  
  
  
  
  .trans{
    opacity:0;
    transition: all 0.3s ease-in;
  }
  
  .opForce{
    opacity:1 !important;
  }
  
  .hiddenelement{
    opacity:1;
  }
  
  .lazyload{
    opacity:0;
  }
  
  .lazyloaded{
    opacity: 1;
    
  }
  
  
  
  
  
  
  .navcontainer{
    display:flex;
  
    transition: all 0.3s ease-out;
  
    justify-content: space-evenly;

    margin-top: 1.5rem;
  }
  
  .radio{
  
    position: relative;
  
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center center;
    border-radius: 50%;
    border: 1px solid transparent;
  
    cursor: pointer;
  
  }
  
  .radio:hover{
    transform:scale(1.1)
  }
  .radio:hover > .rb{
    transform:scale(1.05);
    opacity:0.8;
  }
  
  .rbhovered{
    transform:scale(1.05) !important;
    opacity:0.8 !important;
  }
  
  
  .rb{
    opacity:0.3;
    background-color:rgb(0, 0, 0);
  
    border-radius: 50%;
    width:0.35rem;
    height:0.35rem;
  
    transform-origin: center center;
  
  }
  


  .galbluritem{
    min-width: 100%;
    aspect-ratio: 4128/2752;
    height: auto;
    filter:blur(5px);
    z-index: 0 !important;
    position: absolute;
  }