.scrollbox ol, .scrollbox ul {  margin: 0}
.scrollbox ol, .scrollbox  ul {    list-style: none}
.scrollbox { padding: 26px 0 30px 0;    width: 100%;    display: inline-block;  }
.scrollbox__wrapper { max-width: 1920px;    margin: 0 auto;    position: relative;    padding: 0 0 0 2%; }
.slider ul { display: flex; overflow-y: hidden; overflow-x: hidden; -webkit-overflow-scrolling: touch;  scroll-snap-type: x mandatory; scroll-behavior: smooth; float: left; width: 100%;}
.slider ul li { max-width: 400px; margin-right: 15px; width: 100%; flex-shrink: 0; scroll-snap-align: start }
.slider ul li.w600 { min-width: 600px;max-width: 600px; width: 50%; margin-right:30px;  }
.slider ul li.w33 { min-width: 400px; max-width: 600px; width: 31%; margin-right:30px;  }
.scroll_button-prev, .scroll_button-prev600 { z-index: 999; left: calc(-2% + 2px); top: 50%;  position: absolute; background: url(../_images/website/arrow-white-prev.svg) no-repeat;background-position: center;	background-color: #d6b69c;     height: 44px;
    text-indent: -9999px;    width: 44px;    border: none;    display: none;    transform: translateY(-50%);    pointer-events: auto;	cursor: pointer;	
}


.scroll_button-next, .scroll_button-next600 {
    right: 1px;
	z-index: 999;
    top: 50%;
    position: absolute;
	background: url(../_images/website/arrow-white-next.svg) no-repeat;
	background-position: center;
	background-color: #d6b69c; 
    height: 44px;
    text-indent: -9999px;
    width: 44px;
    border: none;
    transform: translateY(-50%);
    pointer-events: auto;
	cursor: pointer;
}

.scroll_button-next:hover, .scroll_button-prev:hover, .scroll_button-next600:hover, .scroll_button-prev600:hover {
	background-color: #000; 
	
}


.scrollbox__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}


.scrollbox__item {
    float: left;
    max-width: 400px;
    width: 100%
}



.scrollbox__itemw600 {
    float: left;	
    max-width: 600px;
	min-width: 600px;
    width: 100%
}


.scrollbox__itemw33 {
    float: left;	
    max-width: 600px;
	min-width: 400px;
    width: 100%
}
/* tablety */
@media (min-width: 769px) and (max-width: 1050px) 
{
    .slider ul {     
	overflow-x: scroll;
	padding-bottom: 40px;
    }	
}

@media (max-width: 768px) 
{


    .slider ul {     
	overflow-x: scroll;
	padding-bottom: 40px;
    }
	

	.slider ul li {
		max-width: 300px;
		margin-right: 15px;
		width: 100%;
		flex-shrink: 0;
		scroll-snap-align: start
	}

	.scrollbox__item {
		float: left;
		max-width: 300px;
		width: 100%
	}
.slider ul li.w33 { min-width: 300px; max-width: 300px; width: 100%; margin-right:15px;  }	
.slider ul li.w600 { min-width: 300px; max-width: 300px; width: 100%; margin-right:15px;  }	
.scrollbox__itemw33 {
		float: left;
		max-width: 300px;
		min-width: 300px;
		width: 100%
}

    .scrollbox__inner {
        padding: 0 0px
    }
	.scroll_button-next, .scroll_button-next600 {
		right: 0px;
	}
	.scroll_button-prev, .scroll_button-prev600
	{
		left: calc(-2% -5px);
	}
	.scrollbox__wrapper 
	{
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    padding: 0 0 0px 2%
	}
 
}

.sliderMain{position:relative;width:100%;height:630px;background:#123d6b; margin-bottom: 80px;}
.sliderMain__slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.sliderMain__slide.active{opacity:1;visibility:visible}
.sliderMain__slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,48,91,.98) 0%,rgba(5,48,91,.88) 25%,rgba(5,48,91,.58) 42%,rgba(5,48,91,.15) 58%,rgba(5,48,91,0) 75%);z-index:1}
.sliderMain__content{position:relative;z-index:2;width:90%;max-width:1240px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}
.sliderMain__content h2{margin:0 0 20px;font-size:48px;line-height:1.05;font-weight:700}
.sliderMain__content h2 strong{font-size:58px;font-weight:800}
.sliderMain__content p{margin:0;font-size:20px;line-height:1.8;font-weight:300}
.sliderMain__prev,.sliderMain__next{position:absolute;top:50%;opacity:0;z-index:10;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:18px;cursor:pointer;transition:.2s ease}
.sliderMain__prev{left:15px}
.sliderMain__next{right:15px}
.sliderMain__prev:hover,.sliderMain__next:hover{background:#1d89b6;opacity:0.8;}
.sliderMain__dots{position:absolute;left:50%;bottom:25px;z-index:10;display:flex;gap:10px;transform:translateX(-50%)}
.sliderMain__dots button{width:11px;height:11px;padding:0;border:2px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
.sliderMain__dots button.active{background:#fff}

@media(max-width:768px)
{
	.sliderMain{height:700px;  }
	.sliderMain__slide{background-position:65% center}
	.sliderMain__slide::before{background:linear-gradient(90deg,rgba(5,48,91,.95) 0%,rgba(5,48,91,.80) 60%,rgba(5,48,91,.30) 100%)}
	.sliderMain__content{width:calc(100% - 60px); height: 50%;}
	.sliderMain__content h2{font-size:32px}
	.sliderMain__content h2 strong{font-size:38px}
	.sliderMain__content p{font-size:16px;line-height:1.5}
	.sliderMain__prev,.sliderMain__next{display:none}
}


/* Animacja treści: wjazd z lewej strony */
.sliderMain__content h2,
.sliderMain__content p{
  opacity:0;
  transform:translateX(-70px);
  transition:opacity .55s ease,transform .65s cubic-bezier(.22,.61,.36,1);
}
.sliderMain__slide.active .sliderMain__content h2{
  opacity:1;
  transform:translateX(0);
  transition-delay:.12s;
}
.sliderMain__slide.active .sliderMain__content p{
  opacity:1;
  transform:translateX(0);
  transition-delay:.28s;
}
@media (prefers-reduced-motion: reduce){
  .sliderMain__slide,
  .sliderMain__content h2,
  .sliderMain__content p{transition:none!important}
}

