@media only screen and (min-width: 768px) {
    .contrast .header-box.frontpage .menu a {
        color: #333333 !important;
    }
}
.contrast .header-box .menu a {
    color: #ffffff !important;
}
.contrast .header-box .navbar-nav.menu .dropdown-menu,
.contrast .header-box.frontpage .navbar-nav.menu .dropdown-menu {
    background-color: #444444;
}
.header-box.frontpage .navbar-nav.menu .dropdown-menu::after {
    border-color: transparent transparent #444444 transparent;
}
.contrast .header-box-stats,
.contrast .purple,
.contrast .orange,
.contrast a {
    color: #333333 !important;
}
@media only screen and (max-width: 767px) {
    .contrast .navbar-default {
        background-color: #333333;
        color: #ffffff;
    }
    .contrast .navbar-nav.menu a,
    .contrast .navbar-default a {
        color: #ffffff !important;
    }
    .contrast .navbar-nav.menu {
        background-color: #333333;
    }
}
.contrast .navbar-brand .logo-ru {
    background-image: url('../img/logo_mobile_ru_blind.png');
}
.contrast .navbar-brand .logo-kk {
    background-image: url('../img/logo_mobile_kz_blind.png');
}
.login-page {
    background-image: url('../img/login_bg_blind.png');
}
@media only screen and (min-width: 768px) {
    .contrast .navbar-brand .logo-ru {
        background-image: url('../img/logo_ru_blind.png');
    }
    .contrast .navbar-brand .logo-kk {
        background-image: url('../img/logo_kz_blind.png');
    }
}
@media only screen and (min-width: 320px) {
    .login-logo .navbar-brand .logo-ru {
        background-image: url('../img/logo_light_ru_blind.png');
    }
    .login-logo .navbar-brand .logo-kk {
        background-image: url('../img/logo_light_kz_blind.png');
    }
}
@media only screen and (min-width: 480px) {
    .login-logo .navbar-brand .logo-ru {
        background-image: url('../img/logo_light_ru_blind.png');
    }
    .login-logo .navbar-brand .logo-kk {
        background-image: url('../img/logo_light_kz_blind.png');
    }
}
.contrast .header-box {
    background-color: #333333;
}
.contrast .header-box.frontpage {
    /*background-image: url('../img/header_bg_contrast.png');*/
    background-color: #333333;
}
.contrast .mobile-tab .subtabs ul li.active a, 
.contrast .mobile-tab .subtabs ul li.active a span,
.contrast .active,
.contrast li.active a,
.contrast li.active a span,
.contrast li.active a:not(.btn) {
    color: #000000 !important;
}
.block-tab .tabs ul li.active a,
.mobile-tab .tabs ul li.active a {
    border-color: #000000;
}
.contrast .btn-orange,
.contrast .btn-purple,
.contrast .btn-primary,
.contrast .white-box-search-form button,
.contrast button.purple {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}
.contrast .btn-orange-bordered,
.contrast .btn-purple-bordered {
    border-color: #333333 !important;
}
.contrast .btn-orange-bordered:hover,
.contrast .btn-purple-bordered:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}
.contrast .footer a {
    color: #ffffff !important;
}
.contrast .footer .footer-top {
    background-color: #333333 !important;
}
.contrast .footer .footer-bottom {
    background-color: #222222 !important;
}
.contrast .pagination li.active a {
    border-color: #333333;
    background-color: #333333;
    color: #ffffff !important;
}
.login-page,
.contrast .footerSocial .social {
    /* Firefox 10-34 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

    /*
        Chrome 19+,
        Safari 6+,
        Safari 6+ iOS,
        Opera 15+
    */
    -webkit-filter: grayscale(1);

    /* Firefox 35+ */
    filter: grayscale(1);

    /* IE 6-9 */
    filter: gray;
}
.login-page {
    background-color: #333333;
}
.contrast .login-modal .login-modal-register a {
    color: #ffffff !important;
}
.contrast .cabinet-menu > li.active > a, 
.contrast .cabinet-menu li.has-children:hover > a, 
.contrast .cabinet-menu > li > a > i:hover, 
.contrast .cabinet-menu > li > a:hover, 
.contrast .cabinet-menu li.has-children.active > a {
    background-color: #333333;
    color: #ffffff !important;
}
.contrast .cabinet-menu > li li.active a, 
.contrast .cabinet-menu > li li a:hover {
    background-color: #dfdfdf;
}
.contrast .field-content a {
    color: #000000 !important;
    text-decoration: underline !important;
}
.contrast .field-content a:hover {
    text-decoration: none !important;
}
span.fontsize {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 40px;
    padding: 12px 5px;
    font-weight: bold;
    cursor: pointer;
    color: #222222
}
span.fontsize.active {
    text-decoration: underline;
}
span.fontsize.normal {
    font-size: 14px;
}
span.fontsize.medium {
    font-size: 18px;
}
.contrast .header-box .header-box-stats .heading-title-h1,
.contrast .header-box .header-box-stats .heading-title-h5 {
    color: #222222
}

.grayscale {
    /* Firefox 10-34 */
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");

    /*
        Chrome 19+,
        Safari 6+,
        Safari 6+ iOS,
        Opera 15+
    */
    -webkit-filter: grayscale(1);

    /* Firefox 35+ */
    filter: grayscale(1);

    /* IE 6-9 */
    filter: gray;
}

.grayscale.grayscale-fade {
    transition: filter .5s;
}

/* Webkit hack until filter is unprefixed */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .grayscale.grayscale-fade {
        -webkit-transition: -webkit-filter .5s;
        transition:         -webkit-filter .5s;
    }
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
    -webkit-filter: grayscale(0);
    filter:         grayscale(0);
}

/* Background element */
.grayscale.grayscale-replaced {
    -webkit-filter: none;
    filter:         none;
}

.grayscale.grayscale-replaced > svg {
    -webkit-transition: opacity .5s ease;
    transition:         opacity .5s ease;
    opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off > svg,
.grayscale.grayscale-replaced.grayscale-fade:hover > svg {
    opacity: 0;
}