#lanserWrapper_r svg.bg{
max-width: 100%;
height: auto;
box-sizing: border-box;
vertical-align: top;
}

#lanserWrapper_r{
    overflow: hidden;position:relative;z-index:0;margin-inline:-20px;
    display:flex;align-items: center;justify-content: center;
}
#lanserWrapper_r .slider_wrapper_r{position: relative;min-width:768px;flex-grow:1;}
#lanserWrapper_r .slider_wrapper_r .bgLanser img{width:100%;height:auto;visibility:hidden;}

#sliderVid{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
#sliderVid .ulSlider{list-style: none;}

#sliderVid .ulSlider > li{position: absolute;width: 100%;height: 100%;}

#sliderVid .ulSlider > li .slide{position: relative;}

#sliderVid .ulSlider > li .slide.animated{z-index: 2;}
#sliderVid .ulSlider > li .slide .background{height: 100%;width: 100%;position: absolute;top:0px; left: 0px;}
#sliderVid .ulSlider > li .slide .media{width: 100%;}
#sliderVid .ulSlider > li .slide iframe.media{width: 100%;height: 100%;}
#sliderVid .ulSlider > li .slide video.media{width: 100%;height: 100%;}

#lanserWrapper_r .opis:not(:empty) {
    position: absolute;
    inset:0;
    left:auto;
    width:50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    background-color: rgba(0, 123, 173, 0.6);
    color:#fff;
    clip-path: polygon(130px 0, 100% 0, 100% 100%, 0 100%);
    padding-left:100px;
    &.next:not(.animated){visibility: hidden;}
    .opis2{
        font-size:clamp(.7em,1.3vw,1.2em);
        margin:20px;
        p {line-height:1.4;}
        *+p {margin-top:1em;}
        overflow:hidden;
    }
}
#sliderVid .ulSlider > li.liSlider a.media{position: relative;z-index: 11;}

#sliderVid .ulSlider > li.liSlider .slide{z-index: 1;width: 100%;height: 100%; overflow: hidden;background-color: #F2F2F2;}
#sliderVid .ulSlider > li.liSlider .slide .background{z-index: 10;}
#sliderVid .ulSlider > li.liSlider .slide.youtube img.media {position: absolute;z-index: 0;}

#sliderVid .ulSlider > li.liSliderNext .slide{width: 100%;height: 100%; overflow: hidden;background-color: #FFFFFF;}
#sliderVid .ulSlider > li.liSliderNext .slide .background{}
#sliderVid .ulSlider > li.liSliderNext .slide .media{}



.arrows {
position: absolute;width: 99%;
max-width: 95%;padding: 0px 10px;
top: 56%;box-sizing: border-box;
z-index: 20;left: 50%;
transform: translateX(-50%);
}
.arrows a {
width: 51px;
height: 51px;
position: absolute;
vertical-align: top;
margin-top: -53px;
background-position: 50% 50%;
background-repeat: no-repeat;
border: 1px solid var(--g1-color);
border-radius:50%;
display: flex;
align-items: center;
justify-content: center;
}


.arrows a:after {
content: "";
width: 15px;
height: 15px;
top:0px;
left: 0px;
box-sizing: border-box;
transition: all 0.5s ease-out 0s;
background-repeat: no-repeat;
background-position: 50% 50%;
border-style: solid;
border-color: var(--g1-color);
border-width: 0px 2px 2px 0px;
transform: rotate(135deg);
margin-right: -10px;
}

.arrows a.arrowN:after {
transform: rotate(-45deg);
margin-left: -20px;
}

.arrows a:hover:after {
filter: brightness(0) invert(100%);
}

.arrows a:before {
content: "";
position: absolute;
width: 0%;
height: 0%;
top:0px;
left: 0px;
bottom: 0px;
right: 0px;
margin: auto;
border-radius: 50%;
box-sizing: border-box;
background-color: var(--g1-color);
z-index: -1;
transition: all 0.5s ease-out 0s;
}


.arrows a:hover:before {
width: 100%;
height: 100%;
}

.arrows a.arrowN {
right: 14%;
}

.arrows a.arrowP {
left: 14%;
}

.lans_navig {position: absolute;bottom: 20px;right:0;width:calc(50% - 120px);z-index: 20;}
.nav_wrap>*:is(.controls,.progress) {display:none;}
.nav_wrap {display: flex;gap:10px;}
.nav_wrap a{width:11px;height:11px;border:1px solid #fff;border-radius:50%;transition:background-color .2s;}
.nav_wrap a.sel {background-color:#fff;}

/*.controls{top:0px;position: absolute;max-width: 100%;width: 1900px;padding: 0px 10px;box-sizing: border-box;z-index: 4;margin: auto;right: 0;left: 0;}*/
.controls>a{width: 36px;height: 36px;display: inline-block;padding: 0px;border-radius: 50%;border: 2px solid #ffffff;background-position: 50% 50%;background-repeat: no-repeat; background-size: auto 50%;}
#mute{margin-right: 10px;background-image: url('../images/sound.svg');}
#mute.muted{background-image: url('../images/mute.svg');}
#pause{background-image: url('../images/pause.svg');}
#pause.paused{background-image: url('../images/play.svg');}


.nav_wrap a .spanNavigA{display: block;width: 0%;height: 100%;background-color: #FFFFFF;position: relative;}

/*#lanserWrapper_r .slider_wrapper_r .bgLanser img{*/

.loading{position: absolute;left:50%;top:50%;width: 107px;height: 107px;margin-top: -54px;margin-left: -54px;z-index: 40;background-image: url('../images/loader_lanser.png');background-size: 100% 100%;background-repeat: no-repeat;animation-name: example;animation-duration: 1s;animation-iteration-count: infinite;animation-timing-function: linear;}

@keyframes example {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

@media screen and (max-width:1570px){
    .arrows a.arrowP {left: 10px;}
    .arrows a.arrowN {right: 10px;}
}

@media screen and (max-width:1400px){
    .titleLans {font-size: 32px;}
    #lanserWrapper_r  .zamow .zamow_teraz:after{border-top: 27px solid transparent; border-left: 30px solid #20b02d; border-bottom: 27px solid transparent;}
}


@media screen and (max-width:1200px){
    .arrows a {width: 50px;height: 50px}
}

@media screen and (max-width:870px){
    .titleLans {font-size: 27px;}
}
@media screen and (max-width:800px){
    .arrows{display: none}
}
@media screen and (max-width:768px){
    #lanserWrapper_r .opis:not(:empty) {
        clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%);
        padding-left:40px;
    }
    #lanserWrapper_r{margin-inline:-10px;}
    .lans_navig {width:calc(50% - 40px);}
}
@media screen and (max-width:720px){
    a.android, a.ios {font-size: 15px;padding: 15px 15px 15px 66px;}
    a.android::before, a.ios::before {width: 54px;background-size: 30px auto;}
}

@media screen and (max-width:620px){
    #lanserWrapper_r .opis:not(:empty){
        clip-path:none;inset:0;padding:10px;width:auto;
    }
    .lans_navig {width:auto;left:0;}
    .nav_wrap {justify-content: center;}
}

@media screen and (max-width:706px){
    #lanserWrapper_r  .zamow .zamow_teraz:after{border-top: 22px solid transparent; border-left: 30px solid #20b02d; border-bottom: 22px solid transparent;}
    #sliderVid .zamow a{font-size: 20px}
}