Zawsze wiesz, co jest naprawdę istotne
Czwartek, 16 października
NOWE
"); } [class*="c-section"]:not([class*="__col-list"]) .c-article.is-quiz .o-article__image::before { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='width:auto;height:auto' viewBox='0 0 40 40'%3E%3Cstyle%3Epath{fill:%23fff}.st0{display:none}.st1{display:inline}%3C/style%3E%3Cpath d='M20 0C9 0 0 9 0 20s9 20 20 20 20-9 20-20S31 0 20 0m-7 23.8-1.4 1.1-.7-.9c-.5.2-1.1.4-1.7.4-2.6 0-4.4-2-4.4-4.6 0-2.7 1.8-4.7 4.4-4.7s4.4 2 4.4 4.7c0 1.3-.5 2.4-1.2 3.2zm9.6-3.2c0 2.5-1.5 3.8-3.9 3.8s-3.9-1.3-3.9-3.8v-5.3h2.3v5.1c0 1.3.6 1.9 1.6 1.9s1.6-.7 1.6-1.9v-5.1h2.3zm3.9 3.6h-2.4v-9h2.4zm1.5 0v-1.7l4.2-5.2H28v-2h7.1V17L31 22.2h4.2v2z' class='st2'/%3E%3Cpath d='M9.2 17.2c-1.2 0-2 1-2 2.6s.8 2.7 2 2.7h.4l-.7-.9 1.4-1.1.7.8c.1-.4.2-.9.2-1.5 0-1.6-.8-2.6-2-2.6' class='st2'/%3E%3C/svg%3E"); } .tile { display: flex; flex-wrap: wrap; font-family: robotocondensed; position: relative; transition: all 0.3s ease-in-out 0s; } .tile:hover { cursor: pointer; } .tile:hover .tile__image::after { bottom: 0px; } .tile:hover .tile__title { text-decoration: underline; } .tile__image { overflow: hidden; transition: filter 0.3s ease-in-out 0s; } .tile__content { display: flex; flex-direction: column; width: 100%; z-index: 2; } .tile__title { color: rgb(17, 17, 17); display: -webkit-box; font-size: 20px; font-weight: 700; line-height: 26px; max-height: 78px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.3s ease-in-out 0s; } .tile__title::before { background-color: rgb(190, 255, 150); color: rgb(17, 17, 17); content: ""; display: inline-block; font-family: robotocondensed; font-size: 14px; font-weight: 700; line-height: 14px; text-shadow: none; text-transform: uppercase; white-space: nowrap; } .tile__extraTitle { color: rgb(17, 17, 17); display: -webkit-box; font-size: 18px; line-height: 22px; margin-top: 5px; max-height: 44px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .tile__extraInfo { align-items: center; display: flex; } .tile__extraInfo.tile--partner .tile__signature { font-weight: 300; } .tile__signature { display: -webkit-box; font-family: oswald; font-size: 12px; font-weight: 400; line-height: 14px; max-height: 14px; overflow: hidden; text-transform: uppercase; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .tile__authorImage { align-items: center; border-radius: 50%; display: flex; height: 26px; justify-content: center; margin-right: 9px; overflow: hidden; position: relative; width: 26px; } .tile__authorImage img { height: 100%; position: relative; width: auto; z-index: 2; } .tile__plug { align-items: center; background-color: rgb(182, 245, 144); display: flex; height: 58px; justify-content: center; position: absolute; width: 58px; z-index: 1; } .tile__additionalInfo { color: rgb(117, 117, 117); font-size: 13px; font-weight: 600; line-height: 14px; margin-top: 5px; text-transform: uppercase; } .tile__additionalInfo--partner { font-weight: 400; } .tile--photo { height: 168px; width: 300px; } .tile--photo .tile__image { align-items: center; display: flex; height: 100%; justify-content: center; overflow: hidden; position: relative; transition: filter 0.3s ease-in-out 0s; width: 100%; } .tile--photo .tile__image::after { background: linear-gradient(rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.8)); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .tile--photo .tile__image img { height: 100%; width: auto; } .tile--photo .tile__content { bottom: 0px; display: flex; flex-direction: column; left: 0px; max-height: 196px; padding: 0px 15px 20px; position: absolute; width: 100%; } .tile--photo .tile__title { color: rgb(255, 255, 255); font-size: 18px; line-height: 23px; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } .tile--photo .tile__title::before { font-size: 14px; line-height: 16px; padding: 2px 0px 0px; } .tile--photo .tile__extraInfo { align-items: center; color: rgb(255, 255, 255); margin-top: 7px; } .tile--photo .tile--partner { font-weight: 400; } .tile--photo .tile__signature { color: rgb(255, 255, 255); } .tile--photo .tile__authorImage { height: 26px; margin-right: 10px; width: 26px; } .tile--photo.tile--sorrow .tile__title::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJQYXRoXzEwNzE0IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjkyLDE0Ljc3bC0xLjU5LDIuMiwyLjYzLDIuMTIuMzYuMjloLjAycy4yMy4xOS4yMy4xOWwuMTQtLjIzcy4wMi0uMDIuMDMtLjA0YzAsMCwxLjUtMi40LDIuNzUtNC40NC0uNzItMS4xOS0xLjQ3LTIuMzYtMi4yMS0zLjU0bC0yLjM1LDMuNDRaIi8+PHBhdGggaWQ9IlBhdGhfMTA3MTUiIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIyLDE2Ljk4bC00LjA5LTUuODZjLS4wNi0uMS0uMTItLjE5LS4xNy0uMjgtLjk2LTEuNi0yLjA0LTIuOTUtMi44NS00LjA5LS40LS41NC0uNzQtMS4xMS0xLjAyLTEuNzIuNTQtLjE4LDEuMTEtLjI2LDEuNjgtLjI0LjU3LS4wMiwxLjE0LjA2LDEuNjkuMjQtLjI4LjYxLS42MywxLjE4LTEuMDMsMS43Mi0uMTEuMTYtLjI0LjMzLS4zNi41LjQuNTQuODEsMS4wOCwxLjIsMS42Mi4zMy41Mi42NiwxLjA0LDEsMS41NS43Mi0uOTYsMS4xNy0yLjEsMS4yOS0zLjI5LS4wMy0uNDEtLjE1LS44MS0uMzUtMS4xN2gwcy0uOTgtMi4xNC0uOTgtMi4xNGMwLS4wMSwwLS4wMi0uMDEtLjAzaDBjLS41MS0uODgtMS40My0xLjQyLTIuNDMtMS40NWgwYy0xLjAxLjAzLTEuOTMuNTgtMi40MywxLjQ1LDAsLjAxLS4wMS4wMi0uMDEuMDNsLS45OCwyLjEzaDBjLS4yLjM3LS4zMi43Ny0uMzUsMS4xOCwwLDEuNzMsMS40OSwzLjQ4LDMuMDIsNi4wMy41Ny45NCwxLjQzLDIuMzQsMi4xOCwzLjU2bDEuNzQsMi44NiwzLjI4LTIuNjJaIi8+PC9zdmc+"); } .tile--link { padding-left: 20px; width: 300px; } .tile--link::before { background-color: rgb(255, 255, 255); border-radius: 50%; content: ""; height: 5px; left: 5px; position: absolute; top: 11px; width: 5px; } .tile--link:hover { box-shadow: none; } .tile--horizontal { height: 139px; width: 460px; } .tile--horizontal .tile__image { width: 202px; } .tile--horizontal .tile__content { background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); flex-direction: column; height: 100%; justify-content: space-between; padding: 15px; width: 258px; } .tile--horizontal .tile__title { font-size: 18px; } .tile--horizontal .tile__authorImage { height: 20px; margin-right: 10px; width: 20px; } .tile--special { border: 5px solid rgb(219, 219, 219); height: 296px; overflow: hidden; width: 300px; } .tile--special .tile__image { align-items: center; display: flex; height: 100%; justify-content: center; width: 100%; } .tile--special .tile__image::after { background: linear-gradient(rgba(13, 5, 5, 0), rgba(15, 11, 11, 0.486), rgb(17, 17, 17)); bottom: 0px; content: ""; height: 150px; position: absolute; width: 100%; } .tile--special .tile__image img { height: auto; max-width: 100%; } .tile--special .tile__content { bottom: 16px; left: 0px; padding: 0px 10px; position: absolute; } .tile--special .tile__title { color: rgb(255, 255, 255); font-family: roboto; font-weight: 900; } .tile--special .tile__extraInfo { color: rgb(255, 255, 255); margin-top: 10px; } .tile--ecom { border: 1px solid rgb(219, 219, 219); height: 296px; width: 300px; } .tile--ecom .tile__image { height: 165px; overflow: hidden; } .tile--ecom .tile__content { height: 129px; padding: 15px 15px 20px; } .tile--ecom .tile__title { font-size: 18px; font-weight: 700; line-height: 22px; max-height: 66px; } .tile--ecom .tile__extraInfo { color: rgb(117, 117, 117); margin: auto 0px 0px; } .tile--short { margin-top: 5px; width: 300px; } .tile--short .tile__image { height: 71px; width: 105px; } .tile--short .tile__image img { aspect-ratio: 1.48 / 1; } .tile--short .tile__content { width: 195px; } .tile--short .tile__title { font-size: 14px; height: 51px; line-height: 17px; -webkit-line-clamp: 3; margin-bottom: 10px; padding: 0px 0px 15px 15px; } .tile--short .tile__extraInfo { color: rgb(117, 117, 117); margin: auto 0px 0px 15px; } .tile--short .tile__signature { -webkit-line-clamp: 3; max-height: 28px; } .tile--author { align-items: center; background-color: rgb(245, 245, 245); height: 115px; overflow: visible; padding: 12px 11px 12px 15px; position: relative; width: 300px; } .tile--author:first-of-type::before, .tile--author:last-of-type::before { border-bottom: 10px solid rgb(246, 246, 246); border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; height: 0px; position: absolute; width: 0px; } .tile--author:first-of-type { margin-bottom: 20px; } .tile--author:first-of-type::before { border-bottom: 10px solid rgb(246, 246, 246); bottom: -8px; left: -6px; transform: rotate(-45deg); } .tile--author:last-of-type::before { right: -6px; top: -8px; transform: rotate(-225deg); } .tile--author .tile__image { display: none; } .tile--author .tile__title { font-size: 18px; line-height: 23px; margin-right: 8px; max-height: 69px; width: 206px; } .tile--author .tile__title::before { padding-bottom: 1px; padding-top: 3px; } .tile--author .tile__authorImage { background-color: rgb(190, 255, 150); height: 58px; position: absolute; right: 5px; top: 20px; width: 58px; } .tile--author .tile__authorImage::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyMi40NDMiIHZpZXdCb3g9IjAgMCAzMCAyMi40NDMiPgogIDxwYXRoIGlkPSJQYXRoXzEwODI0IiBkYXRhLW5hbWU9IlBhdGggMTA4MjQiIGQ9Ik02LjQ2Niw2LjExOWM2LjU2NS0uNTM0LDkuODQ3LTQuNzMzLDkuOTI0LTEyLjI5Vi0xNi4zMjRINC41NThWLTQuNTY4aDYuNTY1YzAsNC40MjctMi43NDgsNS45NTQtNS40Miw2LjY0MVptMTguMTY4LDBjNi41NjUtLjUzNCw5Ljg0Ny00LjczMyw5LjkyNC0xMi4yOVYtMTYuMzI0SDIyLjcyNlYtNC41NjhoNi41NjVjMCw0LjQyNy0yLjc0OCw1Ljk1NC01LjQyLDYuNjQxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuNTU4IDE2LjMyNCkiIGZpbGw9IiMxMTEiLz4KPC9zdmc+Cg=="); background-position: 50% center; background-repeat: no-repeat; background-size: 50%; content: ""; height: 58px; left: 0px; position: absolute; top: 0px; width: 58px; } .tile--author .tile__authorImage img { z-index: 2; } .tile--author .tile__signature { color: rgb(117, 117, 117); margin-top: 5px; } .tile--author:hover { cursor: pointer; } .tile--mt { grid-column: span 2; height: 293px; width: 100%; } .tile--mt .tile__image { overflow: hidden; } .tile--mt .tile__image img { height: auto; width: 100%; } .tile--mt .tile__title { font-family: roboto; font-size: 24px; font-weight: 900; max-height: 186px; -webkit-line-clamp: 6; line-height: 31px; } .tile--mt .tile__title::before { font-size: 17px; line-height: 21px; padding: 1px 0px 0px; } .tile--mt .tile__content:has(.tile__authorImage) { padding: 0px 15px 15px; } .tile--standard { border-bottom: 1px solid rgb(219, 219, 219); height: 250px; width: 300px; } .tile--standard:hover { border-color: rgb(190, 255, 150); } .tile--standard .tile__image { height: 124px; width: 100%; } .tile--standard .tile__content { flex-direction: column; height: 126px; justify-content: space-between; padding: 10px 0px; } .tile--standard .tile__title { font-size: 18px; height: 69px; line-height: 23px; -webkit-line-clamp: 3; } .tile--standard .tile__title::before { padding: 3px 0px 1px; } .tile--standard .tile__extraInfo { min-height: 28px; } .tile--standard .tile__signature { color: rgb(117, 117, 117); max-height: 28px; -webkit-line-clamp: 2; } .tile--standard.tile--sorrow .tile__title { color: rgb(17, 17, 17); } .tile--special .tile__title::before { padding: 3px 0px 1px; } .tile--split .tile--premium .tile__authorImage { border: 1px solid rgb(223, 208, 171); } .tile--analysis .tile__title::before, .tile--conversation .tile__title::before, .tile--history .tile__title::before, .tile--live .tile__title::before, .tile--new .tile__title::before, .tile--onlyHere .tile__title::before, .tile--opinion .tile__title::before, .tile--podcast .tile__title::before, .tile--premium .tile__title::before, .tile--radiozet .tile__title::before, .tile--reportage .tile__title::before, .tile--review .tile__title::before, .tile--sorrow .tile__title::before, .tile--testing .tile__title::before, .tile--tokfm .tile__title::before, .tile--urgent .tile__title::before, .tile--wyborcza .tile__title::before, .tile--yourVoice .tile__title::before { margin-right: 10px; padding-left: 4px; padding-right: 4px; } .tile--live .tile__title::before, .tile--urgent .tile__title::before { background-color: rgb(236, 81, 81); color: rgb(255, 255, 255); } .tile--premium .tile__title::before { background-color: rgb(223, 208, 171); padding-bottom: 1px; padding-top: 3px; } .tile--premium .tile__image { border: 2px solid rgb(223, 208, 171); } .tile--premium .tile__image::after { background: linear-gradient(rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.55) 70%, rgba(78, 76, 72, 0.8)) !important; } .tile--premium .tile--author .tile__image { border: 1px solid rgb(223, 208, 171); } .tile--premium.tile--photo .tile__title::before { padding-bottom: 0px; padding-top: 2px; } .tile--sorrow .tile__title { color: rgb(255, 255, 255); } .tile--sorrow .tile__title::before { background-color: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxMTE7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJQYXRoXzEwNzE0IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjkyLDE0Ljc3bC0xLjU5LDIuMiwyLjYzLDIuMTIuMzYuMjloLjAycy4yMy4xOS4yMy4xOWwuMTQtLjIzcy4wMi0uMDIuMDMtLjA0YzAsMCwxLjUtMi40LDIuNzUtNC40NC0uNzItMS4xOS0xLjQ3LTIuMzYtMi4yMS0zLjU0bC0yLjM1LDMuNDRaIi8+PHBhdGggaWQ9IlBhdGhfMTA3MTUiIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIyLDE2Ljk4bC00LjA5LTUuODZjLS4wNi0uMS0uMTItLjE5LS4xNy0uMjgtLjk2LTEuNi0yLjA0LTIuOTUtMi44NS00LjA5LS40LS41NC0uNzQtMS4xMS0xLjAyLTEuNzIuNTQtLjE4LDEuMTEtLjI2LDEuNjgtLjI0LjU3LS4wMiwxLjE0LjA2LDEuNjkuMjQtLjI4LjYxLS42MywxLjE4LTEuMDMsMS43Mi0uMTEuMTYtLjI0LjMzLS4zNi41LjQuNTQuODEsMS4wOCwxLjIsMS42Mi4zMy41Mi42NiwxLjA0LDEsMS41NS43Mi0uOTYsMS4xNy0yLjEsMS4yOS0zLjI5LS4wMy0uNDEtLjE1LS44MS0uMzUtMS4xN2gwcy0uOTgtMi4xNC0uOTgtMi4xNGMwLS4wMSwwLS4wMi0uMDEtLjAzaDBjLS41MS0uODgtMS40My0xLjQyLTIuNDMtMS40NWgwYy0xLjAxLjAzLTEuOTMuNTgtMi40MywxLjQ1LDAsLjAxLS4wMS4wMi0uMDEuMDNsLS45OCwyLjEzaDBjLS4yLjM3LS4zMi43Ny0uMzUsMS4xOCwwLDEuNzMsMS40OSwzLjQ4LDMuMDIsNi4wMy41Ny45NCwxLjQzLDIuMzQsMi4xOCwzLjU2bDEuNzQsMi44NiwzLjI4LTIuNjJaIi8+PC9zdmc+"); height: 20px; margin-right: 5px; padding: 0px; position: relative; top: 3px; width: 20px; } .tile--sorrow .tile__additionalInfo { color: rgb(255, 255, 255); } .tile--sorrow .tile__image img { filter: grayscale(1); } .tile--split .tile--sorrow .tile__title { color: rgb(17, 17, 17); } .tile--split .tile--sorrow .tile__title::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxMTE7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJQYXRoXzEwNzE0IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjkyLDE0Ljc3bC0xLjU5LDIuMiwyLjYzLDIuMTIuMzYuMjloLjAycy4yMy4xOS4yMy4xOWwuMTQtLjIzcy4wMi0uMDIuMDMtLjA0YzAsMCwxLjUtMi40LDIuNzUtNC40NC0uNzItMS4xOS0xLjQ3LTIuMzYtMi4yMS0zLjU0bC0yLjM1LDMuNDRaIi8+PHBhdGggaWQ9IlBhdGhfMTA3MTUiIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIyLDE2Ljk4bC00LjA5LTUuODZjLS4wNi0uMS0uMTItLjE5LS4xNy0uMjgtLjk2LTEuNi0yLjA0LTIuOTUtMi44NS00LjA5LS40LS41NC0uNzQtMS4xMS0xLjAyLTEuNzIuNTQtLjE4LDEuMTEtLjI2LDEuNjgtLjI0LjU3LS4wMiwxLjE0LjA2LDEuNjkuMjQtLjI4LjYxLS42MywxLjE4LTEuMDMsMS43Mi0uMTEuMTYtLjI0LjMzLS4zNi41LjQuNTQuODEsMS4wOCwxLjIsMS42Mi4zMy41Mi42NiwxLjA0LDEsMS41NS43Mi0uOTYsMS4xNy0yLjEsMS4yOS0zLjI5LS4wMy0uNDEtLjE1LS44MS0uMzUtMS4xN2gwcy0uOTgtMi4xNC0uOTgtMi4xNGMwLS4wMSwwLS4wMi0uMDEtLjAzaDBjLS41MS0uODgtMS40My0xLjQyLTIuNDMtMS40NWgwYy0xLjAxLjAzLTEuOTMuNTgtMi40MywxLjQ1LDAsLjAxLS4wMS4wMi0uMDEuMDNsLS45OCwyLjEzaDBjLS4yLjM3LS4zMi43Ny0uMzUsMS4xOCwwLDEuNzMsMS40OSwzLjQ4LDMuMDIsNi4wMy41Ny45NCwxLjQzLDIuMzQsMi4xOCwzLjU2bDEuNzQsMi44NiwzLjI4LTIuNjJaIi8+PC9zdmc+"); top: 5px; } .tile--new .tile__title::before { content: "Nowe"; } .tile--onlyHere .tile__title::before { content: "Tylko u nas"; } .tile--tokfm .tile__title::before { content: "TOKFM.PL"; } .tile--wyborcza .tile__title::before { content: "WYBORCZA.PL"; } .tile--radiozet .tile__title::before { content: "RADIOZET.PL"; } .tile--analysis .tile__title::before { content: "Analiza"; } .tile--opinion .tile__title::before { content: "Opinia"; } .tile--review .tile__title::before { content: "Recenzja"; } .tile--conversation .tile__title::before { content: "Wywiad"; } .tile--podcast .tile__title::before { content: "Podcast"; } .tile--reportage .tile__title::before { content: "Reportaż"; } .tile--history .tile__title::before { content: "Historia"; } .tile--testing .tile__title::before { content: "Testujemy"; } .tile--yourVoice .tile__title::before { content: "Wasz głos"; } .tile--urgent .tile__title::before { content: "Pilne"; } .tile--live .tile__title::before { content: "Na żywo"; } .tile--premium .tile__title::before { content: "PREMIUM"; } .o-main-navigation__nav ul { position: relative; } .o-main-navigation__nav [class*="o-button"][class*="__arrow-small"] { left: 5px; } .o-main-navigation__nav .nav-dropdown { position: absolute; right: -10px; top: 0px; } body { padding-top: 100px; transition: padding-top 0.7s ease 0s; } .navigation { background-color: rgb(255, 255, 255); position: fixed; top: 0px; width: 100%; z-index: 1000001; } .navigation--partner .navigation__mainNav { max-width: 520px; } .navigation--partner .navigation__mainIconsLink { padding: 0px 17px; } .navigation--partner .navigation__mainIconsLink.greenIcon { padding: 0px 27px; } .navigation--partner img { height: 50px; width: auto; } .navigation--smallVersion { box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px; } .navigation--smallVersion .navigation__box { height: 50px; } .navigation--smallVersion .navigation__logo a, .navigation--smallVersion .navigation__logo svg { height: 50px; max-width: 120px; } .navigation--smallVersion .navigation__logo img { height: 28px; } .navigation--smallVersion .navigation__partner { align-items: center; display: flex; height: 100%; transition: all 0.2s ease-out 0s; } .navigation--smallVersion .navigation__partner img { height: 28px; width: auto; } .navigation--smallVersion .navigation__partner a { max-height: 28px; } .navigation--smallVersion .navigation__logo img, .navigation--smallVersion .navigation__partner img { image-rendering: -webkit-optimize-contrast; } .navigation--smallVersion .navigation__mainIcons span { display: none; } .navigation--smallVersion .navigation__mainIcons a[data-option="nav_tooltip_wyborcza"] span { display: block; } .navigation--smallVersion .navigation__mainIcons a[data-option="nav_tooltip_wyborcza"] .disappearingTooltip { bottom: -27px; } .navigation--smallVersion .navigation__mainIcons svg { top: 0px; } .navigation--smallVersion .navigation__mainIconsLink, .navigation--smallVersion .navigation__mainIconsLink.greenIcon { padding: 0px 15px; } .navigation--hiddenVersion { transform: translateY(-50px); } .navigation.navigation--partner.navigation--smallVersion .greenIcon, .navigation.navigation--partner.navigation--smallVersion .navigation__mainIconsLink { padding: 0px 15px; } .navigation__box { align-items: center; display: flex; height: 100px; margin: 0px auto; transition: height 0.2s ease-out 0s; width: 1300px; } .navigation__box > * { overflow: hidden; } .navigation__logo { height: 50px; margin: 0px 20px; max-width: 126px; transition: all 0.4s ease-in-out 0s; } .navigation__logo img { height: 50px; max-width: 126px; width: auto; } .navigation__logo a { align-items: center; display: flex; height: 100%; transition: all 0.2s ease-out 0s; } .navigation__logo svg { position: relative; top: 0px; transition: all 0.3s ease-out 0s; width: 210px; } .navigation__HPLogo { height: 50px; } .navigation__partner { height: 50px; margin: 0px 20px; max-width: 200px; padding: 0px; } .navigation__partner img { height: 100%; object-fit: contain; width: 100%; } .navigation__mainNav { flex: 1 1 0%; flex-wrap: wrap; justify-content: start; padding: 0px 0px 0px 20px; position: relative; } .navigation__links, .navigation__mainNav { align-items: center; display: flex; height: 50px; } .navigation__links { color: rgb(17, 17, 17); font-family: oswald; font-size: 16px; font-weight: 400; line-height: 19px; padding: 0px 10px; text-transform: uppercase; } .navigation__links--cycles { font-weight: 700; padding: 0px 20px 0px 0px; position: relative; } .navigation__links--cycles:hover { cursor: pointer; } .navigation__links--cycles::after { border-color: red transparent transparent; border-style: solid; border-width: 5px 4.5px 0px; content: ""; height: 0px; margin: auto; position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 0px; } .navigation__links--cycles.show::after { transform: translateY(-50%) rotate(180deg); } .navigation__links--dropDownButton { align-items: center; display: flex; font-family: oswald; font-size: 16px; font-weight: 700; gap: 10px; height: 100%; justify-content: center; padding-left: 10px; text-transform: uppercase; } .navigation__links--dropDownButton:hover { cursor: pointer; } .navigation__mainIcons { display: flex; height: 100%; margin-left: auto; overflow: visible; padding: 0px 20px; } .navigation__mainIcons span { left: 0px; padding-top: 5px; position: relative; top: 0px; } .navigation__mainIcons svg { height: 22px; position: relative; top: -10px; width: 22px; } .screeningADFP .navigation__mainIcons { left: 1px; position: relative; } .navigation__mainIconsImg { height: 22px; margin-bottom: 0px; width: 22px; } .navigation__mainIconsLink { align-items: center; color: rgb(17, 17, 17); display: flex; flex-direction: column; font-family: roboto; font-size: 11px; height: 100%; justify-content: center; padding: 0px 21px; position: relative; } .navigation__mainIconsLink.greenIcon { background-color: rgb(245, 245, 245); font-weight: 700; padding: 0px 37px; } .navigation__cyclesBoxListOverlay { border-bottom: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12); height: 0px; visibility: hidden; width: 100%; } .navigation__cyclesBoxList { background: rgb(255, 255, 255); display: flex; margin: 0px auto; position: sticky; top: 100px; width: 1300px; } .navigation__cyclesBoxList img { height: auto; max-height: 50px; max-width: 56px; } .navigation__cyclesList { padding: 0px 10px 12.5px; width: 300px; } .navigation__cyclesElement:hover .navigation__photo { filter: brightness(1.07) contrast(1.07); } .navigation__cyclesElement:hover .navigation__details { opacity: 0.7; } .navigation__cyclesPhoto { transition: filter 0.2s ease-out 0s; } .navigation__cyclesTitle { font-weight: 600; line-height: 1; min-height: 40px; padding: 20px 0px 12.5px; text-transform: uppercase; } .navigation__cyclesDetails { transition: opacity 0.2s ease-out 0s; width: 100%; } .navigation__cyclesName { line-height: 1; margin: 0px 0px -1px; } .navigation__cyclesDate { line-height: 1.1; padding: 3px 0px 0px; } [data-option="nav_tooltip_wyborcza"] { position: relative; } [data-option="nav_tooltip_wyborcza"]:hover .disappearingTooltip { opacity: 1; z-index: 2; } [data-option="nav_tooltip_wyborcza"] span { background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); cursor: pointer; font-family: robotocondensed; font-size: 12px; font-weight: 700; line-height: 14px; padding: 6px 12px; text-align: center; text-transform: uppercase; transition: opacity 0.3s ease-in-out 0s; white-space: nowrap; z-index: 2; } [data-option="nav_tooltip_wyborcza"] span:hover { opacity: 0.8; } [data-option="nav_tooltip_wyborcza"] .navigation__mainIconsImg { display: none; } .disappearingTooltip { background-color: rgb(112, 112, 112); bottom: -2px; color: rgb(255, 255, 255); font-size: 11px; font-weight: 400; line-height: 15px; padding: 8px 12px; white-space: nowrap; } .disappearingTooltip, .disappearingTooltip::before { position: absolute; right: 15px; transition: all 0.3s ease-in-out 0s; } .disappearingTooltip::before { border-bottom: 9px solid rgb(112, 112, 112); border-left: 0px solid transparent; border-right: 9px solid transparent; content: ""; height: 0px; top: -7px; width: 0px; } .disappearingTooltip--hidden { opacity: 0; z-index: -1; } .navigation__breakpoint { height: 0px; width: 0px; } .navigation__breakpoint--1 { position: absolute; top: 0px; } .navigation__breakpoint--2 { bottom: 0px; position: sticky; } .player { border-bottom: 1px solid rgb(219, 219, 219); position: relative; } .player:hover { border-bottom: 1px solid rgb(190, 255, 150); } .player:hover .player__title { text-decoration: underline; } .player svg { height: 100%; left: 0px; position: absolute; top: 1px; z-index: 1; } .player__titleBox { align-self: self-start; background-color: rgb(255, 255, 255); padding: 13px 15px 15px; position: relative; width: 100%; } .player__title { display: -webkit-box; font-family: robotocondensed; font-size: 18px; font-weight: 700; line-height: 23px; overflow: hidden; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow-wrap: break-word; color: rgb(17, 17, 17); } .player__extraInfo { align-items: center; color: rgb(117, 117, 117); display: flex; font-family: oswald; font-size: 12px; font-weight: 400; justify-content: space-between; margin-top: 18px; position: relative; text-transform: uppercase; } .player__info { display: -webkit-box; line-height: 12px; max-height: 12px; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .player__share { bottom: 20px; color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 400; line-height: 14px; position: absolute; right: 20px; text-transform: uppercase; } .player__share::before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cdefs%3E%3Cstyle%3E.a{fill:%23666;}%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M14,14.275v2.188l4-3.738L14,9v2.125c-3.888.538-5.437,3.2-6,5.875C9.387,15.125,11.225,14.275,14,14.275Z' transform='translate(-8 -9)'/%3E%3C/svg%3E"); background-repeat: no-repeat; content: ""; display: inline-block; height: 8px; left: -5px; position: relative; width: 10px; } .player__plug { background-image: url(""); background-position: 50% center; background-size: cover; } .player--now { color: rgb(17, 17, 17); grid-area: 1 / 3; height: 293px; position: relative; transition: all 0.2s ease-out 0s; width: 300px; } .player--now #player--now { height: 169px; } .player--now .facebook_wrapper { background-color: rgb(17, 17, 17); height: 150px; width: 100%; } .player--now .player__titleBox { display: flex; flex-direction: column; height: 124px; justify-content: space-between; padding: 8px 0px 20px; } .player--now .player__title { height: 72px; -webkit-line-clamp: 3; } .player--now .player__business_type { align-items: center; color: rgb(117, 117, 117); display: -webkit-box; font-family: oswald; font-size: 12px; font-weight: 300; height: fit-content; line-height: 14px; text-transform: uppercase; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .player--now[data-playertype="fb"] .player__titleBox { height: 100px; } .player--big { background: rgb(245, 245, 245); border: 1px solid rgb(219, 219, 219); display: flex; grid-column: 2 / 5; grid-row-start: 1; height: 350px; overflow: hidden; transition: all 0.3s ease-in-out 0s; } .player--big .player__share { position: static; } .player--big #player--big { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjI2IiBoZWlnaHQ9IjM1MiIgdmlld0JveD0iMCAwIDYyNiAzNTIiPg0KICA8ZGVmcz4NCiAgICA8cmFkaWFsR3JhZGllbnQgaWQ9InJhZGlhbC1ncmFkaWVudCIgY3g9IjAuNSIgY3k9IjAuNSIgcj0iMC41IiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+DQogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNiZWZmOTYiLz4NCiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPg0KICAgIDwvcmFkaWFsR3JhZGllbnQ+DQogIDwvZGVmcz4NCiAgPGcgaWQ9Ikdyb3VwXzgxNzgiIGRhdGEtbmFtZT0iR3JvdXAgODE3OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxMSAtMTQxNTYpIj4NCiAgICA8ZyBpZD0idmlkZW8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcxNSAxNDMwMCkiPg0KICAgICAgPHJlY3QgaWQ9IkdyYWRpZW50X0JHIiBkYXRhLW5hbWU9IkdyYWRpZW50IEJHIiB3aWR0aD0iNjI2IiBoZWlnaHQ9IjM1MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQgLTE0NCkiIGZpbGw9InVybCgjcmFkaWFsLWdyYWRpZW50KSIvPg0KICAgIDwvZz4NCiAgICA8ZyBpZD0iR3JvdXBfNzk4NyIgZGF0YS1uYW1lPSJHcm91cCA3OTg3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5ODUgMTQyOTIpIiBvcGFjaXR5PSIwLjIiPg0KICAgICAgPHJlY3QgaWQ9ImJvdW5kcyIgd2lkdGg9IjgwIiBoZWlnaHQ9IjgwIiBmaWxsPSJub25lIi8+DQogICAgICA8cGF0aCBpZD0iUGF0aF83ODQiIGRhdGEtbmFtZT0iUGF0aCA3ODQiIGQ9Ik0zMCw1OCw1OCw0MCwzMCwyMlpNNDAsODBhMzguODkzLDM4Ljg5MywwLDAsMS0xNS42LTMuMTUyQTM5LjkxMiwzOS45MTIsMCwwLDEsMy4xNTIsNTUuNiwzOC44OTMsMzguODkzLDAsMCwxLDAsNDAsMzguODkzLDM4Ljg5MywwLDAsMSwzLjE1MiwyNC40LDM5LjkxMiwzOS45MTIsMCwwLDEsMjQuNCwzLjE1MiwzOC44OTMsMzguODkzLDAsMCwxLDQwLDAsMzguODkzLDM4Ljg5MywwLDAsMSw1NS42LDMuMTUyLDM5LjkxMiwzOS45MTIsMCwwLDEsNzYuODQ4LDI0LjQsMzguODkzLDM4Ljg5MywwLDAsMSw4MCw0MGEzOC44OTMsMzguODkzLDAsMCwxLTMuMTUyLDE1LjZBMzkuOTEyLDM5LjkxMiwwLDAsMSw1NS42LDc2Ljg0OCwzOC44OTMsMzguODkzLDAsMCwxLDQwLDgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIiBmaWxsPSIjMTExIi8+DQogICAgPC9nPg0KICA8L2c+DQo8L3N2Zz4NCg=="); background-position: 0px 50%; display: flex; justify-content: center; width: 620px; } .player--big .player__titleBox { background: linear-gradient(317deg, rgb(245, 245, 245), rgb(246, 246, 246), rgb(235, 255, 223)); border: none; display: flex; flex-direction: column; height: 100%; justify-content: flex-end; padding: 20px; position: relative; width: 320px; } .player--big .player__title { color: rgb(17, 17, 17); font-family: roboto; font-size: 24px; font-weight: 900; line-height: 29px; max-height: 116px; -webkit-line-clamp: 4; padding: 0px; } .player--big .player__lead { color: rgb(17, 17, 17); font-family: roboto; font-size: 15px; font-weight: 400; line-height: 22px; margin-top: 15px; max-height: 66px; -webkit-line-clamp: 3; } .player--big .player__lead, .player--big .player__smallTitle { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .player--big .player__smallTitle { color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 300; line-height: 14px; margin-top: 20px; max-height: 24px; max-width: 190px; text-transform: uppercase; -webkit-line-clamp: 2; } .player--big .facebook_wrapper { background-color: rgb(17, 17, 17); height: 348px; width: 620px; } .player--lifestyle .player__titleBox { height: 80px; padding: 8px 0px 15px; } .player--lifestyle .player__title { -webkit-line-clamp: 2; } .player > div > div ~ svg, [class*="c-section"] > ghmo { display: none; } [class*="c-section"] > * { float: left; margin: 0px 20px 20px 0px; } [class*="c-section"] [class*="__col-list"] { float: right; margin: 0px 20px 0px 0px; position: relative; width: 300px; } [class*="c-section"].is-left-side-list [class*="__col-list"] { float: left; } [class*="c-section"][class*="c-box"] > a { height: 250px; width: 300px; } [class*="c-section"].c-box--top > a:first-of-type { width: 940px; } [class*="c-section"].c-box--highest-right > a:first-of-type, [class*="c-section"].c-box--longest-right > a:first-of-type { float: right; } [class*="c-section"].c-box--longest-left > a:first-of-type, [class*="c-section"].c-box--longest-right > a:first-of-type { width: 620px; } [class*="c-section"].c-box--highest-left > a:first-of-type, [class*="c-section"].c-box--highest-right > a:first-of-type { height: 520px; } [class*="c-section"].grid--4-1 > a:last-child { margin-right: 0px; } [class*="c-section"].grid--4_2 { height: 520px; } [class*="c-section"].grid--4_3 { height: 790px; } [class*="c-section"].grid--4_4 { height: 1060px; } [class*="c-section"].grid--4_5 { height: 1330px; } [class*="c-section"] .o-section--header { width: 100%; } .c-section--gossip > a:nth-last-child(2), .c-section--lifestyle.grid--4-4-1 > a:nth-last-child(2), [class*="c-section"]:not([class*="__col-list"])[class*="c-box"] > a:last-child { margin-right: 0px; } .l-main > * { clear: left !important; } .has-exceptional-grid { margin: 0px; width: 960px; } .has-exceptional-grid a { float: left; height: 250px; margin: 0px 20px 20px 0px; width: 300px; } .grid--2-2 a:nth-child(2n+1) { margin-right: 0px; } @supports (display:grid) { .has-exceptional-grid > a, :not([class*="c-section"]) [class*="o-section"][class*="__adform"], [class*="c-section"] > * { margin: 0px; } } @supports not (display:grid) { [class*="c-section"]:not([class*="__col-list"]) [class*="o-section--header"], [class*="c-section"]:not([class*="__col-list"]).is-right-side-list [class*="o-section--header"] { margin-bottom: 20px !important; } [class*="c-section"][class*="grid"]:not([class*="__col-list"]) { z-index: 1; } [class*="c-section"][class*="grid"]:not([class*="__col-list"]) .c-section__col-list { position: absolute; right: 0px; top: 65px; } .grid--4-1.c-section--lifestyle, .grid--4-1.c-section--opening_c2c { height: 355px; } .grid--4-2.c-section--news { height: 890px; } .grid--4-2.c-section--sport-moto, .grid--4-2.c-section--wybo { height: 620px; } .grid--4-3.c-section--bis-tech, .grid--4-3.c-section--entertainment { height: 935px; } .grid--4-4-1.c-section--gossip, .grid--4-4-1.c-section--lifestyle, .grid--4-4-1.c-section--sport-moto { height: 1175px; } .o-section__game-head.is-loaded.is-animated .c-game--information { animation-name: none; } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { [class*="c-section"]:not([class*="__col-list"]) [class*="o-section--header"], [class*="c-section"]:not([class*="__col-list"]).is-right-side-list [class*="o-section--header"] { margin-bottom: 20px !important; } [class*="c-section"][class*="grid"]:not([class*="__col-list"]) { z-index: 1; } [class*="c-section"][class*="grid"]:not([class*="__col-list"]) .c-section__col-list { position: absolute; right: 0px; top: 65px; } .grid--4-1.c-section--lifestyle, .grid--4-1.c-section--opening_c2c { height: 355px; } .grid--4-2.c-section--news { height: 890px; } .grid--4-2.c-section--sport-moto, .grid--4-2.c-section--wybo { height: 620px; } .grid--4-3.c-section--bis-tech, .grid--4-3.c-section--entertainment { height: 935px; } .grid--4-4-1.c-section--gossip, .grid--4-4-1.c-section--lifestyle, .grid--4-4-1.c-section--sport-moto { height: 1175px; } .o-section__game-head.is-loaded.is-animated .c-game--information { animation-name: none; } [class*="c-section"]:not([class*="__col-list"]) .o-section--header h2 { z-index: 5; } .o-section__simple-news-list.o-section__simple-news-list { height: 100%; } [class*="c-section"] { overflow: hidden; } } @supports (display:grid) { [class*="c-section"] > * { margin: 0px; } } [class*="c-section"]:not([class*="__col-list"]) { background-color: rgb(255, 255, 255); margin: 0px auto; padding: 20px; } [class*="c-section"]:not([class*="__col-list"])[class*="c-box"] { padding-bottom: 20px; position: relative; width: 1300px; } [class*="c-section"]:not([class*="__col-list"])[class*="c-box"] > a { max-width: 100%; } [class*="c-section"]:not([class*="__col-list"]) .c-slide--headers li, [class*="c-section"]:not([class*="__col-list"]) h2 { position: relative; } [class*="c-section"]:not([class*="__col-list"]) .c-slide--headers li a, [class*="c-section"]:not([class*="__col-list"]) h2 a { color: rgb(17, 17, 17); display: block; font-size: 2rem; line-height: 1.188; transition: opacity 0.2s ease 0s; } [class*="c-section"]:not([class*="__col-list"]) .c-slide--headers li a::before, [class*="c-section"]:not([class*="__col-list"]) h2 a::before { bottom: 2px; content: ""; height: 10px; left: 0px; position: absolute; transition: width 0.8s cubic-bezier(0.2, 1, 0.3, 1) 0s; width: 60%; z-index: -1; } [class*="c-section"]:not([class*="__col-list"]) .c-slide--headers li:hover a::before, [class*="c-section"]:not([class*="__col-list"]) .c-slide--headers li:hover a[class*="--active-state"]::before, [class*="c-section"]:not([class*="__col-list"]) h2:hover a::before, [class*="c-section"]:not([class*="__col-list"]) h2:hover a[class*="--active-state"]::before { opacity: 0.8; width: 90%; } [class*="c-section"]:not([class*="__col-list"]) h3 { font-size: 1.5rem; font-weight: 600; line-height: 2; } .c-main-content { position: relative; } .businessType__label--sticky { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(219, 219, 219); color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 300; line-height: 14px; min-height: 31px; padding: 8px 0px 6px; position: sticky; text-align: left; text-transform: uppercase; top: -1px; z-index: 22; } .c-section--footer { color: rgb(117, 117, 117); display: flex; flex-direction: column; font-family: roboto; font-size: 12px; position: relative; text-align: center; width: 1242px; padding-top: 40px !important; } .c-section--footer .footer__copyright { border-top: 1px solid rgb(229, 229, 229); padding: 19px 0px; } .c-section--footer ul { display: flex; justify-content: center; } .c-section--footer ul a { font-size: 12px; padding: 10px 7px; transition: all 0.3s ease-in-out 0s; } .c-section--footer ul a:hover { background: none; text-decoration: underline; } .footerBox { border-top: 1px solid rgb(229, 229, 229); color: rgb(117, 117, 117); font-family: roboto; font-size: 12px; line-height: 16px; margin: 20px auto 0px; text-align: center; width: 100%; } .footerBox__top { margin: 20px auto; } .footerBox__bottom { margin-bottom: 20px; } .footerBox__link { font-weight: 700; } .l-main .c-section--publio-gallery { padding: 10px 20px 0px; } .c-section--publio-gallery { display: flex; flex-direction: column; position: relative; } .c-section--publio-gallery .o-section--header { align-items: center; display: flex; padding: 10px 0px; position: relative; margin-bottom: 0px !important; } .c-section--publio-gallery h2 { margin-top: 0px; } .c-section--publio-gallery h2 a { font-family: oswald; font-weight: 700; font-size: 24px !important; line-height: 26px !important; } .c-section--publio-gallery [class*="o-tags"] { z-index: 5; } .c-section--publio-gallery .publio-logo { height: 24px; position: absolute; right: 0px; width: 83px; } .c-section--publio-gallery .publio-logo img { height: 100%; } .sliderr--publio { border-bottom: 1px solid rgb(219, 219, 219); padding: 0px 0px 15px; width: 100%; } .sliderr--publio .sliderr__element { border: 1px solid rgb(219, 219, 219); margin: 0px 10px 5px; padding: 10px; text-align: center; transition: all 0.2s ease-out 0s; width: 174px; } .sliderr--publio .sliderr__element:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; filter: brightness(1.07) contrast(1.07); } .sliderr--publio .sliderr__element:first-child { margin: 0px 10px 5px 0px; } .sliderr--publio .sliderr__element:last-child { margin: 0px 0px 5px 10px; } .sliderr--publio .sliderr__photo { height: 231px; } .sliderr--publio .sliderr__photo img { height: 100%; } .sliderr--publio .sliderr__title { color: rgb(17, 17, 17); font-size: 14px; font-weight: 700; height: 50px; line-height: 16px; overflow: hidden; padding: 15px 5px; } .sliderr--publio .sliderr__smallTitle { color: rgb(236, 81, 81); font-family: roboto; font-size: 13px; line-height: 15px; margin: 0px; padding: 10px 0px 0px; } .sliderr--publio .sliderr__partner { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(229, 229, 229); color: rgb(153, 153, 153); font-size: 12px; padding: 8px 0px; text-align: right; text-transform: uppercase; z-index: 111; } .sliderr { background: rgb(255, 255, 255); } .o-tags, .sliderr { position: relative; } .o-tags { bottom: -3px; color: rgb(117, 117, 117); font-family: oswald; font-size: 15px; font-weight: 300; line-height: 22px; margin-left: 20px; } .o-tags li { background-color: rgb(242, 242, 242); cursor: pointer; display: inline-block; margin: 0px 10px 10px 0px; padding: 6px 8px; transition: background-color 0.2s ease 0s; } .o-tags li:nth-of-type(n+6) { display: none; } .o-tags li:hover a { color: rgb(17, 17, 17); transition: color 0.3s ease-in-out 0s; } .o-tags li a { color: rgb(117, 117, 117); } .horoscope__section { background: rgb(245, 245, 245); clip-path: polygon(15px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 15px); color: rgb(17, 17, 17); display: flex; grid-column: 1 / span 4; height: 60px; order: 101; z-index: 1; } .horoscope__section--showDescription .horoscope__description { display: flex; } .horoscope__section--showDescription .horoscope__mainTitleLink, .horoscope__section--showDescription .horoscope__signs { display: none; } .horoscope__mainTitle { font-family: oswald; font-size: 20px; font-weight: 700; } .horoscope__mainTitleLink { animation: 0.5s ease 0s 1 normal none running showElement; display: block; font-size: 20px; font-weight: 700; height: 100%; line-height: 20px; padding: 20px 30px 20px 15px; text-transform: uppercase; white-space: nowrap; } .horoscope__signs { animation: 0.5s ease 0s 1 normal none running showElement; display: flex; } .horoscope__sign { align-items: center; color: rgb(117, 117, 117); display: flex; flex-direction: column; font-family: robotocondensed; font-size: 11px; font-weight: 700; height: 60px; justify-content: center; margin: 0px 4px; padding: 0px; position: relative; transition: background-color 0.3s ease-out 0s; width: 70px; } .horoscope__sign:hover { background-color: rgb(229, 229, 229); cursor: pointer; } .horoscope__SVG svg:hover, .horoscope__SVG:hover { cursor: pointer; } .horoscope__title { text-transform: uppercase; } .horoscope__title:hover { cursor: pointer; } .horoscope__description { align-items: center; animation: 0.5s ease 0s 1 normal none running showElement; display: none; transition: all 0.3s ease-out 0s; width: 100%; } .horoscope__description svg { height: 32px; margin: 0px 15px; width: 32px; } .horoscope__description svg path { fill: rgb(17, 17, 17); } .horoscope__svgOfSing { align-items: center; display: flex; position: relative; top: -1px; } .horoscope__svgOfSing g rect { fill: rgb(17, 17, 17); } .horoscope__svgOfSing > svg > rect { fill: transparent; } .horoscope__nameOfSign { color: rgb(17, 17, 17); font-family: oswald; font-size: 20px; font-weight: 700; padding: 0px; text-transform: uppercase; width: auto; } .horoscope__changeButton { background: rgb(245, 245, 245); border: 1px solid rgb(204, 204, 204); border-radius: 14px; font-family: roboto; font-size: 11px; font-weight: 700; margin-left: 10px; padding: 6px 15px; text-transform: uppercase; transition: background 0.3s ease-out 0s; } .horoscope__changeButton:hover { background: rgb(255, 255, 255); cursor: pointer; } .horoscope__text { font-family: roboto; font-size: 14px; font-weight: 400; margin-left: 23px; padding: 0px; } .horoscope__readMore { background: rgb(190, 255, 150); color: rgb(17, 17, 17); font-family: robotocondensed; font-size: 12px; font-weight: 700; margin: 0px 15px 0px auto; padding: 6px 10px; text-transform: uppercase; transition: background 0.3s ease-out 0s; white-space: nowrap; } .horoscope__readMore:hover { background: rgb(17, 17, 17); color: rgb(255, 255, 255); cursor: pointer; } .scrolledGallery__moveWrapper { overflow-x: scroll; position: relative; scroll-behavior: smooth; scrollbar-width: none; } @supports (-ms-ime-align:auto) { .scrolledGallery__moveWrapper { } } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .scrolledGallery__moveWrapper { width: 5000px; } } .scrolledGallery__moveWrapper::-webkit-scrollbar { display: none; } .scrolledGallery__wrapper { position: relative; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .scrolledGallery__wrapper { overflow: hidden; } } .scrolledGallery__wrapper::after, .scrolledGallery__wrapper::before { content: ""; height: 100%; position: absolute; top: 0px; width: 100px; z-index: 10; } .scrolledGallery__wrapper::before { background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.5) 31%, rgba(255, 255, 255, 0)) 0px 0px no-repeat padding-box padding-box transparent; left: -1px; } .scrolledGallery__wrapper::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 31%, rgb(255, 255, 255)) 0px 0px no-repeat padding-box padding-box transparent; right: -1px; } .scrolledGallery__hideArrow--left .scrolledGallery__arrow--left, .scrolledGallery__hideArrow--right .scrolledGallery__arrow--right { display: none; } .scrolledGallery__hideArrow--left .scrolledGallery__wrapper::before, .scrolledGallery__hideArrow--right .scrolledGallery__wrapper::after { content: unset; } .scrolledGallery__arrow { background: rgb(17, 17, 17); display: block; height: 40px; position: absolute; top: calc(50% - 20px); transition: all 0.2s ease-out 0s; width: 20px; z-index: 11; cursor: pointer !important; } .scrolledGallery__arrow::before { border-color: rgb(255, 255, 255); border-style: solid; border-width: 2px 2px 0px 0px; inset: 0px; content: ""; height: 8px; margin: auto; position: absolute; width: 8px; } .scrolledGallery__arrow:hover { background: rgb(153, 153, 153); } .scrolledGallery__arrow--left::before { left: 5px; transform: rotate(225deg); } .scrolledGallery__arrow--right { right: 0px; } .scrolledGallery__arrow--right::before { left: -4px; transform: rotate(45deg); } .scrolledGallery__box { display: inline-flex; transition: all 0.2s ease-out 0s; } @media (-ms-high-contrast:active), (-ms-high-contrast:none) { .scrolledGallery__box { width: 5000px; } } .l-main > .o-section__adform { background: rgb(243, 243, 243); margin: auto; position: relative; } .l-main > .o-section__adform.activeBan { background: rgb(255, 255, 255); border: none; } .l-main > .o-section__adform.activeBan span { background-color: rgb(255, 255, 255); } .is-top-ban .adviewDFPBanner.activeBan, .l-main .c-main-content > .o-section__adform .adviewDFPBanner.activeBan, .l-main > .o-section__adform .adviewDFPBanner.activeBan, .mtpromo-gallery .o-section__adform .adviewDFPBanner.activeBan { padding: 1px 0px 20px; } .mtpromo-gallery .o-section__adform { margin-bottom: 30px !important; } .activeBan .banLabel { display: block !important; } #adUnit-201-PREMIUMBOARD .banLabel { display: none !important; } .premiumBoardType--flat { padding-top: 0px; } #ban71 .banLabel, .banB103 .banLabel { display: none !important; } .adviewDFPBanner { margin-top: 0px; } .adviewDFPBanner.DFP-076-MAINBUTTON-MOBI.activeBan, .adviewDFPBanner.DFP-076-MAINBUTTON.activeBan, .adviewDFPBanner.DFP-111-BIZBUTTON-MOBI.activeBan, .adviewDFPBanner.DFP-111-BIZBUTTON.activeBan { margin-top: 20px; position: relative; } [class*="c-section"] .banLabel { position: absolute; top: -20px; } .c-section--on_time .on-time_header .adviewDFPBanner, .c-section--on_time .on-time_header .on-time_partner-box { float: right; padding: 0px 20px 0px 0px; position: relative; top: 50%; transform: translateY(-50%); } .dfp-video-bg .l-main, .screeningADFP .l-main { margin: 0px auto; width: 1300px; } .dfp-video-bg .is-top-ban, .screeningADFP .is-top-ban { background: none !important; } .dfp-video-bg .l-main > .o-section__adform, .screeningADFP .l-main > .o-section__adform { width: 1300px; } .DFP-ContentBizBackground { background-position: center top; background-repeat: no-repeat; cursor: pointer; left: 0px; position: absolute; width: 100%; z-index: 0; } .DFP-ContentBizBackground:hover { cursor: pointer; } .DFP-200-PARTNER { position: relative; } .o-section--header-special .DFP-200-PARTNER .banLabel { display: none !important; } .customPixel, .gemiusPixel { height: 1px; left: 0px; position: absolute; top: 0px; width: 1px; } .o-section__adform { z-index: 1; } .motoboard { margin-left: auto; margin-right: auto; width: min-content; } .motoboard__banLabel { max-width: 100%; } .motoboard__img { width: auto; } #adUnit-200-PARTNER-4 .banLabel { display: none !important; } #adUnit-019-TOPLAYER.activeBan, #adUnit-201-PREMIUMBOARD.activeBan { display: block; min-height: 50px; opacity: 0; position: fixed; top: 0px; } .screeningADFP #adUnit-000-MAINBOARD { margin-bottom: 0px !important; } #DFP_PREMIUMBOARD.premiumBoardHidden { min-height: 0px; } .DFP-premiumBoardLoadedAds .DFP-premiumBoardReservedPlace { height: 120px; } .weatherWidget .banLabel { position: absolute; top: -25px; } .ad-paralax-wrapper { pointer-events: auto; position: sticky; top: 52px; z-index: 0; } .DFP-premiumBoardLoadedAds .ad-paralax-wrapper { top: 110px; } .ad-paralax-wrapper #div-gpt-ad-001-TOPBOARD-0 { margin-top: 20px; } .ad-paralax-wrapper #adUnit-001-TOPBOARD { flex-direction: column; display: flex !important; padding: 0px !important; } .ad-paralax-wrapper #adUnit-001-TOPBOARD .banLabel { margin-left: 0px !important; } .adWrapper:has(#adUnit-000-MAINBOX) { z-index: 11; } .ad-paralax-wrapper:has(iframe[style*="absolute"]) { z-index: 11; } .stickyAD.adviewDFPBanner { position: sticky !important; top: 55px; } .mainMenu { background-color: rgb(255, 255, 255); height: 100%; left: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; opacity: 0; position: fixed; right: 0px; scrollbar-color: transparent transparent; top: 0px; z-index: -1; margin-top: 0px !important; width: 100% !important; } .mainMenu ::-webkit-scrollbar { width: 6px; } .mainMenu ::-webkit-scrollbar, .mainMenu ::-webkit-scrollbar-thumb { background-color: rgb(255, 255, 255); border-radius: 3px; } .mainMenu:hover { scrollbar-color: rgb(193, 193, 193) rgb(241, 241, 241); } .mainMenu:hover ::-webkit-scrollbar { background-color: rgb(241, 241, 241); } .mainMenu:hover ::-webkit-scrollbar-thumb { background-color: rgb(193, 193, 193); } .mainMenu.is-layer--hidden { padding: 0px; } .mainMenu__container { background-color: rgb(17, 17, 17); } .mainMenu .o-main-navigation__image { margin: 0px auto; max-width: 1240px; padding: 25px 0px; position: relative; } .mainMenu .o-main-navigation__image svg { height: 50px; width: auto; } .mainMenu__allLinks { background-color: rgb(255, 255, 255); display: block; float: none; height: 90vh; margin: 0px auto; max-width: 1240px; overflow: hidden scroll; scrollbar-width: thin; padding-left: 0px !important; padding-right: 0px !important; padding-top: 0px !important; } .mainMenu__mainLinks { font-weight: 700; margin: 0px; padding: 20px 0px 40px; width: 100%; float: left !important; } .mainMenu__iconLinks { align-items: center; display: flex; justify-content: center; margin-bottom: 40px; } .mainMenu__iconLink { align-items: center; display: flex; font-family: oswald; font-size: 18px; font-weight: 700; margin-right: 40px; } .mainMenu__iconLink svg { margin-right: 5px; position: relative; } .mainMenu__iconLink:first-of-type svg { height: 16px; top: 1px; width: 24px; } .mainMenu__iconLink:nth-of-type(2) svg { height: 24px; top: 5px; width: 15px; } .mainMenu__iconLink:nth-of-type(3) svg { height: 18px; top: 2px; width: 18px; } .mainMenu__iconLink:hover { color: rgba(34, 34, 34, 0.8); transition: all 0.2s ease-out 0s; } .mainMenu__iconLink img { height: 20px; margin-right: 8px; width: 20px; } .mainMenu__serviceLinks { display: flex; font-family: oswald; font-size: 20px; font-weight: 700; gap: 20px; justify-content: center; text-align: center; text-transform: uppercase; } .mainMenu__serviceLink { text-decoration: underline 0.5px transparent; text-decoration-skip-ink: auto; text-underline-offset: 2px; transition: text-decoration-color 0.3s ease-in-out 0s; } .mainMenu__serviceLink:hover { text-decoration-color: rgb(17, 17, 17); } .mainMenu__columns { border-bottom: 1px solid rgb(229, 229, 229); display: flex; flex-wrap: wrap; width: 100%; } .mainMenu__column { display: flex; flex-direction: column; margin-bottom: 22px; width: 20%; } .mainMenu__column--firstRow { margin-top: 40px; } .mainMenu__columnHeader { font-family: oswald; font-weight: 500; padding-bottom: 15px; text-transform: uppercase; font-size: 20px !important; line-height: 26px !important; } .mainMenu__columnHeader--singleTopic { width: 100%; } .mainMenu__link { font-family: roboto; font-size: 14px; line-height: 26px; } .mainMenu__link:hover { color: rgba(34, 34, 34, 0.8); transition: all 0.2s ease-out 0s; } .mainMenu__closeBottomContainer { width: 100%; } .mainMenu__closeBottomBtn { background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); display: block; font-family: robotocondensed; font-size: 12px; font-weight: 700; margin-left: auto; margin-right: 0px; margin-top: 20px; padding: 8px 15px 6px; text-transform: uppercase; width: fit-content; } .mainMenu__closeTopBtn { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPGcgaWQ9Ikdyb3VwXzY4OTUiIGRhdGEtbmFtZT0iR3JvdXAgNjg5NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjgwMyAxNDg4OSkiPg0KICAgIDxwYXRoIGlkPSJjbG9zZV8yNGRwXzAwMDAwMF9GSUxMMV93Z2h0NDAwX0dSQUQwX29wc3oyNCIgZD0iTTIwMi03NDBsLTItMiw4LTgtOC04LDItMiw4LDgsOC04LDIsMi04LDgsOCw4LTIsMi04LThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzAwMSAtMTQxMjcpIiBmaWxsPSIjZmZmIi8+DQogICAgPGcgaWQ9Ikdyb3VwXzY4OTQiIGRhdGEtbmFtZT0iR3JvdXAgNjg5NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI4MDMgLTE0ODg5KSI+DQogICAgICA8cmVjdCBpZD0iYm91bmRzIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K"); background-repeat: no-repeat; float: right; font-size: 1rem; font-weight: 600; height: 25px; line-height: 1.668; padding: 8px 0px; position: relative; right: 15px; text-align: center; text-transform: uppercase; top: 50%; transform: translateY(50%); width: 25px; } .newspapers { background: rgb(255, 255, 255); margin: 0px auto; padding: 10px 20px 20px; position: relative; width: 1300px; } .newspapers__sectionTitle { color: rgb(17, 17, 17); font-size: 24px; font-weight: 700; padding: 0px; text-transform: uppercase; } .sliderr--newspapers { margin: 0px auto; width: 100%; } .sliderr--newspapers .sliderr__element { border: 1px solid rgb(219, 219, 219); display: block; margin: 0px 10px 5px; transition: all 0.2s ease-out 0s; width: 265px; } .sliderr--newspapers .sliderr__element:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; filter: brightness(1.07) contrast(1.07); } .sliderr--newspapers .sliderr__element:first-child { margin: 0px 10px 5px 0px; } .sliderr--newspapers .sliderr__element:last-child { margin: 0px 0px 5px 10px; } .sliderr--newspapers .sliderr__photo { height: 377px; overflow: hidden; } .sliderr--newspapers .sliderr__smallTitle { color: rgb(17, 17, 17); font-size: 20px; font-weight: 600; height: 25px; margin: 15px 0px; overflow: hidden; text-align: center; text-transform: uppercase; } .sliderr--newspapers .sliderr__partner { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(229, 229, 229); color: rgb(153, 153, 153); font-size: 12px; padding: 3px 0px 8px; text-align: right; text-transform: uppercase; z-index: 111; } .sliderr--newspapers .sliderr__wrapper { border-bottom: 1px solid rgb(219, 219, 219); padding-bottom: 15px; } .newspapers .partner__brandingBackground { height: 780px; left: 0px; margin-top: -137px; overflow: hidden; position: absolute; width: calc(-17px + 100vw); } @media (max-width: 1280px) { .newspapers .partner__brandingBackground { left: 0px; width: calc(-17px + 100vw); } } .newspapers .partner__link { background-repeat: no-repeat; background-size: contain; height: 780px; left: calc(-968px + 50vw); position: absolute; width: 1920px; } @media (max-width: 1930px) { .newspapers .partner__link { left: calc(-968px + 50vw); } } @media (max-width: 1320px) { .newspapers .partner__link { left: calc(-968px + 50vw); } } @media (max-width: 1280px) { .newspapers .partner__link { left: -312px; } } .newspapers.sectionTiles--partner { margin-bottom: 150px; margin-top: 150px; } .newspapers.sectionTiles--partner .newspapers__sectionTitle { background: rgb(255, 255, 255); margin-top: 5px; position: relative; } .newspapers .sliderr__partner { border-bottom-color: rgb(255, 255, 255); } .salesModule { display: grid; gap: 0px 20px; box-sizing: content-box; grid-template-columns: repeat(3, 1fr); padding-bottom: 20px; width: 1260px; } .salesModule, .salesModule__wrapper { background: rgb(255, 255, 255); margin: auto; position: relative; } .salesModule__wrapper { padding: 12px 20px 0px; width: 1300px; } .salesModule__wrapper.lifestyle_ecom .salesModule__header h3 a { z-index: 2; } .salesModule__wrapper.lifestyle_ecom .salesModule__header h3 a::after { background: linear-gradient(45deg, rgb(2, 222, 177), rgb(39, 193, 188)); } .salesModule__wrapper:not(:has(.businessType__label--sticky)) .salesModule__header { background-color: rgb(255, 255, 255); position: sticky; top: 0px; z-index: 1; } .salesModule ghmo { position: absolute; } .salesModule__adsPlug { background-color: rgba(0, 0, 0, 0.02); background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDQiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0NCA3MiI+CiAgPHBhdGggaWQ9IlBhdGhfMTIyNiIgZGF0YS1uYW1lPSJQYXRoIDEyMjYiIGQ9Ik0zLjQtMi45MjNIMS43NTJWLS4wNzlILjgydi03LjAzSDMuMTQ4YTIuNzU1LDIuNzU1LDAsMCwxLDEuODI3LjU0MSwxLjk0NiwxLjk0NiwwLDAsMSwuNjQsMS41NzRBMS44OTMsMS44OTMsMCwwLDEsNS4yNi0zLjg1YTIuMTE4LDIuMTE4LDAsMCwxLS45ODcuNzI5TDUuOTI0LS4xMzd2LjA1OEg0LjkyOVpNMS43NTItMy42ODFIMy4xNzdhMS42MDcsMS42MDcsMCwwLDAsMS4xLS4zNThBMS4yMSwxLjIxLDAsMCwwLDQuNjgzLTVhMS4yNzUsMS4yNzUsMCwwLDAtLjM4OS0xLDEuNjQ2LDEuNjQ2LDAsMCwwLTEuMTIzLS4zNTNIMS43NTJabTkuMTM1LjM1Mkg3Ljg0MVYtLjgzN0gxMS4zOHYuNzU4SDYuOTE0di03LjAzaDQuNDE4di43NThINy44NDF2Mi4yNjRoMy4wNDdabTMuNDMzLS4wMTktLjg1OS44OTNWLS4wNzloLS45Mjd2LTcuMDNoLjkyN3YzLjQ3NmwzLjEyNC0zLjQ3NkgxNy43TDE0LjkzOC00LDE3LjkyMi0uMDc5SDE2LjgxMlpNMTkuNjY1LS44MzdIMjN2Ljc1OEgxOC43MzN2LTcuMDNoLjkzMlptOC4zNjMtMS4wODJIMjUuMDgybC0uNjYxLDEuODRoLS45NTZsMi42ODUtNy4wM2guODExTDI5LjY1LS4wNzlIMjguN1ptLTIuNjY1LS43NThoMi4zOWwtMS4yLTMuMjg4Wm02LjQzMS00LjQzMiwyLjMsNS43MzYsMi4zLTUuNzM2aDEuMnY3LjAzaC0uOTI3Vi0yLjgxN2wuMDg3LTIuOTU1TDM0LjQ0NC0uMDc5aC0uNzFsLTIuMy01LjY3OC4wOTIsMi45NFYtLjA3OUgzMC42di03LjAzWm0xMS40LDUuMTlINDAuMjUzbC0uNjYxLDEuODRoLS45NTZsMi42ODUtNy4wM2guODExTDQ0LjgyLS4wNzloLS45NTFabS0yLjY2NS0uNzU4aDIuMzlsLTEuMi0zLjI4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjgyIDcyLjA3OSkiIGZpbGw9IiNkZGQiLz4KICA8cGF0aCBpZD0iUGF0aF8xMjI1IiBkYXRhLW5hbWU9IlBhdGggMTIyNSIgZD0iTTAsMFY1Ni4zNzJsOC4zNzItOC45M0gyNFYwWk0xOS41MzUsMTcuODZIMTMuOTUzVjExLjQ0MmExLjk1MywxLjk1MywwLDAsMC0zLjkwNywwVjM2YTEuOTUzLDEuOTUzLDAsMCwwLDMuOTA3LDBWMjcuMzQ5SDEyLjI3OVYyMS43NjdoNy4yNTZWMzZhNy41MzUsNy41MzUsMCwxLDEtMTUuMDcsMFYxMS40NDJhNy41MzUsNy41MzUsMCwwLDEsMTUuMDcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIgZmlsbD0iI2RiZGJkYiIvPgo8L3N2Zz4K"); background-position: 50% center; background-repeat: no-repeat; height: 250px; width: 100%; top: 0px !important; } .salesModule__promotion { align-items: center; border-bottom: 1px solid rgb(219, 219, 219); color: rgb(153, 153, 153); display: flex; font: 12px / 22px CalibreWeb, sans-serif; grid-column: 1 / span 4; height: 31px; justify-content: flex-end; opacity: 1; } .salesModule__partner { bottom: 15px; left: 15px; position: absolute; } .salesModule__partner span { color: rgb(153, 153, 153); display: -webkit-box; font-size: 13px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 14px; padding-top: 4px; height: auto !important; } .salesModule__header { align-items: center; display: flex; grid-area: 1 / 1 / span 1 / span 3; height: 60px; justify-content: space-between; width: 100%; } .salesModule__header h3 { align-items: center; color: rgb(17, 17, 17); display: flex; font-family: oswald; font-size: 24px; font-weight: 700; justify-content: flex-end; line-height: 26px; } .salesModule__header h3::after { content: none !important; } .salesModule__header h3 a { position: relative; } .salesModule__adsLogo { align-items: center; display: flex; justify-content: center; max-width: 100% !important; } .salesModule__adsLogo .banLabel { margin: 0px auto; padding: 0px 10px; position: static !important; } .salesModule__DFPBanner { align-items: center; display: flex; flex-direction: row; margin-left: auto; position: relative; } .salesModule__DFPBanner .adviewDFPBanner .banLabel { display: none !important; } .salesModule__DFPBanner .activeBan { position: relative; } .salesModule__DFPBanner .activeBan::after { color: rgb(153, 153, 153); content: "STREFA"; display: block; font-size: 12px; left: -49px; position: absolute; top: 8px; width: 40px; } .salesModule__partnerHeaderLabel { color: rgb(153, 153, 153); font-size: 12px; margin-right: 10px; } .salesModule__article { border-bottom: 1px solid rgb(219, 219, 219); overflow: hidden; position: relative; transition: all 0.2s ease-out 0s; } .salesModule__article:hover { border-bottom: 1px solid rgb(190, 255, 150); } .salesModule__article:hover .salesModule__articleTitle .title { text-decoration: underline; } .salesModule__articleImage { height: 285px; overflow: hidden; position: relative; width: 100%; } .salesModule__articleImage img { height: auto; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.2s ease-out 0s; width: 100%; } .salesModule__articleTitle { display: flex; flex-direction: column; height: 125px; justify-content: space-between; padding: 10px 0px 5px; } .salesModule__articleTitle .title { display: -webkit-box; font-size: 16px; font-weight: 700; line-height: 23px; max-height: 69px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: rgb(17, 17, 17); overflow: hidden; text-overflow: ellipsis; } .salesModule__article--large .salesModule__articleImage { height: 299px; } .salesModule__article .businessTypeLabel .title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .salesModule__article .businessTypeLabel .salesModule__articleTitle { display: flex; flex-direction: column; justify-content: space-between; } .salesModule__businessLabel { align-items: center; display: flex; height: 28px; } .salesModule__businessLabel--text { display: -webkit-box; font-family: oswald; font-size: 12px; font-weight: 300; line-height: 16px; max-height: 32px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; -webkit-line-clamp: 2; -webkit-box-pack: start; -webkit-box-orient: vertical; -webkit-box-align: center; color: rgb(117, 117, 117); } .salesModule__themeDark .salesModule__articleTitle, .salesModule__themeDark.salesModule__partnerLabel::after { color: rgb(255, 255, 255); } .salesModule__themeLight.salesModule__partnerLabel::after { color: rgb(0, 0, 0); } .salesModule__themeLight.salesModule__businessLabel--text { color: rgb(17, 17, 17); } .salesModule__themeDark .salesModule__articleTitle, .salesModule__themeLight .salesModule__articleTitle { padding: 10px 15px 5px; } .salesModule__smallBoxes { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); max-width: 100%; position: relative; width: auto; } .salesModule__smallBoxes .salesModule__article { align-items: center; background: rgb(245, 245, 245); border: none; box-shadow: none; display: flex; flex-direction: column; height: 190px; padding: 15px 15px 14px; transition: all 0.2s ease-out 0s; width: 194px; filter: none !important; } .salesModule__smallBoxes .salesModule__article .salesModule:hover { filter: brightness(1.07) contrast(1.07); } .salesModule__smallBoxes .salesModule__articleImage { height: 130px; width: 130px; } .salesModule__smallBoxes .salesModule__articleImage img { height: 100%; width: auto; } .salesModule__smallBoxes .salesModule__bottomLabel { font-size: 16px; margin-top: auto; max-height: 20px; text-align: center; text-transform: uppercase; } .salesModule.salesModule--fourColumn { grid-template-columns: repeat(4, 1fr); } .salesModule.salesModule--fourColumn .salesModule__header { grid-column-end: span 4; } .salesModule.salesModule--fourColumn .salesModule__articleImage { height: 165px; } .salesModule.salesModule--fourColumn .salesModule__businessLabel { min-height: 28px; } .salesModule.salesModule--fourColumn .salesModule__adsBox { grid-column-start: 3; grid-row-start: 2; } .salesModule.salesModule--eco .salesModule__header h3 { color: rgb(57, 145, 85); } .salesModule.salesModule--eco .salesModule__header h3 a { align-items: center; display: flex; justify-content: center; } .salesModule.salesModule--eco .salesModule__header h3 .salesModule__logo { align-items: center; background: linear-gradient(135deg, rgb(69, 156, 95), rgb(52, 122, 76)) 0px 0px no-repeat padding-box padding-box transparent; color: rgb(255, 255, 255); display: flex; height: 55px; justify-content: center; margin-right: 15px; width: 55px; } .salesModule.salesModule--eco .salesModule__articleTitle { color: rgb(255, 255, 255); } .salesModule.salesModule--eco .salesModule__article { background: linear-gradient(107deg, rgb(69, 156, 95), rgb(52, 122, 76)) 0px 0px no-repeat padding-box padding-box transparent; } .salesModule.salesModule--eco .salesModule__businessLabel--text, .salesModule.salesModule--eco .salesModule__partnerLabel::after { color: rgb(255, 255, 255); } .salesModule .DFP-200-PARTNER .banLabel { position: absolute; top: -20px; z-index: 1; } .salesModule--odsUnderOpening .salesModule__DFPBanner .banLabel { display: none !important; } .salesModule--odsWithPartner.salesModule--fourColumn .salesModule__articleImage { height: 160px; } .salesModule--odsWithPartner.salesModule--fourColumn .salesModule__articleTitle { height: 94px; padding: 10px 15px 15px; } .salesModule--odsWithPartner.salesModule--fourColumn .salesModule__articleTitle .title { height: 69px; -webkit-line-clamp: 3; } .salesModule--odsWithPartner.salesModule--fourColumn .salesModule__businessLabel { display: none; } .salesModule__headerLogo { align-items: center; display: flex; } .salesModule__headerLogo--link { max-height: 30px; } .salesModule--slider .businessType__label--sticky { margin: 0px auto; width: 1260px; } .salesModule--slider h3 { text-transform: uppercase; } .salesModule--slider .salesModule { overflow: hidden; padding: 0px 0px 20px; } .salesModule--slider .salesModule__article { width: 300px !important; } .salesModule--slider .salesModule__header { width: 1260px; } .salesModule--bigLabel .salesModule__articleTitle { height: 92px; } .salesModule__content { position: relative; width: 1260px; } .salesModule__elements { display: flex; gap: 20px; transition: all 0.3s ease-out 0s; width: 2540px; } .salesModule__controller { align-items: center; display: flex; height: 100%; position: absolute; top: 0px; z-index: 1; } .salesModule__controller--left { background-image: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); left: 0px; opacity: 0; width: 40px; z-index: -1; } .salesModule__controller--left .salesModule__arrow::before { left: 4px; transform: rotate(225deg); } .salesModule__controller--right { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)); justify-content: end; right: 0px; width: 100px; } .salesModule__controller--right .salesModule__arrow::before { left: -4px; transform: rotate(45deg); } .salesModule__arrow { align-items: center; background-color: rgb(68, 68, 68); border-radius: 50%; cursor: pointer; display: flex; height: 40px; justify-content: center; position: relative; transition: opacity 0.3s ease-out 0s; width: 40px; } .salesModule__arrow::before { border-color: rgb(255, 255, 255); border-style: solid; border-width: 2px 2px 0px 0px; inset: 0px; content: ""; height: 8px; margin: auto; position: absolute; width: 8px; } .salesModule__arrow:hover { cursor: pointer; opacity: 0.8; } .salesModule__buttonMore { align-items: center; background-color: rgb(68, 68, 68); border-radius: 12px; color: rgb(255, 255, 255); display: flex; font-size: 12px; font-weight: 700; height: 24px; justify-content: center; margin-left: 30px; padding: 0px 12px; transition: box-shadow 0.3s ease-out 0s; } .salesModule__buttonMore:hover { box-shadow: rgba(51, 51, 51, 0.24) 2px 2px 10px 0px; } .adWrapper--notActive { display: none; } .adWrapper.adSizeCol--1 { grid-column-end: span 1; } .adWrapper.adSizeCol--2 { grid-column-end: span 2; } .adWrapper.adSizeCol--3 { grid-column-end: span 3; } .adWrapper.adSizeCol--4, .sectionTiles--wideList .adWrapper.adSizeCol--3 { grid-column-end: span 4; } .adWrapper.adSizeRow--1 { grid-row-end: span 1; } .adWrapper.adSizeRow--2 { grid-row-end: span 2; } .adWrapper.adSizeRow--3 { grid-row-end: span 3; } .ad1Wrapper { grid-column: 1 / span 4; grid-row-start: 3; } .ad1Wrapper .adviewDFPBanner { min-height: 300px; } .ad1Wrapper.adSizeCol--1.adSizeRow--1 .adviewDFPBanner { min-height: 250px; } .ad1Col--3 .asideColumn { grid-row-end: span 3; } .ad1Col--4 .asideColumn { grid-row-end: span 2; } .ad1Col--4.ad1Row--3 .ad1Wrapper { grid-row-start: unset; grid-row-end: span 1; margin: 20px auto 0px; order: 101; text-align: center; } .ad1Col--4.ad1Row--3 .asideColumn { grid-row-end: span 2; } .ad1Col--4.ad1Row--3 .ad2Wrapper { grid-row-start: 3; } .ad1Wrapper ~ .ad2Wrapper { grid-row-start: 4; } .ad1Col--1 .ad1Wrapper ~ .ad2Wrapper, .ad1Wrapper.adWrapper--notActive ~ .ad2Wrapper { grid-row-start: 3; } .sectionTiles--medium .ad2Wrapper { grid-column-start: 3; grid-row-start: 2; } .ad2Wrapper { grid-column-start: 4; grid-row: 3 / span 2; } .ad2Wrapper .adviewDFPBanner { min-height: 250px; } .ad2Row--3 .horoscope__section, .ad2Row--3 .hotNews { grid-column-end: span 3; } .ad2Row--3 .horoscope__mainTitle { display: none; } .ad2Row--3 .horoscope__text { display: -webkit-box; height: 20px; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-right: 10px; } .adviewDFPBanner { position: relative; } .adviewDFPBanner > :first-child { position: absolute; top: -20px; } .adviewDFPBanner > :nth-child(2) { position: sticky; top: 60px; } .l-main .mtpromo-gallery #adUnit-000-MAINBOARD, .l-main .mtpromo-gallery #adUnit-000-PRIMEBOARD, .l-main .mtpromo-gallery #adUnit-044-CENTRALBOARD, .l-main .mtpromo-gallery #adUnit-087-ADBOARD, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-1, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-2, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-A, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-B, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-C, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-D, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-E, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-F, .l-main > .o-section__adform #adUnit-000-MAINBOARD, .l-main > .o-section__adform #adUnit-000-PRIMEBOARD, .l-main > .o-section__adform #adUnit-044-CENTRALBOARD, .l-main > .o-section__adform #adUnit-087-ADBOARD, .l-main > .o-section__adform #adUnit-087-ADBOARD-1, .l-main > .o-section__adform #adUnit-087-ADBOARD-2, .l-main > .o-section__adform #adUnit-087-ADBOARD-A, .l-main > .o-section__adform #adUnit-087-ADBOARD-B, .l-main > .o-section__adform #adUnit-087-ADBOARD-C, .l-main > .o-section__adform #adUnit-087-ADBOARD-D, .l-main > .o-section__adform #adUnit-087-ADBOARD-E, .l-main > .o-section__adform #adUnit-087-ADBOARD-F { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDQiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0NCA3MiI+CiAgPHBhdGggaWQ9IlBhdGhfMTIyNiIgZGF0YS1uYW1lPSJQYXRoIDEyMjYiIGQ9Ik0zLjQtMi45MjNIMS43NTJWLS4wNzlILjgydi03LjAzSDMuMTQ4YTIuNzU1LDIuNzU1LDAsMCwxLDEuODI3LjU0MSwxLjk0NiwxLjk0NiwwLDAsMSwuNjQsMS41NzRBMS44OTMsMS44OTMsMCwwLDEsNS4yNi0zLjg1YTIuMTE4LDIuMTE4LDAsMCwxLS45ODcuNzI5TDUuOTI0LS4xMzd2LjA1OEg0LjkyOVpNMS43NTItMy42ODFIMy4xNzdhMS42MDcsMS42MDcsMCwwLDAsMS4xLS4zNThBMS4yMSwxLjIxLDAsMCwwLDQuNjgzLTVhMS4yNzUsMS4yNzUsMCwwLDAtLjM4OS0xLDEuNjQ2LDEuNjQ2LDAsMCwwLTEuMTIzLS4zNTNIMS43NTJabTkuMTM1LjM1Mkg3Ljg0MVYtLjgzN0gxMS4zOHYuNzU4SDYuOTE0di03LjAzaDQuNDE4di43NThINy44NDF2Mi4yNjRoMy4wNDdabTMuNDMzLS4wMTktLjg1OS44OTNWLS4wNzloLS45Mjd2LTcuMDNoLjkyN3YzLjQ3NmwzLjEyNC0zLjQ3NkgxNy43TDE0LjkzOC00LDE3LjkyMi0uMDc5SDE2LjgxMlpNMTkuNjY1LS44MzdIMjN2Ljc1OEgxOC43MzN2LTcuMDNoLjkzMlptOC4zNjMtMS4wODJIMjUuMDgybC0uNjYxLDEuODRoLS45NTZsMi42ODUtNy4wM2guODExTDI5LjY1LS4wNzlIMjguN1ptLTIuNjY1LS43NThoMi4zOWwtMS4yLTMuMjg4Wm02LjQzMS00LjQzMiwyLjMsNS43MzYsMi4zLTUuNzM2aDEuMnY3LjAzaC0uOTI3Vi0yLjgxN2wuMDg3LTIuOTU1TDM0LjQ0NC0uMDc5aC0uNzFsLTIuMy01LjY3OC4wOTIsMi45NFYtLjA3OUgzMC42di03LjAzWm0xMS40LDUuMTlINDAuMjUzbC0uNjYxLDEuODRoLS45NTZsMi42ODUtNy4wM2guODExTDQ0LjgyLS4wNzloLS45NTFabS0yLjY2NS0uNzU4aDIuMzlsLTEuMi0zLjI4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjgyIDcyLjA3OSkiIGZpbGw9IiNkZGQiLz4KICA8cGF0aCBpZD0iUGF0aF8xMjI1IiBkYXRhLW5hbWU9IlBhdGggMTIyNSIgZD0iTTAsMFY1Ni4zNzJsOC4zNzItOC45M0gyNFYwWk0xOS41MzUsMTcuODZIMTMuOTUzVjExLjQ0MmExLjk1MywxLjk1MywwLDAsMC0zLjkwNywwVjM2YTEuOTUzLDEuOTUzLDAsMCwwLDMuOTA3LDBWMjcuMzQ5SDEyLjI3OVYyMS43NjdoNy4yNTZWMzZhNy41MzUsNy41MzUsMCwxLDEtMTUuMDcsMFYxMS40NDJhNy41MzUsNy41MzUsMCwwLDEsMTUuMDcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIgZmlsbD0iI2RiZGJkYiIvPgo8L3N2Zz4K"); background-position: 50% center; background-repeat: no-repeat; margin: 0px auto; min-height: 340px; padding: 20px 0px; transition: all 0.3s ease-out 0s; width: 1170px; display: block !important; } .l-main .mtpromo-gallery #adUnit-000-MAINBOARD .banLabel, .l-main .mtpromo-gallery #adUnit-000-PRIMEBOARD .banLabel, .l-main .mtpromo-gallery #adUnit-044-CENTRALBOARD .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-1 .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-2 .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-A .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-B .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-C .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-D .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-E .banLabel, .l-main .mtpromo-gallery #adUnit-087-ADBOARD-F .banLabel, .l-main > .o-section__adform #adUnit-000-MAINBOARD .banLabel, .l-main > .o-section__adform #adUnit-000-PRIMEBOARD .banLabel, .l-main > .o-section__adform #adUnit-044-CENTRALBOARD .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD-1 .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD-2 .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD-A .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD-B .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD-C .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD-D .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD-E .banLabel, .l-main > .o-section__adform #adUnit-087-ADBOARD-F .banLabel { top: 0px; } #adUnit-001-TOPBOARD { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDQiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0NCA3MiI+CiAgPHBhdGggaWQ9IlBhdGhfMTIyNiIgZGF0YS1uYW1lPSJQYXRoIDEyMjYiIGQ9Ik0zLjQtMi45MjNIMS43NTJWLS4wNzlILjgydi03LjAzSDMuMTQ4YTIuNzU1LDIuNzU1LDAsMCwxLDEuODI3LjU0MSwxLjk0NiwxLjk0NiwwLDAsMSwuNjQsMS41NzRBMS44OTMsMS44OTMsMCwwLDEsNS4yNi0zLjg1YTIuMTE4LDIuMTE4LDAsMCwxLS45ODcuNzI5TDUuOTI0LS4xMzd2LjA1OEg0LjkyOVpNMS43NTItMy42ODFIMy4xNzdhMS42MDcsMS42MDcsMCwwLDAsMS4xLS4zNThBMS4yMSwxLjIxLDAsMCwwLDQuNjgzLTVhMS4yNzUsMS4yNzUsMCwwLDAtLjM4OS0xLDEuNjQ2LDEuNjQ2LDAsMCwwLTEuMTIzLS4zNTNIMS43NTJabTkuMTM1LjM1Mkg3Ljg0MVYtLjgzN0gxMS4zOHYuNzU4SDYuOTE0di03LjAzaDQuNDE4di43NThINy44NDF2Mi4yNjRoMy4wNDdabTMuNDMzLS4wMTktLjg1OS44OTNWLS4wNzloLS45Mjd2LTcuMDNoLjkyN3YzLjQ3NmwzLjEyNC0zLjQ3NkgxNy43TDE0LjkzOC00LDE3LjkyMi0uMDc5SDE2LjgxMlpNMTkuNjY1LS44MzdIMjN2Ljc1OEgxOC43MzN2LTcuMDNoLjkzMlptOC4zNjMtMS4wODJIMjUuMDgybC0uNjYxLDEuODRoLS45NTZsMi42ODUtNy4wM2guODExTDI5LjY1LS4wNzlIMjguN1ptLTIuNjY1LS43NThoMi4zOWwtMS4yLTMuMjg4Wm02LjQzMS00LjQzMiwyLjMsNS43MzYsMi4zLTUuNzM2aDEuMnY3LjAzaC0uOTI3Vi0yLjgxN2wuMDg3LTIuOTU1TDM0LjQ0NC0uMDc5aC0uNzFsLTIuMy01LjY3OC4wOTIsMi45NFYtLjA3OUgzMC42di03LjAzWm0xMS40LDUuMTlINDAuMjUzbC0uNjYxLDEuODRoLS45NTZsMi42ODUtNy4wM2guODExTDQ0LjgyLS4wNzloLS45NTFabS0yLjY2NS0uNzU4aDIuMzlsLTEuMi0zLjI4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjgyIDcyLjA3OSkiIGZpbGw9IiNkZGQiLz4KICA8cGF0aCBpZD0iUGF0aF8xMjI1IiBkYXRhLW5hbWU9IlBhdGggMTIyNSIgZD0iTTAsMFY1Ni4zNzJsOC4zNzItOC45M0gyNFYwWk0xOS41MzUsMTcuODZIMTMuOTUzVjExLjQ0MmExLjk1MywxLjk1MywwLDAsMC0zLjkwNywwVjM2YTEuOTUzLDEuOTUzLDAsMCwwLDMuOTA3LDBWMjcuMzQ5SDEyLjI3OVYyMS43NjdoNy4yNTZWMzZhNy41MzUsNy41MzUsMCwxLDEtMTUuMDcsMFYxMS40NDJhNy41MzUsNy41MzUsMCwwLDEsMTUuMDcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIgZmlsbD0iI2RiZGJkYiIvPgo8L3N2Zz4K"); background-position: 50% center; background-repeat: no-repeat; margin: 0px auto; min-height: 340px; padding: 20px 0px; top: 0px; transition: all 0.3s ease-out 0s; width: 1170px; display: block !important; z-index: 100001 !important; } #adUnit-001-TOPBOARD .banLabel { top: 0px; } #adUnit-001-TOPBOARD > :nth-child(2) { padding-top: 20px; } .adWrapper { margin: 0px auto; width: 100%; z-index: 1; } .adWrapper .adviewDFPBanner, .adWrapper .o-section__adform { background-color: rgba(0, 0, 0, 0.02); background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDQiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA0NCA3MiI+CiAgPHBhdGggaWQ9IlBhdGhfMTIyNiIgZGF0YS1uYW1lPSJQYXRoIDEyMjYiIGQ9Ik0zLjQtMi45MjNIMS43NTJWLS4wNzlILjgydi03LjAzSDMuMTQ4YTIuNzU1LDIuNzU1LDAsMCwxLDEuODI3LjU0MSwxLjk0NiwxLjk0NiwwLDAsMSwuNjQsMS41NzRBMS44OTMsMS44OTMsMCwwLDEsNS4yNi0zLjg1YTIuMTE4LDIuMTE4LDAsMCwxLS45ODcuNzI5TDUuOTI0LS4xMzd2LjA1OEg0LjkyOVpNMS43NTItMy42ODFIMy4xNzdhMS42MDcsMS42MDcsMCwwLDAsMS4xLS4zNThBMS4yMSwxLjIxLDAsMCwwLDQuNjgzLTVhMS4yNzUsMS4yNzUsMCwwLDAtLjM4OS0xLDEuNjQ2LDEuNjQ2LDAsMCwwLTEuMTIzLS4zNTNIMS43NTJabTkuMTM1LjM1Mkg3Ljg0MVYtLjgzN0gxMS4zOHYuNzU4SDYuOTE0di03LjAzaDQuNDE4di43NThINy44NDF2Mi4yNjRoMy4wNDdabTMuNDMzLS4wMTktLjg1OS44OTNWLS4wNzloLS45Mjd2LTcuMDNoLjkyN3YzLjQ3NmwzLjEyNC0zLjQ3NkgxNy43TDE0LjkzOC00LDE3LjkyMi0uMDc5SDE2LjgxMlpNMTkuNjY1LS44MzdIMjN2Ljc1OEgxOC43MzN2LTcuMDNoLjkzMlptOC4zNjMtMS4wODJIMjUuMDgybC0uNjYxLDEuODRoLS45NTZsMi42ODUtNy4wM2guODExTDI5LjY1LS4wNzlIMjguN1ptLTIuNjY1LS43NThoMi4zOWwtMS4yLTMuMjg4Wm02LjQzMS00LjQzMiwyLjMsNS43MzYsMi4zLTUuNzM2aDEuMnY3LjAzaC0uOTI3Vi0yLjgxN2wuMDg3LTIuOTU1TDM0LjQ0NC0uMDc5aC0uNzFsLTIuMy01LjY3OC4wOTIsMi45NFYtLjA3OUgzMC42di03LjAzWm0xMS40LDUuMTlINDAuMjUzbC0uNjYxLDEuODRoLS45NTZsMi42ODUtNy4wM2guODExTDQ0LjgyLS4wNzloLS45NTFabS0yLjY2NS0uNzU4aDIuMzlsLTEuMi0zLjI4OFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjgyIDcyLjA3OSkiIGZpbGw9IiNkZGQiLz4KICA8cGF0aCBpZD0iUGF0aF8xMjI1IiBkYXRhLW5hbWU9IlBhdGggMTIyNSIgZD0iTTAsMFY1Ni4zNzJsOC4zNzItOC45M0gyNFYwWk0xOS41MzUsMTcuODZIMTMuOTUzVjExLjQ0MmExLjk1MywxLjk1MywwLDAsMC0zLjkwNywwVjM2YTEuOTUzLDEuOTUzLDAsMCwwLDMuOTA3LDBWMjcuMzQ5SDEyLjI3OVYyMS43NjdoNy4yNTZWMzZhNy41MzUsNy41MzUsMCwxLDEtMTUuMDcsMFYxMS40NDJhNy41MzUsNy41MzUsMCwwLDEsMTUuMDcsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIgZmlsbD0iI2RiZGJkYiIvPgo8L3N2Zz4K"); background-position: 50% center; background-repeat: no-repeat; height: 100%; margin: 0px auto; transition: all 0.3s ease-out 0s; width: 100%; display: block !important; } .DFP-127-INFOLINK { order: 2; } .DFP-127-INFOLINK.activeBan { border-bottom: 1px solid rgb(229, 229, 229); position: relative; } .DFP-127-INFOLINK.activeBan .banLabel { bottom: 3px; margin-top: 74px; position: absolute; right: 0px; } .has-wide-list .DFP-127-INFOLINK.activeBan .banLabel, .sectionTiles--wideList .DFP-127-INFOLINK.activeBan .banLabel { top: 0px; } .timeline .DFP-076-MAINBUTTON.activeBan { padding: 0px; top: -20px; margin: 0px 0px 10px !important; } .DFPPremiumBoardPlug { padding-top: 220px !important; } .DFPPremiumBoardPlug .navigation__overlay::before { content: ""; display: block; height: 120px; } .DFPPremiumBoardPlug .DFPbannerPartnerWrapper + .navigation__overlay::before { content: none; } .DFPPremiumBoardPlug .navigation--hiddenVersion .navigation__overlay::before, .DFPPremiumBoardPlug .navigation--smallVersion .navigation__overlay::before { height: 0px; } .weatherWidget--partner #DFP-200-PARTNER-9 { bottom: 1px; left: 1px; position: relative; } .salesModule__wrapper .adviewDFPBanner > :nth-child(2) { top: 0px; } .sectionTiles__aside .DFP-003-RECTANGLE .banLabel { margin-top: 0px; position: relative; top: 0px; } .sectionTiles__aside .DFP-003-RECTANGLE.stickyAD { top: 60px; } .article { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(219, 219, 219); font-family: robotocondensed; height: 250px; transition: all 0.2s ease-out 0s; width: 300px; } .article:hover { border-bottom: 1px solid rgb(190, 255, 150); cursor: pointer; } .article:hover .article__title { text-decoration: underline; } .article .article__title { transition: text-decoration 0.3s ease-in-out 0s, -webkit-text-decoration 0.3s ease-in-out 0s; } .sectionTiles--partner .article { z-index: 10; } .article__image { height: 124px; overflow: hidden; position: relative; transition: all 0.2s ease-out 0s; width: 298px; } .article__image img { height: auto; width: 100%; } .article--tallPhoto .article__image { height: 160px; } .article__image__smallBox { height: 167px; } .article__description { display: flex; flex-direction: column; height: 126px; justify-content: space-between; padding: 10px 0px; position: relative; } .article--tallPhoto .article__description { height: 100px; } .article__title { color: rgb(17, 17, 17); display: -webkit-box; font-size: 18px; font-weight: 700; height: 69px; line-height: 23px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .article.article--wideTile { border-bottom: none; display: flex; grid-column-end: span 3; height: 249px; width: 100%; } .article.article--wideTile:hover { border: none; } .article.article--wideTile:hover .article__description { border-color: rgb(190, 255, 150); } .article.article--wideTile .article__image { height: 100%; width: 620px; } .article.article--wideTile .article__description { border-bottom: 1px solid rgb(219, 219, 219); flex: 1 1 0%; height: 100%; justify-content: flex-end; margin-left: 20px; padding: 20px 20px 20px 0px; } .article.article--wideTile .article__title { display: -webkit-box; font-family: roboto; font-size: 24px; font-weight: 900; height: auto; line-height: 31px; max-height: 155px; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; overflow-wrap: break-word; } .article.article--wideTile .article__title::before { font-family: robotocondensed; font-size: 17px; font-weight: 700; position: relative; top: -2px; } .new_layout .article.article--wideTile .article__title { position: relative; top: -3px; } .article--analysis .article__title::before, .article--conversation .article__title::before, .article--history .article__title::before, .article--live .article__title::before, .article--new .article__title::before, .article--onlyHere .article__title::before, .article--opinion .article__title::before, .article--podcast .article__title::before, .article--premium .article__title::before, .article--radiozet .article__title::before, .article--reportage .article__title::before, .article--review .article__title::before, .article--testing .article__title::before, .article--tokfm .article__title::before, .article--urgent .article__title::before, .article--wyborcza .article__title::before, .article--yourVoice .article__title::before { background: rgb(190, 255, 150); color: rgb(17, 17, 17); content: ""; display: inline-block; font-size: 14px; font-weight: 700; line-height: 14px; margin: 0px 8px 0px 0px; padding: 3px 4px 1px; text-shadow: none; text-transform: uppercase; white-space: nowrap; } .article--new .article__title::before { content: "NOWE"; } .article--premium .article__title::before { background: rgb(223, 208, 171); content: "PREMIUM"; } .article--premium .article__image { border: 1px solid rgb(223, 208, 171); } .article--premium .article__image::after { background: linear-gradient(rgba(34, 34, 34, 0), rgba(34, 34, 34, 0.5), rgb(78, 76, 72)) !important; } .article--onlyHere .article__title::before { content: "TYLKO U NAS"; } .article--wyborcza .article__title::before, .article--wyborcza .weekend__articleText::before { content: "WYBORCZA.PL"; } .article--radiozet .article__title::before, .article--radiozet .weekend__articleText::before { content: "RADIOZET.PL"; } .article--tokfm .article__title::before { content: "TOKFM.PL"; } .article--analysis .article__title::before { content: "Analiza"; } .article--opinion .article__title::before { content: "Opinia"; } .article--review .article__title::before { content: "Recenzja"; } .article--conversation .article__title::before { content: "Wywiad"; } .article--podcast .article__title::before { content: "Podcast"; } .article--reportage .article__title::before { content: "Reportaż"; } .article--history .article__title::before { content: "Historia"; } .article--testing .article__title::before { content: "Testujemy"; } .article--yourVoice .article__title::before { content: "Wasz głos"; } .article--live .article__title::before { background-color: rgb(236, 81, 81); color: rgb(255, 255, 255); content: "NA ŻYWO"; } .article--urgent .article__title::before { background-color: rgb(236, 81, 81); color: rgb(255, 255, 255); content: "PILNE"; } .article--sorrow .article__title::before { background-color: transparent; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJQYXRoXzEwNzE0IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjkyLDE0Ljc3bC0xLjU5LDIuMiwyLjYzLDIuMTIuMzYuMjloLjAycy4yMy4xOS4yMy4xOWwuMTQtLjIzcy4wMi0uMDIuMDMtLjA0YzAsMCwxLjUtMi40LDIuNzUtNC40NC0uNzItMS4xOS0xLjQ3LTIuMzYtMi4yMS0zLjU0bC0yLjM1LDMuNDRaIi8+PHBhdGggaWQ9IlBhdGhfMTA3MTUiIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIyLDE2Ljk4bC00LjA5LTUuODZjLS4wNi0uMS0uMTItLjE5LS4xNy0uMjgtLjk2LTEuNi0yLjA0LTIuOTUtMi44NS00LjA5LS40LS41NC0uNzQtMS4xMS0xLjAyLTEuNzIuNTQtLjE4LDEuMTEtLjI2LDEuNjgtLjI0LjU3LS4wMiwxLjE0LjA2LDEuNjkuMjQtLjI4LjYxLS42MywxLjE4LTEuMDMsMS43Mi0uMTEuMTYtLjI0LjMzLS4zNi41LjQuNTQuODEsMS4wOCwxLjIsMS42Mi4zMy41Mi42NiwxLjA0LDEsMS41NS43Mi0uOTYsMS4xNy0yLjEsMS4yOS0zLjI5LS4wMy0uNDEtLjE1LS44MS0uMzUtMS4xN2gwcy0uOTgtMi4xNC0uOTgtMi4xNGMwLS4wMSwwLS4wMi0uMDEtLjAzaDBjLS41MS0uODgtMS40My0xLjQyLTIuNDMtMS40NWgwYy0xLjAxLjAzLTEuOTMuNTgtMi40MywxLjQ1LDAsLjAxLS4wMS4wMi0uMDEuMDNsLS45OCwyLjEzaDBjLS4yLjM3LS4zMi43Ny0uMzUsMS4xOCwwLDEuNzMsMS40OSwzLjQ4LDMuMDIsNi4wMy41Ny45NCwxLjQzLDIuMzQsMi4xOCwzLjU2bDEuNzQsMi44NiwzLjI4LTIuNjJaIi8+PC9zdmc+"); content: ""; display: inline-block; height: 20px; margin-right: 5px; padding: 0px; position: relative; top: 3px; width: 20px; } .article--sorrow .article__image { filter: grayscale(100%); } .article--smallBox { height: 293px; overflow: hidden; } .article__additionalInfo { align-items: center; color: rgb(117, 117, 117); display: flex; font-family: oswald; font-size: 12px; font-weight: 400; height: 28px; line-height: 14px; } .article__additionalInfo .article_partner { display: -webkit-box; font-weight: 300; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article__authorUp { align-items: flex-end; display: flex; height: 45px; position: absolute; top: -17px; z-index: 1; } .article__authorUpImg { background: rgb(245, 245, 245); border: 5px solid rgb(245, 245, 245); border-radius: 50%; height: 45px; margin-right: 5px; overflow: hidden; transition: filter 0.2s ease-out 0s; width: 45px; } .article__authorUpName { color: rgb(117, 117, 117); font-size: 13px; font-weight: 600; padding-bottom: 2px; text-transform: uppercase; } .article__authorDown { align-items: center; display: flex; } .article__authorDownImg { border-radius: 50%; height: 26px; margin-right: 10px; transition: filter 0.2s ease-out 0s; width: 26px; } .article__authorDownName { font-weight: 400; margin-right: 10px; text-transform: uppercase; } .article__partner { color: rgb(117, 117, 117); display: -webkit-box; font-family: oswald; font-weight: 300; line-height: 14px; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .article__departmentName { font-family: oswald; font-weight: 400; } .article--MT { grid-area: 1 / 1 / span 2 / span 1; height: 100%; } .article--MT .article__image { height: 249px; } .article--MT .article__image::after { background-color: transparent; bottom: 0px; content: ""; display: block; height: 100px; left: 0px; position: absolute; width: 100%; z-index: 1; } .article--MT .article__description { height: 269px; padding: 20px 15px 10px; } .article--MT .article__authorUp ~ .article__title { height: 220px; padding-top: 10px; } .article--MT .article__title { font-family: roboto; font-size: 24px; font-weight: 900; height: 186px; -webkit-line-clamp: 6; line-height: 31px; } .article--MT .article__title::before { font-family: robotocondensed; font-size: 19px; line-height: 23px; padding: 0px 5px 1px; position: relative; top: -3px; } .article--MT.article--sorrow .article__title::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJQYXRoXzEwNzE0IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjkyLDE0Ljc3bC0xLjU5LDIuMiwyLjYzLDIuMTIuMzYuMjloLjAycy4yMy4xOS4yMy4xOWwuMTQtLjIzcy4wMi0uMDIuMDMtLjA0YzAsMCwxLjUtMi40LDIuNzUtNC40NC0uNzItMS4xOS0xLjQ3LTIuMzYtMi4yMS0zLjU0bC0yLjM1LDMuNDRaIi8+PHBhdGggaWQ9IlBhdGhfMTA3MTUiIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIyLDE2Ljk4bC00LjA5LTUuODZjLS4wNi0uMS0uMTItLjE5LS4xNy0uMjgtLjk2LTEuNi0yLjA0LTIuOTUtMi44NS00LjA5LS40LS41NC0uNzQtMS4xMS0xLjAyLTEuNzIuNTQtLjE4LDEuMTEtLjI2LDEuNjgtLjI0LjU3LS4wMiwxLjE0LjA2LDEuNjkuMjQtLjI4LjYxLS42MywxLjE4LTEuMDMsMS43Mi0uMTEuMTYtLjI0LjMzLS4zNi41LjQuNTQuODEsMS4wOCwxLjIsMS42Mi4zMy41Mi42NiwxLjA0LDEsMS41NS43Mi0uOTYsMS4xNy0yLjEsMS4yOS0zLjI5LS4wMy0uNDEtLjE1LS44MS0uMzUtMS4xN2gwcy0uOTgtMi4xNC0uOTgtMi4xNGMwLS4wMSwwLS4wMi0uMDEtLjAzaDBjLS41MS0uODgtMS40My0xLjQyLTIuNDMtMS40NWgwYy0xLjAxLjAzLTEuOTMuNTgtMi40MywxLjQ1LDAsLjAxLS4wMS4wMi0uMDEuMDNsLS45OCwyLjEzaDBjLS4yLjM3LS4zMi43Ny0uMzUsMS4xOCwwLDEuNzMsMS40OSwzLjQ4LDMuMDIsNi4wMy41Ny45NCwxLjQzLDIuMzQsMi4xOCwzLjU2bDEuNzQsMi44NiwzLjI4LTIuNjJaIi8+PC9zdmc+"); padding: 0px; top: 2px !important; } .article--radiozet.weekend__article--big .weekend__articleText::before, .article--radiozet.weekend__article--medium .weekend__articleText::before, .article--radiozet.weekend__article--small .weekend__articleText::before, .article--wyborcza.weekend__article--big .weekend__articleText::before, .article--wyborcza.weekend__article--medium .weekend__articleText::before, .article--wyborcza.weekend__article--small .weekend__articleText::before { background: rgb(190, 255, 150); color: rgb(17, 17, 17); display: inline-block; font-family: robotocondensed; font-weight: 700; text-shadow: none; text-transform: uppercase; transform: translateY(-1px); white-space: nowrap; } .article--radiozet.weekend__article--big .weekend__articleText::before, .article--wyborcza.weekend__article--big .weekend__articleText::before { font-size: 19px; line-height: 23px; margin: 0px 10px 0px 0px; padding: 0px 5px 1px; } .article--radiozet.weekend__article--medium .weekend__articleText::before, .article--radiozet.weekend__article--small .weekend__articleText::before, .article--wyborcza.weekend__article--medium .weekend__articleText::before, .article--wyborcza.weekend__article--small .weekend__articleText::before { font-size: 14px; line-height: 14px; margin: 0px 8px 0px 0px; padding: 3px 4px 1px; } .asideColumn { display: flex; flex-direction: column; grid-area: 1 / 4 / span 2 / span 1; position: relative; scrollbar-color: transparent transparent; } .asideColumn ::-webkit-scrollbar { width: 6px; } .asideColumn ::-webkit-scrollbar, .asideColumn ::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 3px; } .asideColumn::after { background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); bottom: 0px; content: ""; height: 60px; left: 0px; position: absolute; width: 100%; z-index: 1; } .asideColumn:hover { scrollbar-color: rgb(193, 193, 193) rgb(241, 241, 241); } .asideColumn:hover ::-webkit-scrollbar { background-color: rgb(241, 241, 241); } .asideColumn:hover ::-webkit-scrollbar-thumb { background-color: rgb(193, 193, 193); } .asideColumn__linksList { display: flex; flex-direction: column; height: 100%; overflow-y: scroll; padding-bottom: 30px; position: absolute; scrollbar-width: thin; } .asideColumn__link { background: rgb(255, 255, 255); border-bottom: 1px solid rgb(229, 229, 229); display: block; line-height: 20px; margin: -6px 0px 6px; padding: 6px 0px; transition: all 0.2s ease-in-out 0s; } .asideColumn__link:nth-child(-n+6) { order: 1; } .asideColumn__link:nth-child(n+7) { order: 3; } .asideColumn__link--hasImage .asideColumn__linkImage { float: left; height: 75px; margin-bottom: 4px; overflow: hidden; width: 36%; } .asideColumn__link--hasImage .asideColumn__linkImage img { width: 100%; } .asideColumn__link--hasImage .asideColumn__linkTitle { display: -webkit-box; float: right; font-size: 16px; font-weight: 700; line-height: 19px; margin-left: 15px; margin-top: -2px; max-height: 76px; overflow: hidden; padding: 0px; width: 58%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .asideColumn__link--hasImage .asideColumn__linkTitle::after { content: none; } .asideColumn__link--hasImage:hover .asideColumn__linkTitle { background: none !important; } .asideColumn__link--hasImage:hover .asideColumn__linkTitle::after { } .asideColumn__link:hover { background: linear-gradient(90deg, rgb(255, 255, 255), rgb(235, 255, 223) 50%, rgb(255, 255, 255)); } .asideColumn__link:hover .asideColumn__linkTitle { text-decoration: underline; } .asideColumn__link:hover .asideColumn__linkTitle::before { text-decoration: none; } .asideColumn__link:hover .asideColumn__linkTitle::after { background-color: rgb(17, 17, 17); } .asideColumn__link:first-of-type .asideColumn__linkPartner { display: -webkit-box; overflow: hidden; padding: 5px 0px 0px; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .asideColumn__linkTitle { color: rgb(17, 17, 17); display: block; font-size: 16px; font-weight: 400; line-height: 22px; padding-left: 15px; padding-right: 5px; position: relative; } .asideColumn__linkTitle::after { background: rgb(204, 204, 204); border-radius: 50%; content: ""; height: 5px; left: 0px; position: absolute; top: 9px; transition: all 0.2s ease-in-out 0s; width: 5px; } .asideColumn__linkPartner { clear: both; color: rgb(153, 153, 153); display: -webkit-box; font-family: oswald; font-size: 11px; font-weight: 300; line-height: 13px; overflow: hidden; padding-left: 15px; padding-top: 5px; text-overflow: ellipsis; text-transform: uppercase; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .asideColumn__link--analysis .asideColumn__linkTitle::before, .asideColumn__link--conversation .asideColumn__linkTitle::before, .asideColumn__link--history .asideColumn__linkTitle::before, .asideColumn__link--live .asideColumn__linkTitle::before, .asideColumn__link--new .asideColumn__linkTitle::before, .asideColumn__link--onlyHere .asideColumn__linkTitle::before, .asideColumn__link--opinion .asideColumn__linkTitle::before, .asideColumn__link--podcast .asideColumn__linkTitle::before, .asideColumn__link--radiozet .asideColumn__linkTitle::before, .asideColumn__link--reportage .asideColumn__linkTitle::before, .asideColumn__link--review .asideColumn__linkTitle::before, .asideColumn__link--sorrow .asideColumn__linkTitle::before, .asideColumn__link--testing .asideColumn__linkTitle::before, .asideColumn__link--tokfm .asideColumn__linkTitle::before, .asideColumn__link--urgent .asideColumn__linkTitle::before, .asideColumn__link--wyborcza .asideColumn__linkTitle::before, .asideColumn__link--yourVoice .asideColumn__linkTitle::before { background: rgb(190, 255, 150); color: rgb(17, 17, 17); content: ""; display: inline-block; font-size: 14px; font-weight: 700; line-height: 17px; margin: 0px 8px 0px 0px; padding: 2px 4px 1px; text-transform: uppercase; white-space: nowrap; } .asideColumn__link--redTitle { color: rgb(227, 0, 0); } .asideColumn__link--new .asideColumn__linkTitle::before { content: "NOWE"; } .asideColumn__link--onlyHere .asideColumn__linkTitle::before { content: "TYLKO U NAS"; } .asideColumn__link--wyborcza .asideColumn__linkTitle::before { content: "WYBORCZA.PL"; } .asideColumn__link--tokfm .asideColumn__linkTitle::before { content: "TOKFM.PL"; } .asideColumn__link--radiozet .asideColumn__linkTitle::before { content: "RADIOZET.PL"; } .asideColumn__link--analysis .asideColumn__linkTitle::before { content: "Analiza"; } .asideColumn__link--opinion .asideColumn__linkTitle::before { content: "Opinia"; } .asideColumn__link--review .asideColumn__linkTitle::before { content: "Recenzja"; } .asideColumn__link--conversation .asideColumn__linkTitle::before { content: "Wywiad"; } .asideColumn__link--podcast .asideColumn__linkTitle::before { content: "Podcast"; } .asideColumn__link--reportage .asideColumn__linkTitle::before { content: "Reportaż"; } .asideColumn__link--history .asideColumn__linkTitle::before { content: "Historia"; } .asideColumn__link--testing .asideColumn__linkTitle::before { content: "Testujemy"; } .asideColumn__link--yourVoice .asideColumn__linkTitle::before { content: "Wasz głos"; } .asideColumn__link--sorrow { background-color: rgb(17, 17, 17); } .asideColumn__link--sorrow .asideColumn__linkTitle { color: rgb(255, 255, 255); } .asideColumn__link--sorrow .asideColumn__linkTitle::after, .asideColumn__link--sorrow .asideColumn__linkTitle::before { content: none; } .asideColumn__link--sorrow:hover { background: rgb(17, 17, 17); } .asideColumn__link--urgent .asideColumn__linkTitle::before { background-color: rgb(236, 81, 81); color: rgb(255, 255, 255); content: "PILNE"; } .asideColumn__link--live .asideColumn__linkTitle::before { background-color: rgb(236, 81, 81); color: rgb(255, 255, 255); content: "NA ŻYWO"; } .sectionTiles--wideList .asideColumn { grid-column: 3 / 5; grid-row-end: 3; height: 518px; width: 620px; } .sectionTiles--wideList .asideColumn__link:last-of-type { border-bottom: 0px; margin: -6px 0px 0px; order: 3; padding: 6px 0px 0px; } .sectionTiles--wideList .asideColumn__linkImage { display: none; } .sectionTiles--wideList .asideColumn__linkTitle { display: -webkit-box; font-weight: 400; height: 20px; margin-left: auto; margin-top: auto; overflow: hidden; padding-left: 15px; width: auto; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .hotNews { align-items: center; background: rgb(245, 245, 245); clip-path: polygon(10px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 10px); display: flex; flex-wrap: wrap; grid-column: 1 / span 4; order: 100; overflow: hidden; padding: 0px 15px; z-index: 10; } .c-section--news .hotNews { grid-row-start: 6; } .hotNews__link { color: rgb(117, 117, 117); display: inline-block; font-family: oswald; font-size: 13px; font-weight: 300; height: 25px; line-height: 25px; text-decoration: none; text-transform: uppercase; transition: color 0.3s ease-out 0s; } .hotNews__link::after { color: rgb(117, 117, 117); content: "|"; display: inline-block; margin: 0px 15px; text-align: center; } .hotNews__link:hover { color: rgb(17, 17, 17); } .sectionTiles { background: rgb(255, 255, 255); box-sizing: content-box; display: grid; margin: 0px auto; padding: 20px; position: relative; width: 1260px; } .sectionTiles--threeColumn .sectionTiles__box { grid-template-columns: repeat(3, 300px); } .sectionTiles__box { display: grid; grid-template-columns: repeat(4, 300px); gap: 20px; grid-column: 1 / 4; } .sectionTiles__box:has(.player--big) .tile--mt { grid-area: 1 / 1 / span 1 / span 1; height: 347px; } .sectionTiles__box:has(.player--big) .tile--mt .tile__image img { height: 100%; width: auto; } .sectionTiles:not(.sectionTiles--new_opening) .sectionTiles__box .article:first-of-type { clip-path: polygon(15px 0px, 100% 0px, 100% 100%, 0px 100%, 0px 15px); } .sectionTiles__aside { grid-column: 4 / 5; width: 300px; } .sectionTiles--paidPartner .sectionHeader__mainBox { margin-right: auto; } .sectionTiles--paidPartner .sectionHeader__smallTitle { color: rgb(117, 117, 117); font-size: 13px; font-weight: 300; line-height: 16px; text-transform: uppercase; } .sectionTiles--paidPartner .sectionHeader__partnerLogo { margin-left: 20px; } .sectionTiles--paidPartner .sectionHeader__partnerLogo--wyborcza { position: relative; top: 2px; } .sectionTiles--paidPartner .sectionHeader__partnerLogo--tokfm { height: 32px; } .sectionTiles--paidPartner .sectionHeader__partnerLogo--tokfm img { height: 100%; } .sectionTiles--paidPartner .article { height: auto; } .sectionTiles.extraArticles .sectionTiles__box { border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 20px; } .sectionTiles.extraArticles .ad2Wrapper { grid-row-start: 4; } .sectionTiles.extraArticles.ad1Col--3 .ad2Wrapper, .sectionTiles.extraArticles.ad1Col--4 .ad2Wrapper { grid-row-start: 5; } .sectionTiles ghmo { left: 0px; position: absolute; top: 0px; } .sectionTiles--2 .sectionHeader__link::before { background-color: rgb(240, 60, 60); } .sectionTiles--8 .sectionHeader__link::before { background-color: red; } .sectionTiles--14 .sectionHeader__link::before { background-color: rgb(191, 14, 110); } .sectionTiles--partner, .sectionTiles--partner.sectionTiles--2, .sectionTiles--partner.sectionTiles--8 { margin-bottom: 155px; margin-top: 130px; } .sectionTiles--partner a, .sectionTiles--partner.sectionTiles--2 a, .sectionTiles--partner.sectionTiles--8 a { z-index: 1; } .sectionTiles--partner.sectionTiles--2.sectionTiles--8, .sectionTiles--partner.sectionTiles--8, .sectionTiles--partner.sectionTiles--8.sectionTiles--8 { padding-top: 12px; } .sectionTiles--partner.sectionTiles--2.sectionTiles--9, .sectionTiles--partner.sectionTiles--8.sectionTiles--9, .sectionTiles--partner.sectionTiles--9 { margin-bottom: 130px; } .sectionTiles.sectionTiles--2.sectionTiles--partner + .sectionTiles.sectionTiles--6.sectionTiles--partner, .sectionTiles.sectionTiles--4.sectionTiles--partner + .sectionTiles.sectionTiles--2.sectionTiles--partner { margin-top: 295px; } .sectionHeader { align-items: center; background: rgb(255, 255, 255); display: flex; font-family: oswald; grid-column: 1 / 5; height: 60px; position: sticky; top: 0px; z-index: 1000000; } .sectionHeader__mainBox { display: inline-block; font-weight: 700; position: relative; text-align: center; } .sectionHeader__link { color: rgb(17, 17, 17); display: block; font-size: 26px; font-weight: 700; line-height: 31px; text-transform: uppercase; } .sectionHeader__link::before { background-color: rgb(190, 255, 150); content: ""; display: inline-block; height: 25px; margin-right: 11px; width: 9px; } .sectionHeader__tags { display: inline-block; list-style-type: none; margin-left: 10px; position: relative; } .sectionHeader__tag { background-color: rgb(242, 242, 242); color: rgb(117, 117, 117); cursor: pointer; display: inline-block; font-size: 15px; font-weight: 300; line-height: 22px; margin: 0px 5px; padding: 6px 8px; text-decoration: none; transition: color 0.2s ease 0s; } .sectionHeader__tag:hover { color: rgb(17, 17, 17); } .additionalArticles { background-color: rgb(255, 255, 255); display: flex; flex-direction: column; gap: 0px 20px; grid-column: span 3; order: 100; } .additionalArticles__title { border-bottom: 1px solid rgb(221, 221, 221); border-top: 1px solid rgb(221, 221, 221); color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 300; line-height: 14px; padding: 7px 0px; text-transform: uppercase; z-index: 1; } .additionalArticles__content { display: flex; gap: 0px 20px; } .weatherWidget { align-items: center; background-color: rgb(255, 255, 255); background-image: none; border: 1px solid rgb(219, 219, 219); display: flex; margin: 20px; width: 1260px; } .weatherWidget__wrapper { display: flex; height: 140px; margin: 0px auto; width: 1300px; } .weatherWidget__wrapper .o-section__adform { padding-top: 20px; } .weatherWidget__place { height: 100%; margin: 0px 15px; padding: 10px 0px 0px; } .weatherWidget__place--noData .weatherWidget__noData { display: block; } .weatherWidget__place--noData .weatherWidget__placeText, .weatherWidget__place--noData .weatherWidget__temperatureValue { display: none; } .weatherWidget__place--noData ~ .weatherWidget__airQuality .weatherWidget__airQualityValue, .weatherWidget__place--noData ~ .weatherWidget__airQuality .weatherWidget__airQualityValueBG { background-color: rgb(221, 221, 221); } .weatherWidget__city { cursor: pointer; display: flex; height: 20px; transition: opacity 0.2s ease-out 0s; } .weatherWidget__city:hover { opacity: 0.8; } .weatherWidget__cityName { color: rgb(17, 17, 17); font-family: roboto; font-size: 16px; font-weight: 900; line-height: 20px; padding-right: 4px; } .weatherWidget__placeDetails { align-items: center; display: flex; height: 60px; position: relative; transition: all 0.2s ease-out 0s; } .weatherWidget__placeDetails:hover { opacity: 0.8; } .weatherWidget__noData { background-color: rgb(68, 68, 68); border-radius: 12px; color: rgb(255, 255, 255); cursor: pointer; display: none; font-size: 14px; padding: 5px 12px; position: absolute; right: -30px; transition: opacity 0.2s ease-out 0s; } .weatherWidget__noData:hover { opacity: 0.8; } .weatherWidget__placeText { color: rgb(17, 17, 17); display: -webkit-box; font-family: roboto; font-size: 12px; font-weight: 700; margin-left: 10px; max-width: fit-content; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; } .weatherWidget__logo { height: 30px; margin: 4px 0px 3px; min-width: 30px; overflow: hidden; } .weatherWidget__logo--big { height: 60px; margin: 0px; min-width: 60px; } .weatherWidget__temperature { align-items: center; color: rgb(17, 17, 17); display: flex; font-family: roboto; font-size: 16px; font-weight: 700; justify-content: center; margin: 0px 5px 0px 10px; } .weatherWidget__temperature--big { font-size: 40px; font-weight: 400; height: 50px; margin-top: 5px; position: relative; top: -3px; width: 55px; } .weatherWidget__hours { display: flex; flex: 1 1 0%; height: 100%; margin: 0px 40px 0px 20px; overflow: hidden; position: relative; } .weatherWidget__box { display: flex; gap: 30px; transition: all 0.6s ease-out 0s; } .weatherWidget__element { align-items: center; display: flex; flex-direction: column; padding: 18px 0px 5px; width: 40px; } .weatherWidget__element--sun .weatherWidget__temperatureValue { color: rgb(117, 117, 117); font-family: roboto; font-size: 11px; font-weight: 400; line-height: 23px; position: relative; text-transform: lowercase; top: 1px; } .weatherWidget__elementHour { color: rgb(117, 117, 117); font-family: roboto; font-size: 12px; } .weatherWidget__arrow { align-items: center; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)); display: flex; height: 100%; justify-content: flex-end; position: absolute; width: 65px; } .weatherWidget__arrow--right { right: 0px; } .weatherWidget__arrow--left { transform: rotate(180deg); } .weatherWidget__arrow--left svg { left: -5px; position: relative; } .weatherWidget__arrowSVG { cursor: pointer; } .weatherWidget__arrowSVG:hover { opacity: 0.8; } .weatherWidget--hideLeft .weatherWidget__arrow--left, .weatherWidget--hideRight .weatherWidget__arrow--right { display: none; } .weatherWidget__airQualityValue { position: relative; } .weatherWidget__airQualityValue::before { border-radius: 50%; content: ""; height: 10px; left: 0px; position: absolute; top: 1px; width: 10px; } .weatherWidget__airQuality--lvl1 .weatherWidget__airQualityValue::before { background: rgb(56, 195, 49); } .weatherWidget__airQuality--lvl2 .weatherWidget__airQualityValue::before { background: rgb(255, 208, 0); } .weatherWidget__airQuality--lvl3 .weatherWidget__airQualityValue::before { background: rgb(255, 148, 0); } .weatherWidget__airQuality--lvl4 .weatherWidget__airQualityValue::before { background: rgb(254, 0, 0); } .weatherWidget__airQuality--lvl5 .weatherWidget__airQualityValue::before { background: rgb(112, 48, 160); } .weatherWidget__airQuality--lvl6 .weatherWidget__airQualityValue::before { background: rgb(146, 1, 1); } .weatherWidget__parameters { height: 68px; } .weatherWidget__conditions { padding-right: 30px; } .weatherWidget__clouds, .weatherWidget__pressure { display: flex; flex-direction: column; padding-bottom: 7px; } .weatherWidget__cloudsText, .weatherWidget__pressureText { color: rgb(117, 117, 117); font-family: roboto; font-size: 12px; font-weight: 500; line-height: 14px; padding-bottom: 2px; text-align: left; } .weatherWidget__cloudsValue, .weatherWidget__pressureValue { color: rgb(17, 17, 17); font-family: roboto; font-size: 12px; font-weight: 700; line-height: 14px; text-align: left; } .weatherWidget__rainProbability { display: flex; flex-direction: column; } .weatherWidget__rainProbabilityText { color: rgb(117, 117, 117); font-family: roboto; font-size: 12px; font-weight: 500; line-height: 14px; padding-bottom: 2px; text-align: left; } .weatherWidget__rainProbabilityValue { color: rgb(17, 17, 17); font-family: roboto; font-size: 12px; font-weight: 700; line-height: 14px; text-align: left; } .weatherWidget__airQuality { display: flex; flex-direction: column; } .weatherWidget__airQualityText { color: rgb(117, 117, 117); font-weight: 500; padding-bottom: 2px; } .weatherWidget__airQualityText, .weatherWidget__airQualityValue { font-family: roboto; font-size: 12px; line-height: 14px; text-align: left; } .weatherWidget__airQualityValue { color: rgb(17, 17, 17); font-weight: 700; padding-left: 12px; } .weatherWidget__button { align-items: center; background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); cursor: pointer; display: flex; font-size: 12px; font-weight: 700; height: 24px; justify-content: center; margin: 0px 20px 0px 40px; text-transform: uppercase; transition: opacity 0.2s ease-out 0s; width: 100px; } .weatherWidget__button:hover { opacity: 0.8; } .weatherWidget__SVGSprite { height: 0px; } .weatherWidget__wrapper--branding { display: flex; height: 140px; position: relative; width: 1300px; } .weatherWidget__wrapper--branding .banLabel { color: rgb(0, 0, 0); display: block; margin: 7px 0px 2px; padding: 0px; position: absolute; top: 0px; } .weatherWidget__wrapper--branding #weatherWidget__ad { background-size: contain; display: block; height: 100px; width: 300px; } .weatherWidget__wrapper--branding .weatherWidget { align-items: flex-start; background: rgb(255, 255, 255); position: relative; width: 940px; } .weatherWidget__wrapper--branding .weatherWidget__branding, .weatherWidget__wrapper--branding .weatherWidget__branding a { height: 100%; position: absolute; width: 100%; } .weatherWidget__wrapper--branding .weatherWidget__branding a { background-size: cover; } .weatherWidget__wrapper--branding .weatherWidget__place { margin: 0px 0px 0px 15px; } .weatherWidget__wrapper--branding .weatherWidget__button { margin: 12px 20px 0px 0px; } .weatherWidget__wrapper--branding .weatherWidget__airQuality { margin: 0px; } .weatherWidget__wrapper--branding .weatherWidget__conditions, .weatherWidget__wrapper--branding .weatherWidget__parameters { margin: 0px; padding-top: 18px; } .weatherWidget__wrapper--top { margin: 20px auto; } .citySelector { background: rgb(255, 255, 255); flex-direction: column; font-family: roboto; left: 50%; opacity: 0; position: fixed; scrollbar-color: rgb(193, 193, 193) transparent; top: 50%; transform: translate(-50%, -50%); width: 700px; z-index: -1; display: flex !important; } .citySelector ::-webkit-scrollbar { background-color: transparent; border-radius: 3px; width: 6px; } .citySelector ::-webkit-scrollbar-thumb { background-color: rgb(193, 193, 193); border-radius: 3px; } .citySelectorShow #adUnit-001-TOPBOARD, .citySelectorShow .adviewDFPBanner, .citySelectorShow .navigation { z-index: 1 !important; } .citySelectorShow .citySelector { opacity: 1; z-index: 100001; } .citySelector__title { align-items: center; display: flex; height: 60px; justify-content: space-between; padding: 20px; } .citySelector__titleText { color: rgb(17, 17, 17); font-size: 18px; font-weight: 700; } .citySelector__titleSVG { cursor: pointer; transition: opacity 0.2s ease-out 0s; } .citySelector__titleSVG:hover { opacity: 0.8; } .citySelector__findCity { background: rgb(255, 255, 255); display: flex; flex-direction: column; position: absolute; top: 60px; width: 700px; z-index: 10; } .citySelector__search { align-items: center; border: 1px solid rgb(229, 229, 229); border-radius: 20px; display: flex; height: 40px; margin: 0px 20px; position: relative; } .citySelector__search::before { bottom: -26px; color: rgb(153, 153, 153); display: block; font-size: 14px; padding-left: 15px; position: absolute; transition: all 0.2s ease-out 0s; width: 100%; z-index: 1; } .citySelector__searchInput { border: none; color: rgb(153, 153, 153); flex: 1 1 0%; font-size: 14px; margin: 0px 15px; position: relative; } .citySelector__searchInput:focus { outline: none; } .citySelector__searchInput::placeholder { color: rgb(153, 153, 153); font-size: 14px; } .citySelector__searchSVG { align-items: center; display: flex; justify-content: center; padding: 0px 10px; } .citySelector__searchLocalization { margin: 0px 10px; } .citySelector__searchLocalization, .citySelector__searchSVG { cursor: pointer; transition: opacity 0.2s ease-out 0s; } .citySelector__searchLocalization:hover, .citySelector__searchSVG:hover { opacity: 0.8; } .citySelector__cityListLead { color: rgb(153, 153, 153); font-family: roboto; font-size: 14px; padding: 10px 30px 7px 0px; } .citySelector__searchList { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; margin: 0px 0px 10px; max-height: 0px; overflow-y: scroll; transition: all 0.4s ease-out 0s; z-index: 2; } .citySelector__searchListElement { font-weight: 600; padding: 5px 0px 5px 15px; width: 290px; } .citySelector__searchListElement--active { background-color: rgb(245, 245, 245); } .citySelector__cityList { height: 357px; margin: 13px 0px; overflow-y: scroll; padding: 35px 0px 0px 35px; } .citySelector__cityListElement { padding: 5px 0px; width: 290px; } .citySelector__cityList, .citySelector__searchList { background: rgb(255, 255, 255); transition: all 0.2s ease-out 0s; } .citySelector__cityListElement, .citySelector__searchListElement { color: rgb(17, 17, 17); float: left; font-family: roboto; font-size: 14px; font-weight: 400; margin-right: 30px; transition: opacity 0.2s ease-out 0s; cursor: pointer !important; } .citySelector__cityListElement--extra, .citySelector__searchListElement--extra { color: rgb(153, 153, 153); font-weight: 400; } .citySelector__cityListElement:hover, .citySelector__searchListElement:hover { background-color: rgb(245, 245, 245); opacity: 0.8; } .citySelector__localization { align-items: center; border-top: 1px solid rgb(229, 229, 229); display: none; height: 42px; justify-content: center; } .citySelector__localizationText { color: rgb(17, 17, 17); font-size: 16px; font-weight: 600; margin-left: 5px; } .citySelector--inputFocus .citySelector__search { border: none; border-radius: 0px; margin: 0px; position: relative; } .citySelector--inputFocus .citySelector__search::after { background: rgb(229, 229, 229); bottom: 0px; content: ""; height: 1px; left: 15px; position: absolute; width: 630px; } .citySelector--inputFocus .citySelector__search::before { content: "Podaj minimum 3 znaki"; } .citySelector--inputFocus .citySelector__findCity { border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 6px; margin: 0px 20px 20px; min-height: 74px; width: 660px; } .citySelector--inputFocus .citySelector__searchList { border-radius: 0px 0px 10px 10px; max-height: 315px; } .citySelector--inputFocus .citySelector__cityList { opacity: 0.3; overflow: hidden; } .blackOverlay { background: rgba(0, 0, 0, 0.7); inset: 0px; opacity: 0; position: fixed; z-index: -1; cursor: pointer !important; } body.ariQualityLegendShow .main-navigation { transition: all 0s ease 0s; z-index: 1; } .screeningADFP .stock__branding { background: rgb(255, 255, 255); margin-bottom: 0px; position: relative; width: 1300px; } .stock { background-color: rgb(255, 255, 255); box-sizing: content-box; color: rgb(17, 17, 17); font-size: 18px; margin: 0px auto; padding: 20px 0px 0px; position: relative; width: 1300px; } .stock__header { font-family: oswald; font-size: 24px; font-weight: 700; margin-bottom: 15px; margin-left: 20px; } .stock__ad { width: 0px; } .stock__linkContainer { height: 150px; margin: -20px; position: absolute; width: 1300px; } .stock__linkContainer a { display: block; height: 100%; width: 100%; } .stock__container { background-size: cover; height: auto; padding: 0px 20px; } .stock__container, .stock__data { background-color: rgb(255, 255, 255); display: flex; } .stock__data { align-items: center; border: 1px solid rgb(219, 219, 219); height: 100px; padding: 15px 0px; width: 100%; z-index: 1; } .stock__item { border-right: 1px solid rgb(219, 219, 219); display: flex; flex-direction: column; font-family: roboto; gap: 10px; justify-content: space-between; min-width: 150px; padding: 0px 28px 0px 15px; } .stock__item:last-of-type { border-right: none; } .stock__itemTitle { font-size: 16px; font-weight: 900; } .stock__figures { font-size: 16px; padding: 0px 1px 3px 0px; } .stock__itemValue { color: rgb(17, 17, 17); font-size: 16px; } .stock__itemChange { margin: 0px 0px 0px 8px; } .stock__itemChange--down, .stock__itemChange--up { position: relative; } .stock__itemChange--down::after, .stock__itemChange--up::after { border-left: 5px solid transparent; border-right: 5px solid transparent; content: ""; height: 0px; margin: 0px auto; position: absolute; right: -17px; width: 0px; } .stock__itemChange--up { color: rgb(4, 164, 73); } .stock__itemChange--up::after { border-bottom: 5px solid rgb(4, 164, 73); top: 9px; } .stock__itemChange--down { color: rgb(215, 2, 1); } .stock__itemChange--down::after { border-top: 5px solid rgb(215, 2, 1); top: 10px; } .stock__moreInfo { background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); font-family: robotocondensed; font-size: 12px; font-weight: 700; height: 24px; line-height: 14px; margin-left: auto; margin-right: 15px; padding: 6px 10px 4px; text-transform: uppercase; white-space: nowrap; } .stock__sourceInfo { color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 300; margin-right: 20px; padding-top: 10px; text-align: right; } .stock .banLabel { color: rgb(0, 0, 0); display: block; margin: 7px 0px 2px; padding: 0px; } .stock__branding .stockWidget__adContainer { margin: -20px 0px 0px 20px; padding-bottom: 0px; width: 300px; } .stock__branding #stockWidget__ad { background-size: contain; height: 100px; width: 300px; } .stock__branding .stock__container { align-items: center; height: 140px; padding-bottom: 0px; } .stock__branding .stock__item:nth-last-child(-n+3) { display: none; } .stock__branding .stock__item:nth-last-child(-n+4) { border-right: none; } .partner__brandingBackground { display: flex; left: calc(658px - 50vw); margin-top: -130px; overflow: hidden; position: absolute; width: calc(-17px + 100vw); z-index: 0; } @media (max-width: 1320px) { .partner__brandingBackground { left: calc(638.5px - 50vw); overflow: hidden; } } @media (max-width: 1280px) { .partner__brandingBackground { left: -19px; width: 1280px; } } .partner__link { background-repeat: no-repeat; background-size: contain; left: calc(-968px + 50vw); position: absolute; width: 1920px; } @media (max-width: 1930px) { .partner__link { left: calc(-968px + 50vw); } } @media (max-width: 1320px) { .partner__link { left: calc(-968px + 50vw); } } @media (max-width: 1280px) { .partner__link { left: -312px; } } .partner__sectionBackground { background-color: rgb(255, 255, 255); position: absolute; width: 1300px; z-index: 0; } .sectionTiles--partner .partner__sectionBackground { left: 0px; top: 0px; } @media (max-width: 1320px) { .sectionTiles--partner .partner__sectionBackground { left: calc(639.5px - 50vw); width: 98.6vw; } } @media (max-width: 1280px) { .partner__sectionBackground { left: calc(638.5px - 50vw); width: 98.6vw; } } .sectionTiles--2.sectionTiles--partner .partner__brandingBackground, .sectionTiles--2.sectionTiles--partner .partner__link { height: 1810px; } .sectionTiles--2.sectionTiles--partner .partner__sectionBackground { height: 1550px; } .sectionTiles--6.sectionTiles--partner .partner__brandingBackground, .sectionTiles--6.sectionTiles--partner .partner__link { height: 926px; } .sectionTiles--6.sectionTiles--partner .partner__sectionBackground { height: 666px; } .sectionTiles--12.sectionTiles--partner .partner__brandingBackground, .sectionTiles--12.sectionTiles--partner .partner__link, .sectionTiles--8.sectionTiles--partner .partner__brandingBackground, .sectionTiles--8.sectionTiles--partner .partner__link { height: 880px; } .sectionTiles--12.sectionTiles--partner .partner__sectionBackground, .sectionTiles--8.sectionTiles--partner .partner__sectionBackground { height: 620px; } .sectionTiles--9.sectionTiles--partner .partner__brandingBackground, .sectionTiles--9.sectionTiles--partner .partner__link { height: 1820px; } .sectionTiles--9.sectionTiles--partner .partner__sectionBackground { height: 1560px; } .weekend.sectionTiles--partner .partner__brandingBackground, .weekend.sectionTiles--partner .partner__link { height: 1045px; } .weekend.sectionTiles--partner .partner__sectionBackground { height: 785px; top: 20px; } .weekend { background-color: rgb(255, 255, 255); margin: 0px auto; padding: 20px; position: relative; width: 1300px; z-index: 1; } .weekend.sectionTiles--partner { margin-bottom: 130px; margin-top: 110px; } .weekend.sectionTiles--partner .weekend__top { margin-top: 20px; } .weekend__top { align-items: center; border-top: 3px solid rgb(17, 17, 17); display: flex; justify-content: space-between; padding: 10px 0px; position: relative; } .weekend__mainTitle { align-content: center; font-family: oswald; font-size: 26px; font-weight: 700; text-transform: uppercase; } .weekend__mainTitle--red { display: inline-block; } .weekend__adBox { align-items: center; display: flex; margin-top: 10px; padding-top: 10px; } .weekend__adBox .banLabel { right: 0px; } .weekend__adBoxTitle { color: rgb(117, 117, 117); display: none; font-family: oswald; font-size: 14px; line-height: 40px; margin-right: 20px; text-transform: uppercase; } .weekend__content { display: flex; gap: 30px; height: 570px; overflow: hidden; } .weekend__box { overflow: hidden; position: relative; width: 400px; } .weekend__articleImageWrapper { display: flex; overflow: hidden; width: 100%; } .weekend__articleImageWrapper img { height: auto; width: 100%; } .weekend__articleText { color: rgb(17, 17, 17); font-weight: 600; margin-top: 20px; } .weekend__articleExtraBox, .weekend__articleText { overflow: hidden; -webkit-box-orient: vertical; display: -webkit-box; padding: 0px 10px; } .weekend__articleExtraBox { color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 400; height: 14px; line-height: 14px; -webkit-line-clamp: 1; margin-top: 14px; text-transform: uppercase; } .weekend__articleExtraBox--partner { font-weight: 300; } .weekend__article--big { overflow: hidden; width: 100%; } .weekend__article--big .weekend__articleImageWrapper { display: flex; height: 400px; justify-content: center; } .weekend__article--big .weekend__articleImageWrapper img { height: 100%; width: auto; } .weekend__article--big .weekend__articleText { font-family: roboto; font-size: 28px; font-weight: 900; line-height: 36px; margin-bottom: 12px; max-height: 151px; -webkit-line-clamp: 4; } .weekend__article--big .weekend__articleExtraBox { height: 18px; padding-bottom: 10px; } .weekend__article--medium { display: block; padding-bottom: 10px; } .weekend__article--medium:first-of-type { margin-bottom: 30px; } .weekend__article--medium .weekend__articleImageWrapper { height: 167px; } .weekend__article--medium .weekend__articleText { font-size: 18px; line-height: 23px; max-height: 70px; -webkit-line-clamp: 3; font-family: robotocondensed; } .weekend__article--small { border-bottom: 1px solid rgb(229, 229, 229); display: flex; margin-bottom: 15px; padding-bottom: 15px; width: 100%; } .weekend__article--small .weekend__articleBox { flex: 1 1 0%; max-height: 110px; } .weekend__article--small .weekend__articleImageWrapper { height: 110px; overflow: hidden; width: 110px; } .weekend__article--small .weekend__articleText { font-size: 18px; line-height: 23px; max-height: 72px; padding-right: 20px; -webkit-line-clamp: 3; margin-top: 0px; padding-left: 5px; } .weekend__article--small .weekend__articleExtraBox { padding-left: 5px; } .weekend__article:hover .weekend__articleText { text-decoration: underline; } .weekend__links { height: 100%; overflow-y: scroll; padding-bottom: 40px; scrollbar-width: none; } .weekend__links ::-webkit-scrollbar { display: none; } .weekend__arrow { align-items: flex-start; background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); bottom: 0px; display: flex; height: 74px; justify-content: center; position: absolute; width: 400px; z-index: 1; } .weekend__bottom { align-items: center; border-bottom: 3px solid rgb(17, 17, 17); display: flex; justify-content: flex-end; position: relative; } .weekend__all { display: flex; margin: 30px 0px 10px; text-decoration: none; } .weekend__allText { color: rgb(17, 17, 17); font-size: 16px; font-weight: 600; text-transform: uppercase; } .weekend__allArrow { align-items: center; display: flex; margin-left: 4px; } .weekend__navSlider { display: none; } .weekend__dot { background-color: rgb(153, 153, 153); border-radius: 50%; cursor: pointer; height: 8px; margin: 0px 4px; transition: all 0.3s ease-out 0s; width: 8px; } .weekend__dot--active, .weekend__dot:hover { background-color: rgb(255, 255, 255); } .weekend--slider .weekend__content { height: 693px; } .weekend--slider .weekend__article--big .weekend__articleImageWrapper { height: 534px; overflow: hidden; width: 400px; } .weekend--slider .weekend__article--big .weekend__articleImageBox { display: flex; transition: all 0.3s ease-out 0s; width: 100%; } .weekend--slider .weekend__article--big .weekend__articleText { max-height: 104px; overflow: hidden; -webkit-line-clamp: 3; } .weekend--slider .weekend__article--medium:first-of-type .weekend__articleImageWrapper { height: 225px; } .weekend--slider .weekend__article--medium .weekend__articleText { -webkit-line-clamp: 3; } .weekend--slider .weekend__navSlider { background-color: rgb(17, 17, 17); border-radius: 12px; display: inline-flex; left: 50%; padding: 8px 4px; position: absolute; top: 490px; transform: translateX(-50%); z-index: 10; } .weekend--partner .weekend__mainTitle { font-size: 32px; font-weight: 700; } .weekend--partner .weekend__adBoxTitle { display: block; } .sectionTiles--slider .sectionTiles__box { display: flex; gap: 20px; transition: all 0.3s ease-out 0s; width: 2540px; } .sectionTiles--slider .slider--wrapper { grid-column: 1 / 5; overflow: hidden; position: relative; } .sectionTiles--slider .slider__arrow { align-items: center; cursor: pointer; display: flex; height: 100%; position: absolute; top: 0px; z-index: 1; } .sectionTiles--slider .slider__arrow::after { align-items: center; background-color: rgb(17, 17, 17); content: ""; display: flex; height: 40px; justify-content: center; position: absolute; transition: opacity 0.3s ease-out 0s; width: 20px; z-index: 0; } .sectionTiles--slider .slider__arrow::before { border-color: rgb(255, 255, 255); border-style: solid; border-width: 2px 2px 0px 0px; content: ""; height: 8px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 8px; z-index: 1; } .sectionTiles--slider .slider__arrow--left { background-image: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); left: 0px; opacity: 0; width: 40px; z-index: -1; } .sectionTiles--slider .slider__arrow--left::before { left: 13px; transform: translate(-50%, -50%) rotate(225deg); } .sectionTiles--slider .slider__arrow--right { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)); justify-content: end; right: 0px; width: 100px; } .sectionTiles--slider .slider__arrow--right::before { right: 3px; transform: translate(-50%, -50%) rotate(45deg); } .sectionTiles--slider .slider__arrow:hover::after { background-color: rgb(153, 153, 153); } .sectionTiles--new_opening .tile--standard:nth-of-type(2) { height: 293px; overflow: hidden; } .sectionTiles--new_opening .tile--standard:nth-of-type(2) .tile__image { height: 167px; } .sectionTiles--new_opening:has(.articlePromo) .tile--standard:nth-of-type(2), .sectionTiles--new_opening:has(.player--big) .tile--standard:nth-of-type(2) { height: 250px; } .sectionTiles--new_opening:has(.articlePromo) .tile--standard:nth-of-type(2) .tile__image, .sectionTiles--new_opening:has(.player--big) .tile--standard:nth-of-type(2) .tile__image { height: 125px; } .sectionTiles--new_opening .adWrapper.adSizeCol--3 { grid-column-end: span 4; } .sectionTiles--new_opening.ad1Col--4.ad1Row--3 .ad1Wrapper { grid-row-start: 6; } .sectionTiles--new_opening.ad2Col--1.ad2Row--1 .ad2Wrapper { grid-row-start: 2; } .sectionTiles--new_opening .ad1Wrapper { text-align: center; } .articlePromo { border-bottom: 1px solid rgb(219, 219, 219); } .articlePromo:hover { border-color: rgb(190, 255, 150); } .articlePromo:hover .articlePromo__title { text-decoration: underline; } .articlePromo__topTitle { align-content: center; color: rgb(17, 17, 17); display: -webkit-box; font-family: oswald; font-size: 18px; font-weight: 700; height: 43px; line-height: 21px; overflow: hidden; position: relative; text-transform: uppercase; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .articlePromo__topTitle::before { background-color: rgb(190, 255, 150); content: ""; height: 4px; left: 0px; position: absolute; top: 0px; width: 30px; } .articlePromo__image { align-items: center; display: flex; height: 125px; justify-content: center; overflow: hidden; transition: all 0.3s ease-in-out 0s; } .articlePromo__image img { height: auto; width: 100%; } .articlePromo__title { color: rgb(17, 17, 17); display: -webkit-box; font-size: 18px; font-weight: 700; line-height: 24px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 8px; max-height: 58px; } .articlePromo__partnerBox { align-items: center; display: flex; height: 68px; } .articlePromo__extraInfo { color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 300; line-height: 14px; margin: auto 0px 20px; text-transform: uppercase; width: 140px; } .articlePromo__partner { height: 70px; width: 160px; } .articlePromo__partnerName { color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 300; line-height: 14px; padding-top: 5px; text-align: right; text-transform: uppercase; } .articlePromo__partnerLogo { height: 50px; overflow: hidden; text-align: right; width: 160px; } .articlePromo__partnerLogo img { max-height: 50px; max-width: 160px; width: auto; } .articlePromo + .article { height: 250px; } .articlePromo + .article .article__image { height: 125px; } .foryou { display: flex; grid-column: span 4; height: 250px; margin-bottom: 20px; transition: all 0.3s ease-in-out 0s; } .foryou:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px; } .foryou__left { background-color: rgb(246, 246, 246); display: flex; flex-direction: column; justify-content: center; padding: 20px; width: 640px; } .foryou__right { overflow: hidden; width: 620px; } .foryou__title { font-family: roboto; font-size: 24px; font-weight: 900; line-height: 31px; max-height: 62px; -webkit-line-clamp: 2; } .foryou__subtitle, .foryou__title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; } .foryou__subtitle { font-size: 15px; line-height: 18px; margin-top: 10px; } .foryou__businessType, .foryou__subtitle { max-height: 18px; -webkit-line-clamp: 1; color: rgb(117, 117, 117); } .foryou__businessType { display: -webkit-box; font-family: oswald; font-size: 12px; font-weight: 300; line-height: 14px; overflow: hidden; -webkit-box-orient: vertical; margin-top: 20px; } .foryou__readMore { align-content: center; background: rgb(190, 255, 150); color: rgb(17, 17, 17); display: inline-block; font-size: 12px; font-weight: 700; line-height: 14px; margin-left: auto; margin-top: 15px; padding: 7px 15px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; } .foryou__readMore:hover { background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); } .headerOpening { display: flex; justify-content: space-between; margin-bottom: 20px; } .headerOpening__mainBox { display: flex; flex-direction: column; } .headerOpening__welcomeBox { display: flex; font-family: oswald; font-size: 32px; font-weight: 700; line-height: 47; position: relative; } .headerOpening__date { padding-right: 5px; } .headerOpening__date, .headerOpening__title { color: rgb(17, 17, 17); font-size: 32px; line-height: 35px; z-index: 1; } .headerOpening__daily { display: flex; padding-top: 5px; width: 100%; } .headerOpening__dailyTitle, .headerOpening__dailyValue { color: rgb(117, 117, 117); font-size: 15px; line-height: 18px; } .headerOpening__dailyTitle { font-weight: 600; margin-right: 4px; text-transform: uppercase; } .headerOpening__dailyValue { margin-right: 20px; } .headerOpening__day { text-transform: uppercase; } .newest { background-color: rgb(255, 255, 255); border-radius: 2px; grid-column: span 4; height: 80px; margin-bottom: 20px; width: 1260px; display: flex !important; } .newest__title { background-color: rgb(246, 246, 246); display: flex; height: 100%; line-height: 80px; margin-right: 20px; padding: 0px 20px; position: relative; width: 160px; } .newest__title::before { border-bottom: 10px solid rgb(246, 246, 246); border-left: 10px solid transparent; border-right: 10px solid transparent; content: ""; height: 0px; left: -6px; position: absolute; top: -8px; transform: rotate(-135deg); width: 0px; } .newest__letters { align-items: center; background-color: rgb(190, 255, 150); display: flex; font-family: robotocondensed; font-size: 17px; font-weight: 900; height: 23px; margin: auto 10px auto 0px; padding: 0px 5px; } .newest__icon img { height: 15px; position: relative; top: 3px; width: 15px; } .newest__time { color: rgb(17, 17, 17); font-family: oswald; font-size: 22px; font-weight: 700; } .newest__linksWrapper { height: 100%; overflow: hidden; position: relative; } .newest__arrow { align-items: center; display: flex; height: 80px; position: absolute; top: 0px; width: 70px; z-index: 10; } .newest__arrow:hover { cursor: pointer; } .newest__arrow:hover .newest__arrowIcon { border-color: rgb(236, 81, 81); } .newest__arrowLeft { background: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0)); display: none; justify-content: flex-start; left: 0px; } .newest__arrowLeft .newest__arrowIcon::after { left: 7px; transform: rotate(135deg); } .newest__arrowRight { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgb(255, 255, 255)); justify-content: flex-end; right: 0px; } .newest__arrowRight .newest__arrowIcon::after { right: 7px; transform: rotate(-45deg); } .newest__arrowIcon { align-items: center; background-color: rgb(190, 255, 150); cursor: pointer; display: flex; height: 24px; position: relative; transition: all 0.4s ease 0s; width: 20px; } .newest__arrowIcon:hover { background-color: rgb(17, 17, 17); cursor: pointer; } .newest__arrowIcon:hover::after { border-color: rgb(255, 255, 255); } .newest__arrowIcon::after { border-bottom: 2px solid rgb(0, 0, 0); border-right: 2px solid rgb(0, 0, 0); content: ""; height: 7px; position: absolute; width: 7px; } .newest__links { align-items: center; display: flex; height: 100%; overflow-x: scroll; scroll-snap-type: x mandatory; scrollbar-width: none; transition: transform 0.3s ease-out 0s; } .newest__links::-webkit-scrollbar { display: none; } .newest__link { font-family: robotocondensed; font-size: 16px; font-weight: 700; height: auto; line-height: 19px; margin-right: 30px; max-height: 38px; overflow: hidden; width: 300px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: rgb(17, 17, 17); display: -webkit-inline-box; flex-shrink: 0; scroll-snap-align: start; text-decoration: none; transition: opacity 0.3s ease-in-out 0s; } .newest__link:first-child { margin-left: 20px; } .newest__link::before { color: rgb(236, 81, 81); content: attr(data-time); font-family: oswald; margin-right: 5px; } .newest__link:hover { text-decoration: underline; } .newest__article { background-color: rgb(245, 245, 245); display: flex; width: 320px; } .newest__article:hover { text-decoration: underline; } .newest__articleContent { display: flex; flex-direction: column; height: 80px; padding: 10px 15px; width: 242px; } .newest__articleFirstTitle { color: rgb(236, 81, 81); font-family: oswald; font-size: 12px; font-weight: 500; line-height: 17px; text-transform: uppercase; } .newest__articleSecondTitle { color: rgb(17, 17, 17); font-family: robotocondensed; font-size: 16px; font-weight: 700; line-height: 19px; margin-bottom: 5px; } .newest__articleThirdTitle { color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 400; line-height: 14px; text-transform: uppercase; } .newest__articleImage { align-items: center; display: flex; height: 80px; justify-content: center; overflow: hidden; transition: all 0.3s ease-in-out 0s; width: 78px; } .newest__articleImage img { height: 100%; width: auto; } .dailySummary { background-color: rgb(245, 245, 245); display: flex; gap: 20px; grid-column: span 4; margin-bottom: 20px; padding: 20px 0px; position: relative; } .dailySummary::after { background: rgb(245, 245, 245); bottom: 0px; content: ""; height: 100%; left: -20px; padding: 0px 20px; position: absolute; width: 100%; z-index: 0; } .dailySummary svg { margin-bottom: 4px; margin-top: auto; display: inline !important; } .dailySummary__titleContainer { display: flex; } .dailySummary__title { box-shadow: none; color: rgb(17, 17, 17); display: inline; font-family: oswald; font-size: 26px; font-weight: 700; line-height: 31px; padding-left: 10px; } .dailySummary__subtitle { color: rgb(117, 117, 117); font-family: robotocondensed; font-size: 15px; line-height: 19px; padding-top: 13px; } .dailySummary .tile__header { cursor: default; flex: 1 1 0%; margin: auto; min-width: 300px; width: 300px; z-index: 1; } .dailySummary .tile__content { flex: 1 1 0%; height: 168px; position: relative; z-index: 1; } .dailySummary .tile__content .article__title { transition: text-decoration 0.3s ease-in-out 0s, -webkit-text-decoration 0.3s ease-in-out 0s; } .dailySummary .tile__content:hover .article__title { text-decoration: underline; } .dailySummary .tile__content.article--sorrow:hover .article__image { filter: grayscale(1) brightness(1.07) contrast(1.07); } .dailySummary .article__image { height: 100%; width: 100%; } .dailySummary .article__image::after { background: linear-gradient(rgba(34, 34, 34, 0), rgba(34, 34, 34, 0.5), rgba(34, 34, 34, 0.8), rgb(34, 34, 34)); bottom: 0px; content: ""; height: 141px; left: 0px; position: absolute; width: 100%; z-index: 1; } .dailySummary .article__image img { height: 100%; } .dailySummary .article__description { background: transparent; bottom: 0px; display: flex; justify-content: end; left: 0px; padding: 10px 15px; position: absolute; z-index: 2; } .dailySummary .article__title { font-family: robotocondensed; font-size: 18px; height: auto; line-height: 23px; margin-bottom: 5px; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 2px; } .dailySummary .article__title::before { text-shadow: none; } .dailySummary .article__additionalInfo, .dailySummary .article__partner, .dailySummary .article__title { color: rgb(255, 255, 255); } .dailySummary .article__additionalInfo { font-family: oswald; font-size: 12px; line-height: 14px; margin-bottom: 0px; } .dailySummary .article--premium > .article__image { border: 2px solid rgb(223, 208, 171); } .dailySummary .article--sorrow .article__image { filter: grayscale(100%); } .dailySummary .article__authorDownImg { border: 1px solid rgb(245, 245, 245); } .resultomat { margin-bottom: 0px !important; } .resultomatWrapper { padding-bottom: 20px; } .customSelect { align-items: center; display: flex; grid-column: span 4; height: 50px; position: relative; } .customSelect__chooseBtn { align-items: center; cursor: pointer; display: flex; height: 100%; } .customSelect__chooseBtn:hover .customSelect__list { height: 268px; opacity: 1; z-index: 11; } .customSelect__name { align-items: center; color: rgb(17, 17, 17); display: flex; font-size: 24px; font-weight: 700; line-height: 29px; } .customSelect__icon { margin-left: 5px; } .customSelect__list { background-color: rgb(255, 255, 255); border: 1px solid rgb(246, 246, 246); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 12px; display: flex; flex-direction: column; font-family: roboto; font-weight: 400; height: 1px; left: 0px; opacity: 0; position: absolute; top: 45px; transition: all 0.3s ease-in-out 0s; width: 345px; z-index: 2; } .customSelect__listTop { align-items: center; display: flex; height: 50px; justify-content: space-between; padding: 0px 20px; width: 100%; } .customSelect__listTitle { color: rgb(17, 17, 17); font-family: roboto; font-size: 20px; font-weight: 700; line-height: 24px; } .customSelect__listCloseBtn { display: none; height: 20px; width: 20px; } .customSelect__listItems { display: flex; flex-direction: column; height: 215px; overflow-y: scroll; scrollbar-width: thin; } .customSelect__listItem { color: rgb(17, 17, 17); font-size: 14px; line-height: 30px; padding: 0px 20px 0px 35px; transition: background-color 0.3s ease-in-out 0s; } .customSelect__listItem:hover { background-color: rgb(238, 238, 238); cursor: pointer; } .customSelect__smallTitle { color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 300; line-height: 14px; padding: 7px 0px; position: absolute; right: 0px; text-transform: uppercase; top: 12px; } .customSelect__errorMessage { color: rgb(227, 0, 0); font-size: 17px; line-height: 20px; margin-left: 30px; } .mo { font-family: robotocondensed; margin: 20px auto; width: 1300px; display: flex !important; } .mo__mainTopic { padding: 10px 0px; width: 100%; } .mo__mainTopic:has(.mo__buttons) { padding: 10px 0px 0px; } .mo--red .mo__mainTopic { background: rgb(236, 81, 81); } .mo--rainbow .mo__mainTopic { background: linear-gradient(125deg, rgb(241, 153, 153), rgb(255, 210, 150), rgb(208, 227, 142), rgb(156, 225, 135), rgb(126, 174, 171), rgb(103, 116, 191), rgb(203, 125, 222), rgb(219, 108, 189)); } .mo--blue .mo__mainTopic { background: rgb(103, 116, 191); } .mo--purple .mo__mainTopic { background: rgb(123, 103, 191); } .mo--lime .mo__mainTopic { background: rgb(235, 255, 223); } .mo--gold .mo__mainTopic { background: rgb(223, 208, 171); } .mo--light_grey .mo__mainTopic { background: rgb(238, 238, 238); } .mo--black .mo__mainTopic { background: rgb(17, 17, 17); } .mo--usa .mo__mainTopic { background-image: url(""); background-position: 100% 100%; background-size: cover; } .mo--white .mo__mainTopic { background: rgb(255, 255, 255); } .mo__secondaryTopic { background-color: rgb(245, 245, 245); display: flex; flex-direction: column; padding: 0px 15px; width: 330px; } .mo__secondaryTopic .mo__title { color: rgb(17, 17, 17); margin: 20px 0px; padding: 0px; } .mo__secondaryTopic .tile { margin-bottom: 16px; } .mo__secondaryTopic .tile:first-of-type { margin-bottom: 13px; } .mo__secondaryTopic .tile__image img { height: auto; width: 100%; } .mo__secondaryTopic .tile__content { padding: 0px 15px 10px; } .mo:has(.mo__secondaryTopic) .mo__title { font-size: 24px; line-height: 34px; text-align: left; } .mo:has(.mo__secondaryTopic) .mo__mainTopic { width: 970px; } .mo:has(.mo__secondaryTopic) .mo__mainTopic .mo__subtitle { padding: 5px 15px 10px; text-align: left; } .mo:has(.mo__secondaryTopic) .mo__mainTopic .mo__line { padding: 10px 15px; } .mo:has(.mo__secondaryTopic) .mo__mainTopic .mo--t1 .tile__image { width: 623px !important; } .mo:has(.mo__secondaryTopic) .mo__mainTopic .mo--t3 .tile { height: 168px; width: 300px; } .mo:has(.mo__secondaryTopic) .mo__mainTopic .mo--t3 .tile__content { padding: 0px 15px 10px; } .mo:has(.mo__secondaryTopic) .mo__mainTopic .mo--t3 .tile__title { font-size: 18px; } .mo:has(.mo__secondaryTopic) .mo__mainTopic .mo__buttons { justify-content: flex-start; padding: 10px 15px; } .mo:has(.mo__subtitle) .mo__mainTopic .mo__title { padding: 10px 15px 0px; } .mo:has(.mo__subtitle) .mo__secondaryTopic .mo__title { line-height: 32px; -webkit-line-clamp: 2; margin: 15px 0px 20px; max-height: 68px; min-height: 68px; } .mo__line { display: flex; gap: 20px; padding: 10px 20px; } .mo__subtitle, .mo__title { color: rgb(255, 255, 255); display: -webkit-box; justify-content: center; overflow: hidden; text-align: center; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .mo__title { font-family: oswald; font-size: 32px; font-weight: 700; line-height: 50px; max-height: 80px; padding: 10px 20px; } .mo__subtitle { font-family: roboto; font-size: 18px; font-weight: 400; line-height: 24px; padding: 5px 20px 10px; } .mo__links .tile__title { color: rgb(255, 255, 255); font-weight: 400; -webkit-line-clamp: 2; font-size: 16px; line-height: 22px; } .mo__links .tile__title::before { background-color: rgb(255, 255, 255); color: rgb(227, 0, 0); font-weight: 600; } .mo__buttons { background: rgba(0, 0, 0, 0.1); justify-content: center; margin-top: 10px; padding: 10px 20px; } .mo__button { background-color: rgb(255, 255, 255); color: rgb(17, 17, 17); font-size: 14px; font-weight: 900; line-height: 14px; padding: 9px 15px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; } .mo__button:hover { cursor: pointer; filter: brightness(1.2); } .mo .player { border: none; height: 268px; width: 300px; } .mo .player__plug { height: 168px; overflow: hidden; } .mo .player__title { font-size: 20px; line-height: 26px; max-height: 52px; padding: 0px; -webkit-line-clamp: 2; } .mo .player__title::before { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy45MjUiIGhlaWdodD0iMTcuOTI1IiB2aWV3Qm94PSIwIDAgMTcuOTI1IDE3LjkyNSI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4NCiAgICAgIC5jbHMtMSB7DQogICAgICAgIGZpbGw6ICMxMTE7DQogICAgICB9DQogICAgPC9zdHlsZT4NCiAgPC9kZWZzPg0KICA8cGF0aCBpZD0iUGF0aF83ODQiIGRhdGEtbmFtZT0iUGF0aCA3ODQiIGNsYXNzPSJjbHMtMSIgZD0iTTYuNzIyLDEzLDEzLDguOTYzLDYuNzIyLDQuOTI5Wm0yLjI0MSw0LjkyOWE4LjcxNSw4LjcxNSwwLDAsMS0zLjUtLjcwNkE4Ljk0Myw4Ljk0MywwLDAsMSwuNzA2LDEyLjQ1OCw4LjcxNSw4LjcxNSwwLDAsMSwwLDguOTYzYTguNzE1LDguNzE1LDAsMCwxLC43MDYtMy41QTguOTQzLDguOTQzLDAsMCwxLDUuNDY3LjcwNiw4LjcxNSw4LjcxNSwwLDAsMSw4Ljk2MywwYTguNzE1LDguNzE1LDAsMCwxLDMuNS43MDYsOC45NDMsOC45NDMsMCwwLDEsNC43NjEsNC43NjEsOC43MTUsOC43MTUsMCwwLDEsLjcwNiwzLjUsOC43MTUsOC43MTUsMCwwLDEtLjcwNiwzLjUsOC45NDMsOC45NDMsMCwwLDEtNC43NjEsNC43NjEsOC43MTUsOC43MTUsMCwwLDEtMy41LjcwNiIvPg0KPC9zdmc+DQo="); background-position: 50% center; background-size: contain; content: ""; display: inline-block; height: 18px; margin-right: 5px; width: 18px; } .mo .player__titleBox { display: block; } .mo .player__titleBox::after { border-color: rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 17px 17px 0px 0px; bottom: -13px; content: ""; height: 0px; left: 0px; position: absolute; width: 0px; } .mo .player__share { bottom: 0px; margin-left: 10px; position: relative; right: 0px; white-space: nowrap; } .mo--t1 .tile:first-of-type, .mo--t2:not(:has(.player)) .tile:first-of-type { border: none; display: flex; height: 348px; position: relative; width: 100%; } .mo--t1 .tile:first-of-type .tile__content, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__content { background-color: rgb(255, 255, 255); flex-direction: column; max-height: max-content; padding: 20px; position: relative; width: 505px; z-index: 2; } .mo--t1 .tile:first-of-type .tile__content::before, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__content::before { border-color: rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 17px 17px 0px 0px; bottom: -13px; content: ""; height: 0px; left: 0px; position: absolute; width: 0px; } .mo--t1 .tile:first-of-type .tile__image, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__image { height: 100%; position: absolute; right: 0px; top: 0px; width: 850px; z-index: 1; } .mo--t1 .tile:first-of-type .tile__image::after, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__image::after { content: none; } .mo--t1 .tile:first-of-type .tile__image img, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__image img { height: auto; width: 100%; } .mo--t1 .tile:first-of-type .tile__title, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__title { color: rgb(17, 17, 17); font-family: roboto; font-size: 30px; font-weight: 900; line-height: 38px; max-height: 114px; text-shadow: none; } .mo--t1 .tile:first-of-type .tile__title::before, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__title::before { font-size: 20px; line-height: 26px; padding-top: 1px; position: relative; top: -3px; } .mo--t1 .tile:first-of-type .tile__extraInfo, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__extraInfo { margin-top: 20px; } .mo--t1 .tile:first-of-type .tile__signature, .mo--t2:not(:has(.player)) .tile:first-of-type .tile__signature { color: rgb(117, 117, 117); } .mo--t1 .tile:first-of-type.tile--sorrow .tile__title::before, .mo--t2:not(:has(.player)) .tile:first-of-type.tile--sorrow .tile__title::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxMTE7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJQYXRoXzEwNzE0IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjkyLDE0Ljc3bC0xLjU5LDIuMiwyLjYzLDIuMTIuMzYuMjloLjAycy4yMy4xOS4yMy4xOWwuMTQtLjIzcy4wMi0uMDIuMDMtLjA0YzAsMCwxLjUtMi40LDIuNzUtNC40NC0uNzItMS4xOS0xLjQ3LTIuMzYtMi4yMS0zLjU0bC0yLjM1LDMuNDRaIi8+PHBhdGggaWQ9IlBhdGhfMTA3MTUiIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIyLDE2Ljk4bC00LjA5LTUuODZjLS4wNi0uMS0uMTItLjE5LS4xNy0uMjgtLjk2LTEuNi0yLjA0LTIuOTUtMi44NS00LjA5LS40LS41NC0uNzQtMS4xMS0xLjAyLTEuNzIuNTQtLjE4LDEuMTEtLjI2LDEuNjgtLjI0LjU3LS4wMiwxLjE0LjA2LDEuNjkuMjQtLjI4LjYxLS42MywxLjE4LTEuMDMsMS43Mi0uMTEuMTYtLjI0LjMzLS4zNi41LjQuNTQuODEsMS4wOCwxLjIsMS42Mi4zMy41Mi42NiwxLjA0LDEsMS41NS43Mi0uOTYsMS4xNy0yLjEsMS4yOS0zLjI5LS4wMy0uNDEtLjE1LS44MS0uMzUtMS4xN2gwcy0uOTgtMi4xNC0uOTgtMi4xNGMwLS4wMSwwLS4wMi0uMDEtLjAzaDBjLS41MS0uODgtMS40My0xLjQyLTIuNDMtMS40NWgwYy0xLjAxLjAzLTEuOTMuNTgtMi40MywxLjQ1LDAsLjAxLS4wMS4wMi0uMDEuMDNsLS45OCwyLjEzaDBjLS4yLjM3LS4zMi43Ny0uMzUsMS4xOCwwLDEuNzMsMS40OSwzLjQ4LDMuMDIsNi4wMy41Ny45NCwxLjQzLDIuMzQsMi4xOCwzLjU2bDEuNzQsMi44NiwzLjI4LTIuNjJaIi8+PC9zdmc+"); height: 24px; width: 24px; top: 1px !important; } .mo--t1 .tile, .mo--t2 .tile { align-items: baseline; } .mo--t1 .player, .mo--t2 .player { display: flex; height: 347px; width: 940px; } .mo--t1 .player__titleBox, .mo--t2 .player__titleBox { height: auto; max-height: 210px; order: 1; width: 321px; } .mo--t1 .player__plug, .mo--t2 .player__plug { height: 100%; order: 2; width: 619px; } .mo--t1 .player__title, .mo--t2 .player__title { font-family: roboto; font-size: 26px; font-weight: 900; line-height: 34px; max-height: 136px; -webkit-line-clamp: 4; padding: 0px; } .mo--t1 .player__titleBox, .mo--t2 .player__titleBox { padding: 20px; } .mo--t1 .player:hover, .mo--t2 .player:hover { box-shadow: none; } .mo--t1 .player + .tile, .mo--t2 .player + .tile { height: 348px; width: 300px; } .mo--t2:not(:has(.player)) .tile:first-of-type { width: 940px; } .mo--t2:not(:has(.player)) .tile:first-of-type .tile__image { width: 626px; } .mo--t2:not(:has(.player)) .tile:nth-of-type(2) { height: 348px; width: 300px; } .mo--t2:not(:has(.player)) .tile__title { font-size: 20px; } .mo--t2_horizontal { gap: 0px; } .mo--t2_horizontal .tile { height: 139px; width: 460px; } .mo--t2_horizontal .tile__image { width: 200px; } .mo--t2_horizontal .tile__image img { height: auto; width: 100%; } .mo--t2_horizontal .tile__content { background-color: rgb(255, 255, 255); flex-direction: column; height: 100%; justify-content: space-between; padding: 15px; position: relative; width: 257px; } .mo--t2_horizontal .tile__title { color: rgb(17, 17, 17); font-size: 16px; text-shadow: none; } .mo--t2_horizontal .tile__authorImage { margin-right: 10px; } .mo--t2_horizontal .tile__authorImage img { height: 26px; width: 26px; } .mo--t2_horizontal .tile__signature { color: rgb(117, 117, 117); } .mo--t2_horizontal .tile:first-of-type { margin-right: 20px; } .mo--t2_horizontal .tile--photo.tile--sorrow .tile__title::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxMTE7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJQYXRoXzEwNzE0IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjkyLDE0Ljc3bC0xLjU5LDIuMiwyLjYzLDIuMTIuMzYuMjloLjAycy4yMy4xOS4yMy4xOWwuMTQtLjIzcy4wMi0uMDIuMDMtLjA0YzAsMCwxLjUtMi40LDIuNzUtNC40NC0uNzItMS4xOS0xLjQ3LTIuMzYtMi4yMS0zLjU0bC0yLjM1LDMuNDRaIi8+PHBhdGggaWQ9IlBhdGhfMTA3MTUiIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIyLDE2Ljk4bC00LjA5LTUuODZjLS4wNi0uMS0uMTItLjE5LS4xNy0uMjgtLjk2LTEuNi0yLjA0LTIuOTUtMi44NS00LjA5LS40LS41NC0uNzQtMS4xMS0xLjAyLTEuNzIuNTQtLjE4LDEuMTEtLjI2LDEuNjgtLjI0LjU3LS4wMiwxLjE0LjA2LDEuNjkuMjQtLjI4LjYxLS42MywxLjE4LTEuMDMsMS43Mi0uMTEuMTYtLjI0LjMzLS4zNi41LjQuNTQuODEsMS4wOCwxLjIsMS42Mi4zMy41Mi42NiwxLjA0LDEsMS41NS43Mi0uOTYsMS4xNy0yLjEsMS4yOS0zLjI5LS4wMy0uNDEtLjE1LS44MS0uMzUtMS4xN2gwcy0uOTgtMi4xNC0uOTgtMi4xNGMwLS4wMSwwLS4wMi0uMDEtLjAzaDBjLS41MS0uODgtMS40My0xLjQyLTIuNDMtMS40NWgwYy0xLjAxLjAzLTEuOTMuNTgtMi40MywxLjQ1LDAsLjAxLS4wMS4wMi0uMDEuMDNsLS45OCwyLjEzaDBjLS4yLjM3LS4zMi43Ny0uMzUsMS4xOCwwLDEuNzMsMS40OSwzLjQ4LDMuMDIsNi4wMy41Ny45NCwxLjQzLDIuMzQsMi4xOCwzLjU2bDEuNzQsMi44NiwzLjI4LTIuNjJaIi8+PC9zdmc+"); } .mo--t3 .tile { height: 229px; width: 406px; } .mo--t3:not(:has(.player)) .tile__content { padding: 0px 37px 18px; } .mo--t3:not(:has(.player)) .tile__title { font-size: 20px; } .mo--t3:has(.player) .tile { height: 329px; } .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__content { left: 18px; padding: 20px; width: 370px; } .mo--t3_single:not(:has(.player)) .tile__image img { height: auto; width: 100%; } .mo--t3:not(.mo--t3_single, .player) .tile__image img { height: auto; width: 100%; } .mo--t3 .player { display: flex; flex-direction: column; height: 329px; width: 406px; } .mo--t3 .player__plug { height: 229px; } .mo--t3 .player__titleBox { height: 100px; } .mo--t3 .player__title { padding: 0px; } .mo--t3 .player__extraInfo { margin-top: 8px; } .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__image, .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__image { height: 198px; } .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__image img, .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__image img { height: auto; width: 100%; } .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__content, .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__content { background-color: rgb(255, 255, 255); } .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__content::before, .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__content::before { border-color: rgb(255, 255, 255) transparent transparent; border-style: solid; border-width: 17px 17px 0px 0px; bottom: -13px; content: ""; height: 0px; left: 0px; position: absolute; width: 0px; } .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__title, .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__title { color: rgb(17, 17, 17); font-weight: 900; text-shadow: none; } .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__signature, .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__signature { color: rgb(81, 80, 80); } .mo--t3_single:not(:has(.player)) .tile:first-of-type.tile--sorrow .tile__title::before, .mo--t4_single:not(:has(.player)) .tile:first-of-type.tile--sorrow .tile__title::before { background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iV2Fyc3R3YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAyMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMxMTE7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGlkPSJQYXRoXzEwNzE0IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjkyLDE0Ljc3bC0xLjU5LDIuMiwyLjYzLDIuMTIuMzYuMjloLjAycy4yMy4xOS4yMy4xOWwuMTQtLjIzcy4wMi0uMDIuMDMtLjA0YzAsMCwxLjUtMi40LDIuNzUtNC40NC0uNzItMS4xOS0xLjQ3LTIuMzYtMi4yMS0zLjU0bC0yLjM1LDMuNDRaIi8+PHBhdGggaWQ9IlBhdGhfMTA3MTUiIGNsYXNzPSJjbHMtMSIgZD0iTTE3LjIyLDE2Ljk4bC00LjA5LTUuODZjLS4wNi0uMS0uMTItLjE5LS4xNy0uMjgtLjk2LTEuNi0yLjA0LTIuOTUtMi44NS00LjA5LS40LS41NC0uNzQtMS4xMS0xLjAyLTEuNzIuNTQtLjE4LDEuMTEtLjI2LDEuNjgtLjI0LjU3LS4wMiwxLjE0LjA2LDEuNjkuMjQtLjI4LjYxLS42MywxLjE4LTEuMDMsMS43Mi0uMTEuMTYtLjI0LjMzLS4zNi41LjQuNTQuODEsMS4wOCwxLjIsMS42Mi4zMy41Mi42NiwxLjA0LDEsMS41NS43Mi0uOTYsMS4xNy0yLjEsMS4yOS0zLjI5LS4wMy0uNDEtLjE1LS44MS0uMzUtMS4xN2gwcy0uOTgtMi4xNC0uOTgtMi4xNGMwLS4wMSwwLS4wMi0uMDEtLjAzaDBjLS41MS0uODgtMS40My0xLjQyLTIuNDMtMS40NWgwYy0xLjAxLjAzLTEuOTMuNTgtMi40MywxLjQ1LDAsLjAxLS4wMS4wMi0uMDEuMDNsLS45OCwyLjEzaDBjLS4yLjM3LS4zMi43Ny0uMzUsMS4xOCwwLDEuNzMsMS40OSwzLjQ4LDMuMDIsNi4wMy41Ny45NCwxLjQzLDIuMzQsMi4xOCwzLjU2bDEuNzQsMi44NiwzLjI4LTIuNjJaIi8+PC9zdmc+"); font-weight: 600; } .mo--t4 .tile { height: 168px; width: 300px; } .mo--t4 .tile__image img { height: auto; width: 100%; } .mo--t4:not(:has(.player)) .tile__content { padding: 0px 15px 10px; } .mo--t4:has(.player) .tile--photo { height: 268px; } .mo--t4:has(.player) .tile--photo .tile__image img { height: 100% !important; width: auto !important; } .mo--t4_single:not(:has(.player)) .tile { height: 233px; } .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__content { left: 15px; padding: 15px; width: 270px; } .mo--t4_single:not(:has(.player)) .tile .tile__image img { height: 100%; width: auto; } .mo--t4:not(.mo--t4_single, .player) .tile__image img { height: auto; width: 100%; } .mo--t4 .player { display: flex; flex-direction: column; height: 268px; width: 300px; } .mo--t4 .player__plug { height: 168px; width: 300px; } .mo--t4 .player__titleBox { height: 100px; } .mo--t4 .player__title { padding: 0px; } .mo--t4 .player__extraInfo { margin-top: 8px; } .mo2__t2 .tile--first_mo2, .mo2__t2 .tile:first-of-type { height: 326px; } .mo2__t2 .tile--first_mo2 img, .mo2__t2 .tile:first-of-type img { height: 100%; width: auto; } .mo2__t2 .tile--first_mo2 .tile__title, .mo2__t2 .tile:first-of-type .tile__title { font-size: 20px; } .mo--light_grey .mo__links .tile__title, .mo--light_grey .mo__subtitle, .mo--light_grey .mo__title, .mo--lime .mo__links .tile__title, .mo--lime .mo__subtitle, .mo--lime .mo__title, .mo--white .mo__links .tile__title, .mo--white .mo__subtitle, .mo--white .mo__title { color: rgb(17, 17, 17); } .mo--light_grey .mo__links .tile__title::before, .mo--lime .mo__links .tile__title::before, .mo--white .mo__links .tile__title::before { background-color: rgb(227, 0, 0); color: rgb(255, 255, 255); } .mo--light_grey .mo--t2_horizontal .tile__content, .mo--lime .mo--t2_horizontal .tile__content, .mo--white .mo--t2_horizontal .tile__content { border: 1px solid rgb(229, 229, 229); } .mo--white .mo--t1 .tile:first-of-type .tile__content, .mo--white .mo--t2:not(:has(.player)) .tile:first-of-type .tile__content, .mo--white .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__content, .mo--white .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__content { background-color: rgb(245, 245, 245); } .mo--white .mo--t1 .tile:first-of-type .tile__content::before, .mo--white .mo--t2:not(:has(.player)) .tile:first-of-type .tile__content::before, .mo--white .mo--t3_single:not(:has(.player)) .tile:first-of-type .tile__content::before, .mo--white .mo--t4_single:not(:has(.player)) .tile:first-of-type .tile__content::before { border-color: rgb(245, 245, 245) transparent transparent; } .mo--white .player__titleBox { background-color: rgb(245, 245, 245); } .mo--white .player__titleBox::after { border-color: rgb(245, 245, 245) transparent transparent; } .mo--white .mo__mainTopic { border: 1px solid rgb(245, 245, 245); } .mo--light_grey .mo__secondaryTopic { background-color: rgb(255, 255, 255); border: 1px solid rgb(245, 245, 245); } .mo--gold .mo__subtitle, .mo--gold .mo__title, .mo--rainbow .mo__subtitle, .mo--rainbow .mo__title { color: rgb(17, 17, 17); } #electionBox { overflow: hidden; position: relative; width: 300px; } .is-mobile #electionBox { margin: 15px; min-height: 365px; width: auto; } #electionBox:has(.chart__controls) .chart__box { height: 310px; } #electionBox:has(.chart__controls) .chart__readMore { padding: 10px 5px 0px; } .chart { color: rgb(17, 17, 17); display: flex; flex-direction: column; height: 100%; justify-content: space-between; padding: 10px 15px 8px; position: relative; } .chart__box { background-color: rgb(255, 255, 255); display: flex; height: 348px; overflow: hidden; transition: all 0.3s ease-in-out 0s; } .chart__title { display: -webkit-box; font-size: 14px; font-weight: 700; line-height: 17px; margin-bottom: 5px; max-height: 35px; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .chart__subtitle { color: rgb(117, 117, 117); font-family: roboto; font-size: 8px; font-weight: 700; line-height: 10px; text-transform: uppercase; } .chart__content { display: flex; height: 235px; justify-content: center; margin: 0px 0px auto; overflow: hidden; width: 100%; } .chart__content--1 { height: 266px; } .chart__content--2 { height: 255px; } .chart__content--3 { height: 245px; } .chart__content--4 { height: 235px; } .chart__content--5 { height: 288px; } .chart__content--6 { height: 278px; } .chart__content--7 { height: 267px; } .chart__content--8 { height: 257px; } .chart__readMore { font-size: 10px; font-weight: 700; height: 21px; line-height: 11px; padding: 0px 5px 10px; text-align: center; text-transform: uppercase; width: 100%; } .chart__readMore:hover { color: rgb(117, 117, 117); } .chart__controls { background-color: rgb(255, 255, 255); display: flex; justify-content: space-between; padding: 0px 15px 15px; position: relative; top: -1px; } .chart__arrow { align-items: center; background-color: rgb(17, 17, 17); color: rgb(255, 255, 255); cursor: pointer; display: flex; height: 24px; justify-content: center; transition: all 0.3s ease-in-out 0s; width: 20px; } @media (min-width: 1260px) { .chart__arrow:hover { background-color: rgb(117, 117, 117); } } .chart__arrow--left { opacity: 0; pointer-events: none; transform: rotate(180deg); } .chart__filterList, .chart__singleList { position: relative; width: 100%; } .chart__filterList::after, .chart__singleList::after { background: linear-gradient(transparent, rgba(255, 255, 255, 0.95)); bottom: -4px; content: ""; height: 40px; left: 0px; position: absolute; width: 100%; z-index: 1; } .chart__filterList .chart__list { height: calc(100% - 27px); } .chart__list { display: flex; flex-direction: column; height: 100%; overflow-y: auto; padding: 10px 0px; position: relative; scrollbar-width: thin; width: 100%; } .chart__list.chart__waterMark { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwLjAwMyIgdmlld0JveD0iMCAwIDEwMCAxMDAuMDAzIj4KICA8ZyBpZD0iR3JvdXBfNzk5MyIgZGF0YS1uYW1lPSJHcm91cCA3OTkzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTc2OCAtODQ4NCkiPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV82MzA5IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA2MzA5IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjU3LjE5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzY4IDg1MjYuODEzKSIgZmlsbD0iI2U1ZTVlNSIvPgogICAgPHBhdGggaWQ9IlBhdGhfMTA4MDgiIGRhdGEtbmFtZT0iUGF0aCAxMDgwOCIgZD0iTTU1Ljk0NywwLDE5LjgyMiwyNi4zOWwxNy43MywyNC4yNzJoOGwtMTYuNy0yMi44NjgsMjUuNy0xOC43NzJMODQuOTYsNTAuNjYyaDhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NzYyLjAyMyA4NDg0KSIgZmlsbD0iI2U1ZTVlNSIvPgogIDwvZz4KPC9zdmc+Cg=="); background-position: 50% 80%; background-repeat: no-repeat; } .chart__element { display: flex; font-family: roboto; font-weight: 700; margin-bottom: 11px; position: relative; } .chart__elementPhoto { background-color: rgb(229, 229, 229); border-radius: 50%; height: 30px; margin-right: 10px; width: 30px; } .chart__elementPhoto img { border: 2px solid transparent; border-radius: 50%; height: auto; width: 100%; } .chart__elementDetails { display: flex; flex: 1 1 0%; flex-direction: column; margin-right: 10px; } .chart__elementDetails--turnout { flex-direction: row; } .chart__elementDetails--turnout .chart__elementName { font-weight: 400; } .chart__elementDetails--turnout .chart__elementValue { font-family: roboto; font-size: 12px; font-weight: 700; margin-left: 3px; position: relative; right: 0px; top: -1px; } .chart__elementDetails--empty { justify-content: center; } .chart__elementWrapper { background-color: rgb(240, 240, 240); height: 12px; position: relative; width: 100%; z-index: 1; } .chart__elementColor { background-color: rgb(245, 79, 107); height: 12px; left: 0px; position: absolute; top: 0px; width: 45%; z-index: 2; } .chart__elementName { color: rgb(17, 17, 17); font-size: 10px; line-height: 12px; } .chart__elementValue { font-size: 15px; position: absolute; right: 10px; top: -7px; z-index: 2; } .chart__filter { justify-content: space-between; } .chart__filter, .chart__filterTitle { align-items: center; display: flex; height: 27px; } .chart__filterTitle { font-size: 12px; font-weight: 700; line-height: 13px; overflow: hidden; } .chart__filterButton { border: 1px solid rgb(219, 219, 219); border-radius: 20px; cursor: pointer; font-family: roboto; font-size: 8px; font-weight: 700; line-height: 8px; margin-left: 11px; padding: 5px 12px; text-transform: uppercase; transition: all 0.3s ease-in-out 0s; } .chart__filterButton:hover { background-color: rgb(207, 207, 207); } .chart__map { align-self: center; height: 221px; } .chart__map .area { position: relative; transition: all 0.1s ease-in-out 0s; } .chart__map .area--active, .chart__map .area:hover { filter: brightness(0.7); } .chart__mapPopup { background: rgba(255, 255, 255, 0.95); box-shadow: rgba(18, 18, 18, 0.2) 0px 0px 12px; left: 10px; min-height: 74px; padding: 0px 7px; position: absolute; top: 29px; width: calc(100% - 20px); z-index: 11; } .chart__mapPopup::after { background: linear-gradient(transparent, rgba(255, 255, 255, 0.95)); bottom: 0px; content: ""; height: 30px; left: 0px; position: absolute; width: 100%; } .chart__mapPopup .chart__waterMark { background: none; } .chart__mapTitle { color: rgb(17, 17, 17); font-size: 12px; font-weight: 700; line-height: 14px; padding: 7px 0px; } .chart__mapCloseBtn { background-color: rgb(17, 17, 17); cursor: pointer; height: 20px; position: absolute; right: 0px; top: 0px; transition: all 0.3s ease-in-out 0s; width: 20px; } .chart__mapCloseBtn:hover { background-color: rgb(117, 117, 117); } .chart__map .chart__list { max-height: 245px; } .chart__map:has(.chart__mapLegend)::after { content: "Zobacz frekwencję"; } .chart__mapLegend { align-items: center; display: flex; justify-content: center; width: 100%; } .chart__mapLegendNumber { color: rgb(17, 17, 17); font-family: robotocondensed; font-size: 12px; font-weight: 700; line-height: 12px; padding: 0px 5px; } .chart__mapLegendLine { background: linear-gradient(90deg, rgb(249, 199, 199), rgb(245, 171, 171), rgb(242, 143, 143), rgb(239, 115, 115), rgb(236, 81, 81), rgb(192, 68, 68), rgb(148, 55, 55), rgb(104, 42, 42), rgb(81, 35, 35)); height: 10px; width: 66px; } .chart__map::after { background-color: rgba(252, 252, 252, 0.9); content: "Zobacz wyniki"; font-size: 12px; left: 50%; line-height: 15px; opacity: 1; padding: 5px 12px; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out 0s; z-index: 1; } .chart__map:hover { cursor: pointer; } .chart__map:hover::after { opacity: 0; z-index: -1; } .chart__twoCandidates { display: flex; height: 100%; padding: 10px 0px 5px; width: 100%; } .chart__candidate { align-items: flex-end; display: flex; flex: 1 1 0%; flex-direction: column; font-family: roboto; height: 100%; justify-content: flex-end; padding: 0px 10px; } .chart__candidate--second { align-items: flex-start; } .chart__candidate--second .chart__candidatePhoto { left: 100%; } .chart__candidateBar { background-color: rgb(240, 240, 240); height: 100%; position: relative; width: 70px; } .chart__candidateColor { bottom: 0px; position: absolute; width: 100%; } .chart__candidatePhoto { background-color: rgb(255, 255, 255); border-radius: 50%; bottom: 0px; height: 60px; left: 0px; position: absolute; transform: translate(-50%, 50%); width: 60px; } .chart__candidatePhoto img { border-radius: 50%; } .chart__candidateValue { font-size: 18px; font-weight: 700; left: 50%; line-height: 22px; position: absolute; text-align: center; top: -25px; transform: translateX(-50%); } .chart__candidateName { font-size: 12px; font-weight: 700; line-height: 14px; margin-top: 40px; } .chart__select { background-color: rgb(255, 255, 255); box-shadow: rgba(18, 18, 18, 0.2) 0px 0px 12px; display: none; left: 10px; position: absolute; top: 29px; width: calc(100% - 20px); z-index: 10; } .chart__selectCloseBtn { background-color: rgb(17, 17, 17); cursor: pointer; height: 20px; margin-left: auto; width: 20px; } .chart__selectCloseBtn:hover { background-color: rgb(75, 75, 75); } .chart__selectList { max-height: 255px; overflow-y: scroll; scrollbar-width: thin; } .chart__selectGroup, .chart__selectItem { color: rgb(117, 117, 117); font-family: roboto; font-size: 12px; font-weight: 700; padding: 0px 15px 15px; } .chart__selectItem { color: rgb(17, 17, 17); cursor: pointer; font-weight: 400; padding-left: 25px; transition: all 0.3s ease-in-out 0s; } .chart__selectItem:hover { font-weight: 700; } .chart__dots { background: rgb(255, 255, 255); min-height: 25px; padding: 5px 0px 10px; position: relative; } .chart__dot, .chart__dots { align-items: center; display: flex; justify-content: center; } .chart__dot { background: rgb(229, 229, 229); border-radius: 100%; flex-shrink: 2; height: 10px; margin: 0px 2px; transition: all 0.5s ease 0s; width: 10px; } .slider__dot--hide { height: 0px; margin: 0px; width: 0px; } .slider__dot--half { height: 5px; width: 5px; } .slider__dot--selected { background: rgb(17, 17, 17); } .top-bar { background-color: rgb(255, 255, 255); gap: 20px; justify-content: space-between; margin: 40px auto 0px; position: relative; width: 1300px; display: flex !important; } .countdown, .top-bar--countdown { justify-content: center; } .countdown { align-items: center; display: flex; } .countdown__title { color: rgb(17, 17, 17); font-family: oswald; font-size: 16px; font-weight: 700; line-height: 24px; padding-right: 20px; text-transform: uppercase; white-space: nowrap; } .countdown__labels { color: rgb(17, 17, 17); display: flex; font-family: oswald; font-size: 13px; gap: 8px; line-height: 18px; } .countdown__label { background-color: rgb(245, 245, 245); height: 20px; min-width: 115px; padding: 0px 30px; text-align: center; } .countdown__days, .countdown__hours, .countdown__label span, .countdown__minutes { font-weight: 700; } .candidates { align-items: center; background-color: rgb(245, 245, 245); display: flex; overflow: hidden; width: 100%; } .candidates__title { color: rgb(17, 17, 17); font-family: oswald; font-size: 16px; font-weight: 700; line-height: 24px; padding: 0px 20px; text-transform: uppercase; white-space: nowrap; } .candidates__list-wrapper { overflow: hidden; position: relative; width: 100%; } .candidates__list { display: inline-flex; flex-wrap: nowrap; gap: 20px; transition: transform 0.3s ease 0s; white-space: nowrap; } .candidates__item { align-items: center; display: flex; gap: 8px; margin: 5px 0px; } .candidates__item:last-child { padding-right: 15px; } .candidates__item:first-child { padding-left: 15px; } .candidates__image { border-radius: 50%; border-style: solid; border-width: 2px; height: 40px; width: 40px; } .candidates__name, .candidates__surname { color: rgb(17, 17, 17); font-family: roboto; font-size: 13px; line-height: 16px; } .candidates__surname { font-weight: 700; } .candidates .candidates__button { cursor: pointer; } .candidates .candidates__button--left, .candidates .candidates__button--right { content: ""; height: 50px; position: absolute; top: 0px; width: 90px; z-index: 2; } .candidates .candidates__button--left::after, .candidates .candidates__button--right::after { background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGFzcz0id2VhdGhlcldpZGdldF9fYXJyb3dTVkciIGRhdGEtZGlyZWN0aW9uPSJyaWdodCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMCAyNCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyNCIgZmlsbD0iIzExMSI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNyA2bDYgNi02IDYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L3N2Zz4="); display: block; height: 24px; position: absolute; top: 13px; width: 20px; } .candidates .candidates__button--right { background: linear-gradient(270deg, rgb(245, 245, 245), rgba(245, 245, 245, 0)); right: 0px; } .candidates .candidates__button--right::after { content: ""; right: 0px; } .candidates .candidates__button--left { background: linear-gradient(270deg, rgb(245, 245, 245), rgba(245, 245, 245, 0)); left: 0px; transform: rotate(180deg); } .candidates .candidates__button--left::after { content: ""; right: 0px; } .results-intro__title { color: rgb(17, 17, 17); font-family: oswald; font-size: 16px; font-weight: 700; line-height: 24px; padding-right: 20px; } .results-intro__description { color: rgb(117, 117, 117); font-family: roboto; font-size: 8px; font-weight: 700; line-height: 10px; padding-top: 4px; text-transform: uppercase; } .charts { display: flex; gap: 40px; } .charts__item { display: flex; gap: 8px; } .charts__image { border-radius: 50%; border-style: solid; border-width: 2px; height: 40px; width: 40px; } .charts__header { display: flex; justify-content: space-between; } .charts__name, .charts__percentage { color: rgb(17, 17, 17); font-family: roboto; font-size: 13px; font-weight: 700; line-height: 16px; } .charts__bar { background-color: rgb(240, 240, 240); height: 12px; overflow: hidden; position: relative; width: 218px; } .charts__fill { height: 100%; transition: width 0.3s ease-in-out 0s; width: 0px; } .info-tile { align-items: end; display: flex; flex-direction: column; } .info-tile .info-box__title { color: rgb(17, 17, 17); font-family: roboto; font-size: 13px; font-weight: 700; line-height: 16px; } .info-tile .info-box__button { color: rgb(17, 17, 17); cursor: pointer; font-size: 10px; font-weight: 700; line-height: 12px; padding-top: 5px; text-transform: uppercase; } .info-tile .info-box__button:hover { color: rgb(117, 117, 117); } .ecom__box--four .ecom__header:not(:has(.ecom__logo)) .ecom__extraText::after, .ecom__box--three .ecom__header:not(:has(.ecom__logo)) .ecom__extraText::after, .ecom__logo::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3LjQxIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgNy40MSAxMiI+CiAgPHBhdGggaWQ9IlBhdGhfMTA3NTIiIGRhdGEtbmFtZT0iUGF0aCAxMDc1MiIgZD0iTTE2LjU5LDguNTksMTIsMTMuMTcsNy40MSw4LjU5LDYsMTBsNiw2LDYtNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjU5IDE4KSByb3RhdGUoLTkwKSIgZmlsbD0iIzExMSIvPgo8L3N2Zz4K"); content: ""; height: 12px; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 7px; } .ecom { background-color: rgb(255, 255, 255); flex-wrap: wrap; margin: 20px auto; width: 1260px; display: flex !important; } .ecom__sectionHeader { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(219, 219, 219); color: rgb(117, 117, 117); font-family: oswald; font-size: 12px; font-weight: 300; line-height: 30px; margin-bottom: 15px; position: sticky; text-transform: uppercase; top: 0px; width: 100%; z-index: 10; } .ecom__box--one { margin: 0px 20px 5px 0px; width: 300px; } .ecom__box--one .ecom__header { display: flex; } .ecom__box--one .ecom__text { order: 1; overflow: hidden; position: relative; text-transform: uppercase; white-space: nowrap; z-index: 2; } .ecom__box--one .ecom__text::before { background: radial-gradient(rgb(190, 255, 150), rgba(255, 255, 255, 0)); border-radius: 50%; content: ""; height: 30px; left: 4px; position: absolute; top: 5px; width: 30px; z-index: -1; } .ecom__box--one .ecom__logo { height: 36px; margin: 0px 0px 0px auto; order: 2; overflow: hidden; width: 36px; } .ecom__box--one .ecom__logo::after { content: none; } .ecom__box--one .ecom__extraText { font-size: 16px; line-height: 18px; margin-left: 10px; margin-right: 0px; order: 3; } .ecom__box--three { width: 940px; } .ecom__box--four { width: 1260px; } .ecom__box--four:not(:has(.ecom__header)) .ecom__articles { padding-top: 15px; } .ecom__box--four .ecom__header:not(:has(.ecom__logo)) .ecom__extraText, .ecom__box--three .ecom__header:not(:has(.ecom__logo)) .ecom__extraText { margin-right: 15px; position: relative; } .ecom__header { align-items: center; background-color: rgb(255, 255, 255); display: flex; height: 56px; justify-content: space-between; padding: 10px 0px; position: sticky; top: 0px; z-index: 1000000; } .ecom__header:not(:has(.ecom__text)) { justify-content: end; } .ecom__text { font-size: 24px; line-height: 26px; } .ecom__extraText, .ecom__text { color: rgb(17, 17, 17); font-family: oswald; font-weight: 700; } .ecom__extraText { font-size: 12px; margin-left: auto; text-transform: uppercase; } .ecom__logo { align-items: center; display: flex; height: 36px; margin: 0px 15px 0px 10px; max-width: 90px; position: relative; } .ecom__logo img { height: auto; max-width: 100%; } .ecom__articles { display: flex; gap: 0px 20px; } @media (max-width: 1320px) { [class*="c-section"] [class*="__col-list"] { width: 300px; } } @media (max-width: 1320px) and (-ms-high-contrast:none) { [class*="c-section"] [class*="__col-list"] { padding: 10px 0px 0px; width: 300px; } } @media (max-width: 1320px) { .navigation__box { width: 1260px; } .navigation__logo { padding-left: 0px; } .navigation__mainIcons { padding-right: 0px; } .navigation--partner .navigation__mainIcons { padding: 0px 0px 0px 10px; } .navigation__cyclesBoxList { width: 1260px; } .navigation__links4 { display: none; } .navigation--smallVersion .navigation__mainNav { max-width: 720px; } .navigation.navigation--smallVersion.navigation--partner .navigation__mainNav { max-width: 550px; } .dfp-video-bg .l-main > .o-section__adform, .newspapers, .screeningADFP .l-main, .screeningADFP .l-main > .o-section__adform { width: 1260px; } .newspapers { padding-left: 1px; padding-right: 1px; } .sectionTiles { padding: 20px 1px; } }
Zawsze wiesz, co jest naprawdę istotne
NOWE