:root {
    --primary: #0372ba;
    --secondary: #919191;
}

a,
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-toggler,
.navbar-light .navbar-text,
#jtl-nav-wrapper .form-control::placeholder, #jtl-nav-wrapper .form-control:focus::placeholder,
#jtl-nav-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label,
header .dropdown-menu,
header .navbar-toggler, header .table, header .dropdown-item, header .btn-outline-primary,
header .btn-outline-primary:hover,
.fixed-search .form-control,
.fixed-search .form-control::placeholder,
.form-clear, .breadcrumb-item.active,
.hr-sect,
#header-top-bar, header,
header .navbar-toggler,
.btn-outline-secondary,
aside .card.card-default > .card-heading > .card-title,
#header-top-bar a:not(.dropdown-item):not(.btn), header a:not(.dropdown-item):not(.btn) {
    color: #919191;
}

a:hover,
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus,
.box_login .register .fa,
#header-top-bar a:not(.dropdown-item):not(.btn):hover, header a:not(.dropdown-item):not(.btn):hover {
    color: #0372ba;
}

caption,
.figure-caption,
.nav-link.disabled,
.nav-tabs .nav-link.disabled,
.cart-dropdown-shipping-notice,
.breadcrumb-item + .breadcrumb-item::before,
.box-link-wrapper i.snippets-filter-item-icon-right {
    color: #a4a4a4;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #0372ba
}

.slick-dots li.slick-active button,
.btn-outline-secondary {
    border-color: #919191
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0372ba
}

.slick-dots li.slick-active button {
    background-color: #919191;
}

.page-item.active .page-link::after, .page-item.active .page-text::after,
aside .nav-panel > .nav > .active > .nav-link {
    border-bottom-color: #0372ba;
}

@media (max-width: 767.98px) {
    .pagination .dropdown-item.active .page-link, .pagination .dropdown-item.active .page-text, .pagination .dropdown-item:active .page-link, .pagination .dropdown-item:active .page-text {
        color: #919191
    }
}

@media (min-width: 992px) {
    header .navbar-nav > .nav-item > .nav-link::before {
        border-color: #0372ba;
    }
}

body, html {
    font-family: "Raleway", "Open Sans", sans-serif;
    font-weight: 100;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .productlist-filter-headline, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, .h6 {
    font-family: "Raleway", "Open Sans", sans-serif;
    font-weight: 400;
    line-height: 1.2;
}

h1, .h1, h2 {
    font-family: "Lato", "Open Sans", sans-serif;
    font-weight: 100;
}

.price.h1 {
    font-weight: 400;
}

h2, .h2 {
    border-bottom: 0.125rem solid #0372ba;
}

header {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .1);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus, .btn-primary.focus,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"] {
    color: #f5f7fa;
}

.btn-outline-primary,
.btn-outline-primary.disabled, .btn-outline-primary:disabled,
.btn-link:hover,
.page-link:hover,
.badge-outline-primary,
.btn-icon-primary:hover,
.form-icon-trigger-label:hover,
.box_login .register .fa,
.estimated-delivery:hover .estimated-delivery-info,
#footer a:not(.btn):hover,
.checkout-steps .step-check {
    color: #0372ba;
}

.btn-primary,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #0372ba;
}

.show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"],
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.custom-range::-webkit-slider-thumb,
.custom-range::-moz-range-thumb,
.custom-range::-ms-thumb {
    background-color: #0372ba;
}

.badge-primary,
.progress-bar,
.list-group-item.active,
.badge-check .badge-circle,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle,
.show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"] {
    background-color: #0372ba;
}

.btn-icon-primary:not(:disabled):not(.disabled):active,
.btn-icon-primary:not(:disabled):not(.disabled).active,
.show > .btn-icon-primary.dropdown-toggle,
.show > .btn-icon-primary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-icon-secondary:not(:disabled):not(.disabled):active,
.btn-icon-secondary:not(:disabled):not(.disabled).active,
.show > .btn-icon-secondary.dropdown-toggle,
.show > .btn-icon-secondary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-animated .btn-primary:hover,
.btn-animated .btn-outline-primary::after,
.btn-animated .btn-outline-primary:hover::after,
.badge-circle:hover, .badge-circle:focus,
.badge-circle-1.on-list,
.slick-arrow:hover,
.fa-sup,
.modal-header .close:hover,
.noUi-horizontal .noUi-connect,
.noUi-horizontal .noUi-handle,
.stepper .step-active .step-content::after,
#image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover,
#image_wrapper #gallery .slick-arrow:hover,
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle {
    background-color: #0372ba;
}

.btn-primary:hover,
.btn-primary:focus, .btn-primary.focus,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"],
a.badge-primary:hover, a.badge-primary:focus,
a.badge-outline-primary:hover, a.badge-outline-primary:focus {
    background-color: #084293;
}

.form-control:focus,
.btn-primary,
.btn-outline-primary,
.btn-outline-primary:hover,
.custom-control-input:checked ~ .custom-control-label::before,
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before,
.custom-select:focus,
.custom-file-input:focus ~ .custom-file-label,
.list-group-item.active,
.badge-outline-primary,
.badge-check,
.badge-check .badge-circle,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-icon-primary:hover,
.btn-icon-primary:not(:disabled):not(.disabled):active, .btn-icon-primary:not(:disabled):not(.disabled).active, .show > .btn-icon-primary.dropdown-toggle, .show > .btn-icon-primary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-icon-secondary:not(:disabled):not(.disabled):active, .btn-icon-secondary:not(:disabled):not(.disabled).active, .show > .btn-icon-secondary.dropdown-toggle, .show > .btn-icon-secondary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-animated .btn-primary:hover,
.btn-animated .btn-outline-primary:hover,
.badge-circle:hover, .badge-circle:focus,
.badge-circle-1.on-list,
.swatches-image.active,
.swatches-text.active,
.bootstrap-select.custom-select button.dropdown-toggle:focus,
.bootstrap-select.custom-select button:not(.navbar-toggler)[data-toggle="collapse"]:focus,
.bootstrap-select.custom-select.show button.dropdown-toggle,
.bootstrap-select.custom-select.show button:not(.navbar-toggler)[data-toggle="collapse"],
.tab-navigation .nav-link::after,
.file-drop-zone.clickable:focus,
.filter-item.active .filter-img, .filter-item:active .filter-img,
.filter-search-wrapper.input-group-selected .input-group-text,
.filter-search-wrapper.input-group-selected .filter-search,
.productlist-filter-categories > .nav-item > .nav-link::before,
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item,
.cfg-group .cfg-swatch:checked ~ .custom-control-label .config-item .badge-circle,
.account-head-data .account-head-data-credit,
.form-control:focus + .input-group-append .input-group-text {
    border-color: #0372ba;
}

.btn-primary:hover,
.btn-primary:focus, .btn-primary.focus,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"] {
    border-color: #073a81;
}

.btn-outline-primary:focus, .btn-outline-primary.focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"]:focus,
a.badge-primary:focus, a.badge-primary.focus {
    box-shadow: 0 0 0 0 rgba(3, 114, 196, 0.5);
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before,
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(3, 114, 196, 0.5);
}

a.badge-outline-primary:focus, a.badge-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(3, 114, 196, 0.5);
}

.noUi-horizontal .noUi-handle {
    box-shadow: 0 0 0 5px rgba(3, 114, 196, 0.5);
}

.custom-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(3, 114, 196, 0.25);
}

.badge-primary,
a.badge-primary:hover, a.badge-primary:focus,
a.badge-outline-primary:hover, a.badge-outline-primary:focus,
.btn-outline-primary:hover {
    color: #f5f7fa;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .show > .btn-primary:not(.navbar-toggler)[data-toggle="collapse"],
.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .show > .btn-outline-primary:not(.navbar-toggler)[data-toggle="collapse"] {
    color: #525252;
    color: #919191;
}

.progress-bar {
    color: #707070;
    color: #a4a4a4;
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0372ba;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before,
.custom-range::-ms-thumb:active {
    background-color: #acdcff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    border-color: #acdcff;
}

.bg-primary,
.border-primary {
    background-color: #0372ba !important;
}

.text-primary {
    color: #0372ba !important;
}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #073a81 !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #073a81 !important;
}

aside .nav-panel > .nav > .active > .nav-link {
    border-bottom-color: #073a81;
}

#rmaStickyPositions.loadingAJAX::after, #rmaStickyPositions.loadingAJAX::before {
    border-color: #0372ba #0372ba transparent transparent;
}

@media (max-width: 991.98px) {
    .stepper .step-current .step-content::after {
        background: #0372ba;
    }
}

/*****
 */

.fa-sup {
    color: #f5f7fa;
}

#main-wrapper {
    background: #f0f0f0;
}

.container-wrapper-white {
    background: #fefefe;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.container-wrapper-white > #pushed-success {
    box-shadow: 0 0;
    padding-top: 1rem;
}

.container-wrapper-description {
    padding-bottom: 1rem;
    margin-top: 0.125rem;
    margin-bottom: 2.75rem;
}

.container-wrapper-description .tab-navigation {
    margin-bottom: 0;
    padding-bottom: 1.25rem;
}

.container-wrapper-description .tab-navigation .tab-content {
    margin-bottom: 0;
}

.container-wrapper-description .tab-navigation .tab-content .table {
    margin-bottom: 0;
}

.order-completed-wrapper {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.badge-color {
    position: relative;
    top: -0.37rem;
}

.badge-color-item {
    border-radius: 0.25rem;
    padding: 0;
    border: 1px solid #333;
    color: transparent;
    background: transparent;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.5rem;
    display: inline-block;
    margin: 0 0.5rem 0 0;
    background-size: cover;
}

.card {
    background: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.checkout-confirmation .checkout-confirmation-billing-address .card-header,
.checkout-confirmation #panel-edit-comment .card-header,
.checkout-confirmation .checkout-confirmation-shipping .card-header {
    background-color: #c9dbf5;
}

button.btn.btn-hidden {
    display: none;
}

.basket_wrapper .basket-items {
    margin-left: 1rem;
    margin-right: 1rem;
}

.cart-items-header,
.cart-items-body {
    background: #fff;
    margin-bottom: 2px;
    padding: 0.875rem 0;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.cart-items-header .col > hr,
.cart-items-body .col > hr {
    display: none;
}

.cart-summary .card {
    background: #fff;
    margin-bottom: 0.125rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.cart-summary .card-header {
    background: transparent;
}

.checkout-shipping-form {
    padding: 0.75rem 0.75rem 0;
}

#order-proceed-as-guest.card {
    padding: 1.75rem 1rem 1rem;
}

.box-filter-sidebar-wrapper {
    border: 1px solid #ccc;
    padding: 0 0.5rem;
    border-radius: 0.25rem;
    margin-bottom: 0.75rem;
}

.box-filter-sidebar-wrapper .filter-search-wrapper > a:last-child {
    padding-bottom: 0.5rem;
}

.box-filter-sidebar-wrapper .box-filter-hr {
    display: none;
}

.box-link-wrapper i.snippets-filter-item-icon-right {
    background: red;
    border-radius: 0.25rem;
    padding: 0 0.125rem 0.5rem 0.5rem;
    border: 1px solid #333;
    color: transparent;
    margin-top: 0;
    margin-left: 0.125rem;
}

.box-link-wrapper i.snippets-filter-item-icon-right.fa-check-square {
    color: rgba(31, 24, 24, 0.85);
}

.box-link-wrapper i.snippets-filter-item-icon-right:before {
    background: transparent;
    top: -0.25rem;
    position: relative;
    right: -0.3125rem;
}

.box-link-wrapper i.snippets-filter-item-icon-right.fa-check-square:before {
    background: rgba(255, 255, 255, 0.85);
}

.product-detail .product-info {
    padding-top: 1rem;
}

.product-detail .product-gallery {
    padding-top: 1rem;
}

.productbox-inner-wrapper .price_wrapper {
    margin-bottom: 0.5rem;
}

.productbox-inner-wrapper {
    padding: 0.75rem;
}

.productbox .productbox-inner {
    background: #ffffff;
}

.productbox.productbox-hover .productbox-inner::before {
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
    content: "";
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#slider-related .hr-sect {
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: rgb(82, 82, 82);
}

@media (min-width: 768px) {
    .productbox.productbox-hover:hover .productbox-inner::before {
        box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.2);
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .productbox.productbox-hover:hover .productbox-ribbon.ribbon {
        top: 1rem;
        left: -0.5rem;
    }

    #product-list {
        display: flex;
        flex-wrap: wrap;
    }

    #product-list .productbox.productbox-column,
    #product-list .productbox.productbox-column form.form-basket,
    #product-list .productbox.productbox-column .productbox-inner {
        height: 100%;
    }

    #product-list .product-wrapper:last-child {
        margin-bottom: 4rem;
    }
}