:root {
    --first-color: #004d7c;
    --second-color: #374250;
}
.btn-primary:hover,
.btn-success:hover {
    opacity: 0.7;
}
.btn-primary {
    background-color: var(--first-color);
}
.btn-outline-primary {
    border-color: var(--first-color);
    color: var(--first-color);
}
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--first-color);
    border-color: var(--first-color);
}
.btn-success {
    background-color: var(--second-color);
}
.btn-outline-success,
.btn-outline-info,
.btn-outline-secondary {
    border-color: var(--second-color);
    color: var(--second-color);
}
.btn-success:hover,
.btn-success:not(:disabled):not(.disabled):active,
.btn-outline-success:hover,
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-info:hover,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-secondary:hover,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
a.btn-outline-success:not([href]):not([tabindex]):hover {
    background-color: var(--second-color);
    border-color: var(--second-color);
    color: #fff;
}
.btn-primary:focus, .btn-outline-primary:focus, 
.btn-success:focus, .btn-outline-success:focus,
.btn-outline-secondary:focus,
.btn-outline-info:focus, 
.btn-outline-danger:focus,
.btn-outline-default:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, 
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-default:not(:disabled):not(.disabled):active:focus{
    box-shadow: none;
}
a,
a:hover,
.sub-menu>li:hover>a,
.toolbar-dropdown>li:hover>a,
.sub-menu>li.active>a,
.toolbar-dropdown>li.active>a
.navi-link:hover,
.navi-link-light:hover,
.nav-tabs .nav-link:hover,
.comment .reply-link:hover,
.btn-link-primary,
.topbar .topbar-column a:not(.social-button):hover {
    color: var(--first-color);
}
.offcanvas-toggle:hover,
.offcanvas-menu ul li a:hover,
.offcanvas-menu ul li.active>a,
.offcanvas-menu ul li.has-children.active>span>a {
    color: var(--first-color);
}
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item.active,
.dropdown-product-item .dropdown-product-title:hover {
    color: var(--first-color);
}
.input-group .form-control:focus~.input-group-addon,
.input-group .input-group-btn button:hover {
    color: var(--first-color);
}
.widget-categories ul>li>a:hover,
.widget-links ul>li>a:hover,
.widget-categories ul>li.active>a,
.widget-links ul>li.active>a,
.widget-featured-posts>.entry .entry-title>a:hover,
.widget-featured-products>.entry .entry-title>a:hover,
.widget-light-skin.widget-categories ul>li>a:hover,
.widget-light-skin.widget-links ul>li>a:hover,
.widget-light-skin.widget-categories ul>li.active>a,
.widget-light-skin.widget-links ul>li.active>a,
.widget-light-skin.widget-featured-posts>.entry .entry-title>a:hover,
.widget-light-skin.widget-featured-products>.entry .entry-title>a:hover {
    color: var(--first-color);
}
.lang-currency-switcher-wrap .lang-currency-switcher:hover>.language,
.lang-currency-switcher-wrap .lang-currency-switcher:hover>.currency,
.lang-currency-switcher-wrap .lang-currency-switcher:hover::after,
.lang-currency-switcher-wrap.show>.lang-currency-switcher .currency,
.lang-currency-switcher-wrap.show>.lang-currency-switcher::after {
    color: var(--first-color);
}
.form-control:focus,
.input-light.form-control:focus,
.input-light .form-control:focus {
    border-color: var(--first-color);
}
.progress-bar,
.custom-control .custom-control-input:checked~.custom-control-indicator,
.steps .step.completed .step-icon-wrap::before,
.steps .step.completed .step-icon-wrap::after {
    background-color: var(--first-color);
}
.pagination .pages>li.active>a,
.list-group-item.active,
.tag.active,
.widget-light-skin .tag.active,
.steps .step.completed .step-icon,
.shop-view>a.active {
    border-color: var(--first-color);
    background-color: var(--first-color);
}
.site-menu ul>li:hover>a,
.site-menu ul>li.active>a {
    color: var(--first-color);
}
.site-menu>ul>li.active>a {
    border-top-color: var(--first-color);
}
.breadcrumbs>li>a:hover,
.footer-copyright>a:hover,
.product-card .product-title>a:hover,
.shopping-cart .product-item .product-title>a:hover,
.wishlist-table .product-item .product-title>a:hover,
.order-table .product-item .product-title>a:hover,
.categoryBox-item a:hover .categoryBox-title,
.checkout-steps>a:hover {
    color: var(--first-color);
}
.checkout-steps>a.active,
.checkout-steps>a.active+a>.angle {
    background-color: var(--first-color);
}
.checkout-steps>a.active>.angle::after {
    border-left-color: var(--first-color);
}
.product-gallery .product-thumbnails>li.active>a {
    border-color: var(--first-color);
}
.post-meta>li>a:hover,
.post-title>a:hover,
.single-post-meta .meta-link>a:hover,
.single-post-footer .sp-tag:hover {
    color: var(--first-color);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--second-color);
}
.sub-menu>li>a,
.toolbar-dropdown>li>a,
.offcanvas-toggle,
.site-menu ul>li>a,
.toolbar .search,
.toolbar .account,
.toolbar .cart {
    color: var(--second-color);
}


.product-key-v {
display: none;
}

.grid-item .product-symbol {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.grid-item h3.product-title {
    min-height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 7px;
}
.grid-item .product-price {
    min-height: 36px;
    margin-bottom: 7px;
}
.grid-item .product-price span.oldPrice{
    display: block;
    font-size: 14px;
}
.grid-item .product-price span.newPrice {
    display: inline-block;
}
.grid-item .product-price span.oldPrice,
.grid-item .product-price span.newPrice {
    flex-wrap: nowrap;
    white-space: nowrap;
}
.grid-item .product-availibilty {
    height: 36px;
    line-height: 1.3;
    margin-bottom: 5px;
}
.grid-item .product-short-description {
    margin-bottom: 5px;
    font-size: 14px;
    line-height:1.2;
    display: -webkit-box;
    height:50px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
}