@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";

*,
*::before,
*::after {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

:root {
    --heading-font-family: Poppins, sans-serif;
    --text-font-family: Inter, sans-serif;
    --text-color: #181210;
    --main-color: #143f7b;
    /* #3a2a2f; */
    --blue-color: #3e92cc;
    /* #ff6128 */
    --hover-color: #3EAAEC;
    /* #FF7948; */
    --main-font-size: 15px;
    --body-border-color: #e7e2de;
    --green-color: #3e5641;
    --red-color: #f71b1b;
    --yellow-color: #ffb647;
    --price-sale-color: #a95ebe;
    --bg-color: #F7F4F2;
    --btn1-hover-color: rgba(20, 63, 123, 0.8);
    --btn2-hover-color: rgba(62, 146, 204, 0.8);
    --radio-border-color: #3a2a2f;
    /* #3a2a2f; */
    --radio-checked-color: #143f7b;
    /* #ff6128 */
    --radio-disabled-bg-color: #ddd;
    --checkbox-border-color: #3a2a2f;
    /* #3a2a2f; */
    --checkbox-checked-color: rgba(62, 146, 204, 0.8);
    /* #ff6128 */
    --checkbox-disabled-bg-color: #ddd
}

body {
    font-family: var(--text-font-family);
    font-optical-sizing: auto;
    font-weight: 400;
    color: var(--text-color);
    font-size: var(--main-font-size);
    line-height: 20px;
    width: 100%;
    background-color: var(--bg-color)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font-family);
    color: var(--text-color);
    font-weight: 400
}

.fa {
    font-size: var(--main-font-size)
}

h1 {
    font-size: 30px;
    margin: 0 0 20px
}

h2 {
    font-size: 25px;
    margin: 20px 0
}

h3 {
    font-size: 20px;
    margin: 20px 0
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 16px
}

h6 {
    font-size: 14px
}

p {
    font-size: var(--main-font-size);
    line-height: 1.6;
    margin: 0 0 15px
}

ul li {
    line-height: 1.8
}

a {
    color: var(--blue-color)
}

a:focus,
a:hover {
    color: var(--hover-color);
    text-decoration: none
}

a,
button {
    transition: all ease-in .2s
}

img {
    border-radius: 3px
}

hr {
    border-top: solid 1px var(--body-border-color)
}

.table {
    font-size: 13px;
    border-collapse: inherit
}

.table-bordered {
    border: none
}

.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 12px;
    white-space: nowrap;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid var(--body-border-color)
}

.table>thead>tr>td {
    width: 1%
}

.table>thead:first-child>tr:first-child>td {
    border-top: 1px solid var(--body-border-color)
}

.table>thead>tr>td:first-child {
    border-top-left-radius: 3px;
    border-left: 1px solid var(--body-border-color)
}

.table>thead>tr>td:last-child {
    border-top-right-radius: 3px;
    border-right: 1px solid var(--body-border-color)
}

.table>tbody>tr>td:first-child {
    border-left: 1px solid var(--body-border-color)
}

.table>tbody>tr>td:last-child {
    border-right: 1px solid var(--body-border-color)
}

.table>thead>tr>td:nth-child(2) {
    width: auto
}

.table>tfoot>tr>td {
    vertical-align: middle
}

.table-hover>tbody>tr {
    transition: all ease-in .2s
}

.table-hover>tbody>tr:hover {
    background-color: var(--bg-color-lighter)
}

.table>tbody>tr:last-child>td:first-child,
.table>tfoot>tr:last-child>td:first-child {
    border-radius: 0 0 0 3px
}

.table>tbody>tr:last-child>td:last-child,
.table>tfoot>tr:last-child>td:last-child {
    border-radius: 0 0 3px 0
}

legend {
    font-size: 16px;
    padding: 7px 0;
    color: var(--text-color)
}

label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.checkbox-inline,
.radio-inline {
    padding-left: 30px
}

select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control,
.input-group-sm>.form-control {
    font-size: 14px;
    color: var(--text-color);
    border-radius: 3px !important;
    padding: 12px;
    height: 48px;
    border-color: var(--body-border-color);
    box-shadow: none;
    transition: all ease-in .2s
}

select.form-control:focus,
textarea.form-control:focus,
input[type="text"].form-control:focus,
input[type="password"].form-control:focus,
input[type="datetime"].form-control:focus,
input[type="datetime-local"].form-control:focus,
input[type="date"].form-control:focus,
input[type="month"].form-control:focus,
input[type="time"].form-control:focus,
input[type="week"].form-control:focus,
input[type="number"].form-control:focus,
input[type="email"].form-control:focus,
input[type="url"].form-control:focus,
input[type="search"].form-control:focus,
input[type="tel"].form-control:focus,
input[type="color"].form-control:focus,
.input-group-sm>.form-control:focus {
    border: solid 2px var(--blue-color)
}

textarea.form-control {
    min-height: 150px
}

select.form-control {
    appearance: none;
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 1.5rem center;
    background-size: 17px 11px;
    padding-right: 40px
}

.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
    font-size: 12px
}

.input-group-addon {
    background: none;
    border: none;
    font-size: 13px !important;
    color: var(--text-color)
}

span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
    display: inline
}

div.required .control-label:before {
    content: '* ';
    color: var(--red-color);
    font-weight: 700
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: var(--red-color)
}

.has-error .form-control {
    border-color: var(--red-color)
}

.form-control:focus,
.has-error .form-control:focus {
    box-shadow: none;
    border-color: var(--body-border-color)
}

.checkbox label,
.radio label {
    padding-left: 28px
}

.radio label,
.checkbox label {
    position: relative
}

input[type="radio"] {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin: 6px;
    padding: 0;
    border: 2px solid var(--radio-border-color);
    border-radius: 50%;
    appearance: none;
    background-color: transparent;
    outline: none;
    transition: outline .1s;
    top: -6px;
    left: 20px
}

input[type="radio"]:not(:disabled):checked {
    border-color: var(--radio-checked-color);
    background-color: var(--radio-checked-color);
    background-clip: content-box;
    padding: 2px;
    background-image: radial-gradient(circle, var(--radio-checked-color) 0%, var(--radio-checked-color) 50%, transparent 60%, transparent 100%)
}

input[type="radio"]:disabled {
    background-color: var(--radio-disabled-bg-color)
}

input[type="radio"]:focus-visible {
    background-color: var(--radio-hover-color);
    outline: 6px solid var(--radio-hover-color);
    transform: scale(1.05)
}

input[type="radio"]:disabled:checked {
    background-image: radial-gradient(circle, var(--radio-border-color) 0%, var(--radio-border-color) 50%, transparent 50%, transparent 100%)
}

input[type="checkbox"] {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    margin: 6px;
    padding: 0;
    border: 2px solid var(--checkbox-border-color);
    border-radius: 30%;
    appearance: none;
    background-color: transparent;
    outline: none;
    transition: outline .1s;
    top: -6px;
    left: 20px
}

input[type="checkbox"]:checked {
    background-size: cover;
    padding: 2px
}

input[type="checkbox"]:not(:disabled):checked {
    border-color: var(--checkbox-checked-color);
    background-color: var(--blue-color);
    background-image: url('data:image/svg+xml;utf8,<svg width="70" height="53" viewBox="0 0 70 53" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.5813 52.5904C22.5193 52.5904 20.5518 51.7684 19.0963 50.3129L2.26407 33.4942C-0.741207 30.4485 -0.714254 25.543 2.33145 22.5377C5.3502 19.5594 10.2018 19.5594 13.2205 22.5377L24.5678 33.885L55.766 2.68673C58.7713 -0.358969 63.6768 -0.385921 66.7225 2.61935C69.7682 5.62463 69.7951 10.5301 66.7898 13.5758C66.7629 13.6028 66.7494 13.6162 66.7225 13.6432L30.0527 50.3129C28.5973 51.7684 26.6297 52.5904 24.5813 52.5904Z" fill="white"/></svg>');
    background-size: 13px 9px;
    background-repeat: no-repeat;
    background-position: 2px 4px
}

input[type="checkbox"]:disabled {
    background-color: var(--checkbox-disabled-bg-color)
}

input[type="checkbox"]:disabled:checked {
    background-image: url('data:image/svg+xml;utf8,<svg width="70" height="53" viewBox="0 0 70 53" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.5813 52.5904C22.5193 52.5904 20.5518 51.7684 19.0963 50.3129L2.26407 33.4942C-0.741207 30.4485 -0.714254 25.543 2.33145 22.5377C5.3502 19.5594 10.2018 19.5594 13.2205 22.5377L24.5678 33.885L55.766 2.68673C58.7713 -0.358969 63.6768 -0.385921 66.7225 2.61935C69.7682 5.62463 69.7951 10.5301 66.7898 13.5758C66.7629 13.6028 66.7494 13.6162 66.7225 13.6432L30.0527 50.3129C28.5973 51.7684 26.6297 52.5904 24.5813 52.5904Z" fill="white"/></svg>')
}

input[type="checkbox"]:focus-visible {
    outline: 6px solid var(--checkbox-hover-color);
    transform: scale(1.05)
}

.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
    margin-bottom: 12px
}

.form-horizontal .radio-inline {
    padding-top: 7px;
    padding-left: 27px
}

.form-horizontal .radio-inline input[type=radio] {
    top: 0
}

.form-group {
    margin-bottom: 10px
}

.btn {
    padding: 12px 30px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 3px;
    border: none;
    transition: all ease-in .2s;
    color: #fff
}

.btn:hover,
.btn:focus {
    background-color: var(--main-color)
}

.btn.active,
.btn:active {
    box-shadow: none
}

.btn-xs {
    font-size: 12px
}

.btn-sm {
    font-size: 16px
}

.btn-lg {
    font-size: 18px
}

.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
    font-size: 12px
}

.btn-group>.btn-xs {
    font-size: 9px
}

.btn-group>.btn-sm {
    font-size: 10.2px
}

.btn-group>.btn-lg {
    font-size: 15px
}

.btn-default {
    background-color: var(--main-color);
    border: none
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: var(--btn1-hover-color);
    color: #fff
}

.btn-primary {
    background-color: var(--blue-color);
    font-size: 14px !important;
    color: #fff
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: var(--btn2-hover-color);
    color: #fff
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    color: #fff;
    background-color: var(--blue-color)
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #000;
    border-color: #1d1d1d
}

.btn-warning {
    color: #fff;
    text-shadow: none;
    background-color: #faa732;
    border: none
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
    box-shadow: none
}

.btn-danger,
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    color: var(--red-color);
    background-color: transparent
}

.btn-success {
    color: #fff;
    text-shadow: none;
    background-color: #5bb75b;
    border: none
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    box-shadow: none
}

.btn-info {
    color: var(--text-color);
    background-color: transparent
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info:active:focus,
.btn-info:active:hover,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: transparent;
    color: var(--blue-color)
}

.btn-link {
    cursor: pointer;
    color: var(--text-color);
    border-radius: 0;
    font-size: 14px
}

.btn-link:hover,
.btn-link:focus {
    color: var(--blue-color);
    background: none;
    text-decoration: none
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none
}

.btn-inverse {
    color: #fff;
    background-color: #1D1D1D;
    border-color: transparent
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #000
}

#button-upload222:hover,
#button-upload222:focus {
    background-color: var(--yellow-color)
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: 10px;
    border-radius: 3px;
    padding: 18px 30px 12px
}

.input-group-btn:last-child>.btn:hover,
.input-group-btn:last-child>.btn:focus {
    color: #fff
}

#list-view,
#grid-view {
    background: none;
    color: var(--body-color-1);
    border: none;
    padding: 16px 10px 10px
}

#list-view {
    margin-right: 10px
}

#list-view.active,
#grid-view.active {
    color: var(--text-color)
}

#compare-total {
    padding: 14px 0 0;
    font-size: 13px
}

.text-danger {
    color: var(--red-color);
    font-size: 13px;
    padding-top: 5px
}

.well {
    border-radius: 3px;
    padding: 30px;
    border: solid 1px var(--body-border-color);
    box-shadow: none;
    background-color: #fff
}

.well h2 {
    margin: 0 0 10px
}

.well p strong {
    font-weight: 400;
    font-size: 20px
}

.well .form-group a {
    margin: 10px 0 0;
    display: inline-block;
    font-size: 14px
}

.well .btn {
    width: 100%
}

#top {
    background-color: var(--main-color);
    border-bottom: solid 1px rgba(233, 226, 221, 0.3);
    padding: 5px 0
}

#top .pull-left,
#top .pull-right {
    width: 50%
}

#top-links .list-inline {
    text-align: right;
    margin-bottom: 5px
}

#top-links .list-inline li a i {
    margin-right: 5px
}

#top-links .list-inline li:first-child a i {
    vertical-align: middle
}

#top #form-currency .currency-select,
#top #form-language .language-select {
    text-align: left;
    transition: all ease-in .2s;
    font-weight: 400
}

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
    color: var(--blue-color);
    background-color: transparent
}

#form-currency {
    padding: 4px 0 0
}

#form-currency button .fa-caret-down {
    font-size: 12px
}

#form-currency button {
    padding: 0 10px
}

#top .btn-link,
#top-links li,
#top-links a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    transition: all ease-in .2s;
    line-height: 2
}

#top-links li {
    padding: 0 10px
}

#top-links li:last-child {
    padding-right: 0
}

#top-links li a,
#top .btn-link.dropdown-toggle {
    color: #fff;
    font-weight: 400;
    padding: 0
}

.dropdown-menu {
    padding: 0;
    background: #fff;
    z-index: 1001;
    border-radius: 3px;
    border: 1px solid var(--body-border-color);
    box-shadow: 0 6px 20px rgba(58, 56, 56, 0.15)
}

#top-links .dropdown-menu>li {
    padding: 0
}

#top-links .dropdown-menu>li>a,
#top-links .dropdown-menu>button.btn-link,
#form-currency .dropdown-menu>li>button.btn-link {
    color: var(--text-color);
    padding: 12px 20px;
    transition: all ease-in .2s
}

#top .btn-link:hover,
#top .btn-link:focus,
#top .btn-link:active,
#top-links a:hover {
    color: var(--blue-color);
    background-color: transparent
}

#top-links .dropdown-menu a {
    text-shadow: none
}

#top-links .dropdown-menu a:hover,
#top-links .dropdown-menu a:focus {
    color: var(--blue-color);
    background: none
}

#top .btn-link strong {
    font-size: 16px;
    line-height: 14px
}

#top-links {
    padding-top: 3px
}

#top-links a+a {
    margin-left: 15px
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
    border: none
}

header {
    background-color: var(--main-color);
    padding: 20px 0
}

header .row {
    display: flex;
    align-items: center
}

header>.container>.row>.col-sm-3,
header>.container>.row>.col-sm-4,
header>.container>.row>.col-sm-5 {
    display: flex;
    align-items: center;
    min-height: 40px
}

header>.container>.row>.col-sm-3 {
    width: 20%
}

header>.container>.row>.col-sm-4 {
    width: 20%
}

header>.container>.row>.col-sm-5 {
    width: 60%
}

#logo {
    display: block;
    width: 100%
}

#logo img {
    max-width: 70%
}

.header-search {
    width: 55%
}

#search {
    width: 100%
}

#search .btn {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    background: var(--blue-color);
    height: 42px;
    width: 60px;
    padding: 0 0 4px;
    color: #fff;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#search .btn:hover,
#search .btn:focus {
    background-color: var(--hover-color)
}

#search button .fa {
    font-size: 18px
}

.form-control::placeholder {
    color: var(--text-color);
    opacity: .4
}

#search .form-control {
    height: 42px;
    line-height: 20px;
    padding: 0 20px;
    border: none;
    border-radius: 3px !important;
    box-shadow: none;
    font-size: 14px;
    transition: all ease-in .2s;
    color: var(--text-color)
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #fff
}

#cart .fa-shopping-cart:before {
    content: ""
}

#cart .fa-shopping-cart {
    background-image: url('data:image/svg+xml,<svg width="27" height="23" viewBox="0 0 27 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.5152 5.58943C25.2667 5.26835 24.947 5.00932 24.5814 4.8327C24.2158 4.65609 23.8143 4.5667 23.4083 4.57157H8.33849L7.03506 2.2055C6.82474 1.83561 6.51927 1.52877 6.15035 1.31681C5.78143 1.10486 5.36251 0.995515 4.93707 1.00014H1.89276C1.65599 1.00014 1.42891 1.09421 1.26148 1.26165C1.09406 1.4291 1 1.6562 1 1.893C1 2.1298 1.09406 2.3569 1.26148 2.52434C1.42891 2.69179 1.65599 2.78586 1.89276 2.78586H4.93707C5.04273 2.78133 5.14773 2.80449 5.24169 2.85304C5.33564 2.90159 5.41528 2.97384 5.47273 3.06264L6.94578 5.74121L7.71356 14.0626C7.81646 14.9242 8.24219 15.7148 8.9049 16.2748C9.56761 16.8349 10.418 17.1228 11.2846 17.0805H20.5425C21.3081 17.0998 22.0588 16.8675 22.6797 16.4192C23.3005 15.9708 23.7572 15.3312 23.9797 14.5984L25.9169 7.61621C26.0124 7.27042 26.0258 6.90712 25.956 6.55524C25.8863 6.20337 25.7353 5.87265 25.5152 5.58943ZM24.2118 7.12514L22.2745 14.1162C22.1538 14.474 21.919 14.7823 21.606 14.9936C21.2931 15.2049 20.9195 15.3076 20.5425 15.2859H11.2489C10.8316 15.3164 10.4178 15.1909 10.0878 14.9335C9.75786 14.6761 9.53531 14.3053 9.46337 13.893L8.7938 6.35728H23.4083C23.5387 6.35598 23.6679 6.38328 23.7867 6.43727C23.9054 6.49126 24.0109 6.57063 24.0957 6.66978C24.149 6.73152 24.1872 6.80479 24.2073 6.8838C24.2275 6.96282 24.229 7.04543 24.2118 7.12514Z" fill="white" stroke="white" stroke-width="0.5"/><path d="M11.7131 22.3839C12.6992 22.3839 13.4986 21.5844 13.4986 20.5982C13.4986 19.612 12.6992 18.8125 11.7131 18.8125C10.727 18.8125 9.92755 19.612 9.92755 20.5982C9.92755 21.5844 10.727 22.3839 11.7131 22.3839Z" fill="white" stroke="white" stroke-width="0.5"/><path d="M20.6407 22.3839C21.6269 22.3839 22.4263 21.5844 22.4263 20.5982C22.4263 19.612 21.6269 18.8125 20.6407 18.8125C19.6546 18.8125 18.8552 19.612 18.8552 20.5982C18.8552 21.5844 19.6546 22.3839 20.6407 22.3839Z" fill="white" stroke="white" stroke-width="0.5"/></svg>');
    display: inline-block;
    width: 27px;
    height: 23px;
    transition: all ease-in .2s;
    float: left;
    margin: -4px 8px 0 0
}

#cart {
    text-align: right
}

#cart>.btn {
    background: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #fff;
    padding: 0;
    width: auto;
    float: none;
    display: inline-block
}

#cart .dropdown-menu {
    min-width: 400px;
    overflow-y: auto;
    max-height: 900px;
    scrollbar-width: thin;
    overflow-x: hidden;
    margin: 0;
    top: 30px;
    padding: 0 25px
}

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

#cart .dropdown-menu .table>tbody>tr>td {
    border: none;
    padding: 10px
}

.img-thumbnail {
    border-radius: 0;
    border: none;
    padding: 0
}

#cart .table .img-thumbnail {
    max-width: 50px;
    height: auto
}

#cart .dropdown-menu .table td {
    font-size: 14px;
    vertical-align: middle
}

#cart .dropdown-menu .table td:first-child {
    vertical-align: unset
}

#cart .dropdown-menu .table td:nth-child(2) a {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color)
}

#cart .dropdown-menu .table td:nth-child(2) a:hover {
    color: var(--blue-color)
}

#cart .dropdown-menu .table td .btn {
    background: none;
    border: none;
    width: 30px;
    height: 30px;
    padding: 0
}

#cart .dropdown-menu .table td .btn .fa {
    color: var(--text-color);
    text-shadow: none;
    transition: all ease-in .2s
}

#cart .dropdown-menu .table td .btn:hover .fa,
#cart .dropdown-menu .table td .btn:focus .fa,
#cart .dropdown-menu .table td .btn:active .fa {
    color: var(--red-color)
}

#cart .dropdown-menu .table td .btn .fa:before {
    content: "\f00d";
    font-size: 14px
}

#cart .dropdown-menu .table tr td:nth-child(3) {
    text-align: center
}

#cart .dropdown-menu .table tr td:nth-child(4) {
    color: var(--blue-color)
}

#cart .dropdown-menu .table-striped tbody tr {
    border-bottom: solid 1px var(--body-border-color)
}

#cart .dropdown-menu .table-bordered {
    margin-bottom: 0
}

#cart .dropdown-menu .table-bordered>tbody>tr>td {
    vertical-align: baseline;
    padding: 7px 10px
}

#cart .dropdown-menu .table-bordered td strong {
    font-weight: 500
}

#cart .dropdown-menu .table-bordered tr td:last-child {
    width: 25%
}

#cart .dropdown-menu .table-bordered tr:last-child td:last-child {
    font-weight: 500;
    font-size: 16px
}

#cart .dropdown-menu .table-bordered+p a {
    padding: 12px 30px;
    font-size: 14px;
    border-radius: 3px;
    display: inline-block;
    background-color: var(--main-color);
    color: #fff;
    flex: 1 0 0;
    text-align: center
}

#cart .dropdown-menu .table-bordered+p a:hover,
#cart .dropdown-menu .table-bordered+p a:focus,
#cart .dropdown-menu .table-bordered+p a:active {
    background-color: var(--btn1-hover-color)
}

#cart .dropdown-menu .table-bordered+p a:last-child {
    background-color: var(--blue-color)
}

#cart .dropdown-menu .table-bordered+p a:last-child:hover,
#cart .dropdown-menu .table-bordered+p a:last-child:focus,
#cart .dropdown-menu .table-bordered+p a:last-child:active {
    background-color: var(--btn2-hover-color)
}

#cart .dropdown-menu .table-bordered+p a strong {
    font-weight: 600
}

#cart .dropdown-menu .table-bordered+p a strong i {
    display: none
}

#cart .dropdown-menu li p {
    margin: 5px 0 25px;
    font-size: 14px;
    display: flex
}

#cart .dropdown-menu li:first-child p {
    margin: 30px 0
}

#cart .dropdown-menu table {
    margin-bottom: 10px
}

header+.container,
header>.container {
    width: 100%
}

header+.container {
    padding: 0
}

#menu {
    min-height: 40px;
    border-bottom: 1px solid var(--body-border-color);
    width: auto;
    border-radius: 0;
    background-color: #fff;
    margin-bottom: 15px
}

#menu .nav>li>a {
    color: var(--text-color);
    font-size: 14px;
    padding: 15px 0;
    margin: 0 30px;
    min-height: 15px;
    background-color: transparent;
    position: relative
}

#menu .nav>li>a:hover,
#menu .nav>li.open>a {
    color: var(--hover-color)
}

#menu .dropdown-menu {
    padding: 10px 0;
    min-width: 260px
}

#menu .dropdown-inner {
    display: table
}

#menu .dropdown-inner ul {
    display: table-cell
}

#menu .dropdown-inner li {
    padding: 5px 20px;
    min-width: 250px
}

#menu .dropdown-inner li a {
    line-height: 20px;
    color: var(--text-color);
    font-size: 14px
}

#menu .see-all:before {
    bottom: -1px
}

#menu .dropdown-inner li a:hover:before,
#menu .dropdown-inner li a:focus:before,
#menu .see-all:hover:before,
#menu .see-all:focus:before {
    visibility: visible;
    opacity: 1;
    width: 100%
}

#menu .dropdown-inner li a:hover,
#menu .dropdown-inner li a:focus {
    color: var(--hover-color)
}

#menu .see-all {
    display: inline-block;
    margin: 3px 20px;
    font-size: 14px;
    color: var(--text-color);
    white-space: nowrap;
    position: relative
}

#menu .see-all:hover,
#menu .see-all:focus {
    text-decoration: none;
    color: var(--hover-color)
}

#menu #category {
    float: left;
    padding-left: 15px;
    font-size: 20px;
    font-weight: 400;
    line-height: 53px;
    color: var(--text-color)
}

#menu .btn-navbar {
    font-stretch: expanded;
    color: #fff;
    background-color: var(--blue-color);
    padding: 0;
    float: right;
    border: none;
    margin-top: 8px;
    margin-right: 15px;
    border-radius: 3px;
    width: 45px;
    height: 40px
}

#menu .btn-navbar .fa.fa-bars {
    font-size: 18px
}

.navbar-nav .dropdown-toggle:after {
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: 1px
}

.swiper-pagination {
    bottom: 20px !important
}

.swiper-slide img {
    display: inline-block;
    border-radius: 0
}

.swiper-pager .swiper-button-next:before,
.swiper-pager .swiper-button-prev:before {
    font-size: 45px;
    color: #333e48
}

.swiper-button-next:before {
    content: "\f105" !important
}

.swiper-button-prev:before {
    content: "\f104" !important
}

.swiper-button-next,
.swiper-button-prev {
    opacity: .7;
    text-shadow: none !important
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1 !important
}

.slideshow.swiper-viewport {
    border: none
}

.swiper-pagination-bullet {
    transition: all .35s ease-in-out;
    box-shadow: none !important;
    width: 12px !important;
    height: 12px !important;
    background-color: #fff !important;
    border: 3px solid #fff !important
}

.swiper-pagination-bullet-active {
    background-color: transparent !important
}

.alert {
    border-radius: 3px;
    padding: 20px;
    font-size: 13px;
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 9;
    width: 400px !important;
    line-height: 1.5;
    top: calc(50% - 110px);
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
    -moz-animation: hideAlert 0 ease-out 3s forwards;
    -webkit-animation: hideAlert 0 ease-out 3s forwards;
    -o-animation: hideAlert 0 ease-out 3s forwards;
    animation: hideAlert 0 ease-out 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    min-width: 450px
}

.alert a {
    text-decoration: underline;
    color: inherit
}

.alert a:hover,
.alert a:focus {
    text-decoration: none
}

.alert-dismissible .close {
    position: absolute;
    top: 5px;
    right: 12px;
    float: none
}

.alert-danger {
    color: var(--red-color);
    background-color: #FFCECE;
    border-color: var(--red-color)
}

.alert-info {
    color: var(--text-color);
    border-color: var(--main-color);
    background-color: rgba(58, 42, 47, 0.15);
    position: static;
    margin: 0 0 20px;
    animation: none;
    box-shadow: none;
    width: 100% !important
}

.alert-success {
    color: var(--green-color);
    border-color: var(--green-color);
    background-color: #BCFDEF
}

.alert-warning {
    color: var(--blue-color);
    border-color: var(--blue-color);
    background-color: #FFE5DC
}

@keyframes hideAlert {
    to {
        visibility: hidden
    }
}

@-webkit-keyframes hideAlert {
    to {
        width: 0;
        height: 0;
        visibility: hidden
    }
}

.close {
    text-shadow: none;
    opacity: .5;
    font-size: 24px;
    font-weight: 400
}

.close:focus,
.close:hover {
    color: inherit;
    opacity: 1
}

@media (min-width: 768px) {
    #menu .dropdown:hover .dropdown-menu {
        display: block
    }

    .navbar-nav {
        display: inline-block;
        float: none
    }

    .navbar-collapse.collapse {
        text-align: center
    }
}

#common-home {
    padding: 0;
    margin-top: -20px
}

#common-home .row {
    width: 100%;
    margin: 0
}

#common-home #content {
    overflow: hidden;
    padding: 0;
    width: 100%
}

#content {
    min-height: 600px
}

#product-category #content,
#product-product #tab-description,
#information-information #content {
    font-size: 16px
}

.slideshow .swiper-slide img {
    width: 100%
}

#common-home #content>h3 {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 30px;
    font-weight: 400;
    padding-bottom: 15px;
    position: relative;
    border-bottom: 1px solid var(--body-border-color)
}

@media (min-width: 576px) {
    #common-home #content>h3 {
        width: 100%
    }
}

@media (min-width: 768px) {
    #common-home {
        width: 100%
    }

    #common-home #content>.row {
        width: 720px;
        margin-left: auto;
        margin-right: auto
    }

    #common-home #content>h3 {
        width: 720px;
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width: 992px) {
    #common-home #content>.row {
        width: 960px
    }

    #common-home #content>h3 {
        width: 960px
    }
}

@media (min-width: 1200px) {
    #common-home {
        width: 100%
    }

    #common-home #content>.row {
        width: 1120px
    }

    #common-home #content>h3 {
        width: 1120px
    }
}

@media (min-width: 1600px) {

    #common-home>*,
    #top>.container,
    header .container,
    footer .container,
    body>.container+.container {
        width: 1400px;
        margin: 0 auto
    }

    #common-home #content>.row {
        width: 1400px
    }

    #common-home #content>h3 {
        width: 1400px
    }
}

footer {
    margin-top: 30px;
    padding-top: 30px;
    color: var(--text-color);
    border-top: 1px solid var(--body-border-color)
}

footer hr {
    border-top: none;
    border-bottom: 1px solid var(--body-border-color);
    width: 100%;
    left: 0;
    right: 0;
    position: absolute
}

footer ul li {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 12px
}

footer a {
    transition: all ease-in .2s;
    color: var(--text-color)
}

footer a:hover {
    color: var(--blue-color)
}

footer h5 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: uppercase
}

footer p {
    font-size: 12px;
    margin: 40px auto 20px !important
}

.breadcrumb {
    margin: 0 0 13px;
    padding: 8px 0;
    background: none
}

.breadcrumb i.fa-home:before {
    content: "Главная";
    font-family: Inter;
    font-size: 12px;
    font-weight: 400
}

.breadcrumb>li {
    padding: 0 8px;
    position: relative;
    white-space: nowrap;
    font-size: 12px
}

.breadcrumb>li:first-child {
    padding-left: 0
}

.breadcrumb>li+li:before {
    content: '';
    padding: 0
}

.breadcrumb>li:after {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 13px;
    display: block;
    position: absolute;
    top: 0;
    right: -5px
}

.breadcrumb>li:last-child:after {
    content: ""
}

.breadcrumb>li a {
    color: var(--text-color)
}

.breadcrumb>li a:hover,
.breadcrumb>li a:focus {
    color: var(--blue-color)
}

html[dir=rtl] .breadcrumb>li::after {
    top: -3px;
    left: -5px;
    width: 26px;
    height: 26px;
    border-left: 1px solid #DDD;
    border-top: 1px solid #DDD;
    right: unset;
    border-right: unset;
    border-bottom: unset
}

#product-category #content>h2 {
    margin-top: 0
}

#product-category #content h3+.row>.col-sm-3 ul {
    list-style: none;
    padding: 0;
    font-size: 14px;
    margin-bottom: 30px
}

#product-category #content h3+.row>.col-sm-3 ul li a {
    display: inline-block;
    color: var(--text-color)
}

#product-category #content h3+.row>.col-sm-3 ul li a:hover {
    color: var(--blue-color)
}

#product-category #content h3+.row+.row,
#product-category #content h3+.row+.row+.row+.row,
#product-category #content h2+.row,
#product-search #content h2+.row {
    background-color: #fff;
    border: solid 1px var(--body-border-color);
    margin-left: -16px;
    margin-right: -12px;
    border-radius: 3px
}

#product-category #content h3+.row+.row+.row+.row {
    margin-top: -1px
}

#product-category #content h2+.row img,
#product-category #content h2+.row p {
    margin-top: 15px
}

#product-category #content h2+.row p {
    font-size: 14px
}

#product-category #content h3+.row+.row .form-group,
#product-category #content h2+.row .form-group,
#product-search #content h2+.row .form-group {
    margin-bottom: 0
}

#product-category #content h3+.row+.row .form-group select,
#product-category #content h2+.row .form-group select,
#product-search #content h2+.row .form-group select {
    border: none;
    background-color: transparent;
    font-size: 13px;
    padding: 12px 0
}

#product-category #content h2+.row+hr {
    display: none
}

#product-search #content h2+.row .col-md-2+.col-md-3 {
    text-align: right
}

#product-category #content>.row>.col-sm-2>img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 3px;
    border: solid 1px var(--body-border-color)
}

#product-category #column-left .swiper-viewport {
    box-shadow: none;
    border: solid 1px var(--body-border-color);
    border-radius: 3px
}

#product-category #column-left .swiper-viewport img {
    border-radius: 3px
}

#product-category #content .row .text-right {
    font-size: 13px;
    padding: 27px 15px 0;
    margin-bottom: 27px
}

.category-refine-col {
    margin-bottom: 30px
}

.category-refine-col ul {
    list-style: none;
    padding: 0
}

.category-refine-col ul li {
    font-size: 16px
}

.category-refine-col ul li a {
    display: block;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 30px;
    color: #1D1D1D;
    border: solid 1px #1D1D1D;
    transition: all ease-in .2s
}

.category-refine-col ul li a:hover,
.category-refine-col ul li a:focus {
    color: #fff;
    background-color: #1D1D1D
}

.pagination {
    margin: 20px 0 0;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500
}

.pagination>li>a,
.pagination>li>span {
    border: none;
    color: var(--text-color);
    width: 30px;
    height: 33px;
    border-radius: 3px;
    transition: all ease-in .2s;
    text-align: center;
    margin-right: 5px;
    padding: 8px;
    background-color: transparent
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: var(--blue-color)
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: var(--blue-color);
    background-color: transparent
}

.display-control {
    margin-bottom: 30px
}

.list-group {
    border-radius: 3px;
    border: solid 1px var(--body-border-color);
    position: relative;
    background-color: #fff;
    margin-bottom: 15px
}

#filter-list {
    border: none;
    padding: 0 0 !important;
}

#filter-list::before {
    display: none !important;
}

.search-panel {
    background-color: #fff;
}

#product-category .list-group {
    padding: 50px 0 15px;
}

#product-category .list-group:before {
    content: "Категории";
    font-family: Poppins;
    font-size: 19px;
    font-weight: 500;
    color: var(--text-color);
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    padding: 20px
}

.list-group a {
    border: none;
    color: var(--text-color);
    background: none;
    margin: 0 20px;
    padding: 6px 0;
    font-size: 14px;
    transition: all ease-in .2s;
    position: relative
}

.list-group a:last-child {
    border: none
}

.list-group a:hover {
    background: none;
    color: var(--blue-color)
}

.list-group a.active,
.list-group a.active:hover,
.list-group a.active:focus {
    background: none;
    color: var(--blue-color);
    font-weight: 600
}

.carousel-caption {
    color: #FFF;
    text-shadow: 0 1px 0 #1D1D1D00
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome
}

#content .carousel {
    width: 1400px;
    margin: 0 auto;
    border-radius: 0;
    border: solid 1px var(--body-border-color)
}

#content .carousel .swiper-pagination {
    display: none
}

#content .carousel .swiper-slide {
    border-right: 1px solid var(--body-border-color)
}

#content .carousel .swiper-button-next,
#content .carousel .swiper-button-prev {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #bcaea3;
    text-align: center;
    padding: 1px 0 0;
    margin-top: -25px
}

#content .carousel .swiper-button-next:hover,
#content .carousel .swiper-button-prev:hover {
    background-color: var(--blue-color)
}

#content .carousel .swiper-button-next:before,
#content .carousel .swiper-button-prev:before {
    font-size: 25px;
    color: #fff;
    vertical-align: middle
}

#content .carousel:hover .swiper-button-next {
    right: -23px !important;
    opacity: 1
}

#content .carousel:hover .swiper-button-prev {
    left: -23px !important;
    opacity: 1
}

#content .carousel img {
    transition: all ease-in .2s
}

#content .carousel img:hover {
    transform: scale(1.1)
}

#common-home #content h3+.row {
    margin-bottom: 30px
}

.product-layout,
#product-product .col-xs-6 {
    background-color: #fff;
    border: solid 1px var(--body-border-color);
    margin-top: -1px;
    margin-left: -1px
}

.product-list .product-thumb .caption {
    min-height: unset
}

.product-list .product-thumb {
    padding-top: 5px
}

.product-thumb .image {
    margin: 20px 0 0
}

.product-thumb .image a {
    position: relative;
    display: block
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%
}

.product-grid .product-thumb .image {
    float: none
}

@media (min-width: 767px) {
    .product-list .product-thumb .image {
        float: left;
        padding: 0 15px
    }
}

.product-thumb h4 a {
    color: var(--text-color);
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    position: relative
}

.product-thumb h4 a:hover {
    color: var(--blue-color)
}

.product-thumb p {
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    color: var(--body-color-1)
}

.product-thumb .caption {
    padding: 0 20px;
    min-height: 205px
}

.product-list .product-thumb .caption {
    margin-left: 230px
}

.rating a {
    font-size: 13px;
    transition: all ease-in .2s;
    margin: 0 10px
}

.product-thumb .rating {
    padding-bottom: 10px
}

.fa-stack {
    font-size: 8px;
    width: 1.6em;
    margin: -5px 0 0;
    padding: 1px 0 0
}

.fa-star-o {
    color: var(--yellow-color);
    font-size: 15px
}

.fa-star {
    color: var(--yellow-color);
    font-size: 15px
}

.fa-star+.fa-star-o {
    color: var(--yellow-color)
}

h2.price {
    margin: 0
}

.product-thumb .price {
    color: var(--blue-color);
    font-size: 19px;
    font-weight: 400
}

.product-thumb .price-old {
    color: var(--text-color);
    text-decoration: line-through;
    margin-left: 10px;
    font-size: 12px
}

.product-thumb .price-tax {
    color: var(--text-color);
    font-size: 12px;
    display: block
}

.product-thumb .button-group {
    padding: 0 20px 15px;
    display: inline-block;
    width: 100%
}

.product-thumb .button-group button {
    transition: all ease-in .2s;
    background: none;
    border: none
}

.product-thumb .button-group button:first-child {
    background-color: var(--main-color);
    border-radius: 3px;
    color: #fff;
    float: right;
    padding: 7px 20px 9px;
    margin: -6px 0 0
}

.product-thumb .button-group button:first-child:hover,
.product-thumb .button-group button:first-child:focus {
    background-color: var(--blue-color);
    color: #fff
}

.product-thumb .button-group button:first-child .fa-shopping-cart:before {
    content: "В корзину";
    font-family: Inter;
    font-size: 13px;
    font-weight: 600
}

.product-thumb .button-group button:first-child span {
    display: none
}

.product-thumb .button-group button+button {
    width: auto;
    float: left;
    margin: 0 30px 0 0
}

.product-thumb .button-group button:hover {
    text-decoration: none;
    cursor: pointer;
    color: var(--blue-color)
}

#content .swiper-viewport {
    box-shadow: none;
    margin-top: 0
}

#product-product #content>.row>.col-sm-8 {
    width: 60%
}

#product-product #content>.row>.col-sm-4 {
    width: 40%;
    background-color: #fff;
    border: solid 1px var(--body-border-color);
    border-radius: 3px;
    padding: 10px 20px
}

#product-product #content>.row>.col-sm-4 .btn-group {
    margin-bottom: 10px
}

#product-product #content>.row>.col-sm-4 .btn-group .btn {
    background: none;
    border: none;
    margin-right: 10px;
    padding: 15px;
    color: var(--text-color)
}

#product-product #content>.row>.col-sm-4 .btn-group .btn:hover,
#product-product #content>.row>.col-sm-4 .btn-group .btn:focus {
    color: var(--blue-color)
}

#product-product #content>.row+h3+.row {
    margin: 0
}

#product-product h1:before {
    display: none
}

#product-product h1+ul li {
    font-size: 14px;
    color: var(--text-color)
}

#product-product h1+ul li a {
    font-size: 12px;
    text-transform: uppercase
}

#product-product h1+ul li a:hover,
#product-product h1+ul li a:focus {
    text-decoration: underline
}

#product-product h1+ul+ul li h2 {
    font-size: 23px;
    border: none;
    padding: 0;
    margin: 5px 0;
    color: var(--blue-color)
}

#product .form-group>label[for="input-quantity"],
#product .form-group>input[name="quantity"] {
    float: left;
    width: auto
}

#product .form-group>label[for="input-quantity"] {
    margin: 13px 10px 0 0
}

#product .form-group>input[name="quantity"] {
    text-align: center;
    width: auto;
    margin-bottom: 15px
}

#product .form-group>label {
    float: left;
    width: 100%
}

#product .input-group-btn .btn-default {
    padding: 12px 30px
}

#product-product h1+ul+ul li h2:before {
    display: none
}

#button-cart {
    font-size: 14px;
    margin-bottom: 20px;
    background-color: var(--blue-color);
    color: #fff
}

#button-cart:hover,
#button-cart:focus {
    background-color: var(--btn2-hover-color);
    color: #fff
}

.thumbnails {
    background-color: #fff;
    border: solid 1px var(--body-border-color);
    border-radius: 3px;
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0
}

.image-additional {
    float: left;
    margin-left: 20px;
    max-width: 78px
}

.thumbnail {
    border: none
}

.image-additional>a.thumbnail {
    border: solid 2px #fff;
    margin-bottom: 20px;
    padding: 5px;
    display: block;
    border-radius: 3px
}

.image-additional>a.thumbnail.active,
.image-additional>a.thumbnail:focus,
.image-additional>a.thumbnail:hover {
    border-color: var(--blue-color)
}

.nav-tabs {
    border: solid 1px var(--body-border-color);
    background-color: #fff;
    border-radius: 3px 3px 0 0;
    margin: 15px 0 0
}

.nav-tabs>li {
    font-size: 14px;
    margin-bottom: 0
}

.nav-tabs li,
.nav-tabs li a {
    color: var(--text-color);
    background: none
}

.nav-tabs li a {
    padding: 15px 20px;
    border: none;
    border-radius: 0;
    margin: 0
}

.nav-tabs li a:hover,
.nav-tabs li a:focus {
    background-color: var(--blue-color);
    color: #fff;
    border: none
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    background-color: var(--main-color);
    color: #fff;
    border: none
}

.tab-content {
    padding: 30px;
    border-radius: 0 0 3px 3px;
    border: solid 1px var(--body-border-color);
    background-color: #fff;
    margin-bottom: 30px;
    margin-top: -1px
}

.tab-pane p,
#tab-description ul li,
#tab-description div {
    font-size: 15px;
    line-height: 1.8
}

#tab-description p>font,
#tab-description p>font>font {
    font-size: 15px
}

#form-review label {
    margin-bottom: 10px
}

#form-review label:before {
    left: -10px
}

#form-review div:nth-of-type(2n+1) {
    font-size: 13px
}

#review>.row>.col-sm-6 {
    font-size: 14px
}

#form-review input[type="radio"] {
    margin: 0 0 -4px
}

.product-price-old {
    font-size: 30px;
    color: #6a6a6a
}

#button-upload222:hover,
#button-upload222:focus {
    background-color: var(--btn1-hover-color);
    color: #fff
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td span.active {
    background-color: var(--blue-color) !important;
    color: #fff !important;
    text-shadow: none !important;
    font-weight: 700
}

.bootstrap-datetimepicker-widget a[data-action] {
    color: var(--blue-color)
}

.bootstrap-datetimepicker-widget a[data-action]:hover {
    background: none
}

.picker-switch .btn {
    background-color: var(--main-color);
    padding: 8px 20px;
    margin: 10px 0
}

.picker-switch .btn:hover,
.picker-switch .btn:focus {
    background-color: var(--btn1-hover-color);
    color: #fff
}

.bootstrap-datetimepicker-widget td span {
    transition: all ease-in .2s
}

#tab-specification .table thead+tbody tr td:first-child {
    border-bottom: none
}

#tab-specification .table thead+tbody tr td:last-child {
    border-bottom: none
}

#tab-specification .table tbody:last-child tr:last-child td {
    border-bottom: var(--body-border-color) solid 1px
}

#checkout-cart .table-responsive table {
    margin-bottom: 40px
}

#checkout-cart table.table>tbody>tr>td:last-child {
    font-weight: 600
}

#checkout-cart table.table>tbody>tr:last-child>td:first-child {
    border-bottom-left-radius: 3px
}

#checkout-cart table.table>tbody>tr:last-child>td:last-child {
    border-bottom-right-radius: 3px
}

#checkout-cart table.table>tbody>tr>td:first-child>a {
    display: block
}

#checkout-cart table.table>tbody>tr>td:nth-child(2)>a,
#product-compare .table thead+tbody>tr>td a {
    color: var(--text-color);
    font-weight: 600
}

#checkout-cart table.table>tbody>tr>td:nth-child(2)>a:hover,
#product-compare .table thead+tbody>tr>td a:hover,
#information-sitemap #content ul li a:hover {
    color: var(--blue-color)
}

#checkout-cart table.table>tbody>tr>td:nth-child(2)>small {
    font-size: 13px
}

#checkout-cart table.table>tbody>tr>td:nth-child(3) {
    vertical-align: middle
}

#checkout-cart table.table>tbody>tr>td:nth-child(4) {
    width: 16%;
    padding-top: 8px;
    vertical-align: middle
}

#checkout-cart table.table>tbody>tr>td:nth-child(4) .input-group-btn {
    margin: 4px 0 0
}

#checkout-cart table.table>tbody>tr>td:nth-child(5) {
    font-weight: 600;
    color: var(--blue-color)
}

#checkout-cart table.table>tbody>tr>td:nth-child(5),
#checkout-cart table.table>tbody>tr>td:last-child {
    width: 10%;
    vertical-align: middle
}

#checkout-cart table.nowidth-table>tbody>tr>td:last-child {
    width: 35%;
}


#checkout-cart table.table>tbody>tr>td:nth-child(4) .btn.btn-danger {
    padding: 17px 18px 13px
}

#checkout-cart table.table>tbody>tr>td:nth-child(4) .btn.btn-danger .fa-times-circle:before {
    content: "Удалить";
    font-family: Inter;
    font-size: 13px
}

#checkout-cart table.table>tbody>tr>td:nth-child(4) .btn {
    background: none;
    border: none;
    color: var(--text-color);
    box-shadow: none;
    text-shadow: none
}

#checkout-cart table.table>tbody>tr>td:nth-child(4) .btn:hover,
#checkout-cart table.table>tbody>tr>td:nth-child(4) .btn:focus {
    color: var(--blue-color)
}

#checkout-cart table.table>thead>tr>td:nth-child(5),
#checkout-cart table.table>thead>tr>td:nth-child(6),
#checkout-cart table.table>tbody>tr>td:nth-child(5),
#checkout-cart table.table>tbody>tr>td:nth-child(6) {
    text-align: center !important
}

#checkout-cart table.table>tbody>tr>td .input-group .form-control[name^="quantity"] {
    width: 55px;
    text-align: center;
    padding: 6px 10px;
    margin: 4px 0 0
}

#checkout-cart #accordion {
    margin-top: 20px
}

.panel {
    box-shadow: none
}

.panel-group .panel {
    background-color: var(--bg-color);
    border-radius: 3px !important
}

.panel>.panel-heading {
    background-color: #fff;
    border: none;
    color: var(--text-color);
    border-radius: 3px
}

.panel-group .panel,
.panel-heading {
    border-radius: 3px;
    box-shadow: none
}

.panel-heading {
    padding: 15px
}

.panel-title {
    font-size: 14px
}

.panel-title>a {
    display: inline-block;
    width: 100%
}

.panel-group .panel+.panel {
    margin-top: 10px
}

.panel-collapse {
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

#collapse-coupon label {
    padding-top: 12px
}

#checkout-cart .panel .btn {
    color: #fff;
    background: var(--main-color);
    padding: 12px 30px
}

#button-quote {
    float: right
}

#checkout-cart .panel .btn:hover,
#checkout-cart .panel .btn:focus {
    background-color: var(--btn1-hover-color)
}

#checkout-cart>.row>#content>.buttons>.pull-left>a.btn {
    background-color: var(--btn1-hover-color)
}

#checkout-cart>.row>#content>.buttons>.pull-left>a.btn:hover,
#checkout-cart>.row>#content>.buttons>.pull-left>a.btn:focus {
    background-color: var(--main-color)
}

#collapse-voucher label {
    padding-top: 5px
}

#checkout-cart #accordion {
    margin-bottom: 0
}

#checkout-cart #accordion+br+.row table.table>tbody>tr>td {
    white-space: normal;
    vertical-align: middle
}

#checkout-cart #accordion+br+.row table.table>tbody>tr>td:last-child {
    font-weight: 500;
    font-size: 17px
}

#checkout-cart #accordion+br+.row table.table>tbody>tr>td>strong {
    font-weight: 500 !important
}

#checkout-cart #accordion+br+.row table.table>tbody>tr:first-child>td:first-child {
    border-top: solid 1px var(--body-border-color);
    border-top-left-radius: 3px
}

#checkout-cart #accordion+br+.row table.table>tbody>tr:first-child>td:last-child {
    border-top: solid 1px var(--body-border-color);
    border-top-right-radius: 3px
}

#checkout-cart .buttons {
    margin-top: 20px
}

#checkout-cart .buttons .pull-right .btn {
    width: 436px
}

#checkout-cart #accordion+br+.row .table {
    margin-bottom: 0
}

.panel-body {
    padding: 30px
}

#collapse-checkout-option .radio {
    margin: 15px 0
}

#collapse-checkout-option .col-sm-6>h2+p {
    font-size: 20px
}

#collapse-checkout-option .col-sm-6 .form-group>a {
    margin: 10px 0 0;
    display: inline-block;
    font-size: 14px
}

#checkout-checkout .panel-body .checkbox {
    float: left;
    margin-top: 10px;
    width: 100%
}

#checkout-checkout .panel-body .buttons input[type="checkbox"] {
    float: left;
    margin-top: 0;
    margin-left: 0;
    margin-right: 8px
}

#checkout-checkout .panel-body .buttons input[type="checkbox"]:before {
    content: ""
}

#checkout-checkout .panel-body .buttons {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

#checkout-checkout .panel-body .buttons .pull-right {
    width: 100%;
    font-size: 14px
}

#checkout-checkout .panel-body .buttons .pull-right #button-register {
    float: right;
    margin: -16px 0 0
}

#checkout-checkout .table tbody tr td a {
    border: none
}

#collapse-checkout-option .panel-body h2 {
    margin: 0 0 10px
}

#collapse-payment-address>.panel-body>.row>.col-sm-6:first-child>fieldset#account+fieldset {
    margin: 35px 0 0
}

#payment-existing,
#shipping-existing {
    margin-bottom: 10px
}

#collapse-payment-address .form-horizontal br,
#collapse-shipping-address .form-horizontal br {
    display: none
}

input#button-payment-address,
input#button-payment-method,
input#button-guest,
input#button-shipping-address,
input#button-shipping-method,
input#button-confirm {
    float: right
}

#collapse-payment-method strong {
    font-weight: 500
}

#collapse-checkout-confirm table {
    margin: 0
}

#collapse-checkout-confirm table thead tr td:nth-child(3) {
    width: 10%;
    text-align: center
}

#collapse-checkout-confirm table thead tr td:first-child {
    width: 38%
}

#collapse-checkout-confirm table tbody tr td:nth-child(3) {
    text-align: center
}

#collapse-checkout-confirm table tbody tr td:nth-child(4) {
    font-weight: 600;
    color: var(--blue-color)
}

#collapse-checkout-confirm table tbody tr td:last-child {
    font-weight: 600
}

#collapse-checkout-confirm table tfoot tr td {
    border: none
}

#collapse-checkout-confirm table tfoot tr td:last-child {
    font-size: 17px;
    font-weight: 500
}

#collapse-checkout-confirm table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 3px
}

#collapse-checkout-confirm table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 3px
}

#collapse-shipping-method p strong {
    font-weight: 500
}

#account-login {
    min-height: 700px
}

#account-login .well {
    min-height: 397px
}

#account-login .well p+p {
    margin-bottom: 20px
}

#account-login #column-right .list-group {
    margin-top: 0
}

#account-login #content>.row>.col-sm-6:first-child .well {
    display: flex;
    flex-direction: column
}

#account-login #content>.row>.col-sm-6:first-child .well p+p {
    flex-grow: 1
}

#account-register #column-right .list-group {
    margin-top: 91px
}

#account-account #column-right .list-group {
    margin-top: 47px
}

#account-register .form-horizontal .buttons {
    margin: 0;
    display: inline-block;
    width: 100%
}

#account-register .form-horizontal .buttons .pull-right {
    width: 100%
}

#account-register .form-horizontal .buttons .pull-right input[type=checkbox] {
    float: left;
    margin: 0 10px 0 0
}

#account-register .form-horizontal .buttons .pull-right input.btn {
    float: right;
    margin: -12px 0 0
}

.form-horizontal .control-label {
    text-align: left;
    position: relative
}

#account-register label.col-sm-2 {
    width: 12%
}

#account-register label.col-sm-2+div.col-sm-10 {
    width: 88%
}

body>.container+.container>.row>#content>h2 {
    margin-top: 0
}

#column-right .list-group a {
    padding: 10px 20px;
    margin: 0
}

#column-right .list-group .list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

#column-right .list-group .list-group-item:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

#column-right .list-group a:hover,
#column-right .list-group a:focus {
    background-color: var(--blue-color);
    color: #fff
}

.agree b {
    font-weight: 400
}

#account-address h2,
#account-wishlist h2,
#account-download h2,
#account-order h2 {
    font-size: 30px
}

#account-account h2+ul {
    padding: 10px 20px;
    background-color: #fff;
    border: solid 1px var(--body-border-color);
    border-radius: 3px;
    margin-bottom: 20px
}

#account-account #content .list-unstyled li {
    line-height: 2
}

#account-account #content .list-unstyled li a {
    color: var(--text-color)
}

#account-account #content .list-unstyled li a:hover,
#account-account #content .list-unstyled li a:focus {
    color: var(--blue-color)
}

#account-account #content h2:first-child {
    margin-top: 0
}

#account-return .btn.btn-default {
    padding: 12px 30px
}

#account-forgotten .btn.btn-default:hover,
#account-forgotten .btn.btn-default:focus,
#account-edit .btn.btn-default:hover,
#account-edit .btn.btn-default:focus,
#account-password .btn.btn-default:hover,
#account-password .btn.btn-default:focus,
#account-password .btn.btn-default:hover,
#account-address .btn.btn-default:focus,
#account-return .buttons .btn.btn-default:hover,
#account-return .buttons .btn.btn-default:focus,
#account-newsletter .buttons .btn-default:hover,
#account-newsletter .buttons .btn-default:focus {
    background-color: var(--btn1-hover-color) !important
}

#account-wishlist .table .btn,
#account-order .table .btn-info,
#account-order div.table-responsive .table .btn,
#account-return .table .btn,
#account-download .table .btn {
    background: none;
    border: none;
    color: var(--text-color)
}

#account-wishlist .table .btn-primary:hover,
#account-wishlist .table .btn-primary:focus,
#account-order .table .btn-primary:hover,
#account-order .table .btn-primary:focus,
#account-return .table .btn:hover,
#account-return .table .btn:focus,
#account-download .table .btn:hover,
#account-download .table .btn:focus {
    color: var(--blue-color) !important
}

#account-wishlist .table .btn-danger:hover,
#account-wishlist .table .btn-danger:focus {
    color: var(--red-color)
}

#account-edit #content,
#account-register #content,
#account-forgotten #content,
#account-password #content,
#account-address #content,
#account-wishlist #content,
#account-order #content,
#account-download #content,
#account-recurring #content,
#account-reward #content,
#account-return #content,
#account-transaction #content,
#account-newsletter #content,
#common-success #content,
#account-affiliate #content,
#account-voucher #content {
    background-color: #fff;
    border: solid 1px var(--body-border-color);
    padding: 30px;
    border-radius: 3px;
    margin: 0 15px;
    width: 72%;
    min-height: unset
}

#information-information #content,
#information-sitemap #content,
#information-contact #content,
#product-manufacturer #content {
    background-color: #fff;
    border: solid 1px var(--body-border-color);
    padding: 30px;
    border-radius: 3px;
    margin: 0 15px
}

#account-order .table .btn-info,
#account-return .table .btn,
#account-download .table .btn {
    padding: 0 10px;
    display: block;
    margin: 0 auto
}

#account-order .table .btn-info:hover,
#account-order .table .btn-info:focus,
#account-order div.table-responsive .table .btn-danger:hover,
#account-order div.table-responsive .table .btn-danger:focus {
    color: var(--blue-color) !important
}

#account-wishlist .table .btn-danger,
#account-order div.table-responsive .table .btn-danger {
    color: var(--text-color)
}

#account-wishlist .table .btn-danger:hover,
#account-wishlist .table .btn-danger:focus {
    color: var(--red-color)
}

#account-wishlist .table .btn .fa,
#account-order .table .btn-info .fa,
#account-order div.table-responsive .table .btn .fa,
#account-download .table .btn .fa {
    font-size: 20px
}

#account-wishlist .table .btn .fa.fa-times:before {
    content: "\f057"
}

#account-wishlist .table>thead>tr>td:first-child,
#account-wishlist .table>thead>tr>td:nth-child(4),
#checkout-cart table.table>thead>tr>td:first-child {
    width: 10%
}

#account-wishlist .table>thead>tr>td:nth-child(5) {
    width: 15%
}

#account-wishlist .table>thead>tr>td:last-child {
    width: 16%;
    text-align: center
}

#account-order h2+.table+.table+.table-responsive .table>tbody>tr:last-child>td:first-child,
#account-order h2+.table+.table+.table-responsive .table>tbody>tr:last-child>td:last-child {
    border-radius: 0
}

#account-order h1+div.table-responsive .table thead tr td:first-child,
#account-order h1+div.table-responsive .table tbody tr td:first-child,
#account-order h1+div.table-responsive .table tbody tr td:nth-child(3),
#account-order .table+div.table-responsive .table thead tr td,
#account-order .table+div.table-responsive .table tbody tr td,
#account-order .table+div.table-responsive .table tfoot tr td:nth-child(3),
#account-return h1+div.table-responsive .table thead tr td,
#account-return h1+div.table-responsive .table tbody tr td,
#account-reward .table thead tr td:last-child,
#account-reward .table tbody tr td:last-child,
#account-download .table thead tr td:first-child,
#account-download .table tbody tr td:first-child,
#account-download .table thead tr td:nth-child(3),
#account-download .table tbody tr td:nth-child(3),
#account-download .table thead tr td:nth-child(4),
#account-download .table tbody tr td:nth-child(4) {
    text-align: center
}

#account-order .table+div.table-responsive .table tbody tr td:first-child,
#account-order .table+div.table-responsive .table tbody tr td:nth-child(2),
#account-order .table+div.table-responsive .table thead tr td:first-child,
#account-order .table+div.table-responsive .table thead tr td:nth-child(2),
#account-return h1+div.table-responsive .table thead tr td:nth-child(2),
#account-return h1+div.table-responsive .table tbody tr td:nth-child(2) {
    text-align: left
}

#account-order .table+div.table-responsive .table thead tr td:first-child {
    width: auto
}

#account-order .table+div.table-responsive .table thead tr td:nth-child(2),
#account-order div.table-responsive+h3+.table thead tr td:nth-child(2),
#account-address h2+div.table-responsive>.table tbody tr td:last-child {
    width: 1%
}

#account-order div.table-responsive+h3+.table thead tr td:last-child {
    width: auto
}

#account-address h2+.table-responsive>.table>tbody>tr:first-child>td {
    border-top: solid 1px var(--body-border-color)
}

#account-address h2+.table-responsive>.table>tbody>tr:first-child>td:first-child {
    border-radius: 3px 0 0 0
}

#account-address h2+.table-responsive>.table>tbody>tr:first-child>td:last-child {
    border-radius: 0 3px 0 0
}

#account-order .buttons,
#account-reward .buttons,
#account-transaction .buttons,
#account-return .buttons,
#account-download .buttons {
    margin-top: 20px
}

#account-order div.table-responsive .table tfoot tr td:nth-child(3) {
    font-size: 17px;
    text-align: left;
    font-weight: 500
}

#account-order div.table-responsive .table tfoot tr td:first-child {
    border-left: solid 1px var(--body-border-color)
}

#account-order div.table-responsive .table tfoot tr td:last-child {
    border-right: solid 1px var(--body-border-color)
}

#account-order div.table-responsive .table tfoot tr:last-child td:nth-child(3) {
    font-size: 17px;
    font-weight: 500
}

#account-order .table-responsive+.row>.text-right,
#account-download .table-responsive+.row>.text-right,
#account-reward .table-responsive+.row>.text-right,
#account-return .table-responsive+.row>.text-right,
#account-transaction .table-responsive+.row>.text-right {
    font-size: 13px
}

#account-newsletter label.col-sm-2 {
    width: 10%;
    text-align: left
}

#account-voucher .buttons .pull-right,
#account-affiliate .buttons .pull-right {
    width: 100%;
    padding: 20px 0 0
}

#account-voucher .buttons .pull-right input[type=checkbox],
#account-affiliate .buttons .pull-right input[type=checkbox] {
    float: left;
    margin-top: 0;
    margin-left: 0
}

#account-voucher .buttons .pull-right .btn,
#account-affiliate .buttons .pull-right .btn {
    float: right;
    margin-top: -14px
}

#product-compare .table thead tr td,
#product-compare .table tbody tr td {
    white-space: unset
}

#product-compare .table tbody tr td:first-child {
    width: 8%
}

#product-compare .table>tbody>tr>td a strong {
    font-weight: 500
}

#product-compare .table>tbody>tr>td.rating .fa-stack {
    margin: -5px 0 0
}

#product-compare .table>tbody>tr>td>.btn-danger {
    margin-top: 10px
}

.modal-dialog {
    margin: 25% auto 0
}

.modal-content {
    border: none;
    box-shadow: 0 0 50px rgba(0, 0, 0, .3);
    border-radius: 3px;
    padding: 30px
}

.modal-header,
.modal-footer {
    border: none
}

.modal-header {
    padding: 15px 0
}

.modal-body {
    border-radius: 3px;
    background-color: #f5f5f5
}

.modal-footer {
    padding: 15px 0
}

.modal-footer .btn-default {
    background: var(--main-color);
    color: #fff
}

.modal-footer .btn-default:hover,
.modal-footer .btn-default:focus {
    background-color: var(--btn1-hover-color);
    color: #fff
}

#information-information img {
    width: 100% !important
}

#product-manufacturer #content h1+p {
    display: inline-block;
    width: 100%
}

#product-manufacturer #content h1+p>strong {
    float: left;
    margin: 2px 10px 0 0;
    font-weight: 500
}

#product-manufacturer #content h1+p>a {
    font-size: 16px;
    background: var(--main-color);
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
    display: block;
    float: left;
    margin: 0 10px 0 0
}

#product-manufacturer #content h1+p>a:hover,
#product-manufacturer #content h1+p>a:focus {
    background-color: var(--blue-color)
}

#product-manufacturer #content h2 {
    border-bottom: solid 1px var(--body-border-color);
    padding-bottom: 10px
}

#product-manufacturer #content .row {
    margin-bottom: 30px
}

#product-manufacturer #content .row>.col-sm-3 {
    width: 12%
}

#product-manufacturer #content .row>.col-sm-3>a {
    font-size: 13px;
    background-color: var(--blue-color);
    color: #fff;
    border-radius: 3px;
    padding: 6px 15px;
    display: inline-block;
    margin-bottom: 8px;
    text-align: center;
    width: 100%
}

#product-manufacturer #content .row>.col-sm-3>a:hover,
#product-manufacturer #content .row>.col-sm-3>a:focus {
    background-color: var(--btn2-hover-color)
}

#product-manufacturer #content .row {
    padding: 5px 0
}

#information-sitemap #content>.row .col-sm-6>ul {
    padding-left: 0;
    list-style-position: inside
}

#information-sitemap #content>.row .col-sm-6>ul>li {
    font-weight: 600;
    background: var(--bg-color);
    margin-bottom: 15px;
    border-radius: 3px;
    padding: 10px 20px;
    list-style: none;
    border: solid 1px var(--body-border-color)
}

#information-sitemap #content>.row .col-sm-6>ul>li>ul>li {
    font-weight: 400
}

#information-sitemap #content ul li {
    font-size: 15px;
    line-height: 1.8
}

#information-sitemap #content ul li a {
    color: var(--text-color)
}

#information-contact .panel-default {
    border: none
}

#information-contact .panel-default strong {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
    padding: 3px 0 0 40px;
    margin-bottom: 20px
}

#information-contact .panel-default .col-sm-3 {
    font-size: 14px
}

#information-contact .panel-default .col-sm-3 strong:before {
    content: '';
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

#information-contact .panel-default .col-sm-3:first-child strong:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%23ff6128"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons,Inc.--><path d="M547.6 103.8L490.3 13.1C485.2 5 476.1 0 466.4 0L109.6 0C99.9 0 90.8 5 85.7 13.1L28.3 103.8c-29.6 46.8-3.4 111.9 51.9 119.4c4 .5 8.1 .8 12.1 .8c26.1 0 49.3-11.4 65.2-29c15.9 17.6 39.1 29 65.2 29c26.1 0 49.3-11.4 65.2-29c15.9 17.6 39.1 29 65.2 29c26.2 0 49.3-11.4 65.2-29c16 17.6 39.1 29 65.2 29c4.1 0 8.1-.3 12.1-.8c55.5-7.4 81.8-72.5 52.1-119.4zM499.7 254.9c0 0 0 0-.1 0c-5.3 .7-10.7 1.1-16.2 1.1c-12.4 0-24.3-1.9-35.4-5.3L448 384l-320 0 0-133.4c-11.2 3.5-23.2 5.4-35.6 5.4c-5.5 0-11-.4-16.3-1.1l-.1 0c-4.1-.6-8.1-1.3-12-2.3L64 384l0 64c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-64 0-131.4c-4 1-8 1.8-12.3 2.3z"/></svg>');
    width: 30px
}

#information-contact .panel-default .col-sm-3:nth-child(2) strong:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ff6128"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons,Inc.--><path d="M280 0C408.1 0 512 103.9 512 232c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184c-13.3 0-24-10.7-24-24s10.7-24 24-24zm8 192a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-32-72c0-13.3 10.7-24 24-24c75.1 0 136 60.9 136 136c0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88c-13.3 0-24-10.7-24-24zM117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7L345 318.7c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512C200.6 512 0 311.4 0 64C0 46 12.1 30.2 29.5 25.4l88-24z"/></svg>')
}

#information-contact .panel-default .col-sm-3:last-child strong:first-child:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ff6128"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons,Inc.--><path d="M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z"/></svg>')
}

#information-contact .panel-default .col-sm-3:last-child br+strong:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ff6128"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons,Inc.--><path d="M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4c0 0 0 0 0 0s0 0 0 0s0 0 0 0c0 0 0 0 0 0l.3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"/></svg>')
}

#information-contact .panel-default address {
    line-height: 1.8;
    margin-bottom: 10px;
    font-size: 14px
}

#information-contact .panel-default .panel-body {
    padding: 30px 25px;
    background-color: var(--bg-color);
    border-radius: 3px;
    border: solid 1px var(--body-border-color)
}

#information-contact legend {
    font-size: 20px;
    border-bottom: none
}

#product-search #content>.row>.col-sm-3+.col-sm-3 {
    padding-top: 13px
}

#product-search #content>.row>.col-sm-3+.col-sm-3 .checkbox-inline,
#product-search #content>.row>.col-sm-4>#input-search {
    margin-bottom: 10px
}

#product-search #content>p>label>input {
    margin-top: 8px
}

#product-search #button-search {
    margin-bottom: 30px
}

#product-search #content .row>.text-right {
    font-size: 14px
}

#product-search #content h2+.row {
    margin: 0 4px 0 auto;
    border-radius: 3px 3px 0 0
}

#product-search #content h2+.row+.row {
    margin: 0 auto 10px 1px
}

#product-search #content h2+.row+.row+.row {
    margin-right: -13px
}

@media (min-width: 1200px) {

    #content .col-lg-2:nth-child(6n+1),
    #content .col-lg-3:nth-child(4n+1),
    #content .col-lg-4:nth-child(3n+1),
    #content .col-lg-6:nth-child(2n+1) {
        clear: left
    }

    #top .pull-left,
    #top .pull-right {
        width: auto
    }
}

@media (max-width: 1600px) {
    header>.container>.row {
        width: 1170px;
        margin: 0 auto
    }

    .product-thumb .button-group button+button {
        margin: 0 20px 0 0
    }

    #content .carousel {
        width: 1120px
    }

    #collapse-coupon label,
    #collapse-voucher label {
        padding-top: 5px
    }

    #account-register label.col-sm-2 {
        width: 14%
    }

    #account-register label.col-sm-2+div.col-sm-10 {
        width: 86%
    }

    #account-wishlist .table>thead>tr>td:last-child {
        width: 20%
    }

    #account-wishlist .table>thead>tr>td:nth-child(4) {
        width: 12%
    }

    #checkout-cart .buttons .pull-right .btn {
        width: 360px
    }

    #product-manufacturer #content .row>.col-sm-3 {
        width: 20%
    }
}

@media (max-width: 1200px) {
    #content .carousel {
        width: 960px
    }

    #top .container {
        width: 100%
    }

    header>.container>.row {
        width: auto
    }

    header .col-sm-4 {
        padding-left: 0
    }

    header .col-sm-3 {
        padding-right: 0
    }

    #logo img {
        max-width: 75%
    }

    #collapse-voucher label {
        padding-top: 0
    }

    #account-register label.col-sm-2 {
        width: 18%
    }

    #account-register label.col-sm-2+div.col-sm-10 {
        width: 82%
    }

    #account-wishlist .table>thead>tr>td:last-child {
        width: 24%
    }

    #account-wishlist .table>thead>tr>td:nth-child(4) {
        width: 15%
    }

    #account-newsletter label.col-sm-2 {
        width: 14%
    }

    .product-thumb .caption {
        min-height: 215px;
        padding: 0 10px
    }

    .product-thumb .button-group {
        padding: 0 0 10px
    }

    .product-thumb .button-group button:first-child {
        width: 100%
    }

    .product-thumb .button-group button+button {
        width: 50%;
        margin: 10px 0 0
    }

    #checkout-cart .buttons .pull-right .btn {
        width: 293px
    }

    #account-edit #content,
    #account-register #content,
    #account-forgotten #content,
    #account-password #content,
    #account-address #content,
    #account-wishlist #content,
    #account-order #content,
    #account-download #content,
    #account-recurring #content,
    #account-reward #content,
    #account-return #content,
    #account-transaction #content,
    #account-newsletter #content,
    #common-success #content,
    #account-affiliate #content,
    #account-voucher #content {
        width: 71%
    }
}

@media (max-width: 992px) {
    header>.container>.row>.col-sm-5 {
        width: 55%
    }

    header>.container>.row>.col-sm-3 {
        width: 25%
    }

    #content .carousel {
        width: 720px
    }

    #list-view,
    #grid-view {
        padding: 17px 17px 14px
    }

    .display-control-listgrid,
    .display-control-compare {
        margin-bottom: 20px
    }

    .display-control-compare {
        text-align: right
    }

    #product-category .text-left,
    #product-category .text-right {
        width: 100%;
        text-align: center
    }

    #product-category #content h3+.row+.row,
    #product-category #content h2+.row {
        margin-right: -13px
    }

    #product-category #content h3+.row+.row .col-md-3,
    #product-category #content h2+.row .col-md-3 {
        text-align: right
    }

    #product-category #content h3+.row+.row .col-xs-6,
    #product-category #content h2+.row .col-xs-6,
    #product-search #content h2+.row .col-xs-6 {
        width: 100%
    }

    #product-category #content h2+.row .col-md-4,
    #product-search #content h2+.row .col-md-4 {
        margin-bottom: 10px
    }

    #checkout-cart table.table img {
        height: auto
    }

    #checkout-cart table.table>tbody>tr>td:first-child>a {
        width: auto
    }

    #collapse-coupon label {
        padding-top: 0
    }

    #checkout-cart #content .col-sm-offset-8 {
        margin-left: 0;
        width: 100%
    }

    #account-register label.col-sm-2 {
        width: 22%
    }

    #account-register label.col-sm-2+div.col-sm-10 {
        width: 78%
    }

    #account-newsletter label.col-sm-2 {
        width: 16%
    }

    #product-compare #content .table {
        overflow-x: auto;
        display: inline-block
    }

    #account-voucher .buttons .pull-right .btn,
    #account-affiliate .buttons .pull-right .btn {
        float: left;
        clear: both;
        margin-top: 20px
    }

    #account-login .well {
        min-height: 456px
    }

    #checkout-cart .buttons .pull-right .btn {
        width: 100%
    }

    #product-manufacturer #content .row>.col-sm-3 {
        width: 25%
    }
}

@media (max-width: 768px) {
    header .row {
        display: block
    }

    header>.container>.row>.col-sm-3,
    header>.container>.row>.col-sm-4,
    header>.container>.row>.col-sm-5 {
        width: 100%;
        padding: 0 15px;
        min-height: unset
    }

    #common-home #content h3+.row {
        width: auto;
        margin: 0 15px 30px
    }

    #product-category #content h3+.row+.row,
    #product-category #content h3+.row+.row+.row,
    #product-category #content h3+.row+.row+.row+.row,
    #product-category #content h2+.row,
    #product-search #content h2+.row,
    #product-search #content h2+.row+.row {
        width: auto;
        margin: 0
    }

    #product-search #content h2+.row+.row {
        margin-bottom: 20px
    }

    #product-category #content h3+.row+.row,
    #product-search #content h2+.row,
    #product-category #content h3+.row+.row+.row+.row {
        margin-left: -1px;
        margin-right: 1px
    }

    #product-category #content h3+.row+.row+.row+.row {
        margin-top: -1px
    }

    #content .carousel {
        width: auto;
        margin: 0 20px
    }

    #logo {
        margin: 0;
        text-align: center
    }

    #logo img {
        max-width: 150px;
        display: inline-block;
        margin: 0 0 20px
    }

    #search {
        margin-bottom: 20px
    }

    #cart {
        text-align: center
    }

    #cart .dropdown-menu .table>tbody>tr>td,
    #account-return .table>tbody>tr>td:first-child {
        width: 1% !important
    }

    #cart .dropdown-menu .table-striped>tbody>tr>td:nth-child(2) {
        width: 5%
    }

    #menu {
        border-radius: 3px
    }

    #menu div.dropdown-inner>ul.list-unstyled {
        display: block
    }

    #menu div.dropdown-menu {
        margin-left: 0 !important;
        padding: 0;
        background-color: #fff;
        box-shadow: none
    }

    #menu .dropdown-inner {
        display: block
    }

    #menu .dropdown-inner a {
        width: 100%;
        color: #1D1D1D
    }

    #menu .see-all {
        margin-top: 0;
        border: none
    }

    .header-logo,
    .header-search {
        width: 100%
    }

    .header-search {
        margin-bottom: 20px
    }

    #product-category #content h3+.row+.row .col-md-3,
    #product-category #content h2+.row .col-md-3 {
        text-align: left;
        margin-bottom: 10px
    }

    #product-category #content h3+.row+.row .col-xs-6,
    #product-category #content h2+.row .col-xs-6 {
        width: 50%;
        margin-bottom: 0
    }

    #product-product #content>.row>.col-sm-8,
    #product-product #content>.row>.col-sm-4,
    #product-product #content>.row>.col-sm-4 .btn-group {
        width: 100%
    }

    #product-product #content>.row>.col-sm-8 .btn-group .btn.btn-default {
        width: auto
    }

    #collapse-coupon label,
    #collapse-voucher label {
        padding-left: 0;
        margin-bottom: 10px
    }

    .panel-body {
        padding: 20px
    }

    #collapse-checkout-option>.panel-body>.row>.col-sm-6:first-child {
        margin-bottom: 30px
    }

    #collapse-payment-address>.panel-body>.row>.col-sm-6:first-child>fieldset#account+fieldset {
        margin: 0
    }

    .alert {
        width: 100%
    }

    .pull-right,
    .pull-left,
    .btn.btn-primary,
    .btn.btn-default {
        width: 100%
    }

    #collapse-payment-method .buttons .pull-right input.btn,
    #account-register .form-horizontal .buttons .pull-right input.btn {
        float: none;
        margin: 20px 0 0
    }

    #checkout-cart>.row>#content>.buttons>.pull-left>a.btn,
    #input-coupon,
    #input-voucher {
        margin-bottom: 10px
    }

    #button-coupon,
    #button-voucher,
    #button-quote {
        margin: 0
    }

    #account-register .form-horizontal fieldset:nth-child(3) .form-group {
        margin-bottom: 5px
    }

    #account-register label.col-sm-2,
    #account-register label.col-sm-2+div.col-sm-10 {
        width: 100%
    }

    #account-forgotten .btn.btn-default,
    #account-edit .btn.btn-default,
    #account-password .btn.btn-default,
    #account-address .btn.btn-default,
    #account-return .btn.btn-default,
    #account-newsletter .buttons .btn-default {
        margin-bottom: 10px
    }

    #cart .dropdown-menu {
        width: 80%;
        margin: 0 auto;
        left: 0
    }

    #cart .dropdown-menu .table td:first-child a {
        width: auto;
        background-color: #fff
    }

    .table .btn {
        width: auto
    }

    #account-order #content>.row>.text-left,
    #account-order #content>.row>.text-right,
    #account-reward #content>.row>.text-left,
    #account-reward #content>.row>.text-right,
    #account-return #content>.row>.text-left,
    #account-return #content>.row>.text-right,
    #account-transaction #content>.row>.text-left,
    #account-transaction #content>.row>.text-right,
    #account-download #content>.row>.text-right {
        text-align: center
    }

    #account-newsletter label.col-sm-2,
    .modal-footer .btn-default {
        width: 100%;
        margin-bottom: 10px
    }

    .table-responsive {
        border: none
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: var(--body-border-color) solid 1px
    }

    .table {
        overflow-x: auto;
        display: inline-block
    }

    .display-control-compare {
        text-align: left !important
    }

    #account-login .well {
        min-height: auto
    }

    #checkout-checkout .panel-body .buttons .pull-right #button-register {
        margin: 10px 0 0
    }

    .product-list .product-thumb .caption {
        min-height: 0;
        margin-left: 0;
        padding: 0 10px
    }

    .product-grid .product-thumb .caption {
        min-height: 0
    }

    .product-list .product-thumb .button-group {
        border-left: none
    }

    .product-thumb .caption {
        min-height: auto
    }

    .product-layout .product-thumb .button-group {
        padding: 0 10px 15px
    }

    .product-layout .product-thumb .button-group button:first-child {
        width: 50%
    }

    .product-layout .product-thumb .button-group button+button {
        width: auto;
        margin: 0 30px 0 0
    }

    footer h5 {
        margin-bottom: 15px
    }

    footer .col-sm-3 {
        margin-bottom: 30px
    }

    footer .col-sm-3:last-child {
        margin-bottom: 0
    }

    #product-search #content>.row>.col-sm-3+.col-sm-3 {
        padding-top: 15px
    }

    #product-search #content h2+.row .col-md-2+.col-md-3 {
        text-align: left;
        margin-bottom: 10px
    }

    #product-product #content>.row>.col-sm-4 {
        margin: 0 15px;
        width: auto
    }

    .tab-content {
        margin-bottom: 15px
    }

    #product-product #content>.row>.col-sm-4 .btn-group .btn {
        width: auto
    }

    #account-edit #content,
    #account-register #content,
    #account-forgotten #content,
    #account-password #content,
    #account-address #content,
    #account-wishlist #content,
    #account-order #content,
    #account-download #content,
    #account-recurring #content,
    #account-reward #content,
    #account-return #content,
    #account-transaction #content,
    #account-newsletter #content,
    #common-success #content,
    #account-affiliate #content,
    #information-information #content,
    #information-sitemap #content,
    #information-contact #content,
    #account-voucher #content,
    #product-manufacturer #content {
        width: auto;
        padding: 30px 20px
    }

    #common-success #content .pull-right {
        float: none !important
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: solid 1px var(--body-border-color)
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: solid 1px var(--body-border-color)
    }

    #product-manufacturer #content .row>.col-sm-3 {
        width: 35%
    }

    #checkout-cart .panel-body .input-group {
        display: inline-block;
        width: 100%
    }
}

@media (max-width: 576px) {
    #top .pull-left {
        width: 30%
    }

    #top .pull-right {
        width: 70%
    }

    #cart .dropdown-menu .table td:nth-child(3) {
        width: 12%
    }

    #cart .dropdown-menu {
        min-width: 100%;
        padding: 0 15px
    }

    #product-category #content h3+.row+.row .col-xs-6,
    #product-category #content h2+.row .col-xs-6 {
        width: 100%
    }

    #product-category #content h3+.row+.row .col-md-4,
    #product-category #content h2+.row .col-md-4 {
        margin-bottom: 10px
    }
}

@media (max-width: 478px) {
    #logo {
        margin: 0 0 20px
    }

    #logo a {
        width: 100%;
        text-align: center;
        display: inline-block
    }

    #logo img {
        margin-bottom: 0
    }

    #cart .dropdown-menu li>div {
        min-width: 100%
    }

    .product-layout .product-thumb .button-group {
        padding: 0 10px 15px
    }

    .product-layout .product-thumb .button-group button:first-child {
        width: 100%
    }

    .product-layout .product-thumb .button-group button+button {
        width: 50%;
        margin: 10px 0 0
    }

    #product-manufacturer #content .row>.col-sm-3 {
        width: 100%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #content .col-md-2:nth-child(6n+1),
    #content .col-md-3:nth-child(4n+1),
    #content .col-md-4:nth-child(3n+1),
    #content .col-md-6:nth-child(2n+1) {
        clear: left
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    #content .col-sm-2:nth-child(6n+1),
    #content .col-sm-3:nth-child(4n+1),
    #content .col-sm-4:nth-child(3n+1),
    #content .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%
    }

    #column-left+#content .product-layout .col-md-3 {
        width: 50%
    }

    #column-left+#content+#column-right .product-layout .col-md-3 {
        width: 100%
    }

    #content+#column-right .product-layout .col-md-3 {
        width: 100%
    }
}

#column-left .product-layout,
#column-right .product-layout {
    width: 100%
}

.input-group .form-control[name^=quantity] {
    min-width: 50px
}

html[dir=rtl] .checkbox input[type="checkbox"],
html[dir=rtl] .checkbox-inline input[type="checkbox"],
html[dir=rtl] .radio input[type="radio"],
html[dir=rtl] .radio-inline input[type="radio"] {
    position: absolute;
    margin-top: 4px\9;
    margin-right: -20px;
    margin-left: unset
}

html[dir=rtl] .input-group-btn:last-child>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

html[dir=rtl] .input-group .form-control:first-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset
}

html[dir=rtl] .container .row:first-child .col-sm-4,
html[dir=rtl] .container .row:first-child .col-sm-5 {
    float: right
}

html[dir=rtl] #cart .dropdown-menu {
    left: 0;
    right: auto
}

@media (min-width: 768px) {
    html[dir=rtl] .navbar-nav {
        float: right;
        margin: 0
    }

    html[dir=rtl] .navbar-nav>li {
        float: right
    }
}