#lanserWrapper_r svg.bg{max-width: 100%;height: auto;box-sizing: border-box;vertical-align: top;}
#lanserWrapper_r{width: 100%;overflow: hidden;position: relative;z-index:0;}
#lanserWrapper_r .slider_wrapper_r{left: 50%;transform: translateX(-50%);position: relative;display: inline-block;}
#lanserWrapper_r .slider_wrapper_r .bgLanser{width: 1920px;}
#lanserWrapper_r .slider_wrapper_r .bgLanser img{width: 100%; height: auto;visibility: hidden;}

#sliderVid{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
#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%;}

#sliderVid .ulSlider > li .opis {
    position: absolute;
    inset:20px 100px;
    z-index:10;
    display: flex;
    align-items: center;
    margin:auto;
    max-width:1400px;
}

#sliderVid .ulSlider > li .opis .opis2{
    color:#fff;
    font-size: 65px;
    font-weight: 700;
    text-shadow:0 0 30px #332154;
}

#sliderVid .ulSlider > li .opis .opis2 p{margin-bottom: 10px;}
#sliderVid .ulSlider > li .opis .opis2 p>*{line-height: 1;}
#sliderVid .ulSlider > li .opis .opis2 p strong{font-weight: 900;}

#sliderVid .ulSlider > li .opis .opis2 p strong{display: inline-block;}


#sliderVid .ulSlider > li.liSlider{}
#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.mp4{}
#sliderVid .ulSlider > li.liSlider .slide.image{}
#sliderVid .ulSlider > li.liSlider .slide .background{z-index: 10;}
#sliderVid .ulSlider > li.liSlider .slide .media{}
#sliderVid .ulSlider > li.liSlider .slide.youtube img.media {position: absolute;z-index: 0;}

#sliderVid .ulSlider > li.liSlider .opis{}

#sliderVid .ulSlider > li.liSliderNext{}

#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{}

#sliderVid .ulSlider > li.liSliderNext .opis{visibility: hidden;}
#sliderVid .ulSlider > li.liSliderNext .opis.animated{visibility: visible;}

.lans_navig .nav_wrap > div{width: 80px;padding-right: 10px;vertical-align: middle;line-height: 1;}
.lans_navig .nav_wrap > div:last-child {padding-right: 10px;}

.arrows {position: absolute;z-index: 20;inset:50% 20px auto 20px;transform:translateY(-50%);display:flex;align-items:center;justify-content:space-between;max-width:1620px;margin:0 auto;}
.arrows a {width:70px;height:70px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,0.08);transition:all .3s;}
.arrows a:hover {background-color:#7600A6;}

.arrows a::after {content:"";width:15px;height:15px;box-sizing: border-box;transition:all 0.5s ease-out 0s;border-style: solid;border-color: #7600A6;border-width: 0 3px 3px 0;transform: rotate(135deg);margin-right:-10px;}
.arrows a.arrowN::after {transform: rotate(-45deg);margin-left:-20px;}
.arrows a:hover::after {border-color:#fff;}

.lans_navig .nav_wrap .progress{left: 0px;top: 0px;z-index: 21;display: table-cell;width: auto;vertical-align: middle;padding-right: 30px;padding-left: 20px;display: none;}
.lans_navig .nav_wrap .progress > div{background-color: rgba(255,255,255,0.3);height: 5px;padding: 0px 3px;display: inline-block;width: 100%;line-height: 1;box-sizing: border-box;}
.lans_navig .nav_wrap .progress .progressIn{background-color: #FFFFFF;height: 1px;box-sizing: border-box;position: relative;top: 2px;}

.lans_navig .nav_wrap > div.controls {width:92px;padding: 0px;padding-left: 10px;line-height: 1;display: none}

.nav_wrap {position:absolute;bottom:20px;left:10px;right:10px;display: flex;justify-content:center;z-index: 20;margin:0 auto;gap:5px;}
.nav_wrap a{width: 18px;height:18px;background-color:#fff;border-radius:50%;position:relative;z-index:0;}
.nav_wrap a::after {content:'';position:absolute;inset:0;margin:auto;width:10px;height:10px;background-color:#7600A6;border-radius:50%;opacity:0;}
.nav_wrap a.sel::after{opacity:1;}

/*.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:1650px){
    #sliderVid .ulSlider > li .opis {max-width:1200px;}
}
@media screen and (max-width:1570px){
.arrows a.arrowP {left: 10px;}
.arrows a.arrowN {right: 10px;}
}

@media screen and (max-width:1400px){
    #lanserWrapper_r .slider_wrapper_r .bgLanser {width: 1600px;}
    #sliderVid .ulSlider > li .opis {max-width:800px;}
    #sliderVid .ulSlider > li .opis .opis2 {font-size:3.4vw;}
    .titleLans {font-size: 32px;}
    #sliderVid .ulSlider > li .opis .opis2,#sliderVid .ulSlider > li .opis .opis2 span,#sliderVid .ulSlider > li .opis .opis2 p{}
    #sliderVid .ulSlider > li .opis .opis2 img {width: 250px}
    #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:1220px){
#lanserWrapper_r .slider_wrapper_r .bgLanser {width: 1400px;}
}

@media screen and (max-width:1200px){
    #sliderVid .ulSlider > li .opis .opis2 img {display: none}

}

@media screen and (max-width:1120px){
.nav_wrap{width: 100vw;}
#lanserWrapper_r  .zamow .zamow_teraz:after{border-top: 25px solid transparent; border-left: 30px solid #20b02d; border-bottom: 25px solid transparent;}
}
@media screen and (max-width:1020px){
#lanserWrapper_r .slider_wrapper_r .bgLanser {width: 1020px;}
}
@media screen and (max-width:1200px){
.arrows a {width: 50px;height: 50px}
}

@media screen and (max-width:950px){
#lanserWrapper_r .slider_wrapper_r .bgLanser {width: 950px;}
}

@media screen and (max-width:870px){
.titleLans {font-size: 27px;}
.nav_wrap {bottom: 10px}

}
@media screen and (max-width:800px){
    .arrows{display: none}
    .nav_wrap {visibility: hidden}
}

@media screen and (max-width:768px){
    #lanserWrapper_r {display:none;}
}

@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){
.lans_navig .nav_wrap .progress {display: block;position: absolute;width: 100%;box-sizing: border-box;padding: 0px 10px;bottom: -20px;top: auto;}
.titleLans {font-size: 23px;}
#sliderVid .ulSlider > li .opis {font-size: 15px;}
}
@media screen and (max-width:706px){
#sliderVid .ulSlider > li .opis .opis2  .zamow .zamow_teraz {font-size: 16px !important;}
#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}
}

@media screen and (max-width:550px){
.arrows {display: none;}
#sliderVid .ulSlider > li .opis .opis2  .zamow .zamow_teraz {margin-bottom: 30px}
}

@media screen and (max-width:480px){
a.android, a.ios{margin-bottom: 20px;}
}