:root {
  --site-bg-color: #fff;
  --site-second-bg-color: #efefef;
  --site-bg-color-text: #212121;
  --site-main-color-darker: #005585;
  --site-main-color: #0082cb;
  --site-main-color-text: #fff;
  --site-main-color-opaque: #0082ca66;
  --site-main-color-opaque-2x: #0082ca66;
  --site-btn-success-text: #fff;
  --site-btn-success-bg: #28a745;
  --site-btn-success-second-text: #fff;
  --site-btn-success-second-bg: #28a745;
  --swiper-theme-color: var(--site-main-color);
}
.sticky-header.fixed .main-nav .menu > li :hover {
  color: var(--site-bg-color-text) !important;
}
.sticky-header.fixed .main-nav .menu > li > a:hover {
  color: var(--site-bg-color-text);
}
.header-bottom {
  background: var(--site-main-color);
  color: var(--site-main-color-text);
}
.header-middle {
  background-color: var(--site-bg-color);
}
.header-search form {
  border: 1px solid var(--site-main-color-opaque) !important;
}
.main-nav .menu > li {
  height: 45px;
}
.main-nav .menu > li:hover > a,
.main-nav .menu > li.show > a,
.main-nav .menu > li.active > a {
  color: var(--site-bg-color-text);
  background: var(--site-bg-color);
}
.menu.sf-arrows ul {
  background: var(--site-bg-color) !important;
  border-top: 0px !important;
}
.menu li.active > a,
.menu li.show > a,
.menu li:hover > a {
  background-color: var(--site-main-color-opaque);
  color: var(--site-bg-color-text);
}
.menu li a {
  color: var(--site-bg-color-text);
}
.btn-quantum-anim {
  border-color: var(--site-bg-color);
  background-color: var(--site-bg-color);
  background-image: linear-gradient(
    90deg,
    var(--site-main-color) 0,
    var(--site-main-color-opaque) 100%
  );
}
.btn-quantum-anim::before {
  border-color: var(--site-bg-color);
  background-color: var(--site-bg-color);
  background-image: linear-gradient(
    90deg,
    var(--site-main-color-opaque) 0,
    var(--site-main-color) 100%
  );
}
footer {
  background-color: var(--site-second-bg-color);
}
.header-search .btn {
  color: var(--site-main-color-opaque);
}
.header-search .btn:focus,
.header-search .btn:hover {
  color: var(--site-main-color);
}
.btn-basket .cart-count {
  background-color: var(--site-main-color-opaque);
}
.swiper-container {
  background: var(--site-second-bg-color);
}
.product-box .img-holder {
  background: var(--site-second-bg-color);
}
.product-box .card-body,
.product-box img {
  background: var(--site-second-bg-color);
}
.product-box .card {
  border: none !important;
}
.product-box a.btn-icon-wish:hover {
  background: var(--site-main-color);
  color: #fff;
}
.product-box a.btn-icon-wish {
  background: var(--site-main-color-opaque);
  color: #ffffffd1;
}

.product-box .card-title a {
  color: var(--site-bg-color-text);
}
.product-panel .section-title a:hover {
  color: var(--site-bg-color-text);
}
.product-panel .section-title a {
  color: var(--site-bg-color-text);
}
.product-panel .section-title h2 {
  color: var(--site-bg-color-text);
}

.button-slanted--left {
  background: var(--site-main-color);
}
.product-box .card:before {
  background: var(--site-main-color);
  background: -moz-linear-gradient(
    left,
    var(--site-main-color) 0%,
    rgba(44, 126, 214, 1) 100%
  );
  background: -webkit-linear-gradient(
    left,
    var(--site-main-color) 0%,
    rgba(44, 126, 214, 1) 100%
  );
  background: linear-gradient(
    to right,
    var(--site-main-color) 0%,
    rgba(44, 126, 214, 1) 100%
  );
}
.product-box .prices .product-price {
  color: var(--site-main-color);
}
.el span:first-child {
  color: var(--site-bg-color-text);
}
.el span {
  color: var(--site-bg-color-text);
}
.btn-primary {
  border-color: var(--site-main-color);
  background-color: var(--site-main-color);
  color: var(--site-main-color-text);
}
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  border-color: var(--site-main-color-opaque);
  background-color: var(--site-main-color-opaque);
}
.product-box .button-slanted--left:not(.disable) {
  background-color: var(--site-main-color) !important;
}
.product-box .button-default {
  background-color: var(--site-main-color-darker);
}
.disable {
  user-select: none;
  pointer-events: none;
  background: gray !important;
  border: gray !important;
}
.product-box {
  border: 1px solid var(--site-main-color-opaque-2x) !important;
  height: 510px;
}
.footer-column li.nav-item {
  color: var(--site-bg-color-text);
}
.footer-column .nav-item span.footer-title {
  color: var(--site-bg-color-text);
}
footer .header-menu a {
  color: var(--site-bg-color-text);
}
.header-menu a:focus,
.header-menu a:hover {
  background-color: var(--site-main-color);
  color: var(--site-main-color-text);
}
.header-menu {
  border: 1px solid var(--site-main-color);
}
a:focus,
a:hover {
  color: var(--site-main-color);
}
.breadcrumb-item a,
.breadcrumb-item.active {
  color: var(--site-bg-color-text);
}
.breadcrumb-item + .breadcrumb-item:before {
  color: var(--site-bg-color-text);
}
.product-single-gallery .product-item {
  background: var(--site-second-bg-color);
}
.prod-full-screen {
  background: var(--site-main-color);
}
.prod-thumbnail {
  background: var(--site-second-bg-color);
}
.product-info-box span {
  color: var(--site-bg-color-text);
}
.nav.nav-tabs .nav-item .nav-link.active,
.nav.nav-tabs .nav-item.show .nav-link {
  border-bottom-color: var(--site-main-color);
}
.nav.nav-tabs .nav-item .nav-link.active,
.nav.nav-tabs .nav-item.show .nav-link {
  border-bottom-color: var(--site-main-color-opaque);
  color: var(--site-bg-color-text);
  background-color: transparent;
}
.nav.nav-tabs .nav-item .nav-link:hover {
  color: var(--site-main-color);
}
.product-single-tabs .tab-pane {
  color: var(--site-bg-color-text) !important;
}
.installmentTable .product-price {
  color: var(--site-bg-color-text) !important;
}
.add-cart-box {
  border-top: 4px solid var(--site-main-color);
}
.cart-table-container {
  background: var(--site-second-bg-color);
  color: var(--site-second-bg-color-text);
}
.cart-table-container .product-col .product-title a {
  color: var(--site-second-bg-color-text);
}
.product-col .product-image-container {
  border: 1px solid var(--site-main-color);
}
.cart-table-container .product-price {
  color: var(--site-second-bg-color-text);
}
.bootstrap-touchspin .form-control:not(:focus) {
  border-color: var(--site-main-color);
}
.form-control:focus {
  border-color: var(--site-main-color);
}
.btn-outline {
  border-color: var(--site-main-color);

  color: var(--site-main-color);
}
.btn-outline:not(:disabled):not(.disabled).active,
.btn-outline:not(:disabled):not(.disabled):active,
.show > .btn-outline.dropdown-toggle {
  border-color: var(--site-main-color);
  color: var(--site-main-color);
}
.btn-outline.focus,
.btn-outline:hover {
  border-color: var(--site-main-color);
  color: var(--site-main-color);
}
.btn-outline-secondary {
  border-color: var(--site-main-color);

  color: var(--site-second-bg-color-text) !important;
}
.btn-outline-secondary.focus,
.btn-outline-secondary:hover {
  border-color: var(--site-main-color-darker);
  background-color: var(--site-main-color-darker);
  color: var(--site-main-color-text) !important;
}
.cart-summary {
  background: var(--site-second-bg-color);
}
.cart-summary {
  color: var(--site-second-bg-color-text) !important;
}
::selection {
  background-color: var(--site-main-color);
  color: var(--site-main-color-text) !important;
}

.selected-label input:checked ~ .selected-content {
  border: solid 2px var(--site-main-color) !important;
}
.selected-label .icon {
  border: solid 2px var(--site-main-color) !important;
}
.card {
  background: var(--site-second-bg-color) !important;
  border: none !important;
}
.order-summary {
  background: var(--site-second-bg-color) !important;
  border: 1px solid var(--site-main-color) !important;
}
svg#Capa_1 {
  fill: var(--site-main-color) !important;
}
#buildAccordion .card-header {
  background: var(--site-second-bg-color) !important;
}
.buildCollapse-btn {
  color: var(--site-second-bg-color-text);
}
.btn-link:focus,
.btn-link:hover {
  color: var(--site-main-color);
}
.breadcrumb-nav {
  border-bottom: 1px solid var(--site-main-color-opaque);
  border-top: none;
}

.page-item.active .page-link {
  border-color: var(--site-main-color);
  background-color: var(--site-main-color);
  color: var(--site-main-color-text);
}
.page-link:focus,
.page-link:hover {
  border-color: var(--site-main-color);
  background-color: var(--site-main-color);
  color: var(--site-main-color-text);
}
.page-link {
  color: var(--site-second-bg-color-text);
  background-color: var(--site-second-bg-color);
}
.toolbox .select-custom {
  color: var(--site-second-color-text);
  background-color: var(--site-second-bg-color);
}
.sidebar-product .widget-title,
.sidebar-shop .widget-title {
  margin: 0;
  color: #fff;

  border-bottom: 0.2rem solid #dfdfdf;
}

.sidebar-product .widget-title,
.sidebar-shop .widget-title {
  margin: 0;
  color: var(--site-bg-color-text) !important;
  border-bottom: 0.2rem solid var(--site-second-bg-color);
}
.sidebar-product .widget-title a,
.sidebar-shop .widget-title a {
  color: var(--site-bg-color-text) !important;
}
.widget-body li a {
  color: var(--site-bg-color-text) !important;
}
.widget-body .custom-control-label {
  color: var(--site-bg-color-text) !important;
}
.sidebar-product .widget,
.sidebar-shop .widget {
  padding-bottom: 1.5rem;
}
.filter-toggle.opened a {
  background-color: var(--site-main-color);
}
.product-single-details .product-title {
  color: var(--site-bg-color-text);
}
.product-single-details .product-price {
  color: var(--site-main-color);
}

.product-desc-content div,
.product-desc-content i,
.product-desc-content li,
.product-desc-content ol,
.product-desc-content p,
.product-desc-content table,
.product-desc-content tbody,
.product-desc-content td,
.product-desc-content tfoot,
.product-desc-content thead,
.product-desc-content tr,
.product-desc-content ul {
  background-color: var(--site-second-bg-color) !important;
  background: var(--site-second-bg-color);
  color: var(--site-bg-color-text);
}

.btn-success {
  color: var(--site-btn-success-text);
  background-color: var(--site-btn-success-bg);
  border-color: var(--site-btn-success-bg);
}
.btn-success:hover {
  color: var(--site-btn-success-second-text);
  background-color: var(--site-btn-success-second-bg);
  border-color: var(--site-btn-success-second-bg);
}
