.sliders-wrap {max-width:1640px;margin:20px auto;padding:0 20px;} #lanserWrapper_r{overflow: hidden;position: relative;border-radius:10px;z-index:0;} #lanserWrapper_r svg.bg{ max-width: 100%; height: auto; box-sizing: border-box; vertical-align: top; } #lanserWrapper_r .slider_wrapper_r{left: 50%;transform: translateX(-50%);-webkit-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: 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%;} #sliderVid .ulSlider > li .opis, #sliderVid .ulSlider > li .opis.url>.url {position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;} #sliderVid .ulSlider > li .opis.url {display:block;} #sliderVid .ulSlider > li .opis .opis2{ text-align: center; color: #fff; font-size:3.1vw; font-weight: bold; padding: 30px; box-sizing: border-box; text-shadow:1px 1px 0 #000; } #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;inset:20px;height:57px;z-index: 20;margin:auto;display:flex;justify-content:space-between;pointer-events:none;} .arrows a {background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;aspect-ratio:1;pointer-events:all;} .arrows a::after {content: "";transform:rotate(90deg);background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNC43MjciIGhlaWdodD0iOC4zMDEiIHZpZXdCb3g9IjAgMCAxNC43MjcgOC4zMDEiPjxwYXRoIGQ9Ik0yNzMuMjgyLDQ0OS42YTEuMzQsMS4zNCwwLDAsMS0uNDU3LS4wNzksMS4xMjYsMS4xMjYsMCwwLDEtLjQxNC0uMjczbC02LjIwOS02LjIwOWEuOTM5LjkzOSwwLDAsMS0uMjg5LS43MTUsMS4wMTQsMS4wMTQsMCwwLDEsLjMxLS43MTUsMS4wMjksMS4wMjksMCwwLDEsMS40NTEsMGw1LjYwOCw1LjYwOCw1LjYyOS01LjYyOWEuOTQuOTQsMCwwLDEsLjcxNS0uMjg5LDEuMDE0LDEuMDE0LDAsMCwxLC43MTUuMzEsMS4wMjksMS4wMjksMCwwLDEsMCwxLjQ1MWwtNi4xODgsNi4xODhhMS4xNDIsMS4xNDIsMCwwLDEtLjQwOC4yNzNBMS4zMjMsMS4zMjMsMCwwLDEsMjczLjI4Miw0NDkuNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNjUuOTEzIC00NDEuMjk3KSIgZmlsbD0iI2RhMjEyNyIvPjwvc3ZnPg') no-repeat center/contain;width:15px;height:8px} .arrows a.arrowN::after {transform:rotate(-90deg);} .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{pointer-events:none;width: 1220px;text-align: center;position: absolute;bottom: 10px;left: 50%;vertical-align: top;display: flex;justify-content: center;max-width: 100%;box-sizing: border-box;transform: translateX(-50%);z-index: 20;} .nav_wrap a{pointer-events:all;width: 80px;height: 6px;display: inline-block;background-color: rgba(255,255,255,0.3);transition: all 0.5s ease-out 0s;} .nav_wrap a.sel{background-color: #FFFFFF;} /*.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 .opis2 img {left: -45%} } @media screen and (max-width:1400px){ #lanserWrapper_r .slider_wrapper_r .bgLanser {width: 1600px;} #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} #sliderVid .ulSlider > li .opis .opis2 p a {padding: 15px 15px;} #sliderVid .ulSlider > li .opis .opis2 p {margin-bottom: 10px;text-align: center} #sliderVid .ulSlider > li .opis .opis2 p:first-child span{font-size: 33px !important;} } @media screen and (max-width:1120px){ .nav_wrap{width: 100vw;} #sliderVid .ulSlider > li .opis .opis2,#sliderVid .ulSlider > li .opis .opis2 span,#sliderVid .ulSlider > li .opis .opis2 p{font-size: 22px !important;} #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;} #sliderVid .ulSlider > li .opis .opis2 p {} #sliderVid .ulSlider > li .opis .opis2 p.zamow{display: block} #sliderVid .ulSlider > li .opis .opis2{text-align: center} #sliderVid .ulSlider > li .opis .opis2, #sliderVid .ulSlider > li .opis .opis2 span, #sliderVid .ulSlider > li .opis .opis2 p {font-size: 20px !important;} #sliderVid .ulSlider > li .opis {bottom: 11%} #sliderVid .ulSlider > li .opis .opis2 p:first-child span{font-size: 30px !important;} #sliderVid .ulSlider > li .opis .opis2 p {margin-bottom: 5px;} #sliderVid .ulSlider > li .opis .opis2 p a[href^="tel:"] {font-size: 30px !important;} } @media screen and (max-width:1200px){ .arrows {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){ .nav_wrap {visibility: hidden} #sliderVid .ulSlider > li .opis {bottom: 5%;} #sliderVid .ulSlider > li::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; z-index: 8; background-color:rgba(0, 0, 0, 0.14); } #sliderVid .ulSlider > li .opis { width: 100%; height: 100%; left: 0px; right: 0px; bottom: 0px; top:0px; display: flex; justify-content: center; align-items: center; padding: 0px; } } @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;} }