body, html { min-width:340px!important; }
.row-center { display: flex; align-items: center; }
#app-menu.sticky {
  border-top: none;
  border-bottom: 5px #00b7e7 solid;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.menu-bp ul li a {
  color:white!important;
}
.menu-bp a:hover {
  text-decoration: none!important;
  background-color: transparent!important;
}
.menu-bp a {
  color:white!important;
}
.menu-bp {
  float: right!important;
  margin-top: 7px;
}
.lp2020{
  overflow-x: hidden;
}
.segment-name { 
margin-top: 0px!important;
/* background-image: url('content/logobp.png');  */
display: inline-block;
height: 33px;
background-position: 0 6px;
background-size: auto 24px;
margin-left: 41px;  }
.segment-name:before {
display: inline-block;
vertical-align: bottom;
height: 25px;
content: "";
border-left: 1px solid rgba(225, 225, 225, 0.3);
margin: 13px 8px 5px -25px
}
.sweet:hover { opacity:.75; }
.cardbptlo2{
  background: url(images/light_b.png) center center no-repeat;     width: 100%; background-size:200px 100px;
}
.cbolui-ddl .tooltip-toggle { width: 18px;    height: 18px;}

.navbar { background-repeat: repeat; background-size: contain;  }
#app-header .navbar-toplinks { background: #0e2a48; display: none; }
.btn-red { text-transform:uppercase; background-color: #ff9d00!important; border-color:#ff9d00!important; }
.cbolui-ddl .hero-module-adjusted { background:#000;}
.cbolui-ddl .hero-module-adjusted * { color:#000; }
.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper {  background: url(content/header.jpg) center center; min-height: 525px; background-size:cover !important;}
.cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content { overflow:hidden;  }
.redText { color: #489fde; font-weight: bold; }
.linkA { margin-right:0!important; }
.cbolui-ddl p {font-size: 1rem;line-height: 1.8rem;}
.cbolui-ddl li {margin-bottom: 35px; font-weight: 100;}
#headerImage{
  background-image: url('images/BP_Zloty-Bankier_210420_KV_1920x520.jpg');
  /* margin-top: 50px; */
}
.bp-black{
  color:black!important; font-size: 27px!important;
}
.bp-black-p {
  font-size: 1.1rem!important;
  color:#3f3f3f!important;
}
#oferta{
  background: url(images/placisz-motokarta-oszczedzasz2.jpg) center center no-repeat; background-size:115%;
}
.box{
  background-size:cover !important; background-color: #fff!important; padding: 40px; height: 18rem;
}
.cardIcon { position: relative; }
.cardIcon img { position: absolute; left:50%; top: 50%; transform: translate3D(-52%, -50%, 0); }

.suprises-carousel .owl-item { padding:10px; }
.suprises-carousel .owl-item .wrapper { position:relative; box-sizing:border-box; }
.suprises-carousel .owl-item .wrapper::before { transition: .6s transform ease; position: absolute; top: 0; left: 0; width: 100%; height: 100%;display: block; background: rgba(0,74,149,0); background: -webkit-linear-gradient(legacy-direction(180deg), rgba(0,74,149,0) 40%,#004a95 100%); background: linear-gradient(180deg, rgba(0,74,149,0) 40%,#004a95 100%); content: ' '; }
.suprises-carousel .owl-item .wrapper > div { font-size:25px; font-weight:700; color:#fff; text-transform:uppercase; text-align:center; position:absolute; bottom:30px; left:0; width:100%;  }
.suprises-carousel, .suprises-carousel .owl-stage, .suprises-carousel .owl-stage-outer { overflow:visible!important; }

.Phones { list-style-type:none; padding:0; margin:0; }
.Phones img { max-width:100%; }
.Phones > li {  margin:0; padding:0; }
.Phones > li > .Wrapper { padding:4em 0; display:flex; align-items:center; }
.Phones .Left { width:50%; position:relative; }
.Phones .Right { width:50%; position:relative; }
.Phones .Description { font-size:30px; max-width:350px; margin:0 auto; }
.Phones .Logo { margin-bottom:2em; }
.eksperci-logo{margin-top: 4%;  padding-right: 20px;    }
.eksperci-logo1{margin-top: 14%;  padding-right: 20px;    }
 
.eksperci-head {border: 1px solid #ddd;   margin-top: 15px; min-height: 252px!important;padding: 35px;}
.eksperci-head1 {border: 1px solid #ddd;   margin-top: 15px; min-height: 250px;padding: 35px;}
.eksperci p{font-size: 0.9rem;line-height: 1.2rem;   margin: 0; }
.sweet{  margin: 6px 20px 20px 0!important; background-color: #2fb632!important;  border-color: #2fb632!important; color:white!important; border-radius: 0px!important; font-weight: 400!important; min-width: 200px!important}
.table-doc-block {   min-height: 100px;}
.cardbptlo2{
    background: url(images/light_b.png) center center no-repeat;     width: 100%; background-size:200px 100px;
}
.cbolui-ddl .tooltip-toggle { width: 18px;    height: 18px;}
.table-doc-row:first-child {    border-top: 0px solid #ccc;}
.cbolui-ddl .d8-contact-us{    padding: 7px 0;
  margin-bottom: -21px;}
.text-head-mobil{font-family: Interstate_Light;  font-weight: 100;  font-size: 30px;  text-align: center; }
.ex-title{font-size: 19px!important; font-weight: bold!important;}
.green{color:#2fb632!important; font-family: "Interstate"!important;}
.btn-bp{    width: 150px;}

.green-bp{color: #2fb632!important;font-size: 16px;line-height: 25px;font-weight: bolder;}
.small-bp{color:#3f3f3f!important;font-size: 0.7rem!important;margin: -16px 12px 10px 0px!important;line-height: 17px!important;}
.call-to-action-bottom {    background: rgba(255, 255, 255, 1);}
.linia-mobile{border-top: 0px solid #d4d4d4;}
@media (max-width:1300px) {

  #oferta{    background: url(images/placisz-motokarta-oszczedzasz2mobile.jpg) top center no-repeat; background-size:100%;  }
}
@media (max-width:930px) {
  #main-menu {  width: 50%;}
  #app-header .citi-logo img { height: 25px; }
  .logobp {  height: 35px!important;}
  .cbolui-ddl .nav>li>a {    padding: 10px 10px!important;}
}
@media (min-width:100px) and (max-width:1100px) {
  .menu-bp {  font-size: 14px!important;}
}
@media (max-width:1000px) {
  .menu-bp {  font-size: 13px!important;}
}
@media (max-width:767px) {
  .linia-mobile{border-top: 1px solid #d4d4d4;}
  .table-doc-block {   min-height: 80px;}
  .lp2020_newlegalbox p {    font-size: 13px!important;}
  .sweet{    margin: 6px 0px 20px 0!important; }
  .eksperci-head {border: 1px solid #ddd;  margin-bottom: -25px; margin-top: 15px; min-height: 290px;padding: 0px 0px 20px 0px;}
  .eksperci-head1 {border: 1px solid #ddd;  margin-bottom: -25px; margin-top: 15px; min-height: 225px;padding: 0px 0px 20px 0px;}
  .eksperci-logo{    margin-top: 5%;    margin-bottom: 7%;    width: 42%!important;    left: 30%; }
  .eksperci-logo1{    margin-top: 5%;    margin-bottom: 7%;    width: 42%!important;    left: 30%; }
  #headerImage{    background-image: url('images/BP_Zloty-Bankier_210420_KV_1920x520.jpg');}
  .bp-black-p {    font-size: 1rem!important;    color:#3f3f3f!important;  }
  #oferta{    background: url(images/placisz-motokarta-oszczedzasz2mobile.jpg) top center no-repeat; background-size:100%;  }
  .bp-black{    color:#FFF!important;     font-size: 2.1rem!important;   line-height: 2.4rem!important;  }
    .box{  padding: 20px 20px 5px 20px;      box-shadow: 6px 17px 25px #ddd;      margin-top: 15rem;      height: auto;}
  #main-menu {  width: 50%;}
    .Phones { box-shadow: 0px -1px 64px -2px rgba(0,0,0,0.3); margin:0 -20px!important; background:#f6f6f6; }
    .Phones > li {  position:relative; }
    .Phones > li::after { position:absolute; bottom:0; left:0; width:100%; height:20px; pointer-events:none; content:' '; background: linear-gradient(0deg, rgba(0,0,0,0.1617822128851541) 0%, rgba(0,0,0,0) 100%); display:block; }
    .Phones > li > .Wrapper {  align-items:stretch;  overflow:hidden;}
    .Phones > li:nth-child(odd) > .Wrapper { flex-direction:row-reverse; }
    .Phones .Description { font-size:18px; }
    .Phones .Right { padding-right:20px; }
    .Phones > li:nth-child(odd) .Right { padding-left:20px; }
    .Phones .Phone { max-width:140%; position:absolute; top:0; right:20px; }
    .Phones > li:nth-child(odd) .Phone { max-width:140%; position:absolute; top:0; left:auto; left:20px; }
}
.header-2 { max-width:767px; margin-left:auto!important; margin-right:auto!important; }
.headOne { overflow:hidden; }
.headOne h3 { font-weight: bold !important; }
.headOne .redText { color: #04bcf2; font-weight: bold; }

.bLogo { height: 45px; margin-top: 12px; }
.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { min-height: 550px;  }
.docsy{box-shadow: 0px 3px 9px #ddd;}
 .crok-img{width:50px; margin: 0 auto; }
 .table-doc-row {       width: 100%;    float: left;          display: block;   border-bottom: 1px solid #ccc;        border-left: none;     }
@media (min-width:768px) {
    .headOne { margin-top:5em; }
    .card-a-bit-to-the-right { padding-left:50px; }
}

.hero-module-adjusted { margin-bottom:10em; }
@media (max-width: 767px) {
  .table-doc-row:first-child {    border-top: 0px solid #ccc!important; 
}
  .table-doc-block {    width: 100%;    float: left;    border-right: 1px solid #ccc;    border-bottom: 1px solid #ccc;    padding: 1px 0px;    display: flex;}
.doksy-txt{  font-size: 0.8rem;
}
.table-doc-row {  width: 100%;  float: left; display: block;  border-bottom: 0px solid #ccc;    border-left: none;}
  .docsy{box-shadow: 0px 0px 0px #ddd;  }
  .crok-img {    width: auto;    margin: 30px auto;}
    .headOne { margin-top:2em; }
    .left-on-mobile { text-align:left;}
    .cardIcon img {  width: 65%; transform: translate3D(-52%, -35%, 0);}
    .cbolui-ddl .hero-module-adjusted { background:none; margin-bottom:2em; }
    .cbolui-ddl .hero-module-adjusted h1 { font-size: 24px; line-height: 32px; }
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { opacity:1; min-height: 320px;  }
    .cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content {width: 100%; padding-bottom:0; }
    .cbolui-ddl .hero-module-adjusted * { color:#333; }
    .cbolui-ddl p {font-size: 1rem;line-height: 1.5rem;}
    .headTwo ul { list-style: none; padding-left: 60px; }
    .citySection .discCircle { margin: 10px auto; }
    .signature h4 { display: block !important; }
    .bLogo { height: 45px; margin-top: 5px; }
}
@media (min-width:1200px) { .steps {padding:0 10%; }}
@media (max-width: 380px) {
    .navbar .container-fluid { padding:0 10px!important;}
}
@media (max-width: 373px) {
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { min-height: 470px;  }
}
@media (max-width: 305px) {
    .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { min-height: 500px;  }
}
@media (max-width: 350px) {
    #app-header .citi-logo img { height:20px; }
}
.box_black { padding:5em 0 3em 0; }
.box_black-text { max-width:550px; margin:0 auto; font-size:1.5em; }
@media (max-width: 1351px) {
    .box_black { padding:2em 0; }

}
@media (max-width: 1060px) {
    .box_black { padding:1em 0; }
    .box_black-text {  font-size:1em; }

}
@media (max-width: 920px) {
    .box_black { padding:0; }

}
@media (max-width: 767px) {
    .box_black { padding:0 0 3em; }

}

.headTwo ul { list-style: none; }

.benefistList li:before { display:block; content:''; position: absolute; background: url('content/decorator-1.png'); background-repeat: no-repeat; background-position: center center; background-size:contain; width: 46px; height: 46px; left: -1%; }
.form .formimage { display:block; width:100%; }
@media (max-width: 767px) {
    .benefistList li:before { left: 10px; }
    .form .formimage { margin-bottom:2em; }
}

.citySection { padding: 6vw 0; }
.citySection .discCircle { display: block; color: #fff; background:#489fde; font-weight: bold; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; margin: 25px auto; }
.citySection .discLogo { margin: 0 auto; }
.citySection .discLogoBox { height: 100px; }

.fbSection { padding: 50px 0; -webkit-box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 47px -10px rgba(0,0,0,0.75); 
    border-top: 1px solid #eee; border-bottom: 1px solid #eee; position: relative; z-index: 10; overflow: hidden;}
@media (max-width: 767px) {
.fbSection::before { position: absolute; content: ""; background: url(content/phone.png) right top; background-repeat: no-repeat; top: 50px; right: 50%; width: 100%; height: 100%; z-index: 0; }
.h3Header { font-size: 1.113rem !important; line-height: 1.688rem !important;margin-bottom: -15px !important;}
}


.testimonials .face { border-radius: 100%; border: 1px solid #eee; width: 80%; height: auto;}
.signature { display: inline; }
.signature img { display: inline; }
.signature h4 { display: inline; vertical-align: bottom; }

.form { background: #04bcf2; color:#fff; padding: 50px 0; }
.form h3 { color: #fff; }
.cbolui-ddl .row .form-group label { color: #fff; }
.cbolui-ddl .checkbox label, .cbolui-ddl .radio label { color: #fff; }
.cbolui-ddl .checkbox label, .cbolui-ddl .radio label:hover { color: #fff; }

.goToTopButton { background-color: #489fde; width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; z-index: 9999; border-radius: 50px; display: inherit; }
.goToTopButton span { margin: 10px 0 0 0; display: block !important; text-align: center; margin: 11px !important; color: #fff;}

.footer-copy { font-size: 13px; font-weight: bold; text-align: right; float: right; margin-top: 10px; color: #d4d4d4; }


 .Tabs {
    padding: 6vw 0 12vw 0;
    position: relative;
    min-height: 30vw;
  }
  
   .Tabs .Content {
    width: 70%;
    margin: 0 auto;
  }
  
   .Tabs .Content h2 {
    color: #002a54;
    text-align: center;
    font-weight: 700;
  }
  
   .Tabs .TabsList {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
   .Tabs .TabsList li {
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    margin-right: 2vw;
    padding: 0.5vw;
  }
  
   .Tabs .TabsList li img {
    height: 5vw;
    margin: 0 auto;
  }
  
   .Tabs .TabsList li:last-child {
    margin-right: 0;
  }
  
   .Tabs .TabsList .Current {
    color: #f5a500;
    border-bottom: 3px #f5a500 solid;
  }
  
  @media (max-width: 767px) {
     .Tabs .TabsList {
      display: flex;
      width: 100%;
      position: absolute;
      right: 0;
    }
     .Tabs .TabsList::before {
      pointer-events: none;
      content: '';
      background: linear-gradient(90deg, white 5%, rgba(255, 255, 255, 0) 100%);
      position: absolute;
      left: 0;
      bottom: 0;
      width: 25%;
      height: 100%;
      z-index: 10;
    }
     .Tabs .TabsList::after {
      pointer-events: none;
      content: '';
      background: linear-gradient(270deg, white 5%, rgba(255, 255, 255, 0) 100%);
      position: absolute;
      right: 0;
      bottom: 0;
      width: 25%;
      height: 100%;
    }
     .Tabs .TabsList li {
      margin-right: 5vw;
    }
     .Tabs .TabsList li img {
      height: 15vw;
    }
  }
  
   .Tabs .TabBox {
    margin-left: 20vw;
  }
  
   .Tabs .TabBox .TabContent {
    display: none;
  }
  
   .Tabs .TabBox .TabCurrent {
    display: inherit;
    padding: 4vw;
  }
  
   .Tabs .TabBox .TabCurrent h3,  .Tabs .TabBox .TabCurrent p {
    color: #002a54;
  }
  
  @media (max-width: 767px) {
     .Tabs .TabBox {
      padding-top: 30vw;
    }
  }
  
   .Tabs .LogoBox {
    margin-left: 25vw;
  }
  
   .Tabs .LogoBox .Slide .LogoSlider {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
   .Tabs .LogoBox .Slide .LogoSlider li {
    display: inline-block;
  }
  
   .Tabs .LogoBox .Slide .LogoSlider li > img {
    height: 5.5vw;
  }
  @media (max-width:767px) {
    .Tabs .PhoneBox { display:none!important; }
  }
   .Tabs .PhoneBox {
    position: absolute;
    top: 23vw;
    left: 16vw;
    transform: rotate(-15deg);
    z-index: 10;
  }
  
   .Tabs .PhoneBox .Phone {
    width: 18vw;
    z-index: 11;
    position: relative;
  }
  .Tabs .PhoneBox .Phone img { display:block; width:100%; }
  .TabsListCont { overflow:hidden; }
   .Tabs .PhoneBox .PhoneScreen {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
  }
  
   .Tabs .PhoneBox .PhoneScreens {
    list-style: none;
    margin: 1vw;
    padding: 0;
    width: 16vw;
  }
  
  .Tabs .PhoneBox .PhoneScreens img { display:block; width:100%; }
   .Tabs .PhoneBox .PhoneScreens li {
    display: none; width:100%;
  }
  
   .Tabs .PhoneBox .PhoneScreens .ScreenCurrent {
    display: inline;
  }
  
  @media (max-width: 767px) {
     .Tabs .TabBox {
      margin-left: 0;
    }
     .Tabs .LogoBox {
      margin-left: 0;
    }
     .Tabs .LogoBox .Slide .LogoSlider li > img {
      height: 15.5vw;
    }
     .Tabs .PhoneBox {
      bottom: 23vw;
      top: unset;
      left: 77vw;
      transform: rotate(15deg);
      z-index: 5;
    }
     .Tabs .PhoneBox .Phone {
      width: 32vw;
    }
     .Tabs .PhoneBox .PhoneScreen {
      z-index: 5;
      position: absolute;
      top: 0;
      left: 0;
    }
     .Tabs .PhoneBox .PhoneScreens {
      width: 29vw;
    }
  }