/*slider*/
.slider {
   width: 100%;
   height: auto;
   display: flex;
   overflow-x: hidden;
   -webkit-overflow-scrolling: touch;

   scroll-snap-type: x mandatory;

   scroll-behavior: smooth;
}
.slider > div{
   width: 100%;
   flex-shrink: 0;
   height: 100%;

   scroll-snap-align: start;
}


.slider_navigation > div{
   display: inline-block;
   width: 16px;
   height: 16px;
   border: 2px solid #fff;
   border-radius: 50%;

   margin: 10px;
   opacity: 0.5;

   cursor: pointer;

   -webkit-transition: opacity 0.5s ease-out;
   transition: opacity 0.5s  ease-out;
}

.slider_navigation > div:hover, .slider_navigation > .slider_navigation_active{
   background: #fff;
   opacity: 1;
}

.slider_navigation {
   overflow: visible;
   height: 0px;
   position: relative;

   top: -60px;
}




/*Element over section*/
.over {
   width: 100%;
   height: 0px;
   overflow: visible;
   position: relative;
   z-index: 1;
}
/**/