:root {
     /*THEME BLACK*/

    --bg-color: #aba6a6;
    --theme-primary-light: #525252;
    --theme-primary: #110e7cde;
    --theme-secondary: #110e7cde;
    --theme-accent: #ca3e47;
    --theme-accent-100: #9e22e9;
    --theme-accent-200: #ce4a52;
    --theme-accent-300: #ce535a;
    --theme-accent-400: #165add;
    --theme-accent-500: #d9878d;
    --theme-contrast: #f5d704;
    --theme-secondary-text: #c1fb10;
    --theme-danger: #fc5296;
    --theme-danger-light: #f67062;
    --theme-success: #70d993;
    --theme-success-light: #39e5b6;
    --theme-info: #2bbffa;
    --theme-info-light: #7ddff8;
    --theme-warning: #f39f86;
    --theme-warning-light: #f9d976;

    /*THEME WHITE*/
/*
    --bg-color: #f4f4f4;
    --theme-primary-light: #c3c3c3;
    --theme-primary: #d3d3d3;
    --theme-secondary: #fff;
    --theme-accent: #f5f3b9;
    --theme-accent-100: #f5e3e2;
    --theme-accent-200: #f9af4f;
    --theme-accent-300: #f97329;
    --theme-accent-400: #ff8400;
    --theme-accent-500: #d9878d;
    --theme-contrast: #4d4d4d;
    --theme-contrast-hover: #000000;
    --theme-secondary-text: #ff0000;
    --theme-danger: #fc5296;
    --theme-danger-light: #f67062;
    --theme-success: #70d993;
    --theme-success-light: #39e5b6;
    --theme-info: #2bbffa;
    --theme-info-light: #7ddff8;
    --theme-warning: #f39f86;
    --theme-warning-light: #f9d976;

*/
}

html {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

a, .btn-link {
    color: var(--theme-contrast);
    text-decoration: none !important;
    transition: all 0.3s;
}

a:hover, .btn-link:hover {
    /*color: var(--theme-accent) !important;*/
    color: var(--theme-contrast-hover) !important;
}

.btn {
    border-color: transparent !important;
    box-shadow: none !important;
}

/*.btn:hover {*/
/*    color: var(--theme-primary-light) !important;*/
/*}*/

.btn-primary {
    background-color: var(--theme-accent);
    background-image: linear-gradient(315deg, var(--theme-accent-300) 0%, var(--theme-accent-400) 74%);
    filter: saturate(0.9);
    transition: all 0.3s;
    border: none;
}

.btn-primary:not(:disabled):hover {
    filter: saturate(1.15);
    color: var(--theme-contrast) !important;
}

.btn-danger {
    background-color: var(--theme-danger);
    background-image: linear-gradient(315deg, var(--theme-danger) 0%, var(--theme-danger-light) 74%);
    filter: saturate(0.9);
    transition: all 0.3s;
    border: none;
}

.btn-danger:not(:disabled):hover, .btn-danger:not(:disabled):focus {
    filter: saturate(1.15);
}

.btn-success {
    background-color: var(--theme-success);
    background-image: linear-gradient(315deg, var(--theme-success) 0%, var(--theme-success-light) 74%);
    filter: saturate(0.9);
    transition: all 0.3s;
    border: none;
}

.btn-success:not(:disabled):hover, .btn-success:not(:disabled):focus {
    filter: saturate(1.15);
}

.btn-info {
    background-color: var(--theme-info);
    background-image: linear-gradient(315deg, var(--theme-info) 0%, var(--theme-info-light) 74%);
    filter: saturate(0.9);
    transition: all 0.3s;
    border: none;
}

.btn-info:not(:disabled):hover, .btn-info:not(:disabled):focus {
    filter: saturate(1.15);
}

.btn-warning {
    background-color: var(--theme-warning);
    background-image: linear-gradient(315deg, var(--theme-warning) 0%, var(--theme-warning-light) 74%);
    filter: saturate(0.9);
    color: var(--theme-contrast);
    transition: all 0.3s;
    border: none;
}

.btn-warning:not(:disabled):hover, .btn-warning:not(:disabled):focus {
    color: var(--theme-contrast);
    filter: saturate(1.15);
}

.custom-control-label::before {
    background-color: var(--theme-primary);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--theme-accent);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

select.form-control option {
    color: var(--theme-contrast);
}

.modal-content {
    background-color: var(--theme-secondary);
}

.modal-header, .modal-footer {
    border-color: var(--theme-primary);
}

/* ************************************* HEADER ***********************************/
section.top-header {
    background-color: var(--bg-color);

}

.top-header-color {
    background-color: var(--bg-color);
}

.top-header input {
    background-color: var(--theme-primary);
    color: var(--theme-contrast) !important;
    border-radius: 0.5rem !important;
}

.top-header input:focus {
    background-color: var(--theme-primary-light);
}

.top-header input::placeholder {
    color: var(--theme-secondary-text);
}

.top-header .action-red {
    left: 15px;
    color: var(--theme-contrast);
    border-radius: 0.5rem 0 0 0.5rem !important;
}

.top-header .action-red:hover {
    background-color: var(--theme-accent);
}

.top-header .action-red:focus {
    box-shadow: none;
}

.user-login-register-button {
    color: var(--theme-contrast);
}

.user-login-register-button .dropdown-content {

    background-color: var(--theme-primary-light);
    /*box-shadow: 0 8px 16px 0 rgba(200, 200, 200, 0.5);*/
    color: var(--theme-contrast);
}

.navbar-color {
    background: var(--theme-secondary) !important;
    color: var(--theme-contrast) !important;
}

.navbar-nav, .nav-link, .codehim-nav, .show-menu, .dropdown-heading, .default-theme .has-sub ul li a {
    background: var(--theme-secondary) !important;
    color: var(--theme-contrast) !important;
}

.btn-outline-dark {
    color: var(--theme-contrast);
    background-color: transparent;
    background-image: none;
    border-color: var(--theme-secondary-text);
}
.btn-outline-dark:hover{
    /*color: var(--theme-primary-light) !important;*/
    background-color:var(--theme-primary-light) !important;
}

main {
    /*background-image: linear-gradient(to bottom left, #000, #252525);*/
    /*background-color: #010101;*/
    background-color: var(--bg-color);
    color: var(--theme-contrast);
}

/* *************************************END OF HEADER ***********************************/
/* ************************************* FOOTER ***********************************/
.footer-color {
    background-color: var(--bg-color);
    color: var(--theme-contrast);
}

.fotter-news {
    color: var(--theme-secondary-text);
}

.fotter-link {
    color: var(--theme-secondary-text);
}

.footer-heder-color {
    color: var(--theme-contrast);
}

.logo-background {
    /*background-image: linear-gradient(to bottom left, #000, #fff);*/
    background-color: var(--theme-secondary);
}

.back-to-top-jump {
    background: var(--bg-color);
    border-color: var(--theme-secondary);
    color: var(--theme-secondary-text);
}

.shopping-features .item {
    color: var(--theme-secondary-text);
}

/* ************************************* END OF FOOTER ***********************************/
/* ************************************* SINGLE SLIDER  ***********************************/


/* ************************************* END OF SINGLE SLIDER ***********************************/
/* ************************************* MULTI ITEM SLIDER  ***********************************/

/*.category-title{*/
/*    background: #2a2a2a ;*/
/*    color: var(--theme-secondary-text);*/
/*}*/

.card, .card.category, .card-header, .category-title {
    background: var(--bg-color);

    color: var(--theme-secondary-text);
}

.owl-carousel {
    background: var(--bg-color);
    color: var(--theme-secondary-text);
}

.owl-stage {
    background: var(--bg-color);
    color: var(--theme-secondary-text);
    dispaly:flex !important;
}

.carousel-outer-box .owl-item:hover {
    box-shadow: 0 0 10px 0 rgba(200, 200, 200, .5);
    transform: translateY(-2px);
}

.owl-carousel:not(.slider) .carousel-outer-box {
    /*height: 400px !important;*/
    background: var(--bg-color);
    color: var(--theme-secondary-text);
    box-shadow: none;
}

.owl-carousel:not(.slider) .carousel-outer-box .owl-item {
    margin:10px;
    background-color: var(--theme-secondary);
    box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3);
}

.card-body6{
    /*margin:10px;*/
    background-color: var(--theme-secondary);
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
    border-radius: 1.5rem !important;
}

.card-body6 a:hover{
    color: #cf0000 !important;
    text-shadow: #00ff80;
}
.card-body2{
    /*margin:10px;*/
    background-color: var(--theme-secondary);
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
    border-radius: 1.5rem !important;
    /*border-radius: 1.5rem;*/
    opacity: 0.5;
    transform: scale(1);
    transition-duration: 500ms;
}
.card-body2:hover {
    opacity: 1;
    transform: scale(0.95);
    transition-duration: 500ms;
}
.owl-carousel:not(.slider) .carousel-outer-box .owl-item:hover {
    /*box-shadow: 0 0 10px 0 rgba(200, 200, 200, .5);*/
    /*transform: translateY(-2px);*/

    /*transform: scale(1.02);*/
    transform: translate(0, -5px);
    /*box-shadow: 0 10px 35px -3px rgba(200, 200, 200, 0.5), 0 5px 25px 0 rgba(200, 200, 200, 0.12), 0 10px 10px -3px rgba(200, 200, 200, 0.2);*/
    box-shadow: 0 10px 35px -15px rgba(0, 0, 0, 0.5);
}


.carousel-outer-box .side-control {
    background: var(--theme-primary);
}


.card-label {
    /*position: relative;*/
    /*top: 10px;*/
    /*padding: 1px 0;*/
    /*right: -10px;*/
    /*background-color: #777CA8;*/
}

.card-label h5 {
    color: var(--theme-contrast);
    /*padding: 5px 20px;*/
    /*margin: 5px;*/
    /*border: 2px dashed #ccc;*/
    border-radius: 8px;
}

.category-title {
    background-color: transparent;
    width: 100% !important;
    max-width: 100% !important;
}

.card-shadow {
    /*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);*/
    box-shadow: 0 2px 5px 0 rgba(200, 200, 200, 0.2);
}

.product-slider-item .info-container .price-container {
    color: var(--success) !important;
}

.product-slider-item .info-container .price-container del {
    color: var(--theme-accent-300);
}

.card.category {
    border-radius: 0;
    border-color: transparent;
    box-shadow: none;
}

.card.category .card-header {
    background: linear-gradient(90deg, var(--theme-accent-100), var(--theme-accent-400));
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0;
}

.card.category .card-header:before {
    content: "";
    width: 30vw;
    height: 30vw;
    position: absolute;
    right: -10vw;
    top: 0;
    background-color: rgba(255, 20, 20, 0.1);
    /*background: linear-gradient(45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.25));*/
    transform: rotate(-50deg);
}

.card.category .card-header:after {
    content: "";
    width: 60vw;
    height: 60vw;
    position: absolute;
    right: -25vw;
    top: 0;
    background-color: rgba(255, 20, 20, 0.1);
    /*background: linear-gradient(45deg, rgba(0,0,0,0.05), rgba(0,0,0,0.25));*/
    transform: rotate(80deg);
}

.product {
    background-color: var(--theme-primary-light) !important;
}

.footer-color .certificate {
    margin: 0 0.25rem;
}

.footer-color .certificate img {
    min-width: 125px;
    max-width: 125px;
    width: 100%;
    min-height: 125px;
    max-height: 125px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 0.5rem;
    padding: 0.5rem;
    margin: 0 0.5rem;
}

@media (max-width: 991px) {
    .footer-color .certificate img {
        min-width: initial;
        margin: 0;
    }
}


/* ************************************* END OF MULTI ITEM SLIDER ***********************************/
/* ************************************* SEARCH PAGE  ***********************************/


/* ************************************* END OF SEARCH PAGE ***********************************/
/* ************************************* PRODUCT PAGE  ***********************************/

/* ************************************* END OF PRODUCT PAGE ***********************************/

.form-control {
    background-color: var(--theme-primary);
    color: var(--theme-contrast) !important;
    border-color: transparent;
}

.form-control:focus {
    border-color: transparent;
    box-shadow: none;
    background-color: var(--theme-primary-light);
}

.form-control::placeholder {
    color: var(--theme-secondary-text);
}

.search .card-background {
    background-color: var(--theme-secondary) !important;
}

.search .product, .search .products-header, .search .star-rating {
    background-color: var(--theme-secondary) !important;
}

.search .products-header .form-control {
    transition: all 0.3s;
    color: var(--theme-contrast);
}

.search .products-header .btn {
    background-color: var(--theme-accent);
    background-image: linear-gradient(315deg, var(--theme-accent-100) 0%, var(--theme-accent-400) 74%);
    filter: saturate(0.9);
    transition: all 0.3s;
    border: none;
    color: var(--theme-contrast);
}

.search .products-header .btn:focus, .search .products-header .btn:hover {
    box-shadow: none;
    filter: saturate(1.15);
    background-color: var(--theme-accent-200);
}

.search .products-header,
.search .product,
.search .card-background {
    border-radius: 1.5rem;
}

.search .card-background:hover {
    box-shadow: 0 10px 35px -15px rgba(0, 0, 0, 0.5);
}

.search .price-container {
    color: var(--success) !important;
}

.product-page .product {
    background-color: var(--theme-secondary) !important;
}

.product-page .product-single-actions {
    background-color: var(--theme-primary);
    transition: all 0.3s;
}

.product-page .product-single-actions:hover {
    background-color: var(--theme-primary-light);
}

.product-page .product-single-actions .text-dark {
    color: var(--theme-contrast) !important;
}

.product-page .product-menu {
    background-color: transparent;
}

.product-page h6.text, .product-page .text {
    color: var(--theme-contrast);
}

.product-page .link-hover:hover {
    background-color: var(--theme-accent);
}

.product-page .badge-light {
    color: #212529 !important;
}

.product-page .category-title {
    color: var(--theme-contrast);
}

.product-page .table-gray {
    background-color: transparent !important;
    border-color: var(--theme-primary) !important;
}

.product-page .login-required-alert {
    background-color: var(--theme-primary);
}

.register .card {
    background-color: var(--theme-secondary);
}

.register .card .card-header {
    font-size: 1.5rem;
    color: var(--theme-contrast);
}

.register .card .card-header, .register .card .card-footer {
    background-color: transparent;
    border: none;
}

.register .card .card-body {
    background-color: transparent;
}

.register .user-login {
    background-color: transparent;
    color: var(--theme-contrast);
}

.register label {
    color: var(--theme-secondary-text);
}

.login .card {
    background-color: var(--theme-secondary);
}

.login .card .card-header {
    font-size: 1.5rem;
    color: var(--theme-contrast);
}

.login .card .card-header, .login .card .card-footer {
    background-color: transparent;
    border: none;
}

.login .card .card-body {
    background-color: transparent;
}

.login .user-login {
    background-color: transparent;
    color: var(--theme-contrast);
}

.login label {
    color: var(--theme-secondary-text);
}

.cart .card, .cart .card.category .card-header .category-title, .cart .card-body {
    background: var(--theme-secondary);
    color: var(--theme-contrast);
}

.sticky-header .cart-btn:hover {
    background-color: var(--theme-primary) !important;
}

.product-page .img-size-b {
    border-radius: 5px;
    border-color: var(--theme-primary-light);
    min-width: 80px;
    min-height: 80px;
    max-width: 80px;
    max-height: 80px;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    transition: all 0.3s;
}

.product-page .img-size-b img {
    object-fit: cover;
}

.product-page .product-images-container {
    justify-content: space-evenly;
}

.product-page .product-images-container .product-image {
    margin: 0 0.5rem 1rem;
}

.product-page .img-size {
    padding: 1rem 0;
}

.product-page .img-p {
    padding: 0;
}

.product-page .product-single-actions,
.product-page .product {
    border-radius: 0.5rem;
}

.shipping .card, .shipping .card.category .card-header .category-title, .shipping .card-body {
    background: var(--theme-secondary);
    color: var(--theme-contrast);
}

.profile .card {
    background: var(--theme-secondary);
    color: var(--theme-contrast);
    border-radius: 0.5rem;
}

.profile .card-body {
    background-color: transparent;
}

.profile .card-body, .profile .card-header, .profile hr {
    border-color: var(--theme-primary) !important;
}

.profile .table th, .profile .table td {
    border-color: var(--theme-primary);
}

.choose-payment-method .card .method-row{
    background: var(--theme-secondary) !important;
    color: var(--theme-contrast) !important;
    border-radius: 0.5rem;
}
.choose-payment-method .method-row{
    background: var(--theme-secondary) !important;
    color: var(--theme-contrast) !important;
    border-radius: 0.5rem;
}

.choose-payment-method .card-body {
    background-color: transparent;
}

.bank-gateway-callback .card {
    background: var(--theme-secondary) !important;
    color: var(--theme-contrast) !important;
    border-radius: 0.5rem;
}

.bank-gateway-callback .card-body {
    background-color: transparent;
}

.bank-gateway-callback .table th, .bank-gateway-callback .table td {
    border-color: var(--theme-primary);
}

.bank-gateway-callback i.successful-purchase {
    color: #0e84ff;
}

.bank-gateway-callback i.failed-purchase {
    color: #ff4f4c;
}

.bank-gateway-callback .text-highlight-success {
    background-color: #add8e6c7;
    color: #0e84ff;
    padding: 0 0.2rem;
}

.bank-gateway-callback .text-highlight-failure {
    background-color: rgba(230, 184, 181, 0.78);
    color: #ff4f4c;
    padding: 0 0.2rem;
}

.error-page .card-body {
    background-color: transparent;
}

.static-page .card-body {
    background-color: transparent;
}