body {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 1em;
    color: rgb(0, 0, 0);
    background-color: rgb(246, 245, 243);
    padding: 30px 0 30px 0;
}

.container {
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(206, 205, 203, 0.8);
}
.disclaimer {
    width: 640px;
    margin: 0 auto;
    padding: 20px;
}
.header {
    width: 640px;
    margin: 10px auto 0 auto;
    padding: 10px 0 20px 0;
    color: #949fa7;
    text-align: center;
}
h4 {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    font-family: Cuprum, "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.02em;
    font-size: 18px;
}

a {
    text-decoration: underline;
}

h3 {
    font-weight: bold;
}

#order_id_value {
    max-width: 360px;
}
#findOrderForm > .row {
    max-width: 360px !important;
}
.findOrderForm .btn {
    width: 250px;
}

.price-lg {
    font-size: 24px !important;
}

.logo-ya {
    margin: 10px auto 0 auto;
    text-align: left;
    position: relative;
    padding: 0 10px;
}
.logo-ya div {
    display: inline-block;
    color: #6c757d;
}
.logo-ya small {
    display: inline-block;
}
.logo-ya img {
    display: inline-block;
    margin-left: 10px;
}
.logo-ya a {
    text-decoration: underline !important;
}

.offer-link {

}

#collapseForm label {
    font-weight: 500;
    font-size: 14px;
}

.message-form {
    /*max-width: 500px;*/
    /*margin-top: 20px;*/
    /*background: #f9f9f9;*/
    /*border: 1px solid #ebebeb;*/
    /*padding: 20px;*/
}
.message-form textarea {
    resize: none;
}
.message-form .form-group {
    padding: 0;
    margin: 0 0 5px 0;
}
.message-form .form-group label {
    padding: 0;
    margin: 0;
}

.btn-pay {
    width: 200px;
}

.error-message {
    max-width: 500px !important;
}

.gk-button {
    display: inline-block;
    height: 36px;
    margin: 5px 10px;
    background: url("/img/atk-logos-sprite.png") no-repeat 0 0;
}
.gk-magistral77 {
    width: 203px;
    background-position: 0 0;
}
.gk-magistral77:hover {
    background-position: 0 -36px;
}
.gk-perivoz {
    width: 167px;
    background-position: -240px 0;
}
.gk-perivoz:hover {
    background-position: -240px -36px;
}
.gk-atk24 {
    width: 199px;
    background-position: -441px 0;
}
.gk-atk24:hover {
    background-position: -441px -36px;
}


.alert-block {
    display: none;
}

/*** layout styles ***/
.lh1 {line-height: 1em !important;}
.lh12 {line-height: 1.2em !important;}
.m0 {margin: 0;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.ml20 {margin-left: 20px;}
.p0 {padding: 0;}
.pt10 {padding-top: 10px;}
.pb10 {padding-bottom: 10px;}
.align-left {text-align: left !important;}
.fs10px {font-size: 10px;}
.fs12px {font-size: 12px;}
.fs13px {font-size: 13px;}
.fs14px {font-size: 14px;}
.cuprum {font-family: Cuprum;}
.mw-200 {max-width: 200px !important;}
.mw-250 {max-width: 250px !important;}
.mw-300 {max-width: 300px !important;}
.mw-350 {max-width: 350px !important;}
.mw-400 {max-width: 400px !important;}
.grayscale {filter: grayscale(100%);}
/*********************/

.check-top > [class="col"] {
    height: 15px !important;
    max-height: 15px !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #0dcaf0;
    align-items: start !important;
}
.StyledReceipt {
    background: #ffffff;
    /*border-left: 1px solid #dee2e6;*/
    /*border-right: 1px solid #dee2e6;*/
    width: 100%;
    --mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 0%/23px 100%;
    -webkit-mask: var(--mask);
    mask: var(--mask);
    position: absolute;
    bottom: -20px;
}

.footer-block {
    max-width: 700px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}
input[type="number"] {
    -moz-appearance: textfield !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}


@media (max-width:576px){
    body {
        overflow-x: hidden;
    }
    .container{
        max-width:340px !important;
        overflow-x: hidden;
    }
    .body-wrapper {
        padding: 20px;
        background-color: #fff;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    }
    .footer-block {
        max-width: 500px;
    }
}