@CHARSET "UTF-8"; @font-face { font-family: 'tele-groteskfett'; src: url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.svg#tele-groteskfett') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tele-groteskhalb'; src: url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.svg#tele-groteskhalb') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tele-groteskfetregular'; src: url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-fett-webfont.svg#tele-groteskfetregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tele-groteskhalregular'; src: url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-halb-webfont.svg#tele-groteskhalregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'telegrotesk_headlineregular'; src: url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-regular-webfont.svg#telegrotesk_headlineregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'telegrotesk_headline_ultrarg'; src: url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/telegroteskheadline-ultra-webfont.svg#telegrotesk_headline_ultrarg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tele-grotesknorregular'; src: url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.svg#tele-grotesknorregularregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tele-groteskultregular'; src: url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-ultr-webfont.svg#tele-groteskultregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'telelogoregular'; src: url('/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/telelogo-webfont.svg#telelogoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'glyphicons halflings'; src: url('/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.eot'), url('/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } @font-face { font-family: 'slick'; src: url('/c/binaries/content/assets/lp/common/fonts/slick.eot'); src: url('/c/binaries/content/assets/lp/common/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/slick.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/slick.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/slick.svg#slick') format('svg'); font-weight: normal; font-style: normal; } /*werjsja dla popupow */ @font-face { font-family: 'Tele-GroteskNor'; src: url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.woff') format('woff'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.eot?#iefix') format('embedded-opentype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.ttf') format('truetype'), url('/c/binaries/content/assets/lp/common/fonts/tele-grotesk-norm-webfont.svg#tele-grotesknorregularregular') format('svg'); font-weight: normal; font-style: normal; } /* END werjsja dla popupow */ @font-face { font-family: 'teleneobold'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-bold-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneobold_italic'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-bolditalic-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneoextrabold'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-extrabold-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-extrabold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneoextrabold_italic'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-extrabolditalic-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-extrabolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneomedium'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-medium-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneomedium_italic'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-mediumitalic-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-mediumitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneoregular'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-regular-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneoregular_italic'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-regularitalic-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-regularitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneothin'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-thin-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-thin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'teleneothin_italic'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-thinitalic-webfont.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-thinitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* tele-groteskultregular */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; box-sizing: border-box; } .fett { font-family: Tele-groteskfett !important; } .halb { font-family: Tele-groteskhalb !important; } .ultra { font-family: tele-groteskultregular !important; } .center { text-align: center } .nowrap { white-space: nowrap; } del { text-decoration: none; background: center no-repeat; } script+img { position: absolute; visibility: hidden; } .font07 { font-size: 0.7em; } .font08 { font-size: 0.8em; } .font09 { font-size: 0.9em; } .font10 { font-size: 1.0em; } .font11 { font-size: 1.1em; } .font12 { font-size: 1.2em; } .font13 { font-size: 1.3em; } .font14 { font-size: 1.4em; } .font15 { font-size: 1.5em; } .font16 { font-size: 1.6em; } .font17 { font-size: 1.7em; } .font18 { font-size: 1.8em; } .font19 { font-size: 1.9em; } .font20 { font-size: 2.0em; } .font21 { font-size: 2.1em; } .font22 { font-size: 2.2em; } .font23 { font-size: 2.3em; } .font24 { font-size: 2.4em; } .font25 { font-size: 2.5em; } .font26 { font-size: 2.6em; } .font27 { font-size: 2.7em; } .font28 { font-size: 2.8em; } .font29 { font-size: 2.9em; } .font30 { font-size: 3.0em; } .font31 { font-size: 3.1em; } .font32 { font-size: 3.2em; } .font33 { font-size: 3.3em; } .font34 { font-size: 3.4em; } .font35 { font-size: 3.5em; } .font36 { font-size: 3.6em; } .font37 { font-size: 3.7em; } .font38 { font-size: 3.8em; } .font39 { font-size: 3.9em; } .font40 { font-size: 4.0em; } .font43 { font-size: 4.3em; } .font50 { font-size: 5.0em; } .font51 { font-size: 5.1em; } .font52 { font-size: 5.2em; } .font53 { font-size: 5.3em; } .font63 { font-size: 6.3em; } html.fixed { overflow: hidden; } body { margin: 0; display: block; background-color: #4B4B4B; font-family: 'teleneoregular', Arial; font-size: 16px; } table.area { width: 100% } a { text-decoration: none; color: #4379ab; } a:hover { color: #E20074; } a:hover, a:focus, a:active { outline: medium none; text-decoration: underline; } b, strong { font-family: 'teleneobold'; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { clear: both; float: none; font-size: 0px; height: 0px; background: none; padding: 0; } .magenta { color: #E20074 !important; } .blue { color: #60a6e9 !important; } .btn { background: #e20074; color: #fff; font-family: 'teleneobold'; font-size: 21px; height: auto; line-height: auto; padding: .5em 1.8em; /* border-radius: 8px; */ text-align: center; text-decoration: none !important; white-space: nowrap; display: inline-block; margin: 0 auto; position: relative; } .btn.big { font-size: 30px; padding: 17px 60px; } .btn.white { background: white; color: #e20074; padding: 8px 40px; border: 2px solid #e20074; } .btn.white.big { padding: 13px 40px; } .btn:hover { background: #FF0083; color: white; } .wrapper { max-width: 1920px; min-width: 320px; margin: 0 auto; width: 100%; background-color: #F1F3F8; } .section.mod-logo { background: #e20074; padding: 20px 0; } .section.mod-logo .content { padding: 0 8px; margin: 0 auto; } .mainCon { background: none } .mainCon a.logo1 { display: inline-block; float: left; margin: 0 auto; height: 30px; width: 300px; background: url(../images/logo-new_w.svg) 5px center no-repeat; background-size: auto 30px } .mainCon a:hover { text-decoration: none } .section { width: 100%; height: auto; padding: 25px 0; position: relative; } .section .content { width: 100%; max-width: 375px; margin: 0 auto; position: relative; padding: 15px 12px; } #thx, #err { text-align: center } .visible-sm { display: none } .visible-md { display: none } .visible-lg { display: block } .hidden-sm { display: block } .hidden-md { display: block } .hidden-lg { display: none } /* TYLKO DLA TEJ STRONY ---------------------------------------------- */ body .tipso_content { font-size: 16px; } h2 { font-family: 'teleneobold'; color: white; font-size: 32px; margin: .8em 0; } h3 { font-size: 2.5em; } .p1 { font-size: 1.6em } .s-arrow { background: #e20074; border-radius: 50%; color: #ffffff; display: block; height: 60px; left: 50%; position: absolute; text-align: center; bottom: -30px; width: 60px; z-index: 10; margin-left: -30px; cursor: pointer; } .s-arrow::before { background: #e20074 none repeat scroll 0 0; border-radius: 50%; content: ""; display: block; height: 120%; left: 50%; opacity: 0.5; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 120%; z-index: 5; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .s-arrow:hover::before { width: 145%; height: 145%; } .s-arrow::after { background: transparent url(../images/sec-arrow.png) center no-repeat; border-radius: 50%; content: ""; display: block; height: 100%; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%); width: 100%; z-index: 7; } i.infotip { background: #C1C1C1 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABFCAYAAAA4lKTpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNjZBRDkwMURGOUIxMUU5QTM1M0NGRUIzQTdDMENCNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNjZBRDkwMkRGOUIxMUU5QTM1M0NGRUIzQTdDMENCNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM2NkFEOEZGREY5QjExRTlBMzUzQ0ZFQjNBN0MwQ0I1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2NkFEOTAwREY5QjExRTlBMzUzQ0ZFQjNBN0MwQ0I1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+8mHMKwAAAZJJREFUeNrs2r2qwjAUB/ATrZNFF3Hr6tBF6CSKSym4+gi+QsFHcHfuUHB0kE6+gIuPINi9i2DbpSCKesl623sl/dAI/4wth/NLk9DTNMyyLJK5KXmCdF2nXq8nFBNFEe12u+qBk8mE5vP5M0/HDMNgy+VSKKYmmmQ0GuUern6/L9wxYaCiKG+dgzWSvAEIIIAAygYMwzB3ssfjUT1wu91SHMfCie73O202GyYax2Qvt7BIAATw24GZ5XGj0aBut1tqosvlQufzuTiQ4xzHeWqaVvrTWK/XzHXdYkM8HA6pChxv4/G4+EdTs9nEIgEQQAABlBmYJIncwP1+T6fTSd5q5na70Ww2Y39VM7Zt59qILLXc4sggCDIDrtcrFgmAAAIIIIAAAggggAD+W1G3Wi0yTTMzoNPp5E7Gd86m02nmvcPhQL7vp66nfuS0221arVZPVVXf/rQWiwX7fXQlNcSDwYA+geONn8d5OQfr9ToWCYAAAgigzMBPbmDygxcvgfxdeDwe2btx/CSJ53mp6z8CDADOxmcOn9b3IgAAAABJRU5ErkJggg==') center no-repeat; background-size: auto; background-size: auto auto; background-size: auto 10px; border-radius: 50%; color: #fff; content: "i"; display: inline-block; font-family: arial; font-size: 12px; font-weight: bold; height: 17px; line-height: 17px; margin-top: -5px; position: relative; text-align: center; vertical-align: middle; width: 17px; } i.infotip.go-top { top: -1.8em; } .tipso_style { cursor: help; } .section.mod-last { background: #212121; color: #C6C6C6; padding: 25px 0 15px 0; } .section.mod-last .legal-mod .legal { margin-bottom: .7em; } .section.mod-last .reg-mod { margin: 1em 0; text-align: right; } .section.mod-last .reg-mod p {} .section.mod-last .reg-mod p a { color: #e20074; } .section.mod-last .logo-footer { display: block; height: 35px; margin: 15px auto; } .section.mod-last .reserved { text-align: center; } .section.mod-last hr { border: none; border-top: 1px solid #666; } .section.mod0 { /*background: green;*/ background: #1a1a1a; position: relative; padding-top: 0; padding-bottom: 0; color: white; } h1 { font-family: 'teleneoregular'; font-size: 28px; line-height: 1em; margin: .5em 0 0 0; } h1 strong { font-family: 'teleneobold'; font-size: 40px; line-height: 1em } .section.mod0 .after-h1 { font-size: 20px; } .section.mod0 .btn-holder { margin: 15px 0; } .section.mod0 .btn-holder .btn { margin: 15px 0; font-size: 16px; line-height: 30px; padding-left: 1.1em; padding-right: 1.1em; } .section.mod0 .btn-holder .btn.transparent { margin: 15px 0; font-size: 16px; background: none; color: #FFF; padding-right: 0; } .section.mod0 .btn-holder .btn.transparent:hover { text-decoration: underline; } .link-nav-holder { text-align: left; font-family: "tele-groteskhalb"; width: 100%; overflow: hidden; height: 69px; background: #1A1A1A } .link-nav-holder .link-nav { white-space: nowrap; overflow-x: scroll; overflow-y: hide; -webkit-overflow-scrolling: touch; padding-bottom: 20px; padding-left: 20px; } .link-nav-holder .link-nav .item { display: inline-block; height: 75px; color: white; padding: .4em 5px; font-size: 16px; line-height: 60px; text-align: center; margin-right: 6px; text-decoration: none; position: relative; } .link-nav-holder .link-nav .item:after { position: absolute; content: ""; display: block; width: 100%; height: 3px; background: transparent; top: calc(50% + 18px); left: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .link-nav-holder .link-nav .item.active:after, .link-nav-holder .link-nav .item:hover:after { background: white; } .section.mod0 .mod0-picture img { max-width: 100%; } .section.mod-tab { padding-top: 0; padding-bottom: 0; } .section.mod-tab .content { padding-top: 0; padding-bottom: 0; } .net-tab-holder .net-tab { float: left; width: 50%; text-align: center; color: white; font-family: 'teleneobold'; font-size: 12px; height: 60px; padding-top: 8px; padding-bottom: 8px; border-bottom: 3px solid #d9d9d9; text-decoration: none !important; display: flex; align-items: center; justify-content: center; } .net-tab-holder .net-tab:not(.active):hover { text-decoration: none; background: #ffffff22; } .net-tab-holder .net-tab.active { border-bottom: 3px solid #e20074; } .net-tab-holder .net-tab.active { border-bottom: 3px solid #e20074; } .package-depend { display: none; } .section.mod2 { color: white; } .section.mod2 .bullet-holder .item { margin-bottom: 36px; } .section.mod2 .bullet-holder .item img { height: 45px; max-width: 50px } .section.mod2 .bullet-holder .item ._1 { font-family: 'teleneobold'; font-size: 24px; margin: .5em 0; } .section.mod2 .bullet-holder .item ._2 { font-size: 20px; margin: .5em 0; } h3 { font-size: 25px; font-family: 'teleneobold'; } .section.mod3 { color: white; padding-top: 260px; background: url(../images/dekoder-pilot-2-1.png) top center no-repeat; background-size: 320px auto; } .section.mod3 .pp1 { font-size: 20px; margin: .5em 0; } .section.mod3 .box-holder .box { margin: 25px 0; padding-left: 54px; background: url(../images/ikona-obsluga.png) left 2px no-repeat; } .section.mod3 .box-holder .box._2 { background: url(../images/ikona-centrum.png) left 0px no-repeat; } .section.mod3 .box-holder .box ._1 { font-size: 20px; margin: .5em 0; font-family: 'teleneobold'; } .section.mod3 .box-holder .box ._2 { font-size: 20px; margin: .5em 0; line-height: 1.35em; } .section.mod3 .box-holder .box .link { font-size: 20px; color: #e20074; margin: .5em 0; } .section.mod4 { color: white; padding-top: 210px; background: url(../images/ekrany_v2.png) center -30px no-repeat; background-size: 320px auto; } .section.mod4 .pp1 { font-size: 20px; margin: .5em 0; } .section.mod4 .box-holder .box { margin: 25px 0; padding-left: 54px; background: url(../images/ikona-pobierz.png) left 2px no-repeat; } .section.mod4 .box-holder .box._2 { background: url(../images/ikona-urzadzenia.png) left 0px no-repeat; } .section.mod4 .box-holder .box ._1 { font-size: 20px; margin: .5em 0; font-family: 'teleneobold'; } .section.mod4 .box-holder .box ._2 { font-size: 20px; margin: .5em 0; line-height: 1.35em; } .section.mod4 .box-holder .box .link { display: inline-block; position: relative; font-size: 20px; color: #e20074; margin: .5em 0; padding-right: 1.0em } .section.mod4 .box-holder .box .link:after { position: absolute; content: ""; background: url(../images/arrowbutton_mag.png) center /contain no-repeat; display: block; right: 0; top: 50%; transform: translateY(-50%); height: 1em; width: .4em; } .section.mod5 { background: #1a1a1a; color: white; } .section.mod5 .p1 { font-size: 20px; margin: 1em 0; line-height: 1.3em } .section.mod5 .box-slider { max-width: 100vw; } .section.mod5 .box-slider .slide { text-align: center; background: black; width: 300px; text-align: center; background: black; margin: 0px 12px; } .section.mod5 .box-slider .slide .header { background: #e20074; padding: 15px 0; } .section.mod5 .box-slider .slide .header .ico { display: inline-block; width: 80px; } .section.mod5 .box-slider .slide .header .plus { display: inline-block; font-family: 'teleneomedium'; font-size: 32px; line-height: 88px; } .section.mod5 .box-slider .slide .rest { padding: 5px 20px 20px; } .section.mod5 .box-slider .slide ._1 { display: block; font-family: 'teleneobold'; font-size: 24px; margin: 1em 0; } .section.mod5 .box-slider .slide ._2 { display: block; font-size: 22px; margin: 1em 0; } .section.mod5 .box-slider .slide .link { display: block; font-size: 22px; margin: 1em 0; color: #e20074; } .wrapper .slick-dots { bottom: -35px; } .wrapper .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 14px; height: 14px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #a5a5a5; } .wrapper .slick-dots li.slick-active button { background: #e20074; } .wrapper .slick-dots li button:before { display: none } .section.mod6 { color: white; } .section.mod6 .pp1 { font-size: 20px; line-height: 1.35em; } .section.mod6 .btn.black { padding-left: 0; padding-right: 0; display: block; background: none; border: 1px solid white; margin: 18px 0; } .section.mod6 .btn.black.alt { color: #111523; border: 1px solid #111523; } .section.mod6 .mod6-bg { max-width: 100%; margin: 50px auto; } .section.mod7 { color: white; background: #292828; } .section.mod7 h2 { color: white; text-align: left; } .faq-tab-switcher { border-bottom: 1px solid #aaa; margin-top: 25px; } .faq-tab-switcher .fts-button { font-family: 'teleneoextrabold'; color: #111523; display: inline-block; padding: 15px; margin-bottom: -2px; text-decoration: none; } .faq-tab-switcher .fts-button.active { color: #e20074; border-bottom: 3px solid #e20074; } .faq-tab-switcher .fts-button:hover { background: #ffffff22; } .faq-slider .slide { padding-top: 25px } .accord-holder.faq { /*border-bottom: 1px solid #ccc;*/ margin-bottom: 2em; margin: 0px auto 25px; } .accord-holder.faq .nag { /*border-top: 1px solid #ccc;*/ padding: 1em 2.8em 1em .4em; position: relative; font-family: 'tele-groteskhalb'; cursor: pointer; background: #E8E8E805; margin: 4px 0; } .accord-holder.faq .accord .nag:hover { background: #E8E8E822; } .accord-holder.faq .nag:after { display: block; width: 30px; height: 30px; background: url(../images/strzalka_faq.svg) center no-repeat; background-size: 10px auto; content: ""; position: absolute; right: 5px; top: 50%; margin-top: -15px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .accord-holder.faq .accord.shown .nag:after { margin-top: -15px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .accord-holder.faq .accord .details { font-size: .85em; padding-left: .6em; font-family: 'tele-grotesknorregular'; padding-bottom: 1.5em } .accord-holder.faq .accord .details p { padding-bottom: 1em } .accord-holder.faq .accord .details ol, .accord-holder.faq .accord .details ul { margin-left: 1.5em } .accord-holder.faq .accord .details ol>li { margin: .75em 0; } .accord-holder.faq .accord .details a { color: #e20074; text-decoration: underline; } .reg-slide .reg-item { display: block; padding: 15px 15px 15px 50px; font-family: 'teleneomedium'; color: #111523; font-size: 16px; background: #ffffff08 url(../images/doc-ico.png) 15px center no-repeat; background-size: 20px auto; margin: 5px 0; text-decoration: none } .reg-slide .reg-item:hover { background-color: #ffffff22; } .popup-content { display: none; } .rel_me { position: relative; } .hide_me { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1A1A1A70; z-index: 10; } .popup-content.active { position: fixed; display: block; top: 10%; left: 0; right: 0; bottom: 10%; background: #FEFEFF; overflow: auto; overflow-x: hidden; line-height: 1.1em; max-width: 940px; margin: 0 auto; z-index: 10; text-align: center; } .popup-content.active a.close { position: sticky; top: -25px; right: -30px; float: right; color: #323232; font-size: 60px; line-height: 35px; width: 35px; height: 35px; border-radius: 50%; display: block; text-align: center; transform: rotate(45deg); text-decoration: none !important; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .popup-content.active a.close:hover { transform: rotate(45deg) scale(1.3); } .popup-content { padding: 30px; color: #323232; } .popup-content .nag { font-family: 'teleneoextrabold'; font-size: 26px; margin: 0 0 1em; line-height: 1.1em; } .popup-content .desc { line-height: 1.3em; } .popup-content.popup-abo .abo-box { max-width: 300px; margin: 30px auto 50px; text-align: center; } .popup-content.popup-abo .abo-box .header { border-radius: 20px 20px 0 0; background: #e20074; padding-bottom: 12px; } .popup-content.popup-abo .abo-box .header ._5g { border-radius: 0 0 80px 80px; padding: 8px 30px 8px 30px; font-family: 'teleneoextrabold'; font-size: 20px; background: #9B0050; display: inline-block; } .popup-content.popup-abo .abo-box .header .offer-name { font-family: 'teleneoextrabold'; font-size: 24px; max-width: 150px; line-height: 1.05em; margin: 0 auto 0; display: block; padding-top: 12px; } .popup-content.popup-abo .abo-box .box-rest { border-radius: 0 0 20px 20px; border: 1px solid white; border-top: none; padding: 15px 20px; } .popup-content.popup-abo .abo-box .box-rest .item { padding: 5px 0; font-size: 16px } .popup-content.popup-abo .abo-box .box-rest .val { font-family: 'teleneobold'; } .popup-content.popup-abo .abo-box .box-rest .val span { font-family: 'teleneoregular'; display: block; } .popup-content a { color: #e20074; text-decoration: underline; } .popup-content .tag-holder { margin: 15px 0; } .popup-content .tag-holder .tag { background: #427BAB; display: inline-block; padding: 7px 16px 6px 10px; margin-bottom: 3px; margin-right: 8px; border-radius: 15px; color: white; font-family: 'teleneomedium'; } .popup-content .tag-holder .tag.tv img { height: 1em; margin: 0em 5px 0 0; filter: none; } .popup-content .tv-pack-switcher { margin: 25px 0 15px; } .popup-content .tv-pack-switcher .item { float: left; width: 33.3%; text-align: center; color: #323232; font-family: 'teleneobold'; font-size: 21px; height: 43px; padding-top: 8px; padding-bottom: 8px; border-bottom: 3px solid #d9d9d9; text-decoration: none !important; } .popup-content .tv-pack-switcher .item.active { border-bottom: 3px solid #e20074; color: #e20074; } .popup-content .tv-pack-switcher .item:hover { border-bottom: 3px solid #e20074; } .popup-content .tv-ico { display: inline-block; margin: 4px; height: 40px; } .popup-content .tv-ico.dif { filter: grayscale(1); } .popup-content .tv-ico.shorter { height: 30px; } .popup-content#tv-box .tv-box { margin: 35px 0; } .popup-content#tv-box .item { display: inline-block; max-width: 100%; margin-bottom: 15px; padding-right: 15px; margin-right: 5px } .popup-content#tv-box .item .tv-box-ico { margin-bottom: 15px; } .popup-content#player-desc { background: black url(../images/player-bg.png) 100px 120px no-repeat; background-size: auto; } .popup-content#player-desc .player-graph { width: 100%; display: block; max-width: 450px; margin: 35px auto; } .popup-content .ent-ico-holder { margin: 35px 0; } .popup-content .ent-ico-holder a.ent-link { display: inline-block; margin: 0 8px 8px 0; width: 100px; height: 100px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .popup-content .ent-ico-holder a.ent-link:hover { transform: translateY(-5px); } .popup-content .ent-ico-holder a.ent-link img.ent-img { display: inline-block; width: 100%; height: auto; } .popup-content#entertainment-no-limit .desc { margin: 0 0 1em 0; } .popup-content#entertainment-no-limit ul { margin: 0 0 1em 2em; color: #111523; text-align: left; } .popup-content#entertainment-no-limit ul span { color: #111523; text-align: left; } .popup-content#entertainment-no-limit .nolinitlogoslg { display: none; } .tv-items .item { margin: 25px 0; display: flex; color: white; align-items: center; justify-content: flex-start; align-content: center; flex-direction: row; } .tv-items .item .ico { display: block; background: #e20074 url(../images/tv-ico-1.svg) center no-repeat; width: 60px; min-width: 60px; height: 60px; border-radius: 50%; position: relative; margin-right: 25px; -webkit-box-shadow: 0px 0px 0px 7px rgba(226, 0, 116, 0.36); -moz-box-shadow: 0px 0px 0px 7px rgba(226, 0, 116, 0.36); box-shadow: 0px 0px 0px 7px rgba(226, 0, 116, 0.36); } .tv-items .item .ico._2 { background-image: url(../images/tv-ico-2.svg); } .tv-items .item .ico._3 { background-image: url(../images/tv-ico-3.svg); } .tv-items .item .text .nag { font-family: 'teleneobold'; font-size: 1.2em; } .tv-items .item .text .desc { display: block; } .section.light { background-color: #F1F3F8; color: #111523; } .section.light.alter { background-color: #FFF; color: #111523; } .section.light p { color: #111523; } .section.light h2, .section.light h3 { color: #111523; } .section.mod10 { color: white; } .section.mod10 h2 { margin-bottom: .3em; } .section.mod10 .device-slider { margin-top: 3em; } .section.mod10 .device-slider .item { width: 300px; -webkit-box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, .5); -moz-box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, .5); box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, .5); margin: 15px; } .section.mod10 .device-slider .item .l-side { padding: 25px 0; background: url(../images/bg.png) center bottom no-repeat; background-size: cover; text-align: center; } .section.mod10 .device-slider .item .l-side .dev-image { display: inline-block; max-height: 130px; } .section.mod10 .device-slider .item .r-side { padding: 15px; } .section.mod10 .device-slider .box .box-item { display: block; /*min-height: 20px;*/ font-size: 1.0em; line-height: 1.0em; margin: 6px auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #444; padding: .5em; } .section.mod10 .device-slider .box .box-item.last { border-bottom: none } .section.mod10 .device-slider .box .box-item .name { font-family: 'teleneoextrabold'; line-height: 1.1em; min-height: 2.2em; margin: 0; padding: 0 } .section.mod10 .device-slider .box .box-item .desc { text-align: left; vertical-align: middle; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 65%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-family: 'teleneoregular'; } .section.mod10 .device-slider .box .box-item span.value { white-space: nowrap; display: block; font-family: 'teleneobold'; font-size: 16px; position: relative; text-align: right; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.1em; } .section.mod10 .device-slider .box .box-item span.value del { font-family: 'teleneoregular'; display: inline-block; text-decoration: line-through; margin-right: 8px; opacity: .85 } .section.mod10 .device-slider .box .box-item span.value span.bg { background: #427BAB; color: white; padding: .2em .5em .1em; } .section.mod10 .device-slider .btn { border-radius: 0px; display: block; font-size: 16px; margin: 0 15px 15px; } .canal-box { display: flex; border: 3px solid #e20074; flex-direction: column-reverse; margin: 40px 0; } .canal-box__logos { background: #fff; border-right: 3px solid #e20074; display: flex; justify-content: space-around; align-content: center; flex-wrap: wrap; padding: 10px 10px; } .canal-box__logos img { max-width: 100px; margin: 10px; } .canal-box__price-box { background: #003267; padding: 20px; display: flex; flex-direction: column; } .canal-box__price-box .btn { font-size: 16px; padding: .8em 1em; } .canal-box__tit1 { display: none } .canal-box__tit2 { display: none } .canal-box__tit3 { display: none } .canal-box__tit4 { display: none } .canal-box__tit1_s { font-family: teleneoextrabold; font-size: 50px; } .canal-box__tit3_s { margin-bottom: 20px } .custom-arrow-next { position: absolute; right: 15px; top: 120px; width: 40px; height: 40px; background: #e20074 url(../images/arrowbutton.png) center no-repeat; background-size: 10px auto; z-index: 50; } .custom-arrow-prev { position: absolute; left: 15px; top: 120px; width: 40px; height: 40px; background: #e20074 url(../images/arrowbutton.png) center no-repeat; background-size: 10px auto; transform: rotate(180deg); z-index: 50; } .custom-arrow-next.slick-disabled, .custom-arrow-prev.slick-disabled { opacity: 0.1 } .custom-arrow-next.white, .custom-arrow-prev.white { background-image: url(../images/arr_white.png) } .prem_box { background: #FFFF00; border: solid 2px #e20074; margin-bottom: 30px; } .prem_box .prem_title { font-family: 'teleneobold'; font-size: 1em; line-height: 1em; color: #e20074; text-align: center; padding: 20px 0; } .prem_box .prem_foot { font-family: 'teleneobold'; font-size: .9em; line-height: 1.2em; color: #FFF; background: #e20074; text-align: center; padding: 20px 5px 15px 5px; } .prem_box .prem_logos_cont { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-content: center; margin: 0 auto; margin-bottom: 20px; /* max-width: 400px; */ } .prem_box .prem_logos_cont .prem_logo { margin: 7px 5px; } .flip-container .tm-only { background: #64B9E4; color: white; display: inline; padding: .2em .8em; text-align: center; position: absolute; font-family: 'tele-groteskfett'; border-radius: 8px; position: absolute; top: -15px; font-size: 18px; left: 50%; margin-left: -85px; } /* simple */ .flip-container { -webkit-perspective: 3000; -moz-perspective: 3000; -ms-perspective: 3000; perspective: 3000; -ms-transform: perspective(3000px); -moz-transform: perspective(3000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; /*border: 1px solid #ccc;*/ } /* .flip-container:hover .flipper, .flip-container.hover .flipper, #flip-toggle.flip .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); filter: FlipH; -ms-filter: "FlipH"; } */ /* START: Accommodating for IE */ .flip-container.hover .back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .flip-container.hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } /* END: Accommodating for IE */ .flip-container, .front, .back { width: 320px; height: 427px; } .flipper { -webkit-transition: 0.9s; -webkit-transform-style: preserve-3d; -ms-transition: 0.9s; -moz-transition: 0.9s; -moz-transform: perspective(3000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.9s; transform-style: preserve-3d; position: relative; } .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.9s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.9s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.9s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.9s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.9s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; } .front { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: lightgreen; z-index: 2; cursor: pointer; } .back { background: lightblue; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } /* vertical */ .vertical.flip-container { position: relative; } .vertical .back { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); transform: rotateX(180deg); } .vertical.flip-container .flipper { -webkit-transform-origin: 100% 213.5px; -moz-transform-origin: 100% 213.5px; -ms-transform-origin: 100% 213.5px; transform-origin: 100% 213.5px; } /* .vertical.flip-container:hover .flipper { -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transform: rotateX(-180deg); } */ /* START: Accommodating for IE */ .vertical.flip-container.hover .back { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); } .vertical.flip-container.hover .front { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } /* END: Accommodating for IE */ /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------------------*/ .flip-box-holder { text-align: center; margin-top: 45px; background: transparent url(../images/bg_cards_xs.png) center 170px no-repeat; background-size: contain; padding: 40px 0; } .flip-container { width: 290px; margin: 8px 5px; height: auto; display: inline-block; } .flip-box-holder .sep { background: transparent url(../images/cards_plus.png) center center no-repeat; background-size: contain; width: 48px; height: 48px; margin: 0 auto; } .flip-container._1 { /* width: 290px; margin:8px auto;*/ } .flip-container .flipper { width: 100%; min-height: 240px; } .flip-container .flipper .front { height: 240px; } .flip-container .flipper .back { height: auto; } .flip-container .flipper .front, .flip-container .flipper .back { /* height: 160px; */ width: 100%; padding: 15px; border-radius: 8px; -webkit-box-shadow: 0 0 30px 10px rgba(226, 0, 116, .5); box-shadow: 0 0 30px 10px rgba(226, 0, 116, .5); color: #2D2D2D; font-family: 'tele-groteskfett'; font-size: 20px; } .flip-container .flipper .back .closeb { display: block; width: 18px; height: 18px; background: url(../images/sam_close.png) center no-repeat; background-size: contain; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0; } .flip-container .flipper .front { display: flex; flex-direction: column; align-items: center; justify-content: space-between; /* padding-left: 90px; */ /* padding-right: 25px; */ } .flip-container .flipper .front span { justify-content: center; align-self: center; font-size: 34px; line-height: 1em; } /*.flip-container .flipper .front span { display: block; position: absolute; left:90px; width: calc(100% - 120px); top:50%; transform: translateY(-50%); }*/ .flip-container .flipper { color: white; } .flip-container .flipper .back { background: #FEFEFF; position: relative; padding: 15px 5px; font-family: 'tele-groteskhalb'; font-size: 15px; color: #111523; display: flex; flex-direction: column; align-items: center; } .flip-container .flipper .back span { align-self: center; font-size: 28px; } .flip-container .flipper .back p { font-size: 20px; line-height: 1.3em; margin-top: 15px; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; } .flip-container .flipper .front { background: #FEFEFF; } .flip-container .flipper .front .card_ico { height: 107px; /* margin-bottom: 25px; */ } .flip-container .flipper .back .card_ico { height: 60px; margin-bottom: 5px; } .flip-container .flipper .front span i { margin-top: 25px; font-size: .6em; display: block; margin-bottom: 10px; } .section.mod00 .form-section { margin-top: 20px; padding: 0; } .section .content.alt { background: #FFF; } .section .content.alt.swip { /* padding: 0; */ /* padding-bottom: 0; */ /* width: 100%; */ /* max-width: 960px; */ /* margin: -50px auto; */ } .section .content.alt.pad { position: relative; padding-top: 35px; } .section .content.alt.pad:after { position: absolute; top: 0; left: 0; content: 'Krok 1'; font-family: "teleneobold"; font-size: 1.25em; line-height: 1em; color: #FFF; background: #007788; text-align: center; padding: 10px 30px 8px 30px; border-radius: 0 0 20px 0; } .section .content.alt.pad.sec:after { content: 'Krok 2'; } .form-holder { max-width: 350px; margin: 0px auto 0; } .form-holder * { box-sizing: border-box; } .form-holder .form-header { color: black; text-align: center; font-size: 14px; font-family: 'teleneomedium'; margin: 0 auto 20px; } .form-holder select { width: 100%; } .form-holder .clearfix { margin: -10px 0; } .form-holder .form-item { margin: 5px 0; vertical-align: top; position: relative; display: inline-block; width: 100%; } .form-holder .form-item.disabled-on-start { cursor: not-allowed; } .form-holder .form-item.disabled-on-start * { pointer-events: none; } .form-holder .form-item.error-item { margin-bottom: 28px; } .form-holder .form-item.item-street { width: calc(100% - 130px); } .form-holder .form-item.item-house-number .select2 { /*max-width: 60%;*/ } .form-holder .form.item .net-check-city~.select2 { width: 100%; } .form-holder .form-item.item-street-dis { width: 120px; } .form-holder .form-item.item-street-dis { color: #BCBCBC; } .form-holder input[type="checkbox"] { opacity: 0; position: absolute; pointer-events: none; } .form-holder input[type="checkbox"]~.fake-chx { display: inline-block; width: 26px; height: 26px; background: transparent; border: 1px solid #BCBCBC; border-radius: 5px; position: relative; top: 8px; padding: 0 !important; vertical-align: top; margin-right: 5px; cursor: pointer; } .form-holder input[type="checkbox"]:checked~.fake-chx { background: #e20074 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAqCAMAAADGZPh1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjdDMzI4Mjk1RUY3MTFFQkE5RUVFRDZCM0VDQzJEMkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjdDMzI4Mjg1RUY3MTFFQkE5RUVFRDZCM0VDQzJEMkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjEgV2luZG93cyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJGNkE4OTU0NUNBMTEyRjk3ODYwMUIzRjdBRTM3NkVCNCIgc3RSZWY6ZG9jdW1lbnRJRD0iRjZBODk1NDVDQTExMkY5Nzg2MDFCM0Y3QUUzNzZFQjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4fMMzIAAAAElBMVEX+/v7////7+/v9/f38/Pz////ugOn0AAAABnRSTlP//////wCzv6S/AAAA7klEQVR42rSVQRbDIAgF/0d7/yvXJo2CouIiLJPMC4wg+BwHXkTIU4SsTBABAVIOkFSIEsxhRG6iMCmKPERhEEMacaWGiKxGxBKDTSuAJEUwJDnrQkJHKSOxQzQhIaSXtUfYy9oiGGQZRD+b6jWIGoeVLIVcKVQlc1kNyXoc/F7skDYOWOttiFMmXL0Voc6BS1kPot7/74Q8k1UT01/89MiSuI0J7Y+msuxRwotelmkYeAyxvJPTyDh9Zzs5Dwy3N790BTGyLKw4Ce0X3Sc5uJISV3r9QX7mAAeL75JAnu3KwvB0vXIq6/Ul3uIrwAAovx6r13v9bgAAAABJRU5ErkJggg==') no-repeat scroll center; background-size: 18px auto; border-color: #e20074; } .form-holder input[type="checkbox"]:focus~.fake-chx { outline: 1px dotted #888; } .form-holder .street-dis-label { line-height: 42px; } .form-holder .form-item .select2-container { vertical-align: top; } .form-holder .select2-container--default .select2-selection--single { background-color: transparent; border: 1px solid #BCBCBC; } .form-holder .select2-container .select2-selection--single { height: 40px } .form-holder .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; color: #BCBCBC; } .form-holder .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #BCBCBC; } .form-holder .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px } .form-holder .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #BCBCBC transparent transparent transparent; } .form-holder .net-check-house-number { width: 60%; display: inline-block; } .form-holder .postal-code { background: transparent; width: 100%; display: inline-block; height: 38px; border-radius: 4px; border: 1px solid #BCBCBC; padding: 0 .5em; margin: 0; color: #BCBCBC; text-align: left; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .form-holder .postal-code::placeholder { color: #BCBCBC; opacity: 1; font-family: 'teleneoregular'; font-size: 16px } .form-holder .postal-code.anim { /*border-color:#e20074;*/ transform: scale(1.1); -webkit-box-shadow: 0px 0px 16px 0px rgba(226, 0, 117, 1); -moz-box-shadow: 0px 0px 16px 0px rgba(226, 0, 117, 1); box-shadow: 0px 0px 16px 0px rgba(226, 0, 117, 1); } .form-holder .form-item.item-house-number { width: calc(50% - 2px); } .form-holder .form-item.item-flat-number { width: calc(50% - 2px); } .form-holder .net-check-flat-number { background: transparent; display: inline-block; height: 40px; width: 100%; border-radius: 4px; border: 1px solid #BCBCBC; padding: 0 .2em; margin: 0; color: #BCBCBC; } .form-holder .net-check-flat-number::placeholder { color: #BCBCBC; opacity: 1; font-family: 'teleneoregular'; font-size: 16px } .form-holder .net-check-flat-number+label.error { left: auto !important; right: 0; display: inline-block; } .form-holder .form-item .net-check-flat-number+label.error:after { left: auto; right: 55px; } .form-holder .form-item label.error { font-size: .8em; color: red; text-align: left; background: white; padding: .4em .6em; border-radius: 8px; position: absolute; bottom: -26px; left: 0; z-index: 10; white-space: nowrap; -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.17); box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.17); } .form-holder .form-item label.error:after { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -8px; } .form-holder button[type=submit] { background: #e20074; border: none; font-size: 21px; color: white; display: block; width: 100%; border-radius: 8px; padding: .4em 0; cursor: pointer; font-family: 'teleneobold' } .form-holder button[type=submit]:hover { background: #e20074f2; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #e20074; } .select2-result-repository__title { font-weight: bold; } .select2-result-repository__description { font-size: .7em; color: #888; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .select2-result-repository__description { color: #fff; } .net-check-street.disabled { opacity: .1; } .net-check-street.disabled~span { opacity: .2; pointer-events: none; } .result-box { padding: 15px; margin: 15px auto; background: #e2007422; position: fixed; left: 15px; top: 15px; background: aqua; width: 300px; display: none; } .house-flat-switcher-wrapper { color: #BCBCBC; font-family: tele-groteskhalb; text-align: center; vertical-align: middle; /*-webkit-box-flex: 1;*/ /*-ms-flex-positive: 1;*/ /*flex-grow: 1;*/ height: auto; overflow: hidden; border-radius: 4px; position: relative; border: 1px solid #BCBCBC; margin-top: 6px; } .house-flat-switcher-wrapper .house-flat-switcher { width: auto; margin: 0 3px; position: relative; } /*.house-flat-switcher-wrapper .house-flat-switcher.fixed * { cursor: not-allowed !important; }*/ .house-flat-switcher-wrapper .house-flat-switcher .inst-item { width: calc(50% - 6px); text-align: center; padding: 7px 5px; margin: 4px 2px; color: #BCBCBC; display: inline-block; border-radius: 6px; cursor: pointer; font-size: 18px; line-height: 1.0em; text-decoration: none; } .house-flat-switcher-wrapper .house-flat-switcher .inst-item.fixed { opacity: .5; cursor: not-allowed !important; } .house-flat-switcher-wrapper .house-flat-switcher:not(.fixed) .inst-item:hover { /*background: #ffffff33;*/ text-decoration: none; } .mod00 .house-flat-switcher-wrapper .house-flat-switcher .inst-item:focus { text-decoration: underline; } .house-flat-switcher-wrapper .house-flat-switcher .inst-item.active { background: #e20074; text-decoration: none; color: #fff; } .house-flat-switcher-wrapper .house-flat-switcher .inst-item ._1 { font-family: 'tele-groteskultregular'; display: block; } .house-flat-switcher-wrapper .house-flat-switcher .inst-item ._2 { font-family: 'tele-groteskhalb'; display: block; } body .select2-container--default .select2-selection--single .select2-selection__clear { opacity: 0; margin-left: -50px } .form-holder .form-item.item-submit .btn-link { font-family: 'teleneobold'; font-size: 1em; text-align: center; display: inline-block; width: 100%; } .form-result .s1 { color: black; position: relative; padding-right: 104px; border: solid 1px #969DB4; border-radius: 8px; padding: 10px; } .form-result .s1 ._1 { margin-bottom: .8em; color: #BCBCBC; } .form-result .address { font-family: 'teleneomedium' } .form-result .s1 { margin-bottom: 25px; font-family: 'teleneomedium' } .form-result .s1 a.change-address-btn { color: #e20074; padding: .6em .8em; border: 1px solid #e20074; border-radius: 6px; position: absolute; right: 15px; bottom: 20%; } .form-result .s1 a.change-address-btn i { display: inline-block; width: 12px; height: 1em; background: url(../images/arrowbutton_mag.png) center no-repeat; background-size: contain; margin-right: 8px } .form-result hr { border: none; border-top: 2px dotted #e20074; opacity: .7; margin: 1em 0; } .form-result .result-text { font-size: 14px; font-family: 'teleneobold'; color: #e20074; margin: 0 auto .8em auto; text-align: center; max-width: 80%; } .form-result .result-text a { color: #e20074 !important; } .form-result .btn.form-result-btn { font-family: 'teleneobold'; display: block; font-size: 16px; margin: 8px auto; } .form-result .btn.form-result-btn { font-family: 'teleneobold'; display: block; font-size: 16px; margin: 8px auto; } .btn#btn-router-link { margin-top: 35px; } .form-error .visual-error { background: white; border-bottom: 4px solid #ffe066; padding: 1em; border-radius: 8px; display: inline-block; font-family: 'teleneobold'; color: #333; } .form-error .visual-error i { background: #ffe066; display: inline-block; width: 1.4em; height: 1.4em; line-height: 1.5em; border-radius: 50%; text-align: center; font-weight: bold; margin-right: .5em; margin-top: -.2em; } .section.tab-mod { padding-bottom: 0; background: #F4F4F4; } .tab-text { text-align: center; color: #888888; margin: 12px auto; } .tab-holder { text-align: center; max-width: 600px; margin: 0 auto; background: transparent; display: flex; flex-direction: column; /* overflow: hidden; */ /* border-radius: 8px; */ } .tab-holder .tab-item { width: 100%; font-family: 'teleneobold'; text-align: left; margin: 0; color: #111523; flex: 1; display: inline-block; cursor: pointer; font-size: 1.25em; line-height: 1.3em; text-decoration: none; min-height: 40px; position: relative; border-radius: 8px; border: solid 2px #E4E8F8; padding: 15px 10px; display: flex; align-items: center; justify-content: flex-start; flex-direction: row; margin-bottom: 20px; } .tab-holder .tab-item i { display: inline-block; width: 24px; height: 24px; background: transparent url(../images/ico_circ_off.png) center center no-repeat; background-size: contain; margin-right: 6%; } .tab-holder .tab-item.active i { background: transparent url(../images/ico_circ.png) center center no-repeat; background-size: contain; } .tab-holder .tab-item .valign { /* position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0 */ width: 88%; } .tab-item:hover { color: #e20074; } .tab-item.active { color: #e20074; border: solid 2px #e20074 } .tab-depend { display: none; } .btn.disabled { cursor: not-allowed; background: #bbb; color: #999; } .error-monit { /*margin:15px auto;*/ } .error-monit i { background: red; display: inline-block; width: 1em; height: 1em; color: white; font-weight: bold; border-radius: 50%; text-align: center; margin-right: 8px } .section.mod1 { padding-top: 0; margin-top: 0; background: #F4F4F4; } .section.mod1 .content { padding-bottom: 0; } .section.mod1 .label { color: #888888; text-align: center; margin: 12px auto } .section.mod1 .house-flat-holder { margin-top: 35px; border: none; } .section.mod1 .house-flat-switcher-wrapper { text-align: center; max-width: 700px; margin: 0 auto; background: white; border: none; display: flex; overflow: hidden; border-radius: 8px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); font-family: 'teleneobold'; } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher { display: flex; width: 100%; margin: 0; } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher .inst-item { width: 50%; font-family: 'teleneobold'; text-align: center; padding: 14px 5px; margin: 0; color: #333; flex: 1; display: inline-block; cursor: pointer; font-size: 18px; line-height: 1.0em; text-decoration: none; min-height: 40px; position: relative; border-radius: 0; display: flex; justify-content: center; align-items: center; } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher .inst-item:not(.active)+.inst-item { border-left: 1px solid #eee; } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher .inst-item span { display: inline-block; } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher .inst-item:hover { background: inherit; color: #e20074; } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher .inst-item.active { background: #e20074; color: white; } i.house { display: inline-block; width: 1em; height: 1em; margin-left: -5px; margin-right: 5px; /*background: url(../images/home_black.svg) center no-repeat;*/ } i.flat { display: inline-block; width: 1em; height: 1em; margin-left: -5px; margin-right: 5px; /*background: url(../images/building_black.svg) center no-repeat;*/ } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher .inst-item i { filter: invert(25%) sepia(98%) saturate(7292%) hue-rotate(320deg) brightness(86%) contrast(109%); } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher .inst-item.active i { filter: invert(100%) sepia(0%) saturate(7456%) hue-rotate(54deg) brightness(102%) contrast(102%); } .section.mod1 .net-speed-holder { margin-top: 25px } .section.mod1 .net-speed-switcher-wrapper .net-speed-switcher { text-align: center; max-width: 700px; margin: 0 auto; background: white; display: flex; overflow: hidden; border-radius: 8px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); } .section.mod1 .net-speed-switcher-wrapper .net-speed-switcher .inst-item { width: 33%; font-family: 'teleneobold'; text-align: center; padding: 15px 0px; margin: 0; color: #333; flex: 1; display: inline-block; cursor: pointer; font-size: 18px; line-height: 1.0em; text-decoration: none; min-height: 40px; position: relative; } .section.mod1 .net-speed-switcher-wrapper .net-speed-switcher .inst-item:not(.item)+.inst-item { border-left: 1px solid #eee; } .section.mod1 .net-speed-switcher-wrapper .net-speed-switcher .inst-item:hover { color: #e20074; } .section.mod1 .net-speed-switcher-wrapper .net-speed-switcher .inst-item.active { background: #e20074; color: white; } .swiper-pagination-bullet-active { --swiper-theme-color: #e20074; } .section.mod1 .net-speed-switcher-wrapper .net-speed-switcher .inst-item strong { font-family: 'teleneoextrabold'; } .section.mod1 .net-box-holder { margin-top: 40px; padding-bottom: 60px; } .section.mod1 .net-box-holder .net-box { width: 270px; /* max-width: 290px; */ margin: 0 auto; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); border-radius: 15px; background: #F1F3F8; position: relative; font-size: .8em; } .section.mod1 .net-box-holder .net-box hr { border: none; border-top: solid 1px #FFF; } .section.mod1 .net-box-holder .net-box .extra-badge { display: inline-block; content: "AKTYWACJA I INSTALACJA 0 ZŁ"; position: absolute; top: -12px; left: 50%; transform: translateX(-50%); color: black; background: #F7D54A; border: 1.5px solid #ECCB46; border-radius: 7px; white-space: nowrap; font-size: 12px; font-family: 'teleneobold'; padding: 5px 20px; z-index: 10 } /*.section.mod1 .net-box-holder .net-box:after{ display: inline-block; content:"AKTYWACJA I INSTALACJA 0 ZŁ"; position: absolute; top:-10px; left:50%; transform: translateX(-50%); color:white; background:#1063AD; border-radius: 7px; white-space: nowrap; font-size: 12px; font-family: 'teleneobold'; padding: 5px 35px; }*/ /* .section.mod1 .net-box-holder .net-box.net-box-4g.pat:after { display: inline-block; content: "TYLKO DO 14.02 OFERTA ONLINE"; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); color: #000; background: #F7D54A; border: 1px solid #ECCB46; border-radius: 7px; white-space: nowrap; font-size: 12px; font-family: 'teleneobold'; padding: 5px 35px; } */ /*.section.mod1 .net-box-holder .net-box.net-box-4g.pat.bonus:after{ display: inline-block; content:"CYBER MONDAY tylko do 28.11"; position: absolute; top:-10px; left:50%; transform: translateX(-50%); color:white; border:none; background:black; border-radius: 7px; white-space: nowrap; font-size: 12px; font-family: 'teleneomedium'; padding: 5px 35px; }*/ /*.section.mod1 .net-box-holder .net-box.net-box-4g.pat.bonus:after{ display: inline-block; content:"OFERTA ŚWIĄTECZNA"; position: absolute; top:-10px; left:50%; transform: translateX(-50%); color:white; border:none; background:url(../images/pat_bg.png) center center no-repeat; background-size: cover; border-radius: 7px; white-space: nowrap; font-size: 12px; font-family: 'teleneobold'; padding: 5px 25px; }*/ /* .section.mod1 .net-box-holder .net-box.net-box-4g .center { position: relative; } .section.mod1 .net-box-holder .net-box.net-box-4g .center hr { border: none; border-bottom: 1px solid #eee; margin: 5px auto 15px; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .center hr { border: none; border-bottom: 1px solid #eee; margin: 15px auto 15px; } .section.mod1 .net-box-holder .net-box.net-box-4g .activate-pat { position: absolute; top: 0; left: 50%; transform: translateY(-50%) translateX(-50%); color: white; background: #1063AD; border-radius: 7px; white-space: nowrap; font-size: 12px; font-family: 'teleneobold'; padding: 5px 35px; text-align: center; display: inline-block; } */ .section.mod1 .net-box-holder .net-box.active { display: block; } .section.mod1 .net-box-holder .net-box .net-box-header { border-radius: 12px 12px 0 0; padding: 25px 5px 20px; text-align: center; color: #e20074; background: #FFF; font-family: 'teleneomedium'; overflow: hidden; font-size: 1.5em; display: flex; align-items: center; justify-content: center; } .section.mod1 .net-box-holder .net-box .net-box-header i { display: inline-block; width: 24px; height: 24px; background: transparent url(../images/ico_circ_off.png) center center no-repeat; background-size: contain; margin-right: 15px; margin-top: -3px; } .section.mod1 .net-box-holder .net-box.active .net-box-header i { background: transparent url(../images/ico_circ.png) center center no-repeat; background-size: contain; } .section.mod1 .net-box-holder .net-box .net-box-header .t5g { position: absolute; top: 0; right: 0 } .section.mod1 .net-box-holder .net-box .after-header { display: none; padding: 12px } .section.mod1 .net-box-holder .net-box .after-header ._1 { font-family: 'teleneomedium'; text-align: center; font-size: 15px; } .section.mod1 .net-box-holder .net-box .after-header ._2 { font-family: 'teleneoextrabold'; text-align: center; font-size: 20px; line-height: 1.4em } /* .section.mod1 .net-box-holder .net-box.net-box-4g .after-header { display: block; } */ .section.mod1 .net-box-holder .net-box .price-box:after { clear: both; display: table; content: ""; } .section.mod1 .net-box-holder .net-box .price-box { margin: 8px auto; } .section.mod1 .net-box-holder .net-box .price-box { margin: 14px auto; text-align: center; } .section.mod1 .net-box-holder .net-box .price-box .dbl { display: flex; justify-content: center; align-items: center; margin: 10px 0; } .section.mod1 .net-box-holder .net-box .price-box .dbl .dbl_item { padding: 3px 10px; text-align: left; } .section.mod1 .net-box-holder .net-box .price-box .dbl .dbl_item .small_dbl { font-family: "teleneomedium"; font-size: 1em; line-height: 1em; color: #2B3347; } .section.mod1 .net-box-holder .net-box .price-box .dbl .dbl_item .big_dbl { font-family: "teleneomedium"; font-size: 1.5em; line-height: 1em; color: #2B3347; margin-top: 5px; } .section.mod1 .net-box-holder .net-box .price-box .dbl .dbl_item .big_dbl.pink { color: #E20074 } .section.mod1 .net-box-holder .net-box .price-box .dbl .dbl_item:first-child { border-right: solid 2px #E4E8F8; } .section.mod1 .net-box-holder .net-box .price-box .details { font-family: "teleneobold"; font-size: 20px; line-height: 1em; color: #2C7EDD; } .section.mod1 .net-box-holder .net-box .price-box .channels_ico { display: inline-block; width: 270px; margin-top: 15px; } .section.mod1 .net-box-holder .net-box .blue_line { font-family: "teleneomedium"; font-size: 1em; line-height: 1.1em; color: #FFF; background: #539BF0; text-align: center; padding: 7px 5px 5px 5px; } .section.mod1 .net-box-holder .net-box .sum_box { background: #E4E8F8; text-align: center; padding: 20px 10px; } .section.mod1 .net-box-holder .net-box .sum_box hr { width: 200px; border-top: solid 2px #B7BCCF; margin: 10px auto; } .section.mod1 .net-box-holder .net-box .sum_box .btn { display: none; } .section.mod1 .net-box-holder .net-box.active .sum_box .btn { display: inline-block; } .section.mod1 .net-box-holder .net-box .sum_box .btn { margin-top: 20px; } .section.mod1 .net-box-holder .net-box .sum_box .sum_cont .small_sum { font-family: "teleneomedium"; font-size: 1em; line-height: 1em; color: #111523; margin-bottom: 5px; } .section.mod1 .net-box-holder .net-box .sum_box .sum_cont .big_sum { font-family: "teleneoextrabold"; font-size: 2.25em; line-height: 1em; color: #111523; } .section.mod1 .net-box-holder .net-box .sum_box .sum_cont .big_sum.del { text-decoration: line-through; } .section.mod1 .net-box-holder .net-box .sum_box .sum_cont .big_sum.pink { color: #e20074; } /* .section.mod1 .net-box-holder .net-box.net-box-4g .price-box { padding: 0 0 8px 0; } */ .section.mod1 .net-box-holder .net-box .price-box.free-months { display: none; } .section.mod1 .net-box-holder .net-box.free-months .price-box { display: none; } .section.mod1 .net-box-holder .net-box.free-months .price-box.free-months { display: block; } /* .section.mod1 .net-box-holder .net-box.net-box-4g .extra-badge { display: none; } .section.mod1 .net-box-holder .net-box.net-box-4g.free-months .extra-badge { display: block; } */ .section.mod1 .net-box-holder .net-box .price-box.half { width: 50%; float: left; margin: 8px 0; } .section.mod1 .net-box-holder .net-box .price-box.half+.half { border-left: 1px dotted #888; } .section.mod1 .net-box-holder .net-box .price-box .price { text-align: center; color: #333; white-space: nowrap; } .section.mod1 .net-box-holder .net-box .price-box .price.premium { color: #e20074; font-family: 'teleneoextrabold'; } .section.mod1 .net-box-holder .net-box .price-box .price.simple-price { color: #e20074; font-family: 'teleneomedium'; } .section.mod1 .net-box-holder .net-box .price-box .price.simple-price .line_title { display: flex; align-items: center; justify-content: center; font-size: 1.5em; line-height: 1em; margin-bottom: 5px; } .section.mod1 .net-box-holder .net-box .price-box .price .line_title img { display: inline-block; height: 20px; margin-right: 5px; margin-top: -4px; } .section.mod1 .net-box-holder .net-box .price-box .price .number { font-family: 'teleneoextrabold'; font-size: 60px; line-height: 1em; display: inline-block; } /* .section.mod1 .net-box-holder .net-box.net-box-4g.free-months .price-box .price .number { font-family: 'teleneoextrabold'; font-size: 35px; line-height: 1em; display: inline-block; } .section.mod1 .net-box-holder .net-box.net-box-4g.free-months .price-box .price .star { font-family: 'teleneoextrabold'; font-size: 30px; line-height: 1em; display: inline-block; position: relative; left: -.2em; } */ .section.mod1 .net-box-holder .net-box .price-box .price.simple-price .number { font-size: 35px; } .section.mod1 .net-box-holder .net-box .price-box .price .currency { font-size: 18px; font-family: 'teleneoextrabold'; display: inline-block; text-align: left; line-height: 1em; position: relative; top: .2em; } .section.mod1 .net-box-holder .net-box .price-box.free-months .price .currency { font-size: 14px; } .section.mod1 .net-box-holder .net-box .price-box .price.simple-price .currency { font-size: 28px; top: 2px; line-height: 35px } .section.mod1 .net-box-holder .net-box .price-box .price .oldprice { display: none; } .section.mod1 .net-box-holder .net-box .price-box .price .online { display: none; } .section.mod1 .net-box-holder .net-box .price-box .price .prom-pat { display: none; } .section.mod1 .net-box-holder .net-box .price-box .price .oldprice:after { display: block; position: absolute; content: ""; width: calc(100%); height: 3px; background: #e20074; left: -5px; top: 41%; transform: rotate(-15deg); } .section.mod1 .net-box-holder .net-box .price-box .price .oldprice .number { font-size: 28px; line-height: 1em; display: inline-block; } .section.mod1 .net-box-holder .net-box .price-box .price .oldprice .currency { font-size: 9px; display: inline-block; text-align: left; line-height: 1em; position: relative; top: .2em; } .section.mod1 .net-box-holder .net-box .price-box .price .desc { font-size: 1.25em; display: block; text-align: center; line-height: 1em; color: #111523; font-family: 'teleneoregular'; max-width: 100%; width: 100%; margin-top: 8px; } .section.mod1 .net-box-holder .net-box .price-box .price .desc strong { font-family: 'teleneobold'; } .section.mod1 .net-box-holder .net-box .price-box .price .desc strong.pink { color: #e20074 } .section.mod1 .net-box-holder .net-box .price-box .price .desc.yellow-bg { background: #F7D54A; border: 1px solid #ECCB46; margin: -4px 8px; padding: 4px; width: auto; border-radius: 8px } .section.mod1 .net-box-holder .net-box .discount-text { font-size: 13px; font-family: 'teleneoregular'; padding: 10px 5px; text-align: center; display: block; } /*--------------------- box promocyjny --------------------- */ /* .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box { background: #e20074; color: white; text-align: center; border-radius: 15px; padding: 8px; margin-top: -5px; } */ .section.mod1 .net-box-holder .net-box .price-box .promo-desc { display: none; } /* .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .promo-desc { display: block; font-family: 'teleneobold'; font-size: 13px } */ .section.mod1 .net-box-holder .net-box .price-box .old-price { display: none; } /* .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .old-price { display: block; font-family: 'teleneomedium'; font-size: 19px; line-height: .85em; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .old-price .strike { text-decoration: line-through; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .old-price .legal { font-family: 'teleneoregular'; font-size: .75em; vertical-align: baseline; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .price.simple-price { color: white; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .price .desc { color: white; } */ .new-old-switcher-wrapper { text-align: center; max-width: 700px; margin: 0 auto; background: transparent; display: flex; font-family: 'teleneobold'; } .new-old-switcher-wrapper .new-old-switcher { display: flex; flex-direction: column; width: 330px; margin: 0 auto; } .new-old-switcher-wrapper .new-old-switcher .inst-item { width: 100%; font-family: 'teleneobold'; text-align: left; padding: 15px 10px; margin: 0; color: #111523; flex: 1; display: inline-block; cursor: pointer; font-size: 1.25em; line-height: 1em; text-decoration: none; min-height: 40px; position: relative; border: solid 2px #E4E8F8; border-radius: 8px; display: flex; align-items: center; margin-bottom: 20px; } .new-old-switcher-wrapper .new-old-switcher .inst-item i { display: inline-block; width: 24px; height: 24px; background: transparent url(../images/ico_circ_off.png) center center no-repeat; background-size: contain; margin-right: 6%; } .new-old-switcher-wrapper .new-old-switcher .inst-item.active i { background: transparent url(../images/ico_circ.png) center center no-repeat; background-size: contain; } .new-old-switcher-wrapper .new-old-switcher .inst-item:hover { color: #111523; } .new-old-switcher-wrapper .new-old-switcher .inst-item.active { color: #e20074; border: solid 2px #e20074; } .new-old-switcher-wrapper .new-old-switcher .inst-item ._1 { font-family: 'tele-groteskultregular'; display: block; } .new-old-switcher-wrapper .new-old-switcher .inst-item ._2 { font-family: 'tele-groteskhalb'; display: block; } .av-alert { background: #D500000F; border: 1px solid red; border-radius: 8px; display: block; max-width: 700px; width: 100%; margin: 0px auto 15px; padding: 1em; } .av-alert .error-monit { font-weight: bold; margin-bottom: .5em } .section .content.order-box { margin-top: 25px; } .order-box hr { border: none; border-bottom: 2px dotted #ccc; max-width: 600px; margin: 25px auto; } .order-box .error-monit { margin: 15px 0; } .form-result-depend:not(.form-result-blank) { display: none; } .contract-length-switcher-wrapper { text-align: center; max-width: 400px; margin: 0 auto; background: white; display: flex; overflow: hidden; border-radius: 8px; -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.15); font-family: 'teleneobold'; } .contract-length-switcher-wrapper .contract-length-switcher { display: flex; width: 100%; } .contract-length-switcher-wrapper .contract-length-switcher .inst-item { width: 50%; font-family: 'teleneobold'; text-align: center; padding: 13px 40px; margin: 0; color: #333; flex: 1; display: inline-block; cursor: pointer; font-size: 18px; line-height: 1.0em; text-decoration: none; min-height: 40px; position: relative; } .contract-length-switcher-wrapper .contract-length-switcher .inst-item.active { background: #e20074; color: #fff; } /*-------------END-------- box promocyjny --------------------- */ .new_old_depend { display: none; } /* -------------- MOBILE ------------------------------------------------*/ @media screen and (min-width: 600px) { /* ------------------------------ 640 --------------------------------*/ .visible-sm { display: block } .visible-md { display: none } .visible-lg { display: none } .hidden-sm { display: none !important } .hidden-md { display: block } .hidden-lg { display: block } .section { padding: 40px 0; } body { font-size: 18px; } .section .content { max-width: 768px; padding: 0 15px; } .mainCon a.logo1 { height: 50px; background-size: auto; } .mainCon a.logo2 { height: 50px; background-size: auto; } .section.mod-last .logo-footer { display: block; height: 35px; margin: 0px 0; float: left; } .section.mod-last .reserved { text-align: right; float: right; margin-top: 12px; width: calc(100% - 100px); } h1 { font-size: 34px; line-height: 1em; } h1 strong { font-size: 48px; } .net-tab-holder { margin-top: 20px; } .net-tab-holder .net-tab { font-size: 15px; } .net-tab-holder .net-tab span { display: block; max-width: 250px; } h3 { font-size: 40px; font-family: 'teleneoextrabold'; } .section.mod3 { color: white; padding-top: 350px; background-size: 420px auto; } .section.mod4 { color: white; padding-top: 350px; background-size: 520px auto; } .section.mod5 .box-slider .slide { width: 375px; margin: 0px 12px; } .section.mod5 .box-slider .slide ._1 { display: flex; font-family: 'teleneobold'; font-size: 24px; margin: 1em 0; flex-wrap: nowrap; justify-content: center; align-items: center; height: 2.5em; } .section.mod6 .btn.black { padding-left: 2em; padding-right: 2em; display: inline-block; background: none; border: 1px solid white; margin: 18px 0; } .section.mod6 .mod6-bg { max-width: 100%; display: block; margin: 50px auto; } .accord-holder.faq {} .accord-holder.faq .nag { padding: 1em 2.8em 1em .4em; font-size: 24px; } .accord-holder.faq .nag:after { width: 30px; height: 30px; background-size: 10px auto; right: 5px; top: 50%; } .accord-holder.faq .accord .details { font-size: 1em; padding-left: .6em; padding-bottom: 1.5em } .reg-slide .reg-item { padding: 20px 20px 20px 60px; font-size: 20px; background-size: 23px auto; margin: 5px 0; text-decoration: none; } .popup-content#tv-box .item { max-width: calc(50% - 10px); } .section.mod10 .device-slider .item { width: 400px; margin: 15px; } .section.mod10 .device-slider .item .l-side { padding: 25px 0; background: url(../images/bg.png) no-repeat; background-position: calc(50%) calc(50%); background-size: auto 350px; height: 300px; text-align: center; float: left; width: 40%; position: relative; } .section.mod10 .device-slider .item .l-side .dev-image { display: inline-block; max-height: 150px; max-width: 90%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .section.mod10 .device-slider .item .r-side { padding: 15px; float: right; width: 60%; position: relative; } .section.mod10 .device-slider .btn { padding: 15px 15px 13px; } .custom-arrow-next, .custom-arrow-prev { top: calc(50% - 20px); } .canal-box__price-box { display: flex; align-items: center; border-bottom: 3px solid #e20074; flex-direction: row; } .canal-box__tit1_s { font-size: 54px; } .canal-box__price-box div { max-width: 63%; } .flip-box-holder { margin: 35px auto 0; max-width: 580px; background: transparent url(../images/bg_cards_xs.png) center 70px no-repeat; background-size: 420px; padding: 40px 0; } .flip-container, .flip-container._1 { width: 312px; margin: 8px 5px; } .section.mod00 .form-section { padding: 25px 0; } .form-holder { max-width: 390px; margin: 0 auto; } .form-holder .form-header { width: 390px; font-size: 18px; margin-bottom: 20px; } .form-holder .form-item { margin: 0px 0 10px 0; vertical-align: top; position: relative; } .form-holder .form-item.error-item { margin-bottom: 28px; } .form-holder .form-item+.clearfix { margin-top: 10px; } .form-holder .form-item label.error { padding: 3px 8px; font-size: 13px; bottom: -24px; left: 0; } .form-result { max-width: 420px; margin: 0 auto; } .new-old-switcher-wrapper .new-old-switcher .inst-item { /* padding-left: 0; padding-right: 0; */ } .section.tab-mod { padding-bottom: 15px; } .section.mod1 .label { text-align: center; } .section.mod1 .new-old-switcher-wrapper { max-width: 600px; margin: 12px auto; } .section.mod1 .house-flat-switcher-wrapper { max-width: 600px; margin: 12px auto; } .section.mod1 .net-speed-switcher-wrapper .net-speed-switcher { width: auto; max-width: 400px; margin: 12px auto; } .new-old-switcher-wrapper .new-old-switcher .inst-item { /* padding-left: 0; padding-right: 0; */ } .section.mod1 .new-old-switcher-wrapper { max-width: 600px; margin: 12px auto; } .section.mod1 .net-box-holder .net-box { max-width: 320px; } } @media screen and (min-width: 960px) { /* ------------------------------ 960 --------------------------------*/ .section .content { max-width: 960px; } .section.mod-last { padding: 35px 0 25px; } .section.mod-last .reg-mod { text-align: right; } .section.mod-last hr { width: 100%; float: none; margin: 25px 0; border: none; border-top: 1px solid #666; } .link-nav-holder { width: 960px; margin: 0 auto; } h1 { font-size: 41px; line-height: 1em; margin-top: 50px; } h1 strong { font-size: 65px; } .section.mod0 .mod0-picture { display: none; } .section.mod0 { background: #F1F3F8; } .section.mod0 .content { background: url(../images/h_sm_v4.png) top center no-repeat; padding: 30px 25px 0; margin: 0 auto; height: 495px; } .section.mod0 .btn-holder .btn { color: #e20074; background: white } .section.mod0 .btn-holder .btn.transparent { color: white; } .section.mod-tab .content { padding-top: 30px; padding-bottom: 60px; background: #561235; background: -moz-radial-gradient(center, ellipse cover, #561235 0%, #1a1a1a 72%, #1a1a1a 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #561235), color-stop(72%, #1a1a1a), color-stop(100%, #1a1a1a)); background: -webkit-radial-gradient(center, ellipse cover, #561235 0%, #1a1a1a 72%, #1a1a1a 100%); background: -o-radial-gradient(center, ellipse cover, #561235 0%, #1a1a1a 72%, #1a1a1a 100%); background: -ms-radial-gradient(center, ellipse cover, #561235 0%, #1a1a1a 72%, #1a1a1a 100%); background: radial-gradient(ellipse at center, #561235 0%, #1a1a1a 72%, #1a1a1a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#561235', endColorstr='#1a1a1a', GradientType=1); } .net-tab-holder { margin-top: 0px; margin-bottom: 0px; } .net-tab-holder .net-tab { font-size: 24px; height: 90px; } .net-tab-holder .net-tab span { display: block; max-width: 350px; } /* .popup-content.active { display: none; } */ .section.mod2 .bullet-holder .item { margin-bottom: 36px; float: left; width: 50%; } .section.mod2 .bullet-holder .item:nth-child(odd) { padding-right: 25px; } .section.mod3 { color: white; padding-top: 40px; background-size: 420px auto; background-position: calc(50% - 260px) 50px; } .section.mod3 .content-bis { padding-left: 50%; } .section.mod4 { color: white; padding-top: 40px; background-size: 580px auto; background-position: calc(50% + 200px) 50px; } .section.mod4 .content { padding-right: 460px; } .section.mod5 .box-slider { text-align: center; margin: 15px auto; max-width: 960px; } .section.mod5 .box-slider .slide { float: left; display: inline-block; width: calc(50% - 15px); margin: 0; } .section.mod5 .box-slider .slide+.slide { margin-left: 15px; } .section.mod5 .box-slider .slide .header .ico { display: inline-block; width: 120px; } .section.mod5 .box-slider .slide .header .plus { font-size: 32px; line-height: 95px; } .section.mod5 .box-slider .slide .rest { padding: 0 45px 15px; } .section.mod5 .box-slider .slide ._1 { font-size: 32px; } .section.mod5 .box-slider .slide ._2 { /*display: flex;*/ margin: 1em 0; /*flex-wrap: nowrap;*/ /*justify-content: center;*/ /*align-items: center;*/ height: 2.5em; } .section.mod6 .half { float: left; width: 50%; padding-right: 30px; } .section.mod6 .mod6-bg { float: left; max-width: 50%; } .faq-tab-switcher .fts-button { font-size: 24px; padding: 15px 30px; } .accord-holder.faq {} .accord-holder.faq .nag { padding: 1em 2.8em 1em .4em; font-size: 24px; } .accord-holder.faq .nag:after { width: 30px; height: 30px; background-size: 10px auto; right: 5px; top: 50%; } .accord-holder.faq .accord .details { font-size: 1em; padding-left: .6em; padding-bottom: 1.5em } .popup-content#tv-box .item { max-width: 100%; } .canal-box { display: flex; border: 3px solid #e20074; flex-direction: row; margin: 40px auto; /* max-width: 1180px; */ } .canal-box__price-box { border-bottom: none; display: flex; flex-direction: column; justify-content: space-evenly; padding: 40px 55px; min-width: 330px; } .canal-box__price-box div { max-width: 100%; text-align: center; justify-content: center; } .canal-box__logos { display: flex; flex-direction: row; justify-content: flex-start; align-content: space-around; padding: 30px 0 30px 60px; } .canal-box__logos img { margin: 15px 11px; max-width: 105px; } .canal-box__tit1 { display: block; font-family: teleneoextrabold; font-size: 64px; } .canal-box__tit2 { display: block; font-family: 'teleneobold'; font-size: 24px; } .canal-box__tit3 { display: block; font-family: 'teleneobold'; } .canal-box__tit4 { display: block; font-size: 14px; margin: 1em 0; } .canal-box__tit1_s { display: none } .canal-box__tit3_s { display: none; } .flip-box-holder { margin: 35px auto 0; max-width: 100%; background: transparent url(../images/bg_cards_sm.png) center -100px no-repeat; background-size: auto; padding: 40px 0; } .flip-container, .flip-container._1 { width: 312px; margin: 8px 5px; } .section.mod00 .form-section { padding: 35px 0; } .form-holder { max-width: 100%; margin: 0; } .form-holder .form-header { width: 100%; } .form-holder .form-item { width: 250px; display: inline-block; } .form-holder .form-item.item-street { float: none; width: 250px; } .form-holder .form-item.item-street-dis { float: none; width: 120px; } .house-flat-switcher-wrapper { margin-top: 0 } .form-holder .form-item.item-house-number { width: 250px; } .form-holder .form-item.item-flat-number { width: 250px; } .form-holder .form-item.item-submit { width: 390px; margin: 5px auto; text-align: center; display: block; } .form-result { max-width: 100%; position: relative; } .form-result:after { content: ""; display: table; clear: both; } .form-result .s1 { width: 80%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; } .form-result .s1 .addr_cont { display: flex; } .form-result .s1 ._1 { margin-bottom: 0; margin-right: 10px; } .form-result .s1 a.change-address-btn { color: #e20074; padding: .6em .8em; border: 1px solid #e20074; border-radius: 6px; position: static; } .form-result .s2 { width: calc(100% - 300px); min-height: 70px; margin: 0 auto; margin-top: 20px; } .form-result .result-text { font-size: 21px; font-family: 'teleneobold'; margin: 15px auto .8em auto; text-align: center; max-width: 100%; } .form-result .btn.form-result-btn { display: inline-block; font-size: 21px; max-width: 440px; } .net-speed-switcher-wrapper { display: none } .section.mod1 .net-box-holder { text-align: center; } .section.mod1 .net-box-holder .net-box { display: inline-block; border-radius: 10px; padding: 90px 0px 0; -webkit-box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.23); box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.23); position: relative; overflow: hidden; text-align: left; margin: 15px 5px; overflow: initial; -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; max-width: 210px; font-size: .8em; width: 330px; } .section.mod1 .net-box-holder .net-box.net-box-ftth { max-width: 290px; } .section.mod1 .net-box-holder .net-box.xl-box { display: none; } .section.mod1 .net-box-holder.home-selected .net-box.xl-box { display: inline-block; } .section.mod1 .net-box-holder .net-box.active { outline: 2px solid #e20074; display: inline-block; position: relative; /* transform: scale(1.04); */ } .section.mod1 .net-box-holder .net-box.active:before { content: ""; display: block; width: 20px; height: 20px; background: url(../images/check.svg) center / contain no-repeat; position: absolute; top: 15px; left: 12px; z-index: 8; } .section.mod1 .net-box-holder .net-box:not(.active):hover { cursor: pointer; outline: 2px solid #e2007455; } .section.mod1 .net-box-holder .net-box .net-box-header { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 80px; line-height: 24px; color: #888; font-size: 24px; text-align: center; border-radius: 10px 10px 0 0; padding-top: 34px; } .section.mod1 .net-box-holder .net-box.active .net-box-header { color: #e20074; } .section.mod1 .net-box-holder .net-box .net-box-header strong { font-family: 'teleneoextrabold'; } .section.mod1 .net-box-holder .net-box .after-header { display: block; padding: 8px 0 } /* .section.mod1 .net-box-holder .net-box.net-box-4g .price-box { height: 90px; padding-top: 20px; border-top: 1px solid #eee; border-bottom:1px solid #eee; } */ /*--------------------- box promocyjny --------------------- */ /* .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box { padding: 8px; height: 80px; margin-top: 0px; margin-bottom: 6px; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .promo-desc { font-size: 12px } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .old-price { font-size: 16px; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .price.simple-price { color: white; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .price.simple-price .number { font-size: 28px; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .price.simple-price .currency { font-size: 21px; top: 0; line-height: 29px; } .section.mod1 .net-box-holder .net-box.net-box-4g.bonus .price-box .price .desc { font-size: 12px } */ /*-------------END-------- box promocyjny --------------------- */ /* .section.mod1 .net-box-holder .net-box.net-box-4g .extra-badge { transform: translateX(-65%); } */ .tab-holder { text-align: center; max-width: 900px; margin: 0 auto; background: transparent; display: flex; flex-direction: row; justify-content: space-between; } .tab-holder .tab-item { width: 40%; font-size: 1.25em; padding: 15px 10px; margin-bottom: 0px; margin: 0 10px; } .tab-holder .tab-item i { margin-right: 5%; } .section.mod1 .new-old-switcher-wrapper { max-width: 600px; } .new-old-switcher-wrapper .new-old-switcher { display: flex; flex-direction: row; justify-content: space-between; width: 800px; } .new-old-switcher-wrapper .new-old-switcher .inst-item { width: auto; margin: 0 1.7%; line-height: 1.3em; } .popup-content#entertainment-no-limit .nolinitlogossm { display: none; } .popup-content#entertainment-no-limit .nolinitlogoslg { display: inline-block; width: 880px; } .flip-container .flipper .back .closeb { opacity: 1; } } @media screen and (min-width: 1200px) { /* ------------------------------ 1200 --------------------------------*/ .link-nav-holder { height: 78px; } .link-nav-holder .link-nav .item { height: 75px; font-size: 20px; line-height: 60px; margin-right: 15px; } .section .content { max-width: 1200px; } .btn { font-size: 25px; } .link-nav-holder { width: 1200px; margin: 0 auto; } .section.mod-last .legal-mod { width: 80%; float: left; } .section.mod-last .reg-mod { margin: 0; width: 20%; float: left; } .btn { font-size: 24px; } .section.mod0 .content { background: url(../images/h_md_v4.png) top center no-repeat; padding: 30px 35px 0; margin: 0 auto; height: 495px; } h1 strong { font-size: 60px; } h2 { font-size: 40px; } .section.mod0 .btn-holder .btn { font-size: 20px; } .section.mod0 .btn-holder .btn.transparent { font-size: 20px; } .popup-content { padding-top: 40px; } .section.mod3 { color: white; padding-top: 50px; background-size: 520px auto; background-position: calc(50% - 300px) 0px; } .section.mod4 { color: white; padding-top: 50px; background-size: auto; background-position: calc(50% + 230px) 0px; } .section.mod4 .content { padding-right: 650px; } .section.mod5 .content { /*max-width: 1087px;*/ } .section.mod5 .box-slider { max-width: 1170px; margin-top: 70px; } .section.mod5 .box-slider .slide .header .ico { display: inline-block; width: 140px; } .section.mod6 .half { float: left; width: 50%; padding-right: 80px; } .section.mod6 .mod6-bg { margin: 20px 0; } .popup-content#tv-box .item { max-width: calc(50% - 10px); } .popup-content#player-desc { background: black url(../images/player-bg.png) 100px 60px no-repeat; background-size: 800px auto; } .popup-content#player-desc .player-graph { width: auto; display: block; max-width: none; margin: 55px auto 20px; } .tv-items .item .ico { width: 80px; min-width: 80px; height: 80px; } .section.mod10 .after-h2 { font-size: 20px; } .section.mod10 .device-slider .item { width: 470px; margin: 15px; } .section.mod10 .device-slider .item .l-side { width: 45%; height: 325px; } .section.mod10 .device-slider .item .l-side .dev-image { max-height: 200px; } .section.mod10 .device-slider .box .box-item .name { font-size: 20px; } .section.mod10 .device-slider .box .box-item .desc { font-size: 16px; } .section.mod10 .device-slider .box .box-item .value { font-size: 16px; } .section.mod10 .device-slider .item .r-side { width: 55% } .canal-box__logos img { margin: 15px 11px; max-width: 124px; } .flip-box-holder { margin: 35px auto 0; background: transparent url(../images/bg_cards_md.png) center center no-repeat; background-size: auto; padding: 60px 0; display: flex; align-items: stretch; justify-content: space-between; flex-direction: row; } .flip-container, .flip-container._1 { /*width: 30%;*/ margin: 8px 5px; } .flip-container .flipper .front { height: 240px } .flip-container .flipper .back { padding: 15px; font-size: 18px; } .flip-container .flipper .front .card_ico { height: auto; /* margin-bottom: 25px; */ } .flip-box-holder .sep { margin: 0; margin-top: 9%; } .form-holder { max-width: 960px; margin: 0 auto; } .form-holder .form-item { float: none; width: 250px; margin-right: 2px; } .form-holder .form-item.item-postal-code { width: 150px; } .form-holder .postal-code { height: 50px; line-height: 50px; font-size: 18px; font-family: 'teleneoregular' } .form-holder .postal-code::placeholder { font-size: 18px; } .form-holder .form-item.item-street { width: 230px; } .form-holder .form-item.item-street-dis { /* width: 0px; */ /* margin-left: 0; */ /* margin-right: 0; */ /* position: relative; */ /* left: -236px; */ /* top: 48px; */ } .form-holder .form-item.item-street-dis .fake-content { width: 120px; white-space: nowrap; } .form-holder .form-item.item-house-flat { width: 220px; } .house-flat-switcher-wrapper .house-flat-switcher .inst-item { padding: 11px 5px; } .form-holder .form-item.item-house-number { width: 150px; } .form-holder .form-item.item-flat-number { width: 120px; } .form-holder .net-check-flat-number { height: 50px; line-height: 50px; font-size: 18px; font-family: 'teleneoregular' } .form-holder .net-check-flat-number::placeholder { font-size: 18px; } .form-holder .form-item.item-submit { margin-top: 50px } .new-old-switcher-wrapper { margin: 0; } .form-holder .form-item label.error { white-space: pre-wrap; bottom: auto; top: calc(100% + 8px); } .form-holder .form-item.item-street label.error { left: 80px; } .house-flat-switcher-wrapper { margin-top: 0px; } .form-holder .select2-container .select2-selection--single { height: 50px; padding-top: 5px; } .tab-text { font-size: 22px; margin: 15px auto; } .tab-holder { max-width: 100%; width: 100%; display: block; } .tab-holder .tab-item { padding: 20px 15px; font-size: 24px; width: auto; display: inline-flex; } .tab-holder .tab-item i { margin-right: 3%; } .tab-holder .tab-item .valign { width: 80%; padding-right: 20px; white-space: nowrap; } .section.mod1 .label { font-size: 22px; margin: 15px auto; } .section.mod1 .new-old-switcher-wrapper { max-width: 730px; } .section.mod1 .house-flat-switcher-wrapper { max-width: 730px } .section.mod1 .house-flat-switcher-wrapper .house-flat-switcher .inst-item { font-size: 24px; padding: 20px 0; } .section.mod1 .net-box-holder .net-box.net-box-ftth { max-width: 330px; } /* .section.mod1 .net-box-holder .net-box.net-box-4g .extra-badge { transform: translateX(-50%); } */ .section.mod1 .new-old-switcher-wrapper { max-width: 730px; } .new-old-switcher-wrapper .new-old-switcher { display: block; width: 100%; } .new-old-switcher-wrapper .new-old-switcher .inst-item { display: inline-flex; padding: 20px 15px; font-size: 24px; min-height: 40px; white-space: nowrap; line-height: 1em; } .new-old-switcher-wrapper .new-old-switcher .inst-item span { width: 80%; padding-right: 20px; } .contract-length-switcher-wrapper { max-width: 480px } .contract-length-switcher-wrapper .contract-length-switcher .inst-item { font-size: 24px; padding: 20px 0px; } .form-holder .form-item.item-city { width: 570px; } } @media screen and (min-width: 1680px) { /* ------------------------------ 1560 --------------------------------*/ .hide-over-1560 { display: none } .section .content { max-width: 1560px; } .btn { font-size: 30px; } .link-nav-holder { width: 1560px; margin: 0 auto; } h1 { font-size: 54px; line-height: 1em; } h1 strong { font-size: 100px; } .section.mod0 .content { background: url(../images/h_lg_v4.png) center no-repeat; background-size: contain; /* background-position: calc(100%) calc(0px); */ padding: 50px 83px 0; margin: 0 auto; height: 560px; } .section.mod2 .bullet-holder .item { margin-bottom: 36px; float: left; width: 25%; } .section.mod2 .bullet-holder .item:nth-child(even), .section.mod2 .bullet-holder .item:nth-child(odd) { padding-right: 25px; } .section.mod3 { padding-top: 90px; background-size: auto; background-position: calc(50% - 350px) -40px; } .section.mod3 .content-bis { padding-left: 60%; } .section.mod4 { padding-top: 90px; background-size: auto; background-position: calc(50% + 350px) 30px; } .section.mod5 .content { /*max-width: 1500px;*/ } .section.mod5 .box-slider { max-width: 1530px; margin-top: 70px; } .section.mod5 .box-slider .slide .header .ico { display: inline-block; width: 160px; } .section.mod5 .box-slider .slide .header .plus { font-size: 50px; line-height: 125px; } .section.mod5 .box-slider .slide ._1 { font-size: 40px; } .section.mod6 .half { padding-top: 50px; } .canal-box__logos img { max-width: 170px; } .canal-box__price-box { padding: 60px 75px; min-width: 365px; } .canal-box__logos { display: flex; align-content: space-around; padding-left: 115px; } .flip-box-holder { background: transparent url(../images/bg_cards_lg.png) center center no-repeat; background-size: 1520px; padding: 70px 0; justify-content: center; } .flip-box-holder .sep { width: 56px; height: 56px; margin-top: 7%; margin-left: 20px; margin-right: 20px; } .form-holder { max-width: 1200px; margin: 0 auto; } .form-holder .form-item { float: none; width: 250px; margin-right: 12px; } .form-holder .form-item.item-postal-code { width: 190px; } .form-holder .form-item.item-city { width: 230px; } .form-holder .form-item.item-street { width: 230px; } .form-holder .form-item.item-street-dis { /* width: 0px; */ /* margin-left: 0; */ /* margin-right: 0; */ /* position: relative; */ /* left: -296px; */ /* top: 48px; */ } .form-holder .form-item.item-street-dis .fake-content { width: 120px; white-space: nowrap; } .form-holder .form-item.item-house-flat { width: 290px; } .house-flat-switcher-wrapper .house-flat-switcher .inst-item { padding: 11px 5px; } .form-holder .form-item.item-house-number { width: 200px; } .form-holder .form-item.item-flat-number { width: 120px; } .form-holder .net-check-flat-number { height: 50px; line-height: 50px; font-size: 18px; font-family: 'teleneoregular' } .form-holder .net-check-flat-number::placeholder { font-size: 18px; } .form-holder .form-item.item-submit { margin-top: 50px } .form-result .s1 { /* float: left; */ /* width: 500px; */ /* margin-right: 150px; */ } .form-result .s2 { /* float: left; */ /* width: 50%; */ } .section.mod1 .net-box-holder { margin-top: 50px } .section.mod1 .net-box-holder .net-box { max-width: 270px; padding: 90px 0 0; margin: 30px 50px; transform: scale(1.15); } .section.mod1 .net-box-holder .net-box.active { /* transform: scale(1.28); */ } .section.mod1 .net-box-holder .net-box.active::before { width: 26px; height: 26px; } .section.mod1 .net-box-holder .net-box.net-box-ftth { max-width: 350px; } .new-old-switcher-wrapper { margin: 0; } .swiper-slide { padding-top: 50px; } .swiper.mySwiper { width: 1300px; } }