@import "reset.css";
@import "owl.carousel.css";
@import "pretty-checkbox.min.css";

html,
body {
  scroll-behavior: smooth !important;
}
html,
body {
  font-size: 16px;
  font-weight: normal;
  color: var(--gray2) !important;
  background: var(--white);
  font-family: "Baloo Tamma 2", cursive !important;
  line-height: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  overflow-x: hidden !important;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
input,
select,
textarea,
button,
a,
span,
i,
li,
div.menu-btn,
img,
ul.mainMenu,
.productBox {
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
  outline: none;
  text-decoration: none;
}
input,
select,
textarea,
button {
  font-family: "Baloo Tamma 2", cursive;
  font-weight: 300;
  font-size: 16px;
  color: var(--gray5);
  outline: none !important;
}
a,
a:focus {
  color: var(--dark-green);
  outline: none !important;
  vertical-align: baseline;
}
a:hover {
  color: var(--lighter-green);
  text-decoration: underline;
}
.nopadding {
  padding: 0 !important;
  margin: 0;
  overflow: hidden !important;
}
.nopaddingright {
  padding-right: 0 !important;
}
.responsive-services {
  position: relative;
}
.noborder {
  border: 0 !important;
}
.vertical-center {
  margin-top: auto;
  margin-bottom: auto;
}
.align-right {
  margin-left: auto;
  display: table !important;
}
.mbottom-30 {
  margin-bottom: 30px;
}
.align-center {
  margin-left: auto;
  margin-right: auto;
  display: table !important;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dark-gray {
  color: var(--gray3);
}
.extra-strong {
  font-weight: 800;
}

.bg-gray {
  background: url("../images/bg-gray.jpg") no-repeat;
  background-size: cover;
  background-position: bottom;
}

::-moz-selection {
  background: var(--lighter-green);
  color: var(--white);
}
::selection {
  background: var(--lighter-green);
  color: var(--white);
}

body::-webkit-scrollbar,
iframe::-webkit-scrollbar,
header .dropdown::-webkit-scrollbar {
  width: 0.8em;
}

body::-webkit-scrollbar-track,
iframe::-webkit-scrollbar-track,
header .dropdown::-webkit-scrollbar-track {
  background: var(--grayd);
}

body::-webkit-scrollbar-thumb,
iframe::-webkit-scrollbar-thumb,
header .dropdown::-webkit-scrollbar-thumb {
  background-color: var(--dark-green);
}

img.shadow {
  box-shadow: 20px 20px 20px -10px rgb(0 0 0 / 30%);
  border: 2px solid var(--graye);
}

img.radius {
  border-radius: 15px;
}

img.center {
  margin: 0 auto;
  text-align: center;
}

iframe.youtube,
video {
  width: 100% !important;
  height: auto !important;
  min-height: 450px;
}

/* HEADER */

header {
  background: var(--white);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

header h1 {
  display: block;
  position: absolute;
  z-index: 999999;
  top: 0;
  left: 0;
  text-indent: -999px;
}

header .mainPanel {
  padding: 0;
}

header a.isStuck {
  display: none;
  animation-delay: 1.5s;
}

header .logo {
  display: block;
  position: relative;
  padding: 10px 0px 0px 0px;
}

@media (max-width: 1400px) {
  header .logo {
    padding: 13px 0px 0px 0px;
  }
}

header .logo img {
  width: 100%;
  max-width: 220px;
  animation-delay: 1.5s;
}

header .mainMenu {
  display: block;
  position: relative;
  margin: 8px 0 0 0;
  padding: 0;
  list-style-type: none;
  letter-spacing: normal;
}

header .mainMenuArrow,
header .subMenuArrow {
  display: none;
}

header .mainMenu li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

header .mainMenu li a {
  font-size: 16px;
  display: block;
  position: relative;
  color: var(--white);
  font-weight: 500;
  text-decoration: none;
  padding: 16px 12px 22px 12px;
  margin: 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

header .mainMenu li:first-child {
  margin-left: 0;
}

header .mainMenu li a.current {
  background: var(--white);
  color: var(--dark-green);
}

header .mainMenu li a.facebook {
  margin-left: 0px;
}

header .mainMenu li a.youtube,
header .mainMenu li a.facebook,
header .mainMenu li a.instagram {
  padding: 0px 3px 10px 2px;
  font-size: 20px;
  transition: none !important;
}

header .mainMenu li a.youtube:hover,
header .mainMenu li a.facebook:hover,
header .mainMenu li a.instagram:hover {
  color: var(--dark-green-hover);
}

header .mainMenu li a:not(.current, .facebook, .youtube, .instagram):hover {
  background: rgba(0, 0, 0, 0.1);
}

header .rightMenu {
  display: block;
  position: relative;
  margin: 0 0 0 auto;
  text-align: right;
  height: 100%;
}

header .rightMenu li {
  display: inline-block;
  position: relative;
  height: 100%;
  margin-right: 10px;
}

header .rightMenu li:last-child {
  margin-right: 0;
}

header .rightMenu li span.zalogujSie {
  display: inline-block;
  position: relative;
  background: var(--white);
  margin-top: 12px;
  padding: 12px 20px 10px 20px;
  line-height: 1;
  font-size: 16px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-weight: 600;
  cursor: pointer;
  color: var(--dark-green);
}

header .rightMenu li span.zalogujSie:hover,
header .rightMenu li span.zalogujSie.active {
  color: var(--white);
  background: var(--dark-green-hover);
}

header .rightMenu li div.oBanku {
  display: flex;
  position: relative;
  height: 100%;
  color: var(--white);
  cursor: pointer;
  background: transparent;
  padding: 0px 10px;
}

header .rightMenu li div.oBanku.active {
  background: rgba(0, 0, 0, 0.1);
}

header .menu-btn {
  display: block;
  margin: 24px 10px 0px 0px;
  position: relative;
  width: 20px;
}

header .menu-btn.mobile {
  display: none;
}

header .menu-btn:before,
header .menu-btn:after {
  background-color: var(--white);
  content: "";
  display: block;
  height: 2px;
  transition: all 200ms ease-in-out;
}
header .menu-btn:before {
  box-shadow: 0 6px 0 var(--white);
  margin-bottom: 10px;
}
header .menu-btn.open:before {
  box-shadow: 0 0 0 var(--white);
  transform: translateY(6px) rotate(45deg);
}
header .menu-btn.open:after {
  transform: translateY(-6px) rotate(-45deg);
}

header .rightMenu li div.oBanku span {
  margin-top: 24px;
  font-weight: 500;
}

header .subPanel {
  display: block;
  position: relative;
  background: var(--white);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

header .subMenu {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
}

header .subMenu li {
  display: inline-block;
}

header .subMenu li a {
  display: block;
  position: relative;
  padding: 37px 15px 35px 15px;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--gray7);
  line-height: 1;
}

header .subMenu li a:hover {
  color: var(--lighter-green);
}

header .dropdown {
  display: none;
  position: absolute;
  width: 100%;
  background: var(--white);
  left: 0;
  padding: 15px 0px;
  box-shadow: inset 0px 20px 20px var(--light-gray-hover);
  background-repeat: no-repeat !important;
  background-position: 15px 15px !important;
  min-height: 302px;
  max-height: 438px;
  overflow: auto;
}

header .dropdown.konta {
  background: var(--white) url(../images/icons/konta.png);
}
header .dropdown.kredyty {
  background: var(--white) url(../images/icons/kredyty.png);
}
header .dropdown.oszczednosci {
  background: var(--white) url(../images/icons/oszczednosci.png);
}
header .dropdown.karty-i-platnosci {
  background: var(--white) url(../images/icons/karty-i-platnosci.png);
}
header .dropdown.ubezpieczenia {
  background: var(--white) url(../images/icons/ubezpieczenia.png);
}
header .dropdown.bankowosc-internetowa {
  background: var(--white) url(../images/icons/bankowosc-internetowa.png);
}
header .dropdown.dodatkowe-uslugi {
  background: var(--white) url(../images/icons/dodatkowe-uslugi.png);
}
#content-firmy-i-instytucje header .dropdown.konta {
  background: var(--white) url(../images/icons/konta-firmy.png);
}
#content-firmy-i-instytucje header .dropdown.kredyty {
  background: var(--white) url(../images/icons/kredyty-firmy.png);
}
#content-firmy-i-instytucje header .dropdown.oszczednosci {
  background: var(--white) url(../images/icons/oszczednosci-firmy.png);
}
#content-firmy-i-instytucje header .dropdown.karty-i-platnosci {
  background: var(--white) url(../images/icons/karty-i-platnosci-firmy.png);
}
#content-firmy-i-instytucje header .dropdown.ubezpieczenia {
  background: var(--white) url(../images/icons/ubezpieczenia-firmy.png);
}
#content-firmy-i-instytucje header .dropdown.bankowosc-internetowa {
  background: var(--white) url(../images/icons/bankowosc-internetowa-firmy.png);
}
#content-firmy-i-instytucje header .dropdown.dodatkowe-uslugi {
  background: var(--white) url(../images/icons/dodatkowe-uslugi-firmy.png);
}

header .dropdown .dropdownTitle {
  display: block;
  position: fixed;
  font-size: 30px;
  font-weight: 500;
  border-left: 2px solid var(--lighter-green);
  padding: 6px 0px 4px 10px;
  margin: 0px 0 60px 0;
  color: var(--gray3);
  max-width: 250px;
}

header .dropdown .button {
  display: block;
  position: absolute;
  bottom: 22px;
  max-width: 202px;
  margin: 15px 0px 0px 0px;
  padding: 12px 20px 10px 20px;
  line-height: 1.4em;
  font-size: 16px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-weight: 500;
  cursor: pointer;
  background: var(--lighter-green);
  box-shadow: inset 0px 2px 0px 0px rgb(255 255 255 / 20%);
  color: var(--white);
  border: 2px solid transparent;
  text-transform: none;
}

header .dropdown .button.big {
  padding: 20px 26px 18px 26px;
}

header .dropdown .button:hover {
  background: var(--white);
  border: 2px solid var(--lighter-green);
  color: var(--dark-green);
  text-decoration: none !important;
}

header .dropdown .button i {
  margin: -3px 0 0 10px;
}

header .dropdownMenu {
  display: block;
  position: relative;
  list-style-type: none;
  margin-bottom: 0px;
}

header .dropdownMenu li {
  display: inline-block;
  width: calc(100% / 3 - 15px);
  margin: 8px 5px;
}

header .dropdownMenu li a {
  padding: 15px;
  text-transform: none;
  min-height: 120px;
  border: 2px solid var(--grayd);
  border-radius: 10px;
}

header .dropdownMenu li a .title {
  display: block;
  position: relative;
  font-weight: 600;
  font-size: 16px;
  text-transform: none;
  color: var(--dark-green);
  line-height: 1;
}

header .dropdownMenu li a .desc {
  display: block;
  position: relative;
  margin-top: 10px;
  color: var(--gray8);
  font-size: 14px;
  font-weight: 300;
}

header .dropdownMenu li a:hover {
  border-color: var(--lighter-green);
  transform: scale(1.02);
  background: var(--dark-green);
  background: -moz-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
}

header .dropdownMenu li a:hover .desc,
header .dropdownMenu li a:hover .title {
  color: var(--white);
}

header .dropdownMenu li a:hover .desc {
  opacity: 0.7;
}

header .mainPanel {
  background: var(--dark-green);
  background: -moz-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
}

header .oBankuPanel {
  display: none;
  position: absolute;
  background: var(--white);
  top: 0;
  width: 100%;
  padding: 0;
  z-index: 2;
}

header .oBankuPanel a {
  display: block;
  position: relative;
  padding: 50px 20px;
  border-bottom: 5px solid transparent;
}

header .oBankuPanel a:hover {
  background: var(--light-gray-hover);
  border-bottom: 5px solid var(--lighter-green);
}

header .oBankuPanel h3 {
  display: block;
  position: relative;
  font-size: 20px;
  font-weight: 500;
  border-left: 2px solid var(--lighter-green);
  padding: 6px 0px 4px 10px;
  margin: 0 0 20px 0;
  color: var(--gray3);
}

header .oBankuPanel .boxOuter {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
}

header .oBankuPanel .boxOuter img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
}

header .zalogujSiePanel {
  display: none;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
}

header .zalogujSiePanel .boxOuter {
  display: block;
  position: relative;
  padding: 50px 25px;
  background: var(--box-outer);
}

header .zalogujSiePanel .boxOuter .boxInner {
  display: block;
  position: relative;
  padding: 20px;
  background: var(--white);
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  height: 220px;
}

header .zalogujSiePanel .boxOuter .boxInner:hover {
  transform: scale(1.04);
}

header .zalogujSiePanel .boxOuter .boxInner img {
  display: block;
  position: absolute;
  height: 100px;
  right: 10px;
  top: 10px;
  opacity: 0.08;
}

header .zalogujSiePanel h3 {
  font-size: 32px;
  font-weight: bold;
  color: var(--gray3);
  line-height: 1;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

header .zalogujSiePanel h3 strong {
  color: var(--dark-green);
  font-weight: bold;
}

header .zalogujSiePanel p.desc {
  display: block;
  position: relative;
  line-height: 1.5em;
  color: var(--gray7);
  margin: 20px 0px;
}

header .zalogujSiePanel span.button {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: var(--lighter-green);
  margin: 0 0 0 auto;
  padding: 16px 24px 13px 24px;
  line-height: 1;
  font-size: 16px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-weight: 400;
  cursor: pointer;
  color: var(--white);
}

header .zalogujSiePanel span.button strong {
  font-weight: 400;
}

header .zalogujSiePanel span.button i {
  margin: 0 15px 0 0;
  color: var(--dark-green);
}

header .zalogujSiePanel span.button:hover {
  background: var(--dark-green);
}

header .zalogujSiePanel span.button:hover i {
  color: var(--white);
  margin: 0 12px 0 3px;
}

/* HEADER STICK */

header.floatedMenu {
  z-index: 9;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

header.fixedMenu {
  width: 100%;
  position: fixed;
}

header.fixedMenu .subMenu li a {
  padding: 17px 15px 15px 15px;
}

header.fixedMenu {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

header.fixedMenu .mainMenu {
  margin: 0;
}

header.fixedMenu .logo {
  padding: 2px 0 0 0;
  margin-top: 0px;
}

@media (max-width: 1400px) {
  header.fixedMenu .logo {
    padding: 5px 0 0 0;
  }
}

header.fixedMenu .logo img {
  width: 95%;
}

header.fixedMenu .rightMenu li span.zalogujSie {
  height: 100%;
  margin-top: 0;
  border-radius: 0 !important;
  padding: 17px 20px 10px 20px;
}

header.fixedMenu .rightMenu li div.oBanku span,
header.fixedMenu .menu-btn {
  margin-top: 16px;
}

header.fixedMenu .mainMenu li a {
  border-radius: 0 !important;
  padding: 16px 16px 14px 16px;
}

header.fixedMenu .mainMenu li a.youtube,
header.fixedMenu .mainMenu li a.facebook,
header.fixedMenu .mainMenu li a.instagram {
  padding: 8px 5px 8px 5px !important;
}

/* 404 */

.box-404-outer {
  display: block;
  position: relative;
  width: 300px;
  height: 250px;
  margin: 0px auto;
}

.box-404 {
  width: 300px;
  height: 250px;
  background: transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.box-404 .box__ghost {
  padding: 35px 35px 25px;
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translate(-50%, -30%);
}
.box-404 .box__ghost .symbol:nth-child(1) {
  opacity: 0.2;
  animation: shine 4s ease-in-out 3s infinite;
}
.box-404 .box__ghost .symbol:nth-child(1):before,
.box-404 .box__ghost .symbol:nth-child(1):after {
  content: "";
  width: 20px;
  height: 4px;
  background: var(--lighter-green);
  position: absolute;
  border-radius: 5px;
  bottom: 103px;
  left: -18px;
}
.box-404 .box__ghost .symbol:nth-child(1):before {
  transform: rotate(45deg);
}
.box-404 .box__ghost .symbol:nth-child(1):after {
  transform: rotate(-45deg);
}
.box-404 .box__ghost .symbol:nth-child(2) {
  position: absolute;
  left: 0px;
  top: 43px;
  height: 27px;
  width: 27px;
  border: 4px solid;
  border-radius: 50%;
  border-color: #94c11e;
  opacity: 0.2;
  animation: shine 4s ease-in-out 1.3s infinite;
}
.box-404 .box__ghost .symbol:nth-child(3) {
  opacity: 0.2;
  animation: shine 3s ease-in-out 0.5s infinite;
}
.box-404 .box__ghost .symbol:nth-child(3):before,
.box-404 .box__ghost .symbol:nth-child(3):after {
  content: "";
  width: 19px;
  height: 4px;
  background: #94c11e;
  position: absolute;
  border-radius: 5px;
  top: 0px;
  left: 63px;
}
.box-404 .box__ghost .symbol:nth-child(3):before {
  transform: rotate(90deg);
}
.box-404 .box__ghost .symbol:nth-child(3):after {
  transform: rotate(180deg);
}
.box-404 .box__ghost .symbol:nth-child(4) {
  opacity: 0.2;
  animation: shine 6s ease-in-out 1.6s infinite;
}
.box-404 .box__ghost .symbol:nth-child(4):before,
.box-404 .box__ghost .symbol:nth-child(4):after {
  content: "";
  width: 35px;
  height: 4px;
  background: var(--lighter-green);
  position: absolute;
  border-radius: 5px;
  top: 10px;
  right: 41px;
}
.box-404 .box__ghost .symbol:nth-child(4):before {
  transform: rotate(45deg);
}
.box-404 .box__ghost .symbol:nth-child(4):after {
  transform: rotate(-45deg);
}
.box-404 .box__ghost .symbol:nth-child(5) {
  position: absolute;
  right: 5px;
  top: 80px;
  height: 16px;
  width: 16px;
  border: 3px solid;
  border-radius: 50%;
  border-color: #94c11e;
  opacity: 0.2;
  animation: shine 1.7s ease-in-out 7s infinite;
}
.box-404 .box__ghost .symbol:nth-child(6) {
  opacity: 0.2;
  animation: shine 2s ease-in-out 6s infinite;
}
.box-404 .box__ghost .symbol:nth-child(6):before,
.box-404 .box__ghost .symbol:nth-child(6):after {
  content: "";
  width: 25px;
  height: 6px;
  background: var(--lighter-green);
  position: absolute;
  border-radius: 5px;
  bottom: 82px;
  right: -24px;
}
.box-404 .box__ghost .symbol:nth-child(6):before {
  transform: rotate(90deg);
}
.box-404 .box__ghost .symbol:nth-child(6):after {
  transform: rotate(180deg);
}
.box-404 .box__ghost .box__ghost-container {
  background: var(--dark-green);
  width: 180px;
  height: 180px;
  border-radius: 180px 180px 0 0;
  position: relative;
  margin: 0 auto;
  animation: upndown 3s ease-in-out infinite;
}
.box-404 .box__ghost .box__ghost-container .box__ghost-eyes {
  position: absolute;
  left: 50%;
  top: 45%;
  height: 30px;
  width: 100px;
}
.box-404 .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-left {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  margin: 0 10px;
  position: absolute;
  left: 0;
}
.box-404 .box__ghost .box__ghost-container .box__ghost-eyes .box__eye-right {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  margin: 0 10px;
  position: absolute;
  right: 0;
}
.box-404 .box__ghost .box__ghost-container .box__ghost-bottom {
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
.box-404 .box__ghost .box__ghost-container .box__ghost-bottom div {
  position: relative;
  top: -19px;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  background-color: var(--dark-green);
}
.box-404
  .box__ghost
  .box__ghost-container
  .box__ghost-bottom
  div:nth-child(2n) {
  top: -15px;
  margin: 0 -0px;
  border-top: 15px solid var(--light-gray-hover);
  background: transparent;
}
.box-404 .box__ghost .box__ghost-shadow {
  height: 20px;
  box-shadow: 0 50px 10px 5px #ccc;
  border-radius: 50%;
  margin: 0 auto;
  animation: smallnbig 3s ease-in-out infinite;
}

@keyframes upndown {
  0% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(5px);
  }
}
@keyframes smallnbig {
  0% {
    width: 90px;
  }
  50% {
    width: 180px;
  }
  100% {
    width: 90px;
  }
}
@keyframes shine {
  0% {
    opacity: 0.6;
  }
  25% {
    opacity: 0.3;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    opacity: 0.6;
  }
}

/* SLIDER */

aside#slider {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 150px;
  background: var(--white) url(../images/bsjastrzebie-preloader.svg) no-repeat
    center center;
}

aside#slider .slidecontent {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
aside#slider .slidecontent h3 {
  display: block;
  position: relative;
  font-size: 50px;
  font-weight: 600;
  color: var(--lighter-green);
  margin-bottom: 25px;
}

aside#slider .slidecontent h4 {
  display: block;
  position: relative;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
  color: var(--gray9);
  line-height: 1.2em;
  border-left: 2px solid var(--lighter-green);
  padding-left: 10px;
  padding-top: 5px;
}

aside#slider .slidecontent .text p {
  display: block;
  position: relative;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;
  color: var(--gray4);
  text-align: justify;
  margin-top: 30px;
  line-height: 1.2em;
}

aside#slider .slidecontent .button {
  display: inline-block;
  position: relative;
  margin-top: 30px;
  padding: 20px 26px 18px 26px;
  font-size: 20px;
  line-height: 1;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  font-weight: 400;
  cursor: pointer;
  box-shadow: inset 0px 2px 0px 0px rgb(255 255 255 / 20%);
  background: var(--white);
  border: 2px solid var(--dark-green);
  color: var(--dark-green);
}

aside#slider .slidecontent .button:hover {
  background: var(--lighter-green);
  color: var(--white);
  border: 2px solid transparent;
  text-decoration: none !important;
}

aside#slider .slidecontent .button i {
  margin: -3px 0 0 10px;
}

aside#slider .owl-prev {
  left: 40px;
}

aside#slider .owl-next {
  right: 40px;
}

aside#slider .owl-next,
aside#slider .owl-prev {
  display: block;
  position: absolute;
  font-size: 50px;
  background: transparent !important;
  color: rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  z-index: 3;
  opacity: 1 !important;
  top: 30px;
}

aside#slider .owl-theme .owl-nav {
  margin: 0;
}

aside#slider .owl-next:hover,
aside#slider .owl-prev:hover {
  color: rgba(0, 0, 0, 0.2);
  background: transparent !important;
}

.slider-dots {
  display: block;
  position: absolute;
  width: 100%;
  height: 18px;
  z-index: 2;
  bottom: 20px;
}

.slider-dots .owl-dots {
  display: block;
  position: relative;
}

.slider-dots .owl-dot {
  display: inline-block;
  height: 18px;
  width: 18px;
  background: var(--lighter-green);
  margin: 0px 7px;
  padding: 0;
  -webkit-border-radius: 999px;
  -moz-border-radius: 999px;
  border-radius: 999px;
  overflow: hidden;
  cursor: pointer;
  border: 0;
}

.slider-dots .owl-dot.active {
  background: var(--highlighted);
}

.icon-scroll-outer {
  display: block;
  position: absolute;
  left: 50%;
  width: 60px;
  height: 60px;
  background: var(--white);
  margin-left: -30px;
  z-index: 5;
  border-radius: 50%;
  bottom: -25px;
}

.icon-scroll,
.icon-scroll:before {
  position: absolute;
  left: 50%;
}
.icon-scroll {
  z-index: 5;
  width: 22px;
  height: 38px;
  margin-left: -11px;
  box-shadow: inset 0 0 0 2px var(--highlighted);
  border-radius: 25px;
  bottom: 10px;
  opacity: 0.8;
}
.icon-scroll:before {
  content: "";
  width: 4px;
  height: 8px;
  background: var(--highlighted);
  margin-left: -2px;
  top: 4px;
  border-radius: 4px;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll;
  animation-name: scroll;
}
@-webkit-keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@keyframes scroll {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}

/* FOOTER */

footer {
  background: var(--gray2) url("../images/bg-footer.png");
  background-repeat: no-repeat;
  background-position: -150px center;
  color: var(--white);
  padding: 80px 0px;
}

footer:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  margin-top: -80px;
  width: 100%;
  height: 4px;
  background: var(--gray2);
  background: -moz-linear-gradient(
    90deg,
    var(--gray2) 0%,
    var(--lighter-green) 50%,
    var(--gray2) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    var(--gray2) 0%,
    var(--lighter-green) 50%,
    var(--gray2) 100%
  );
  background: linear-gradient(
    90deg,
    var(--gray2) 0%,
    var(--lighter-green) 50%,
    var(--gray2) 100%
  );
}

footer .rights {
  margin-top: 30px;
}

footer h6 {
  display: block;
  line-height: 1;
  position: relative;
  font-weight: 400;
  color: var(--white);
  font-size: 20px;
  padding-bottom: 10px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--lighter-green);
}

.footerMenu {
  display: block;
  position: relative;
  margin-bottom: 40px;
}

.footerMenu li {
  display: block;
  position: relative;
}

.footerMenu li a {
  display: block;
  margin: 0 0 25px 0;
  padding: 0;
  color: var(--gray7);
  font-size: 16px;
  font-weight: 400;
}

.footerMenu li a:hover {
  color: var(--lighter-green);
  text-decoration: underline !important;
}

footer .outerButtons a {
  display: flex;
  position: relative;
  align-items: center;
  margin: 0 auto 30px auto;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-radius: 25px;
  max-width: 350px;
  padding: 3px 0 0 0;
}

footer .outerButtons a img {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  text-align: left;
  margin: 15px 30px 15px 15px;
}

footer .outerButtons a:last-child {
  margin-bottom: 0;
}

footer .outerButtons a span {
  display: block;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: 600;
  color: var(--gray7);
}

footer .outerButtons a:hover {
  border: 2px solid rgba(255, 255, 255, 0.3);
}

footer .outerButtons a:hover span {
  color: var(--white);
}

footer .outerButtons a:hover img {
  transform: scale3d(1.2, 1.2, 1.2);
  opacity: 1;
}

.contact-card-outer {
  background: var(--lighter-green);
  display: block;
  position: relative;
  margin: 30px 0px 0px 20px;
  padding: 0;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 20px 20px 20px 45px;
  box-shadow: inset -30px 0 20px 0px rgba(0, 0, 0, 0.1);
}

.contact-card-outer hr {
  background: rgba(0, 0, 0, 0.3);
  height: 2px;
}

.contact-card-outer:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: var(--highlighted);
}

.contact-card-outer table {
  width: 100%;
  vertical-align: middle;
}

.contact-card-outer table tr td {
  vertical-align: middle;
}

.contact-card-outer table tr td address {
  font-size: 14px;
  line-height: 1.5em;
  display: block;
  position: relative;
  margin-bottom: 0;
  color: var(--white);
}

.contact-card-outer table tr td span {
  display: block;
  position: relative;
  color: rgba(255, 255, 255, 1);
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 14px;
}

.contact-card-outer table tr td a {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
}

.contact-card-outer table tr td a:hover {
  color: var(--white);
  text-decoration: underline !important;
}

.contact-card-outer table tr td .icon-outer {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transform: translateY(-50%);
  left: -30px;
  background: var(--white);
}

.contact-card-outer table tr td .icon-outer i {
  color: var(--white);
  font-size: 18px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: var(--dark-green);
  background: -moz-radial-gradient(
    circle,
    var(--dark-green) 0%,
    var(--lighter-green) 50%,
    var(--dark-green) 100%
  );
  background: -webkit-radial-gradient(
    circle,
    var(--dark-green) 0%,
    var(--lighter-green) 50%,
    var(--dark-green) 100%
  );
  background: radial-gradient(
    circle,
    var(--dark-green) 0%,
    var(--lighter-green) 50%,
    var(--dark-green) 100%
  );
  margin-top: 0px;
  text-align: center;
  line-height: 40px;
  margin-top: 10px;
  margin-left: 10px;
}

.contact-card-outer table tr td .buttons {
  display: flex;
}

.contact-card-outer table tr td .buttons a {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  color: var(--white);
  font-weight: 600;
  font-size: 14px;
}

.contact-card-outer table tr td .buttons a:hover {
  color: var(--white);
}

.contact-card-outer table tr td .buttons a i {
  margin-top: -1px;
  margin-right: 3px;
  opacity: 0.4;
}

.footerRights {
  padding: 40px 0px;
  background: var(--grayd);
}

.footerRights p {
  font-weight: 400;
  color: var(--gray4);
  font-size: 16px;
  line-height: 1.7em;
  text-align: center;
}

.footerRights p a {
  color: var(--gray5);
  font-weight: 500;
  text-decoration: none;
}

.footerRights p a:hover {
  color: var(--lighter-green);
}

.footerRights .socialMenu {
  display: block;
  position: relative;
  margin: 0px auto 20px auto;
  text-align: center;
}

.footerRights .socialMenu li {
  display: inline-block;
  margin: 0 10px;
  font-size: 26px;
}

.footerRights .socialMenu li a {
  color: var(--gray9);
}

.footerRights .socialMenu li a:hover {
  color: var(--dark-green);
}

.cookieInfo {
  display: none;
  position: relative;
  background: var(--gray4);
  padding: 40px 0px;
}

.cookieInfo h6 {
  display: block;
  line-height: 1;
  position: relative;
  font-weight: 400;
  color: var(--white);
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--lighter-green);
}

.cookieInfo p {
  display: block;
  position: relative;
  text-align: justify;
  font-size: 14px;
  line-height: 1.5em;
  color: var(--grayc);
}

.cookieInfo p a {
  color: var(--white);
}

.cookieInfo p a:hover {
  color: var(--white);
  text-decoration: underline !important;
}

.cookies-img {
  opacity: 0.3;
  position: relative;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
}

.closeCookieInfo {
  display: block;
  text-align: center;
  position: relative;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 32px;
  color: var(--gray9);
  top: 50%;
  line-height: 1;
}

.closeCookieInfo:hover {
  color: var(--white);
}

#toTop {
  display: none;
  position: fixed;
  bottom: 24px;
  right: 24px;
  overflow: hidden;
  width: 40px;
  height: 40px;
  border: none;
  cursor: pointer;
  text-align: center;
  font-size: 25px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-radius: 50%;
  background: var(--dark-green);
  background: -moz-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  z-index: 99;
  color: var(--white);
}

#toTop i {
  line-height: 40px;
  vertical-align: middle;
}

#toTop:hover {
  color: var(--white);
  bottom: 30px;
}

/* SECTION */

section#placowkiIBankomaty,
section#newsTicker,
section#contactForm,
section#currencies,
section#haveQuestions,
section#consultantContactDetal,
section#polecaneProdukty,
section#dlaczegoMy,
section#kontaktDoradcyKredytowi,
section#bankujWygodnie {
  padding: 50px 0px;
  position: relative;
  overflow: hidden;
}

section#polecaneProdukty {
  padding-bottom: 0;
}

#main {
  padding-top: 150px;
}

/* HEAD */

section.head {
  display: block;
  position: relative;
  margin: 0;
  padding: 24px 0px 15px 0px;
  background: url("../images/bg-head.jpg") no-repeat;
  background-position: right center;
  box-shadow: inset 0px 20px 20px rgba(9, 110, 77, 0.05);
}

#content-firmy-i-instytucje section.head {
  background: url("../images/bg-head-firmy.jpg") no-repeat;
  background-position: right center;
  background-size: cover;
}

section.head h1 {
  font-size: 45px;
  font-weight: 500;
  color: vaR(--dark-green);
  display: block;
  position: relative;
  text-align: left;
  line-height: 1.2em;
}

section.head h2 {
  font-size: 20px;
  color: var(--gray8);
  display: block;
  position: relative;
  font-weight: 500;
}

section.head .breadcrumbOuter {
  display: block;
  position: relative;
  margin-bottom: 15px;
}

section.head .breadcrumbInner {
  display: inline-block;
  list-style-type: none;
}

section.head .breadcrumbInner li {
  list-style-type: none;
  display: inline-block;
}

section.head .breadcrumbInner li:after {
  content: "/";
  color: var(--lighter-green);
  font-weight: 900;
  margin: 0 5px 0 10px;
}

section.head .breadcrumbInner li:last-child:after {
  display: none;
}

section.head .breadcrumbInner:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f060";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: var(--lighter-green);
  opacity: 1;
  margin-right: 10px;
  line-height: inherit;
  font-size: 14px;
  margin: 0px 10px 0px 0;
  padding: 0px;
}

section.head .breadcrumbInner li a {
  color: var(--gray7);
  font-weight: 500;
  font-size: 16px;
}

section.head .breadcrumbInner li a:hover {
  color: vaR(--lighter-green);
}

section.imageHead {
  display: block;
  position: relative;
  width: 100%;
  width: 100%;
  height: 450px;
  overflow: hidden;
}

section.imageHead:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  margin-top: -4px;
  width: 100%;
  height: 4px;
  background: var(--white);
  background: -moz-linear-gradient(
    90deg,
    var(--white) 0%,
    var(--lighter-green) 50%,
    var(--white) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    var(--white) 0%,
    var(--lighter-green) 50%,
    var(--white) 100%
  );
  background: linear-gradient(
    90deg,
    var(--white) 0%,
    var(--lighter-green) 50%,
    var(--white) 100%
  );
}

section.imageHead h1,
section.imageHead h2 {
  display: block;
  position: relative;
  margin: 0 auto;
}

section.imageHead h1 {
  font-size: 50px;
  font-weight: 600;
  color: var(--lighter-green);
  line-height: 1.2em;
  margin-bottom: 25px;
}

section.imageHead h2 {
  font-size: 30px;
  font-weight: 300;
  color: var(--gray9);
  border-left: 2px solid var(--lighter-green);
  padding-left: 10px;
  line-height: 1.2em;
}

section.imageHead.klienci-indywidualni {
  background: url(../images/klienci-indywidualni-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section.imageHead.firmy-i-instytucje {
  background: url(../images/firmy-i-instytucje-bg-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* ARTICLE */

article {
  background: vaR(--dark-white);
  padding: 60px 0;
  font-size: 18px;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
  color: var(--lighter-green);
  display: block;
  position: relative;
  line-height: 1.5em;
  margin: 30px 0;
  padding: 0;
}

article h1 strong,
article h2 strong,
article h3 strong,
article h4 strong,
article h5 strong,
article h6 strong,
article h1.strong,
article h2.strong,
article h3.strong,
article h4.strong,
article h5.strong,
article h6.strong {
  font-weight: 600;
}

article h1:first-child,
article h2:first-child,
article h3:first-child,
article h4:first-child,
article h5:first-child,
article h6:first-child {
  margin-top: 0;
}

article h1.dark,
article h2.dark,
article h3.dark,
article h4.dark,
article h5.dark,
article h6.dark {
  color: var(--dark-green);
}

article h1 {
  font-size: 40px;
}
article h2 {
  font-size: 35px;
}
article h3 {
  font-size: 30px;
}
article h4 {
  font-size: 25px;
}
article h5 {
  font-size: 20px;
}
article h6 {
  font-size: 18px;
}

article h2.ultra-size,
article h3.ultra-size,
article h4.ultra-size,
article h5.ultra-size,
article h6.ultra-size {
  font-size: 45px;
  font-weight: 800;
}

article p,
article ul,
article ol,
section#contactForm p {
  display: block;
  position: relative;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;
  color: var(--gray4);
  text-align: justify;
}

article strong {
  font-weight: 600;
}

article strong.green {
  color: var(--lighter-green);
  font-weight: 600;
}

article p {
  margin-bottom: 10px;
}

article p.small {
  font-size: 14px;
  line-height: 1.5em;
}

article p sup {
  vertical-align: sub;
  line-height: 1;
}

article p span {
  vertical-align: baseline;
}

article p.strong {
  font-weight: 600;
}

article .noMarginTop {
  margin-top: 0;
}

article .noMarginBottom {
  margin-bottom: 0;
}

article ul,
article ol {
  margin-left: 20px;
  list-style-type: none;
}

article ol {
  list-style-type: decimal;
}

article ul li:before,
article ol li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: var(--dark-green);
  opacity: 0.5;
  margin-right: 10px;
  line-height: inherit;
  font-size: 14px;
  margin: 0px 10px 0px 0;
  padding: 0px;
}

article ol li:before {
  margin: 0px 10px 0px 5px;
}

article ul.big-list li {
  font-size: 24px;
}

article ul.big-list li:before {
  font-size: 20px;
}

article a,
section#contactForm p a {
  color: var(--dark-green);
}

article section#contactForm p a:hover {
  color: var(--dark-green);
  text-decoration: underline !important;
}

article .button,
section .button {
  display: inline-block;
  position: relative;
  margin-top: 12px;
  padding: 12px 20px 10px 20px;
  line-height: 1;
  font-size: 16px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  font-weight: 500;
  cursor: pointer;
  background: var(--lighter-green);
  box-shadow: inset 0px 2px 0px 0px rgb(255 255 255 / 20%);
  color: var(--white);
  border: 2px solid transparent;
}

article .button.highlighted,
section .button.highlighted {
  background: var(--highlighted);
}

article .button.big,
section .button.big {
  padding: 20px 26px 18px 26px;
}

article .button.ultra,
section .button.ultra {
  padding: 20px 26px 18px 26px;
  font-size: 24px;
}

article .button:hover,
section .button:hover {
  background: var(--white);
  border: 2px solid var(--lighter-green);
  color: var(--dark-green);
  text-decoration: none !important;
}

article .button.ultra.center {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

article .button i,
section .button i {
  margin: -3px 10px 0 0;
}

article .documentDownload {
  display: block;
  position: relative;
  margin: 20px 0px;
  background: var(--white);
}

article .documentDownload.hide {
  display: none;
}

article .documentDownload .container-fluid {
  border-radius: 10px;
  border: 2px solid var(--grayd);
}

article .documentDownload .row {
  padding: 20px 20px;
  border-bottom: 2px solid var(--grayd);
}

article .documentDownload .row:last-child {
  border-bottom: 0;
}

article .documentDownload .button {
  margin: 0;
}

article .documentDownload .icon i {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: left;
  color: var(--grayd);
  font-size: 32px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

article .documentDownload .col-xl-9 a,
article .documentDownload .col-xl-8 a,
article .documentDownload .col-xl-7 a {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--lighter-green);
  text-decoration: none !important;
  font-weight: 500;
  line-height: 1.2em;
}

article .documentDownload .row:nth-child(even) {
  background: var(--light-gray-hover);
}

article table {
  width: 100%;
  display: table;
  margin: 20px 0px;
}

article img {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}

article hr {
  background-color: var(--gray9);
}

.text-center {
  text-align: center !important;
}

.text-bold {
  font-weight: 600;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.align-left {
  margin-left: 0;
  margin-right: auto;
}

.align-right {
  margin-right: 0;
  margin-left: auto;
}

/* NEWS */

article .newsBox {
  display: block;
  position: relative;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 20px;
}

article .latestNews .newsBox {
  background: var(--white);
  box-shadow: 0px 0px 10px var(--grayc);
  padding: 20px;
}

article .latestNews .newsBox h5 {
  min-height: unset !important;
  margin: 0 0 10px 0;
}

article .newsBox a {
  text-decoration: none !important;
}

article .newsBox h5 {
  line-height: 1.3em;
  min-height: calc(1.3em * 2);
}

article .newsBox time {
  display: block;
  position: relative;
  text-align: left;
  color: var(--gray9);
  font-size: 16px;
  margin-bottom: 10px;
}

article .newsBox .image {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  border-radius: 15px;
  /* max-height: 222px;
  min-height: 222px; */
  overflow: hidden;
}

article .newsBox img {
  display: block;
  position: relative;
  width: 100%;
}

article .newsBox p.lead {
  margin-top: 30px;
  font-size: 16px;
  color: var(--gray7);
  line-height: 1.5em;
  margin-bottom: 0;
}

article .newsBox .image {
  background: vaR(--dark-green);
}

article .newsBox .image img {
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

article .newsBox .image figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -100%, 0);
}

article .newsBox .image:hover img {
  opacity: 0.6;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

article .newsBox .image:hover figcaption::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 100%, 0);
}

article .newsPagination {
  display: block;
  position: relative;
  margin: 0 auto;
  list-style-type: none;
  text-align: center;
}

article .newsPagination li {
  display: inline-block;
  list-style-type: none;
  margin: 0px 5px;
}

article .newsPagination li:before {
  content: "";
}

article .newsPagination li a {
  display: block;
  font-size: 16px;
  padding: 0px 10px;
  border-radius: 15px;
  text-decoration: none;
  color: var(--gray7);
  height: 36px;
  line-height: 36px;
  border: 1px solid transparent;
  font-weight: 500;
}

article .newsPagination li a.number,
article .newsPagination li.active a {
  width: 36px;
  padding: 0;
  border-radius: 50%;
}

article .newsPagination li.active a {
  color: var(--white) !important;
  background: var(--lighter-green);
  text-decoration: none !important;
  border: 1px solid var(--lighter-green);
}

article .newsPagination li.sep a {
  border: 1px solid transparent !important;
}

article .newsPagination li a:hover {
  text-decoration: none !important;
  border: 1px solid var(--lighter-green);
}

article .newsPagination li a i {
  margin-top: -1px;
  font-size: 14px;
  color: var(--lighter-green);
  opacity: 0.6;
}

article#news .newsContent {
  padding: 0 50px 0 0;
}

article#news .newsContent .newsImage {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

article#news .newsContent .newsImage img {
  display: block;
  position: relative;
  border-radius: 15px;
  width: 100%;
}

article#news .newsContent .lead {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: justify;
  font-size: 26px;
  color: var(--dark-green);
  line-height: 1.5em;
}

article#news .newsContent time {
  display: block;
  position: relative;
  text-align: left;
  color: var(--gray9);
  font-size: 18px;
  margin-bottom: 10px;
}

article#news .newsContent hr {
  padding: 0;
  margin: 30px 0px 35px 0px;
  background-color: var(--gray9);
}

article#news .newsContent .newsInner > div {
  display: block;
  position: relative;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;
  color: var(--gray4);
  text-align: justify;
}

article#news .newsContent .newsInner > div span {
  font-size: 18px;
}

article#news .newsContent .newsInner > div img,
article#content img.img {
  margin-bottom: 20px;
  margin-top: 20px;
  max-width: 100%;
}

article#news .latestNews h3 {
  font-size: 26px;
}

#newsTicker .newsHolder {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
  /* max-height: 450px; */
  /* height: 100%; */
}

#newsTicker .newsHolder * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#newsTicker .newsHeadlines {
  list-style: none;
  position: relative;
}

#newsTicker .newsHeadlines li {
  position: relative;
  z-index: 4;
  margin: 0 auto;
}

#newsTicker .newsHeadlines li a {
  font-size: 18px;
  display: block;
  position: relative;
  font-weight: 500;
  padding: 20px 25px 18px 25px;
  line-height: 1.3em;
}

#newsTicker .newsHeadlines li a:hover {
  color: var(--dark-green);
}

#newsTicker .nh-anim {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

#newsTicker .newsHeadlines .highlight {
  width: calc(100% + 25px);
  box-shadow: 0px 0px 0px 15px var(--light-gray-hover),
    inset 0px 4px 0px 0px rgb(255 255 255 / 20%);
  background: var(--lighter-green);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 40px;
  z-index: 3;
}

#newsTicker .newsHeadlines .highlight i {
  position: absolute;
  line-height: 1;
  right: 25px;
  color: rgba(255, 255, 255, 0.4);
  font-size: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
}

#newsTicker .newsHeadlines li.selected a {
  color: var(--white) !important;
}

#newsTicker .newsHeadlines {
  float: left;
  width: 30%;
}

#newsTicker .newsPreview {
  float: left;
  width: 700px;
  max-width: 700px;
  position: relative;
  z-index: 2;
  margin-left: -1px;
  height: 393.75px;
  overflow: hidden;
  position: relative;
  border-radius: 15px;
  box-shadow: 20px 20px 20px -10px var(--grayc);
}

#newsTicker .newsPreview img {
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
}

#newsTicker .news-content {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: none;
  height: inherit;
  width: 100%;
}

#newsTicker .news-content .text {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  font-weight: 400;
  padding: 100px 50px 20px 50px;
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1);
}

#newsTicker .news-content .text p.lead {
  display: inline-table;
  width: 65%;
  color: var(--white);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3em;
  margin-bottom: 0;
  min-height: 75px;
}

#newsTicker .news-content .text a {
  background: var(--lighter-green);
  border-radius: 25px;
  text-align: center;
  color: var(--white);
  font-size: 16px;
  width: 150px;
  display: inline-table;
  position: relative;
  margin-bottom: 10px;
  font-weight: 500;
  margin-right: 0;
  margin-left: auto;
  padding: 15px 0px 13px 0px;
}

#newsTicker .news-content .text a:hover {
  background: var(--dark-green-hover);
}

#newsTicker .top-content {
  display: block;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

#newsTicker .buttonGray,
h2 .buttonGray,
h4 .buttonGray {
  display: block;
  font-size: 18px;
  padding: 15px 10px 13px 10px;
  border-radius: 25px;
  text-decoration: none;
  color: var(--gray7);
  border: 2px solid transparent;
  font-weight: 500;
  text-align: center;
}

h2 .buttonGray,
h4 .buttonGray {
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  padding: 15px 20px 13px 20px;
  line-height: 1;
}

h4 .buttonGray {
  padding: 10px 10px 8px 10px;
  height: 39px;
  font-size: 16px;
}

h4 .buttonGray #newsTicker .buttonGray i,
h2 .buttonGray i,
h4 .buttonGray i {
  opacity: 0.4;
  margin-top: -1px;
  margin-left: 5px;
}

#newsTicker .buttonGray:hover,
h2 .buttonGray:hover,
h4 .buttonGray:hover {
  text-decoration: none !important;
  border: 2px solid var(--lighter-green);
}

#content figure.categoryBox {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  background: var(--lighter-green);
  text-align: center;
  cursor: pointer;
  background: -webkit-linear-gradient(
    -45deg,
    var(--lighter-green) 0%,
    var(--dark-green) 100%
  );
  background: linear-gradient(
    -45deg,
    var(--lighter-green) 0%,
    var(--dark-green) 100%
  );
  border-radius: 15px;
  margin-bottom: 25px;
}

#content figure.categoryBox img {
  position: relative;
  display: block;
  min-height: 300px;
  opacity: 0.8;
}

#content figure.categoryBox figcaption {
  padding: 0;
  color: var(--white);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#content figure.categoryBox figcaption::before,
#content figure.categoryBox figcaption::after {
  pointer-events: none;
}

#content figure.categoryBox figcaption,
#content figure.categoryBox figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#content figure.categoryBox figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

#content figure.categoryBox img {
  opacity: 1;
}

#content figure.categoryBox figcaption::after,
#content figure.categoryBox img,
#content figure.categoryBox p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

#content figure.categoryBox figcaption::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid var(--white);
  border-bottom: 1px solid var(--white);
  content: "";
  opacity: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

#content figure.categoryBox h2,
#content figure.categoryBox p {
  opacity: 1;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
}

#content figure.categoryBox h2 {
  margin-top: 130px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  background: rgba(0, 0, 0, 0.2);
  line-height: 1;
  padding-top: 8px;
  color: var(--white);
  font-size: 30px;
}

#content figure.categoryBox p {
  padding: 0.5em 2em;
  text-transform: none;
  font-size: 0.85em;
  opacity: 0;
}

#content figure.categoryBox:hover img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

#content figure.categoryBox:hover figcaption::after {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
  transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

#content figure.categoryBox:hover h2,
#content figure.categoryBox:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  color: #fff;
}

#content #map,
#placowkiIBankomaty #map {
  display: block;
  position: relative;
  width: 100%;
  height: 450px;
  border: 2px solid var(--graye);
  border-radius: 15px;
  box-shadow: 20px 20px 20px -10px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

#content #map {
  margin-bottom: 30px;
}

#placowkiIBankomaty #map {
  height: 500px;
  width: 95%;
  margin: 0;
}

#map .mapPopup {
  padding: 10px;
}

#map .mapPopup p {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.3em;
  text-align: left;
}

#map .mapPopup p:last-child {
  margin-bottom: 0;
}

#map .mapPopup p strong {
  color: var(--dark-green);
}

#content .mapFilter,
#placowkiIBankomaty .mapFilter {
  list-style-type: none;
  display: block;
  position: relative;
  margin-bottom: 30px;
  margin-left: 0;
}

#content .mapFilter li,
#placowkiIBankomaty .mapFilter li {
  list-style-type: none;
  display: inline-block;
  margin: 0 5px;
}

#content .mapFilter li:first-child,
#placowkiIBankomaty .mapFilter li:first-child {
  margin-left: 0;
}

#content .mapFilter li:before,
#placowkiIBankomaty .mapFilter li:before {
  display: none;
}

#content .mapFilter li span,
#placowkiIBankomaty .mapFilter li span {
  display: block;
  margin-top: 4px;
  font-size: 18px;
}

#content .mapFilter a.button,
#placowkiIBankomaty .mapFilter a.button {
  margin-top: 0;
}

#content .mapFilter a.button.inverse,
#placowkiIBankomaty .mapFilter a.button.inverse {
  background: var(--white);
  border: 2px solid var(--lighter-green);
  color: var(--dark-green);
}

#content .mapFilter a.button.inverse:hover,
#content .mapFilter a.button.inverse.active,
#placowkiIBankomaty .mapFilter a.button.inverse:hover,
#placowkiIBankomaty .mapFilter a.button.inverse.active {
  background: var(--lighter-green);
  color: var(--white);
  border: 2px solid transparent;
}

#content .mapFilter a i,
#placowkiIBankomaty .mapFilter a i {
  margin: -2px 10px 0 0;
}

#placowkiIBankomaty h3,
#newsTicker h3,
#contactForm h3,
#currencies h3,
#haveQuestions h3,
#consultantContactDetal h3,
#polecaneProdukty h3,
#bankujWygodnie h3 {
  color: var(--dark-green);
  display: block;
  position: relative;
  line-height: 1;
  margin: 0;
  padding: 0;
  font-size: 45px;
  font-weight: 600;
}

#polecaneProdukty h3 {
  margin: 0 auto 30px auto;
  text-align: center;
}

#polecaneProdukty h3 strong {
  font-weight: 400;
  color: var(--gray7);
  font-size: 30px;
}

#currencies h3,
#haveQuestions h3,
#bankujWygodnie h3 {
  color: var(--white);
}

#placowkiIBankomaty h4,
#newsTicker h4,
#contactForm h4,
#currencies h4,
#haveQuestions h4,
#polecaneProdukty h4,
#bankujWygodnie h4 {
  color: var(--gray7);
  display: block;
  position: relative;
  line-height: 1.5em;
  margin: 0 0 30px 0;
  padding: 0;
  font-size: 30px;
}

#placowkiIBankomaty h5 {
  display: block;
  position: relative;
  font-weight: 500;
  color: var(--dark-green);
  font-size: 32px;
  margin-bottom: 0;
  text-align: right;
}

#currencies h4,
#bankujWygodnie h4 {
  color: rgba(0, 0, 0, 0.5);
  font-size: 30px;
}

#bankujWygodnie h4 {
  margin-bottom: 0;
}

#haveQuestions h4 {
  color: rgba(0, 0, 0, 0.5);
}

#currencies h4 strong,
#haveQuestions h4 strong,
#bankujWygodnie h4 strong {
  font-weight: 600;
}

.locationDesc {
  display: block;
  position: relative;
  border-radius: 15px;
  border: 2px solid var(--graye);
  padding: 20px;
  height: 100%;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.locationDesc:hover {
  border-color: var(--lighter-green);
  transform: scale(1.02);
  background: var(--dark-green);
  background: -moz-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
}

.locationDesc p.desc {
  font-size: 14px;
}

.locationDesc:hover p.desc {
  color: var(--white);
  opacity: 0.7;
}

.locationDesc:hover strong {
  color: var(--white);
}

.locationDesc p.desc:last-child {
  margin-bottom: 0;
}

#content .contactData .box {
  display: block;
  position: relative;
  margin: 0 auto;
  background: var(--white);
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 15px;
  color: var(--gray4);
  box-shadow: 0px 0px 10px var(--grayc);
  border-right: 4px solid var(--lighter-green);
}

#content .contactData .box .boxHead {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#content .contactData .box i {
  display: block;
  position: relative;
  font-size: 25px;
  color: var(--lighter-green);
  margin: -5px 15px 0 0;
}

#content .contactData .box .boxHead span {
  font-size: 25px;
  color: var(--gray3);
  font-weight: 500;
  line-height: 1.3em;
}

#content .contactData a {
  color: var(--gray7);
  font-weight: 600;
}

#content .contactData address {
  display: block;
  position: relative;
  line-height: 1.5em;
}

#content .contactDataImg {
  display: block;
  position: relative;
  border-radius: 15px;
  width: 100%;
  box-shadow: 0px 0px 10px var(--grayc);
}

#content .contactData .box .additionalInfo div {
  text-align: center;
  margin-top: 10px;
}

#content .contactData .box.flex {
  display: flex;
}

#content .contactData .box .additionalInfoIcon {
  margin-top: 0;
}

#contactForm form {
  display: block;
  margin-top: 50px;
}

#contactForm input {
  outline: none;
  border: none;
}

#contactForm textarea {
  outline: none;
  border: none;
}

#contactForm textarea:focus,
#contactForm input:focus {
  border-color: transparent !important;
}
#contactForm input:focus::-webkit-input-placeholder {
  color: transparent;
}
#contactForm input:focus:-moz-placeholder {
  color: transparent;
}
#contactForm input:focus::-moz-placeholder {
  color: transparent;
}
#contactForm input:focus:-ms-input-placeholder {
  color: transparent;
}
#contactForm textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
#contactForm textarea:focus:-moz-placeholder {
  color: transparent;
}
#contactForm textarea:focus::-moz-placeholder {
  color: transparent;
}
#contactForm textarea:focus:-ms-input-placeholder {
  color: transparent;
}
#contactForm input::-webkit-input-placeholder {
  color: #999999;
}
#contactForm input:-moz-placeholder {
  color: #999999;
}
#contactForm input::-moz-placeholder {
  color: #999999;
}
#contactForm input:-ms-input-placeholder {
  color: #999999;
}
#contactForm textarea::-webkit-input-placeholder {
  color: #999999;
}
#contactForm textarea:-moz-placeholder {
  color: #999999;
}
#contactForm textarea::-moz-placeholder {
  color: #999999;
}
#contactForm textarea:-ms-input-placeholder {
  color: #999999;
}
#contactForm button {
  outline: none !important;
}
#contactForm button:hover {
  cursor: pointer;
}
#contactForm iframe {
  border: none !important;
}
#contactForm .wrap-input {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #adadad;
  margin-bottom: 37px;
}

#contactForm .input2 {
  display: block;
  width: 100%;
  font-size: 18px;
  color: var(--gray2);
  line-height: 1.2;
  background: var(--white);
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
  background-color: rgb(255, 255, 255) !important;
  background-image: none !important;
}

#contactForm .focus-input {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

#contactForm select.input2 {
  border: 0;
  background: var(--white);
}
#contactForm select.input2 option,
#contactForm select.input2 optgroup {
  font-size: 14px;
}

#contactForm .focus-input::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: var(--dark-green);
  background: -moz-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
}

#contactForm .focus-input::after {
  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0;
  font-size: 16px;
  color: var(--gray9);
  line-height: 1.2;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

#contactForm input.input2,
#contactForm select.input2 {
  height: 45px;
}

#contactForm input.input2 + .focus-input::after,
#contactForm select.input2 + .focus-input::after {
  top: 16px;
  left: 0;
}

#contactForm textarea.input2 {
  min-height: 115px;
  padding-top: 13px;
  padding-bottom: 13px;
}

#contactForm textarea.input2 + .focus-input::after {
  top: 16px;
  left: 0;
}

#contactForm .input2:focus + .focus-input::after {
  top: -13px;
  font-size: 14px;
  color: var(--lighter-green);
}

#contactForm .input2:focus + .focus-input::before {
  width: 100%;
}

#contactForm .has-val.input2 + .focus-input::after {
  top: -13px;
  font-size: 14px;
}

#contactForm .input2.message-subject + .focus-input::after {
  top: -13px !important;
  font-size: 14px !important;
}

#contactForm .has-val.input2 + .focus-input::before {
  width: 100%;
}

#contactForm .validate-input {
  position: relative;
}

#contactForm .alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 90%;
  background-color: white;
  border: 1px solid #c80000;
  border-radius: 4px;
  padding: 6px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  pointer-events: none;
  color: #c80000;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
  background: #fff;
  z-index: 5;
}

#contactForm .alert-validate::after {
  content: "\f12a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: block;
  position: absolute;
  color: #c80000;
  font-size: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 8px;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  z-index: 6;
}

.pretty {
  display: block;
  margin-bottom: 14px;
}

.pretty .state label {
  font-size: 16px;
}

.pretty .state label:before {
  border: 2px solid #ccc;
}

.pretty.p-default input:checked ~ .state label:after {
  background-color: var(--dark-green) !important;
}

.pretty.p-default input:checked ~ .state label:before {
  border: 2px solid var(--dark-green);
}

#contact-form .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  margin-right: 30px;
  margin-bottom: 5px;
}

#contact-form .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

#contact-form .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#contact-form .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#contact-form input:checked + .slider {
  background: var(--dark-green);
}

#contact-form input:focus + .slider {
  box-shadow: none;
}

#contact-form input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

#contact-form .slider.round {
  border-radius: 34px;
}

#contact-form .slider.round:before {
  border-radius: 50%;
}

#contact-form .wrap-input.no-border {
  border-bottom: 0;
}

.grecaptcha-badge {
  bottom: 80px !important;
}

.send-ok,
.send-fail {
  display: block;
  position: relative;
  text-align: center;
  padding: 20px 30px;
  margin: 0 auto 20px auto;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3em;
}

.send-fail {
  color: #b43d3d;
  border-bottom: 2px solid #b43d3d;
}

.send-ok {
  color: #218838;
  border-bottom: 2px solid #218838;
}

.productBox {
  display: block;
  position: relative;
  margin: 0 auto;
  background: var(--white);
  padding: 50px 30px;
  margin-bottom: 50px;
  border-radius: 15px;
  color: var(--gray4);
  box-shadow: 0px 0px 10px var(--grayc);
  border-left: 4px solid var(--lighter-green);
  overflow: hidden;
}

.konta .productBox {
  background: var(--white) url(../images/bg-product-box-konta.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}
#content-firmy-i-instytucje .konta .productBox {
  background: var(--white) url(../images/bg-product-box-konta-firmy.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}
.kredyty .productBox {
  background: var(--white) url(../images/bg-product-box-kredyty.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}
#content-firmy-i-instytucje .kredyty .productBox {
  background: var(--white) url(../images/bg-product-box-kredyty-firmy.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}
.ubezpieczenia .productBox {
  background: var(--white) url(../images/bg-product-box-ubezpieczenia.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
}

.productBox:hover {
  transform: scale(1.02);
}

.productBox img {
  display: block;
  position: relative;
  width: 90%;
  margin: 0 auto;
  padding: 0;
  border-radius: 15px;
}

.productBox h2,
.productBox h5 {
  margin: 0;
}

.productBox a.button {
  display: table;
  margin: 0 auto;
}

.productBox h5 {
  color: var(--gray4);
}

.productBox ul.check-list li:before,
article ul.check-list li:before {
  content: "\f00c";
}

.productBox ul.check-list,
article ul.check-list {
  margin-left: 0;
  color: var(--gray4);
  margin-top: 10px;
}

.productBox ul.check-list {
  text-align: left;
}

.productBox .promocja {
  display: block;
  position: absolute;
  right: -48px;
  top: 25px;
  width: 200px;
  background: rgb(253, 170, 76);
  background: -moz-linear-gradient(
    90deg,
    rgba(253, 170, 76, 1) 0%,
    rgba(254, 92, 54, 1) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    rgba(253, 170, 76, 1) 0%,
    rgba(254, 92, 54, 1) 100%
  );
  background: linear-gradient(
    90deg,
    rgba(253, 170, 76, 1) 0%,
    rgba(254, 92, 54, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdaa4c",endColorstr="#fe5c36",GradientType=1);
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  padding: 8px 0 5px 0;
  text-align: center;
  transform: rotate(45deg);
  z-index: 2;
}

#currencies {
  background: url(../images/bg-currencies.png) no-repeat;
  background-color: var(--lighter-green);
  box-shadow: inset 0px 0px 100px var(--dark-green-hover);
}

#currenciesTable {
  width: 100%;
  box-shadow: 20px 20px 20px -10px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
}

#currenciesTable tr td,
#currenciesTable tr th {
  padding: 15px 5px;
  text-align: center;
  border-collapse: collapse;
  background-color: var(--white);
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}

#currenciesTable tr:first-child th:first-child {
  border: none;
}

#currenciesTable tr td:first-child {
  border-right: none;
}

#currenciesTable tr:last-child td,
#currenciesTable tr:nth-child(2) td {
  border-bottom: none;
}

#currenciesTable tr:first-child strong {
  color: var(--white) !important;
}

#currenciesTable tr td:last-child {
  border-right: none;
}

#currenciesTable .noBackground {
  background-color: transparent;
}

#currenciesTable .noBorder {
  border: none;
}

#currenciesTable .cornerLeftUp {
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;
}

#currenciesTable .cornerRightUp {
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px;
}

#currenciesTable .cornerRightDown {
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-right-radius: 15px;
}

#currenciesTable .cornerLeftDown {
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-left-radius: 15px;
}

#currenciesTable strong {
  font-weight: 600;
  color: var(--gray5);
}

#currenciesTable .bgGray1 {
  background-color: var(--graye);
}

#currenciesTable .bgGray2 {
  background-color: var(--grayd);
}

#currenciesTable img {
  margin-right: 0;
  margin-left: auto;
  display: block;
  text-align: right;
}

ul.credit-check-list,
ul.account-check-list,
ul.protection-check-list,
ul.green-box-check-list,
ul.highlighted-box-check-list {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  list-style-type: none;
}

ul.credit-check-list li:before,
ul.account-check-list li:before,
ul.protection-check-list li:before,
ul.green-box-check-list li:before,
ul.highlighted-box-check-list li:before {
  display: none;
}

ul.credit-check-list li,
ul.account-check-list li,
ul.protection-check-list li,
ul.green-box-check-list li,
ul.highlighted-box-check-list li {
  display: inline-block;
  width: 340px;
  min-height: 146px;
  margin: 10px;
  text-align: left;
  padding: 0;
  border-radius: 15px;
  color: var(--white);
  background: var(--dark-green);
  background: -moz-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
}

ul.account-check-list.higher li {
  min-height: 175px;
}

ul.green-box-check-list.tight li {
  width: 250px;
}

ul.highlighted-box-check-list li {
  background: var(--white);
  border: 2px solid var(--highlighted);
  color: var(--gray4);
}

ul.credit-check-list li div,
ul.account-check-list li div,
ul.protection-check-list li div,
ul.green-box-check-list li div,
ul.highlighted-box-check-list li div {
  padding: 30px;
  display: block;
  position: relative;
  min-height: inherit;
  background: url(../images/credit-check-list.png) no-repeat;
  background-position: 235px 40px;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
}

ul.account-check-list li div,
ul.green-box-check-list li div,
ul.highlighted-box-check-list li div {
  padding: 0px 30px 30px 30px;
  text-align: center;
}

ul.green-box-check-list li div,
ul.highlighted-box-check-list li div {
  font-size: 16px;
  line-height: 1.5em;
}

ul.highlighted-box-check-list li div {
  background: none;
}

ul.account-check-list.no-titles li div,
ul.green-box-check-list.no-titles li div,
ul.highlighted-box-check-list.no-titles li div {
  padding: 30px;
}

ul.account-check-list li span,
ul.green-box-check-list li span,
ul.highlighted-box-check-list li span {
  display: block;
  position: relative;
  font-weight: 700;
  margin: 20px auto 0 auto;
  font-size: 24px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 3px;
}

ul.green-box-check-list li span,
ul.highlighted-box-check-list li span {
  font-size: 18px;
  letter-spacing: 1px;
  padding: 0px 8px;
}

ul.highlighted-box-check-list li span {
  color: var(--dark-green);
}

ul.credit-check-list li:hover div,
ul.account-check-list li:hover div,
ul.protection-check-list li:hover div,
ul.green-box-check-list li:hover div,
ul.highlighted-box-check-list li:hover div {
  background-position: 200px center;
}

ul.green-box-check-list.tight li:hover div {
  background-position: 150px center;
}

ul.credit-check-list li:hover,
ul.account-check-list li:hover,
ul.protection-check-list li:hover,
ul.green-box-check-list li:hover,
ul.highlighted-box-check-list li:hover {
  transform: scale(1.02);
}

#haveQuestions {
  background: var(--lighter-green);
  box-shadow: inset 0px 0px 100px var(--dark-green-hover);
}

#haveQuestions .bg {
  display: block;
  position: absolute;
  left: 10%;
  top: 0;
  width: 100%;
  height: 100%;
}

#haveQuestions .bg img {
  height: 100%;
  transform: rotate(-10deg) scale(1.3);
}

#haveQuestions a.button {
  display: table;
  margin: 0 auto;
  text-align: center;
  background: var(--highlighted);
  color: var(--white);
  text-decoration: none !important;
}

#haveQuestions a.button:hover {
  background: var(--white);
  color: var(--lighter-green);
}

.lista-doradcow {
  display: block;
  position: relative;
  margin: 40px auto 0 auto;
  text-align: center;
  list-style-type: none;
}

.lista-doradcow.centrala,
.lista-doradcow.placowki {
  display: none;
}

.lista-doradcow li:before {
  display: none;
}

.lista-doradcow li {
  display: inline-block;
  position: relative;
  width: 340px;
  margin: 10px;
  padding: 30px 30px 28px 100px;
  font-size: 20px;
  border: 2px solid var(--highlighted);
  border-radius: 15px;
  overflow: hidden;
  background: var(--white);
}

.lista-doradcow li i {
  color: var(--highlighted);
  font-size: 30px;
}

.lista-doradcow li a {
  color: var(--gray3);
  font-weight: 500;
}

.lista-doradcow li a span {
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

.lista-doradcow li a:hover {
  color: var(--dark-green-hover);
}

.lista-doradcow li a strong {
  font-weight: 800;
}

.lista-doradcow li div.doradca-m,
.lista-doradcow li div.doradca-k,
.lista-doradcow li div.doradca-p {
  display: block;
  position: absolute;
  opacity: 0.15;
  width: 128px;
  height: 128px;
  left: -40px;
  top: -20px;
  background-position: 0 0;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.lista-doradcow li div.doradca-m {
  background: url(../images/agent-m.png) no-repeat;
}

.lista-doradcow li div.doradca-k {
  background: url(../images/agent-k.png) no-repeat;
}

.lista-doradcow li div.doradca-p {
  background: url(../images/agent-p.png) no-repeat;
}

.lista-doradcow li:hover div {
  transform: scale(1.2);
}

.head-product-image {
  box-shadow: 20px 20px 20px -10px rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  margin-bottom: 40px;
  display: block;
  width: 100%;
  border: 2px solid var(--graye);
}

ul.accordion-list {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 25px 0;
  list-style: none;
}
ul.accordion-list.hide {
  display: none;
}

ul.accordion-list > li {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background-color: var(--white);
  padding: 20px;
  margin: 0 auto 15px auto;
  border: 1px solid var(--graye);
  border-radius: 5px;
}

ul.accordion-list > li:before {
  display: none;
}

ul.accordion-list > li.active h3:after {
  transform: rotate(45deg);
}

ul.accordion-list > li h3 {
  font-size: 20px;
  line-height: 1.2em;
  margin: 0;
  padding-right: 30px;
  cursor: pointer;
}

ul.accordion-list > li h3:after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--highlighted);
  transition: all 0.3s ease-in-out;
  font-size: 30px;
  font-weight: 300;
}
ul.accordion-list li div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 25px 0 0 0;
  padding: 0;
}

article .table {
  width: 100%;
  border: 0;
}

article .table.table-bordered {
  border-collapse: collapse;
  border: 1px solid var(--highlighted);
}

article .table tr td,
article .table tr th {
  padding: 15px;
  vertical-align: middle;
}

article .table tr th {
  background: var(--graye);
  color: var(--gray4);
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 2px solid var(--dark-green);
}

article .table tr td sup {
  font-size: 14px;
  vertical-align: middle;
}

#sticky-sidebar {
  display: block;
  position: relative;
  text-align: left;
  border: 1px solid var(--grayd);
  border-radius: 15px;
  padding: 10px;
  background: var(--white);
  margin-left: 0;
}

#sticky-sidebar li {
  text-align: left;
}

#sticky-sidebar li:before {
  display: none;
}

#sticky-sidebar li a {
  padding: 8px 4px 6px 4px;
  display: block;
  position: relative;
  color: var(--gray3);
  font-weight: 600;
  font-size: 16px;
  border-bottom: 1px solid var(--grayd);
}

#sticky-sidebar li ul {
  display: none;
}

#sticky-sidebar li ul li a {
  color: var(--gray5);
  font-weight: 400;
}

#sticky-sidebar li ul li.current > a {
  font-weight: 600;
}

#sticky-sidebar li:hover > a,
#sticky-sidebar li.current > a {
  color: var(--dark-green);
  padding-left: 8px;
  border-bottom: 1px solid var(--highlighted);
}

#sticky-sidebar li:last-child,
#sticky-sidebar li:last-child a,
#sticky-sidebar li:last-child:hover {
  border-bottom: none;
}

ul.steps {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  list-style-type: none;
}

ul.steps li:before {
  display: none;
}

ul.steps li {
  display: inline-block;
  width: 250px;
  min-height: 146px;
  margin: 10px;
  padding: 0;
  border-radius: 15px;
  color: var(--gray3);
  background: var(--white);
  border: 2px solid var(--highlighted);
  text-align: center;
}

ul.steps li p {
  padding: 0px 20px 20px 20px;
  display: block;
  position: relative;
  min-height: inherit;
  display: flex;
  align-items: center;
  cursor: default;
  text-align: center;
  justify-content: center;
  font-size: 14px;
  margin: 0 auto;
}

ul.steps li.next {
  background: none;
  border: none;
  width: 100px;
  height: 72px;
}

ul.steps li.next img {
  display: block;
  top: 50%;
  margin-top: -37px;
}

ul.steps li strong {
  display: block;
  position: relative;
  margin: 20px auto 0 auto;
}

ul.steps li.step p:after {
  display: block;
  position: absolute;
  top: -50px;
  left: 10px;
  letter-spacing: 8px;
  font-size: 80px;
  font-weight: 800;
  color: var(--grayd);
}

ul.steps li.step.step-one p:after {
  content: "1";
}

ul.steps li.step.step-two p:after {
  content: "2";
}

ul.steps li.step.step-three p:after {
  content: "3";
}

section#consultantContactDetal {
  background: var(--light-gray-hover);
  border-top: 1px solid var(--grayd);
  box-shadow: inset 0px -100px 100px var(--grayd);
}

#consultantContactDetal .type img {
  margin: 10px auto;
  display: block;
  text-align: center;
}

#consultantContactDetal h6 {
  font-size: 18px;
  font-weight: 500;
  color: var(--dark-green);
  margin-top: 20px;
}

#consultantContactDetal .consultant-type {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  height: 50px;
  text-transform: uppercase;
  color: var(--white);
  background: var(--lighter-green);
  border-radius: 40px;
  cursor: pointer;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

#consultantContactDetal .consultant-type:hover {
  background: var(--dark-green);
  transform: scale(1.05);
}

#consultantContactDetal .consultant-type i {
  display: block;
  position: absolute;
  color: var(--lighter-green);
  width: 40px;
  height: 40px;
  background: var(--white);
  border-radius: 50%;
  line-height: 40px;
  margin: 5px;
}

#consultantContactDetal .consultant-type:hover i {
  color: var(--highlighted);
}

#consultantContactDetal .consultant-type span {
  display: block;
  position: relative;
  text-align: left;
  padding-left: 60px;
  padding-right: 20px;
  margin-top: 18px;
}

article .outer-download-app {
  display: block;
  position: relative;
}

article .download-app {
  display: block;
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 350px;
}

article .download-app .download-google {
  display: block;
  position: absolute;
  width: 121px;
  height: 36px;
  top: 0;
  left: 107px;
}

article .download-app .download-appstore {
  display: block;
  position: absolute;
  width: 111px;
  height: 36px;
  top: 0;
  left: 240px;
}

article #zero {
  display: block;
  position: relative;
  margin: 0 auto;
  background: var(--graye);
  padding-bottom: 20px;
}

article #zero.marginTop50 {
  margin-top: 50px;
}

article #zero:before,
article #zero:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  margin-top: 15px;
  width: 100%;
  height: 4px;
  background: rgb(34, 34, 34);
  background: -moz-linear-gradient(
    90deg,
    var(--graye) 0%,
    var(--highlighted) 50%,
    var(--graye) 100%
  );
  background: -webkit-linear-gradient(
    90deg,
    var(--graye) 0%,
    var(--highlighted) 50%,
    var(--graye) 100%
  );
  background: linear-gradient(
    90deg,
    var(--graye) 0%,
    var(--highlighted) 50%,
    var(--graye) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#222222",endColorstr="#222222",GradientType=1);
}

article #zero:before {
  margin-top: 0;
}

article #zero .round-zero-wrapper {
  display: flex;
  position: relative;
  margin: 0 auto;
  text-align: center;
  height: 100%;
  align-items: center;
}

article #zero .round-zero-inner {
  display: block;
  position: relative;
  margin: 0 auto;
}

article #zero .round-zero-wrapper img {
  display: block;
  position: relative;
  width: auto;
  max-width: 408px;
}

article #zero .round-zero-inner h3 {
  display: block;
  position: relative;
  margin: 0 20px 20px 20px;
  font-size: 28px;
  font-weight: 600;
  text-shadow: 0px 0px 20px var(--white);
}

article #zero .round-zero-inner .round-zero {
  display: block;
  position: absolute;
  margin: 0 auto;
  text-align: center;
  font-size: 60px;
  color: var(--white);
  font-weight: 800;
  padding-bottom: 200px;
  text-shadow: 2px 2px 2px var(--dark-green-hover);
  width: 100%;
  top: 43%;
}

#zero .zero-list {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 50px;
}

#zero .zero-list li:before {
  display: none;
}

#zero .zero-list li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  padding: 20px;
  font-weight: 500;
  border-radius: 15px;
  width: 280px;
  min-height: 120px;
  margin: 0px 10px 20px 10px;
  font-size: 18px;
  overflow: hidden;
  color: var(--white);
  border: 8px solid var(--grayd);
  box-shadow: inset 0px 0px 10px rgba(255, 255, 255, 0.7);
  background: var(--dark-green);
  background: -moz-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: -webkit-linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
  background: linear-gradient(
    0deg,
    var(--dark-green) 0%,
    var(--lighter-green) 100%
  );
}

#zero .zero-list li div {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  overflow: hidden;
}

#zero .zero-list li span.z {
  display: block;
  position: absolute;
  font-size: 150px;
  font-weight: 800;
  top: 83px;
  left: -30px;
  color: var(--dark-green);
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.3);
  opacity: 0.3;
}

#zero .zero-list li:hover {
  transform: scale(1.02);
}

#zero .zero-list li:hover span.z {
  text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
  opacity: 0.5;
}

#zero p.zero-desc {
  font-size: 12px;
  text-shadow: -1px -1px 0px rgba(255, 255, 255, 0.6);
}

#karty-debetowe,
#partnerzy {
  display: block;
  position: relative;
  margin-bottom: 50px;
}

#karty-debetowe h4,
#partnerzy h4 {
  display: block;
  position: relative;
  margin: 0 auto 0px auto;
  text-align: center;
  color: var(--dark-green);
}

#karty-debetowe img,
#partnerzy img {
  display: block;
  position: relative;
  max-width: 80%;
  margin: 0 auto;
  margin-bottom: 50px;
  border-radius: 15px;
  box-shadow: 20px 20px 20px -10px rgb(0 0 0 / 20%);
  border: 2px solid var(--graye);
}

#partnerzy img {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
  border-radius: 0;
}

#karty-debetowe p.desc,
#partnerzy p.desc {
  display: block;
  position: relative;
  text-align: center;
  color: var(--gray9);
  font-size: 16px;
  margin-bottom: 0;
}

#karty-debetowe p.desc:after,
#partnerzy p.desc:after {
  content: "";
  display: block;
  position: relative;
  margin: 0 auto;
  width: 50px;
  height: 3px;
  background: var(--highlighted);
  margin-top: 10px;
}

#karty-debetowe .owl-prev,
#partnerzy .owl-prev {
  left: -40px;
}

#karty-debetowe .owl-next,
#partnerzy .owl-next {
  right: -40px;
}

#karty-debetowe .owl-next,
#karty-debetowe .owl-prev,
#partnerzy .owl-next,
#partnerzy .owl-prev {
  display: block;
  position: absolute;
  color: var(--highlighted) !important;
  margin: 0;
  padding: 0;
  top: 150px;
  font-size: 30px;
  background: transparent !important;
  color: var(--highlighted) !important;
  opacity: 1 !important;
}

#partnerzy .owl-next,
#partnerzy .owl-prev {
  top: 20px;
}

#karty-debetowe .owl-theme .owl-nav,
#partnerzy .owl-theme .owl-nav {
  margin: 0;
}

#karty-debetowe .owl-next:hover,
#karty-debetowe .owl-prev:hover,
#partnerzy .owl-next:hover,
#partnerzy .owl-prev:hover {
  color: var(--grayc) !important;
  background: transparent !important;
}

#skorzystaj-z-bankomatow {
  background-color: var(--lighter-green);
  color: var(--white);
  padding: 80px 0px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0px 0px 100px var(--dark-green-hover);
}

#skorzystaj-z-bankomatow .bg {
  display: block;
  position: absolute;
  left: 0%;
  top: 0;
  width: 100%;
  height: 100%;
}

#skorzystaj-z-bankomatow .bg img {
  height: 90%;
  transform: rotate(-10deg) scale(1.3);
  margin-top: 20px;
  margin-right: 0;
  right: 170px;
}

#skorzystaj-z-bankomatow h3 {
  color: var(--white);
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  font-size: 45px;
  font-weight: 500;
  margin-bottom: 40px;
}

#skorzystaj-z-bankomatow h3 strong {
  font-weight: 800;
  border-bottom: 3px solid var(--highlighted);
}

#skorzystaj-z-bankomatow span {
  color: rgba(0, 0, 0, 0.5);
  font-size: 60px;
  font-weight: 800;
}

#skorzystaj-z-bankomatow a {
  display: inline-block;
  position: relative;
  padding: 20px 26px 18px 26px;
  font-size: 24px;
  line-height: 1;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: inset 0px 2px 0px 0px rgb(255 255 255 / 20%);
  z-index: 2;
  background: var(--highlighted);
  color: var(--white);
  border: 2px solid transparent;
}

#skorzystaj-z-bankomatow a i {
  margin: -3px 0 0 10px;
}

#skorzystaj-z-bankomatow a:hover {
  background: var(--white);
  text-decoration: none !important;
  color: var(--dark-green);
  border: 2px solid var(--dark-green);
}

#accountBenefits {
  padding: 80px 0px 30px 0px;
  position: relative;
}

.benefits-list,
.bankuj-wygodnie-list {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
}

.benefits-list li:before,
.bankuj-wygodnie-list li:before {
  display: none;
}

.benefits-list li,
.bankuj-wygodnie-list li {
  display: inline-block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  background: var(--white);
  color: var(--lighter-green);
  box-shadow: inset 0px 10px 30px rgba(255, 255, 255, 0.5),
    0px 0px 0px 10px var(--graye);
  border-radius: 50%;
  width: 160px;
  height: 160px;
  margin: 0px 20px 40px 20px;
  font-size: 22px;
  font-weight: 500;
  cursor: pointer;
}

.bankuj-wygodnie-list li {
  width: 130px;
  height: 130px;
  font-size: 18px;
  margin: 0px 15px 40px 15px;
  margin-bottom: 0;
  box-shadow: inset 0px 8px 8px rgb(255 255 255 / 40%),
    0px 0px 0px 10px rgb(0 0 0 / 10%);
}

#content-firmy-i-instytucje .benefits-list li,
#content-firmy-i-instytucje .bankuj-wygodnie-list li {
  box-shadow: inset 0px 10px 30px rgba(255, 255, 255, 0.3),
    0px 0px 0px 10px var(--graye);
  background: var(--lighter-green);
}

.benefits-list li a,
.bankuj-wygodnie-list li a {
  color: var(--lighter-green);
}

.benefits-list li:hover {
  box-shadow: inset 0px 10px 30px rgba(255, 255, 255, 0.5),
    0px 0px 0px 10px var(--grayd);
  transform: scale(1.05);
}

.bankuj-wygodnie-list li:hover {
  box-shadow: inset 0px 8px 8px rgb(255 255 255 / 40%),
    0px 0px 0px 10px rgb(0 0 0 / 10%);
  transform: scale(1.05);
}

.benefits-list li div,
.bankuj-wygodnie-list li div {
  width: 140px;
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 10px auto;
  top: 25px;
}

.bankuj-wygodnie-list li div {
  width: 120px;
  top: 15px;
}

.benefits-list li img,
.bankuj-wygodnie-list li img {
  display: block;
  position: absolute;
  width: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: 20px;
  opacity: 0.4;
}

.benefits-list li:hover img,
.bankuj-wygodnie-list li:hover img {
  opacity: 0.6;
}

#content figure.categoryBox2 {
  position: relative;
  overflow: hidden;
  margin: 0;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 100%;
  background: var(--dark-green);
  text-align: center;
  cursor: pointer;
  border-radius: 15px;
  margin-bottom: 25px;
}

#content figure.categoryBox2 img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.9;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.05, 1.05, 1);
  transform: scale3d(1.05, 1.05, 1);
}

#content figure.categoryBox2 figcaption {
  padding: 20px;
  color: var(--white);
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#content figure.categoryBox2 figcaption::before,
#content figure.categoryBox2 figcaption::after {
  pointer-events: none;
}

#content figure.categoryBox2 figcaption,
#content figure.categoryBox2 figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#content figure.categoryBox2 figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

#content figure.categoryBox2 h2,
#content figure.categoryBox2 p {
  margin: 0;
}

#content figure.categoryBox2 p {
  font-size: 16px;
}

#content figure.categoryBox2 figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, -100%, 0);
}

#content figure.categoryBox2 p {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0 1em 1em 0;
  padding: 0 1em 0 0;
  max-width: 250px;
  border-right: 4px solid var(--highlighted);
  text-align: right;
  opacity: 0;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
  color: var(--white);
}

#content figure.categoryBox2 h2 {
  position: absolute;
  top: 4px;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  color: var(--white);
  background: var(--dark-green05);
  padding: 4px 12px 0px 12px;
  border-radius: 15px;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

#content figure.categoryBox2 h2:before {
  content: "";
  display: block;
  position: relative;
  margin: 0 auto;
  width: 50px;
  height: 4px;
  background: var(--highlighted);
  top: -8px;
}

#content figure.categoryBox2:hover img {
  opacity: 0.4;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

#content figure.categoryBox2:hover figcaption::before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 100%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
    translate3d(0, 100%, 0);
}

#content figure.categoryBox2:hover p {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

#content figure.categoryBox2:hover h2 {
  color: var(--white);
  background: transparent;
}

#content h4.stripe {
  display: block;
  position: relative;
  font-size: 30px;
  font-weight: 500;
  border-right: 3px solid var(--lighter-green);
  padding: 6px 10px 0px 0px;
  margin: 0 0 20px 0;
  color: var(--gray3);
  text-align: right;
}

#ubezpieczenie-online .box {
  display: block;
  position: relative;
  margin: 30px auto;
  text-align: center;
  padding: 0px 30px;
}

#ubezpieczenie-online .box .icon {
  display: flex;
  position: relative;
  margin: 0 auto 20px auto;
  width: 80px;
  height: 80px;
  background: var(--smooth-green);
  border-radius: 50%;
  text-align: center;
  align-items: center;
  justify-content: center;
}

#ubezpieczenie-online .box .icon img {
  display: block;
  position: relative;
  width: 40px;
}

#ubezpieczenie-online .box h6 {
  display: inline-block;
  color: var(--gray3);
  font-weight: 600;
  border-bottom: 2px solid var(--lighter-green);
}

.ebp > .row,
.bsgo-list > .row {
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px solid var(--grayd);
}

.ebp > .row:first-child,
.bsgo-list > .row:first-child {
  padding-top: 0;
}

.ebp > .row:last-child,
.bsgo-list > .row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.ebp .icon-title {
  display: flex;
  position: relative;
  align-items: center;
}

.ebp .icon-title .icon {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: var(--smooth-green);
  text-align: center;
}

.ebp .icon-title .icon svg,
.ebp .icon-title .icon img {
  width: 40px;
  fill: var(--highlighted);
  margin-top: 20px;
}

.ebp .icon-title .title {
  display: block;
  position: relative;
  margin-left: 20px;
  font-weight: 600;
  line-height: 1.2em;
}

.ebp p {
  margin-bottom: 0;
}

.bsgo-titles h3 {
  color: var(--gray3);
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}

.bsgo-titles h3 strong {
  font-weight: 700;
  color: var(--highlighted);
  margin-bottom: 10px;
}

.bsgo-titles h2 {
  font-size: 55px;
  line-height: 1.1em;
  margin-top: 0;
  font-weight: 800;
  color: var(--gray3);
}

.bsgo-titles h2 strong {
  color: var(--highlighted);
  font-weight: 800;
}

.bsgo-list h4 {
  color: var(--gray3);
  display: inline-block;
  border-bottom: 2px solid var(--lighter-green);
  font-weight: 600;
}

.bsgo-list .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  border-radius: 20px;
  background: var(--smooth-green);
  text-align: center;
}

.bsgo-list .icon img {
  width: 80px;
}

.lokaty .box,
.ubezpieczenia-firmy .box {
  display: block;
  position: relative;
  border: 3px solid var(--grayd);
  border-radius: 15px;
  padding: 30px;
  min-height: 420px;
  background-position: -120px 80px !important;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
  box-shadow: inset 0px 0px 30px var(--smooth-green);
  margin-bottom: 30px;
  text-align: left;
}

.ubezpieczenia-firmy .box {
  min-height: auto;
}

.lokaty .box ul,
.ubezpieczenia-firmy .box ul {
  width: 60%;
  display: table;
  margin: 20px 0 0 auto;
  text-transform: uppercase;
}

.ubezpieczenia-firmy .box ul {
  text-transform: none;
}

.lokaty .box ul li a,
.ubezpieczenia-firmy .box ul li a {
  color: var(--gray6);
  font-weight: 600;
  font-size: 16px;
}

.lokaty .box ul li a:hover,
.ubezpieczenia-firmy .box ul li a:hover {
  color: var(--dark-green);
}

.lokaty .lokaty-internetowe {
  background: url(../images/icons/lokaty-internetowe-gray.png) no-repeat;
}

.lokaty .lokaty-internetowe:hover {
  background: url(../images/icons/lokaty-internetowe.png) no-repeat;
}

.lokaty .lokaty-placowki {
  background: url(../images/icons/lokaty-placowki-gray.png) no-repeat;
}

.lokaty .lokaty-placowki:hover {
  background: url(../images/icons/lokaty-placowki.png) no-repeat;
}

.ubezpieczenia-firmy .ubezpieczenia-firmy-majatku {
  background: url(../images/icons/ubezpieczenie-majatku-gray.png) no-repeat;
}

.ubezpieczenia-firmy .ubezpieczenia-firmy-majatku:hover {
  background: url(../images/icons/ubezpieczenie-majatku.png) no-repeat;
}

.ubezpieczenia-firmy .ubezpieczenia-firmy-zdrowotne {
  background: url(../images/icons/ubezpieczenie-zdrowotne-gray.png) no-repeat;
}

.ubezpieczenia-firmy .ubezpieczenia-firmy-zdrowotne:hover {
  background: url(../images/icons/ubezpieczenie-zdrowotne.png) no-repeat;
}

.ubezpieczenia-firmy .ubezpieczenia-firmy-zycia {
  background: url(../images/icons/ubezpieczenie-zycia-gray.png) no-repeat;
}

.ubezpieczenia-firmy .ubezpieczenia-firmy-zycia:hover {
  background: url(../images/icons/ubezpieczenie-zycia.png) no-repeat;
}

.lokaty .box:hover,
.ubezpieczenia-firmy .box:hover {
  background-position: -100px 80px !important;
  opacity: 1;
  border: 3px solid var(--highlighted);
}

.ubezpieczenia-firmy .box:hover {
  background-position: -50px 80px !important;
}

#polecane-produkty-carousel {
  width: 100%;
}
#polecane-produkty-carousel:after {
  content: "";
  display: block;
  position: absolute;
  right: -131px;
  margin-top: -120px;
  top: 50%;
  width: 200px;
  height: 200px;
  background: url(../images/icons/polecane-produkty.png) no-repeat center center;
  z-index: -1;
  background-size: cover;
}

#polecane-produkty-carousel .box {
  display: block;
  position: relative;
  background: var(--dark-white);
  border-radius: 25px;
  padding: 20px 10px;
  border: 5px solid var(--graye);
}

#polecane-produkty-carousel .desc {
  display: block;
  position: relative;
  text-align: left;
  margin-left: 30px;
}

#polecane-produkty-carousel .desc h5 {
  font-weight: 600;
  color: var(--dark-green);
  font-size: 28px;
}

#polecane-produkty-carousel .desc hr {
  display: block;
  position: relative;
  margin: 15px auto 17px 0;
  padding: 0;
  width: 50px;
  border: 0;
  border-bottom: 2px solid var(--highlighted);
  opacity: 1;
}

#polecane-produkty-carousel img {
  display: block;
  position: relative;
  width: 350px;
  border-radius: 15px;
  margin: 0 auto;
  text-align: center;
}

#polecane-produkty-carousel .desc p {
  color: var(--gray6);
  line-height: 1.3em;
  font-size: 20px;
}

#polecane-produkty-carousel .calc {
  display: block;
  position: relative;
  background: var(--highlighted);
  border-radius: 25px;
  padding: 30px 20px;
  color: var(--white);
  box-shadow: inset 0px -15px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

#polecane-produkty-carousel .calc .amount-wrapper > div:not(.slide-ranger),
#polecane-produkty-carousel .calc .period-wrapper > div:not(.slide-ranger) {
  display: flex;
  position: relative;
  margin-bottom: 0px;
  align-items: center;
}

#polecane-produkty-carousel .calc .title {
  display: block;
  font-size: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1;
}

#polecane-produkty-carousel .calc:before,
#polecane-produkty-carousel .calc:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -100px;
  width: 200px;
  height: 6px;
  top: 0px;
  background: var(--dark-white);
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#polecane-produkty-carousel .calc:after {
  top: auto;
  bottom: 0px;
  -webkit-border-radius: 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius: 0px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#polecane-produkty-carousel .calc .amount,
#polecane-produkty-carousel .calc .period {
  font-size: 30px;
  display: block;
  color: var(--white);
  font-weight: 700;
  text-align: right;
  margin: 0 0 0 auto;
  line-height: 1;
}

#polecane-produkty-carousel .calc .amount span,
#polecane-produkty-carousel .calc .period span {
  vertical-align: baseline;
}

#polecane-produkty-carousel .calc .shine {
  display: block;
  position: absolute;
  left: 9px;
  top: -21px;
  width: 150%;
  height: 187px;
  background: rgba(0, 0, 0, 0.02);
  transform: rotate(35deg);
}

#polecane-produkty-carousel .calc .button {
  display: table;
  position: relative;
  margin: 0 auto 0 auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  color: var(--white);
  border: 0;
  box-shadow: inset 0px -1px 0px 0px rgba(255, 255, 255, 0.5);
}

#polecane-produkty-carousel .calc .button:hover {
  background-color: rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px -1px 0px 0px rgb(255 255 255 / 50%),
    0 2px 7px 0px rgb(255 255 255 / 30%);
}

#polecane-produkty-carousel .calc .slide-ranger {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100%;
  top: -18px;
}

.irs--round .irs-line {
  background-color: rgba(0, 0, 0, 0.3);
  height: 8px;
  box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, 0.3);
}

.irs--round .irs-bar {
  height: 8px;
  background-color: var(--dark-green);
}

.irs--round .irs-handle {
  border: 4px solid var(--lighter-green);
  box-shadow: 0 0px 0px 5px rgb(0 0 0 / 10%);
  cursor: pointer;
  background-color: var(--dark-white);
}

#polecane-produkty-carousel iframe {
  width: 100%;
  min-height: 360px;
}

#polecane-produkty-carousel.owl-theme .owl-dots .owl-dot span {
  background: var(--grayd);
}

#polecane-produkty-carousel.owl-theme .owl-dots .owl-dot.active span {
  background: var(--highlighted);
}

.platnosci-mobilne {
  margin-top: 30px;
}

.platnosci-mobilne .box {
  display: block;
  position: relative;
  border-radius: 28px;
  margin-bottom: 30px;
  border: 2px solid var(--grayd);
}

.platnosci-mobilne .box a {
  display: flex;
  align-items: center;
  overflow: hidden;
}

.platnosci-mobilne .box a img {
  display: block;
  position: relative;
  margin: 5px;
  padding: 0;
  width: 80px;
}

.platnosci-mobilne .box a h5 {
  color: var(--gray3);
  font-weight: 600;
  border-left: 2px solid var(--lighter-green);
  margin: 0;
  padding: 3px 10px 0px 10px;
  margin-left: 10px;
  line-height: 1;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  transition: all ease 0.2s;
  font-size: 16px;
}

.platnosci-mobilne .box a i {
  display: block;
  position: relative;
  color: var(--highlighted);
  font-size: 36px;
  opacity: 1;
  margin: 0 -25px 0 auto;
}

.platnosci-mobilne .box:hover a h5 {
  padding-left: 16px;
  color: var(--gray7);
}

.platnosci-mobilne .box:hover a i {
  margin: 0 15px 0 auto;
}

.platnosci-mobilne .box:hover a img {
  transform: scale(0.9);
}

.gwarancje-list {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  list-style-type: none;
}

.gwarancje-list li:before {
  display: none;
}

.gwarancje-list li {
  display: inline-block;
  margin: 0;
}

.gwarancje-list li a {
  display: block;
  position: relative;
  margin: 0px 10px 10px 10px;
  font-size: 30px;
  color: var(--white);
  background: var(--lighter-green);
  padding: 15px 30px 12px 30px;
  font-weight: 800;
  letter-spacing: 2px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  box-shadow: inset 0px 25px 0px 0px rgb(255 255 255 / 5%);
  border: 2px solid transparent;
}

.gwarancje-list li a:hover {
  color: var(--lighter-green);
  background: var(--white);
  border: 2px solid var(--lighter-green);
  box-shadow: inset 0px 25px 0px 0px rgb(0 0 0 / 5%);
}

section#dlaczegoMy {
  background: var(--white) url(../images/dlaczego-my-kredyty-up.jpg) no-repeat;
  background-position: center top;
  overflow: hidden;
  border-top: 2px solid var(--graye);
}

section#dlaczegoMy h2 {
  font-weight: 600;
  color: var(--dark-green);
  font-size: 45px;
  margin-bottom: 50px;
}

.dlaczego-my-list {
  display: block;
  position: relative;
  margin: 0 auto;
  text-align: center;
  list-style-type: none;
}

.dlaczego-my-list li:before {
  display: none;
}

.dlaczego-my-list li {
  display: inline-block;
  position: relative;
  margin: 0 10px 20px 10px;
  width: 330px;
  padding: 20px;
  text-align: left;
  vertical-align: text-top;
}

.dlaczego-my-list li h4 {
  color: var(--highlighted);
  font-weight: 600;
  font-size: 30px;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  text-align: center;
}

.dlaczego-my-list li hr {
  border: 0;
  height: 4px;
  background: var(--dark-green);
  width: 50px;
  margin: 20px auto;
  opacity: 1;
  border-radius: 4px;
}

.dlaczego-my-list li p {
  line-height: 1.3em;
  color: var(--dark-green);
  opacity: 1;
  font-size: 18px;
  display: block;
  margin: 0;
  font-weight: 500;
  text-align: justify;
}

.dlaczego-my-list li img {
  display: block;
  position: relative;
  margin: 0 auto 20px auto;
  width: 100px;
  height: 100px;
  background: var(--dark-green);
  border-radius: 50%;
  padding: 20px;
}

section#kontaktDoradcyKredytowi {
  background: var(--lighter-green);
  box-shadow: inset 0px 0px 100px var(--dark-green-hover);
}

section#kontaktDoradcyKredytowi h6 {
  display: block;
  position: relative;
  margin: 0 auto;
  font-size: 30px;
  color: var(--white);
  font-weight: 300;
  line-height: 1.2em;
  padding-right: 30px;
  padding-top: 8px;
  border-right: 3px solid var(--dark-green);
}

section#kontaktDoradcyKredytowi h6 strong {
  font-size: 38px;
  font-weight: 600;
}

section#kontaktDoradcyKredytowi hr {
  border: 0;
  height: 4px;
  background: var(--highlighted);
  width: 50px;
  margin: 20px auto;
  opacity: 1;
  border-radius: 4px;
}

section#kontaktDoradcyKredytowi p {
  display: block;
  position: relative;
  line-height: 1.5em;
  color: var(--white);
  opacity: 0.8;
  font-size: 18px;
  padding-left: 30px;
}

section#kontaktDoradcyKredytowi h2 {
  font-size: 50px;
  color: var(--highlighted);
  font-weight: 800;
  text-align: center;
  display: block;
  position: relative;
  margin: 50px auto 0px auto;
  transform: rotate(-5deg);
  line-height: 1;
  text-transform: uppercase;
}

section#kontaktDoradcyKredytowi h3 {
  font-size: 50px;
  color: var(--dark-green-hover);
  font-weight: 800;
  text-align: center;
  display: block;
  position: relative;
  margin: 0px auto 80px auto;
  transform: rotate(-5deg);
  line-height: 1;
  text-transform: uppercase;
}

section#kontaktDoradcyKredytowi h3 strong {
  color: var(--white);
  opacity: 0.6;
  font-weight: 800;
}

section#kontaktDoradcyKredytowi .box {
  display: block;
  position: relative;
  background: var(--dark-green);
  padding: 20px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0px 10px 5px rgb(0 0 0 / 10%),
    inset 0px 29px 0px rgba(255, 255, 255, 0.02);
  margin-bottom: 20px;
}

section#kontaktDoradcyKredytowi .box i {
  color: var(--white);
  opacity: 1;
  font-size: 62px;
  display: block;
  position: absolute;
  left: 15px;
  top: -2px;
}

section#kontaktDoradcyKredytowi .box span {
  display: block;
  position: relative;
  line-height: 1;
  color: var(--white);
  font-size: 20px;
  padding-left: 80px;
}

section#kontaktDoradcyKredytowi .box:hover {
  transform: scale(1.05);
  box-shadow: 0px 10px 5px rgb(255 255 255 / 10%),
    inset 0px 29px 0px rgba(255, 255, 255, 0.02);
}

section#kontaktDoradcyKredytowi .wrapper {
  border: 2px dotted var(--highlighted);
  display: block;
  position: relative;
  margin: 20px auto 0 auto;
  padding: 50px;
}

section#kontaktDoradcyKredytowi .wrapper.kontakt-z-doradca,
section#kontaktDoradcyKredytowi .wrapper.zapraszamy-do-centrali {
  display: none;
}

section#kontaktDoradcyKredytowi .wrapper span.name,
section#kontaktDoradcyKredytowi .wrapper span.available,
section#kontaktDoradcyKredytowi .wrapper span.phone,
section#kontaktDoradcyKredytowi .wrapper a.phone,
section#kontaktDoradcyKredytowi .wrapper a.email {
  display: block;
  position: relative;
  margin: 0 auto 5px auto;
  font-weight: 500;
  font-size: 20px;
  color: var(--white);
  text-align: center;
}

section#kontaktDoradcyKredytowi .wrapper a.email {
  font-size:16px;
  color:var(--highlighted);
}

section#kontaktDoradcyKredytowi .wrapper span.available {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
}

section#kontaktDoradcyKredytowi .wrapper span.phone,
section#kontaktDoradcyKredytowi .wrapper a.phone {
  color: var(--dark-green-hover);
  font-weight: 800;
}

section#kontaktDoradcyKredytowi .wrapper address {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 1.3em;
  color: var(--white);
  border-right: 3px solid var(--dark-green);
}

section#kontaktDoradcyKredytowi .wrapper address strong {
  font-size: 24px;
}

section#kontaktDoradcyKredytowi .wrapper address a {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.6);
}

section#kontaktDoradcyKredytowi .wrapper span.photo {
  display: block;
  position: relative;
  margin: 0 auto 20px auto;
  border-radius: 50%;
}

section#kontaktDoradcyKredytowi .wrapper span.photo img {
  display: block;
  position: relative;
  margin: 0 auto;
  width: 180px;
  border-radius: 50%;
  border: 5px solid var(--white);
}

article .gallery {
  display: block;
  position: relative;
  margin: 30px auto 0 auto;
  list-style-type: none;
  text-align: center;
}

article .gallery li {
  display: inline-block;
  margin: 0 10px 20px 10px;
  max-width: 250px;
  list-style-type: none;
  text-align: center;
}

article .gallery li:before {
  display: none;
}

article .gallery li a {
  display: block;
  position: relative;
  border-radius: 15px;
  padding: 10px;
  background: var(--grayd);
}

article .gallery li a img {
  border-radius: 15px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

article .gallery li a:hover {
  background: var(--grayc);
}

#bankujWygodnie {
  background: url(../images/bg-bankuj-wygodnie.png) no-repeat;
  background-color: var(--lighter-green);
  background-position: 130px center;
  background-attachment: fixed;
  box-shadow: inset 0px 0px 100px var(--dark-green-hover);
}

.round-big-link {
  display: flex;
  position: relative;
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  color: var(--dark-green);
  border: 2px solid var(--grayd);
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  margin-bottom: 20px;
  min-height: 80px;
  align-items: center;
}

.round-big-link:hover {
  border-color: var(--lighter-green);
}

.bs-cluster {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50%;
  background: var(--dark-green);
  box-shadow: 0px 0px 0px 6px rgba(0, 0, 0, 0.2);
  color: var(--white);
  font-size: 14px;
  line-height: 40px;
  text-align: center;
}

.bs-cluster.size-xxl {
  width: 80px !important;
  height: 80px !important;
  line-height: 80px;
  background: var(--dark-green);
}

.bs-cluster.size-xl {
  width: 70px !important;
  height: 70px !important;
  line-height: 70px;
  background: var(--dark-green);
}

.bs-cluster.size-l {
  width: 60px !important;
  height: 60px !important;
  line-height: 60px;
  background: var(--lighter-green);
}

.bs-cluster.size-m {
  width: 50px !important;
  height: 50px !important;
  line-height: 50px;
  background: var(--lighter-green);
}

.bs-cluster.size-s {
  width: 40px !important;
  height: 40px !important;
  line-height: 40px;
  background: var(--highlighted);
}

.bs-cluster.size-xs {
  width: 30px !important;
  height: 30px !important;
  line-height: 30px;
  background: var(--highlighted);
}
/* 
(min-width: 1400px) - XXL
(min-width: 1200px) - XL
(min-width: 992px) - LG
(min-width: 768px) - MD
(min-width: 576px) - SM 
*/

@media (min-width: 300px) and (max-width: 768px) {
  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.4rem);
    padding-left: var(--bs-gutter-x, 1.4rem);
    margin-right: auto;
    margin-left: auto;
    max-width: none;
  }
  article .container .container {
    padding-left: 0;
    padding-right: 0;
  }
  .mainPanel > .container {
    padding-left: 5px;
    padding-right: 5px;
  }
  .footerMenu li a {
    margin: 0 0 18px 0;
  }
  .footerMenu {
    margin-bottom: 25px;
  }
  .hideOnMobile,
  .cookies-img,
  #polecaneProdukty .icon,
  .icon-scroll-outer,
  header .oBankuPanel .boxOuter,
  header .mainMenu li.social,
  header .oBanku .menu-btn,
  header .subPanel .subMenu,
  header .dropdown .col-xl-3,
  header .dropdownMenu li a .desc,
  article .documentDownload .button span,
  article .download-app,
  section#kontaktDoradcyKredytowi .box i {
    display: none;
  }
  .footerRights,
  .cookieInfo {
    padding: 25px 0px;
  }
  section#placowkiIBankomaty,
  section#newsTicker,
  section#contactForm,
  section#currencies,
  section#haveQuestions,
  section#consultantContactDetal,
  section#polecaneProdukty,
  footer,
  article,
  #skorzystaj-z-bankomatow,
  #accountBenefits,
  section#dlaczegoMy,
  section#kontaktDoradcyKredytowi,
  section#bankujWygodnie {
    padding: 30px 0px;
  }
  #placowkiIBankomaty h3,
  #newsTicker h3,
  #contactForm h3,
  #currencies h3,
  #haveQuestions h3,
  #consultantContactDetal h3,
  #polecaneProdukty h3,
  #bankujWygodnie h3 {
    font-size: 32px;
  }
  #placowkiIBankomaty h4,
  #newsTicker h4,
  #contactForm h4,
  #currencies h4,
  #haveQuestions h4,
  #polecaneProdukty h4,
  #bankujWygodnie h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
    line-height: 1.2em;
  }
  #content h4.stripe {
    font-size: 24px;
  }
  #haveQuestions h3,
  #skorzystaj-z-bankomatow h3 {
    font-size: 28px;
  }
  #haveQuestions h4 {
    font-size: 20px;
    margin-top: 5px;
  }
  article .button,
  section .button {
    padding: 12px 15px 10px 15px;
  }
  img.center,
  article img {
    margin-bottom: 20px;
  }
  footer:before {
    margin-top: -30px;
  }
  footer h6 {
    margin-bottom: 20px;
  }
  #placowkiIBankomaty h5 {
    margin-bottom: 25px;
    font-size: 30px;
    text-align: center;
  }
  .contact-card-outer {
    margin: 25px 0 0 15px;
  }
  .closeCookieInfo {
    margin-top: 15px;
  }
  .footerRights p {
    line-height: 1.4em;
    text-align: center;
  }
  #placowkiIBankomaty .outerButtons a {
    max-width: none;
    width: 100%;
    margin: 0 0 25px 0;
  }
  #placowkiIBankomaty #map {
    width: 100%;
    margin-bottom: 30px;
  }
  #content .mapFilter li,
  #placowkiIBankomaty .mapFilter li {
    margin: 0 1px 10px 1px;
  }
  #content .mapFilter,
  #placowkiIBankomaty .mapFilter {
    text-align: center;
    margin-bottom: 20px;
  }
  #placowkiIBankomaty .mapFilter a.button {
    padding: 12px 10px 10px 10px;
    font-size: 14px;
  }
  #content .mapFilter a i,
  #placowkiIBankomaty .mapFilter a i {
    margin: -2px 5px 0 0;
  }
  article .button.ultra,
  section .button.ultra {
    font-size: 20px;
    padding: 16px 20px 14px 20px;
  }
  #currencies {
    background-size: cover;
  }
  #bankujWygodnie {
    background-size: auto;
    background-position: center center;
  }
  #currenciesTable tr td {
    padding: 10px 5px;
  }
  #currenciesTable {
    overflow: auto;
    display: block;
  }
  section#polecaneProdukty {
    background: var(--graye);
  }

  #polecaneProdukty h3 {
    text-align: left;
  }

  #polecaneProdukty h3 strong {
    display: block;
    font-size: 24px;
  }
  #polecane-produkty-carousel .item .row > .col-xl-8 {
    display: block !important;
  }

  #polecane-produkty-carousel .box {
    padding: 25px 0px;
  }
  #polecane-produkty-carousel img {
    width: 100%;
    max-width: 400px;
  }
  #polecane-produkty-carousel .desc {
    margin-left: auto;
  }
  #polecane-produkty-carousel .desc h5 {
    font-size: 22px;
    margin: 20px auto 0px auto;
    text-align: center;
  }
  #polecane-produkty-carousel .desc hr {
    margin-left: auto;
    margin-right: auto;
  }
  #polecane-produkty-carousel .desc p {
    text-align: center;
    font-size: 16px;
  }
  #polecane-produkty-carousel .desc a.button {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  #newsTicker .buttonGray,
  h2 .buttonGray,
  h4 .buttonGray,
  aside#slider .slidecontent .text p,
  article,
  article p,
  article ul,
  article ol,
  section#contactForm p,
  ul.accordion-list > li h3 {
    font-size: 16px;
  }
  article p,
  article ul,
  article ol,
  section#contactForm p {
    line-height: 1.3em;
  }
  #newsTicker .buttonGray {
    display: table;
    margin: 0 0 0 auto;
  }
  #newsTicker .newsHolder {
    display: block;
    max-height: none;
    height: auto;
  }
  #newsTicker h4 {
    margin-bottom: 0px;
  }
  #newsTicker .newsHeadlines {
    float: none;
    width: auto;
    display: block;
    margin-bottom: 20px;
  }
  #newsTicker .newsHeadlines .highlight {
    width: 100%;
    box-shadow: 0px 0px 0px 5px var(--light-gray-hover),
      inset 0px 4px 0px 0px rgb(255 255 255 / 20%);
  }
  #newsTicker .newsHeadlines li a {
    font-size: 16px;
    padding: 15px 50px 13px 20px;
    line-height: 1.2em;
  }
  #newsTicker .newsPreview {
    float: none;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }

  #newsTicker .news-content {
    position: relative;
  }

  #newsTicker .newsPreview img {
    left: auto;
    top: auto;
    transform: none;
    position: relative;
  }

  #newsTicker .news-content .text {
    display: block;
    padding: 70px 20px 20px 20px;
  }

  #newsTicker .news-content .text p.lead {
    display: block;
    position: relative;
    width: 100%;
    font-size: 16px;
  }
  #newsTicker .news-content .text a {
    font-size: 14px;
    padding: 10px 0px 7px 0px;
    display: table;
    width: 120px;
    margin-bottom: 0;
    margin-top: 15px;
  }
  #newsTicker .news-content .text p.lead {
    font-size: 14px;
    overflow: hidden;
    height: 52px;
    min-height: auto;
  }
  aside#slider .slidecontent {
    position: relative;
    margin: 25px 0;
  }
  aside#slider .slidecontent h3 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 0;
  }
  aside#slider .slidecontent h4 {
    font-size: 20px;
    text-align: center;
    line-height: 1.3em;
    border-left: none;
  }
  aside#slider .slidecontent h4:after {
    content: "";
    display: block;
    position: relative;
    margin: 10px auto 0 auto;
    width: 50px;
    height: 2px;
    background: var(--lighter-green);
  }
  aside#slider .slidecontent .text p {
    text-align: center;
    margin-top: 15px;
  }
  aside#slider .slidecontent .button {
    display: table;
    position: relative;
    margin: 15px auto 0 auto;
    padding: 15px 15px 13px 15px;
    font-size: 16px;
  }
  .slider-dots {
    position: relative;
    bottom: auto;
    margin: 0 auto 20px auto;
    text-align: center;
  }
  aside#slider .owl-prev {
    left: 15px;
  }

  aside#slider .owl-next {
    right: 15px;
  }
  section.head h1 {
    font-size: 30px;
  }
  section.head .breadcrumbOuter {
    margin-bottom: 5px;
  }
  article h1,
  article h2,
  article h3,
  article h4,
  article h5,
  article h6 {
    line-height: 1.2em;
    margin: 15px 0px;
  }
  article h1 {
    font-size: 28px;
  }
  article h2 {
    font-size: 26px;
  }
  article h3 {
    font-size: 24px;
  }
  article h4 {
    font-size: 22px;
  }
  article h5 {
    font-size: 20px;
  }
  article h6 {
    font-size: 18px;
  }

  article h2.ultra-size,
  article h3.ultra-size,
  article h4.ultra-size,
  article h5.ultra-size,
  article h6.ultra-size {
    font-size: 30px;
  }

  .noPaddingRight {
    padding-right: 0;
  }
  .noPaddingTop {
    padding-top: 0 !important;
  }
  header {
    height: 90px;
  }
  header .mainPanel {
    padding: 8px 0px 0px 0px;
    height: 90px;
  }
  header .rightMenu {
    margin-top: 0px;
  }
  header .rightMenu li {
    margin-right: 0;
  }
  header .logo,
  header.fixedMenu .logo {
    padding: 2px 0 0 0;
  }

  header.fixedMenu .logo img,
  header .logo img {
    width: 100%;
    max-width: 170px;
  }
  header .rightMenu li span.zalogujSie {
    margin-top: 0;
    padding: 12px 11px 10px 12px;
    font-size: 14px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
  }
  header.fixedMenu .rightMenu li span.zalogujSie {
    height: auto;
    margin-top: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px !important;
    padding: 12px 11px 10px 12px;
  }
  header .rightMenu li div.oBanku span {
    margin-top: 13px;
    font-size: 14px;
  }
  header.fixedMenu .rightMenu li div.oBanku span {
    margin-top: 13px;
  }
  header.fixedMenu .menu-btn {
    margin: 12px 10px 0px 0px;
  }
  header .zalogujSiePanel .boxOuter {
    padding: 20px;
  }
  .zalogujSiePanel .container .row .col-xl-4 {
    padding: 0;
  }
  header .menu-btn.mobile {
    display: inline-block;
    margin: 4px 0 0 2px;
    padding: 12px 0px;
    width: 20px;
    cursor: pointer;
  }
  header .mobile-menu {
    height: 38px;
  }
  header .zalogujSiePanel h3 {
    font-size: 26px;
  }
  header .zalogujSiePanel p.desc {
    font-size: 14px;
    line-height: 1.3em;
    margin: 10px 0px;
  }
  header .zalogujSiePanel .boxOuter .boxInner {
    height: auto;
    min-height: 165px;
  }
  header .oBankuPanel {
    background: var(--light-gray-hover);
    border-bottom: 1px solid var(--grayd);
  }
  header .oBankuPanel h3 {
    margin: 0;
    border-left: none;
    font-size: 16px;
    padding: 6px 10px 4px 10px;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
  header .oBankuPanel a {
    padding: 15px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  header .oBankuPanel .col-xl-3:last-child a {
    border-bottom: 1px solid transparent;
  }
  header .oBankuPanel a:hover {
    border-bottom: 1px solid var(--lighter-green);
  }
  header .oBankuPanel a:hover h3 {
    color: var(--lighter-green);
    padding-left: 20px;
  }
  header.fixedMenu .mainMenu,
  header .mainMenu {
    display: block;
    position: absolute;
    right: 5px;
    top: 52px;
    margin: 0 0 0 auto;
    background: var(--dark-green);
    text-align: left;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 190px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }

  header .mainMenu.show {
    border-radius: 10px !important;
  }
  header .mainMenuArrow,
  header .subMenuArrow {
    display: block;
  }
  header.fixedMenu .mainMenu li a,
  header .mainMenu li a {
    font-size: 14px;
    padding: 13px 10px 11px 10px;
    margin: 0;
    width: 150px;
    text-align: left;
  }
  header.fixedMenu .mainMenu li a.current,
  header .mainMenu li a.current {
    background: transparent;
    color: var(--white);
    box-shadow: none;
  }
  header .mainMenu li a:not(.current, .facebook, .youtube, .instagram):hover {
    background: transparent;
  }
  header .mainMenu li {
    display: none;
  }
  header .mainMenu li:first-child {
    display: block;
  }
  header .mainMenuArrow {
    display: block;
    position: absolute;
    right: 5px;
    top: 52px;
    line-height: 38px;
    text-align: center;
    z-index: 2;
    width: 38px;
    height: 38px;
    color: var(--highlighted);
    cursor: pointer;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
  }
  header .mainMenuArrow.rotate {
    transform: rotate(90deg);
  }
  section.imageHead {
    height: 260px;
    background-size: cover !important;
  }
  section.imageHead.firmy-i-instytucje {
    background-position: -220px;
  }
  section.imageHead h1 {
    font-size: 30px;
    margin-bottom: 10px;
  }
  section.imageHead h2 {
    font-size: 20px;
    padding-right: 40%;
  }
  aside#slider {
    margin-top: 90px;
    background: var(--white);
  }
  #main {
    padding-top: 90px;
  }
  article table {
    display: block;
    overflow: auto;
    width: auto !important;
  }
  header .subMenu {
    overflow: auto;
  }
  header .subMenu > li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  header .subMenu > li:last-child {
    border-bottom: 0;
  }
  header .subMenu > li > a {
    font-size: 16px;
    font-weight: 500;
    padding: 21px 10px 18px 10px;
    color: var(--gray3);
    text-transform: none;
    width: calc(100% - 80px);
    display: block;
    position: relative;
    float: left;
  }

  header.fixedMenu .subMenu > li > a {
    padding: 21px 10px 18px 10px;
  }

  header .subMenu > li:last-child a {
    border-bottom: 0;
  }
  .subMenuArrow {
    display: block;
    position: absolute;
    color: var(--highlighted);
    right: 0;
    margin-top: 10px;
    width: 38px;
    line-height: 37px;
    height: 37px;
    border-radius: 4px;
    text-align: center;
    -webkit-transition: all ease 0.2s;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    z-index: 2;
  }
  .subMenuArrow.rotate {
    transform: rotate(90deg);
  }
  header .dropdown {
    background: var(--white) !important;
    box-shadow: none;
    position: relative;
    margin: 0;
    width: auto;
    min-height: auto;
    max-height: none;
    padding: 0;
    float: left;
    width: 100%;
  }
  header .dropdownMenu li {
    display: block;
    width: auto;
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  header .dropdownMenu li a {
    border: 0;
    min-height: auto;
    padding: 18px 10px 15px 20px;
    font-size: 14px;
  }

  header.fixedMenu .dropdownMenu li a {
    padding: 18px 10px 15px 20px;
  }
  header .dropdownMenu li a:hover {
    background: transparent;
    transform: none;
    color: var(--highlighted);
  }
  header .dropdownMenu li a:hover .desc,
  header .dropdownMenu li a:hover .title {
    color: var(--highlighted);
  }
  header .dropdownMenu li a .title {
    font-weight: 400;
    font-size: 14px;
  }
  .container.kredyty .col-xl-12,
  .container.konta .col-xl-12,
  .container.ubezpieczenia .col-xl-12 {
    margin-bottom: 25px;
  }

  .productBox {
    padding: 20px;
    margin-bottom: 0px;
    height: 100%;
  }
  .productBox img {
    width: 100%;
    margin-bottom: 20px;
    max-width: 400px;
  }
  .productBox a.button {
    margin-top: 20px;
  }
  section.head .breadcrumbInner li a,
  section.head .breadcrumbInner li:after {
    font-size: 14px;
  }
  section.head h2 {
    font-size: 18px;
  }
  article .documentDownload .button i {
    margin-right: 0;
  }
  article .documentDownload .icon i {
    font-size: 20px;
  }
  article .documentDownload .col-xl-9 a,
  article .documentDownload .col-xl-8 a,
  article .documentDownload .col-xl-7 a {
    font-size: 14px;
  }
  #skorzystaj-z-bankomatow .counter-outer {
    text-align: center;
    display: block;
    position: relative;
    margin: 30px 20px 0px 20px;
  }
  #skorzystaj-z-bankomatow span {
    font-size: 34px;
    margin-bottom: 20px;
  }
  #skorzystaj-z-bankomatow h3 {
    margin-bottom: 20px;
  }
  .benefits-list li {
    margin: 0px 15px 30px 15px;
    width: 140px;
    height: 140px;
  }
  .benefits-list li div {
    font-size: 16px;
    width: 120px;
    top: 18px;
  }
  .bankuj-wygodnie-list li {
    margin-bottom: 40px;
  }
  .bankuj-wygodnie-list li:last-child {
    margin-bottom: 0;
  }
  #karty-debetowe,
  #partnerzy {
    margin-bottom: 20px;
  }
  #consultantContactDetal .consultant-type span {
    margin-top: auto;
    display: flex;
    align-items: center;
    height: 100%;
  }
  #skorzystaj-z-bankomatow a {
    padding: 12px 15px 10px 15px;
    font-size: 20px;
  }
  article #zero .round-zero-wrapper img {
    max-width: 50%;
  }
  #zero .zero-list {
    margin-top: 0px;
  }
  article #zero .round-zero-inner h3 {
    margin: 20px;
  }
  article #zero .round-zero-inner h3,
  #zero .zero-list li div,
  #zero .zero-list li {
    min-height: 60px;
    font-weight: 400;
  }
  #zero .zero-list li {
    padding: 15px;
    display: inline-block;
    position: relative;
    width: 315px;
  }
  #zero .zero-list li div {
    font-size: 16px;
  }
  h2 .buttonGray,
  h4 .buttonGray {
    height: 32px;
    padding: 10px;
    font-size: 14px;
    top: -5px;
  }
  .latestNews {
    margin-top: 30px;
  }
  article#news .newsContent .newsImage {
    margin-bottom: 20px;
  }
  article#news .newsContent {
    padding: 0;
  }
  article#news .newsContent .lead {
    font-size: 18px;
  }
  #sticky-sidebar {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .sidebar__inner {
    transform: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
  }
  ul.credit-check-list li,
  ul.account-check-list li,
  ul.protection-check-list li,
  ul.green-box-check-list li,
  ul.highlighted-box-check-list li {
    display: inline-block;
    width: 315px;
    min-height: auto;
    text-align: center;
  }
  ul.account-check-list li div,
  ul.green-box-check-list li div,
  ul.highlighted-box-check-list li div {
    padding: 0px 20px 20px 20px;
    background-position: 200px 0px;
  }
  ul.account-check-list li span,
  ul.green-box-check-list li span,
  ul.highlighted-box-check-list li span {
    padding-top: 20px;
    font-size: 18px;
    margin-top: 0;
  }
  ul.credit-check-list li div,
  ul.account-check-list li div,
  ul.protection-check-list li div,
  ul.green-box-check-list li div,
  ul.highlighted-box-check-list li div {
    justify-content: center;
    background-position: 200px 10px;
    min-height: 102px;
  }
  .platnosci-mobilne .box {
    margin-bottom: 20px;
  }
  ul.green-box-check-list.tight li {
    width: 315px;
  }
  ul.account-check-list.no-titles li div,
  ul.green-box-check-list.no-titles li div,
  ul.highlighted-box-check-list.no-titles li div {
    padding: 20px;
  }
  .bsgo-list .icon {
    display: block;
    width: auto;
    height: auto;
  }
  .bsgo-list .icon img {
    margin-bottom: 0;
    width: 100%;
    max-width: 100px;
    padding: 10px;
  }
  .ebp > .row,
  .bsgo-list > .row {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .bsgo-list p {
    margin-bottom: 0;
  }
  .ebp .icon-title {
    display: block;
    position: relative;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
  }
  .ebp .icon-title .icon {
    margin: 0 auto 10px auto;
  }
  .ebp .icon-title .title {
    margin: 0 auto 20px auto;
    text-align: center;
  }
  #content .contactData .box .boxHead span {
    font-size: 18px;
  }
  #content .contactData .box.last {
    margin-bottom: 0;
  }
  #contactForm form {
    margin-top: 20px;
  }
  #contactForm form > .container-fluid {
    padding: 0;
  }
  #contactForm .focus-input::after {
    font-size: 14px;
  }
  #contactForm .input2 {
    font-size: 16px;
  }
  #contactForm button {
    margin-top: 0;
  }
  article#news .newsContent hr {
    margin: 20px 0px 25px 0px;
  }

  #content figure.categoryBox2 {
    margin-left: auto;
    margin-right: auto;
  }

  #content figure.categoryBox2 img {
    margin-bottom: 0;
  }
  ul.accordion-list > li h3 {
    text-align: left;
  }
  .floated-container a.button {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
  }
  article .newsBox .image {
    /* max-height: 220px;
    min-height: 220px; */
  }
  article .newsBox .image img {
    margin-bottom: 0;
  }
  section#dlaczegoMy h2 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .dlaczego-my-list li {
    margin: 0 auto 15px auto;
    width: auto;
    padding: 0px;
  }
  .dlaczego-my-list li img {
    margin: 0 auto 15px auto;
  }
  .dlaczego-my-list li h4 {
    font-size: 22px;
  }
  .dlaczego-my-list li hr {
    margin: 15px auto;
  }
  .dlaczego-my-list li p {
    font-size: 16px;
    margin-bottom: 0px;
  }
  section#kontaktDoradcyKredytowi h6 {
    font-size: 20px;
    text-align: center !important;
    padding: 0;
    border: 0;
  }
  section#kontaktDoradcyKredytowi h6 strong {
    font-size: 26px;
  }
  section#kontaktDoradcyKredytowi p {
    text-align: center !important;
    padding: 0;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
  }
  section#kontaktDoradcyKredytowi h2,
  section#kontaktDoradcyKredytowi h3 {
    font-size: 30px;
  }
  section#kontaktDoradcyKredytowi h2 {
    margin-top: 20px;
  }
  section#kontaktDoradcyKredytowi h3 {
    margin-bottom: 30px;
  }
  section#kontaktDoradcyKredytowi .box {
    padding: 15px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: table;
    text-align: center;
  }
  section#kontaktDoradcyKredytowi .box span {
    font-size: 16px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    text-align: right;
  }
  section#kontaktDoradcyKredytowi .wrapper {
    padding: 20px;
  }
  section#kontaktDoradcyKredytowi .wrapper .col-xl-4,
  section#kontaktDoradcyKredytowi .wrapper .col-xl-3 {
    margin-bottom: 20px;
  }
  section#kontaktDoradcyKredytowi .wrapper .col-xl-4:last-child,
  section#kontaktDoradcyKredytowi .wrapper .col-xl-3:last-child {
    margin-bottom: 0;
  }
  section#kontaktDoradcyKredytowi .wrapper address {
    border-right: 0;
    border-bottom: 3px solid var(--dark-green);
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  section#kontaktDoradcyKredytowi .wrapper address strong {
    font-size: 20px;
  }
  section#kontaktDoradcyKredytowi .wrapper span.name,
  section#kontaktDoradcyKredytowi .wrapper span.available,
  section#kontaktDoradcyKredytowi .wrapper span.phone,
  section#kontaktDoradcyKredytowi .wrapper a.phone {
    font-size: 18px;
  }
  section#kontaktDoradcyKredytowi .wrapper span.available {
    font-size: 14px;
  }
  article .gallery li {
    max-width: 150px;
  }
  article .gallery li a {
    padding: 5px;
  }
  .box-404-outer {
    margin: 50px auto;
  }
  .button-404 {
    display: block !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #polecane-produkty-carousel .calc {
    margin-top: 20px;
  }
}

@media (min-width: 769px) and (max-width: 1200px) {
  .container,
  .container-md,
  .container-sm {
    max-width: none;
  }
  header .subMenu li a,
  header.fixedMenu .subMenu li a {
    padding: 26px 10px 24px 10px;
    font-size: 14px;
  }
  img.center,
  article img {
    margin-bottom: 20px;
  }
  #main {
    padding-top: 126px;
  }
  aside#slider {
    margin-top: 126px;
  }
  aside#slider .slidecontent h3 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  aside#slider .slidecontent h4 {
    font-size: 20px;
  }
  aside#slider .slidecontent .text p {
    font-size: 16px;
  }
  aside#slider .owl-next,
  aside#slider .owl-prev {
    font-size: 30px;
    top: 15px;
  }
  aside#slider .slidecontent .button {
    font-size: 16px;
    padding: 15px 15px 15px 13px;
    margin-top: 20px;
  }
  #polecane-produkty-carousel .item .row > .col-xl-8 {
    display: block !important;
  }
  #polecane-produkty-carousel img {
    width: 100%;
  }
  #polecane-produkty-carousel .box {
    padding: 15px;
  }
  #polecane-produkty-carousel .desc {
    margin-left: auto;
  }
  #polecane-produkty-carousel .desc h5 {
    font-size: 22px;
    margin: 20px auto 0px auto;
    text-align: center;
  }
  #polecane-produkty-carousel .desc hr {
    margin-left: auto;
    margin-right: auto;
  }
  #polecane-produkty-carousel .desc p {
    text-align: center;
    font-size: 16px;
  }
  #polecane-produkty-carousel .desc a.button {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }

  #placowkiIBankomaty .outerButtons a {
    margin: 0 0 30px 0px;
  }
  #placowkiIBankomaty #map {
    width: 100%;
  }
  .productBox {
    padding: 20px;
    margin-bottom: 0px;
    height: 100%;
  }
  .productBox img {
    margin-bottom: 20px;
  }
  .container.kredyty .col-xl-12,
  .container.konta .col-xl-12,
  .container.ubezpieczenia .col-xl-12 {
    margin-bottom: 25px;
  }
  article .newsBox .image {
    /* max-height: 220px;
    min-height: 220px; */
  }
  article#news .newsContent {
    padding: 0;
  }
  article #zero .round-zero-inner h3 {
    margin-top: 20px;
  }
  #content figure.categoryBox2 img {
    margin-bottom: 0;
  }
  header .dropdownMenu li a {
    min-height: 138px;
  }
  section.imageHead {
    background-size: cover !important;
    height: 350px;
  }
  section.imageHead h2 {
    padding-right: 40%;
  }
}

@media (min-width: 1400px) {
  section.imageHead {
    height: 600px;
  }
}