@charset "UTF-8";
/* Custom styles for telegrosik theme */
/* Variables */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  width: 100%;
  height: 100%;
  margin: 0;
  scroll-snap-type: y proximity;
  -webkit-tap-highlight-color: transparent;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
}

#header {
  height: 5rem;
  border-bottom: 0.1rem solid #ededed;
}

#header-inner {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
#header-inner #block-telegrosik-branding {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: auto;
}
#header-inner #block-telegrosik-branding a.site-logo {
  position: relative;
  min-width: 18rem;
  z-index: 10;
  margin-top: 0;
  background-color: #f58220;
  border-bottom: 0.5rem solid #f58220;
  border-radius: 0 0 0.5rem 0.5rem;
}
#header-inner #block-telegrosik-branding a.site-logo img {
  width: auto;
  height: 5.5rem !important;
}
#header-inner #block-telegrosik-branding .site-name-slogan {
  display: flex;
  flex-direction: column;
  margin: 0 12px 0 12px;
}
#header-inner #block-telegrosik-branding .site-name-slogan h1.site-name {
  text-align: left;
}
#header-inner #block-telegrosik-branding .site-name-slogan h1.site-name a.site-name-link {
  text-align: left;
  color: #333;
  text-transform: none;
}
#header-inner #block-telegrosik-branding .site-name-slogan h3.site-slogan {
  text-align: left;
  margin: 0;
  font-size: 2rem !important;
  color: #666;
  text-transform: none;
}
@media screen and (max-width: 600px) {
  #header-inner #block-telegrosik-branding .site-name-slogan h3.site-slogan {
    font-size: 1.6rem !important;
  }
}

/* block z infolinią */
#block-telegrosik-infolinia {
  width: auto;
  height: 5rem;
}
#block-telegrosik-infolinia .header-info-block {
  padding: 1.4rem;
  width: auto !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
#block-telegrosik-infolinia .header-info-block span {
  font-weight: 300;
  margin-right: 1.4rem;
}
@media screen and (max-width: 600px) {
  #block-telegrosik-infolinia .header-info-block span:first-child {
    display: none;
  }
}
#block-telegrosik-infolinia .header-info-block a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000;
  flex-wrap: nowrap;
}
#block-telegrosik-infolinia .header-info-block a svg {
  margin-right: 0.6rem;
}
#block-telegrosik-infolinia .header-info-block a svg path.phone {
  fill: #f58220;
}
#block-telegrosik-infolinia .header-info-block a:hover {
  color: #8D4507;
}
@media screen and (max-width: 700px) {
  #block-telegrosik-infolinia {
    display: none;
  }
}

/* Blok konto telegrosik */
#block-telegrosik-panelklienta {
  width: auto;
  height: 5rem;
}
#block-telegrosik-panelklienta .konto-telegrosik {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 1.4rem;
}
#block-telegrosik-panelklienta .konto-telegrosik svg {
  fill: #f58220;
  margin-right: 0.6rem;
}
#block-telegrosik-panelklienta .konto-telegrosik a:hover {
  color: #8D4507;
}
#block-telegrosik-panelklienta .konto-telegrosik span {
  color: #CCC;
}
@media screen and (max-width: 991px) {
  #block-telegrosik-panelklienta {
    display: none;
  }
}

/* zmiana języka */
#block-telegrosik-przelacznikwersjijezykowej {
  width: auto;
  height: 5rem;
}
#block-telegrosik-przelacznikwersjijezykowej ul.links {
  margin-right: 6.4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: right;
  height: 5rem;
}
#block-telegrosik-przelacznikwersjijezykowej ul.links li {
  display: flex;
  align-items: center;
  padding: 1.6rem 0.9rem;
}
#block-telegrosik-przelacznikwersjijezykowej ul.links li a {
  min-width: 2rem;
}
#block-telegrosik-przelacznikwersjijezykowej ul.links li a img {
  width: 1.8rem !important;
  height: 1.4rem !important;
  height: auto;
  border: 0.1rem solid #efefef;
  border-radius: 0.3rem;
  vertical-align: middle;
}
#block-telegrosik-przelacznikwersjijezykowej ul.links li a:hover {
  opacity: 0.9;
}

/* User menu */
#block-telegrosik-account-menu #account-menubar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
@media screen and (max-width: 600px) {
  #block-telegrosik-account-menu {
    display: none;
  }
}

/* main menu */
#block-telegrosik-main-menu {
  padding: 0 1.2rem;
  position: relative !important;
  z-index: 999 !important;
}

#primary-menu .telegrosik-inner {
  background-color: #FFF;
}
#primary-menu .telegrosik-inner .hamburger-icon {
  background-color: transparent !important;
}
#primary-menu .telegrosik-inner .hamburger-icon:hover, #primary-menu .telegrosik-inner .hamburger-icon:focus, #primary-menu .telegrosik-inner .hamburger-icon:focus-visible, #primary-menu .telegrosik-inner .hamburger-icon:focus-within {
  background-color: transparent !important;
}
#primary-menu .telegrosik-inner .hamburger-icon .mobile-menubar-toggler-button svg g {
  stroke: #333 !important;
}
#primary-menu .telegrosik-inner .hamburger-icon.toggled .mobile-menubar-toggler-button svg g {
  stroke: #8D4507 !important;
}
#primary-menu .telegrosik-inner .navigation__menubar li a {
  border-bottom: 0.1rem solid transparent !important;
}
#primary-menu .telegrosik-inner .navigation__menubar li a:hover {
  background-color: #fdfdfd;
  border-bottom: 0.1rem solid #f58220 !important;
}
@media screen and (max-width: 991px) {
  #primary-menu .telegrosik-inner .navigation__menubar li a {
    justify-content: flex-start;
  }
}
#primary-menu .telegrosik-inner .navigation__menubar li button {
  border-bottom: 0.1rem solid transparent !important;
}
#primary-menu .telegrosik-inner .navigation__menubar li button:hover {
  background-color: #fdfdfd;
  border-bottom: 0.1rem solid #f58220 !important;
}
@media screen and (max-width: 991px) {
  #primary-menu .telegrosik-inner .navigation__menubar li button {
    justify-content: flex-start;
  }
}
#primary-menu .telegrosik-inner .navigation__menubar li span {
  border-bottom: 0.1rem solid transparent !important;
}
@media screen and (max-width: 991px) {
  #primary-menu .telegrosik-inner .navigation__menubar li span {
    justify-content: flex-start;
  }
}
@media screen and (min-width: 992px) {
  #primary-menu .telegrosik-inner .navigation__menubar {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 991px) {
  #primary-menu .telegrosik-inner .navigation__menubar {
    height: auto;
    max-height: 100vh;
    overflow: auto;
    padding-bottom: 1.2rem !important;
  }
}
#primary-menu .telegrosik-inner .navigation__default li ul.sub__menu {
  background-color: #FFF !important;
  border: 0.1rem solid #efefef !important;
  border-top: 0.1rem solid #f58220 !important;
  box-shadow: 0 0.4rem 0.4rem #999;
}
#primary-menu .telegrosik-inner .sub__menu-main {
  border-top: 0.2rem solid #f58220;
  background-color: #FFF !important;
  padding: 0.6rem 0.3rem !important;
  border-radius: 0 0 0.3rem 0.3rem;
  box-shadow: 0 0.3rem 0.3rem #999;
  z-index: 200;
}
#primary-menu.w3-sticky .telegrosik-inner {
  background-color: #FFF !important;
}
#primary-menu.w3-sticky .telegrosik-inner .hamburger-icon {
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url(../../images/telegrosik_logo.svg);
}

.boxes .box1, .boxes .box2, .boxes .box3, .boxes .box4 {
  margin: 1.2rem auto !important;
}
@media screen and (max-width: 480px) {
  .boxes .box1, .boxes .box2, .boxes .box3, .boxes .box4 {
    width: 100% !important;
    margin: 1.2rem auto !important;
  }
}
.boxes .col-xs-5 {
  display: block;
  width: 40%;
  float: left;
  position: relative;
  min-height: 0.1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.boxes .col-xs-7 {
  display: block;
  width: 60%;
  float: left;
  position: relative;
  min-height: 0.1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
@media screen and (max-width: 480px) {
  .boxes .col-xs-7 {
    padding-left: 0;
  }
}
.boxes .col-xs-6 {
  align-self: flex-end;
  display: block;
  width: 50%;
  float: left;
  position: relative;
  white-space: nowrap;
}
.boxes .col-xs-6:last-child {
  white-space: wrap;
  padding-bottom: 0.3rem !important;
  padding-left: 0.6rem !important;
}
@media screen and (max-width: 480px) {
  .boxes .col-xs-6 {
    flex-direction: column;
    justify-content: flex-end;
  }
}
.boxes .row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.boxes .text-right {
  text-align: right;
}
.boxes h4 {
  text-align: right;
  font-size: 1.8rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.1;
  font-weight: 500;
}
.boxes p {
  font-size: 1.6rem;
}
.boxes table th {
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.66) !important;
}
.boxes table tr td {
  border-top: 0.1rem solid rgba(255, 255, 255, 0.4) !important;
  text-align: center;
}
.boxes table tr td:first-child {
  text-align: left;
  font-weight: 600 !important;
}

.telegrosik-menu .navigation__menubar li a {
  border-bottom: 0.1rem solid transparent !important;
}
.telegrosik-menu .navigation__menubar li a:hover {
  background-color: #fdfdfd;
  border-bottom: 0.1rem solid #f58220 !important;
}
@media screen and (max-width: 991px) {
  .telegrosik-menu .navigation__menubar li a {
    justify-content: center;
  }
}
.telegrosik-menu .navigation__menubar li button {
  border-bottom: 0.1rem solid transparent !important;
}
.telegrosik-menu .navigation__menubar li button:hover {
  background-color: #fdfdfd;
  border-bottom: 0.1rem solid #f58220 !important;
}
@media screen and (max-width: 991px) {
  .telegrosik-menu .navigation__menubar li button {
    justify-content: center;
  }
}
.telegrosik-menu .navigation__menubar li span {
  border-bottom: 0.1rem solid transparent !important;
}
@media screen and (max-width: 991px) {
  .telegrosik-menu .navigation__menubar li span {
    justify-content: center;
  }
}
@media screen and (min-width: 992px) {
  .telegrosik-menu .navigation__menubar {
    margin-top: 1.6rem;
  }
}
.telegrosik-menu .navigation__default li ul.sub__menu {
  background-color: #FFF !important;
  border: 0.1rem solid #efefef !important;
  border-top: 0.1rem solid #f58220 !important;
  box-shadow: 0 0.4rem 0.4rem #999;
}

#main-box-left .navigation-default .nav__menu-item {
  width: 100%;
  border-left: 0.3rem transparent solid;
}
#main-box-left .navigation-default .nav__menu-item a {
  border: none !important;
  white-space: wrap;
}
#main-box-left .navigation-default .nav__menu-item a .menu__url-title {
  white-space: wrap;
}
#main-box-left .navigation-default .nav__menu-item:hover {
  background-color: #f6f6f6;
}
#main-box-left .navigation-default .nav__menu-item:hover a {
  border: none !important;
}
#main-box-left .navigation-default .nav__menu-item.is-active {
  border-left: 0.3rem #f58220 solid;
}
#main-box-left .navigation-default .nav__menu-item.is-active a {
  color: #8D4507;
}

#sliding-popup {
  background-color: #000 !important;
}

#webform-submission-newsletter-add-form #edit-newsletter-header svg {
  display: block;
  margin: auto;
}
#webform-submission-newsletter-add-form .form-item-wyrazam-zgode-na-przetwarzanie-moich-danych-osobowych-przez-gale {
  margin-top: 3.6rem !important;
}
#webform-submission-newsletter-add-form .form-item-wyrazam-zgode-na-przetwarzanie-moich-danych-osobowych-przez-gale label {
  white-space: normal;
  font-weight: 300;
}
#webform-submission-newsletter-add-form .webform-button--submit {
  background-color: #337ab7;
  border-radius: 0.5rem;
  color: #FFF;
}

.mobile-menubar-toggler-button svg g {
  stroke: #333 !important;
}

@media screen and (max-width: 991px) {
  #mobile-menu-header {
    display: none !important;
  }
  #mobile-menu-header.header-visible {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
  }
  #mobile-menu-header.header-visible hr {
    width: 100%;
  }
  #mobile-menu-header.header-visible .mobile-menu-konto-telegrosik {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding: 1.4rem;
  }
  #mobile-menu-header.header-visible .mobile-menu-konto-telegrosik svg {
    fill: #f58220;
    margin-right: 0.6rem;
  }
  #mobile-menu-header.header-visible .mobile-menu-konto-telegrosik a:hover {
    color: #8D4507;
  }
  #mobile-menu-header.header-visible .mobile-menu-konto-telegrosik span {
    color: #CCC;
  }
  #mobile-menu-header.header-visible .mobile-menu-info-block {
    display: none;
  }
}
@media screen and (max-width: 991px) and (max-width: 700px) {
  #mobile-menu-header.header-visible .mobile-menu-info-block {
    padding: 1.4rem;
    width: auto !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
  #mobile-menu-header.header-visible .mobile-menu-info-block span {
    font-weight: 300;
    margin-right: 1.4rem;
  }
}
@media screen and (max-width: 991px) and (max-width: 700px) and (max-width: 600px) {
  #mobile-menu-header.header-visible .mobile-menu-info-block span:first-child {
    display: none;
  }
}
@media screen and (max-width: 991px) and (max-width: 700px) {
  #mobile-menu-header.header-visible .mobile-menu-info-block a {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #000;
    flex-wrap: nowrap;
  }
  #mobile-menu-header.header-visible .mobile-menu-info-block a svg {
    margin-right: 0.6rem;
  }
  #mobile-menu-header.header-visible .mobile-menu-info-block a svg path.phone {
    fill: #f58220;
  }
  #mobile-menu-header.header-visible .mobile-menu-info-block a:hover {
    color: #8D4507;
  }
}
@media screen and (min-width: 992px) {
  #mobile-menu-header {
    display: none !important;
  }
}

#MenuTriangleBottom {
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-top: -0.1rem;
}
#MenuTriangleBottom #MenuTriangleBottomPath1 {
  fill: #FFF;
}
#MenuTriangleBottom #MenuTriangleBottomPath2 {
  fill: #efefef;
  stroke-width: 0;
}
#MenuTriangleBottom #MenuTriangleBottomPath3 {
  fill: #f58220;
  stroke-width: 0;
}

#top_banner {
  position: relative;
  overflow: hidden;
  min-height: 46rem;
}
#top_banner .parallax-top-banner-bg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 480px) {
  #top_banner .parallax-top-banner-bg {
    top: -10%;
    transform: translateY(0);
    transform: translatex(-50%);
  }
  #top_banner .parallax-top-banner-bg img {
    max-width: none !important;
  }
}
#top_banner .parallax-top-banner {
  padding: 15rem 0;
  margin-top: -15rem !important;
}

#footer_banner {
  position: relative;
  overflow: hidden;
  min-height: 32rem;
  margin: 2rem 0 8rem 0;
}
#footer_banner .parallax-footer-banner-bg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  #footer_banner .parallax-footer-banner-bg {
    top: 50%;
    transform: translateY(-50%);
    transform-origin: center center;
  }
  #footer_banner .parallax-footer-banner-bg img {
    max-width: none !important;
  }
}
@media screen and (max-width: 480px) {
  #footer_banner .parallax-footer-banner-bg {
    top: -10%;
    transform: translateY(0);
    transform: translateX(-50%);
  }
  #footer_banner .parallax-footer-banner-bg img {
    max-width: none !important;
    left: 50%;
    transform: translateX(-30%);
    position: relative;
  }
}
#footer_banner .parallax-footer-banner {
  padding: 15rem 0;
  margin-top: -15rem !important;
}
#footer_banner .parallax-footer-banner .w3-half p, #footer_banner .parallax-footer-banner .w3-half h3, #footer_banner .parallax-footer-banner .w3-half strong, #footer_banner .parallax-footer-banner .w3-half a {
  color: #FFF;
}
@media screen and (max-width: 1500px) {
  #footer_banner .parallax-footer-banner .w3-half {
    padding: 0 4.8rem;
  }
}
@media screen and (max-width: 960px) {
  #footer_banner .parallax-footer-banner .w3-half {
    width: 100% !important;
  }
  #footer_banner .parallax-footer-banner .w3-half:first-child {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  #footer_banner .parallax-footer-banner .w3-half {
    padding: 0 2.4rem;
  }
}

#TopBannerTriangleTop {
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-top: -0.1rem;
  position: absolute;
  top: 0;
  z-index: 10;
}
#TopBannerTriangleTop #TopBannerTriangleTopPath1 {
  fill: #FFF;
}
#TopBannerTriangleTop #TopBannerTriangleTopPath2 {
  fill: #f58220;
  stroke-width: 0;
}
#TopBannerTriangleTop #TopBannerTriangleTopPath3 {
  fill: #FFF;
}
#TopBannerTriangleTop #TopBannerTriangleTopPath4 {
  fill: #efefef;
  stroke-width: 0;
}

#TopBannerTriangleBottom {
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-bottom: -0.1rem;
  position: absolute;
  bottom: 0;
  z-index: 10;
}
#TopBannerTriangleBottom #TopBannerTriangleBottomPath1 {
  fill: #FFF;
}
#TopBannerTriangleBottom #TopBannerTriangleBottomPath2 {
  fill: #efefef;
  stroke-width: 0;
}
#TopBannerTriangleBottom #TopBannerTriangleBottomPath3 {
  fill: #FFF;
}
#TopBannerTriangleBottom #TopBannerTriangleBottomPath4 {
  fill: #f58220;
  stroke-width: 0;
}

#FooterBannerTriangleTop {
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-top: -0.1rem;
  position: absolute;
  top: 0;
  z-index: 10;
}
#FooterBannerTriangleTop #FooterBannerTriangleTopPath1 {
  fill: #FFF;
}
#FooterBannerTriangleTop #FooterBannerTriangleTopPath2 {
  fill: #CCC;
  stroke-width: 0;
}
#FooterBannerTriangleTop #FooterBannerTriangleTopPath3 {
  fill: #FFF;
}
#FooterBannerTriangleTop #FooterBannerTriangleTopPath4 {
  fill: #efefef;
  stroke-width: 0;
}

#FooterBannerTriangleBottom {
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: #ededed;
  margin-bottom: -0.1rem;
  position: absolute;
  bottom: 0;
  z-index: 10;
}
#FooterBannerTriangleBottom #FooterBannerTriangleBottomPath1 {
  fill: #FFF;
}
#FooterBannerTriangleBottom #FooterBannerTriangleBottomPath2 {
  fill: #efefef;
  stroke-width: 0;
}
#FooterBannerTriangleBottom #FooterBannerTriangleBottomPath3 {
  fill: #FFF;
}
#FooterBannerTriangleBottom #FooterBannerTriangleBottomPath4 {
  fill: #CCC;
  stroke-width: 0;
}

/* Strona konta telegrosik */
.path-node-7 .background-container {
  border: none !important;
  width: 100% !important;
  max-width: 640px;
}
.path-node-7 .background-container h4 {
  color: #8D4507;
}
@media screen and (max-width: 480px) {
  .path-node-7 .background-container {
    max-width: 100% !important;
  }
}
.path-node-7 label.smart-label {
  color: #333 !important;
  font-weight: 300 !important;
}
.path-node-7 label.smart-label a {
  color: #8D4507;
}
.path-node-7 input.smart-input {
  border: 0.1rem solid #ededed !important;
  border-radius: 0.3rem !important;
  box-shadow: none !important;
}
.path-node-7 input.locked-input {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.path-node-7 tele-login-button, .path-node-7 .konto-telegrosik {
  color: transparent;
}
.path-node-7 tele-login-button a, .path-node-7 .konto-telegrosik a {
  color: #333;
}
.path-node-7 tele-login-button a:hover, .path-node-7 .konto-telegrosik a:hover {
  color: #8D4507;
}
.path-node-7 tele-login-button a:last-child, .path-node-7 .konto-telegrosik a:last-child {
  display: none;
}
.path-node-7 tele-login-button span, .path-node-7 .konto-telegrosik span {
  display: none;
}
.path-node-7 .konto-telegrosik {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 1.4rem;
}
.path-node-7 .konto-telegrosik svg {
  fill: #f58220;
  margin-right: 0.6rem;
}
.path-node-7 .konto-telegrosik a:hover {
  color: #8D4507;
}
.path-node-7 .header-info-block {
  padding: 1.4rem;
  width: auto !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.path-node-7 .header-info-block a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000;
  flex-wrap: nowrap;
}
.path-node-7 .header-info-block a svg {
  margin-right: 0.6rem;
}
.path-node-7 .header-info-block a svg path.phone {
  fill: #f58220;
}
.path-node-7 .header-info-block a:hover {
  color: #8D4507;
}

.path-node-23 tele-login-button, .path-node-23 .konto-telegrosik {
  color: transparent;
}
.path-node-23 tele-login-button a, .path-node-23 .konto-telegrosik a {
  color: #333;
}
.path-node-23 tele-login-button a:hover, .path-node-23 .konto-telegrosik a:hover {
  color: #8D4507;
}
.path-node-23 tele-login-button span, .path-node-23 .konto-telegrosik span {
  color: #ccc;
}
.path-node-23 .konto-telegrosik {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 1.4rem;
}
.path-node-23 .konto-telegrosik svg {
  fill: #f58220;
  margin-right: 0.6rem;
}
.path-node-23 .konto-telegrosik a:hover {
  color: #8D4507;
}
.path-node-23 .header-info-block {
  padding: 1.4rem;
  width: auto !important;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.path-node-23 .header-info-block a {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #000;
  flex-wrap: nowrap;
}
.path-node-23 .header-info-block a svg {
  margin-right: 0.6rem;
}
.path-node-23 .header-info-block a svg path.phone {
  fill: #f58220;
}
.path-node-23 .header-info-block a:hover {
  color: #8D4507;
}

.field--name-field-zalaczniki .field__items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.field--name-field-zalaczniki .field__items .field__item {
  padding: 0.6rem 0;
}
.field--name-field-zalaczniki .field__items .field__item span {
  color: #8D4507;
}
.field--name-field-zalaczniki .field__items .field__item span:last-child {
  color: #333;
}
#sliding-popup {
  background: #000;
  border-top: 1px solid #333;
}

.eu-cookie-compliance-banner, .eu-cookie-withdraw-banner {
  font-family: "Roboto", sans-serif !important;
  font-size: 1.2rem;
  padding: 1.2rem 2.4rem;
  max-height: 100vh;
  overflow-y: auto;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message, .eu-cookie-withdraw-banner .eu-cookie-compliance-message {
  max-width: 100%;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message h2, .eu-cookie-withdraw-banner .eu-cookie-compliance-message h2 {
  color: #FFF;
  font-size: 1.8rem;
  text-shadow: none;
  font-weight: 600;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-message p, .eu-cookie-withdraw-banner .eu-cookie-compliance-message p {
  font-size: 1.4rem;
  font-weight: normal;
  text-shadow: none;
  color: #CCC;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category-checkbox, .eu-cookie-withdraw-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category-checkbox {
  width: 2.4rem;
  height: 2.4rem;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-categories label, .eu-cookie-withdraw-banner .eu-cookie-compliance-categories label {
  color: #FFF;
  vertical-align: middle;
  margin: 0 0 9px 6px;
  display: inline-block;
  font-weight: bold;
}
.eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category-description, .eu-cookie-withdraw-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category-description {
  margin: 1.2rem 0;
  padding-bottom: 1.2rem;
  border-bottom: 0.1rem solid #333;
  color: #CCC;
}
.eu-cookie-compliance-banner button, .eu-cookie-withdraw-banner button {
  padding: 0.4rem 0.8rem;
  border-radius: 0.5rem;
  text-decoration: none;
  background-color: transparent;
  box-shadow: none;
  background-image: none;
  text-shadow: none;
  border: none;
  color: #CCC;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem !important;
}
.eu-cookie-compliance-banner button.find-more-button, .eu-cookie-withdraw-banner button.find-more-button {
  color: #ccc;
}
.eu-cookie-compliance-banner button.find-more-button:hover, .eu-cookie-withdraw-banner button.find-more-button:hover {
  color: #FFF;
}
.eu-cookie-compliance-banner button.find-more-button:focus, .eu-cookie-compliance-banner button.find-more-button:focus-visible, .eu-cookie-withdraw-banner button.find-more-button:focus, .eu-cookie-withdraw-banner button.find-more-button:focus-visible {
  border: 0.1rem solid #333;
}
.eu-cookie-compliance-banner button.agree-button, .eu-cookie-compliance-banner button.eu-cookie-withdraw-button, .eu-cookie-withdraw-banner button.agree-button, .eu-cookie-withdraw-banner button.eu-cookie-withdraw-button {
  color: #ccc;
}
.eu-cookie-compliance-banner button.agree-button:hover, .eu-cookie-compliance-banner button.eu-cookie-withdraw-button:hover, .eu-cookie-withdraw-banner button.agree-button:hover, .eu-cookie-withdraw-banner button.eu-cookie-withdraw-button:hover {
  color: #FFF;
}
.eu-cookie-compliance-banner button.agree-button:focus, .eu-cookie-compliance-banner button.agree-button:focus-visible, .eu-cookie-compliance-banner button.eu-cookie-withdraw-button:focus, .eu-cookie-compliance-banner button.eu-cookie-withdraw-button:focus-visible, .eu-cookie-withdraw-banner button.agree-button:focus, .eu-cookie-withdraw-banner button.agree-button:focus-visible, .eu-cookie-withdraw-banner button.eu-cookie-withdraw-button:focus, .eu-cookie-withdraw-banner button.eu-cookie-withdraw-button:focus-visible {
  border: 0.1rem solid #333;
}
.eu-cookie-compliance-banner button.decline-button, .eu-cookie-withdraw-banner button.decline-button {
  color: #ccc;
}
.eu-cookie-compliance-banner button.decline-button:hover, .eu-cookie-withdraw-banner button.decline-button:hover {
  color: #FFF;
}
.eu-cookie-compliance-banner button.decline-button:focus, .eu-cookie-compliance-banner button.decline-button:focus-visible, .eu-cookie-withdraw-banner button.decline-button:focus, .eu-cookie-withdraw-banner button.decline-button:focus-visible {
  border: 0.1rem solid #333;
}
.eu-cookie-compliance-banner button:hover, .eu-cookie-withdraw-banner button:hover {
  background: #262626 !important;
}
.eu-cookie-compliance-banner button:focus, .eu-cookie-compliance-banner button:focus-visible, .eu-cookie-withdraw-banner button:focus, .eu-cookie-withdraw-banner button:focus-visible {
  border: 0.1rem solid #333;
}

.eu-cookie-withdraw-tab {
  background-color: transparent;
  background-image: url(../../images/cookie-bg.png);
  background-size: 100% 100%;
  border: 0;
  padding: 1.2rem 2.4rem;
  width: 12rem;
  color: transparent;
  height: 5.6rem;
  margin-bottom: -0.3rem;
}
.eu-cookie-withdraw-tab:focus {
  outline: none;
}

.view-frontpage .feed-icons {
  display: none;
}
.view-frontpage article[data-history-node-id="51"] .node__header, .view-frontpage article[data-history-node-id="51"] .links {
  display: none;
}

a.link-button {
  padding: 0.6rem 1.2rem;
  border-radius: 0.5rem;
  border: 0.1rem solid #ededed;
}
a.link-button:hover {
  border-color: #f58220;
  color: #FFF;
  background-color: #f58220;
}

/* Parallax banner */
#banner {
  margin-top: 0rem;
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-top: 0.1rem solid #efefef;
  border-bottom: 0.1rem solid #efefef;
}
#banner .parallax-top-banner {
  width: 100%;
}
#banner .parallax-top-banner img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#banner .parallax-top-banner .views_slideshow_slide .views-row {
  position: relative;
}
#banner .parallax-top-banner .views_slideshow_slide .views-row .views-field-field-link-do-zawartosci {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#banner .parallax-top-banner .views_slideshow_slide .views-row .views-field-field-link-do-zawartosci .field-content {
  width: 100%;
  height: 100%;
}
#banner .parallax-top-banner .views_slideshow_slide .views-row .views-field-field-link-do-zawartosci a {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
}
#banner .parallax-top-banner #block-telegrosik-views-block-main-slider-block-1 {
  display: block;
}
#banner .parallax-top-banner #block-telegrosik-views-block-duplikat-main-slider-block-1 {
  display: none;
}
@media screen and (max-width: 480px) {
  #banner .parallax-top-banner #block-telegrosik-views-block-main-slider-block-1 {
    display: none;
  }
  #banner .parallax-top-banner #block-telegrosik-views-block-duplikat-main-slider-block-1 {
    display: block;
  }
}

/* Views pager */
.views-slideshow-controls-bottom {
  z-index: 3000;
  position: absolute;
  bottom: 4rem;
  left: 50%;
  transform: translate(-50%, 50%);
  max-width: 100vw;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li {
  text-indent: -9999px;
  cursor: pointer;
  display: inline-block;
  border-radius: 0;
  padding: 4px 6px;
  background: #FFF;
  border: 0.2rem solid #CCC !important;
  color: transparent;
  margin: 0.4em;
  line-height: 12px;
  width: 18px;
  height: 18px;
  font-size: 1rem;
  content: none;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li:hover {
  background: #efefef;
  border: 0.2rem solid #999 !important;
  cursor: default;
}
.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active {
  background: #FFF;
  border: 0.2rem solid #f58220 !important;
  cursor: default;
}
@media screen and (max-width: 480px) {
  .views-slideshow-controls-bottom {
    bottom: 1.5rem;
  }
}

/* bloki z doładowniem i zakupem karty */
.top-box {
  padding: 0;
  display: block;
  display: flex;
  flex-direction: row;
  align-items: center;
  opacity: 1;
}
.top-box a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.top-box a .top-box-text {
  border: 0.1rem solid #ededed;
  font-size: 2.4rem;
  font-weight: 600;
  min-width: 34.5rem;
}
.top-box a .top-box-text.text-right {
  text-align: right;
}
.top-box a .top-box-text.text-left {
  text-align: left;
}
@media screen and (max-width: 480px) {
  .top-box a .top-box-text {
    font-size: 1.8rem;
    min-width: 29rem;
  }
}
.top-box a .top-box-icon {
  position: relative;
  z-index: 10;
}
.top-box a .top-box-icon svg {
  vertical-align: middle;
}
.top-box a .top-box-icon svg circle {
  fill: #f58220;
}
.top-box a .top-box-icon svg #inner-icon path, .top-box a .top-box-icon svg #inner-icon polygon {
  fill: #FFF;
}
@media screen and (max-width: 480px) {
  .top-box a .top-box-icon svg {
    width: 8rem;
    height: 8rem;
  }
}
.top-box.left {
  justify-content: flex-end;
}
.top-box.left a {
  justify-content: flex-end;
}
.top-box.left a .top-box-text {
  padding: 2.4rem 7.2rem 2.4rem 4.8rem;
  border-radius: 3.6rem 0 0 3.6rem;
  margin-right: -5.6rem;
}
@media screen and (max-width: 480px) {
  .top-box.left a .top-box-text {
    padding: 1.8rem 7.2rem 1.8rem 4.8rem;
  }
}
.top-box.right {
  justify-content: flex-start;
}
.top-box.right a {
  justify-content: flex-start;
}
.top-box.right a .top-box-text {
  padding: 2.4rem 4.8rem 2.4rem 7.2rem;
  border-radius: 0 3.6rem 3.6rem 0;
  margin-left: -5.6rem;
}
@media screen and (max-width: 480px) {
  .top-box.right a .top-box-text {
    padding: 1.8rem 4.8rem 1.8rem 7.2rem;
  }
}
.top-box:hover .top-box-text {
  box-shadow: 0 0 0.6rem #CCC;
  color: #f58220;
}
.top-box:hover.left svg {
  filter: grayscale(1);
  transform: rotate(15deg);
}
.top-box:hover.right svg {
  filter: grayscale(1);
  transform: rotate(-15deg);
}
@media screen and (max-width: 480px) {
  .top-box {
    margin: 0 !important;
  }
}

/* Block linki */
@media screen and (max-width: 600px) {
  #block-telegrosik-linki img {
    max-width: 18rem !important;
    width: 100% !important;
    height: auto !important;
  }
}

/* Copyright & Credit Link region */
#CoprightTriangletop {
  width: 100%;
  height: auto;
  max-height: 4rem;
  stroke-width: 0;
  stroke: transparent;
  margin-bottom: -1rem;
}
#CoprightTriangletop #MenuTriangleBottomPath1 {
  fill: #000;
}
#CoprightTriangletop #MenuTriangleBottomPath2 {
  fill: #f58220;
  stroke-width: 0;
}
#CoprightTriangletop #MenuTriangleBottomPath3 {
  fill: #ededed;
  stroke-width: 0;
}

#copyright {
  background-color: #000;
}
#copyright p {
  color: #CCC;
  font-weight: 200;
}
#copyright a {
  color: #FFF;
  font-weight: 300;
}

#block-telegrosik-trzykroki .manual {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
}
@media screen and (max-width: 991px) {
  #block-telegrosik-trzykroki .manual {
    flex-direction: row;
    align-items: stretch;
  }
}
@media screen and (max-width: 480px) {
  #block-telegrosik-trzykroki .manual {
    flex-direction: column;
  }
}
#block-telegrosik-trzykroki #tablist-1 {
  text-align: center;
  margin: 2.4rem 0;
  color: #FFF;
  font-size: 3.2rem;
}
#block-telegrosik-trzykroki [role=tablist] {
  min-width: 100%;
}
#block-telegrosik-trzykroki [role=tab],
#block-telegrosik-trzykroki [role=tab]:hover {
  position: relative;
  z-index: 2;
  padding: 0.6rem 1.2rem;
  margin: 1.2rem 0;
  background-color: rgba(0, 0, 0, 0.2);
  color: #FFF;
  border-radius: 0.5rem;
  outline: none;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
#block-telegrosik-trzykroki [role=tab][aria-selected=true] {
  background: #FFF;
  color: #337ab7;
  border: 0.2rem solid #f3f3f3;
}
#block-telegrosik-trzykroki [role=tab][aria-selected=false] {
  border: 0.2rem solid transparent;
}
#block-telegrosik-trzykroki [role=tab]:focus, #block-telegrosik-trzykroki [role=tab]:focus-visible {
  border: 0.2rem solid rgb(36, 116, 214);
}
#block-telegrosik-trzykroki [role=tabpanel] {
  padding: 2.4rem;
  background: transparent;
  width: 100%;
  overflow: auto;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: start;
  flex-wrap: wrap;
}
#block-telegrosik-trzykroki [role=tabpanel] .col {
  width: 33%;
  padding: 0 2.4rem;
  text-align: center;
  color: #FFF;
}
#block-telegrosik-trzykroki [role=tabpanel] .col p {
  text-align: center;
  font-size: 2rem;
}
#block-telegrosik-trzykroki [role=tabpanel] .col em {
  font-weight: 200;
}
@media screen and (max-width: 480px) {
  #block-telegrosik-trzykroki [role=tabpanel] .col {
    width: 100%;
  }
  #block-telegrosik-trzykroki [role=tabpanel] .col p {
    font-size: 1.6rem;
  }
}
#block-telegrosik-trzykroki [role=tabpanel] .number {
  display: flex;
  margin: 0 auto 2.4rem auto;
  width: 6.4rem;
  height: 6.4rem;
  background-color: #FFF;
  border-radius: 3.2rem;
  color: #337ab7;
  font-size: 2.4rem;
  font-weight: 600;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  #block-telegrosik-trzykroki [role=tabpanel] .number {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 1.6rem;
    margin: 0 auto 1.2rem auto;
  }
}
#block-telegrosik-trzykroki [role=tabpanel] p {
  color: #FFF;
  width: 100%;
  text-align: right;
  margin: 0;
}
@media screen and (max-width: 480px) {
  #block-telegrosik-trzykroki [role=tabpanel] {
    flex-direction: column;
  }
}
#block-telegrosik-trzykroki [role=tabpanel].is-hidden {
  display: none;
}
#block-telegrosik-trzykroki .tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
#block-telegrosik-trzykroki .tabs .tab-header {
  width: 25%;
  padding: 0 2.4rem;
}
#block-telegrosik-trzykroki .tabs .tab-header button {
  width: 100%;
  margin: 1.2rem 0;
}
@media screen and (max-width: 991px) {
  #block-telegrosik-trzykroki .tabs .tab-header {
    width: 100%;
  }
  #block-telegrosik-trzykroki .tabs .tab-header button {
    margin: 1.2rem 0;
  }
}
#block-telegrosik-trzykroki .tabs .tab-content {
  width: 75%;
}
@media screen and (max-width: 991px) {
  #block-telegrosik-trzykroki .tabs .tab-content {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  #block-telegrosik-trzykroki .tabs {
    flex-direction: column;
  }
}

.node__content a {
  color: #f58220;
  text-decoration: none;
  cursor: pointer;
}
.node__content .file a {
  color: #8D4507;
  text-decoration: none;
  cursor: pointer;
}

#block-telegrosik-infofooter {
  padding-top: 1.2rem;
  border-top: 0.1rem solid #ededed;
  width: 100%;
}
#block-telegrosik-infofooter .w3-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
#block-telegrosik-infofooter .w3-row::before, #block-telegrosik-infofooter .w3-row::after {
  display: none !important;
}
#block-telegrosik-infofooter .w3-row div {
  width: auto !important;
}
#block-telegrosik-infofooter .w3-row div:first-child {
  justify-self: flex-start;
  filter: grayscale(1);
}
#block-telegrosik-infofooter .w3-row div:first-child img {
  width: 100% !important;
  height: auto !important;
  max-width: 24rem !important;
}
#block-telegrosik-infofooter .w3-row div:last-child {
  justify-self: flex-end;
  color: #333;
  font-weight: 300;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
#block-telegrosik-infofooter .w3-row div:last-child strong {
  color: #000;
  font-weight: 600;
  margin-right: 0.6rem;
}
#block-telegrosik-infofooter .w3-row div:last-child svg {
  margin-right: 0.6rem;
  fill: #f58220;
}
#block-telegrosik-infofooter .w3-row div:last-child svg g path {
  fill: #f58220;
}
#block-telegrosik-infofooter .w3-row div:last-child a {
  margin: 0 0.6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
#block-telegrosik-infofooter .w3-row div:last-child a:hover {
  color: #8D4507;
}
@media screen and (max-width: 480px) {
  #block-telegrosik-infofooter .w3-row div:last-child {
    flex-direction: column;
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 640px) {
  #block-telegrosik-infofooter .w3-row {
    flex-direction: column-reverse;
    justify-content: center;
  }
}

/* Wyswig styles */
h1.header-title, h2.header-title, h3.header-title, h4.header-title, h5.header-title {
  color: #f58220;
}
h1.header-title span, h1.header-title strong, h1.header-title p, h2.header-title span, h2.header-title strong, h2.header-title p, h3.header-title span, h3.header-title strong, h3.header-title p, h4.header-title span, h4.header-title strong, h4.header-title p, h5.header-title span, h5.header-title strong, h5.header-title p {
  color: #f58220;
}
h1.header-subtitle, h2.header-subtitle, h3.header-subtitle, h4.header-subtitle, h5.header-subtitle {
  color: #8D4507;
}
h1.header-subtitle span, h1.header-subtitle strong, h1.header-subtitle p, h2.header-subtitle span, h2.header-subtitle strong, h2.header-subtitle p, h3.header-subtitle span, h3.header-subtitle strong, h3.header-subtitle p, h4.header-subtitle span, h4.header-subtitle strong, h4.header-subtitle p, h5.header-subtitle span, h5.header-subtitle strong, h5.header-subtitle p {
  color: #8D4507;
}
h1.header-lowlighted, h2.header-lowlighted, h3.header-lowlighted, h4.header-lowlighted, h5.header-lowlighted {
  color: #333;
  font-weight: 200;
}
h1.header-lowlighted span, h1.header-lowlighted strong, h1.header-lowlighted p, h2.header-lowlighted span, h2.header-lowlighted strong, h2.header-lowlighted p, h3.header-lowlighted span, h3.header-lowlighted strong, h3.header-lowlighted p, h4.header-lowlighted span, h4.header-lowlighted strong, h4.header-lowlighted p, h5.header-lowlighted span, h5.header-lowlighted strong, h5.header-lowlighted p {
  color: #333;
  font-weight: 200;
}

p.highlited {
  color: #f58220;
}

.faq-category a {
  color: #000;
}

.faq-question a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #8D4507 !important;
}
.faq-question a svg {
  margin-top: 0.2rem;
  margin-right: 0.9rem;
}
.faq-question a svg path:last-child {
  fill: #8D4507;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.field--name-field-faq-category .field__item {
  width: 100%;
}

.faq-category a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.faq-category a svg path:last-child {
  fill: #CCC;
}

.paragraph {
  width: 100%;
}
.paragraph .faq-answer-content {
  padding-left: 3.2rem;
}
.paragraph hr {
  margin: 0.8rem 0;
}

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../../images/telegrosik_logo.svg) center no-repeat #fefefe;
  background-size: 240px 66px;
}

.loader .loader-content {
  font-family: "Roboto";
  font-size: 1.6rem;
  position: absolute;
  top: calc(54% - 1.1rem);
  bottom: calc(46% - 1.1rem);
  left: calc(50% - 3.2rem);
  right: calc(50% - 3.2rem);
}
.loader .loader-content span {
  white-space: nowrap;
}

.loader .loader-content img {
  transform: scale(0.15);
  transform-origin: bottom left;
  vertical-align: text-bottom;
}/*# sourceMappingURL=custom.css.map */