@import url(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); :root {
--font-family: Poppins,sans-serif;
--text-color: #fff;
--text-color-alt: #7f8894;
--page-bg-color: #222529;
--bg-color: #2c2f33;
--dark-bg: #1c1e21;
--main-color: #0078f2;
--danger-color: #d7214b;
--info-color: #00478f;
--success-color: #147230;
--warning-color: #745237;
--main-font-size: 15px;
--link-hover-color: #005fbf;
--body-border-color: #2a2e33;
--border-color-alt: #4e5359;
--btn-default-bg: #16181c;
--top-link-1-bg: url('data:image/svg+xml,');
--top-link-2-bg: url('data:image/svg+xml,');
--top-link-3-bg: url('data:image/svg+xml,');
--top-link-4-bg: url('data:image/svg+xml,');
--top-link-5-bg: url('data:image/svg+xml,');
--cart-icon: url('data:image/svg+xml,');
--navbar-bg: #36383c;
--input-bg: #4e5359;
--input-bg-focus: #9298a1;
--radio-border-color: #7f8894;
--radio-checked-color: #0078f2;
--radio-disabled-bg-color: #ddd;
--checkbox-border-color: #7f8894;
--checkbox-checked-color: #0078f2;
--checkbox-disabled-bg-color: #ddd
}
.view-d {
display: block;
}
.view-m {
display: none;
}
.slideshow__a {
display: inline-block;
width: 100%;
height: 100%;
}
.slideshow__h2 {
position: absolute;
left: 0;
top: 50%;
margin-top: -58px;
right: 0;
padding: 0 180px;
font-size: 92px;
text-align: right;
color: #ffffff !important;
text-decoration: none;
}
.slideshow__h2--2 {
text-align: left;
}
@media (max-width: 992px) {
#top {
display: none;
}
.view-d {
display: none;
}
.view-m {
display: block;
}
.btn-tool {
margin: 10px 0 20px 0;
}
.slideshow, .swiper-slide {
height: 280px !important;
}
.slideshow__a {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.slideshow__img {
display: none !important;
}
.slideshow__h2 {
font-size: 36px;
padding: 0;
margin-top: -19px;
text-align: center !important;
}
}
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%;
background-color: var(--page-bg-color)
}
h1,h2,h3,h4,h5,h6 {
font-family: var(--heading-font-family);
font-weight: 600
}
.fa {
font-size: var(--main-font-size)
}
.fa-times-circle:before {
content: "\f1f8"
}
h1 {
font-size: 30px;
margin: 0 0 20px
}
h2 {
font-size: 28px;
margin: 20px 0
}
h3 {
font-size: 24px;
margin: 20px 0
}
h4 {
font-size: 20px
}
h5 {
font-size: 16px
}
h6 {
font-size: 14px
}
p {
font-size: var(--main-font-size);
font-weight: 300;
line-height: 1.8;
margin: 0 0 15px
}
ul li {
line-height: 1.8
}
a {
color: var(--main-color)
}
a:focus,a:hover {
color: var(--link-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;
border: none;
border-bottom: 1px solid var(--border-color-alt);
background-color: var(--bg-color)
}
.table > thead > tr > td {
width: 1%;
color: var(--text-color-alt)
}
.table > thead:first-child > tr:first-child > td {
border-top: 1px solid var(--border-color-alt)
}
.table > thead > tr > td:first-child,.table > tbody > tr > td:first-child {
border-left: 1px solid var(--border-color-alt)
}
.table > thead > tr > td:last-child,.table > tbody > tr > td:last-child {
border-right: 1px solid var(--border-color-alt)
}
.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
}
legend {
font-size: 15px;
padding: 7px 0;
color: var(--text-color);
border-color: var(--border-color-alt)
}
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);
padding: 12px;
height: 48px;
box-shadow: none;
transition: all ease-in .2s;
background-color: var(--input-bg);
border: solid 2px var(--input-bg);
border-radius: 0
}
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-color: var(--main-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='%23ffffff' 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-alt)
}
span.hidden-xs,span.hidden-sm,span.hidden-md,span.hidden-lg {
display: inline
}
div.required .control-label:before {
content: "* ";
font-weight: 200
}
.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(--danger-color)
}
.has-error .form-control {
border-color: var(--danger-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
}
.form-group {
margin-bottom: 10px
}
.btn {
padding: 12px 30px;
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
border-radius: 3px;
border: none;
transition: all ease-in .2s;
color: #fff
}
.btn:hover,.btn:focus {
transform: scale(1.05)
}
.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(--btn-default-bg);
border: none
}
.btn-default:hover,.btn-default:focus,.btn-default:active {
background-color: var(--btn-default-bg);
color: var(--text-color);
transform: scale(1.05)
}
.btn-primary,.btn-primary.disabled,.btn-primary[disabled] {
background-color: var(--main-color);
color: #fff
}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary.active {
background-color: var(--main-color);
color: #fff;
transform: scale(1.05)
}
.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(--main-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: var(--main-color)
}
.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(--danger-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(--main-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(--text-color)
}
.btn-link {
cursor: pointer;
color: var(--main-color);
border-radius: 0;
font-size: 14px
}
.btn-link:hover,.btn-link:focus {
color: var(--link-hover-color);
background: none;
text-decoration: none;
transform: 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
}
.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group {
padding: 15px 30px
}
#list-view,#grid-view {
background: none;
color: var(--text-color-alt);
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(--danger-color);
font-size: 13px;
padding-top: 5px
}
.well {
padding: 30px;
box-shadow: none;
background-color: var(--bg-color);
border: none;
border-radius: 0
}
.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 {
padding: 8px 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: 500
}
#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-alt);
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
transition: all ease-in .2s
}
#top-links li {
padding: 0 20px;
font-weight: 500
}
#top-links li:last-child {
padding-right: 0
}
#top-links li a,#top .btn-link.dropdown-toggle {
color: var(--text-color-alt);
font-weight: 500;
padding: 0;
position: relative
}
#top-links li a i {
display: none
}
#top-links li a:before {
content: "";
display: block;
position: absolute;
left: -25px;
top: -1px
}
#top-links > ul > li:first-child > a:before {
background-image: var(--top-link-1-bg);
width: 18px;
height: 18px
}
#top-links > ul > li:nth-child(2) > a:before {
background-image: var(--top-link-2-bg);
width: 16px;
height: 18px
}
#top-links > ul > li:nth-child(3) > a:before {
background-image: var(--top-link-3-bg);
width: 20px;
height: 18px
}
#top-links > ul > li:nth-child(4) > a:before {
background-image: var(--top-link-4-bg);
width: 19px;
height: 19px
}
#top-links > ul > li:last-child > :before {
background-image: var(--top-link-5-bg);
width: 19px;
height: 19px
}
.dropdown-menu {
padding: 8px 0;
background: var(--bg-color);
z-index: 1001;
border-radius: 5px;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
border: none
}
#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-alt);
padding: 8px 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;
transform: none
}
#top-links .dropdown-menu a {
text-shadow: none
}
#top-links .dropdown-menu a:hover,#top-links .dropdown-menu a:focus {
color: var(--main-color);
background: none
}
#top .btn-link strong {
font-size: 18px;
line-height: 14px;
color: var(--text-color);
font-weight: 400
}
#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
}
.sal_sol {
display: inline-block;
width: 100%;
padding: 30px 0;
text-align: center;
}
.sal, .sol {
display: inline-block;
}
@media (max-width: 992px) {
.sal {
margin-bottom: 5px;
}
}
header {
background-color: var(--bg-color);
padding: 20px 0
}
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: 48px
}
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: 80%
}
.header-search {
width: 55%
}
#search {
width: 100%
}
#search .btn {
position: absolute;
right: 0;
top: 0;
z-index: 3;
background: var(--main-color);
border: none;
box-shadow: none;
text-shadow: none;
transition: all ease-in .2s;
height: 48px;
width: 80px;
display: block;
padding: 0 0 4px;
color: var(--text-color);
border-radius: 30px;
text-align: center
}
#search .btn:hover {
transform: scale(1.1)
}
#search button .fa {
background-image: url('data:image/svg+xml,');
width: 20px;
height: 20px;
display: inline-block;
margin: 9px 0 0
}
.fa-search:before {
content: ""
}
.form-control::placeholder {
color: var(--text-color);
opacity: .5
}
#search .form-control {
height: 48px;
line-height: 20px;
padding: 0 20px;
border: none;
border-radius: 30px!important;
box-shadow: none;
font-size: 14px;
transition: all ease-in .2s;
color: var(--text-color);
background-color: var(--input-bg);
border: solid 2px var(--input-bg)
}
#search .form-control:focus {
border-color: var(--main-color)
}
.table-striped > tbody > tr:nth-of-type(2n + 1) {
background-color: transparent
}
#cart .fa-shopping-cart:before {
content: ""
}
#cart .fa-shopping-cart {
background-image: var(--cart-icon);
width: 24px;
height: 24px;
float: left;
margin: -5px 8px 0 0
}
#cart {
text-align: right
}
#cart > .btn {
background: none;
font-size: 14px;
font-weight: 500;
line-height: 18px;
padding: 0;
width: auto;
float: none;
display: inline-block;
text-transform: none
}
#cart > .btn:hover,#cart > .btn:focus {
transform: none;
color: var(--text-color-alt)
}
#cart .dropdown-menu {
min-width: 400px;
overflow-y: auto;
max-height: 900px;
scrollbar-width: thin;
overflow-x: hidden;
margin: 0;
top: 30px;
padding: 10px 0 0
}
#cart .dropdown-menu li:last-child div {
padding: 0 20px
}
.btn-group.open .dropdown-toggle {
box-shadow: none
}
#cart .dropdown-menu .table > tbody > tr > td {
border: none;
padding: 10px
}
.img-thumbnail {
border-radius: 3px;
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(--main-color)
}
#cart .dropdown-menu .table td:nth-child(2) a:hover {
color: var(--orange-color)
}
#cart .dropdown-menu .table td .btn {
background: none;
border: none;
width: 30px;
height: 30px;
padding: 0
}
#cart .dropdown-menu .table td .btn .fa {
text-shadow: none;
transition: all ease-in .2s
}
#cart .dropdown-menu .table td .btn .fa:before {
content: "\f1f8";
font-size: 14px
}
#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 {
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: 13px;
text-transform: uppercase;
border-radius: 3px;
display: inline-block;
background-color: var(--btn-default-bg);
color: var(--text-color);
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 {
transform: scale(1.05)
}
#cart .dropdown-menu .table-bordered + p a:last-child {
background-color: var(--main-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 {
transform: scale(1.05)
}
#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 div p {
margin: 15px 0 20px;
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 {
background-color: var(--navbar-bg);
min-height: 40px;
width: auto;
border-radius: 0;
margin-bottom: 15px;
border: none
}
#menu .nav > li > a {
color: var(--text-color);
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
padding: 20px 15px;
min-height: 15px;
background-color: transparent;
position: relative
}
#menu .nav > li > a:hover,#menu .nav > li.open > a {
color: var(--text-color);
background-color: var(--main-color)
}
#menu .dropdown-menu {
padding: 10px 0;
min-width: 260px;
border-top: solid 4px var(--main-color)
}
#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
}
#menu .dropdown-inner li a:hover,#menu .dropdown-inner li a:focus {
color: var(--main-color)
}
#menu .see-all {
display: inline-block;
margin: 3px 20px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: var(--main-color);
white-space: nowrap;
position: relative
}
#menu .see-all:hover,#menu .see-all:focus {
text-decoration: none;
color: var(--text-color)
}
#menu #category {
float: left;
padding-left: 15px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 56px
}
#menu .btn-navbar {
font-stretch: expanded;
color: var(--text-color);
background-color: transparent;
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
}
#slideshow0 {
background: var(--page-bg-color)
}
.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: 46px;
color: var(--text-color)
}
.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: 16px!important;
height: 16px!important;
background-color: transparent!important;
border: 3px solid #fff!important;
position: relative
}
.swiper-pagination-bullet:after {
content: "";
width: 4px;
height: 4px;
border-radius: 4px;
background-color: var(--main-color);
display: block;
position: absolute;
top: 3px;
left: 3px;
transition: all .35s ease-in-out;
opacity: 0
}
.swiper-pagination-bullet:hover {
border-color: var(--main-color)!important
}
.swiper-pagination-bullet:hover:after,.swiper-pagination-bullet-active:after {
opacity: 1
}
.swiper-pagination-bullet-active {
border-color: var(--main-color)!important
}
.alert {
padding: 30px;
font-size: 13px;
border: none;
border-radius: 3px;
color: var(--text-color);
margin: 20px 0 10px 0;
z-index: 9;
line-height: 1.5;
top: calc(50% - 110px);
box-shadow: rgba(0,0,0,0.2) 0 0 30px;
-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;
}
.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 {
background-color: var(--danger-color);
box-shadow: rgba(215,33,75,0.25) 0 0 30px
}
.alert-info {
background-color: var(--info-color);
box-shadow: rgba(0,71,143,0.25) 0 0 30px;
position: static;
margin: 0 0 20px;
animation: none;
width: 100%!important
}
.alert-success {
background-color: var(--success-color);
box-shadow: rgba(20,114,48,0.25) 0 0 30px
}
.alert-warning {
background-color: var(--warning-color);
box-shadow: rgba(116,82,55,0.25) 0 0 30px
}
@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-nav > li {
float: none;
display: inline-block
}
.navbar-collapse.collapse {
text-align: center
}
}
#common-home {
padding: 0;
margin-top: -15px
}
#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: 15px
}
.slideshow .swiper-slide img {
width: 100%
}
#common-home #content > h3 {
margin-left: 15px;
margin-right: 15px;
font-size: 30px
}
@media (min-width: 576px) {
#common-home #content > h3 {
width:100%
}
}
@media (min-width: 768px) {
#common-home {
width:100%
}
#common-home #content > .row {
width: 750px;
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:990px
}
#common-home #content > h3 {
width: 960px
}
}
@media (min-width: 1200px) {
#common-home {
width:100%
}
#common-home #content > .row {
width: 1150px
}
#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: 1430px
}
#common-home #content > h3 {
width: 1400px
}
#information-information,#information-contact {
width: 1170px
}
}
footer {
margin-top: 30px;
padding-top: 30px;
background-color: var(--dark-bg)
}
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-alt);
font-weight: 500;
position: relative
}
footer a:before {
content: "";
display: block;
position: absolute;
width: 4px;
height: 4px;
background-color: var(--main-color);
border-radius: 4px;
left: -10px;
top: 8px;
opacity: 0;
transition: all ease-in .25s
}
footer a:hover {
color: var(--text-color)
}
footer a:hover:before,footer a:focus:before {
opacity: 1
}
footer h5 {
font-size: 15px;
font-weight: 600;
margin-bottom: 20px;
text-transform: uppercase;
color: var(--text-color)
}
footer p {
font-size: 12px;
margin: 40px auto 20px!important;
color: var(--text-color-alt)
}
.breadcrumb {
margin: 0 0 13px;
padding: 8px 0;
background: none
}
.breadcrumb i.fa-home:before {
content: "Home";
font-family: Poppins;
font-size: 10px;
font-weight: 700;
text-transform: uppercase
}
.breadcrumb > li {
padding: 0 8px;
position: relative;
white-space: nowrap;
font-size: 10px;
font-weight: 700;
text-transform: uppercase
}
.breadcrumb > li:first-child {
padding-left: 0
}
.breadcrumb > li + li:before {
content: "";
padding: 0
}
.breadcrumb > li:after {
content: "\f105";
font-family: FontAwesome;
font-size: 12px;
display: block;
position: absolute;
top: -2px;
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(--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 {
padding: 0
}
#product-category #content h3 + .row > .col-sm-3 ul {
list-style: none;
padding: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px
}
#product-category #content h3 + .row > .col-sm-3 ul li a {
display: inline-block;
color: var(--text-color-alt);
background-color: var(--bg-color);
padding: 10px 15px;
width: 100%;
margin: 0 0 5px
}
#product-category #content h3 + .row > .col-sm-3 ul li a:hover {
color: var(--text-color);
background-color: var(--main-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: var(--bg-color)
}
#product-category #content h3 + .row + .row {
margin-bottom: 20px
}
#product-category #content h3 + .row + .row .col-md-3.col-xs-6,#product-search #content h2 + .row .col-md-3.col-xs-6 {
padding-right: 0
}
#product-category #content h3 + .row + .row + .row {
margin: 0 -25px
}
#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 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
}
#product-category #column-left .swiper-viewport {
box-shadow: none;
background-color: var(--bg-color);
border-radius: 0;
border: none;
padding: 15px
}
#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;
color: var(--text-color-alt)
}
.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: 33px;
height: 33px;
border-radius: 30px;
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(--main-color)
}
.pagination > li > a:focus,.pagination > li > a:hover,.pagination > li > span:focus,.pagination > li > span:hover {
color: var(--main-color);
background-color: var(--dark-bg);
color: var(--text-color-alt)
}
.pagination > li:first-child > a,.pagination > li:first-child > span,.pagination > li:last-child > a,.pagination > li:last-child > span {
border-radius: 30px
}
.display-control {
margin-bottom: 30px
}
.list-group {
position: relative;
background-color: var(--bg-color);
margin-bottom: 15px
}
#product-category .list-group {
padding: 50px 0 0
}
#product-category .list-group:before {
content: "Categories";
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
position: absolute;
display: block;
width: 100%;
left: 0;
top: 0;
padding: 20px 15px
}
a.list-group-item {
color: var(--text-color-alt);
background: none;
padding: 15px;
font-size: 14px;
transition: all ease-in .2s;
position: relative;
border: none;
border-bottom: solid 1px var(--page-bg-color);
margin: 0;
border-radius: 0
}
.list-group-item:last-child {
border-radius: 0
}
a.list-group-item:hover,a.list-group-item:focus {
background: var(--main-color);
color: var(--text-color)
}
.list-group a.active,.list-group a.active:hover,.list-group a.active:focus {
background: none;
color: var(--main-color);
font-weight: 600;
border-color: var(--page-bg-color)
}
.list-group-item:first-child {
border-radius: 0
}
.carousel-caption {
color: var(--text-color)
}
.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: var(--main-color);
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(--bg-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 {
padding: 0 10px
}
.product-layout .product-thumb {
margin-bottom: 20px
}
.product-thumb {
background-color: var(--dark-bg);
transition: all ease-in .25s
}
.product-thumb:hover,.product-thumb:focus {
box-shadow: rgba(0,0,0,0.2) 0 0 30px
}
.product-thumb:hover img,.product-thumb:focus img {
transform: scale(0.95)
}
.product-list .product-thumb .caption {
min-height: unset
}
.product-thumb .image {
margin: 20px 0 0
}
.product-thumb .image a {
position: relative;
display: block;
margin-bottom: 20px
}
.product-thumb .image img {
margin-left: auto;
margin-right: auto;
width: 100%;
border-radius: 0;
transition: all ease-in .25s
}
.product-grid .product-thumb .image {
float: none
}
.product-list .product-thumb {
display: inline-block;
width: 100%
}
.product-list .product-thumb .image {
float: left;
padding: 0 20px;
width: 30%
}
.product-list .product-thumb .image + div {
float: left;
width: 70%;
padding: 0 20px 0 0
}
.product-list .product-thumb .caption {
padding: 0
}
.product-list .product-thumb .caption h4 {
margin-top: 20px
}
.product-list .product-thumb .button-group {
padding: 0 0 20px
}
.product-thumb h4 a {
color: var(--text-color);
position: relative;
display: inline-block;
font-size: 15px;
font-weight: 400;
position: relative
}
.product-thumb h4 a:hover {
color: var(--main-color)
}
.product-thumb p {
color: var(--text-color-alt);
font-size: 14px;
font-weight: 300;
line-height: 1.5
}
.product-thumb .caption {
padding: 0 25px;
min-height: 210px
}
.rating p {
color: var(--text-color-alt)
}
.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: #FFD700 !important;
font-size: 15px
}
.fa-star {
color: #FFD700 !important;
font-size: 15px
}
.fa-star + .fa-star-o {
color: var(--text-color-alt)
}
h2.price {
margin: 0
}
.product-thumb .price {
color: var(--text-color);
font-size: 18px;
font-weight: 400
}
.product-thumb .price-old {
color: var(--text-color-alt);
text-decoration: line-through;
margin-left: 10px;
font-size: 14px
}
.product-thumb .price-tax {
color: var(--text-color);
font-size: 14px;
display: block
}
.product-thumb .button-group {
padding: 0 30px 20px;
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: 38px;
width: 38px;
height: 38px;
color: #fff;
float: right;
margin: -8px 0 0;
padding: 4px 0 0;
transition: all ease-in .25s
}
.product-thumb .button-group button:first-child:hover,.product-thumb .button-group button:first-child:focus {
transform: scale(1.1)
}
.product-thumb .button-group button:first-child .fa-shopping-cart:before {
content: ""
}
.product-thumb .button-group button:first-child .fa-shopping-cart {
background: var(--top-link-4-bg);
background-size: contain;
width: 17px;
height: 17px
}
.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;
color: var(--text-color-alt)
}
.product-thumb .button-group button:hover {
text-decoration: none;
cursor: pointer;
color: var(--text-color);
transform: scale(1.1)
}
#content .swiper-viewport {
box-shadow: none;
margin-top: 0;
border-radius: 0
}
#product-product #content > .row > .col-sm-8 {
width: 60%
}
#product-product #content > .row > .col-sm-4 {
width: 40%;
background-color: var(--bg-color);
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-alt)
}
#product-product #content > .row > .col-sm-4 .btn-group .btn:hover,#product-product #content > .row > .col-sm-4 .btn-group .btn:focus {
color: var(--text-color)
}
#product-product #content > .row > .col-sm-4 hr {
border-color: var(--border-color-alt)
}
#product-product h1:before {
display: none
}
#product-product h1 + ul li {
font-size: 14px;
color: var(--text-color-alt)
}
#product-product h1 + ul li a {
text-transform: uppercase;
font-weight: 600
}
#product-product h1 + ul + ul li h2 {
font-size: 23px;
border: none;
padding: 0;
margin: 5px 0
}
#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-product h1 + ul + ul li h2:before {
display: none
}
#button-cart {
font-size: 14px;
margin-bottom: 20px;
color: #fff
}
.thumbnails {
background-color: var(--bg-color);
overflow: auto;
clear: both;
list-style: none;
padding: 20px 20px 7px;
margin: 0;
text-align: center
}
.image-additional {
display: inline-block;
margin: 0 5px 10px;
max-width: 80px
}
.thumbnail {
border: none;
background-color: transparent;
padding: 0;
border-radius: 3px
}
.image-additional > a.thumbnail {
display: block;
border-radius: 5px;
border: solid 3px transparent;
margin: 0
}
.image-additional > a.thumbnail.active,.image-additional > a.thumbnail:focus,.image-additional > a.thumbnail:hover {
border-color: var(--main-color)
}
.nav-tabs {
background-color: var(--bg-color);
margin: 15px 0;
border: none
}
.nav-tabs > li {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin: 0 1px 0 0
}
.nav-tabs li,.nav-tabs li a {
color: var(--text-color-alt);
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: transparent;
color: var(--text-color);
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: var(--text-color);
border: none
}
.tab-content {
padding: 30px;
background-color: var(--bg-color);
margin-bottom: 30px
}
#tab-description ul li,#tab-description div {
font-size: var(--main-font-size)
}
#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 table tbody tr:first-child td {
border-top: solid 1px var(--border-color-alt)
}
#review > .row > .col-sm-6 {
font-size: 14px
}
#form-review input[type="radio"] {
margin: 0 0 -4px
}
.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td span.active {
background-color: var(--orange-color)!important;
color: #fff!important;
text-shadow: none!important;
font-weight: 700
}
.bootstrap-datetimepicker-widget.bottom:after {
border-bottom-color: var(--bg-color)!important
}
.bootstrap-datetimepicker-widget a[data-action] {
color: var(--text-color-alt)
}
.bootstrap-datetimepicker-widget td span:hover {
background: var(--main-color)!important;
color: var(--text-color)!important
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover,.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover {
background-color: var(--dark-bg)!important
}
.picker-switch .btn {
background-color: var(--main-color);
padding: 8px 20px;
margin: 10px 0
}
.picker-switch .btn:hover,.picker-switch .btn:focus {
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(--border-color-alt) solid 1px
}
#checkout-cart .table-responsive table {
margin-bottom: 20px
}
#checkout-cart table.table > tbody > tr > td:last-child {
font-weight: 600
}
#checkout-cart table.table > tbody > tr > td:first-child > a {
display: block
}
#checkout-cart table.table > tbody > tr > td:first-child > a:hover img {
transform: scale(1.05)
}
#checkout-cart table.table > tbody > tr > td:nth-child(2) > a,#product-compare .table thead + tbody > tr > td a {
color: var(--main-color);
font-weight: 600
}
#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),#checkout-cart table.table > tbody > tr > td:last-child {
width: 10%;
vertical-align: middle
}
#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-primary {
color: var(--main-color)
}
#checkout-cart table.table > tbody > tr > td:nth-child(4) .btn {
background: none;
border: none;
box-shadow: none;
text-shadow: none
}
#checkout-cart table.table > tbody > tr > td:nth-child(4) .btn .fa {
font-size: 16px
}
#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: 20px 0 10px
}
#checkout-cart #accordion + br {
display: none
}
.panel {
box-shadow: none;
border-radius: 0;
border-color: var(--border-color-alt);
}
.panel-group .panel {
background-color: var(--bg-color);
border-color: var(--body-border-color)
}
.panel > .panel-heading {
background-color: var(--dark-bg);
border: none;
color: var(--text-color-alt);
border-radius: 0
}
.panel-group .panel,.panel-heading {
box-shadow: none;
border-radius: 0
}
.panel-body {
padding: 30px;
background: var(--bg-color);
border: none!important
}
.panel-heading {
padding: 15px
}
.panel-title {
font-size: 13px;
text-transform: uppercase
}
.panel-title > a {
display: inline-block;
width: 100%;
color: var(--text-color-alt)
}
.panel-group .panel + .panel {
margin-top: 10px
}
#collapse-coupon label {
padding-top: 12px
}
#checkout-cart .panel .btn {
background: var(--btn-default-bg);
padding: 16px 30px
}
#button-quote {
float: right
}
#collapse-voucher label {
padding-top: 5px
}
#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,#checkout-cart #accordion + br + .row table.table > tbody > tr:first-child > td:last-child {
border-top: solid 1px var(--border-color-alt)
}
#checkout-cart .buttons {
margin-top: 10px
}
#checkout-cart .buttons .pull-right .btn {
width: 436px
}
#checkout-cart #accordion + br + .row .table {
margin-bottom: 0
}
#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),#collapse-checkout-confirm table tbody tr td:last-child {
font-weight: 500
}
#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-account #column-right .list-group {
margin-top: 50px
}
#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
}
.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
}
#column-right .list-group a {
padding: 10px 20px;
margin: 0
}
#column-right .list-group a:hover,#column-right .list-group a:focus {
border-color: var(--main-color);
color: var(--text-color);
background: var(--bg-color);
padding-left: 25px
}
.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: 15px 20px;
background-color: var(--bg-color);
margin-bottom: 20px
}
#account-account #content .list-unstyled li {
line-height: 2.2
}
#account-account #content .list-unstyled li a {
color: var(--text-color-alt);
position: relative
}
#account-account #content .list-unstyled li a:before {
content: "";
display: block;
position: absolute;
width: 4px;
height: 4px;
background-color: var(--main-color);
border-radius: 4px;
left: -10px;
top: 8px;
opacity: 0;
transition: all ease-in .25s
}
#account-account #content .list-unstyled li a:hover,#account-account #content .list-unstyled li a:focus {
color: var(--main-color);
padding-left: 10px
}
#account-account #content .list-unstyled li a:hover:before,#account-account #content .list-unstyled li a:focus:before {
opacity: 1;
left: 0
}
#account-account #content h2:first-child {
margin-top: 0
}
#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
}
#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(--orange-color)!important
}
#account-wishlist .table .btn-danger:hover,#account-wishlist .table .btn-danger:focus {
color: var(--danger-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: var(--bg-color);
padding: 30px;
margin: 0 15px;
width: 72%;
min-height: unset
}
#information-information #content,#information-sitemap #content,#information-contact #content,#product-manufacturer #content {
background-color: var(--bg-color);
padding: 30px;
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(--text-color)
}
#account-order div.table-responsive .table .btn-danger,#account-download .table .btn {
color: var(--main-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,#account-return .table .btn .fa {
font-size: 20px
}
#account-wishlist .table .btn .fa-times:before {
content: "\f1f8"
}
#account-wishlist .table .btn .fa-shopping-cart:before,#account-order div.table-responsive .table .btn .fa-shopping-cart:before {
content: "";
display: block;
background-image: var(--top-link-4-bg);
width: 19px;
height: 19px
}
#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(--border-color-alt)
}
#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 img {
min-width: 200px
}
#product-compare .table tbody tr:nth-child(2) td {
text-align: left!important
}
#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 {
background-color: var(--dark-bg);
border: none;
box-shadow: 0 0 50px rgba(0,0,0,0.5);
padding: 30px
}
.modal-header,.modal-footer {
border: none
}
.modal-header {
padding: 15px 0
}
.modal-body {
background-color: var(--page-bg-color)
}
.modal-footer {
padding: 15px 0
}
#information-information img {
width: 100%!important
}
#product-manufacturer #content h1 + p {
display: inline-block;
width: 100%;
padding: 20px 20px 10px;
background: var(--page-bg-color)
}
#product-manufacturer #content h1 + p > strong {
float: left;
margin: 2px 10px 0 0;
font-weight: 500
}
#product-manufacturer #content h1 + p > a {
background: var(--main-color);
font-size: 18px;
font-weight: 600;
color: #fff;
padding: 2px 13px;
border-radius: 3px;
display: inline-block;
margin: 0 -8px 10px 0
}
#product-manufacturer #content h1 + p > a:hover,#product-manufacturer #content h1 + p > a:focus {
transform: scale(1.15)
}
#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;
text-transform: uppercase;
font-weight: 600;
background-color: var(--btn-default-bg);
color: var(--text-color);
border-radius: 3px;
padding: 12px 30px;
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 {
transform: scale(1.05)
}
#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;
color: var(--text-color-alt);
background: var(--page-bg-color);
margin-bottom: 15px;
padding: 10px 20px;
list-style: none;
border: solid 1px var(--border-color-alt)
}
#information-sitemap #content > .row .col-sm-6 > ul > li > a {
text-transform: uppercase;
color: var(--text-color-alt)
}
#information-sitemap #content > .row .col-sm-6 > ul > li > a:hover,#information-sitemap #content > .row .col-sm-6 > ul > li > a:focus {
color: var(--main-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: 0 0 0 30px;
margin-bottom: 15px
}
#information-contact .panel-default .col-sm-3 strong:before {
content: "";
width: 20px;
height: 20px;
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,');
width: 22px
}
#information-contact .panel-default .col-sm-3:nth-child(2) strong:before {
background-image: url('data:image/svg+xml,')
}
#information-contact .panel-default .col-sm-3:last-child strong:first-child:before {
background-image: url('data:image/svg+xml,')
}
#information-contact .panel-default .col-sm-3:last-child br + strong:before {
background-image: url('data:image/svg+xml,')
}
#information-contact .panel-default address {
margin-bottom: 10px
}
#information-contact .panel-default .panel-body {
padding: 30px 25px;
background-color: var(--page-bg-color)
}
#information-contact legend {
font-size: 24px;
font-weight: 600;
padding-bottom: 20px
}
#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: 6px
}
#product-search #button-search {
margin-bottom: 30px
}
#product-search #content .row > .text-right {
font-size: 13px;
color: var(--text-color-alt)
}
#product-search #content h2 + .row {
margin: 0 0 20px
}
#product-search #content h2 + .row + .row {
margin: 0 -10px 10px
}
#product-search #content h2 + .row + .row + .row {
margin: 0 -10px
}
@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%
}
#top-links li a:before {
top: -15px
}
#top-links > ul > li:nth-child(2) > a:before {
top: -2px
}
header > .container > .row {
width: auto
}
header .col-sm-4 {
padding-left: 0
}
header .col-sm-3 {
padding-right: 0
}
#logo {
padding: 7px 0 5px 0;
}
#logo img {
max-width: 180px;
}
#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: 245px;
padding: 0 20px
}
.product-thumb .button-group {
padding: 0 20px 10px
}
#common-home .product-thumb .button-group button:first-child,.product-grid .product-thumb .button-group button:first-child {
width: 100%;
height: 34px
}
#common-home .product-thumb .button-group button + button,.product-grid .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
}
.product-thumb {
margin-bottom: 20px
}
.product-thumb .caption {
min-height: 210px
}
#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 h2 + .row .col-md-4 {
margin-bottom: 10px
}
#product-category #content h3 + .row + .row .col-md-3.col-xs-6,#product-search #content h2 + .row .col-md-3.col-xs-6 {
padding-right: 15px
}
#product-category #content h3 + .row > .col-sm-3 {
width: 100%
}
#product-category #content h3 + .row + .row .col-md-3.col-xs-6,#product-category #content h3 + .row + .row .col-md-4.col-xs-6,#product-search #content h2 + .row .col-md-3.col-xs-6,#product-search #content h2 + .row .col-md-4.col-xs-6 {
margin-bottom: 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: 456px
}
#checkout-cart .buttons .pull-right .btn {
width: 100%
}
#product-manufacturer #content .row > .col-sm-3 {
width: 25%
}
}
@media (max-width: 768px) {
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
}
.navbar-nav {
margin: 0 -15px
}
.navbar-nav .dropdown-toggle:after {
margin-right: 16px;
font-size: 20px
}
#common-home #content h3 + .row {
width: auto;
margin: 0 15px
}
#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-layout {
padding: 0
}
#product-category #content h3 + .row + .row,#product-search #content h2 + .row,#product-search #content h2 + .row + .row {
margin-bottom: 20px
}
#product-category #content h3 + .row + .row + .row + .row {
margin-top: -1px
}
#product-category #content h3 {
margin-left: 0
}
#product-category #content h3 + .row > .col-sm-3 {
padding: 0 15px
}
#content .carousel {
width: auto;
margin: 0 20px
}
#logo {
margin: 0;
text-align: center
}
#logo img {
max-width: 180px;
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%
}
.navbar-collapse.in {
overflow-x: hidden
}
#menu div.dropdown-inner > ul.list-unstyled {
display: block
}
#menu div.dropdown-menu {
margin-left: 0!important;
padding: 20px 0;
background-color: var(--bg-color);
box-shadow: none;
border-radius: 0;
border: none
}
#menu .dropdown-inner {
display: block
}
#menu .dropdown-inner a {
width: 100%;
display: inline-block
}
#menu .see-all {
margin-top: 0;
border: none;
width: 100%
}
.header-logo,.header-search {
width: 100%
}
.header-search {
margin-bottom: 20px
}
footer {
text-align: center
}
#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
}
#common-home .product-layout .product-thumb .button-group button:first-child,.product-grid .product-thumb .button-group button:first-child {
width: 38px;
height: 38px
}
#common-home .product-layout .product-thumb .button-group button + button,.product-grid .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-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
}
}