/* -------------------
    Settings
   ------------------- */
/* -------------------
    Colors
   ------------------- */
/* ------------------ 
    Other variables
   ------------------- */
/* -------------------
    Mixins
   ------------------- */
/* -------------------
    UI Elements
   ------------------- */
   .Button {
    transform: translate3D(0, 0, 0);
    color: #FFF !important;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    padding: 0.8vw;
    box-sizing: border-box;
    min-width: 10vw;
    margin: 0 1vw;
    border-radius: 0.5vw;
    overflow: hidden;
    position: relative;
    transition: .3s background ease-in-out;
    border-radius: 50em;
  }
  
  .Button img {
    display: block;
    position: absolute;
    top: 0.8vw;
    width: 2.6vw;
    left: 0.7vw;
    height: 2.5vw;
  }
  
  @media (max-width: 744px) {
    .Button img {
      width: 10vw;
      height: 10vw;
    }
  }
  
  @media (max-width: 744px) {
    .Button {
      padding: 3vw;
      min-width: 50vw;
      margin: 1.5vw 3vw;
      border-radius: 1.5vw;
    }
  }
  
  .Button::after {
    filter: blur(2vw);
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    background: #FFF;
    opacity: 0.2;
    transform: skewX(-10deg) translateX(-150%);
  }
  
  .Button span {
    transform: translate3d(0, 0, 0);
  }
  
  .Button[data-style='Main'] {
    background: #255be3;
    font-weight: 700 !important;
    margin-top: 2vw;
  }
  
  @media (min-width: 745px) {
    .Button[data-style='Main']:hover {
      background: #0e2a48;
    }
  }
  
  .Button:active {
    transform: scale(0.98);
    transition: .1s transform linear;
  }
  
  .Button i {
    margin: 0 1vw;
    transition: .3s transform ease-in-out;
  }
  
  .Button i:first-child {
    margin-left: 0;
  }
  
  .Button i:last-child {
    margin-right: 0;
  }
  
  .Preloader {
    background: #FFF;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
  }
  
  .Preloader .Inside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
  }
  
  form > .Row {
    overflow: hidden;
  }
  
  .FormElement {
    display: block;
    padding: 0.8vw 1.2vw;
    box-sizing: border-box;
  }
  
  @media (max-width: 744px) {
    .FormElement {
      padding: 2.4vw 3.6vw;
    }
  }
  
  .FormElement label {
    text-align: left;
    display: block;
    font-size: 1em;
    margin-bottom: 1em;
  }
  
  input[type='text'], input[type='email'], input[type='tel'] {
    box-sizing: border-box;
    padding: 1vw;
    transition: .3s border ease-in-out;
    background: none;
    outline: 0;
    width: 100%;
    border: 1px solid #333333;
    border-radius: .3vw;
    font-size: 1vw;
    font-family: 'Interstate', sans-serif;
    font-weight: 300;
  }
  
  @media (max-width: 744px) {
    input[type='text'], input[type='email'], input[type='tel'] {
      padding: 3vw;
      border-radius: 1vw;
      font-size: 4vw;
    }
  }
  
  input[type='text'].parsley-error, input[type='email'].parsley-error, input[type='tel'].parsley-error {
    border-color: #D60000;
  }
  
  input[type='text'].parsley-success, input[type='email'].parsley-success, input[type='tel'].parsley-success {
    border-color: #006E0A;
  }
  
  input[type='text']:focus, input[type='email']:focus, input[type='tel']:focus {
    border-color: #255be3;
  }
  
  /* -------------------
      General
     ------------------- */
  body {
    font-size: 1vw;
    font-family: 'Interstate', sans-serif;
    font-weight: 300;
    color: #333333;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  
  @media (max-width: 744px) {
    body {
      font-size: 4vw;
    }
  }
  
  * {
    -webkit-font-smoothing: subpixel-antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  
  img {
    display: block;
    max-width: 100%;
  }
  
  button {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1vw;
    font-family: 'Interstate', sans-serif;
    font-weight: 300;
  }
  
  @media (max-width: 744px) {
    button {
      font-size: 4vw;
    }
  }
  
  strong, b {
    font-weight: 700;
  }
  
  a, button {
    outline: 0;
  }
  
  p {
    line-height: 1.5vw;
  }
  
  @media (max-width: 744px) {
    p {
      line-height: 5vw;
    }
  }
  
  section {
    display: block;
    overflow: hidden;
  }
  
  .PageWrapper {
    width: 100%;
    overflow: hidden;
  }
  
  @media (max-width: 744px) {
    .PageWrapper {
      padding-top: 11.1vw;
    }
  }
  
  .Wrapper {
    max-width: 1440px;
    margin: 0 auto;
    overflow: hidden;
  }
  
  .MobilePageFader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    display: none;
  }
  
  @media (min-width: 745px) {
    .MobilePageFader {
      display: none !important;
    }
  }
  
  .PageHeader {
    padding: 2vw;
  }
  
  .PageHeader nav {
    float: right;
    overflow: hidden;
  }
  
  .PageHeader nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .PageHeader .LogoBar {
    width: auto;
    float: left;
  }
  
  .PageHeader .LogoBar img {
    width: 15vw;
  }
  
  .MainBanner {
    width: 100%;
    position: relative;
    padding-top: 5%;
  }
  
  .MainBanner .MainText {
    background: #0e2a48;
    padding: 1vw 2vw;
    margin: 0;
    color: #FFF;
    width: 30%;
    position: absolute;
    top: 5%;
    left: 2%;
  }
  
  .MainBanner .MainImage {
    width: 90%;
    margin: 0 auto;
  }
  
  .MainBanner .CardImage {
    position: absolute;
    z-index: 2;
    top: 35%;
    right: 15%;
    width: 20vw;
  }
  
  .TextSection {
    width: 100%;
    position: relative;
    padding-top: 10%;
  }
  
  .TextSection .Left {
    width: 45%;
    padding: 2%;
    float: left;
  }
  
  .TextSection .Left .Text {
    padding: 3vw 1vw;
  }
  
  .TextSection .Right {
    width: 45%;
    padding: 2%;
    float: left;
  }
  
  .TextSection .Right .Text {
    padding: 3vw 1vw;
  }
  
  @media (max-width: 744px) {
    .TextSection .Left {
      width: 100%;
    }
    .TextSection .Right {
      width: 100%;
    }
  }
  
  .GridSection {
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding-top: 5%;
  }
  
  .GridSection .Box {
    width: 29%;
    padding: 2%;
    display: inline-block;
    vertical-align: top;
  }
  
  .GridSection .Box .Image {
    width: 100%;
  }
  
  [data-step] {
    display: none;
  }
  
  .FormNTB {
    padding: 2vw 0;
    min-height: 75vh;
  }
  
  .FormNTB .FormSectionPage .Left {
    width: 98%;
    padding: 2%;
    float: left;
  }
  
  .FormNTB .FormSectionPage .Left .Text {
    padding: 3vw 1vw;
  }
  
  .FormNTB .FormSectionPage .Right {
    width: 48%;
    padding: 2%;
    float: left;
    display: none;
  }
  
  .FormNTB .FormSectionPage .Right .Text {
    padding: 3vw 1vw;
  }
  
  .FormNTB .FormSectionPage .Right .Icon {
    width: 20vw;
    margin: 0 auto;
  }
  
  .FormNTB .FormSectionPage .CardBox {
    position: relative;
  }
  
  .FormNTB .FormSectionPage .CardBox .CardImage {
    background: url("../images/mc-citipriority-blank.png");
    width: 100%;
    height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  
  .FormNTB .FormSectionPage .CardBox .CardImage .CardName {
    position: absolute;
    bottom: 25px;
    left: 23%;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 700;
    font-size: 1.2rem;
  }
  
  .FormNTB .FormSectionPage .parsley-errors-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
    color: #D60000;
    font-size: .8em;
    clear: both;
  }
  
  .FormNTB .FormSectionPage .parsley-errors-list > li {
    margin-top: .2em;
    color: #D60000;
    font-weight: 700;
  }
  
  .FormNTB .FormSectionPage .cbolui-ddl-pre .terms-and-conditons + .checkbox {
    margin-top: 0;
    margin-bottom: 1vw;
  }
  
  .FormNTB .FormSectionPage .HelpP {
    margin-left: -50px;
  }
  
  @media (max-width: 744px) {
    .FormNTB .FormSectionPage .Left {
      width: 100%;
    }
    .FormNTB .FormSectionPage .Right {
      width: 100%;
    }
  }
  
  #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;
  }
  
  .cbolui-ddl .tooltip-toggle {
    cursor: pointer;
    position: absolute;
    top: 35px;
    right: 15px;
  }
  
  .validation-message-danger {
    display: none !important;
  }
  
  .showHideBtn {
    width: 16px;
    height: 16px;
    display: block;
    background: url(images/eye.png) center center no-repeat;
    position: absolute;
    top: 37px;
    left: 77%;
    cursor: pointer;
    z-index: 99;
  }
  .cbolui-ddl .handeldzialanosc5 .tooltip-toggle{
    top:0;
    left:220px;
  }
  .cbolui-ddl .handeldzialanosc5.checkbox{
    overflow: visible;
  }
  .cbolui-ddl .handeldzialanosc5 .popover.bottom .arrow:after{
    display: none;
  }
  .navbar-toplinks { display: none!important; }
  .app-footer { background-color: #0F1632; }
  .app-footer-bg { background: #0F1632; }
  .cbolui-ddl .theme-light .form-group .form-control, .cbolui-ddl .theme-light .form-group .form-control .input-group focus-group { border-radius: 50em; }
  .cbolui-ddl .theme-light .input-group-addon, .cbolui-ddl .theme-light .input-group-addon:not(:first-child):not(:last-child) { border-radius: 50em; }
  .cbolui-ddl .theme-light .form-control, .cbolui-ddl .theme-light .input-group.focus-group { border-radius: 50em; border: none; }
  .cbolui-ddl .progress-indicator .progress-indicator-step-active { color: #255be3; }
  .cbolui-ddl .progress-indicator .progress-indicator-step-finished:before { background-color: #255be3; }
  .cbolui-ddl .progress-indicator .progress-indicator-step-finished:after { background-color: #255be3; }
  .cbolui-ddl .progress-indicator .progress-indicator-step-active:before { background-color: #255be3; }
  .cbolui-ddl .citi-blue a, .cbolui-ddl .citi-business a  { color: #255be3; }
  .cbolui-ddl .progress-indicator .progress-indicator-step-active:after { background-color: #255be3; border: 1px solid #255be3; }
  .cbolui-ddl .modal.in .modal-dialog { border-radius: 25px; }
  .cbolui-ddl .btn.btn-primary, .cbolui-ddl .citi-blue .btn.btn-primary, .cbolui-ddl .citi-business .btn.btn-primary{ background-color: #255be3; border-color: #255be3; border-radius: 50em; }
  .cbolui-ddl .navbar:after { display: none!important; }
  #app-header .navbar-branding, .citi-blue #app-header .navbar-branding, .citi-business #app-header .navbar-branding { border-bottom: none; background-color: #FFF; }
  .cbolui-ddl .tooltip-input-group .popover.bottom, .cbolui-ddl .tooltip-input-group .popover.top { border-radius: 15px; }
  .cbolui-ddl .navbar::before { display: none !important; }

  .cbolui-ddl .radio.radio-pkd { overflow: initial; width:100%}
  .FormNTB .FormSectionPage #parsley-id-multiple-radioPKD > li { position: absolute; top: 5em;}
  .FormNTB .FormSectionPage #parsley-id-multiple-PRODUKTYKORZYSTAC  { position: relative; }
  .FormNTB .FormSectionPage #parsley-id-multiple-PRODUKTYKORZYSTAC > li { position: absolute; top: 11em}
  .FormNTB .FormSectionPage #parsley-id-multiple-RODZAJKORZYSTAC  {position: relative;}
  .FormNTB .FormSectionPage #parsley-id-multiple-RODZAJKORZYSTAC > li {position: absolute; top: 5em;}

  @media (max-width: 744px) {
    .FormNTB .FormSectionPage #parsley-id-multiple-PRODUKTYKORZYSTAC > li { position: absolute; top: 15em}
    .cbolui-ddl .radio.radio-pkd > .row > .radio { width: 100%;}
  }

  .cbolui-ddl .radio-pkd .radio+.radio { margin-top: 10px }