/**************************** Header menu*/
.cbolui-ddl .navbar-nav {
  margin: 0px;
}

#app-content { overflow:hidden; }
#by-you { display:none; }
/**************************** Hero theme*/
/* To choose theme-light or theme-dark  */
.cbolui-ddl .theme-light-aplha-80 {
  background: rgba(255, 255, 255, 0.8)
}

.cbolui-ddl .theme-light h5,
.cbolui-ddl .hero-4 .common-module-header h4,
.cbolui-ddl .hero-4 .common-module-header h5 { color: #333; }

.priority-400 {
  font-size: 2.5rem;
}

/**************************** Container*/
.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .hero-4-content {
  border: none;
  background: #056dae;
}
.cbolui-ddl .hero-4  a { color:#fff!important; }
.cbolui-ddl .hero-4  a * { color:#fff!important; }

@media (min-width: 768px) {
  .cbolui-ddl .copy-module-tiles .copy-module-body .copy-module-cards:before {
      display: none;
  }
  .cbolui-ddl .copy-module-tiles .copy-module-body .copy-module-cards:first-child:before {
      content: '';
      display: block;
      background: rgba(0,0,0,.25);
      position: absolute;
      top: 35px;
      bottom: 35px;
      left: 50%;
      width: 1px;
  }
}

.number-circle {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #fff;
  margin: 0 auto;
  font-size: 3.5rem;
  background: #056dae;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 100%;
  vertical-align: middle;
}


/**************************** Validation*/
.cbolui-ddl .validation-message-danger {
  color: rgba(255, 188, 0, 1);
}

.cbolui-ddl .theme-light .form-control.validation-input-danger, .cbolui-ddl .theme-light .input-group.focus-group.validation-input-danger {
  border-color: rgba(255, 188, 0, 1);
}

.cbolui-ddl fieldset .validation-fieldset-danger {
  border-left: 2px solid rgba(255, 188, 0, 1);
}

/**************************** Buttons and forms*/
.top-cc-photobg-body h2,
#FormPriority h2,
#FormPriority label,
#FormPriority label:hover,
#FormPriority label a,
.cbolui-ddl .form-group .select-box-label, .cbolui-ddl .form-group .text-input-label,
.cbolui-ddl .theme-light .form-group .form-control .input-group focus-group{
  color: #fff;
}

.cbolui-ddl .theme-light .form-group .form-control {
  background-color: #fff;
}

#FormPriority .btn-primary {
  background-color: rgba(255, 188, 0, 1);
  border-color: rgba(255, 188, 0, 1);
}

#top-banner p, #top-banner small {
  color: #000;
}

.message {
  color: #fff;
}

/**************************** Steps*/

.step-module img {
  display: inherit;
  margin: 0 auto;
}

/**************************** Tabel*/

.table-ok-block {
  width: 100%;
}

.table-ok-block-first {
  border-top: 1px solid #ccc;
}

.text-section {
  margin: 20px 0;
}

/**************************** Footer*/
#subapp-footer-bottom {
  margin-top: 5px;
  padding-top: 10px;
  border-top: 1px solid #404040;
}

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

iframe[name='google_conversion_frame'] { 
  height: 0 !important;
  width: 0 !important; 
  line-height: 0 !important; 
  font-size: 0 !important;
  margin-top: -13px;
  float: left;
}


body, html { min-width:360px!important; }
.row-center { display: flex; align-items: center; }
.navbar { background-repeat: repeat; background-size: contain; background-color: #00bdf2; background-image: url(gradient-blue-wave.png); background-image: -webkit-linear-gradient(270deg, #00bdf2 0, #00b3f0 18%, #0066b3 77%, #004985 100%); background-image: linear-gradient(180deg, #00bdf2 0, #00b3f0 18%, #0066b3 77%, #004985 100%); border-bottom: 1px solid #004985; }
#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:#Fff; }
.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { opacity:.5; 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; padding-bottom:6em;  }
.redText { color: #489fde; font-weight: bold; }
.linkA { margin-right:0!important; }
.cbolui-ddl li {margin-bottom: 35px;}

.lp2020_accordion .step_icons:nth-child(1)::before { content:' '; position:absolute; display:block; width:50px; height:50px; background:url('images/lp-ccc-ico-korzystne-kursy.png') center center no-repeat; background-size:contain; }
.lp2020_accordion .step_icons:nth-child(2)::before { content:' '; position:absolute; display:block; width:50px; height:50px; background:url('images/lp-ccc-ico-global-wallet.png') center center no-repeat; background-size:contain; }
.lp2020_accordion .step_icons:nth-child(3)::before { content:' '; position:absolute; display:block; width:44px; height:48px; background:url('images/ico-2-s-3.png') center center no-repeat; background-size:contain; }
.lp2020_accordion .step_icons:nth-child(4)::before { content:' '; position:absolute; display:block; width:53px; height:57px; background:url('images/ico-2-s-2.png') center center no-repeat; background-size:contain; }

.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; }

@media (max-width:767px) {
    .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;  }

@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) {
    .headOne { margin-top:2em; }
    .left-on-mobile { text-align:left;}
    .cardIcon img {  width: 65%; transform: translate3D(-52%, -35%, 0);}
    #app-header .citi-logo img { height: 25px; }
    .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-top:8em; 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 { }
.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 {  }
.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;
    }
  }