html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } #header-container .navi { background: #fff; border-top: none; border-bottom: none; } #header-container .icon.website.big { width: 80px; height: 80px; left: 10px; top: 10px; } .xmas-bar, .xmas__lights { display:none; } #innerLayout { min-width: 0; } #postNewAdLink { display: none; } .wrapper { max-width: 1180px; width: auto; } .container { max-width: 1180px; padding-left: 15px; padding-right: 15px; margin: auto; position: relative; } img { max-width: 100%; } a:hover { text-decoration: none; } h2, h3 { font-weight: 900; } h2 { font-size: 30px; line-height: 1.2; } h2 span { font-size: 24px; } h3 { font-size: 30px; } .xmas-top-box, .see-more { display: none; } .slider-container .slider-arrow-prev, .slider-container .slider-arrow-next { display: none !important; } .xmas-top { height: 240px; padding: 70px 0; position: relative; background: #dfe0e4 url(https://static.olx.pl/static/olxpl/packed/img/2faaeab65a96b7e4607e3ef588fd023f1f.jpg) 50% 50% no-repeat; background-size: cover; color: #fff; } .xmas-top h2 { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .xmas-top .button-wrapper { position: absolute; bottom: 50px; left: 0; right: 0; } .xmas-top-decorator:before { width: 33%; height: 4px; display: inline-block; position: absolute; left: 0; top: 0; background: #fff; content: ''; } .xmas-top-decorator { height: 4px; display: block; position: relative; font-size: 0; background: #a8b400; } .xmas-top-decorator:after { width: 33%; height: 4px; display: inline-block; position: absolute; right: 0; top: 0; background: #ff7900; content: ''; } .xmas-top-box-mobile { padding: 20px 0; } .xmas-top-box-mobile h2 { margin-bottom: 10px; color: #565656; } .xmas-top-box-mobile h2 span { padding: 10px 0; display: block; } .xmas-top-box-mobile .button-cta { padding: 10px 20px 10px 50px; border-radius: 3px; color: #fff; position: relative; display: inline-block; vertical-align: middle; background: #a8b400; text-decoration: none; text-transform: uppercase; } .xmas-top-box-mobile .button-cta:hover { background: #a8b400; } .xmas-top-box-mobile .button-cta:before { width: 24px; height: 24px; margin-right: 10px; border: 1px solid #fff; border-radius: 50%; margin-top: -12px; position: absolute; left: 15px; top: 50%; content: ''; } .xmas-top-box-mobile .button-cta:after { width: 0; height: 0; margin-top: -5px; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #fff; position: absolute; left: 24px; top: 50%; content: ''; } .xmas-video { display: none; padding: 20px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background: rgba(79,45,127,0.8); z-index: 11; } .xmas-video__player { position: relative; display: inline-block; border: 3px solid #fff; background: #fff; } .xmas-video__player iframe { width: 690px; height: 460px; background: #fff; vertical-align: top; } .xmas-video__close { position: absolute; right: 0; top: -40px; color: #fff; font-size: 10px; text-transform: uppercase; } .xmas-video__close:before { margin-bottom: 10px; margin-right: 10px; display: inline-block; vertical-align: middle; text-align: center; font-size: 36px; content: '×'; } .xmas-video__close:hover { color: #e0e0e0; } .xmas-gift { padding: 60px 0 90%; text-align: left; color: #fff; } .xmas-gift--1 { background: #512e80 url(https://static.olx.pl/static/olxpl/packed/img/2f776a7804622f9aa4292bba4a17c2aaba.jpg) 50% 130% no-repeat; background-size: 200%; } .xmas-gift--2 { background: #512e80 url(https://static.olx.pl/static/olxpl/packed/img/2fcef175aaabaff47b0bac2f2e2c4ba3c6.jpg) 50% 130% no-repeat; background-size: 200%; } .xmas-gift--3 { background: #512e80 url(https://static.olx.pl/static/olxpl/packed/img/2f1562df91f62403e0ccba96055380618e.jpg) 50% 130% no-repeat; background-size: 200%; } .xmas-gift h2 { margin-bottom: 20px; color: #ff7900; } .xmas-gift p { margin-bottom: 40px; padding-right: 30px; font-size: 16px; line-height: 1.5; font-weight: 300; } .xmas-gift .button-cta { padding: 12px 20px; border-radius: 3px; color: #fff; display: inline-block; vertical-align: middle; background: #ff7900; text-decoration: none; text-transform: uppercase; } .xmas-gift .button-cta:before { margin-right: 10px; content: '+'; } .xmas-group { padding: 60px 0; background: #98a212 url(https://static.olx.pl/static/olxpl/packed/img/2fbd91f5e7ebc18b27eb6ab0c032763230.png) 50% 0 no-repeat; background-size: cover; } .xmas-group h2 { margin-bottom: 20px; color: #fff; } .xmas-group-slider { overflow: hidden; font-size: 0; } .xmas-group-slider .slide-item { background: #fff; display: inline-block; vertical-align: top; text-align: left; } .xmas-group-slider .slide-item h4 { margin-bottom: 20px; font-weight: 300; font-size: 24px; } .xmas-group-slider .slide-item h4:after { width: 90px; height: 2px; margin-top: 20px; background: #a8b400; display: block; content: ''; } .xmas-group-slider .slide-item p { font-weight: 300; font-size: 16px; line-height: 1.6; } .xmas-group-slider .slide-item { border: 3px solid #fff; } .xmas-group-slider .slide-item img { width: 100%; } .xmas-group-slider .slide-item .box { } .xmas-group-slider .slide-item .box--img { } .xmas-group-slider .slide-item .box--text { padding: 24px; } @media only screen and (min-width: 980px) { h2 { font-size: 58px; } h2 span { font-size: 50px; } h3 { font-size: 40px; } .dots-container .slider-arrow-prev, .dots-container .slider-arrow-next { display: none !important; } .xmas-top-box-mobile { display: none; } .slider-container .slider-arrow-prev, .slider-container .slider-arrow-next { display: inline !important; } .xmas-top { height: auto; } .xmas-top .container { height: 540px; } .xmas-top-box { display: block; } .xmas-top-box h2 span { display: block; } .xmas-top-box .button-cta { padding: 10px 20px 10px 50px; border: 2px solid #fff; border-radius: 3px; color: #fff; display: inline-block; vertical-align: middle; position: relative; background: rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .xmas-top-box .button-cta:hover { background: rgba(255,255,255,0.3); } .xmas-top-box .button-cta:before { width: 24px; height: 24px; margin-right: 10px; border: 1px solid #fff; border-radius: 50%; margin-top: -12px; position: absolute; left: 15px; top: 50%; content: ''; } .xmas-top-box .button-cta:after { width: 0; height: 0; margin-top: -5px; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #fff; position: absolute; left: 24px; top: 50%; content: ''; } .see-more { position: absolute; left: 50%; bottom: -35px; margin-left: -80px; display: inline-block; color: #ff8300; text-transform: uppercase; font-size: 12px; z-index: 100; } .see-more:after { width: 45px; height: 12px; margin-left: 20px; display: inline-block; vertical-align: middle; background: url(https://static.olx.pl/static/olxpl/packed/img/2f21e33a40a21bb739b112946a9e8b49b2.png); content: ''; } .xmas-video { position: absolute; z-index: 9; } .xmas-video__close { left: 100%; right: auto; top: 0; margin-left: 10px; } .xmas-video__close:before { display: block; margin-right: 0; } .xmas-gift { padding: 150px 0; } .xmas-gift--1 { background-position: 140% bottom; background-size: contain; } .xmas-gift--2 { background-position: 140% bottom; background-size: contain; } .xmas-gift--3 { background-position: 140% bottom; background-size: contain; } .xmas-gift .inner { display: inline-block; width: 50%; } .xmas-gift p { font-size: 20px; } .xmas-group-slider .slide-item h4 { padding-top: 80px; font-size: 36px; } .xmas-group-slider .slide-item p { font-size: 16px; } .xmas-group-slider .slide-item img { max-height: none; } .xmas-group-slider .slide-item .box { width: 50%; display: inline-block; vertical-align: top; text-align: left; } } @media only screen and (max-width: 979px) { .see-more { display: none; } .xmas-video__player { max-width: 690px; height: 0; display: block; padding-bottom: 49.75%; position: relative; margin: 60px auto 0; background: #f0f0f0; } .xmas-video__player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #footer-container > div > .margintop15 > .fleft{ float:none; margin:0 auto; width: 85px; } #footer-container .static.box{ float:none; width:auto; margin:20px 0; text-align: center; } #footer-container .boxindent{ margin-left:15px; margin-right:15px; } .footerapps{ float:none; min-height:70px; margin-bottom:15px; } #footer-container .partners.box{ margin-top:0 !important; } #footer-container .partners.box .part25{ width:100%; } }.slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slider-arrow-prev, .slider-arrow-next { width: 46px; height: 146px; cursor: pointer; position: absolute; top: 50%; margin-top: -73px; } .slider-arrow-prev { left: -60px; } .slider-arrow-next { right: -60px; } .slider-arrow-prev:hover:not(.slick-disabled), .slider-arrow-next:hover:not(.slick-disabled) { opacity: 0.8; } .slider-dots .slider-arrow-prev, .slider-dots .slider-arrow-next { width: 18px; height: 50px; margin-top: -25px; } .slider-dots .slider-arrow-prev { left: 15px; } .slider-dots .slider-arrow-next { right: 15px; } .dots-container { padding: 30px 0; } .slick-dots li { margin:0 5px; display: inline-block; vertical-align: middle; } .slick-dots li button { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fff; cursor: pointer; background: none; overflow: hidden; text-indent: 100%; line-height: 2; } .slick-dots li button:hover, .slick-dots .slick-active button { background: #fff; } .slick-disabled { opacity: 0; cursor: default; }