/* html { background: url(../tablet_news.png) no-repeat center 0 / 92% auto; } body { opacity: .8; } */ /* Reset */ .napiszdoba { margin-right:20px; } @media (max-width: 768px) { .napiszdoba { display: none; } } * { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:focus{ outline: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } hr { clear: both; } ul { padding: 0; margin: 0; list-style: none; } a { text-decoration: none; color: #e6050f; transition: all .5s ease; } a:hover, a:focus { color: #d51019 } button { cursor: pointer; transition: all .5s ease; background: none; border: 0; } input[type="submit"] { cursor: pointer; border: 0; } input[type="text"] { border: 0; background: #fff; color: #000; font: 12px/1 'Roboto Condensed', sans-serif; padding: 0 10px; } img { max-width: 100%; height: auto; } /* General */ body { background: #f8f8f8; color: #000; font: 18px/1.5 'Roboto Condensed', sans-serif; min-width: 320px; } body.noscroll { overflow: hidden; } .container.main-container { background: #fff; padding: 40px 40px 0; } @media (max-width: 991px){ .container.main-container { padding: 0 32px; } } @media (max-width: 575px){ .container.main-container { padding: 0 16px; } } p { margin-bottom: 15px; } .button { padding: 6px 20px; background: #d51019; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 700; display: inline-block; } .button:hover, .button:focus { background: #000; } .buttons { text-align: center; } .sr-only { display: none; } .ad-container { text-align: center; } .ad-container a { display: block; margin: 0 auto; } .ad-container a + a { margin-top: 20px; } .ad-container img { display: block; margin: 0 auto; } /* Elements - social icons */ .social { list-style: none; display: flex; margin-bottom: 8px; margin-left: 10px; } .social li + li { margin-left: 8px; } .social a { display: flex; flex-direction: column; justify-content: center; width: 35px; height: 35px; position: relative; background: #1d1d1d; text-align: center; } .social a::before { font-size: 24px; color: #fff; } .social .social-mail::before { font-size: 21px; } .social .social-tw {} .social .social-fb {} .social .social-li {} .social .social-in::before { font-size: 27px; } .social .social-yt {} .social a span { padding: 4px 9px; border-radius: 5px; background: #fad000; text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: .5px; color: #000; position: absolute; top: calc(100% + 13px); left: 50%; transform: translateX(-50%); display: none; } .social a span::before { content: ''; display: block; border-bottom: 10px solid #fad000; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: -10px; left: calc(50% - 10px); } .social a:hover span, .social a:focus span { display: block; } /* Elements - tags */ .tag { min-width: 128px; padding: 7px; font-size: 12px; display: inline-block; color: #fff; text-transform: uppercase; text-align: center; line-height: 1; } .tag:hover, .tag:focus { color: #fff; } .tag-red { background: #d51019; } .tag-black { background: #1d1d1c; } .tag-yellow { background: #fad000; color: #000; } .tag-yellow:hover, .tag-yellow:focus { color: #000; } .tag-green { background: #74b966; } /* Elements - shifters */ .shifter { position: relative; display: flex; align-items: center; } .shifter::after { content: ''; height: 100%; width: 50px; position: absolute; top: 0; right: 0; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, #1d1d1c 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, #1d1d1c 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, #1d1d1c 100%); } .shifter-nav { display: flex; } .shifter-nav button { border: 0; background: none; color: #fff; width: 17px; height: 20px; font-size: 24px; position: relative; top: -3px; } .shifter-nav button + button { margin-left: 32px; } .shifter-nav button:hover::before, .shifter-nav button:focus::before { content: "\62"; } .shifter-arrow-l::before { transform: scaleX(-1); display: block; } .shifter-arrow-r {} .shifter-window { overflow: hidden; margin-left: 40px; } .shifter-list { display: flex; position: relative; } .shifter-item { display: flex; align-items: center; font-size: 16px; letter-spacing: -1px; flex-shrink: 0; } .shifter-item:last-child::after, .shifter-item.shifter-item-last::after { content: ''; width: 50px; /* may also be: padding-right */ } /* Page top */ .page-top { background: #1d1d1c; color: #fff; padding: 8px 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 100000; } .page-top .container { padding: 0 40px; } .page-top .shifter-item + .shifter-item { margin-left: 65px; } .page-top .shifter-item::before { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-right: 4px; } .shifter-item-plus::before { border-bottom: 7px solid #4fff0c; } .shifter-item-minus::before { border-top: 7px solid #d51019; } .shifter-item span { margin-left: 12px; } .shifter-item .shifter-item-block { padding: 2px 4px; margin-left: 9px; font-size: 15px; line-height: 1; color: #000; } .shifter-item .shifter-item-block + .shifter-item-block { margin-left: 3px; } .shifter-item-plus .shifter-item-block { background: #a8f3dc; } .shifter-item-minus .shifter-item-block { background: #fce0e1; } @media (max-width: 991px){ .page-top .container { padding: 0 32px; } } @media (max-width: 767px){ .page-top { position: static; } } /* Header */ .header { margin-bottom: 20px; position: relative; z-index: 3; } .header-top { display: flex; align-items: flex-start; padding: 20px 0 14px; position: relative; z-index: 1; } .header-logo { display: block; flex-shrink: 0; font-size: 0; } .header-top-right { margin-left: auto; align-items: center; display: flex; } .header-top .header-top-right > .header-icons { align-self: flex-end; position: relative; z-index: 1; } .header-icons .social a {} .header-lang { margin-left: 67px; } .header-lang > span { font-size: 12px; color: #7e7e7e; display: block; margin-bottom: 12px; text-align: center; text-transform: uppercase; line-height: 1; } .header-lang ul { display: flex; list-style: none; } .header-lang li + li { margin-left: 27px; } .header-lang li > span { display: block; } .header-lang a { opacity: .4; display: block; } .header-lang a:hover, .header-lang a:focus { opacity: 1; } .header-lang img { display: block; } .header-nav { background: #d51019; display: flex; align-items: center; height: auto; padding: 0 50px; } .header-nav ul li a { color: #fff; font-size: 15px; font-weight: 700; display: block; } .header-nav ul li:hover a, .header-nav ul li a:hover, .header-nav ul li a:focus { background: #1d1d1d; } .header-nav > ul { display: flex; } .header-nav > ul > li { position: relative; } .header-nav > ul > li > a { padding: 13px 15px; } .header-nav li ul { min-width: 100%; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: none; z-index: 10000; list-style: none; } .header-nav li:hover a + ul, .header-nav li a:focus + ul { display: block; } .header-nav li li { display: block; } .header-nav li li + li { border-top: 1px solid #fff; } .header-nav li li a { padding: 10px 15px; } .header-nav li li a:hover, .header-nav li li a:focus { background: #d51019; } .header-search { margin-left: auto; margin-right: 16px; position: relative; height: 100%; } .header-search-checkbox { opacity: 0; position: absolute; pointer-events: none; } .header-search-label { color: #fff; font-size: 21px; height: 25px; display: block; cursor: pointer; margin-top: 12px; } .header-search-label:hover, .header-search-checkbox:focus + .header-search-label { color: #000; } .header-search-checkbox:checked + .header-search-label::before { content: "\6e"; } .header-search-box { max-height: 0; overflow: hidden; transition: all .5s ease; position: absolute; top: 100%; right: 0; } .header-search-checkbox:checked ~ .header-search-box { max-height: 1000vh; } .header-search-box-inner { display: flex; background: #d51019; padding: 15px 15px 15px 20px; } .header-search-box-inner::before { position: absolute; right: 20px; top: 20px; pointer-events: none; color: #fff; } .header-search-box-inner input[type="text"] { height: 30px; } .header-search-box-inner input[type="submit"] { width: 30px; height: 30px; opacity: 0; display: block; } .header-mobile-checkbox { opacity: 0; position: absolute; pointer-events: none; } .header-mobile-label { font-size: 66px; height: 66px; line-height: 66px; color: #d51019; margin-left: auto; } .mobile-nav { pointer-events: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; opacity: 0; z-index: -1; transition: opacity .5s ease, z-index .5s ease; overflow: auto; background: #fff; } .mobile-nav-top-1 { padding: 19px 32px 0; display: flex; align-items: center; flex-shrink: 0; } .mobile-nav-top-2 { display: flex; padding: 32px 32px 48px; align-items: flex-end; flex-shrink: 0; } .mobile-nav-bottom { background: #d51019; flex-grow: 1; padding: 56px 32px 32px; } .mobile-nav-label { font-size: 66px; height: 66px; line-height: 66px; color: #d51019; margin-left: auto; } .mobile-nav .header-lang { margin-left: 0; margin-right: 36px; } .mobile-nav-search { display: flex; border: 1px solid #d51019; position: relative; } .mobile-nav .mobile-nav-search { margin-left: auto; flex-grow: 1; } .mobile-nav-search::before { position: absolute; left: 11px; top: 7px; pointer-events: none; color: #d51019; font-size: 24px; } .mobile-nav-search input[type="text"] { height: 40px; text-transform: uppercase; font-size: 14px; flex-grow: 1; padding: 0 10px 0 27px; } .mobile-nav-search input[type="submit"] { width: 47px; height: 40px; opacity: 0; display: block; } .mobile-nav-bottom ul {} .mobile-nav-bottom ul li + li { margin-top: 8px; } .mobile-nav-bottom ul li a { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 20px; } .mobile-nav-bottom ul ul { margin-left: 16px; margin-top: 8px; } .header-top-right .mobile-nav-search { display: none; } @media (min-width: 992px) and (max-width: 1199px){ .header-search { display: none; } .header-top-right{ flex-wrap: wrap; justify-content: flex-end; align-items: center; margin-left: 76px; flex-grow: 1; } .header-icons { flex-basis: 100%; margin-bottom: 16px; } .header-icons .social { justify-content: flex-end; } .header-lang { margin-left: 16px; } .header-lang span { display: none; } .header-top-right .mobile-nav-search { flex-grow: 1; display: flex; } } @media (min-width: 992px){ .header-mobile-checkbox, .header-mobile-label { display: none; } } @media (max-width: 991px){ .header-top .header-top-right > .header-icons, .header-top .header-top-right > .header-lang, .header > .header-nav { display: none; } .header-top { padding-bottom: 0; } .header-mobile-checkbox:checked ~ .mobile-nav { z-index: 10000; opacity: 1; pointer-events: auto; } } @media (max-width: 767px){ .header-lang li + li { margin-left: 16px; } .mobile-nav-search input[type="text"] { padding: 0 10px 0 0; } .header-top { align-items: center; } .header-logo { flex-shrink: 1; margin-right: 24px; } .header-mobile-label, .mobile-nav-label { font-size: 36px; height: 36px; line-height: 36px; } .mobile-nav-top-1, .mobile-nav-top-2 { padding-left: 16px; padding-right: 16px; } } /* Footer */ .footer { border-top: 10px solid #000; color: #fff; } .footer a { color: #fff; } .footer a:hover, .footer a:focus { color: #000; } .footer .container { padding: 0 40px; } @media (max-width: 991px){ .footer .container { padding: 0 32px; } } @media (max-width: 575px){ .footer .container { padding: 0 16px; } } .footer-top { background: #d51019; padding: 30px 0 24px; } .footer-col { min-width: 236px; } .footer-col + .footer-col { border-left: 5px solid #1d1d1d; padding-left: 22px; } .footer-logo { display: block; margin-bottom: 26px; } .footer-col p { font-size: 17px; line-height: 1.9; margin: 0; } .footer-col ul { list-style: none; } .footer-col li { display: block; line-height: 1; } .footer-col li + li { margin-top: 18px; } .footer-col a { text-transform: uppercase; font-size: 16px; font-weight: 700; } .footer-col a:hover, .footer-col a:focus { color: #000; } .footer-col-icons { flex-shrink: 0; } .footer-col-icons-title { display: block; text-transform: uppercase; font-size: 16px; font-weight: 700; margin-bottom: 16px; } .footer-col-icons .social { margin: 0 -4px 28px; flex-wrap: wrap; } .footer-col-icons .social li, .footer-col-icons .social li + li { margin: 0 4px 8px; } .footer-col-icons .social a { background: #fff; } .footer-col-icons .social a::before { color: #d51019; } .footer-mail { font-size: 16px; display: flex; align-items: center; } .footer-mail::before { font-size: 39px; margin-right: 22px; } .footer-bottom { background: #a20c13; } .footer-bottom-left, .footer-bottom-right { display: flex; align-items: center; } .footer-bottom-right div { display: flex; flex-wrap: wrap; align-items: center; } .footer-bottom span { text-transform: uppercase; font-size: 13px; font-weight: 700; flex-shrink: 0; } .footer-bottom-left a { margin-left: 20px; } @media (max-width: 1199px){ .footer-col + .footer-col { margin-top: 24px; } .footer-col-icons { margin-top: 40px; } .footer-bottom { padding: 16px 0; } .footer-bottom-right { margin-top: 50px; } .footer-bottom-right a { margin-left: 30px; } } @media (min-width: 992px) and (max-width: 1199px){ .footer .container { display: flex; flex-wrap: wrap; } .footer-col { flex-basis: 50%; } .footer-col:first-child, .footer-col-icons { flex-basis: 100%; } } @media (min-width: 1200px){ .footer-top .container { display: flex; } .footer-col + .footer-col { margin-left: 40px; } .footer-col-icons { margin-left: auto; } .footer-bottom { padding: 10px 0; } .footer-bottom .container { display: flex; justify-content: space-between; } .footer-bottom-right a { margin-left: 36px; } } /* --- Homepage --- */ .homepage-block { margin: 20px 0 60px; background: #fff; } .homepage-block header { background: #d51019; color: #fff; padding: 9px 64px 9px; text-transform: uppercase; font-size: 15px; font-weight: 700; margin-bottom: 20px; } .client-block header { background: #d51019; color: #fff; padding: 9px 64px 9px; text-transform: uppercase; font-size: 15px; font-weight: 700; margin-bottom: 20px; } .client-block .clientlogo{text-align:center;} .client-block label{ font-size: 18px; color:#000; font-weight: bold; text-transform: uppercase; text-align: center; } .client-block span.val{ font-size:43px; color:#2D627A;letter-spacing: -2px; line-height: 50px; font-weight: bold; } .homepage-block header a { color: #fff; } .homepage-block header a:hover, .homepage-block header a:focus { text-decoration: underline; } .homepage-block-cat { width: 100%; display: flex; align-items: center; flex-shrink: 0; } .homepage-block-cat--black { background: #1d1d1d; } .homepage-block-cat--purple { background: #450059; } .homepage-block-cat--brown { background: #994101; } .homepage-block-cat img { margin-bottom: 24px; } .homepage-block-cat span { text-transform: uppercase; font-size: 18px; font-weight: 700; color: #fff; } .homepage-block-cat:hover span, .homepage-block-cat:focus span { text-decoration: underline; } .homepage-block-important { margin-bottom: 0; padding-bottom: 0; } @media (min-width: 992px){ .homepage-block-left { display: flex; } .homepage-block-cat { width: 170px; height: 248px; flex-direction: column; justify-content: center; height: 273px; } } @media (max-width: 991px){ .homepage-block-cat { padding: 12px 20px; margin-bottom: 16px; } .homepage-block-cat img { margin-bottom: 0; height: 50px; } .homepage-block-cat span { margin-left: 30px; } } /* Homepage news box */ .news-box { height: 273px; background: center / cover; display: flex; flex-direction: column; position: relative; padding: 24px; } .news-box > * { z-index: 1; } .news-box::after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.8) 100%); } .news-box-tag-top { text-align: right; line-height: 1; z-index: 2; } .news-box-title { color: #fff; font-size: 23px; margin-top: auto; line-height: 1.333; max-height: 152px; display: block; transition: none; } .news-box-title:hover, .news-box-title:focus { text-decoration: underline; color: #fff; } .news-box-title::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .news-box-title span { max-height: 100%; display: block; overflow: hidden; } .news-box-tag-bottom { display: flex; } .news-box-tag-bottom a { width: 156px; } .news-box-tag-bottom a + a { margin-left: 8px; } .homepage-block-important .news-box { margin-bottom: 20px; height: 156px; } .homepage-block-important .news-box .news-box-title { font-size: 17px; max-height: 100%; } .homepage-block-important .news-box-big { padding: 20px 64px 24px 16px; height: 333px; } .homepage-block-important .news-box-big .news-box-title { border-left: 4px solid #d51019; padding: 7px 0 11px 45px; font-size: 27px; line-height: 1.2; } .homepage-block-important .news-box-big .news-box-title span { max-height: 163px; } .homepage-block-important .news-box:not(.news-box-big) .news-box-tag-top, .homepage-block-important .news-box:not(.news-box-big) .news-box-tag-bottom { display: none; } .homepage-block-left .news-box { margin-left: 40px; flex-grow: 1; } @media (min-width: 992px) and (max-width: 1199px){ .homepage-block-left .news-box { margin-left: 16px; } } @media (max-width: 991px){ .news-box { padding: 20px; height: 248px; } .homepage-block-left .news-box { margin-left: 0; margin-bottom: 32px; } .homepage-block-important .news-box { padding: 16px 20px; height: 200px; } .homepage-block-important .news-box-big { padding: 24px 16px; height: 248px; } .homepage-block-important .news-box-big .news-box-title { padding: 7px 0 11px 13px; } } @media (max-width: 767px){ .homepage-block-important .news-box { height: 156px; } .homepage-block-important .news-box-big { height: 248px; } } @media (max-width: 575px){ .homepage-block-important .news-box-big { padding: 16px; } .homepage-block-important .news-box-big .news-box-title { font-size: 23px; } .homepage-block-important .news-box-big .news-box-title span { max-height: 138px; } } /* Homepage news list */ .news-list { border: 1px solid #eee; border-top: 5px solid #1d1d1d; height: 100%; } .news-list-window { height: 100%; display: flex; flex-direction: column; } .news-list-window > div { display: flex; flex-grow: 1; padding: 14px 20px; align-items: center; } .news-list-window > div + div { border-top: 1px solid #eee; } .news-list-name { font-size: 16px; color: #000; font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-right: 20px; } .news-list-window .news-list-name:hover, .news-list-window .news-list-name:focus { color: #d51019; } .news-list-window .tag { height: 20px; font-size: 11px; font-weight: 700; margin-left: auto; min-width: 98px; padding: 5px; } .news-list-nav {} .news-list-nav button {} .news-list-arrow-t {} .news-list-arrow-b {} @media (max-width: 767px){ .news-list-window a { flex-direction: column; align-items: flex-start; } .news-list-window a .tag { margin-left: 0; margin-top: 8px; } } /* Homepage floater */ .homepage-block .header--important { display: flex; padding: 7px 64px; display: flex; align-items: center; } .floater { text-transform: none; flex-grow: 1; position: relative; display: flex; align-items: center; margin-left: 40px; overflow: hidden; } @media (max-width: 991px) { .homepage-block .header--important { padding: 7px 32px; } .floater { margin-left: 20px; } } .floater::after, .floater::before { content: ''; height: 100%; width: 50px; position: absolute; top: 0; z-index: 1; } .floater::after { right: 0; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, #d51019 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, #d51019 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, #d51019 100%); } .floater::before { left: 0; background: -moz-linear-gradient(left, #d51019 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, #d51019 0%, rgba(0,0,0,0) 100%); background: linear-gradient(to right, #d51019 0%, rgba(0,0,0,0) 100%); } .floater-window { overflow: hidden; display: flex; } .floater-list { display: flex; position: relative; } .floater-list + .floater-list { margin-left: 20px; } .floater-item { display: flex; align-items: center; font-size: 16px; letter-spacing: -1px; flex-shrink: 0; } .floater-item + .floater-item { margin-left: 16px; } .floater-item:first-child::before, .floater-item.floater-item-first::before { content: ''; width: 50px; /* may also be: padding-left */ } .floater-item:last-child::after, .floater-item.floater-item-last::after { content: ''; width: 50px; /* may also be: padding-right */ } .floater-item a { background: #000; padding: 3px 24px; display: block; letter-spacing: .5px; } /* Homepage weekly topics */ .weekly-topics { background: #d51019; margin-bottom: 20px; } .weekly-topics-title { text-transform: uppercase; color: #fff; font-size: 15px; font-weight: 700; margin-right: 4px; flex-shrink: 0; margin-left: 16px; } .weekly-topics-list { display: flex; overflow: hidden; flex-wrap: wrap; height: 25px; } .weekly-topics-item { padding: 6px 24px; background: #1d1d1d; color: #fff; line-height: 1; text-transform: uppercase; font-size: 13px; font-weight: 700; min-width: 93px; text-align: center; flex-shrink: 0; letter-spacing: 1px; } .weekly-topics-item:hover, .weekly-topics-item:focus { text-decoration: underline; } .weekly-topics .shifter::after { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, #d51019 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, #d51019 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, #d51019 100%); } .weekly-topics .shifter-window { margin-left: 16px; } .weekly-topics .shifter-item + .shifter-item { margin-left: 16px; } @media (min-width: 992px){ .weekly-topics { padding: 7px 64px 7px 16px; } } @media (max-width: 991px){ .weekly-topics { padding: 7px 32px; } .weekly-topics-title { display: none; } } /* Homepage partners */ .partners { margin: 0 15px 20px; display: flex; } .partners-left { width: 150px; } .partners-right { flex-grow: 1; } .partners-header { display: flex; text-transform: uppercase; font-size: 12px; font-weight: bold; letter-spacing: .5px; align-items: center; margin-bottom: 10px; } .partners-right .partners-header { padding-left: 10px; } .partners-header::after { content: ''; height: 10px; background: #000; margin-left: 30px; display: block; flex-grow: 1; } .partners-links { display: flex; justify-content: space-between; } .partners .shifter-item { font-size: 0; } .partners .shifter-item + .shifter-item { margin-left: 16px; } @media (max-width: 1199px){ .partners { margin: 0 0 20px; } } @media (min-width: 992px){ .partners .shifter::after, .partners .shifter-item:last-child::after { content: none; } .partners .shifter-nav { display: none; } .partners .shifter-window { margin-left: 0; overflow: visible; } .partners .shifter-item { flex-shrink: 1; } } @media (max-width: 991px){ .partners .shifter::after { background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, #fff 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, #fff 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%, #fff 100%); } .partners .shifter-nav button { color: #000; } } /* Homepage slider */ .slider { white-space: nowrap; width: 100%; position: relative; margin: 36px 0 26px; } .slider-paginator { display: none; } .slider-window{ overflow: hidden; width: 100%; } .slider-list{ position: relative; display: flex; flex-flow: row nowrap; justify-content: flex-start; } .slider .slide { white-space: normal; width: 100%; flex: 0 0 100%; max-width: 100%; display: flex; flex-flow: column nowrap; margin: 0; position: relative; } .slider .slide:first-child { margin-left: 0; } @media (min-width: 768px){ .slider.boxes .slide { flex: 0 0 calc(50% - 16px); max-width: calc(50% - 16px); width: calc(50% - 16px); margin: 0 0 0 32px; } } @media (min-width: 992px){ .slider.boxes .slide { flex: 0 0 calc(33.333333% - 10.666px); /* 4 = margin-left * 2 (boxes that use margin) / 3 (all boxes in line) */ max-width: calc(33.333333% - 10.666px); width: calc(33.333333% - 10.666px); margin: 0 0 0 16px; } } @media (min-width: 1200px){ .slider.boxes .slide { flex: 0 0 calc(33.333333% - 26.666px); /* 4 = margin-left * 2 (boxes that use margin) / 3 (all boxes in line) */ max-width: calc(33.333333% - 26.666px); width: calc(33.333333% - 26.666px); margin: 0 0 0 40px; } } .slider-prev, .slider-next { position: absolute; top: calc(50% - 22px); transition: all .5s ease; color: #d51019; font-size: 48px; z-index: 1; text-align: center; background: none; border: 0; } .slider-prev::before, .slider-next::before { display: block; } .slider-prev:hover, .slider-next:hover { color: #000; } .slider-prev { left: -64px; } .slider-prev::before { transform: rotate(180deg); } .slider-next { right: -64px; } .slider-image .slider-prev, .slider-image .slider-next { display: none; } .box-img{ width: 100%; padding-top: 50.53%; background: #000 center / cover; border: 1px solid #dedede; border-bottom: 0; } .box-desc{ padding: 16px 30px; background: #fff; border: 1px solid #dedede; border-top: 0; flex-grow: 1; display: flex; flex-direction: column; } .box-date, .box-place { font-size: 13px; color: #7e7e7e; display: flex; align-items: center; } .box-date { margin-bottom: 5px; } .box-date::before { margin-right: 10px; font-size: 16px; } .box-title { display: block; margin-bottom: 3px; font-size: 22px; line-height: 1.45; font-weight: 700; color: #000; } .box-title:hover, .box-title:focus { color: #d51019; } .box-title::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box-place { margin-top: auto; } .box-place::before { font-size: 27px; position: relative; right: 4px; margin-right: 2px; } @media (max-width: 991px){} /*2 slajdy*/ @media (max-width: 767px){ .slider-window { width: 90%; margin: 0 auto; } .slider-prev { left: -6px; } .slider-next { right: -6px; } } /*pojedynczy slajd*/ /* Homepage bottom */ .homepage-bottom { border-top: 5px solid #d51019; margin: 0 -40px; } .homepage-bottom-inner { padding: 46px 40px 50px; } @media (max-width: 991px){ .homepage-bottom { margin: 0 -32px; } .homepage-bottom-inner { padding: 46px 32px 50px; } } @media (max-width: 575px){ .homepage-bottom { margin: 0 -16px; } .homepage-bottom-inner { padding: 46px 16px 50px; } } .homepage-bottom .col-left img { width: 100%; } .homepage-bottom .col-right iframe { height: 100% !important; } .homepage-bottom .ad-container a { margin: 0; } .newsletter-box { background: #1d1d1d; color: #fff; padding: 24px 64px 34px; margin-bottom: 36px; } .newsletter-title { text-transform: uppercase; font-size: 16px; font-weight: 700; display: block; margin-bottom: 4px; } .newsletter-box label { color: #fff; font-size: 14px; margin-bottom: 8px; display: block; } .newsletter-input { display: flex; } .newsletter-input input[type="text"] { flex-grow: 1; margin-right: 4px; } .newsletter-input .button { flex-basis: 0; padding: 10px 20px; } @media (max-width: 575px){ .newsletter-box { margin: 0 -16px 36px; padding: 24px 32px 34px; } } /* --- Category & events --- */ .category-section, .event-section { margin-top: 48px; } .cat-partner { margin-bottom: 24px; } .cat-partner span { display: block; font-weight: bold; } .category-header, .event-header { width: 100%; display: flex; align-items: center; padding: 18px 20px; margin-bottom: 40px; } .category-header--black, .event-header { background: #1d1d1d; } .category-header--purple { background: #450059; } .category-header--brown { background: #994101; } .category-header img { height: 44px; } .event-header i { font-size: 50px; line-height: .5; color: #fff; } .category-header span, .event-header span { text-transform: uppercase; font-size: 25px; font-weight: 700; color: #fff; margin-left: 30px; letter-spacing: 1px; } .event-header span { margin-left: 20px; } .category-box, .event-box { margin-bottom: 40px; } .event-box { display: flex; flex-direction: column; } .category-box .news-box { height: 159px; margin-bottom: 24px; } .category-box .news-box-title { font-size: 19px; max-height: 99px; } .category-box-tag { display: flex; margin: 0 -8px 20px; align-items: flex-start; } .category-box-tag .tag { flex-basis: calc(50% - 8px); width: calc(50% - 8px); margin: 0 8px; min-width: 0; } .category-box-desc { font-size: 15px; line-height: 2; text-align: justify; } @media (max-width: 1200px) { .category-section, .event-section { margin-top: 24px; } .category-section .ad-container, .event-section .ad-container { margin-bottom: 24px; } } @media (max-width: 991px) { .category-header, .event-header { padding: 15px 20px; margin-bottom: 24px; } .category-header img { height: 40px; } .category-box .news-box { height: 179px; padding: 24px; } .category-box-tag { margin-bottom: 14px; } .category-box .news-box-title { max-height: 126px; } } @media (max-width: 767px){ .event-header i { font-size: 40px; } .category-box .news-box { height: 215px; } .category-box-tag .tag { flex-basis: auto; width: auto; min-width: 128px; } } .pagination { margin-top: 16px; } .pagination ul { display: flex; align-items: flex-end; margin-bottom: 64px; } .pagination li {} .pagination li + li { margin-left: 20px; } .pagination li.active {} .pagination li.pagination-more { line-height: .7; } .pagination li a { display: block; min-width: 30px; height: 30px; color: #fff; background: #d51019; text-align: center; padding: 4px 11px 0; font-size: 15px; } .pagination li a:hover, .pagination li a:focus { text-decoration: underline; } .pagination li.active a { background: #1d1d1c; } /* --- Article --- */ .article { margin-top: 40px; } .article-left { z-index: 1; } /* Article - author */ .author-box { margin-bottom: 53px; } .author-box-title { background: #1d1d1d; color: #fff; text-transform: uppercase; padding: 8px 25px 7px; margin-bottom: 25px; display: block; font-size: 17px; font-weight: 700; } .author-box-inner { display: flex; padding-left: 16px; align-items: flex-start; } .author-box-inner img { flex-shrink: 0; } .author-box-inner div { margin-left: 35px; margin-top: 10px; } .author-box-name { font-weight: bold; display: block; font-size: 16px; line-height: 1.1; word-break: break-word; color: #000; } .author-box-position { display: block; font-size: 13px; margin-bottom: 16px; } .author-box-inner .social a { width: 24px; height: 24px; } .author-box-inner .social a::before { font-size: 20px; } /* Article - share */ .share-box { margin-bottom: 105px; padding-left: 16px; } .share-box-title { display: block; font-size: 15px; margin-bottom: 15px; text-transform: uppercase; font-weight: 700; } .share-types { display: flex; } .share-type { border: 1px solid #c2c2c2; text-align: center; width: 64px; padding: 1px; } .share-type + .share-type { margin-left: 27px; } .share-type span { display: block; margin: 7px 0; } .share-type button { padding: 6px 5px; color: #fff; font-size: 11px; display: block; width: 100%; } .share-type--fb button { background: #4963a4; } .share-type--tw button { background: #4a9ad5; } .share-type--in button { background: #d51019; } /* Article - article body */ .article-header { margin-bottom: 27px; } .article-header h1 { font-size: 28px; padding: 6px 0 14px 44px; border-left: 5px solid #d51019; line-height: 1.1; margin-bottom: 36px; } .article-header-bottom { display: flex; justify-content: space-between; } .article-header-date { font-size: 13px; } .article-header-date::before { margin-right: 10px; display: inline-block; vertical-align: middle; font-size: 24px; } .article-header-tag { padding: 7px 23px; } .article-header-eng { padding: 7px 23px; } .article-pic { margin-bottom: 15px; display: block; width: 100%; } .article-pic-caption, .wp-caption-text { font-size: 13px; color: #999; } .article-pic-caption { margin-bottom: 16px; } .article-body .lead { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; line-height: 1.7; margin-bottom: 32px; } .article-body p, .article-body ul, .article-body ol { font-family: 'Roboto', sans-serif; line-height: 1.7; margin-bottom: 30px; } .article-body ul { list-style: disc; margin-left: 32px; } .article-body ol { margin-left: 32px; } .article-body .wp-caption { max-width: 100%; height: auto; } .article-tags { margin: 40px 0; border-top: 1px solid #d51019; padding-top: 32px; font-size: 0; letter-spacing: 0; } .article-tags a { display: inline-block; padding: 4px 12px; background: #eee; font-size: 14px; color: #000; margin: 0 3px 6px; } .article-tags a:hover, .article-tags a:focus { color: #000; background: #ccc; } /* Article - more */ .article-more-title { background: #1d1d1d; color: #fff; text-transform: uppercase; padding: 8px 25px 7px; margin-bottom: 20px; display: block; font-size: 17px; font-weight: 700; } .article-more .news-box { margin-bottom: 20px; height: 156px; } .article-more .news-box .news-box-title { font-size: 17px; max-height: 100%; } /* Article - @media */ @media (max-width: 1199px){ .article-body { order: 1; } .article-pic { margin: 0 auto 16px; } .article-left { order: 2; } .share-box { margin-bottom: 32px; display: flex; justify-content: flex-end; } .share-box-inner { padding-right: 16px; } .article-more { order: 3; margin-top: 32px; } .article-more .news-box { height: 240px; } } @media (max-width: 991px){ .article-more .news-box { height: 200px; } } @media (max-width: 767px){ .share-box { justify-content: center; } .share-box-inner { padding-right: 0; } .article-more .news-box { height: 156px; } } /* WP widget fix */ .article-body blockquote.wp-embedded-content { display: none; } .article-body p iframe.wp-embedded-content { position: relative !important; clip: auto !important; } /* START Alerts sidebar - front page */ .alerts-sidebar { height: 100%; } .alerts-sidebar .news-list-name { white-space: normal; } .homepage-posts { display: flex; flex-direction: row; border-bottom: 1px solid #dedede; padding-bottom: 20px; margin-bottom: 20px; } .homepage-posts:last-child { border-bottom:none; margin-bottom: 0; } .homepage-posts__date { margin-right: 20px; } .homepage-posts__thumb { min-width: 231px; height: 130px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .homepage-posts__title { font-size: 16px; color: #000; font-weight: 700; } .homepage-posts__desc { margin-top: 20px; padding-left: 20px; } .homepage-posts__meta { font-size: 13px; color: #7e7e7e; margin-top: 20px; } @media (max-width: 575px){ .weekly-topics, .hide-mobile { /* display: none !important; */ } } @media (max-width: 767px){ .homepage-posts { flex-direction: column !important; } .homepage-posts__thumb { height: 178px !important; } } .zobacz-wiecej { text-align: right; margin-right: 10px; margin-bottom: 10px; font-weight:600; } @media (max-width: 767px){ .client-block span.val { font-size:22px!important; line-height:32px!important; } @media (max-width: 767px){ .gaz { display:none!important; } /* @media only screen and (min-width: 960px) { .zobacz-wiecej {display:none;} } */ /* END Alerts sidebar - front page */