/*---
| COLOR SCHEMES
---*/
/*
* La Boutique - Responsive HTML Template v10.0
* By tfingi
* Created: 14/7/2015
*/
/*---
| STYLES
---*/
/*---
| BASIC SETUP
---*/
::-moz-selection {
background: #feffc3;
color: #474948;
}
body {
overflow-y: scroll;
}
body {
background-color: #f0f0f0;
font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #474948;
}
@media (max-width: 767px) {
body {
padding: 0;
}
}
.wrapper {
background-color: transparent;
}
@media (max-width: 414px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
}
@media (min-width: 769px) {
.container {
padding-left: 0;
padding-right: 0;
}
}
.main {
padding: 200px 0 80px;
background-color:#ffffff;
}
/*---
| GENERAL ELEMENTS
---*/
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
table,
form,
blockquote,
canvas,
caption,
embed,
fieldset,
figure,
video,
progress,
object,
map,
hr {
margin: 0 0 20px;
}
a {
color: #A49262;
text-decoration: underline;
-webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -webkit-border-color 200ms ease-in-out;
-moz-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, -moz-border-color 200ms ease-in-out;
-o-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
-ms-transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
transition: color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
a:hover,
a:focus {
color: #86764d;
}
a img {
max-width: 100%;
}
hr {
border-top: 1px solid #f0f0f0;
margin: 40px 0;
}
hr.small {
margin: 20px 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
letter-spacing: -0.5px;
font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
text-decoration: none;
}
h1 {
font-size: 48px;
line-height: 60px;
}
h2 {
font-size: 42px;
line-height: 52.5px;
}
h3 {
font-size: 36px;
line-height: 45px;
}
h4 {
font-size: 30px;
line-height: 37.5px;
}
h5 {
font-size: 24px;
line-height: 30px;
}
h6 {
font-size: 18px;
line-height: 22.5px;
}
code {
border-bottom: 1px solid #e3e3e3;
background-color: #f0f0f0;
color: #606362;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
pre {
border-bottom: 1px solid #e3e3e3;
background-color: #f0f0f0;
color: #606362;
font-size: 12px;
padding: 10px;
white-space: pre-wrap;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
blockquote {
border-left: 5px solid #eeeeee;
padding: 0 0 0 15px;
font-size: 17.5px;
line-height: 1.25;
}
blockquote p {
font-weight: 300;
margin-bottom: 0;
}
blockquote small {
color: #999999;
}
ul,
ol {
list-style-position: inside;
padding: 0;
}
.script {
font-family: "Shadows Into Light", cursive;
font-weight: 400;
font-size: 150%;
}
/*---
| HELPERS
---*/
.nopadding {
margin: 0;
padding: 0;
}
/*---
| AJAX LOADER
---*/
.ajax_loading_indicator {
position: fixed;
background: url('../../img/loader.gif') center center no-repeat rgba(71, 73, 72, 0.5);
width: 100%;
height: 100%;
}
.ajax_loading_indicator > span {
display: none;
}
/*---
| ISOTOPE
---*/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*---
| IMAGES
---*/
div[class*="col-"] img {
max-width: 100%;
}
.img-rounded {
-webkit-border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-border-radius: 10px;
-moz-background-clip: padding;
border-radius: 10px;
background-clip: padding-box;
}
.img-circle {
-webkit-border-radius: 9999px;
-webkit-background-clip: padding-box;
-moz-border-radius: 9999px;
-moz-background-clip: padding;
border-radius: 9999px;
background-clip: padding-box;
}
.img-thumbnail {
border: 1px solid #d7d7d7;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*color: @arguments;*/
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
/*---
| BUTTONS
---*/
.btn {
font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;
font-weight: 600;
text-shadow: none;
font-size: 12px;
border: none;
background-color: #bdbdbd;
background-image: none;
text-decoration: none;
letter-spacing: 0.5px;
word-spacing: 1px;
white-space: normal;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
-webkit-box-shadow: inset 0 -2px 0 rgba(71, 73, 72, 0.050000000000000044);
-moz-box-shadow: inset 0 -2px 0 rgba(71, 73, 72, 0.050000000000000044);
box-shadow: inset 0 -2px 0 rgba(71, 73, 72, 0.050000000000000044);
/*color: @arguments;*/
}
.btn:hover,
.btn:focus,
.btn:active {
color: #ffffff;
background-position: inherit;
background-color: #b0b0b0;
}
.btn:focus,
.btn:active {
-webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5);
-moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5);
box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.5);
/*color: @arguments;*/
}
.btn i {
font-weight: inherit;
line-height: 13px;
}
.btn[disabled],
.btn.disabled {
color: #ffffff;
background-color: #f0f0f0;
cursor: no-drop;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.btn[disabled]:hover,
.btn.disabled:hover,
.btn[disabled]:focus,
.btn.disabled:focus,
.btn[disabled]:active,
.btn.disabled:active {
background-color: #f0f0f0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*color: @arguments;*/
}
.btn-primary {
background-color: #A49262;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background-color: #86764d;
}
.btn-turquoise {
background-color: #A49262;
}
.btn-turquoise:hover,
.btn-turquoise:focus,
.btn-turquoise:active {
background-color: #86764d;
}
.btn-greensea {
background-color: #16a085;
}
.btn-greensea:hover,
.btn-greensea:focus,
.btn-greensea:active {
background-color: #138a72;
}
.btn-emerland {
background-color: #2ecc71;
}
.btn-emerland:hover,
.btn-emerland:focus,
.btn-emerland:active {
background-color: #29b765;
}
.btn-nephritis {
background-color: #27ae60;
}
.btn-nephritis:hover,
.btn-nephritis:focus,
.btn-nephritis:active {
background-color: #229955;
}
.btn-peterriver {
background-color: #3498db;
}
.btn-peterriver:hover,
.btn-peterriver:focus,
.btn-peterriver:active {
background-color: #258cd1;
}
.btn-belizehole {
background-color: #2980b9;
}
.btn-belizehole:hover,
.btn-belizehole:focus,
.btn-belizehole:active {
background-color: #2472a4;
}
.btn-amethyst {
background-color: #9b59b6;
}
.btn-amethyst:hover,
.btn-amethyst:focus,
.btn-amethyst:active {
background-color: #8f4bab;
}
.btn-wisteria {
background-color: #8e44ad;
}
.btn-wisteria:hover,
.btn-wisteria:focus,
.btn-wisteria:active {
background-color: #7f3d9b;
}
.btn-wetasphalt {
background-color: #34495e;
}
.btn-wetasphalt:hover,
.btn-wetasphalt:focus,
.btn-wetasphalt:active {
background-color: #2b3c4e;
}
.btn-midnightblue {
background-color: #2c3e50;
}
.btn-midnightblue:hover,
.btn-midnightblue:focus,
.btn-midnightblue:active {
background-color: #233140;
}
.btn-sunflower {
background-color: #f1c40f;
}
.btn-sunflower:hover,
.btn-sunflower:focus,
.btn-sunflower:active {
background-color: #dab10d;
}
.btn-orange {
background-color: #f39c12;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
background-color: #e08e0b;
}
.btn-carrot {
background-color: #e67e22;
}
.btn-carrot:hover,
.btn-carrot:focus,
.btn-carrot:active {
background-color: #d67118;
}
.btn-pumpkin {
background-color: #d35400;
}
.btn-pumpkin:hover,
.btn-pumpkin:focus,
.btn-pumpkin:active {
background-color: #ba4a00;
}
.btn-alizarin {
background-color: #e74c3c;
}
.btn-alizarin:hover,
.btn-alizarin:focus,
.btn-alizarin:active {
background-color: #e43725;
}
.btn-pomegranate {
background-color: #c0392b;
}
.btn-pomegranate:hover,
.btn-pomegranate:focus,
.btn-pomegranate:active {
background-color: #ab3326;
}
.btn-facebook {
background-color: #3B5998;
}
.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active {
background-color: #344e86;
}
.btn-twitter {
background-color: #1ab2e8;
}
.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active {
background-color: #15a1d3;
}
.btn-googleplus {
background-color: #dd4a38;
}
.btn-googleplus:hover,
.btn-googleplus:focus,
.btn-googleplus:active {
background-color: #d73825;
}
.btn-pinterest {
background-color: #ce2127;
}
.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active {
background-color: #b81d23;
}
.btn {
padding: 12px 20px;
}
.btn-lg {
padding: 16px 24px;
}
.btn-sm {
padding: 8px 16px;
}
.btn-xs {
padding: 4px 12px;
}
@media (max-width: 767px) {
.btn-block-xs {
display: block;
width: 100%;
}
.btn-block-xs + .btn-block-xs {
margin-top: 20px;
}
input[type="submit"].btn-block-xs,
input[type="reset"].btn-block-xs,
input[type="button"].btn-block-xs {
width: 100%;
}
}
.input-group .btn,
.input-group .btn,
.input-group .btn:last-child,
.input-group .btn:first-child {
padding: 4px 20px;
border: 1px solid #cacaca;
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
-webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
-moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
/*color: @arguments;*/
}
/*---
| LISTS
---*/
.list .list {
padding-left: 40px;
}
.list-disc {
list-style-type: disc;
}
.list-square {
list-style-type: square;
}
.list-border {
list-style: none;
}
.list-border li {
border-left: 5px solid #A49262;
padding-left: 10px;
margin-bottom: 5px;
}
.list-chevron {
list-style: none;
}
.list-chevron li:before {
content: "\f105";
color: #A49262;
font-family: "Font Awesome 6 Free";
margin-right: 5px;
font-weight:900
}
.list-none {
list-style-type: none;
}
ul.columns1 {
-webkit-columns: 20px 1;
-moz-columns: 20px 1;
columns: 20px 1;
}
ul.columns2 {
-webkit-columns: 20px 2;
-moz-columns: 20px 2;
columns: 20px 2;
}
ul.columns3 {
-webkit-columns: 20px 3;
-moz-columns: 20px 3;
columns: 20px 3;
}
ul.columns4 {
-webkit-columns: 20px 4;
-moz-columns: 20px 4;
columns: 20px 4;
}
@media (max-width: 992px) {
ul.columns1,
ul.columns2,
ul.columns3,
ul.columns4 {
-webkit-columns: 20px 2;
-moz-columns: 20px 2;
columns: 20px 2;
}
}
@media (max-width: 767px) {
ul.columns1,
ul.columns2,
ul.columns3,
ul.columns4 {
-webkit-columns: 20px 1;
-moz-columns: 20px 1;
columns: 20px 1;
}
}
/*---
| TABLES
---*/
.table td,
.table th {
border-top: 1px solid #e3e3e3;
}
.table-striped tbody > tr:nth-child(2n+1) > td,
.table-striped tbody > tr:nth-child(2n+1) > th {
background-color: #f0f0f0;
}
.table-bordered {
border: 1px solid #e3e3e3;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered thead:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child {
-webkit-border-top-left-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius-topleft: 2px;
-moz-background-clip: padding;
border-top-left-radius: 2px;
background-clip: padding-box;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered thead:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child {
-webkit-border-top-right-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius-topright: 2px;
-moz-background-clip: padding;
border-top-right-radius: 2px;
background-clip: padding-box;
}
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered thead:last-child tr:last-child > td:first-child tbody:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child {
-webkit-border-bottom-left-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomleft: 2px;
-moz-background-clip: padding;
border-bottom-left-radius: 2px;
background-clip: padding-box;
}
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered thead:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
-webkit-border-bottom-right-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius-bottomright: 2px;
-moz-background-clip: padding;
border-bottom-right-radius: 2px;
background-clip: padding-box;
}
.table-hover tbody tr:hover > th,
.table-hover tbody tr:hover > td {
background-color: #A49262;
color: #ffffff;
}
.styled-table {
width: 100%;
margin-bottom: 20px;
}
.styled-table thead th,
.styled-table thead td {
font-size: 12px;
color: #474948;
border-bottom: 1px solid #d7d7d7;
text-transform: uppercase;
}
.styled-table thead th {
font-weight: 600;
}
.styled-table thead td {
font-weight: 400;
}
.styled-table tbody th,
.styled-table tbody td {
border-bottom: 1px solid #f0f0f0;
}
.styled-table thead th,
.styled-table tbody th,
.styled-table thead td,
.styled-table tbody td {
text-align: left;
padding: 10px;
vertical-align: top;
}
.styled-table thead th:first-child,
.styled-table tbody th:first-child,
.styled-table thead td:first-child,
.styled-table tbody td:first-child {
padding-left: 0;
}
.styled-table thead th:last-child,
.styled-table tbody th:last-child,
.styled-table thead td:last-child,
.styled-table tbody td:last-child {
padding-right: 0;
}
.styled-table thead th.text-left,
.styled-table tbody th.text-left,
.styled-table thead td.text-left,
.styled-table tbody td.text-left {
text-align: left;
}
.styled-table thead th.text-center,
.styled-table tbody th.text-center,
.styled-table thead td.text-center,
.styled-table tbody td.text-center {
text-align: center;
}
.styled-table thead th.text-right,
.styled-table tbody th.text-right,
.styled-table thead td.text-right,
.styled-table tbody td.text-right {
text-align: right;
}
/*---
| FORM ELEMENTS
---*/
form {
margin-bottom: 0;
}
label {
font-size: 85%;
font-weight: normal;
margin-bottom: 2px;
}
label input[type="checkbox"],
label input[type="radio"] {
margin-top: 1px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
font-family: "Lato", "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 300;
margin-bottom: 10px;
padding: 4px 6px !important;
border: 1px solid #cacaca;
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
-webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
-moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
/*color: @arguments;*/
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
background-color: #f6f6f6;
border-color: #cacaca;
-webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
textarea {
min-height: 60px !important;
max-height: 240px !important;
min-width: 100% !important;
max-width: 100% !important;
}
.form-group {
margin-bottom: 10px;
}
/*---
| ALERTS
---*/
.alert {
font-size: 13px;
padding: 10px 16px;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
/*---
| LABELS
---*/
.label {
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
font-size: 10px;
line-height: 14px;
padding: 2px 6px;
text-transform: uppercase;
text-shadow: none;
letter-spacing: 0.5px;
}
.label-sale {
background-color: #A49262;
}
/*---
| WELL
---*/
.well {
border: 1px solid #e7e7da;
color: #606362;
padding: 20px;
margin-bottom: 40px;
background-color: #fbfbf9;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*color: @arguments;*/
/*zoom: 1;*/
}
.well:before {
content: '';
display: block;
}
.well:after {
content: '';
display: table;
clear: both;
}
.well *:last-child {
margin-bottom: 0;
}
.well-large {
padding: 40px;
}
/*---
| MODALS
---*/
.modal .modal-dialog {
margin: 60px auto;
}
.modal .modal-content {
border: 0;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
/*color: @arguments;*/
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
.modal .modal-header {
padding: 20px;
}
.modal .modal-header .hgroup.title {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.modal .modal-header button {
margin: 0;
}
.modal .modal-body {
padding: 20px;
}
.modal .modal-footer {
padding: 20px;
border-top: 1px solid #f0f0f0;
background-color: #f9f9f9;
text-align: left;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*color: @arguments;*/
}
.modal .modal-head + modal-footer {
border-top: none;
}
.modal-backdrop {
background-color: #474948;
}
.modal-backdrop,
.modal-backdrop.fade.in {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
/*---
| NAV-TABS
---*/
.nav-tabs {
border-bottom: 5px solid #A49262;
margin-bottom: 0;
background-color: #ffffff;
}
.nav-tabs li {
margin-bottom: 0;
}
.nav-tabs li > div,
.nav-tabs li a,
.nav-tabs li a:hover,
.nav-tabs li a:active,
.nav-tabs li a:focus {
text-decoration: none;
margin-right: 0px;
padding: 14px 20px 9px;
border: none;
font-size: 12px;
color: #797d7b;
text-transform: uppercase;
background-color: #ffffff;
outline: 0 none;
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
}
.nav-tabs li > div [class^="fa-"],
.nav-tabs li a [class^="fa-"],
.nav-tabs li a:hover [class^="fa-"],
.nav-tabs li a:active [class^="fa-"],
.nav-tabs li a:focus [class^="fa-"],
.nav-tabs li > div [class*=" fa-"],
.nav-tabs li a [class*=" fa-"],
.nav-tabs li a:hover [class*=" fa-"],
.nav-tabs li a:active [class*=" fa-"],
.nav-tabs li a:focus [class*=" fa-"] {
margin: 0 0 6px;
display: block;
text-align: center;
}
.nav-tabs li > div span,
.nav-tabs li a span,
.nav-tabs li a:hover span,
.nav-tabs li a:active span,
.nav-tabs li a:focus span {
display: block;
text-align: center;
}
.nav-tabs li a:hover {
color: #A49262;
}
.nav-tabs li.active > div,
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:active,
.nav-tabs li.active a:focus {
border: none;
background-color: #A49262;
color: #ffffff;
}
.nav-tabs + .box {
position: relative;
z-index: 10;
}
.nav-tabs.nav-stacked > li:first-child > a,
.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-radius: 0;
-webkit-background-clip: padding-box;
-moz-border-radius: 0;
-moz-background-clip: padding;
border-radius: 0;
background-clip: padding-box;
}
.nav-tabs.nav-stacked > li + li {
margin-top: 0;
}
.nav-tabs.nav-stacked > li > a {
border: none;
border-bottom: 1px solid #e3e3e3;
background-color: #fbfbf9;
padding: 15px 20px;
text-transform: none;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:active,
.nav-tabs.nav-stacked > li > a:focus {
border-bottom: 1px solid #A49262;
background-color: #A49262;
color: #ffffff;
}
.nav-tabs.nav-stacked li.active {
position: relative;
}
.nav-tabs.nav-stacked li.active a {
border-right: none;
border-bottom: 1px solid #e3e3e3;
background-color: #ffffff;
color: #A49262;
font-weight: 700;
}
.nav-tabs.nav-stacked li.active:after {
content: "";
position: absolute;
top: 0;
bottom: 1px;
right: -1px;
width: 1px;
background-color: #ffffff;
}
/*---
| WIDGET
---*/
.widget {
background-color: #ffffff;
border-top: 5px solid #A49262;
padding: 20px;
margin-bottom: 20px;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
/*color: @arguments;*/
}
.widget h3.widget-title {
font-size: 16px;
line-height: 24px;
font-weight: 700;
padding: 20px;
margin: -20px -20px 20px;
border-bottom: 1px solid #f0f0f0;
}
.widget.Categories ul,
.widget.Menu ul {
list-style: none;
margin: 0;
}
.widget.Categories > ul,
.widget.Menu > ul {
margin: -20px -20px;
}
.widget.Categories a,
.widget.Menu a {
display: block;
padding: 15px 20px;
border-bottom: 1px solid #f0f0f0;
color: #797d7b;
text-decoration: none;
font-size: 12px;
}
.widget.Categories a:hover,
.widget.Menu a:hover,
.widget.Categories a:focus,
.widget.Menu a:focus {
background-color: #A49262;
color: #ffffff;
}
.widget.Categories a:hover .count,
.widget.Menu a:hover .count,
.widget.Categories a:focus .count,
.widget.Menu a:focus .count {
background-color: #ffffff;
color: #A49262;
text-shadow: none;
}
.widget.Categories ul ul a,
.widget.Menu ul ul a {
padding-left: 40px;
}
/*---
| ADVERTS
---*/
.adverts {
list-style: none;
margin: 0;
}
.adverts li + li {
margin-top: 20px;
}
.adverts a {
display: block;
border: 5px solid #f0f0f0;
position: relative;
overflow: hidden;
}
.adverts a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(71, 73, 72, 0.2);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.adverts a:hover {
border-color: #A49262;
}
.adverts a:hover:before {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
/*---
| BOX
---*/
.hgroup.title {
margin: 0 -20px;
padding: 0 20px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 20px;
background-color: #ffffff;
}
.hgroup.title h1,
.hgroup.title h2,
.hgroup.title h3,
.hgroup.title h4,
.hgroup.title h5,
.hgroup.title h6 {
font-size: 14px;
line-height: 21px;
color: #939694;
font-weight: 400;
margin: 0;
}
.hgroup.title h1:first-child,
.hgroup.title h2:first-child,
.hgroup.title h3:first-child,
.hgroup.title h4:first-child,
.hgroup.title h5:first-child,
.hgroup.title h6:first-child {
font-size: 16px;
line-height: 24px;
color: #474948;
font-weight: 700;
}
.box {
margin-bottom: 20px;
background-color: #ffffff;
padding: 20px;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
/*
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
*/
/*color: @arguments;*/
}
.box .box-header {
margin: 0 -20px;
padding: 0 20px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 20px;
background-color: #ffffff;
}
.box .box-header h3 {
font-size: 16px;
line-height: 24px;
color: #474948;
font-weight: 700;
margin: 0;
}
.box .box-header h5 {
font-size: 14px;
line-height: 21px;
color: #939694;
font-weight: 400;
margin: 0;
}
.box .box-image {
margin: -20px -20px 20px;
border-bottom: 1px solid #f0f0f0;
}
.box .box-image a,
.box .box-image img {
display: block;
}
.box .box-body,
.box .box-content {
margin-top: 20px;
}
.box .box-body > *:last-child,
.box .box-content > *:last-child {
margin-bottom: 0;
}
.box .box-body .price-list,
.box .box-content .price-list {
margin: -20px;
}
.box .box-body .price-list li,
.box .box-content .price-list li {
margin: 0;
}
.box .box-footer {
/*zoom: 1;*/
margin: 20px -20px -20px;
padding: 20px;
border-top: 1px solid #f0f0f0;
background-color: #f9f9f9;
}
.box .box-footer:before {
content: '';
display: block;
}
.box .box-footer:after {
content: '';
display: table;
clear: both;
}
@media (max-width: 767px) {
.box .box-footer .btn {
display: block;
width: 100%;
float: none;
}
.box .box-footer .btn + .btn {
margin-top: 20px;
}
}
.box .box-header + .box-footer {
border-top: none;
margin-top: 0;
}
.box .box-content.highlight {
margin: 0 -20px;
padding: 0 20px;
padding: 20px;
background-color: #f9f9f9;
margin-bottom: -20px;
}
.box .buttons {
/*zoom: 1;*/
margin: 20px -20px -20px;
padding: 20px;
border-top: 1px solid #f0f0f0;
background-color: #f9f9f9;
}
.box .buttons:before {
content: '';
display: block;
}
.box .buttons:after {
content: '';
display: table;
clear: both;
}
.box .hgroup.title + .buttons {
border-top: none;
margin-top: 0;
}
.box.border-top {
border-top: 5px solid #A49262;
}
.box.border-right {
border-right: 5px solid #A49262;
}
.box.border-bottom {
border-bottom: 5px solid #A49262;
}
.box.border-left {
border-left: 5px solid #A49262;
}
.extend {
margin: 0 -20px;
padding: 0 20px;
}
/*---
| PANELS (THESE TO REPLACE ALL BOXES)
---*/
.panel {
margin-bottom: 20px;
background-color: #ffffff;
padding: 20px;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
/*color: @arguments;*/
}
.panel .panel-content {
margin: -20px;
padding: 20px;
}
.panel.border-top {
border-top: 5px solid #A49262;
}
.panel.border-right {
border-right: 5px solid #A49262;
}
.panel.border-bottom {
border-bottom: 5px solid #A49262;
}
.panel.border-left {
border-left: 5px solid #A49262;
}
.panel-navigation {
list-style: none;
margin: -20px 0;
font-size: 12px;
}
.panel-navigation .panel-navigation {
margin: 0;
}
.panel-navigation a {
display: block;
padding: 15px 20px;
border-bottom: 1px solid #f0f0f0;
margin: 0 -20px;
color: #474948;
text-decoration: none;
position: relative;
}
.panel-navigation a:hover {
background-color: #A49262;
color: #ffffff;
border-color: #A49262;
}
.panel-navigation a:hover .toggle {
color: #A49262;
background-color: #ffffff;
}
.panel-navigation.primary > li > a {
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
.panel-navigation.primary .toggle {
margin-top: 2px;
font-weight: 400;
font-size: 14px;
line-height: 20px;
height: 20px;
width: 20px;
text-align: center;
position: absolute;
right: 20px;
background-color: #d7d7d7;
color: #ffffff;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
/*---
| OPTIONS PANEL / COLOUR SCHEME PICKER
---*/
.options-panel {
position: fixed;
top: 200px;
left: -200px;
z-index: 1000;
width: 272px;
/*zoom: 1;*/
}
.options-panel:before {
content: '';
display: block;
}
.options-panel:after {
content: '';
display: table;
clear: both;
}
.options-panel .options-panel-content {
width: 200px;
padding: 20px;
background-color: #ffffff;
float: left;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
.options-panel .options-panel-toggle {
float: left;
width: 32px;
height: 32px;
}
.options-panel .options-panel-toggle a {
display: block;
width: 32px;
height: 32px;
font-size: 16px;
line-height: 32px;
text-align: center;
background-color: #A49262;
color: #ffffff;
text-decoration: none;
}
/*---
| BREADCRUMB
---*/
.breadcrumb {
background-color: transparent;
margin: 0;
font-size: 12px;
padding: 15px 0;
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
}
.breadcrumb > li + li::before {
content: "\f105";
font-family: "Font Awesome 6 Free";
color: #adafae;
font-weight:900;
}
.breadcrumb li {
text-shadow: none;
}
.breadcrumb .active {
color: #939694;
}
.breadcrumb a {
color: inherit;
text-decoration: none;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
color: #A49262;
}
/*---
| TWITTER BAR
---*/
.twitter-bar {
padding: 20px 0;
background-color: #fbfbf9;
position: relative;
z-index: 40;
-webkit-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.09999999999999998);
-moz-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.09999999999999998);
box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.09999999999999998);
/*color: @arguments;*/
}
.twitter-bar .icon {
font-size: 16px;
line-height: 32px;
background-color: #00acee;
color: #ffffff;
float: left;
width: 32px;
text-align: center;
margin-right: 10px;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
.twitter-bar #tweets {
float: left;
}
@media (max-width: 767px) {
.twitter-bar #tweets {
max-width: 390px;
}
}
@media (max-width: 480px) {
.twitter-bar #tweets {
max-width: 250px;
}
}
.tweet_list {
list-style: none;
margin: 0;
}
.tweet_list .tweet {
color: #868988;
font-size: 12px;
line-height: 18px;
/*zoom: 1;*/
}
.tweet_list .tweet:before {
content: '';
display: block;
}
.tweet_list .tweet:after {
content: '';
display: table;
clear: both;
}
.tweet_list .tweet .avatar {
height: 32px;
width: 32px;
float: left;
margin-right: 10px;
overflow: hidden;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
.tweet_list .tweet .avatar img {
display: block;
height: 32px;
width: 32px;
}
.tweet_list .tweet .text {
margin: 7px 0;
float: left;
}
@media (max-width: 767px) {
.tweet_list .tweet .text {
max-width: 340px;
}
}
@media (max-width: 480px) {
.tweet_list .tweet .text {
max-width: 200px;
}
}
.tweet_list .tweet .tweet_time {
margin-left: 5px;
font-size: 10px;
font-style: italic;
}
.tweet_list .tweet a {
color: inherit;
text-decoration: none;
}
.tweet_list .tweet a:hover {
color: #A49262;
}
/*---
| SOCIAL ICONS
---*/
.main-menu .social,
.footer .social {
-webkit-border-radius: 0px;
-webkit-background-clip: padding-box;
-moz-border-radius: 0px;
-moz-background-clip: padding;
border-radius: 0px;
background-clip: padding-box;
}
.main-menu .social ul,
.footer .social ul {
margin-left: -6px;
margin-bottom: -6px;
/*zoom: 1;*/
}
.main-menu .social ul:before,
.footer .social ul:before {
content: '';
display: block;
}
.main-menu .social ul:after,
.footer .social ul:after {
content: '';
display: table;
clear: both;
}
.main-menu .social li,
.footer .social li {
list-style: none;
padding: 0;
margin: 0px;
margin-left: 6px;
margin-bottom: 6px;
float: left;
display: block;
}
.main-menu .social a,
.footer .social a {
display: block;
margin: 0px;
padding: 0px;
width: 24px;
height: 24px;
text-indent: -9999px;
background-image: url('../../img/social.png') !important;
background-repeat: no-repeat;
text-decoration: none;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
.main-menu .social a:hover,
.footer .social a:hover,
.main-menu .social a:focus,
.footer .social a:focus {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.main-menu .social a.twitter,
.footer .social a.twitter {
background-position: 0 0 !important;
}
.main-menu .social a.facebook,
.footer .social a.facebook {
background-position: -24px 0 !important;
}
.main-menu .social a.pinterest,
.footer .social a.pinterest {
background-position: -48px 0 !important;
}
.main-menu .social a.youtube,
.footer .social a.youtube {
background-position: -72px 0 !important;
}
.main-menu .social a.vimeo,
.footer .social a.vimeo {
background-position: -96px 0 !important;
}
.main-menu .social a.flickr,
.footer .social a.flickr {
background-position: -120px 0 !important;
}
.main-menu .social a.googleplus,
.footer .social a.googleplus {
background-position: -144px 0 !important;
}
.main-menu .social a.dribbble,
.footer .social a.dribbble {
background-position: -168px 0 !important;
}
.main-menu .social a.forrst,
.footer .social a.forrst {
background-position: -192px 0 !important;
}
.main-menu .social a.tumblr,
.footer .social a.tumblr {
background-position: -216px 0 !important;
}
.main-menu .social a.digg,
.footer .social a.digg {
background-position: -240px 0 !important;
}
.main-menu .social a.linkedin,
.footer .social a.linkedin {
background-position: -264px 0 !important;
}
.main-menu .social a.instagram,
.footer .social a.instagram {
background-position: -288px 0 !important;
}
.main-menu .social li:first-child {
margin-left: 0px;
}
/*---
| HEADER
---*/
.header {
position: relative;
z-index: 250;
}
.header a {
color: inherit;
font-weight: 400;
text-decoration: none;
/*font-size: 13px;*/
}
.header .top {
position: relative;
z-index: 10;
background-color: #ffffff;
height: 32px;
font-size: 12px;
line-height: 32px;
color: #ffffff;
}
.header .top p,
.header .top ul {
margin-bottom: 0;
}
.header .top a {
font-size: 12px;
color: inherit;
text-decoration: none;
color: #ffffff;
}
.header .top a:hover {
color: #A49262;
text-decoration: none;
color: #c7c8c8;
}
.header .bottom {
background-color: #ffffff;
padding: 0;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
/*zoom: 1;*/
}
.header .bottom:before {
content: '';
display: block;
}
.header .bottom:after {
content: '';
display: table;
clear: both;
}
.header .bottom > .container > .row {
position: relative;
}
@media (min-width: 992px) {
.header .bottom > .container > .row > .col-md-3 {
float: right;
margin-right: 60px;
}
}
.header .logo {
padding: 20px 0;
}
.header .logo a {
display: inline-block;
height: 50px;
text-decoration: none;
}
.header .logo img {
max-height: 100%;
}
@media (max-width: 767px) {
.header .logo {
width: auto;
float: none;
margin: 0;
}
.header .logo a {
text-align: center;
}
}
.search {
padding: 30px 0;
}
@media (max-width: 767px) {
.search {
padding: 20px 0;
}
#lang {
right: 20px !important;
}
.main {
padding: 200px 0 80px !important;
}
.mini-cart {
position: absolute;
top: 29px;
right: 90px !important;
}
.header_facebook{
display:block !important;
}
.header_instagram{
display:block !important;
}
}
.search .qs_s {
position: relative;
}
.search .qs_s #query {
background-color: #f0f0f0;
border-color: #d7d7d7;
padding: 4px 14px !important;
margin-bottom: 0;
width: 100%;
height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 9999px;
-webkit-background-clip: padding-box;
-moz-border-radius: 9999px;
-moz-background-clip: padding;
border-radius: 9999px;
background-clip: padding-box;
-webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
.search .qs_s #query:focus {
background-color: #f6f6f6;
-webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
.search #autocomplete-results {
position: absolute;
width: 100%;
}
.search #autocomplete-results ul {
margin: 6px 0 0;
background-color: #ffffff;
border-left: 5px solid #A49262;
position: relative;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
/*color: @arguments;*/
}
.search #autocomplete-results ul:before {
content: "";
display: block;
width: 26px;
height: 14px;
position: absolute;
left: 50%;
top: -14px;
margin-left: -13px;
background-image: url('../../img/triangle.png');
z-index: 100;
}
.search #autocomplete-results ul li {
list-style: none;
border-top: 1px solid #f0f0f0;
}
.search #autocomplete-results ul li:first-child {
border-top: none;
}
.search #autocomplete-results ul a {
display: block;
padding: 10px;
color: inherit;
text-decoration: none;
}
.search #autocomplete-results ul a .image {
width: 30px;
height: 30px;
overflow: hidden;
float: left;
margin-right: 10px;
}
.search #autocomplete-results ul a .image img {
display: block;
}
.search #autocomplete-results ul a h6 {
line-height: 30px;
font-size: 12px;
margin: 0;
font-weight: 400;
}
.search #autocomplete-results ul a:hover {
background-color: #f0f0f0;
}
.search #autocomplete-results ul li.active a {
text-decoration: none;
background-color: #A49262;
}
.search #autocomplete-results ul li.active a h6 {
font-weight: 700;
color: #ffffff;
}
.mini-cart {
position: absolute;
top: 29px;
right: 315px;
}
.mini-cart a {
display: block;
line-height: 40px;
float: right;
height: 40px;
width: 40px;
background: url('../../img/cart.png') no-repeat left center;
position: relative;
}
.mini-cart a > span {
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 11px;
text-align: center;
background-color: #A49262;
color: #ffffff;
position: absolute;
top: 0;
right: 0px;
-webkit-border-radius: 12px;
-webkit-background-clip: padding-box;
-moz-border-radius: 12px;
-moz-background-clip: padding;
border-radius: 12px;
background-clip: padding-box;
}
/*--------------------------------------------------------------------------
| NAVIGATION
--------------------------------------------------------------------------*/
nav.navigation {
background-color: #fbfbf9;
position: relative;
z-index: 240;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
/*color: @arguments;*/
}
.main-menu {
margin: 0;
padding: 0;
height: auto;
/*zoom: 1;*/
}
.main-menu:before {
content: '';
display: block;
}
.main-menu:after {
content: '';
display: table;
clear: both;
}
.main-menu li {
list-style: none;
}
.main-menu a {
text-decoration: none;
font-size: 12px;
display: block;
}
.main-menu li {
position: relative;
}
.main-menu li.active>a {
color: #A49262;
}
.main-menu li ul {
display: none;
position: absolute;
border-top: 5px solid #A49262;
background-color: #ffffff;
/*overflow: hidden;*/
margin: 0;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
/*color: @arguments;*/
z-index: 1000;
min-width: 200px;
}
.main-menu li ul li a {
padding: 15px 20px;
border-top: 1px solid #f0f0f0;
color: #474948;
}
.main-menu li ul li.menu-item-has-children > a:before {
font-family: "Font Awesome 6 Free";
content: "\f0da";
float: right;
color: #474948;
}
.main-menu li ul li:first-child a {
border-top: none;
}
.main-menu li ul li ul {
left: 190px;
top: 10px;
}
.main-menu li:hover > a {
background-color: #A49262;
color: #ffffff;
}
.main-menu li:hover.menu-item-has-children > a:before {
color: #ffffff;
}
.main-menu li:hover > ul {
display: block;
}
.main-menu > li {
float: left;
/*
> ul{
left: -9999px;
top: -9999px;
}*/
}
.main-menu > li > a {
padding: 15px 20px 15px 0;
color: #606362;
text-transform: uppercase;
}
.main-menu > li:hover > a,
.main-menu > li > a:hover {
color: #A49262;
background: none;
}
.main-menu > li ul li ul li > ul {
left: auto;
right: 190px;
}
.main-menu > li ul li ul li > ul li ul {
right: auto;
left: 190px;
}
.main-menu .megamenu-parent {
position: static;
}
.main-menu .megamenu-sub-menu {
/*margin-left: 0px !important;*/
padding: 20px;
padding-top: 0px;
}
.main-menu .megamenu-sub-menu ul {
position: static;
left: auto;
top: auto;
right: auto;
min-width: 0px;
}
.main-menu .megamenu-sub-menu li:hover ul {
left: auto;
top: auto;
}
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu {
width: 100%;
}
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li {
display: block;
padding: 0px;
margin: 0px;
border: 0px;
}
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li a {
display: block;
background: none;
color: #474948;
padding: 5px;
margin: 0px;
border: 0px;
font-size: 12px;
}
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li a:before {
content: "\f105";
color: #A49262;
font-family: "Font Awesome 6 Free";
margin-right: 5px;
font-weight:900;
}
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu > li a:hover {
color: #A49262;
}
.main-menu .megamenu-sub-menu .megamenu-column {
float: left;
padding-right: 20px;
}
.main-menu .megamenu-sub-menu .megamenu-column ul {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*color: @arguments;*/
border: 0px;
padding: 0px;
}
.main-menu .megamenu-sub-menu .megamenu-column a {
color: #A49262;
}
.main-menu .megamenu-sub-menu .megamenu-column a:before {
content: "";
}
.main-menu .megamenu-sub-menu .megamenu-column a:hover {
color: #474948;
}
.main-menu .megamenu-sub-menu .megamenu-content {
/*padding-top: 20px;*/
font-size: 12px;
}
.main-menu .megamenu-sub-menu .megamenu-content img {
max-width: 100%;
}
.main-menu .megamenu-sub-menu .megamenu-content .map-canvas,
.main-menu .megamenu-sub-menu .megamenu-content img,
.main-menu .megamenu-sub-menu .megamenu-content iframe {
margin: 0px;
padding: 0px;
display: block;
}
.main-menu .megamenu-sub-menu .megamenu-content .map-canvas {
margin-bottom: 20px;
}
.main-menu .megamenu-sub-menu .megamenu-content [class*="col-md-"] {
width: 100%;
}
.main-menu .megamenu-sub-menu .megamenu-content ul {
display: block;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*color: @arguments;*/
border: 0px;
list-style: disc;
}
.main-menu .megamenu-sub-menu .megamenu-content ul li {
border: 0px;
list-style: disc;
}
.main-menu .megamenu-sub-menu .megamenu-content ul li a {
border: 0px;
background: none;
color: #474948;
}
.main-menu .megamenu-sub-menu .megamenu-content ul li a:hover {
color: #A49262;
background: none;
}
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading,
.main-menu .megamenu-sub-menu .megamenu-heading {
margin: 0px;
padding: 0px;
padding-top: 20px;
left: auto;
right: auto;
clear: both;
}
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading a:hover,
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading:hover a,
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading a,
.main-menu .megamenu-sub-menu .megamenu-heading a:hover,
.main-menu .megamenu-sub-menu .megamenu-heading:hover a,
.main-menu .megamenu-sub-menu .megamenu-heading a {
background: none;
margin: 0px;
padding: 0px;
color: #474948;
font-weight: bold;
font-size: 16px;
cursor: text;
margin-bottom: 20px;
display: block;
border: 0px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading a:hover:before,
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading:hover a:before,
.main-menu .megamenu-sub-menu .megamenu-inner-sub-menu .megamenu-heading a:before,
.main-menu .megamenu-sub-menu .megamenu-heading a:hover:before,
.main-menu .megamenu-sub-menu .megamenu-heading:hover a:before,
.main-menu .megamenu-sub-menu .megamenu-heading a:before {
display: none;
}
.main-menu .megamenu-sub-menu input[type="text"],
.main-menu .megamenu-sub-menu input[type="password"],
.main-menu .megamenu-sub-menu input[type="date"],
.main-menu .megamenu-sub-menu input[type="datetime"],
.main-menu .megamenu-sub-menu input[type="email"],
.main-menu .megamenu-sub-menu input[type="number"],
.main-menu .megamenu-sub-menu input[type="search"],
.main-menu .megamenu-sub-menu input[type="tel"],
.main-menu .megamenu-sub-menu input[type="time"],
.main-menu .megamenu-sub-menu input[type="url"],
.main-menu .megamenu-sub-menu textarea,
.main-menu .megamenu-sub-menu select {
min-height: 30px;
width: 100%;
}
.main-menu .megamenu-sub-menu textarea {
height: 100px;
}
.megamenu_container {
height: auto;
}
.main-menu-button {
//display: none !important;
}

.main-menu {
    display: none; /* Horizontalen Menü standardmäßig ausblenden */
}
.main-menu.selected {
    display: block; /* Wenn 'selected' hinzugefügt wird, Menü anzeigen */
}
.main-menu-button {
    display: block !important; /* Burger-Menü-Button immer anzeigen */
}
.hideOnMobile{
        display:none !important;
    }
.hideOnDesktop{
    display:block !important;
}

/*------------------------------------------------------------------------------------------------*/
.mini-cart {
position: absolute;
top: 29px;
right: 400px;
}
.main-menu {
float:none;
}
.hideOnMobile{
display:none !important;
}
.hideOnDesktop{
display:block !important;
}
.box .primary img {
pointer-events: none;
}
.main-menu-button {
display: block !important;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
padding: 5px;
padding-left: 15px;
padding-right: 15px;
margin-top: 10px;
text-decoration: none;
border: 0px;
background-color: #A49262;
color: #ffffff;
}
.main-menu-button:after {
font-family: "Font Awesome 6 Free";
content: "\f078";
font-weight: bold;
float: right;
}
.main-menu-button:hover,
.main-menu-button:focus,
.main-menu-button:active {
/*background-color: rgba(26, 188, 156, 0.8);*/
background-color: #A49262;
color: #ffffff;
text-decoration: none;
}
.megamenu_container {
overflow: hidden;
-webkit-transition: height 0.5s ease;
-moz-transition: height 0.5s ease;
-o-transition: height 0.5s ease;
-ms-transition: height 0.5s ease;
transition: height 0.5s ease;
padding-bottom: 20px;
}
.main-menu {
position: relative;
margin-bottom: 5px;
right: 0%;
display: none;
}
.main-menu.selected {
display: block;
}
.main-menu li {
display: block;
float: none;
margin-top: 1px;
position: static;
}
.main-menu li ul li a,
.main-menu li a {
display: block;
float: none;
padding: 10px 15px;
border: 0px;
}
.main-menu li ul li a:hover,
.main-menu li a:hover {
background-color: #A49262;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
color: #ffffff !important;
}
.main-menu li.back > a:before {
font-family: "Font Awesome 6 Free";
content: "\f104"; /* angle-left icon */
font-weight: 900;
margin-right: 5px;
}
.main-menu li.menu-item-has-children > a:before {
font-family: "Font Awesome 6 Free";
content: "\f0da";
float: right;
/*color: @black;*/
}
.main-menu li.megamenu-parent {
display: none;
}
.main-menu li ul,
.main-menu li ul li ul,
.main-menu li ul li ul li ul,
.main-menu li ul li ul li ul li ul {
/*display: block;*/
/*position: static;*/
display: none;
width: 100%;
position: absolute;
left: 100%;
right: auto;
top: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
/*color: @arguments;*/
background: none;
border: 0px;
}
.main-menu li.selected > ul {
display: block;
}
/* Abstand nach unten kommt vom megamenu_container (padding-bottom: 20px) */
/*------------------------------------------------------------------------------------------------*/

/*---
| FOOTER
---*/
.footer {
position: relative;
z-index: 50;
background-color: #ffffff;
padding: 40px 0;
font-size: 13px;
color: #797d7b;
-webkit-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
.footer h6 {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin: 0 0 20px;
color: #474948;
}
.footer .links {
margin: 0;
}
@media (max-width: 767px) {
.footer .links {
margin-bottom: 40px;
}
}
.footer .links li {
list-style: none;
}
.footer .links a {
color: #797d7b;
text-decoration: none;
}
.footer .links a:hover,
.footer .links a:focus {
color: #A49262;
}
.footer .confidence img {
display: block;
margin: 20px 0;
}
.footer .list-chevron.links li {
margin-bottom: 10px;
}
.footer .list-chevron.links small {
font-style: italic;
color: #868988;
font-size: 11px;
margin-left: 12px;
}
.footer .twitter {
font-size: 12px;
line-height: 18px;
}
.footer .twitter .tweet_list {
margin: 0;
}
.footer .twitter .tweet_list li {
list-style: none;
border-top: 1px solid #f0f0f0;
padding-top: 20px;
margin-top: 20px;
/*zoom: 1;*/
}
.footer .twitter .tweet_list li:before {
content: '';
display: block;
}
.footer .twitter .tweet_list li:after {
content: '';
display: table;
clear: both;
}
.footer .twitter .tweet_list li .avatar {
float: left;
width: 10%;
margin-right: 5%;
}
.footer .twitter .tweet_list li .text {
width: 85%;
float: left;
}
.footer .twitter .tweet_list li .text a {
text-decoration: none;
}
.footer .twitter .tweet_list li .text .tweet_text,
.footer .twitter .tweet_list li .text .tweet_time {
display: block;
}
.footer .twitter .tweet_list li .text .tweet_time {
margin-top: 10px;
font-size: 11px;
font-style: italic;
}
.footer .twitter .tweet_list li .text .tweet_time a {
color: #adafae;
text-decoration: none;
}
.footer .twitter .tweet_list li .text .tweet_time a:hover,
.footer .twitter .tweet_list li .text .tweet_time a:focus {
color: #A49262;
}
.footer .twitter .tweet_list li.tweet_first {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.footer .newsletter form {
margin-bottom: 20px;
}
.footer .newsletter .input-group {
margin-bottom: 0;
}
.footer .newsletter p {
font-size: 12px;
line-height: 18px;
color: #939694;
font-style: italic;
}
/*---
| CREDITS BAR
---*/
.credits {
background-color: #474948;
padding: 10px 0;
color: #939694;
font-size: 12px;
line-height: 18px;
}
.credits p {
margin-bottom: 0;
}
.credits a {
color: #adafae;
text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.credits a:hover {
color: #c7c8c8;
}
/*---
| SHOP PAGES
---*/
/*---
| CATEGORY
---*/
.category .sidebar .children {
font-size: 12px;
}
.category .sidebar .children .title a {
color: #474948;
text-decoration: none;
}
.category .sidebar .children .title a:hover {
color: #A49262;
}
.category .sidebar .category-list {
margin: 0 0 -20px;
}
.category .sidebar .category-list .list-group-item {
color: #939694;
padding: 15px 20px;
margin: 0 -20px;
border-width: 1px 0 0 0;
border-style: solid;
border-color: #f0f0f0;
text-decoration: none;
}
.category .sidebar .category-list .list-group-item:first-of-type {
border-top: 0;
}
.category .sidebar .category-list .list-group-item.hover {
background-color: #f6f6f6;
}
.category .sidebar .category-list .list-group-item.active,
.category .sidebar .category-list .list-group-item.active:hover,
.category .sidebar .category-list .list-group-item.active:focus {
color: #fff;
background-color: #A49262;
}
.category .sidebar .category-list .list-group-item.active .badge,
.category .sidebar .category-list .list-group-item.active:hover .badge,
.category .sidebar .category-list .list-group-item.active:focus .badge {
background-color: #fff;
color: #A49262;
}
.category .sidebar .category-list .badge {
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-border-radius: 3px;
-moz-background-clip: padding;
border-radius: 3px;
background-clip: padding-box;
color: #fff;
background-color: #d7d7d7;
width: 20px;
height: 20px;
line-height: 20px;
padding: 0;
font-size: 11px;
text-align: center;
}
.category .sidebar .price-filter .ui-slider {
background-color: #f0f0f0;
border: 1px solid #d7d7d7;
height: 12px;
position: relative;
margin-bottom: 20px;
-webkit-border-radius: 9999px;
-webkit-background-clip: padding-box;
-moz-border-radius: 9999px;
-moz-background-clip: padding;
border-radius: 9999px;
background-clip: padding-box;
-webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
.category .sidebar .price-filter .ui-slider .ui-slider-range {
height: 100%;
position: absolute;
top: 0;
z-index: 10;
background-color: #A49262;
-webkit-border-radius: 9999px;
-webkit-background-clip: padding-box;
-moz-border-radius: 9999px;
-moz-background-clip: padding;
border-radius: 9999px;
background-clip: padding-box;
-webkit-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: inset 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
.category .sidebar .price-filter .ui-slider .ui-slider-handle {
position: absolute;
width: 16px;
height: 16px;
margin-left: -8px;
margin-top: -2px;
background: url('../../img/ui-slider-handle.png') no-repeat;
z-index: 20;
}
.category .sidebar .price-filter .ui-slider .ui-slider-handle:focus {
outline: 0 none;
}
.category .sidebar .price-filter #slider {
margin-top: 20px;
}
.category .sidebar .price-filter #slider-label {
font-size: 12px;
color: #939694;
}
.category .sidebar .price-filter #slider-label strong {
color: #A49262;
}
.category .sidebar .best-selling .hgroup.title {
margin-bottom: 20px;
}
/*---
| PRODUCT LIST
---*/
#load_more [class^="fa-"] {
display: none;
}
#load_more .fa-spin {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
-ms-animation-duration: 1s;
animation-duration: 1s;
}
#load_more.loading {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
#load_more.loading [class^="fa-"] {
display: inline-block;
}
.product-list {
overflow: visible !important;
/*zoom: 1;*/
margin-left: -15px;
margin-right: -15px;
border: 1px solid transparent;
}
.product-list:before {
content: '';
display: block;
}
.product-list:after {
content: '';
display: table;
clear: both;
}
.product-list li {
list-style: none;
float: left;
/*margin-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
}
.product-list a {
position: relative;
display: block;
color: inherit;
text-decoration: none;
z-index: 20;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
.product-list a:hover {
-webkit-box-shadow: 0 2px 3px rgba(71, 73, 72, 0.5);
-moz-box-shadow: 0 2px 3px rgba(71, 73, 72, 0.5);
box-shadow: 0 2px 3px rgba(71, 73, 72, 0.5);
/*color: @arguments;*/
}
.product-list a:hover .image .secondary {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.product-list a:hover .title .rating {
color: #A49262;
}
.product-list a .image {
position: relative;
background: #ffffff url('../../img/preloader.gif') no-repeat center center;
}
.product-list a .image img {
display: block;
width: 100%;
}
.product-list a .image .secondary {
position: absolute;
top: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.product-list a .image .badge-sale {
position: absolute;
right: -10px;
top: 40px;
background-color: #A49262;
font-size: 12px;
line-height: 12px;
padding: 4px 8px;
text-transform: uppercase;
-webkit-border-radius: 2px 2px 0 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px 2px 0 2px;
-moz-background-clip: padding;
border-radius: 2px 2px 0 2px;
background-clip: padding-box;
}
.product-list a .image .badge-sale:after {
content: '';
display: block;
width: 0;
height: 0;
border: 10px solid;
border-color: #0e6252 transparent transparent transparent;
position: absolute;
right: 0;
bottom: -20px;
z-index: -10;
}
.product-list a .title {
padding: 20px;
position: relative;
background-color: #ffffff;
color: #474948;
}
.product-list a {
text-decoration: none !important;
}
.product-list a .title:before {
content: "";
display: block;
width: 16px;
height: 16px;
background-color: #ffffff;
position: absolute;
left: 20px;
top: -8px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.product-list a .title .prices {
position: absolute;
top: 100px;
}
.product-list a .title .prices .price {
color: #474948;
font-weight: 600;
font-size: 14px;
}
.product-list a .title .prices .base {
color: #c7c8c8;
font-weight: 400;
font-size: 11px;
}
.product-list a .title h3 {
margin: 0;
font-size: 14px;
line-height: 20px;
font-weight: 300;
}
.product-list a .title .rating {
margin-top: 10px;
font-size: 12px;
line-height: 15px;
color: #c7c8c8;
}
@media (min-width: 768px) {
.col-sm-9 .product-list li {
width: 50%;
}
.col-sm-9 .product-list li.featured {
width: 100%;
}
}
@media (min-width: 992px) {
.col-sm-9 .product-list li {
width: 33.3333%;
}
.col-sm-9 .product-list li.featured {
width: 66.6667%;
}
}
@media (min-width: 768px) {
.col-sm-12 .product-list li {
/*width: 16.6666%;*/
width: 25%;
}
.col-sm-12 .product-list li.featured {
width: 66.6%;
}
}
@media (min-width: 992px) {
.col-sm-12 .product-list li {
/*width: 16.6666%;*/
width: 25%;
}
.col-sm-12 .product-list li.featured {
width: 50%;
}
}
@media (max-width: 767px) {
.col-sm-12 .product-list li {
width: 50%;
}
}
/*---
| PRODUCT LIST SMALL
---*/
.product-list-small {
list-style: none;
margin: -20px;
}
.product-list-small li {
border-bottom: 1px solid #f0f0f0;
padding: 15px 20px;
/*zoom: 1;*/
}
.product-list-small li:before {
content: '';
display: block;
}
.product-list-small li:after {
content: '';
display: table;
clear: both;
}
.product-list-small .image {
display: block;
float: left;
margin-right: 20px;
width: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.product-list-small .image a {
display: block;
border: 4px solid #f0f0f0;
position: relative;
}
.product-list-small .image a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #474948;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.product-list-small .image a:hover {
border-color: #A49262;
}
.product-list-small .image a:hover:before {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.product-list-small .image img {
display: block;
}
.product-list-small .desc {
float: left;
}
.product-list-small .desc h6 {
font-size: 13px;
line-height: 16px;
font-weight: 700;
margin-bottom: 10px;
}
.product-list-small .desc h6 a {
color: #474948;
text-decoration: none;
}
.product-list-small .desc h6 a:hover {
color: #A49262;
}
.product-list-small .desc .price {
display: block;
font-size: 12px;
line-height: 18px;
color: #868988;
margin-bottom: 10px;
}
.product-list-small .desc .price .label {
margin-left: 5px;
}
.product-list-small .desc .rating {
font-size: 12px;
line-height: 15px;
color: #868988;
position: relative;
bottom: -10px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.product-list-small .desc .rating a {
color: #c7c8c8;
font-size: 10px;
text-decoration: none;
}
.product-list-small .desc .rating a:hover {
color: #A49262;
}
.product-list-small li:hover .desc .rating {
color: #A49262;
bottom: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
/*--
| RATINGS SMALL
---*/
.ratings-small {
list-style: none;
margin: -20px;
}
.ratings-small li {
border-bottom: 1px solid #f0f0f0;
padding: 15px 20px;
/*zoom: 1;*/
}
.ratings-small li:before {
content: '';
display: block;
}
.ratings-small li:after {
content: '';
display: table;
clear: both;
}
.ratings-small .image {
display: block;
float: left;
margin-right: 16px;
width: 48px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ratings-small .image img {
border: 4px solid #f0f0f0;
display: block;
}
.ratings-small .desc {
float: left;
}
.ratings-small .desc h6 {
font-size: 13px;
line-height: 16px;
font-weight: 700;
margin-bottom: 0;
}
.ratings-small .desc small {
display: block;
font-size: 12px;
line-height: 18px;
color: #868988;
margin-bottom: 10px;
}
.ratings-small .desc .rating {
font-size: 12px;
line-height: 15px;
color: #868988;
position: relative;
bottom: -10px;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ratings-small li:hover .desc .rating {
color: #A49262;
bottom: 0;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
/*---
| PRODUCT
---*/
.product-info {
margin-bottom: 80px;
}
.product-info .product-content .nav-tabs {
margin: -20px -20px 20px;
}
.product-info .product-content .tab-content {
overflow: visible;
}
.product-info .product-content #product .details,
.product-info .product-content #product .short-description,
.product-info .product-content #product .options,
.product-info .product-content #product .extras,
.product-info .product-content #product .add-to-cart {
padding: 20px 0;
}
.product-info .product-content #product .details {
padding-top: 0;
}
.product-info .product-content #product .add-to-cart {
padding-bottom: 0;
}
.product-info .product-content #product form > div {
border-bottom: 1px solid #f0f0f0;
}
.product-info .product-content #product form > div:last-child {
border-bottom: none;
}
.product-info .product-content #product .details h1 {
margin: 0 0 10px;
font-size: 24px;
line-height: 30px;
}
.product-info .product-content #product .details .prices {
line-height: 24px;
margin: 0 0 20px;
}
.product-info .product-content #product .details .prices .price {
color: #A49262;
font-weight: 600;
font-size: 20px;
}
.product-info .product-content #product .details .prices .base {
color: #c7c8c8;
font-size: 14px;
font-weight: 400;
}
.product-info .product-content #product .details .meta {
color: #606362;
font-size: 12px;
text-decoration: none;
/*zoom: 1;*/
}
.product-info .product-content #product .details .meta:before {
content: '';
display: block;
}
.product-info .product-content #product .details .meta:after {
content: '';
display: table;
clear: both;
}
.product-info .product-content #product .details .meta > div {
float: left;
margin-right: 20px;
}
.product-info .product-content #product .details .meta > div i {
margin-right: 2px;
}
.product-info .product-content #product .details .meta .categories a {
color: inherit;
text-decoration: none;
}
.product-info .product-content #product .details .meta .categories a:after {
content: ", ";
}
.product-info .product-content #product .details .meta .categories a:last-child:after {
content: "";
}
.product-info .product-content #product .details .meta .categories a:hover {
color: #A49262;
}
.product-info .product-content #product .short-description {
color: #939694;
font-size: 14px;
}
.product-info .product-content #product .short-description p {
margin-bottom: 0;
}
.product-info .product-content #product .extra {
float: left;
margin-right: 20px;
}
.product-info .product-content #description {
font-size: 13px;
}
.product-info .product-content #description > *:last-child {
margin-bottom: 0;
}
.product-info .product-content #description ul li,
.product-info .product-content #description ol li {
list-style-position: inside;
}
.product-info .product-images img {
max-width: 100%;
}
.product-info .product-images .box {
margin-bottom: 0;
}
.product-info .product-images .primary {
margin: -20px -20px 0;
}
.product-info .product-images .thumbs {
margin: 0 -20px;
padding: 20px;
position: relative;
}
.product-info .product-images .thumbs:before {
content: "";
display: block;
width: 16px;
height: 16px;
background-color: #ffffff;
position: absolute;
left: 20px;
top: -8px;
z-index: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.product-info .product-images .thumbs .thumbs-list {
margin-left: -3%;
margin-bottom: -3%;
/*zoom: 1;*/
}
.product-info .product-images .thumbs .thumbs-list:before {
content: '';
display: block;
}
.product-info .product-images .thumbs .thumbs-list:after {
content: '';
display: table;
clear: both;
}
.product-info .product-images .thumbs .thumbs-list li {
width: 17%;
float: left;
margin-left: 3%;
margin-bottom: 3%;
list-style: none;
}
.product-info .product-images .thumbs .thumbs-list li a {
display: block;
/*border: 4px solid #f0f0f0;*/
position: relative;
text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.product-info .product-images .thumbs .thumbs-list li a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #474948;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.product-info .product-images .thumbs .thumbs-list li a:hover {
border-color: #A49262;
}
.product-info .product-images .thumbs .thumbs-list li a:hover:before {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.product-info .product-images .thumbs .thumbs-list li a.active {
border-color: #A49262;
}
.product-info .product-images .thumbs .thumbs-list li img {
display: block;
}
.product-info .social {
margin: 0 -20px -20px;
padding: 20px;
border-top: 1px solid #f0f0f0;
/*background-color: #f9f9f9;*/
}
.product-info .social #sharrre {
text-align: left;
}
.product-info .social #sharrre > div {
display: inline-block;
}
.product-reviews {
padding: 80px 0;
background-color: #ffffff;
-webkit-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996), 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
-moz-box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996), 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
box-shadow: 0 -1px 2px rgba(71, 73, 72, 0.19999999999999996), 0 1px 2px rgba(71, 73, 72, 0.19999999999999996);
/*color: @arguments;*/
}
.product-reviews h5 {
text-align: center;
margin-bottom: 40px;
}
.product-reviews h5 .script {
display: inline-block;
margin: 0 5px;
color: #A49262;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
}
.fb-comments,
.fb-comments > span,
.fb-comments iframe[style] {
width: 100% !important;
}
.product-related {
padding-top: 80px;
}
.product-related h5 {
text-align: center;
margin-bottom: 40px;
}
.comment-item,
.rating-item {
border-top: 1px solid #f0f0f0;
margin-top: 20px;
padding-top: 20px;
}
.comment-item .gravatar,
.rating-item .gravatar {
float: left;
margin-right: 10px;
}
.comment-item h6,
.rating-item h6 {
font-size: 14px;
line-height: 18px;
font-weight: 700;
margin-bottom: 0;
}
.comment-item small,
.rating-item small {
font-size: 12px;
line-height: 18px;
color: #868988;
}
.comment-item h5,
.rating-item h5 {
font-size: 16px;
line-height: 18px;
font-weight: 700;
margin-bottom: 18px;
}
.comment-item p,
.rating-item p {
font-size: 12px;
line-height: 18px;
color: #666968;
margin-bottom: 0;
}
.comment-item .rating,
.rating-item .rating {
font-size: 12px;
color: #868988;
}
.comment-item:first-child,
.rating-item:first-child {
margin-top: 0;
border-top: none;
padding-top: 0;
}
#ratings .well {
color: #666968;
}
#ratings .well h6 {
font-size: 16px;
line-height: 16px;
font-weight: 700;
margin-bottom: 8px;
}
/*---
| HOME PAGE
---*/
.promos {
margin-bottom: 60px;
}
.promos .box {
color: #939694;
}
.promos .hgroup.title {
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 20px;
}
.promos p {
margin-bottom: 0;
font-size: 12px;
line-height: 18px;
}
.promos img {
float: right;
margin: 0 0 10px 10px;
}
.promos .low-price img {
margin-top: -25px;
}
/*---
| SLIDER
---*/
.flexslider {
margin: 0;
padding: 0;
/* Flexslider will change this to the correct height once it has finished loading */
height: 100px;
}
@media (min-width: 768px) {
.flexslider {
height: 200px;
}
}
@media (min-width: 992px) {
.flexslider {
height: 300px;
}
}
@media (min-width: 1200px) {
.flexslider {
height: 400px;
}
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides {
display: block;
}
* html .slides {
height: 1%;
}
.no-js .slides > li:first-child {
display: block;
}
.flexslider {
margin: -40px 0 80px;
position: relative;
z-index: 10;
border: none;
background-color: transparent;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.09999999999999998);
/*color: @arguments;*/
}
.flexslider .slides li {
list-style: none;
}
.flexslider .flex-direction-nav {
position: absolute;
top: 50%;
width: 100%;
margin: -50px 0 0;
/*zoom: 1;*/
}
.flexslider .flex-direction-nav:before {
content: '';
display: block;
}
.flexslider .flex-direction-nav:after {
content: '';
display: table;
clear: both;
}
.flexslider .flex-direction-nav a {
display: block;
width: 55px;
height: 102px;
text-align: left;
overflow: hidden;
text-indent: -9999px;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.flexslider .flex-direction-nav a.flex-prev {
background: url('../../img/larr.png') no-repeat center center;
}
.flexslider .flex-direction-nav a.flex-next {
background: url('../../img/rarr.png') no-repeat center center;
}
.flexslider .flex-direction-nav a:before {
content: '';
}
.flexslider .flex-direction-nav a:hover {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
.flexslider .flex-direction-nav a:focus,
.flexslider .flex-direction-nav a:active {
outline: 0 none;
}
.flexslider:hover .flex-direction-nav .flex-prev,
.flexslider .flex-direction-nav .flex-prev {
left: 20px;
}
.flexslider:hover .flex-direction-nav .flex-next,
.flexslider .flex-direction-nav .flex-next {
right: 20px;
}
.flexslider .flex-control-nav {
bottom: 15px;
z-index: 20;
}
@media (max-width: 479px) {
.flexslider .flex-control-nav {
display: none;
}
}
.flexslider .flex-control-nav li {
list-style: none;
display: inline-block;
margin: 0 5px;
}
.flexslider .flex-control-nav a {
text-decoration: none;
display: block;
width: 12px;
height: 12px;
background-color: transparent;
text-indent: -9999px;
border: 2px solid #ffffff;
cursor: pointer;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
/*color: @arguments;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 9999px;
-webkit-background-clip: padding-box;
-moz-border-radius: 9999px;
-moz-background-clip: padding;
border-radius: 9999px;
background-clip: padding-box;
-webkit-background-clip: border-box;
-moz-background-clip: border-box;
background-clip: border-box;
}
.flexslider .flex-control-nav a:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.flexslider .flex-control-nav a.flex-active {
background-color: #ffffff;
}
.flexslider .flex-progress {
bottom: 0;
position: absolute;
width: 100%;
z-index: 20;
background-color: rgba(71, 73, 72, 0.2);
}
.flexslider .flex-progress span {
display: block;
height: 5px;
background-color: #A49262;
width: 0%;
}
.caption {
position: absolute;
top: 50%;
bottom: auto;
width: 100%;
margin-top: -85px;
padding: 0;
background-color: transparent;
overflow: visible;
font-family: inherit !important;
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
@media (min-width: 768px) and (max-width: 979px) {
.caption {
margin-top: -75px;
}
}
@media (max-width: 767px) {
.caption {
display: none !important;
-webkit-opacity: 0 !important;
-moz-opacity: 0 !important;
opacity: 0 !important;
}
}
.caption h3 {
display: inline-block;
font-weight: 700;
padding: 10px 20px;
background-color: #A49262;
color: #ffffff;
margin-bottom: 0;
line-height: 54px;
}
@media (min-width: 768px) and (max-width: 979px) {
.caption h3 {
font-size: 24px;
line-height: 36px;
}
}
.caption p {
display: inline-block;
padding: 10px 20px;
background-color: rgba(71, 73, 72, 0.8);
color: #ffffff;
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 979px) {
.caption p {
font-size: 12px;
line-height: 18px;
}
}
.caption .btn {
display: inline-block !important;
border-bottom: none !important;
}
/*---
| STATIC PAGES
---*/
.static-page {
margin-bottom: 20px;
padding: 20px;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
-webkit-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
-moz-box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
box-shadow: 0 1px 2px rgba(71, 73, 72, 0.25);
/*color: @arguments;*/
background-color: #ffffff;
position: relative;
overflow: hidden;
padding: 0;
}
.static-page .box-header {
margin: 0 -20px;
padding: 0 20px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 20px;
background-color: #ffffff;
}
.static-page .box-header h3 {
font-size: 16px;
line-height: 24px;
color: #474948;
font-weight: 700;
margin: 0;
}
.static-page .box-header h5 {
font-size: 14px;
line-height: 21px;
color: #939694;
font-weight: 400;
margin: 0;
}
.static-page .box-image {
margin: -20px -20px 20px;
border-bottom: 1px solid #f0f0f0;
}
.static-page .box-image a,
.static-page .box-image img {
display: block;
}
.static-page .box-body,
.static-page .box-content {
margin-top: 20px;
}
.static-page .box-body > *:last-child,
.static-page .box-content > *:last-child {
margin-bottom: 0;
}
.static-page .box-body .price-list,
.static-page .box-content .price-list {
margin: -20px;
}
.static-page .box-body .price-list li,
.static-page .box-content .price-list li {
margin: 0;
}
.static-page .box-footer {
/*zoom: 1;*/
margin: 20px -20px -20px;
padding: 20px;
border-top: 1px solid #f0f0f0;
background-color: #f9f9f9;
}
.static-page .box-footer:before {
content: '';
display: block;
}
.static-page .box-footer:after {
content: '';
display: table;
clear: both;
}
@media (max-width: 767px) {
.static-page .box-footer .btn {
display: block;
width: 100%;
float: none;
}
.static-page .box-footer .btn + .btn {
margin-top: 20px;
}
}
.static-page .box-header + .box-footer {
border-top: none;
margin-top: 0;
}
.static-page .box-content.highlight {
margin: 0 -20px;
padding: 0 20px;
padding: 20px;
background-color: #f9f9f9;
margin-bottom: -20px;
}
.static-page .buttons {
/*zoom: 1;*/
margin: 20px -20px -20px;
padding: 20px;
border-top: 1px solid #f0f0f0;
background-color: #f9f9f9;
}
.static-page .buttons:before {
content: '';
display: block;
}
.static-page .buttons:after {
content: '';
display: table;
clear: both;
}
.static-page .hgroup.title + .buttons {
border-top: none;
margin-top: 0;
}
@media (min-width: 767px) {
.static-page > .row > .col-sm-3 {
padding-right: 0;
position: absolute;
top: 0;
bottom: 0;
background-color: #fbfbf9;
border-right: 1px solid #e3e3e3;
}
}
.static-page > .row > .col-sm-9 {
min-height: 600px;
}
.static-page .content {
padding: 30px 60px 30px 30px;
min-height: 260px;
}
@media (max-width: 767px) {
.static-page .content {
padding: 30px 60px;
}
}
.static-page .content .row,
.static-page .content .row {
margin-bottom: 20px;
}
.static-page .content ul ul,
.static-page .content ol ol,
.static-page .content ul ol,
.static-page .content ol ul {
padding-left: 40px;
}
/*---
| ABOUT US
---*/
.jumbotron {
border: 1px solid #e3e3e3;
background-color: #f0f0f0;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
/*---
| GRIDS
---*/
.show-grid [class*="col-sm-"] {
background-color: #f0f0f0;
text-align: center;
font-size: 12px;
line-height: 40px;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-border-radius: 2px;
-moz-background-clip: padding;
border-radius: 2px;
background-clip: padding-box;
}
/*---
| BUTTONS STYLES
---*/
@media (max-width: 767px) {
.button-styles pre {
margin-top: 20px;
}
}
/*---
| BLOG PAGES
---*/
.post-list {
margin-left: -30px;
/*zoom: 1;*/
margin-left: -15px;
margin-right: -15px;
border: 1px solid transparent;
}
.post-list:before {
content: '';
display: block;
}
.post-list:after {
content: '';
display: table;
clear: both;
}
.post-grid {
float: left;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
@media (min-width: 768px) {
.post-grid {
width: 50%;
}
}
.post-grid .box {
margin-bottom: 0;
}
.post-meta {
list-style: none;
font-size: 12px;
color: #a6a9a8;
margin: 10px 0 0;
/*zoom: 1;*/
}
.post-meta:before {
content: '';
display: block;
}
.post-meta:after {
content: '';
display: table;
clear: both;
}
.post-meta li {
float: left;
margin-right: 10px;
}
/*--- BLOG VIDEO ---*/
.flex-video {
position: relative;
padding-top: 25px;
padding-bottom: 67.5%;
height: 0;
margin-bottom: 16px;
overflow: hidden;
}
.flex-video.widescreen {
padding-bottom: 53.25%;
}
.flex-video.vimeo {
padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px),
only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and
(max-width: 767px) {
.flex-video {
padding-top: 0;
}
}
/*---
| CART PAGE
---*/
.cart-items .col_product .image {
float: left;
margin-right: 20px;
}
.cart-items .col_product .image a {
display: block;
border: 4px solid #f0f0f0;
position: relative;
}
.cart-items .col_product .image a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #474948;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0;
}
.cart-items .col_product .image a:hover,
.cart-items .col_product .image a:focus {
border-color: #A49262;
}
.cart-items .col_product .image a:hover:before,
.cart-items .col_product .image a:focus:before {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.cart-items .col_product h5 {
margin: 0 0 10px;
/*font-weight: 700;*/
font-size: 14px;
letter-spacing: 0;
}
.cart-items .col_product h5 a {
color: inherit;
}
.cart-items .col_product h5 a:hover,
.cart-items .col_product h5 a:focus {
color: #A49262;
}
.cart-items .col_product .options li,
.cart-items .col_product .extras li {
list-style: none;
font-size: 12px;
text-transform: uppercase;
color: #797d7b;
}
.cart-items .col_product .options li:before,
.cart-items .col_product .extras li:before {
content: "\f105";
color: #A49262;
font-family: "Font Awesome 6 Free";
margin-right: 5px;
font-weight:900;
}
.cart-items .col_remove a {
text-decoration: none;
}
.cart-items .col_qty input[type="text"] {
width: 32px;
text-align: right;
}
.cart-items .col_single .single-price,
.cart-items .col_total .single-price,
.cart-items .col_discount .single-price,
.cart-items .col_single .total-price,
.cart-items .col_total .total-price,
.cart-items .col_discount .total-price,
.cart-items .col_single .discount,
.cart-items .col_total .discount,
.cart-items .col_discount .discount {
font-size: 13px;
font-weight: 600;
}
@media (max-width: 980px) {
.styled-table.orders thead,
.cart-items thead {
display: none;
}
.styled-table.orders tbody,
.cart-items tbody {
width: 100%;
}
.styled-table.orders tbody tr,
.cart-items tbody tr {
overflow: hidden;
height: auto;
width: 100%;
border: 1px solid #e3e3e3;
}
.styled-table.orders tbody tr td,
.cart-items tbody tr td {
display: block;
text-align: left;
padding-left: calc(50% + 10px);
position: relative;
overflow: hidden;
height: auto;
border-bottom: 1px solid #f0f0f0;
}
.styled-table.orders tbody tr td:first-child,
.cart-items tbody tr td:first-child {
padding: 10px;
padding-left: calc(50% + 10px);
}
.styled-table.orders tbody tr td.text-right,
.cart-items tbody tr td.text-right {
text-align: left;
}
.styled-table.orders tbody tr td:before,
.cart-items tbody tr td:before {
content: attr(data-title);
display: block;
/*float: left;
width: 50%;*/
font-weight: bold;
position: absolute;
left: 0px;
top: 0px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
height: 100%;
background-color: #f9f9f9;
}
}
.cart .coupon form {
margin: 20px 0 0;
}
.cart .coupon .input-group {
margin-bottom: 0;
width: 100%;
}
.cart .coupon .input-group input[type="text"],
.cart .coupon .input-group button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cart .coupon .input-group input[type="text"] {
height: 30px;
}
.cart .coupon .input-group button {
width: 20%;
}
@media (max-width: 992px) {
.cart .cart-footer .pull-left,
.cart .cart-footer .pull-right {
float: none;
width: 100%;
}
.cart .cart-footer .btn {
display: block;
width: 100%;
margin-top: 20px;
}
.cart .cart-footer > .btn {
margin-top: 0;
}
}
/*---
| CHECKOUT PAGES
---*/
.checkout {
/* tabs on all checkout pages */
}
.checkout .nav-tabs {
margin: -20px -20px 20px;
}
.checkout .nav-tabs li {
width: 25%;
}

@media (max-width: 480px) {
.checkout .nav-tabs li {
width: 33.33%;
}
}
.checkout .nav-tabs li > div {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
/* price list on checkout pages */
.price-list {
margin-bottom: -20px;
}
.price-list li {
margin: 0 -20px;
padding: 0 20px;
border-bottom: 1px dotted #f0f0f0;
padding-top: 15px;
padding-bottom: 15px;
list-style: none;
font-size: 13px;
position: relative;
}
.price-list li strong, .price-list li span {
position: absolute;
right: 20px;
}
.price-list li em {
display: block;
margin-top: 10px;
}
.price-list li.important, .important{
font-size: 14px;
color: #A49262;
}
/* order history page */
.orders tbody,
.order tbody {
line-height: 28px;
font-size: 12px;
}
/*---
| STORE LOCATOR PAGE
---*/
#td-store-locator-map.active-stores,
#td-store-locator-results.active-stores {
height: 480px;
}
#td-store-locator-results.active-stores {
overflow: auto;
margin-bottom: 0;
}
#td-store-locator-results.active-stores li {
padding: 20px 20px 20px 0;
border-top: 1px solid #f0f0f0;
}
#td-store-locator-results.active-stores li:first-child {
border-top: none;
}
#td-store-locator-results.active-stores h3 {
font-size: 14px;
line-height: 18px;
font-weight: 700;
margin-bottom: 0;
}
#td-store-locator-results.active-stores small {
display: block;
font-size: 12px;
line-height: 18px;
margin-bottom: 20px;
color: #c7c8c8;
white-space: nowrap;
}
#td-store-locator-results.active-stores p {
font-size: 12px;
line-height: 18px;
margin-bottom: 0;
}
#td-store-locator-results.active-stores p img {
margin: 0 10px 10px 0;
float: left;
}
.store_locator .well {
margin-bottom: 40px;
}
.store_locator .well div [class^='col-'] {
padding-left: 10px;
padding-right: 10px;
}
.store_locator .well .btn {
padding-left: 0;
padding-right: 0;
}



@media (max-width: 992px) {
.store_locator .well .btn {
margin-top: 20px;
}
.search{
top: 68px !important;
}
}
@media (max-width: 768px) {
.store_locator .well select {
margin-top: 20px;
}
.search{
top: 68px !important;
}
}
@media (min-width: 1024px) and (max-width: 1200px) {
.store_locator .well .hide-text {
display: none;
}
.search{
top: 46px !important;
}
}
#td-store-locator-map *,
#td-store-locator-map *:after,
#td-store-locator-map *:before {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#td-store-locator-map img {
max-width: none;
height: auto;
}
/*---
| SEARCH RESULTS PAGE
---*/
.filter .form-group,
.filter input,
.filter select,
.filter textarea {
margin-bottom: 0;
}