/*
 * ORBIS-S — palette override for MODX Revolution
 * Load this file after main.css/new-main.css and custom.css.
 *
 * Base:    white #FFFFFF, black #000000
 * Accents: yellow #F0DA21, purple #990099, blue #0000FF,
 *          red #FF0000, green #009933
 */

:root {
    color-scheme: light;
    --orbis-white: #FFFFFF;
    --orbis-black: #000000;
    --orbis-yellow: #F0DA21;
    --orbis-purple: #990099;
    --orbis-blue: #0000FF;
    --orbis-red: #FF0000;
    --orbis-green: #009933;
}

/* Base -------------------------------------------------------------- */

html,
body,
.base,
#content-block,
.right-column-cnt,
.modal-content {
    background-color: var(--orbis-white);
    color: var(--orbis-black);
}

body,
body p,
body input,
body textarea,
body select,
body label,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--orbis-black);
}

body a,
.content-base a {
    color: var(--orbis-yellow);
}

body a:hover,
body a:focus,
.content-base a:hover,
.content-base a:focus {
    color: var(--orbis-purple);
}

::selection {
    background: var(--orbis-yellow);
    color: var(--orbis-black);
}

:focus-visible {
    outline: 3px solid var(--orbis-yellow);
    outline-offset: 3px;
}

/* Header and legacy navigation ------------------------------------- */

.backgr-h,
.backgr-h .header {
    background-color: var(--orbis-white);
    color: var(--orbis-black);
}

.backgr-h .header .row .adress span,
.backgr-h .header .row .comtacts-h .phone,
.backgr-h .header .row .comtacts-h .phone a,
header .header-block:not(.name-block).phone-block a.phone {
    color: var(--orbis-black);
}

.backgr-m,
.backgr-m .menu-base,
.backg-f,
.backg-f .footer {
    background: var(--orbis-blue);
    color: var(--orbis-white);
}

.backgr-m .menu-base .row .menu ul li > a,
.backgr-m .menu-base .row .app a,
.backgr-m .menu-base .row .small-menu a,
.backgr-m .menu-base .row .search a,
.backgr-m .menu-base .row .comtacts-m .phone,
.backgr-m .menu-base .row .comtacts-m .phone a {
    color: var(--orbis-white);
}

.backgr-m .menu-base .row .menu ul li:hover,
.backgr-m .menu-base .row .menu ul li.active,
.backgr-m .menu-base .row .menu ul li.current {
    background: var(--orbis-purple);
}

.dropdown-menu {
    background-color: var(--orbis-blue) !important;
    border-color: var(--orbis-blue) !important;
}

.backgr-m .menu-base .row .menu .dropdown-menu li > a,
.dropdown-menu > li > a {
    color: var(--orbis-white);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: var(--orbis-purple) !important;
    color: var(--orbis-white);
}

.mn {
    background: rgba(153, 0, 153, 0.96);
}

.mn > li > a,
.descendant-menu li a {
    color: var(--orbis-white) !important;
}

.descendant-menu,
.content .row .left-column-cnt .menu-left .open ul.submenu {
    background: var(--orbis-black);
}

/* New-template navigation ------------------------------------------ */

.blue-bg,
.blue-bg-gradient,
#main-menu-block nav#main-menu {
    background-color: var(--orbis-blue);
    background-image: none;
}

#main-menu-block .toggle-menu i::before {
    color: var(--orbis-blue);
}

#main-menu-block nav#main-menu ul a,
#main-menu-block nav#main-menu .search-link i::before,
#main-menu-block .contacts-block a {
    color: var(--orbis-white);
}

#main-menu-block nav#main-menu ul a.active,
#main-menu-block nav#main-menu ul a:hover,
#main-menu-block nav#main-menu ul a:focus,
#main-menu-block nav#main-menu .search-link:hover i::before {
    color: var(--orbis-yellow);
    opacity: 1;
}

#main-menu-block nav#main-menu > ul > li > a {
    display: inline-block;
    padding: 7px 15px;
    border-radius: 8px;

    transition:
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.25s ease;
}

#main-menu-block nav#main-menu > ul > li.active > a,
#main-menu-block nav#main-menu > ul > li:hover > a {
    background: linear-gradient(
        135deg,
        #c22ac2 0%,
        #990099 50%,
        #6f006f 100%
    );

    box-shadow:
        0 4px 14px rgba(153, 0, 153, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.18);

    color: #fff;
    transform: translateY(-1px);
}

#main-menu-block nav#main-menu > ul > li ul li,
#main-menu-block nav#main-menu > ul > li ul {
    background-color: var(--orbis-purple);
}

/* Side menu, catalog, filters and slider ---------------------------- */

.content .row .left-column-cnt,
.content .row .right-column-cnt .filter,
.content .row .right-column-cnt .catalog-all,
.content .row .right-column-cnt .slider .swiper-container .swiper-slide,
.content .row .right-column-cnt .slider .swiper-container .swiper-slide .description-s {
    background: var(--orbis-blue);
}

.content .row .left-column-cnt .menu-left ul li a,
.content .row .right-column-cnt .filter .pagination ul li a,
.content .row .right-column-cnt .filter .pages span,
.content .row .right-column-cnt .catalog-all .pagination ul li a,
.content .row .right-column-cnt .catalog-all ul li .link-ca a,
.content .row .right-column-cnt .catalog-all ul li .price-ct,
.content .row .right-column-cnt .catalog-full ul li .link-ca .description-cta,
.content .row .right-column-cnt .slider .swiper-container .swiper-slide .description-s .title,
.content .row .right-column-cnt .slider .swiper-container .swiper-button-n i,
.content .row .right-column-cnt .slider .swiper-container .swiper-button-p i {
    color: var(--orbis-white);
}

.content .row .left-column-cnt .menu-left ul li span {
    background: var(--orbis-yellow);
}

.content .row .left-column-cnt .menu-left ul li:hover > a,
.content .row .left-column-cnt .menu-left ul li.active > a,
.content .row .right-column-cnt .catalog-all a:hover,
.content .row .right-column-cnt .filter a:hover {
    color: var(--orbis-yellow);
}

.content .row .right-column-cnt .filter select,
#mse2_sort a,
#mse2_tpl a {
    background: var(--orbis-white);
    border-color: var(--orbis-black);
    color: var(--orbis-black);
}

.content .row .right-column-cnt .catalog-title .bkg-c {
    background: var(--orbis-white);
    border: 4px solid var(--orbis-yellow);
}

.content .row .right-column-cnt .catalog-title ul,
.content .row .right-column-cnt .catalog-title .count-item {
    position: relative;
}

.content .row .right-column-cnt .catalog-title .count-item .item-lg .line,
.content .row .right-column-cnt .news .soc-seti span {
    background: var(--orbis-yellow);
}

.content .row .right-column-cnt .my-preim ul li .title-p {
    color: var(--orbis-green);
}

.content .row .right-column-cnt .slider .swiper-container .swiper-slide .description-s .btn-s {
    border-color: var(--orbis-white);
    color: var(--orbis-white);
}

.content .row .right-column-cnt .slider .swiper-container .swiper-slide .description-s .btn-s:hover,
.content .row .right-column-cnt .slider .swiper-container .swiper-slide .description-s .btn-s:focus {
    background: var(--orbis-purple);
    border-color: var(--orbis-purple);
    color: var(--orbis-white);
}

.swiper-pagination-bullet,
.slider-block .slick-dots li {
    background: var(--orbis-white) !important;
    border-color: var(--orbis-yellow);
}

.swiper-pagination-bullet-active,
.slider-block .slick-dots li.slick-active {
    background: var(--orbis-yellow) !important;
}

/* Buttons ----------------------------------------------------------- */

.btn,
.btn-primary,
.backgr-h .header .row .comtacts-h .btn-custom,
.backgr-m .menu-base .row .comtacts-m .btn-custom,
.content .row .right-column-cnt .product .right-col-p .product-price .btn-z,
.view a.info {
    background-color: var(--orbis-red);
    background-image: none;
    border-color: var(--orbis-red);
    box-shadow: none;
    color: var(--orbis-white);
    border-radius:8px;
}

 .category-block .category-element .category-content-block .category-content .btn {
    background-color: var(--orbis-green);
    background-image: none;
    border-color: var(--orbis-green);
    box-shadow: none;
    color: var(--orbis-white);
}

.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-primary:focus,
.backgr-h .header .row .comtacts-h .btn-custom:hover,
.backgr-h .header .row .comtacts-h .btn-custom:focus,
.backgr-m .menu-base .row .comtacts-m .btn-custom:hover,
.backgr-m .menu-base .row .comtacts-m .btn-custom:focus,
.content .row .right-column-cnt .product .right-col-p .product-price .btn-z:hover,
.content .row .right-column-cnt .product .right-col-p .product-price .btn-z:focus,
.view a.info:hover,
.view a.info:focus {
    background-color: var(--orbis-green);
    background-image: none;
    border-color: var(--orbis-green);
    color: var(--orbis-white);
    opacity: 1;
}

.btn-success,
.content .row .right-column-cnt .feedback .cont-fb form .btnn,
#content-block .form-block button.btn-absolute {
    background: var(--orbis-green);
    border-color: var(--orbis-green);
    color: var(--orbis-black);
}

.btn-success:hover,
.btn-success:focus,
.content .row .right-column-cnt .feedback .cont-fb form .btnn:hover,
.content .row .right-column-cnt .feedback .cont-fb form .btnn:focus,
#content-block .form-block button.btn-absolute:hover,
#content-block .form-block button.btn-absolute:focus {
    background: var(--orbis-yellow);
    border-color: var(--orbis-yellow);
    color: var(--orbis-black);
}

.btn-warning {
    background: var(--orbis-yellow);
    border-color: var(--orbis-yellow);
    color: var(--orbis-black);
}

.btn-danger {
    background: var(--orbis-red);
    border-color: var(--orbis-red);
    color: var(--orbis-black);
}

.btn-default,
.form-group .btn-default {
    background: var(--orbis-white);
    border: 2px solid var(--orbis-black);
    color: var(--orbis-black);
}

.btn-default:hover,
.btn-default:focus,
.form-group .btn-default:hover,
.form-group .btn-default:focus {
    background: var(--orbis-yellow);
    border-color: var(--orbis-yellow);
    color: var(--orbis-black);
}

/* Forms, feedback and status --------------------------------------- */

.content .row .right-column-cnt .feedback .cont-fb {
    background: var(--orbis-white);
    border: 4px solid var(--orbis-green);
}

.content .row .right-column-cnt .feedback .cont-fb .head-form h3,
.content .row .right-column-cnt .feedback .cont-fb .head-form span {
    color: var(--orbis-black) !important;
}

.form-control,
.content .row .right-column-cnt .feedback .cont-fb form input,
.content .row .right-column-cnt .feedback .cont-fb form textarea,
.content .row .right-column-cnt .feedback .cont-fb form select,
.sisea-search-form input {
    background: var(--orbis-white);
    border-color: var(--orbis-black);
    color: var(--orbis-black);
}

.form-control:focus,
.content .row .right-column-cnt .feedback .cont-fb form input:focus,
.content .row .right-column-cnt .feedback .cont-fb form textarea:focus,
.content .row .right-column-cnt .feedback .cont-fb form select:focus,
.sisea-search-form input:focus {
    border-color: var(--orbis-blue);
    box-shadow: 0 0 0 2px var(--orbis-yellow);
}

.sisea-search-form button,
.search-soc button {
    background: var(--orbis-blue);
    color: var(--orbis-white);
}

.has-error .form-control,
.form-control.error,
input.error,
textarea.error {
    border-color: var(--orbis-red);
}

.has-error label,
.has-error .help-block,
.error,
.text-danger {
    color: var(--orbis-red);
}

.alert-danger {
    background: var(--orbis-white);
    border-color: var(--orbis-red);
    color: var(--orbis-black);
}

.alert-success {
    background: var(--orbis-white);
    border-color: var(--orbis-green);
    color: var(--orbis-black);
}

/* New-template components ------------------------------------------ */

.gray-bg {
    background: var(--orbis-white);
    border-bottom-color: var(--orbis-yellow);
}

.social-links a i,
.decoration-block-text .text-content a i {
    background: var(--orbis-purple);
    background-image: none;
}

.social-links a i::before,
.decoration-block-text .text-content a i::before {
    color: var(--orbis-white);
}

.slider-block .slider-element .slider-description {
   
    color: var(--orbis-black);
}

.slider-block .slider-element .slider-description .block-text-slider,
.slider-block .slider-element .slider-description .block-text-slider h2,
.slider-block .slider-element .slider-description .block-text-slider p {
    color: var(--orbis-black);
}

.B_crumbBox li a,
.B_crumbBox li i::before {
    color: var(--orbis-blue);
}

.B_crumbBox li a:hover,
.B_crumbBox li a:focus {
    color: var(--orbis-purple);
}

.B_crumbBox li:last-child a {
    color: var(--orbis-black);
}

#pdopage ul.pagination li.active a {
    background: var(--orbis-yellow);
    color: var(--orbis-black);
}

#content-block .category-block .category-element .category-content-block {
    border-color: var(--orbis-purple);
}

#content-block .category-block .category-element .category-content-block:hover {
    border-color: var(--orbis-green);
}

#content-block .how-we-are-working .how-we-are-working-element::before {
    background: var(--orbis-green);
    background-image: none;
    border-color: var(--orbis-yellow);
    color: var(--orbis-black);
}

/* Footer and auxiliary elements ------------------------------------ */

.backg-f .footer,
.backg-f .footer p,
.backg-f .footer span,
.backg-f .footer a,
.backg-f .footer i::before {
    color: var(--orbis-white);
}

.backg-f .footer a:hover,
.backg-f .footer a:focus {
    color: var(--orbis-yellow);
}

.backg-f .footer .row .right-column-ft .contacts-ft ul li .soc-buttons-f a {
    background: transparent;
    border-color: var(--orbis-yellow);
    color: var(--orbis-white);
}

.backg-f .footer .row .right-column-ft .contacts-ft ul li .soc-buttons-f a:hover,
.backg-f .footer .row .right-column-ft .contacts-ft ul li .soc-buttons-f a:focus {
    background: var(--orbis-purple);
    border-color: var(--orbis-purple);
    color: var(--orbis-white);
}

.ya-share2__item_service_vkontakte .ya-share2__badge,
.ya-share2__item_service_facebook .ya-share2__badge,
.ya-share2__item_service_twitter .ya-share2__badge {
    background-color: var(--orbis-purple) !important;
    border-color: var(--orbis-purple);
}

.ya-share2__container_size_m .ya-share2__counter {
    border-left-color: var(--orbis-purple);
    color: var(--orbis-white) !important;
}

.spoiler-btn {
    border-bottom-color: var(--orbis-yellow);
    color: var(--orbis-yellow);
}

/* Optional semantic utility classes -------------------------------- */

.text-blue { color: var(--orbis-blue) !important; }
.text-yellow { color: var(--orbis-yellow) !important; }
.text-green { color: var(--orbis-green) !important; }
.text-red { color: var(--orbis-red) !important; }
.text-purple { color: var(--orbis-purple) !important; }

.bg-blue { background: var(--orbis-blue) !important; color: var(--orbis-white) !important; }
.bg-yellow { background: var(--orbis-yellow) !important; color: var(--orbis-black) !important; }
.bg-green { background: var(--orbis-green) !important; color: var(--orbis-black) !important; }
.bg-red { background: var(--orbis-red) !important; color: var(--orbis-black) !important; }
.bg-purple { background: var(--orbis-purple) !important; color: var(--orbis-white) !important; }