@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";
*,::before,::after {
padding:0;
margin:0;
box-sizing:border-box
}
:root {
--font-family:Inter,sans-serif;
--text-color: #333e48;
/* Theme accent color (was yellow). */
--main-color: #7D7A38;
--hover-color:#0D1217;
--main-font-size:16px;
--border-main-color:#333e48;
--body-border-color:#ddd;
--blue-color:#0062bd;
--body-color-1:#878787;
--price-sale-color:#dc3545;
--btn2-bg-color:#e6e6e6;
--bg-color:#f5f5f5;
--bg-color-lighter:#f7f7f7;
--red-color:#dc3545;
--green-color:#7D7A38;
--orange-color:#FF9500;
--radio-border-color:#333e48;
--radio-checked-color:#7D7A38;
--radio-disabled-bg-color:#ddd;
--checkbox-border-color:#333e48;
--checkbox-checked-color:#7D7A38;
--checkbox-disabled-bg-color:#ddd;
--cart-icon:url('data:image/svg+xml,');
}
body {
font-family:var(--font-family);
font-optical-sizing:auto;
font-weight:400;
color:var(--text-color);
font-size:var(--main-font-size);
line-height:20px;
width:100%
}
h1,h2,h3,h4,h5,h6 {
font-family:var(--font-family);
color:var(--text-color);
font-weight:400
}
.fa {
font-size:var(--main-font-size)
}
h1 {
font-size:30px;
margin:0 0 20px;
border-bottom:solid 1px var(--body-border-color);
position:relative;
padding-bottom:20px
}
h1:before,h2:before {
content:"";
position:absolute;
left:0;
right:0;
bottom:-1px;
width:150px;
height:2px;
background:var(--main-color)
}
h2 {
font-size:25px;
margin:20px 0;
border-bottom:solid 1px var(--body-border-color);
position:relative;
padding-bottom:15px
}
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(--text-color)
}
a:focus,a:hover {
color:var(--hover-color);
text-decoration:none
}
a,button {
transition:all ease-in .2s
}
img {
border-radius:10px
}
hr {
border-top:solid 1px var(--body-border-color)
}
.table {
font-size:14px
}
.table thead tr td {
width:1%
}
.table thead tr td:nth-child(2) {
width:auto
}
.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {
padding:12px;
white-space:nowrap
}
.table > thead > tr > td {
border:none;
background:none;
font-weight:700
}
.table > tbody > tr > td {
border-bottom:none;
border-right:none;
border-left:none
}
.table > tbody > tr:last-child > td {
border-bottom:solid 1px var(--body-border-color)
}
.table > tfoot > tr > td {
border-top:none;
border-right:none;
border-left:none;
vertical-align:middle
}
.table-hover > tbody > tr {
transition:all ease-in .2s
}
.table-hover > tbody > tr:hover {
background-color:var(--bg-color-lighter)
}
legend {
font-size:16px;
padding:7px 0;
color:var(--text-color)
}
label {
font-size:14px;
font-weight:700;
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:25px!important;
padding:10px 15px;
height:auto;
border-color:var(--body-border-color);
box-shadow:none;
transition:all ease-in .2s
}
textarea.form-control {
min-height:150px;
border-radius:15px!important
}
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:20px 14px;
padding-right:45px
}
.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:14px!important;
color:var(--text-color)
}
span.hidden-xs,span.hidden-sm,span.hidden-md,span.hidden-lg {
display:inline
}
.nav-tabs {
margin-bottom:15px
}
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)
}
.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(--main-color);
background-image:url('data:image/svg+xml;utf8,');
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,')
}
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
}
.buttons {
margin:10px 0
}
.btn {
padding:11px 20px;
font-size:14px;
font-weight:700;
border-radius:30px;
border:none;
transition:all ease-in .2s
}
.btn:hover,.btn:focus {
background-color:var(--text-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 {
color:var(--text-color);
background-color:var(--btn2-bg-color);
border-radius:30px;
border:none
}
.btn-default:hover,.btn-default:focus,.btn-default:active {
background-color:var(--main-color)
}
.btn-primary {
background-color:var(--text-color)
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
background-color:var(--main-color);
color:var(--text-color)
}
.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:#1d1d1d;
border-color:#1d1d1d
}
.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:0 -1px 0 #00000040;
background-color:#faa732;
background-image:linear-gradient(to bottom,#fbb450,#f89406);
background-repeat:repeat-x;
border-color:#f89406 #f89406 #ad6704
}
.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] {
box-shadow:inset 0 1000px 0 #0000001a
}
.btn-danger {
color:var(--red-color);
background-color:var(--btn2-bg-color)
}
.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] {
background-color:var(--red-color);
color:#fff
}
.btn-success {
color:#fff;
text-shadow:0 -1px 0 #00000040;
background-color:#5bb75b;
background-image:linear-gradient(to bottom,#62c462,#51a351);
background-repeat:repeat-x;
border-color:#51a351 #51a351 #387038
}
.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {
box-shadow:inset 0 1000px 0 #0000001a
}
.btn-info {
color:var(--text-color);
background-color:var(--btn2-bg-color)
}
.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:var(--main-color);
color:var(--text-color)
}
.btn-link {
border-color:#0000;
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:#0000;
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(--main-color)
}
.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group {
margin-left:10px;
border-radius:12px
}
#list-view,#grid-view {
background:none;
color:var(--body-color-1);
border:none;
padding:14px 10px 10px
}
#list-view {
margin-right:10px
}
#list-view.active,#grid-view.active {
color:var(--text-color)
}
#compare-total {
padding:11px 0 0
}
.text-danger {
color:var(--red-color);
font-size:14px;
padding-left:15px;
padding-top:5px
}
.well {
border-radius:10px;
padding:30px;
border:none;
box-shadow:none;
background-color:var(--bg-color-lighter)
}
.well h2 {
margin-top:10px
}
.well p strong {
font-weight:400;
font-size:20px
}
.well .form-group a {
margin:10px 0 5px;
display:inline-block;
font-size:14px
}
.well .form-group a:hover,.well .form-group a:focus {
font-weight:700;
color:var(--blue-color)
}
#top {
margin:0 0 20px;
border-bottom:solid 1px #333e481a
}
#top .pull-left,#top .pull-right {
width:50%
}
#top-links .list-inline {
text-align:right;
margin-bottom:3px
}
#top-links .list-inline li a i {
margin-right:5px;
color:var(--main-color)
}
#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(--main-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:var(--text-color);
text-decoration:none;
font-size:13px;
transition:all ease-in .2s;
line-height:1.5
}
#top-links li {
padding:0 10px
}
#top-links li:last-child {
padding-right:0
}
#top-links li a,#top .btn-link.dropdown-toggle {
color:var(--text-color);
font-weight:400;
padding:0
}
.dropdown-menu {
padding:0;
background:#fff;
z-index:1001;
border-radius:0 0 10px 10px;
border:1px solid #ddd;
border-top:2px solid var(--main-color);
box-shadow:0 6px 12px #3a38382e
}
#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(--text-color);
background-color:transparent
}
#top-links .dropdown-menu a {
text-shadow:none
}
#top-links .dropdown-menu a:hover {
color:var(--main-color);
background:none
}
#top .btn-link strong {
font-size:16px;
line-height:14px;
color:var(--main-color)
}
#top-links {
padding-top:3px
}
/* Left-side top bar links (used for moving the phone number to the left without changing its styling) */
#top-links-left {
padding-top:3px
}
#top-links-left .list-inline {
text-align:left;
margin-bottom:3px
}
#top-links-left .list-inline li a i {
margin-right:5px;
color:var(--main-color)
}
#top-links-left .list-inline li:first-child a i {
vertical-align:middle
}
#top .btn-link,#top-links-left li,#top-links-left a {
color:var(--text-color);
text-decoration:none;
font-size:13px;
transition:all ease-in .2s;
line-height:1.5
}
#top-links-left li {
padding:0 10px
}
#top-links-left li:last-child {
padding-right:0
}
#top-links-left li a {
color:var(--text-color);
font-weight:400;
padding:0
}
#top .btn-link:hover,#top .btn-link:focus,#top .btn-link:active,#top-links-left a:hover {
color:var(--text-color);
background-color:transparent
}
#top-links a + a {
margin-left:15px
}
.nav .open > a,.nav .open > a:focus,.nav .open > a:hover {
background-color:transparent;
border:none
}
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(--main-color);
height:42px;
width:60px;
padding:0 0 4px;
color:var(--text-color);
border-radius:0;
border-top-right-radius:25px;
border-bottom-right-radius:25px
}
#search .btn:hover,#search .btn:focus {
background-color:var(--text-color)
}
#search .btn:hover i,#search .btn:focus i {
color:#fff
}
#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:var(--main-color) solid 2px;
border-radius:25px!important;
box-shadow:none;
font-size:14px;
transition:all ease-in .2s
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
background-color:#fff
}
#cart .fa-shopping-cart:before {
content:""
}
#cart .fa-shopping-cart {
background-color: var(--text-color);
transition: background-color 0.2s;
--svg: var(--cart-icon);
-webkit-mask: var(--svg);
mask: var(--svg);
display:inline-block;
width:22px;
height:27px;
transition:all ease-in .2s;
float:left;
margin:-5px 5px 0 0
}
#cart > .btn:hover i {
background-color: var(--main-color);
}
#cart {
text-align:right
}
#cart > .btn {
background:none;
font-size:14px;
font-weight:700;
line-height:18px;
color:var(--text-color);
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:16px;
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:700;
color:var(--blue-color);
position:relative
}
#cart .dropdown-menu .table td:nth-child(2) a:before {
content:"";
position:absolute;
left:50%;
background:var(--main-color);
transform:translate(-50%);
transition:all .2s ease-in-out;
bottom:-4px;
height:2px;
width:5px;
border-radius:5px;
visibility:hidden;
opacity:0
}
#cart .dropdown-menu .table td:nth-child(2) a:hover:before {
visibility:visible;
opacity:1;
width:100%
}
#cart .dropdown-menu .table td:nth-child(2) a:hover {
color:var(--text-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);
font-size:20px;
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:"\f057"
}
#cart .dropdown-menu .table tr td:nth-child(3) {
text-align:center
}
#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 {
font-size:18px;
width:25%
}
#cart .dropdown-menu .table-bordered tr:last-child td:last-child {
font-weight:600;
font-size:22px
}
#cart .dropdown-menu .table-bordered + p a {
padding:8px 25px;
font-size:14px;
border-radius:30px;
display:inline-block;
background-color:var(--main-color);
color:var(--text-color)
}
#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(--text-color);
color:#fff
}
#cart .dropdown-menu .table-bordered + p a:first-child {
background-color:var(--btn2-bg-color)
}
#cart .dropdown-menu .table-bordered + p a:first-child:hover,#cart .dropdown-menu .table-bordered + p a:first-child:focus,#cart .dropdown-menu .table-bordered + p a:first-child:active {
background-color:var(--main-color);
color:var(--text-color)
}
#cart .dropdown-menu .table-bordered + p a strong i {
display:none
}
#cart .dropdown-menu li p {
margin:5px 0 25px;
font-size:14px
}
#cart .dropdown-menu li:first-child p {
margin:30px 0
}
#cart .dropdown-menu table {
margin-bottom:10px
}
header + .container,header > .container {
width:100%
}
#menu {
min-height:40px;
border-top:#EFEFEF solid 1px;
border-bottom:#EFEFEF solid 1px;
margin:20px 0;
padding:10px 0;
width:auto
}
#menu .nav > li > a {
color:var(--text-color);
font-size:14px;
font-weight:700;
/* make top categories feel like a designed component */
padding:10px 14px;
margin:0 6px;
min-height:15px;
background-color:transparent;
border-radius:999px;
position:relative;
/* smooth, modern interactions */
transition:color .25s ease,background-color .25s ease,transform .25s ease,box-shadow .25s ease
}
#menu .nav > li > a:hover,#menu .nav > li.open > a {
color:var(--main-color);
background-color:rgba(125,122,56,.10);
transform:translateY(-1px);
box-shadow:0 8px 18px rgba(0,0,0,.06)
}
/* animated underline for the top-level categories */
#menu .nav > li > a:after {
content:"";
position:absolute;
left:14px;
right:14px;
bottom:6px;
height:2px;
background:var(--main-color);
border-radius:2px;
transform:scaleX(0);
transform-origin:center;
opacity:0;
transition:transform .25s ease,opacity .25s ease
}
#menu .nav > li > a:hover:after,#menu .nav > li.open > a:after {
transform:scaleX(1);
opacity:1
}
/* keyboard accessibility */
#menu .nav > li > a:focus {
outline:none;
box-shadow:0 0 0 3px rgba(125,122,56,.20)
}
/* keep things clean on small screens */
@media (max-width:767px) {
#menu .nav > li > a {
padding:12px 14px;
margin:2px 0;
border-radius:12px
}
#menu .nav > li > a:after {
left:12px;
right:12px
}
}
/* respect reduced motion */
@media (prefers-reduced-motion: reduce) {
#menu .nav > li > a,
#menu .nav > li > a:after {
transition:none !important
}
}
#menu .dropdown-menu {
padding:10px 0;
min-width:260px;
/* dropdown polish */
border-radius:14px;
box-shadow:0 18px 40px rgba(0,0,0,.10);
border:1px solid rgba(0,0,0,.06)
}
#menu .dropdown-inner {
display:table
}
#menu .dropdown-inner ul {
display:table-cell
}
#menu .dropdown-inner li {
padding:5px 20px;
min-width:200px
}
#menu .dropdown-inner li a {
line-height:20px;
color:var(--text-color);
font-size:14px;
position:relative
}
#menu .dropdown-inner li a:before,#menu .see-all:before {
content:"";
position:absolute;
left:50%;
background:var(--main-color);
transform:translate(-50%);
transition:all .2s ease-in-out;
bottom:-4px;
height:2px;
width:5px;
border-radius:5px;
visibility:hidden;
opacity:0
}
#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:var(--text-color);
background-color:var(--main-color);
padding:0;
float:right;
border:none;
margin-top:8px;
margin-right:0;
border-radius:5px;
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-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:10px!important;
height:10px!important
}
.swiper-pagination-bullet:hover {
background-color:var(--text-color)!important
}
.swiper-pagination-bullet-active,.swiper-pagination-bullet-active:hover {
background-color:var(--main-color)!important;
width:30px!important
}
.alert {
border-radius:15px;
border-top-right-radius:0;
border-top-left-radius:0;
border-top-width:3px;
padding:20px;
font-size:14px;
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:#00000026 0 0 30px;
-moz-animation:hideAlert 0s ease-out 3s forwards;
-webkit-animation:hideAlert 0s ease-out 3s forwards;
-o-animation:hideAlert 0s ease-out 3s forwards;
animation:hideAlert 0s ease-out 3s forwards;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards
}
.alert a {
text-decoration:underline
}
.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:#F4D9DC;
border-color:var(--red-color)
}
.alert-info {
color:var(--blue-color);
border-color:var(--blue-color);
background-color:#0062bd26;
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:#D4F6AF
}
.alert-warning {
color:var(--orange-color);
border-color:var(--orange-color);
background-color:#FFF0DC
}
@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
}
#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)
}
#common-home #content > h3:before {
content:"";
position:absolute;
left:0;
right:0;
bottom:-1px;
width:150px;
height:2px;
background:var(--main-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:690px;
margin-left:auto;
margin-right:auto
}
}
@media (min-width: 992px) {
#common-home #content > .row {
width:960px
}
#common-home #content > h3 {
width:930px
}
}
@media (min-width: 1200px) {
#common-home {
width:100%
}
#common-home #content > .row {
width:1120px
}
#common-home #content > h3 {
width:1090px
}
}
@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:1370px
}
}
footer {
margin-top:30px;
padding-top:30px;
background-color:#f8f8f8;
color:var(--text-color)
}
footer hr {
border-top:none;
border-bottom:1px solid #eaeaea;
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
}
footer a:hover {
color:var(--blue-color);
font-weight:700
}
footer h5 {
font-size:16px;
font-weight:700;
margin-bottom:25px
}
footer p {
font-size:14px;
margin:40px auto 20px!important
}
.breadcrumb {
margin:0 0 20px;
padding:8px 0;
background:none
}
.breadcrumb i {
font-family:Inter;
font-size:14px;
font-weight:400
}
.breadcrumb i.fa-home:before {
content:"Home"
}
.breadcrumb > li {
padding:0 18px;
position:relative;
white-space:nowrap;
font-size:14px;
color:var(--text-color)
}
.breadcrumb > li:first-child {
padding-left:0
}
.breadcrumb > li + li:before {
content:'';
padding:0
}
.breadcrumb > li:after {
content:'\f105';
font-family:FontAwesome;
font-size:18px;
display:block;
position:absolute;
top:-3px;
right:-4px
}
.breadcrumb > li:last-child:after {
content:""
}
.breadcrumb > li a {
color:var(--text-color)
}
.breadcrumb > li a:hover,.breadcrumb > li a:focus {
color:var(--main-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:18px;
margin-bottom:30px
}
#product-category #content h3 + .row > .col-sm-3 ul li a {
padding:5px 0;
display:inline-block
}
#product-category #content h3 + .row > .col-sm-3 ul li a:hover {
color:var(--main-color)
}
#product-category #content h3 + .row + .row,#product-category #content h2 + .row,#product-search #content h2 + .row {
background-color:var(--bg-color);
border-radius:10px;
padding:10px;
margin-bottom:20px
}
#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-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:5px
}
#product-category #column-left .swiper-viewport {
box-shadow:none;
border:solid 2px var(--body-border-color);
border-radius:10px
}
#product-category #column-left .swiper-viewport img {
border-radius:10px
}
#product-category #content .row .text-right {
font-size:14px;
font-weight:300;
padding:30px 15px 0;
margin-bottom:30px
}
.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:14px
}
.pagination > li > a,.pagination > li > span {
border:none;
color:var(--text-color);
width:36px;
height:36px;
border-radius:40px;
transition:all ease-in .2s;
text-align:center;
margin-right:5px;
padding:8px 10px;
background-color:var(--bg-color)
}
.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(--text-color)
}
.pagination > li:first-child > a,.pagination > li:first-child > span,.pagination > li:last-child > a,.pagination > li:last-child > span {
border-radius:40px
}
.pagination > li > a:focus,.pagination > li > a:hover,.pagination > li > span:focus,.pagination > li > span:hover {
background:var(--main-color);
color: var(--text-color);
}
.display-control {
margin-bottom:30px
}
.list-group {
border-radius:10px;
border:solid 2px var(--body-border-color);
position:relative
}
#product-category .list-group {
padding:60px 0 0
}
#product-category .list-group:before {
content:"Categories";
font-family:Inter;
font-size:18px;
font-weight:400;
color:var(--text-color);
position:absolute;
display:block;
width:100%;
left:0;
top:0;
padding:20px;
border-bottom:solid 1px var(--body-border-color)
}
.list-group a {
border-left:none;
border-right:none;
border-top:none;
border-bottom:solid 1px var(--body-border-color);
color:var(--text-color);
background:none;
margin:0 20px;
padding:10px 0;
font-size:14px;
transition:all ease-in .2s;
position:relative
}
.list-group a:before {
content:"";
position:absolute;
left:0;
background:var(--main-color);
transition:all .3s ease-in-out;
bottom:-2px;
height:2px;
width:5px;
border-radius:5px;
visibility:hidden;
opacity:0
}
.list-group a:hover:before,.list-group a:focus:before {
visibility:visible;
opacity:1;
width:100%
}
a.list-group-item:focus {
background:none;
color:var(--text-color)
}
.list-group a:last-child {
border:none
}
.list-group a:hover {
background:none
}
.list-group a.active,.list-group a.active:hover,.list-group a.active:focus {
background:none;
border-bottom-color:var(--body-border-color);
color:var(--text-color);
font-weight:700
}
.carousel-caption {
color:#FFF;
text-shadow:0 1px 0 #1D1D1D;
}
.carousel-control .icon-prev:before {
content:'\f053';
font-family:FontAwesome
}
.carousel-control .icon-next:before {
content:'\f054';
font-family:FontAwesome
}
#product-category #content > h2 {
font-size:30px;
font-weight:400
}
.product-list .product-thumb .caption {
min-height:unset
}
.product-list .product-thumb {
padding-top:5px
}
.product-list .product-thumb:before {
left:50%;
bottom:0;
top:auto;
width:70%;
height:1px;
transform:translateX(-50%)
}
.product-list .product-thumb:hover:before {
opacity:0
}
.product-thumb {
border-radius:5px;
margin-bottom:20px;
overflow-y:hidden;
overflow-x:auto;
position:relative;
border:solid 1px #fff;
transition:all .35s ease-in-out
}
.product-thumb:before {
content:"";
position:absolute;
left:0;
top:50%;
background:var(--body-border-color);
width:1px;
height:70%;
transform:translateY(-50%)
}
.product-thumb:hover {
box-shadow:0 0 12px #00000026;
border:1px solid var(--body-border-color)
}
.product-thumb:hover:before {
left:-1px
}
.product-thumb .image {
margin:5px 0 0
}
.product-thumb .image a {
position:relative;
display:block
}
.product-thumb .image img {
margin-left:auto;
margin-right:auto;
max-width:50%
}
.product-thumb .image a:before {
content:"";
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:0;
background-color:#fff3;
transition:all ease-in .25s
}
.product-thumb:hover .image a:before {
height:100%
}
.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(--blue-color);
position:relative;
display:inline-block;
font-size:14px;
font-weight:700;
position:relative
}
.product-thumb h4 a:before {
content:"";
position:absolute;
left:50%;
background:var(--main-color);
transform:translate(-50%);
transition:all .2s ease-in-out;
bottom:-4px;
height:2px;
width:5px;
border-radius:5px;
visibility:hidden;
opacity:0
}
.product-thumb h4 a:hover:before,.product-thumb h4 a:focus:before {
visibility:visible;
opacity:1;
width:100%
}
.product-thumb h4 a:hover {
color:var(--text-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:14px;
transition:all ease-in .2s;
margin:0 10px
}
.rating a:hover,.rating a:focus {
color:var(--blue-color);
font-weight:700
}
.product-thumb .rating {
padding-bottom:10px
}
.rating .fa-stack {
font-size:8px;
width:2.5em;
margin:-5px 0 0
}
.rating .fa-star-o {
color:var(--body-color-1);
font-size:18px
}
.rating .fa-star {
color:var(--body-color-1);
font-size:18px
}
.rating .fa-star + .fa-star-o {
color:var(--body-color-1)
}
h2.price {
margin:0
}
.product-thumb .price {
color:var(--text-color);
font-size:20px;
font-weight:400
}
.product-thumb .price-new {
font-weight:400;
color:var(--price-sale-color)
}
.product-thumb .price-old {
color:var(--body-color-1);
text-decoration:line-through;
margin-left:10px;
font-size:12px
}
.product-thumb .price-tax {
color:var(--body-color-1);
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:#e6e6e6;
width:35px;
height:35px;
border-radius:35px;
color:var(--text-color);
float:right;
margin-top:-6px;
padding:4px 2px 0 0
}
.product-thumb .button-group button:first-child .fa-shopping-cart:before {
content:""
}
.product-thumb .button-group button:first-child .fa-shopping-cart {
background-image:url('data:image/svg+xml,');
width:20px;
height:17px
}
.product-thumb:hover .button-group button:first-child,.product-thumb .button-group button:first-child:hover {
background-color:var(--main-color)
}
.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
}
.product-thumb .button-group button i {
color:var(--body-color-1);
transition:all ease-in .2s
}
.product-thumb .button-group button:hover i {
color:var(--main-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%
}
#product-product #content > .row > .col-sm-4 .btn-group {
margin-bottom:20px
}
#product-product #content > .row > .col-sm-4 .btn-group .btn {
background:none;
border:none;
margin-right:10px;
padding:15px;
color:var(--body-color-1)
}
#product-product #content > .row > .col-sm-4 .btn-group .btn:hover,#product-product #content > .row > .col-sm-4 .btn-group .btn:focus {
color:var(--main-color)
}
#product-product h1:before {
display:none
}
#product-product h1 + ul li {
font-size:14px;
color:var(--body-color-1)
}
#product-product h1 + ul li a:hover,#product-product h1 + ul li a:focus {
font-weight:700;
color:var(--blue-color)
}
#product-product h1 + ul + ul li h2 {
font-size:36px;
border:none;
padding:0;
margin:5px 0
}
#product-product h1 + ul + ul li h2:before {
display:none
}
#button-cart {
font-size:14px;
margin-bottom:20px;
background-color:var(--main-color);
color:var(--text-color)
}
#button-cart:hover,#button-cart:focus {
background-color:var(--text-color);
color:#fff
}
.thumbnail {
border:none
}
.thumbnails {
overflow:auto;
clear:both;
list-style:none;
padding:0;
margin:0
}
.thumbnails > li {
margin-left:15px
}
.thumbnails {
margin-left:-15px
}
.image-additional .thumbnail {
margin-bottom:20px;
padding:5px;
display:block;
border-bottom:2px solid var(--body-border-color);
border-radius:0
}
.image-additional .thumbnail.active,.image-additional .thumbnail:focus,.image-additional .thumbnail:hover {
border-color:var(--body-border-color);
border-bottom:solid 2px var(--main-color)
}
.image-additional {
float:left;
margin-left:20px;
max-width:78px
}
.nav-tabs {
border:none;
margin:20px 0 0
}
.nav-tabs > li {
font-size:18px;
margin-bottom:0
}
.nav-tabs li,.nav-tabs li a {
color:var(--text-color);
background:none
}
.nav-tabs li a {
padding:10px 25px 20px;
border:none;
position:relative
}
.nav-tabs li a:hover,.nav-tabs li a:focus,.nav-tabs > li.active > a,.nav-tabs > li.active > a:focus,.nav-tabs > li.active > a:hover {
background:none;
border:none
}
.nav-tabs > li.active > a {
font-weight:700;
color:var(--text-color)!important
}
.nav-tabs li a:before,.nav-tabs li a:after {
content:"";
position:absolute;
left:50%;
background:var(--main-color);
transform:translate(-50%);
transition:all .35s ease-in-out
}
.nav-tabs li a:after {
bottom:-4px;
height:6px;
width:10px;
border-radius:0 0 10px 10px;
visibility:hidden;
opacity:0
}
.nav-tabs li a:before {
bottom:0;
height:2px;
width:0
}
.nav-tabs li a:hover:before,.nav-tabs li.active a:before {
width:calc(100% - 40px)
}
.nav-tabs li a:hover:after,.nav-tabs li.active a:after {
visibility:visible;
opacity:1
}
.tab-content {
padding:30px;
border-radius:15px;
border:solid 1px var(--body-border-color);
margin-bottom:30px
}
.tab-pane p,#tab-description ul li,#tab-description div {
font-size:16px;
line-height:1.8
}
#tab-description p > font,#tab-description p > font > font {
font-size:16px
}
#form-review label {
margin-bottom:10px
}
#form-review label:before {
left:-10px
}
#form-review div:nth-of-type(2n+1) {
font-size:16px
}
#review .fa.fa-stack {
width:1.2em
}
#review .fa.fa-stack > .fa {
font-size:18px
}
#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
}
.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td span.active {
background-color:var(--text-color)!important;
color:#fff !important;
text-shadow:none!important;
font-weight:700
}
.bootstrap-datetimepicker-widget a[data-action]:hover {
background:none
}
.picker-switch .btn {
background-color:var(--btn2-bg-color);
padding:8px 20px;
margin:10px 0
}
.picker-switch .btn:hover,.picker-switch .btn:focus {
background-color:var(--main-color)
}
.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-responsive table > tbody > tr > td:nth-child(4) {
padding-top:8px
}
.table-bordered {
border-collapse:inherit;
border:none
}
#checkout-cart table.table > tbody > tr > td:last-child {
font-weight:500
}
#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 {
font-size:17px
}
#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(--text-color)
}
#checkout-cart table.table > tbody > tr > td:nth-child(2) > small {
color:var(--body-color-1);
font-size:14px
}
#checkout-cart table.table > tbody > tr > td:nth-child(4) {
width:16%
}
#checkout-cart table.table > tbody > tr > td:nth-child(5),#checkout-cart table.table > tbody > tr > td:last-child {
width:10%
}
#checkout-cart table.table > tbody > tr > td:nth-child(4) .btn.btn-danger {
padding:11px 18px
}
#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.btn-primary:hover,#checkout-cart table.table > tbody > tr > td:nth-child(4) .btn.btn-primary:focus {
color:var(--text-color)
}
#checkout-cart table.table > tbody > tr > td:nth-child(4) .btn.btn-danger:hover,#checkout-cart table.table > tbody > tr > td:nth-child(4) .btn.btn-danger:focus {
color:var(--red-color)
}
#checkout-cart table.table > tbody > tr > td:nth-child(4) .btn .fa {
font-size:20px
}
#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;
border-radius:15px!important;
margin:4px 0 0
}
#checkout-cart #accordion {
margin-top:20px
}
#checkout-cart #content > .buttons > .pull-right > .btn {
background-color:var(--main-color);
color:var(--text-color)
}
#checkout-cart #content > .buttons > .pull-right > .btn:hover,#checkout-cart #content > .buttons > .pull-right > .btn:focus {
background-color:var(--text-color);
color:#fff
}
.panel {
box-shadow:none
}
.panel-group .panel {
background-color:var(--bg-color);
border-radius:20px!important
}
.panel > .panel-heading {
background-color:var(--bg-color);
border:none;
color:var(--text-color);
border-radius:20px
}
.panel-group .panel,.panel-heading {
border-radius:10px;
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:20px;
border-bottom-right-radius:20px
}
#collapse-coupon label {
padding-top:12px
}
#checkout-cart .panel .btn,#checkout-cart > .row > #content > .buttons > .pull-left > a.btn {
font-size:14px;
color:var(--text-color);
background:var(--btn2-bg-color);
border-radius:30px
}
#button-quote {
float:right
}
#checkout-cart .panel .btn:hover,#checkout-cart .panel .btn:focus,#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:20px
}
#checkout-cart #accordion + br + .row table.table > tbody > tr > td > strong {
font-weight:500!important
}
#checkout-cart .buttons {
margin-top:20px
}
#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
}
#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
}
#checkout-checkout #button-confirm {
background-color:var(--main-color);
color:var(--text-color)
}
#checkout-checkout #button-confirm:hover,#checkout-checkout #button-confirm:focus {
background-color:var(--text-color);
color:#fff
}
#collapse-checkout-option .panel-body h2 {
margin:10px 0
}
#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 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 tfoot tr:last-child td:last-child {
font-size:24px
}
#collapse-checkout-confirm table tfoot tr td:last-child {
font-size:20px;
font-weight:500
}
#account-login {
min-height:700px
}
#account-login .well {
min-height:438px
}
#account-login .well p + p {
margin-bottom:20px
}
#account-account #column-right .list-group {
margin-top:42px
}
#account-register #column-right .list-group,#account-edit #column-right .list-group,#account-password #column-right .list-group,#account-address #column-right .list-group,#account-wishlist #column-right .list-group,#account-order #column-right .list-group,#account-download #column-right .list-group,#account-recurring #column-right .list-group,#account-reward #column-right .list-group,#account-return #column-right .list-group,#account-transaction #column-right .list-group,#account-newsletter #column-right .list-group,#account-forgotten #column-right .list-group {
margin-top:52px
}
#account-register .form-horizontal .buttons {
margin:0
}
#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:-10px 0 0
}
.form-horizontal .control-label {
text-align:left;
position:relative
}
.form-horizontal .control-label:before {
position:absolute;
left:5px
}
#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
}
#account-address h2,#account-wishlist h2,#account-download h2 {
font-size:30px;
padding-bottom:20px
}
#account-account #content .list-unstyled {
margin-bottom:20px
}
#account-account #content .list-unstyled li {
line-height:2
}
#account-account #content .list-unstyled li a {
position:relative
}
#account-account #content .list-unstyled li a:before {
content:"";
display:block;
width:0;
height:2px;
border-radius:5px;
background-color:var(--main-color);
left:0;
bottom:-4px;
position:absolute;
transition:all ease-in .3s
}
#account-account #content .list-unstyled li a:hover:before {
width:100%
}
#account-account #content h2:first-child {
margin-top:0
}
#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(--main-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:hover,#account-wishlist .table .btn: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(--text-color)!important
}
#account-order .table .btn-info,#account-return .table .btn {
padding:0 10px;
display:block;
margin:0 auto
}
#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,#account-order div.table-responsive .table .btn-danger:hover,#account-order div.table-responsive .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%
}
#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-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:20px;
text-align:left
}
#account-order div.table-responsive .table tfoot tr:last-child td:nth-child(3) {
font-size:24px;
font-weight:600
}
#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:14px
}
#account-newsletter .form-group {
margin-bottom:0
}
#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 thead + tbody tr td {
border-bottom:none
}
#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 #0000004d;
border-radius:10px;
padding:30px
}
.modal-header,.modal-footer {
border:none
}
.modal-body {
border-radius:10px;
background-color:#f5f5f5
}
.modal-footer {
padding:15px 0
}
.modal-footer .btn-default {
background:var(--btn2-bg-color);
color:var(--text-color)
}
.modal-footer .btn-default:hover,.modal-footer .btn-default:focus {
background-color:var(--main-color);
color:var(--text-color)
}
#information-information img {
width:100%!important
}
#product-manufacturer #content h1 + p > a {
font-size:24px;
background:var(--bg-color);
padding:6px 12px;
border-radius:5px
}
#product-manufacturer #content h1 + p > a:hover,#product-manufacturer #content h1 + p > a:focus {
color:var(--text-color);
background-color:var(--main-color)
}
#product-manufacturer #content .row {
margin-bottom:30px
}
#product-manufacturer #content .row > .col-sm-3 > a {
font-size:14px;
background-color:var(--btn2-bg-color);
border-radius:25px;
padding:6px 15px
}
#product-manufacturer #content .row > .col-sm-3 > a:hover,#product-manufacturer #content .row > .col-sm-3 > a:focus {
background-color:var(--main-color);
color:var(--text-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:#f5f5f5;
margin-bottom:15px;
border-radius:10px;
padding:10px 20px;
list-style:none
}
#information-sitemap #content > .row .col-sm-6 > ul > li > ul > li {
font-weight:400
}
#information-sitemap #content ul li {
font-size:16px;
line-height:1.8
}
#information-sitemap #content ul li a {
position:relative
}
#information-contact .panel-default {
border:none
}
#information-contact .panel-default strong {
font-weight:500;
font-size:22px;
margin-bottom:10px;
display:inline-block
}
#information-contact .panel-default address {
line-height:1.8;
margin-bottom:10px
}
#information-contact .panel-default .panel-body {
padding:30px;
background-color:var(--bg-color);
border-radius:10px
}
#information-contact legend {
font-size:20px;
border-bottom:none
}
#information-contact .btn-primary {
background-color:var(--main-color);
color:var(--text-color)
}
#information-contact .btn-primary:hover,#information-contact .btn-primary:focus {
background-color:var(--text-color);
color:#fff
}
#product-search #content > .row > .col-sm-3 + .col-sm-3 {
padding-top:10px
}
#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
}
#common-home #content h3 + .row,
#product-category h3 + .row + .row + .row,
#product-category h2 + .row + hr + .row + .row,
#product-search h2 + .row + .row,
#product-product #content .row + h3 + .row {
display: flex;
flex-wrap: wrap;
}
#product-product #content .row + h3 + .row .col-sm-3 {
display: flex;
}
#common-home #content h3 + .row .product-layout,
.product-grid {
display: flex;
}
.product-list .product-thumb {
display: flex;
flex-direction: row;
}
.product-list .product-thumb .image {
flex: 0 0 25%;
}
#common-home #content h3 + .row .product-layout .product-thumb,
.product-grid .product-thumb,
#product-product #content .row + h3 + .row .product-thumb {
display: flex;
flex-direction: column;
flex: 1;
}
.product-grid .product-thumb .image + div,
.product-list .product-thumb .image + div {
display: flex;
flex-direction: column;
flex: 1 1 auto;
}
.product-list .product-thumb .caption {
margin: 0;
}
#common-home #content h3 + .row .product-layout .product-thumb .caption,
.product-grid .product-thumb .caption,
#product-product #content .row + h3 + .row .product-thumb .caption {
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
#common-home #content h3 + .row .product-layout .product-thumb .price,
.product-grid .product-thumb .price,
#product-product #content .row + h3 + .row .product-thumb .price {
margin-top: auto;
}
@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
}
#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%
}
}
@media (max-width: 1200px) {
#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%
}
#account-login .well {
min-height:473px
}
.product-grid .product-thumb {
padding:0 10px
}
.product-grid .product-thumb .caption {
min-height:210px;
padding:0 10px
}
}
@media (max-width: 992px) {
header > .container > .row > .col-sm-5 {
width:55%
}
header > .container > .row > .col-sm-3 {
width:25%
}
#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 .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 h3 + .row + .row .col-md-4,#product-category #content h2 + .row .col-md-4,#product-search #content h2 + .row .col-md-4 {
margin-bottom:10px
}
.nav-tabs li a {
padding:10px 15px
}
#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:505px
}
}
@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
}
#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:4px
}
#menu div.dropdown-inner > ul.list-unstyled {
display:block
}
#menu div.dropdown-menu {
margin-left:0!important;
padding-bottom:10px;
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
}
#button-coupon,#button-quote,#button-voucher,#checkout-cart > .row > #content > .buttons > .pull-left > a.btn {
margin-bottom:10px
}
#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:#ddd 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-thumb:before {
left:50%;
bottom:0;
top:auto;
width:70%;
height:1px;
transform:translateX(-50%)
}
.product-thumb:hover:before {
opacity:0
}
.product-list .product-thumb .button-group {
border-left:none
}
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
}
}
@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%
}
#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%
}
}
@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-radius:5px 0 0 5px
}
html[dir=rtl] .input-group .form-control:first-child {
border-radius:unset 5px 5px 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
}
}
/* Paradosiakoi Thisauroi - Plaisio-style footer bottom */
.elite-footer-bottom {
text-align: center;
/* tighter bottom spacing (no extra white space under the logo) */
padding: 30px 15px 0;
font-size: 14px;
color: inherit;
}
.elite-footer-payments img {
height: 28px;
margin: 0 6px 12px;
vertical-align: middle;
}
.elite-footer-company {
margin: 10px 0;
font-weight: 500;
}
.elite-footer-logo img {
height: 36px;
margin: 10px 0;
}
/* (removed) elite-footer-copy */
/* =========================================================
Paradosiakoi Thisauroi - 4 Extra Categories (Custom HTML Module)
Images:
- image/catalog/handsfree.png
- image/catalog/tablets.png
- image/catalog/gaming.png
- image/catalog/hardware.png
========================================================= */
.em-cat-section{padding:34px 0;}
.em-cat-section .container{max-width:1220px;}
.em-cat-head{text-align:center;margin-bottom:18px;}
.em-cat-head h2{margin:0 0 8px;font-size:26px;line-height:1.2;font-weight:700;}
.em-cat-head p{margin:0 auto;max-width:740px;font-size:14px;opacity:.85;}
.em-cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.em-cat-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;position:relative;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 26px rgba(0,0,0,.08);transform:translateY(0);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;will-change:transform;}
.em-cat-media{position:relative;height:170px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(0,0,0,0));}
.em-cat-media:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.10),transparent 60%);pointer-events:none;}
.em-cat-media img{max-height:120px;max-width:78%;object-fit:contain;transform:scale(1);transition:transform .28s ease;filter:drop-shadow(0 10px 18px rgba(0,0,0,.18));}
.em-cat-body{padding:14px 16px 16px;text-align:center;}
.em-cat-title{font-size:16px;font-weight:700;letter-spacing:.2px;margin-bottom:6px;}
.em-cat-sub{font-size:13px;opacity:.85;margin-bottom:10px;}
.em-cat-cta{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;opacity:.92;}
.em-cat-cta span{display:inline-block;transform:translateX(0);transition:transform .22s ease;}
.em-cat-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.14);border-color:rgba(255,255,255,.20);}
.em-cat-card:hover .em-cat-media img{transform:scale(1.08);}
.em-cat-card:hover .em-cat-cta span{transform:translateX(4px);}
.em-cat-card:focus{outline:none;}
.em-cat-card:focus-visible{box-shadow:0 0 0 3px rgba(120,85,255,.35),0 18px 40px rgba(0,0,0,.14);}
@media (max-width:1100px){.em-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.em-cat-media{height:180px;}}
@media (max-width:560px){.em-cat-grid{grid-template-columns:1fr;}.em-cat-head h2{font-size:22px;}}
/* =============================
ParadosiakoiThisauroi fixes (search + cart hover + category carousel)
============================= */
/* Search icon -> white */
#search .btn i,
#search .btn .fa,
#search button i,
#search button .fa {
color: #ffffff !important;
}
#search .btn svg,
#search button svg {
fill: #ffffff !important;
}
/* Product card: cart icon white ONLY when cart button turns purple */
.product-thumb .button-group button:first-child .fa-shopping-cart{
display: inline-block; /* needed so filter reliably applies */
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.product-thumb:hover .button-group button:first-child .fa-shopping-cart,
.product-thumb .button-group button:first-child:hover .fa-shopping-cart{
filter: brightness(0) invert(1) !important;
}
/* Category carousel: prevent huge images (force consistent media box) */
.em-cat-media{
height: 170px !important;
display: grid !important;
place-items: center !important;
overflow: hidden !important;
}
.em-cat-media img{
max-height: 120px !important;
max-width: 78% !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
}
/* Keep cards stable inside carousel */
.em-cat-carousel .em-cat-viewport{ overflow: hidden !important; }
.em-cat-carousel .em-cat-track{ align-items: stretch !important; }