.progress-striped .progress-bar-success{
    background-image: linear-gradient(45deg, #B3D9FF 25%, transparent 25%, transparent 50%, #B3D9FF 50%, #B3D9FF 75%, transparent 75%, transparent);
}
body{
    font-family: 'Lato', sans-serif;
}
.app{
    padding-bottom: 51px;
    position: relative;
    background: #FFF;
}
.footer{
    position: absolute;
    bottom:0;
    left:0;
    width: 100%;
}
.header{
    width: 100%;
    float:left;
    height: 170px;
    background: linear-gradient(180deg, #60A1FD 0%, #B3D9FF 100%);
    position: relative;
    z-index: 10;
}
.progress-bar-success{
    background-color: #60A1FD;
}
.loading{
    margin: 0;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 5px;
    z-index: 11;
}
.logo-block{
    width: 100%;
    float:left;
    background-color: #323232;
    padding: 25px 0 5px 0;
    text-align: center;
}
.logo-block > .logo{
    width: 409px;
    height: 99px;
    background: url('../img/logo_2.png') no-repeat 50% 50%;
    background-size: 275px!important;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.app-content-body{
    width: 100%;
    text-align: center;
    padding: 35px 0 60px 0
}
.payment-form{
    display: inline-block;
    width: 100%;
    max-width: 415px;
}
.pay-block{
    width: 100%;
}
.pay-block th{
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    padding: 25px 5px 5px 5px;
    color:#000000;
}
.pay-block td{
    padding: 5px;
    font-size: 18px;
    line-height: 22px;
    color:#000000;
    vertical-align: middle;
    text-align: left;
}
.pay-block .title{
    width: 1px;
    white-space: nowrap;
    padding-right: 0;
}
.pay-block td > input{
    border: 1px solid #E3E3E3;
    background-color: #FDFDFD;
    padding: 9px 11px 8px 11px;
    line-height: 18px;
    width: 100%;
}
.pay-block a{
    font-size: 14px;
}
.pay-block a:hover{
    color:#000000;
    text-decoration: underline;
}
.pay-block button{
    background: linear-gradient(180deg, #272426 0%, #464648 100%);
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    color:#ffffff;
    width: auto;
    border:none;
    padding: 10px 20px;
    float:right;
}
.error, .success{
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
    line-height: 29px;
    color: #E60000;
}
.success{
    color: #00A060;
}
.description{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
}

/*
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){
    .logo-block > .logo{
        background: url('../img/logo@2x.png') no-repeat 50% 50%;
    }
}*/