@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; } @font-face { font-family: 'tele-neo-var'; src: url('/c/binaries/content/assets/lp/common/fonts/teleneo-variable-web-upright.woff2') format('woff2'), url('/c/binaries/content/assets/lp/common/fonts/teleneo-variable-web-upright.woff') format('woff'); font-weight: 250 400 500 550 655 700 800 ; 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; } .fancybox-overlay { background: rgba(0,0,0,0.7); } .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; } script + img { position: absolute; visibility: hidden; } body { margin: 0; display: block; background-color:#4B4B4B; font-family: 'tele-neo-var', Arial; font-size:16px; } table.area { width: 100% } a { text-decoration: none; color: #E20074; } a:hover { text-decoration: underline; cursor: pointer; } a:focus-visible, a:focus, a:active { outline: 2px solid black; border-radius: 3px; outline-offset: 3px; } .black-section a:focus-visible, .black-section a:focus, .black-section a:active { outline: 2px solid white; border-radius: 3px; outline-offset: 3px; } b, strong { font-weight: 700 } .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-size: 16px; font-weight: 655; line-break: 20px; height: auto; line-height: auto; padding: 10px 19px; border-radius: 999px !important; text-align: center; text-decoration: none !important; white-space: nowrap; display: inline-block; margin: 0 auto; position: relative; border:1px solid transparent; } form button { font-family: 'tele-neo-var'; } .wrapper button { font-family: 'tele-neo-var'; cursor: pointer; } .wrapper button[disabled] , .wrapper button[disabled]:hover { background: #dddddd; color:#a3a3a3; } .btn:active, .btn:focus-visible, .btn:focus { outline: 2px solid black; /* Wewnętrzna ramka */ outline-offset: 2px; top:-2px; left:-2px; } .black-section .btn:active, .black-section .btn:focus-visible, .black-section .btn:focus { outline: 2px solid white; /* Wewnętrzna ramka */ outline-offset: 2px; /* top:-2px; left:-2px; */ } .btn.black { background: #000; color: #fff; } .btn.black:hover { background: rgb(65, 65, 65); } .btn.ghost { background: #FFFFFF80; color: #000; } .btn.ghost:hover { background: #FFFFFFaa; color: #000; } .btn.big { font-size: 20px; line-height: 22px; padding: 20px 32px; } .btn.white { background: white; color: #e20074; border: 2px solid #e20074; } .btn.white.full-white { background: white; color: #black; border: 2px solid #white; } .btn.white.big { padding: 13px 40px; } .btn:hover { background: rgb(232, 51, 144); color: white; } .btn.white:hover { background: #FFDBED; color: #e20074; } .wrapper { /*max-width: 1920px;*/ min-width: 320px; margin: 0 auto; width: 100%; font-family:"tele-neo-var"; font-weight: 500; line-height: 1.25; color:#000; background-color: white; } .section { width: 100%; height: auto; padding:16px 0; position: relative; } .section.black-section { background:black; color:white; } .section .content { width: 100%; max-width: 600px; min-width: 320px; margin: 0 auto; position:relative; padding:0px 15px; } #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 ---------------------------------------------- */ /* TYLKO DLA TEJ STRONY ---------------------------------------------- */ body .tipso_content { font-size: 16px; } h1 { font-weight: 655; font-size: 2.0em; } h2 { font-weight: 655; font-size: 28px; margin-bottom: .5em } h2.smaller { font-size: 24px } .mainCon { background: none; margin-bottom: 8px; border-bottom: 1px solid #333 } .mainCon * { text-decoration: none } .mainCon a.logo { display: inline-block; } .mainCon a:hover { text-decoration: none } .mainCon img { height: 60px; } 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; } .sr-only { height: 1px; position: absolute; opacity: 0; color: black; background: white; } .section.mod0 { /*background: green;*/ position: relative; padding-top:0; } .section.mod0 .content-bis { background: #e20074; border-radius: 24px; overflow: hidden; } .section.mod0 .content-bis picture#kv-image img { max-width: 100%; } .section.mod0 .content-bis .text { background: #e20074; border-radius: 24px; padding: 24px; color:white; } .section.mod0 .content-bis .text .button-holder { margin-top: 25px; } .section.mod0 .content-bis .text .btn { border:1px solid white; } .section.mod0 .content-bis .text .btn-white { background: #e20074; border-radius: 24px; padding: 24px; color:white; } .btn.white.full-white { background: white; color: black; border: 2px solid white; } .btn.white.full-white:hover { background: #f5f5f5; color: black; border: 2px solid white; } h1 { font-weight: 655; font-size: 32px; margin-bottom: .5em; } .section.mod-last { background: white; padding: 25px 0 15px 0; } .section.mod-last .legal{ font-size: 14px; line-height: 1.4em } .section.mod-last .mod-last-header{ font-size: 22px; margin:.6em 0; } .section.mod-last .reg-item{ display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; margin:12px 0; } .section.mod-last .reg-item .doc{ text-align: left; background: #F1F1F1; font-size: 16px; font-weight: 655; padding: 24px 24px; border-radius: 16px; color:black; flex:1; display: flex; align-items: center; justify-content: space-between; } .section.mod-last .reg-item .doc i.doc-download{ display: block; width: 25px; height: 25px; min-width: 25px; margin:0 12px 0 0; background: url(../images/external-link.svg) center /contain no-repeat; } .section.mod-last .reg-item .doc-view{ display: block; border-radius: 50%; width: 40px; height: 40px; margin:0 4px; background: url(../images/content.svg) center no-repeat; background-size: 20px auto; text-indent: 20000px; overflow: hidden; white-space: nowrap; } .section.mod-last .reg-item .doc-view:hover{ background-color: rgba(1,1,1,.1); } .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.mod-slider .lqt-slider { height: 652px; position: relative; border-radius: 24px; overflow: hidden; background:#5b595a; } .section.mod-slider .lqt-slider .ls-sec { position: relative; z-index: 1; padding: 25px; color:white; height: 100%; } .section.mod-slider .lqt-slider .ls-navigation { display: flex; } .section.mod-slider .lqt-slider .ls-navigation button.play-pause { width: 40px; height: 40px; border-radius: 50%; border:1px solid black; text-indent: 20000px; overflow: hidden; white-space: nowrap; cursor: pointer; background:white url(../images/pause.svg) center no-repeat; } .section.mod-slider .lqt-slider .ls-navigation button.play-pause:focus-visible { outline: 2px solid white; outline-offset: 3px; } .section.mod-slider .lqt-slider .ls-navigation button.play-pause.paused { background:white url(../images/play.svg) center no-repeat; } .section.mod-slider .lqt-slider .ls-navigation .nav-elements { flex-basis: calc(100% - 130px); display: flex; padding: 0 8px; align-items: center; column-gap: 8px; } .section.mod-slider .lqt-slider .ls-navigation .nav-elements .time-strip { flex: 1; height: 2px; background: #aaa; } .section.mod-slider .lqt-slider .ls-navigation .nav-elements .time-strip.active { background: #000 ; } .section.mod-slider .lqt-slider .ls-navigation .nav-elements .time-strip .progress { display: inline-block; height: 2px; background: #aaa; -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; } .section.mod-slider .lqt-slider .ls-navigation .nav-arrows button { width: 40px; height: 40px; border-radius: 50%; border:1px solid black; text-indent: 20000px; white-space: nowrap; overflow: hidden; cursor: pointer; } .section.mod-slider .lqt-slider .ls-navigation .nav-arrows button:focus-visible { outline: 2px solid white; outline-offset: 3px; } .section.mod-slider .lqt-slider .ls-navigation .nav-arrows button.prev-slide { background:white url(../images/arrow-slider.svg) center no-repeat; } .section.mod-slider .lqt-slider .ls-navigation .nav-arrows button.next-slide { background:white url(../images/arrow-slider.svg) center no-repeat; transform: rotate(180deg); } .section.mod-slider .lqt-slider .ls-slide-text { padding: 30px 0; opacity: .8; } .section.mod-slider .lqt-slider .ls-slide-text .p1 { font-size: 24px; font-weight: 655; margin-bottom: 16px; } .section.mod-slider .lqt-slider .ls-slide-text .p2 { font-size: 20px; font-weight: 655; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image { position: absolute; top: 0; bottom: 0; width: 100%; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image img{ max-width: 100%; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="0"]{ background:#1c1c1c url(../images/slide1_768.jpg) bottom center no-repeat; background-size:616px auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="1"]{ background:#1c1c1c url(../images/slide2_768.jpg) bottom center no-repeat; background-size:616px auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="2"]{ background:#1c1c1c url(../images/slide3_768.jpg) bottom center no-repeat; background-size:616px auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="3"]{ background:#1c1c1c url(../images/slide4_768.jpg) bottom center no-repeat; background-size:616px auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="4"]{ background:#1c1c1c url(../images/slide5_768.jpg) bottom center no-repeat; background-size:616px auto ; } .section.mod-configurator.black-section { color:white; } .section.mod-configurator .client-switcher { display: flex; justify-content: flex-end; align-items: center; margin:25px 0; } .section.mod-configurator .client-switcher .cs { font-size: 20px; font-weight: 655; margin-right: 15px; } .section.mod-configurator .client-switcher .switcher-holder { padding: 3px; border-radius: 999px; background:black; color:white; white-space: nowrap; border: 1px solid white; } .section.mod-configurator .client-switcher .switcher-holder .item { font-size: 14px; color:white; border-radius: 999px; line-height: 40px; display: inline-block; padding:0 15px; } .section.mod-configurator .client-switcher .switcher-holder .item:focus { outline: 2px solid white; outline-offset: -5px; } .section.mod-configurator .client-switcher .switcher-holder .item.active{ background: #e20074; } .section.mod-configurator .conf-header .switcher-holder { padding: 3px; border-radius: 999px; background:black; color:white; white-space: nowrap; border: 1px solid white; display: inline-block; } .section.mod-configurator .conf-header .switcher-holder .item { font-size: 14px; color:white; border-radius: 999px; line-height: 40px; display: inline-block; padding:0 15px 0 35px; position: relative; } .section.mod-configurator .conf-header .switcher-holder .item img{ position: absolute; top:50%; transform: translateY(-50%); left:15px; } .section.mod-configurator .conf-header .switcher-holder .item:focus { outline: 2px solid white; outline-offset: -5px; } .section.mod-configurator .conf-header .switcher-holder .item.active{ background: #e20074; } .section.mod-configurator .conf-holder .conf-item{ width: 300px; margin-right: 8px; margin-top: 12px; position: relative; } .section.mod-configurator .conf-holder .conf-item.disabled{ opacity: .35; } .section.mod-configurator .conf-holder .conf-item#summary{ display: none; } .section.mod-configurator .conf-holder .conf-item .conf-header { border:1px solid white; border-radius: 24px; padding: 24px; position: relative; } .section.mod-configurator .conf-holder .conf-item .conf-header .indicator { border:1px solid white; border-radius: 50%; width: 28px; height: 28px; text-indent: 20000px; white-space: nowrap; position: absolute; top:24px; right: 24px; overflow: hidden; background: black; } .section.mod-configurator .conf-holder .conf-item .conf-header .indicator:focus { outline: 2px solid white; outline-offset: 3px; } .section.mod-configurator .conf-holder .conf-item .conf-header .indicator.active { border:8px solid #e20074; background: white; width: 28px; height: 28px; } .section.mod-configurator .conf-holder .conf-item .conf-header .indicator[disabled] { background: #DDDDDD; border-color: #CACACA; cursor: not-allowed; } .section.mod-configurator .conf-holder .conf-item .conf-header .p1 { font-size: 16px; font-weight: 655; padding-right: 30px; } .section.mod-configurator .conf-holder .conf-item .conf-header .p2 { font-size: 24px; font-weight: 655; margin:0 0 .6em 0; } .section.mod-configurator .conf-holder .conf-item .not-avaliable-box { border:1px solid #F1F1F1; border-radius: 24px; padding: 24px 24px 24px 50px; position: relative; margin-top: 12px; background: #F1F1F1; } .section.mod-configurator .conf-holder .conf-item .not-avaliable-box i.icon-info { position: absolute; display: inline-block; width: 1.3em; height: 1.3em; background: url(../images/icon_info_dark.svg) center /contain no-repeat; margin-right: 15px; margin-top: -0.15em; left: 15px; } .section.mod-configurator .conf-holder .conf-item .shown-if-active { display: none; } .section.mod-configurator .conf-holder .conf-item .conf-details { padding: 24px; border-radius: 24px; margin-top: 8px; color:black; } .section.mod-configurator .conf-holder .conf-item .conf-details.color1 { background: rgba(74, 217, 205, 1) } .section.mod-configurator .conf-holder .conf-item .conf-details.color2 { background: rgba(77, 209, 224, 1) } .section.mod-configurator .conf-holder .conf-item .conf-details.color3 { background: rgba(94, 194, 237, 1) } .section.mod-configurator .conf-holder .conf-item .conf-details .p1 { font-size: 16px; font-weight: 655; } .section.mod-configurator .conf-holder .conf-item .conf-details .p2 { font-size:24px; font-weight: 50; margin: .5em 0 0 ; display: flex; line-height: 1em; } .section.mod-configurator .conf-holder .conf-item .conf-details .p2 .ftth-icon{ width: 1.4em; height: 1.2em; background:url(../images/recommended1.svg) center /contain no-repeat; display: inline-block; margin-right: 8px; } .section.mod-configurator .conf-holder .conf-item .conf-details .p2 .abo-icon{ width: 1.4em; height: 1.2em; background:url(../images/ico-abo.svg) center /contain no-repeat; display: inline-block; margin-right: 8px; } .section.mod-configurator .conf-holder .conf-item .conf-details .p2 .tv-icon{ width: 1.4em; height: 1.2em; background:url(../images/ico-tv.svg) center /contain no-repeat; display: inline-block; margin-right: 8px; } .section.mod-recommended-offer .chanels-link , .section.mod-configurator .conf-holder .conf-item .conf-details .chanels-link { color:black; text-decoration: underline; display: inline-block; margin-bottom: .5em; } .section.mod-configurator .conf-holder .conf-item .conf-details .p3 { font-size:16px; color:#1B544F; margin-bottom: 1em } .section.mod-configurator .conf-holder .conf-item .conf-details .price { font-size:22px; font-weight: 500; } .section.mod-configurator .conf-holder .conf-item .conf-details .price span { font-size:32px; font-weight: 655; vertical-align: baseline; } .section.mod-configurator .conf-holder .conf-item .conf-details .price-desc { color:rgba(27, 84, 79, 1); } .section.mod-configurator .conf-holder .conf-item .conf-details ul.profits { margin-top: 1em; margin-bottom: 1em; } .section.mod-configurator .conf-holder .conf-item .conf-details ul.profits li { list-style: none; padding-left: 25px; margin:1em 0; } .section.mod-configurator .conf-holder .conf-item .conf-details ul.profits li { list-style: none; padding-left: 25px; margin:.3em 0; } .section.mod-configurator .conf-holder .conf-item .conf-details ul.profits li.tick { background: url(../images/checkmark.svg) top left no-repeat; } .section.mod-configurator .custom-select { position: relative; display: inline-block; width: 100%; font-size: 22px; margin:8px 0; } .section.mod-configurator .blank-custom-select { height: 77.5px; margin:8px 0 ; width: 100%; } .section.mod-configurator .select-selected { border: 1px solid #fff; border-radius: 24px; padding: 24px; cursor: pointer; user-select: none; display: flex; justify-content: space-between; align-items: center; font-size:22px; font-weight:655; } .section.mod-configurator .select-items { position: absolute; background-color: black; border: 1px solid #ccc; z-index: 99; width: 100%; display: none; border-radius: 24px; overflow: hidden; } .section.mod-configurator .select-items div:focus-visible { outline: 2px solid black; outline-offset: -6px; border-radius: 24px; } .section.mod-configurator .select-items div:hover, .select-items .same-as-selected { background-color: #222; } .section.mod-configurator .select-items div { padding: 10px; cursor: pointer; } .section.mod-configurator .select-items div:hover, .select-items .same-as-selected { background-color: #222; } .section.mod-configurator .select-arrow { display: inline-block; margin-left: auto; margin-right: 8px; width: 20px; height: 20px; background: url(../images/option_arrow.svg) center no-repeat; -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; } .section.mod-configurator .select-selected[aria-expanded=true] .select-arrow { transform: rotate(180deg); } .section.mod-configurator .legal_text.check_ico { background-image: url(../images/icon_check_white.svg); background-position: left 4px; background-repeat: no-repeat; padding-left: 28px; margin:30px 0; } .section.mod-configurator .extras-holder .extras { margin: 40px 0; } .section.mod-configurator .extras-holder .extras .price-holder { display: flex; align-items: center; } .section.mod-configurator .extras-holder .extras .price-holder .extras-indicator{ border:1px solid white; border-radius: 50%; width: 28px; height: 28px; text-indent: 20000px; white-space: nowrap; margin-right: 8px; overflow: hidden; } .section.mod-configurator .extras-holder .extras .price-holder .extras-indicator.active{ border:1px solid white; border-radius: 50%; width: 28px; height: 28px; text-indent: 20000px; white-space: nowrap; margin-right: 8px; overflow: hidden; } .section.mod-configurator .extras-holder .extras .price-holder .extras-indicator:focus { outline-offset: 3px; } .section.mod-configurator .extras-holder .extras .price-holder .extras-indicator.active { border:10px solid #e20074; background: white; width: 28px; height: 28px; } .section.mod-configurator .extras-holder .extras .extras-name{ font-size: 32px; font-weight: 655; margin:.4em 0; line-height:1.05 } .section.mod-configurator .conf-holder .conf-item .summary-box { border: 1px solid #202020; background: #202020; color:white; border-radius: 24px; padding: 24px; position: relative; } .section.mod-configurator .conf-holder .conf-item .summary-box .bigger { display: block; margin:2px 0 8px; white-space: nowrap; font-size: 22px; } .section.mod-configurator .conf-holder .conf-item .summary-box .line { display: block; white-space: nowrap; margin-bottom: 8px; } .summary-box .p2 { font-size: 32px; font-weight: 655; margin:.3em 0 0; } .summary-box .p3 { margin:0 0 1em 0; } .section.mod-configurator .conf-holder .conf-item .price span { vertical-align: baseline; } .summary-box .btn { margin-top: 25px; } .summary-box .summary-legal { font-size: 14px; font-weight: 500; margin:.4em 0 } .section.mod-configurator .conf-holder .conf-item .summary-box { position: sticky; top:0; } .section.mod-configurator .ftth-checkbox-holder { margin:24px 0 12px; } .section.mod-configurator .ftth-checkbox-holder span.desc { max-width: 80%; } .section.mod-configurator .ftth-checkbox-holder .item label{ display: flex; justify-content: space-between; align-items: center; } .section.mod-configurator .ftth-checkbox-holder input[type="checkbox"] { opacity:0; position: absolute; pointer-events: none; } .section.mod-configurator .ftth-checkbox-holder input[type="checkbox"]~.fake-chx { display: inline-block; color:black; width: 26px; height: 26px; background: transparent; border: 1px solid #fff; border-radius: 5px; position: relative; top: -4px; padding: 0 !important; vertical-align: top; margin-right: 5px; cursor: pointer; text-indent: 20000px; white-space: nowrap; } .section.mod-configurator .ftth-checkbox-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; } .section.mod-configurator .ftth-checkbox-holder input[type="checkbox"]:focus-visible~.fake-chx { outline:2px dotted #fff; outline-offset: 2px; } .floating-summary { background: #202020; padding:35px 24px 24px 24px; color:white; position: fixed; /*top: calc(100vh - 150px);*/ bottom:0; width: 100%; border-radius: 24px 24px 0 0 ; opacity: 1; border-top:1px solid #666; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; z-index: 200 } .floating-summary.hidden { visibility: hidden; opacity: 0; } .floating-summary:before { /* display: block; width: 40%; height: 3px; background: #888; position: absolute; left:50%; transform: translateX(-50%); top:10px; content:""; */ } .floating-summary .summary-box .sec .p3{ background: #5ec2ed; border-radius: 8px; padding: 5px 8px; color:#000; font-weight: 655; display: inline-block; margin:4px 0 12px; } .floating-summary .summary-box .sec-price{ display: flex; justify-content: space-between; align-items: center; flex-direction: row; margin:8px 0; font-size: 14px; } .floating-summary .summary-box .price{ font-size: 13px; } .floating-summary .summary-box .bigger { display: block; margin: 2px 0 8px; white-space: nowrap; font-size: 1.4em; } .floating-summary .summary-box .line { display: block; margin: 2px 0 8px; } .floating-summary .summary-box .btn { display: block; margin:12px 0 0 0; width: 100%; } .floating-summary .summary-box .summary-legal { font-size: 13px; color:#e5e5e5; margin-top: 15px; } .modal { max-width: calc(100vw - 30px); background: #fff; padding: 9px ; letter-spacing: .25px; font-size: 18px; } .modal hr { border: none; border-bottom: 1px solid #ccc; margin: 15px 0; } body.popup_spec .fancybox-outer { padding-top: 0; } .modal .nag { font-size: 23px; font-weight: 655; } .modal .text { margin-top: 2em } .modal .modal-btn-holder { text-align: right; margin:30px 8px 8px 0; } .modal#ftth-warning, .modal#net-tv-required , .modal#client-net-tv-required { max-width: 600px } .section.separator { padding: 0; margin-bottom: 45px; } .section.separator .content { position: relative; } .section.separator .content .mmoments { height: 65px; } .section.separator .content .logo-holder { padding: 0 30px; background:black; display: inline-block; position: relative; } .section.separator .content .pat-holder { padding: 0 30px; background: black; display: inline-flex; align-items: center; position: relative; height: 60px; } .section.separator .content .pat-holder .pat_seperator { background: #202020; padding: 4px 8px; display: flex; align-items: center; border-radius: 6px; margin-top: 6px; } .section.separator .content .pat-holder .pat_seperator.black { background: #000000; } .section.separator .content .pat-holder .pat_seperator span { font-weight: 655; font-size: 16px; line-height: 16px; color: #ffffff; display: inline-block; padding-top: 3px; } .section.separator .content .pat-holder .pat_seperator img { margin-right: 8px; max-height: 0.9em; } .section.separator .content .hr { height: 1px; width: 100%; position: relative; top: 35px; content: ''; display: block; background: #828282; } .section.mod-recommended-offer .rec-slider { margin-top: 15px; color:black; } .section.mod-recommended-offer .rec-slider .rec-item { width: 300px; margin-right: 8px; margin-top: 36px; position: relative; margin-bottom: } .section.mod-recommended-offer .rec-slider .rec-item .rec-nag { background: #202020; border-radius: 24px; margin-bottom: 8px; padding: 24px 0; text-align: center; } .section.mod-recommended-offer .rec-slider .rec-item .rec-nag img { display: inline-block; margin:0 8px; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content { border-radius: 24px; padding: 24px; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .white-label { background:white; display: inline-block; padding: .4em .8em .3em; border-radius: 8px; font-weight: 655; margin-bottom: .75em } .section.mod-recommended-offer .rec-slider .rec-item .rec-content.color1 { background: #A7DE59 } .section.mod-recommended-offer .rec-slider .rec-item .rec-content.color2 { background: #74E281 } .section.mod-recommended-offer .rec-slider .rec-item .rec-content.color3 { background: rgba(94, 194, 237, 1) } .section.mod-recommended-offer .rec-slider .rec-item .rec-content.color4 { background: black; color:white; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content.color4 .btn:focus{ outline-color: white } .section.mod-recommended-offer .rec-slider .rec-item .rec-content ul.profits { margin:1em 0; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content ul.profits li { list-style: none; padding-left: 25px; margin:.68em 0; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content ul.profits li.tick { background: url(../images/checkmark.svg) top left no-repeat; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .p2 { font-size: 24px; font-weight: 50; margin: .5em 0 0; display: flex; line-height: 1em; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .p3 { font-size: 16px; color: #1B544F; margin-bottom: 1em; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .p2 .ftth-icon { width: 1.4em; height: 1.2em; background: url(../images/recommended1.svg) center /contain no-repeat; display: inline-block; margin-right: 8px; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .p2 .tv-icon{ width: 1.4em; height: 1.2em; background:url(../images/ico-tv.svg) center /contain no-repeat; display: inline-block; margin-right: 8px; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .p2 .abo-icon { width: 1.4em; height: 1.2em; background: url(../images/ico-abo.svg) center /contain no-repeat; display: inline-block; margin-right: 8px; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .price { font-size:22px; font-weight: 500; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .price span { font-size:32px; font-weight: 655; vertical-align: baseline; } .section.mod-recommended-offer .rec-slider .rec-item .rec-content .btn.black { display: block; margin-top: 45px; } .mod-ftth-search .form-holder .item { margin: 0; } .mod-ftth-search form.ods-lqt .item .floating-label { font-size: 20px; } form.ods-lqt .item .floating-label { white-space: nowrap; position: absolute; pointer-events: none; font-size: 20px; color: rgb(98, 98, 98); left: 25px; top: 23px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mod-ftth-search form.ods-lqt .item .floating-label { color: white; } form.ods-lqt .item input[type='text']:not(:placeholder-shown) ~ .floating-label, form.ods-lqt .item input[type='text']:focus ~ .floating-label, form.ods-lqt .item input[type='tel']:not(:placeholder-shown) ~ .floating-label, form.ods-lqt .item input[type='tel']:focus ~ .floating-label { pointer-events: none; font-size: 16px; top: 8px; } .sr-only-fix { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .section.mod1 .box-holder .box { background:#202020; padding:24px; border-radius: 16px; min-height: 224px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; margin:15px 0; } .section.mod1 .box-holder .box.box1 { background:#202020 url(../images/remote_contr.png) right 35px bottom 35px no-repeat; } .section.mod1 .box-holder .box.box2 { background:#202020 url(../images/server.png) right 35px bottom 35px no-repeat; } .section.mod1 .box-holder .box .text .t1 { font-size: 32px; font-weight: 655; display: block; } .section.mod1 .box-holder .box .text .t2 { font-size: 16px; font-weight: 655; display: block; } .section.mod1 .box-holder .box .btn{ margin: 0 } .section.mod4 { padding-top: 0; } .section.mod4 .apla { background: #202020; border-radius: 32px; overflow: hidden; } .section.mod4 .apla picture img { max-width: 100%; /*border-radius: 32px;*/ } .section.mod4 .apla .text { padding: 40px 32px; } .section.mod4 .apla .text h2 { line-height: 1; } .section.mod4 .apla .text .subtitle { font-size: 20px; font-weight: 655; } .section.mod4 .apla .text .before-h2 { font-size: 20px; font-weight: 655; margin-bottom: .3em; } .section.mod4 .apla .btn-holder { margin-top: 35px; } .accord-holder.faq { margin-bottom: 2em; margin: 25px auto; } .accord-holder.faq .nag { background: #000; margin: 4px 0; font-size: 16px; font-weight: 655; padding: 1em 2.8em 1em 1em; position: relative; cursor: pointer; color: #FFF; } .accord-holder.faq .accord { border-bottom: 1px solid #888; } .accord-holder.faq .accord:not(.shown) .nag:hover { background: #333; } .accord-holder.faq .nag:after { display: block; width: 15px; height: 30px; background: url(../images/faq-arrow.svg) center no-repeat; background-size: contain; content: ""; position: absolute; right: 15px; top: 50%; margin-top: -15px; -webkit-transform: rotate(0deg); -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(-180deg); transform: rotate(-180deg); } .accord-holder.faq .accord .nag a.text { color: #FFF; } .accord-holder.faq .accord .details { font-size: 16px; font-weight: 500; line-height: 1.3em; padding-left: 1.2em; 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; } .section.mod9 .faq-tab-holder { height: 33px; overflow-y: hidden; } .section.mod9 .faq-tab-holder .faq-tab-scroller { white-space: nowrap; padding-left: 15px; overflow-x: scroll; } .section.mod9 .faq-tab-holder .faq-tab-scroller .tab-item { display: inline-block; font-size: 16px; color: #000; margin-right: 5px; height: 36px; padding: 8px 5px 5px; position: relative; font-weight: 655; margin-bottom: 4px; text-decoration: none; } .section.mod9 .faq-tab-holder .faq-tab-scroller .tab-item:focus { outline-offset: -2px; } .section.mod9 .faq-tab-holder .faq-tab-scroller .tab-item.active { color: #e20074; } .section.mod9 .faq-tab-holder .faq-tab-scroller .tab-item.active:after { display: block; content: ''; position: absolute; top: 30px; left: 0; width: 100%; height: 2px; background: #e20074; } /* -------------- MOBILE ------------------------------------------------*/ @media screen and (min-width: 768px){ /* ------------------------------ 768 --------------------------------*/ .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; } .section .content { max-width: 768px; padding:0 76px ; } .mainCon img { height: 72px; } .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); } h2 { font-weight: 655; font-size: 36px; margin-bottom: .5em } h2.smaller { font-size: 27px; } .section.mod0 .content-bis { background: transparent; border-radius: 24px; overflow: hidden; padding-top: 25px; } .section.mod0 .content-bis picture#kv-image img { max-width: 90%; margin:0 auto; display: block; } .section.mod0 .content-bis .text { background: #e20074; border-radius: 24px; padding: 36px; color:white; } h1 { font-size: 56px; } .section.mod0 .content-bis .text .p1 { font-size: 24px; } .section.mod0 .content-bis .text .btn { font-size: 20px; padding: .9em 1.2em .82em; } .section.mod-slider .lqt-slider { height: 591px; position: relative; border-radius: 24px; overflow: hidden; } .section.mod-slider .lqt-slider .ls-slide-text { padding-right: 150px } .section.mod-recommended-offer .rec-slider { max-width: 768px; padding:0 76px ; margin:0 auto; display: grid; grid-template-columns: 1fr 1fr; column-gap: 8px; } .section.mod-recommended-offer .rec-slider .rec-item { margin:0; width: auto; } .section.mod1 .box-holder { display: flex; gap: 15px; } .section.mod1 .box-holder .box { flex:1; } .section.mod4 .apla .text h2 { font-size: 36px; line-height: 1.05; } .section.mod9 .faq-tab-holder { max-width: 768px; padding: 0 76px; margin: 0 auto 45px auto; overflow: hidden; } .section.mod9 .faq-tab-holder .faq-tab-scroller { padding-left: 0px; } } @media screen and (min-width: 1040px){ /* ------------------------------ 1040 --------------------------------*/ .mainCon img { height: 84px; } .section .content { max-width: 1040px; padding: 0 93px; } .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; } h2 { font-weight: 655; font-size: 40px; margin-bottom: .5em } h2.smaller { font-size: 29px; } .section.mod0 .content-bis { background: transparent; border-radius: 24px; overflow: hidden; padding-top: 0px; display: flex; flex-direction: row-reverse; align-items: center; } h1 { font-size: 47px; } .section.mod0 .content-bis .text { padding: 56px; flex:1; flex-basis: 50%; } .section.mod0 .content-bis .text .p1 { font-size: 23px; } .section.mod0 .content-bis .text .btn { font-size: 16px; padding: 10px 19px; } .section.mod0 .content-bis picture#kv-image { flex:1; flex-basis: 50%; } .section.mod0 .content-bis picture#kv-image img { max-width: 100%; margin: 0; display: block; flex:1; } .section.mod-slider .lqt-slider { height: 430px; position: relative; border-radius: 24px; overflow: hidden; } .section.mod-slider .lqt-slider .ls-slide-text { padding-right: 400px } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="0"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="1"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="2"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="3"]{ background-size:auto 400px ; } /*.section.mod-configurator .conf-holder { max-width: 1040px; padding: 0 93px; margin:15px auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; column-gap: 8px; } .section.mod-configurator .conf-holder .conf-item { width: auto; }*/ .section.mod-recommended-offer .rec-slider { max-width: 1040px; padding: 0 93px; margin:0 auto; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 8px; background: url(../images/rec-slider-bg.png) right 90px no-repeat; background-size: 400px auto; } .floating-summary { max-width: 380px; left:auto; right: 0; } .section.mod4 .content .apla { display: flex; margin-top:30px; flex-direction: row-reverse; } .section.mod4 .content .apla picture { flex:1; flex-basis: 50%; } .section.mod4 .content .apla picture img { width: 100% } .section.mod4 .content .apla .text{ flex:1; flex-basis: 50%; padding: 56px; } .section.mod4 .content .apla .text{ flex:1; flex-basis: 50%; padding: 56px; } .section.mod4 .apla .btn { margin-top: 20px; } .section.mod9 .faq-tab-holder { height: 46px; max-width: 1040px; padding: 0 93px; } .section.mod9 .faq-tab-holder .faq-tab-scroller .tab-item { display: inline-block; font-size: 24px; color: #fff; margin-right: 5px; height: 46px; padding: 8px 5px 5px; position: relative; font-weight: 655; margin-bottom: 4px; } .section.mod9 .faq-tab-holder .faq-tab-scroller .tab-item.active:after { display: block; content: ''; position: absolute; top: 35px; left: 0; width: 100%; height: 2px; background: #e20074; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="0"]{ background:#1c1c1c url(../images/slide1_1040.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="1"]{ background:#1c1c1c url(../images/slide2_1040.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="2"]{ background:#1c1c1c url(../images/slide3_1040.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="3"]{ background:#1c1c1c url(../images/slide4_1040.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="4"]{ background:#1c1c1c url(../images/slide5_1040.jpg) bottom center no-repeat; background-size: auto ; } } @media screen and (min-width: 1440px){ /* ------------------------------ 1440 --------------------------------*/ .section .content { max-width: 1440px; padding: 0 124px; } h2 { font-weight: 655; font-size: 48px; margin-bottom: .5em } h2.smaller { font-size: 32px; } .section.mod0 .content-bis .text { border-radius: 48px; } h1 { font-size: 56px; } .section.mod0 .content-bis .text .btn { font-size: 20px; padding: .9em 1.8em .82em; } .section.mod0 .content-bis picture#kv-image { max-height: 450px; height: 100%; text-align: center; } .section.mod0 .content-bis picture#kv-image img{ display: inline-block; max-height: 450px; } .section.mod-slider .lqt-slider { height: 600px; position: relative; border-radius: 24px; overflow: hidden; } .section.mod-slider .lqt-slider .ls-sec { position: relative; z-index: 1; padding: 40px; color:white; height: 100%; } .section.mod-slider .lqt-slider .ls-slide-text { padding-right: 700px; } .section.mod-slider .lqt-slider .ls-slide-text .p1 { font-size: 32px; font-weight: 655; margin-bottom: 32px; padding-top: 30px; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="0"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="1"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="2"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="3"]{ background-size:auto 600px ; } .section.mod-configurator .conf-holder { max-width:1440px; padding: 0 124px; margin:15px auto; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ; } .section.mod-recommended-offer .rec-slider { max-width: 1440px; padding: 0 124px; margin:0 auto; display: block; background: url(../images/rec-slider-bg.png) no-repeat; background-position: calc(100% - 100px) 80px; background-size: auto; } .section.mod-recommended-offer .rec-slider .rec-item { display: inline-block; width: 300px; margin-right: 8px; } .section.mod-configurator .conf-holder .conf-item { width: auto; } .section.mod-configurator .conf-holder .conf-item#summary{ display: block; } .floating-summary { display: none !important; } .section.mod1 .box-holder .box { padding: 32px; } .section.mod4 .apla .text h2 { font-size: 48px; line-height: 1.05; } .section.mod4 .apla .text .after-h2 { } .section.mod9 .faq-tab-holder { max-width: 1440px; padding: 0 124px; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="0"]{ background:#1c1c1c url(../images/slide1_1440.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="1"]{ background:#1c1c1c url(../images/slide2_1440.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="2"]{ background:#1c1c1c url(../images/slide3_1440.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="3"]{ background:#1c1c1c url(../images/slide4_1440.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="4"]{ background:#1c1c1c url(../images/slide5_1440.jpg) bottom center no-repeat; background-size: auto ; } } @media screen and (min-width: 1680px){ /* ------------------------------ 1560 --------------------------------*/ .section .content { max-width: 1680px; padding: 0 166px; } .section.mod-slider .lqt-slider .ls-slide-text { padding-right: 800px; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="0"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="1"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="2"], .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="3"]{ background-size:auto auto ; } .section.mod-configurator .conf-holder { max-width: 1680px; padding: 0 166px; } .section.mod-recommended-offer .rec-slider { max-width: 1680px; padding: 0 166px; margin:0 auto; display: block; background: url(../images/rec-slider-bg.png) no-repeat; background-position: calc(100% - 300px) 80px; background-size: auto; } .section.mod4 .apla .btn-holder { margin-top: 154px; } .section.mod9 .faq-tab-holder { max-width: 1680px; padding: 0 166px; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="0"]{ background:#1c1c1c url(../images/slide1_1580.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="1"]{ background:#1c1c1c url(../images/slide2_1580.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="2"]{ background:#1c1c1c url(../images/slide3_1580.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="3"]{ background:#1c1c1c url(../images/slide4_1580.jpg) bottom center no-repeat; background-size: auto ; } .section.mod-slider .lqt-slider .ls-slide-image-holder .ls-slide-image[data-slide-id="4"]{ background:#1c1c1c url(../images/slide5_1580.jpg) bottom center no-repeat; background-size: auto ; } }