html, body {
  font-family: 'Montserrat', sans-serif;
}

.footer-top-border {
  background: url(../img/dark_brush.png) no-repeat;
  background-size: 100% 100%;
  height: 7.5vh;
  margin-top: 75px;
}

#polikredyt-logo-badge{
  height: 57px;
  padding: 8px 10px;
  background-color: #232323;
}

#polikredyt-logo-badge:hover{
  background-color: #3b3b3b;
}

#kredytozaur-logo-badge{
  height: 57px;
  padding: 8px 10px;
}

#kredytozaur-logo-badge:hover{
  background-color: #e2e2e2;
}

main {
  flex: 1 0 auto;
}

.border-radius-0 {
  border-radius: 0;
}

.sectionDefault {
  padding-top: 120px;
  padding-bottom: 120px;
}

.sectionBannerDefault {
  padding-top: 150px;
  padding-bottom: 180px;
}

.pageTitle {
  /*color: #5b3b83;*/
  font-weight: 700;
  font-size: 1.5rem;
}

.pageSubtitle {
  color: #000000;
  font-weight: normal;
  font-size: 1rem;
}

.sectionTitle {
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .pageTitle {
    font-size: 1.9rem;
  }
  .pageSubtitle {
    font-size: 1.2rem;
  }
  .sectionTitle {
    font-size: 1.6rem;
    font-weight: 400;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .pageTitle {
    font-size: 2.1rem;
  }
  .pageSubtitle {
    font-size: 1.3rem;
    font-weight: lighter;
  }
  .sectionTitle {
    font-size: 1.7rem;
    font-weight: 700;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .pageTitle {
    font-size: 2.3rem;
  }
  .pageSubtitle {
    font-size: 1.4rem;
    font-weight: lighter;
  }
  .sectionTitle {
    font-size: 1.8rem;
    font-weight: 700;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .pageTitle, .sectionTitle {
    font-size: 2.5rem;
  }
  .pageSubtitle {
    font-size: 1.5rem;
    font-weight: lighter;
  }
  .sectionTitle {
    font-size: 2rem;
    font-weight: 700;
  }
}

.divider-small {
  width: 200px;
  height: 0;
  border-top: 3px solid #5C21E9;
}

a:hover {
  text-decoration: none;
}

a.with-decor:hover {
  text-decoration: underline !important;
}

a.card:hover {
  filter: drop-shadow(3px 3px 7px #99999954);
}

p {
  font-weight: normal;
}

.border-10 {
  border-width: 10px !important;
}

.border-5 {
  border-width: 5px !important;
}

.bg-grayLight{
  background-color: #F2F2F2;
}

.documentsBanner {
  background: url('/img/documents_banner.jpg') no-repeat left center;
  background-size: cover;
  color: white;
}

.pageBannerInner {
  border: 4px solid #5b3b83;
  background: rgba(256, 256, 256, 0.7);
  padding: 5rem 2rem;
}

.aboutBanner {
  background: url('/img/o_nas/banner_about_us.webp') no-repeat center center;
  background-size: cover;
  padding: 20px;
}

.bannerTitleBg {
  background: url('/img/brush_dark_big.svg') no-repeat center center;
  background-size: 100% 100%;
  padding: 0.6rem 6.5rem 1.2rem 3.5rem;
  color: white;
}

.bannerSubtitleBg {
  background: url('/img/brush_dark_small.webp') no-repeat center center;
  background-size: 100% 100%;
  padding: 1.2rem 6.5rem 0.8rem 4.5rem;
  color: #F2F2F2;
}

.bannerLightTitleBg {
  background: url('/img/brush_white_big.svg') no-repeat center center;
  background-size: 100% 100%;
  padding: 0.6rem 6.5rem 1.2rem 3.5rem;
  color: black;
}

.bannerLightSubtitleBg {
  background: url('/img/brush_white_small.svg') no-repeat center center;
  background-size: 100% 100%;
  padding: 1.2rem 6.5rem 0.8rem 4.5rem;
  color: black;
}

.contactAccentBorderCard {
  border: 4px solid #43028A;
}

.contactCard {
  box-shadow: 0px 3px 6px #00000029;
}

.phonesDecorator {
  background: url('/img/kontakt/foto_phone.webp') no-repeat center center;
  background-size: cover;
  min-height: 50vh;
}

.phonesContainer {
  border: 5px solid black;
  padding: 5vh;
  min-height: 50vh;
}

.contactFormDecorator {
  background: url('/img/kontakt/foto_form.webp') no-repeat center center;
  background-size: cover;
  min-height: 50vh;
}

.contactFormContainer {
  border: 5px solid transparent;
  padding: 5vh;
  min-height: 50vh;
}

.mapDecorator {
  background: url('/img/kontakt/foto_map.webp') no-repeat center center;
  background-size: cover;
  min-height: 50vh;
}

.mapContainer {
  border: 5px solid transparent;
  padding: 5vh;
  min-height: 50vh;
}

.btn {
  padding: 0.7rem 3rem;
  text-transform: uppercase;
}

.btn-sm {
  padding: 0.5rem 2rem;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.btn-lg {
  padding: 1.5rem 4rem;
  text-transform: uppercase;
  font-size: 1.2rem;
}

.kredytozaurInnerBanner {
  background: url('/img/inner_banner_Kredyty.webp') no-repeat center center;
  background-size: 100% 100%;
}

.polisoforaInnerBanner {
  background: url('/img/inner_banner_Ubezpieczenia.webp') no-repeat center center;
  background-size: 100% 100%;
}

.authContainer {
  background: url('/img/autoryzacja/bg_authorisation.webp') no-repeat center center;
  background-size: cover;
  min-height: 100vh;
  height: 100vh;
}

.authContainer > .container, .authContainer > .container > .row {
  height: 100% !important;
}

textarea {
  resize: none;
}

.text-underline {
  text-decoration: underline !important;
}

.supportBannerBg {
  background: url("/img/banners/baner_wsparcie_techniczne.webp") no-repeat center center;
  background-size: cover;
}

.configBannerBg {
  background: url("/img/banners/baner_zasoby_systemu.webp") no-repeat center center;
  background-size: cover;
}

.storageBannerBg {
  background: url("/img/banners/baner_magazyn_plikow.webp") no-repeat center center;
  background-size: cover;
}

.userBannerBg {
  background: url("/img/banners/baner_uzytkownicy.webp") no-repeat center center;
  background-size: cover;
}

.securityBannerBg {
  background: url("/img/banners/baner_bezpieczenstwo_i_dostep.webp") no-repeat center center;
  background-size: cover;
}

.admilodonHeader {
  padding-bottom: 80px !important;
  margin-bottom: -80px !important;
  background-color: #F2F2F2;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
}

.admilodonBanner {
  margin-top: 24px;
  background-size: cover;
  color: white;
}

.admilodonBannerInner {
  padding: 100px 0 90px 0;
}

.card.hoverable:hover, .hoverable:hover {
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
  cursor: pointer;
}

.card.hoverable-sm:hover, .hoverable-sm:hover {
  filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.2));
  cursor: pointer;
}

.form-check-label {
  cursor: pointer;
  user-select: none;
}

.clippedTop {
  margin-top: -5rem!important;
}

em {
  font-style: normal !important; /* Removes italics */
  text-decoration: underline !important; /* Makes underline */
}

.apkContainer {
  background: url('/img/badge_APK.png') no-repeat center center;
  background-size: 100% 100%;
  padding: 15px 15px 50px;
  border: none;
  background-color: transparent;
}

.buyOnlineBadge {
  background: url('/img/badge_kup_online.png') no-repeat top right;
  background-size: 130px 80px;
  background-color: white;
}

.scrollbar-style-5::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
  border-radius: 30px;
}

.scrollbar-style-5::-webkit-scrollbar {
  width: 15px;
  background-color: #f5f5f5;
}

.scrollbar-style-5::-webkit-scrollbar-thumb {
  background-color: #000000;
  border: 2px solid #555555;
  border-radius: 30px;
}

.side-menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 75px;
  background-color: black;
  color: white;
  text-align: center;
}

.banner {
  background: url('/img/banner_polisofora.png') no-repeat center center;
  background-size: 100% 100%;
  min-height: 450px;
  padding: 2.5rem;
}

.banner > .container, .banner > .container > .row {
  height: 100%;
}

.tuListContainer {
  background: url("/img/bg_vendors.png") no-repeat center center;
  background-size: 100% 75%;
  color: black;
  margin: 80px 0;
  padding: 0 75px;
}

.tuCardLarge {
  border: #AAAAAA 2px solid;
  display: block;
  min-height: 50px;
}

.tuCardLarge:hover {
}

.categoryButton {
  padding: 20px;
  aspect-ratio: 1;
  background: url("/img/button_category.png") no-repeat center center;
  background-size: contain;
  filter: drop-shadow(4px 4px 8px #111111);
}

.categoryButton:hover {
  filter: drop-shadow(6px 6px 10px #111111);
}

.tuCard {
  aspect-ratio: 1;
  background-color: white;
  display: block;
  height: 150px;
}

.tuCard:hover {
  filter: drop-shadow(4px 4px 8px #aaa);
}

.buyOnlineContainer {
  background: url("/img/bg_vendors.png") no-repeat center center;
  background-size: 100% 75%;
  color: black;
  margin: 110px 0 80px 0;
  padding: 0 75px 20px 75px;
}



.tuPage .banner {
  background: url('/img/banner_polisofora.png') no-repeat center center;
  background-size: 100% 100%;
  min-height: 450px;
  padding: 2.5rem;
}

.tuPage .banner > .container, .banner > .container > .row {
  height: 100%;
}

.tuPage .logoHolder {
  background: url("/img/white_circle.png") no-repeat center center;
  background-size: 100% 100%;
  padding: 30px 20px;
  display: inline-block;
}

.tuPage .contentCard {
  background-color: #F8F8F8;
  filter: drop-shadow(0 3px 6px #00000029);
}

.tuPage .descriptionCard {
  padding: 80px 50px;
  min-height: 660px;
}

.tuPage .reportContainer {
  background: url("/img/banner_injury.png") no-repeat right center;
  background-size: cover;
  padding: 210px 0;
}

.reportCard {
  background-color: rgba(256, 256, 256, 0.6);
}

.tuPage .productsContainer {
  background-size: 100% 100%;
  padding: 75px;
}

.tuPage .documentsContainer {
  background: url("/img/bg_product_documents.png") no-repeat center bottom;
  background-size: 100% 100%;
  padding: 0 75px 75px 75px;
}



.insuranceProductPage .banner {
  background: url('/img/banner_polisofora.png') no-repeat center center;
  background-size: 100% 100%;
  min-height: 450px;
  padding: 2.5rem;
}

.insuranceProductPage .banner > .container, .banner > .container > .row {
  height: 100%;
}

.insuranceProductPage .logoHolder {
  background: url("/img/white_circle.png") no-repeat center center;
  background-size: 100% 100%;
  padding: 30px 20px;
  display: inline-block;
}

.insuranceProductPage .contactBackground {
  background: url("/img/bg_contact_form.png") no-repeat center center;
  background-size: cover;
}

.insuranceProductPage .contentCard {
  background-color: #F8F8F8;
  filter: drop-shadow(0 3px 6px #00000029);
}

.insuranceProductPage .descriptionCard {
  padding: 80px 50px;
  min-height: 660px;
}

.insuranceProductPage .productsContainer {
  background-size: 100% 100%;
  padding: 75px;
}

.insuranceProductPage .documentsContainer {
  background: url("/img/bg_product_documents.png") no-repeat center center;
  background-size: 100% auto;
  padding: 0 75px 75px 75px;
}

.insuranceProductPage .explainingCard {
  border: #ACACAC 1px solid;
}

.insuranceProductPage .explainingCardContent {
  padding: 4rem 7.5rem;
}

.insuranceProductPage .wariants1 {
  margin: 75px 0;
  padding: 120px 80px;
  text-align: center;
  background-color: #e9ecef;
}

.insuranceProductPage .wariants2 {
  margin: 75px 0 100px 0;
  padding: 120px 80px;
  text-align: center;
  background-color: #e9ecef;
}

.insuranceProductListPage .banner {
  background: url('/img/banner_polisofora.png') no-repeat center center;
  background-size: 100% 100%;
  min-height: 450px;
  padding: 2.5rem 2.5rem 8rem 2.5rem;
}

.insuranceProductListPage .banner > .container, .banner > .container > .row {
  height: 100%;
}

.insuranceProductListPage .filterBox {
  margin-top: -8rem;
}

html, body {
  height: 100%;
  font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6, .display-1, .display-2, .display-3, .display-4 {
  font-family: 'Raleway', sans-serif;
}

.border-5 {
  border-width: 5px !important;
}

.border-dark {
  border-color: #0c0119!important;
}

.pageBannerInner {
  border: 4px solid #5b3b83;
  background: rgba(256, 256, 256, 0.7);
  padding: 5rem 2rem;
}

.sectionDefault {
  padding-top: 120px;
  padding-bottom: 120px;
}

.polikredytBtnBase {
  padding: 0.7rem 3rem;
  text-transform: uppercase;
  border-radius: 0;
  border: none;
}

.polikredytBtnPrimary {
  color: #fff;
  background-color: #5600dd;
  border-color: #33026f;
}

.polikredytBtnPrimary:hover {
  color: #fff;
  background-color: #33026f;
}

.polikredytBtnLight {
  color: #343434;
  background-color: #FFFFFF;
  border-color: #ededed;
}

.polikredytBtnLight:hover {
  color: #343434;
  background-color: #ededed;
}

.staticPageBanner {
  background: url(/img/decorators/static-page-banner-bg.png) no-repeat bottom center;
  background-size: cover;
  padding: 7rem 0 10rem 0;
}

.staticPageBannerContent {
  border: #4700A3 solid 5px;
}

.staticPageBannerTitle {
  font-size: 53px;
  margin-bottom: 0;
  color: #4700A3;
}

.text-purple-dark {
  color: #4700A3;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .staticPageBannerTitle {
    font-size: 43px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .staticPageBannerTitle {
    font-size: 85px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .staticPageBannerTitle {
    font-size: 85px;
  }
}

.bg-darkOrange {
  background-color: #ff8811 !important;
}

.bg-darkOrangeStatic {
  background-color: #ff8811 !important;
}

.bg-darkOrange:hover {
  background-color: #bc5d00 !important;
  color: #ffffff;
}

.bg-navyBlue {
  background-color: #1c57ae !important;
}

.bg-navyBlue:hover {
  background-color: #124185 !important;
}
.documentListTitle {
  font-size: 30px;
}

.secondaryBannerDivider {
  background: url(/img/decorators/static-page-mini-bg.png) no-repeat center center;
  background-size: container;
  padding: 7rem;
  margin-top: 50px;
  margin-bottom: 50px;
}

.documentItem {
  background-color: #F2F2F2;
  padding: 2vw;
}

.bg-decor-1 {
  background: url(/img/decorators/pattern_business.png) no-repeat center center;
  background-position: contain;
}