/* 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 */