html {
/*scroll-behavior: smooth;*/
font-size: 100%;
height: 100%; }
body {
font-size: 100%;
height: 100%;
background-color: transparent; }
body.no-scroll {
overflow: hidden; }
.popup body {
overflow: overlay; }
* {
behavior: url(PIE.htc);
behavior: url(PIE.htc);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box; }
a,
input,
.dropdown,
button,
.catalog-view img {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
a:focus,
button:focus,
input:focus {
outline: none; }
a:hover, a:focus {
text-decoration: none; }
p,
span {
margin: 0; }
img {
max-width: 100%;
max-height: 100%; }
.over-topbar {
position: relative; }
.over-middlebar {
padding: 2px 0 1px;
position: relative; }
h1,
h2,
h3,
h4 {
margin: 0;
padding: 0; }
ul {
margin: 0;
padding: 0; }
ul li {
list-style: none; }
.header.product-header {
color: #525252 !important; }
h1.header,
h2.header {
margin: 0 0 40px 0;
padding: 0;
text-align: center;
text-transform: uppercase;
position: relative;
-webkit-font-smoothing: antialiased;
font-weight: 700 !important; }
h1.header span,
h2.header span {
background-color: #fff;
padding: 0 15px;
position: relative;
z-index: 2; }
h1.header.with-subheader,
h2.header.with-subheader {
margin: 40px 0 5px 0; }
h3.subheader {
color: #ababab;
font-size: 1rem;
font-weight: 400;
margin: 0 0 30px;
text-align: center;
font-style: italic;
text-transform: none; }
h1.header:after,
h2.header:after {
/*background: url(images/pattern.png) repeat-x;*/
content: "";
height: 9px;
left: 0;
position: absolute;
top: 12px;
width: 100%; }
h1.header a {
color: #3c4349;
cursor: pointer; }
h3 {
font-size: 1.25rem;
font-weight: 700;
text-transform: uppercase; }
.cart-page > h3:not(.subheader) {
margin-bottom: 20px; }
h4 {
font-size: 1.125rem; }
.home-header {
font-size: 1.8875rem;
margin: 0 0 50px;
border-bottom: 2px solid #757575;
line-height: 25px; }
.header-note {
display: block;
margin: 0px 0 30px; }
.transition {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.transition-delay {
transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-webkit-transition: all 0.3s ease-in-out 0.1s; }
hr {
border-top: 1px solid #e0e0e0;
margin: 40px 0; }
.overlay {
background-color: rgba(0, 0, 0, 0.08);
height: 100%;
position: absolute;
width: 100%;
z-index: 900; }
.strike {
text-decoration: line-through; }
div.passwordmetercontainer {
background-color: #c0c0c0;
border-color: #000;
width: 260px !important;
height: 32px; }
div.passwordmetergauge {
background-color: #000;
height: 32px;
width: 0%; }
.alert {
border: none;
border-radius: 0;
font-size: 0.875rem;
padding: 10px 15px;
color: #fff; }
.alert.alert-success {
background-color: #7ea26f; }
.alert.alert-info {
background-color: #3d9cd2; }
.alert.alert-warning {
background-color: #ded3af; }
.alert.alert-error {
background-color: #c34242; }
.alert a,
.alert p {
color: #fff; }
.alert.with-icon {
display: flex;
align-items: stretch;
justify-content: center;
padding: 0; }
.alert.with-icon .icon {
background-color: rgba(0, 0, 0, 0.05);
display: flex;
justify-content: center;
align-items: center;
padding: 0 15px; }
.alert.with-icon .icon i {
font-size: 1.75rem; }
.alert.with-icon > span:not(.icon) {
padding: 10px 15px; }
/*.tooltip-inner {
padding: 5px 10px;
text-align: center; }*/
.green {
color: #6fab71; }
.yellow {
color: #ffca28; }
.red {
color: #ef5350; }
.box {
background-color: #f7f7f7;
padding: 20px; }
.box.box-white {
background-color: #fff; }
.box.sm-padding {
padding: 15px; }
.box.xs-padding {
padding: 10px; }
.box.box-option {
position: relative; }
.box .box-close {
background-color: rgba(0, 0, 0, 0.05);
display: flex;
justify-content: center;
align-items: center;
color: #525252;
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 40px;
z-index: 1; }
.box.box-with-header {
overflow: hidden;
padding: 0; }
.box.box-with-header header {
background-color: #3d434a;
padding: 10px 20px; }
.box.box-with-header header h3 {
color: #fff;
font-size: 1.254rem; }
.box.subscription header label {
color: #fff;
font-size: 1.254rem; }
.box.box-with-header .box-body {
padding: 15px 20px; }
.box.box-with-header .box-details {
background-color: rgba(0, 0, 0, 0.03);
padding: 15px; }
.box.box-with-header.order-infos .box-body {
min-height: 230px; }
.box.subscription {
text-align: left;
margin-bottom: 20px;
min-height: 280px;
padding-bottom: 100px;
position: relative; }
.box.subscription header > span {
font-size: 1.254rem;
float: right; }
.box.subscription:nth-child(3n) {
margin-right: 0; }
.box.subscription header label {
width: auto; }
.box.subscription header input {
margin: 6px 5px 0 0; }
.box.subscription .box-body ul li {
padding: 3px 0; }
.box.subscription .box-body ul li span:last-of-type {
float: right; }
.box.subscription .box-body > ul > li:last-child {
position: absolute;
bottom: 15px;
width: 90%; }
@media (max-width: 767px) {
.box.subscription header > span {
display: inline-flex !important;
}
}
.box_new_vendor_products,
.box_vendor_products{
margin-top: 40px;
}
.box_vendor_products .pagination {
display: none;
}
.catalog-view .product .product-buttons .add-to-cart,
.catalog-view .product .product-buttons .view-details,
.catalog-view .product .product-buttons .out-of-stock {
background-color: #3c4349;
border: none;
color: #fff;
font-size: 0.875rem;
padding: 8px 15px; }
.catalog-view .product .product-buttons .out-of-stock {
color: #ff9100 !important; }
.catalog-view .product .product-buttons .sm-btn {
border: none;
margin: 3px 0 0 5px;
padding: 8px 8px 5px; }
.catalog-view .product .product-buttons .sm-btn:hover {
background-color: #3c4349; }
.catalog-view .product .product-buttons .sm-btn i {
color: #fff; }
.catalog-view .product .product-buttons .sm-btn.add-to-compare i {
font-size: 0.8rem; }
.catalog-view.more-products .product-buttons .btn {
background-color: #3c4349;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: none;
font-size: 0.875rem;
padding: 7px 15px; }
.catalog-view .product {
margin-bottom: 30px;
position: relative; }
.catalog-view {
margin-top: 40px; }
.homepage .catalog-view {
margin-top: 0px; }
.catalog-view .product .product-price .hotdeal span {
color: #ef5350;
font-weight: 400; }
.catalog-view .product.box:nth-child(even) {
background-color: transparent; }
.catalog-view .product .product-thumb {
border-bottom: 4px solid #e0e0e0;
position: relative;
text-align: center;
overflow: hidden; }
.catalog-view.more-products .product .product-thumb {
border: none;
border-radius: 0; }
.catalog-view .product:hover .product-thumb .overlay {
background-color: rgba(0, 0, 0, 0); }
.catalog-view .product:hover .product-thumb .product-quick-view {
right: 0; }
.catalog-view .product:hover .product-thumb:before {
left: -100px; }
.catalog-view .product .product-thumb img {
margin-top: 20px;
width: 100%; }
.catalog-view .product:hover .product-thumb img {
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05); }
.catalog-view .product .product-thumb:before {
transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-webkit-transition: all 0.3s ease-in-out 0.1s; }
.catalog-view .product .product-thumb .product-quick-view {
top: 50%;
right: -250%; }
.catalog-view .product .product-price .catalog-price {
font-size: 2rem; }
.catalog-thumb4 .product .product-titles .catalog-price {
font-size: 1.125rem;
font-weight: 400; }
.catalog-view .product .product-price .strike-price {
font-size: 0.875rem;
font-weight: 300 !important; }
.catalog-view .product .product-price .case-details {
background: url("images/sprite.png") no-repeat;
background-position: 0 -127px;
padding: 0 0 0 25px; }
.catalog-view .product .product-price .case-details span {
font-size: 0.875rem; }
.catalog-view .product .product-price .price .case-details span {
font-size: 0.75rem; }
.catalog-view .product .product-label *,
.catalog-view .product .login-for-price * {
font-family: "Open Sans";
text-transform: uppercase; }
.catalog-view .product .product-label span b {
font-weight: 400;
text-transform: none; }
.catalog-thumb .product .login-for-price {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0; }
.catalog-view .product .product-label span {
color: #ccc;
font-size: 0.75rem; }
.catalog-view .product .login-for-price span {
color: #ccc;
font-size: 0.75rem; }
.catalog-view .product .login-for-price a {
color: #fff;
display: inline-block;
font-size: 0.75rem; }
.catalog-view .product .product-titles h3 {
font-size: 1rem;
height: 19px;
margin-bottom: 0;
overflow: hidden; }
.catalog-view.more-products .product .product-titles h3 {
margin-top: 10px; }
.catalog-view .product .product-titles h3 a {
color: #3c4349; }
.catalog-view .product .product-titles span,
.catalog-view .product .product-titles > a {
font-size: 0.75rem; }
.catalog-view .product .actions form {
display: inline-block; }
.catalog-view .product .product-description p {
font-size: 0.875rem; }
.catalog-view.more-products .product .product-buttons {
margin-top: 10px; }
.catalog-manufacturers > div > div {
border-bottom: 2px solid #ececec;
padding: 15px 0; }
.catalog-manufacturers > div > div:hover {
background-color: #f1f1f1; }
.catalog-manufacturers .image {
padding-left: 10px; }
.catalog-manufacturers .image a {
background-color: #fff;
display: table-cell;
height: 80px;
width: 80px;
vertical-align: middle; }
.catalog-manufacturers .info {
padding-left: 15px; }
.catalog-manufacturers .info h3 a {
color: #3c4349;
font-size: 1.125rem; }
.catalog-manufacturers .info h3 a:hover {
color: #7d7d7d; }
.catalog-filters .tags a {
color: #3d434a;
display: inline-block;
font-size: 0.875rem;
margin-right: 5px; }
.catalog-simple .flex-container {
border-bottom: 1px dashed #bfbfbf;
padding: 30px 0; }
.catalog-simple .image {
border-bottom: 2px solid #dfe3e3;
border-right: 2px solid #ededed;
width: 85px; }
.catalog-simple .image a {
display: block; }
.catalog-simple .image a:hover img {
transform: scale(0.95);
-moz-transform: scale(0.95);
-webkit-transform: scale(0.95); }
.catalog-simple .details {
padding-left: 10px; }
.catalog-simple .details h3 a {
color: #9a9a9a;
font-size: 1rem;
margin-bottom: 10px;
text-transform: uppercase; }
.catalog-simple .details .reviews {
margin-bottom: 15px; }
.catalog-simple .price .price-msg,
.catalog-simple .price .price-label,
.catalog-simple .price .case-price {
display: none; }
.catalog-simple .price .catalog-price {
color: #595959 !important;
font-size: 1rem;
font-weight: 700; }
.catalog-simple .price .strike {
font-size: 0.875rem; }
.catalog .collection .lead.description::before, .catalog .collection .lead.description::after {
font-family: "FontAwesome";
color: rgba(0, 0, 0, 0.25); }
.catalog .collection .lead.description::before {
content: "\f10d"; }
.catalog .collection .lead.description::after {
content: "\f10e"; }
.catalog > * {
margin-bottom: 40px; }
.catalog > *:last-child {
margin-bottom: 0; }
.catalog h1.header {
border-bottom: 1px solid #cdcdcd;
margin: 0 0 25px;
padding: 0 0 25px; }
.catalog h1.header:after {
display: none; }
.catalog .category-information .category-image {
position: relative;
overflow: hidden; }
.catalog .category-information .category-image span {
color: #fff;
bottom: -2px;
font-size: 5rem;
font-weight: 400;
letter-spacing: -8px;
left: -4px;
line-height: 4rem;
position: absolute;
z-index: 10; }
.catalog .category-information img {
object-fit: cover;
width: 100%;
max-height: 30vh;
transition: all 0.3s ease-in-out; }
.catalog .category-information .category-image:hover img {
transform: scale(1.05); }
.catalog .subctegories {
margin-bottom: 25px; }
.catalog .subctegories > div {
margin-bottom: 15px; }
.catalog .subctegories .subcategory {
border-top: 4px solid #3d434a;
border-bottom: 3px solid #f1f1f1;
display: table;
width: 100%; }
.catalog .subctegories .subcategory div:first-of-type {
background-color: #fff;
display: table-cell;
height: 45px;
text-align: center;
vertical-align: middle; }
.catalog .subctegories .subcategory div:first-of-type a {
color: #3d434a;
font-size: 0.875rem; }
.catalog .subctegories .subcategory div:nth-of-type(2) a {
background-size: cover;
background-position: center;
display: block;
height: 120px;
width: 100%; }
.catalog form.sort-by-catalog-view {
margin-bottom: 20px; }
.catalog form.sort-by-catalog-view .chosen-container {
margin-left: 10px;
text-align: left; }
.catalog form.sort-by-catalog-view .float-right i {
margin: 0 2px;
color: #222222;
font-size: 20px; }
.catalog form.sort-by-catalog-view .float-right span {
font-size: 18px;
margin-left: 25px;
}
.catalog form .counter {
color: #a4a4a4;
font-size: 0.75rem;
font-weight: 600;
padding: 8px 0;
text-transform: uppercase; }
.catelog-search input,
.catelog-search .chosen-container {
display: block;
max-width: 100%;
width: 100%; }
.catelog-search label {
display: block;
max-width: 100%;
width: 100%; }
.catelog-search .price input {
display: inline-block;
vertical-align: top;
width: 49%; }
.catelog-search .row > div {
margin-bottom: 10px; }
.category-banner {
background-color: #f2f2f2;
background-size: cover;
background-position: center;
padding: 70px 0 140px;
position: relative;
z-index: 5;
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray; }
.category-banner.with-bg:before {
background-color: rgba(0, 0, 0, 0.35);
content: "";
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.category-banner .wrapper {
position: relative;
z-index: 2; }
.category-banner.with-bg h2 {
color: #fff; }
.category-banner h2 {
color: #464646; }
.category-banner.with-bg p {
color: #fff;
}
.category-banner p {
color: #000000;
font-size: 0.875rem;
line-height: 2;
width: 70%; }
.chosen-container select {
display: block;
max-width: 100%;
width: 100%; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
form.form-columns .col {
width: 260px;
}
fieldset input[type="checkbox"] {
margin-top: 5px; }
form.form-columns label,
form.form-columns input,
form.form-columns .col,
form.form-columns select,
form.form-columns .chosen-container-single {
display: inline-block;
text-align: left;
vertical-align: top; }
.signup_vendor form.form-columns fieldset .input > label,
.signup_vendor form.form-columns fieldset .input .left-col,
.signup form.form-columns fieldset .input > label,
.signup form.form-columns fieldset .input .left-col {
width: 160px; }
form.form-columns fieldset .input > label,
form.form-columns fieldset .input .left-col {
vertical-align: bottom;
width: 240px; }
form label,
form.form-columns fieldset .input > label.width100 {
display: block;
width: 100%; }
form label input {
margin-top: 4px;
width: auto; }
form input[type="password"] {
padding: 10px 5px 2px;
width: 100%; }
input[type="text"],
form textarea {
resize: vertical;
padding: 10px 5px 2px;
width: 100%; }
.sidebar .chosen-container-single .chosen-single,
.box .chosen-container-single .chosen-single {
background-color: #fff !important; }
form.form-columns input,
form.form-columns .input .chosen-container-single {
max-width: 260px; }
form .chosen-container-single {
max-width: 260px;
width: 100%; }
form input[type="submit"],
form.form-columns input[type="submit"] {
display: inline-block;
max-width: none;
width: auto; }
form fieldset .note {
background-color: #d9edf7;
border: 1px solid #bce8f1;
color: #31708f;
margin-top: 10px;
padding: 7px 10px;
width: fit-content; }
form hr {
border-top: 1px solid #e0e0e0;
margin: 0 0 15px 0; }
form select {
border: 2px solid #e0e0e0;
height: 38px; }
form .chosen-container-single .chosen-single,
form .chosen-container-active.chosen-with-drop .chosen-single {
background-image: none;
background: none;
border-radius: 0;
box-shadow: none;
height: auto;
padding: 8px 5px 2px; }
form .chosen-container-single .chosen-single div b {
background-position: 2px 7px; }
form .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -16px 7px; }
form .chosen-container .chosen-drop {
box-shadow: none;
margin-top: -2px;
text-align: left; }
form .chosen-container .chosen-results li {
padding: 10px 5px; }
form .chosen-container .chosen-results li.highlighted {
background-image: none;
background-color: #3c4349; }
form .chosen-container-multi .chosen-choices {
background-image: none;
background-color: #f9f9f9;
border: none;
border-bottom: 1px solid #e0e0e0;
min-width: 260px;
padding: 10px 5px 2px; }
form .chosen-container-active .chosen-choices {
box-shadow: none; }
.catalog form label {
font-size: 0.875rem;
margin-bottom: 5px; }
.catalog form input[type="text"], .catalog form input[type="password"] {
background-color: transparent !important;
border: 1px solid #d9d9d9 !important;
border-radius: 2px;
font-size: 0.75rem;
font-weight: 400;
padding: 6px 8px; }
.catalog textarea {
background-color: transparent !important;
border: 1px solid #d9d9d9 !important;
border-radius: 2px;
font-size: 0.75rem;
font-weight: 400;
padding: 6px 8px; }
.catalog form select {
background-color: transparent !important;
border: 1px solid #d9d9d9 !important;
border-radius: 2px;
font-size: 0.75rem;
font-weight: 400;
padding: 6px 8px; }
.catalog form .chosen-container-single {
width: auto; }
.catalog form .chosen-container-single .chosen-single div b {
background-position: 2px 6px; }
form.small .chosen-container-single .chosen-single div b {
background-position: 2px 6px; }
.catalog form .chosen-container-active.chosen-with-drop .chosen-single div b,
form.small .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: 100% -273px; }
.catalog form .chosen-container-single {
margin: 0 0 5px 10px;
min-width: 245px;
text-align: left; }
.catalog .catalog-search form .chosen-container-single {
margin: 0 0 10px 0;
min-width: 100%; }
.catalog .catalog-search form input {
margin-bottom: 10px; }
.catalog .catalog-search form select {
height: 34px;
width: 100%; }
.catalog form .chosen-container-single .chosen-single {
background-color: transparent !important;
border: 1px solid #d9d9d9 !important;
color: #909090 !important;
font-size: 0.75rem;
font-weight: 700;
padding: 4px 10px;
text-transform: uppercase; }
form.small .chosen-container-single .chosen-single {
background-color: transparent !important;
border: 1px solid #d9d9d9 !important;
color: #909090 !important;
font-size: 0.75rem;
font-weight: 700;
padding: 4px 10px;
text-transform: uppercase; }
.catalog form .chosen-container-active.chosen-with-drop .chosen-single,
form.small .chosen-container-active.chosen-with-drop .chosen-single {
background-color: #fff !important; }
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
display: none; }
.select-vendor-map .chosen-container-single .chosen-single {
background: none;
background-color: transparent;
border-radius: 0;
box-shadow: none;
border: 2px solid #ececec;
height: 41px;
margin-top: 10px;
padding: 7px 10px; }
.select-vendor-map .chosen-container-single .chosen-single div b {
background-position: 0 9px; }
.select-vendor-map .chosen-container-active.chosen-with-drop .chosen-single {
background: none;
background-color: transparent;
border: 2px solid #ececec; }
.select-vendor-map .chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 9px; }
.select-vendor-map .chosen-container-single .chosen-drop {
border: 2px solid #ececec;
border-top: none;
margin-top: -2px; }
.select-vendor-map .chosen-container .chosen-results li.highlighted {
background: none;
background-color: #525252; }
.page-container {
position: relative; }
.wrapper {
margin: 0 auto;
max-width: 1200px;
padding: 0 30px; }
.wrapper.big {
max-width: 1600px;
padding: 0 20px; }
.wrapper.small {
max-width: 940px;
padding: 0 10px; }
header {
position: relative; }
header.floating-topbar {
transition: background 0.5s ease-in-out, height 0.3s ease-in-out, transform 0.5s ease-in-out;
position: fixed;
top: 0;
width: 100%;
z-index: 999; }
main .content {
position: relative; }
.flex-container {
display: flex;
width: 100%; }
.flex-container .flex1 {
flex: 1; }
@media (max-width: 767px) {
.flex-container .flex1 {
width: 100%;
}
}
.flex-middle {
align-items: center;
justify-content: center; }
.flex-container.row-reverse {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse; }
.sidebar,
.inner {
margin: 1rem 0; }
.homepage .inner {
margin: 0; }
aside.sidebar.sidebar-left {
box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
}
.sidebar-left {
margin-right: 40px; }
.sidebar-right {
margin-left: 40px; }
.row-gutters-compressed {
margin-left: -7px;
margin-right: -7px; }
.row-gutters-compressed > * {
padding: 0 7px; }
.row-gutters-small {
margin-left: -10px;
margin-right: -10px; }
.row-gutters-small > * {
padding: 0 10px; }
.row-gutters {
margin-left: -15px;
margin-right: -15px; }
.row-gutters > * {
padding: 0 15px; }
.row-gutters-medium {
margin-left: -20px;
margin-right: -20px; }
.row-gutters-medium > * {
padding: 0 20px; }
.row-gutters-extended {
margin-left: -30px;
margin-right: -30px; }
.row-gutters-extended > * {
padding: 0 30px; }
.row.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; }
.row.row-eq-height [class*="col-"] {
display: flex;
flex-direction: column;
margin: -1px; }
.full_height {
height: 100%;
height: -webkit-fill-available !important; }
.width100 {
width: 100%; }
.width50 {
width: 50%; }
.width30 {
width: 30%; }
.height100 {
height: 100%; }
.align-center {
text-align: center; }
.align-left {
text-align: left; }
.align-right {
text-align: right; }
.float-right {
float: right; }
.float-left {
float: left; }
.width-full {
width: 100%; }
.width-max50 {
max-width: 50% !important; }
.margin0 {
margin: 0 !important; }
.margin-top5 {
margin-top: 5px; }
.margin-top10 {
margin-top: 10px; }
.margin-top15 {
margin-top: 15px; }
.margin-top20 {
margin-top: 20px; }
.margin-top25 {
margin-top: 25px; }
.margin-top30 {
margin-top: 30px; }
.margin-top40 {
margin-top: 40px; }
.margin-top50 {
margin-top: 50px; }
.margin-top100 {
margin-top: 100px; }
.margin-right5 {
margin-right: 5px; }
.margin-right10 {
margin-right: 10px; }
.margin-right15 {
margin-right: 15px; }
.margin-right20 {
margin-right: 20px; }
.margin-right25 {
margin-right: 25px; }
.margin-right30 {
margin-right: 30px; }
.margin-left5 {
margin-left: 5px; }
.margin-left10 {
margin-left: 10px; }
.margin-left15 {
margin-left: 15px; }
.margin-left20 {
margin-left: 20px; }
.margin-left25 {
margin-left: 25px; }
.margin-left30 {
margin-left: 30px; }
.margin-bottom5 {
margin-bottom: 5px; }
.margin-bottom10 {
margin-bottom: 10px; }
.margin-bottom15 {
margin-bottom: 15px; }
.margin-bottom20 {
margin-bottom: 20px; }
.margin-bottom25 {
margin-bottom: 25px; }
.margin-bottom30 {
margin-bottom: 30px; }
.margin-bottom40 {
margin-bottom: 40px; }
.padding0 {
padding: 0 !important; }
.padding5 {
padding: 5px; }
.padding10 {
padding: 10px; }
.padding15 {
padding: 15px; }
.padding20 {
padding: 20px; }
.padding25 {
padding: 25px; }
.min-width100 {
min-width: 100px; }
.min-width200 {
min-width: 200px; }
.min-width300 {
min-width: 300px; }
#position-top-a {
position: relative; }
#position-over-topbar .module ul li a {
font-size: 0.75rem;
display: inline-block;
text-transform: uppercase;
padding: 18px 10px 19px; }
#position-categories {
align-self: center;
position: static; }
.position-cart .module .dropdown, .position-cart .module .cart-dropdown {
padding: 0.5rem;
}
.box_international.module .dropdown > a i,
.position-cart .module .cart-dropdown > a i,
.position-cart .module .cart-dropdown > span i,
.position-cart .module .cart-dropdown > div span i {
color: #fff;
font-size: 1.5rem;
}
.position-cart .cart-dropdown {
padding: 1rem 0;
position: relative;
text-align: center; }
.position-cart .cart-dropdown div.counter {
background-color: rgba(255, 255, 255, 0.4);
color: #fff;
font-size: 9px;
height: 15px;
right: 3px;
padding-top: 1px;
position: absolute;
text-align: center;
top: 3px;
width: 15px; }
.position-cart .cart-dropdown .dropdown-menu {
left: auto;
padding: 0;
right: 0;
top: 68px;
min-width: 320px;
text-align: left; }
.position-cart .cart-dropdown.logedin .dropdown-menu:not(.user_only) {
min-width: 550px; }
.position-cart .cart-dropdown .dropdown-menu:after {
left: auto;
right: 14px; }
.position-cart .cart-dropdown .dropdown-menu .body {
float: left;
padding: 20px;
width: 100%; }
.position-cart .cart-dropdown .dropdown-menu .body.cart ul {
padding: 20px; }
.position-cart .cart-dropdown .dropdown-menu .body.cart ul li {
float: left;
margin-bottom: 15px;
position: relative;
width: 100%; }
.position-cart .cart-dropdown .dropdown-menu .body.cart ul li:hover {
background-color: transparent; }
.position-cart .cart-dropdown .dropdown-menu .body ul li a.close {
color: #c3c3c3;
float: right; }
.position-cart .cart-dropdown .dropdown-menu .body ul li a.close:hover {
color: #222; }
.position-cart .cart-dropdown .dropdown-menu .body ul li a.product {
color: #222;
display: block;
padding: 0 30px 0 0;
text-transform: uppercase; }
.position-cart .cart-dropdown .dropdown-menu .body ul li a.product .title {
font-size: 0.75rem; }
.position-cart .cart-dropdown .dropdown-menu .body a img {
float: left;
margin-right: 15px;
width: 60px; }
.position-cart .cart-dropdown .dropdown-menu .body ul li span {
color: #464646;
font-size: 0.6875rem;
font-weight: 400; }
.position-cart .cart-dropdown .dropdown-menu .body .subtotal {
background-color: #f2f2f2;
color: #464646;
float: left;
font-size: 0.75rem;
padding: 15px 20px;
width: 100%; }
.position-cart .cart-dropdown .dropdown-menu .body .subtotal span:first-child {
float: left;
margin-top: 3px; }
.position-cart .cart-dropdown .dropdown-menu .body .subtotal span:last-child {
float: right;
font-size: 1rem; }
.position-cart .cart-dropdown .dropdown-menu .body .action-btns {
float: left;
padding: 20px 0;
text-align: center;
width: 100%; }
.position-cart .cart-dropdown .dropdown-menu .body .action-btns a {
min-width: 120px;
vertical-align: top; }
.position-cart .cart-dropdown .dropdown-menu .body .action-btns a i {
font-size: 0.875rem; }
.position-cart .cart-dropdown .dropdown-menu .body .empty p {
border-bottom: 1px solid #ddd;
color: #222;
display: block;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
width: 100%; }
.position-cart .cart-dropdown .dropdown-menu .body .empty p a {
color: #222;
font-size: 0.75rem; }
.position-cart .cart-dropdown .dropdown-menu .body.profile h4 {
border-bottom: 1px solid #ddd;
color: #222;
font-size: 0.875rem;
font-weight: 700;
margin-bottom: 5px;
padding: 0 0 10px;
text-transform: uppercase; }
.position-cart .cart-dropdown .dropdown-menu .body.profile h3 {
color: #757575;
font-size: 0.875rem;
text-transform: uppercase; }
.position-cart .cart-dropdown .dropdown-menu .body.profile .seller {
padding-left: 20px; }
.position-cart .cart-dropdown .dropdown-menu .body.profile .buyer {
padding-right: 20px; }
.position-cart .cart-dropdown .dropdown-menu .body.profile ul li a {
font-size: 0.75rem;
padding: 10px 0 10px 5px; }
.position-cart .cart-dropdown .dropdown-menu .body.profile ul > a {
display: block;
width: 100%; }
.position-cart .cart-dropdown > :first-child i {
font-size: 1rem; }
.position-cart .toggle-dropdown i {
margin: 13px 0 0 10px;
color: #fff; }
.over-middlebar > .wrapper > .row {
display: flex;
align-items: flex-end; }
footer {
/*padding-top: 60px;*/ }
footer .footer {
/*padding-top: 40px;*/
text-align: center;
}
footer .content {
/*background: url(images/pattern.png) repeat-x top;*/
padding: 45px 0 0; }
footer .graphic {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
footer #footeraboutus {
padding-right: 50px; }
footer .module h3.module-header {
text-align: center !important;
color: #494949 !important;
font-size: 22px !important;
font-weight: 400 !important;
margin-bottom: 15px;
position: relative;
text-transform: uppercase;
-webkit-font-smoothing: antialiased; }
footer .module h3.module-header:before {
background-color: #f2f2f2;
/*content: "";*/
height: 6px;
position: absolute;
top: 45px;
width: 50px; }
footer .module ul li a {
font-size: 16px !important;
font-weight: 400;
line-height: 1.7;
text-transform: uppercase;
-webkit-font-smoothing: antialiased; }
footer .footer p {
font-size: 0.8125rem;
margin-bottom: 10px;
line-height: 1.7; }
footer .bottombar {
background-color: #f5f5f5;
border-top: 1px solid #e8e8e8;
margin-top: 30px; }
footer .bottombar img {
margin: -45px 0 30px; }
footer .bottombar h4 {
color: #dadada;
font-size: 0.875rem;
margin-bottom: 15px; }
footer .bottombar p {
font-size: 1rem;
padding: 18px 0; }
.product-options .images {
margin-bottom: 30px; }
.product-options .image {
border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0; }
.product-options .image a {
display: block;
width: 100% !important; }
.product-options .image img {
width: 100%; }
.product-options .image .zoomPad {
float: none; }
.product-options .thumbs {
background-color: #fff;
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
padding: 15px 10px; }
.product-options .thumbs .carousel-controler {
top: -5px; }
.product-options .thumbs .carousel-controler.left {
left: -10px; }
.product-options .thumbs .carousel-controler.right {
right: -10px; }
.product-options .thumbs ul li a {
display: block;
margin: 0 5px; }
.product-options .thumbs ul li a img {
width: 100%; }
.advanced-attributes {
margin-bottom: 30px; }
.advanced-attributes .attribute {
border: 1px solid #fff; }
.advanced-attributes .attribute:nth-child(n + 2) {
margin-top: 10px; }
.advanced-attributes .attribute label {
cursor: pointer;
width: auto; }
.advanced-attributes .attribute label img,
.advanced-attributes .attribute label .color {
height: 45px;
width: 45px; }
.advanced-attributes .attribute > div:nth-child(2) {
padding-left: 15px; }
.advanced-attributes .attribute h4 {
font-size: 0.875rem; }
.advanced-attributes .attribute h4 span {
float: right; }
.advanced-attributes .attribute p {
font-size: 0.75rem; }
.global-attributes {
margin-bottom: 30px; }
.global-attributes .attribute.file-input span,
.global-attributes .attribute.file-input input {
display: inline-block;
vertical-align: top; }
.global-attributes .attribute.file-input span {
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px; }
.global-attributes .attribute.file-input input[type="text"] {
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0; }
.global-attributes .attribute:nth-child(n + 2) {
margin-top: 20px; }
.global-attributes .attribute h4 {
font-size: 0.875rem; }
.global-attributes .attribute select,
.global-attributes .attribute .chosen-container,
.global-attributes .attribute input[type="text"],
.global-attributes .attribute textarea,
.global-attributes .attribute .chosen-container-single .chosen-single {
border-color: #ccc !important;
width: 100%; }
.product-view:not(.style2)
.global-attributes
.attribute
.chosen-container
.chosen-drop {
border-color: #fff !important;
width: 100%; }
.global-attributes .attribute .chosen-container .chosen-drop input {
border: 1px solid #e0e0e0 !important; }
.global-attributes .attribute textarea {
padding: 0; }
.global-attributes .attribute .radio-buttons label:nth-child(n + 2) {
margin: 5px 0 0 5px; }
.global-attributes input:-moz-placeholder, .global-attributes input::-moz-placeholder, .global-attributes input::-webkit-input-placeholder {
color: #616161; }
.product-options .price {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 10px;
padding: 5px 0;
text-align: right; }
.product-options .price span {
font-size: 1.875rem; }
.product-options .price span.case-price, .product-options .price span.strike {
font-size: 1.125rem; }
.product-options .price span.price-subtext {
display: block;
font-size: 0.75rem; }
.product-options .price .price-msg,
.product-options .price .price-label {
display: none; }
.product-options .price .case-price {
background: url(images/sprite.png) no-repeat 0px -127px;
padding-left: 22px; }
.product-options .price span.case-price {
margin-left: 10px; }
.product-options .spinbox,
.product-options .add-to-cart {
display: inline-block;
vertical-align: top; }
.product-options .qty {
display: inline-block;
vertical-align: top;
margin-right: 10px; }
.product-options .add-to-cart button {
width: 100%;
font-size: 0.875rem;
font-weight: 400;
padding: 9px 25px 7px;
text-transform: uppercase; }
.product-options #buy-now {
font-size: 0.875rem;
font-weight: 400;
padding: 9px 25px 7px;
text-transform: uppercase; }
.add-to-cart button i,
#buy-now i {
border-right: 1px solid rgba(255, 255, 255, 0.6);
font-size: 1rem;
margin-right: 5px;
padding-right: 8px; }
.product-options .price-offer p {
font-size: 0.75rem;
padding: 5px;
text-align: center;
text-transform: uppercase; }
.spinbox {
position: relative; }
.spinbox div.spinedit {
display: block;
position: static; }
form .spinbox input:not([type="submit"]):not([type="file"]) {
background-color: #3c4349 !important;
border: none !important;
border-radius: 0;
color: #fff;
font-size: 1rem;
font-weight: 400 !important;
margin: 0 14px;
max-width: 45px;
padding: 9px 10px;
text-align: center;
width: auto; }
.product-view:not(.style4) .spinbox .quantityspinbox-changebox-arrow,
.product-view:not(.style4) .spinbox .spinedit i {
background-color: #596068;
color: #fff;
font-size: 0.625rem;
height: 100%;
padding: 13px 3px;
position: absolute;
text-align: center;
top: 0;
width: 16px;
z-index: 90;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out; }
.product-view:not(.style4) .spinbox .quantityspinbox-changebox-arrow:hover,
.product-view:not(.style4) .spinbox .spinedit i:hover {
cursor: pointer; }
.product-view:not(.style4):not(.style5) .spinbox .spinedit i:first-of-type:hover {
padding: 11px 3px; }
.product-view:not(.style4):not(.style5) .spinbox .spinedit i:last-of-type:hover {
padding: 15px 3px 11px; }
.product-view:not(.style4) .spinbox .quantityspinbox-changebox-arrow.quantityspinbox-changebox-arrow-up,
.product-view:not(.style4) .spinbox .spinedit i:first-of-type {
left: 0; }
.product-view:not(.style4) .spinbox .quantityspinbox-changebox-arrow.quantityspinbox-changebox-arrow-down,
.product-view:not(.style4) .spinbox .spinedit i:last-of-type {
right: 0; }
.login-register * {
font-size: 0.875rem; }
.product-details > *:nth-child(n + 2) {
margin-bottom: 20px; }
.product-details .overview {
font-size: 0.875rem;
line-height: 22px;
margin-bottom: 0; }
.product-view .related-url {
background-color: #f1f1f1;
margin: 10px 0;
overflow: hidden;
padding: 5px;
text-align: left;
justify-content: start; }
.product-view .related-url > a {
background-color: #f9f9f9;
color: #515961;
height: 40px;
padding: 10px 0 0;
text-align: center;
min-width: 40px; }
.product-view .related-url > a i {
font-size: 1.25rem; }
.product-view .related-url p {
padding-left: 10px; }
.product-view .related-url p span {
display: block;
font-size: 1rem;
font-weight: 400;
text-transform: uppercase; }
.product-view .related-url p a {
display: block;
height: 18px;
line-height: 1.2;
margin-top: -15px;
opacity: 0;
overflow: hidden; }
.product-view .related-url:hover p a {
margin-top: -3px;
opacity: 1; }
.product-details .share-product {
border-top: 5px solid #e0e0e0;
margin: 10px 0 40px;
padding-top: 10px; }
.product-details .share-product a {
color: #464646;
font-size: 0.875rem;
margin-right: 10px; }
.product-details .share-product a:hover {
cursor: pointer; }
.product-details .share-product a i {
font-size: 1.125rem; }
.product-details .share-product a span {
display: none; }
.product-details .share-product form {
display: inline-block; }
.product-details .share-product button {
background-color: transparent;
border: none;
color: #616161; }
.product-details .price .price-msg,
.product-details .price .price-label {
display: none; }
.product-details .share-product .social {
float: right; }
.product-details .product-properties .row > div {
padding-top: 8px;
padding-bottom: 8px; }
.product-details .product-properties .row > div:nth-child(even) {
border-bottom: 1px solid #e0e0e0; }
.product-details .product-properties .row > div:nth-child(odd) {
padding-right: 20px; }
.product-details .product-properties .row:last-child > div {
border-bottom: none; }
.product-details .product-properties .row > div:nth-child(odd) span {
font-weight: 400; }
.product-details .product-properties * {
font-size: 0.875rem; }
.product-details .product-properties b {
font-weight: 700 !important; }
.product-details .product-properties > ul {
display: none; }
.product-details #accordion h4 a {
border-top: 2px solid #efefef;
color: #999;
display: block;
font-size: 0.6875rem !important;
font-weight: 700;
padding: 13px 10px;
text-transform: uppercase;
width: 100%; }
.product-details #accordion h4 a i {
font-size: 0.875rem;
float: right;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.product-details #accordion h4 a:not(.collapsed) i {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg); }
.product-details #accordion .panel-body {
padding: 10px; }
.product-details #accordion .panel-body * {
font-size: 0.75rem !important; }
.product-view .product-info {
line-height: 1.7; }
.product-view .product-info > div {
/*background: url(images/pattern.png) repeat-x;*/
margin-top: 60px;
padding-top: 30px;
text-align: center; }
.product-view .product-info h3 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 15px;
text-transform: uppercase; }
.product-view .product-info .reviews-list header h3 {
color: #b9b9b9;
font-size: 0.875rem;
font-weight: 400;
margin-bottom: 0; }
.product-view .product-info .vendor-ratings header h3 {
color: #b9b9b9;
font-size: 0.875rem;
font-weight: 400;
margin-bottom: 0; }
.product-view .product-info .vendor-ratings .ratings {
margin: 15px auto 0; }
.product-view .product-info .reviews-list .review h4 span.rate {
float: none;
font-size: 0.875rem;
display: block; }
.reviews-list.vendor-reviews header {
text-align: center; }
.reviews-list.vendor-reviews header > div:last-child {
padding: 7px 0 0 10px; }
.reviews-list.vendor-reviews .logo {
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border: 3px solid #f1f1f1;
display: block;
height: 60px;
margin: 0 auto;
overflow: hidden;
width: 60px; }
.reviews-list.vendor-reviews .logo img {
width: 100%; }
.reviews-list .reviews-table {
display: table;
margin-top: 40px; }
.reviews-list .reviews-table > div {
display: table-row; }
.reviews-list .reviews-table > div:nth-child(odd) {
background-color: #f7f7f7; }
.reviews-list .reviews-table > div.headers span {
font-weight: 400; }
.reviews-list .reviews-table > div > div {
display: table-cell;
padding: 15px 10px; }
.reviews-list .reviews-table > div > div:nth-of-type(1) {
width: 25%; }
.reviews-list .reviews-table > div > div:nth-of-type(2) {
width: 60%; }
.reviews-list .reviews-table > div > div:nth-of-type(3) {
width: 15%; }
.reviews-list header .rate-product {
border-top: 1px dashed #bfbfbf;
border-bottom: 1px dashed #bfbfbf;
display: block;
margin-top: 20px;
padding: 7px 0; }
.reviews-list .reviews-table > div > div.reviewer > * {
display: inline-block;
vertical-align: top; }
.reviews-list .reviews-table > div > div.reviewer .avatar {
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
height: 45px;
overflow: hidden;
width: 45px; }
.reviews-list .reviews-table > div > div.reviewer a:last-child {
color: #616161;
font-size: 0.875rem;
font-weight: 400;
padding: 11px 0 11px 10px; }
.reviews-list .reviews-table > div > div.rating span {
color: #999;
display: block;
font-size: 0.875rem; }
.reviews-list .reviews-table > div > div.reviewer a img {
width: 100%; }
.reviews-list header h3 span {
text-transform: lowercase; }
.vendor-ratings header h3 span {
text-transform: lowercase; }
.reviews-list header > div:last-child span:nth-child(n + 2):hover {
cursor: pointer; }
.reviews-list .review {
margin-top: 30px; }
.vendor-ratings > div {
margin-top: 30px; }
.reviews-list .review:first-of-type {
margin-top: 50px; }
.reviews-list .review h4 {
margin-bottom: 15px; }
.reviews-list .review h4 span.date {
color: #999;
font-style: italic;
font-size: 0.875rem; }
.reviews-list .review h4 span.rate {
color: gold;
float: right; }
.reviews-list .review a.all-reviews {
font-size: 1.125rem;
color: #616161; }
.vendor-ratings a.all-ratings {
font-size: 1.125rem;
color: #616161; }
.vendor-ratings .ratings-overview > div {
display: inline-block;
margin: 0 15px 0 0;
vertical-align: top; }
.vendor-ratings .ratings-overview .positive i {
color: #81c784; }
.vendor-ratings .ratings-overview .neutral i {
color: #ffd54f; }
.vendor-ratings .ratings-overview .negative i {
color: #ef5350; }
.vendor-ratings .ratings-overview > div span:first-of-type {
font-size: 1rem;
font-weight: 400; }
.vendor-ratings .ratings-overview > div span:last-of-type {
display: block;
font-size: 0.75rem; }
.vendor-ratings .ratings {
display: table; }
.vendor-ratings .ratings > div {
display: table-row; }
.vendor-ratings .ratings > div span {
display: table-cell; }
.vendor-ratings .ratings > div span:first-child {
padding-right: 15px; }
.ratings.tabbable .tab-pane {
background-color: transparent;
padding: 0; }
.ratings.tabbable .tab-pane .box {
margin-bottom: 10px; }
.more-products .tabbable ul {
text-align: left; }
.more-products .tabbable ul li a {
background-color: #fff;
font-size: 1rem;
margin-bottom: -1px;
padding: 15px; }
.more-products .tabbable ul li.active a {
border: 1px solid #f1f1f1;
border-bottom: 1px solid #fff;
position: relative;
z-index: 1; }
.more-products .tabbable ul li a {
border: 1px solid transparent; }
.more-products .tabbable .tab-content .tab-pane {
background-color: #fff;
border-top: 1px solid #f1f1f1;
padding: 0; }
.fb-comments,
.fb-like-box {
width: 100% !important; }
.fb-comments iframe[style],
.fb-like-box iframe[style] {
width: 100% !important; }
.fb-comments span,
.fb-comments iframe span[style] {
width: 100% !important; }
.fb-like-box span,
.fb-like-box iframe span[style] {
width: 100% !important; }
.products_expiring .expiring-product {
background-color: #fff;
border-radius: 4px;
text-align: center; }
.expiring-product .product {
background-color: #f5f5f5;
margin-bottom: 30px; }
.expiring-product .details {
padding: 20px 0; }
.expiring-product .details > h3 {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%; }
.expiring-product .details .catalog-price {
font-size: 1.25rem;
font-weight: 700; }
.expiring-product .counter-add .row {
box-shadow: 2px 2px 7px -4px #616161; }
.expiring-product .counter {
border-right: none;
min-height: 52px;
margin: 0 auto; }
.expiring-product .counter > div {
border-right: none;
margin-left: 2px;
padding: 6px 0;
text-transform: uppercase; }
.expiring-product .counter > div:first-of-type {
margin-left: 0; }
.expiring-product .counter > div:last-child {
border: none; }
.expiring-product .counter > div span {
display: block; }
.expiring-product .counter > div span:first-child {
font-size: 1.125rem;
font-weight: bold; }
.expiring-product .counter > div span:last-child {
font-size: 0.6875rem; }
.expiring-product .add-to-cart form:not(#frmAddItem) button {
border: none;
border-radius: 0 3px 3px 0;
height: 52px;
width: 101%; }
.expiring-product .add-to-cart button i {
border: none;
color: #fff;
font-size: 1.125rem;
margin: 0;
padding: 0; }
.expiring-product .msg {
display: table;
width: 100%; }
.expiring-product .msg a {
background: #75b377;
color: #fff;
display: table-cell;
height: 30px;
vertical-align: middle; }
.expiring-product .progress.deal-stock {
height: 30px;
position: relative; }
.expiring-product .progress.deal-stock .progress-bar {
background-color: rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 10px -3px #000; }
.expiring-product .progress.deal-stock .progress-indicator {
height: 100%;
left: 0;
position: absolute;
justify-content: center;
width: 100%; }
.box_all_vendors {
padding: 40px 0;
}
.box_all_vendors .av-container {
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 1rem;
margin: 3rem 0; }
.box_all_vendors .sv-item {
box-shadow: 0 2px 4px rgba(204, 204, 204, 0.5);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 1rem;
text-align: center;
transition: all 0.3s ease-in-out; }
.box_all_vendors .sv-item:hover {
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
transform: translateY(-4px); }
.box_all_vendors .sv-item > div {
margin-bottom: 1rem; }
.box_all_vendors .sv-image img {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
display: block;
margin: 0 auto;
max-width: 120px; }
.box_all_vendors .sv-title a {
font-size: 1.25rem; }
.box_all_vendors .av-btn {
margin: 3rem 0; }
@media (min-width: 576px) {
.box_all_vendors .av-container {
-ms-grid-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 768px) {
.box_all_vendors .av-container {
-ms-grid-columns: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 993px) {
.box_all_vendors .av-container {
-ms-grid-columns: repeat(4, 1fr);
grid-template-columns: repeat(4, 1fr); } }
.box_become_vendor {
position: absolute;
z-index: 990; }
.box_become_vendor h3 a {
color: #fff;
display: block;
font-size: 1.25rem;
font-weight: 700;
position: relative;
padding: 20px 0px 15px;
text-align: center; }
.box_become_vendor h3 a:before, .box_become_vendor h3 a:after {
content: "";
bottom: -6px;
height: 20px;
position: absolute;
width: 50%;
z-index: -1;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.box_become_vendor h3 a:before {
left: 0;
transform: skewY(9.5deg);
-moz-transform: skewY(9.5deg);
-webkit-transform: skewY(9.5deg); }
.box_become_vendor h3 a:after {
right: 0;
transform: skewY(-9.5deg);
-moz-transform: skewY(-9.5deg);
-webkit-transform: skewY(-9.5deg); }
.box_become_vendor h3 a:hover:before, .box_become_vendor h3 a:hover:after {
bottom: -10px; }
.box_bestsellers .catalog-simple > .row > div:nth-child(2n + 1) {
animation-duration: 0.2s; }
.box_bestsellers .catalog-simple > .row > div:nth-child(2n) {
animation-duration: 0.4s; }
.box_blog_news .blog_posts_container {
display: grid;
grid-gap: 1rem; }
.box_blog_news .module-body {
margin: 1.5rem 0; }
/* Blog -- Traditional */
.box_blog_news--traditional .blog_post_body {
background-color: #f7f7f7;
padding: 1rem; }
.box_blog_news--traditional .blog_post_image a {
display: block;
overflow: hidden; }
.box_blog_news--traditional .blog_post_image:hover img {
transform: scale(1.1); }
.box_blog_news--traditional .blog_post_title {
display: block;
font-size: 1.5rem;
margin-top: 1rem; }
.box_blog_news--traditional .blog_post_date {
margin-top: 0.25rem;
margin-bottom: 0.5rem; }
.box_blog_news--traditional .blog_post_content {
margin-top: 1rem;
margin-bottom: 1rem; }
.box_blog_news--traditional .blog_post_overlay {
display: none; }
/* Blog - Compact */
.box_blog_news--compact .blog_post_body {
position: relative; }
.box_blog_news--compact .blog_post_image a {
display: block;
overflow: hidden; }
.box_blog_news--compact .blog_post_body:hover img {
transform: scale(1.1); }
.box_blog_news--compact .blog_post_header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center; }
.box_blog_news--compact .blog_post_content {
display: none; }
.box_blog_news--compact .blog_post_footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
z-index: 100; }
.box_blog_news--compact .blog_post_title {
font-size: 1.5rem;
color: #fff;
position: relative;
z-index: 20; }
.box_blog_news--compact .blog_post_date {
color: #fff;
color: #fff;
position: relative;
z-index: 20; }
.box_blog_news--compact .blog_post_footer {
color: #fff; }
.box_blog_news--compact .blog_post_overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: #000;
opacity: 0.25; }
.box_blog_news .blog_post_image img {
min-height: 17rem;
object-fit: cover; }
.blog_post_footer_tag::after,
.blog_post_footer_product_tag::after {
content: ","; }
.blog_post_footer_tag:last-of-type::after,
.blog_post_footer_product_tag:last-of-type::after {
display: none; }
.box_blog_news .btn-blog-read-more {
margin-top: 1rem;
margin-bottom: 1rem; }
@media (min-width: 768px) {
.box_blog_news .blog_posts_container {
grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 992px) {
.box_bottombar ul {
columns: 1;
-webkit-columns: 1;
-moz-columns: 1; } }
.box_canvas_search_bar video {
height: 100%;
object-fit: cover;
width: 100%; }
.box_canvas_search_bar .video::after {
background-color: rgba(0, 0, 0, 0.2);
content: "";
height: 100%;
position: absolute;
width: 100%; }
.box_canvas_search_bar .video {
bottom: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 5; }
.box_canvas_search_bar .carousel,
.box_canvas_search_bar .carousel .carousel-inner,
.box_canvas_search_bar .carousel .item {
height: 100%; }
.box_canvas_search_bar .carousel .item img {
height: 100%;
object-fit: cover;
width: 100%; }
.box_canvas_search_bar .module-body .searchbar {
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 50; }
.box_canvas_search_bar .module-body .searchbar .box-content {
display: inline-block;
margin: 0;
max-width: 550px;
padding-top: 120px;
text-align: center;
width: 100%;
max-width: 650px; }
.box_canvas_search_bar .module-body .searchbar .box-content form {
position: relative; }
.box_canvas_search_bar .module-body .search-inputs {
margin-top: 20px;
position: relative; }
.box_canvas_search_bar .module-body .search-inputs > * {
display: inline-block; }
.box_canvas_search_bar .module-body .search-inputs > button {
background-color: transparent;
border: none;
color: #adafb1;
font-size: 1.25rem;
padding: 11px 0;
position: absolute;
right: 15px; }
.box_canvas_search_bar .module-body .search-inputs input[type="text"] {
border: none !important;
border-radius: 4px;
font-size: 1rem !important;
font-weight: 300 !important;
padding: 15px; }
.box_canvas_search_bar
.module-body
.search-inputs
input[type="text"].with-category-filter {
border-radius: 0 4px 4px 0; }
.box_canvas_search_bar .module-body form .chosen-container-single {
width: auto; }
.box_canvas_search_bar
.module-body
form
.chosen-container-single
.chosen-single {
border: none !important;
background-color: #f5f5f1 !important;
border-radius: 4px 0 0 4px;
height: 100% !important;
padding: 5px 0 6px 8px;
width: 115px; }
.box_canvas_search_bar form .chosen-container .chosen-drop {
min-width: 150px; }
.box_canvas_search_bar
.module-body
.search-inputs
.chosen-container-single
.chosen-single
span {
color: #95989a;
font-size: 1rem;
font-weight: 300;
padding: 10px;
text-align: left; }
.box_canvas_search_bar .chosen-container-single .chosen-single b {
background-position: 2px 19px; }
.box_canvas_search_bar
form
.chosen-container-active.chosen-with-drop
.chosen-single
div
b {
background-position: -16px 19px; }
.box_canvas_search_bar .module-body .search-inputs input::-moz-placeholder,
.box_canvas_search_bar
.module-body
.search-inputs
input::-webkit-input-placeholder {
color: #95989a; }
.box_canvas_search_bar .module-body {
height: 600px;
position: relative;
z-index: 1;
height: 100vh; }
.box_canvas_search_bar .module-body .showcase {
padding: 10px;
background: rgba(255, 255, 255, 0.5);
margin-bottom: 20px; }
.box_canvas_search_bar .module-body .container-iframe {
height: 0;
margin-bottom: 20px;
padding-bottom: 56.25%;
position: relative;
width: 100%; }
.box_canvas_search_bar .module-body .container-iframe iframe {
background: rgba(255, 255, 255, 0.5);
padding: 10px;
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }
.box_cart_bar .cart-dropdown {
color: #fff; }
.box_cart_bar .cart-dropdown .dropdown-menu.open {
opacity: 1;
visibility: visible; }
.box_cart_bar .cart-dropdown .dropdown-menu .body {
padding: 0; }
.box_cart_bar .cart-dropdown .dropdown-menu .body .empty {
padding: 20px; }
.box_cart_bar .cart-dropdown > a > span i {
color: #fff; }
@media (max-width: 992px) {
.box_cart_bar .cart-dropdown {
float: right;
padding: 1rem; }
.box_cart_bar .cart-dropdown > div > span:last-of-type {
color: #fff; } }
.box_cart_summary ul {
margin-top: 15px; }
.box_cart_summary ul li {
border-top: 2px solid #efefef;
padding: 10px 15px; }
.box_cart_summary ul li a {
color: #525252; }
.box_cart_summary ul li a:before {
display: none !important; }
.box_cart_summary ul li .delete i {
color: #e8e7e7;
font-size: 1.25rem; }
.box_cart_summary ul li .delete i:hover {
color: #ef5350; }
.box_cart_summary .price {
font-size: 0.75rem;
padding-top: 3px; }
.box_cart_summary .subtotal {
background-color: rgba(0, 0, 0, 0.07);
border-top: 2px solid #efefef;
font-size: 0.75rem;
padding: 15px; }
.box_cart_summary .subtotal .price {
display: block;
font-size: 1.5rem; }
.box_cart_summary .subtotal .discount {
display: block;
font-size: 1.125rem; }
.box_cart_summary .checkout .btn {
padding: 10px 20px; }
.box_categories .has-children {
position: relative; }
.box_categories .has-children .children:not(.closed) + .toggle {
justify-content: flex-start;
transform: rotate(180deg); }
.box_categories .has-children .toggle {
position: absolute;
right: 0;
top: 0;
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: flex-end; }
.box_categories .has-children .toggle:hover {
cursor: pointer; }
.box_category_bar .nav .dropdown-menu ul:after {
content: "";
display: block;
position: absolute;
top: -11px;
left: 14px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: #f5f5f5; }
.box_category_bar .nav.simple-menu {
text-align: center;
padding-left: 0px;
position: relative; }
.box_category_bar .nav.simple-menu .dropdown-menu {
background-color: transparent;
box-shadow: none;
min-width: 590px;
padding: 10px 0 0; }
.box_category_bar .nav > li > a {
border-bottom: 1px solid transparent;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
/*line-height: 0.875rem;*/
padding: 23px 10px 22px;
position: relative;
-webkit-font-smoothing: antialiased;
z-index: 1; }
.box_category_bar .nav > li.button > a {
display: inline-block; }
.box_category_bar .nav > li.logo {
position: relative;
width: 182px; }
.box_category_bar .nav > li.logo a {
position: absolute;
padding: 0;
top: -45px;
z-index: 2500; }
.box_category_bar .nav .dropdown-menu:after {
display: none; }
.box_category_bar .nav.simple-menu .dropdown-menu ul {
background-color: #fff;
display: inline-block;
list-style: none;
padding: 5px 0;
position: relative;
vertical-align: top;
min-width: 230px; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories > ul {
background-color: #fff;
display: flex;
list-style: none;
padding: 5px 0;
position: relative;
vertical-align: top;
min-width: 230px;
background-color: transparent; }
.box_category_bar .nav > .dropdown-menu > ul:after {
top: -1px; }
.box_category_bar .nav.simple-menu .dropdown-menu ul li a {
color: #757575;
display: block;
font-size: 0.75rem;
padding: 10px 20px;
position: relative;
text-transform: uppercase; }
.box_category_bar .nav.simple-menu .dropdown-menu ul li a:before {
background-color: #f2f2f2;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 30px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.box_category_bar .nav.simple-menu .dropdown-menu ul li:last-child a {
border-bottom: none; }
.box_category_bar .nav.simple-menu .dropdown-menu ul li a:hover:before {
width: 100%; }
.box_category_bar .nav .dropdown-menu .category-image {
min-height: 100%;
position: relative;
width: 300px; }
.box_category_bar .nav.mega-menu .dropdown-menu .category-image {
min-height: 250px; }
.box_category_bar .nav .dropdown-menu .category-image div {
background-size: cover;
background-position: center;
height: 100%;
position: absolute;
right: 0;
width: 300px; }
.box_category_bar .nav.mega-menu {
text-align: center;
position: static; }
.box_category_bar .nav.mega-menu > li {
position: static; }
.box_category_bar .nav.mega-menu li .dropdown-menu {
box-shadow: none;
padding: 40px 0;
top: 97%;
width: 100%; }
.box_category_bar .nav.mega-menu li .dropdown-menu > div {
width: 70%;
position: relative; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories > ul {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level2 > li {
display: inline-block;
padding: 0 10px;
margin: 0 0 40px;
width: 100%; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level2 > li:hover {
background-color: transparent; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level2 > li > a {
display: block;
font-size: 16px;
border-bottom: 1px solid #222;
font-weight: 600;
padding: 10px 35px;
margin-bottom: 10px;
text-transform: uppercase; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level2 > li > a > span {
display: none; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 > li {
margin-bottom: 8px;
padding: 10px 35px;
padding-left: 45px;
border-bottom: 1px solid #222;
position: relative; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 > li:after {
background-color: #ececec;
bottom: 0;
/*content: "";*/
height: 2px;
left: 0;
position: absolute;
width: 25px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 > li:hover:after {
width: 100%; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 > li > a {
font-size: 14px;
display: block;
text-transform: uppercase; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level3 li:hover {
background-color: transparent; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level4 {
margin: -3px 0 10px; }
.box_category_bar .nav.mega-menu li .dropdown-menu .categories ul.level4 li a {
font-size: 0.75rem;
padding-left: 10px; }
@media (min-width: 993px) {
.box_category_bar .nav.mega-menu > li > .dropdown-menu {
overflow: auto;
max-height: 100vh; } }
@media (max-width: 992px) {
.box_category_bar li.logo {
display: none !important; }
.box_category_bar .dropdown-menu {
display: none !important; }
.box_category_bar ul {
text-align: right; }
.box_category_bar ul.horizontal li {
display: block;
float: initial; }
.box_category_bar ul.nav li {
border-bottom: 2px solid #f2f2f2;
margin: 0 !important; }
#mobile-background-menu .box_category_bar ul.horizontal li {
display: block;
float: initial; }
.box_category_bar ul.nav li:first-of-type {
border-top: none; }
.box_category_bar ul.nav li:last-of-type {
border-bottom: none; }
.box_category_bar ul.nav li a {
text-align: right;
color: #8e9398 !important;
font-size: 0.75rem;
font-weight: 700;
margin-top: 0;
padding: 13px 0;
text-transform: uppercase; }
.box_category_bar .nav li:hover a {
background: transparent !important; }
.box_category_bar ul > li.button:first-of-type a {
display: none; }
.box_category_bar ul > li.button a {
background-color: transparent;
display: none;
font-size: 0.875rem;
position: relative; }
.box_category_bar ul > li.button a i {
margin-left: 10px;
position: relative;
right: 0;
top: 5px; }
.box_category_bar {
padding: 0; } }
@media (max-width: 767px) {
.box_category_bar .nav > li:hover > a:before,
.box_category_bar .nav > li > a.active:before {
display: none; } }
.box_collections {
padding: 60px 0; }
.box_collections a {
border: 5px solid transparent;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: block;
margin-bottom: 10px; }
@media (max-width: 767px) {
.box_collections img {
width: 100%; } }
.box_combined_module_1 {
padding: 60px 0;
width: 100% !important; }
.box_combined_module_1 .module-body > .row > div:nth-child(3) {
margin-top: 60px; }
.box_combined_module_1 ul {
margin: -50px 0 17px;
text-align: center; }
.box_combined_module_1 ul li {
border-bottom: 1px solid #757575;
display: inline-block; }
.box_combined_module_1 ul li a {
color: #757575; }
.box_combined_module_1 .tabbable ul li a {
background-color: transparent;
margin-top: 0;
padding: 7px 10px 8px; }
.box_combined_module_1 .tabbable .tab-pane {
background-color: transparent;
padding: 0; }
.box_combined_module_1 .thumb {
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
display: block;
margin: 0 7px;
padding: 5px;
position: relative; }
.box_combined_module_1 .thumb img {
width: 100%; }
.box_combined_module_1 .thumb a {
display: block;
overflow: hidden; }
.box_combined_module_1 .thumb .product-quick-view {
bottom: -40px;
margin-left: -5px; }
.box_combined_module_1 .thumb .product-quick-view a {
font-size: 0.75rem;
padding: 5px 8px; }
.box_combined_module_1 .thumb .product-quick-view a i {
padding-left: 5px; }
.box_combined_module_1 .thumb .price {
padding-top: 2px; }
.box_combined_module_1 .thumb:hover .product-quick-view {
bottom: 45%; }
.box_combined_module_1 .thumb:hover img {
transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1); }
@media (max-width: 992px) {
.box_combined_module_1 .module-body > .row > div:nth-last-child(n + 2) {
margin-bottom: 60px; } }
@media (max-width: 767px) {
.box_combined_module_1 {
margin-top: 15px;
width: 100%;
display: none; } }
.box_contact input {
width: 100%;
margin-bottom: 5px; }
.box_contact textarea,
.box_contact .captcha img {
margin-bottom: 5px; }
.box_contact .module-body > p {
margin-bottom: 10px; }
.box_contact fieldset {
margin-bottom: 0; }
#imagebanner .module-body {
background-size: cover;
background-attachment: fixed;
background-position: 50% top;
box-shadow: 0 0 100px -8px #000 inset;
-moz-box-shadow: 0 0 100px -8px #000 inset;
-webkit-box-shadow: 0 0 100px -8px #000 inset;
padding: 100px 0 180px;
text-align: center; }
#imagebanner .module-body img {
max-width: 115px; }
#imagebanner .module-body h1 {
border-bottom: 1px dashed #fff;
color: #fff;
display: inline-block;
margin: 0 auto 25px;
padding: 20px 0 25px;
text-transform: uppercase; }
#imagebanner .module-body p {
color: #fff;
font-size: 1rem;
line-height: 2;
max-width: 830px;
margin: 0 auto;
padding: 0 30px;
width: 100%; }
#imagebanner .module-body p:first-of-type {
animation-duration: 0.4s; }
#imagebanner .module-body > div:first-of-type {
animation-duration: 0.6s; }
#customerservice .module-body,
#mobileshopping .module-body,
#nextdaydelivery .module-body,
#pickupstore .module-body {
padding: 0 30px;
text-align: center; }
#customerservice h3,
#mobileshopping h3,
#nextdaydelivery h3,
#pickupstore h3 {
margin: 15px 0;
line-height: 15px; }
.manufacturers-logo {
padding: 70px 0;
text-align: center; }
.manufacturers-logo a {
margin: 0 15px; }
.manufacturers-logo a:hover img {
transform: scale(0.95);
-moz-transform: scale(0.95);
-webkit-transform: scale(0.95); }
#getintouch p {
font-size: 0.875rem !important;
font-weight: 700;
line-height: 1.7;
text-transform: uppercase;
-webkit-font-smoothing: antialiased; }
@media (max-width: 992px) {
#imagebanner .module-body {
background-size: 300%; } }
@media (max-width: 767px) {
#imagebanner .module-body {
padding: 25px 0; }
#imagebanner .module-body p {
font-size: 0.875rem;
padding: 0 10px; } }
@media (max-width: 767px) {
.box_featured_vendors #box_featured_vendors_content > .carousel > .carousel-inner {
height: auto !important;
}
}
.box_featured_vendors {
margin-top: 5px; }
.box_featured_vendors #box_featured_vendors_content > .carousel > .carousel-inner {
height: 540px; }
.box_featured_vendors .carousel {
background-color: #f9f9f9; }
.box_featured_vendors .carousel .controlers {
position: absolute;
left: 50%;
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
top: 30px;
width: 88px;
z-index: 10; }
.box_featured_vendors .carousel .controlers .carousel-controler {
background-image: none;
border-radius: 0;
color: #fff;
display: inline-block;
height: auto;
opacity: 1;
padding: 11px 15px;
width: auto; }
.box_featured_vendors .carousel .controlers .carousel-controler:first-child {
left: -40px; }
.box_featured_vendors .carousel .controlers .carousel-controler:last-child {
top: 10px;
right: 40px; }
.box_featured_vendors .carousel .controlers .carousel-controler:first-child:hover {
left: -45px; }
.box_featured_vendors .carousel .controlers .carousel-controler:last-child:hover {
right: 35px; }
.box_featured_vendors .carousel .controlers .carousel-controler i {
font-size: 1.125rem; }
.box_featured_vendors .item {
height: 100%; }
.box_featured_vendors .item > .row {
height: 100%; }
.box_featured_vendors .item > .row > div {
height: 100%; }
.box_featured_vendors .image {
background-size: cover;
background-position: center; }
.box_featured_vendors .vendor {
float: right;
height: 100%;
max-width: 600px;
padding: 60px 0 60px 30px;
width: 100%; }
.box_featured_vendors .vendor:after {
background-color: #f9f9f9;
content: "";
height: 70%;
position: absolute;
right: -17px;
top: 0;
width: 50px;
z-index: 5;
transform: skewY(5deg);
-moz-transform: skewY(5deg);
-webkit-transform: skewX(5deg); }
.box_featured_vendors .vendor:before {
background-color: #f9f9f9;
content: "";
height: 30%;
position: absolute;
right: -18px;
bottom: 0;
width: 50px;
z-index: 5;
transform: skewY(-11deg);
-moz-transform: skewY(-11deg);
-webkit-transform: skewX(-11deg); }
.box_featured_vendors .vendor > a {
background-color: #f9f9f9;
bottom: 30px;
font-size: 1rem;
opacity: 0;
padding: 10px 10px 10px 30px;
position: absolute;
right: 0;
text-transform: uppercase;
z-index: 5; }
.box_featured_vendors:hover .vendor > a {
opacity: 1;
right: -160px; }
.box_featured_vendors .vendor > a i {
font-size: 1.25rem;
margin-left: 3px; }
.box_featured_vendors .vendor header {
border-bottom: 1px dashed #4b4b4b;
animation-duration: 0.6s;
padding-bottom: 25px;
position: relative;
text-align: center;
z-index: 10; }
.box_featured_vendors .vendor header h3 {
color: #c1c1c1;
font-size: 1.125rem;
font-weight: 400;
text-transform: uppercase; }
.box_featured_vendors .vendor header > a {
background-size: cover;
border-radius: 25px;
display: inline-block;
height: 50px;
margin: 10px 0 5px;
width: 50px; }
.box_featured_vendors .vendor header h2 a {
color: #4b4b4b;
font-size: 1.75rem;
font-weight: 700;
text-transform: uppercase; }
.box_featured_vendors .vendor header .reviews i {
font-size: 1rem;
margin: 10px 3px 0 0; }
.box_featured_vendors .vendor .details {
position: relative;
z-index: 10; }
.box_featured_vendors .vendor .details > div.row > div:first-child {
padding-left: 0;
text-align: right; }
.box_featured_vendors .vendor .details h4 {
font-size: 0.75rem;
font-weight: 700;
margin: 25px 0 8px;
text-transform: uppercase; }
.box_featured_vendors .vendor .products .carousel {
z-index: 10; }
.box_featured_vendors .vendor .products .product {
background-color: #f5f5f5;
border-radius: 3px;
display: inline-block;
vertical-align: top;
margin-right: 4px;
padding: 5px;
width: 80px; }
.box_featured_vendors .vendor .products .product:last-child {
margin-right: 0; }
.box_featured_vendors .vendor .products .carousel-controler {
background: none;
font-size: 1rem;
height: auto;
opacity: 1;
padding: 0;
top: -26px;
width: auto; }
.box_featured_vendors .vendor .products .carousel-controler.left {
left: auto;
right: 20px; }
.box_featured_vendors .vendor .products .carousel-controler:hover {
color: #000; }
@media (min-width: 768px) {
.box_featured_vendors .vendor {
position: relative; } }
@media (min-width: 768px) and (max-width: 992px) {
.box_featured_vendors #box_featured_vendors_content > .carousel > .carousel-inner {
height: initial; }
.box_featured_vendors #box_featured_vendors_content .vendor {
max-width: 100%;
padding: 90px 20px 40px; }
.box_featured_vendors #box_featured_vendors_content .image {
height: 250px;
margin-bottom: 0; }
.box_featured_vendors .carousel .controlers {
top: 270px; }
.box_featured_vendors {
margin-bottom: 40px; }
.box_featured_vendors #box_featured_vendors_content > .carousel > .carousel-inner {
height: initial; }
.box_featured_vendors .module-body {
padding: 0; }
.box_featured_vendors .image {
background-size: cover;
background-position: center;
height: 150px; }
.box_featured_vendors .vendor {
background-color: #f7f7f7;
padding: 0; }
.box_featured_vendors .vendor:before, .box_featured_vendors .vendor:after {
display: none; }
.box_featured_vendors .vendor header {
padding: 15px 0; }
.box_featured_vendors .vendor .products {
padding: 15px 10px; }
.box_featured_vendors .vendor .products .product {
width: 70px; } }
@media (min-width: 992px) {
.thumb5 {
width: 20% !important;
}
}
.box_filter_attributes form b {
font-size: 0.875rem;
font-weight: 600;
margin-top: 20px;
text-transform: uppercase; }
.box_filter_attributes form b:first-of-type {
margin-top: 0; }
.box_filter_attributes form label {
font-size: 0.875rem; }
.box_filter_product_fields .pf-section {
margin: 1rem 0; }
.box_filter_product_fields ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 0.5rem;
padding-bottom: 0.5rem; }
.box_filter_product_fields ul li h3 {
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase; }
.box_filter_product_fields ul li h4 {
position: relative;
font-size: 0.875rem;
color: #b71234;
margin: 0.5rem 0 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
transition: all 0.3s ease-in-out; }
.box_filter_product_fields ul li h4::before, .box_filter_product_fields ul li h4::after {
content: "";
position: absolute;
background: black; }
.box_filter_product_fields ul li h4::before {
width: 11px;
height: 1px;
right: 0;
top: 5px; }
.box_filter_product_fields ul li h4::after {
width: 1px;
height: 11px;
right: 5px;
top: 0;
transition: all 0.3s ease-in-out; }
.box_filter_product_fields ul li h4:hover {
cursor: pointer;
padding-left: 0.25rem;
border-color: #b71234; }
.box_filter_product_fields ul li label {
height: 0;
overflow: hidden;
margin: 0;
transition: all 0.3s ease-in-out; }
.box_filter_product_fields ul li .pf-section.open label {
height: inherit;
overflow: visible;
margin-bottom: 0.125rem; }
.box_filter_product_fields ul li label:hover {
cursor: pointer; }
.box_filter_product_fields ul li .pf-section.open h4::after {
transform: rotate(-90deg); }
.box_full_profile ul li h4 {
border-bottom: 3px solid #e0e0e0;
font-size: 0.875rem;
margin: 10px 0 5px;
padding-bottom: 10px;
text-transform: uppercase; }
.box_full_profile ul:nth-of-type(2) li h4 {
margin: 20px 0 5px; }
.box_geo_location_canvas_search_bar .box_geo_location_search_bar {
min-height: 600px;
display: flex;
align-items: center;
justify-content: center; }
.box_geo_location_canvas_search_bar .module-body {
width: 100%; }
.box_geo_location_canvas_search_bar .wrapper > * {
position: relative;
z-index: 5; }
.box_geo_location_canvas_search_bar .box_geo_location_search_bar .input-field input[type="text"] {
border-right: none !important; }
.box_geo_location_canvas_search_bar .wrapper .background {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.box_geo_location_canvas_search_bar .background::after {
background-color: rgba(255, 255, 255, 0.25);
content: "";
height: 200%;
left: 0;
margin-left: -10%;
position: absolute;
top: -50%;
transform: rotate(14deg);
width: 55%;
z-index: 5; }
.box_geo_location_canvas_search_bar .background img {
height: 100%;
object-fit: cover;
width: 100%;
position: relative;
z-index: 3; }
.box_geo_location_canvas_search_bar form.flex-container {
min-height: auto; }
.box_geo_location_canvas_search_bar h1 {
color: #fff;
font-size: 7rem;
line-height: 1;
text-align: center;
text-transform: uppercase; }
.box_geo_location_canvas_search_bar h3 {
color: #fff;
font-size: 3rem;
display: block;
margin-bottom: 30px;
text-align: center; }
.box_geo_location_canvas_search_bar
.box_geo_location_search_bar.module
.inputs-container {
border: none; }
.box_geo_location_search_bar.module {
position: relative; }
.box_geo_location_search_bar.module .box_geo_location_canvas_search_bar {
background-color: #f7f7f7; }
.box_geo_location_search_bar .inputs-container {
border: 1px solid #efefef;
margin: 5px 0; }
.box_geo_location_search_bar .width100 {
width: 99%; }
.box_geo_location_search_bar .input-field input[type="text"] {
border-right: 1px solid #efefef !important; }
.box_geo_location_search_bar form.flex-container {
min-height: 450px;
position: relative;
z-index: 5; }
.box_geo_location_search_bar .icon {
align-items: center;
background-color: #525252;
display: flex;
justify-content: center;
width: 70px;
z-index: 5; }
.box_geo_location_search_bar .icon i {
color: #fff;
font-size: 1.5rem; }
.box_geo_location_search_bar .btn {
padding: 0 20px; }
.box_geo_location_search_bar .input-field {
background-color: #fff;
padding: 8px 10px; }
.box_geo_location_search_bar .input-field label {
margin-bottom: -5px; }
.box_geo_location_search_bar .input-field input[type="text"] {
background-color: transparent;
border: none;
padding: 5px 0 0; }
.box_geo_location_search_bar form .input-field .chosen-container-single .chosen-single {
background-color: transparent !important;
border: 0 !important;
padding: 5px 0 0; }
.box_geo_location_search_bar :-moz-placeholder,
.box_geo_location_search_bar ::-moz-placeholder,
.box_geo_location_search_bar ::-webkit-input-placeholder {
color: #d4d4d4; }
.box_geo_location_search_bar .actions a {
background-color: #fff;
display: inline-block;
margin-top: 10px;
padding: 4px 8px 4px 5px; }
.box_geo_location_search_bar .actions a i {
background-color: #f5f5f5;
display: inline-block;
padding: 3px 5px; }
.box_geo_location_search_bar .actions a:hover i,
.box_geo_location_search_bar .actions a span {
color: #525252; }
@media (max-width: 767px) {
.box_geo_location_search_bar .input-field {
margin-bottom: 5px; }
.box_geo_location_search_bar .btn {
text-align: center;
padding: 10px 0;
width: 100%; } }
.box_vendor_geo_locator_canvas .module-body {
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
position: relative; }
.box_vendor_geo_locator_canvas h1 {
color: #fff;
font-size: 7rem;
line-height: 1;
text-align: center;
text-transform: uppercase; }
.box_vendor_geo_locator_canvas h3 {
color: #fff;
font-size: 3rem;
display: block;
margin-bottom: 30px;
text-align: center; }
.box_vendor_geo_locator_canvas .wrapper > * {
position: relative;
z-index: 5; }
.box_vendor_geo_locator_canvas .background {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.box_vendor_geo_locator_canvas .background p {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.box_vendor_geo_locator_canvas .background::before {
background-color: rgba(0, 0, 0, 0.25);
content: "";
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 5; }
.box_vendor_geo_locator_canvas .background::after {
background-color: rgba(255, 255, 255, 0.2);
content: "";
height: 200%;
left: 0;
margin-left: -10%;
position: absolute;
top: -50%;
transform: rotate(20deg);
width: 55%;
z-index: 5; }
.box_vendor_geo_locator_canvas .background img {
height: 100%;
object-fit: cover;
width: 100%; }
.box_vendor_geo_locator_canvas .inputs-group {
background-color: #fff;
max-width: 600px;
margin: 0 auto; }
.box_vendor_geo_locator_canvas .input {
margin: 10px 0;
padding-right: 20px;
position: relative; }
.box_vendor_geo_locator_canvas .input:first-child {
border-right: 1px solid #efefef; }
.box_vendor_geo_locator_canvas .input input {
border: none;
background-color: transparent;
font-size: 16px;
padding: 10px 25px; }
.box_vendor_geo_locator_canvas .input .icon-buttons {
position: absolute;
top: 10px;
right: 20px; }
.box_vendor_geo_locator_canvas .input .icon-buttons i {
color: #525252;
font-size: 1.5rem; }
.box_vendor_geo_locator_canvas .input .icon-buttons .loc-loader img {
margin: -9px 5px 0 0; }
.box_vendor_geo_locator_canvas .input.distance input {
width: 100px; }
.box_vendor_geo_locator_canvas .input.distance .icon-buttons {
top: 13px; }
.box_vendor_geo_locator_canvas .input.distance .icon-buttons i {
font-size: 1.125rem; }
.box_home_categories {
padding: 30px 0 0; }
.box_home_categories .header {
margin: 10px 0 10px;
padding: 0; }
.box_home_categories article a {
display: block;
overflow: hidden;
position: relative; }
.box_home_categories article:nth-child(odd) {
animation-duration: 0.5s; }
.box_home_categories article a span {
background-size: cover;
background-position: center;
display: block;
height: 240px;
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray; }
.box_home_categories article h3 {
border-bottom-style: solid;
border-bottom-width: 10px;
bottom: -5px;
color: #fff;
font-size: 0.875rem;
padding: 0 20px 30px;
position: absolute;
text-transform: uppercase;
width: 100%;
z-index: 0; }
.box_home_categories article:hover h3 {
bottom: 0;
padding: 7px 20px 20px; }
.box_home_categories article h3:before {
content: "";
position: absolute;
top: -100%;
left: 0;
height: 200%;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
background: -webkit-linear-gradient(top, transparent 0%, black 100%);
background: linear-gradient(to bottom, transparent 0%, black 100%);
z-index: -1;
opacity: 0.8;
filter: alpha(opacity=80); }
.catalog .box_home_categories {
display: none;
padding: 0; }
.catalog .box_home_categories article a span {
height: 120px; }
.catalog .box_home_categories article h3 {
padding: 0 20px 20px; }
@media (max-width: 767px) {
.box_home_categories article a span {
height: 150px; } }
.box_icon_banners {
position: relative; }
.box_icon_banners:after {
background-image: url(images/cut.png);
background-repeat: repeat-x;
bottom: -20px;
content: "";
height: 20px;
position: absolute;
width: 100%;
z-index: 1; }
.box_icon_banners .module-body {
text-align: center; }
.box_icon_banners .module-body .row > div:nth-child(1) {
animation-duration: 0.2s; }
.box_icon_banners .module-body .row > div:nth-child(2) {
animation-duration: 0.4s; }
.box_icon_banners .module-body .row > div:nth-child(3) {
animation-duration: 0.6s; }
.box_icon_banners .module-body .wrapper {
padding: 75px 0px; }
.box_icon_banners .module-body > * {
color: #737373; }
.box_icon_banners .module-body h3 {
font-size: 1.125rem;
font-weight: 600;
text-transform: uppercase; }
.box_icon_banners .module-body p {
font-family: "Open Sans";
font-size: 0.875rem;
text-transform: uppercase;
font-weight: 600; }
.box_icon_banners .module-body i {
font-size: 3rem;
margin-bottom: 20px; }
@media (max-width: 767px) {
.box_icon_banners .module-body .wrapper {
padding: 35px 0; }
.box_icon_banners .module-body .box_icon_banner > div {
margin-bottom: 35px; }
.box_icon_banners .module-body .box_icon_banner > div:last-child {
margin-bottom: 0; }
.box_icon_banners .module-body .btn {
margin-top: 0; } }
.box_instagram_feeds .item {
overflow: hidden; }
.box_instagram_feeds .item > a {
display: block; }
.box_instagram_feeds .item > a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.25;
transition: all 0.3s ease-in-out; }
.box_instagram_feeds .item:hover > a::before {
opacity: 0.5;
visibility: visible; }
.box_instagram_feeds .item .profile-picture {
position: absolute;
top: -100%;
left: 0;
padding: 1rem;
transition: all 0.3s ease-in-out; }
.box_instagram_feeds .item .profile-picture img {
border-radius: 50%;
max-width: 50px;
transition: all 0.3s ease-in-out; }
.box_instagram_feeds .item .profile-picture img:hover {
transform: scale(1.25); }
.box_instagram_feeds .item .data {
position: absolute;
top: 125%;
left: 0;
width: 100%;
margin: 1rem 0;
text-align: center;
transition: all 0.3s ease-in-out; }
.box_instagram_feeds .item .data > a {
display: block; }
.box_instagram_feeds .item .data span {
font-size: 1.5rem;
color: #fff; }
.box_instagram_feeds .item:hover .profile-picture {
top: 0; }
.box_instagram_feeds .item:hover .data {
top: 25%; }
.box_international {
margin-right: 10px;
padding: 0;
text-align: right; }
.box_international > div {
display: inline-block;
position: relative;
vertical-align: top; }
.box_international .graphic {
padding-top: 2px; }
.box_international .graphic svg {
width: auto; }
.box_international .dropdown .dropdown-menu {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
left: auto;
right: 0;
top: 55px; }
.box_international .dropdown .dropdown-menu:after {
left: auto;
right: 15px;
top: -14px; }
.box_international .dropdown .dropdown-menu li a {
color: #999999;
padding: 5px 10px; }
.box_international .dropdown .dropdown-menu li a:hover {
background-color: transparent;
cursor: pointer; }
.box_international .dropdown .dropdown-menu li a img {
margin-top: -3px; }
.box_international.module .dropdown > a {
font-size: 0.75rem;
display: inline-block;
text-transform: uppercase;
/*padding: 18px 10px 8px;*/
}
.box_international .dropdown .dropdown-menu li a {
font-size: 0.75rem;
display: inline-block;
text-transform: uppercase;
padding: 8px 10px 8px; }
.box_international .dropdown .dropdown-menu li.selected-lang {
opacity: 0.5;
background-color: #ccc;
}
.box_live_chat .image span {
background: #fff url("../images/live_chat/support_icon.png") center no-repeat;
background-color: #fff;
border-radius: 3px;
display: block;
height: 50px;
width: 50px; }
.box_live_chat .flex1 {
padding-left: 10px; }
.box_live_chat .flex1 a {
color: #696969;
display: block;
margin-top: 6px; }
.box_live_chat .text-box {
background-color: #fff;
border-radius: 3px;
padding: 5px 7px;
position: relative; }
.box_live_chat .text-box span {
font-size: 0.75rem; }
.box_logo .logo {
padding: 1rem; }
.box_logo a img {
max-height: 75px; }
@media (max-width: 992px) {
.box_logo .logo {
padding: 0 !important; } }
.box_manufacturers .module-body {
position: relative;
padding: 20px;
text-align: center; }
.box_manufacturers .module-body > div {
width: 100%;
z-index: 20; }
.box_manufacturers .single_manufacturer {
text-align: center; }
.box_manufacturers .single_manufacturer img {
max-width: 150px;
}
.box_manufacturers #loadMoreManufacturersBtn:hover {
cursor: pointer; }
.box_manufacturers.collapsed #loadMoreManufacturersBtn {
opacity: 0;
visibility: hidden; }
.box_manufacturers ul {
position: relative;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-gap: 1rem;
overflow: hidden;
margin: -3rem -3rem 0;
padding: 3rem 3rem 0; }
.box_manufacturers ul::before, .box_manufacturers ul::after {
position: absolute; }
.box_manufacturers ul::before {
position: absolute;
left: 3rem;
width: calc(100% - 6rem);
background: linear-gradient(to top, rgba(0, 0, 0, 0.25), transparent 100%);
z-index: 1; }
.box_manufacturers.collapsed ul {
overflow: visible;
height: auto; }
.box_manufacturers.collapsed ul::before {
background: transparent; }
.box_manufacturers ul li {
text-align: center;
box-shadow: 0 0 3rem rgba(0, 0, 0, 0.1);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; }
.box_manufacturers ul li:hover {
transition: all 0.6s;
transform-style: preserve-3d;
transform: rotateY(180deg); }
.box_manufacturers ul li:hover a,
.box_manufacturers ul li:hover div {
position: absolute; }
.box_manufacturers ul li:hover > :first-child {
position: absolute;
opacity: 0; }
.box_manufacturers ul li > a {
width: 100%;
height: 100%;
backface-visibility: hidden;
align-self: center;
padding: 1rem; }
.box_manufacturers ul li div {
width: 100%;
height: 100%;
backface-visibility: hidden;
align-self: center;
padding: 1rem;
position: absolute;
height: auto;
transform: rotateY(180deg); }
.box_manufacturers ul li div .btn {
position: relative !important;
margin: 0 auto; }
.box_manufacturers ul li div > * {
margin: 1rem 0; }
.box_manufacturers ul li.no-image > a {
flex: 1;
height: auto; }
.box_manufacturers ul li img {
height: 100%;
width: auto;
max-width: 100% !important;
object-fit: contain; }
@media (min-width: 768px) {
.box_manufacturers ul {
-ms-grid-columns: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 993px) {
.box_manufacturers ul {
-ms-grid-columns: repeat(5, 1fr);
grid-template-columns: repeat(5, 1fr); } }
.liveparent{
margin: 0px !important;
}
.box_more_buying_choices .flex-container > div {
display: inline-block;
vertical-align: top; }
.box_more_buying_choices .flex-container .flex1 a {
display: block;
margin-left: 5px;
line-height: 14px; }
.box_more_buying_choices > div {
padding: 40px 0; }
.box_more_buying_choices div.table .table-row .table-column:last-child {
text-align: right; }
.box_more_buying_choices div.table.table-striped .table-row:nth-child(odd) .table-column {
background-color: #f7f7f7; }
.box_more_buying_choices .price span {
font-size: 1.25rem;
font-weight: 400; }
.box_more_buying_choices .vendor a,
.box_more_buying_choices .title a {
color: #616161;
font-size: 1rem;
font-weight: 400; }
.sidebar .box_more_buying_choices > div,
.sidebar .box_more_buying_choices .module-body {
padding: 0; }
.sidebar .box_more_buying_choices h1 {
display: none; }
.sidebar .box_more_buying_choices div.table .table-headers {
display: none; }
.sidebar .box_more_buying_choices div.table .table-row .table-column {
display: block;
padding: 5px 10px;
text-align: left; }
.box_more_buying_choices .btn {
background-color: #3c4349;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: none;
font-size: 0.875rem;
padding: 7px 15px; }
@media (max-width: 767px) {
.box_more_buying_choices div.table .table-row .table-column:last-child {
text-align: left; } }
@media (max-width: 767px) {
.box_new_arrivals {
padding: 0; } }
.box_price_range_slider .range {
color: #999;
font-size: 0.75rem;
font-weight: 400; }
.box_price_range_slider .current_range {
color: #999;
font-size: 0.75rem;
font-weight: 400;
display: block;
margin-bottom: 10px; }
.box_price_range_slider form {
padding-left: 5px; }
.box_price_range_slider #module_price_range_slider {
width: 98% !important; }
.box_price_range_slider #module_price_range_slider .slider-handle {
opacity: 1; }
.box_price_range_slider #module_price_range_slider .slider-selection {
opacity: 0.6; }
.box_product_collections .module-body p {
margin: 1rem 0 2rem; }
.box_product_collections .module-body .find-by {
font-size: 0;
position: relative; }
.box_product_collections .module-body .find-by > div {
display: inline-block; }
.box_product_collections .module-body .find-by a {
display: inline-block;
font-size: 1rem;
font-weight: 700;
padding: 0.5rem;
text-transform: uppercase;
margin: 0.5rem 0; }
.box_product_collections .module-body .find-by p {
position: absolute;
left: 0;
transition: all 0.3s ease-in-out; }
.box_product_collections .module-body .find-by p:first-child {
transform: translateX(100rem); }
.box_product_collections .module-body .find-by p:last-child {
transform: translateX(-100rem); }
.box_product_collections .module-body .find-by .active p {
transform: translateX(0); }
.box_product_collections .module-body .find-by a:hover {
cursor: pointer; }
.box_product_collections .module-body .find-by .active a {
border-radius: 1rem; }
.box_product_collections .module-body .header {
font-size: 1.25rem;
text-transform: uppercase; }
.box_product_collections .module-body h5 {
margin: 0 0 1rem;
text-transform: uppercase; }
.box_product_collections .module-body h5 a {
font-size: 1.125rem; }
.box_product_collections .catalog-view .row-gutters-small > div::before,
.box_product_collections .module-body > .row::before {
position: absolute; }
.box_product_collections .collection-item {
padding: 0 1rem; }
.box_product_collections .collection-item .description {
height: 3rem;
overflow: hidden;
position: relative; }
.box_product_collections .collection-item .description:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 0.5rem;
width: 100%;
background: rgba(255, 255, 255, 0.75); }
.box_product_collections .collection-item .description > * {
padding: 0;
margin: 0; }
.box_product_collections .collection-item .image {
max-width: 300px;
max-height: 200px;
overflow: hidden; }
.box_product_collections .find-by-block {
overflow: hidden;
position: relative; }
.box_product_collections .find-by-block > div:first-child {
transform: translateX(-100rem);
transition: all 0.3s ease-in-out; }
.box_product_collections .find-by-block > div:last-child {
transform: translateX(100rem);
transition: all 0.3s ease-in-out;
position: absolute;
top: 0; }
.box_product_collections .find-by-block > div.normal {
transform: translateX(0); }
.box_product_collections .module-body > .row {
display: grid;
grid-template-columns: 1fr;
margin-top: 1rem; }
.box_product_collections .module-body > .row > div:first-child {
background: rgba(0, 0, 0, 0.025);
padding: 1rem 1rem 0;
overflow: hidden; }
.box_product_collections .module-body > .row > div:first-child h5 {
font-weight: 700; }
.box_product_collections:not(.plugin) .module-body > .row > div:last-child {
grid-column: 1 / -1; }
.box_product_collections .module-body .header {
border-bottom: 3px solid #fff;
padding-bottom: 1rem; }
@media (min-width: 768px) {
.box_product_collections .module-body > .row {
grid-template-columns: 1fr;
grid-gap: 1rem; } }
@media (min-width: 993px) {
.box_product_collections .carousel-inner {
padding: 1rem 3rem 0; }
.box_product_collections .catalog-view.catalog-thumb3.carousel .row-gutters-small > div::before {
display: none; }
.box_product_collections .module-body > .row {
grid-template-columns: 1fr 3fr; } }
@media (max-width: 992px) {
.box_product_collections .carousel-inner {
margin-top: 1rem; } }
.box_product_compare .product {
border-bottom: 1px solid #ececec;
padding: 10px 0;
position: relative; }
.box_product_compare .product:first-child {
padding-top: 0; }
.box_product_compare .product:last-of-type {
border-bottom: none; }
.box_product_compare .product .image {
width: 50px; }
.box_product_compare .product .details {
padding-left: 10px; }
.box_product_compare .product .details h3 a {
color: #616161;
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase; }
.box_product_compare .product .details > a {
color: #616161;
font-size: 0.75rem; }
.box_product_compare .product .details > a i {
color: #cd2122; }
.box_product_compare .product .details .hot-deal {
position: absolute;
top: 10px;
right: 0;
width: 30px; }
.box_product_compare .product .details .hot-deal-text {
color: #cd2122;
padding: 5px 0; }
.box_product_questions {
text-align: left !important; }
.box_product_questions .question-form {
background-color: #e8e8e8;
padding: 15px 15px; }
.box_product_questions article {
margin-bottom: 5px; }
.box_product_questions article .header {
background-color: #5c646d;
color: #fff;
display: block; }
.box_product_questions article .header:hover {
background-color: #6c737b;
color: #fff; }
.box_product_questions article .header .flex-container > span {
padding: 20px 15px; }
.box_product_questions article .header:hover {
cursor: pointer; }
.box_product_questions article .header .answers {
background-color: rgba(255, 255, 255, 0.1);
text-align: center; }
.box_product_questions article .header h4 {
font-size: 0.875rem;
font-weight: 400;
margin-bottom: 5px;
text-transform: uppercase; }
.box_product_questions article .answer {
background-color: #fff;
border-radius: 0 0 5px 5px; }
.box_product_questions article .answer > div {
padding: 15px 30px; }
.box_product_questions article .answer .vote {
border-left: 1px solid #efefef;
margin-right: 30px;
padding: 0 30px 0 15px;
order: 2;
text-align: center; }
.box_product_questions article .answer .vote .count span:first-child {
display: block;
font-size: 2rem;
font-weight: 700;
line-height: 1; }
.box_product_questions article .answer .vote .count span:last-child {
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700; }
.box_product_questions article .answer p {
font-size: 1rem;
padding: 15px 0; }
.box_product_questions article .answer h4 i {
font-size: 0.8125rem;
font-weight: 300;
display: block;
padding: 0 0 0; }
@media (max-width: 767px) {
.box_product_questions article .answer .vote .count span:first-child {
font-size: 1rem !important; }
.box_product_questions article .answer .vote .count span:last-child {
font-size: 0.6rem !important; }
}
.box_product_questions {
/*background: url(images/pattern.png) repeat-x;*/
margin-top: 60px;
padding-top: 30px;
text-align: center; }
@media (max-width: 767px) {
.box_product_questions article .flex-container {
display: block; }
.box_product_questions article .flex-container span {
display: block; }
.box_product_questions article .flex-container span.answers {
padding: 5px 15px;
text-align: left; }
.box_product_questions article .answer .vote {
background-color: transparent;
border-right: 0;
margin-right: 0;
margin-bottom: 15px;
float: right;
width: 50px;
padding: 0; } }
.box_profile_bar .dropdown-menu ul li:last-child a {
border-bottom: none; }
.box_profile_bar .dropdown-menu ul li a {
color: #757575;
display: block;
font-size: 0.75rem;
padding: 10px 20px;
position: relative;
text-transform: uppercase; }
.box_profile_bar .dropdown-menu ul li a::before {
background-color: #f2f2f2;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 30px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.box_profile_bar .dropdown-menu ul li a:hover::before {
width: 100%; }
@media (max-width: 992px) {
.box_profile_bar {
float: left; }
.box_profile_bar .dropdown {
float: left; }
.box_profile_bar .dropdown > div:first-child {
float: right;
text-align: left; }
.box_profile_bar .dropdown > div.avatar {
float: left;
margin: 0 5px 0 0; }
.box_profile_bar .dropdown-menu {
box-shadow: none;
height: 100%;
left: 0;
overflow: scroll;
padding-bottom: 50px;
position: fixed;
top: 62px;
width: 100%;
z-index: 6; }
.box_profile_bar .dropdown-menu .header > div:nth-child(2) {
display: none; }
.box_profile_bar .dropdown-menu .body .header {
margin-left: -20px;
padding: 20px; }
.box_profile_bar .dropdown-menu .body ul li a {
color: #8e9398; }
.box_profile_bar .cart-dropdown {
border-left: none;
padding: 1rem; }
.box_profile_bar .cart-dropdown > div > span:first-child {
color: #fff; }
.box_profile_bar .cart-dropdown .dropdown-menu .body.profile {
padding: 20px; }
.box_profile_bar .cart-dropdown .dropdown-menu .body ul li a {
padding: 10px 0; }
.box_profile_bar .cart-dropdown .dropdown-menu .body ul li a:not(.btn) {
border-left: none; }
.box_profile_bar .cart-dropdown .dropdown-menu .body ul li.start-selling {
background-color: initial;
width: 235px; }
.box_profile_bar .cart-dropdown .dropdown-menu .body ul li.start-selling h3,
.box_profile_bar .cart-dropdown .dropdown-menu .body ul li.start-selling p {
color: #fff; } }
.box_scrollup a {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
display: none;
height: 3rem;
width: 3rem;
position: fixed;
bottom: 1rem;
right: 1rem;
z-index: 9999; }
.box_scrollup i {
font-size: 16px;
position: absolute;
left: 16px;
top: 16px; }
.box_scrollup a:hover {
opacity: 1; }
.box_search_bar {
float: right; }
.box_search_bar :-moz-placeholder,
.box_search_bar ::-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
font-size: 11px;
padding-top: 2px;
font-weight: 600;
text-transform: uppercase; }
.box_search_bar ::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
font-size: 11px;
font-weight: 600;
padding-top: 2px;
text-transform: uppercase; }
.box_search_bar button {
background: none;
border: none;
color: #fff;
z-index: 1010; }
.box_search_bar .expand-form {
display: block;
height: 25px;
position: absolute;
top: 5px;
right: 5px;
width: 25px;
z-index: 1000; }
.box_search_bar .stick-to-expand .expand-form {
z-index: -1; }
.box_search_bar .row-reverse button {
right: auto;
left: 5px; }
.box_search_bar .module-body {
min-width: 45px;
min-height: 50px;
width: 100%; }
.box_search_bar button.expand_search_form {
height: 44px;
padding-top: 8px;
}
.box_search_bar .module-body.expand,
.box_search_bar .module-body.stick-to-expand {
overflow: visible;
transform: translateX(40px);
margin-top: 7px;
width: 100%;
min-width: 385px; }
.box_search_bar .module-body.expand.focus {
margin-top: 85px; }
.box_search_bar form {
float: right;
min-width: 385px;
width: 100%;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.box_search_bar form .chosen-container-single {
max-width: auto;
position: relative;
width: auto;
z-index: 999; }
.box_search_bar form .chosen-container-single .chosen-single {
background-color: transparent !important;
border: none !important;
border-right: none !important;
border-radius: 0;
color: #ccc;
padding: 6px 10px 4px; }
.box_search_bar form .chosen-container-active.chosen-with-drop .chosen-single {
background-color: rgba(0, 0, 0, 0.15) !important;
border: none !important;
border-right: none !important;
border-radius: 0;
color: #ccc;
padding: 6px 10px 4px; }
.box_search_bar form .chosen-container-single .chosen-single span {
overflow: auto; }
.box_search_bar form .chosen-container .chosen-drop {
border: none !important;
margin-top: 0;
min-width: 150px; }
.box_search_bar form.focus .chosen-container .chosen-drop {
background-color: #fff !important; }
.box_search_bar form .chosen-container .chosen-drop input[type="text"] {
background-color: transparent !important;
border: 2px solid #e0e0e0 !important; }
.box_search_bar form.focus .chosen-container .chosen-drop input[type="text"] {
border: 2px solid #e0e0e0 !important; }
.box_search_bar form .chosen-container .chosen-drop .chosen-results li {
color: #9c9fa2; }
.box_search_bar form.focus .chosen-container .chosen-drop .chosen-results li {
color: #717980; }
.box_search_bar form.focus .chosen-container .chosen-drop .chosen-results li:hover {
background-color: #e0e0e0; }
.box_search_bar input.search {
background-color: transparent !important;
border-radius: 0;
border: none !important;
color: #fff;
font-size: 1rem;
max-width: 100%;
width: 100%;
padding: 4px 10px 6px;
position: relative;
z-index: 999; }
.box_search_bar .row-reverse input.search {
text-align: right; }
.box_search_bar .with-filter .row-reverse input.search {
border-right: none !important;
border-left: 1px solid #e0e0e0 !important; }
.box_search_bar .with-filter form.focus input.search {
border-left: none !important; }
.box_search_bar .with-filter form.focus .row-reverse input.search {
border-left: 2px solid #fff !important;
border-right: none !important; }
@media (max-width: 992px) {
.box_search_bar form {
float: left;
min-width: 100%; }
.box_search_bar input[type="text"] {
width: 100%; }
.box_search_bar button {
top: 4px;
right: 10px; }
.box_search_bar .module-body {
padding: 0 10px;
width: 100%; } }
@media (min-width: 768px) and (max-width: 992px) {
.box_search_bar {
padding: 0 20px; }
.box_search_bar .module-body {
padding: 0; } }
@media (max-width: 767px) {
.box_search_bar .module-body.with-filter {
margin-top: -30px; }
.box_search_bar .module-body.with-filter select {
background-color: rgba(0, 0, 0, 0.5) !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #ccc;
height: 35px;
margin-bottom: 5px;
border: none; }
.box_search_bar input[type="text"] {
background-color: rgba(0, 0, 0, 0.5) !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0; }
.box_search_bar .module-body {
background-color: transparent; }
.box_search_bar .module-body.with-filter button {
top: 43px; } }
.box_slides_search_bar {
position: relative; }
.box_slides_search_bar video {
height: 100%;
object-fit: cover;
width: 100%; }
.box_slides_search_bar .video::after {
background-color: rgba(0, 0, 0, 0.2);
content: "";
height: 100%;
position: absolute;
width: 100%; }
.box_slides_search_bar .video {
bottom: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 5; }
.box_slides_search_bar .carousel,
.box_slides_search_bar .carousel .carousel-inner,
.box_slides_search_bar .carousel .item {
height: 100%; }
.box_slides_search_bar .carousel .item img {
height: 100%;
object-fit: cover;
width: 100%; }
.box_slides_search_bar .module-body .searchbar {
height: 100%;
left: 0;
position: absolute;
width: 100%;
z-index: 50; }
.box_slides_search_bar .module-body .searchbar .box-content {
display: inline-block;
margin: 0;
max-width: 550px;
padding-top: 120px;
text-align: center;
width: 100%; }
.box_slides_search_bar .module-body .searchbar .box-content form {
position: relative; }
.box_slides_search_bar .module-body .search-inputs {
margin-top: 20px;
position: relative; }
.box_slides_search_bar .module-body .search-inputs > * {
display: inline-block; }
.box_slides_search_bar .module-body .search-inputs > button {
background-color: transparent;
border: none;
color: #adafb1;
font-size: 1.25rem;
padding: 11px 0;
position: absolute;
right: 15px; }
.box_slides_search_bar .module-body .search-inputs input[type="text"] {
border: none !important;
border-radius: 4px;
font-size: 1rem !important;
font-weight: 300 !important;
padding: 15px; }
.box_slides_search_bar
.module-body
.search-inputs
input[type="text"].with-category-filter {
border-radius: 0 4px 4px 0; }
.box_slides_search_bar .module-body form .chosen-container-single {
width: auto; }
.box_slides_search_bar
.module-body
form
.chosen-container-single
.chosen-single {
border: none !important;
background-color: #f5f5f1 !important;
border-radius: 4px 0 0 4px;
height: 100% !important;
padding: 5px 0 6px 8px;
width: 115px; }
.box_slides_search_bar form .chosen-container .chosen-drop {
min-width: 150px; }
.box_slides_search_bar
.module-body
.search-inputs
.chosen-container-single
.chosen-single
span {
color: #95989a;
font-size: 1rem;
font-weight: 300;
padding: 10px;
text-align: left; }
.box_slides_search_bar .chosen-container-single .chosen-single b {
background-position: 2px 19px; }
.box_slides_search_bar
form
.chosen-container-active.chosen-with-drop
.chosen-single
div
b {
background-position: -16px 19px; }
.box_slides_search_bar .module-body .search-inputs input::-moz-placeholder,
.box_slides_search_bar
.module-body
.search-inputs
input::-webkit-input-placeholder {
color: #95989a; }
.box_slides_search_bar .module-body {
height: 600px;
position: relative;
z-index: 1; }
@media (max-width: 767px) {
.box_slides_search_bar .module-body .search-inputs > button {
bottom: 0; }
.box_slides_search_bar .module-body .search-inputs select {
display: none; } }
.box_slideshow .carousel-caption.Bottom-Right {
bottom: 0;
right: 0;
text-align: right;
left: unset;
padding-right: 20px;
}
.box_slideshow .carousel-caption.Bottom-Left {
bottom: 0;
right: unset;
text-align: left;
left: 0;
padding-left: 20px;
}
.box_slideshow .carousel-caption.Top-Right {
top: 0;
right: 0;
text-align: right;
left: unset;
padding-right: 20px;
padding-top: 80px;
}
.box_slideshow .carousel-caption.Top-Left {
top: 0;
right: unset;
text-align: left;
left: 0;
padding-left: 20px;
padding-top: 80px;
}
.box_slideshow .carousel-caption.Center {
top: 0;
left: 0;
width: 100%;
height: 60vh;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.box_slideshow .caption-title {
font-size: 3rem;
text-transform: uppercase; }
.box_slideshow .caption-subtitle {
font-size: 1.5rem; }
.box_slideshow .caption-button {
width: max-content;
margin-top: 1rem; }
.carousel-indicators--CaptionTitle li {
background-color: rgba(0, 0, 0, 0.375);
border: none;
border-radius: 8px;
font-size: 1rem;
height: auto !important;
padding: 0.25rem 1rem;
text-indent: unset;
width: auto !important; }
.box_slideshow .carousel-controler {
background-image: none !important;
background-color: transparent !important;
position: absolute;
top: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
text-align: center; }
.box_slideshow .carousel-controler i {
background-color: #333; }
.box_slideshow .carousel-controler.left i {
border-radius: 0 4px 4px 0; }
.box_slideshow .carousel-controler.right i {
border-radius: 4px 0 0 4px; }
.box_slideshow .carousel-inner {
height: 60vh;
overflow: hidden;
}
.box_slideshow .slideshow_background {
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media (min-width: 768px) {
.box_slideshow .carousel-controler {
font-size: 4rem;
width: 4rem; }
.box_slideshow .carousel-controler i {
width: 4rem;
height: 4rem;
background-color: #333; }
.box_slideshow .caption-title {
font-size: 3rem; } }
@media (max-width: 767px) {
.box_slideshow .caption-title {
font-size: 1.5rem; }
.box_slideshow .carousel-controler {
font-size: 2rem;
width: 2rem; }
.box_slideshow .carousel-controler i {
width: 2rem;
height: 2rem; } }
/*
Bootstrap 3.3.X Carousel Fade
https://codepen.io/transportedman/pen/NPWRGq
*/
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity; }
.carousel-fade .carousel-inner .active {
opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1; }
.carousel-fade .carousel-control {
z-index: 2; }
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
.box_social_icons {
text-align: right; }
.box_social_icons a {
color: #dadada !important;
display: inline-block;
font-size: 1.125rem;
margin: 16px 0 0 5px; }
.box_special_categories .carousel .item {
background-size: cover;
background-position: center;
min-height: 505px;
padding: 60px 0; }
.box_special_categories .carousel .item:after {
background-color: rgba(0, 0, 0, 0.2);
height: 100%;
content: "";
position: absolute;
top: 0;
width: 100%; }
.box_special_categories .carousel .item .wrapper {
position: relative;
z-index: 5; }
.box_special_categories .carousel .item h2 {
color: #fff;
font-size: 2.25rem;
font-weight: 400;
margin: 0 0 5px;
text-transform: uppercase; }
.box_special_categories .carousel .item h3 {
font-size: 1.5rem;
text-transform: uppercase; }
.box_special_categories .carousel .item .col-xs-12 {
padding: 10px 20px; }
.box_special_categories .carousel .item .wrapper > p {
color: #fff;
font-family: "Open Sans";
line-height: 1.8;
margin-top: 20px;
max-width: 400px; }
.box_special_categories .carousel .item .special-category-content {
margin: 20px 0 0; }
.box_special_categories .carousel .item .products ul {
margin: 0 0 30px 0; }
.box_special_categories .carousel .item .products ul li {
display: inline-block;
margin-right: 15px; }
.box_special_categories .carousel .item .products ul li a {
background-color: transparent;
border-bottom: 2px solid #fff;
color: #fff;
padding: 0;
text-transform: uppercase; }
.box_special_categories .carousel .item .products .tab-pane {
background-color: transparent;
padding: 0; }
.box_special_categories .carousel .item .details {
padding: 10px 20px; }
.box_special_categories .carousel .item .thumbs .thumb {
display: inline-block;
margin: 0 10px 10px 0;
width: 120px; }
.box_special_categories .carousel .item .thumbs .thumb img {
width: 100%; }
.box_special_categories .carousel .item .thumbs .thumb .price {
background-color: #fff;
padding: 0 0 5px 10px;
opacity: 0; }
.box_special_categories .carousel .item .thumbs .thumb:hover .price {
opacity: 1; }
.box_special_categories .carousel .item .thumbs .thumb .price span {
font-size: 1rem; }
@media (max-width: 992px) {
.box_special_categories .carousel .item .products {
width: 100%; }
.box_special_categories .carousel .item .products .row {
max-width: 100%; }
.box_special_categories .carousel .item .products .bg {
left: 0;
transform: skewY(0deg);
-moz-transform: skewY(0deg);
-webkit-transform: skewX(0deg); } }
@media (max-width: 767px) {
.box_special_categories .carousel .item .products ul li {
background-color: transparent;
width: auto; }
.box_special_categories .carousel .item .thumbs .thumb {
width: 85px; }
.box_special_categories .carousel .item .thumbs .thumb .price {
display: none; } }
@media (max-width: 767px){
.box_subscribe_footer form .margin-top10,
.box_subscribe_footer form .email-mode label {
text-align: left;
padding-left: 5px;
}
}
.box_subscribe_footer form > a {
display: block;
font-size: 0.75rem !important;
margin-top: 10px; }
.box_subscribe_footer input[type="text"] {
background-color: #f2f2f2;
border: none !important;
padding: 10px; }
.box_subscribe_footer input[type="submit"] {
margin-top: 15px; }
.box_subscribe_footer form .chosen-container-active.chosen-with-drop .chosen-single,
.box_subscribe_footer form .chosen-container-single .chosen-drop,
.box_subscribe_footer form .chosen-container-single a {
background-color: #f2f2f2 !important;
}
.box_subscribe_footer form .chosen-container-single {
max-width: 100%; }
.box_subscribe_footer form .chosen-container-single .chosen-search input[type="text"] {
border: 2px solid #e0e0e0 !important; }
.box_subscribe .module-body {
margin-top: 30px;
position: relative; }
.box_subscribe .graphic svg {
max-width: 100%;
width: 100%; }
.box_subscribe .graphic svg > * {
max-width: 100%;
width: 100%; }
@media (max-width: 767px) {
.box_subscribe .content {
top: 130px !important;
}
}
.box_subscribe .content {
position: absolute;
top: 150px;
width: 100%; }
.box_subscribe .content .row > div:last-child {
animation-duration: 0.5s; }
.box_subscribe .module-body h2 {
color: #fff;
font-size: 1.5rem;
font-weight: 400;
text-transform: uppercase; }
.box_subscribe .module-body a {
color: #fff; }
.box_subscribe .module-body p {
color: rgba(255, 255, 255, 0.6);
font-weight: 400;
margin-top: 15px;
padding-right: 40px; }
@media (max-width: 767px){
.box_subscribe .module-body form .email-mode {
padding-left: 0px !important; }
}
.box_subscribe .module-body form .email-mode {
padding-left: 15px; }
.box_subscribe .module-body form .chosen-container-single .chosen-single {
border: 2px solid #fff !important;
background-color: transparent !important;
margin-left: 0;
padding: 7px 5px 1px; }
.box_subscribe .module-body form .chosen-container-single .chosen-single div b {
background-position: 2px 10px; }
.box_subscribe .module-body form .chosen-container-single .chosen-search input[type="text"] {
border: 2px solid #fff !important;
margin-top: 5px; }
.box_subscribe .module-body form .chosen-container .chosen-drop {
border: 2px solid #fff !important;
background-color: transparent !important; }
.box_subscribe .module-body form .chosen-container .chosen-results li {
color: #fff; }
.box_subscribe .module-body form input[type="text"] {
color: #fff;
background-color: transparent !important;
border: 2px solid #fff !important; }
.box_subscribe .module-body form input:-moz-placeholder, .box_subscribe .module-body form input::-moz-placeholder, .box_subscribe .module-body form input::-webkit-input-placeholder {
color: #fff;
text-transform: uppercase; }
.box_subscribe .module-body form .btn {
margin-top: 15px; }
.box_subscribe .module-body form a {
color: #fff;
font-size: 0.75rem;
margin-left: 15px; }
@media (max-width: 767px) {
.box_subscribe input {
margin-top: 15px;
width: 100%; }
.box_subscribe .module-body {
margin-top: 10px; }
.box_subscribe .graphic svg {
min-height: 450px; } }
@media (max-width: 992px) {
.box_topbar {
padding: 0; }
.box_topbar ul.nav li {
display: block;
float: initial; }
.box_topbar ul.nav li {
border-bottom: 2px solid #f2f2f2;
margin: 0 !important; }
.box_topbar ul.nav li:first-of-type {
border-top: none; }
.box_topbar ul.nav li:last-of-type {
border-bottom: none; }
.box_topbar ul.nav li a {
color: #8e9398 !important;
font-size: 0.75rem;
font-weight: 700;
margin-top: 0;
padding: 13px 0;
text-transform: uppercase; } }
.box_new_vendor ul {
text-align: center; }
.box_new_vendor ul li {
display: inline-block;
list-style: none;
padding: 0px 15px; }
.box_new_vendor ul:not(.chosen-choices) li a {
font-size: 1rem;
padding: 0px;
text-transform: uppercase; }
@media (max-width: 767px) {
.box_new_vendor ul li .sv-image a img {
height: auto !important;
width: 200px !important;
}
.box_new_vendor ul li p {
margin-top: 10px !important;
margin-bottom: 30px !important;
}
}
.box_new_vendor ul li .sv-image a img {
height: 150px;
}
.box_new_vendor ul li p {
margin-top: 15px; }
.box_trending {
padding: 70px 0 0; }
.box_trending .catalog-simple > .row > div:nth-child(2n + 1) {
animation-duration: 0.6s; }
@media (max-width: 992px) {
.box_trending {
padding: 0 0 70px 0; } }
@media (max-width: 767px) {
.box_trending {
padding: 0; } }
.box_user_messages .bum-container {
background-color: #fff;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.25);
border-radius: 1rem;
display: flex;
flex-direction: column;
position: fixed;
bottom: 1rem;
right: 1rem;
max-height: calc(100% - 2rem);
width: calc(100% - 2rem);
overflow: hidden;
z-index: 9999; }
.box_user_messages .bum-container.minimized .bum-body,
.box_user_messages .bum-container.minimized .bum-your-message {
display: none; }
.box_user_messages .bum-header {
cursor: pointer;
display: flex;
align-items: center;
padding: 1rem; }
.box_user_messages .bum-header h4 {
flex: 1;
font-weight: 400; }
.box_user_messages .bum-header h4 a {
font-size: inherit;
font-weight: 700;
margin-top: 0.25rem; }
.box_user_messages .bum-header #bumClose {
cursor: pointer; }
.box_user_messages .bum-body {
overflow: auto;
padding: 1rem; }
.box_user_messages .bum-your-message {
box-shadow: 3px 0 1rem rgba(0, 0, 0, 0.25);
padding: 1rem;
overflow: auto; }
.box_user_messages .bum-your-message .btn {
margin: 1rem 0; }
.box_user_messages .bum-label {
cursor: pointer;
display: inline-block;
padding: 0.5rem;
transition: all 0.3s ease-in-out;
width: auto; }
.box_user_messages .bum-label:first-child {
padding-left: 0; }
.box_user_messages .bum-label:last-child {
font-size: 0.875rem;
font-weight: normal;
padding-right: 0;
pointer-events: none; }
.box_user_messages .bum-item {
display: flex;
flex-direction: column;
margin-bottom: 0.5rem; }
.box_user_messages .bum-meta {
font-size: 0.875rem; }
.box_user_messages .bum-sender {
text-transform: capitalize; }
.box_user_messages .bum-message {
border-radius: 1rem;
padding: 1rem;
position: relative;
width: 100%; }
.box_user_messages .bum-message::before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 1rem;
z-index: -1; }
.box_user_messages .bum-item__admin,
.box_user_messages .bum-item__vendor {
text-align: right; }
.box_user_messages .bum-item__admin .bum-message::before,
.box_user_messages .bum-item__vendor .bum-message::before {
opacity: 0.25; }
.box_user_messages input[type="file"] {
position: absolute;
left: -9999px; }
.box_user_messages .auto-message {
display: flex;
align-items: center; }
.box_user_messages .auto-message-purl {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.box_user_messages .auto-message-img img {
border-radius: 1rem;
height: 120px;
width: 120px;
object-fit: contain; }
.box_user_messages .auto-message-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 1rem; }
.box_user_messages .auto-message-info > div {
margin: 0.125rem 0; }
.box_user_messages .auto-message-pprice {
font-weight: bold; }
.box_user_messages .bum-email-notification {
color: #999;
font-size: 0.875rem;
margin: 1rem 0;
text-align: center; }
@media (min-width: 768px) {
.box_user_messages .bum-container {
max-height: 80vh;
width: 75vw; } }
@media (min-width: 993px) {
.box_user_messages .bum-container {
width: 50vw; } }
@media (min-width: 1366px) {
.box_user_messages .bum-container {
width: 25vw; } }
@media screen and (min-height: 576px) {
.bum-body {
min-height: 10rem;
height: 100%; }
.bum-your-message {
min-height: 17rem; } }
.box_vendor_home_category_tags {
margin-top: 80px;
position: relative; }
.box_vendor_home_category_tags::before {
background-color: #f5f5f5;
content: "";
height: 80px;
left: 0;
position: absolute;
transform: skewY(2deg);
top: -45px;
width: 100%;
z-index: 5; }
.box_vendor_home_category_tags .module-body {
padding: 160px 0 120px;
position: relative; }
.box_vendor_home_category_tags .module-body h2,
.box_vendor_home_category_tags .module-body h3,
.box_vendor_home_category_tags .module-body ul {
position: relative;
z-index: 10; }
.box_vendor_home_category_tags .background-image {
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 1; }
.box_vendor_home_category_tags .background-image::before, .box_vendor_home_category_tags .background-image::after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%; }
.box_vendor_home_category_tags .background-image::before {
background-color: rgba(0, 0, 0, 0.5);
z-index: 1; }
.box_vendor_home_category_tags .background-image::after {
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 84%, rgba(0, 0, 0, 0.65) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 84%, rgba(0, 0, 0, 0.65) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 84%, rgba(0, 0, 0, 0.65) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
/* IE6-9 */ }
.box_vendor_home_category_tags .background-image img {
height: 100%;
object-fit: cover;
width: 100%; }
.box_vendor_home_category_tags h2 {
color: #fff;
font-size: 4rem;
margin-bottom: 15px;
text-transform: uppercase; }
.box_vendor_home_category_tags h3 strong {
background-color: #424242;
display: inline-block;
font-weight: 400;
margin-bottom: 7px;
padding: 7px 15px; }
.box_vendor_home_category_tags ul {
margin-top: 60px; }
.box_vendor_home_category_tags ul li.simple-link {
display: inline-block; }
.box_vendor_home_category_tags ul li.simple-link a {
background-color: #525252;
border-radius: 3px;
color: #fff;
display: block;
padding: 4px 8px; }
.box_vendor_home_category_tags ul li.simple-link a:hover {
background-color: #424242; }
.box_vendor_home_category_tags ul li.img-box .category {
background-color: #525252;
height: 170px;
margin-bottom: 14px;
overflow: hidden;
padding: 10px;
position: relative; }
.box_vendor_home_category_tags ul li.img-box .category img {
height: 100%;
object-fit: cover;
width: 100%; }
.box_vendor_home_category_tags ul li.img-box:hover .category {
background-color: #323232; }
.box_vendor_home_category_tags ul li.img-box:nth-of-type(1) .category,
.box_vendor_home_category_tags ul li.img-box:nth-of-type(2) .category {
height: 354px; }
.box_vendor_home_category_tags ul li.img-box a {
background-color: rgba(0, 0, 0, 0.4);
bottom: 10px;
font-size: 1rem;
left: 0;
position: absolute;
display: block;
padding: 10px 15px;
text-transform: uppercase;
width: 100%; }
.box_vendor_home_category_tags ul li.img-box a span:last-of-type {
color: #fff;
display: block;
font-size: 0.75rem; }
.box_mall_info .vendor .vendor-logo,
.box_vendor_info .vendor .vendor-logo {
width: 45px; }
.box_mall_info .vendor .vendor-logo img,
.box_vendor_info .vendor .vendor-logo img {
width: 100%; }
.box_mall_info .vendor .vendor-name,
.box_vendor_info .vendor .vendor-name {
padding: 4px 0 0 10px; }
.box_mall_info .vendor .vendor-name h4,
.box_vendor_info .vendor .vendor-name h4 {
font-size: 0.875rem; }
.box_mall_info .vendor .vendor-name span,
.box_vendor_info .vendor .vendor-name span {
color: #999;
font-size: 0.75rem;
font-weight: 400; }
.box_vendor_info .reviews-ratings {
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
padding: 5px; }
.box_vendor_info .reviews-ratings > div {
padding: 5px 0; }
.box_vendor_info .rating > span:first-child {
font-weight: 400; }
.box_vendor_info .rating div span {
color: #999;
font-size: 0.75rem;
font-weight: 400; }
.box_vendor_info .vendor-menu {
margin-top: 10px; }
.sidebar .module.box_vendor_info .vendor-menu .module-body {
padding: 0; }
.box_vendor_location_bar {
margin-bottom: -85px;
position: relative;
z-index: 5; }
.box_vendor_location_bar .module-body {
position: relative; }
.box_vendor_location_bar .style1 .details {
width: 380px; }
.box_vendor_location_bar .larger-map {
display: none; }
.box_vendor_location_bar .details .header h3 {
font-size: 3rem;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase; }
.box_vendor_location_bar .details > div {
padding: 25px 30px; }
.box_vendor_location_bar .details > div:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.05); }
.box_vendor_location_bar .details > div > * {
display: inline-block;
vertical-align: top; }
.box_vendor_location_bar .details > div > i {
font-size: 2.5rem; }
.box_vendor_location_bar .details > div > div {
max-width: 280px;
padding-left: 20px; }
.box_vendor_location_bar .details h3 {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 8px;
text-transform: uppercase; }
.box_vendor_location_bar .details p {
color: #fff;
font-size: 0.75rem;
font-weight: 400; }
.box_vendor_location_bar .style2 .details {
bottom: 0;
position: absolute;
z-index: 5;
left: 100px; }
.box_vendor_location_bar .style2 .details .header h3 {
font-size: 2rem; }
.box_vendor_location_bar .style2 .details > div {
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: 2px;
padding: 18px 30px; }
.box_vendor_location_bar .style2 .details > div:last-child {
margin-bottom: 0; }
.box_vendor_location_bar .style2 .details p {
color: #b1b1b1; }
.bw-map {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); }
.box_vendor_location .module-body h3 {
font-size: 0.75rem;
font-weight: 600;
margin: 0 0 5px;
text-transform: uppercase; }
.box_vendor_location .module-body p {
color: #9e9e9e;
margin-bottom: 20px; }
@media (max-width: 767px) {
.box_vendor_location {
overflow: hidden; }
.box_vendor_location .module-body {
overflow: hidden;
display: block; }
.box_vendor_location .details {
width: 100%; }
.box_vendor_location .details > div > i,
.box_vendor_location .details .header h3 {
font-size: 2rem; }
.box_vendor_location .details p {
max-width: 190px; }
.box_vendor_location .map {
overflow: hidden;
flex: initial;
-webkit-box-flex: initial; }
.box_vendor_location .style2 .details {
position: relative;
left: 0; } }
.box_vendor_location_bar {
margin-bottom: -85px;
position: relative;
z-index: 5; }
.box_vendor_location_bar .module-body {
position: relative; }
.box_vendor_location_bar .style1 .details {
width: 380px; }
.box_vendor_location_bar .larger-map {
display: none; }
.box_vendor_location_bar .details .header h3 {
font-size: 3rem;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase; }
.box_vendor_location_bar .details > div {
padding: 25px 30px; }
.box_vendor_location_bar .details > div:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.05); }
.box_vendor_location_bar .details > div > * {
display: inline-block;
vertical-align: top; }
.box_vendor_location_bar .details > div > i {
font-size: 2.5rem; }
.box_vendor_location_bar .details > div > div {
max-width: 280px;
padding-left: 20px; }
.box_vendor_location_bar .details h3 {
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 8px;
text-transform: uppercase; }
.box_vendor_location_bar .details p {
color: #fff;
font-size: 0.75rem;
font-weight: 400; }
.box_vendor_location_bar .style2 .details {
bottom: 0;
position: absolute;
z-index: 5;
left: 100px; }
.box_vendor_location_bar .style2 .details .header h3 {
font-size: 2rem; }
.box_vendor_location_bar .style2 .details > div {
background-color: rgba(255, 255, 255, 0.85);
margin-bottom: 2px;
padding: 18px 30px; }
.box_vendor_location_bar .style2 .details > div:last-child {
margin-bottom: 0; }
.box_vendor_location_bar .style2 .details p {
color: #b1b1b1; }
.bw-map {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); }
.box_vendor_profile ul li h4 {
border-bottom: 3px solid #e0e0e0;
font-size: 0.875rem;
margin: 10px 0 5px;
padding-bottom: 10px;
text-transform: uppercase; }
.box_vendor_top {
background-color: #f7f7f7 !important; }
.box_vendor_top .vendor-menu {
background-color: #fff; }
.box_vendor_top .vendor-menu .module-body {
padding-left: 118px; }
.box_vendor_top .vendor-menu ul li a {
font-weight: 400;
padding: 13px 7px;
text-transform: uppercase; }
.box_vendor_top .vendor-menu .followers-btn {
padding: 10px 0;
text-align: right; }
.box_vendor_top .vendor-menu .followers-btn a {
font-size: 1.125rem;
margin-left: 15px; }
.box_vendor_top > .wrapper > .module-body {
padding: 20px 0 0; }
.box_vendor_top .logo {
max-width: 105px;
margin-right: 20px; }
.box_vendor_top .logo a img {
margin-top: -50px;
width: 100%; }
.box_vendor_top .vendor span {
color: #b3b3b3;
font-size: 0.75rem; }
.box_vendor_top .review-rating h4 {
font-size: 0.875rem; }
.box_vendor_top .review-rating > div:first-child a,
.box_vendor_top .review-rating > div:last-child * {
font-size: 0.75rem; }
.box_vendor_top .ratings-overview {
margin-top: 0; }
.box_vendor_top .vendor-links a {
display: block;
font-size: 0.875rem;
font-weight: 300; }
.box_vendor_top .vendor-cc {
padding-bottom: 20px; }
.box_vendor_top .vendor-links img {
width: 30px; }
@media (max-width: 992px) {
.box_vendor_top {
display: none; } }
.box_video_banner .module-body {
height: 600px;
position: relative; }
.box_video_banner .headers {
height: 100%;
position: absolute;
width: 100%;
z-index: 10; }
.box_video_banner .headers div {
background-color: rgba(255, 255, 255, 0.2);
margin: 0 auto;
padding: 20px 40px;
text-align: center; }
.box_video_banner .headers div h2 {
color: #fff;
font-size: 3rem;
font-weight: 700;
text-transform: uppercase;
-webkit-font-smoothing: antialiased; }
.box_video_banner .headers div h3 {
color: #fff;
font-size: 1.125rem;
font-weight: 400;
text-transform: uppercase; }
.box_video_banner .headers div h3 span {
color: #000; }
.box_video_banner .video {
bottom: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
z-index: 5; }
.box_video_banner .video:after {
background-color: rgba(0, 0, 0, 0.2);
content: "";
height: 100%;
position: absolute;
width: 100%; }
.box_video_banner video {
height: 100%;
object-fit: cover;
width: 100%; }
@media (min-width: 768px) and (max-width: 992px) {
.box_video_banner .module-body {
height: 430px; } }
@media (max-width: 767px) {
.box_video_banner .module-body {
height: 180px; }
.box_video_banner .headers div h2 {
font-size: 2rem; } }
.box_wishlist_bar .cart-dropdown > a > span i {
color: #fff;
}
.box_wishlist_bar .cart-dropdown{
background-color: #8AC6DF !important;
}
.box_wishlist_bar .dropdown-menu {
padding: 1rem !important; }
.box_wishlist_bar .user-wishlist {
margin: 0.25rem 0;
padding: 0.25rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.box_wishlist_bar .user-wishlist:first-child {
margin-top: 0;
padding-top: 0; }
.box_wishlist_bar .user-wishlist:last-child {
margin-bottom: 0; }
.box_wishlist_bar .user-wishlist-name {
font-size: 1rem;
font-weight: 700;
text-transform: uppercase; }
.box_wishlist_bar .btn {
margin-top: 1rem; }
.catalog-view.catalog-text .product {
border-bottom: 2px solid #f2f2f2;
padding: 30px 0; }
.catalog-text .product .product-buttons {
text-align: right; }
.catalog-text.catalog-view .product .login-for-price {
border-radius: 3px;
position: relative; }
.catalog-text .product .product-buttons form {
display: inline-block;
vertical-align: top; }
.catalog-text .product {
margin-bottom: 0; }
.catalog-text .product.ixxo-badge-hotdeal:before {
display: none; }
.catalog-thumb1 .product {
border-bottom: 2px solid #f2f2f2;
padding-bottom: 30px; }
.catalog-thumb1 .product .product-thumb {
border-bottom: none; }
.catalog-thumb1 .product .product-buttons {
text-align: right; }
.catalog-thumb1 .product .product-price {
margin-bottom: 20px;
text-align: right; }
.catalog-thumb1 .product .product-price .case-details {
display: inline-block;
padding: 2px 0px 4px 25px; }
.catalog-thumb1 .product .product-titles h3 {
font-size: 1.125rem; }
.catalog-thumb1 .product > div:nth-child(2) {
padding: 25px; }
.catalog-thumb1 .product > div:nth-child(3) {
padding-right: 25px; }
.catalog-thumb1 .product > div:nth-child(2) > div:nth-last-child(n + 2) {
margin-bottom: 10px; }
.catalog-thumb2 .product {
border-bottom: 2px solid #f2f2f2;
padding-bottom: 30px;
min-height: 250px; }
.catalog-thumb2 .product .product-thumb {
border-bottom: none; }
.catalog-thumb2 .product .product-thumb .product-quick-view {
top: 45%; }
.catalog-thumb2 .product .product-buttons .add-to-cart {
display: block; }
.catalog-thumb2 .product .product-buttons .sm-btn {
margin: 3px 5px 0 0; }
.catalog-thumb2 .product > div:last-child {
padding: 15px; }
.catalog-thumb2 .product > div:last-child > div:nth-last-child(n + 2) {
margin-bottom: 10px; }
.catalog-view.catalog-thumb3 .row > div:nth-child(even) .product {
animation-duration: 0.5s; }
.catalog-view.catalog-thumb3 .buy_together:last-child:after {
content: "=" !important;
}
.catalog-view.catalog-thumb3 .buy_together:after {
content: "+";
position: absolute;
right: -2px;
top: 15%;
font-size: 20px;
}
.catalog-view.catalog-thumb3.buy_together {
margin-top: 0px !important;
}
.box_buy_together_products .add_all_to_cart {
position: absolute;
right: 0;
top: 10%;
}
.box_buy_together_products .add_all_to_cart .catalog-price{
font-size: 18px;
}
.catalog-view.catalog-thumb3 .product {
border: none;
margin-bottom: 50px;
min-height: 292px; }
.catalog-view.catalog-thumb3 .product .product-thumb {
border-bottom: none; }
.catalog-view.catalog-thumb3 .product .details h3 a {
color: #3a3a3a;
display: block;
font-size: 1rem;
font-weight: 700;
overflow: hidden;
text-align: center;
text-transform: uppercase; }
.catalog-view.catalog-thumb3 .product .details .vendor-pid a {
color: #b4b4b4;
display: block;
font-size: 0.75rem;
text-transform: uppercase; }
.catalog-view.catalog-thumb3 .product .details .vendor-pid a span {
color: #4b4b4b; }
.catalog-view.catalog-thumb3 .product .details .price {
text-align: center;
margin-top: 10px; }
.catalog-view.catalog-thumb3 .product .details .price .catalog-price {
font-size: 1.25rem;
font-weight: 700; }
.catalog-view.catalog-thumb3 .product .details .price .strike-price {
font-size: 1rem; }
.catalog-view.catalog-thumb3 .product .details {
margin-top: 10px;
}
.catalog-view.catalog-thumb3 .product .buttons {
margin: 0px 0 15px;
/*padding-left: 70px;*/
position: absolute;
text-align: right;
top: 0;
right: 0;
width: 100%; }
.catalog-view.catalog-thumb3 .product .buttons::before {
background-color: #f2f2f2;
/*content: "";*/
height: 6px;
left: 0;
position: absolute;
top: 6px;
width: 45px; }
.catalog-view.catalog-thumb3.buy_together .product .buttons {
padding-left: 0;
display: none;
}
.catalog-view.catalog-thumb3.buy_together .product .buttons::before {
display: none;
}
.catalog-view.catalog-thumb3 .product .buttons > div {
display: inline-block;
vertical-align: top; }
.catalog-view.catalog-thumb3 .product .buttons a {
color: #cdcdcd;
font-size: 0.8125rem;
margin-right: 10px; }
.catalog-view.catalog-thumb3 .product .buttons button {
color: #cdcdcd;
font-size: 0.8125rem;
margin-right: 10px;
background: none;
border: none;
padding: 0; }
.catalog-view.catalog-thumb3 .product .buttons a:hover,
.catalog-view.catalog-thumb3 .product .buttons button:hover {
color: #737373; }
.catalog-view.catalog-thumb3 .product:hover .vendor {
opacity: 1;
filter: alpha(opacity=100);
margin-bottom: -60px; }
.catalog-view.catalog-thumb3.carousel {
padding-right: 40px;
position: relative; }
.catalog-view.catalog-thumb3.carousel .carousel-inner {
margin-left: -15px; }
.catalog-view.catalog-thumb3.carousel .carousel-inner:hover {
overflow: visible; }
.catalog-view.catalog-thumb3.carousel .controlers {
height: 100%;
padding-bottom: 70px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
width: 50px; }
.catalog-view.catalog-thumb3.carousel .controlers .controlers-wrap {
height: 100%;
position: relative; }
.catalog-view.catalog-thumb3 .carousel-controler {
background-color: transparent;
background-image: none;
width: 0;
height: 0;
right: 0;
left: auto !important;
opacity: 1;
filter: alpha(opacity=100); }
.catalog-view.catalog-thumb3 .carousel-controler.right {
top: 0;
border-top: 21px solid transparent;
border-left: 21px solid #e6e6e6;
border-bottom: 21px solid transparent;
opacity: 0.4; }
.catalog-view.catalog-thumb3 .carousel-controler.right:hover {
opacity: 1; }
.catalog-view.catalog-thumb3 .carousel-controler.left {
border-top: 21px solid transparent;
border-right: 21px solid #e6e6e6;
border-bottom: 21px solid transparent;
opacity: 1;
top: 27px; }
.catalog-view.catalog-thumb3 .carousel-controler.left:hover {
opacity: 0.7; }
.catalog-view.catalog-thumb3 .carousel-controler i {
display: none; }
.blog_page.blog_page--traditional .blog_post_single_header {
font-size: 2.5rem;
margin: 1rem 0 0.5rem; }
.blog_page.blog_page--traditional .blog_post_single_meta {
font-size: 1.25rem; }
.blog_page.blog_page--traditional .blog_post_single_image {
margin: 1rem 0; }
.blog_page.blog_page--traditional .blog_post_single_image img {
max-height: 320px;
width: auto; }
.blog_page.blog_page--traditional .blog_post_single_content p {
margin: 1rem 0; }
.blog_page.blog_page--compact .blog_page_archive {
display: grid;
grid-gap: 1rem; }
.blog_page.blog_page--compact .blog_post_single_header {
font-size: 1.5rem; }
.blog_page.blog_page--compact .blog_post_single_meta {
font-size: 1rem; }
.blog_page.blog_page--compact .blog_post_single_image {
margin: 1rem 0; }
.blog_page.blog_page--compact .blog_post_single_content p {
margin: 1rem 0; }
.blog_page .blog_page_archive {
margin-bottom: 3rem; }
.blog_page .blog_post_single.is_blog_post_page .blog_post_single_header {
font-size: 2.5rem; }
.blog_page .blog_post_single_body .blog_post_single_image img {
max-height: 320px; }
.blog_page .blog_post_single_tags_container {
margin: 1rem 0; }
.blog_page .blog_post_single_tags_container .comma:last-child {
display: none; }
.blog_page .blog_post_single_follow {
margin: 1rem 0; }
.blog_page .blog_post_single_follow i {
font-size: 1.2rem;
margin: 0 0.5rem; }
@media (min-width: 768px) {
.blog_page--compact .blog_page_archive {
grid-template-columns: repeat(3, 1fr); } }
.panel-group {
margin-bottom: 20px;
}
.panel-body {
padding: 15px;
background: #f9f9f9;
}
.sidebar #box_faq_sections.module ul li a:before {
display: none;
}
.sidebar #box_faq_sections.module ul li a {
padding-left: 15px;
}
.faq .side {
width: 320px; }
.faq .btn-tiny {
border: none;
padding: 3px 10px;
text-transform: none; }
.faq header .box {
margin-right: 1rem;
padding: 0; }
.faq header .subheader {
margin-top: 1rem; }
.faq > .subheader,
.faq .add-form {
display: none; }
.faq .faq-topic {
background: #fff;
margin-bottom: 1rem;
min-height: 10rem; }
.faq .faq-topic h3 a {
border-bottom: 1px solid #f8f8f8;
color: #fff;
display: block;
padding: 1rem;
transition: all 0.3s ease-in-out; }
.faq .faq-topic .description {
padding: 1rem; }
.faq .faq-body {
padding: 0 1rem; }
.faq .panel-group {
margin-bottom: 1rem; }
.faq .panel-group .panel-heading a {
color: #fff;
display: block;
font-weight: bold;
padding: 1rem; }
.faq .panel-group .panel-heading .panel-title i {
float: right; }
.faq .panel-group .panel-body {
background: #fff;
padding: 1rem;
border-top: 1px solid #f8f8f8; }
.faq .panel-group .panel-body > * {
display: inline-block; }
.faq .panel-group .panel-body > div {
display: block; }
.faq .faq-body .pagination {
padding: 0 1rem; }
.faq .faq-body .entry {
background: #fff;
padding: 1rem;
border-bottom: 1px solid #f8f8f8; }
.faq .faq-body .entry .flex-container {
align-items: center; }
.faq .faq-body .entry.answer {
border: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 4px solid rgba(0, 0, 0, 0.05);
margin: 15px 15px 25px; }
.faq .faq-body .entry .entry-text > div {
margin: 1rem 0; }
.faq .faq-body .entry .entry-text > div i {
color: #afafaf; }
.faq .faq-body .entry .entry-text > div i b {
color: #525252;
font-weight: 400; }
.faq .faq-body .entry .vote {
border-left: 1px solid #f8f8f8;
margin-left: 1rem;
padding: 0 0 0 1rem;
text-align: center; }
.faq .faq-body .entry .vote span:first-child {
display: block;
font-size: 2rem;
font-weight: 700;
line-height: 1; }
.faq .faq-body .entry .vote span:last-child {
text-transform: uppercase;
font-size: 0.75rem;
font-weight: 700; }
.plugin.box_product_collections .module-body .find-by a {
padding: 0 1rem; }
.plugin.box_product_collections .module-body .find-by a:first-child {
padding-left: 0; }
.plugin.box_product_collections .module-body > .row .images {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.25rem; }
.plugin.box_product_collections .module-body .image img {
width: 100%;
height: 100%;
object-fit: cover; }
@media (min-width: 768px) {
.plugin.box_product_collections .module-body > .row {
grid-template-columns: 1fr 3fr; }
.plugin.box_product_collections .module-body > .row .images {
grid-gap: 1rem; }
.plugin.collections-catalog .products {
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 1rem; } }
@media (min-width: 993px) {
.plugin.collections-catalog .products {
grid-template-columns: repeat(4, 1fr); } }
.plugin.sitemap-thumbs > .row {
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
margin-bottom: 3rem; }
.plugin.sitemap-thumbs .category {
position: relative;
height: 20rem;
overflow: hidden; }
.plugin.sitemap-thumbs .category > a {
display: block;
height: 100%; }
.plugin.sitemap-thumbs .category form {
display: block;
height: 100%; }
.plugin.sitemap-thumbs .category form > a {
display: block;
height: 100%; }
.plugin.sitemap-thumbs .category a img {
width: 100%;
height: 100%;
object-fit: cover; }
.plugin.sitemap-thumbs .category h3 {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(51, 51, 51, 0.5);
transition: all 0.3s ease-in-out; }
.plugin.sitemap-thumbs .category h3 a {
display: block;
color: #ffff;
padding: 1.5rem;
text-align: center; }
.plugin.sitemap-thumbs .category.lvl-1 h3 {
background: rgba(0, 150, 212, 0.75); }
.plugin.sitemap-thumbs .category:hover h3 {
background: #333333; }
.plugin.sitemap-thumbs .category.lvl-1:hover h3 {
background: #b71234; }
.plugin.sitemap-thumbs > .row::before, .plugin.sitemap-thumbs > .row::after {
position: absolute; }
.plugin.sitemap-thumbs .header {
text-align: center; }
.plugin.sitemap-thumbs .header span {
position: relative;
background: #fff;
padding: 0 1rem;
z-index: 10; }
.plugin.collections-catalog .products {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 1rem; }
.plugin.collections-catalog .products::before, .plugin.collections-catalog .products::after {
position: absolute; }
.plugin.collections-catalog .products .product {
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.05);
padding: 1rem;
transition: all 0.3s ease-in-out; }
.plugin.collections-catalog .products .product:hover {
transform: translateY(-0.25rem); }
.plugin.collections-catalog .products .product header {
height: 3rem; }
@media (min-width: 768px) {
.plugin.sitemap-thumbs > .row {
grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 993px) {
.plugin.sitemap-thumbs > .row {
grid-template-columns: repeat(5, 1fr); }
.plugin.sitemap-thumbs .header:nth-child(2n + 1) {
text-align: left; }
.plugin.sitemap-thumbs .header:nth-child(2n + 1) span {
padding-left: 0; }
.plugin.sitemap-thumbs .header:nth-child(4n + 1) {
text-align: right; }
.plugin.sitemap-thumbs .header:nth-child(4n + 1) span {
padding-right: 0;
padding-left: 1rem; } }
.style1 .product-options .price {
border-radius: 0;
padding: 8px 15px 10px; }
.style1 .product-options .price span.catalog-price {
color: #fff !important; }
.style1 .buy-now {
margin-top: 10px;
width: 100%; }
.style1 #buy-now,
.style1 .checkout input,
.style1 .price-offer button {
width: 100%; }
.style2 .add-to-cart,
.style2 .buy-now,
.style2 .price-offer {
display: inline-block;
margin: 0 0 5px 0;
vertical-align: top; }
.style2 .add-to-cart button,
.style2 .buy-now button,
.style2 .price-offer button {
border-bottom: none; }
.style2 .product-details > *:nth-child(n + 2) {
margin-bottom: 25px; }
.style2 .product-details .share-product {
border-top: none;
margin: 5px 0;
padding: 0; }
.style2 .product-details .share-product a i {
font-size: 0.875rem; }
.style2 .product-options .image {
border-bottom: none; }
.style2 .product-options .thumbs {
background-color: transparent;
padding: 40px 0 0 0; }
.style2 .product-options .thumbs .carousel-controler {
top: 12px; }
.style2 .product-options .thumbs .carousel-controler.left {
left: -30px; }
.style2 .product-options .thumbs .carousel-controler.right {
right: -30px; }
.style2 .product-options .thumbs ul li a {
border-radius: 3px;
margin: 0;
padding: 3px;
overflow: hidden; }
.style2 .global-attributes .attribute:nth-child(n + 2) {
margin-top: 0; }
.style2 .attributes-price {
border-top: 2px solid #efefef;
border-bottom: 2px solid #efefef;
padding: 25px 0 20px; }
.style2 .global-attributes {
margin-bottom: 0;
display: inline-block;
vertical-align: top; }
.style2 .price,
.style2 .qty {
display: inline-block;
vertical-align: top; }
.style2 .global-attributes .attribute {
margin: 0 10px 10px 0; }
.style2 .global-attributes .attribute:not(.flex-container) {
display: inline-block;
vertical-align: top; }
.style2 .global-attributes .attribute label {
font-size: 0.75rem;
font-weight: 400;
margin: 0;
padding: 0 0 2px 2px; }
.style2 .qty h5 {
font-size: 0.75rem;
font-weight: 400;
margin: 0;
padding: 0 0 2px 2px; }
.style2 form .qty .spinbox input:not([type="submit"]):not([type="file"]) {
background-color: #fff !important;
border: 1px solid #efefef !important;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color: #5c5c5c;
margin: 3px 0 0;
max-width: 55px;
padding: 5px 10px;
text-align: left; }
.style2 form .qty .spinbox .spinedit i {
background-color: transparent;
color: #5c5c5c;
font-size: 0.4rem;
height: auto;
left: auto;
padding: 0;
right: 2px;
top: 7px; }
.style2 form .qty .spinbox {
margin-bottom: 10px; }
.style2 form .qty .spinbox .spinedit i:last-child {
top: 24px; }
.style2 .price {
float: right;
padding: 18px 0; }
.style2 .price .catalog-price {
color: #5c5c5c !important;
font-size: 1.125rem;
font-weight: 700; }
.style3 .product-options .price {
border-radius: 0;
padding: 8px 15px 10px; }
.style3 .product-options .price span.catalog-price {
color: #fff !important; }
.style3 .buy-now {
margin-top: 10px;
width: 100%; }
.style3 #buy-now,
.style3 .checkout input,
.style3 .price-offer button {
width: 100%; }
.style4 .product-options .thumbs .carousel-controler i{
display: none;
}
.style4 .product-options .thumbs .carousel-controler {
top: 4px; }
.style4 .product-options .thumbs ul li a {
padding: 2px; }
.style4 .global-attributes .attribute label {
display: inline-block;
/*min-width: 70px;*/
text-transform: uppercase;
width: 200px; }
.style4 form hr {
margin: 20px 0; }
.style4 .buy-now,
.style4 .price-offer {
display: inline-block;
margin: 0 0 5px 0;
vertical-align: top; }
.style4 #buy-now {
border-bottom: none; }
.style4 form .spinbox input:not([type="submit"]):not([type="file"]) {
background-color: #fff !important;
border: 1px solid #d9d9d9 !important;
color: #535353;
margin: 0 14px 0 0;
padding: 7px 20px 6px 13px;
max-width: 55px; }
.style4 .spinbox .spinedit i {
font-size: 0.5rem;
opacity: 0.4;
filter: alpha(opacity=40);
position: absolute;
right: 20px;
top: 8px; }
.style4 .spinbox .spinedit i:hover {
cursor: pointer;
opacity: 0.7;
filter: alpha(opacity=70); }
.style4 .spinbox .spinedit i:last-child {
top: 18px; }
.style4 .product-details h1 {
border-bottom: 1px dashed #a7a7a7;
font-size: 2.125rem !important;
line-height: 1.4;
margin-bottom: 15px;
padding-bottom: 10px; }
.style4 .review i.on {
color: gold !important;
}
.style4 .review i {
color: gold;
font-size: 0.875rem;
margin-right: -2px; }
.style4 .product-details .overview {
font-size: 0.8125rem;
margin-bottom: 20px; }
.style4 .related-url {
margin: 0 0 30px 0; }
.style4 .product-details .share-product {
border-top: none;
margin: 0 0 40px;
padding-top: 0;
display: inline-block;
vertical-align: top; }
.style4 .product-details .review {
display: inline-block;
vertical-align: top; }
.style4 .product-details .share-product a {
margin-right: 5px; }
.style4 .product-details .share-product a i {
font-size: 0.875rem; }
.style4 .product-details .add-to-cart {
padding-top: 10px; }
.style4 .product-details .qty {
/*border-left: 3px solid #ddd;*/
padding: 10px 0 5px 0; }
.style4 .product-details .price {
/*border-left: 3px solid #ddd;*/
font-size: 2rem;
font-weight: 600;
padding: 5px 0;
position: relative; }
.style4 .product-details .price:before {
background-color: #ddd;
/*content: "";*/
height: 2px;
left: 0;
position: absolute;
top: 50%;
width: 25px; }
.style4 .product-details .price .strike {
color: #909090;
font-size: 1.25rem;
font-weight: 400; }
.style4 .product-details .price .price-subtext {
color: #616161;
font-size: 0.875rem;
font-weight: 300;
display: block; }
.style4 .product-details .price .small-price {
color: #464646 !important;
font-size: 1.5rem;
font-weight: 400; }
.style4 .product-details .price .case-price {
background: url("images/sprite.png") no-repeat;
background-position: 0 -114px;
margin-left: 15px;
padding-left: 20px; }
.style5 .product-details .overview {
font-size: 0.8125rem;
margin-bottom: 20px; }
.style5 .product-details .share-product {
border-top: none;
margin: 0 0 15px 0;
padding: 0; }
.style5 .product-details .share-product a i {
font-size: 0.875rem; }
.style5 .product-details .qty {
margin-right: 10px; }
.style5 .product-details .price {
font-size: 2.125rem;
font-weight: 700; }
.style5 .product-details .price .price-subtext {
color: #616161;
font-size: 0.875rem;
font-weight: 300;
display: block; }
.style5 .product-details .price .strike {
font-size: 1.5rem;
font-weight: 400; }
.style5 .product-details .price .small-price {
color: #464646 !important;
font-size: 1.5rem;
font-weight: 400; }
.style5 .product-details .price .case-price {
background: url("images/sprite.png") no-repeat;
background-position: 0 -114px;
margin-left: 15px;
padding-left: 20px; }
.style5 .product-options .images .image .MagicZoomPlusHint {
background-color: #464646;
background-image: none;
font: normal normal normal 14px/1 "FontAwesome";
padding: 13px 13px !important;
position: relative;
width: 40px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.style5 .product-options .images .image .MagicZoomPlusHint:before {
color: #fff;
content: "\f002"; }
.style5 .product-options .thumbs {
padding: 15px 0;
position: relative; }
.style5 .product-options .thumbs:before {
background-color: #f2f2f2;
content: "";
height: 4px;
position: absolute;
top: 0;
width: 70px;
z-index: 1; }
.style5 .product-options .thumbs ul li {
display: inline-block; }
.style5 .product-options .thumbs ul li a {
display: inline-block;
width: 50px; }
.product-view.style5 form .qty .spinbox input:not([type="submit"]):not([type="file"]) {
background-color: #fff !important;
border: 1px solid #ccc !important;
color: #5c5c5c;
margin: 0;
max-width: 55px;
padding: 8px 10px 7px;
text-align: left; }
.product-view.style5 form .qty .spinbox .spinedit i {
background-color: transparent;
color: #5c5c5c;
font-size: 0.4rem;
height: auto;
left: auto;
padding: 0;
right: 2px;
top: 7px; }
.product-view.style5 form .qty .spinbox {
margin-bottom: 10px; }
.product-view.style5 form .qty .spinbox .spinedit i:last-child {
top: 24px; }
.style6 h1 {
font-size: 1.125rem;
font-weight: 700; }
.style6 .share-product {
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
padding: 15px 0; }
.style6 .share-product a,
.style6 .share-product button {
background-color: transparent;
border: none;
color: #484848;
font-size: 1.125rem;
padding: 0; }
.style6 .share-product a span {
display: none; }
.style6 .share-product.row > div:first-of-type a {
margin-right: 5px; }
.style6 .share-product.row > div:last-of-type a {
font-size: 1rem;
margin-left: 5px; }
.style6 .tabbable .tab-content .tab-pane {
background-color: transparent;
border: 1px solid #eaeaea;
padding: 15px; }
.style6 .tabbable .tab-content .tab-pane#properties .row {
border-bottom: 1px solid #eaeaea;
padding: 10px 0; }
.style6 .tabbable .tab-content .tab-pane#properties .row:first-child {
padding-top: 0; }
.style6 .tabbable .tab-content .tab-pane#properties .row:last-child {
border-bottom: none;
padding-bottom: 0; }
.style6 .tabbable ul {
font-size: 0;
margin-bottom: 20px; }
.style6 .tabbable ul li a {
background-color: #f7f7f7;
border: 1px solid #eaeaea;
font-size: 0.75rem;
margin-right: -1px;
padding: 9px 15px; }
.style6 .tabbable ul li.active a {
background-color: #fff;
border-radius: 0; }
.style6 .tabbable ul li:not(.active) a:hover {
background-color: #eee;
color: #616161;
cursor: pointer; }
.style7 h1 {
font-size: 1.75rem; }
.style7 .best-deal-stamp {
padding-right: 20px; }
.style7 .progress.deal-stock {
height: 40px;
margin-bottom: 0; }
.style7 .progress.deal-stock .progress-indicator {
font-size: 0.75rem;
text-transform: uppercase; }
.style7 .progress.deal-stock .progress-indicator span:first-of-type {
font-size: 1.75rem;
padding-right: 10px; }
.style7 .price {
margin-top: 2px;
padding: 0 10px 0 0; }
.style7 .price .price-msg {
display: none; }
.style7 .price .catalog-price {
font-size: 2rem;
font-weight: bold; }
.style7 .price .strike {
color: #a9a9a9;
font-size: 1rem; }
.style7 .expiring-product .counter {
border: none;
margin-top: 2px;
padding: 0; }
.style7 .expiring-product .counter > div span:first-child {
color: #fff; }
.style7 button.btn {
margin-top: 2px;
padding: 9px 10px 11px;
text-align: center;
width: 100%; }
.style7 .qty .spinbox {
margin-top: 2px; }
.style7 .qty .spinbox input:not([type="submit"]):not([type="file"]) {
background-color: rgba(0, 0, 0, 0.1) !important;
margin: 0 16px;
padding: 11px 10px; }
.style7 .qty .spinbox .spinedit i {
background-color: rgba(0, 0, 0, 0.1) !important;
padding: 17px 3px; }
.style7 .global-attributes {
margin: 10px 0; }
.style7 .global-attributes input,
.style7 .global-attributes select,
.style7 .global-attributes textarea,
.style7 .global-attributes .chosen-container-single {
max-width: 100%;
width: 100%; }
.ajax-search-result-box {
height: 100%;
width: 100%; }
.ajax-search-result-box .search-close {
background: none;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #fff;
height: 3rem;
margin-right: 1rem;
position: relative;
width: 3rem;
z-index: 999; }
.ajax-search-result-box .search-result-header {
position: relative;
display: flex;
align-items: center;
justify-content: space-between; }
.ajax-search-result-box .search-result-header .row {
padding: 1rem;
position: relative; }
.ajax-search-result-box .search-result-header span,
.ajax-search-result-box .search-result-header i {
color: #fff; }
.ajax-search-result-box .search-result-body {
background: rgba(247, 247, 247, 0.98);
height: 100vh;
position: relative;
width: 100%; }
.ajax-search-result-box #ajaxSearchResultsBox {
height: 100%;
overflow: auto;
position: relative;
margin: auto; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0 auto;
padding: 10px; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product {
display: flex;
align-items: center; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product .product-thumbnail img {
max-width: 5rem; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product .product-information {
padding-left: 1rem; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product h3 a {
color: #616161;
font-size: 1.125rem; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product .vendor {
color: #b1b1b1;
font-size: 0.875rem;
text-transform: lowercase; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product .vendor a {
color: #616161; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product .category {
font-size: 0.875rem;
margin-top: 5px; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product .category span {
font-weight: 400; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .product .media-object {
display: block;
margin: 0 auto 1rem; }
.ajax-search-result-box #ajaxSearchResultsBox .result-item .price {
font-size: 1.125rem;
font-weight: 400;
padding-right: 10px;
text-align: right; }
.ajax-search-result-box.slides_search_bar button {
border: 1px solid #fff; }
.ajax-search-result-box.slides_search_bar button i {
color: #fff; }
.ajax-search-result-box.slides_search_bar .search-result-body {
background-color: #fff;
box-shadow: 0 0 15px -5px #616161;
padding: 0; }
.ajax-search-result-box.slides_search_bar #ajaxSearchResultsBox .result-item {
padding: 0; }
.ajax-search-result-box.slides_search_bar #ajaxSearchResultsBox .result-item .product {
border-bottom: 1px solid #eaeaea;
padding: 15px; }
.ajax-search-result-box.slides_search_bar #ajaxSearchResultsBox .result-item .product .product {
border: none;
padding: 0 15px; }
[class^="ixxo-badge-"]:before,
[class*=" ixxo-badge-"]:before {
background-color: #066fd9;
border-radius: 2px;
font-size: 0.6875rem !important;
font-weight: 400 !important;
text-transform: uppercase;
position: absolute;
top: 0px;
left: 15px;
display: inline-block;
z-index: 2;
min-height: 25px;
padding: 0 15px;
line-height: 25px;
font-size: 14px;
font-weight: 400;
text-align: center;
content: ""; }
[class^="ixxo-badge-"]:after,
[class*=" ixxo-badge-"]:after {
background-color: #066fd9;
content: "";
position: absolute;
top: 34px;
left: 23px;
content: "";
width: 10px;
height: 10px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 2px;
z-index: 1; }
[class^="ixxo-badge-"].small-badge:before,
[class*=" ixxo-badge-"].small-badge:before {
left: 7px;
padding: 0px 10px;
top: 10px; }
.catalog-thumb3 [class^="ixxo-badge-"]:before,
.catalog-thumb3 [class*=" ixxo-badge-"]:before {
top: 45px; }
.catalog-view [class^="ixxo-badge-"]:before,
.catalog-view [class*=" ixxo-badge-"]:before {
top: 15px; }
.breadcrumb {
padding: 40px 0;
position: relative;
z-index: 5; }
.breadcrumb.overlap {
background-color: transparent;
padding: 20px 0 0;
position: absolute;
top: 130px;
width: 100%; }
.breadcrumb a,
.breadcrumb span {
background-color: #222;
border-radius: 3px;
margin: 0;
padding: 6px 10px;
text-transform: uppercase; }
.breadcrumb a:hover {
color: #ccc !important; }
.btn {
border: none;
border-radius: 0;
border-top: 4px solid rgba(0, 0, 0, 0.1);
display: inline-block;
font-size: 0.875rem !important;
padding: 10px 10px;
text-transform: uppercase;
text-align: center; }
.btn i {
font-size: 1rem; }
.btn.btn-tiny {
border-bottom: none;
padding: 0 5px; }
.btn.btn-stripped {
background-color: transparent;
border: 2px solid #222;
color: #222 !important; }
.btn.btn-stripped:hover {
background-color: transparent;
border: 2px solid #757575;
color: #757575 !important; }
.btn.btn-stripped.white {
color: #fff !important;
border: 2px solid #fff; }
.btn.btn-stripped.large {
font-size: 0.875rem;
padding: 14px 25px; }
.btn.btn-stripped.white:hover {
border: 2px solid #ccc; }
.btn.btn-success {
background-color: #81c784; }
.btn.btn-success:hover {
background-color: #6fab71 !important; }
.btn.btn-error {
background-color: #ef5350; }
.btn.btn-error:hover {
background-color: #f86d6a !important; }
.btn.btn-warning {
background-color: #ffc107; }
.btn.btn-warning:hover {
background-color: #fed455 !important; }
.carousel-inner .row {
margin-left: 0;
margin-right: 0; }
.carousel:hover .carousel-controler {
opacity: 0.7;
filter: alpha(opacity=70); }
.carousel-controler {
background-image: url(images/sprite.png);
background-color: #3c4349;
background-repeat: no-repeat;
height: 70px;
opacity: 0;
position: absolute;
top: 45%;
width: 55px;
z-index: 999; }
.carousel-controler.small {
height: 45px;
top: 37%;
width: 30px; }
.carousel:hover .carousel-controler:hover {
opacity: 1;
filter: alpha(opacity=100); }
.carousel-controler.left {
background-position: 17px 20px;
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
left: 0; }
.carousel-controler.right {
background-position: -22px 20px;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
right: 0; }
.carousel-controler.left.small {
background-position: 9px -44px; }
.carousel-controler.right.small {
background-position: -38px -44px; }
ul.nav.horizontal > li {
display: inline-block; }
.dropdown .dropdown-menu {
border-radius: 0px;
border: none;
box-shadow: 0 0 15px -5px #616161;
-moz-box-shadow: 0 0 15px -5px #616161;
-webkit-box-shadow: 0 0 15px -5px #616161;
float: none;
font-size: medium;
display: block !important;
margin: 10px 0 0;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
z-index: 2000; }
.dropdown .dropdown-menu:after {
content: "";
display: block;
position: absolute;
top: -11px;
left: 14px;
border: 6px solid transparent;
border-bottom-width: 5px;
border-bottom-color: #f5f5f5; }
.nav-tabs {
border-bottom: none; }
.nav-tabs > li > a {
border: none;
padding: 10px; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
background-color: transparent;
border: none; }
.nav li a:hover, .nav li a:focus {
background-color: transparent; }
/* =========================================
- Modal (Box)
========================================= */
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
opacity: 0.8;
filter: alpha(opacity=80); }
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0); }
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80); }
.modal {
overflow: visible !important;
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none; }
.modal.fade {
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
-moz-transition: opacity 0.3s linear, top 0.3s ease-out;
-o-transition: opacity 0.3s linear, top 0.3s ease-out;
transition: opacity 0.3s linear, top 0.3s ease-out;
top: -25%; }
.modal.fade.in {
top: 20%; }
.modal iframe {
border: none; }
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee; }
.modal .close {
background-color: transparent;
border: 2px solid #fff;
border-radius: 20px;
margin-top: 2px;
padding: 3px 9px 5px;
position: absolute;
top: -40px;
right: -40px; }
.modal .close i {
color: #fff; }
.modal .close:hover i {
color: red; }
.modal-header h3 {
line-height: 30px; }
.modal-body {
background: url(images/loader.gif) no-repeat center;
border-radius: 6px;
position: relative;
min-height: 100%;
padding: 0px;
-webkit-overflow-scrolling: touch; }
.modal-body .scrollable-area {
height: calc(100% + 1px); }
.modal-form {
margin-bottom: 0; }
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
*zoom: 1; }
.modal-footer:before {
display: table;
content: "";
line-height: 0; }
.modal-footer:after {
display: table;
content: "";
line-height: 0;
clear: both; }
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn {
margin-left: -1px; }
.modal-footer .btn-block + .btn-block {
margin-left: 0; }
.modal-header a {
color: #616161; }
.modal-header #modal_header_title {
font-weight: bold; }
@media (max-width: 767px) {
.pagination li {
width: initial !important;
}
}
.pagination {
margin-bottom: 0; }
.pagination ul {
text-align: center;
width: 100%; }
.pagination li {
display: inline-block;
text-align: center; }
.pagination li.prev {
float: left; }
.pagination li.next {
float: right; }
.pagination li p {
color: #a4a4a4;
font-size: 0.75rem;
font-weight: 600;
padding: 8px 0;
text-transform: uppercase; }
.pagination li p span {
font-weight: 300; }
.pagination li a.btn.disabled {
background-color: #222222;
pointer-events: none;
cursor: default; }
.pagination-mini ul {
font-size: 0;
list-style: none;
margin: 0 auto;
text-align: center;
width: 100%; }
.pagination-mini li {
display: inline-block;
text-align: center; }
.pagination-mini li:first-child span,
.pagination-mini li:first-child a {
background-color: #686e76;
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px; }
.pagination-mini li:last-child a {
background-color: #686e76;
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0; }
.pagination-mini li.disabled a {
background-color: #e2e2e2;
pointer-events: none;
cursor: default; }
.pagination-mini li a {
background-color: #596068;
color: #fff;
display: block;
font-size: 0.875rem;
padding: 10px 20px; }
.quick-view {
background-color: #fff;
height: 100%; }
.quick-view .top {
min-height: 400px;
padding: 20px 20px 0; }
.quick-view .alert-success {
background-color: #89ab7a;
border: 0;
color: #fff;
font-size: 0.875rem;
font-weight: 700;
margin-bottom: 0;
text-align: center;
text-transform: uppercase; }
.quick-view .alert-warning {
font-size: 0.6875rem; }
.quick-view .image {
height: 340px;
position: relative; }
.quick-view .image a {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 100%;
position: absolute;
width: 100%; }
.quick-view .details {
padding-left: 20px; }
.quick-view .details .attributes .chosen-container .chosen-results {
max-height: 65px; }
.quick-view .details > * {
margin-bottom: 25px; }
.quick-view.pressed .details > * {
margin-bottom: 15px; }
.quick-view .details > h2 {
color: #303030;
font-size: 1.5rem;
font-weight: 600;
margin-top: 40px;
text-transform: uppercase; }
.quick-view.pressed .details > h2 {
margin-top: 30px; }
.quick-view .details > h3 {
color: #9a9a9a;
font-size: 1.25rem; }
.quick-view .details h3 span {
font-size: 1.125rem; }
.quick-view .details .cart-overview {
border-top: 2px solid #e7e7e7;
padding-top: 25px; }
.quick-view.pressed .details .cart-overview {
padding-top: 15px; }
.quick-view .details .cart-overview h3 {
color: #666666;
font-size: 1.125rem;
font-weight: 600;
margin-bottom: 10px;
padding: 0 0 15px;
position: relative; }
.quick-view .details .cart-overview h3:after {
background-color: #e7e7e7;
bottom: 0;
content: "";
height: 2px;
left: 0;
position: absolute;
width: 25px;
z-index: 1; }
.quick-view .details .cart-overview .row {
font-size: 0.875rem;
padding: 3px 0; }
.quick-view .details .cart-overview .row :nth-child(2) {
font-size: 1rem;
font-weight: 600;
text-align: right; }
.quick-view .buttons {
background-color: #505050;
height: 158px;
padding: 60px 0 0;
position: relative;
text-align: center; }
.quick-view .buttons:before {
background-color: #505050;
content: "";
left: 0;
position: absolute;
top: -10px;
height: 50px;
width: 100%;
transform: skewY(1.5deg);
-moz-transform: skewY(1.5deg);
-webkit-transform: skewY(1.5deg); }
.quick-view .buttons:after {
background-color: #505050;
content: "";
position: absolute;
top: -10px;
right: 0;
height: 50px;
width: 30%;
transform: skewY(-5.5deg);
-moz-transform: skewY(-5.5deg);
-webkit-transform: skewY(-5.5deg); }
.quick-view .buttons .btn {
display: inline-block;
width: auto; }
.quick-view .buttons .btn:nth-last-child(n + 2) {
background-color: transparent !important;
color: #fff !important;
border: 2px solid #fff !important;
margin-right: 10px; }
.quick-view .buttons input[name="oa_quantity"] {
background-color: transparent !important;
color: #fff !important;
border: 2px solid #fff !important;
margin-right: 10px; }
.quick-view .buttons .btn:nth-last-child(n + 2):hover {
border: 2px solid #ccc; }
.quick-view .buttons .btn:last-child {
padding: 8px 15px; }
.quick-view .buttons > * {
display: inline-block;
margin-right: 10px;
position: relative;
vertical-align: top; }
.quick-view .buttons > *:last-child {
margin-right: 0; }
.quick-view .buttons input[name="oa_quantity"] {
margin-right: 0;
padding: 8px 10px;
text-align: right;
width: 100px; }
.quick-view .buttons span {
color: #fff;
left: 10px;
position: absolute;
top: 12px;
text-transform: uppercase; }
.product-quick-view {
position: absolute;
text-align: center;
width: 100%;
z-index: 999;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.product-quick-view a {
border: none;
font-size: 0.875rem;
display: inline-block !important;
padding: 10px 13px; }
/* =========================================
- Sidebars (Box)
========================================= */
.sidebar .module {
margin-bottom: 3px; }
.sidebar .module .module-body {
padding: 15px; }
.sidebar .module .module-header {
line-height: 1.4;
padding: 15px;
position: relative;
text-transform: uppercase; }
.sidebar .module .module-header:before {
bottom: -1px;
height: 1px;
position: absolute;
width: 50px;
z-index: 1; }
.sidebar .module ul li a:before {
content: "";
display: inline-block;
margin-right: 12px;
width: 8px;
height: 2px;
background: #e1e1e1;
vertical-align: middle; }
.sidebar .module ul.nav li {
width: 100%; }
.sidebar .module ul.nav li a {
display: block;
font-size: 0.875rem;
font-weight: 400;
padding: 5px 0;
text-transform: uppercase; }
.sidebar .module ul.nav li a span {
color: #ccc; }
.sidebar .module ul.nav li ul.children {
padding-left: 20px; }
.sidebar .module ul.nav li ul.children.closed {
height: 0;
overflow: hidden; }
.sidebar .module ul.nav li ul.children li a {
text-transform: none; }
.sidebar .module ul.nav > li:last-of-type > a {
border-bottom: none; }
.sidebar-left .nav .dropdown .dropdown-menu {
left: 100%;
top: 0; }
.sidebar-right .nav .dropdown .dropdown-menu {
right: 100%;
top: 0; }
.sidebar .dropdown-menu {
border-top: 5px solid #515961;
border-radius: 4px 4px 0 0;
padding: 10px; }
.sidebar .dropdown-menu li a {
padding: 5px 15px 5px 0; }
.sidebar ul.nav > li > a,
.sidebar ul.nav > li > .dropdown-menu li.dropdown > a {
position: relative; }
.sidebar ul.nav li.dropdown > a:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #ccc;
position: absolute;
right: 0;
top: 12px; }
.sidebar ul.nav > li > .dropdown-menu li.dropdown > a:after {
top: 11px; }
.sidebar form input[type="submit"] {
margin-top: 10px; }
.sidebar form input[type="password"],
.sidebar input[type="text"],
.sidebar textarea,
.sidebar select {
background-color: #fff; }
.module {
display: inline-block;
vertical-align: top; }
.module .module-image-header img {
width: 100%; }
.tabbable ul li {
display: inline-block;
list-style: none; }
.tabbable ul:not(.chosen-choices) li a {
border: none;
color: #535353;
display: block !important;
font-size: 0.8125rem;
margin-bottom: -3px;
padding: 15px;
visibility: visible !important;
text-transform: uppercase; }
.tabbable ul li.active a {
background-color: #f7f7f7;
border: none; }
.box_new_vendor_products .tabbable .tab-content .tab-pane {
background-color: transparent;
}
.tabbable .tab-content .tab-pane {
background-color: #f7f7f7;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 15px;
position: relative; }
.tabbable .tab-content .tab-pane ul:not(.chosen-choices):not(.chosen-results) {
padding: 0 0 15px 20px; }
.tabbable .tab-content .tab-pane ul:not(.chosen-choices):not(.chosen-results) li {
display: list-item;
list-style: disc !important;
padding: 5px 0; }
.tabbable .tab-content .tab-pane h4 {
margin-bottom: 15px; }
.tabbable.no-background .tab-content .tab-pane {
background-color: transparent !important; }
.style4.tabbable ul li.active a {
border: 1px solid #ececec;
border-bottom: none;
margin-bottom: -1px;
position: relative;
z-index: 5; }
.style4.tabbable .tab-content .tab-pane {
border: 1px solid #ececec; }
.checkbox-container {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto; }
.profile-nav {
background-color: #f1f1f1;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
margin: -50px auto 20px;
padding: 10px;
width: 97%; }
.profile-nav ul li {
display: inline-block;
width: 100%; }
.profile-nav ul li a {
color: #3c4349;
display: block;
font-size: 0.75rem;
font-weight: 400;
padding: 3px 0;
text-transform: uppercase; }
.module ul.bestsellers-sidebar li {
border-bottom: 2px solid #eaeaea;
padding: 20px 0; }
.module ul.bestsellers-sidebar li:last-of-type {
border-bottom: none; }
.module ul.bestsellers-sidebar li a:not(.thumb):before {
display: none; }
.module ul.bestsellers-sidebar .thumb {
border-radius: 3px;
margin-right: 20px;
max-width: 50px;
overflow: hidden;
position: relative; }
.module ul.bestsellers-sidebar .thumb:before {
background-color: rgba(0, 0, 0, 0.08);
content: "";
height: 100%;
position: absolute;
width: 100%; }
.module ul.bestsellers-sidebar .details > span {
display: block; }
.module ul.bestsellers-sidebar .title {
font-size: 0.6875rem;
font-weight: 700;
text-transform: uppercase; }
.module ul.bestsellers-sidebar .price {
font-weight: 400;
margin-top: 3px; }
.rating-box {
height: 100%;
padding: 20px; }
.larger-map {
border: 2px solid #ececec;
display: block;
margin-top: 10px;
padding: 0;
width: 100%; }
.larger-map > span {
color: #616161;
display: inline-block;
font-size: 0.75rem !important;
font-weight: 400 !important;
padding: 10px 10px;
text-transform: uppercase; }
.larger-map i {
border-left: 2px solid #ececec;
float: right;
margin-top: 3px;
padding: 8px 15px; }
.larger-map:hover i {
color: #616161; }
.question-page div.table .table-row .table-column {
padding: 25px 15px; }
.question-page:not(.comments) .answer > * {
display: block; }
.question-page.comments .answer > span {
display: block; }
.question-page.comments .answer i {
display: inline-block; }
.question-page .answer i {
font-size: 0.8125rem;
padding: 0 0 15px; }
.question-page .answer > span:first-of-type {
border-top: 1px solid #dedede;
font-size: 1rem;
padding: 15px 0; }
.text-box:after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 8px solid transparent;
border-top-color: #fff;
bottom: -16px;
left: 6px; }
.strike-price {
text-decoration: line-through; }
/* =========================================
- Generic Styles
========================================= */
.vendor-menu .followers-btn .tooltip-inner {
background-color: #3c4349 !important; }
.vendor-menu .followers-btn .tooltip-arrow {
border-top-color: #3c4349 !important; }
.table-bordered {
border: 1px solid #ddd;
}
table.table-striped {
width: 100%; }
table.table-striped tr:nth-child(odd) {
background-color: #f7f7f7; }
table.table-striped tr td {
padding: 10px 15px; }
div.table {
display: table;
width: 100%; }
div.table .table-row {
display: table-row; }
div.table .table-row.table-headers {
font-weight: 700; }
div.table.table-striped .table-row:nth-child(odd) .table-column {
background-color: #f7f7f7; }
div.table .table-row .table-column {
display: table-cell;
padding: 10px;
vertical-align: top; }
div.table.product-list .table-row .table-column:last-child {
text-align: right; }
div.table.table-sum .table-column > *:last-child {
float: right; }
div.table .table-row .table-column span.table-label {
display: none; }
div.table.vendor-rating .table-row:not(.table-headers)
.table-column:last-child
span {
font-size: 0.875rem; }
div.table.ticket .table-row .table-column:last-child {
width: 70%; }
div.table.vendor-ticket .table-row .table-column:last-child {
width: 60%; }
div.table.favorites .table-row .table-column:last-child {
text-align: right; }
div.table.favorites .table-row .table-column.products a {
border: 1px solid #e0e0e0;
display: inline-block;
margin: 0 0 3px 3px;
padding: 3px; }
div.table.favorites .table-row .table-column.products a img {
width: 60px; }
div.table-striped.order-content .product-info {
font-size: 0.875rem; }
div.table-striped.order-content .product-info b {
font-weight: 400; }
div.table-striped.order-content .product-info b.product-name {
font-size: 1.125rem;
font-weight: 600; }
div.table-striped .table-row.total-amount .table-column {
font-size: 1.25rem;
font-weight: bold; }
div.table.table-simple .table-row.table-headers {
display: table-row; }
div.table.table-simple .table-row .table-column > a {
width: auto; }
.table-bottom {
background-color: #fff;
margin-top: 10px;
padding: 10px; }
.page-content blockquote {
font-size: 0.875rem; }
.page-content p {
margin-bottom: 20px; }
.page-content ul {
margin-bottom: 20px;
padding-left: 20px; }
.page-content ul li {
list-style: disc; }
.sub-navigation {
margin-bottom: 40px; }
.sub-navigation ul {
margin: 0 10px; }
.sub-navigation ul li {
display: inline-block;
margin-right: 2px; }
.sub-navigation ul li a {
border-bottom: 3px solid rgba(255, 255, 255, 0);
display: block;
color: #fff;
margin-bottom: 0;
padding: 10px 10px 7px; }
.sub-navigation.tabbable ul li a:hover,
.sub-navigation.tabbable ul li.active a {
background-color: transparent;
border-bottom: 3px solid white;
color: #fff;
padding: 10px 10px 7px; }
.search-vendors .vendor {
position: relative;
margin-bottom: 30px;
padding: 20px 20px 70px; }
.search-vendors .vendor > div {
margin-bottom: 15px; }
.search-vendors .vendor .vendor-header {
margin-bottom: 10px; }
.search-vendors .vendor .vendor-header > div:nth-child(2) {
padding-left: 20px; }
.search-vendors .vendor .vendor-logo {
width: 60px; }
.search-vendors .vendor .vendor-logo img {
height: 100%; }
.search-vendors .vendor .vendor-logo > div {
border-radius: 40px;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border: 2px solid #ccc;
height: 60px;
overflow: hidden;
width: 60px; }
.search-vendors .vendor h3 {
font-size: 1rem;
font-weight: 400;
text-transform: uppercase; }
.search-vendors .vendor .rating img {
width: 13px; }
.search-vendors .vendor > a {
bottom: 20px;
position: absolute;
left: 20px;
width: calc(100% - 40px); }
.search-vendors .vendor .vendor-address span {
display: block; }
.search-vendors .vendor .vendor-address span:first-child {
font-weight: 400; }
.search-vendors .vendor .vendor-address span:last-child {
color: #ccc;
font-size: 0.875rem; }
.box-with-header.vendor-sales-overview .box-body > div {
text-align: center; }
.box-with-header.vendor-sales-overview .box-body > div:first-child {
border-right: 1px solid #e0e0e0; }
.box-with-header.vendor-sales-overview.box-3col .box-body > div:nth-child(2) {
border-right: 1px solid #e0e0e0; }
.box-with-header.vendor-sales-overview .box-body span,
.box-with-header.vendor-sales-overview .box-body a {
display: block;
font-size: 0.875rem; }
.box-with-header.vendor-sales-overview .box-body span:last-child,
.box-with-header.vendor-sales-overview .box-body a {
font-size: 1.625rem;
font-weight: 400; }
ul.box-list li a {
background-color: #f5f5f5;
color: #656565;
display: block;
margin-bottom: 3px;
padding: 7px 10px;
position: relative; }
ul.box-list.white li a {
background-color: #fff; }
ul.box-list li a i {
position: absolute;
right: 10px;
top: 8px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out; }
ul.box-list li a:hover i {
right: 5px; }
#vendor_profile_images .logo img {
max-width: 90px; }
.user-products-list .actions .btn {
border-bottom: none;
margin-top: 5px;
padding: 5px 20px 7px; }
.order-informations .box {
min-height: 290px; }
.table.cart .table-row:nth-child(n + 2) .table-column {
padding: 20px 10px;
vertical-align: top; }
.table.cart .table-row .table-column:first-child {
width: 170px; }
.table.cart .table-row .table-column:last-child {
text-align: right; }
.table.cart .table-row .table-column.details {
font-size: 0.875rem;
width: 40%; }
.table.cart .table-row .table-column.details .title a {
font-size: 1rem; }
.table.cart .table-row .table-column.details .options {
margin-bottom: 10px; }
.table.cart .table-row .table-column.details .options > span:first-of-type {
display: block; }
.table.cart .table-row .table-column.details .options ul {
display: inline-block;
margin-right: 20px; }
.table.cart .table-row .table-column.qty input {
width: 60px; }
.table.cart .table-row .table-column.qty a:not(.save-for-later) {
color: #616161; }
.table-sum .table-row.subtotal .table-column span {
font-size: 1.5rem; }
.table-sum .table-row .table-column.promo-code input,
.table-sum .table-row .table-column.promo-code label {
display: inline-block;
width: 48% !important; }
.invoice-iframe {
display: none; }
.invoice fieldset {
margin: 0 0 20px 0; }
.invoice .payment-form .chosen-container {
width: 49.3%; }
/* =========================================
- forms
========================================= */
input:focus,
textarea:focus {
outline: none; }
#terms_and_conditions > div > label {
text-align: center;
}
#terms_and_conditions > div > label > input{
margin: 3px !important;
}
@media (max-width: 992px){
.fieldset-wrapper {
grid-template-columns: 1fr !important;
}
}
.fieldset-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
}
@media (max-width: 767px) {
.signup_vendor form fieldset,
.signup form fieldset {
text-align: left !important; }
.signup_vendor form fieldset .fieldset-wrapper .input .alert.alert-warning {
font-size: 14px; }
}
.signup_vendor form fieldset .fieldset-wrapper .input .alert.alert-warning {
margin: 0px !important;
font-size: 13px;
}
.signup_vendor form fieldset,
.signup form fieldset {
text-align: center; }
#signup_vendor_username_warning {
font-size: 12px;
}
.signup input[type="checkbox"],
.signup_vendor input[type="checkbox"] {
margin-top: 3px;
}
form fieldset {
border: none;
margin: 0 0 40px 0;
padding: 0; }
form .order-informations fieldset {
margin: 40px 0 0; }
form fieldset h3 {
margin-bottom: 25px;
padding-bottom: 5px;
text-transform: uppercase; }
form fieldset .input {
margin-bottom: 15px; }
form.form-columns select {
border-radius: 0;
min-width: 260px; }
.box form input[type="password"],
.box input[type="text"],
.box textarea,
.box select {
background-color: #fff !important; }
.btn-file {
position: relative; }
.btn-file span:hover {
cursor: pointer; }
.btn-file > input {
bottom: 0;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
width: 100%; }
.site-map > .row,
.vendors-map > .row {
background-color: #fff; }
.site-map > .row > div {
min-height: 380px; }
.vendors-map > .row > .row > div {
min-height: 280px; }
.site-map > .row > div:last-child,
.vendors-map > .row > .row > div:nth-child(2n) {
padding: 20px; }
.site-map > .row:nth-child(even) > div:first-child {
float: right; }
.site-map > .row:nth-child(even) > div:last-child {
text-align: right; }
@media (max-width: 767px) {
.site-map > .row:nth-child(even) > div:last-child {
text-align: left !important; }
.site-map > .row:nth-child(even) > div:last-child ul li a i,
.vendors-map > .row:nth-child(even) > div:last-child ul li a i {
float: none !important;
margin: 0px !important; }
}
.vendors-map > .row:nth-child(even) > div:last-child {
text-align: right; }
.site-map > .row:nth-child(even) > div:last-child ul li a i,
.vendors-map > .row:nth-child(even) > div:last-child ul li a i {
float: right;
margin: 4px 0 0 10px; }
.site-map > .row > div:last-child ul li a {
color: #656565; }
.site-map .category-image {
background-color: #f1f1f1;
background-size: cover;
background-position: center; }
.vendors-map .vendor-image {
background-color: #f1f1f1;
background-size: cover;
background-position: center; }
.site-map .category-image.no-image,
.vendors-map .vendor-image.no-image {
background-image: url(images/icon-map.png);
background-repeat: no-repeat;
background-size: initial; }
.site-map > .row > div:last-child p {
margin: 20px 0; }
.vendors-map > .row > div:last-child p {
margin: 20px 0; }
.vendors-map .vendor-image {
background-position: center;
background-size: cover;
overflow: hidden;
position: relative; }
.vendors-map .vendor-image > a {
bottom: 20px;
border-radius: 4px;
height: 40px;
overflow: hidden;
position: absolute;
right: 20px;
width: 40px; }
.vendors-map > .row > .row:hover .vendor-image > a {
height: 80px;
width: 80px; }
.vendors-map .details p {
color: #8a8a8a;
font-weight: 400;
margin: 10px 0 0 !important;
padding: 0; }
.vendors-map .details .reviews a {
color: #616161;
font-size: 0.75rem;
font-weight: 400; }
.vendors-map .details .categories ul li a {
font-size: 0.75rem;
font-weight: 400;
text-transform: uppercase; }
.vendors-map .details .categories ul li a i {
color: #616161; }
.vendors-map > .row:nth-child(even) ul li a i {
float: right;
margin: 6px 0 0 4px; }
.vendors-map .vendor-image .vendor-categories {
left: 20px;
position: absolute;
top: -110%; }
.vendors-map > .row > .row:hover .vendor-image .vendor-categories {
top: 20px; }
.vendor-categories a {
background-color: #323232;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 0.75rem;
margin-bottom: 5px;
padding: 3px 5px; }
.vendor-categories a:hover {
background-color: #626262; }
.site-map-4columns > .row {
background-color: #fff; }
.site-map-4columns > .row > .row > div {
min-height: 280px; }
.site-map-4columns > .row > .row > div:nth-child(2n) {
padding: 20px; }
.site-map-4columns > .row:nth-child(even) > div:last-child {
text-align: right; }
.site-map-4columns > .row:nth-child(even) > div:last-child ul li a i {
float: right;
margin: 4px 0 0 10px; }
.site-map-4columns .category-image {
background-color: #f1f1f1;
background-size: cover;
background-position: center;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative; }
.site-map-4columns .category-image.no-image {
background-image: url(images/icon-map.png);
background-repeat: no-repeat;
background-size: initial; }
.site-map-4columns .category-image a {
bottom: 20px;
border-radius: 4px;
height: 40px;
overflow: hidden;
position: absolute;
right: 20px;
width: 40px; }
.site-map-4columns > .row > div:last-child p {
margin: 20px 0; }
.site-map-4columns > .row > .row:hover .category-image a {
height: 80px;
width: 80px; }
.site-map-4columns .details p {
color: #8a8a8a;
font-size: 0.75rem;
font-weight: 400;
margin: 10px 0 0 !important;
padding: 0; }
.site-map-4columns .details .reviews a {
color: #616161;
font-size: 0.75rem;
font-weight: 400; }
.site-map-4columns .details .categories ul li a {
font-size: 0.75rem;
font-weight: 400;
text-transform: uppercase; }
.site-map-4columns .details .categories ul li a i {
color: #616161; }
.site-map-4columns > .row:nth-child(even) ul li a i {
float: right;
margin: 6px 0 0 4px; }
.simple-vendor-list ul li {
border-bottom: 1px solid #efefef;
border-top: 1px solid #fff;
float: left;
padding: 7px 20px 7px 0;
width: 49%; }
.simple-vendor-list ul li a {
display: block;
font-weight: 400; }
.simple-vendor-list ul li a span {
color: #616161;
display: block;
font-size: 0.75rem;
padding-left: 22px; }
.simple-vendor-list ul li:nth-child(1), .simple-vendor-list ul li:nth-child(2) {
border-top: none; }
.simple-vendor-list ul li a i {
color: #616161;
margin-right: 5px; }
.simple-vendor-list ul li .reviews {
padding-left: 22px; }
.vendor-home .banner {
background-size: cover;
background-position: center center;
display: block;
height: 200px;
overflow: hidden; }
.vendor-home .banner img {
width: 100%;
height: 100%;
object-fit: contain; }
.vendor-home .info header {
border-bottom: 4px solid #e0e0e0;
padding-bottom: 15px;
position: relative; }
.vendor-home .info header.no-vendor-info {
padding-top: 35px; }
.vendor-home .info header h1 {
font-size: 1rem;
text-transform: uppercase; }
.vendor-home .info header > span {
color: #ccc;
font-size: 0.875rem;
font-weight: 400; }
.vendor-home .info header a.btn.hide {
display: none; }
.vendor-home .info > p {
margin-top: 15px; }
.vendor-home .tabbable ul li a {
border: 1px solid transparent !important;
font-size: 1rem;
padding: 10px 20px; }
.vendor-home .tabbable ul li a:focus {
border: 1px solid transparent !important;
font-size: 1rem;
padding: 10px 20px; }
/*.vendor-home .tabbable .tab-pane h1 {
display: none; }*/
.vendor-home .tabbable .tab-pane > a {
display: block;
margin-top: 20px; }
.vendor-home .tabbable .tab-pane .reviews-list {
margin: 0; }
.vendor-home .tabbable .tab-pane .reviews-list .reviews-table {
margin: 0; }
.vendor-home .tabbable .tab-pane .reviews-list .reviews-table > div:nth-child(odd) {
background-color: #fff; }
.cyrcle-tabs {
min-height: 82px;
margin: -20px 0 20px; }
.cyrcle-tabs.fix-on-top ul {
/*position: fixed;
top: 15px;*/
z-index: 50; }
.cyrcle-tabs ul li {
display: inline-block;
padding: 0 10px; }
.cyrcle-tabs ul li a {
background-color: #e5e5e5;
border: 8px solid #f0f0f0;
border-radius: 70px !important;
-moz-border-radius: 70px !important;
-webkit-border-radius: 70px !important;
color: #919191;
padding: 20px !important; }
table.v-product-attributes .row .attribute-info label {
display: inline-block;
margin-left: 20px;
width: auto; }
.search-letters ul {
height: 40px; }
.search-letters ul li {
border: 1px solid #616161;
border-radius: 30px;
display: inline-block;
margin: 0 5px 5px 0;
padding: 3px 0;
text-align: center;
width: 28px; }
.search-letters ul li:hover {
padding: 8px 0;
width: 40px; }
.search-letters ul li a {
color: #616161;
width: 100%; }
.datetimepicker {
border: none;
padding: 0; }
.datetimepicker > div {
border: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
overflow: hidden; }
.datetimepicker table thead tr th {
border-radius: 0; }
.datetimepicker table thead tr:first-child th {
color: #fff;
font-weight: normal;
padding: 5px 0; }
.datetimepicker table thead tr:last-child {
background-color: #f7f7f7; }
.datetimepicker table thead tr:last-child th {
font-weight: normal;
padding: 2px 6px; }
.datetimepicker table tr td.active {
background-image: none; }
.datetimepicker table tr td.active:hover {
background-image: none; }
.datetimepicker table tr td.active.disabled {
background-image: none; }
.datetimepicker table tr td.active.disabled:hover {
background-image: none; }
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
color: #fff; }
.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
border-radius: 0px;
font-weight: normal;
padding: 5px 0; }
.featured-vendor-promotion ul li:nth-child(n + 2) {
margin-top: 10px; }
.featured-vendor-promotion ul li p > span {
color: #999;
display: block;
font-size: 0.75rem;
text-transform: uppercase; }
.featured-vendor-promotion ul li p a span {
color: #999;
font-size: 0.75rem; }
.enter-up {
transform: translateY(150px);
animation: enter-up 0.8s ease forwards; }
.enter-right {
transform: translateX(150px);
animation: enter-right 0.8s ease forwards; }
@keyframes enter-up {
to {
transform: translateY(0); } }
@keyframes enter-right {
to {
transform: translateX(0); } }
.promotions .coupon {
margin-bottom: 25px;
position: relative;
text-align: center;
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.promotions .coupon .bg-fade {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.75;
z-index: 1; }
.promotions .coupon > div {
position: relative;
padding: 0 10px; }
.promotions .coupon > div .stitch {
border-right: 2px dashed #fff;
border-left: 2px dashed #fff;
padding: 0 10px; }
.promotions .coupon > div:first-child .stitch {
border-top: 2px dashed #fff; }
.promotions .coupon > div:last-child .stitch {
border-bottom: 2px dashed #fff; }
.promotions .coupon > div:first-child {
padding: 10px 10px 0; }
.promotions .coupon > div:last-child {
padding: 0 10px 10px; }
.promotions .coupon p {
font-size: 0.75rem;
text-transform: uppercase; }
.promotions .coupon h2 {
font-size: 3rem;
font-weight: 700; }
.promotions .coupon h3 {
font-size: 2.25rem;
font-weight: 700; }
.promotions .coupon h4 {
font-size: 1.25rem;
font-weight: 700; }
.promotions .coupon .header .stitch {
position: relative;
padding: 15px 10px;
z-index: 2; }
.promotions .coupon .header * {
color: #fff; }
.promotions .coupon .header .stitch p:last-of-type {
font-size: 1rem;
font-weight: 700;
text-transform: none; }
.promotions .coupon .header .stitch > span {
display: block;
margin-top: 10px; }
.promotions .coupon .countdown {
background-color: #e6e6e6;
padding: 5px 10px; }
.promotions .coupon .countdown .row > div span {
display: block; }
.promotions .coupon .countdown .row > div span:first-child {
font-size: 0.75rem; }
.promotions .coupon .countdown .row > div span:last-child {
color: #fff;
font-size: 1rem;
font-weight: 700; }
.promotions .coupon .details .bg-fade {
background-color: #f7f7f7; }
.promotions .coupon .details .stitch {
position: relative;
padding: 30px 10px 15px;
z-index: 2; }
.promotions .coupon .info {
background-color: #e6e6e6;
display: table;
width: 100%; }
.promotions .coupon .info .stitch {
display: table-cell;
min-height: 66px;
vertical-align: middle;
padding: 15px 10px; }
.promotions .coupon .info .stitch .categories .stitch {
display: block; }
.promotions .coupon .info .stitch p {
color: #737373;
font-weight: 400;
text-transform: none; }
.promotions .coupon .info .expand {
background-color: #e6e6e6;
bottom: 0;
left: 0;
opacity: 0;
padding: 0 10px 10px;
position: absolute;
width: 100%;
z-index: 5; }
.promotions .coupon:hover .info .expand {
opacity: 1; }
.promotions .coupon .info .expand .product img {
border: 1px solid #f7f7f7;
padding: 3px; }
@media (max-width: 767px) {
.product_compare input[type=submit]{
width: 100%;
}
.compare-products form input[type="text"].spinedit {
width: 50px;
height: auto !important; }
}
.compare-products form input[type="submit"] {
width: max-content !important;
}
.compare-products table b{
white-space: normal;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
.compare-products {
border-top: 3px solid #ccc;
position: relative; }
.compare-products table tr td,
.compare-products table tr th {
text-align: left; }
.compare-products table tr td:first-child {
font-weight: bold; }
.compare-products table tr th {
padding: 10px 15px; }
.compare-products table tr th:nth-child(1) {
width: 200px; }
.compare-products table tr.image img {
width: 160px; }
.compare-products table .title p {
max-width: 150px; }
.compare-products form > div {
display: inline-block;
position: relative;
vertical-align: top; }
.compare-products form input[type="text"].spinedit {
width: 50px;
height: -webkit-fill-available; }
.compare-products form div.spinedit {
padding-right: 4px;
position: absolute;
right: 0; }
.compare-products form .spinedit i {
font-size: 10px; }
.compare-products form .spinedit i:hover {
cursor: pointer; }
.compare-products form .spinedit i:last-child {
position: absolute;
right: 4px;
bottom: -12px; }
.graphic svg {
display: none;
max-width: 1000px;
width: 100%; }
.graphic .shape-back {
fill: #e6e6e6; }
.graphic .shape-front {
opacity: 0.4; }
.table.clickable-row .table-row:not(.table-headers):hover {
cursor: pointer; }
.product-tags {
margin: 20px 0; }
.product-tags h3 {
border-bottom: 1px solid #e0e0e0;
font-size: 1rem;
margin-bottom: 5px;
padding-bottom: 10px; }
.product-tags p a {
font-size: 0.75rem; }
.product-tags p span:last-of-type {
display: none; }
.catalog-tags {
line-height: 1.9;
margin-bottom: 20px; }
.catalog-tags a,
.catalog-tags span {
color: #909090;
font-size: 0.75rem; }
.v-product-attributes tr td div.row > div {
padding: 0 10px 5px 0; }
.site-offline header,
.site-offline footer {
display: none; }
.maintenance .logo {
padding: 40px 0 0; }
.maintenance h3 {
margin-top: 40px; }
.maintenance p {
margin-bottom: 40px; }
.auction .box-body span.catalog-price {
font-size: 1.625rem;
font-weight: 400; }
.auction .box-body .sub-text {
font-size: 0.75rem !important; }
.product-view .auction .box.box-with-header .box-body {
background-color: #fff; }
.auction .box-with-header.vendor-sales-overview .box-body span.bid {
font-size: 1.25rem !important; }
.auction .box-with-header.vendor-sales-overview .box-body span:last-of-type {
font-size: 1rem;
font-weight: 400;
padding-top: 10px; }
.auction .box-with-header.vendor-sales-overview .box-body > div {
border-right: 1px solid #e0e0e0;
min-height: 75px; }
.auction .box-with-header.vendor-sales-overview .box-body > div:last-of-type {
border-right: none; }
.auction .counter .hasCountdown {
background-color: transparent !important;
border: none !important; }
.auction .counter .countdown .countdown_row .countdown_section {
float: none;
display: inline-block !important; }
.auction .countdown_row {
background-color: #f1f1f1;
display: block;
padding: 10px; }
.auction .place-bid {
padding: 15px 10px 10px; }
.auction .place-bid input[type="text"] {
display: inline-block;
max-width: 80px;
padding: 9px 10px;
vertical-align: top; }
.auction-info {
box-sizing: border-box;
height: 100%;
padding: 10px 10px; }
.auction-info .auction
.box-with-header.vendor-sales-overview
.box-body
.auction-dates
span:last-of-type {
font-size: 0.8125rem; }
.auction-info table {
margin-bottom: 80px; }
.auction .countdown_row.no-padding {
padding: 0; }
.auction .countdown_row .row > div {
border-bottom: 1px solid #fff;
padding: 10px 15px;
height: auto; }
.auction .countdown_row .row:last-child > div {
border-bottom: none; }
.auction .countdown_row .row > div:last-child {
border-bottom: 1px solid #eaeaea; }
.auction .countdown_row .row .auction-link {
background-color: #eaeaea;
padding: 10px 0;
text-align: center; }
.calculator_popup .input {
background: #f2f2f2 !important;
}
.popup.terms-popup body {
overflow: auto; }
.popup.terms-popup h1.header {
background-color: #f5f5f5 !important;
border-bottom: 1px solid #f1f1f1;
color: #757575 !important;
font-size: 26px !important;
font-weight: 700 !important;
height: auto;
margin: 0;
padding: 50px 0;
text-align: center; }
.popup.terms-popup h1.header span {
background-color: transparent; }
.popup.terms-popup h1.header::after {
display: none; }
.popup.terms-popup .page-content {
padding: 25px; }
.popups.default-styles {
height: 100%;
overflow: scroll; }
.popups.default-styles .popup-body {
height: 100%;
width: 100%; }
.popups.default-styles .popup-header {
display: none; }
.popups.default-styles div.header {
color: #fff;
padding: 60px 0;
text-align: center; }
.popups.default-styles div.header h1 {
text-transform: uppercase;
font-weight: bold; }
.popups.default-styles div.header h3 {
text-transform: none;
font-weight: 400; }
.popups.default-styles div.body {
padding: 35px;
text-align: center; }
.popups.default-styles div.body p {
font-size: 1.125rem;
line-height: 1.8;
margin-bottom: 35px; }
.popups.default-styles div.body .btn {
border-radius: 4px;
padding: 10px 30px;
text-align: center; }
.popups.default-styles .banner {
height: 100%; }
.popups.default-styles .banner img {
height: 100%;
object-fit: cover;
width: 100%; }
.popups.subscribe-popup div.header {
padding: 40px 0; }
.popups.subscribe-popup div.body p {
margin-bottom: 15px; }
.popups.subscribe-popup div.body form {
margin: 0 auto;
max-width: 350px; }
.saved-cart-list .product-image {
width: 180px; }
.saved-cart-list .actions {
width: 250px; }
.saved-cart-list h3 {
font-weight: 700;
margin-bottom: 20px; }
.tfa img {
border: 1px solid #ccc; }
.tfa .tfa-box {
border: 1px solid #f1f1f1;
display: inline-block; }
.tfa .tfa-box span {
display: inline-block;
padding: 8px 10px; }
.tfa .tfa-box span:first-of-type {
background-color: #f1f1f1;
width: 202px; }
.tfa .tfa-box span:last-of-type {
width: 300px; }
.masonry-container .masonry-item {
margin-bottom: 30px; }
.masonry-container .masonry-col-1 {
width: 100%; }
.masonry-container .masonry-col-2 {
width: calc(50% - 1px); }
.masonry-container .masonry-col-3 {
width: calc((100% / 3) - 1px); }
.booking-list .search {
align-items: stretch; }
.booking-list .search .input {
margin-right: 10px; }
.booking-list .search input[type="text"] {
height: 100%;
min-width: 250px; }
.booking .available-months {
flex-wrap: wrap; }
.booking .available-months > div {
flex: 1 0 16.6%; }
.booking .available-months > div .box {
margin: 2.5px;
width: calc(100% - 5px); }
.vendor-location-map {
min-height: 350px; }
.popup .vendor-location-map {
height: 100%; }
.popup .select-vendor-map .chosen-container-single .chosen-single {
margin-top: 0; }
.product_keyword_search_result {
background-color: #fff; }
.product_keyword_search_result header {
border-bottom: 1px solid #f1f1f1; }
.product_keyword_search_result header button.close {
align-items: center;
justify-content: center;
background: #f5f5f5;
color: #525252;
height: 40px;
display: flex;
position: absolute;
right: 10px;
top: 5px;
width: 40px; }
.product_keyword_search_result header h5 {
margin: 0;
padding: 17px 15px; }
.product_keyword_search_result ul {
padding: 30px 15px !important; }
.product_keyword_search_result ul li {
border-bottom: 1px solid #f1f1f1;
display: flex;
margin-bottom: 15px;
padding-bottom: 15px; }
.product_keyword_search_result .image {
height: 70px;
width: 70px; }
.product_keyword_search_result .image img {
height: 100%;
width: 100%;
object-fit: cover; }
.product_keyword_search_result .details {
flex: 1;
padding-left: 20px; }
.product_keyword_search_result .details h3 a {
color: #525252; }
.product_keyword_search_result .details h3 a:hover {
color: #828282; }
.product_keyword_search_result .details span {
color: #b3b3b3;
font-size: 0.75rem;
text-transform: uppercase; }
.product_keyword_search_result .details > a {
display: block;
margin-top: 5px; }
.opening-hours .day-row {
align-items: center;
padding: 15px 20px; }
.opening-hours .day-row:nth-child(2n + 1) {
background-color: rgba(0, 0, 0, 0.025); }
.opening-hours .day-row:nth-child(2n + 1) input[type="text"] {
background-color: rgba(0, 0, 0, 0.05) !important; }
.opening-hours .day-row > div:first-child {
width: 80px; }
.opening-hours .day-row .hours-set {
align-items: center;
padding-right: 10px; }
.opening-hours .day-row .hours-set input:first-child {
margin-right: 10px; }
.vendors-listing form {
margin: -30px 0 50px; }
.vendors-listing .module-body {
padding-top: 30px; }
.vendors-listing .store {
padding: 0;
margin-bottom: 20px;
padding-bottom: 55px;
position: relative; }
.vendors-listing .logo {
right: 10px;
position: absolute;
top: 130px;
z-index: 5; }
.vendors-listing .logo a {
background-color: #fff;
border: 1px solid #efefef;
border-radius: 50px;
height: 70px;
display: inline-block;
position: relative;
overflow: hidden;
width: 70px; }
.vendors-listing .logo span {
border-radius: 3px;
display: block;
font-size: 0.75rem;
padding: 4px 8px 2px;
position: absolute;
text-align: center;
top: -18px;
text-transform: uppercase;
width: 100%;
z-index: 5; }
.vendors-listing .logo a img {
height: 100%;
object-fit: cover;
width: 100%; }
.vendors-listing .banner {
height: 165px; }
.vendors-listing .banner img {
height: 100%;
object-fit: cover;
width: 100%; }
.vendors-listing .banner a {
display: block;
height: 100%;
position: relative; }
.vendors-listing .banner a::after {
background-color: rgba(0, 0, 0, 0.2);
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 3; }
.vendors-listing .action-buttons {
height: 0;
top: -15px;
padding: 0 15px;
position: relative;
z-index: 5; }
.vendors-listing .action-buttons a {
background-color: #525252;
border-radius: 25px;
display: inline-block;
height: 30px;
margin: 0 3px;
padding: 7px 0 0;
text-align: center;
width: 30px;
z-index: 5; }
.search-vendors.vendors-listing .action-buttons a {
padding: 5px 0 0; }
.vendors-listing .action-buttons a i {
color: #fff;
font-size: 1rem; }
.vendors-listing .action-buttons a:hover i {
color: #fff; }
.vendors-listing .content {
padding: 20px; }
.vendors-listing .vendor-tags a {
color: #535353;
font-size: 0.75rem;
font-weight: 300; }
.vendors-listing .vendor-info > div {
height: 115px;
padding: 0 10px; }
.vendors-listing .vendor-info h5 {
font-size: 0.75rem;
font-weight: 700;
margin: 20px 0 5px;
text-transform: uppercase; }
.vendors-listing .store-info {
border-top: 1px solid #efefef;
bottom: 0;
left: 0;
padding: 5px;
position: absolute; }
.vendors-listing .store-info > div {
border-right: 1px solid #efefef;
font-size: 0.75rem;
text-align: center;
padding: 2px 0; }
.vendors-listing .store-info > div:last-of-type {
border-right: none; }
.vendors-listing .store-info i {
font-size: 1rem;
margin-right: 3px; }
.vendors-listing .store-info .fixed-delivery i {
font-size: 1.125rem; }
.vendors-listing .extras {
border-bottom: 3px solid #525252;
left: 0;
opacity: 0;
position: absolute;
top: calc(100% + 5px);
visibility: hidden;
width: 100%;
z-index: 999; }
.vendors-listing .store:hover .extras {
opacity: 1;
visibility: visible; }
.vendors-listing .extras h4 {
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase; }
.vendors-listing .categories ul li {
display: inline-block; }
.vendors-listing .categories ul li a {
background-color: #525252;
border-radius: 3px;
color: #fff;
display: inline-block;
margin-bottom: 3px;
padding: 3px 5px; }
.vendors-listing .categories ul li a:hover {
background-color: #727272; }
.vendors-listing .product {
margin-bottom: 25px; }
.vendors-listing .product > a {
display: block; }
.vendors-listing .product h4 a {
background-color: rgba(0, 0, 0, 0.025);
color: #525252;
display: block;
font-weight: bold;
padding: 3px 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%; }
.accordion a {
position: relative; }
.accordion a i {
font-size: 1.125rem;
color: rgba(0, 0, 0, 0.2);
position: absolute;
right: 5px;
z-index: 5; }
.accordion .accordion-panel {
border-top: 1px solid rgba(0, 0, 0, 0.05);
padding: 0 0 10px 15px; }
.pagination-line li {
display: inline-block;
text-align: center; }
.pagination-line li:first-child span,
.pagination-line li:first-child a {
/* background-color: #686e76;*/
border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px; }
.pagination-line li:last-child a {
/*background-color: #686e76;*/
border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0; }
.pagination-line li.disabled a {
/*background-color: #e2e2e2;*/
color: #e2e2e2;
pointer-events: none;
cursor: default; }
.pagination-line li.active a {
background-color: #a2a2a2;
color: #fff;
font-size: 0.875rem;
font-weight: bold;
pointer-events: none;
cursor: default; }
.pagination-line li a {
/*background-color: #596068;*/
/*color: #fff;*/
border: 1px solid #dee2e6;
display: block;
font-size: 0.875rem;
font-weight: bold;
padding: 7px 14px;
}
.subscribe form .col input,
.subscribe form .input-medium {
width: 360px;
}
.subscribe .btn {
margin-top: 20px;
}
.subscribe h2 {
margin-top: 20px !important;
}
@media (max-width: 767px) {
.subscribe form label, .subscribe form input, .subscribe form .col {
display: inline-block !important;
}
}
.unsubscribe form .input-xlarge {
width: 360px;
}
.vendor_profile form .margin-top40 input,
.profile form fieldset .center .input input {
min-width: 105px;
}
.profile #div_billing_address_state {
display: block !important;
}
@media (max-width: 767px) {
.vendor_profile form.form-columns .col {
width: 100% !important;
}
}
/* =========================================
- Community
========================================= */
@media (max-width: 767px) {
.view_reply_thread {
display: inline-grid !important;
}
.view_reply_thread a {
margin-bottom: 5px;
}
.add_comment_btn,
.cancel_reply_btn,
.add_post_btn {
width: auto !important;
}
.post_user_image {
text-align: left !important;
}
.open_image_upload {
width: auto !important;
}
}
.box_community_search_bar form .chosen-container-single {
width: auto !important;
min-width: 150px;
}
.box_community_search_bar form button {
border-top: none !important;
border-left: none !important;
border-right: none !important;
background-color: #e8f0fe;
border-bottom: 1px solid #e0e0e0;
}
.box_community_search_bar #search_bar_groups_selector{
margin-top: 5px;
}
.box_community_search_bar #search_bar_groups_selector input{
display: inline-block;
}
.box_community_search_bar form .flex-container {
display: inline-flex !important;
}
.post_user_image {
text-align: right;
}
.post_user_image img{
max-height: 60px;
border-radius: 50%;
}
.side_user_image img {
max-height: 75px;
}
.full_post .user_post b a,
.full_post .user_reply b a,
.full_post .user_home_reply b a,
.full_post .user_home_post b a {
text-decoration: underline;
}
.full_post {
border-radius: 4px;
padding: 20px 10px;
margin-bottom: 20px;
}
.image_wall_details {
position: absolute;
bottom: 0px;
margin: 5px;
}
.image_wall_picture {
height: 200px;
overflow: hidden;
padding: 0px 15px;
text-align: -webkit-center;
}
.image_wall {
height: 250px;
margin-bottom: 15px;
}
.image_wall_user_details {
margin-bottom: 20px;
padding-bottom: 20px;
}
.box_image_wall_pictures {
height: 50px;
overflow: hidden;
margin-bottom: 5px;
display: inline-flex;
align-items: center;
}
.post_reply_text,
.post_message_text {
width: 70%;
display: inline-block;
padding: 2px 5px;
border: 1px solid;
border-radius: 8px;
}
.community_reply,
.user_reply,
.user_home_reply {
/*border-top: 2px dotted #ccc;*/
padding: 10px 0px;
}
.view_thread_button {
margin-top: -20px;
padding-bottom: 0px !important;
}
.view_thread_button a {
float: right;
}
.user_followers_profiles {
padding: 20px 10px;
border-top: 2px solid #ccc;
}
.comments_actions,
.post_actions {
margin-top: -15px;
}
.new_post_textarea {
width: 100%;
border: 1px solid;
margin: 5px 0px;
border-radius: 4px;
}
.open_image_upload {
height: 40px;
width: 40px;
vertical-align: top;
border: 1px solid;
border-radius: 4px;
background-color: transparent;
margin-bottom: 5px;
margin-top: -5px;
}
.open_image_upload i {
font-size: large;
vertical-align: middle;
}
.community_group {
width: 90%;
overflow: hidden;
}
.community_image {
width: 90%;
height: 150px;
overflow: hidden;
padding: 10px 10px 5px;
}
.single_group {
height: 230px;
margin-bottom: 20px;
text-align: -webkit-center;
text-align: -moz-center;
}
.single_group_details {
height: 70px;
overflow: hidden;
margin: 5px;
text-align: left;
}
.post_image_zoom:hover img {
opacity: 0.5;
position: relative;
z-index: 99999;
}
.user_home .tabbable ul li.active a {
border-radius: 4px;
}
.post_in_selection {
width: 100px;
margin-left: 5px;
background-color: transparent;
border: 1px solid;
border-radius: 4px;
}
.cancel_reply_btn {
margin-right: 5px;
}
.add_comment_btn,
.cancel_reply_btn,
.add_post_btn {
font-size: 16px;
border: 1px solid;
border-radius: 4px !important;
float: right;
height: 40px;
margin-top: -5px;
}
.image_to_zoom {
/*border-radius: 50%;*/
}
.comments_actions i,
.post_actions i {
border: 1px solid;
border-radius: 50%;
padding: 5px;
}
.comments_actions i:hover,
.post_actions i:hover {
}
.comments_actions i.inv,
.post_actions i.inv {
}
.view_reply_thread {
display: inline-block;
float: right;
}
.view_reply_thread a {
padding: 5px;
border: 1px solid;
border-radius: 4px;
margin-right: 5px;
}
/* The Modal (background) */
.myModal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 9999; /* Sit on top */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
/* Modal Content (Image) */
.Modal-Content {
margin: auto;
display: block;
width: 80%;
/*max-width: 700px;*/
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#ModalCaption {
margin: auto;
display: block;
width: 80%;
max-width: 700px;
text-align: center;
color: #ccc;
padding: 10px 0;
height: 150px;
}
/* Add Animation - Zoom in the Modal */
.Modal-Content, #ModalCaption {
animation-name: zoom;
animation-duration: 0.6s;
}
@keyframes zoom {
from {transform:scale(0)}
to {transform:scale(1)}
}
/* The Close Button */
.closeModal {
position: absolute;
top: 15px;
right: 35px;
color: #f1f1f1;
font-size: 40px;
font-weight: bold;
transition: 0.3s;
}
.closeModal:hover,
.closeModal:focus {
color: #bbb;
text-decoration: none;
cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 767px){
.Modal-Content {
width: 100%;
}
}
.cart-page.home fieldset {
border: 0px !important;
}
.catalog_product_action_buttons {
height: 20px;
margin-right: 10px;
margin-top: 3px;
}
.catalog-thumb1 .product .catalog_product_action_buttons {
height: 20px;
margin-right: 10px;
margin-top: 3px;
}
.box_content_pages_image_links {
margin: 40px 0;
}
.box_content_pages_image_links .text_over_image {
position: absolute;
padding: 30px;
padding-left: 70px;
left: 0;
bottom: 50%;
transform: translateY(50%);
width: auto; }
.box_content_pages_image_links .text_over_image h1 {
font-family: "Roboto Slab";
line-height: 33px;
letter-spacing: 1px;
font-weight: 400;
font-style: normal;
font-size: 32px;
color: #fff;
margin-bottom: 30px;
}
.box_content_pages_image_links .text_over_image a {
border: 1px solid #fff;
background-color: #fff;
color: #222!important;
padding: 14px 26px;
font-weight: bold;
letter-spacing: 1px;
font-size: 12px; }
.box_content_pages_image_links .text_over_image a:hover {
background-color: #e4e4e4;
}
.page_banner {
height: 70vh;
position: relative;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.page_banner .page_header {
position: absolute;
text-align: center;
width: 100%;
top: 50%;
transform: translateY(-50%);
color: #fff;
}
.page-content .content_row:first-child {
margin-bottom: 60px;
}
@media (min-width: 768px) {
.page-content .content_row {
display: flex;
}
}
.page-content .half_content {
padding: 30px;
display: flex;
align-items: center; }
.page-content .half_content .content-center *,
.page-content .half_content .content-center {
line-height: 24px;
}
.coffee_hours {
font-size: 16px;
line-height: 24px;
}
main.floating-topbar {
position: relative !important;
}
/*Age Verification Start*/
.age_input {
height: 50px;
background: transparent;
width: 100px;
margin: 0 10px;
border: 1px solid;
text-align: center;
font-size: 22px;
}
.age_input::-webkit-outer-spin-button,
.age_input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
-moz-appearance: textfield;
}
#age-verification-logo {
text-align: center;
max-width: 700px;
margin: 0 auto;
margin-bottom: 10px;
}
#age-verification-form {
position: relative;
padding: 2rem 0;
text-align: center;
max-width: 700px;
margin: 0 auto;
border-bottom: 4px solid;
}
#age-verification {
width: 100%;
background-color: rgba(0,0,0,0.9);
padding-top: 200px;
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 9999;
}
#age-verification-logo img {
max-height: 100px;
}
#age-verification-logo a {
pointer-events: none;
cursor: default;
}
#age-verification #age-verification-form h2 {
font-family: "Playfair Display", Georgia, serif;
font-size: 60px;
margin-bottom: 15px;
}
/*Age Verification End*/
/*Blends Start*/
.blend_groups_image {
text-align: center;
height: 200px;
width: 100%;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.single_blend_group {
padding: 10px 20px;
}
.single_blend_group_description {
display: -webkit-box !important;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blend_group_banner {
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 400px;
background-size: cover;
}
.blend_group_description {
margin: 5px 0 20px;
}
.blends_of_group_title {
margin-top: 40px;
margin-bottom: 10px;
}
.blend_image_half {
padding: 0 30px;
}
.blends_image {
text-align: center;
}
.blend .blend_products {
padding-bottom: 60px;
}
.blend .blend_pagination {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
}
/*Blends End*/
/*Stats Count Start*/
@media (max-width: 767px) {
.box_stats .row {
display: block;
}
.box_stats .row .single_stat {
width: 100% !important;
}
}
.single_stat .counter-box {
display: block;
padding: 40px 20px 37px;
text-align: center;
height: 100%;
}
.single_stat .counter-box p {
margin: 15px 0 0;
padding: 0;
color: #004E95;
font-size: 18px;
font-weight: bold;
}
.single_stat .counter-box i {
font-size: 60px;
margin: 0 0 15px;
color: #d2d2d2;
}
.single_stat .counter-box .counter {
display: block;
font-size: 32px;
font-weight: 700;
color: #42b549;
line-height: 28px;
}
.single_stat .counter-box.colored {
/* background: #3acf87; */
}
.single_stat .counter-box.colored p,
.single_stat .counter-box.colored i,
.single_stat .counter-box.colored .counter {
/* color: #fff; */
}
.single_stat .counter-box img {
width: 60px;
margin-bottom: 20px;
}
/*Stats Count End*/
.catalog-view.buy_together_view .buy_together.center_horizontal {
position: relative; }
.catalog-view.buy_together_view .buy_together.center_horizontal .add_all_to_cart {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-40%, -50%);
}
.add_all_to_cart .total_price {
font-size: 18px;
}
@media (min-width: 768px) {
.catalog-view.buy_together_view .buy_together:not(:last-child):not(.last_of_together):after {
content: '+';
font-size: 40px;
position: absolute;
top: 40%;
right: -15px;
transform: translate(-40%, -15px);
}
.catalog-view.buy_together_view .buy_together.last_of_together:after {
content: '=';
font-size: 40px;
position: absolute;
top: 40%;
right: -15px;
transform: translate(-40%, -15px);
}
}
@media (max-width: 767px) {
.catalog-view.buy_together_view .buy_together:not(:last-child):not(.last_of_together):after {
content: '+';
font-size: 40px;
position: absolute;
bottom: -25px;
left: 50%;
transform: translate(-50%, -25px);
}
.catalog-view.buy_together_view .buy_together.last_of_together:after {
content: '=';
font-size: 40px;
position: absolute;
bottom: -25px;
left: 50%;
transform: translate(-50%, -25px);
}
.catalog-view.buy_together_view .buy_together.center_horizontal {
margin-top: 50px;
margin-bottom: 50px;
}
.catalog-view.buy_together_view .buy_together.center_horizontal .add_all_to_cart {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
/* Event Showcases Start */
.event_products_buttons_container {
padding: 20px 0; }
.event_products_buttons_container .event_products_button.left {
/*padding-right: 20px;*/ }
.event_products_buttons_container .event_products_button.right {
padding-left: 20px; }
.event_products_button div {
min-height: 60px;
background-color: #8AC6DF;
color: #fff;
padding: 20px 0;
font-size: 40px; }
.event_products_button div i {
margin-right: 20px;
font-size: 40px; }
@media (max-width: 992px) {
.event_products_buttons_container {
padding: 10px 0; }
.event_products_buttons_container .event_products_button {
padding: 10px 0;
}
.event_products_button div {
min-height: 40px;
background-color: #8AC6DF;
color: #fff;
padding: 10px;
font-size: 30px;
display: flex;
align-items: center;
justify-content: center; }
.event_products_button div i {
margin-right: 20px;
font-size: 30px; }
}
.tabbable.showcases_tabbable .tab-content .tab-pane {
background-color: transparent;
}
.tabbable.showcases_tabbable ul {
text-align: center;
}
.tabbable.showcases_tabbable ul li a {
font-size: 15px; }
.tabbable.showcases_tabbable ul li.active a {
background-color: transparent;
border: none;
border-bottom: 2px solid #ccc;
font-size: 18px;
}
.tabbable.showcases_tabbable .tab-content .tab-pane .pagination ul li {
display: inline-block;
}
.event_showcases .showcases_tabbable .showcase_overview {
display: -webkit-box !important;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 40px;
}
.community_bg_button {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px;
border-radius: 2px;
}
.event_community_info {
padding: 20px;
padding-top: 0;
width: 100%;
}
/* Event Showcases End */