body{ background-color:var(--tlo); color: var(--black); margin:0px; padding:0px; font-family: "Geologica"; font-weight: 400; font-size: 16px; line-height: 1.4; letter-spacing:0; transition: all 1s ease; padding-bottom:100px; word-wrap: break-word; min-height:100vh; } body.reset{background:var(--creme-white)} body>.container-max{grid-column-gap: 0;grid-row-gap:0} body>.container-max>.col-d-9{padding-top:20px;margin-top:73px} button{color:var(--szary-100)} .emoji{ font-family: "Noto Color Emoji", sans-serif; font-weight: 400; font-style: normal; } .col-left-container{height:1px} @media (min-width:991px){ .col-left-container { height: 100vh; position: sticky; top: 0; overflow-x: auto; } /* Cały pasek */ .col-left-container::-webkit-scrollbar { height: 8px; /* wysokość poziomego suwaka */ } /* Tło paska */ .col-left-containert::-webkit-scrollbar-track { background: transparent; /* przezroczyste tło */ } /* Sam suwak (uchwyt) */ .col-left-container::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); /* półprzezroczysty */ border-radius: 10px; } /* Hover */ .col-left-container::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.6); } body>.container-max{min-height:100vh;} body>.container-max>.col-d-9{padding-top:20px;margin-top:0px} body{padding-bottom:0px} body>.container-max>.col-d-9{padding-top:29px;padding-bottom:126px;} h3 br:not(.break){display:none} } .small{ font-family: "Geologica"; font-weight: 400; font-size: 12px; line-height: 1.2; letter-spacing:0; } .caption{ font-family: "Geologica"; font-weight: 400; font-size: 14px; line-height: 1.2; letter-spacing:0; } .semibold{ font-weight: 600; } .medium{ font-weight: 500; } .center{text-align:center} .right{text-align:right} .mobile-none{display:none} @media (min-width:991px){ .center-d{text-align:center} .desktop-none{display:none} .mobile-none{display:block} } .montserrat-normal { font-family: "Geologica", sans-serif; font-optical-sizing: auto; font-weight: normal; font-style: normal; } .middle{ vertical-align: middle; } img{max-width:100%} .naglowekkolko{ padding-right: 48px; position:relative; padding-top:6.5px; padding-bottom:6.5px; margin:0px; } .relative{position:relative} .absolute{position:absolute} .img-header{top:0;right:0;max-width:50px} .naglowekkolko:after{content:"";display:block;width:48px;height:48px;background:var(--creme-white);border-radius:50%;position:absolute;right:0px;top:0px} p.naglowekkolko:after{background:var(--szary-30);} .button{display:block;text-decoration:none} .button,button{border-radius:16px;text-align:center;width:calc( 100% - 34px );padding: 16px; border:1px solid transparent} .buttonmini{display:inline-block;border-radius:20px;text-decoration:none;padding: 9px 16px;} .buttonminicw{display:inline-block;border-radius:20px;text-decoration:none;padding: 8px 16px;border:1px solid var(--creme-white);color:var(--creme-white)} .buttonminicw span{margin-left:5px;margin-right:15px;vertical-align:middle} .buttonminis100{display:inline-block;border-radius:20px;text-decoration:none;padding: 8px 16px;border:1px solid var(--szary-100);color:var(--szary-100)} .buttonminis100 span{margin-left:5px;margin-right:15px;vertical-align:middle} button{width:100%} .button.logowanie{ color:var(--creme-white); background:var(--szary-80); font-weight:600; margin-bottom:16px; } .button.aktywuj-konto{ color:var(--creme-white); border:var(--szary-80) solid 1px; background:transparent; margin-bottom:16px; } .margin0{margin:0} .padding16{padding-left:16px;padding-right:16px} .box{border-radius:24px;background:var(--creme-white);padding:16px} .box-border{border-radius:24px;border:1px solid var(--szary-30);padding:16px} label{display:block;width:100%;margin-bottom:5px} input[type='text'], input[type='mail'], input[type='password'], input[type='month'], input[type='tel'], textarea, select {width:calc( 100% - 34px );color:var(--szary-30);border-radius:3px;border:1px solid var(--szary-30);padding:16px;outline:none;font-family: "Geologica"; font-weight: 400; font-size: 16px; line-height: 1.4; letter-spacing: 0;} select{width:100%} textarea{background: var(--creme-white);color:var(--szary-80);} input[type='text']::placeholder,input[type='password']::placeholder,textarea::placeholder{color:var(--szary-80);} textarea::placeholder{font-size:16px} .ikon-kolo{display:inline-block;width:40px;height:40px;background:var(--szary-10);border-radius:50%;position:relative} .ikon-kolo img, .ikon-kolo span{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0} .ikon-kolo span{display:block;height:20px;font-size:20px;color:var(--black);text-align: center;} .ikon-kolo span:before{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0} .box .ikon-kolo, .box-border .ikon-kolo{background:transparent} .reset #mail::placeholder{text-align:center} #menu2>div{position:relative;background:var(--szary-10)} #menu2 ul {grid-template-columns: repeat(2, 1fr);grid-column-gap: 16px;grid-row-gap: 16px;} #menu2 ul li{background:var(--szary-10);border-radius:24px;padding:8px;font-weight:600;} #menu2 ul li .ikon-kolo{width:64px;height:64px;background:var(--creme-white);} #menu2 ul li .ikon-kolo span{font-size:40px;height:40px;width:40px} #menu2 ul li a{color:var(--black)} .scroll-menu{overflow: hidden;margin-left:-16px;width: calc(100% + 32px);margin-top:0px;margin-bottom:30px;user-select: none;-webkit-user-select: none;} .scroll-menu>*{margin: 0; margin-left: 16px;padding: 0;list-style: none;overflow: hidden;display: table;transform: translateX(0px);} .scroll-menu>*>*{display: table-cell;min-width: 111px;position: relative;padding-bottom: 20px; padding-right: 15px;padding-left: 5px;vertical-align: middle;} .scroll-menu.scroll-menu-no{width:100%;} .scroll-menu.scroll-menu-no>*{width:100%;display:block;transform: translateX(0px) !important;} .scroll-menu.scroll-menu-no>*>*{display: inline-block;position: relative;padding-bottom: 20px; padding-right: 15px;padding-left: 5px;vertical-align: middle;margin-bottom:8px;margin-right:8px;} .scroll-menu ul li{cursor:pointer} /*TABS*/ .tabs-container{overflow: hidden;margin-left:-16px;width: calc(100% + 32px);border-bottom:1px solid var(--black);margin-top:30px;margin-bottom:30px} @media (min-width:991px){ .tabs-container{margin-left:0px;width: 100%;} .tabs-container ul{margin-left:0px !important} } #tabs{margin:0;margin-left:16px;padding:0;list-style:none;overflow:hidden;display:table;transform:translateX(0px)} #tabs li{display: table-cell;min-width:111px;position:relative;padding-bottom:20px;padding-right:15px;padding-left:5px;cursor:pointer;white-space: nowrap;} .sekcjaumowy #tabs li{width:150px;} #tabs li div{display:inline-block;width:38px;height:38px;border-radius:50%;border: 1px solid var(--szary-30);position:relative;margin-bottom:5px;background:transparent} #tabs li div img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0} #tabs li.active{font-weight: 600;} #tabs li.active div{border: 1px solid var(--black);} #tabs li.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;background:var(--black);background: var(--szary-10);border-radius:10px 10px 0px 0px} .tab,.tab2{display:none} .tab.active,.tab2.active{display:block} .box-umowa .menu{margin:0px;margin-top:16px;padding:0px;list-style:none;} .box-umowa .menu li{display:inline-block;margin-right:5px} .box-umowa .menu li .ikon-kolo{border: 1px solid var(--szary-10)} .box-umowa .menu li .ikon-kolo.ikon-kolo-szary-30{background:var(--szary-10)} @media (min-width:991px){ .box-umowa .menu li .ikon-kolo{width:38px;height:38px;} } /* ikony https://www.figma.com/design/W0uQ2SxA23sNW4Vr80xHg4/M%C3%B3jWenet?node-id=199-3161&t=UAq5y2sEhm1IttYY-0*/ .czas-trwania-umowy-os{margin-bottom:12px} .czas-trwania-umowy-os .right{float:right} .czas-trwania-umowy, .pasek-postepu{width:100%;position:relative;height:10px;border-radius:10px;background:var(--szary-30);overflow:hidden;margin-bottom:20px} .czas-trwania-umowy div, .pasek-postepu div{width:0%;height:10px;background:var(--primary)} .czas-trwania-umowy>span{position:absolute;top:-100%;color:var(--szary-80)} .slider-container{overflow: hidden;margin-left:-16px;width: calc(100% + 32px);margin-top:0px;margin-bottom:0px} .slider-container .slider{transition: all 1s ease;} .slider-button{display:block;margin:0;list-style:none;text-align:left;padding:0px;margin-top: 9px;} .slider-button li{display:inline-block;width:6px; height:6px;background:var(--szary-80);border-radius:10px;cursor:pointer;margin: 0px 3px;} .slider-button li.active{background:var(--primary);width:30px; } .slider-next-prev{color:var(--creme-white);margin:0;list-style:none;text-align:center;padding:0px;position:absolute;right:0;bottom:40px} .slider-next-prev.static{position: static;text-align: right;} .slider-next-prev li{position:relative;text-align:center;display:inline-block;width:40px; height:40px;border-radius:50%;border:1px solid var(--creme-white);cursor:pointer; transition: all 1s ease;} .slider-next-prev.static li{border:1px solid var(--szary-100);} .slider-next-prev li:hover{background:var(--creme-white);-webkit-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6); -moz-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6); box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6);} .slider-next-prev.static li:hover{border:1px solid var(--creme-white);} .slider-next-prev li span{display:block;width:100%;height:18px;font-size:18px;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;cursor:pointer} .slider-next-prev li:hover span,.slider-next-prev.static li span{color:var(--szary-100)} #raporty p{position:relative} #raporty p span{position:absolute;top:0px;right:0px;} #raporty p.seo span{background:var(--black)} #raporty p.marketing-lokalny span{background:var(--black)} @media (min-width:991px){ .slider-container{margin-top:0px;margin-bottom:16px;margin-left:-32px;width: calc(100% + 56px);} .slider-container .slider{transform: translateX(0px);} .slider-container.dekstop-none{margin-left:0px;width:auto;} .slider-button.dekstop-none{display:none} .slider-next-prev.dekstop-none{display: none;} .slider-container.raporty{margin-top:0px} .slider-container.oferty-promocje{margin-top:0px} } .slider{display:table;border-collapse: separate; border-spacing:16px;overflow: hidden;transform: translateX(-16px);width:auto !important} #wazne-informacje #informacje.slider{transform: translateX(0px);} .slider .slider-item{min-width:60vw;display:table-cell;border-radius:24px;background:var(--creme-white);padding:16px;padding-bottom:80px;position:relative;vertical-align:top} .slider .slider-item .menu, .oferty-promocje .oferta .menu,.wiedza-produkcja .wiedza-item .menu{position:absolute;display:inline-block;left:16px;bottom:16px;text-decoration:none} .slider .slider-item .menu .raportpdf .ikon-kolo{background:none;border:1px solid var(--szary-10)} .slider .slider-item .menu2 a .ikon-kolo{border:1px solid var(--szary-10)} #na-skroty.slider .slider-item{padding:16px 48px 16px 16px;min-width: 6vw;} #na-skroty.slider .slider-item .icon-strzalka-prawo2{height:16px;width:16px;margin:auto;top:0;bottom:0;right:16px} .accordion .icon-arrow-menu-up{display: inline-block;transform: rotate(180deg);transition: all 1s ease;font-size: 24px;} .accordion.active .icon-arrow-menu-up{transform: rotate(0deg);} .slider-container .szczegoly, .bodyporadniki .szczegoly, .bodycasestudy .szczegoly, .oferty-promocje .oferta .szczegoly, .wiedza-produkcja .wiedza-item .szczegoly{display:inline-block;border:1px solid var(--szary-30); border-radius: 24px;text-decoration:none;color:var(--szary-100);padding:10px 16px 8px 16px;font-weight:600;font-size:14px;vertical-align:middle} .slider-container .szczegoly span, .oferty-promocje .oferta .szczegoly span, .wiedza-produkcja .wiedza-item .szczegoly span{display:inline-block;font-size:20px;vertical-align:middle;margin-left:5px} .oferty-promocje .slider-item, .oferty-promocje .oferta{color:var(--creme-white);background-repeat:no-repeat !important; background-position: top right !important;background-size: cover !important;} .oferty-promocje .oferta{min-width:1px;} .oferty-promocje .slider-item{min-width: 75vw;} .oferty-promocje .slider-item .szczegoly, .oferty-promocje .oferta .szczegoly{color:var(--creme-white);border:1px solid var(--secondary);padding: 12px 16px 8px 16px;} .oferty-promocje .slider-item .menu2 .szczegoly, .oferty-promocje .oferta .menu1 .szczegoly{background:var(--secondary)} .oferty-promocje .slider-item .menu2 .szczegoly, .oferty-promocje .oferta .menu2 .szczegoly{color:var(--black);border:1px solid var(--black);background:transparent} .oferty-promocje .slider-item .menu3 .szczegoly, .oferty-promocje .oferta .menu3 .szczegoly{color:var(--creme-white);border:1px solid var(--creme-white);background:transparent} .sekcja .slider-container{margin-left:-16px;width: calc(100% + 16px);} .sekcja .slider-container .slider { transform: translateX(0px); } @media (min-width:991px){ .slider-sprawdz .slider-item, .elemety-cykliczne .slider-item, .elemety-jednorazowe .slider-item{min-width: 15vw;width: 15vw} .oferty-promocje .slider-item{min-width: 20vw;width: 20vw} .wiedza .slider-item{min-width: 20vw !important;width: 20vw} .sekcja{padding-left:0px;padding-right:0px} } @media (max-width:1280px){ /*psuje to mobilkę*/ /*.wiedza .slider-item {min-width: 25vw !important;width: 25vw;} .oferty-promocje .slider-item{min-width: 25vw;width: 25vw}*/ } .oferty-promocje .szczegoly{background:var(--szary-30)} a.oplac{display:inline-block;margin-top:20px;position:relative; border-radius:24px; padding:10px 10px 10px 10px; background:var(--szary-30);text-decoration:none;color:var(--szary-100);font-weight:600;vertical-align:middle;font-size:14px} a.oplac span{display:inline-block;font-size:20px;vertical-align:middle;margin-left:0px} .formularz-obszar {transform: translateX(-8px);width:calc(100% + 40px);} .faq-kategorie, .realizacje-kategorie, .opinie-klientow {transform: translateX(-8px);width:calc(100% + 48px)} .poradniki{transform: translateX(0px);width:100%;margin-left:0px;margin-top:0px} .raport-box.casestudy{background:var(--black);padding-bottom:16px !important;} .raport-box.casestudy .img{position:relative;width:calc(100% + 16px);margin-left:0px;margin-top:-16px;height:calc( 100% + 32px );overflow:hidden;border-bottom-right-radius:24px;border-top-right-radius:24px;margin-bottom:32px;} .raport-box.casestudy .img img{position:absolute;height:100%;width:auto;max-width:none;left: 50%;transform: translateX(-50%);} .raport-box.casestudy .szczegoly{left:0;bottom:0px;width:auto;} .raport-box.casestudy .szczegoly span{font-size:24px;margin-left:15px;vertical-align:middle;line-height:1} #zmien-okres-daty ul, #opiekunowie-kategorie, #opiekunowie-temat, #faq-kategorie, #realizacje-kategorie, #opinie-klientow, #formularz-obszar, #poradniki,#faktury-oplacone-rok, #brief-spis-tresci{border-collapse: separate;border-spacing: 10px 16px;} #zmien-okres-daty li, #opiekunowie-kategorie li, #opiekunowie-temat li, #faq-kategorie li, #realizacje-kategorie li, #opinie-klientow li, #formularz-obszar li, #poradniki li,#faktury-oplacone-rok li, #brief-spis-tresci li{border-radius:20px;border:1px solid var(--creme-white);background:var(--creme-white);padding:8px 12px;color:var(--szary-100);font-size:14px;line-height: 1;font-weight:600;min-width:auto;text-align:center;white-space: nowrap;} #zmien-okres-daty li.active, #opiekunowie-kategorie li.active, #opiekunowie-temat li.active, #faq-kategorie li.active, #realizacje-kategorie li.active, #opinie-klientow li.active, #formularz-obszar li.active, #poradniki li.active,#faktury-oplacone-rok li.active, #brief-spis-tresci li.active, #brief-spis-tresci li.wtrakcie{border:1px solid var(--black);background:var(--black);color:var(--creme-white)} #formularz-obszar li{white-space: nowrap;} #formularz-temat ul li{display:none} #brief-twojej-strony .status{display:inline-block;padding:4px 8px;border-radius:12px;margin-left:16px;} #brief-twojej-strony .status.rozpocznij{color:var(--alert-point);background:#FFA8B833;} #brief-twojej-strony .status.dokoncz{color:#946500;background:#FFC15633;} #brief-twojej-strony .status.uzupelnione{color:#057233;background:#72FFAD33;} .szukaj-faq>div{margin-top:10px;margin-bottom:30px;position: relative} .szukaj-faq>div>span{position:absolute;display:block;width:17px;height:17px;margin:auto;right:13px;top:0;bottom:0;color:var(--szary-80);font-size:17px;} #szukaj-faq{background:var(--creme-white);color:var(--szary-80);border: 1px solid var(--szary-80)} #szukaj-faq::placeholder{color:var(--szary-80);} .box-faq{border-radius:24px;background:var(--creme-white);margin-bottom:16px;padding:16px;color:var(--black)} .box-faq .szczegoly{border-top:1px solid var(--szary-30); padding-top:16px;font-size:14px !important} .box-faq .szczegoly p{font-size:14px;margin-bottom:10px;line-height: 22px;} .box-faq .szczegoly ul{margin-bottom:10px} .box-faq .szczegoly ol{margin-bottom:10px} .box-faq .szczegoly li{margin-bottom:10px} .box-faq .szczegoly a{color:var(--fioletowy)} .box-faq.naglowek{background:transparent;padding:48px 0px 16px 0px; } #temat-zgloszenia{margin:0px;padding:0px;list-style:none;margin-bottom:25px} #temat-zgloszenia li{display:inline-block; border:1px solid var(--szary-30);border-radius:20px;margin-right:5px;margin-bottom:5px;padding:8px 12px;font-size:14px;color:var(--black)} #temat-zgloszenia li.active{background:var(--szary-30)} #formularz-pola #pole1{margin-bottom:16px;background:transparent} #container-file, .container-file{margin-bottom:16px;} #pliki-nazwa p{margin-bottom:10px;} #pliki-nazwa p span{font-size:24px;margin-left:10px;vertical-align:middle} #wyslij-zgloszenie{width:auto;border-radius:20px;background:var(--secondary);padding:12px 16px 8px 16px; font-size:14px; font-weight:600;color:var(--creme-white);} #wyslij-zgloszenie span{font-size:20px;vertical-align: middle;} body.raportseo, body.raportwidocznosc, body.raportfb, body.raportsem, body.raportwww, body.raportml{background: linear-gradient(180deg, transparent 300px, var(--szary-10) 300px),url('/img/bg-umowa.svg'),linear-gradient(180deg, var(--black) 300px, var(--szary-10) 300px),var(--szary-10); background-repeat: no-repeat; background-position: top right;background-size: auto auto, auto 300px;} /*body.raportseo{background: linear-gradient(180deg, transparent 350px, var(--szary-10) 350px),url('/img/bg-seo.png'),var(--seo-100); background-repeat: no-repeat; background-position: top right;background-size: auto auto, auto 357px;} body.raportsem{background: linear-gradient(180deg, transparent 350px, var(--szary-10) 350px),url('/img/bg-umowa.png'),var(--green-100); background-repeat: no-repeat; background-position: top right;background-size: auto auto, auto 357px;} body.raportml{background: linear-gradient(180deg, transparent 350px, var(--szary-10) 350px),url('/img/bg-marketing-lokalnie.png'),var(--ml-100); background-repeat: no-repeat;background-position: top right; background-size: auto auto, auto 357px;} */ .naglowek-icon{margin-bottom:0px;padding-right:60px} .naglowek-icon span{font-size:48px;position:absolute;top:0;right:0;opacity:0.5} .naglowek-icon span.size40{font-size:40px} .naglowek-icon.creme-white span:before{color:var(--creme-white);} .naglowek-icon.black span:before{color:var(--black);} body.raportml #ocena-efektow{} body.raportml #ocena-efektow .emoji{font-size:80px;margin-top:30px} body.raportml .mocny-wzrost{background:#532C7A} body.raportml .lokalny-lider{background:#4B892A} body.raportml .budowa-rozpoznawalnosci{background:#AA711D} body.raportml .podstawy-obecnosci{background:#A63D76} body.raportml .rosnie-zainteresowanie{background:#468086} body.raportml .porownywalne{background:#AA711D !important} body.raportml .lepsze{background:#4B892A !important} body.raportml .slabsze{background:#E8235B !important} br.pdf{display:none} .dane-klienta{background:var(--creme-white);border-radius:24px;padding-top:16px;padding-bottom:16px} .body-raport{background:var(--szary-10); padding-top:30px} .liczba{} .infotextrozmycie{position:relative} .infotextrozmycie::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(5px); filter: blur(5px); z-index: 1; } .info{position:relative} .info .icon-info{cursor:pointer} .infotext, .infotext3{display:none;position:fixed; z-index: 99999;bottom:0px;left:0px;width:100vw;height:100vh;background:rgba(66,66,65,0.4);color: var(--black);} .infotext>div, .infotext3>div{display:none;position:relative;border-radius:24px;background:var(--creme-white);padding:16px;margin-left:16px;margin-top:16px;width:calc( 100% - 64px ); height:calc( 100% - 118px );padding-bottom: 70px;font-size:16px} .infotext>div>div, .infotext3>div>div{font-weight: 300;overflow-x:hidden;-ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; overflow-y: auto;height: 100%;} .infotext>div>div::-webkit-scrollbar, .infotext3>div>div::-webkit-scrollbar { display: none; /* Safari and Chrome */ } #menu-user-firmy.infotext>div>div{height:auto;} .infotext>div .zamknij, .infotext3>div .zamknij{position:absolute;bottom:16px;margin: 0 auto;left: 0;right: 0; cursor: pointer;text-decoration:underline} .infotext>div .zamknij span, .infotext3>div .zamknij span{font-size:24px; vertical-align: middle;} .raport-box{width:calc( 100% - 32px );background:var(--creme-white);border-radius:24px;padding:16px;} #back-to-menu-user{border:1px solid var(--szary-80);border-radius:16px;color:var(--szary-80); background: transparent;} #menu-user{top:0px;bottom:auto;} #menu-user>div{height:auto;} #zmien-okres-daty .okres{display:none} #zmien-okres-daty .okres.active{display:block} #menu-user>div,#menu-user-firmy>div,#zmien-okres-daty>div,.infotext>div{max-height:calc( 100% - 118px )} @media (min-width:991px){ .infotext>div>div{height:100%;} #menu-user,#menu-user-firmy,.infotext,.infotext3{left:25%;width:75%;} #menu-user>div,.infotext>div{height:auto;} #menu-user>div,#menu-user-firmy>div,#zmien-okres-daty>div,.infotext>div{width:25%;} #menu-user-firmy>div{height:calc( 100% - 118px )} .infotext>div,.infotext3>div{width:80%;height:70%} .infotext>div>div{display:grid;justify-content: center;align-items: center; } .infotext>div>div>div{width:80%; margin: 0 auto;} #menu-user>div>div,#menu-user-firmy>div>div,#zmien-okres-daty>div>div{display:grid;justify-content: unset; align-items: unset;} #zmien-okres-daty>div>div{height:auto} #menu-user>div>div>div,#menu-user-firmy>div>div>div,#zmien-okres-daty>div>div>div{width:unset;margin:0} } .firma-box{border-radius:24px;background:var(--creme-white);padding:16px;position:relative} .firma-box.active:before{content:"";display:block;position:absolute;width:30px;height:30px;border-radius:10px;background:url('../img/check-box.svg') center center no-repeat #4CC20D;top:16px;right:16px} .firma-box .nazwa{padding-right:40px;margin-bottom:16px;margin-top:4px} .firma-box button,#pwa-install-btn, .pobierz-gsc{line-height:1;padding: 7px 16px 7px 16px;margin-top:16px;border-radius:20px;border:1px solid var(--secondary);background:var(--secondary);display:inline-block;width:auto;color:var(--creme-white)} .pobierz-gsc{text-decoration:none;margin-top:16px;margin-bottom:16px} .firma-box.active button{padding: 11px 16px;margin-top:16px;border-radius:20px;border:1px solid var(--szary-100);display:inline-block;width:auto;background:transparent;color:var(--szary-100)} .firma-box button span,#pwa-install-btn span{font-size:24px;vertical-align:middle} #livesearch .firma-box .button, .karta-domeny .button{line-height:1;padding: 9px 16px 5px 16px;margin-top:16px;border-radius:20px;border:1px solid var(--szary-100);display:inline-block;width:auto;background:transparent;color:var(--szary-100);vertical-align: bottom;} #livesearch .firma-box .button span, .karta-domeny .button span{font-size:24px;vertical-align:middle} .czywieszze{margin-bottom:24px;margin-top:32px;color:var(--szary-80);text-align: center;padding-left:23px;padding-right:23px} .czywieszze>*{margin-bottom:16px;} .czywieszze .ikon-kolo{width:80px;height:80px; background: var(--szary-30) url('/img/pan-wenet.png') no-repeat center center; background-size:100% 100%;position:relative;} .czywieszze .ikon-kolo img{display:none;width:100px;height:100px;top: auto;} .czywieszze .ikon-kolo img.wilczyca{left:-4px} .raportml .serwisy{position:relative; background-color:var(--creme-white);background-repeat:no-repeat;background-position: calc( 100% - 16px ) calc( 100% - 16px ); height:72px;background-size: auto 40px;} .raportml .serwisy.pkt{background-image:url('/img/logo-pkt.png')} .raportml .serwisy.pf{background-image:url('/img/logo-pf.png')} .raportml .serwisy.bf{background-image:url('/img/logo-bf.png')} .raportml .serwisy.gmb{background-image:url('/img/logo-gmb.png')} .raportml .serwisy a{color:var(--black);text-decoration:none;display:block;width:calc( 100% - 32px ); height:calc( 100% - 32px ); z-index:1; position:absolute;left:16px;top:16px} .raportml .serwisy .ikon-kolo{position:absolute;left:16px;bottom:16px} .slider-container-faktury{margin-left:-13px;width: calc(100% + 29px);} .slider-container-faktury #faktury{transform: translateX(0px);} .slider-container>#faktury{margin-left:0px;margin-top:0px;} .slider-container>#faktury .slider-item{min-width: 50vw; padding-bottom:16px} .slider-container>#faktury .slider-item.oplacone{background:transparent;border:1px solid var(--szary-30)} .slider-container>#faktury .slider-item.oplacone .ikon-kolo{background:var(--szary-30)} .slider-container>#faktury .slider-item .domena{margin-bottom:16px;word-break: break-word;} @media (min-width:991px){ .slider-container>#faktury{margin:0px} .slider-container-faktury{margin-bottom:0px;margin-top:16px} .dekstop-none .slider{padding:0px;width:100%;display: grid;grid-template-columns: repeat(12, 1fr);grid-column-gap: 16px;grid-row-gap: 16px;transform: translateX(0px) !important;margin-left:0px; margin-top: 16px;} .dekstop-none .slider .slider-item{display:block;min-width: 1px !important;} .brief-pytania .infotext>div{padding:48px 32px 61px 32px;} } .radio{position:relative;min-height:23px;color:var(--black);margin-bottom:16px;padding-top:7px} .radio input, .radio .radiobtn{position:absolute;display:block;margin:0px;width: 28px; height: 28px; border-radius: 10px;border:1px solid var(--szary-30);top:0px;right:0px} .radio input{z-index:9;opacity:0} .radio input:checked ~ .radiobtn{border:1px solid #4CC20D;background: url(../img/check-box.svg) center center no-repeat #4CC20D;} .grafika{ background-image: repeating-linear-gradient(45deg, #474747 25%, transparent 25%, transparent 75%, #474747 75%, #474747), repeating-linear-gradient(45deg, #474747 25%, #515151 25%, #515151 75%, #474747 75%, #474747); background-position: 0 0, 20px 20px; background-size: 40px 40px;} #wiedza .naglowekkolko:after{background:var(--szary-10);width:40px;height:40px} #wiedza .poradnik,#wiedza .akademia,.wiedza-produkcja .wiedza-item{color:var(--creme-white);background-repeat: no-repeat !important;background-size: cover !important;} #wiedza .akademia,.wiedza-produkcja .wiedza-item{color:var(--black);background-size: auto 100% !important; background-position: right bottom !important;} #wiedza .akademia:before,.wiedza-produkcja .wiedza-item:before{content:"";display:block;width:74px;height:21px;position:absolute;top:16px;right:16px;background:url(https://mojeimg.wenet.pl/kalendarium/akademia-logo.png) no-repeat;background-size: 100% 100%; z-index: 1;} #wiedza .poradnik .szczegoly{color:var(--creme-white)} #wiedza .akademia .szczegoly,.wiedza-produkcja .wiedza-item .szczegoly{color:var(--black);border: 1px solid var(--black);} .wykres{width: 100%; margin: 0 auto} .nieodczytane:before{content:"";display:block;width:20px;height:20px;border-radius:50%;background:var(--alert-point);position:absolute;top:16px;right:16px;} .odczytane:before{content:"";display:block;width:20px;height:20px;border-radius:50%;background:var(--creme-white);position:absolute;top:16px;right:16px;} .raport-box.nieodczytane{position:relative;border:1px solid var(--creme-white)} .raport-box.nieodczytane .p1, .infotext .p1{color:var(--black);margin-bottom:5px} .raport-box.nieodczytane .p2, .infotext .p2{color:var(--black);margin-bottom:10px} .raport-box.nieodczytane .p3, .infotext .p3{color:var(--black);margin-bottom:10px} .raport-box.odczytane{position:relative;border:1px solid var(--szary-30);background:transparent} .raport-box.odczytane .p1{color:var(--szary-80);margin-bottom:5px} .raport-box.odczytane .p2{color:var(--szary-100);margin-bottom:10px} .raport-box.odczytane .p3{color:var(--szary-100);margin-bottom:10px} .raport-table{height:100%} .raport-table>div{min-height:50%} .raport-table table{height:100%;width:100%} .raport-table table .top{vertical-align:top} .raport-table table .bottom{vertical-align:bottom} .highcharts-range-input text{fill:var(--black) !important} .box-daty{position:relative;padding-top:22px;padding-bottom:22px} .box-daty .data{position:absolute;width:1px;height:100%;background:var(--creme-white);left:53px;top:0} .box-daty .raport-box{z-index:1;padding-bottom:32px} .box-daty h5{margin:32px 0px} .box-daty .tresc{padding-left:32px;position:relative} .box-daty .tresc>.container-max>.col-d-6{position:relative} .box-daty .tresc>.container-max>.col-d-6>span{position:absolute;display:block;width:22px;height:22px;border-radius:50%;background:var(--creme-white);left:-32px} .box-daty .tresc>.container-max>.col-d-6>span.top5{background:var(--primary);} .box-daty .tresc>.container-max>.col-d-6>span.top10{background: var(--primary);} .box-daty .linkowanie{padding-left:32px;position:relative;margin-top:16px;color:var(--szary-30)} .box-daty .linkowanie a{display:inline-block;border:1px solid var(--creme-white);border-radius:20px;height:24px;padding:9px 16px 5px 16px;color:var(--creme-white);text-decoration:none} .box-daty .linkowanie a.czytaj-wiecej{border:1px solid var(--secondary);background:var(--secondary);color:var(--creme-white)} .box-daty .tresc>span{position:absolute;left:0px} .box-daty .tresc .fraza{color:var(--szary-30);font-weight:600} .box-daty .tytul .top5{color:var(--primary)} .box-daty .tytul .top10{color:var(--primary)} .raport-box-data span{border:1px solid var(--creme-white);display:inline-block;border-radius:15px;padding:4px 10px} .tablesukcesy{width:100%;color:var(--creme-white);} .tablesukcesy th{color:var(--szary-30);text-align:left} #mapa_polski .wojewodztwo{fill:var(--szary-30);stroke: var(--szary-80);transition: all 1s ease;transition: all 1s ease;} #mapa_polski .wojewodztwo:hover,#mapa_polski .wojewodztwo.active,#mapa_polski .wojewodztwo.hover{fill:#F02D72;cursor:pointer} #mapa_polski text{cursor:pointer} #mapa_polski text.active{fill:var(--creme-white) !important} #adresy>div{display:none;transition: all 1s ease;} #adresy>div.active{display:block} #adresy .ogolnopolskie{margin-bottom:13px;color:var(--szary-80);border: 1px solid var(--szary-80)} #widocznosc_miesiace{width:100%} #widocznosc_miesiace th{padding-top:16px;padding-bottom:16px;text-align:left} #widocznosc_miesiace td{padding-top:16px;padding-bottom:16px} #widocznosc_miesiace tr.dane td{border-top:1px solid var(--szary-30)} #spis-tresci-raport{margin:0px;padding:0px;margin-left:20px;margin-top:16px;} #spis-tresci-raport li{margin-bottom:16px;position:relative;padding-right:0px} #spis-tresci-raport li span{display:none;position:absolute;bottom:0;right:0;color:var(--primary);font-weight:bold} .krok{position:relative} .krok .ikon-kolo{position:absolute;top:16px;right:16px} .krok hr{margin-top:16px;margin-bottom:16px;border-top:1px solid var(--szary-30)} .krok .szczegoly{position:relative} .krok .szczegoly .icon-arrow-menu-up{display: inline-block;transform: rotate(180deg);transition: all 1s ease;position:absolute;margin:auto;right:0px;top:0;bottom:0} .krok .szczegoly.active .icon-arrow-menu-up{transform: rotate(0deg);} /*AUDYT*/ .wynik_audytu table td{vertical-align:top;padding-bottom:16px;padding-right:16px} .wynik_audytu .wynik-po-optymalizacji{padding-top: 32px;} .wynik_audytu .bar2{background:var(--szary-30);height:10px;border-radius:5px;margin:16px 0px;position:relative} .wynik_audytu .progress2{height:10px;border-radius:5px;position:absolute;top:0;left:0;background:#44AF30;width:0%} .wynik_audytu .sukcess .progress2{background:#44AF30} .wynik_audytu .ostrzezenia .progress2{background:#FFBA00} .wynik_audytu .bledy .progress2{background:#F02D72} .wynik_audytu .kolo{height: 240px;width: 240px;position: relative;margin: 0 auto;} .bodystatystyki .wynik_audytu .kolo{height: 140px;width: 140px;} .wynik_audytu .kolo .kropki{height: 220px;width: 220px;border: 10px solid var(--szary-30);position: absolute;top: 0px;left: 0px;-webkit-border-radius: 100%;} .bodystatystyki .wynik_audytu .kolo .kropki{height: 120px;width: 120px;} .wynik_audytu .kolo .inner{position: absolute;z-index: 6;top: 10px;left: 10px;height: 220px;width: 220px;background: #fff;border-radius: 100%;text-align:center} .bodystatystyki .wynik_audytu .kolo .inner{height: 120px;width: 120px;} .wynik_audytu .kolo .inner .img{position:absolute;height: 40px;width: 100%;margin: auto;top: 0;bottom:0px;text-align:center;} .wynik_audytu .kolo .bar{position: absolute;height: 240px;width: 240px;-webkit-border-radius: 100%;clip: rect(0px, 240px, 240px, 120px);} .bodystatystyki .wynik_audytu .kolo .bar{height: 140px;width: 140px;clip: rect(0px, 140px, 140px, 70px);} .wynik_audytu .circle .bar .progress{position: absolute;height: 240px;width: 240px;-webkit-border-radius: 100%;clip: rect(0px, 120px, 240px, 0px);background: #44AF30;} .bodystatystyki .wynik_audytu .kolo .bar .progress{height: 140px;width: 140px;clip: rect(0px, 70px, 140px, 0px);} .wynik_audytu .kolo .bar.min{clip: rect(0px, 240px, 240px, 120px);} .bodystatystyki .wynik_audytu .kolo .bar.min{clip: rect(0px, 140px, 140px, 70px);} .wynik_audytu .circle .bar.min{clip: rect(0px, 75px, 150px, 0px);} .bodystatystyki .wynik_audytu .circle .bar.min{clip: rect(0px, 75px, 150px, 0px);} .wynik_audytu .circle .right {transform: rotate(180deg);z-index:3;} .wynik_audytu .circle .right100 .progress{animation: right2_100 4s linear both; animation-delay:4s;} @keyframes right2_100{ 100%{ transform: rotate(180deg); } } .wynik_audytu .circle .left50 .progress{animation: left2_50 4s linear both; } @keyframes left2_50{ 100%{ transform: rotate(180deg); } } .bodystatystyki .wynik_audytu .kolo .inner .img {height:70px} #koniec-sesji>div{width:25%} @media (max-width:992px){ } @media (max-width:992px){ .wynik_audytu .col-3{grid-column-start: span 6;} #koniec-sesji>div{width:calc( 90% - 32px ) } } @media (max-width:576px){ .wynik_audytu .col-3{grid-column-start: span 12;} } .srednia-gwiazdki { position: relative; appearance: none; color: transparent; height:40px; vertical-align: baseline; font-size: 40px; line-height: 1; border:none; } .srednia-gwiazdki::before { content: '★★★★★'; position: absolute; top: 0; left: 0; color: var(--szary-30); background: linear-gradient(90deg, var(--szary-80) var(--percent), var(--szary-30) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; letter-spacing: 3px; } #zmien-okres{display:inline-block;width: auto; padding: 6px 16px;line-height: 1;border-radius:20px;background:var(--secondary);color:var(--creme-white);margin-right:10px;vertical-align:top;} #zmien-okres .icon-strzalka{font-size:24px;vertical-align: middle;} #pobierz-raport{display:inline-block;padding:0px;border-radius:20px;height:40px;width:40px;border:1px solid var(--szary-30);color:var(--szary-100);background:transparent;vertical-align:top;} #pobierz-raport .icon-pobierz{font-size:24px;} #miesieczny-monitoring,.scrolltable{padding:0px;width:100%;height:50vh;overflow-y: auto;overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;} .scrolltable2{height:auto;} .scrolltable2 table .info{display:inline-block;margin-left:16px;vertical-align:bottom} #miesieczny-monitoring::-webkit-scrollbar {display: none;} #miesieczny-monitoring table,.scrolltable table{border-spacing:0;background:var(--szary-10)} .scrolltable td.top, .scrolltable th.top{vertical-align:top} #miesieczny-monitoring td, #miesieczny-monitoring th, .scrolltable td, .scrolltable th{padding:8px 16px;background:var(--szary-10)} #miesieczny-monitoring th, .scrolltable th{padding-top:16px} #miesieczny-monitoring td, .scrolltable td{border-top:1px solid var(--szary-30)} #miesieczny-monitoring td.belka{} #miesieczny-monitoring td.belka:before, .scrolltable td.belka:before{content:'';height:3px;width:16px;background:var(--creme-white);position:absolute;left:0px;top:-2px} .scrolltable td.belka.PAUSED, .scrolltable td.belka.REMOVED, .scrolltable td.belka.ENABLED{padding-right:30px;} .scrolltable td.belka.PAUSED:after, .scrolltable td.belka.REMOVED:after, .scrolltable td.belka.ENABLED:after {content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--medium);position:absolute;top:8px;right:16px} .scrolltable td.belka.REMOVED:after{background:var(--alert-point);} .scrolltable td.belka.ENABLED:after{background:var(--positive);} #miesieczny-monitoring .belka, .scrolltable .belka{background:var(--creme-white);text-align:left} #miesieczny-monitoring th.belka{} #miesieczny-monitoring tr:last-child td.belka, .scrolltable tr:last-child td.belka{border-bottom-left-radius:24px;border-bottom-right-radius:24px} .scrolltable2 th.belka{border-top-left-radius:24px;border-top-right-radius:24px} #miesieczny-monitoring tr:last-child td, .scrolltable tr:last-child td{padding-bottom:16px} #miesieczny-monitoring .czerwony{color:var(--alert-point)} #miesieczny-monitoring .zielony{color:var(--positive)} #miesieczny-monitoring table{position:relative;table-layout: fixed;} #miesieczny-monitoring .belka, .scrolltable .belka{position: sticky; top: 0;left: 0;z-index: 1;} #miesieczny-monitoring .naglowki th, .scrolltable .naglowki th{position: sticky; top: 0;z-index: 1;} #miesieczny-monitoring .naglowki th.belka, .scrolltable .naglowki th.belka{z-index: 2;} #miesieczny-monitoring th.belka.left, .scrolltable th.belka.left{background:linear-gradient(to bottom,var(--szary-10) 25px,#fff 25px,#fff 100%);border-radius:0;padding:0px;vertical-align: top;} #miesieczny-monitoring th.belka.left div, .scrolltable th.belka.left div{border-top-left-radius:24px;border-top-right-radius:24px;background:var(--creme-white);padding:16px 16px 8px 16px;margin:0px} .underline{text-decoration:underline} .margin0{margin:0} .padding0{padding:0px} .mt0{margin-top:0px} .mb0{margin-bottom:0px} .mt10{margin-top:10px} .mt30{margin-top:30px} .mb8{margin-bottom:8px} .mb30{margin-bottom:30px} .mb32{margin-bottom:32px} .mb10{margin-bottom:10px} .mt16{margin-top:16px} .mb16{margin-bottom:16px} .left{text-align:left} body.bodystart{background-image:url('/img/bg-start.svg');background-repeat:no-repeat;background-position: 83.333% -80px} body.bodystart>.container-max>.col-d-9{padding-top:0px;padding-left:0px} body.bodystart>.container-max>.col-d-9>.container{padding-top:16px} body.bodykonto>.container-max>.col-d-9, body.bodypowiadomienia>.container-max>.col-d-9, body.bodyplatnosci>.container-max>.col-d-9, body.bodypomoc>.container-max>.col-d-9, body.bodyporadniki>.container-max>.col-d-9, body.bodycasestudy>.container-max>.col-d-9, body.bodyobsluga>.container-max>.col-d-9, body.bodyrealizacje>.container-max>.col-d-9{padding-top:0px;padding-left:0px} body.bodykonto .container-max .sekcjakonto, body.bodyplatnosci .container-max .sekcjaplatnosci, body.bodyplatnosci .container-max .sekcjakalendarium, body.bodypowiadomienia .container-max .sekcjapowiadomienia, body.bodypomoc .container-max .sekcjapomoc, body.bodyporadniki .container-max .sekcjaporadniki, body.bodycasestudy .container-max .sekcjacasestudy, body.bodyobsluga .container-max .sekcjaobsluga, body.bodyrealizacje .container-max .sekcjarealizacje {background-color:var(--black);color:var(--creme-white);padding-left: 8px;margin-bottom:30px} body.bodyporadniki .container-max .sekcjaporadniki{min-height:250px} body.bodycasestudy .container-max .sekcjacasestudy{min-height:250px} body.bodykonto .container-max .sekcjakonto>.container>.col-d-10, body.bodyplatnosci .container-max .sekcjaplatnosci>.container>.col-d-10, body.bodyplatnosci .container-max .sekcjakalendarium>.container>.col-d-10, body.bodypowiadomienia .container-max .sekcjapowiadomienia>.container>.col-d-10, body.bodypomoc .container-max .sekcjapomoc>.container>.col-d-10{padding-top: 29px;background-repeat:no-repeat;background-position:right bottom;} body.bodykonto .container-max .sekcjakonto>.container>.col-d-10{background-image:url('/img/bg-konto.svg');} body.bodypomoc .container-max .sekcjapomoc>.container>.col-d-10{background-image:url('/img/bg-pomoc.svg');} body.bodypowiadomienia .container-max .sekcjapowiadomienia>.container>.col-d-10{background-image:url('/img/bg-powiadomienia.svg');} body.bodyplatnosci .container-max .sekcjaplatnosci>.container>.col-d-10{background-image:url('/img/bg-platnosc.svg');} body.bodyplatnosci .container-max .sekcjakalendarium>.container>.col-d-10{background-image:url('/img/bg-kalendarium.svg');} body.bodypowiadomienia .container-max .tabs-container, body.bodykonto .container-max .tabs-container, body.bodyplatnosci .container-max .tabs-container, body.bodypomoc .container-max .tabs-container, body.bodyobsluga .container-max .tabs-container{margin-bottom:0px;border:none} body.bodyplatnosci .container-max .sekcjaplatnosci .ikon-kolo span, body.bodyplatnosci .container-max .sekcjakalendarium .ikon-kolo span, body.bodypomoc .container-max .sekcjapomoc .ikon-kolo span{color:var(--creme-white);} body.bodyplatnosci .container-max .sekcjaplatnosci #tabs li.active div, body.bodyplatnosci .container-max .sekcjakalendarium #tabs li.active div, body.bodypomoc .container-max .sekcjapomoc #tabs li.active div, body.bodyobsluga .container-max .sekcjaobsluga #tabs li.active div {background:var(--creme-white);border:1px solid var(--creme-white)} body.bodykonto .container-max .sekcjakonto #tabs li.active:after, body.bodypowiadomienia .container-max .sekcjapowiadomienia #tabs li.active:after, body.bodyplatnosci .container-max .sekcjaplatnosci #tabs li.active:after, body.bodyplatnosci .container-max .sekcjakalendarium #tabs li.active:after, body.bodypomoc .container-max .sekcjapomoc #tabs li.active:after, body.bodyobsluga .container-max .sekcjaobsluga #tabs li.active:after {background:var(--szary-10);} body.bodyplatnosci .container-max .sekcjaplatnosci li.active .ikon-kolo span, body.bodyplatnosci .container-max .sekcjakalendarium li.active .ikon-kolo span, body.bodypomoc .container-max .sekcjapomoc li.active .ikon-kolo span{color:var(--szary-100);} body.bodyumowa>.container-max>.col-d-9{padding-top:0px;padding-left:0px} body.bodyumowa .sekcjaumowy{padding-top: 29px;padding-left: 8px;margin-bottom:30px;color:var(--creme-white);background:url('/img/bg-umowa.svg') var(--black) no-repeat;background-size: auto 100% !important;background-position:center right !important} /*body.bodyumowa .sekcjaumowy.umowawww{background:url('/img/bg-web.png') var(--web-100) no-repeat;padding-top: 29px;padding-left: 8px;margin-bottom:30px} body.bodyumowa .sekcjaumowy.umowaseo{background:url('/img/bg-seo.png') var(--seo-100) no-repeat;padding-top: 29px;padding-left: 8px;margin-bottom:30px} body.bodyumowa .sekcjaumowy.umowaml{background:url('/img/bg-marketing-lokalnie.png') var(--ml-100) no-repeat;padding-top: 29px;padding-left: 8px;margin-bottom:30px}*/ body.bodyumowa .container-max .tabs-container{margin-bottom:0px;border:none} body.bodyumowa .container-max .sekcjaumowy .ikon-kolo span{color:var(--creme-white);} body.bodyumowa .container-max .sekcjaumowy #tabs li.active div{background:var(--creme-white);border:1px solid var(--creme-white)} body.bodyumowa .container-max .sekcjaumowy #tabs li.active:after{background:var(--szary-10);} body.bodyumowa .container-max .sekcjaumowy li.active .ikon-kolo span{color:var(--szary-100);} #wazne-informacje #wazne-informacje-kolo{width:10000px;height:10000px;border-radius:50%;position:absolute;bottom:0px;left:-4700px;z-index:-1;transition: all 1s ease;} #wazne-informacje .slider-container{margin:0px;width:100%} #wazne-informacje .slider {border-spacing: 0px;margin:0px} #wazne-informacje .slider .slider-item{background:transparent;vertical-align: top;} #wazne-informacje .slider-button li{background:var(--creme-white);opacity:0.5} #wazne-informacje .slider-button li.active{background:var(--creme-white);opacity:1} #wazne-informacje #informacje .slider-item{padding-left:0px;padding-right:0px;padding-bottom:16px} .legenda{margin:0;margin-top:30px;padding:0;display:block;width:100%;list-style:none} .legenda li{display:inline-block;width:32%;vertical-align: top;} .legenda li div{width:20px;height:20px;border-radius:50%} .legenda li.aktywna div{background:var(--positive)} .legenda li.zakonczona div{background:var(--alert-point)} .legenda li.oczekiwaniu div{background:var(--medium)} #raport-dotyczacy-miejsca{background:var(--creme-white) url('/img/bg-50.svg') no-repeat center 150px;padding-top:50px;padding-bottom:50px} #raport-dotyczacy-miejsca table{background:var(--creme-white);} #raport-dotyczacy-miejsca .scrolltable th.belka.left div{background:var(--szary-10)} #raport-dotyczacy-miejsca .scrolltable .belka{background:var(--szary-10)} #raport-dotyczacy-miejsca .scrolltable .naglowki .belka{background:var(--creme-white)} #raport-dotyczacy-miejsca .scrolltable th{background:var(--creme-white);} #raport-dotyczacy-miejsca .scrolltable td{background:var(--creme-white);} #raport-dotyczacy-miejsca .scrolltable td.belka:before{background:var(--szary-10)} #raport-dotyczacy-miejsca table td, #raport-dotyczacy-miejsca table td{color:var(--black)} #dane-w-podziale-na-urzadzenia .ikon-kolo span:before{color:var(--black)} .raportwww #dane-w-podziale-na-urzadzenia .ikon-kolo, .raportwidocznosc #dane-w-podziale-na-urzadzenia .ikon-kolo{width:48px;height:48px;margin-bottom:16px;} .raportwww #dane-w-podziale-na-urzadzenia .ikon-kolo span, .raportwidocznosc #dane-w-podziale-na-urzadzenia .ikon-kolo span{display:inline-block;font-size:30px;vertical-align: middle;height:30px} .raportwww #dane-w-podziale-na-urzadzenia .ikon-kolo span:before, .raportwidocznosc #dane-w-podziale-na-urzadzenia .ikon-kolo span:before{color:var(--creme-white)} .bodywiedza .raport-box .naglowek-icon.black span, .bodystatystyki .raport-box .naglowek-icon.black span{font-size:18px;opacity:1} .bodywiedza .raport-box .naglowek-icon.black span:before, .bodystatystyki .raport-box .naglowek-icon.black span:before{opacity:1;font-size:18px;color:var(--szary-100)} .bodyporadniki .raport-box, .bodycasestudy .raport-box {position:relative;background-repeat:no-repeat;background-size:cover;padding-bottom:88px;} .bodyporadniki .szczegoly, .bodycasestudy .szczegoly {color:var(--creme-white);position:absolute;left:16px;bottom:16px;} .bodyporadniki .szczegoly span .bodycasestudy .szczegoly span {color:var(--creme-white);font-size:24px;vertical-align:middle} .bodyporadniki{} .sekcjaporadniki{background: url(/img/bg-poradniki.png) no-repeat var(--szary-100);background-position: right bottom;background-size: auto 100%;color: var(--creme-white); padding-left: 8px;margin-bottom: 30px;} .sekcjacasestudy{background-image: url(/img/casestudy-bg.png), url(/img/w.svg); background-repeat: no-repeat;background-position: right bottom, right bottom;background-size: auto 100%, auto 75%;color: var(--creme-white); padding-left: 8px;margin-bottom: 30px;} #dzialania-fanow-strony{padding-top:50px;padding-bottom:50px;margin-left:0px} #dzialania-fanow-strony table td{padding:16px;vertical-align:middle} .top30-url-generujacych-najwiecej-wyswietlen td, .top30-url-generujacych-najwiecej-wyswietlen th, .top30-url-generujacych-najwiecej-wyswietlen th.belka.left{background:var(--black);color:var(--creme-white)} .top30-zapytan-generujacych-najwiecej-wyswietlen td, .top30-zapytan-generujacych-najwiecej-wyswietlen th, .top30-zapytan-generujacych-najwiecej-wyswietlen th.belka.left{background:var(--creme-white);color:var(--black)} .top30-url-generujacych-najwiecej-wyswietlen td.belka, .top30-url-generujacych-najwiecej-wyswietlen th.belka, .top30-url-generujacych-najwiecej-wyswietlen th.belka.left div{background:var(--szary-240);color:var(--creme-white)} .top30-zapytan-generujacych-najwiecej-wyswietlen td.belka, .top30-zapytan-generujacych-najwiecej-wyswietlen th.belka, .top30-zapytan-generujacych-najwiecej-wyswietlen th.belka.left div{background:var(--szary-10);color:var(--black)} .top30-url-generujacych-najwiecej-wyswietlen td.belka:before{background:var(--szary-240);} .top30-zapytan-generujacych-najwiecej-wyswietlen td.belka:before{background:var(--szary-10)} .top30-url-generujacych-najwiecej-wyswietlen td{border-top: 1px solid var(--szary-100);} .top30-zapytan-generujacych-najwiecej-wyswietlen td{border-top: 1px solid var(--szary-50);} .raportwww #dane-analityczne{padding-top:32px;padding-bottom:32px} .raportwww #dane-analityczne h4{padding-bottom:32px} .raportwww #dane-analityczne .bg-transparent .black{color:var(--creme-white) !important} .archiwum-umow{display: inline-block; width: auto; border-radius: 20px; border: 1px solid var(--secondary); padding: 8px 16px 6px 16px; margin-bottom: 0px;} .archiwum-umow span{display:inline-block;vertical-align:middle;font-size:24px;} .shadow-backgrounds{ -webkit-box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 10.4px 0px rgba(0, 0, 0, 0.25); } .btn-shadow-2{ -webkit-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.25); -moz-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.25); box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.25); } .btn-shadow-2-dark{ -webkit-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6); -moz-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6); box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6); } .ikon-kolo.asystent{ background: var(--szary-30) url(/img/pan-wenet.png) no-repeat center center; background-size: 100%;} .ikon-kolo.asystentka{ background: var(--szary-30) url(/img/pani-wenet.png) no-repeat center center; background-size: 100%;} .kontakt-z-opiekunem{} #top30-url-generujacych-najwiecej-wyswietlen th.belka.left{width:200px !important} #top30-url-generujacych-najwiecej-wyswietlen td.belka.left{width:200px !important} #do-zaplaty .button-dane{border:1px solid var(--szary-30);} @media (min-width:991px){ #top30-url-generujacych-najwiecej-wyswietlen th.belka.left{width:400px !important} #top30-url-generujacych-najwiecej-wyswietlen td.belka.left{width:400px !important} .shadow-margin-16{margin-left:-16px !important;margin-right:-16px !important;} .shadow-padding-16{padding-left:16px !important;padding-right:16px !important;padding-bottom:16px !important} #harmonogram-splaty .faktura .szczegoly{display:contents !important} #harmonogram-splaty .faktura .szczegoly>div{display:contents !important} #harmonogram-splaty .faktura .szczegoly .icon-arrow-menu-up{display:none} #krok1-szczegoly{display:block !important} #krok2-szczegoly{display:block !important} #krok3-szczegoly{display:block !important} .krok {height: calc(100% - 32px)} .krok .szczegoly{display:none} .krok hr{display:none} .raportml .scrolltable{height:auto;} } @media (max-width:991px){ body.raportml{background: linear-gradient(180deg, transparent 400px, var(--szary-10) 400px), url(/img/bg-umowa.svg), linear-gradient(180deg, var(--black) 400px, var(--szary-10) 400px), var(--szary-10);background-repeat: no-repeat; background-position: top right; background-size: auto auto, auto 400px;} } .pointer{cursor:pointer} .bodyporadnik .description p{margin-top:32px;margin-bottom:32px;font-family: "Geologica"; font-weight: 300; font-size: 14px; line-height: 1.2; letter-spacing: 0;} .bodyporadnik .description a{color:var(--black);text-decoration:underline;font-weight: 600;} .bodyporadnik .description ul li p{margin:0px} .bodyporadnik .description h1{font-family: "Geologica"; font-weight: 600; font-size: 29px; line-height: 1.2; letter-spacing: 0;} .bodyporadnik .description h2{font-family: "Geologica"; font-weight: 600; font-size: 25px; line-height: 1.2; letter-spacing: 0;} #zmien-okres-daty .okres>div{position:relative} #zmien-okres-daty .okres>div>span{display:block;width:30px;height:30px;border-radius:8px;border:1px solid var(--szary-30);position:absolute;margin: auto;top:0;bottom:0;right:16px} #zmien-okres-daty .okres>div.active>span{border:1pz solid var(--positive); background: url(../img/check-box.svg) center center no-repeat var(--positive)} #dane-do-przelewu .kopiuj, #kopiuj-link-do-briefu{border: 1px solid var(--szary-30);color:var(--szary-100);border-radius:20px;margin-top:16px;margin-bottom:30px;display:inline-block;width: auto;padding:11.5px 16px} #kopiuj-link-do-briefu{width:100%} .select{border:1px solid var(--szary-30);background:var(--creme-white);padding:12px 16px;position:relative;height:20px;} .select .icon-arrow-menu-up { position:absolute; top: 16px; right: 16px; display: inline-block; transform: rotate(180deg); transition: all 1s ease; } .select.active{} .select.active .icon-arrow-menu-up { transform: rotate(0deg); } .select input{border:none;border-radius:0px;padding: 0px;width: 100%;background: transparent;} .select input:focus{outline:none;} .select:hover input{outline:none;} .select .lista{display:none;border:1px solid var(--szary-30);left:-1px;position:absolute;top:100%;padding-right:7px;width:calc( 100% - 7px );border-top:none;z-index:99;background:var(--creme-white);} .select.active .lista{display:block} .select:hover .lista{z-index:9999;} .select ::-webkit-scrollbar {width: 2px;} .select ::-webkit-scrollbar-track {background: #F5F5F5;} .select ::-webkit-scrollbar-thumb {background: #996DE5;} .select .lista ul{margin:0;padding:0;width:100%;list-style:none;max-height:200px;overflow-x:hidden;} .select .lista ul li{padding:7px 0px 8px 27px;cursor:pointer;border-top:1px solid var(--szary-30);} .select .lista ul li:hover{color:#996DE5} #container-file,.container-file{position:relative;} #container-file input,.container-file input{position:absolute;top:0;left:0;display:block;width:100%;height:100%;opacity:0;z-index:9} #container-file button,.container-file button{width:auto;border-radius:20px; padding:10px 16px;} #container-file .desktop,.container-file .desktop{display:none} .container-file .desktop2{position:absolute;display:block;height:70px;margin:auto;top:0;right:0;left:0;bottom:0} @media (min-width:991px){ #container-file,.container-file {position:relative;border-radius:3px;border:1px solid var(--szary-30);height:130px;} #container-file .desktop,.container-file .desktop{position:absolute;display:block;height:70px;margin:auto;top:0;right:0;left:0;bottom:0} #container-file .mobile,.container-file .mobile{display:none} } .display-none{display:none} #logo-loading{position: absolute;margin: auto;top: 0;bottom: 0;left: 0;right: 0;height:50%} @media (max-width:360px){ #do-zaplaty .button-oplac{width:calc( 100% - 32px);margin-bottom:20px} #do-zaplaty .button-dane{width:100%;margin-bottom:20px} } .alert-point-border{border:1px solid var(--alert-point) !important} #ankieta .avatar{width:80px;height:80px} #ankieta input[type="radio"], #ankieta input[type="checkbox"] {position:absolute;opacity:0;margin:0px;padding:0px;width:100%;height:100%;top:0;left:0;z-index: 9;} #ankieta label{display:inline;color:var(--szary-80)} #ankieta .gwiazdka{display:inline-block;width:30px;height:30px;position:relative} #ankieta .star-shape {background-color: var(--creme-white);width: 80%;height: 80%; clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);} #ankieta .checked .star-shape{background-color: var(--szary-100);} #ankieta .emotki, #ankieta .gwiazdki, #ankieta .binarne{display:inline-block;position:relative;padding-bottom:20px} #ankieta .emotki .krok-pierwszy, #ankieta .gwiazdki .krok-pierwszy{display: inline-block;padding:0px;position:absolute;left:15px;bottom:0} #ankieta .emotki .krok-ostatni, #ankieta .gwiazdki .krok-ostatni{display: inline-block;padding:0px;position:absolute;right:15px;bottom:0} #ankieta .emotka, #ankieta .binarny, #ankieta .tekst2{display:inline-block;width:40px;height:40px;margin-left:15px;margin-right:15px;position:relative} #ankieta .tekst2{vertical-align: top;width:auto;height:auto;} #ankieta .emotka .ikon-kolo, #ankieta .binarny .ikon-kolo{width:40px;height:40px;background:var(--creme-white)} #ankieta .tekst .ikon-kolo{width:20px;height:20px;background:var(--creme-white);margin-bottom:10px} #ankieta .emotka span, #ankieta .binarny span{color:var(--szary-100)} #ankieta .emotka .checked .ikon-kolo, #ankieta .binarny .checked .ikon-kolo, #ankieta .tekst .checked .ikon-kolo{background:var(--szary-100)} #ankieta .tekst label.checked{color:var(--180)} #ankieta .tekst span{color:var(--creme-white)} #ankieta .emotka .checked span, #ankieta .binarny .checked span{color:var(--creme-white)} #ankieta .pytania>div{display:table; margin: 0 auto;} #ankieta .pytania>div>div{display:table-cell;padding-left: 15px;padding-right: 15px;} #wyslij-ankiete{color:var(--szary-80);border:1px solid var(--szary-80); border-radius:16px;background:transparent;margin-top:30px} .scroll-button{display:inline-block;border-radius:20px;color:var(--creme-white);padding:9px 16px;text-decoration:none;} .bodywiedza .raport-box .naglowek-icon, .bodystatystyki .raport-box .naglowek-icon{padding-right:20px} @media (max-width:400px){ #ankieta .pytania>div>div{padding:0px} #menu2 ul li{padding:14px 0px} .legenda li{font-size: 12px;} .raportml .serwisy a{font-size:12px} .bodywiedza .raport-box .naglowek-icon{font-size:14px} } #ankieta .pytania>div>div{width:auto !important} @media (max-width:991px){ .faq-kategorie, .realizacje-kategorie, .opinie-klientow{width:calc( 100% + 40px )} #ankieta .pytania>div{width: 100%;} .legenda li{font-size: 12px;} .raportml .serwisy a{font-size:12px} #top30-url-generujacych-najwiecej-wyswietlen th.belka.left{width:150px !important} #top30-url-generujacych-najwiecej-wyswietlen td.belka.left{width:150px !important} #top30-url-generujacych-najwiecej-wyswietlen td.belka{font-size:12px} .start .start-radius img{margin-bottom:20px} .col-logowanie>p{display:none} .col-logowanie>h3{margin-top:0px;margin-bottom:20px !important} .start .col-logowanie{padding-top:24px} #logo-loading{height:25%} .sekcjaporadniki h3{margin-top:100px;margin-bottom:16px} #menu2 ul li{background:var(--creme-white);-webkit-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.25); -moz-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.25); box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.25);} body.bodyplatnosci .container-max .sekcjaplatnosci>.container>.col-d-10>h3{margin-top:0px} body.bodyplatnosci .container-max .sekcjapomoc>.container>.col-d-10>h3{margin-top:0px} #dane-firmy .box{margin-bottom:16px} .informacje-platnosci-start>img{position:absolute;top:-20px;right:0} textarea{height:100px} .col-0{display:none} } #ankieta .pytania>div.gwiazdki{width:auto;} #ankieta .pytania>div.binarne{width:auto;} .bodywiedza .raport-box{position:relative;padding-bottom:72px} .bodywiedza .raport-box .menu{position:absolute;left:16px;bottom:16px;height: 40px;} .bodywiedza .raport-box .menu a{display:inline-block; border: 1px solid var(--szary-30); border-radius: 20px; text-decoration: none; color: var(--szary-180); padding: 10px 16px 8px 16px; font-weight: 600; font-size: 14px; vertical-align: middle;} #ustawienia .box .radio:last-of-type{margin-bottom:0px} #szczegolowy-zakres-umowy ul{margin:32px 0px;padding:0px;padding-left:20px} #szczegolowy-zakres-umowy li{margin-bottom:16px} #pliki-nazwa{display:none} .raport-box.bg-transparent{padding:0px;width:100%} .raport-box .icon-info{margin-top:10px;display: inline-block;} #haslo-container{position:relative} #haslo-container>span{position:absolute;cursor:pointer;display:inlie-block;height:24px;font-size:24px;color:var(--szary-30);margin:auto;top:0;bottom:0;right:16px} #szukaj2, .dodaj-button{line-height: 1; padding: 10px 0px 10px 0px; border-radius: 27px; border: 1px solid var(--secondary); background: var(--secondary); display: inline-block; width: 100%; color: var(--creme-white); font-size:20px } .dodaj-button{width:auto;padding: 10px 32px 10px 32px;margin-bottom:32px;text-align:center} #szukaj2 span, .dodaj-button span { font-size: 34px; vertical-align: middle; } .raportstopka .print-stopka{color:var(--creme-white);text-decoration:none} @media (min-width:991px){ .raportwww .scrolltable2 table{width:100%} } .brief-spis-tresci{margin-left:-24px;width: calc(100% + 48px);} #brief-twojej-strony li{margin-bottom:64px} #brief-twojej-strony label{display:inline-block;margin-left:8px;width:calc( 100% - 40px);margin-top:12px} #brief-twojej-strony label div{display:none} #brief-twojej-strony input[type='radio']{vertical-align:top;margin-top: 14px;width:20px;height:20px;position:relative} #brief-twojej-strony input[type='radio']:before{content:"";display:block;position:absolute;top:0;left:0;width:18px;height:18px;border:1px solid var(--primary);border-radius:50%} #brief-twojej-strony input[type='radio']:after{content:"";display:block;position:absolute;top:4px;left:4px;width:12px;height:12px;background:transparent;border-radius:50%} #brief-twojej-strony input[type="radio"]:checked:after{background:var(--primary)} #brief-twojej-strony input[type='checkbox']{vertical-align:top;margin-top: 14px;width:20px;height:20px;position:relative} #brief-twojej-strony input[type='checkbox']:before{content:"";display:block;position:absolute;top:0;left:0;width:18px;height:18px;border:1px solid var(--primary);} #brief-twojej-strony input[type='checkbox']:checked:before{background:url('../img/brief-checkbox.svg') var(--primary) center center no-repeat} #brief-twojej-strony input[type="radio"]:checked+label>div{display:block} #brief-twojej-strony .error input[type='radio']:before{border:1px solid var(--secondary)} #brief-twojej-strony .error input[type='checkbox']:before{border:1px solid var(--secondary)} #brief-twojej-strony input[type="radio"].error:checked+label>div textarea{border:1px solid var(--secondary)} #brief-twojej-strony input[type="radio"].error:checked+label>div input[type='text']{border:1px solid var(--secondary)} #brief-twojej-strony input[type="checkbox"]:checked+label>div{display:block} #brief-twojej-strony input[type="checkbox"].error:checked+label>div textarea{border:1px solid var(--secondary)} #brief-twojej-strony input[type="checkbox"].error:checked+label>div input[type='text']{border:1px solid var(--secondary)} #brief-twojej-strony .error textarea{border:1px solid var(--secondary)} #brief-twojej-strony .error input[type='text']{border:1px solid var(--secondary)} #brief-twojej-strony .error input[type='mail']{border:1px solid var(--secondary)} #brief-twojej-strony .error input[type='tel']{border:1px solid var(--secondary)} #brief-spis-tresci .scroll-menu{} .kroki .col-12{display:none} .kroki .col-12.active{display:block} #brief-twojej-strony .powrot{display:inline-block;width:auto;border-radius:20px;border:1px solid var(--szary-30);padding:11px 16px 11px 16px;margin-bottom:0px;background:var(--szary-30);} #brief-twojej-strony textarea{width:calc( 100% - 34px )} #brief-spis-tresci li{opacity:0.2;cursor:none} #brief-spis-tresci li.active, #brief-spis-tresci li.wtrakcie {opacity:1;cursor:pointer} #brief-spis-tresci li.zapisane {opacity:1;cursor:pointer;border: 1px solid var(--primary);background: var(--primary);color: var(--creme-white);} #brief-spis-tresci li.active{border: 1px solid var(--szary-100);background: var(--szary-100);color: var(--creme-white);} #dane-w-podziale-na-urzadzenia .raport-box.bg-black{border:1px solid var(--creme-white)} .urzadzenia-icon{font-size:30px;margin-left:10px;margin-right:10px} .spokojnie{margin-top:64px;margin-bottom:32px} #elementy-pakietu-sekcja{margin-top:32px; padding-bottom:42px} .fc-theme-standard .fc-scrollgrid{border:none} .fc-theme-standard td, .fc-theme-standard th{border:none} .fc-theme-standard th {color:var(--szary-50);font-weight: 600;} .fc-theme-standard td{color:var(--szary-100);font-weight: 600;} .fc .fc-non-business, .fc .fc-daygrid-day.fc-day-today,.fc .fc-cell-shaded, .fc .fc-day-disabled{background:none} .fc .fc-scrollgrid-section table{width:auto !important;} .fc .fc-scrollgrid-section-body table{width:auto !important; height: auto !important;} .fc-theme-standard th{width:53px;height:22px;padding: 6px;} .fc-theme-standard td{width:41px;height:22px;padding: 0px 6px 10px 6px;} .fc .fc-daygrid-day-top{display:block;text-align: center;} .fc .fc-daygrid-body{width:auto !important} .fc-direction-ltr{width:auto;height:auto} .fc .fc-scrollgrid, .fc .fc-scrollgrid table{width:auto !important; height: auto !important;} .fc .fc-view-harness-active > .fc-view{position:relative} .fc .fc-view-harness{height: auto !important;} .fc .fc-scroller {position: relative !important; overflow: unset !important;} .fc-daygrid-day-frame:before,.fc-daygrid-day-frame:after{display:none} .fc-daygrid-day-events::after, .fc-daygrid-day-events::before, .fc-daygrid-day-frame::after, .fc-daygrid-day-frame::before, .fc-daygrid-event-harness::after, .fc-daygrid-event-harness::before{display:none} .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{height:auto;width:41px;min-height: auto;position:static} .fc .fc-daygrid-day-bottom{display:none} .kalendarium-wydarzenie{ border-radius: 24px; background-color: var(--creme-white); padding: 16px; padding-bottom: 130px; position: relative; vertical-align: top; background-repeat: no-repeat !important; background-size: cover !important; } .kalendarium-wydarzenie .kolor{background:#D0B7FF;color:var(--szary-150);padding:4px 8px;display:inline-block;border-radius:27px} .kalendarium-wydarzenie .menu { position: absolute; display: inline-block; right: 16px; bottom: 16px; text-decoration: none; text-align: right; } .kalendarium-wydarzenie .menu a{display: inline-block; border: 1px solid var(--szary-30); border-radius: 24px; text-decoration: none; color: var(--black); padding: 10px 16px 8px 16px; font-weight: 600; font-size: 14px; vertical-align: middle;margin-top:10px;} .kalendarium-wydarzenie .menu a span { display: inline-block; font-size: 20px; vertical-align: middle; margin-left: 5px; } .fc .fc-daygrid-event{width:100%;height:21px;border-radius:27px;padding:2px 0px;font-weight: 400; margin-left: 0px !important; margin-right: 0px !important; font-size: 12px;line-height: 1.2;letter-spacing: 0;text-align: center;} .fc .fc-daygrid-event-harness{position:static;margin-top: 10px !important;} .fc .fc-daygrid-event-harness:before{display:block;position:absolute;width:41px;height:41px;border-radius:50%;background:#D6D2E5;top:0px} .fc-theme-standard td>div{padding-top:10px} #dodaj-wydarzenie{width:auto;border:1px solid var(--primary);padding:10px 16px;border-radius:27px;margin:0 auto} .scrolltable2 table .tr-info{position:relative} .scrolltable2 table .tr-info td{padding:0px} .scrolltable2 table .tr-info .info{position:absolute;margin-top:-20px} .oferty-promocje .oferta{ border-radius: 24px; background: var(--creme-white); padding: 16px; padding-bottom: 80px; position: relative; vertical-align: top; } .wiedza-produkcja .wiedza-item{ border-radius: 24px; background: var(--creme-white); padding: 16px; padding-bottom: 80px; position: relative; vertical-align: top; } #inna-firma{margin-top:16px;border:1px solid var(--szary-80);border-radius:27px;} #brief-twojej-strony input[type='text'], #brief-twojej-strony input[type='mail'], #brief-twojej-strony input[type='password'], #brief-twojej-strony input[type='month'], #brief-twojej-strony input[type='tel'], #brief-twojej-strony textarea {color: var(--szary-30);} .mini-zdjecie{border-radius: 24px;border:1px solid transparent;padding:10px;position:relative;transition: all 1s ease;} .mini-zdjecie>div{overflow:hidden;aspect-ratio: 171/109;text-align:center;position:relative;border-radius:6px;} .mini-zdjecie>div img{max-width:100%;width:100%} .mini-zdjecie>div .powieksz{transition: all 1s ease;display:block;opacity:0;position:absolute;z-index:10;right:4px;bottom:4px;background:rgba(0,0,0,0.6);color:var(--creme-white);height:26px;width:30px;border-radius:6px;font-size:18px;text-align:center;padding-top:4px;cursor:pointer} .mini-zdjecie>div .dodaj{transition: all 1s ease;opacity:1;position:absolute;z-index:10;left:4px;top:4px;background:var(--creme-white);color:var(--black);height:30px;width:30px;border-radius:20px;cursor:pointer;} .mini-zdjecie>div .dodaj .nohover{font-size:22px;display:inline-block;margin-top:1px;} .mini-zdjecie>div .dodaj .hover{font-size:14px;display:none;margin-top:5px;padding-left:7px;padding-right:7px;} .mini-zdjecie:hover>div:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:var(--black);opacity:0.2} .mini-zdjecie h2{color:#2F2540;font-size:12px;margin:0px;margin-top:5px;font-weight:normal;line-height:1;word-break: break-all;text-align:left} .mini-zdjecie:hover span{opacity:1} .mini-zdjecie>div .dodaj:hover{background:var(--black);color:var(--creme-white);width:auto;} .mini-zdjecie>div .dodaj:hover .nohover{display:none} .mini-zdjecie>div .dodaj:hover .hover{display:inline-block;} .mini-zdjecie>div.none span{display:none !important} .paginacja{text-align:center;font-size:14px;margin-top:40px} .paginacja ul{margin:0;padding:0;list-style:none;display:block;text-align:center;margin-top:16px} .paginacja ul li{position: relative; text-align: center; display: inline-block; vertical-align: top; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--creme-white); background: var(--szary-80); cursor: pointer; transition: all 1s ease;color:var(--creme-white)} .paginacja ul li span,.paginacja ul li div{ display: block; width: 100%; height: 16px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; cursor: pointer;color:var(--creme-white)} .paginacja ul li.active{background: var(--primary);} .paginacja ul li:not(.active):hover{border:1px solid #996DE5} .paginacja ul li.img-prev,.paginacja ul li.img-next{border: 1px solid var(--szary-100);background:transparent} .paginacja ul li.img-prev span,.paginacja ul li.img-next span{font-size:18px; height: 18px;padding:0px;color:var(--szary-100)} .paginacja ul li.img-prev:hover,.paginacja ul li.img-next:hover{background:var(--creme-white);-webkit-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6); -moz-box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6); box-shadow: 0px 6px 15.5px -4px rgba(46, 35, 88, 0.6);} #zdjeca-api{width:100%;min-height: 100%;position:relative} #zdjeca .infotext>div>div{position:relative} #zdjeca-api .szukajinput{position:sticky;top:0px;padding:16px 0px;width:100%;background:var(--creme-white);margin-top:0px;z-index:100;height: 57px;} #zdjeca-api .szukajinput button{position:absolute;width:50px;height:50px;margin:auto;right:0;top:0;bottom:0;background:transparent} #zdjeca-api .paginacja{position:sticky;bottom:0px;width:100%;background:var(--creme-white);margin-top:0px;z-index:100;} #zdjeca-api .paginacja .wybrane{text-align:left;} .pliki-nazwa .container-max .col-2, #zdjeca-api .paginacja .col-2{aspect-ratio: 243 / 182;position:relative} .pliki-nazwa .container-max .col-2 span, #zdjeca-api .paginacja .col-2 span{position:absolute;top:-8px;right:0;background:var(--creme-white);border-radius:8px;} .errorpage ul{margin:0;padding:0;list-style:none} .errorpage ul li{position:relative;padding-left:20px;margin-bottom:10px} .errorpage ul li:before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--alert-point);position:absolute;left:0;top:6px} .errorpage .hr{width:1px;height:100%;background:var(--szary-30);margin:auto;} .errorpage button{border: 1px solid var(--szary-30);background:transparent;color:var(--black);width: auto;padding: 7px 16px;cursor:pointer;border-radius: 20px;} .errorpage button span{font-size:24px;color:black;vertical-align: middle;} .errorpage .errorbg{background: url(/img/bg-logowanie2.png) no-repeat right calc( 100% + 60px); background-size:290px} @media (max-width:992px){ .errorpage .hr{width:100%;height:1px;} .errorpage .errorbg{background: none;} .errorpage>.container{background: url(/img/bg-logowanie2.png) no-repeat calc(100% + 40px) 300px;background-size: 197px;} } #spis-tresci-raport li span.new{position:relative;background:var(--secondary);color:var(--creme-white);border-radius:10px;display:inline-block;margin-left:10px;padding:4px 8px;} .czytaj-wiecej-ai{white-space: nowrap;display: inline-block; border-radius: 20px; padding: 8px 16px 6px 16px; text-decoration: none;border: 1px solid var(--secondary); background: var(--secondary); color: var(--creme-white);} .ai-pasek-postepu{width:200px;height:24px;background:black;border-radius:12px;overflow: hidden;display:inline-block;vertical-align:middle} .ai-pasek-postepu>div{height:24px;background:black;float:left} .ai-pasek-postepu>.div1{background:var(--secondary);} .ai-pasek-postepu>.div2{background:#5D3FCA;} .ai-pasek-postepu>.div3{background:#34A853;} .switch {position: relative;display: inline-block;width: 55px;height: 30px; vertical-align:top;margin-top: 0px;} .switch2{width:150px} .switch2 p{display:inline-block;vertical-align:middle;} .switch2 .nie{margin-right:16px} .switch2 .tak{margin-left:16px;} .switch input {position: absolute;z-index:1;opacity: 0;width: 55px;height: 30px;margin:0px} .switch span {position: relative;display: inline-block;width: 53px;height: 28px;border:1px solid var(--szary-30);background-color: var(--creme-white);-webkit-transition: .4s;transition: .4s; vertical-align: middle;} .switch span:before { position: absolute; content: ""; height: 24px; width: 24px; left: 3px; bottom: 2px; background-color: var(--black); -webkit-transition: .4s; transition: .4s; } .switch input:checked + span { background-color: var(--positive); } .switch input:focus + span { box-shadow: 0 0 1px #000; } .switch input:checked + span:before { background-color: var(--creme-white); -webkit-transform: translateX(22px); -ms-transform: translateX(22px); transform: translateX(22px); } /* Rounded sliders */ .switch span { border-radius: 38px; } .switch span:before { border-radius: 50%; } .raport-test{border:1px solid var(--alert-point)} #pytania-ankieta-sm{margin-bottom:8px} #pytania-ankieta-sm textarea{margin-bottom:32px;} #pytania-ankieta-sm .container-file{height:auto;border:none;width:auto;margin-bottom:12px;} #pytania-ankieta-sm .container-file button{width:auto;color:var(--black);background:transparent;border:1px solid var(--szary-30);border-radius:30px;padding:12px 13px;} #pytania-ankieta-sm .szukaj, #pytania-ankieta-sm .wyslij-plik{width:auto;color:var(--black);background:transparent;border:1px solid var(--szary-30);border-radius:30px;padding:12px 13px;} #pytania-ankieta-sm hr{margin-top:48px;margin-bottom:48px;border-top: 1px solid var(--szary-30);} .pytania-ankieta-sm .wyslij,#brief-twojej-strony .wyslij{border-radius:27px;} .pytania-ankieta-sm .zapisz,#brief-twojej-strony .zapisz{border: 1px solid var(--szary-80);border-radius:27px;margin-bottom:8px;} #pytania-ankieta-sm .pliki-nazwa .container-max .col-2 span, #zdjeca-api .paginacja .col-2 span{width:20px;height:13px;top:2px;right:2px;text-align:center; border-radius: 50%;font-size:6px;padding-top:7px;text-align:center;} #zdjeca-api .paginacja .col-2{position:relative} #pytania-ankieta-sm .pliki-nazwa .container-max .col-2, #zdjeca-api .paginacja .col-2{border-radius:6px;overflow:hidden} #pytania-ankieta-sm .pliki-nazwa .container-max .col-2 img, #zdjeca-api .paginacja .col-2 img{width:100%;border-radius:6px;} #pytania-ankieta-sm .wybrane0, #wybrane .wybrane0{display:none} #wybrane .wybrane p{margin-top:16px;} #zdjecie-powiekszenie>div{max-width: 70%; height: auto; margin: auto;margin-top:32px;} #zdjecie-powiekszenie img{width:100%} #zdjecie-powiekszenie button{width:auto;color:var(--creme-white);padding:10px 16px;border-radius:20px} #wybierz-plik .infotext>div{max-width:680px;max-height:302px;margin: auto;margin-top: 16px;} #wybierz-plik .container-file{background:var(--szary-10)} #zostaw-opinie textarea, #zostaw-leada textarea{margin-bottom:32px;} #zostaw-opinie input, #zostaw-leada input{margin-bottom:32px;} #zostaw-opinie select, #zostaw-leada select{margin-bottom:32px;} .opinia-text{font-weight:100;-webkit-line-clamp: 6;-webkit-box-orient: vertical;display: -webkit-box; overflow: hidden;} .opinia-text.expanded { -webkit-line-clamp: unset; } .overflow-auto{overflow: auto;} .opinia button{width:auto;padding:0px;background:transparent;color:var(--secondary);margin-top:16px;} .pobierz{display:inline-block;width: auto; color: var(--black); background: transparent;border: 1px solid var(--szary-30); border-radius: 30px; padding: 12px 13px;text-decoration:none} .pobierz span{display: inline-block;font-size: 20px;vertical-align: top;} /*ANALITYKA DEMOGRAFIA*/ .demografia{padding: 50px 0px} .demografia h4{text-align:center;font-size:18px;color:#000;} .demografia .kolo{height: 170px;width: 170px;position: relative;margin: 0 auto;} .demografia .kolo .kropki{height: 162px;width: 162px;border: 4px dotted var(--szary-80);position: absolute;top: 0px;left: 0px;-webkit-border-radius: 100%;} .demografia .kolo .inner{position: absolute;z-index: 6;top: 4px;left: 4px;height: 162px;width: 162px;background: #fff;border-radius: 100%;text-align:center} .demografia .kolo .inner .img{position:absolute;height: 110px;width: 100%;position: absolute;top: 17px;text-align:center;} .demografia .kolo .inner .img img{height:100px} .demografia .kolo .inner .img .procent{color:#000;font-size:18px;} .demografia.sekcjablue .kolo .inner{background:#DDD} .demografia .kolo .bar{position: absolute;height: 170px;width: 170px;-webkit-border-radius: 100%;clip: rect(0px, 170px, 170px, 85px);} .demografia .circle .bar .progress{position: absolute;height: 170px;width: 170px;-webkit-border-radius: 100%;clip: rect(0px, 85px, 170px, 0px);background: #4158d0;} .demografia .kolo .bar.min{clip: rect(0px, 170px, 170px, 85px);} .demografia .circle .bar.min{clip: rect(0px, 85px, 170px, 0px);} .demografia .kobieta-1 .circle .bar .progress,.demografia .mezczyzna-1 .circle .bar .progress{background:#44AF30} .demografia .kobieta-2 .circle .bar .progress,.demografia .mezczyzna-2 .circle .bar .progress{background:#FFBA00} .demografia .kobieta-3 .circle .bar .progress,.demografia .mezczyzna-3 .circle .bar .progress{background:#FF8B03} .demografia .kobieta-4 .circle .bar .progress,.demografia .mezczyzna-4 .circle .bar .progress{background:#FF5264} .demografia .kobieta-5 .circle .bar .progress,.demografia .mezczyzna-5 .circle .bar .progress{background:#3FE0DA} .demografia .kobieta-6 .circle .bar .progress,.demografia .mezczyzna-6 .circle .bar .progress{background:#000} .demografia .circle .left {transform: rotate(-360deg);} .demografia .circle .right {transform: rotate(-180deg);z-index:3;} .demografia .circle .left .progress{z-index:1;} .demografia .circle .right50 .progress{animation: right50 4s linear both; } @keyframes right50{ 100%{ transform: rotate(-180deg); } } .demografia .circle .left100 .progress{animation: left100 4s linear both; } @keyframes left100{ 100%{ transform: rotate(-180deg); } } .slider-button{display:table;width:100%;border-spacing:12px} .slider-button div{display:table-cell} .slider-button div span{display:block;background:var(--creme-white);height:10px;width:100%;border-radius:24px;cursor:pointer} .slider-button div span:not(.active){opacity:0.3}