/* alerts */
.alert {
    margin: 1rem 0;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    font-size: 14px;
    line-height: 1.5;
}
.alert.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

/* forms */
.special-field {
    display: none !important;
    visibility: hidden !important;
}

/* personal account */

.gas-result td,
.gas-result th {
    vertical-align: middle;
}

#order-phone {
    display: inline-block;
    vertical-align: top;
    width: 220px;
    margin-right: 30px;
}
#order-phone.error-input {
    border-color: #e62329;
}
.error-msg {
    color: #e62329;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}
.clearfix:after {
    clear: both;
}

.select2-container--default .select2-results__group {
    padding: 10px 15px 11px 1em;
}

.current-subscriptions .subscribe.viber:after,
.subscribe-form .radio-wrap .radio input#viber-subscribe:checked + label:after {
    background-color: #8f5db7;
}

/* live button */
.has-live-btn .js-get-advice {
    margin: 0 0 0 7px;
}
.js-get-live {
    margin: 0 0 0 7px;
    float: right;
    border: 2px solid #ec2525 !important;
    background-color: #ec2525;
}
.btn.small.js-get-live:hover > span {
    color: #ec2525
}
.js-get-im {
    margin: 0 0 0 7px;
    float: right;
    border: 2px solid #2bb673 !important;
    background-color: #2bb673;
    white-space: nowrap;
}
.btn.small.js-get-im:hover > span {
    color: #2bb673;
}
@media screen and (max-width: 1200px) {
    html:not(.visually-impaired) .js-get-live.btn.small {
        width: 270px;
        margin-left: 50px;
        margin-top: 20px;
        font-size: 1rem;
        height: 50px;
        line-height: 1.3em;
        padding: 12px 13px;
    }
    html:not(.visually-impaired) .js-get-live.btn.small span {
        border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
    }
    html:not(.visually-impaired).ios .js-get-live.btn.small span {
        border-width: 2px;
    }
    html:not(.visually-impaired) .has-live-btn .js-get-advice {
        margin-bottom: 0;
    }
    html:not(.visually-impaired) .js-get-live {
        margin: 0 0 40px;
        float: none;
    }
    html:not(.visually-impaired) #header .controls .js-get-live {
        z-index: -1;
        display: none;
    }
    html:not(.visually-impaired) .js-get-im.btn.small {
        width: 270px;
        margin-left: 50px;
        margin-top: 20px;
        font-size: 1rem;
        height: 50px;
        line-height: 1.3em;
        padding: 12px 13px;
    }
    html:not(.visually-impaired) .js-get-im.btn.small span {
        border-bottom: 1px dotted rgba(255, 255, 255, 0.6);
    }
    html:not(.visually-impaired).ios .js-get-im.btn.small span {
        border-width: 2px;
    }
    html:not(.visually-impaired) .js-get-im {
        margin: 0 0 40px;
        float: none;
    }
    html:not(.visually-impaired) #header .controls .js-get-im {
        z-index: -1;
        display: none;
    }
}
@media screen and (max-width: 400px) {
    html:not(.visually-impaired) .js-get-live.btn.small {
        width: 100%;
        margin-left: 0;
    }
    html:not(.visually-impaired) .js-get-im.btn.small {
        width: 100%;
        margin-left: 0;
    }
}

/* logo 60 years */
#logo.logo-60 {
    height: 195px;
    background-image: url("../i/logo-60/logo.png");
}
#logo.logo-60::before,
#logo.logo-60::after {
    content: none;
}
html[lang="be-BY"] #logo.logo-60 {
    background-image: url("../i/logo-60/logo-by.jpg");
}
.visually-impaired #header #logo.logo-60 {
    background-image: url("../i/logo-60/logo-black.png");
}
.visually-impaired.dark #header #logo.logo-60 {
    background-image: url("../i/logo-60/logo-white.png");
}
html[lang="be-BY"].visually-impaired #header #logo.logo-60 {
    background-image: url("../i/logo-60/logo-black-by.jpg");
}
html[lang="be-BY"].visually-impaired.dark #header #logo.logo-60 {
    background-image: url("../i/logo-60/logo-white-by.jpg");
}
@media screen and (max-width: 400px) {
    html:not(.visually-impaired) #logo.logo-60 {
        height: 166px;
    }
    html:not(.visually-impaired) #logo.logo-60::before {
        background: none;
    }
}