:root
{
    --second: #16bcdc;
    --title: #0068c9;
    --footer: #1f2024;
    --border: 255,255,255,0.2;
    --price: #cc1414;
}

/* Core */
.margin-10
{
    margin-top: -10px;
}
.fixedHeader
{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background: var(--first);
}
@media (max-width:991px)
{
    .carousel-type-1 .carousel-item a img
    {
        border-radius: 10px;
        overflow: hidden;
    }
}

/* Sold Bar */
.sold
{
    position: relative;
    overflow: hidden;
    border-radius: 32px;
}
.sold-bar
{
    background: #ebebeb;
    width: 100%;
    height: 5px;
    border-radius: 32px;
    overflow: hidden;
    max-width: 100%;
}
.sold-width
{
    background: var(--second);
    height: 5px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 32px;
}
.sold-value
{
    font-weight: 500;
}

/* Header */
body header.desktop,
body header.desktop .h-contact,
body header.desktop .menu
{
    background: var(--first);
}

body header.desktop .h-contact
{
    border-bottom: 1px solid rgba(var(--border));
}
body header.desktop .menu
{
    border-top: 1px solid rgba(var(--border));
}
body header.desktop .h-contact .info .item
{
    color: white;
}
body .dropdown-languages-1 .dropdown-toggle,
body .dropdown-currencies-1 .dropdown-toggle
{
    color: white;
}
header.desktop .h-contact .info div
{
    border-right: 1px solid rgba(var(--border));
    padding-right: 10px;
}
header.desktop .h-contact .info div:last-child
{
    border: none;
    padding-right: 0;
}
body header.desktop .h-contact .social-media a
{
    color: white;
}
body header.desktop .header-bar .bar-user .link a,
body header.desktop .header-bar .bar-user i,
body header.desktop .header-bar .bar-cart .name,
body header.desktop .header-bar .bar-cart
{
    color: white;
    margin-left: 0;
}
body header.desktop .header-bar .bar-cart .icon .count
{
    background: var(--second);
    top: -5px;
    right: -5px;
}
header.desktop .header-bar .bar-user .link span,
header.desktop .header-bar .bar-cart .subtext
{
    color: #a3afef;
    font-size: 12px;
    font-weight: 400;
}
body header.desktop .header-bar .bar-user,
body header.desktop .header-bar .bar-cart
{
    display: flex;
    align-items: center;
    gap: 6px;
}
header.desktop .header-bar .bar-cart .subtext
{
    display: flex;
    flex-direction: column;
}
header.desktop .header-bar .bar-cart .subtext .basket-summary
{
    color: white;
    font-size: 14px;
    font-weight: 600;
}
body header.desktop .header-bar
{
    gap: 15px;
}
body header.desktop .header-bar .bar-user i,
body header.desktop .header-bar .bar-cart .icon i
{
    font-size: 28px;
}
body header.desktop .search form
{
    display: flex;
    align-items: center;
    background: white;
    border-radius: 4px;
    overflow: hidden;
}
body header.desktop .search form .btn-send
{
    right: 5px;
    width: 35px;
    height: 35px;
    background: var(--second);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
body header.desktop .search form input
{
    font-size: 12px;
    color: #888;
    padding-left: 10px;
}
body header.desktop .search .select-box
{
    border-right: 1px solid #999;
    padding: 0px 10px;
}
body header.desktop .search .select-box select
{
    background: transparent;
    border: none;
}
.grid-submenu
{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
body .pattern-group .p-g-mod.p-g-mod-trans .p-g-mod-header
{
    height: auto;
    align-items: baseline;
}
body.home-body .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title
{
    font-size: 20px!important;
    font-weight: 500!important;
    border-bottom: 2px solid var(--second);
    padding-bottom: 13px;
}

/* Card */
.card-product
{
    border-radius: 12px;
}
.card-product .card-product-inner .title
{
    text-align: left;
    color: var(--first);
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
}
.card-product .card-product-inner .price-group .prices
{
    gap: 10px;
}
.card-product .card-product-inner .price-group .prices .sale-price
{
    color: black;
    font-weight: 600;
    font-size: 16px;
}
.card-product .card-product-inner .price-group .prices .discount-price
{
    color: var(--price);
}
.card-product .card-product-inner .price-group .prices .list-price
{
    color: #a4a4a4;
    font-size: 14px;
    text-decoration: line-through;
}
.card-product .card-product-inner .buttons
{
    position: absolute;
    bottom: -40px;
    transition: all 250ms ease-in-out;
    opacity: 0;
    width: 100%;
}
.card-product .card-product-inner:hover .buttons
{
    bottom: 0;
    transition: all 250ms ease-in-out;
    opacity: 1;
    position: relative;
}
.card-product .card-product-inner .buttons .btn-cart
{
    width: 100%;
    background: var(--second);
    border-color: var(--second);
    border-radius: 32px;
    font-size: 15px;
    font-weight: 600;
}
.card-product .card-product-inner .buttons .btn-cart:hover
{
    background: var(--title);
    border-color: var(--title);
}
.card-product .card-product-inner .discount
{
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 4px;
    background: #5aab19;
    font-weight: 600;
    color: white;
    padding: 4px 20px;
    font-size: 12px;
}

/* Product Detail */
.product-header
{
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.product-profile-1 h1.title
{
    border: none;
    padding-bottom: 0;
    margin: 12px 0;
    font-size: 22px;
    color: #0068c9;
    font-weight: 500;
}
.product-body .product-reviews
{
    margin-bottom: 12px;
}
.product-price-group .prices
{
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-price-group .prices .sale-price
{
    color: var(--price);
}
.product-price-group .prices .list-price
{
    font-weight: 500;
}
.product-badge
{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}
.product-badge .discount
{
    background: var(--price);
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-weight: 500;
}
.product-badge .free-cargo-badge
{
    background: var(--second);
    color: white;
    padding: 5px;
    border-radius: 5px;
    font-weight: 500;
}
.product-description
{
    background: #f7f7f7;
    padding: 1rem;
    border-radius: 4px;
    margin: 10px 0;
}
.product-profile-info .value
{
    font-weight: 500;
    color: var(--first);
}
.product-buttons .btn-cart
{
    flex: 1;
    background: var(--second);
    border-color: var(--second);
}
.product-buttons .btn-cart:hover
{
    background: var(--first);
    border-color: var(--first);
}
.product-buttons .btn-fast-buy,
.product-buttons .btn-wp
{
    flex: 1;
}
.product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav
{
    background: white;
}
.product-details-tab .p-g-tab-wrapper .p-g-t-nav .nav .nav-item .nav-link.active
{
    border-top: none;
    border-bottom: 3px solid transparent;
    border-color: var(--second);
    color: var(--first);
}
.product-profile-1 .carousel .carousel-inner
{
    border-radius: 5px;
}

/* Product List */
.categories-body .pattern-group .p-g-mod-t-cat-filter,
.categories-body .pattern-group .p-g-mod-pagination,
.categories-body .pattern-group .p-g-mod-breadcrumb
{
    border: 1px solid #ebebeb;
    border-radius: 4px;
}
.categories-body .breadcrumb-wrapper .breadcrumb
{
    margin-bottom: 0;
    padding: 1rem;
    background: white;
}
.categories-body .card-product .card-product-inner .buttons
{
    position: relative;
    bottom: 0;
    opacity: 1;
}
.category-filter-order .list-wrap
{
    background: white;
    border-bottom: 1px solid #ebebeb;
}
.category-filter-order .list-wrap .list li:hover .lag-checkbox, .category-filter-order .list-wrap .list li.active .lag-checkbox
{
    background: white;
    color: var(--second);
}
.related-products a
{
    padding: 10px;
    border-radius: 4px;
    height: auto;
    gap: 5px;
}
.related-products a.active
{
    background: #f5f5f5;
    border: 1px solid var(--border);
}
.related-products a.active img
{
    border: none;
}
.related-products a.active span
{
    color: var(--first);
}
.product-profile-1 .product-quantity
{
    border: 1px solid #eee;
    border-radius: 4px;
}
.product-body .product-quantity .btn
{
    background: white;
}
.product-body .product-quantity .btn i
{
    color: var(--first);
}
.product-quantity input
{
    border: none;
    color: var(--first);
}
.product-body .variant-box
{
    background: #f5f5f5;
    border: none;
    padding: 10px;
    margin-top: 0;
}
.product-body .variant-box ul li .name
{
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 300;
}
.product-body .variant-box ul li select
{
    border: none;
    height: 50px;
    border-radius: 4px;
    font-size: 14px;
}
.product-body .special-field-box
{
    background: #f5f5f5;
    border: none;
    padding: 5px;
    margin-top: 5px;
}
.product-body .special-field-box .field
{
    align-items: center;
}
.product-piece-list-1 .piece-profile .price
{
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.product-piece-list-1 .product-quantity
{
    border: none;
}

/* Card Category */
.card-category
{
    border-radius: 12px;
    background: rgb(56,82,190);
    background: -moz-linear-gradient(90deg, rgba(56,82,190,1) 0%, rgba(38,60,151,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(56,82,190,1) 0%, rgba(38,60,151,1) 100%);
    background: linear-gradient(90deg, rgba(56,82,190,1) 0%, rgba(38,60,151,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3852be",endColorstr="#263c97",GradientType=1);
}
.card-category .title
{
    color: white;
}

/* List Product Card */
.card-list-product
{
    border-radius: 10px;
}
.card-list-product-inner
{
    display: flex;
    padding: 1rem!important;
    align-items: center;
}
.card-list-image .image img
{
    max-width: 276px;
    max-height: 276px;
}
.card-list-info
{
    padding: 3rem 0;
    min-height: 300px;
}
.card-list-info .title
{
    color: var(--first);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.card-list-product .product-reviews
{
    margin-bottom: 10px!important;
}
.card-list-product .card-list-product-inner .price-group
{
    justify-content: flex-start!important;
    align-items: center;
    gap: 10px;
}
.card-list-info .price-group .discount
{
    display: block;
    background: var(--price);
    padding: 5px;
    border-radius: 4px;
    color: white;
    font-weight: 500;
}
.card-list-info .price-group .list-price
{
    color: #9e9e9e;
    text-decoration: line-through;
    font-weight: 500;
}
.card-list-info .price-group .sale-price
{
    font-size: 16px;
    font-weight: 600;
    color: black;
}
.card-list-info .price-group .discount-price
{
    color: var(--price);
}
.card-list-info .sold
{
    margin: 10px 0;
}
.card-list-info .buttons
{
    margin-top: 10px;
}
.card-list-info .buttons a
{
    background: var(--second);
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
    font-size: 14px!important;
}
.card-blog 
{
    border-radius: 12px;
    overflow: hidden;
    margin: 1.2rem 0;
}
.card-blog:hover
{
    box-shadow: 0px 2px 20px rgba(0,0,0,.05);
}
.card-blog:hover .title
{
    color: var(--first);
}
.card-blog:hover .buttons .btn-read-more
{
    color: var(--first);
}
.card-blog .title
{
    height: auto;
    margin: 1rem;
    font-size: 16px;
    padding: 0;
}
.card-blog .description
{
    padding: 0 0 10px 0;
    margin: 1rem 1rem 0 1rem;
    font-size: 13px;
    color: #9b9b9b;
    height: 50px;
}
.card-blog .buttons
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-blog .buttons .btn-read-more
{
    border: none;
    padding: 0;
    color: #9b9b9b;
    margin-left: 7px;
}
.card-blog .buttons .btn-read-more:hover
{
    color: var(--first);
    background: transparent;
}

/* Footer */
body footer
{
    background: var(--footer);
}
.footer-card
{
    padding: 2rem 0;
}
.footer-card-body
{
    border-bottom: 1px solid rgba(255,255,255,.1);
    padding-bottom: 2rem;
}
.footer-card-item
{
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-card-item .icon
{
    font-size: 32px;
    color: var(--second);
}
.footer-card-item .content
{
    display: flex;
    flex-direction: column;
}
.footer-card-item .content span:first-child
{
    font-weight: 600;
    color: white;
}
.footer-card-item .content span:last-child
{
    color: rgba(255,255,255,.5);
}
.app p
{
    max-width: 75%;
    color: rgba(255,255,255,.5);
}
.app-button
{
    display: flex;
    align-items: center;
    gap: 5px;
}
footer .social-media a
{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: white!important;
}
footer .social-media a:hover
{
    color: white;
}
footer .social-media .fb
{
    background: #3c5b9b;
}
footer .social-media .tw
{
    background: #40c1df;
}
footer .social-media .ins
{
    background: #c619b8;
}
footer .social-media .yt
{
    background: #ed3c32;
}



/* Account Page */
.account-body .list-menu a
{
    display: flex;
    align-items: center;
}
.account-body .list-menu a:last-child
{
    border: none;
}
.account-body .list-menu a span
{
    font-size: 18px;
}
.account-body .user-dashboard .description
{
    font-weight: 400;
}
.account-body .user-dashboard .hello .title
{
    font-weight: 500;
    margin-bottom: 0;
}
.account-body .user-dashboard .link-boxes .link-box
{
    font-weight: 500;
}
.account-body .user-dashboard .link-boxes .link-box span
{
    background: var(--second);
}
.account-body .user-dashboard .link-boxes .link-box span i
{
    color: white;
}
.account-body .p-g-mod-base-content,
.pages-body .p-g-mod-base-content,
.blog_single-body .p-g-mod-base-content
{
    overflow: hidden;
    border-radius: 12px;
}
.account-body .user-dashboard .alert
{
    font-weight: 400;
}
body .p-g-mod-t-2 .p-g-mod-body a, .p-g-mod-t-10 .p-g-mod-body a
{
    font-weight: 400;
}
body .p-g-mod-t-58 .p-g-mod-body.p-g-mod-body-p-0 ul li a, .p-g-mod-t-15 .p-g-mod-body.p-g-mod-body-p-0 ul li a, .p-g-mod-t-16 .p-g-mod-body.p-g-mod-body-p-0 ul li a
{
    padding: .75rem 1.25rem;
}
.blog_single-body .p-g-mod-t-12 .p-g-mod-body .detail
{
    padding-bottom: 1rem;
}

.bottom-navbar a {
    width: 100%;
    color:#555;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    font-weight: 500;
}

.bottom-navbar a strong
{
    font-weight: 500!important;
    color: #999!important;
}

.bottom-navbar a .count{
    background: var(--first);
    color:#fff;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border-radius: 100%;
    position: absolute;
    right:-10px;
    top:-3px;
}

.bottom-navbar a i {
    font-size: 25px;
    color: black;
}

.bottom-navbar a strong{
    font-weight: 400;
}

/* Mobile */
.mobile-background
{
    display: none;
}
.bottom-navbar {
    align-items: center;
    border-top: 1px solid #ebebeb;
    background: #fff;
    position: fixed;
    bottom: 0px;width: 100%;
    z-index: 999999;
    display: none;
    padding:10px;
}
.fs,
.fs a
{
    color: white;
}
@media (max-width: 991px) {
    .bottom-navbar{
        display: flex;
    }
    .mobile-background
    {
        display: flex;
        background: var(--first);
        width: 100%;
        height: 230px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 0 0 80px 80px;
    }
    .card-product .card-product-inner .price-group .prices
    {
        flex-direction: column;
        gap: 2px;
        margin-top: 1rem;
    }
    body.home-body .p-g-mod-header .p-g-m-h-info .p-g-m-h-i-title
    {
        font-size: 15px!important;
    }
    .card-list-product-inner
    {
        flex-direction: column;
    }
    .card-list-info
    {
        min-height: auto!important;
        padding: 1.5rem 0!important;
    }
    footer
    {
        margin-bottom: 30px;
    }
    .card-blog .buttons
    {
        flex-direction: column-reverse;
    }
    .app
    {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .footer-card-item
    {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        text-align: center;
        background-color: #292b2f;
        border-radius: 4px;
        margin-bottom: 15px;
        padding: 12px;
    }
    .searchbar
    {
        margin: 1rem 10px 0 10px;
        background: white;
        border-radius: 4px;
        padding: 8px;
    }
    .searchbar form input
    {
        width: 100%;
        border: none;
        border-radius: 0;
    }
    .searchbar form button
    {
        color: white;
        background: var(--second);
        border-radius: 4px;
    }
    .categories-body .pattern-group .p-g-mod
    {
        border: none;
    }
    .categories-body .card-product .card-product-inner .buttons
    {
        margin-top: 10px;
    }
    .breadcrumb-wrapper .breadcrumb a,
    .breadcrumb-wrapper .breadcrumb .breadcrumb-item:last-child a
    {
        color: white;
    }
}