

h2 { color:#000!important; font-weight:700!important; letter-spacing: -1px; font-family:'Interstate', sans-serif!important;}
h3 { color:#000!important; font-weight:700!important; font-family:'Interstate', sans-serif!important;}
h4 { text-transform:none!important; font-weight:400!important; font-size:20px!important; letter-spacing:0!important; font-family:'Interstate', sans-serif!important;}
.autoryzacja-header { background:url('/images/cards/Citi_digitalPayments_kv_prelog-1920x520.jpg') right 41% center no-repeat;; background-size:cover;}        
.autoryzacja-header * { color:#fff!important; } 
.autoryzacja-header h1 { font-weight:700; font-family:'Interstate', sans-serif; }
.autoryzacja-header h2 { font-weight:400; font-family:'Interstate', sans-serif; }
.autoryzacja-header .col-header { padding:14em 0 10em 0; }
.autoryzacja-pobierz { padding:1em 0; background:rgba(0,0,0,0.5); }
.autoryzacja-pobierz .buttons { display:inline; }
.autoryzacja-pobierz .separator { width:2px; height:24px; position:relative; top:8px; display:inline-block; margin:0 2em; background:#fff;}
.autoryzacja-pobierz a + a { margin-left:1em;}
.autoryzacja-pobierz a { transition:.3s opacity ease; }
.autoryzacja-pobierz a:hover { opacity:.6; }
.autoryzacja-gray { background:#eeeeee; }
.autoryzacja-stores { margin:1em 0; }
.autoryzacja-stores a + a { margin-left:1em;}
.autoryzacja-stores a { transition:.3s opacity ease; }
.autoryzacja-stores a:hover { opacity:.6; }
.autoryzacja-play { display:block; width:95%; position:relative; }
.autoryzacja-play img {  width:100%; display:block; position:relative; }
.autoryzacja-play::after { content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.5; background:url('/images/other/icon-play.png') center center no-repeat; background-size:50% auto; transition:.3s opacity ease; }
.autoryzacja-play:hover::after{ opacity:1; }

/* .autoryzacja-section a { color:inherit!important; } */
.cbolui-ddl p {
  font-size: 1.1rem;}
.cbolui-ddl .theme-light .accordion ul.mainnav li.parent, .cbolui-ddl .theme-light .accordion ul.mainnav>li { background:none!important; }
.owl-carousel { width:calc(100% + 0px);  }

#question-b-wrapper.disabled, #question-a-wrapper.disabled, #question-c-wrapper.disabled { display:none; }

.autoryzacja-iframewrapper { display:block; width:120%; position:relative; }
.autoryzacja-iframewrapper .inner { display:block; width:100%; padding-bottom:100%; }
.autoryzacja-iframewrapper iframe { overflow:hidden; display:block; width:100%; height:100%; border:none; position:absolute; top:0; left:0;}
ul.bluetabs li a { padding: 10px 0px;}
@media (max-width:1360px) { 
    .autoryzacja-header .col-header { padding:11em 0 1em; }
    .autoryzacja-pobierz .buttons { display:block; margin-top:.66em; }
    .autoryzacja-pobierz .separator { display:none; }
}
@media (max-width:767px) {
  .autoryzacja-gray { background:#fff; }
  .lost2{
    padding:0px!important;
  }
  .autoryzacja-iframewrapper {  width:100%;}
  .cbolui-ddl .theme-light .bluetabs-content {
    background-color: #fff;
    padding: 0px;
    margin: 0px;
}
    .headTextTelefon{ text-align: center; color: #000;    padding: 10px;    font-size: 1.2rem;    font-weight: bold;    }
    .autoryzacja-section, .autoryzacja-section * { text-align:center;  }
    .autoryzacja-section li { text-align:left;}
    .autoryzacja-play { width:100%; }

    .accordion, .accordion * { text-align:left!important; }
    .autoryzacja-stores a { display:inline-block;}
    .autoryzacja-stores a + a { margin-left:0; margin-top:.66em;}
}
@media (min-width:768px) {
    .row-align { display:flex; align-items:center; }
}
.shadow{text-shadow: 0 2px 9px rgba(0, 0, 0, 1);}


.karuzelaPhone{
  width: auto!important;
  height: auto!important;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.tabHead{padding: 5%;
  font-weight: bold;font-size: 1.1rem!important;
  text-align: center;
  color: black;}
  .botLine{
      border-bottom-color: #024481;  
  border-bottom-style: solid;
  }
  .smallPhone{display: inline!important;

  }
  .headTextTelefon{color: #000;    letter-spacing: 0px;    padding-right: 6px;    padding-left: 7px;    font-size: 1.2rem;}


  ul.bluetabs.telefony li {    width: 25%; margin: 2%;font-size: 18px;}
  .telefony a{color: #333!important;
    font-size: 17px;
    letter-spacing: 0px;
    border-radius: 0px!important;
  }
.telefony{
  background-color: white;
}   
.tab-pane{
  background-color: #eeeeee!important;
}
ul.bluetabs.telefony li a {
background-color: #fff;}
ul.bluetabs.telefony li:not(:last-child) a {
border-right: 0px solid #999;border-bottom-style: solid;
border-bottom-color: #ccc;
}

.list-check-mark-number{
list-style-type: decimal;}
.list-check-mark-number li::marker{
font-weight: bold;}
ul.bluetabs li {    width: 23%; font-size: 18px;}
.payment.active a {
border-bottom-color: #e9c299;
}
.payment li:first-child a {
border-bottom-left-radius: 0px!important;
border-top-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
.imgCenter{
margin-left: auto!important;
margin-right: auto!important;
padding:5px;
}
.citi-blue ul.telefony li.active a {
background-color: #fff; 
color:#fff!important;
border-bottom-style: solid;
border-bottom-color: #021f4e;
border-right: 0px solid #999!important;
border-bottom-right-radius: 0px!important;
border-bottom-color: #056dae;
border-bottom-width: 6px;
}
.citi-blue ul.payment li.active a {
background-color: #eee; 
color:#056dae!important;
border-bottom-style: solid;
border-bottom-color: #021f4e;
border-right: 0px solid #999!important;
border-bottom-right-radius: 0px!important;
border-bottom-color: #056dae;
border-bottom-width: 4px;
border-radius: 0px;
font-weight: bold;
}
.citi-blue ul.payment  li.help.active a {
background-color: #eee; 
font-size: 1.3rem;
    padding: 2px;
color:#056dae!important;
border-bottom-style: solid;
border-right: 0px solid #999!important;
border-bottom-right-radius: 0px!important;
font-weight: bold;
}

.citi-blue ul.payment  li.active .medal a {
background-color: #eee; 
color:#056dae!important;
font-size: 1.3rem;
    padding: 2px;
border-bottom-style: solid;
border-bottom-color: #021f4e;
border-right: 0px solid #999!important;
border-bottom-right-radius: 0px!important;
;
}
ul.bluetabs li:last-child a {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-style: solid;
  border-radius: 0px;border-bottom-color: #ccc;
  }
ul.payment li:last-child a {
border-bottom-right-radius: 0px;
font-weight: 100;
font-size: 1.3rem;
    padding: 2px;
border-top-right-radius: 0px;
border-bottom-style: solid;
border-radius: 0px;border-bottom-color: #ccc;
}
ul.payment li:not(:last-child) a {
border-right: 0px solid #999!important;
color:#999;
font-weight: 100;
font-size: 1.3rem;
padding: 2px;
}
.imgBlok{
margin-top: -40px;
}
.blok1Pic{
  background-image: url(/images/other/blok3.jpg) ;}
.doTable{
  padding-left: 15px;
    font-size: 17px;
}

.help.active a{
background-image: url(/images/other/help-blue.png) ;}
.help{
background-image: url(/images/other/help-grey.png) ;
background-position: center 19px;
background-repeat: no-repeat;height: 100px;}

.medal{
color: #999!important;
background-image: url(/images/other/medal-grey.png) ;
background-position: center 19px;
background-repeat: no-repeat; height: 100px;}
.medal.active a{
background-image: url(/images/other/medal-blue.png) ;
} 
.blackBtn{
  color: black!important;   font-weight: bold; font-size: 1.4rem;
}

.thin{letter-spacing: -1px;}
.cbolui-ddl .owl-index .new-header { transition:.6s opacity ease;}
.cbolui-ddl .owl-index .owl-item.active .new-header { opacity:1; transition-delay:.4s;  }
.cbolui-ddl .owl-index .owl-nav button { transition:.6s opacity ease; }
.cbolui-ddl .owl-index .owl-nav button.disabled { opacity:0; pointer-events:none; }
.cbolui-ddl .owl-index .owl-nav .owl-prev { box-sizing:content-box; padding-right:32px!important; position:absolute; top:0; left:0; width:64px; height:100%; display:flex; align-items:center; justify-content:center;}
.cbolui-ddl .owl-index .owl-nav .owl-prev::before { content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:100%;  transition:.3s opacity ease; 
opacity:.2; }
.cbolui-ddl .owl-index .owl-nav .owl-prev:hover::before { opacity:.6; }
.cbolui-ddl .owl-index .owl-nav .owl-prev span { display:block;color:#ccc; font-size:35px; font-weight:700; position:relative; bottom:6px; }

.cbolui-ddl .owl-index .owl-nav .owl-next { box-sizing:content-box; padding-left:32px!important; position:absolute; top:0; right:0; width:64px; height:100%; display:flex; align-items:center; justify-content:center; ;}
.cbolui-ddl .owl-index .owl-nav .owl-next::before { content:' '; display:block; position:absolute; top:0; left:0; width:100%; height:100%;  transition:.3s opacity ease; 
opacity:.2; }
.cbolui-ddl .owl-index .owl-nav .owl-next:hover::before { opacity:.6; }
.cbolui-ddl .owl-index .owl-nav .owl-next span { display:block; color:#ccc; font-size:35px; font-weight:700; position:relative; bottom:6px; }

.cbolui-ddl .owl-index .owl-dots { position:absolute; bottom:20px; left:0; width:100%; text-align:center; padding-bottom:8px; }
.cbolui-ddl .owl-index .owl-dots button { display:inline-block; margin:0 3px;     background-color: #ccc;    /* border: 1px solid #b11b1b; */    width: 15%;    height: 4px; border-radius:0%; transition:.3s background ease; }
.cbolui-ddl .owl-index .owl-dots button.active { background:#056dae; cursor:inherit; height: 7px; }
.cbolui-ddl .owl-index .owl-dots button:not(.active):hover { background:#056dae }
a:empty { display: none; }
.lost{padding-left: 20px!important;    padding-right: 20px!important;}
@media (min-width:1200px) {
    .row-flex { flex-wrap:nowrap!important; }
}

@media (min-width:768px) {
    .cbolui-ddl .owl-index { background:#056dae; }
}
@media (max-width:1552px) and (min-width:768px) {
    .cbolui-ddl .owl-index .box-wrapper { margin-left:100px; }
}
@media (max-width:767px) {    
  .citi-blue ul.payment li.active a, ul.payment li:last-child a, ul.payment li:not(:last-child) a   {    background-color: #fff; }
  .citi-blue ul.payment  li.help.active a {    background-color: #fff;  }
  .cbolui-ddl .owl-index .owl-dots { top: 305px; z-index: -1; }
    .lost{padding-left: 0px!important;    padding-right: 0px!important;}
    ul.bluetabs li:not(:last-child) a {    border-bottom: 0px solid #999;}
    ul.bluetabs li:last-child a {    border-bottom-style: hidden;}
    ul.bluetabs {      display: flex;    flex-wrap: nowrap;    flex-direction: row;    width: 100%;}
    ul.bluetabs li {    width: 50%;    font-size: 18px;}
    .cbolui-ddl .owl-index .owl-item.active .new-header { transition-delay:0s;  } 
    .cbolui-ddl .owl-index .owl-nav .owl-prev { height:200px; width:48px; padding-right:16px!important; }
    .cbolui-ddl .owl-index .owl-nav .owl-next { height:200px; width:48px; padding-left:16px!important; }
    .blackBtn{
      color: black!important;   font-weight: bold; font-size: 1.25rem;
    }
    .tab-pane{   background-color: #fff!important;  margin-top: 30px;}
    .safety{background-color: #eee!important;   }
}

@media (min-width:1200px) {
    .tile { padding-left:15px!important; padding-right:15px!important; }
}