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

/**************************** Hero theme*/
/* To choose theme-light or theme-dark  */
.cbolui-ddl .theme-light-aplha-80 {
    background: rgba(211, 211, 211, 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; }

#top-banner .apply-box .answear-text {
    color: rgb(225, 7, 26);
    font-size: 1.6em;
    font-weight: bold;
}

.top-cc-photobg-body {
    padding: 50px;
}

.hero-4-content {
    background-color: #fff;
}
/**************************** Container*/
.container-shadow {
    -webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
}

.table-circle-container {
    background-color: #2a8ed9;
}

/**************************** Validation*/
.cbolui-ddl .validation-message-danger {
    color: #fff;
}

.cbolui-ddl .theme-light .form-control.validation-input-danger, .cbolui-ddl .theme-light .input-group.focus-group.validation-input-danger {
    border-color: #fff;
}

.cbolui-ddl fieldset .validation-fieldset-danger {
    border-left: 2px solid #fff;
}

.info-extra {
    font-weight: bold;
    color: #056dae;
}

/**************************** Buttons and forms*/

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

#FormStory .btn-primary {
    background-color: #fff;
    border-color: #fff;
    color: #056dae;
}

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

.message {
    color: #fff;
}

.goToTopButton {
    background-color: #056dae;
    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;
}

/**************************** Modules*/

.cbolui-ddl .hero-a-1 .content-module {
    border-bottom: 0px;
}

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

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

/**************************** 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;
}

/**************************** Phone*/
.circle {
    margin-bottom: 15px;
}
.phone-card {
    left: calc(50% - 135px);
    max-height: 555px;
    position: relative;
    top: 100px;
    width: 270px;
}
.phone-card-frame {
    max-width: 270px;
}
.phone-card-content {
    bottom: 90px;
    left: 10px;
    position: absolute;
    right: 10px;
    top: 55px;
    overflow: hidden;
}
.phone-card-content-bg {
    background-image: url(/formularz/images/androidpay/content-default.jpg);
    background-size: cover;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.phone-card-content-cards {
    height: 537px;
    left: calc(50% - 120px);
    overflow: hidden;
    padding-top: 50px;
    position: absolute;
    width: 240px;
    z-index: 5;
}
.phone-card-content-card:first-child {
    position: relative;
    z-index: 5;
    top: -10px;
}
.phone-card-content-card:nth-child(2) {
    position: relative;
    z-index: 3;
    top: 17px;
}
.phone-card-content-card:nth-child(3) {
    position: relative;
    z-index: 4;
    top: -90px;
}
.phone-card-content-card img{
    max-width: 100%;
    width: 320px;
}