.b-navbar {}
.b-navbar__brand-logo {
    width: 24px;
    height: 24px;
}

.b-main-header {}
.b-main-header__addition {}
.b-main-header__action {
    margin: 0 0 20px;
}

.b-text-summary {
    color: #777;
    margin: 0 0 10px;
}

/* BEGIN RATES_LIST  */
.b-rates {}
.b-rates_large {
    padding: 0 0 20px;
}
.b-rates_middle {}
.b-rates_small {}

/* Hacks */
.b-rates_small td {
    border-top: 1px solid #ddd;
    padding: 5px 8px;
}

.b-rates_small th {
    padding: 5px 8px;
}

.b-rates__legend {
    padding: 10px 0;
    text-align: right;
}
.b-rates__legend-item {}

.b-rates__ticker-name {
    font-size: 24px;
}

.b-rates__reset {
    padding: 10px 0 0;
}

.b-rates__header {}

.b-rates__header_long {
    vertical-align: top !important; /* Due to bootstrap's ".table > thead > tr > th" */
}

.b-rates__item {
    font-size: 16px;
    padding: 10px 0;
}

.b-rates__item_denominated {
    font-style: oblique;
}

.b-rates__item_highlighted {
    background: #306161;
    color: #fff;

    border-radius: 6px;
    padding: 10px 0;
    font-size: 24px;
    font-weight: bold;
}

.b-rates__item_unfinished {
    background: #306161 !important; /* current color */
    color: #fff;
    font-weight: bold;
}

.b-rates__item_unfinished a {
    color: #fff;
    text-decoration: underline; /* for link highlighting */
}

.b-rates__item_unfinished a:hover {
    color: #fff;
}

.b-rates__item_important {
    font-weight: 500;
}

.b-rates__period {}

.b-rates__period_right {
    text-align: right;
}

.b-rates__period-date {
    font-weight: normal;
    font-size: 75%;
}

.b-rates__period-name {}

.b-rates__amount {
    white-space: nowrap;
    text-align: right;
}

.b-rates__amount_selected {
    font-style: italic;
    border-bottom: 1px dotted #777;
}

.b-rates__increase {
    color: #008800;
}

.b-rates__decrease {
    color: #ee0000;
}

.b-rates__delta {
    font-size: 75%;
}

.b-rates__amount-title {
    display: block;
    font-size: 75%;
    font-weight: normal;
}

.b-rates__nominal {
    font-size: 75%;
    font-weight: normal;
}
/* END RATES_LIST  */

.b-chart__image {
    padding: 0 0 20px;
}

.b-ticker__rates {
    padding: 0 15px; /* bootstrap "row" artifacts overriding */
}

/* BEGIN CURRENT_RATE */
.b-current-rate {
    border-radius: 6px;
    padding: 15px 5px;

    text-align: center;
}
.b-current-rate_active {
    background: #306161; /* current color */
    color: #fff;
}
.b-current-rate_inactive {
    background: #808080; /* border color */
    color: #fff;
}

.b-current-rate__value {
    display: block;
    font-size: 360%;
    font-weight: bold;
    margin: 15px auto;
}

.b-current-rate__description {
    display: block;
}

.b-current-rate__nominal {
    white-space: nowrap;
}
/* END CURRENT_RATE */

.b-footer {
    padding: 20px 0;
}

.b-footer__about {
    text-align: left;
}
.b-footer__about-item {
    white-space: nowrap;
    display: inline-block;
    margin-right: 15px;
}

.b-footer__contacts {
    text-align: right;
}
.b-footer__contacts-item {}

.b-footer__law {
    margin: 10px 0;
}

/* BEGIN INLINE/MENU */
.b-inset-block {
    margin: 1em auto;
}

.b-inset-block__header {
    margin: 0;
}

.b-inset-block__content {
    list-style: none;
    margin: 0;
    padding: 0;
}

.b-inset-block__content-item {
    margin: 10px 0 0;
    padding: 0;
}
/* END INLINE/MENU */

.b-sub-menu {
    padding: 0;
    margin: 0 0 10px;
    list-style: none;
}

.b-sub-menu__item {
    padding: 0;
    margin: 0 10px 0 0;
    display: inline-block;
}

.b-back-menu {}

.b-back-menu_left {
    text-align: left;
}

.b-back-menu_right {
    text-align: right;
}

.b-shortcut {
    border-bottom: 1px dotted #777;
}

.b-action {
    border-left: 5px solid #f8f2cc;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 10px 20px;
}
.b-action_highlighted {
    background: #faf7de;
}

.b-action__cta-text {}

.b-action__hint {
    color: #888;
    font-size: 14px;
}

.b-teaser {
    border-left: 5px solid #f8f2cc; /* b-action border */
    margin: 10px 0;
}

.b-teaser__icon {
    float: left;
    padding: 3px 0 3px 3px;
    width: 16px;
}

.b-teaser__text {
    margin-left: 20px; /* b-action margin */
    padding: 3px 0;
}
.b-teaser__text p {
    margin: 0; /* bootstrap overriding */
}

.b-popup {
    background-color: #f9f9f9;
    border-top: 1px solid #e3e3e3;
    padding: 6px;
    width: 100%;
}

.b-popup_sticky {
    position: fixed;
    left: 0;
    bottom: 0;
}

/* Begin rates calculator */
.b-rates-calc {}
.b-rates-calc__label {
    display: block;
}
.b-rates-calc__input {
    display: block;
}
.b-rates-calc__suggest-value-item {}
/* End rates calculator */

/* Begin side block */
.b-side-info {
    display: block;
    float: right;
    max-width: 280px;
    margin: 0 0 10px 10px;
}
.b-side-info__picture {
    display: block;
    max-width: 280px;
}
.b-side-info__caption {
    display: block;
    text-align: center;
}
/* End side block */

/* Default schema fixes */
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: #306161; /* current color */
    border-color: #306161;
    box-shadow: none;
    color: #fff;
}

.b-footer hr {
    border-color: #e7e7e7;
}

/* Extra small devices Phones (<768px): http://getbootstrap.com/css/#grid */
@media screen and (max-device-width: 1600px) {
    .b-chart__image {
        width: 100%;
    }
}

@media screen and (max-device-width: 1023px) {
    .b-side-info {
        float: none;
        margin: 10px auto;
    }
}

@media screen and (max-device-width: 639px) {
    /* Ticker page fixes */
    .b-current-rate {
        width: 100%;
    }

    .b-last-rates {
        width: 100%;
        padding-top: 20px;
    }

    .b-rates_small {
        width: 100%;
        padding-top: 20px;
    }
}

/** Mobile portrait mode: 320, 360 */
@media screen and (max-device-width: 479px) {
    .b-main-header, .b-sub-header {
        font-size: 24px;
    }

    .b-main-header__addition {
        display: block;
    }

    .b-rates__item_highlighted {
        font-size: 20px;
    }

    /* Three tickers layout fixes */
    .b-rates_small-text {
        font-size: 14px;
    }

    .b-rates__legend_small {
        font-size: 20px;
        font-weight: bold;
    }

    .b-low-priority {
        display: none;
    }
}

/** Mobile portrait mode: 320 */
@media screen and (max-device-width: 320px) {
    .b-rates__legend_small {
        font-size: 16px;
        font-weight: bold;
    }

    .b-rates_small-text {
        font-size: 14px;
    }
    .b-rates_small .b-courses__nominal {
        font-size: 12px; /* hack */
    }
}