/*
|--------------------------------------------------------------------------
| Global
|--------------------------------------------------------------------------
*/
body {
background-color: #0d0d0d;
}
main {
background: #121212;
/* padding: 145px 0 0 0;*/
}
.no-js .slick-slide:first-child {
display: block;
float: none;
position: relative;
height: 80vh;
}
.no-js .home-slide .dbl {
padding: 146px 0 0 0;
}
.no-js .home-slide--content {
max-width: 800px;
margin: 0 auto;
}
/*
|--------------------------------------------------------------------------
| Global > Typography
|--------------------------------------------------------------------------
*/
body, input, textarea {
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #fff;
}
body {
line-height: 1.3;
}
h1, h2, h3, h4, h5, h6, .h1-style {
margin: 0 0 10px 0;
color: #fff;
font-family: 'Oswald';
font-weight: 400;
}
h1, .h1-style {
font-size: 60px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
h2 {
font-size: 42px;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 46px;
}
h3 {
font-size: 42px;
letter-spacing: 0.05em;
}
h4 {
font-size: 36px;
letter-spacing: 0.05em;
}
h5 {
font-size: 30px;
letter-spacing: 0.05em;
}
h6 {
font-size: 21px;
color: #f2aa39;
}
ul, ol {
margin:0 0 15px 0;
}
p {
margin: 0 0 30px 0;
font-size: 15px;
line-height: 22px;
}
p a:hover {
color: #fbb03b;
}
ul, ol{
margin-left:20px;
}
li{
margin:0 0 2px 0;
}
.strikethrough {
text-decoration: line-through;
}
/*
|--------------------------------------------------------------------------
| Global > Links
|--------------------------------------------------------------------------
*/
a {
color: #fbb03b;
display: inline-block;
-webkit-transition: background .3s ease, border .3s ease, opacity .3s ease, color .3s ease;
transition: background .3s ease, border .3s ease, opacity .3s ease, color .3s ease;
text-decoration: none;
}
a:hover{
color: #fff;
}
.tac {
text-align: center;
}
.bold {
font-weight: 600;
}
/*
|--------------------------------------------------------------------------
| Global > Layout
|--------------------------------------------------------------------------
*/
.row{
margin: 0 0 15px 0;
}
.grid-cont-10 {
margin: 0 -10px 0 0;
}
/*
|--------------------------------------------------------------------------
| Global > Inputs
|--------------------------------------------------------------------------
*/
.input-grid {
margin: 0 -15px 0 0;
}
.input-grid .input {
padding: 0 15px 0 0;
}
.input {
position: relative;
clear: both;
margin: 0 0 10px 0;
}
.input-label {
position: absolute;
top: 6px;
left: 8px;
font-size: 12px;
color: #717171;
font-weight: 600;
font-family: 'Oswald';
pointer-events: none;
}
.input input[type="text"],
.input input[type="email"],
.input input[type="search"],
.input input[type="tel"],
.input input[type="number"],
.input input[type="password"],
.input textarea,
.input-text-dummy,
.input-file-dummy {
width: 100%;
padding: 25px 8px 8px 8px;
color: #121212;
resize: none;
font-family: 'Roboto';
font-size: 14px;
font-weight: 500;
}
.input textarea{
min-height: 120px;
}
.input-text-dummy {
padding: 0;
height: 48px;
background: #fff;
}
.input-file-dummy {
background-color: #fff;
}
.input input[type="text"]:focus,
.input input[type="email"]:focus,
.input input[type="search"]:focus,
.input input[type="tel"]:focus,
.input input[type="number"]:focus,
.input input[type="password"]:focus,
.input textarea:focus,
.input .braintree-hosted-fields-focused,
.input input[type="text"]:focus.validate-border,
.input input[type="email"]:focus.validate-border,
.input input[type="search"]:focus.validate-border,
.input input[type="tel"]:focus.validate-border,
.input input[type="password"]:focus.validate-border,
.input textarea:focus.validate-border{
border-color: #fbb03b!important;
}
.input input[type="text"]:focus ~ label,
.input input[type="email"]:focus ~ label,
.input input[type="search"]:focus ~ label,
.input input[type="tel"]:focus ~ label,
.input input[type="number"]:focus ~ label,
.input input[type="password"]:focus ~ label,
.input textarea:focus ~ label,
.input .braintree-hosted-fields-focused ~ label {
color: #fbb03b;
}
.input .button {
position: absolute;
top: 0;
right: 4px;
bottom: 0;
line-height: 26px;
border-radius: 0;
}
.label-inline .input-label {
position: absolute;
width: 60px;
top: 50%;
left: 0; transform: translateY(-50%);
text-align: center;
padding: 0 8px;
}
.input.label-inline input[type="text"],
.input.label-inline input[type="email"],
.input.label-inline input[type="search"],
.input.label-inline input[type="tel"],
.input.label-inline input[type="number"],
.input.label-inline input[type="password"],
.input.label-inline textarea{
padding: 10px 8px 8px 60px;
}
.input-qty{
max-width:120px;
}
.textarea {
position: relative;
}
.input textarea {
padding-top: 32px;
}
.input textarea ~ .input-label {
/* position: relative;*/
background-color: #fff;
left: 0; right: 0; top: 0;
padding: 9px 8px;
border-bottom: 0;
}
.input textarea.validate-border ~ .input-label {
border-color: #b62f3f;
-webkit-animation-name: shake;
animation-name: shake;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.input textarea.validate-border:focus {
border-color: #b62f3f!important;
}
.required-fields{
color: #b5121b;
}
.select2-basic--container {
/* border: 2px solid #e7e7e7!important;*/
}
.select2-container--open .select2-basic--container {
/* border: 2px solid #fbb03b!important;*/
}
.select2-basic--container.select2-selection--single .select2-selection__rendered {
padding: 22px 8px 6px 8px;
}
.select2-basic--dropdown {
/* border: 2px solid #fbb03b!important;*/
border-top: none!important;
}
.select2-dropdown--above {
border-bottom: none!important;
/* border-top: 2px solid #fbb03b!important;*/
}
.select2-container--open ~ label {
color: #fbb03b;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #2d2d2d transparent transparent transparent;
}
.label-inline .select2-basic--container.select2-selection--single .select2-selection__rendered {
padding: 10px 8px 8px 60px;
}
.label-inline .select2-basic--container{
height:36px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #fbb03b;
}
.select2-basic--container.select2-selection--single .select2-selection__rendered {
font-size: 14px;
color: #121212;
font-weight: 600;
}
.select2-results__option {
color: #121212;
}
/* No labels */
.input.label-none input[type="text"],
.input.label-none input[type="email"],
.input.label-none input[type="search"],
.input.label-none input[type="tel"],
.input.label-none input[type="number"],
.input.label-none input[type="password"],
.input.label-none textarea,
.label-none .select2-basic--container.select2-selection--single .select2-selection__rendered {
padding: 9px 8px 8px;
}
/*Input Placeholders*/
::-webkit-input-placeholder { /* WebKit browsers */
/* replace this with desired color */
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
/* replace this with desired color */
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
/* replace this with desired color */
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
/* replace this with desired color */
opacity: 1;
}
.input-w-tooltip {
position: relative;
}
.input-w-tooltip .input-tooltip--icon {
content: '';
position: absolute;
top: 5px; right: 10px;
height: 16px; width: 16px;
background: url('data:image/svg+xml,') center center / contain no-repeat;
cursor: pointer;
}
.input-tooltip--icon:hover + .input-tooltip,
.input-tooltip--icon:focus + .input-tooltip,
.input-tooltip:hover {
display: block;
}
.input-tooltip {
display: none;
position: absolute;
background-color: #222;
border-radius: 4px;
padding: 10px;
z-index: 10;
font-size: 13px;
width: 200px;
}
.input-tooltip:after {
content: '';
position: absolute;
transform: rotate(45deg);
height: 16px; width: 16px;
background-color: #222;
}
.input-tooltip.tooltip-right {
top: 50%;
left: 100%;
transform: translateY(-50%);
margin-left: 10px;
}
.input-tooltip.tooltip-right:after {
right: 100%;
top: 50%;
transform: rotate(45deg) translateY(-50%);
margin-right: -3px;
}
.input-tooltip.tooltip-left {
top: 50%;
right: 100%;
transform: translateY(-50%);
margin-right: 12px;
}
.input-tooltip.tooltip-left:after {
left: 100%;
top: 50%;
transform: rotate(45deg) translateY(-50%);
margin-left: -14px;
}
.input-tooltip.tooltip-top {
bottom: 100%;
left: 50%;
transform: translateX(-50%);
margin-bottom: 10px;
}
.input-tooltip.tooltip-top:after {
bottom: -12px;
left: 50%;
transform: rotate(45deg) translateX(-50%);
}
.input-tooltip.tooltip-bottom {
top: 100%;
left: 50%;
transform: translateX(-50%);
margin-top: 12px;
}
.input-tooltip.tooltip-bottom:after {
top: -2px;
left: 50%;
transform: rotate(45deg) translateX(-50%);
}
/*
|--------------------------------------------------------------------------
| Global > Checkboxes
|--------------------------------------------------------------------------
*/
.checkbox {
display: inline-block;
position: relative;
background-color: #0d0d0d;
width: 20px;
height: 20px;
margin-bottom:-4px;
cursor: pointer;
vertical-align: middle;
border: 1px solid #fbb03b;
}
.checkbox:after {
content: '';
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background: url(/images/style/peach/icon-tick-orange.png) center center / 16px 12px no-repeat;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: transform 150ms ease;
transition: transform 150ms ease;
}
.checked .checkbox:after {
-webkit-transform: scale(1);
transform: scale(1);
transition: transform 300ms ease;
}
.checkbox-label {
color: #fbb03b;
font-size: 13px;
cursor: pointer;
padding: 0 0 0 6px;
position: relative;
top: 2px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.checkbox-label .form-note{
display:initial;
}
.disabled .checkbox,
.disabled .checkbox-label {
opacity: 0.3;
}
/*
|--------------------------------------------------------------------------
| Global > Buttons
|--------------------------------------------------------------------------
*/
.button {
display: inline-block;
padding: 12px 30px;
font-size: 14px;
letter-spacing: 0.1em;
border-radius: 100px;
font-weight: 700;
font-family: 'Oswald';
line-height: 1;
color: #161616;
background-color: #fbb03b;
-webkit-transition: .3s all ease-out;
transition: .3s all ease-out;
cursor: pointer;
text-align:center;
}
.button:hover {
background-color: #be8225;
text-decoration: none;
color: #161616;
}
.button-secondary {
color: #FFF;
background-color: #666666;
}
.button-secondary:hover {
color: #FFF;
background-color: #555555;
}
.button-secondary a:hover {
color: #FFF;
}
/* Button size modifiers */
.button-small {
padding: 7px 15px 7px 15px;
font-size: 13px;
}
.button-med {
padding:9px 20px;
}
.button-large {
font-size: 18px;
padding: 11px 30px;
}
.button-block {
display: block;
/* need width: 100% to actually fill all the space */
width: 100%;
}
/* Disabled Button */
.button:disabled {
color: #565656;
background: #8C8C8C;
cursor: not-allowed;
}
.button-grey {
background-color: #717171;
color: #fff;
}
.button-grey:hover {
background-color: #555555;
color: #fff;
}
.button-darkgrey {
background-color: #3b3b3b;
color: #fff;
}
.button-darkgrey:hover {
background-color: #121212;
color: #fff;
}
.button-blue {
background-color: #238de6;
color: #fff;
}
.button-blue:hover, .button-blue a:hover {
background-color:#1d70b6;
color: #FFF;
}
.button-black {
background: #171717;
color: #fbb03b;
}
.button-black:hover {
background: #171717;
color: #FFF;
}
.button-border {
background-color: transparent;
border: 2px solid #FBB03B;
color: #FFF;
}
.button-border:hover {
background-color: #FBB03B;
}
.button.loading,
.button.loading:hover {
background-image: url(/images/style/peach/spinner.gif);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 80%;
color: rgba(0, 0, 0, 0);
transition: 0s;
}
.button-hidden {
width: 1px;height: 1px;
clip: rect(1px,1px,1px,1px);
position: absolute;
overflow: hidden;
top: 0;left: 0;
}
.button-hidden:focus {
height: auto;
width: auto;
overflow: hidden;
clip: auto;
}
.listing-share .button.button-brand {
color: #171717;
}
.bg-primary {
background-color: #0d0d0d;
}
.bg-dark {
background-color: #171717;
}
.bg-peach {
background-color: #171717;
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
}
/*
|--------------------------------------------------------------------------
| Global > Stock Statuses
|--------------------------------------------------------------------------
*/
.stock-status {
padding: 0 0 0 16px;
background-size: 12px 9.5px;
background-repeat: no-repeat;
background-position:left center;
}
.stock-status.center {
background-position:center left;
font-size: 10px;
}
.in-stock {
background-image: url(/images/style/peach/stock_in.png);
color: #37af56;
}
.out-of-stock {
background-image: url(/images/style/peach/stock_out.png);
color: #b32020;
}
.stock-pending {
background-image: url(/images/style/peach/stock_pending.png);
color: #fcab3e;
}
/*
|--------------------------------------------------------------------------
| Global > Jumbotron
|--------------------------------------------------------------------------
*/
.jumbotron {
position: relative;
color: #fff;
overflow: hidden;
background-color: #171717;
padding: 256px 0 0 0;
width: 100%;
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
text-align: center;
}
.jumbotron-900 {
margin: 0 auto;
width: 100%;
max-width: 900px;
}
.cover-gradient {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 320px;
background: -webkit-linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
background: linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=0 );
z-index: 1;
}
.cover-gradient--full {
height: auto;
bottom: 0;
background: #0d0d0d;
opacity: 0.8;
}
.jumbotron-blog {
background-image: none;
}
.jumbotron-blog-bg {
opacity: 0.2;
min-height: 100%;
width: 100%;
position: absolute;
top: 0;
background-image: url(/images/style/peach/wood-bg-blog.jpg);
}
.jumbotron-content {
z-index: 2;
position: relative;
padding: 70px 20px;
}
.jumbotron-small {
height: 184px;
}
.jumbotron-inner {
display: table;
height: 100%;
width: 100%;
vertical-align: middle;
}
.jumbotron-text {
color: #fbb03b;
font-weight: 400;
font-size: 24px;
}
.jumbotron-text p {
font-size: 24px;
}
.jumbotron-text.notransform {
font-weight: 500;
letter-spacing: 0.02em;
}
.jumbotron-app .jumbotron-text {
font-size: 32px;
line-height: 1.2;
}
.jumbotron-title {
font-weight: 600;
margin: 10px 0;
}
.jumbotron-about-subtitle p {
font-size: 36px;
line-height: 46px;
letter-spacing: 0;
text-transform: none;
}
.jumbotron-archive-subtitle {
font-size: 24px;
line-height: 1.3;
letter-spacing: 0;
text-transform: none;
width: 100%;
max-width: 1023px;
margin-left: auto;
margin-right: auto;
}
.jumbotron-subtitle {
text-align: left;
color: #00afed;
font-family: 'Oswald';
font-size: 21px;
}
.jumbotron-buttons .button {
margin: 0 10px 0 0;
}
.jumbotron-large {
text-align: left;
}
.jumbotron-large .jumbotron-content {
width: 600px;
min-height: 540px;
padding: 60px 60px 140px;
height: 70vh;
}
.jumbotron-large.jumbotron-app .jumbotron-content {
padding-bottom: 0;
min-height: 0;
}
.jumbotron-large .jumbotron-buttons {
position: absolute;
bottom: 60px; left: 60px;
}
.jumbotron-large .jumbotron-image {
position: absolute;
top: 0; right: 0; bottom: 0; left: 600px;
}
.jumbotron-large--right .jumbotron-image {
position: absolute;
top: 0; left: 0; bottom: 0; right: 600px;
}
.jumbotron-large--right .jumbotron-content {
float: right;
}
.jumbotron-trustpilot {
padding: 30px 0 0 0;
}
.jumbotron-nav {
padding: 6px 0 0 0;
}
.jumbotron-nav a {
font-size: 18px;
font-family: 'Oswald';
color: #fff;
margin: 0 20px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.jumbotron-nav a:hover {
color: #f2aa39;
}
.jumbotron-nav a:first-child {
margin-left: 0;
}
.jumbotron-nav a:last-child {
margin-right: 0;
}
.jumbotron-nav .sel {
color: #fbb03b
}
.jumbotron-blog .jumbotron-inner {
padding: 30px 0;
}
.jumbotron-event-blog .jumbotron-title {
text-align: left;
}
.jumbotron-event-blog .jumbotron-content {
float: left;
}
.jumbotron-ig {
width: 640px;
float: right;
padding: 52px 0 0 0;
}
.jumbotron-ig .if-item {
width: 33.3333333333%;
display: block;
}
.jumbotron-ig .instagram-feed {
padding: 0;
}
.jumbotron-ig .instagram-block {
width: 25%;
float: right;
}
.jumbotron-ig .instagram-block span {
font-size: 14px;
}
.jumbotron--search {
width: 100%;
max-width: 470px;
margin: 22px auto 0;
}
.jumbotron--search .input {
margin: 16px 0 0;
}
.jumbotron--search .input input[type="text"] {
padding: 12px 50px 12px 16px;
background-color: #0D0D0D;
color: #FFF;
border-radius: 50px;
border: 1px solid #FBB03B;
font-weight: 500;
letter-spacing: 0.02em;
outline: none !important;
}
.jumbotron--search .input input[type="text"]:focus,
.jumbotron--search .input input[type="text"]:focus-visible {
border-color: #b38338!important;
}
.jumbotron--search .input input[type="text"]::placeholder {
color: #FFF;
}
.jumbotron--search .input::after {
content: '';
position: absolute;
right: 16px; top: 50%;
transform: translateY(-50%);
width: 20px; height: 20px;
background: url('data:image/svg+xml,') center center / contain no-repeat;
pointer-events: none;
margin-top: -1px;
}
.jumbotron--search .input .spinner {
position: absolute;
top: 9px;
font-size: 3px;
right: 46px;
width: 24px;
height: 24px;
}
/*
|--------------------------------------------------------------------------
| Global > UI Elements
|--------------------------------------------------------------------------
*/
.spinner {
margin: 0 auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.spinner,
.spinner:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
/*
|--------------------------------------------------------------------------
| Global > Messages
|--------------------------------------------------------------------------
*/
.message {
position: relative;
padding: 15px;
margin: 0 0 10px;
color: #fff;
text-align: center;
font-size: 12px;
background: #fbb03b;
}
.message a{
color:#fff;
text-decoration:underline;
}
.message-error {
background: #b12525;
}
.message-success {
background: #37af56;
}
.message-warn {
background: #caa53a;
}
.message-info {
background-color: #3b75fb;
}
.message-close {
position: absolute;
top: 0; right: 0;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
color: #fff;
font-size: 10px;
cursor: pointer;
z-index: 1;
}
.message-float {
position: absolute;
top: 0; right: 0; left: 0;
}
/*
|--------------------------------------------------------------------------
| Global > Tooltip
|--------------------------------------------------------------------------
*/
.core-tooltip {
position: absolute;
padding: 8px;
background-color: #fbb03b;
color: #fff;
font-size: 12px;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: 400px;
border-radius: 3px;
}
.core-tooltip:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #fbb03b transparent transparent transparent;
left: 50%;
bottom: -5px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.core-tooltip__black {
background-color: rgba(0,0,0,0.8);
max-width: 220px;
font-size: 11px;
line-height: 11px;
padding: 8px 10px 10px;
}
.core-tooltip__black:after {
border-color: rgba(0,0,0,0.8) transparent transparent transparent;
}
/*
|--------------------------------------------------------------------------
| Global > Navtrail
|--------------------------------------------------------------------------
*/
.breadcrumb-trail {
color: #717171;
padding: 7px 20px 0px 0;
letter-spacing: 0.1em;
font-size: 13px;
text-transform: uppercase;
}
.breadcrumb-trail a,
.breadcrumb-trail span {
margin: 0 6px;
}
.breadcrumb-trail a:first-of-type {
margin: 0 6px 0 0;
}
.breadcrumb-trail a{
color: #717171;
}
.breadcrumb-trail a:hover {
color: #fff;
}
.breadcrumb-trail span{
color:#fff;
}
.mobile-breadcrumb-trail {
display: none;
}
/*
|--------------------------------------------------------------------------
| Global > Countdown Timer
|--------------------------------------------------------------------------
*/
.countdown-timer--doughnut {
position: relative;
width: 35px;
height: 35px;
float: left;
transition: transform 1s ease;
margin: 0 0 0 4px;
}
.countdown-timer--doughnut-inner {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 28.5px;
height: 28.5px;
border-radius: 40px;
text-align: center;
font-weight: 700;
color: #fbb03b;
background-color: #121212;
}
.countdown-timer--doughnut strong,
.countdown-timer--doughnut strong span {
font-size: 13px;
top: 0;
}
.countdown-timer--doughnut strong {
position: relative;
top: 2px;
display: block;
color: #fbb03b;
}
.countdown-timer--doughnut span {
display: block;
font-size: 10px;
position: relative;
top: -2px;
}
.countdown-timer--doughnut svg {
width: 60px;
height: 60px;
-webkit-transform: rotate(-89.9deg);
background: #dde2e5;
border-radius: 50%;
}
.countdown-timer--doughnut circle {
position: relative;
fill: #e9e9e9;
stroke: #e9e9e9;
stroke-width: 6px;
stroke-dasharray: 38 100;
transition: stroke-dasharray 1s ease;
}
/*
|--------------------------------------------------------------------------
| Template
|--------------------------------------------------------------------------
*/
.container {
max-width: 1340px;
padding: 0 20px;
margin: 0 auto;
}
.container--980 {
max-width: 1020px;
}
.vertical-padding {
padding-top: 60px;
padding-bottom: 60px;
}
.force-remove-anim,
.force-remove-anim * {
-webkit-transition: none!important;
transition: none!important;
}
/*
|--------------------------------------------------------------------------
| Template > Cookie Notification
|--------------------------------------------------------------------------
*/
.cookie_note_bkg {
background: url(/images/style/peach/cookie_olay.png);
position: fixed;
top: 0;
width: 100%;
left: 0;
height: 45px;
color: #FFF;
text-align: center;
line-height: 45px;
z-index: 10000
}
/*
|--------------------------------------------------------------------------
| Template > Header
|--------------------------------------------------------------------------
*/
header {
position: absolute;
left: 0; top: 0; right: 0;
letter-spacing: 0.1em;
font-size: 13px;
border-bottom: 1px solid rgba(255,255,255,.1);
z-index: 200;
transition: background 300ms ease;
}
.announcement-banner {
width: 100%;
text-align: center;
padding: 10px 20px;
background: #51ac5c;
font-size: 14px;
line-height: 16px;
color: #fff;
}
.announcement-banner--inner {
display: flex;
justify-content: center;
align-items: center;
}
.announcement-banner--text + .button {
margin-left: 10px;
}
#announcement-bar {
width: 100%;
text-align: center;
padding: 10px 20px;
background: #51ac5c;
font-size: 14px;
line-height: 16px;
color: #fff;
}
#announcement-bar.red-mod {
background-color: #b12525;
}
.header-upper--top {
background-color: #121212;
padding: 10px 20px;
height: 80px;
}
.header-upper--top .header-top--feefo-link {
height: 44px;
}
.header-upper--brands {
justify-content: space-around;
margin-right: 40px;
}
.header-upper--brands--inner:not(:last-child) {
margin-right: 30px;
}
.header-upper--brands a {
display: flex;
}
.header-brand--all {
font-size: 15px;
padding: 8px 15px 7px;
}
.header-upper--bottom--outer {
background-color: #fbb03b;
color: #121212;
font-weight: 500;
letter-spacing: 0.03em;
}
.header-upper--bottom {
padding: 9px 20px 7px;
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
.header-upper--nav a {
color: #121212;
font-weight: 600;
letter-spacing: 0.05em;
}
.header-upper--nav a:not(:last-child) {
margin-right: 30px;
}
.mobile-menu--btn-cont,
.mobile-cart--btn-cont {
display: none;
position: absolute;
top: 0; bottom: 0; left: 0;
height: 88px;
width: 88px;
}
.mobile-cart--btn-cont {
width: auto;
min-width: 90px;
padding: 0 15px;
}
.mobile-menu--btn {
width: 40px;
margin: 29px auto;
}
.mobile-menu--btn div {
margin: 0 0 7px;
-webkit-transition: transform 300ms ease;
transition: transform 300ms ease;
}
.mobile-menu--btn div span:first-child {
border-radius: 2px 0 0 2px;
}
.mobile-menu--btn div span:last-child {
border-radius: 0 2px 2px 0;
}
.mobile-menu--btn span {
float: left;
width: 50%;
background-color: #fff;
height: 6px;
display: block;
-webkit-transition: -webkit-transform 300ms ease, opacity 300ms ease, color 300ms ease;
transition: transform 300ms ease, opacity 300ms ease, color 300ms ease;
}
.mobile-menu--btn.open span {
background-color: #fbb03b;
}
.mobile-menu--btn.open div:nth-child(1) { -webkit-transform: translateY(8px); transform: translateY(8px); }
.mobile-menu--btn.open div:nth-child(1) span:first-child { -webkit-transform: translateX(5px) rotateZ(45deg); transform: translateX(5px) rotateZ(45deg); }
.mobile-menu--btn.open div:nth-child(1) span:last-child { -webkit-transform: translateX(-5px) rotateZ(-45deg); transform: translateX(-5px) rotateZ(-45deg); }
.mobile-menu--btn.open div:nth-child(2) span:first-child { -webkit-transform: translateX(-15px); transform: translateX(-15px); opacity: 0; }
.mobile-menu--btn.open div:nth-child(2) span:last-child { -webkit-transform: translateX(15px); transform: translateX(15px); opacity: 0; }
.mobile-menu--btn.open div:nth-child(3) { -webkit-transform: translateY(-8px); transform: translateY(-8px); }
.mobile-menu--btn.open div:nth-child(3) span:first-child { -webkit-transform: translateX(5px) rotateZ(-45deg); transform: translateX(5px) rotateZ(-45deg); }
.mobile-menu--btn.open div:nth-child(3) span:last-child { -webkit-transform: translateX(-5px) rotateZ(45deg); transform: translateX(-5px) rotateZ(45deg); }
.mobile-cart--btn-cont {
left: auto;
right: 0;
border-left: 2px solid #e7e7e7;
border-right: none;
line-height: 90px;
}
.mobile-cart--btn-cont a {
display: block;
font-size: 33px;
color: #fbb03b;
font-weight: 700;
}
/*
|--------------------------------------------------------------------------
| Template > Header > Top Bar
|--------------------------------------------------------------------------
*/
.header-top {
position: relative;
height: 64px;
background-color: #0d0d0d;
line-height: 34px;
text-align: center;
display: flex;
flex-direction: row;
align-items: center;
}
/*.header-top--trustpilot {
position: absolute;
left: -6px; top: 3px;
padding: 5px 0;
}*/
.header-top--trustpilot {
position: absolute;
left: 0;
top: 0;
padding: 10px;
height: 64px;
display: flex;
}
.header-top--feefo-link {
display: flex;
}
a.header-top--feefo-badge {
overflow: hidden;
display: flex;
border-radius: 4px;
margin-left: 10px;
height: 44px;
}
a.header-top--feefo-badge img {
width: 100%;
}
.header-top-nav {
margin: 0 auto;
display: inline-block;
}
.header-top-nav li {
display: inline-block;
padding: 0 7px;
}
.header-top-nav a {
color: #717171;
padding: 0 7px;
}
.header-top-nav a:hover {
color: #fbb03b;
}
.header-top-nav a.sel {
color: #fbb03b;
}
.header-top-contact {
position: absolute;
right: 7px;
top: 0;
color: #fbb03b;
height: 64px;
display: flex;
flex-direction: row;
align-items: center;
}
.header-top-contact a {
color: #fff;
margin-left: 5px;
}
/*
|--------------------------------------------------------------------------
| Template > Header > Main
|--------------------------------------------------------------------------
*/
.header-main {
position: relative;
height: 100px;
text-align: center;
z-index: 12;
}
.header-logo {
position: absolute;
top: 0; left: 0;
}
.header-logo a {
padding: 19px 15px 17px;
width: 160px;
display: flex;
transition: padding-left 300ms ease, padding-right 300ms ease;
}
.header-logo img {
display: block;
}
.header-logo svg {
height: 60px;
transition: height 300ms ease;
}
.header-logo:hover svg .st0,
.header-logo:hover svg .st1,
.header-logo:hover svg .st2,
.header-logo:hover svg .st3 {
transition: fill 300ms ease;
}
.header-logo:hover svg .st0 {
fill: white;
}
.header-logo:hover svg .st1,
.header-logo:hover svg .st2,
.header-logo:hover svg .st3 {
fill: #fbb03b;
}
.header-nav--outer {
border-top: 1px solid rgba(255, 255, 255, .1);
}
.header-nav {
position: relative;
width: 100%;
max-width: 1920px;
display: flex;
justify-content: space-between;
margin: 0 auto;
z-index: 11;
transition: padding 300ms ease;
}
.header-main--inner {
position: relative;
display: flex;
width: 100%;
height: 100%;
max-width: 1920px;
margin: 0 auto;
}
.header-nav li {
display: inline-block;
}
.header-nav > li {
position: relative;
}
.header-nav a,
.header-nav li > span {
font-size: 15px;
font-weight: 700;
font-family: 'Oswald';
letter-spacing: 0.05em;
color: #fff;
text-transform: uppercase;
cursor: pointer;
}
.header-nav a:hover,
.header-nav li > span:hover {
color:#fbb03b;
}
.header-nav > li > a, .header-nav > li > span {
text-align: center;
padding: 11px 15px;
display: block;
text-shadow: 2px 2px 3px rgb(0 0 0 / 45%);
}
.header-nav a.sel,
.header-nav li.sel > a,
.header-nav li > span.sel {
position: relative;
color: #fbb03b
}
.header-nav svg {
position: relative;
top: 2px;
}
.header-action {
position: absolute;
top: 0; right: 0;
}
.header-action li {
float: left;
}
.header-action a {
display: block;
height: 100px;
width: 82px;
padding: 29px 0;
transition: padding 300ms ease, width 300ms ease, height 300ms ease;
letter-spacing: 0.02em;
}
.header-action path {
transition: fill 300ms ease;
}
.header-action a:hover {
text-decoration: none;
}
.header-action a:hover span {
color: #fbb03b;
}
.header-action a:hover path {
fill: #fbb03b;
}
.header-action span {
display: block;
color: #fff;
font-weight: 700;
font-size: 12px;
padding: 5px 0 0 0;
font-family: 'Oswald';
transition: color 300ms ease;
}
.header-action span > span {
padding-top: 0;
}
.header-search {
position: absolute;
width: 42px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.header-search--submit {
float: right;
padding: 10px 18px;
}
.header-search--submit button,
.archive-search--submit button {
background-color: transparent;
display: flex;
}
.header-search--input-wrapper,
.archive-search--input-wrapper {
/* overflow: hidden; */
flex: 1;
}
.header-search--input-wrapper input,
.archive-search--input-wrapper input {
width: 100%;
line-height: 48px;
border-radius: 21px 0 0 21px;
background: none;
padding: 0 20px;
}
.header-search--input-wrapper input::-webkit-input-placeholder,
.archive-search--input-wrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff;
font-family: 'Oswald';
font-size: 15px;
}
.header-search--input-wrapper input::-moz-placeholder,
.archive-search--input-wrapper input::-moz-placeholder { /* Firefox 19+ */
color: #fff;
font-family: 'Oswald';
font-size: 15px;
}
.header-search--input-wrapper input:-ms-input-placeholder,
.archive-search--input-wrapper input:-ms-input-placeholder { /* IE 10+ */
color: #fff;
font-family: 'Oswald';
font-size: 15px;
}
.header-search--input-wrapper input:-moz-placeholder,
.archive-search--input-wrapper input:-moz-placeholder { /* Firefox 18- */
color: #fff;
font-family: 'Oswald';
font-size: 15px;
}
.header-search svg {
}
.header-search--input-cont,
.archive-search--input-cont {
border: 1px solid transparent;
border-radius: 40px;
}
.header-submit--search-cont .header-search--input-cont,
.header-submit--search-cont.force-open .header-search--input-cont,
.archive-search--container.force-open .archive-search--input-cont {
border: 1px solid #262626;
background-color: #0d0d0d;
/* transition: border 600ms ease, background 600ms ease;*/
}
.header-search--input-cont > form,
.archive-search--input-cont > form {
display: flex;
}
.header-search--submit,
.archive-search--submit {
order: 1;
}
.header-submit--search-cont .header-search--input-wrapper,
.header-submit--search-cont.force-open .header-search--input-wrapper,
.archive-search--container.force-open .archive-search--input-wrapper {
opacity: 1;
}
.header-submit--search-cont .search_dropdown,
.header-submit--search-cont.force-open .search_dropdown,
.archive-search--container.force-open .search_dropdown {
pointer-events: all;
}
.header-submit--search-cont .header-search--input-wrapper,
.header-submit--search-cont.force-open .header-search--input-wrapper,
.archive-search--container.force-open .archive-search--input-wrapper,
.header-submit--search-cont .search_dropdown,
.header-submit--search-cont.force-open .search_dropdown,
.archive-search--container.force-open .search_dropdown {
display: block;
}
.header-submit--search-cont .search_dropdown,
.archive-submit--search-cont .search_dropdown {
display: none;
}
.header-submit--search-cont .header-search,
.header-submit--search-cont.force-open .header-search,
.archive-search--container.force-open .archive-search {
width: calc(100% - 460px);
max-width: 1340px;
}
.archive-search--submit {
float: right;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px
}
.archive-search--container.force-open .archive-search--input-cont {
border-color: #717171;
}
ul.header-nav--subcats {
display: none;
margin: 0;
position: absolute;
top: 100%;
left: 50%;
min-width: 250px;
max-width: 250px;
transform: translateX(-50%);
background-color: #fbb03b;
padding: 12px 10px;
}
li:hover > ul.header-nav--subcats {
display: flex;
flex-direction: column;
}
ul.header-nav--subcats a {
color: #0D0D0D;
font-size: 14px;
padding: 4px 6px;
width: 100%;
}
ul.header-nav--subcats a:hover {
color: #0D0D0D;
opacity: 0.6;
}
ul.header-nav--subcats ul {
display: flex;
flex-direction: column;
margin: 0 0 8px;
}
ul.header-nav--subcats ul a {
font-family: 'Roboto', sans-serif;
font-weight: 400;
text-transform: none;
letter-spacing: 0.02em;
padding: 3px 6px;
}
/*
|--------------------------------------------------------------------------
| Template > Header > Fixed
|--------------------------------------------------------------------------
*/
.header-fixed {
position: fixed;
top: -64px;
background-color: #0d0d0d;
}
.header-fixed .header-main {
height: 60px;
transition: height 300ms ease;
}
.header-fixed .header-nav {
padding: 19px 0;
}
.header-fixed .header-action a {
height: 59px;
width: 124px;
padding: 12px 0;
}
.header-fixed .header-action span {
padding: 0;
}
.header-fixed .header-logo a {
padding: 8px 20px;
}
.header-fixed .header-logo svg {
height: 41px;
transition: height 300ms ease;
}
.header-fixed .header-nav a.sel:after {
bottom: -23px;
}
/*
|--------------------------------------------------------------------------
| Template > Header > Dropdown
|--------------------------------------------------------------------------
*/
.header-fixed .header-dropdowns {
top: 60px;
}
.header-dropdowns {
position: absolute;
left: 0; right: 0; top: 100%;
background: url(/images/style/peach/wood-bg-4.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
z-index: 10;
transition: top 300ms ease;
}
.header-dropdown {
display: none;
padding: 40px;
}
.header-dropdown.sel {
display: block;
}
.header-dropdown > .container {
max-width: 1280px;
}
.header-dropdown--images {
float: right;
width: 780px;
}
.header-dropdown--categories {
overflow: hidden;
}
.header-dropdown--column {
float: left;
text-align: left;
}
.header-dropdown--categories li {
padding: 2px 0 6px;
}
.header-dropdown--categories div {
padding: 0 0 7px;
}
.header-dropdown--categories a {
font-size: 18px;
color: #fff;
font-family: 'Oswald';
letter-spacing: 0;
}
.header-dropdown--categories .subcat {
font-size: 13px;
color: #717171;
font-family: 'Oswald';
padding: 4px 10px;
}
.header-dropdown--categories a:hover, .header-dropdown--categories .subcat:hover {
color: #fbb03b;
}
.header-dropdown--images .grid {
margin: 0 -8px 0 0;
}
.header-dropdown--image {
float: left;
width: 33.3333333333333333%;
padding: 0 8px 0 0;
}
.header-dropdown--image a {
display: block;
}
.header-dropdown--image-inner {
height: 0;
padding: 0 0 100% 0;
}
/*
|--------------------------------------------------------------------------
| Template > Header > Search Dropdown
|--------------------------------------------------------------------------
*/
.changed_search,
.original_search{
padding-left: 50px;
}
.changed_search a,
.original_search a{
text-transform: none;
}
.changed_search{
margin: 35px 0 0 0;
}
.original_search{
margin-bottom: -35px;
}
.search_dropdown:before {
content: '';
position: absolute;
top: -40px; right: -40px; bottom: -40px; left: -40px;
background-color: red;
}
.search_dropdown .shop--navtrail{
display: none;
}
.search_dropdown .sidebar-content:before {
display: none;
}
.search_dropdown {
position: absolute;
top: 100%;
/* left: 0; */
right: 0;
width: 100%;
padding: 0;
margin: 10px 0 0 0;
z-index: -1;
background: #0d0d0d;
pointer-events: none;
box-shadow: 0px 13px 22px 0px rgba(0, 0, 0, 0.3);
}
.search_item_cont,
.search_cat_cont {
opacity: 0;
animation: fadeIn 1000ms ease forwards;
}
.search_item_cont:nth-child(2),
.search_cat_cont:nth-child(2) {
animation: fadeIn 1000ms 100ms ease forwards;
}
.search_item_cont:nth-child(3),
.search_cat_cont:nth-child(3) {
animation: fadeIn 1000ms 200ms ease forwards;
}
.search_item_cont:nth-child(4),
.search_cat_cont:nth-child(4) {
animation: fadeIn 1000ms 300ms ease forwards;
}
.search_item_cont:nth-child(5),
.search_cat_cont:nth-child(5) {
animation: fadeIn 1000ms 400ms ease forwards;
}
.search_item_cont:nth-child(6),
.search_cat_cont:nth-child(6) {
animation: fadeIn 1000ms 500ms ease forwards;
}
.search_item_cont:nth-child(7),
.search_cat_cont:nth-child(7) {
animation: fadeIn 1000ms 600ms ease forwards;
}
.search_item_cont:nth-child(8),
.search_cat_cont:nth-child(8) {
animation: fadeIn 1000ms 700ms ease forwards;
}
.search_item_cont:nth-child(9),
.search_cat_cont:nth-child(9) {
animation: fadeIn 1000ms 800ms ease forwards;
}
.search_item_cont:nth-child(10),
.search_cat_cont:nth-child(10) {
animation: fadeIn 1000ms 900ms ease forwards;
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
.search_dropdown:before {
content: '';
position: absolute;
left: 0; right: 0;
height: 20px;
top: -13px;
background-color: transparent;
}
.search_dropdown .container{
width: auto;
}
.search_dropdown .button {
padding: 6px 15px 6px 15px;
font-size: 12px;
color: #161616;
font-weight: 700;
margin: 8px 0 0 0;
text-transform: uppercase;
}
.search_dropdown .button:hover {
background-color: #171717;
color: #fff;
}
.header-search--input-wrapper .spinner {
position: absolute;
top: 10px;
right: 9px;
width: 25px;
height: 25px;
border-top: 4px solid rgba(255, 255, 255, 0.2);
border-right: 4px solid rgba(255, 255, 255, 0.2);
border-bottom: 4px solid rgba(255, 255, 255, 0.2);
border-left: 4px solid #ffffff;
background: #0d0d0d;
}
.search_dropdown .sidebar-content {
padding: 0;
}
.focus ~ .search_dropdown, .focus .search_dropdown{
opacity: 1;
transition-delay: 0s;
z-index: 999;
}
.header-main--search{
position: relative;
}
a.search_item_title, a.search_cat_title, a.search_suggestion_title{
text-transform: none;
width: 78%;
display: inline-block;
overflow: hidden;
}
.search_cat_title strong {
font-weight: 400;
}
.search_prod_title,
.search_section_title {
color: #717171;
font-weight: 400;
text-transform: uppercase;
}
a.search_item_title .inner_title{
width: 500px;
}
a.search_cat_title{
max-width: 100%;
}
a.search_cat_title .full_cat{
color: #a0a0a0;
}
.search_section_left, .search_section_right{
text-align: left;
width: 50%;
height: 100%;
}
.search_section_left .search_section, .search_section_right .search_section{
padding: 15px 15px 20px;
}
.search_section_right{
float: right;
}
.search_section_left .search_section{
border-right: 1px solid #262626;
height: 100%;
}
.search_section_right .search_section:nth-child(2){
border-top: 1px solid #262626;
}
.search_dropdown, .search_dropdown a{
color: #fff;
font-weight: 400;
}
a.search_item_title, .search_cat_title, .search_suggestion_title{
white-space: nowrap;
position: relative;
}
a.search_item_title, a.search_suggestion_title{
/* padding-left: 7px;*/
}
.search_section_title.search_suggestion_title{
padding: 0;
margin: 0;
margin-top: -3px;
margin-bottom: 8px;
}
a.search_cat_title, a.search_suggestion_title{
width: 95%;
}
a.search_item_title span{
color: #a0a0a0;
}
.search_dropdown .search_price{
float: right;
color: #fbb03b;
position: relative;
font-weight: 700;
}
.search_dropdown .light{
color: #a0a0a0;
}
.search_section_left.no_result .search_section{
border-right: none;
}
.search_item_cont, .search_cat_cont, .search_suggestion_cont, .search_section_title{
margin-top: 5px;
}
.search_section_title{
padding-bottom: 4px;
}
.header-main--search .spinner{
position: absolute;
right: 45px;
height: 18px;
width: 18px;
top: 14px;
border: none;
margin: 0;
}
.mobile-search--input .spinner{
right: 75px;
height: 32px;
width: 32px;
top: 20px;
}
.mobile-search .search_dropdown, .search-inputs .spinner{
display: none;
}
.original_search.no_prod{
margin-bottom: 30px;
}
.changed_search, .original_search{
padding-left: 50px;
}
.changed_search{
margin-top: 15px;
}
a.dropdown_show_all{
color: #fff;
display: inline-block;
background: #3479b1;
box-shadow: 0 1px 1px #175e8e,0 2px 1px #175e8e;
height: 24px;
line-height: 24px;
margin-top: 13px;
padding: 0 15px;
}
.search_item_cont, .search_cat_cont{
position: relative;
}
.search_section_left .last::after, .search_section_right .last::after{
content: "";
height: 100%;
width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0d0d0d+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(13,13,13,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(13,13,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(13,13,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d0d0d',GradientType=1 ); /* IE6-9 */
display: block;
position: absolute;
bottom: 0;
}
a.search_item_title::before, .search_cat_title::before, .search_suggestion_title::before{
content: "";
height: 100%;
width: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0d0d0d+100&0+0,1+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(13,13,13,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(13,13,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(13,13,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0d0d0d',GradientType=1 ); /* IE6-9 */
display: block;
position: absolute;
right: 0;
}
/*
|--------------------------------------------------------------------------
| Template > Header > Listing Header
|--------------------------------------------------------------------------
*/
.header-listing__cont {
position: absolute;
top: 100%;
left: 0; right: 0;
overflow: hidden;
pointer-events: none;
}
.header-listing {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background-color: #171717;
border-bottom: 1px solid #0d0d0d;
transform: translateY(-100%);
transition: transform 300ms 150ms;
}
.header-fixed .header-listing {
transform: translateY(0%);
}
.header-fixed .header-listing {
pointer-events: all;
}
.header-listing__title {
font-size: 18px;
color: #ffffff;
font-family: 'Oswald';
letter-spacing: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 0 20px 0 0;
}
.header-listing__stock {
border: 1px solid #0d0d0d;
padding: 8px 14px;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1;
}
.header-listing .listing-buy,
.header-listing .button-finance {
padding: 6px 20px;
font-size: 16px;
margin: 0 0 0 10px;
}
.header-listing .button-finance {
font-size: 14px;
line-height: 18px;
}
.listing-finance-monthly-price {
font-size: 14px;
color: #13a8ea;
}
.listing-finance-monthly-price span {
color: #ffffff;
}
.header-listing .listing-price {
font-size: 18px;
padding: 0 8px 0 0;
}
.header-listing > .flex {
align-items: flex-end;
flex-shrink: 0;
}
.hitachi-widget {
letter-spacing: normal;
margin: 0 14px 0 0;
font-family: 'Oswald';
}
/*
|--------------------------------------------------------------------------
| Template > Footer
|--------------------------------------------------------------------------
*/
.footer-main {
padding: 60px 0;
font-family: 'Oswald';
border-bottom: 1px solid #262626;
}
.footer-nav--mbl-button {
display: none;
}
.footer--title {
padding: 0 0 15px;
font-size: 18px;
}
.footer-navs {
float: left;
width: 50%;
}
.footer-navs nav {
float: left;
width: 40%;
}
.footer-navs li {
padding: 0 0 10px;
}
.footer-navs li:last-child {
padding: 0;
}
.footer-navs a {
font-size: 15px;
color: #717171;
}
.footer-navs a:hover {
color: #fbb03b;
}
.footer-right {
width: 50%;
float: right;
}
.footer-newsletter {
position: relative;
color: #fff;
}
.footer-newsletter--title {
display: block;
font-size: 16px;
}
.footer-newsletter--content {
display: block;
color: #666666;
font-size: 13px;
padding: 0 0 15px;
font-family: 'Roboto';
}
.footer-newsletter--input {
width: 100%;
border-radius: 2px;
padding: 7px 14px;
}
.footer-feedback {
background-color: #171717;
padding: 60px 0;
text-align: center;
}
.footer-feedback h3 {
font-size: 30px;
letter-spacing: 0.025em;
color: #fbb03b;
font-weight: 400;
}
/*
|--------------------------------------------------------------------------
| Template > Footer > Bottom
|--------------------------------------------------------------------------
*/
.footer-btm {
padding: 30px 0;
}
.footer-btm--links {
float: left;
line-height: 12px;
}
.footer-btm--links > * {
margin: 4px 0;
}
.footer-payment {
float: right;
}
.footer-payment img {
width: 400px;
/* height: 25px; */
}
.footer-btm a,
.footer-btm span {
color: #717171;
font-size: 11px!important;
}
.footer-btm a:hover {
color: #fbb03b;
}
.footer-newsletter .input-grid {
overflow: hidden;
margin: 0;
}
.footer-newsletter-submit {
float: right;
}
.footer-newsletter-submit .button {
display: block;
border-radius: 0;
font-size: 15px;
line-height: 15px;
padding: 17px 24px 18px;
}
.footer-newsletter .input-grid .input {
margin: 0;
padding: 0;
}
.footer-newsletter .input-grid .input input {
border-right: 1px solid #262626
}
.footer-socials {
border: 1px solid #262626;
border-right: none;
margin: 10px 0 0 0;
}
.mobile-show {
display: none;
}
.footer-social {
position: relative;
width: 25%;
height: 58px;
float: left;
border-right: 1px solid #262626;
text-align: center;
line-height: 14px;
vertical-align: middle;
padding: 17px;
}
.footer-social:hover {
color: #fbb03b;
background-color: #262626;
text-decoration: none;
}
.footer-social svg {
vertical-align: middle;
margin: 0 10px 0 0;
height: 20px;
fill: #fbb03b
}
.footer-social span {
font-size: 15px;
vertical-align: middle;
}
.footer-social span:hover {
color: #fbb03b;
}
/*
|--------------------------------------------------------------------------
| Template > Mobile Menu
|--------------------------------------------------------------------------
*/
@-webkit-keyframes mobileMenuOpen {
from {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
to {
-webkit-transform: translateX(390px);
transform: translateX(390px);
}
}
@keyframes mobileMenuOpen {
from {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
to {
-webkit-transform: translateX(390px);
transform: translateX(390px);
}
}
@-webkit-keyframes mobileMenuClose {
from {
-webkit-transform: translateX(390px);
transform: translateX(390px);
}
to {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
@keyframes mobileMenuClose {
from {
-webkit-transform: translateX(390px);
transform: translateX(390px);
}
to {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
}
.page-slide-container {
overflow: hidden;
}
.page-slide {
position: relative;
/* transform: translate(0, 0);
-webkit-transform: translate(0, 0); */
}
.mobile-menu {
position: absolute;
top: 0; left: -390px; bottom: 0;
display: none;
width: 390px;
background:#0d0d0d;
background-size: 515.5px 511.5px;
z-index: 999;
}
.moible-menu .mobile-search--input input {
line-height: 90px;
}
.mobileMenuItemFade {
-webkit-animation: mobileMenuItemFade 1s ease forwards; /* Safari 4+ */
-moz-animation: mobileMenuItemFade 1s ease forwards; /* Fx 5+ */
-o-animation: mobileMenuItemFade 1s ease forwards; /* Opera 12+ */
animation: mobileMenuItemFade 1s ease forwards; /* IE 10+, Fx 29+ */
}
.mobile-search {
}
.mobile-search--input {
overflow: hidden;
}
.mobile-store {
padding: 20px 0 0 20px;
display: none;
}
.mobile-nav .mobile-store--link {
display: block;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
color: #c0bfbf;
padding: 6px 0;
margin: 0 0 8px;
}
.mobile-store--link:last-child {
color: #fbb03b;
}
.mobile-store--link:nth-last-child(2) {
color: #fbb03b;
}
.mobile-store--cont > a {
display: block;
background: url(/images/style/peach/icon-mobile-dropdown-down.png) no-repeat right 8px;
}
.mobile-store--cont.open > a {
display: block;
background: url(/images/style/peach/icon-mobile-dropdown.png) no-repeat right 8px;
}
.mobile-store--cont.open .mobile-store {
display: block;
}
.search-subtitle {
font-family: 'Oswald';
font-size: 32px;
}
.mobile-search {
border-bottom: 1px solid rgba(255,255,255,.1);
}
.mobile-search--input input {
width: 100%;
color: #c0bfbf;
font-size: 18px;
background: none;
line-height: 88px;
padding: 0 10px 0 28px;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.mobile-search--submit {
width: 90px;
height: 90px;
float: right;
background: url(/images/style/peach/icon-zoom.png) no-repeat center center;
background-size: 30px 30px;
border-right: 1px solid rgba(255,255,255,.1);
}
.mobile-nav,
.mobile-action {
padding: 18px 30px;
}
.mobile-nav {
padding-top: 0;
}
.static-mobile-nav {
padding-top: 28px;
padding-bottom: 0;
border-bottom: 0;
}
.mobile-nav a {
color: #fff;
font-size: 24px;
font-family: 'Oswald';
text-transform: uppercase;
letter-spacing: 0.05em;
}
.mobile-nav li {
padding: 4px 0;
}
.mobile-sub-nav {
margin: 20px 0 10px 0;
}
.mobile-sub-nav a {
font-size: 18px;
color: #717171;
letter-spacing: 0.1em;
}
.mobile-account {
border-top: 1px solid #262626;
border-bottom: 1px solid #262626;
}
.mobile-account a {
display: block;
font-family: 'Oswald';
color: #fff;
padding: 24px 30px;
vertical-align: middle;
font-size: 18px;
}
.mobile-account svg {
position: relative;
top: -1px;
vertical-align: middle;
margin: 0 15px 0 0;
}
.mobile-advice {
padding: 24px 30px;
font-size: 15px;
color: #fbb03b;
letter-spacing: 0.1em;
}
.mobile-advice a {
font-size: 18px;
color: #fff;
}
.show-on-mobile {
display: none;
}
#page_numbers {
text-align: center;
}
.page_numbers_inner {
padding: 32px;
}
.lazy-load {
clear: both;
padding: 10px;
}
.youtube-cont,
.highend-youtube--cont {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
min-width: 533px;
}
.youtube-cont iframe,
.highend-youtube--cont iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page_number_sel,
.previous_page,
.page_number,
.next_page {
display: inline-block;
}
#page_numbers a {
padding: 12px 15px;
background-color: #0d0d0d;
font-size: 13px;
font-weight: 500;
box-shadow: 0 0 4px rgba(0,0,0,0.2);
color: #FFF;
}
#page_numbers a:hover {
color: #fbb03b;
}
#page_numbers .page_number_sel a {
background-color: #fbb03b;
color: #0d0d0d;
}
.onpage-search {
margin: 0 0 15px;
position: relative;
}
.sidebar .onpage-search {
margin: 0;
border-bottom: 1px solid #222;
}
.onpage-search .mobile-search--submit {
height: 88px;
width: 70px;
border-right: none;
background-color: transparent;
}
.onpage-search input {
font-size: 16px;
}
.onpage-search .mobile-search--input {
line-height: 35px;
width: auto;
}
#mbl-filters {
display: none;
}
#mbl-filters-sub{
display:block;
}
/*
|--------------------------------------------------------------------------
| Template > Overlay
|--------------------------------------------------------------------------
*/
#olay {
display: none;
}
#olay_back {
background: #000;
position: fixed;
top: 0; bottom: 0; left: 0; right: 0;
z-index: 10000;
filter: alpha(opacity=70);
opacity: .7;
width: 100%;
}
#olay_box_container {
width: 90%;
max-width: 720px;
position: fixed;
top: 10%; left: 50%;
z-index: 10010;
}
#olay_box {
background: #fff;
width: 100%;
padding: 30px;
margin: 0 0 0 -50%;
border-radius:10px;
-webkit-box-shadow: 0px 0px 12px #333;
box-shadow: 0px 0px 12px #333;
}
#olay_close,
#search_results_close {
background:url(/images/style/peach/olay_close.jpg) no-repeat;
width:26px;
height:25px;
float: right;
cursor: pointer;
}
/*
|--------------------------------------------------------------------------
| Home > Slider
|--------------------------------------------------------------------------
*/
.home-slider {
position: relative;
}
.home-slide {
min-height: 800px;
}
.home-slide:after {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
z-index: 9;
height: 320px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.85+0,0+100 */
background: -webkit-linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
background: linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.home-slider .home-slide {
position: relative;
height: 90vh;
border: none;
}
.home-slide:before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0.85+0,0+100 */
background: -webkit-linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
background: linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.home-slide--image-cont {
position: relative;
}
.home-slide .dbl {
height: 100%;
padding: 100px 0 0 0;
}
.home-slide--content {
position: relative;
display: table-cell;
vertical-align: middle;
text-align: left;
right: 0;
color: #fff;
padding: 200px 140px;
font-weight: 700;
z-index: 10;
line-height: 1.1;
font-family: 'Oswald';
}
.home-slide--content-inner {
max-width: 50%;
}
.home-slide--subtitle {
font-size: 40px;
line-height: 40px;
letter-spacing: 0.05em;
}
.home-slide--title {
font-size: 90px;
line-height: 90px;
letter-spacing: 0.05em;
margin-top: 5px;
}
.home-slide .button {
margin: 40px 0 0 0;
}
.home-slide--right .home-slide--content-inner {
float: right;
}
.home-slide--right:before {
top: 0; bottom: 0; left: 20%; right: 0;
z-index: 10;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.5+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */
}
.home-slide--left:before {
top: 0; bottom: 0; left: 0%; right: 20%;
z-index: 10;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
.home-slide--center .home-slide--content-inner {
margin: 0 auto;
text-align: center;
}
.home-slide--center:before {
top: 0; bottom: 0; left: 0%; right: 0%;
z-index: 10;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100 */
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.header-action .basket-cost {
display: inline-block;
padding: 0;
}
.home-slider .slick-dots {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
margin-top: 60px;
}
.home-slider li {
list-style-type: none;
padding: 6px 0;
}
.home-slider button {
width: 6px;
height: 80px;
background-color: #1d1d1d;
overflow: hidden;
text-indent: -9999px;
}
.home-slider .slick-active button {
background-color: #fbb03b;
}
/*
|--------------------------------------------------------------------------
| Home Updates
|--------------------------------------------------------------------------
*/
.home-main {
display: flex;
}
.home-main-clear-header{
padding: 295px 0 0 0;
}
.home-main-clear-header .flex {
width:100%;
margin: 0 -20px -20px 0;
display: flex;
flex-wrap: wrap;
}
.home-banner-v2{
width:33%;
}
.home-main__left,
.home-main__right {
padding: 208px 0 0 0;
}
.home-main__left {
position: relative;
z-index: 1;
width: 900px;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
}
.home-main__left:before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; height: 320px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
z-index: 2;
}
.home-main__left:after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0; height: 320px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);
z-index: 2;
}
.home-main__right {
width: calc(100% - 900px);
}
.home-main__content {
position: relative;
z-index: 4;
padding: 44px 30px;
text-align: center;
}
.home-main__subtitle {
font-size: 24px;
font-weight: 700;
font-family: 'Oswald';
text-transform: uppercase;
}
.home-main__title {
font-size: 48px;
font-weight: 700;
font-family: 'Oswald';
text-transform: uppercase;
}
.home-main__buttons {
margin: 14px 0 0 0;
}
.home-main__right {
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
padding: 239px 30px 30px 30px;
}
.home-main__banners {
max-width: 943px;
margin: 0 auto;
position: relative;
}
.home-main__right-inner {
margin: 0 -20px -20px 0;
display: flex;
flex-wrap: wrap;
}
.home-main__right-inner[data-type="1"] {
display: none;
}
.home-main__right-inner[data-type="2"] {
display: none;
}
.home-main__right-inner[data-type="3"] {
display: none;
}
.aspect-ratio {
position: absolute;
height: auto;
top: 34px;
bottom: 0;
width: 175%;
left: 50%;
transform: translate(-50%);
z-index: 1;
pointer-events: none;
}
.aspect-ratio > * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.youtube-block {
display: flex;
margin: 0 0 40px;
}
.youtube-block .button {
letter-spacing: 0.025em;
}
.youtube-block__left {
flex: 1;
background-color: rgba(0,0,0,0.2);
}
.youtube-block__left,
.youtube-block__right {
/* flex: 1; */
}
.youtube-block__right {
width: 520px;
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.youtube-block__right-inner {
padding: 53px 50px;
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.youtube-block__title {
display: flex;
align-items: center;
font-size: 30px;
font-family: 'Oswald';
}
.youtube-block__title span {
color: #fbb03b;
}
.youtube-block__title svg {
flex-shrink: 0;
margin: 0 16px 0 0;
}
.youtube-grid-items {
display: flex;
flex-wrap: wrap;
border: 1px solid #040404;
border-left: none;
border-bottom: none;
margin: 30px 0 0 0;
}
.youtube-block__content {
margin: 20px 0 0 0;
}
.youtube-grid-item {
width: 50%;
padding: 10px;
border-bottom: 1px solid #040404;
text-align: center;
font-size: 16px;
font-family: 'Oswald';
letter-spacing: 0.025em;
}
.youtube-grid-item {
border-left: 1px solid #040404;
}
.banner-arrow-container {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
position: absolute;
top: calc(50% - 11px);
width: 100%;
transform: translateY(-50%);
}
.banner-arrow {
border: 1px solid #2a2a2a;
background-color: #171717;
width: 40px;height: 40px;
position: relative;
cursor: pointer;
}
.banner-arrow svg {
position: absolute;
top: 50%;left: 50%;
transform: translate(-50%, -50%);
width: 20px;height: 24px;
}
.banner-arrow[data-direction="next"] svg {
transform: rotate(180deg) translate(-50%, -50%);
transform-origin: 0 0;
}
.home-banner {
padding: 0 20px 20px 0;
width: 50%;
}
.banner-slider .container.slick-slide {
max-width: none;
margin: 0;
padding: 0 50px;
}
.banner-slider .slick-arrow {
position: absolute;
top: 60%;
transform: translateY(-50%);
border: 1px solid #2a2a2a;
background-color: #171717;
width: 40px;height: 40px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.banner-slider .slick-arrow svg {
transform: scale(.8);
}
.banner-slider .slick-prev {
z-index: 2;
left: 0;
}
.banner-slider .slick-next {
z-index: 2;
right: 0;
}
.banner-slider .home-main-banner--top,
.banner-slider .home-main-banner--bottom {
max-width: 1350px;
margin: 0 auto;
}
.home-banner[data-banner-type="2"] {
display: none;
}
.home-banner img,
.home-banner a {
display: block;
width: 100%;
}
.home-banner__inner {
background-color: rgba(0,0,0,0.2);
height: 308px;
}
.home-usps {
display: flex;
border: 1px solid #040404;
max-width: 943px;
margin: 0 auto;
margin-top: 20px;
}
.home-usps--mobile {
display: none;
}
.home-usp {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-right: 1px solid #040404;
}
.home-usp:last-child {
border-right: none;
}
.home-usp__icon {
width: 29px;
height: 17px;
margin: 0 8px 0 0;
}
.home-usp__text {
font-size: 15px;
font-weight: 700;
font-family: 'Oswald';
color: #fbb03b;
}
.home-main--banner-update {
background: url(/images/style/peach/wood-bg-2.jpg);
padding-bottom: 40px;
}
.home-main-banner--top,
.home-main-banner--bottom {
display: flex;
flex-wrap: wrap;
margin: 0 -10px 0 0;
}
.home-main-banner--top > .home-banner-v2 {
width: 33.33333%;
padding: 0 10px 10px 0;
}
.home-main-banner--bottom > .home-banner-v2 {
width: 25%;
padding: 0 10px 0 0;
}
.home-banner-v2 img,
.home-banner-v2 a {
display: block;
width: 100%;
}
/*
|--------------------------------------------------------------------------
| Home > Category Tabs
|--------------------------------------------------------------------------
*/
.home-cats {
/* margin-top: 55px; */
}
.home-cats:hover .home-cat {
opacity: .5;
}
.home-cat {
width: 25%;
float: left;
transition: opacity 1000ms ease;
}
.home-cats .home-cat:hover {
opacity: 1;
transition: opacity 200ms ease;
}
.home-cat--inner {
display: block;
height: 0;
padding: 0 0 100% 0;
position: relative;
}
.home-cat--inner:before,
.home-cat--inner:after {
content: '';
position: absolute;
left: 0; right: 0;
height: 40%;
z-index: 1;
}
.home-cat--inner:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#121212+0,000000+100&0.8+0,0+100 */
background: -moz-linear-gradient(top, rgba(18,18,18,0.8) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(18,18,18,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(18,18,18,0.8) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc121212', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
top: 0;
}
.home-cat--inner:after {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,121212+100&0+0,0.8+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(18,18,18,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(18,18,18,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(18,18,18,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc121212',GradientType=0 ); /* IE6-9 */
bottom: 0;
height: 30%;
}
.home-cat--title {
position: absolute;
top: 20px; left: 20px; right: 20px;
text-align: center;
font-size: 24px;
line-height: 24px;
font-family: 'Oswald';
text-transform: uppercase;
color: #fff;
z-index: 2;
letter-spacing: 0.05em;
}
.home-cat--count {
position: absolute;
bottom: 20px; left: 20px; right: 20px;
color: #fbb03b;
font-size: 12px;
font-family: 'Oswald';
text-align: center;
z-index: 2;
letter-spacing: 0.05em;
}
/*
|--------------------------------------------------------------------------
| Home > Featured
|--------------------------------------------------------------------------
*/
.featured-cont {
position: relative;
background-color: #121212;
padding: 80px 0 40px;
}
.featured {
position: relative;
}
.featured-right {
width: calc(50% - 10px);
float: right;
}
.featured-content {
background-color: #171717;
padding: 33px;
}
.featured-title a {
font-size: 24px;
color: #fff;
font-family: 'Oswald';
padding: 0 0 10px;
}
.featured-title a:hover {
color: #fbb03b
}
.featured-price {
color: #fbb03b;
font-size: 21px;
letter-spacing: 0.025em;
font-family: 'Oswald';
}
.featured .dblc {
width: 50%;
}
.featured .dblc:last-child {
text-align: right;
}
.featured-details .stock-status {
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1;
}
.featured-main-img {
position: absolute;
left: 0; top: 0; bottom: 0;
width: calc(50% - 10px);
}
.featured-secondary-img {
display: block;
margin: 0 0 20px;
}
.featured-cont .slick-arrow {
position: absolute;
left: 0; top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
border: 1px solid #2a2a2a;
background-color: #121212;
z-index: 100;
transition: background 300ms ease;
}
.featured-cont .slick-arrow svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.featured-cont .slick-arrow:hover {
background-color: #2a2a2a;
}
.featured-cont .slick-next {
left: auto; right: -1px;
}
.featured-cont .slick-prev {
left: -1px;
}
.featured-mobile-btns {
padding: 10px 0 0;
}
.featured-mobile-btns .slick-arrow {
width: calc(50% - 5px);
position: relative;
top: auto;
transform: none;
}
.featured-mobile-btns .slick-next {
float: right;
}
.featured-review {
padding: 12px;
margin: 12px 0 0 0;
border: 1px solid #0d0d0d;
}
.featured-review--content {
font-size: 13px;
}
.featured-review--content p {
font-size: 13px;
line-height: 18px;
}
.featured-review--image {
float: left;
padding: 0 12px 4px 0;
}
.featured-review--image ~ .featured-review--content {
padding: 8px 0 0 0;
}
/*
|--------------------------------------------------------------------------
| Home > Tabs
|--------------------------------------------------------------------------
*/
.home-tabs--buttons {
text-align: center;
background-color: #121212;
}
.home-tabs--button {
position: relative;
display: inline-block;
font-size: 30px;
padding: 40px 10px;
color: #fff;
font-family: 'Oswald';
margin: 0 10px;
cursor: pointer;
-webkit-transition: background .3s ease, border .3s ease, opacity .3s ease, color .3s ease;
transition: background .3s ease, border .3s ease, opacity .3s ease, color .3s ease;
}
.home-tabs--button:hover {
color: #717171;
}
.home-tabs--button.sel:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
left: 0;
height: 3px;
background-color: #fbb03b;
}
.home-tabs--button.sel {
color: #fbb03b
}
.home-tabs--wrapper {
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: contain;
background-repeat: repeat-y;
background-position: top center;
}
.home-tab {
display: none;
padding: 60px 0;
}
.home-tab:first-child {
display: block;
}
.home-tab .product-grid--item:nth-child(1),
.home-tab .product-grid--item:nth-child(2),
.home-tab .product-grid--item:nth-child(3),
.home-tab .product-grid--item:nth-child(4) {
width: 25%;
}
.home-tab .product-grid--item:nth-child(5),
.home-tab .product-grid--item:nth-child(6),
.home-tab .product-grid--item:nth-child(7),
.home-tab .product-grid--item:nth-child(8),
.home-tab .product-grid--item:nth-child(9),
.home-tab .product-grid--item:nth-child(10) {
width: 16.66666666666667%;
}
.home-tab--action {
text-align: center;
padding: 16px 0 0 0;
}
/*
|--------------------------------------------------------------------------
| Home > Blog
|--------------------------------------------------------------------------
*/
.home-blog {
padding: 80px 0;
}
.home-blog--top {
padding: 0 0 20px;
}
.home-blog--title ~ .button {
float: right;
margin: 10px 0 0 0;
}
.home-blog--title {
font-size: 30px;
color: #fff;
font-family: 'Oswald';
float: left;
}
.home-event .button-grey {
background-color: rgba(0,0,0,0.4);
}
.home-event .button-grey:hover {
background-color: rgba(0,0,0,0.6);
}
.home-event {
padding: 76px 0 70px;
}
.instagram-feed {
padding: 0 0 80px;
display: flex;
}
.instagram-block {
display: block;
text-align: center;
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
color: #fff;
width: 16.66666666666667%;
float: left;
}
.instafeed {
display: flex;
flex-wrap: wrap;
flex: 1;
}
.instagram-block--inner {
position: relative;
display: block;
height: 0;
padding: 0 0 100% 0
}
.instagram-block--content {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
letter-spacing: 0.1em;
font-family: 'Oswald';
}
.instagram-block img {
width: 60px;
}
.instagram-block span {
font-size: 18px;
color: #fbb03b;
display: block;
padding: 5px 0 8px 0;
text-transform: uppercase;
}
.instagram-block strong {
font-size: 15px;
color: #fff
}
.if-item {
width: 20%;
}
.if-item--inner {
height: 0;
padding: 0 0 100%;
position: relative
}
.if-item--image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
}
/*
|--------------------------------------------------------------------------
| Home > Stores
|--------------------------------------------------------------------------
*/
.home-stores {
display: block;
width: 100%;
max-width: 2100px;
margin: 0 auto;
}
.home-store {
position: relative;
height: auto;
}
.home-store--right {
float: right;
width: 588px;
}
.home-store--content {
position: relative;
background-color: #171717;
padding: 70px 110px;
text-align: center;
}
.home-store--title {
font-size: 30px;
text-transform: uppercase;
font-family: 'Oswald';
padding: 0 0 10px;
}
.home-store--text {
padding: 0 0 20px;
}
.home-store--main-img {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: calc(100% - 608px);
}
.home-store--secondary-img {
margin: 20px 0 0;
}
.home-stores--arrows {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.home-stores--arrow {
position: absolute;
left: 0; top: 50%;
transform: translateY(-50%);
width: 60px;
height: 60px;
border: 1px solid #2a2a2a;
background-color: #171717;
z-index: 100;
transition: background 300ms ease;
}
.home-stores--arrow svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home-stores--arrow.slick-next {
right: 0; left: auto;
border-right: none;
}
.home-stores--arrow.slick-prev {
border-left: none;
}
/*
|--------------------------------------------------------------------------
| Home > Bottom
|--------------------------------------------------------------------------
*/
.home-bottom {
padding: 100px 0;
background-color: #121212;
}
.home-welcome {
float: left;
width: 46.15384615384615%;
}
.home-welcome h2 {
font-size: 30px;
text-transform: none;
}
.home-map {
width: 46.15384615384615%;
float: right;
position: relative;
height: 400px;
}
.home-map .button {
position: absolute;
top: 10px; right: 10px;
z-index: 10
}
.home-map #map {
z-index: 9;
}
.home-welcome .cms-content,
.home-welcome .cms-content p {
font-size: 15px;
line-height: 1.4;
}
/*
|--------------------------------------------------------------------------
| About
|--------------------------------------------------------------------------
*/
.blocks {
padding: 50px 0 0 0;
}
.block {
position: relative;
padding: 0 0 20px;
}
.block-inner {
position: relative;
}
.block-content {
width: 50%;
padding: 0 10px 0 0;
font-size: 18px;
}
.block-content--inner {
background-color: #171717;
padding: 55px 50px;
}
.block-image {
width: calc(50% - 10px);
position: absolute;
top: 0; right: 0; bottom: 0;
margin: 0 0 0 10px;
}
.block:nth-child(even) .block-image {
left: 0; right: auto;
margin: 0 10px 0 0;
}
.block:nth-child(even) .block-content {
float: right;
padding: 0 0 0 10px;
}
.members {
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
}
.members h2 {
margin: 0 0 50px;
}
.members .container {
max-width: 1040px;
}
.member {
background-color: #0d0d0d;
padding: 40px 30px;
margin: 0 0 20px;
}
.member-image {
width: 130.5px;
float: left;
}
.member-image-side {
padding-top: 5px;
}
.member-content {
overflow: hidden;
padding: 0 0 0 30px;
}
.member-name-small,
.member-name {
font-family: 'Oswald';
font-size: 30px;
color: #fbb03b;
letter-spacing: 0.05em;
}
.member-name-small {
font-size: 18px;
color: #fff;
padding-top: 3px;
}
.member-text {
font-size: 15px;
padding: 10px 0 0 0;
}
.member-details-cont {
display: none;
}
.member-details {
table-layout: auto;
padding: 20px 0 0;
}
.member-details .dblc {
padding: 16px 18px;
font-size: 13px;
background-color: #171717;
border-bottom: 2px solid #0d0d0d;
}
.member-details .dblc-a {
letter-spacing: 0.1em;
}
.member-details .dblc:first-child {
color: #fbb03b;
width: 1px;
white-space: nowrap;
}
.member-more-info {
color: #717171;
font-family: 'Oswald';
font-size: 15px;
font-weight: 700;
margin: 20px 0 0 0;
letter-spacing: 0.05em;
cursor: pointer;
vertical-align: middle;
}
.member-more-info svg {
margin: 0 0 0 5px;
position: relative;
vertical-align: middle;
top: -2px;
}
.member-content .opened {
display: none;
}
.member-content.open span {
display: none;
}
.member-content.open .opened {
display: inline-block;
}
.member-content.open .member-more-info svg {
transform: rotate(-180deg);
}
/*
|--------------------------------------------------------------------------
| Reviews
|--------------------------------------------------------------------------
*/
.review {
float: left;
width: 33.33333333333333333333333333%;
padding: 10px;
}
.review-inner {
background-color: #171717;
color: #fff;
}
.review-content {
padding: 30px;
}
.review-text {
font-size: 15px;
}
.review-author {
padding: 14px 0 0 0;
text-transform: uppercase;
color: #9e9e9e;
font-size: 14px;
}
.reviews-trustpilot {
background: #fbb03b;
width: 240px;
margin: 20px auto 0;
border-radius: 17px;
padding: 8px 0;
}
.reviews-feefo{
margin-top:20px;
}
/*
|--------------------------------------------------------------------------
| Blog > News
|--------------------------------------------------------------------------
*/
.news {
max-width: 1040px!important;
padding-top: 256px;
}
.news p {
font-size: 16px;
line-height: 26px;
}
.news iframe {
width: 100%;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news-comments {
background-color: #171717;
padding: 80px 0;
}
.news-comments > .container {
max-width: 1040px;
}
.news-author {
margin: 60px 0 0 0;
}
.news-author .member {
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
padding: 30px 25px;
}
.news-author--subtitle {
font-size: 14px;
letter-spacing: 0.1em;
color: #717171;
line-height: 1;
}
.news-author .member-text,
.news-author .member-text p {
font-size: 13px;
}
.author-action {
padding: 20px 0 0 0;
}
.cms_image_left,
.cms_image_right {
margin: 0 0 30px;
}
.news-backdrop {
position: absolute;
top: 34px; left: 0; right: 0;
z-index: 1;
opacity: .2;
height: 473px;
}
.news-backdrop ~ .container {
position: relative;
z-index: 2;
}
.news-backdrop img {
width: 100%;
display: block;
}
.news-main {
padding: 60px 0 0 0;
}
.news-left {
width: 180px;
float: left;
padding-top: 5px;
}
.news-right {
overflow: hidden;
padding: 0 0 0 90px;
}
.article--content h6 {
font-size: 24px;
margin-bottom: 30px;
}
.blog-return {
position: absolute;
width: 60px;
height: 60px;
border: 1px solid #2c2a2a;
left: -1px;
top: 220px;
transition: background-color 300ms ease;
transform: translateY(60px);
z-index: 3;
}
#account_del_7 {
font-weight: 700;
}
.blog-return:hover {
background-color: #2c2a2a;
}
.blog-return svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.news-cat a {
font-size: 18px;
line-height: 24px;
letter-spacing: 0.05em;
font-family: 'Oswald';
padding: 0 0 10px;
text-transform: uppercase;
}
.news-cat a:hover {
color: #fbb03b;
}
.news-published-on {
font-size: 14px;
letter-spacing: 0.1em;
color: #717171;
text-transform: uppercase;
padding: 0 0 20px;
}
.news-cont {
background-color: #121212;
}
.news-title {
font-size: 42px;
line-height: 48px;
margin: 0 0 50px;
font-weight: 400;
text-transform: none;
letter-spacing: 0.025em;
}
.news-cat-date-desk {
padding-bottom: 50px;
}
.news-cat-date-mob {
display: none;
padding-bottom: 20px;
}
.news-cat-date-mob .news-published-on {
padding-bottom: 0;
}
.news-cat-date-mob .news-published-on + .news-author--subtitle {
padding-top: 20px;
}
.blog-listings .product-grid--item {
width: 100%!important;
padding: 0 0 20px 10px;
}
.cms_image_right {
width: 48%;
}
.cms_image_left {
width: 48%;
}
.news-related {
padding: 70px 0;
}
.news-related--title {
font-family: 'Oswald';
color: #fbb03b;
text-align: center;
padding: 0 0 20px;
}
/*
|--------------------------------------------------------------------------
| Appointment Overlay
|--------------------------------------------------------------------------
*/
.jumbotron-large.jumbotron-appointment .jumbotron-content {
padding: 60px 60px 230px;
}
.jumbotron-large.jumbotron-appointment .jumbotron-buttons {
bottom: 160px;
}
#show-appointment-overlay {
position: absolute;
bottom: 40px;
left: 60px;
background: #0d0d0d;
cursor: pointer;
padding: 15px 23px;
width: 480px;
line-height: 1.4;
-webkit-transition: .3s all ease-out;
transition: .3s all ease-out;
}
#show-appointment-overlay:hover {
background: #111 !important;
}
#show-appointment-overlay--title {
margin-bottom: 6px;
font-size: 21px;
color: #ffffff;
font-weight: 500;
font-family: 'Oswald';
text-transform: uppercase;
}
#show-appointment-overlay--text {
font-size: 12px;
color: #fbb03b;
font-weight: 500;
text-transform: uppercase;
}
#show-appointment-overlay--text svg {
margin-left: 6px;
}
#show-appointment-overlay-listing {
display: flex;
margin: -10px 0 20px;
padding: 0;
background-color: #0d0d0d;
cursor: pointer;
-webkit-transition: .3s all ease-out;
transition: .3s all ease-out;
}
#show-appointment-overlay--text-container-listing {
padding: 16px 40px;
width: 71.665%;
}
#show-appointment-overlay-listing:hover {
background: #111 !important;
}
#show-appointment-overlay--title-listing {
margin-bottom: 6px;
font-size: 21px;
color: #ffffff;
font-weight: 500;
font-family: 'Oswald';
text-transform: uppercase;
}
#show-appointment-overlay--text-listing {
font-size: 12px;
color: #fbb03b;
font-weight: 500;
text-transform: uppercase;
}
#show-appointment-overlay--text-listing svg {
margin-left: 6px;
}
#show-appointment-overlay--image-listing {
width: 28.335%;
background-size: cover !important;
}
#overlay-appointment {
background-color: unset; z-index: 999;
}
#overlay-appointment .overlay--backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(13, 13, 13, 0.95);
}
#overlay-appointment .overlay--inner {
transform: translate(-50%, -50%);
max-width: 660px;
padding: 10px 20px;
background: none;
max-height: calc(100vh - 40px);
overflow-y: auto;
padding-top: 40px !important;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
#overlay-appointment .overlay--inner::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
#overlay-appointment .overlay--close {
right: 30px;
top: 0;
}
#overlay-appointment .overlay--header {
display: flex;
margin-bottom: 10px;
background-color: #171717;
}
#overlay-appointment .overlay--header--text {
width: 62.903%;
padding: 40px 30px;
}
#overlay-appointment .overlay--title {
font-size: 21px;
font-family: 'Oswald';
font-weight: 500;
color: #fbb03b;
text-align: left;
margin-bottom: 20px;
}
#overlay-appointment .overlay--header--description {
font-size: 13px;
}
#overlay-appointment .overlay--header--image {
width: 37.097%;
background-size: cover;
}
#overlay-appointment .input-grid {
margin: 0;
padding: 30px 15px 30px 30px;
background-color: #171717;
}
#overlay-appointment #appointment-error-container {
padding-right: 15px;
}
#overlay-appointment .overlay--form {
padding-top: 0;
}
#overlay-appointment .input-label {
z-index: 10;
}
#overlay-appointment .appointment-form-heading {
padding-top: 15px;
}
#overlay-appointment .appointment-products {
padding-top: 8px;
}
#overlay-appointment .overlay--submit-group {
display: flex;
width: 100%;
align-items: center;
justify-content: normal;
}
#overlay-appointment .required-field-label {
font-size: 11px;
color: #717171;
}
#overlay-appointment #appointment-submit {
margin: 0 15px 0 auto;
}
/*
|--------------------------------------------------------------------------
| CMS Category
|--------------------------------------------------------------------------
*/
.cms-cat {
padding: 234px 0 90px;
}
.cms-cat:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 320px;
background: -webkit-linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
background: linear-gradient(rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.84) 1%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9000000', endColorstr='#00000000',GradientType=0 );
z-index: 1;
}
.cms-cat > .container {
position: relative;
z-index: 2;
}
.cms-cat-cont {
width: 520px;
}
.cms-cat-inner {
padding: 42px 42px;
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
}
.cms-cat h1 {
font-size: 42px;
font-weight: 700;
}
.cms-cat-btm {
margin: 20px 0 0 0;
padding: 28px 42px;
background-color: #121212;
color: #fbb03b;
font-size: 13px;
letter-spacing: 0.1em;
}
.cms-cat-btm a,
.cms-cat-btm a:hover {
color: #fff;
}
.cms-cat-list a {
font-size: 21px;
color: #fff;
font-family: 'Oswald';
}
.cms-cat-list a:hover {
color: #fbb03b;
}
.cms-cat-list li {
padding: 12px 0 0;
}
/*
|--------------------------------------------------------------------------
| Blog > Article List
|--------------------------------------------------------------------------
*/
.rooms-grid {
margin-top: 60px;
}
.rooms-grid--item {
width: 16.66666666666667%;
float: left;
text-align: center;
background-color: #171717;
line-height: 16px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.05em;
font-family: 'Oswald';
border-right: 1px solid #0d0d0d;
border-bottom: 1px solid #0d0d0d;
}
.rooms-grid--title {
padding: 41px 10px;
font-size: 30px;
font-weight: 400;
color: #fbb03b;
width: 100%;
}
.rooms-grid--item a {
color: #fff;
padding: 41px 10px;
display: block;
}
.rooms-grid--item a:hover {
color: #fbb03b;
}
.room {
position: relative;
}
.room-image {
position: absolute;
top: 0; right: 0; bottom: 0; left: 600px;
}
.room-image iframe {
height: 100%;
width: 100%;
}
.room-content {
text-align: center;
display: table;
vertical-align: middle;
padding: 140px 60px;
width: 600px;
background: #0d0d0d;
}
.room:nth-child(even) .room-image {
right: 600px; left: 0;
}
.room:nth-child(even) .room-content {
float: right;
}
.room-name {
font-family: 'Oswald';
font-size: 30px;
letter-spacing: 0.05em;
font-weight: 700;
}
.room-text {
line-height: 1.4;
font-size: 16px;
padding: 20px 0 0 0;
}
.store-bottom {
position: relative;
padding: 80px 0;
background-color: #121212;
}
.store-bottom .show-mobile {
display: none;
}
.search-form {
line-height: 70px;
}
.store-bottom--cont {
position: relative;
}
.store-map--right {
float: right;
margin: 0 0 0 20px;
width: 790px;
}
.store-map--right img {
width: 100%;
display: block;
margin: 0 0 20px;
}
.store-map--details {
background-color: #171717;
padding: 40px;
}
.map-cont {
position: absolute;
top: 0; right: 810px; bottom: 0; left: 0;
overflow: hidden;
}
#map {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background-color: #e7e7e7;
}
.store-map {
max-width: 360px;
padding: 30px 0 0 0;
}
.store-map .button {
float: right;
line-height: 26px;
border-radius: 0;
}
.store-map .about-map--input-cont {
overflow: hidden;
}
.store-warn {
font-size: 12px;
color: #717171;
padding: 15px 0 0 0;
}
/*
|--------------------------------------------------------------------------
| Blog > Category
|--------------------------------------------------------------------------
*/
.news-item--grid {
margin: 0 -20px 0 0;
}
.news-item--grid:hover .news-item {
opacity: .5;
}
.news-item {
width: 33.33333333333333%;
padding: 0 20px 20px 0;
float: left;
transition: 600ms ease opacity;
}
.news-item--grid:hover .news-item:hover {
opacity: 1;
transition: 300ms ease opacity;
}
.news-item--image img,
.news-item--image a {
display: block;
}
.news-item--info {
background-color: #171717;
padding: 15px;
}
.news-item--category {
font-family: 'Oswald';
font-size: 14px;
letter-spacing: 0.05em;
padding: 0 0 6px;
text-transform: uppercase;
}
.news-item--category a:hover {
color: #717171;
}
.news-item--title {
font-family: 'Oswald';
font-size: 21px;
letter-spacing: 0.05em;
color: #fff;
}
.news-item--title:hover {
color: #f2aa39;
}
.news-item--published-on {
text-transform: uppercase;
color: #717171;
font-size: 11px;
letter-spacing: 0.1em;
padding: 20px 0 0 0;
}
.news-item__large {
width: 100%;
}
.news-item--inner {
position: relative;
}
.news-item__large .news-item--image {
position: absolute;
left: 0; top: 0; bottom: 0; right: 440px;
}
.news-item__large .news-item--info {
position: relative;
width: 440px;
float: right;
padding: 30px 40px 60px 40px;
min-height: 440px;
}
.news-item__large .news-item--title {
font-size: 30px;
line-height: 1.1;
}
.news-item__large .news-item--published-on {
position: absolute;
bottom: 30px;
left: 40px;
}
.news-item__large .news-item--mini {
font-size: 15px;
color: #717171;
padding: 12px 0 0 0;
}
/*
|--------------------------------------------------------------------------
| Blog > Article List
|--------------------------------------------------------------------------
*/
.article-lists {
background-color: #fff;
padding: 60px 30px;
}
.article-list-grid {
position: relative;
width: 100%;
max-width: 1420px;
margin: 0 auto;
}
.article-list-grid .article-list {
padding: 0 20px 20px 0;
}
.article-list {
position: relative;
}
.article-list--inner {
position: relative;
}
.article-list--full-width {
width: 100%;
max-width: 700px;
margin: 0 auto 20px auto;
float: none;
}
.article-list:last-child {
margin: 0 auto;
}
.article-list--image {
position: absolute;
top: 0; bottom: 0; left: 0;
width: 50%;
}
.article-list--image img {
display: none;
}
.article-list--info {
position: relative;
width: 50%;
padding: 25px 30px 52px;
float: right;
border: 4px solid #e7e7e7;
min-height: 280px;
border-left: none;
}
.article-list--title {
font-size: 24px;
color: #b12525;
font-weight: 700;
text-transform: none;
margin: 0 0 20px;
}
.article-list--desc,
.article-list--desc p {
font-size: 13px;
color: #666666;
}
.article-list--desc{
padding-bottom:20px;
}
.btn-read-article {
font-size: 11px;
padding: 7px 15px;
}
.article-list--date {
font-size: 11px;
color: #666666;
font-weight: 700;
text-transform: uppercase;
line-height: 27px;
}
.article-list--btm {
position: absolute;
bottom: 25px; right: 30px; left: 30px;
}
/*
|--------------------------------------------------------------------------
| CMS > Template
|--------------------------------------------------------------------------
*/
.page-subtitle {
text-align: center;
font-size: 21px;
color: #fbb03b;
}
.page-list--grid {
padding: 40px 0 0 0;
}
.page-list--item {
padding: 0 4px 4px 0;
}
.page-list--item-inner {
position: relative;
display: block;
height: 0;
padding: 0 0 70%;
}
.page-list--item-overlay {
position: absolute;
top:0; right: 0; bottom: 0; left: 0;
height: 100%;
background-color: rgba(0,0,0,0.6);
text-align: center;
transition: background-color 300ms ease;
}
.page-list--item-inner:hover .page-list--item-overlay {
background-color: rgba(0,0,0,0.3);
}
.page-list--item-title {
font-weight: 700;
font-size: 24px;
color: #fff;
text-transform: none;
padding:0 20px;
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.page-list--item .dbl {
height: 100%;
}
/*
|--------------------------------------------------------------------------
| FAQ
|--------------------------------------------------------------------------
*/
.dd-section {
padding: 40px 0 0 0;
}
.dd-section:first-of-type {
padding: 0;
}
.dd-section--title {
font-size: 24px;
font-family: 'Oswald';
color: #717171;
padding: 15px 20px;
font-weight: 600;
letter-spacing: 0.05em;
}
li.dd-block {
margin: 0 0 4px;
border-radius: 2px;
border-top: 1px solid #282828;
}
.dd-title {
position: relative;
color: #fff;
font-size: 16px;
font-family: 'Oswald';
padding: 18px 20px;
cursor: pointer;
font-weight: 400;
}
.dd-title:hover {
color: #fbb03b;
}
.dd-question {
transition: color 300ms ease;
}
.dd-open .dd-question {
color: #fbb03b;
}
.dd-title:after {
content: '';
position: absolute;
top: 24px; right: 28px;
height: 13px;
width: 3px;
background: #fff;
-webkit-transition: .5s all ease-out;
transition: .5s all ease-out;
}
.dd-title:before {
content: '';
position: absolute;
top: 29px; right: 23px;
height: 3px;
width: 13px;
background: #fff;
-webkit-transition: .5s all ease-out;
transition: .5s all ease-out;
}
.dd-open:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
background-color: #fbb03b;
}
.dd-open:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: #fbb03b;
}
.dd-text {
padding: 0 20px 20px 20px;
color: #fff;
font-size: 13px;
line-height: 1.5;
}
.dd-text p {
color: #fff;
font-size: 12px;
}
.dd-title span {
display: block;
padding: 0 20px 0 0;
}
.dd-large li.dd-block {
border-color: #FFFFFF;
}
.dd-large .dd-title {
font-size: 28px;
text-transform: uppercase;
color: #F4B547;
padding: 25px 20px;
}
.dd-large .dd-text {
padding: 0 20px 25px 20px;
}
.dd-large .dd-text p {
font-size: 15px;
}
.dd-section.dd-large:not(:first-child) {
padding-top: 0;
}
.dd-section.dd-large:not(:last-child) .dd-block:last-child {
border-bottom: 1px solid #FFFFFF;
}
.dd-large .dd-title:after, .dd-large .dd-title:before {
background: #fbb03b!important;
}
.dd-large .dd-title:after {
height: 16px;
width: 4px;
top: 37px;
right: 29px;
}
.dd-large .dd-title:before {
height: 4px;
width: 16px;
top: 43px;
}
/*
|--------------------------------------------------------------------------
| CMS > Part Exchange
|--------------------------------------------------------------------------
*/
.exchange-block {
padding: 0 0 30px;
}
.exchange-block--inner {
position: relative;
background-color: #171717;
}
.exchange-block--content {
width: 50%;
display: table;
min-height: 250px;
vertical-align: middle;
}
.exchange-block--image {
position: absolute;
right: 0; top: 0; bottom: 0;
width: 50%;
}
.exchange-block--text {
vertical-align: middle;
display: table-cell;
padding: 60px;
}
.exchange-block--text,
.exchange-block--text p {
font-size: 18px;
line-height: 24px;
font-family: 'Oswald';
font-weight: 400;
color: #fbb03b
}
.exchange-block--text a {
color: #fff;
}
.exchange-block--text-inner {
padding: 0 0 0 44px;
position: relative;
}
.exchange-block--text-inner:after {
content: attr(data-i);
position: absolute;
left: 0; top: 0;
background-color: #fbb03b;
border-radius: 20px;
font-size: 16px;
width: 32px;
height: 32px;
text-align: center;
font-weight: 600;
line-height: 32px;
color: #121212;
}
.exchange-block:nth-child(odd) .exchange-block--content {
/* float: right;*/
margin-left: 50%;
}
.exchange-block:nth-child(odd) .exchange-block--image {
left: 0; right: auto;
}
.rules-title,
.exchange-blocks--title {
color: #fff;
margin: 30px 0 20px;
font-size: 24px;
text-transform: none;
letter-spacing: 0;
}
.rule {
color: #6e6e6e;
background-color: #171717;
padding: 14px 20px;
margin: 0 0 10px;
}
/*
|--------------------------------------------------------------------------
| CMS > Finance
|--------------------------------------------------------------------------
*/
.finance-logo {
float: right;
padding: 0 0 20px 40px;
}
.finance-logo img {
border-radius: 3px;
overflow: hidden;
}
.finance-content h5 {
letter-spacing: 0;
margin-bottom: 20px;
}
.example {
padding: 12px 16px;
background-color: #171717;
font-size: 15px;
color: #1d87e1;
margin: 0 0 10px;
}
.howpays {
padding: 15px 0 0 0;
}
.howpay {
position: relative;
margin: 0 0 18px;
padding: 0 0 0 30px;
line-height: 22px;
font-size: 16px;
font-family: 'Oswald';
font-weight: 400;
}
.howpay p {
font-size: 16px;
}
.howpay:before {
content: attr(data-i);
position: absolute;
left: 0; top: 0;
border-radius: 11px;
font-size: 15px;
background-color: #717171;
height: 22px;
width: 22px;
text-align: center;
line-height: 22px;
}
.disclaimer {
font-size: 21px;
padding: 15px 0 0 0;
font-family: 'Oswald';
letter-spacing: 0.025em;
}
/*
|--------------------------------------------------------------------------
| CMS Sidebar Page
|--------------------------------------------------------------------------
*/
.cms {
position: relative;
background-color: #121212;
}
.cms-sidebar {
position: relative;
width: 300px;
float: left;
z-index: 2;
}
.cms-sidebar--title {
font-size: 18px;
padding: 27px 20px;
font-family: 'Oswald';
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.cms-sidebar--title svg {
display: none;
}
.cms-sidebar li {
padding: 15px 20px;
}
.cms-sidebar a {
font-size: 18px;
color: #fff;
font-family: 'Oswald';
}
.cms-sidebar a:hover {
color: #fbb03b;
}
.cms-sidebar .sel {
background-color: #121212;
}
.cms-sidebar .sel a {
color: #fbb03b
}
.cms-inner {
position: relative;
padding: 0 0 0 300px;
}
.cms-inner .vertical-padding {
padding: 60px 40px;
}
.cms-inner:before {
content: '';
position: absolute;
top: 0; left: 0; bottom: 0;
width: 300px;
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
.cant-find {
text-align: center;
background-color: #171717;
padding: 45px;
margin: 60px 0 0 0;
}
.cant-find--title {
font-size: 30px;
font-family: 'Oswald';
letter-spacing: 0.025em;
padding: 0 0 15px;
}
/*
|--------------------------------------------------------------------------
| Contact Us
|--------------------------------------------------------------------------
*/
.contact-left,
.contact-right {
width: 39%;
float: left;
}
.contact-right {
width: 50%;
float: right;
}
.contact-info {
padding: 20px 0 0 0;
font-size: 13px;
}
.contact-info--label {
color: #fbb03b;
}
.contact-info--value {
font-size: 15px;
}
.contact-info--value a {
color: #fff;
}
.cms-inner .container {
max-width: 1040px;
}
.contact-form {
background-color: #171717;
padding: 30px;
}
.contact-form--action {
padding: 0 15px 0 0;
}
.contact-form--action .button {
float: right;
}
.contact-form--action span {
font-size: 11px;
color: #717171;
}
/*
|--------------------------------------------------------------------------
| Shop > Template
|--------------------------------------------------------------------------
*/
.category {
position: relative;
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: 100%;
background-repeat: repeat-y;
background-position: top center;
border-bottom: 1px solid #262626;
}
/* .sidebar-content:not(.no-side):before {
content: ' ';
position: absolute;
bottom: 0;
top: 256px;
left: 0;
background-color: #0d0d0d;
width: 240px;
} */
.sidebar {
position: relative;
width: 240px;
float: left;
background-color: #0d0d0d;
-webkit-transition: 1.2s margin-left ease;
transition: 1.2s margin-left ease;
z-index: 10
}
.shop.hide {
margin-left: -310px;
}
.sidebar--segment {
padding: 12px 32px;
}
.sidebar--subcategories {
padding: 24px 0;
}
.sidebar--subcategory-item {
padding: 8px 0;
}
.sidebar--subcategory-item-active .sidebar--subcategory-link {
color: #666666;
}
.sidebar--subcategory-link {
color: #fff;
font-size: 18px;
text-transform: none;
font-family: 'Oswald';
letter-spacing: 0.025em;
}
.sidebar--subcategory-link:hover {
color: #fbb03b;;
}
.sidebar--subcategory-link.sel {
color: #fbb03b;
}
.sidebar--subcats {
padding: 8px 0 0 0;
}
.sidebar--subcat {
padding: 4px 0;
}
.sidebar--subcat a {
font-size: 13px;
text-transform: uppercase;
color: #717171;
letter-spacing: 0.1em;
font-weight: 400;
font-family: 'Roboto';
}
.sidebar--subcats-active a {
color: #fbb03b;
}
.sidebar-content {
overflow: hidden;
}
/*new category styles*/
.category-headingv2 {
display: flex;
flex-direction: column;
text-align: center;
min-width: 100%;
padding: 20px 0;
}
.category-heading--content {
padding: 30px 20px;
width: 100%;
max-width: 1570px;
margin: 0 auto;
}
.category-headingv2 .category-title {
color: #FBB03B;
}
.category-headingv2 .category-desc a {
text-decoration: underline;
}
.category-list-v2 {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 auto -10px;
padding: 20px 10px 30px 20px;
max-width: 1600px;
width: 100%;
}
.category-list-v2 > div {
width: 10%;
padding: 0 10px 10px 0;
}
.category-list-v2-item {
height: 100%;
border-radius: 2px;
overflow: hidden;
display: flex;
flex-direction: column;
background-color: #FBB03B;
color: #222!important;
font-size: 14px;
font-weight: 500;
line-height: 1.1;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
.category-list-v2-item:hover {
background-color: #cf912f;
}
.category-list-v2-item > span {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
min-height: 58px;
padding: 10px;
}
.category-list-v2--img {
display: flex;
transition: ease-in-out .2s;
}
a:hover > .category-list-v2--img {
opacity: 0.8;
}
.category-main {
position: relative;
display: flex;
flex-wrap: wrap;
}
.category-main > * {
border-top: 1px solid #262626;
}
.category-main .sidebar-content {
flex: 1;
}
/*
|--------------------------------------------------------------------------
| Shop > Category Grid
|--------------------------------------------------------------------------
*/
.sidebar-content {
padding: 20px 20px 10px 20px;
}
.category {
padding: 255px 0 0 0;
}
.category-top {
position: relative;
padding: 0 0 20px;
}
.category-top .archive-search--container .archive-search {
margin: 28px 0 0 !important;
}
.category-title {
font-size: 42px;
line-height: 42px;
font-family: 'Oswald';
font-weight: 700;
letter-spacing: 0.05em;
}
.category-desc {
padding-top: 10px;
}
.category-desc p {
margin: 0 0 15px 0;
}
.category-desc p:last-of-type {
margin: 0;
}
.category-content {
background-color: #171717;
padding: 70px 50px;
max-width: 640px;
}
.category-content__full-width {
max-width: 100%;
}
.category-image {
position: absolute;
top: 0; right: 0; bottom: 0; left: 660px;
}
.category-image .slick-arrow {
width: 50px;
height: 50px;
background-color: #0d0d0d;
position: absolute;
bottom: 0; right: 0;
z-index: 10;
}
.category-image .slick-arrow:hover {
background-color: #121212;
}
.category-image .slick-prev {
right: 50px;
}
.category-list--item-title {
font-size: 18px;
position: absolute;
left: 0; bottom: 0; right: 0;
text-align: center;
padding: 35px 18px 18px 18px;
font-family: 'Oswald';
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
-webkit-transition: background .3s ease, border .3s ease, opacity .3s ease, color .3s ease;
transition: background .3s ease, border .3s ease, opacity .3s ease, color .3s ease;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,100f0f+100&0+0,0.8+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(15,15,15,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(15,15,15,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(15,15,15,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc100f0f',GradientType=0 ); /* IE6-9 */
}
.category-list--item-title:hover {
color: #fbb03b;
}
.category-list--item-inner {
position: relative;
}
.category-list--item {
padding: 0 20px 20px 0;
/* width: 9%; */
width: 180px;
margin: 0 auto;
float: left;
}
.category-list--item a,
.category-list--item img {
display: block;
}
.category-list--grid {
margin: 0 -20px 0 0;
padding: 0 20px;
justify-content: space-between;
display: flex;
flex-wrap: wrap;
}
.category-list--row-overflow {
display: none;
}
/*
|--------------------------------------------------------------------------
| Shop > Filters
|--------------------------------------------------------------------------
*/
.filter-open {
padding-bottom: 20px;
}
.filter {
}
#mbl-filters-sub {
border-bottom: 1px solid #262626;
}
.filter-subcategories .filter-title {
display: none;
}
.grid-filters-subcategories {
display: block;
}
.filters .sidebar--segment {
padding: 0;
}
.filters--title {
padding: 23px 32px;
margin: 0;
background-color: #fbb03b;
color: #fff;
font-size: 18px;
}
.filters--title span {
display: block;
position: relative;
}
.filters--hide {
position: absolute;
top: 0;
right: 0;
font-size: 12px;
height: 22px;
line-height: 22px;
background-color: rgba(0,0,0,0.2);
border-radius: 22px;
padding: 0 10px 0 24px;
cursor: pointer;
}
.filters--hide:before {
content: '';
height: 14px;
width: 14px;
top: 4px; bottom: 4px; left: 5px;
position: absolute;
background: rgb(252,252,252);
background: -moz-radial-gradient(center, ellipse cover, rgba(252,252,252,1) 0%, rgba(220,222,224,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,252,252,1) 0%,rgba(220,222,224,1) 100%);
background: radial-gradient(ellipse at center, rgba(252,252,252,1) 0%,rgba(220,222,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dcdee0',GradientType=1 );
border-radius: 14px;
-webkit-transition: .1s all ease-out;
transition: .1s all ease-out;
}
.filters--hide:hover:before {
height: 18px;
width: 18px;
top: 2px; bottom: 2px; left: 2px;
}
#mbl-filters, .filter-title {
position: relative;
padding: 15px 24px;
color: #666666;
font-weight: 500;
letter-spacing: 0.1em;
font-size: 13px;
text-transform: uppercase;
cursor: pointer;
}
#mbl-filters > span, .filter-title > span {
display: block;
position: relative;
}
#mbl-filters > span:before, .filter-title > span:before {
content: '';
position: absolute;
top: 7px;
right: 0px;
height: 2px;
width: 10px;
background: #666666;
-webkit-transition: .5s all ease-out;
transition: .5s all ease-out;
}
#mbl-filters > span:after, .filter-title > span:after {
content: '';
position: absolute;
top: 3px;
right: 4px;
height: 10px;
width: 2px;
background: #666666;
-webkit-transition: .5s all ease-out;
transition: .5s all ease-out;
}
#mbl-filters.filter-open > span:before, .filter-open .filter-title > span:before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
#mbl-filters.filter-open > span:after, .filter-open .filter-title > span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.filter ul {
padding: 0 24px 0 24px;
}
.filter--links a {
position: relative;
padding: 5px 0 4px 20px;
font-weight: 500;
font-size: 11px;
line-height: 12px;
color:#FFF;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.filter--links a:before {
content: '';
position: absolute;
height: 14px;
width: 14px;
top: 3px;
left: 0;
color: #FFF;
background-color: #171717;
}
.filter--links a:hover {
color: #fbb03b;
}
.filter--links .filter-selected a {
color: #fbb03b;
}
.filter--links .filter-selected a:before {
background: url(/images/style/peach/icon-tick-orange-2x.png) no-repeat center center #171717;
background-size: 10px 8px;
border: none;
}
.filters--show {
float: left;
line-height: 70px;
height: 70px;
background-color: #fbb03b;
padding: 0 17px;
color: #fff;
cursor: pointer;
-webkit-transition: .3s all ease-out, 1s margin-left ease;
transition: .3s all ease-out, 1s margin-left ease;
margin-left: -191px;
}
.shop.hide .sidebar-content .filters--show {
margin-left: 0;
}
.filters--show span {
position: relative;
display: inline-block;
background-color: rgba(0,0,0,0.2);
height: 22px;
line-height: 22px;
border-radius: 22px;
padding: 0 24px 0 12px;
-webkit-transition: .3s all ease-out;
transition: .3s all ease-out;
}
.filters--show:hover {
background-color: #0087a9;
}
.filters--show span:before {
content: '';
height: 14px;
width: 14px;
top: 4px; bottom: 4px; right: 5px;
position: absolute;
background: rgb(252,252,252);
background: -moz-radial-gradient(center, ellipse cover, rgba(252,252,252,1) 0%, rgba(220,222,224,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(252,252,252,1) 0%,rgba(220,222,224,1) 100%);
background: radial-gradient(ellipse at center, rgba(252,252,252,1) 0%,rgba(220,222,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#dcdee0',GradientType=1 );
border-radius: 14px;
-webkit-transition: .1s all ease-out;
transition: .1s all ease-out;
}
#slider-range.ui-widget-content {
background-color: #ffffff;
height: 8px;
margin:0 8px;
}
#slider-range .ui-widget-header {
background-color: #262626;
/*transition: left 300ms ease, width 300ms ease;*/
}
#slider-range .ui-slider-handle {
height: 14px;
width: 14px;
border-radius: 14px;
background-color: #fbb03b;
border: none;
color: #666666;
font-weight: 700;
cursor: pointer;
/*transition: left 300ms ease;*/
}
#slider-range .ui-slider-handle:last-of-type .tooltip{
right:0!important;
}
#price_filter {
padding: 14px 0 0 0;
}
#price_filter .tooltip {
float: left;
font-weight: 500;
margin-bottom: 5px;
font-size: 13px;
}
#price_filter #range-tooltip-2 {
float: right;
}
#price_submit {
clear: both;
text-transform: uppercase;
padding: 5px 8px;
margin-top: 5px;
}
.swatch-input {
padding: 10px 10px 0px 10px;
}
.listing-swatch {
width: 7.142857142857143%;
float: left;
margin: 0 10px 10px 0;
}
.opt_swatch.listing-swatch.prod-swatch {
width: 23.04227%;
}
.listing-swatch.prod-swatch .listing-swatch--inner {
padding-bottom: 149.1666%;
}
.listing-swatch.sel svg {
display: block;
}
.listing-swatch--content svg {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.filter-swatch {
padding: 0 2px 2px 0;
}
.filter-swatch--inner {
position: relative;
padding: 1px;
border-radius: 3px;
transition: background 300ms ease;
/* background: url(/images/style/gig/icon-swatch-tick.png) no-repeat center right 8px;*/
}
.filter-swatch.sel .filter-swatch--inner {
background-color: #1e1e1e;
/* background: url(/images/style/gig/icon-swatch-tick.png) no-repeat center right 8px #1e1e1e;*/
border: none;
}
.filter-swatch.sel .filter-swatch--swatch {
top: 3px; left: 3px; bottom: 3px;
}
.filter-swatch--swatch {
height: 30px;
}
.filter-swatch--swatch svg {
display: none;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
}
.filter-swatch.sel .filter-swatch--swatch:before {
content: '';
position: absolute;
top: 2px; right: 2px; bottom: 2px; left: 2px;
background-color: rgba(0,0,0,.4);
}
.filter-swatch.sel .filter-swatch--swatch svg {
display: block;
}
/*
|--------------------------------------------------------------------------
| Shop > Navtrail
|--------------------------------------------------------------------------
*/
.shop--navtrail .breadcrumb-trail {
max-width: 60%;
float: left;
}
.shop--navtrail {
padding: 0 0 20px;
position: relative;
}
.sort-by-container {
float:right;
padding: 0 0 0 20px;
}
.sort-by {
position: relative;
float: right;
background: #121212;
}
.sort-by label {
position: absolute;
top: 6px; left: 8px;
font-family: 'Oswald';
font-size: 12px;
color: #717171;
text-transform: none;
}
.sort-by .select2-container--default .select2-selection--single .select2-selection__rendered,
.sort-by .select2-container .select2-selection--single {
height: 30px;
}
.sort-by .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 30px;
right: 6px;
background: url(/images/style/peach/icon-chevron-down@2x.png) no-repeat center center;
background-size: 14px 8px;
}
.sort-by .select2-selection__arrow b {
display: none;
}
.sort-by .select2-container--default .select2-selection--single .select2-selection__rendered {
padding: 6px 60px 0 50px;
color: #fff;
font-family: 'Oswald';
font-size: 12px;
}
.sort-by .select2-container--default .select2-selection--single {
background-color: transparent;
}
.filter-results {
float: right;
margin: 14px 0 14px 14px;
background-color: #575757;
border-radius: 2px;
overflow: hidden;
}
.filter-results--input {
overflow: hidden;
}
.filter-results--input {
background-color: transparent;
height: 42px;
line-height: 42px;
padding: 0 13px;
color: #fff;
transition: min-width 300ms ease;
min-width: 172px;
}
.filter-results--input:focus {
min-width: 240px;
}
.filter-results--submit {
float: right;
width: 42px;
height: 42px;
background: url(/images/style/peach/icon-zoom-white.png) no-repeat center center;
}
/*
|--------------------------------------------------------------------------
| Shop > Category Page > Category Display
|--------------------------------------------------------------------------
*/
.product-grid {
margin-left: -10px;
}
.product-grid--item {
padding: 0 0 10px 10px;
}
.ajax-product-grid .product-grid--item:nth-child(9n + 1) {
clear: both !important;
}
.product-info {
padding: 6px 9px 0 9px;
overflow: hidden;
}
.product-grid--item-inner {
position: relative;
background-color: #0d0d0d;
overflow: hidden;
border-radius: 2px;
}
.product--titles {
display: flex;
flex-direction: column;
}
.product--title, .product--subtitle, .product-row {
padding: 0 0 8px 0;
}
.product--title {
color: #fff;
font-family: 'Oswald';
font-size: 14px;
letter-spacing: 0.025em;font-weight: 400;
}
.product--title__sub {
color: #fbb03b;
font-size: 12px;
font-weight: normal;
font-family: 'Roboto',sans-serif;
margin: 8px 0 10px;
}
.product--grouped-available {
display: none;
}
.home-tabs--wrapper .product--grouped-available {
display: flex;
align-items: flex-end;
font-size: 12px;
font-weight: 500;
color: #37af56;
flex: 1;
}
.product--title:hover {
color: #fbb03b;
}
.product--subtitle {
font-size: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #717171;
padding: 0 0 6px;
font-family: 'Oswald';
}
.product--option-names {
display: block;
color: #444;
}
.product--option-name {
margin: 0 8px 0 0;
}
.product--swatches {
float: right;
width: 50%;
}
.product--swatch {
float: right;
height: 18px;
width: 18px;
margin: 1px 1px 0 0;
border-radius: 2px;
border: 2px solid #e7e7e7;
}
.product-price-web {
font-size: 14px;
font-family: 'Oswald';
color: #fbb03b;
}
.prod_price_from{
height:12px;
font-size: 11px;
}
.product-price-rrp {
font-size: 11px;
color: #717171;
font-family: 'Roboto';
display: block;
text-decoration: line-through;
}
.product--offer, .product--offer__category {
display: block;
position: absolute;
top: 10px; left: 10px;
background: url(/images/style/peach/sale@2x.png) no-repeat center center;
z-index: 10;
}
.product--offer {
width: 64px;
height: 64px;
background-size: 64px 64px;
}
.product--offer__category {
width: 38px!important;
height: 38px;
background-size: 38px 38px;
padding: 0!important;
height: 38px!important;
}
.product-table--cont {
padding: 0 0 6px;
}
.prodlist-buy {
display: block;
align-items: center;
justify-content: center;
width: 100%;
text-transform: uppercase;
letter-spacing: 0.025em;
border-radius: 0;
}
.prodlist-buy svg {
flex-shrink: 0;
margin: 0 4px 0 0;
}
.product-table .dblr .dblc {
vertical-align: middle;
padding: 0 9px 5px;
height: 30px;
line-height: 1;
}
.product-table .dblr .dblc:last-child {
text-align: right;
}
.product-table {
display: block;
}
.product-table .dblr {
display: flex;
justify-content: space-between;
}
.product--badge__category {
position: absolute;
top: 6px;
right: 6px;
z-index: 1;
}
.product--badge__category.badge-left {
left: 6px;
right: auto;
}
.product--image {
position: relative;
overflow: hidden;
}
.product--image img:nth-child(2) {
opacity: 0;
transition: opacity 300ms ease;
}
.product--image:hover img:nth-child(2) {
opacity: 1;
}
.product--image a {
height: 0;
padding-bottom: 148.75%;
}
.product--image img {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
}
.product--image a,
.product--image img {
display: block;
}
.ajax-product-grid .product--image a:not(.product--offer__category) {
width: 100%;
height: 0;
padding-bottom: 148%;
}
.product--image--square a:not(.product--offer__category) {
/* height: auto;
padding-bottom: 100%!important; */
}
.product--image img,
.cart-item-image img {
width: 100%;
}
.product-grid--item__large .product--image,
.product-grid--item__large .product-right {
width: 50%;
float: left;
}
.product-grid--item__large .product-info {
padding: 18px 14px 0 14px;
}
.product-grid--item__large .product--title {
font-size: 18px;
}
.product-grid--item__large .product-right {
padding: 14px;
padding: 0 0 56px;
}
.product-grid--item__large .product-price-web {
font-size: 18px;
}
.product-video {
font-size: 11px;
color: #717171;
}
.product-video svg {
position: relative;
top: 1px;
}
.product-grid--item__large .stock-status {
font-size: 11px;
text-transform: uppercase;
white-space: nowrap;
}
.product-grid--item__large .product-table--cont {
position: absolute;
bottom: 0;
}
.product-bullets {
padding: 10px 0 0 0;
font-size: 12px;
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
}
.product-bullets::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: rgba(0,0,0,0.3);
}
.product-bullets::-webkit-scrollbar
{
width: 6px;
background-color: rgba(0,0,0,0.3);
}
.product-bullets::-webkit-scrollbar-thumb
{
background-color: #fbb03b;
}
.product-bullets li {
padding: 0 0 10px;
}
.comparison-bar {
display: none;
position: fixed;
right: 0; bottom: 0; left: 0;
background-color: #171717;
border-top: 2px solid #fbb03b;
padding: 10px 30px;
z-index: 2147483601;
color: #fff;
}
.comparison-bar--title {
display: block;
margin: 12px 50px 12px 0;
width: 70px;
font-weight: 600;
font-size: 14px;
line-height: 14px;
float: left;
}
.comparison-bar--title svg {
float: left;
margin: 0 10px 0 0;
}
.animate .comparison-bar--product:last-child {
-webkit-animation: comparisionProductEntrance .5s;
animation: comparisionProductEntrance .5s;
}
@-webkit-keyframes comparisionProductEntrance {
0% { opacity: 0;transform: translateX(10px); }
100% { opacity: 1;transform: translateX(0px); }
}
@-moz-keyframes comparisionProductEntrance {
0% { opacity: 0;transform: translateX(10px); }
100% { opacity: 1;transform: translateX(0px); }
}
@-o-keyframes comparisionProductEntrance {
0% { opacity: 0;transform: translateX(10px); }
100% { opacity: 1;transform: translateX(0px); }
}
@keyframes comparisionProductEntrance {
0% { opacity: 0;transform: translateX(10px); }
100% { opacity: 1;transform: translateX(0px); }
}
.comparison-bar--products {
overflow: hidden;
padding: 0 30px 0 0;
}
.comparison-bar--product {
padding: 0 4px 0 0;
}
.comparison-bar--inner .button {
float: right;
padding: 8px 20px;
margin: 11px 0 0 0;
font-size: 16px;
}
.comparison-bar--product-inner {
position: relative;
background-color: #0d0d0d;
height: 52px;
}
.comparison-bar--product-image {
float: left;
height: 52px;
}
.comparison-bar--product-title-cont {
display: block;
padding: 10px 14px;
font-weight: 500;
float: none;
overflow: hidden;
}
.comparison-bar--product-title {
margin: 0 4px 0 0;
float: left;
height: 22px;
font-size: 13px;
}
.comparison-bar--product-option-name {
display: none;
opacity: 1;
font-size: 11px;
padding: 2px 6px;
margin: 0 4px 0 0;
background: rgba(0,0,0,0.2);
border-radius: 2px;
white-space: nowrap;
float: left;
}
.comparison-bar--product-option-name:empty {
display: none;
}
.comparison-bar--product-overlay {
display: none;
cursor: pointer;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background-color: #fbb03b;
color: #0d0d0d;
z-index: 10;
}
.comparison-bar--product-inner:hover .comparison-bar--product-overlay {
display: block;
}
.comparison-bar--product-overlay-inner {
display: table;
width: 100%;
height: 100%;
text-align: center;
}
.comparison-bar--product-overlay-inner .dblc {
vertical-align: middle;
font-weight: 700;
font-size: 12px;
}
.comparison-bar--loading {
display: none;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background-color: rgba(30, 30, 30, 0.9);
color: #fff;
text-align: center;
}
.comparison-bar.loading .comparison-bar--loading {
display: block;
}
/*
|--------------------------------------------------------------------------
| Shop > Category Page > Category Display Hover Animations
|--------------------------------------------------------------------------
*/
@-webkit-keyframes categoryDisplayHorizontal {
0% { -webkit-transform: rotateY(90deg); }
100% { -webkit-transform: rotateY(0deg); }
}
@-moz-keyframes categoryDisplayHorizontal {
0% { -moz-transform: rotateY(90deg); }
100% { -moz-transform: rotateY(0deg); }
}
@-o-keyframes categoryDisplayHorizontal {
0% { -o-transform: rotateY(90deg); }
100% { -o-transform: rotateY(0deg); }
}
@keyframes categoryDisplayHorizontal {
0% { transform: rotateY(90deg); }
100% { transform: rotateY(0deg); }
}
@-webkit-keyframes categoryDisplayVertical {
0% { -webkit-transform: rotateX(90deg); }
100% { -webkit-transform: rotateX(0deg); }
}
@-moz-keyframes categoryDisplayVertical {
0% { -moz-transform: rotateX(90deg); }
100% { -moz-transform: rotateX(0deg); }
}
@-o-keyframes categoryDisplayVertical {
0% { -o-transform: rotateX(90deg); }
100% { -o-transform: rotateX(0deg); }
}
@keyframes categoryDisplayVertical {
0% { transform: rotateX(90deg); }
100% { transform: rotateX(0deg); }
}
@-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
/*
|--------------------------------------------------------------------------
| Shop > Category Page > Category Display Hover
|--------------------------------------------------------------------------
*/
.product-grid--item-inner:hover .product-overlay {
animation: 300ms fadeIn forwards;
}
.product-overlay {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
overflow: hidden;
z-index: 20;
background-color: #2d2d2d;
opacity: 0;
transition: transform 300ms ease;
}
.product-overlay-top {
position: absolute;
background-color: rgba(255, 255, 255, 0.05);
-webkit-animation: productTopEntrance 0.4s;
animation: productTopEntrance 0.4s;
color: #c0bfbf;
height: 34px;
top: 0; right: 0; left: 0;
z-index: 999;
}
.product-overlay-content {
position: absolute;
top: 34px; right: 0; bottom :80px; left: 0;
}
.product-overlay-content-inner {
padding: 20px;
text-align: center;
}
.product-overlay--title {
padding: 6px 0 0 0;
}
.product-overlay--title a {
color: #fff;
text-align: center;
font-size: 15px;
}
.product-overlay-bottom {
position: absolute;
bottom: 0; left: 0; right: 0;
}
/*
|--------------------------------------------------------------------------
| Category Model
|--------------------------------------------------------------------------
*/
#divido-overlay,
#hitachi-overlay {
display: block;
}
.modal {
display: none;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 200;
}
.modal--inner {
width: 100%;
max-width: 620px;
position: absolute;
top: 140px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.rangeslider {
background-color: #0d0d0d;
}
.rangeslider--horizontal {
height: 4px;
}
.rangeslider--horizontal .rangeslider__handle {
top: -18px;
}
.rangeslider__handle {
background: url(/images/style/peach/pick@2x.png) center center / 12.5px 14px no-repeat;
border: none;
box-shadow: none;
}
.divido-table,
.hitachi-table {
border: 1px solid #2f2f2f;
padding: 0 0 6px;
margin: 10px 0 0 0;
}
.divido-row--label,
.divido-row--value,
.hitachi-row--label,
.hitachi-row--value {
width: 50%;
float: left;
text-align: right;
padding: 6px;
color: #717171;
}
.divido-row--value,
.hitachi-row--value {
text-align: left;
color: #fbb03b
}
.divido-row__large,
.hitachi-row__large {
padding: 16px;
border-bottom: 1px solid #2f2f2f;
margin: 0 0 6px;
}
.divido-row__large > div,
.hitachi-row__large > div {
font-size: 21px;
font-family: 'Oswald';
}
.divido-row__large .divido-row--label,
.hitachi-row__large .hitachi-row--label {
color: #fff;
}
.modal-segment {
background-color: #171717;
margin: 0 0 20px;
padding: 30px;
}
.divido-overlay-title,
.hitachi-overlay-title {
font-size: 18px;
color: #fff;
font-family: 'Oswald';
text-align: center;
padding: 20px 0 0 0;
}
.hitachi-note {
padding: 10px 0 0;
font-size: 13px;
text-align: center;
max-width: 500px;
margin: 0 auto;
}
.hitachi-note__top {
padding: 0 0 20px;
font-size: 15px;
}
.hitachi-footer-text {
color: #717171;
font-size: 11px;
padding-bottom: 20px;
}
.hitachi-footer-text p {
font-size: 11px;
margin: 0;
line-height: normal;
}
.rangeslider__fill {
background-color: #0d0d0d;
}
.rangeslider__label {
position: absolute;
font-size: 14px;
color: #fbb03b;
left: 50%;
top: -6px;
transform: translateX(-50%);
}
.modal-segment .dbl {
table-layout: auto;
}
.modal-segment .dbl .dblc:first-child {
width: 1px;
padding: 10px 15px;
text-align: right;
white-space: nowrap;
}
.modal-segment:last-child {
margin: 0;
}
.modal--open .modal--inner {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.modal--close {
position: absolute;
top: -55px;
right: 0;
color: #fff;
font-weight: 700;
font-size: 12px;
cursor: pointer;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
transform: translateY(30px);
transition: transform 0.4s cubic-bezier(0.25, 0, 0.25, 1.75) 1s;
}
.modal--open .modal--close {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
}
.modal--backdrop {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background-color: rgba(0, 0, 0, 0.85);
transition: background-color 300ms ease;
}
.modal--backdrop:hover {
cursor: pointer;
}
.modal--inner {
transition: opacity 300ms ease;
}
.modal--content {
overflow: hidden;
}
.divido-title,
.hitachi-title {
font-family: 'Oswald';
font-size: 21px;
color: #1d87e1;
padding: 0 0 10px;
}
.finance_chkout_text p {
font-size: 13px;
color: #717171;
margin: 0 0 10px;
}
.finance_chkout_text a {
font-size: 13px;
}
.listing {
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: contain;
background-repeat: repeat-y;
background-position: top center;
padding: 256px 0 0 0;
}
.hybrid + .listing {
padding: 60px 0 0 0;
}
.listing-buttons .button {
float: right;
margin: 0 0 4px 4px;
}
#divido-overlay img {
float: right;
margin: 0 0 20px 20px;
}
#hitachi-overlay img {
float: right;
width: 150px;
margin: 5px 0 5px 20px;
}
.listing-button--left {
float: left!important;
margin: 0;
}
.available-in-store {
border: 1px solid #0d0d0d;
padding: 11px;
float: right;
font-size: 12px;
margin: 0 10px 0 0;
color: #fbb03b;
text-transform: uppercase;
}
.available-in-store svg {
position: relative;
margin: 0 6px 0 0;
top: 2px;
}
.available-in-store.no-stock-status{
margin-right: 0;
}
.divido-widget-launcher
.hitachi-widget {
font-family: 'Oswald';
}
.divido-widget-logo-link {
display: none;
}
/*.dark-inputs .options_text,
.dark-inputs .input {
background-color: #121212;
}*/
#listing_options {
margin-bottom: 10px;
}
.dark-inputs .select2-container--default .select2-selection--single {
background-color: #121212;
}
.dark-inputs .select2-basic--container.select2-selection--single .select2-selection__rendered {
color: #fff;
padding: 4px 10px 6px 10px;
}
.dark-inputs .options_text {
width: 100%;
color: #fff;
font-size: 14px;
/*padding: 7px 10px 8px 10px;*/
}
.dark-inputs .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.dark-inputs .select2-container--default .select2-selection--single .select2-selection__arrow {
background-image: url(/images/style/peach/icon-chevron-down@2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 14px 8px;
}
.dark-inputs .label-inline .select2-basic--container.select2-selection--single .select2-selection__rendered {
padding-left: 50px;
padding: 11px 10px 10px 70px;
}
.dark-inputs .label-inline .input-label {
width: auto;
padding: 0 10px;
font-size: 15px;
}
.listing-divido,
.listing-hitachi {
font-size: 14px;
color: #fff;
padding: 24px 0 0 4px;
float: left;
}
.button-finance {
background-color: #238de6;
color: #fff;
padding: 12px 28px;
font-size: 18px;
}
.button-finance:hover {
background-color: #1d70b6;
color: #fff;
}
.button-finance svg {
margin: 0 0 0 10px;
position: relative;
top: -1px;
}
.listing-actions {
margin: 0 -12px -8px 0;
}
.listing-actions > * {
margin: 0 12px 8px 0;
}
.listing-divido a,
.listing-hitachi a {
color: #238de6;
}
.listing-shortdesc {
color: #717171;
font-size: 15px;
margin-bottom: 15px;
}
.listing-buy {
text-transform: uppercase;
font-size: 18px;
}
.listing-navtrail {
padding: 20px 0;
float: left;
}
.listing-navtrail .breadcrumb-trail {
padding: 4px 20px 3px 0;
}
.listing--title {
font-size: 30px;
font-family: 'Oswald';
text-transform: none;
padding: 0 10px 0 0;
letter-spacing: 0;
}
.listing--subtitle {
font-size: 18px;
color: #fbb03b;
line-height: 1.4;
}
.highend-content .listing--subtitle {
color: #666666;
}
.modal--image {
float: right;
}
.modal--image img {
width: 100%;
}
.listing--info {
padding: 30px 30px 30px 30px;
border: 4px solid #e7e7e7;
border-top: 0;
border-bottom: none;
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 );
}
.listing--other {
float: right;
}
.listing--review {
text-align: right;
padding: 8px 0;
}
.listing--price {
float: left;
}
.listing--price strong {
display: block;
font-weight: 700;
font-size: 30px;
color: #1e1e1e;
}
.listing--price span {
display: block;
font-weight: 700;
font-size: 13px;
color: #666666;
}
.listing--points {
color: #fbb03b;
font-weight: 700;
font-size: 13px;
}
.listing--points span {
color: #1e1e1e;
}
.modal--button {
display: block;
width: 100%;
text-align: center;
font-size: 18px;
}
.modal--button-details {
background-color: #b34834;
font-size: 12px;
}
.modal-overview--cont {
padding: 30px 30px 0;
}
.modal-overview {
height: 510px;
width: 420px;
padding: 0 0 124px 0;
overflow: scroll;
}
.modal-action {
position: absolute;
bottom: 0;
left: 0;
width: 420px;
}
.modal--view-full-details {
display: block;
width: 100%;
background-color: #01a4cd;
color: #fff;
padding: 11px 10px;
font-weight: 700;
font-size: 12px;
text-align: center;
}
.modal--view-full-details:hover {
background-color: #0284a5;
color: #fff;
}
.divido-widget-container {
/* prevent divido's own widget from showing */
display: none;
}
.payment-method--divido .divido-calculator,
.payment-method--hitachi .hitachi-calculator {
margin: 0 auto;
max-width: 530px;
}
[data-divido-choose-finance],
[data-divido-choose-deposit],
.hitachi-plan,
.hitachi-deposit {
display: table-row;
}
[data-divido-choose-finance] label,
[data-divido-choose-finance] select,
[data-divido-choose-deposit] label,
.hitachi-plan label,
.hitachi-plan select,
.hitachi-deposit label,
.divido-range-slider,
.hitachi-range-slider {
display: table-cell;
}
[data-divido-choose-finance] label,
[data-divido-choose-deposit] label,
.hitachi-plan label,
.hitachi-deposit label {
width: 1px;
padding: 10px 15px;
text-align: right;
white-space: nowrap;
}
[data-divido-choose-finance] label,
.hitachi-plan label {
padding: 8px 15px;
}
[data-divido-choose-finance] label,
[data-divido-choose-finance] select,
.hitachi-plan label,
.hitachi-plan select {
margin-bottom: 10px;
vertical-align: top;
}
[data-divido-choose-finance] select,
.hitachi-plan select {
width: 100%;
line-height: 17px;
height: 33px;
padding: 5px;
}
.divido-range-slider,
.hitachi-range-slider {
vertical-align: middle;
text-align: left;
}
.divido-range-slider span,
.hitachi-range-slider span {
display: block;
float: right;
line-height: 19px;
color: #fbb03b;
font-size: 14px;
text-align: right;
width: 35px;
}
.divido-range-slider input[type=range],
.hitachi-range-slider input[type=range] {
float: left;
-webkit-appearance: none;
background: transparent;
width: 100%;
margin-right: -35px;
padding-right: 35px;
}
.divido-range-slider input[type=range]:focus,
.hitachi-range-slider input[type=range]:focus {
outline: none;
border: 0;
}
.divido-range-slider input[type=range]::-webkit-slider-runnable-track,
.hitachi-range-slider input[type=range]::-webkit-slider-runnable-track {
height: 5px;
border: none;
background: #050505;
margin-top: 7px;
}
.divido-range-slider input[type=range]::-moz-range-track,
.hitachi-range-slider input[type=range]::-moz-range-track {
height: 5px;
border: none;
background: #050505;
}
.divido-range-slider input[type=range]::-ms-track,
.hitachi-range-slider input[type=range]::-ms-track {
height: 5px;
border: none;
background: #050505;
margin-top: 3px;
color: transparent;
}
.divido-range-slider input[type=range]::-ms-fill-lower,
.hitachi-range-slider input[type=range]::-ms-fill-lower {
background: none;
}
.divido-range-slider input[type=range]::-webkit-slider-thumb,
.hitachi-range-slider input[type=range]::-webkit-slider-thumb {
border: none;
height: 14px;
width: 13px;
margin-top: -5px;
background: url(/images/style/peach/pick@2x.png) center center / 12.5px 14px no-repeat;
-webkit-appearance: none;
}
.divido-range-slider input[type=range]::-moz-range-thumb,
.hitachi-range-slider input[type=range]::-moz-range-thumb {
border: none;
height: 14px;
width: 13px;
margin-top: -5px;
background: url(/images/style/peach/pick@2x.png) center center / 12.5px 14px no-repeat;
border-radius: 0;
}
.divido-range-slider input[type=range]::-ms-thumb,
.hitachi-range-slider input[type=range]::-ms-thumb {
border: none;
height: 14px;
width: 13px;
margin-top: 0;
background: url(/images/style/peach/pick@2x.png) center center / 13px 14px no-repeat;
}
.divido-range-slider input[type=range]::-ms-tooltip,
.hitachi-range-slider input[type=range]::-ms-tooltip {
display: none;
}
[data-hitachi-deferred] {
font-size: 13px;
}
/* Target only IE10 and IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.divido-range-slider input[type=range]::-ms-track,
.hitachi-range-slider input[type=range]::-ms-track {
background: transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.divido-range-slider input[type=range]::-ms-fill-lower,
.divido-range-slider input[type=range]::-ms-fill-upper,
.hitachi-range-slider input[type=range]::-ms-fill-lower,
.hitachi-range-slider input[type=range]::-ms-fill-upper {
background: #050505;
}
}
/*
|--------------------------------------------------------------------------
| Listing
|--------------------------------------------------------------------------
*/
.listing-cont {
display: flex;
padding: 0 0 64px;
/* align-items: flex-start; */
}
.listing-youtube--group {
display: flex;
flex-wrap: wrap;
margin: 30px -20px -28px 0;
}
.listing-youtube--group > div {
min-width: 50%;
padding: 0 20px 28px 0;
}
.listing-youtube--group > div:first-child {
min-width: 100%;
}
.listing-youtube {
min-height: 190px;
}
.listing-youtube-videos {
margin-top: 32px;
}
.listing-youtube--slider {
margin-top: 20px;
margin-right: -10px;
}
.listing-youtube--slider .slick-slide {
padding: 0 10px 0 0;
}
.listing-side {
position: relative;
overflow: hidden;
z-index: 2;
width: 600px;
flex: 1;
}
.listing-thumbnails.has-arrows .listing-thumbnails--single-slider {
padding: 0 0 0 67px;
}
.listing-thumbnails:not(.has-arrows) .slick-arrow {
display: none!important;
}
.listing-main {
position: relative;
z-index: 2;
width: calc(100% - 700px);
max-width: 650px;
margin: 0 100px 0 0;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.listing-side--inner {
position: relative;
width: 100%;
}
.listing-overview--top-inner {
padding: 25px 40px;
background-color: #121212;
}
.listing-overview--top-inner.has-brand {
padding-right: 115px!important;
}
.listing-details {
padding: 20px 0 0 0;
}
.form-options {
position: relative;
padding: 25px 40px;
z-index: 1;
background-color: #171717;
}
.form-options .stock {
padding: 0 0 18px;
}
.listing-resources {
padding: 10px 0;
}
.listing_downloads {
padding: 0 20px 0 0;
}
.listing-rrp {
font-size: 14px;
color: #717171;
letter-spacing: 0.1em;
}
.listing-rrp .listing-rrps > span::before {
content: 'WAS: ';
white-space: nowrap;
display: inline-block;
}
.listing-rrp .listing-rrps > span.strikethrough::before {
text-decoration: line-through;
}
.listing-price--cont {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.listing-price {
display: block;
float: left;
font-size: 30px;
color: #fbb03b;
font-family: 'Oswald';
}
.listing-rrp,
.listing-save {
display: inline-block;
font-size: 14px;
color: #717171;
}
.listing-save {
color: #51ac5c;
text-decoration: none;
}
.listing-pp-messaging,
.basket-pp-messaging {
overflow: hidden;
}
.listing-pp-messaging > span {
padding-top: 15px;
display: inline-block;
width: 100%;
}
.basket-pp-messaging > span {
padding-bottom: 15px;
display: inline-block;
width: 100%;
}
/* margin-top: 15px; */
.listing-ratings {
text-align: right;
vertical-align: bottom;
}
.listing-overview #options_stock_1 {
border: 1px solid #0d0d0d;
padding: 14px;
float: right;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1;
}
.rating-star, .rating-star-empty {
width: 20px;
height: 18px;
display:inline-block;
background-repeat: no-repeat;
background-size: 20px 18px;
}
.rating-star{
background-image: url(/images/style/peach/listing_rating_sel.png);
}
.rating-star-empty {
background-image: url(/images/style/peach/listing_rating.png);
}
.listing-points {
font-weight: 700;
font-size: 13px;
}
.listing-points span {
color: #1e1e1e;
}
.listing-personalise {
text-align: center;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
color: #1e1e1e;
background-color: #dde2e5;
line-height: 24px;
padding: 3px 0px;
cursor: pointer;
transition: background 300ms ease;
}
.listing-personalise:hover {
background-color: #e7e7e7;
}
.listing-personalise.disabled {
opacity: 0.4;
}
.listing-subscribe {
background-color: #414141
}
.listing-subscribe--bottom {
background-color: #313131;
text-align: center;
color: #7D7474;
padding: 6px 0;
font-weight: 700;
}
.listing-subscribe--bottom a {
font-size: 11px;
color: #b4b4b4;
margin: 0 4px
}
.listing-subscribe--bottom a:first-child {
color: #51ac5c
}
.listing-subscribe .price {
padding-top: 9px;
padding-right: 12px
}
.listing-subscribe .price,.listing-subscribe .percent {
font-size: 24px;
color: #fff;
display: block;
line-height: 14px
}
.listing-subscribe .price {
line-height: 20px
}
.listing-subscribe--inner {
padding: 22px 22px 18px 22px
}
v
.listing-subscribe--inner .dblc {
vertical-align: top
}
.listing-subscribe .percent {
opacity: 0.4;
font-size: 13px;
padding: 3px 0 0 0
}
.listing-subscribe--btn {
cursor: pointer;
text-align: center;
font-weight: 700;
font-size: 12px;
padding: 9px 0;
border: 1px solid #e9e9e9;
border-radius: 2px;
color: #fa5400;
}
.listing-subscribe--inner .dblc {
vertical-align: top;
}
.listing-subscribe--btn.open {
background-color: #fa5400;
color: #fff;
border-radius: 0px;
border: 1px solid #fa5400;
}
.listing-subscribe--btn span {
padding: 0 0 0 18px;
}
.listing-subscribe--btn.open span {
background: url(/images/style/peach/icons/refresh@2x.png) center left / 12px 12px no-repeat;
}
.listing-offer {
padding: 20px;
margin: 10px 0 0 0;
background: #37af56;
background-size: 515.5px 511.5px;
color: #fff;
font-weight: 700;
font-size: 16px;
border-radius: 2px;
}
.listing-offer-product {
position: relative;
margin: 15px 0 0 0;
background-color: rgba(0,0,0,0.1);
}
.listing-offer-details {
padding: 10px;
overflow: hidden;
}
.listing-offer--image {
float: left;
}
.listing-offer--image img {
display: block;
}
.listing-offer--price {
position: absolute;
bottom: 10px;
left: 92px;
font-size: 18px;
opacity: 0.8;
}
.listing-deadline {
margin: 0;
background-color: #121212;
padding: 12px 40px;
/* display: flex;
align-items: center;
justify-content: space-between; */
}
.listing-deadline.plek-service-enabled {
display: none;
}
.listing-spacer{
padding-bottom:50px;
}
.listing-deadline--details {
text-align: left;
display: flex;
flex: 1;
flex-wrap: wrap;
align-items: center;
}
.listing-deadline > .flex {
width: 100%;
}
.listing-deadline--title,
.listing-deadline--subtitle,
.listing-deadline--date {
/* letter-spacing: 0; */
flex-shrink: 0;
}
.listing-deadline--title~.listing-deadline-doughnuts {
padding-top: 8px;
}
.listing-deadline--title {
font-size: 13px;
color: #fbb03b;
font-weight: 500;
text-transform: uppercase;
margin: 0 6px 0 0;
}
.listing-deadline--subtitle {
color: #fbb03b;
}
.listing-deadline--right {
display: flex;
align-items: center;
}
.listing-deadline--right > span {
color: #fbb03b;
font-size: 11px;
text-align: right;
line-height: 1;
margin: 0 4px 0 6px;
letter-spacing: 0.05em;
}
.listing-deadline--date {
font-size: 13px;
color: #fbb03b;
font-weight: 700;
text-transform: uppercase;
}
.listing-deadline-asterisk {
text-align: right;
font-size: 11px;
color: #fbb03b;
margin-top: 10px;
}
.pulse-animation {
/*
-webkit-animation: pulse 1s infinite;
-moz-animation: pulse 1s infinite;
-o-animation: pulse 1s infinite;
animation: pulse 1s infinite;
*/
}
.listing-deadline-doughnuts {
/* float: right; */
flex-shrink: 0;
}
.listing-deadline-doughnut {
position: relative;
width: 35px;
height: 35px;
float: left;
transition: transform 1s ease;
margin: 0 0 0 10px;
}
.listing-deadline-doughnut--inner {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
background-color: #fff;
border-radius: 50px;
text-align: center;
font-weight: 700;
color: #1e1e1e;
}
.listing-deadline-doughnut strong {
display: block;
font-size: 21px;
position: relative;
top: 8px;
color: #1e1e1e;
}
.listing-deadline-doughnut span {
display: block;
font-size: 11px;
position: relative;
top: 4px;
}
.listing-deadline-doughnuts svg {
width: 35px;
height: 35px;
-webkit-transform: rotate(-89.9deg);
transform: rotate(-89.9deg);
background: #121212;
border-radius: 50%;
}
.listing-deadline-doughnuts circle {
position: relative;
fill: #121212;
stroke: #fbb03b;
stroke-width: 6px;
stroke-dasharray: 38 100;
/* for 38% */
transition: stroke-dasharray 1s ease;
}
.listing-deadline-doughnut:hover circle {
stroke-dasharray: 100 100;
/* for 100% */
}
.cart-side .listing-deadline {
margin: 15px 0 0;
padding: 12px 10px;
}
.cart-side .listing-deadline > a {
flex-direction: column;
}
.cart-side .listing-deadline--details {
margin-bottom: 6px;
}
.hybrid .listing-share {
position: relative;
z-index: 4;
margin: 25px 25px 0 0;
}
.listing-share {
float: right;
margin: 20px 0 0 0;
display: flex;
}
.listing-share .button:first-child svg {
margin: 0 6px 0 0;
}
.listing-share .listing-share--inner .button svg {
position: relative;
margin: 0 0 0 6px;
}
.listing-share .button {
color: #fff;
margin: 0 0 0 10px;
display: flex;
align-items: center;
justify-content: center;
}
.listing-image {
position: relative;
width: 100%;
}
.listing-image--brand {
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
}
.listing-image--brand img {
width: 83px;
/* height: 58px; */
}
.listing-image--link {
display: block;
position: relative;
}
.listing-image--img {
display: block;
width: 100%;
}
.listing-image--enlarge {
display: none;
position: absolute;
height: 35px;
width: 35px;
background: url(/images/style/peach/icon-zoom-blue.png) no-repeat center center;
background-size: 35px 35px;
bottom: 30px;
left: 30px;
}
.listing-image--container {
position: relative;
}
.listing-image--container .open-360 {
position: absolute;
bottom: 8px;
left: 8px;
background: url(/images/style/peach/misc/360/360.png);
background-size: 36px 39px;
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
height: 60px;
width: 60px;
background-color: #121212;
}
.listing-image--container .open-360:hover {
-webkit-transform: scale(1.04, 1.04);
-moz-transform: scale(1.04, 1.04);
-o-transform: scale(1.04, 1.04);
-ms-transform: scale(1.04, 1.04);
transform: scale(1.04, 1.04);
}
div#overlay360 {
display: none;
position: absolute;
top: 0;
left:0;
width: 100%;
height: 100%;
z-index: 200;
background-color: rgba(0,0,0,.5);
}
div#overlay360.show {
display: block;
}
.overlay-360--inner {
position: absolute;
top: 100px;
left: 50%;
transform: translate(-50%);
}
.overlay-360--inner .button-close {
font-size: 28px;
position: absolute;
bottom: 100%;
right: 0px;
margin-bottom: 5px;
cursor: pointer;
opacity: .7;
color: #fff;
background: transparent!important;
}
.overlay-360--inner .button-close:hover {
opacity: 1;
}
.stock {
width:64%;
text-align: right;
/*padding:12px 0 24px 0;*/
padding: 0 0 24px 0;
}
.preorder-msg {
text-align: center;
padding: 10px;
margin-bottom: 24px;
background: #414141;
}
.options-loading {
display: none;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background: rgba(0,0,0, 0.6);
z-index: 9999;
}
.options-loading > .dbl {
height: 100%;
}
.options-loading .dblc {
vertical-align: middle;
}
.options_container_radio{
padding:10px 0 0 0;
}
.opt_radio{
width:initial;
vertical-align: middle;
margin: 0 6px .25em 10px;
}
.options_text {
color: #666666;
background-color: #121212;
padding: 7px 10px 8px 10px;
font-weight: 700;
font-size: 14px;
}
#overlay-comparison .options_text {
color: #fff;
padding: 0 0 0 8px;
font-size: 12px;
}
#overlay-comparison .overlay--title {
display: block;
text-align: center;
line-height: 1.2;
color: #fff;
font-family: 'Oswald';
font-size: 20px;
letter-spacing: 0.025em;
font-weight: 400;
}
.listing-options-required {
width:100%;
background:#414141;
padding:15px 20px;
color:#fff;
border-radius:3px;
font-weight: 700;
text-align: center;
position: absolute;
margin-bottom:15px;
z-index:1000;
top:-60px;
}
.listing-options-required:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #414141;
border-width: 10px;
margin-left: -10px;
}
.listing-swatch {
padding: 0 2px 2px 0;
}
.listing-swatch--inner {
position: relative;
height: 0;
padding: 0 0 100% 0;
cursor: pointer;
border-radius: 2px;
overflow: hidden;
}
.listing-swatch--content {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
border-radius: 2px;
border: 2px solid rgba(0,0,0,0.2);
background-repeat: no-repeat;
background-size: cover;
background-origin: border-box;
}
.listing-swatch.sel .listing-swatch--content,
.listing-swatch--inner:hover .listing-swatch--content {
border: 3px solid #fff;
}
.listing-comments-response {
background-color: #e7e7e7;
margin: 15px 0 0 0;
padding: 20px;
}
.listing-usps {
display: flex;
margin: 0 0 30px;
}
.listing-usp {
width: 33.333333333%;
text-align: center;
padding: 16px 10px;
background-color: #0d0d0d;
border-right: 1px solid #262626;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex: 1;
transition: background 300ms ease;
color: #fff;
}
.listing-usp__content {
color: #fff;
width: 100%;
}
.listing-usps a.listing-usp:hover {
cursor: pointer;
background-color: #fff;
background-color: #111;
}
.listing-usp:last-child {
border-right: none;
}
.listing-usp__text {
color: #717171;
font-size: 12px;
}
.listing-usp__title {
font-family: 'Oswald';
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.1em;
margin: 6px 0
}
.listing-upsells {
margin: 0 0 20px;
}
.listing-upsells .product-grid--item {
width: 25%;
}
.listing-upsells .product--title__sub {
display: none!important;
}
.listing-payment {
display: flex;
font-size: 16px;
color: #ffffff;
background-color: #121212;
align-items: center;
padding: 10px 20px;
margin: 0 0 30px;
font-weight: 700;
font-family: 'Oswald';
text-transform: uppercase;
justify-content: center;
letter-spacing: 0.1em;
}
.listing-payment span {
flex-shrink: 0;
}
.listing-payment div {
margin: 0 0 0 20px;
}
.listing-payment img {
display: block;
width: 100%;
max-width: 370px;
}
.listing-2-tab-buttons {
display: flex;
align-items: center;
margin-bottom: 32px;
}
.listing-2-tab-button {
flex: 1;
font-size: 18px;
color: #ffffff;
background-color: #0d0d0d;
color: #fbb03b;
font-size: 18px;
padding: 20px;
text-align: center;
font-family: 'Oswald';
cursor: pointer;
}
.listing-2-tabs header {
position: static;
letter-spacing: inherit;
font-size: inherit;
border-bottom: none;
}
.listing-2-tab-button:last-child {
border: none;
}
.listing-2-tab-button.sel {
color: #ffffff;
background-color: #121212;
}
.listing-2-tab {
display: none;
padding: 0 0 32px;
background-color: #121212;
}
.listing-overview .listing-2-tab {
padding-top: 32px;
}
.listing-2-tab.sel {
display: block;
}
.archive--banner {
font-family: 'Oswald';
font-weight: 500;
font-size: 13px;
line-height: 20px;
text-align: center;
color: #000;
background-color: #FBB03B;
width: 100%;
padding: 4px 16px;
margin: 60px 0 40px;
letter-spacing: 0.03em;
}
.category .archive--banner {
margin: 0 0 20px;
}
.archive-search--container {
display: flex;
align-content: center;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 40px;
}
.archive-search--container .archive-search {
position: relative;
top: 0;
transform: unset;
max-width: 700px;
flex: 1;
}
.archive-filters {
margin-left: 32px;
}
.archive-filters .filter--links {
border-top: 0;
padding: 0!important;
position: relative;
}
.archive-filters #mbl-filters, .archive-filters .filter-title {
padding: 6px 20px;
min-height: 50px;
min-width: 140px;
display: flex;
align-items: center;
border-radius: 30px;
border: 1px solid #717171;
background-color: #0d0d0d;
font-size: 14px;
color: #FFF;
}
.archive-filters #mbl-filters > span, .archive-filters .filter-title > span {
padding-right: 20px;
width: 100%;
}
.archive-filters #mbl-filters > span:after, .archive-filters .filter-title > span:after,
.archive-filters #mbl-filters > span:before, .archive-filters .filter-title > span:before {
background: #FFF;
}
.archive-filters .filter ul {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
margin-top: 10px;
z-index: 1;
background-color: #0d0d0d;
border-radius: 30px;
padding: 20px;
width: max-content;
max-width: calc(100vw - 40px);
}
.archive-filters .filter--links a:before {
background-color: #171717!important;
}
.archive-listing .listing-overview--top-inner {
padding: 0;
}
.archive-listing .listing-spacer {
padding-bottom: 40px;
}
.listing-images-split {
display: flex;
}
.listing-images-split .listing-image--container {
flex: 1;
}
.listing-images-split ~ .listing-og--image--new,
.listing-images-split ~ .listing-og--image--new {
margin-top: 10px;
}
.archive-listing .listing-related--title {
text-transform: uppercase;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
}
.listing-side--videos {
padding-top: 40px;
border-top: 1px solid #FBB03B;
}
.listing-side--videos > *:not(:last-child) {
margin-bottom: 10px;
}
/*
|--------------------------------------------------------------------------
| Listing > Free Gift (30/10/23)
|--------------------------------------------------------------------------
*/
.listing-free {
border: 1px solid #F4B547;
background: #121212;
padding: 20px;
display: flex;
margin-bottom: 10px;
}
.listing-free-logo {
width: 90px;
}
.listing-free-logo svg {
width: 100%;
}
.listing-free-logo + .listing-free-details-title {
padding-left: 15px;
margin: -4px 0 0;
}
.listing-free-details-title {
color: #F4B547;
font-size: 18px;
font-weight: 500;
line-height: 1;
font-family: 'Oswald';
letter-spacing: 0.018em;
text-transform: uppercase;
}
.listing-free-image {
flex-shrink: 0;
width: 110px;
padding-left: 20px;
}
.listing-free-image img {
display: block;
width: 100%;
}
.listing-free-details--text {
padding: 15px 0;
color: #FFF;
font-size: 15px;
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.015em;
}
.listing-free-details--text span {
color: #F4B547;
}
.listing-promo {
color: #717171;
font-size: 13px;
font-weight: 400;
letter-spacing: 0.013em;
}
/*
|--------------------------------------------------------------------------
| Listing > Thumbnails
|--------------------------------------------------------------------------
*/
.listing-desc {
padding: 60px 0;
background-color: #171717;
}
.listing-thumbnails {
position: relative;
margin: 6px 0 0 0;
}
.listing-thumbnails--slider {
padding: 50px;
}
.listing-thumbnails.has-arrows .listing-thumbnails--slider {
padding: 50px 80px;
}
.listing-thumbnail {
margin: 0 3.5px;
}
.listing-thumbnail.slick-slide {
height: auto;
}
.listing-thumbnail--link {
display: block;
height: 207px;
}
.listing-thumbnail--link img {
display: block;
width: auto;
height: 207px;
}
.listing-spec--title {
font-size: 24px;
color: #fbb03b;
padding: 0 0 10px;
}
.listing-spec {
float: left;
padding: 0 60px 0 0;
width: 440px;
font-size: 16px;
font-family: 'Oswald';
}
.listing-spec ul {
padding: 0; margin: 0;
}
.listing-spec li {
position: relative;
list-style-type: none;
padding: 0 0 0 18px;
margin: 0 0 10px;
}
.listing-spec li:before {
content: '';
width: 8px;
height: 8px;
border-radius: 4px;
position: absolute;
top: 6px; left: 0;
background-color: #717171;
}
.listing-desc {
font-size: 18px;
line-height: 1.6;
}
.listing-description {
overflow: hidden;
}
.listing-thumbnails .slick-arrow,
.listing-youtube--slider .slick-arrow {
position: absolute;
left: 0;
width: 60px;
height: 60px;
font-size: 0;
line-height: 0;
background-color: #121212;
height: calc(50% - 1px);
cursor: pointer;
z-index: 9;
color: transparent;
transition: background 300ms ease;
}
.listing-thumbnails .slick-prev,
.listing-youtube--slider .slick-prev {
top: auto;
bottom: 0;
}
.listing-thumbnails .slick-next,
.listing-youtube--slider .slick-next {
top: 0;
}
.listing-thumbnails .slick-disabled,
.listing-youtube--slider .slick-disabled {
opacity: .5;
cursor: not-allowed;
}
.listing-thumbnails .slick-disabled:after,
.listing-youtube--slider .slick-disabled:after {
opacity: 0.4;
}
.listing-youtube--slider .slick-prev + .slick-list {
width: calc(100% - 60px);
margin-left: 60px;
}
.mfp-arrow svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.mfp-arrow-left svg {
transform: translate(-50%, -50%) rotate(-180deg);
}
.mfp-arrow:before,
.mfp-arrow .mfp-b,
.mfp-arrow:after {
border-color: transparent;
}
/*
|--------------------------------------------------------------------------
| Listing > Tabs
|--------------------------------------------------------------------------
*/
.listing-blocks {
padding: 60px 0 60px;
background-color: #121212;
}
.listing-blocks__2 .listing-block {
width: 50%;
}
.listing-blocks__2 .container {
max-width: 900px;
}
.listing-blocks-inner {
border: 1px solid #2a2a2a;
}
.listing-block {
width: 33.333333333%;
float: left;
border-right: 1px solid #2a2a2a;
text-align: center;
padding: 24px 40px;
}
.listing-block:last-child {
border-right: none;
}
.listing-block--title {
font-family: 'Oswald';
font-size: 24px;
padding: 0 0 10px;
}
.listing-block .button {
padding: 7px 24px 7px 24px;
}
.listing-tabs-buttons {
display: table;
table-layout:fixed;
width: 100%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
}
.listing-tabs-button {
position: relative;
display: table-cell;
color: #666666;
font-weight: 700;
font-size: 18px;
cursor: pointer;
transition: color 300ms ease;
padding: 19px 6px;
text-align: center;
width: 1px;
border-right: 1px solid rgba(0,0,0,0.1);
border-bottom: 1px solid rgba(0,0,0,0.04);
}
.listing-tabs-button:last-child {
border-right: none;
}
.listing-tabs-button.sel {
color: #2d2d2d;
}
.listing-tabs-button.sel::after {
content: '';
position: absolute;
left: 50%;
bottom: -1px;
margin-left: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7px 8px 7px;
border-color: transparent transparent #ffffff transparent;
z-index: 99;
}
.listing-tab {
display: none;
padding: 25px 20px;
background-color: #fff;
}
.listing-tab:first-child {
display: block;
}
.mobile-tab-title {
padding: 15px 25px;
color: #fff;
font-weight: 700;
margin: 14px 0 0 0;
}
.mobile-tab-title {
display: none;
}
/*
|--------------------------------------------------------------------------
| Listing > Tabs > Comments
|--------------------------------------------------------------------------
*/
.listing-comments-form {
padding: 20px;
margin: 20px 0 0 0;
background-color: #666666;
}
.listing-comments-title {
font-weight: 700;
font-size: 21px;
color: #fff;
float: left;
}
.listing-comment:first-child {
border-top: 2px solid #e7e7e7;
}
.listing-comment {
padding: 20px;
border: 2px solid #e7e7e7;
border-top: none;
}
.listing-comment-title {
text-transform: uppercase;
font-weight: 700;
padding: 0 0 6px 0;
}
.listing-comments-stars {
float: right;
}
.listing-comments-stars img {
float: left;
cursor: pointer;
}
.listing-comment-author {
float: left;
font-weight: 700;
text-transform: uppercase;
}
.listing-review-stars {
float: right;
}
/*
|--------------------------------------------------------------------------
| Listing > Related
|--------------------------------------------------------------------------
*/
.listing-related {
padding: 70px 0;
background-color: #121212;
}
.listing-related .segment-1-9 {
width: 12.5%;
}
.listing-related--title {
display: block;
font-size: 30px;
color: #fbb03b;
text-align: center;
margin: 0 0 20px;
font-family: 'Oswald';
letter-spacing: 0.025em;
}
.listing-related--products {
padding-top:20px;
}
/*
|--------------------------------------------------------------------------
| Listing > Price Breaks
|--------------------------------------------------------------------------
*/
.price-bands {
display: none;
background-color: #2d2d2d;
margin: 20px 0 0 0;
color: #fff;
}
.price-bands--table-cont {
padding: 10px;
}
.price-bands--table {
border-spacing: 16px 10px;
}
.price-bands--header {
color: #abadae;
}
/*
|--------------------------------------------------------------------------
| Listing > Stock Check
|--------------------------------------------------------------------------
*/
.stock-check {
margin: 20px 0 0 0;
padding: 20px;
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 );
border: 2px solid #e7e7e7;
}
.stock-check--content {
float: left;
padding: 0 20px 0 0;
}
.stock-check--title,
.stock-check--subtitle {
font-size: 18px;
color: #2d2d2d;
font-weight: 700;
line-height: 18px;
}
.stock-check--subtitle {
font-size: 12px;
color: #666666;
}
.stock-check--submit {
float: right;
background-color: #4a9a53;
font-size: 12px;
padding: 10px 8px;
}
.stock-check--form {
border-radius: 3px;
overflow: hidden;
}
.stock-check--input {
overflow: hidden;
}
.stock-check--input {
width: 100%;
line-height: 36px;
padding: 0 12px;
}
/*
|--------------------------------------------------------------------------
| Listing > Highend
|--------------------------------------------------------------------------
*/
.highend {
position: relative;
}
.highend--mobile:after {
display: none;
}
/*.highend--mobile .highend-inner:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
z-index: 1;
}*/
.highend--mobile .highend-inner > * {
position: relative;
z-index: 2;
}
.highend-inner {
position: relative;
z-index: 3;
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
padding: 256px 0 0 0;
background-position: center left;
}
.highend-inner--image {
position: absolute !important;
z-index: 1 !important;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.highend-inner.alt-img .highend-inner--image {
left: unset;
right: 45%;
width: 55%;
}
.highend-inner:after,
.highend-inner:before {
content: '';
position: absolute;
right: 0;
}
.highend-inner:after {
top: 0;
max-width: 1200px;
width: 100%;
bottom: 0;
background: rgb(0, 0, 0);
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
z-index: 1;
opacity: 0.8;
}
.highend-inner.alt-img:after {
max-width: 60%;
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 25%);
opacity: 1;
}
.highend-inner:before {
top: 0;
height: 400px;
width: 100%;
left: 0;
bottom: 0;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
z-index: 2;
opacity: 0.85;
}
.listing_stock_ship {
font-size: 11px;
}
.highend-inner > .container {
position: relative;
z-index: 2;
}
.highend-inner > .container > .flex {
width: 100%;
}
.highend-filler {
width: 50%;
}
.highend-content {
display: flex;
height: 70vh;
min-height: 500px;
max-height: 1000px;
flex-direction: column;
justify-content: center;
width: 50%;
padding: 0 0 0 100px;
}
.highend-cont ~ .listing {
padding: 60px 0 0;
}
.highend-content--mobile {
display: none;
}
.highend-cont ~ .listing > .container {
padding-bottom: 80px;
}
.highend-title {
font-size: 36px;
font-family: 'Oswald';
padding: 10px 0;
}
.highend-brand {
margin: 0 0 10px;
width: 120px;
}
.highend-price {
/* padding: 10px 0 0; */
}
.highend-price .listing-divido,
.highend-price .listing-hitachi {
float: none;
display: inline-block;
left: -6px;
position: relative;
}
.highend-rrp,
.highend-price {
display: block;
float: none;
top: auto;
}
.highend-action {
padding: 30px 0 0 0;
}
.highend-action .listing-buy {
padding: 9px 30px;
}
.highend-action .button-finance {
float: none;
margin: 0 0 0 4px;
}
.highend-cont {
padding: 0 0 100px;
background-color: #121212;
}
.highend-wrap {
padding: 100px 0 0;
}
.highend-block {
padding: 0 0 20px;
}
.highend-block--image-cont {
position: relative;
}
.highend-block--content,
.highend-block--image-cont {
width: 50%;
float: right;
padding: 0 0 0 10px;
}
.highend-block--image-cont__360 ~ .highend-block--content {
float: left;
}
.highend-block--image-cont__360 {
border-left: 10px solid #121212;
}
.highend-block:nth-child(even) .highend-block--image-cont__360 {
border-left: none;
border-right: 10px solid #121212;
}
.highend-block--content {
padding: 0 10px 0 0;
}
.highend-block--content-inner {
/* padding: 270px 50px;*/
display: table;
min-height: 600px;
padding: 50px;
background-color: #171717;
width: 100%;
}
#threesixty {
width: 362px;
height: 362px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.highend-block {
position: relative;
}
.highend-block--image-cont__360 {
position: absolute;
right: 0;
top: 0;
bottom: 20px;
width: 50%;
overflow: hidden;
max-width: 650px;
}
.highend-block--content-wrap {
vertical-align: middle;
display: table-cell;
}
.highend-block--title {
font-size: 36px;
color: #fbb03b;
font-family: 'Oswald';
padding: 0 0 10px 0;
}
.highend-block--text {
font-size: 18px;
}
.listing-360-btn {
position: absolute;
bottom: 1px;
width: 60px;
height: 60px;
text-align: center;
right: 62px;
background-color: #0d0d0d;
z-index: 2;
color: #fbb03b;
padding: 9px 0 0;
font-size: 11px;
font-family: 'Oswald';
}
.listing-360-btn span {
display: block;
}
.highend-block--image-slider .slick-arrow,
.highend-block--360-slider .slick-arrow,
.threesixty-arrow {
position: absolute;
bottom: 1px; right: 1px;
width: 60px;
height: 60px;
background-color: #0d0d0d;
z-index: 10;
cursor: pointer;
}
.threesixty-arrow svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.highend-block--image-slider .slick-prev,
.highend-block--360-slider .slick-prev {
right: 62px;
}
.threesixty-prev {
right: 123px;
}
.highend-block:nth-child(even) .highend-block--content {
float: right;
padding: 0 0 0 10px;
}
.highend-block:nth-child(even) .highend-block--image-cont {
float: left;
padding: 0 10px 0 0;
}
.highend-testimonials {
padding: 0 0 20px;
}
.highend-testimonial {
text-align: center;
padding: 20px 0;
}
.highend-testimonial > .container {
max-width: 810px;
}
.highend-testimonial--image {
float: left;
}
.highend-testimonial--text {
padding: 34px 0 0 ;
}
.highend-testimonial--text,
.highend-testimonial--text p {
font-size: 21px;
color: #fff;
font-family: 'Oswald';
}
.highend-block__full-width .highend-block--content {
padding: 0;
width: 100%;
}
.highend-block__full-width .highend-block--content-inner {
padding: 100px 50px;
}
.highend-youtube {
background-color: #121212;
}
.highend-specs__title {
font-size: 22px;
text-transform: uppercase;
color: #fbb03b;
font-family: 'Oswald';
}
.highend-specs ul {
margin: 15px 0 0 20px;
}
.select2-dark-dropdown {
background-color: #121212;
color: #fff;
}
.select2-dark-dropdown .select2-results__option {
color: #fff;
font-size: 12px;
}
.select2-dark-dropdown .select2-results__option[aria-selected=true] {
background-color: #444;
}
.hybrid-brand {
max-width: 100px;
}
.hybrid ~ .container .form-options {
margin: 0;
padding: 30px 40px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.hybrid ~ .listing-related {
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
}
.panel {
padding: 60px 0;
}
.panel--wood {
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: 100%;
background-repeat: repeat-y;
background-position: top center;
}
.panel--black {
background-color: #0d0d0d;
}
.hybrid-short-desc {
padding: 30px 40px;
background-color: #0d0d0d;
}
.hybrid-short-desc--bottom {
padding: 0 40px 30px 40px;
background-color: #0d0d0d;
}
.flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.flex--ai-c {
align-items: center;
}
.flex--jc-sb {
justify-content: space-between;
}
.flex--jc-c {
justify-content: center;
}
.flex--ai-fs {
align-items: flex-start;
}
.flex--ai-sb {
align-items: space-between;
}
.flex-item {
flex: 1;
}
.flex-grid--20 {
margin: 0 -10px;
}
.flex-grid--20 .flex-item {
padding: 0 10px;
}
/*
|--------------------------------------------------------------------------
| Listing > Overlay
|--------------------------------------------------------------------------
*/
.overlay {
display: none;
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
background-color: rgba(102, 102, 102, 0.85);
z-index: 100;
}
.overlay-personalise {
background-color: rgba(0, 0, 0, 0.85);
}
.overlay.open {
display: block;
}
.overlay--close {
position: absolute;
top: -30px;
right: 0;
color: #fff;
font-weight: 700;
font-size: 12px;
cursor: pointer;
transition: transform 0.4s cubic-bezier(0.25, 0, 0.25, 1.75) 1s;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0, 0.25, 1.75) 1s;
}
@-webkit-keyframes overlayEntrance {
0% { -webkit-transform: translate(-50%, -50%) rotateX(70deg) scale(0.7); transform: translate(-50%, -50%) rotateX(70deg) scale(0.7); opacity: 0; }
80% { -webkit-transform: translate(-50%, -50%) scale(1.04); transform: translate(-50%, -50%) scale(1.04); }
90% { -webkit-transform: translate(-50%, -50%) scale(0.98); transform: translate(-50%, -50%) scale(0.98); }
100% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }
}
@keyframes overlayEntrance {
0% { -webkit-transform: translate(-50%, -50%) rotateX(70deg) scale(0.7); transform: translate(-50%, -50%) rotateX(70deg) scale(0.7); opacity: 0; }
80% { -webkit-transform: translate(-50%, -50%) scale(1.04); transform: translate(-50%, -50%) scale(1.04); }
90% { -webkit-transform: translate(-50%, -50%) scale(0.98); transform: translate(-50%, -50%) scale(0.98); }
100% { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; }
}
@keyframes overlayEntranceNotVerticallyCentered {
0% { -webkit-transform: translateX(-50%) rotateX(70deg) scale(0.7); transform: translateX(-50%) rotateX(70deg) scale(0.7); opacity: 0; }
80% { -webkit-transform: translateX(-50%) scale(1.04); transform: translateX(-50%) scale(1.04); }
90% { -webkit-transform: translateX(-50%) scale(0.98); transform: translateX(-50%) scale(0.98); }
100% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 1; }
}
.overlay--inner {
position: absolute;
top: 50%; left: 50%;
width: 100%;
max-width: 446px;
padding: 20px;
background-color: #262626;
transition: all 1s cubic-bezier(0.25, 0, 0.25, 1.75);
border-radius: 2px;
}
.overlay__blue .overlay--inner {
background-color: #fbb03b;
}
.overlay.open .overlay--inner {
-webkit-animation: overlayEntrance 1s forwards;
-moz-animation: overlayEntrance 1s forwards;
-o-animation: overlayEntrance 1s forwards;
animation: overlayEntrance 1s forwards;
}
.overlay-personalise .overlay--inner {
background-color: #c0bfbf;
padding: 5px 5px 0 5px;
}
.overlay--title {
display: block;
text-align: center;
font-weight: 700;
font-size: 21px;
line-height: 1.2;
color: #fff;
}
#overlay-comparison .listing-swatch {
width: 12.5%;
}
.overlay-personalise .overlay--title {
color: #1e1e1e;
padding: 14px 0 14px;
}
.overlay--input-group {
padding: 0 0 4px;
}
.overlay--input-group-padded {
padding: 10px 0 4px;
}
.overlay--submit-group {
text-align: center;
padding: 4px 0 0 0;
}
.overlay--input {
width: 100%;
padding: 6px 8px;
border-radius: 2px;
border: 1px solid rgba(0,0,0,0.2);
background-color: #fff;
text-align: left;
font-size: 13px;
color: #1e1e1e;
}
.overlay--text-input {
height: 120px;
}
.overlay--form {
padding: 20px 0 0 0;
}
#ask-a-question,
#bulk {
cursor: pointer;
}
.overlay--text {
text-align: center;
color: #fff;
font-size: 12px;
padding: 10px 0 0 0;
margin: 0;
}
.addthis_sharing_toolbox {
padding-top:4px;
float: right;
}
#product_add_content h2 {
font-size: 16px;
}
#product_add_content,
#product_add_upsell {
padding: 4px 0 10px;
text-align: center;
}
#engraving_img_container {
text-align: center;
padding-top: 14px;
}
#add-new-address-overlay .overlay--inner,
#gift-options-overlay .overlay--inner {
background-color: #fff;
padding: 40px;
max-width: 460px;
}
#add-new-address-overlay .overlay--title,
#gift-options-overlay .overlay--title {
color: #2d2d2d;
padding: 0 0 20px 0;
display: block;
}
#add-new-address-overlay .checkout-form--has-button {
padding: 10px 0 20px 0;
}
#click-and-collect-overlay .overlay--inner {
background-color: #fff;
padding: 20px;
max-width: 980px;
}
.collect-left {
vertical-align: top;
width: 32%;
padding: 0 20px 0 0;
}
.collect-right {
vertical-align: top;
}
.collect--title {
padding: 6px 0 0 0;
font-size: 21px;
color: #2d2d2d;
}
.collect-form {
padding: 20px;
margin: 15px 0 20px;
background-color: #fbb03b;
color: #fff;
}
.collect-form--text {
display: block;
font-size: 13px;
line-height: 14px;
padding: 0 0 15px 0;
}
.collect-form--input-group {
overflow: hidden;
}
.collect-form--action {
float: right;
}
.collect-form--input {
width: 100%;
padding: 11px 10px;
font-weight: 700;
font-size: 16px;
color: #666666;
border-radius: 3px 0px 0px 3px;
}
.collect--subtitle {
font-size: 13px;
color: #666666;
padding: 0 0 15px;
}
.collect--subtitle span {
color: #2d2d2d;
text-transform: uppercase;
}
.collect-store {
margin: 0 0 1px;
border: 2px solid #e7e7e7;
padding: 10px 12px;
cursor: pointer;
}
.collect-store--inner {
position: relative;
}
.collect-store:hover {
border-color: #d4d7d8;
}
.collect-store.sel {
border: 2px solid #e7e7e7;
}
.collect-store--title {
display: block;
color: #2d2d2d;
font-weight: 700;
}
.collect-store--stock {
font-size: 11px;
font-weight: 700;
padding-left: 20px;
}
.collect-store--distance {
position: absolute;
bottom: 0; right: 0;
text-transform: uppercase;
font-weight: 700;
font-size: 11px;
color: #666666;
}
.collect-map {
width: 100%;
position: relative;
padding: 0 0 60%;
}
.collect-map .loading {
display: none;
position: absolute;
top: 0; right:0; bottom: 0; left: 0;
background-color: #fbb03b;
opacity: 0.8;
z-index: 1;
background: url(/images/style/peach/brand-x2.png) no-repeat center center #fbb03b;
background-size: 170px 103px;
}
#map {
position: absolute;
top: 0; right:0; bottom: 0; left: 0;
background-color: #e7e7e7;
}
.collect-info--inner {
border: 2px solid #e7e7e7;
border-top: none;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(241,241,240,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(241,241,240,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(241,241,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f1f1f0',GradientType=0 );
}
.collect-info--title {
text-align: center;
padding: 20px;
color: #666666;
text-transform: uppercase;
font-weight: 700;
border-bottom: 2px solid #e7e7e7;
}
.collect-info--title span {
color: #1d1d1d;
}
.collect-info--key {
display: block;
color: #666666;
text-transform: uppercase;
font-weight: 700;
padding: 0 15px 0 0;
font-size: 13px;
}
.collect-info--value {
color: #2d2d2d;
text-transform: uppercase;
padding: 0 0 0 15px;
font-weight: 700;
font-size: 13px;
display: block;
}
.collect-info--grid {
padding: 25px;
}
.collect-info--grid .dbl {
width: auto;
}
.collect-info--key-table {
max-width: 60px;
float: left;
}
.collect-info--grid .segment-50:nth-child(2) .dbl .dblc:last-child {
text-align: right;
width: 100%;
}
.button.voucher_remove{
border-radius: 0;
padding: 12px 12px;
visibility: middle;
background-image: url(/images/style/peach/cross-white.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 12px 12px;
background-color: #717171;
}
.button.voucher_remove:hover{
background-color: #2f2f2f;
}
.voucher.dblr .dblc{
vertical-align: middle;
}
.voucher.dblr .dblc:last-child{
text-align: right;
}
.vouchers-wrapper{
padding-top: 20px;
}
.voucher_add{
height: 50px;
padding: 12px 0;
width: calc(20% - 3px);
}
.checkout-title.no_border{
border: none;
}
.voucher-code--small{
font-size: 10px;
color: #717171;
display: block;
}
h1 .voucher-code--small{
font-size: inherit;
display: inline-block;
}
.voucher-amount-input{
width: 100%;
padding: 25px 8px 8px 8px;
color: #121212;
resize: none;
font-family: 'Roboto';
font-size: 14px;
font-weight: 500;
}
.register-interest-opt-in {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.register-interest-opt-in > label {
padding-left: 10px;
max-width: max-content;
flex: 1;
}
/*
|--------------------------------------------------------------------------
| Overlay > Gift Options
|--------------------------------------------------------------------------
*/
#gift-options-overlay {
position: absolute;
background: none;
}
#gift-options-overlay .overlay--backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(102, 102, 102, 0.85);
}
#gift-options-overlay .overlay--inner {
position: absolute;
max-width: 800px;
top: 200px;
}
#gift-options-overlay.open .overlay--inner{
-webkit-animation: overlayEntranceNotVerticallyCentered 1s forwards;
-moz-animation: overlayEntranceNotVerticallyCentered 1s forwards;
-o-animation: overlayEntranceNotVerticallyCentered 1s forwards;
animation: overlayEntranceNotVerticallyCentered 1s forwards;
}
.gift-option {
margin: 0 0 20px 0;
border: 2px solid #e7e7e7;
}
.gift-option--product-cont {
border-bottom: 2px solid #e7e7e7;
}
.gift-option--product {
padding: 24px 20px;
overflow: hidden;
}
.gift-option--product-price,
.gift-option--title {
font-weight: 700;
color: #2d2d2d;
}
.gift-option--product-options {
font-size: 11px;
color: #666666;
}
.gift-option--product-price {
font-size: 18px;
float: right;
}
.gift-option--product-image {
float: left;
}
.gift-option--product-image img {
height: 80px;
}
.gift-option--grid {
padding: 20px;
}
.gift-option--message {
width: 100%;
margin: 10px 0 0 0;
padding: 14px 18px;
border: 2px solid #e7e7e7;
height: 100px;
font-weight: 700;
}
.gift-option--grid {
margin: 0 -30px 0 0;
}
.gift-option--grid .segment-50 {
padding: 0 30px 0 0;
}
.gift-option--action {
margin: 30px 0 0 0;
}
/*
|--------------------------------------------------------------------------
| Compare
|--------------------------------------------------------------------------
*/
.compare > .message {
margin: 0;
}
.compare-table .product--title {
font-size: 16px;
}
.compare-undo--button {
margin: 0 0 0 10px;
background-color: rgba(0,0,0,0.1);
}
.compare-undo--button:hover {
background-color: rgba(0,0,0,0.2);
}
.compare-table {
font-size: 13px;
min-width: 1000px
}
.compare-table--row {
display: table-row;
position: relative;
color: #fff;
}
/*.compare-table--row:after {
content: '';
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
background: -moz-linear-gradient(top, rgba(213,86,62,0) 1%, rgba(54,22,16,0) 75%, rgba(0,0,0,0.2) 100%);
background: -webkit-linear-gradient(top, rgba(213,86,62,0) 1%,rgba(54,22,16,0) 75%,rgba(0,0,0,0.2) 100%);
background: linear-gradient(to bottom, rgba(213,86,62,0) 1%,rgba(54,22,16,0) 75%,rgba(0,0,0,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0001c4f4', endColorstr='#33000000',GradientType=0 );
}*/
.compare-table--cell {
display: table-cell;
padding: 15px;
color: #fbb03b;
text-align: center;
font-weight: 600;
width: 20.83333333333333%;
background-color: #1d1a1a;
}
.compare-table--row:nth-child(even) .compare-table--cell {
background-color: #1d1a1a;
}
.compare-table--button-row .compare-table--cell {
background-color: transparent!important;
}
.compare-table--row-header {
width: 16.66666666666667%;
background-color: #1d1a1a;
text-align: right;
color: #fff;
}
.compare-table--row:nth-child(even) .compare-table--cell {
background-color: #2b2b2b;
}
.compare-table--row:nth-child(even) .compare-table--row-header {
background-color: #2b2b2b;
}
.compare-table--head-cell-first {
width: 16.66666666666667%;
}
.compare-listing--image {
display: block;
}
.compare-listing--image img {
display: block;
width: 100%;
}
.compare-table--title-cont {
padding: 5px;
text-align: center;
min-height: 280px;
}
.compare-table--title {
font-size: 36px;
color: #fff;
margin: 0;
padding: 60px 10px;
}
.compare-table--head {
display: table-row;
}
.compare-table--head .compare-table--cell {
padding: 0;
text-align: left;
vertical-align: top;
border-bottom: none;
}
.compare-table--cell {
position: relative;
}
.compare-table--info {
text-align: center;
position: absolute;
bottom: 50px;
padding: 0 20px;
left: 0; right: 0;
}
.compare-table--info:hover {
text-decoration: none;
}
.compare-table--info:hover .compare-table--text {
text-decoration: underline;
}
.compare-table--text {
max-width: 170px;
font-size: 18px;
color: #fff;
margin: 0 auto;
line-height: 1.4;
font-weight: 400;
}
.compare-table--svg {
position: relative;
height: 24px;
width: 24px;
background-color: #fff;
border-radius: 12px;
margin: 0 auto;
margin: 10px auto 0;
}
.compare-table--svg svg {
position: absolute;
top: 50%; left: 50;
transform: translate(-50%, -50%);
}
.compare-table--head .compare-table--head-cell-first {
background-color: #0d0d0d;
}
.compare-table--head .compare-table--cell:first-child {
padding: 10px;
}
.compare-table--cell.compare-table--head-cell-empty {
text-align: center;
vertical-align: middle;
}
.compare-table--head-cell-empty i {
font-size: 270px;
font-style: normal;
}
.compare-undo--form {
display: inline-block;
}
.compare-table .product--text {
padding: 22px 20px;
}
.compare-table .prod_price_web {
font-size: 20px;
color: #fbb03b;
}
.button--remove {
display: block;
width: 100%;
color: #cb0033;
font-size: 11px;
font-weight: 600;
padding: 10px;
background: none;
}
.button--remove:hover{
text-decoration: underline;
}
/*
|--------------------------------------------------------------------------
| Basket
|--------------------------------------------------------------------------
*/
.basket {
padding: 256px 0 0 0;
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
}
.basket h1 {
text-align: center;
padding: 0 0 40px;
font-weight: 700;
}
.cart--heading {
text-transform: uppercase;
font-size: 18px;
color: #fff;
padding: 0 0 15px 0;
font-family: 'Oswald';
}
.cart--heading ~ .input {
margin: 0 0 4px
}
.cart-segment {
background-color: #171717;
margin-bottom:20px;
}
.cart-upsells > .cart-items {
display: flex;
flex-wrap: wrap;
}
.cart-upsells > .cart-items > .cart-item {
width: 50%;
margin-bottom: 20px;
}
.cart-upsells .cart--heading {
width: 100%;
}
.cart-upsells .cart-item-title a {
font-size: 16px;
}
.cart-upsells .cart-item:last-child {
margin-bottom: 20px;
border-bottom: 1px solid #0d0d0d;
}
.cart-upsells .cart-item:last-child .cart-item-right .button-small,
.cart-upsells .cart-item-right .button-small {
bottom: 20px;
}
.cart-main .cart-segment:last-child{
margin-bottom:0;
}
.cart-side .cart-segment{
margin-bottom:0;
}
.cart-segment--inner {
padding: 27px;
}
.cart-segment-finance {
display: none;
}
.cart-segment-finance .cart-segment {
float: left;
padding: 15px;
}
.cart-segment-finance img {
display: block;
}
.cart-finance-msg-title {
font-weight: bold;
padding-bottom: 2px;
}
.cart-main {
width: 70%;
float: left;
}
.continue-button {
background-color: #0d0d0d;
text-transform: uppercase;
}
.continue-button:hover {
background-color: #0d0d0d;
color: #FFF;
}
.update-button {
border-radius: 20px!important;
text-transform: uppercase;
}
/*
|--------------------------------------------------------------------------
| Basket > Side
|--------------------------------------------------------------------------
*/
.cart-side {
float: right;
width: 30%;
padding: 0 0 0 40px;
}
.cart-side--option {
font-size: 13px;
font-weight: 700;
border: 1px solid #262626;
margin-top:15px;
}
.cart-side--option span {
display: block;
padding: 12px;
}
.cart-side--option-trigger {
padding: 0 15px;
}
.cart-side--option__gift {
color: #51ac5c;
}
.cart-side--option__gift.sel {
background: #51ac5c;
color: #fff;
border: 2px solid #3F9649;
}
.cart-side--option__gift.sel span {
background-image: url(/images/style/peach/icon-gift-white.png);
}
.cart-side--option-inner {
display: none;
padding: 0 20px 20px 20px;
}
/*
|--------------------------------------------------------------------------
| Basket > Totals
|--------------------------------------------------------------------------
*/
.cart-totals {
color: #717171;
border-top: 1px solid #262626;
font-size: 14px;
}
.cart-totals .dblc {
padding: 4px 0;
}
.cart-total--price {
text-align: right;
}
.cart-total {
color: #717171;
font-size: 14px;
}
.cart-total .dblc{
padding-bottom:15px;
font-size: 18px;
text-transform: uppercase;
color: #fff;
font-weight: 400;
font-family: 'Oswald';
}
.cart-side--delivery-option {
background-color: #e7e7e7;
font-weight: 700;
color: #1e1e1e;
padding: 15px;
margin-top:2px;
transition: padding 300ms ease;
cursor: pointer;
}
.cart-side--delivery-option:hover {
padding: 15px 20px;
}
.cart-side--delivery-option.sel {
background-color: #fbb03b;
}
.cart-side--delivery-option strong {
font-size: 13px;
display: block;
}
.cart-side--delivery-option span {
display: block;
font-size: 11px;
}
.cart-side--delivery-option span {
color: #666666;
}
span.cart-side--delivery-cost,
span.cart-side--delivery-cost--original{
float: right;
font-weight: 700;
color: #1e1e1e;
margin-top: 2px;
}
span.cart-side--delivery-cost--original{
text-decoration: line-through;
padding-right: 8px;
font-weight: normal;
}
.cart-delivery-message {
font-size: 13px;
font-weight: 500;
padding: 10px;
background-color: #3b75fb;
margin-bottom: 8px;
}
/*
|--------------------------------------------------------------------------
| Basket > Items
|--------------------------------------------------------------------------
*/
.cart-items {
width: 100%;
padding: 15px;
position: relative;
}
.cart-item--wrap {
position: relative;
}
.cart-item {
position: relative;
margin: 0 0 15px 0;
border-bottom: 1px solid #0d0d0d;
}
.cart-item:last-child {
border-bottom: 0;
margin:0;
padding:0;
}
.cart-item-image {
width: 130px;
float: left;
margin: 0 0 15px 0;
}
.cart-item:last-child .cart-item-image {
margin:0;
}
.cart-item-content {
overflow: hidden;
padding: 10px 120px 10px 20px;
}
.cart-item-title {
padding: 0 0 4px;
display: block;
}
.cart-side--delivery-option-cont {
padding: 8px 0 0;
}
.cart-item-title a,
.cart-item--free-gift .cart-item-title {
font-size: 18px;
color: #fff;
font-family: 'Oswald';
}
.postcode_button {
text-transform: uppercase;
margin: 10px 0 0;
padding: 15px 10px;
border-radius: 20px!important;
}
.cart-item-content .label-inline{
width:104px;
}
.cart-item-right {
width:110px;
position: absolute;
top: 10px; right: 20px; bottom: 0;
float: right;
text-align: right;
}
.cart-item--surcharge .cart-item-right {
top: 5px;
}
.cart-item--surcharge-multiple .input {
margin: 10px 0 20px;
}
.cart-item-price {
font-size: 21px;
color: #fbb03b;
font-family: 'Oswald';
}
.cart-item-unitprice, .cart-item-option {
display: block;
color: #666666;
font-size: 12px;
}
#cart--vat-declaration-details {
display:none;
}
.remove {
background: url(/images/style/peach/cart-remove.png) left center no-repeat;
padding: 3px 0 0 15px;
cursor: pointer;
font-size: 12px;
text-transform: uppercase;
color: #b52025;
font-weight: 700;
-webkit-transition: background .3s ease, border .3s ease, opacity .3s ease, color .3s ease;
transition: background .3s ease, border .3s ease, opacity .3s ease, color .3s ease;
}
.remove:hover {
background: url(/images/style/peach/cart-remove_white.png) left center no-repeat;
color: #fff;
}
.cart-item-right .remove, .cart-item-right .button-small {
position: absolute;
bottom: 15px;
right: 0;
}
.cart-item:last-child .cart-item-right .button-small {
bottom:0;
}
.cart-item--stock {
padding: 0 0 0 10px;
}
.cart-item-content input[type="tel"] {
background-color: #121212;
color: #fff;
font-size: 18px;
}
.cart-item-content .input-label {
line-height: 1;
font-size: 18px;
}
.cart-item-content .dbl {
margin-top: 20px;
}
.cart-item--free-gift .cart-item-image {
max-width: 90px;
}
.cart-item--free-gift .cart-item-content .input-label {
font-size: 14px;
width: unset;
}
.cart-item--free-gift .input.label-inline input[type="tel"] {
background-color: transparent;
font-size: 14px;
padding: 0 0 0 40px;
}
/*
|--------------------------------------------------------------------------
| Brands
|--------------------------------------------------------------------------
*/
.home-brands--grid {
margin: 0 -10px 0 0;
}
.brands-page {
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: contain;
background-repeat: repeat-y;
background-position: top center;
}
.brands-page .jumbotron {
background: none;
}
.brands-page .jumbotron--title {
font-weight: 600;
color: #FBB03B;
font-size: 42px;
letter-spacing: 0;
}
.brand-letters--grid {
display: flex;
flex-wrap: wrap;
margin: 0 -1px 0 0;
padding: 50px 0 14px 0;
}
.brand-letter {
text-align: center;
width: 3.4%;
float: left;
padding: 0 1px 1px 0;
}
.brand-letter.disabled {
opacity: 0.4;
}
.brand-letter.disabled .brand-letter--inner {
cursor: not-allowed;
}
.brand-letter.disabled .brand-letter--inner:hover {
color: #fbb03b;
background-color: #fff;
}
.brand-letter--inner {
display: block;
font-size: 16px;
background-color: #171717;
cursor: pointer;
color: #fff;
padding: 8px 0;
}
.brand-letter--inner.sel,
.brand-letter--inner:hover {
background-color: #fbb03b;
color: #fff;
}
.brand-letter-all {
flex: 1;
max-width: 300px;
padding-bottom: 1px;
}
.brand-letter-all > a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
height: 100%; width: 100%;
min-width: 40px;
background-color: #FBB03B;
color: #0d0d0d;
padding: 6px 6px 4px;
-webkit-transition: ease-in-out .3s;
transition: ease-in-out .3s;
}
.brand-letter-all > a:hover {
background-color: #c78929;
}
.brands-list--grid {
margin: 0 -10px 0 0;
}
.brands-list--item {
text-align: center;
width: 16.6666666666666666666%;
float: left;
padding: 0 10px 10px 0;
}
.brands-list--letter {
position: relative;
color: #ffffff;
font-weight: 700;
font-size: 60px;
}
.brands-list--letter .brands-list--inner {
background-color: #121212;
}
.brands-list--letter span {
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 50%;
bottom: 0;
left: 50%;
right: 0;
font-size: 30px;
font-family: 'Oswald';
height: 60px;
line-height: 60px;
font-weight: 700;
}
.brands-list--inner {
position: relative;
height: 0;
padding: 0 0 100% 0;
}
.brands-list--image {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 34px;
background-color: #0d0d0d;
}
.brands-list--image img {
display: none;
}
.brands-list--text {
position: absolute;
right: 0; bottom: 0; left: 0;
background-color: #0d0d0d;
font-family: 'Oswald';
font-size: 13px;
letter-spacing: 0.025em;
color: #fff;
padding: 10px 0;
}
.brands-list--text:hover {
color: #fbb03b;
}
/*
|--------------------------------------------------------------------------
| Checkout
|--------------------------------------------------------------------------
*/
.announcement-banner + .checkout-header {
top: 47px;
}
.checkout-header {
min-height: auto;
padding: 31px 0;
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
border-bottom: none;
position: relative;
}
.checkout {
position: relative;
overflow: hidden;
background-color: #171717;
/* margin: 177px 0 0 0; */
}
.checkout-main {
width: 60%;
padding: 45px 70px 0 0;
background-color: #171717;
float: left;
}
#checkout-container, #confirm-container{
max-width:1400px;
}
#checkout-container{
padding:0 100px 0 120px;
}
#confirm-container{
padding:0 100px 0 170px;
}
.payment-methods{
margin: 0 0 15px 0;
}
.checkout-segment {
padding: 0 0 25px 0;
}
.checkout-password-p {
font-size: 13px;
line-height: 18px;
margin-bottom: 20px;
}
.checkout-segment .input-grid {
margin: 0 -4px 0 0;
}
.checkout-segment .input-grid .input {
padding: 0 4px 0 0;
margin: 0 0 4px 0;
}
.checkout-segment .input-grid .checkout-checkbox {
padding-top: 6px;
}
.checkout-segment .select2-basic--container.select2-selection--single .select2-selection__rendered {
padding: 26px 8px 6px 8px;
}
.checkout-segment .input input[type="text"],
.checkout-segment .input input[type="email"],
.checkout-segment .input input[type="search"],
.checkout-segment .input input[type="tel"],
.checkout-segment .input input[type="password"],
.checkout-segment .input textarea {
padding: 21px 8px 8px 8px;
border: 2px solid transparent;
}
.checkout-segment .input input[type="text"]:focus,
.checkout-segment .input input[type="email"]:focus,
.checkout-segment .input input[type="search"]:focus,
.checkout-segment .input input[type="tel"]:focus,
.checkout-segment .input input[type="password"]:focus,
.checkout-segment .input textarea:focus {
border-color: transparent !important;
}
.checkout-segment .input input[type="text"].validate-border:focus,
.checkout-segment .input input[type="email"].validate-border:focus,
.checkout-segment .input input[type="search"].validate-border:focus,
.checkout-segment .input input[type="tel"].validate-border:focus,
.checkout-segment .input input[type="password"].validate-border:focus,
.checkout-segment .input textarea.validate-border:focus {
border-color: #b62f3f !important;
}
.checkout-title {
font-size: 20px;
padding: 18px 0 0px 0;
margin: 0 0 15px 0;
}
.checkout-subtitle {
font-size: 18px;
padding: 0 0 15px 0;
margin: 0;
}
.checkout-breadcrumbs{
display:none;
}
.checkout-breadcrumb {
position: relative;
padding: 0 20px 0 0;
font-size: 16px;
color: #555;
}
.checkout-breadcrumb:after {
position: absolute;
top: 50%;
right: 8px;
margin: -4px 0 0 0;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 4px;
border-color: transparent transparent transparent #2d2d2d;
}
.checkout-breadcrumb:last-child:after {
display: none;
}
.checkout-breadcrumb__green {
color: #51ac5c;
}
.checkout-breadcrumb__green:after {
border-color: transparent transparent transparent #51ac5c;
}
.checkout-breadcrumb__grey {
color: #666666;
}
.checkout-breadcrumb__grey:after {
border-color: transparent transparent transparent #666666;
}
.checkout-side {
width: 40%;
float: right;
position: relative;
z-index: 1;
}
.checkout-side:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 300%;
background: #0d0d0d;
z-index: -1;
}
.checkout-action {
padding: 24px 0;
}
.return-to-basket {
color: #717171;
padding: 12px 25px 11px 0;
text-transform: uppercase;
font-size: 15px;
font-family: 'Oswald';
letter-spacing: 0.01em;
}
.return-to-basket:hover {
color: #FFF;
}
.return-to-basket svg {
position: relative;
margin: 0 5px 0 0;
top: 1px;
}
.checkout-addressbook .input {
display: none;
}
.checkout-addressbook-button {
color: #fbb03b;
font-size: 13px;
margin-bottom: 15px;
cursor: pointer;
}
/*
|--------------------------------------------------------------------------
| Checkout > Delivery Address
|--------------------------------------------------------------------------
*/
.delivery-address {
display: block;
width: 100%;
margin: 0 0 4px 0;
border: 2px solid #e7e7e7;
cursor: pointer;
}
.delivery-address:hover {
background-color: #019dc3;
}
.delivery-address.sel{
border: 2px solid #019dc3;
}
.delivery-address:hover .delivery-address--title,
.delivery-address:hover .delivery-address--location {
color: #fff;
}
.delivery-address.sel .delivery-address--checkbox:after {
background-color: #2d2d2d;
border: 4px solid #fff;
transition: background 300ms ease;
}
.delivery-address.sel .delivery-address--title,
.delivery-address.sel .delivery-address--location {
}
.delivery-address--checkbox {
float: left;
position: relative;
height: 46px;
width: 46px;
}
.delivery-address--checkbox:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 20px;
width: 20px;
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
background-color: #e7e7e7;
border-radius: 20px;
}
.delivery-address--content {
padding: 7px;
overflow: hidden;
}
.delivery-address--title {
display: block;
font-weight: 700;
font-size: 15px;
color: #2d2d2d;
}
.delivery-address--location {
display: block;
font-size: 12px;
color: #666666;
}
.button-locate {
background-image: url(/images/style/peach/icon-zoom-white.png);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position:center center;
width: 42px;
padding: 12px 25px;
}
.button-locate.loading {
background-image: url(/images/style/peach/gps.svg);
}
#checkout-continue {
text-transform: uppercase;
font-size: 18px;
}
/*
|--------------------------------------------------------------------------
| Basket > Sidebar
|--------------------------------------------------------------------------
*/
.cart-overview.fixed {
position: fixed;
top: 0;
}
.cart-overview.absolute {
position: absolute;
bottom: 0;
top: auto;
}
.checkout-side {
padding: 45px 0 0 60px;
}
.checkout-contact {
float: right;
}
.checkout-header .brand {
float: left;
}
.checkout-contact span {
display: block;
text-align: right;
font-size: 21px;
font-family: 'Oswald';
color: #fff;
font-weight: 700;
}
.checkout-contact {
color: #fbb03b;
text-transform: uppercase;
padding: 36px 0;
}
.checkout-header svg {
height: 111px;
}
.cart-overview--item {
padding: 0 0 10px 0;
margin: 0 0 10px 0;
font-weight: 700;
color: #fff;
border-bottom: 1px solid #262626;
}
.cart-overview--item-price {
color: #fbb03b
}
.cart-overview--item-image {
position: relative;
max-width: 70px;
float: left;
}
.cart-overview--item-image__subscription {
display: none;
position: absolute;
height: 13px;
width: 13px;
left: 10px;
top: 10px;
background: url(/images/style/peach/icon-calendar-blue.png) no-repeat center center;
background-size: 13px 13px;
}
.cart-overview--item-inner {
padding: 0 0 14px 14px;
overflow: hidden;
}
.cart-overview--item-content {
overflow: hidden;
padding: 0 20px 0 0;
}
.cart-overview--item-info {
float: right;
text-align: right;
}
.cart-overview--item-qty,
.cart-overview--item-options {
color: #666;
font-size: 11px;
}
.cart-overview-totals {
border: none;
}
.cart-overview--item-title {
font-family: 'Oswald';
font-weight: 400;
font-size: 14px;
}
.cart-overview--item-options i {
font-style: normal;
}
.cart-overview--item-options i:last-child {
display: none;
}
.cart-overview--item-option__blue {
color: #019dc3;
}
.cart-overview--item-option__blue span {
padding: 0 4px 0;
}
.cart-overview--item-qty {
display: block;
}
.cart-promo {
padding: 10px 0 20px 0;
margin: 0 0 20px 0;
border-bottom: 1px solid rgba(0,0,0,0.1);
}
.cart-promo--button {
position: relative;
display: block;
color: #b12525;
text-transform: uppercase;
font-weight: 700;
padding: 16px;
cursor: pointer;
}
.cart-promo--button span {
position: relative;
padding: 0 0 0 26px;
}
.cart-promo--button span:after {
content: '';
position: absolute;
left: 0;
height: 16px;
width: 16px;
background: url(/images/style/peach/icon-tag.png) no-repeat center center;
transform-origin: top right;
}
@keyframes tagWiggle {
0% { transform: rotate(0); }
25% { transform: rotate(15deg); }
50% { transform: rotate(-15deg); }
75% { transform: rotate(5deg); }
100% { transform: rotate(0deg); }
}
.cart-promo--button:hover span:after {
-webkit-animation: tagWiggle 1s;
-moz-animation: tagWiggle 1s;
-o-animation: tagWiggle 1s;
animation: tagWiggle 1s;
background: url(/images/style/peach/icon-tag-white.png) no-repeat center center;
}
.cart-promo--button:hover {
background-color: #b12525;
color: #fff;
}
.cart-promo--button:active {
top: 1px;
}
.cart-promo--form {
padding: 10px 15px 0 15px;
}
.cart-promo--form .button {
text-transform: uppercase;
right: 0;
}
.cart-overview-totals {
background: none;
}
.cart-overview--item-gift {
padding: 10px 0 0 0;
}
.cart-overview--item-gift-title {
display: block;
padding: 8px;
font-weight: 700;
color: #666666;
font-size: 10px;
background-color: #fff;
text-transform: uppercase;
}
.cart-overview--item-gift-msg {
padding: 6px 8px;
font-weight: 700;
font-size: 12px;
color: #2d2d2d;
border: 2px solid #fff;
border-top: none;
}
.cart-overview--item-checkbox label {
display: inline-block;
font-size: 11px;
color: #666666;
}
.checkout-login--inner {
padding:30px 0;
}
.checkout-login--inner .account-box {
background: none;
}
.cart-overview--item-option {
display: block;
}
.checkout-login--btn {
padding-bottom: 10px;
transition: opacity 300ms ease;
color: #fbb03b;
transition: color 300ms ease;
}
.checkout-login--btn:hover {
color: #fff;
}
#checkout-hide-login-form {
font-size: 12px;
opacity: 1;
transition: color 300ms ease;
padding-top: 12px;
color: #666;
font-weight: 700;
}
#checkout-hide-login-form:hover {
color: #444;
}
#checkout,
#quote_purchase {
background-color: #27c156;
font-size: 18px;
padding: 11px 0;
letter-spacing: 0.1em;
border-radius: 20px!important;
}
#checkout:hover,
#quote_purchase:hover {
background-color: #219f47;
}
#checkout:disabled,
#quote_purchase:disabled {
background-color: #8C8C8C;
}
/*
|--------------------------------------------------------------------------
| Confirm v2
|--------------------------------------------------------------------------
*/
.payment-method {
}
.payment-method--button {
position: relative;
padding: 21px 20px 21px 50px;
font-weight: 700;
font-size: 18px;
color: #2d2d2d;
background-color: #0d0d0d;
border: 2px solid #030303;
margin-top: -2px;
cursor: pointer;
}
.payment-method--title {
padding: 3px 0;
color: #fff;
}
.checkbox-label a:hover {
color: #fbb03b
}
.payment-method--button:before {
content: '';
position: absolute;
top: 26px;
left: 20px;
width: 18px;
height: 18px;
background-color: #e7e7e7;
border-radius: 18px;
}
.payment-method.open .payment-method--button:after {
content: '';
position: absolute;
top: 30px;
left: 24px;
width: 10px;
height: 10px;
background-color: #2d2d2d;
border-radius: 18px;
}
.payment-method--content {
display: none;
}
.payment-method__card .payment-method--title {
/* background: url(/images/style/peach/card-logos.png) no-repeat center right; */
background: url(/images/style/peach/payment-cards.png) no-repeat center right / 250px;
}
.payment-method__paypal .payment-method--title {
background: url(/images/style/peach/paypal-logo-color.png) no-repeat center right;
}
.payment-method__paypal-paylater .payment-method--title {
background: url(/images/style/peach/paypal-credit.png) no-repeat center right;
}
.payment-method__divido .payment-method--title {
background: url(/images/style/peach/divido-logo.png) no-repeat center right;
}
.payment-method__hitachi .payment-method--title {
/*background: url(/images/style/peach/hitachi-logo.png) no-repeat center right;*/
background: url(/images/style/peach/pbf_white.svg) no-repeat center right;
background-size: auto 22px;
}
.payment-method__klarna .payment-method--title {
background: url(/images/style/peach/klarna.png) no-repeat center right;
background-size: auto 100%;
}
.payment-method--content {
background-color: #030303;
padding: 40px;
text-align: center;
font-size: 18px;
}
/*.payment-method--content img {
display: block;
margin: 15px auto 0 auto;
}*/
.payment-method--content .input:last-child {
margin-bottom: 0;
}
.payment-method--content__stripe {
background-color: #e7e7e7;
padding: 20px;
}
.payment-method--klarna {
background-color: #e7e7e7;
border: 2px solid #030303;
border-top: 0
}
.payment-method--klarna iframe,
.payment-method--klarna div[data-cid] {
min-width: 238px !important;
}
#braintree-paypal-loggedin,
#braintree-paypal-credit-loggedin,
#braintree-paypal-paylater-loggedin,
#braintree-card-stored,
#ppchkout-paypal-loggedin,
#ppchkout-paypal-paylater-loggedin {
display: none;
max-width: 500px;
overflow: hidden;
padding: 16px;
margin: 0 auto;
border-top: 1px solid #262626;
border-bottom: 1px solid #262626;
text-align: left;
}
.bb-pp-container,
.bb-card-container {
display: table;
width: 100%;
}
.bb-pp-container > div,
.bb-card-container > div {
display: table-cell;
vertical-align: middle;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
}
.bt-pp-name,
.bt-pp-cancel,
.bt-card-cancel {
width: 1px;
}
.bt-pp-name {
padding-left: 36px;
background-image: url("/images/style/peach/paypal-small.svg"), none;
background-size: 13px 15px;
background-position: 4px center;
background-repeat: no-repeat;
color: #717171;
font-size: 13px;
font-weight: 800;
}
.bt-pp-email,
.bt-card-details {
padding: 0 10px;
color: #fff;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 0;
}
.bt-card-details {
padding-left: 0;
}
.bt-pp-cancel button,
.bt-pp-cancel a,
.bt-card-cancel a {
float: right;
color: rgb(61, 149, 206);
font-size: 11px;
line-height: 20px;
padding: 0px;
margin: 0;
border: 0px;
cursor: pointer;
text-decoration: underline;
background-color: transparent;
}
.bt-pp-cancel button:hover,
.bt-pp-cancel a:hover,
.bt-card-cancel a:hover {
color: #215b83;
}
.braintree-change-method {
padding: 20px 0 0;
font-size: 11px;
color: #666;
}
.braintree-change-method a {
color: #666;
padding-bottom: 1px;
}
.braintree-change-method a:hover {
color: #fff;
}
#form_deposit {
text-align: left;
margin: 0 auto;
max-width: 600px;
padding: 20px 0;
}
#form_deposit .checkout-payment-methods {
padding: 24px 0 0;
}
#form_deposit .payment-methods {
margin: 30px 0 0;
}
#form_deposit p {
margin: 0 0 10px;
}
#form_deposit .checkout-payment-methods label {
font-weight: bold;
margin-top: 20px;
display: block;
}
#form_deposit #card-element {
color: #fff;
padding: 12px 8px;
border-radius: 5px;
border: 1px solid #424353;
box-shadow: 0px 2px 4px rgb(0 0 0 / 50%), 0px 1px 6px rgb(0 0 0 / 25%);
transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
background-color: #30313d;
margin-top: 5px;
}
#form_deposit #card-element.stripe-hosted-fields-focused {
border-color: hsla(132, 53%, 69%, 40%);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5), 0px 1px 6px rgba(0, 0, 0, 0.25), 0 0 0 3px hsla(132, 53%, 69%, 25%), 0 1px 1px 0 rgba(255, 255, 255, 0.12);
}
#form_deposit_address {
text-align: left;
margin: 0 auto;
max-width: 600px;
padding: 20px 0;
}
#form_deposit_address .checkout-payment-methods {
padding: 24px 0 0;
}
#form_deposit_address #error-cont {
display: none;
}
#form_deposit_address #error-cont .message {
text-align: left;
}
.confirm-error-cont .message.message-warning {
color: #161616;
font-size: 13px;
}
.payment-methods-msg {
margin-bottom: 20px;
padding: 14px 20px 12px;
background-color: #fbb03b;
color: #161616 !important;
font-weight: 600;
font-size: 14px;
width: 100%;
text-align: center;
transition: ease-in-out .2s;
}
.payment-methods-msg:hover {
background: #be8225;
}
/*
|--------------------------------------------------------------------------
| Basket > Success
|--------------------------------------------------------------------------
*/
.success--title {
display: inline-block;
background: url(/images/style/peach/icon-tick-large.png) no-repeat center left;
padding: 0 0 0 70px;
font-size: 48px;
margin: 0 0 15px;
color: #51ac5c;
}
.success--order-ref {
font-weight: 700;
font-size: 21px;
color: #abadae;
padding: 15px 0 0 0;
}
.success--order-ref strong {
color: #2d2d2d;
}
/*
|--------------------------------------------------------------------------
| Checkout > Success > Order Summary
|--------------------------------------------------------------------------
*/
.order-summary {
border: 2px solid #e7e7e7;
}
.order-summary .cart-overview--item {
padding: 0;
margin: 0;
}
.order-summary .cart-overview--item-gift {
background-color: #e7e7e7;
padding: 0;
}
.order-summary .cart-overview--item-gift-msg {
border: none;
border-bottom: 1px solid #fff;
}
.order-summary .cart-overview--item-checkbox {
padding: 5px 10px;
background: #e7e7e7;
}
.order-summary .cart-overview--item {
padding: 10px;
}
.order-summary .cart-overview--item:last-child {
border-bottom: none;
}
.order-delivery {
padding: 18px 24px;
font-weight: 700;
border-bottom: 2px solid #e7e7e7;
}
.order-delivery--title {
font-size: 18px;
color: #666;
display: block;
}
.order-delivery--address {
font-size: 12px;
color: #abadae;
display: block;
}
.order-details {
padding: 18px 24px;
font-weight: 700;
color: #666;
border-top: 2px solid #e7e7e7;
}
.order-detail {
padding: 4px 0;
}
.order-detail--title {
color: #abadae;
text-transform: uppercase;
font-size: 12px;
}
.order-detail__green {
color: #51ac5c;
}
.order-detail__red {
color: #fbb03b;
}
/*
|--------------------------------------------------------------------------
| Checkout > Stages
|--------------------------------------------------------------------------
*/
.checkout-stages {
position: absolute;
left: 0;
top: 0;
bottom: 0;
font-weight: 700;
}
.checkout-stage {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 50px;
color: #fff;
background:#171717;
}
.checkout-stage span {
display: block;
padding: 0 20px 0 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-weight: 400;
letter-spacing: 0.1em;
height: 50px;
width: 300px;
text-transform: uppercase;
position: absolute;
left: -126px;
top: 126px;
line-height: 50px;
text-align: right;
font-family: 'Oswald';
font-size: 18px;
}
.checkout-stage.dark,
.checkout-stage.darker,
.checkout-stage.darkest,
.checkout-stage.failed {
color: #fff;
}
.checkout-stage.dark {
background: #51ac5c;
border-right:2px solid #51ac5c;
}
.checkout-stage.darker {
background: #4a9a53;
border-right:2px solid #4a9a53;
}
.checkout-stage.darkest {
background: #468e4e;
border-right:2px solid #468e4e;
}
.checkout-stage.failed {
background: #fbb03b;
border-right:2px solid #fbb03b;
}
.checkout-stage:nth-child(2) {
left: 50px;
}
.checkout-stage:nth-child(3) {
left: 100px;
}
.checkout-stage:nth-child(4) {
left: 150px;
}
.account-overlay-form {
padding: 20px 0;
}
/*
|--------------------------------------------------------------------------
| Account > Forms
|--------------------------------------------------------------------------
*/
.account-tabs {
overflow: hidden;
text-align: center;
background-color: #f4f4f4;
}
.account-tabs a {
display: block;
float: left;
padding: 10px 30px;
font-weight: 700;
background-color: #fff;
font-size: 12px;
}
.account-tabs a.sel {
background-color: #fbb03b;
color: #fff;
}
.account-box {
background: #020202;
width: 49%;
padding: 20px;
margin: 0 0 20px 0;
}
.account-box--voucher .input .button {
right: 15px;
}
.account-box .checkbox-label {
color: #fff;
}
.account-box-centered {
max-width:580px;
margin:0 auto;
}
.account-box h2 {
font-size: 18px;
}
.account-box h3, #account-box-trade h3 {
font-size: 16px;
}
.account-box.full{
width: 100%;
}
.newacc-intro {
text-align: center;
margin: 0 0 30px;
clear: both;
}
.newacc-title {
margin: 20px 0 10px 0;
font-size: 30px;
}
.form-note {
display: block;
padding: 8px 0 0;
font-size: 11px;
color: #7a7a7a;
}
a.form-note:hover {
color: #7a7a7a;
}
.account-box .uppercase {
max-width: 150px;
}
.account-box .xvc_input{
max-width: none;
}
/*
|--------------------------------------------------------------------------
| Account > Wishlist
|--------------------------------------------------------------------------
*/
.select2-account .select2-results {
border: 1px solid #019dc3;
}
.select2-options-dropdown {
border: 2px solid #019dc3;
}
.select2-account:before {
display: none;
}
.wishlist {
background-color: #fff;
margin: 0 0 4px;
padding: 20px;
}
.wishlist-title a {
text-transform: none;
font-weight: 700;
}
.wishlist-desc {
font-size: 12px;
color: #2d2d2d;
}
.wishlist-del,
.wl_del_button {
float: right;
color: #fbb03b;
font-weight: 700;
}
.wishlist_num_wl_items {
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
opacity: 0.4;
}
.wishlist-del {
cursor: pointer;
padding: 4px;
}
.wishlist_style {
border-top:1px solid #dadada;
}
.wishlist_table_inner_left {
float:left;
width:50%;
}
.wishlist_table_inner_left a {
text-decoration:none;
text-transform: none;
font-weight: 700;
}
.wishlist_table_inner_right {
float:right;
width:195px;
margin-top:20px;
}
.wishlist_empty {
font-size: 11px;
font-weight: 700;
text-transform:uppercase;
text-align:center;
margin: 16px 20px
}
.wishlist_empty td {
padding: 10px 0 10px 0;
}
.wl_del_button {
cursor:pointer;
}
.wishlist_top {
position:relative;
padding:10px 0;
}
.wishlist_top_left {
float:left;
width:50%;
position:relative;
}
.wishlist_top_right {
float:right;
width:50%;
position:relative;
text-align:right;
}
.wishlist_manage,
.wishlist_return {
display:inline-block;
color:#476835;
font-size:11px;
font-weight: 700;
text-transform:uppercase;
cursor:pointer;
margin-left:10px;
}
.wishlist_manage {
-webkit-transition-property:color, background;
-webkit-transition-duration:0.5s, 0.5s;
-webkit-transition-timing-function:ease-in, ease-in;
-moz-transition-property:color, background;
-moz-transition-duration:0.5s, 0.5s;
-moz-transition-timing-function:ease-in, ease-in;
-o-transition-property:color, background;
-o-transition-duration:0.5s, 0.5s;
-o-transition-timing-function:ease-in, ease-in;
transition-property:color, background;
transition-duration:0.5s, 0.5s;
transition-timing-function:ease-in, ease-in;
}
.wishlist_manage_container {
position:absolute;
width:165px;
background:#000;
padding:10px;
text-align:left;
}
.wishlist_manage_container a {
color:#fff;
background:none;
}
.wishlist_create {
float:right;
cursor:pointer;
padding-left:10px;
color:#476835;
font-size:11px;
text-transform:uppercase;
font-weight: 700;
}
.wishlist_container {
padding:10px 0;
}
.wishlist_title {
font-size:21px;
float:left;
cursor:pointer;
}
.wishlist_title a {
text-decoration:none;
}
.wishlist_num_wl_items,
.wishlist_del,
.wishlist_choose {
float:left;
font-size:11px;
font-weight: 700;
padding:8px 0 8px 20px;
}
.wishlist_num_wl_items {
float:right;
margin-right:20px;
}
.wishlist_del {
float:right;
color:#c01212;
text-transform:uppercase;
cursor:pointer;
}
.wishlist_choose {
float:right;
text-transform:uppercase;
padding:8px 0 8px 10px;
cursor:pointer;
}
.wishlist_top h2 {
font-size: 18px;
}
.wishlist_table {
background-color: #fff;
}
.wishlist_stock {
font-size: 11px;
text-transform: uppercase;
font-weight: 700;
color: #2d2d2d;
}
.wishlist_stock img {
width: 15px;
}
.cart_customfield {
font-size: 12px;
font-weight: 700;
color: #666666;
}
/*
|--------------------------------------------------------------------------
| Offer Overlay
|--------------------------------------------------------------------------
*/
.offer-overlay {
position: fixed;
top: 0;right: 0;bottom: 0;left: 0;
z-index: 999;
}
.offer-overlay--bg {
position: absolute;
top: 0;right: 0;bottom: 0;left: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.offer-overlay--block {
position: absolute;
top: 50%;left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 620px;
width: 95%;
border: 10px solid #fff;
border-radius: 2px;
z-index: 1;
}
.offer-overlay--upper {
background-color: #fbb03b;
padding: 60px 50px;
position: relative;
z-index: 1;
}
.offer-overlay--action {
display: block;
border-top: 10px solid #fff;
background-color: #5e9732;
padding: 10px;
text-align: center;
font-size: 21px;
color: #fff;
cursor: pointer;
}
.offer-overlay--title {
display: block;
text-align: center;
font-size: 48px;
line-height: 50px;
color: #fff;
margin-bottom: 25px;
}
.offer-overlay--sub {
display: block;
font-size: 17px;
color: #fffcd9;
margin-bottom: 30px;
text-align: center;
}
.no-js .offer-overlay {
display: none;
}
.overlay-offer--input {
width: calc(100% - 98px);height: 50px;
border: 1px solid #e6e6e6;
padding: 0 12px;
}
.offer-overlay--upper .message {
position: absolute;
top: 20px;right: 50px;left: 50px;
}
/*
|--------------------------------------------------------------------------
| Account > Order History
|--------------------------------------------------------------------------
*/
.order-history {
width: 100%;
margin: 0 0 30px;
background-color: #fff;
}
.order-history th {
background: #fbb03b;
color: #ffffff;
padding: 15px;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
}
.order-history td {
padding: 15px;
color: #444;
}
.order-history tr:nth-child(even) {
background-color: #e7e7e7;
}
.order-history .button {
float: right;
}
/*
|--------------------------------------------------------------------------
| Account > Order Info
|--------------------------------------------------------------------------
*/
.order-address {
margin: 0 0 30px;
overflow: hidden;
}
.oa-del,
.oa-bil {
width: 50%;
float: left;
}
.oa-del {
padding: 0 20px 0 0;
}
.order-sub {
text-align: right;
}
.order-total {
float: right;
}
/*
|--------------------------------------------------------------------------
| Account > Order Tracking
|--------------------------------------------------------------------------
*/
.tracked-order {
width: 100%;
max-width: 800px;
margin: 30px 0;
}
.tracked-qty {
width: 95px;
text-align: center;
}
.tracked-date {
text-align: right;
}
.track-again {
margin: 30px auto 0;
}
/*
|--------------------------------------------------------------------------
| Sitemap
|--------------------------------------------------------------------------
*/
.sitemap-page {
font-size: 14px;
}
.sitemap-cat li, .sitemap-cat, .sitemap-page li, .sitemap-page {
color: #fbb03b;
}
.sitemap-cat a,.sitemap-page a {
margin-bottom: 10px;
}
.sitemap-cat ul {
margin: 0 0 0 20px;
}
.sitemap-h2 {
margin-bottom: 20px;
}
.sitemap-left,
.sitemap-right {
width: 50%;
max-width: 450px;
padding: 0 15px;
float: left;
}
.sitemap-right {
padding-right: 0;
}
.shop-sitemap .sitemap-cat {
margin: 15px 0 0;
}
.shop-sitemap h2 {
margin-top: 30px;
}
/*
|--------------------------------------------------------------------------
| Account v2
|--------------------------------------------------------------------------
*/
.account {
padding: 256px 0 0;
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
}
.account-subtitle {
font-size: 18px;
padding: 0 0 20px;
color: #fff;
}
.account-sidebar--mobile-title {
display: none;
position: relative;
padding: 20px;
font-family: 'Oswald';
font-size: 18px;
}
.account-sidebar--mobile-title svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
transform-origin: center;
}
.account-sidebar--mobile-title.open svg {
transform: rotate(-180deg) translateY(4px);
}
.account-sidebar {
width: 280px;
background-color: #0d0d0d;
float: left;
margin: 0 20px 0 0;
}
.account-sidebar nav {
padding: 20px 24px;
}
.account-sidebar-btm.mobile {
display: none;
}
.loyalty-points-dblc {
display: none;
}
.account-sidebar nav li {
padding: 5px 0;
}
.account-sidebar nav a {
font-size: 18px;
color: #fff;
}
.account-sidebar a:hover,
.account-sidebar .sel {
color: #fbb03b
}
.account-sidebar-btm {
border-top: 1px solid #262626;
padding: 18px 24px;
}
.account-sidebar-btm div {
font-size: 16px;
padding: 0 0 4px;
font-family: 'Oswald';
}
.account-sidebar-btm a {
text-transform: uppercase;
font-size: 11px;
}
.account-main {
background-color: #171717;
overflow: hidden;
padding: 40px;
}
.account-main h1 {
font-size: 30px;
text-transform: uppercase;
letter-spacing: 0.05em;
color: #fff;
padding: 0 0 30px;
float: left;
}
.account-main-filter {
float: right;
height: 40px;
color: #fff;
padding: 0 20px;
background-color: rgba(0,0,0,0.21);
border: none;
font-family: 'Oswald';
}
.account-panels {
padding: 0 0 20px;
}
.account-panels--grid {
margin: 0 -10px 0 0;
}
.account-panel {
width: 33.3333333333%;
float: left;
padding: 0 10px 10px 0;
}
.account-panel a:hover {
color: #fff;
}
.account-panel--inner {
display: block;
background-color: #121212;
padding: 15px 18px;
color: #fff;
}
.account-panel--inner:hover {
text-decoration: none;
}
.account-panel--label {
font-size: 12px;
color: #717171;
padding: 0 0 10px;
text-transform: uppercase;
display: block;
}
.account-panel--value {
font-size: 16px;
}
.account-panel--value span,
.account-latest-orders a,
.account-sidebar nav a,
.account-subtitle {
font-family: 'Oswald';
}
.account-latest-orders a {
color: #fbb03b
}
.account-panel--svg {
width: 18px;
height: 18px;
float: right;
text-align: center;
background-color: #fbb03b;
border-radius: 9px;
line-height: 20px;
}
.account-panels--wide .account-panel {
width: 25%;
}
.account-table {
width: 100%;
border: 1px solid #0d0d0d;
table-layout: auto;
margin: 0 0 30px;
}
.account-table a:not(.button):hover {
color: #fbb03b
}
.account-table.no-margin {
margin: 0;
}
.account-table .dblc {
padding: 14px 20px;
background-color: #0d0d0d;
color: #fff;
font-size: 13px;
border-bottom: 1px solid #171717;
vertical-align: middle;
}
.account-table .dblr:last-child .dblc {
border-bottom: none;
}
.account-table .dblc.small {
width: 1px;
}
.account-table .dblr.row-grey .dblc{
color: #717171;
}
.account-table .dblc.full {
width: 100%;
}
.account-table .dblr:first-child .dblc {
color: #717171;
text-transform: uppercase;
font-size: 11px;
background-color: #171717;
white-space: nowrap;
}
.account-table [colspan="4"] {
padding: 0;
}
.account-table [colspan="4"] .message {
margin: 0;
}
.account-summary {
background: #121212;
padding: 14px 20px;
margin-bottom: 10px;
}
.account-summary--label {
color: #717171;
text-transform: uppercase;
font-size: 11px;
}
.account-summary--value {
color: #fff;
line-height: 17px;
font-size: 13px;
}
.account-latest-orders {
border: 1px solid #0d0d0d;
background-color: #121212;
font-size: 11px;
color: #01c4f4;
text-align: center;
padding: 12px;
}
.order-totals {
background-color: #121212;
border: 1px solid #0d0d0d;
padding: 15px 24px;
text-align: right;
font-size: 13px;
color: #fff;
text-transform: uppercase;
margin: 0 0 30px;
}
.order-totals .dbl {
width: 140px;
float: right;
}
.order-totals .dblc {
padding: 5px 0;
}
.order-totals .dblc:first-child {
text-align: left;
}
.order-totals .dblr:last-child {
color: #fbb03b
}
.order-panels {
padding: 0 0 30px;
}
.order-panels--grid {
margin: 0 -10px 0 0;
}
.order-panels .message-error {
margin: -10px 0 30px;
}
.order-panel {
width: 33.3333333%;
padding: 0 10px 0 0;
font-size: 11px;
float: left;
}
.order-panel--inner {
background-color: #121212;
padding: 20px 24px;
color: #717171;
}
.order-panel--data {
padding: 0 0 10px;
}
.order-panel--data:last-child {
padding: 0;
}
.order-panel--value {
color: #fff;
padding: 4px 0 0 0;
line-height: 17px;
}
.order-btns {
margin: 30px 0 0 0;
}
.loyalty-table-cont {
overflow: hidden;
}
.loyalty-table {
table-layout: auto;
}
.loyalty-table .dblc {
background-color: #121212;
padding: 16px 24px;
border-bottom: 20px solid #171717;
}
.loyalty-table .full {
width: 100%;
}
.loyalty-table .small {
white-space: nowrap;
}
.loyalty-point--cont {
width: 160px;
float: left;
text-align: center;
}
.loyalty-point {
margin: 16px auto 0;
background-color: #0d0d0d;
border-radius: 30px;
padding: 10px 16px;
color: #fbb03b;
font-size: 13px;
display: inline-block;
}
.loyalty-point__grey {
background-color: #717171;
color: #fff;
}
.top-loyalty {
position: relative;
padding: 0 0 40px;
z-index: 1;
}
.loyalty {
position: relative;
z-index: 1;
}
.top-loyalty--text {
background-color: #121212;
overflow: hidden;
font-size: 13px;
padding: 16px 24px;
color: #fff;
}
.top-loyalty--text span {
color:#fbb03b
}
.top-loyalty:before,
.loyalty:before{
content: '';
z-index: -1;
width: 1px;
position: absolute;
left: 80px;
top: 0; bottom: 0;
background-color: #0d0d0d;
}
.top-loyalty .loyalty-point {
background-color: #fff;
font-size: 18px;
color: #0d0d0d;
margin: 0;
font-family: 'Oswald';
}
.order-panel--label {
color: #717171;
font-size: 11px;
}
.account-details--left {
float: left;
width: 450px;
margin: 0 30px 0 0;
}
.account-details--action {
text-align: right;
padding: 14px 0 0 0;
}
.account-details--right {
overflow: hidden;
border: 1px solid #0d0d0d;
padding: 20px;
}
.account-details--right span {
display: block;
font-size: 11px;
color: #717171;
padding: 8px 0 0;
}
.account-details--checkbox-cont,
.account-login--checkbox-cont {
padding: 10px;
background-color: #121212;
}
.account-login--checkbox-cont {
margin-bottom: 2px;
}
.account-details--title-text {
float: right;
max-width: 320px;
font-size: 13px;
line-height: 1.4;
color: #717171;
}
.account-details--block {
background-color: #121212;
padding: 12px 15px;
margin: 0 0 10px;
}
.account-details--block .dblc {
padding: 5px;
}
.account-details--label {
font-size: 13px;
color: #717171;
text-transform: uppercase;
}
.account-details--value {
font-size: 13px;
}
.account-details--block-action {
padding: 5px 0 5px 0;
}
.account-login .container {
max-width: 620px;
}
.account-login--block {
padding: 30px 40px 35px;
background: #0d0d0d;
margin-bottom: 30px;
}
.account-login--block__new {
background: #171717;
}
.account-login--block h3 {
font-size: 24px;
font-weight: normal;
padding-bottom: 8px;
}
.account-login--block p {
font-size: 13px;
line-height: 18px;
margin-bottom: 20px;
}
.account-login--section {
margin-bottom: 20px;
}
.account-login--block .input-grid {
margin-right: -10px;
}
.account-login--block .input-grid .input {
padding-right: 10px;
}
.account-login--block .input {
margin-bottom: 4px;
}
.account-login--block .form-note {
padding: 8px 0;
}
.account-login--buttons {
margin-top: 10px;
}
.account-login--buttons .form-note {
text-transform: uppercase;
}
.account-login--block .button {
font-size: 16px;
text-transform: uppercase;
border-radius: 100px;
min-width: 115px;
}
.account-login--block .button-small {
font-size: 14px;
}
.button-password {
color: #161616;
background: #e5e5e5;
margin: 12px 6px;
padding: 0;
min-width: 0;
width: 50px;
}
.account-login--block .button-password {
min-width: 0;
font-size: 12px;
}
.account-login--checkbox-cont span {
display: block;
font-size: 11px;
color: #717171;
padding: 8px 0 0;
}
.account-login--trade {
margin: 15px 0 -2px;
}
.quote-side {
width: 50%;
float: right;
}
.quote-side .cart-segment {
margin-bottom: 20px;
border: 1px solid #0d0d0d;
background: none;
}
.quote-side .cart--heading {
color: #fff;
}
.quote-side .cart-segment {
margin-bottom: 0;
}
.quote-side .cart-segment + .cart-totals {
border-top: 0;
}
.quote-side .cart-totals {
color: #717171;
}
.quote-side .cart-total {
color: #fff;
}
/*
|--------------------------------------------------------------------------
| Account v2 > Overlays
|--------------------------------------------------------------------------
*/
.modal-account .modal--inner {
max-width: 476px;
}
.account-modal {
background-color: #171717;
padding: 30px;
}
.account-modal .input {
margin: 0 0 4px;
}
.account-modal--title {
font-size: 21px;
color: #fff;
font-family: 'Oswald';
padding: 0 0 20px;
}
.account-modal--text{
padding: 5px 0 15px;
}
.account-modal--action {
text-align: right;
padding: 16px 0 0 0;
}
.account-modal--action .button {
font-size: 14px;
}
.address-block--grid {
margin: 0 -10px 0 0;
}
.address-block,
.address-block--add {
float: left;
padding: 0 10px 10px 0;
}
.address-block--title {
font-size: 11px;
color: #717171;
padding: 0 0 4px;
}
.address-block--inner {
background-color: #121212;
padding: 16px 20px;
border: 1px solid transparent;
}
.address-block__primary .address-block--inner {
border-color: #fbb03b;
}
.address-block--address {
font-size: 13px;
}
.address-block--title__orange {
color: #fbb03b;
}
.address-block--action {
padding: 20px 0 0 0;
}
.address-block--action a,
.address-block--action button,
.address-block--action {
font-size: 11px;
color: #717171;
}
.address-block--action button {
background: 0;
font-family: inherit;
text-align: left;
}
.address-block--action button:hover {
text-decoration: underline;
}
.account-modal--checkboxes {
padding: 14px 0 0 0;
}
.account-modal--checkboxes-title {
font-size: 11px;
color: #717171;
text-transform: uppercase;
padding: 0 0 4px;
}
.address-block--add-inner {
position: relative;
border: 1px solid #0d0d0d;
text-align: center;
height: 100px;
}
.address-block--add-wrap {
position: absolute;
top: 50%;
left: 0; right: 0;
transform: translateY(-50%);
cursor: pointer;
}
.address-block--add-title {
font-family: 'Oswald';
font-size: 14px;
color: #fbb03b;
}
.no-margin {
margin: 0;
}
.mobile-cats {
display: none;
font-family: 'Oswald';
padding: 0 0 20px;
text-transform: uppercase;
}
.mobile-cats--title {
position: relative;
font-family: 'Roboto', sans-serif;
font-size: 16px;
padding: 10px 16px;
color: #fff;
background-color: #171717;
letter-spacing: 0.1em;
}
.mobile-cats--title svg {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px;
transform-origin: center;
}
.mobile-cats a {
padding: 10px 16px;
color: #fff;
border-top: 1px solid #171717;
width: 100%;
display: block;
}
.mobile-cats a.sel {
color: #fbb03b
}
.mobile-cats--cats {
display: none;
}
.mobile-cats--title.open {
color: #fbb03b
}
.mobile-cats--title.open svg {
transform: rotate(-180deg);
}
.mobile-cats--title.open ~ .mobile-cats--cats {
display: block;
border: 1px solid #171717;
}
/*
|--------------------------------------------------------------------------
| Message Handling Overlays
|--------------------------------------------------------------------------
*/
.modal--message .modal--backdrop{
background: rgba(13, 13, 13, 0.8);
}
.modal--message .modal--inner{
width: 475px;
max-width: 90%;
max-height: 90%;
top: 20%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.modal--message .modal--title{
padding: 22px 15px;
text-transform: uppercase;
font-size: 24px;
text-align: center;
color: #fff;
letter-spacing: 0.025em;
}
.modal--message .modal--title{
background-color: #fbb03b;
}
.modal--message.error .modal--title{
background-color: #ac2020;
}
.modal--message.success .modal--title{
background-color: #37af56;
}
.modal--message .modal--lower{
padding: 30px;
text-align: center;
background: #171717;
}
.modal--message p {
font-size: 13px;
}
.modal--message .modal--button-close{
width: 125px;
height: 30px;
padding: 0;
line-height: 30px;
}
.modal--message .modal--title,
.modal--message .modal--button-close{
font-family: "Oswald", "Roboto", sans-serif, serif;
}
.manu-content--inner {
display: flex;
align-items: center;
}
.manu-img {
max-width: 200px;
margin: 0 0 20px 20px;
align-self: flex-start;
}
.manu .show-on-mobile .manu-img {
float: none;
margin: 10px 0;
}
.product-grid--item-inner:hover .compare-btn {
display: block;
animation: showCompareBtn 600ms ease forwards;
}
.compare {
padding: 256px 0 0 0;
}
.compare-btn {
display: none;
position: absolute;
bottom: -26px;
left: 10px;
right: 10px;
text-align: center;
vertical-align: middle;
font-size: 12px;
z-index: 2;
}
.compare-btn svg {
position: relative;
top: -2px;
fill: #161616;
vertical-align: middle;
}
@keyframes showCompareBtn {
0% {
bottom: -26px;
}
75% {
bottom: 16px;
}
100% {
bottom: 10px;
}
}
.store-video {
margin: 80px 0 0;
position: relative;
padding-bottom: 56.25%; /* 16:9 */
}
.youtube-video {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
}
.store-video iframe,
.youtube-video iframe {
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
width: 100%;
height: 100%;
}
.how-video--cont {
position: relative;
padding-top: 25px;
height: 0;
width: 100%;
height: 100%;
}
.how-video--cont iframe {
position: absolute;
top: 0;
left: 0;
}
.js-clippy {
position: relative;
overflow: hidden;
}
.js-clippy:after {
content: '';
position: absolute;
bottom: 0;
left: 0; right: 0;
height: 40px;
background: rgb(13,13,13);
background: -moz-linear-gradient(0deg, rgba(13,13,13,1) 0%, rgba(13,13,13,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(13,13,13,1) 0%, rgba(13,13,13,0) 100%);
background: linear-gradient(0deg, rgba(13,13,13,1) 0%, rgba(13,13,13,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0d0d0d",endColorstr="#0d0d0d",GradientType=1);
}
#toggleHybridShortDescButton {
float: left;
display: none;
}
#toggleHybridShortDescButton,
.js-clippy__toggle-button--read-more::before {
content: 'READ MORE';
}
.js-clippy__toggle-button--read-less::before {
content: 'READ LESS';
}
.js-clippy__toggle-button--read-more,
.js-clippy__toggle-button--read-less {
display: block!important;
}
.hybrid-images {
margin: 0 -20px 0 0;
}
.hybrid-image__inner {
position: relative;
width: 300px;
height: 300px;
}
.hybrid-image iframe {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
/* height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%; */
width: 300px;
height: 300px;
}
.highend-specs--hybrid {
padding: 0 70px 0 0;
margin: 0;
width: 470px;
}
.highend-specs--hybrid .highend-specs__title {
font-size: 24px;
text-transform: none;
}
.form-options__bottom .dbl {
margin: 0 0 14px;
}
.hybrid {
position: relative;
}
.highend-specs--hybrid li {
font-size: 16px;
margin: 0 0 18px;
font-family: 'Oswald';
}
.hybrid-content,
.hybrid-content p {
font-size: 18px;
color: #ffffff;
line-height: 1.4;
}
.options-radios .cf {
display: flex;
padding: 10px 0 0 0;
margin: 0 0 10px;
background-color: #121212;
flex-wrap: wrap;
}
.option-radio {
flex: 1 0 240px;
}
.option-radio:hover .option-radio--inner {
background-color: #0f0f0f;
}
.option-radio.checked .option-radio--inner {
background: #fbb03b;
color: #171717;
}
.option-radio--inner {
background-color: #121212;
padding: 15px;
text-align: center;
display: block;
cursor: pointer;
}
.option-radio--inner input {
display: none;
}
.country-popup {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 200;
background-color: rgb(255, 255, 255, .1);
}
form.country-popup__inner {
position: absolute;
left: 50%;
top: 200px;
transform: translateX(-50%);
background-color: #0d0d0d;
padding: 20px;
display: flex;
flex-direction: column;
width: 100%;
max-width: 400px;
text-align: center;
}
form.country-popup__inner > input {
margin-top: 10px;
text-transform: uppercase;
}
/* Plek */
.jumbotron-video {
display: flex;
align-items: center;
justify-content: center;
}
.jumbotron--plek .jumbotron-content {
display: flex;
flex-direction: column;
padding: 60px;
align-items: flex-start;
}
.jumbotron--plek .jumbotron-inner {
display: block;
height: auto;
width: auto;
}
.jumbotron--plek .jumbotron-title {
width: 100%;
}
.jumbotron--plek .jumbotron-text {
margin: 0 0 20px;
width: 100%;
}
.plek-video {
position: relative;
z-index: 2;
width: 100%;
max-width: 860px;
padding: 226px 50px 50px;
}
.plek-book-banner {
padding: 14px 20px;
background-color: #0d0d0d;
margin: auto 0 0 0;
width: 100%;
}
.plek-book-banner--title {
font-size: 21px;
color: #fff;
text-transform: uppercase;
}
.plek-book-banner--subtitle {
font-size: 12px;
text-transform: uppercase;
color: #fbb03b;
margin: 3px 0 0 0;
}
.plek-book-banner--subtitle svg {
display: inline-block;
vertical-align: middle;
margin: -3px 0 0 4px;
}
.plek-content {
padding: 80px 30px 70px;
max-width: 920px;
margin: 0 auto;
text-align: center;
}
.plek-content .content,
.plek-content .content p {
text-align: center;
font-size: 16px;
}
.plek--logo {
margin: 30px 0 0 0;
max-width: 153px;
}
.block-content--title {
font-size: 30px;
margin: 0 0 8px;
font-family: 'Oswald';
font-weight: 400;
}
.blocks--plek {
padding: 0 0 50px;
}
.plek-book {
background-image: url(/images/style/peach/wood-bg-3.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
padding: 60px 0;
}
.plek-book > .container {
max-width: 840px;
}
.plek-book--title {
font-weight: 700;
letter-spacing: 0.05em;
font-size: 36px;
text-transform: uppercase;
text-align: center;
font-family: 'Oswald';
}
.plek-book--text {
font-size: 16px;
text-align: center;
margin: 10px 0 0 0;
}
.plek-sessions {
margin: 50px 0 0 0;
}
.plek-session {
border: 1px solid #000;
padding: 24px 30px;
margin: -1px 0 0 0;
}
.plek-session--top {
display: flex;
justify-content: space-between;
color: #fbb03b;
font-size: 18px;
font-family: 'Oswald';
letter-spacing: 0.025em;
text-transform: uppercase;
}
.plek-session--price {
margin: 0 0 0 10px;
}
.plek-session--text {
margin: 10px 0 0 0;
}
.plek-session--text .content,
.plek-session--text .content p {
font-size: 14px;
}
.plek-book-form {
margin: 20px 0 0 0;
}
.plek-book-form .input-grid .input {
margin-bottom: 4px;
}
.plek-book-form .input-grid .plek-tele {
margin-bottom: 15px;
}
.plek-tele input {
border-radius: 0;
}
.plek-custom-inputs {
margin: 0 15px 0 0;
display: flex;
}
.plek-custom-input {
display: flex;
background-color: #121212;
align-items: center;
margin: 0 6px 0 0;
width: 33.3333%;
}
.plek-custom-input input {
width: 100%;
padding: 17px 8px 16px 20px;
color: #fbb03b;
resize: none;
font-family: 'Roboto';
font-size: 14px;
background-color: #121212;
font-family: 'Oswald';
}
.plek-custom-input svg {
margin: 10px 14px;
flex-shrink: 0;
}
.styled-datepicker {
background-color: white;
}
.styled-datepicker table thead {
font-size: 12px;
color: #555;
}
.styled-datepicker .ui-state-active,
.styled-datepicker .ui-widget-content .ui-state-active,
.styled-datepicker .ui-widget-header .ui-state-active {
background-color: #fbb03b;
border-color: #e78f08;
color: #fff;
}
.styled-datepicker .ui-datepicker-today .ui-state-highlight,
.styled-datepicker .ui-datepicker-today .ui-widget-content .ui-state-highlight,
.styled-datepicker .ui-datepicker-today .ui-widget-header .ui-state-highlight {
border: 1px solid #ccc;
}
.styled-datepicker .ui-widget-header {
background: #fbb03b;
}
.styled-datepicker .ui-icon {
text-indent: 0;
font-size: 12px;
width: auto;
height: auto;
}
.styled-datepicker.ui-datepicker .ui-datepicker-prev,
.styled-datepicker.ui-datepicker .ui-datepicker-next {
top: 2px;
width: 40px;
height: 33px;
left: 0;
margin-left: 0;
}
.styled-datepicker.ui-datepicker .ui-datepicker-next {
left: auto; right: 0;
}
.styled-datepicker.ui-datepicker .ui-datepicker-prev span,
.styled-datepicker.ui-datepicker .ui-datepicker-next span {
left: 0;
margin-left: 0;
display: block;
text-align: center;
width: 100%;
}
.styled-datepicker .ui-state-default,
.styled-datepicker .ui-widget-content .ui-state-default,
.styled-datepicker .ui-widget-header .ui-state-default {
color: #0d0d0d;
}
.cart-side--delivery-option-cont .ui-datepicker {
width: 100%;
margin-top: 10px;
}
.cart-side--delivery-option-cont .ui-datepicker-prev,
.cart-side--delivery-option-cont .ui-datepicker-next {
background-color: #fbb03b;
border: 0 !important;
top: 3px;right: 3px;
cursor: pointer;
}
.cart-side--delivery-option-cont .ui-datepicker-prev {
right: auto;left: 3px;
}
.cart-side--delivery-option-cont .ui-datepicker-prev .ui-icon {
background: url(/images/style/peach/left-chevron.png) no-repeat center center;
}
.cart-side--delivery-option-cont .ui-datepicker-next .ui-icon {
background: url(/images/style/peach/right-chevron.png) no-repeat center center;
}
.cart-side--delivery-option-cont .ui-widget-content,
.cart-side--delivery-option-cont .ui-state-default,
.cart-side--delivery-option-cont .ui-widget-content .ui-state-default,
.cart-side--delivery-option-cont .ui-widget-header .ui-state-default {
color: #e7e7e7;
}
.cart-side--delivery-option-cont .ui-state-active,
.cart-side--delivery-option-cont .ui-widget-content .ui-state-active,
.cart-side--delivery-option-cont .ui-widget-header .ui-state-active {
background-color: #fbb03b;
border-color: #fbb03b;
color: #0d0d0d;
}
.select2-basic--dark-container {
padding: 16px 15px 15px;
background-color: #121212!important;
}
.select2-container--default .select2-basic--dark-container .select2-selection__rendered {
color: #fbb03b;
font-family: 'Oswald';
}
.select2-basic--dark-container .select2-selection__arrow {
background-image: url(/images/style/peach/icon-chevron-down--orange@2x.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 15px 9px;
}
.select2-basic--dark-container .select2-selection__arrow b {
display: none;
}
.select2-container--default .select2-basic--dark-container .select2-selection__arrow {
width: 50px;
}
.plek-custom-inputs--title {
font-size: 16px;
font-family: 'Oswald';
margin: 10px 15px 6px 0;
}
.plek-book-form .plek-terms {
margin: 25px 0 0 0;
}
.plek-terms--title {
font-family: 'Oswald';
font-size: 20px;
margin: 0 0 10px;
}
.plek-terms .content,
.plek-terms .content p {
font-size: 12px;
}
.plek-terms .content p {
margin-bottom: 8px
}
.plek-terms .content p:last-child {
margin: 0;
}
.plek-terms .checkbox {
width: 24px;
height: 24px;
margin: 0 0 0;
}
.plek-terms .checkbox.validate-border {
border-width: 1px!important;
}
.plek-terms .checkbox.validate-border ~ .checkbox-label {
color: #b62f3f;
}
.plek-terms .checkbox:after {
background: url(/images/style/peach/icon-tick-green.png) 3px 5px / 16px 12px no-repeat;
}
.plek-terms .input {
margin: 30px 0 0 0;
}
.plek-terms .checkbox-label {
font-size: 16px;
color: #fff;
top: 3px;
line-height: 1.8;
}
.plek-form--action {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0 0 0;
}
.plek-form--action button {
margin: 0 auto 0 0;
}
.plek-form--action span {
color: #707070;
font-size: 11px;
}
.plek-banner {
display: flex;
align-items: center;
background-color: #0d0d0d;
padding: 10px;
margin: 0 0 1px;
}
.plek-banner img {
flex-shrink: 0;
max-width: 100px;
margin: 0 15px 0 0;
}
.plek-banner--title,
.plek-banner--subtitle {
font-size: 18px;
font-family: 'Oswald';
text-transform: uppercase;
}
.plek-banner--subtitle {
font-size: 12px;
text-transform: none;
font-family: 'Roboto', sans-serif;
}
.plek-banner--title span {
color: #fbb03b;
}
.plek-banner-input {
background-color: #fff;
background-color: #0d0d0d;
padding: 10px 16px;
margin: 0 0 20px;
}
.plek-banner-input .checkbox {
margin: 0;
}
.plek-banner-input .checkbox-label {
color: #fff;
}
.plek-banner-input .checkbox-label span {
color: #fbb03b;
font-weight: 500;
white-space: nowrap;
}
#basket-add-overlay,
#listing-overlay,
#overlay-plek-terms {
background-color: unset; z-index: 999;
}
#basket-add-overlay .overlay--backdrop,
#listing-overlay .overlay--backdrop,
#overlay-plek-terms .overlay--backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(13, 13, 13, 0.95);
}
#basket-add-overlay .overlay--inner,
#listing-overlay .overlay--inner,
#overlay-plek-terms .overlay--inner {
transform: translate(-50%, -50%);
max-width: 660px;
padding: 10px 20px;
background: none;
max-height: calc(100vh - 40px);
overflow-y: auto;
padding-top: 40px !important;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
#basket-add-overlay .overlay--inner::-webkit-scrollbar,
#listing-overlay .overlay--inner::-webkit-scrollbar,
#overlay-plek-terms .overlay--inner::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
#basket-add-overlay .overlay--close,
#listing-overlay .overlay--close,
#overlay-plek-terms .overlay--close {
right: 30px;
top: 0;
}
#basket-add-overlay .overlay--header,
#listing-overlay .overlay--header,
#overlay-plek-terms .overlay--header {
display: flex;
margin-bottom: 10px;
background-color: #171717;
align-items: flex-start;
padding: 40px 30px;
}
#overlay-plek-terms .overlay--header img {
max-width: 170px;
}
#overlay-plek-terms .overlay--header--text {
text-align: left;
margin: 0 60px 0 0;
}
#overlay-plek-terms .overlay--title {
text-align: left;
font-size: 30px;
font-family: 'Oswald';
color: #fbb03b;
font-weight: 400;
margin: 0 0 6px 0;
}
.plek-overlay--content {
padding: 30px;
background-color: #171717;
}
.plek-terms {
margin: 0;
}
.plek-overlay--buttons {
margin: 15px 0 0 0;
}
.plek-overlay--buttons .button {
display: block;
width: 100%;
text-align: center;
text-transform: uppercase;
}
.button-plek-terms {
border-radius: 0;
background-color: #000;
display: block;
width: 100%;
text-transform: uppercase;
font-weight: 400;
}
.button-plek-terms:hover {
background-color:#fbb03b;
color: #000;
}
.plek-term {
margin: 0 0 -1px;
border: 1px solid #000;
padding: 15px 20px;
}
.listing-og--image--new {
display: block;
width: 100%;
/* background: url(/images/style/peach/original-images.jpg) no-repeat center bottom / contain; */
pointer-events: none;
z-index: 1;
}
.listing-og--image {
position: absolute;
bottom: 10px;
left: 10px;
right: 10px;
text-align: center;
text-shadow: 0 0 10px rgb(0 0 0 / 80%);
}
.brand-custom-content {
background-color: transparent;
padding-bottom: 60px;
}
.image-content-blocks {
margin-bottom: 40px;
width: 100%;
max-width: 1400px;
padding: 0 50px;
margin: 0 auto;
}
.image-content-blocks--row {
margin: 0 -40px 0 0;
flex-wrap: wrap;
}
.image-content-blocks--row > div {
padding: 0 40px 40px 0;
}
.ar--80-120.image-content-blocks--row > div {
max-width: 50%;
}
.image-content-block {
background-color: #171717;
height: 100%;
}
.image-content-block--content {
padding: 30px;
}
.image-content--title {
font-size: 24px;
font-family: 'Oswald';
font-weight: 500;
margin-bottom: 10px;
text-transform: uppercase;
}
.image-content-block--image {
display: flex;
border: 5px solid #FFF;
}
.image-content-block--image > img {
width: 100%;
visibility: hidden;
}
/*
|--------------------------------------------------------------------------
| Listing Upsell Overlay
|--------------------------------------------------------------------------
*/
.overlay--header .listing-image {
flex-shrink: 0;
max-width: 220px;
padding-right: 20px;
}
#listing-overlay .overlay--title {
text-align: left;
padding-bottom: 10px;
}
#listing-overlay .overlay--content {
background-color: #171717;
padding: 30px;
}
.listing-overlay--details {
padding-bottom: 10px;
display: flex;
justify-content: space-between;
}
.listing-action {
display: flex;
width: 100%;
}
.listing-action > .button {
flex: 50%;
text-transform: uppercase;
}
.listing-action > .button + .button {
margin-left: 10px;
}
.overlay--header--text .button {
margin-top: 10px;
text-transform: uppercase;
}
.overlay--basket-title {
font-size: 20px;
letter-spacing: 0.025em;
color: #fff;
flex: 1;
font-family: 'Oswald', sans-serif;
}
.overlay--basket-title > span {
color: #fbb03b;
}
.overlay--basket-header {
display: flex;
align-items: center;
}
.overlay--basket-icon {
width: 105px;
padding-right: 30px;
flex-shrink: 0;
}
.overlay--basket-icon svg {
fill: #37af56;
width: 100%;
}
.overlay--header-action {
background-color: #121212;
display: flex;
padding: 10px 30px;
justify-content: space-between;
}
.overlay--header-action > .button {
width: calc(50% - 10px);
text-transform: uppercase;
}
#listing-overlay .overlay--header.overlay--basket {
margin-bottom: 0;
}
/*
|--------------------------------------------------------------------------
| Brand Category
|--------------------------------------------------------------------------
*/
.brand-category {
padding: 256px 0 0 0;
position: relative;
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: 100%;
background-repeat: repeat-y;
background-position: top center;
border-bottom: 1px solid #262626;
}
.brand-category-logo {
}
.brand-category-logo img {
display: block;
width: 100%;
max-width: 400px;
margin: 0 auto;
}
.brand-category-inner {
margin: 60px 0;
}
.brand-category-top {
display: flex;
align-items: flex-start;
padding: 0 0 65px 0
}
.brand-category-top--left,
.brand-category-top--right {
width: 50%;
}
.brand-category-top--left {
padding: 0 35px 0 0;
}
.brand-category-top--left .content,
.brand-category-top--left .content p {
font-family: 'Oswald';
font-size: 18px;
font-weight: 400;
}
.brand-category-top--right {
padding: 0 0 0 35px;
}
.brand-category--title {
font-size: 48px;
font-family: 'Oswald';
font-weight: 700;
letter-spacing: 0.05em;
}
.brand-category-slider .slick-arrow {
width: 40px;
height: 80px;
background-color: #0d0d0d;
position: absolute;
bottom: 81px; right: 0;
z-index: 10;
}
.brand-category-slider .slick-arrow svg {
width: 15px;
}
.brand-category-slider .slick-arrow path {
fill: #fbb03b;
}
.brand-category-slider .slick-arrow:hover {
background-color: #121212;
}
.brand-category-slider .slick-prev {
bottom: 0;
}
.brand-category-subcats {
margin: 0 0 65px;
}
.brand-subcat {
display: flex;
align-items: center;
margin: 0 0 30px;
}
.brand-subcat:last-child {
margin: 0;
}
.brand-subcat-image {
flex-shrink: 0;
max-width: 470px;
margin: 0 60px 0 0;
}
.brand-subcat-title {
font-size: 42px;
font-family: 'Oswald';
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0 0 15px;
}
.brand-category-btn {
background: url(/images/style/peach/brand-category-btn.png);
background-size: contain;
width: 196px;
display: block;
background-repeat: no-repeat;
background-position: center center;
height: 35px;
line-height: 35px;
text-align: center;
color: #000;
font-family: 'Oswald';
font-size: 24px;
font-weight: 400;
margin: 25px 0 0 0;
}
.brand-category-btn:hover {
color: #fff;
}
.brand-subcat-content .content,
.brand-subcat-content .content p {
font-size: 14px;
}
/*
|--------------------------------------------------------------------------
| Brand Subcategory
|--------------------------------------------------------------------------
*/
.brand-subcategory {
padding: 256px 0 0 0;
position: relative;
background: url(/images/style/peach/wood-bg-3.jpg);
background-size: 100%;
background-repeat: repeat-y;
background-position: top center;
border-bottom: 1px solid #262626;
}
.brand-subcategory-breadcrumbs {
padding: 35px 0 0;
}
.brand-subcategory-breadcrumbs,
.brand-subcategory-breadcrumbs a {
text-align: center;
color: #707070;
text-transform: uppercase;
}
.brand-subcategory-breadcrumbs span {
display: none;
}
.brand-subcategory--title {
text-align: center;
font-size: 48px;
font-family: 'Oswald';
font-weight: 700;
letter-spacing: 0.05em;
margin: 10px 0 30px;
}
.brand-subcategory--subtitle {
font-size: 24px;
text-align: center;
letter-spacing: 0;
text-transform: none;
margin: 0 auto;
line-height: 1.4;
max-width: 860px;
}
.brand-subcategory-banner {
margin: 0 0 70px;
}
.brand-subcategory-banner--image {
margin: 0 0 70px;
display: block;
width: 100%;
}
.brand-subcategory-banner .brand-subcategory-banner--image {
margin: 0;
}
.brand-subcategory--subtitle {
margin: 0 auto 60px;
}
.brand-subcategory-media {
display: flex;
}
.brand-subcategory-video {
flex: 1 1 auto;
}
.brand-subcategory-slider {
max-width: 34%;
flex: 1 1 auto;
margin: 0 0 0 74px;
}
.brand-subcategory-slider .slick-arrow {
width: 40px;
height: 80px;
background-color: #0d0d0d;
position: absolute;
bottom: 81px; right: 0;
z-index: 10;
}
.brand-subcategory-slider .slick-arrow svg {
width: 15px;
}
.brand-subcategory-slider .slick-arrow path {
fill: #fbb03b;
}
.brand-subcategory-slider .slick-arrow:hover {
background-color: #121212;
}
.brand-subcategory-slider .slick-prev {
bottom: 0;
}
.brand-listing {
display: flex;
align-items: center;
margin: 0 0 30px 0;
}
.brand-listing:last-child {
margin: 0;
}
.brand-listing--image {
flex-shrink: 0;
max-width: 470px;
margin: 0 50px 0 0;
}
.brand-listing:nth-child(even) .brand-listing--image {
order: 2;
margin: 0 0 0 50px;
}
.brand-listing--title {
font-size: 32px;
font-family: 'Oswald';
text-transform: uppercase;
letter-spacing: 0.05em;
color: #fff;
margin: 0 0 8px;
}
.brand-listing--title:hover {
color: #fbb03b;
}
.brand-subcategory-btn {
background: url(/images/style/peach/brand-subcategory-btn.png);
background-size: contain;
width: 158px;
display: block;
background-repeat: no-repeat;
background-position: center center;
height: 35px;
line-height: 35px;
text-align: center;
color: #000;
font-family: 'Oswald';
font-size: 24px;
font-weight: 400;
margin: 25px 0 0 0;
}
.brand-subcategory-btn:hover {
color: #fff;
}
.brand-listing--content .content,
.brand-listing--content .content p {
font-size: 14px;
line-height: 1.6;
}
.brand-subcategory-listings {
margin: 70px 0;
}
.brand-subcategory-listings .sort-by-container {
display: none;
}
.brand-subcategory-listings .product-grid {
margin: 70px 0 0 0;
}
.brand-subcategory-listings--title {
text-align: center;
font-size: 48px;
font-family: 'Oswald';
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.listing-brands {
display: flex;
text-align: center;
background-color: #0d0d0d;
}
.listing-brand {
width: 50%;
text-transform: uppercase;
color: #fff;
font-family: 'Oswald';
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.05em;
border-right: 1px solid #171717;
display: flex;
align-items: center;
justify-content: center;
}
.listing-brand div {
color: #fff;
flex: 1;
padding: 8px;
}
.listing-brand svg {
fill: rgb(251, 176, 59);
}
.listing-brand:last-child {
border-right: none;
}
.listing-brand:last-child svg {
fill: #fff;
}
.listing-brand span {
color: #fbb03b;
}
.listing-brand svg {
margin: 0 0 0 5px;
}
.listing-brands:hover .listing-brand {
background-color: #121212;
}
.listing-brand:hover {
background-color: #0d0d0d!important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.brand-subcategory-video {
width: 100%;
}
}
.listing-swatches-lrg--grid.slick-slide:first-child {
display: flex;
height: auto;
}
.slick-slide.listing-swatches-lrg--grid {
display: none;
}
.listing-swatches-lrg--grid {
display: flex;
flex-wrap: wrap;
margin: 0 0 10px 0;
padding: 0 10px 10px 10px;
background-color: #121212;
}
.slick-initialized .slick-slide.listing-swatches-lrg--grid {
display: flex!important;
}
.listing-swatches-lrg-cont .options_text {
width: 100%;
color: #fff;
font-size: 14px;
}
.listing-swatch-lrg {
flex: 1 1 16.66666666666667%;
max-width: calc(16.66666666666667% - 6px);
cursor: pointer;
margin: 0 3px 6px 3px;
}
.listing-swatch-lrg:hover {
background-color: #2d2d2d;
border-color: #2d2d2d;
}
.listing-swatch-lrg.sel {
background-color: #fbb03b;
border-color: #fbb03b;
background-color: #fbb03b;
}
.listing-swatch-lrg.sel .listing-swatch-lrg--title {
color: #121212;
}
.listing-swatch-lrg--image-cont {
position: relative;
}
.listing-swatch-lrg.sel .listing-swatch-lrg--image-cont:before {
content: '';
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
border: 2px solid #fbb03b;
}
.listing-swatch-lrg.sel .listing-swatch-lrg--image-cont:after {
content: '';
position: absolute;
top: 2px; right: 2px; bottom: 2px; left: 2px;
border: 2px solid #2d2d2d;
}
.listing-swatch-lrg--image {
display: block;
width: 100%;
}
.listing-swatch-lrg--title {
font-size: 10px;
text-align: center;
padding: 2px;
overflow: hidden;
text-overflow: ellipsis;
}
.listing-swatch-details {
margin: 15px 0 0 0;
}
.listing-swatch-details--text {
color: #fff;
font-size: 12px;
}
.listing-swatch-details--info {
color: #fbb03b;
font-size: 14px;
font-family: 'Oswald';
font-weight: 400;
margin: 6px 0 0 0;
}
.listing-swatch-details--info > span {
margin: 0 10px 0 0;
}
.listing-swatches-lrg--slider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-top: -10px;
text-indent: -1000px;
width: 20px;
height: 30px;
background-color: #121212;
overflow: hidden;
z-index: 1;
}
.listing-swatches-lrg--slider .slick-arrow::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='11px' height='6px'%3E%3Cpath fill-rule='evenodd' fill='%23fbb03b' d='M4.951,5.782 L0.217,1.230 C-0.084,0.940 -0.084,0.471 0.217,0.181 C0.518,-0.108 1.006,-0.108 1.307,0.181 L5.496,4.209 L9.684,0.181 C9.985,-0.108 10.474,-0.108 10.774,0.181 C11.076,0.471 11.076,0.940 10.774,1.230 L6.041,5.782 C5.890,5.927 5.693,5.999 5.496,5.999 C5.299,5.999 5.101,5.927 4.951,5.782 Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
height: 10px;
width: 16px;
background-position: center;
}
.listing-swatches-lrg--slider .slick-next {
right: -20px;
}
.listing-swatches-lrg--slider .slick-prev {
left: -20px;
}
.listing-swatches-lrg--slider .slick-prev::after {
transform: translate(-50%, -50%) rotate(90deg);
}
.listing-swatches-lrg--slider .slick-next::after {
transform: translate(-50%, -50%) rotate(-90deg);
}
.search_dropdown_spinner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #0d0d0d;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
display: none;
}
.search_dropdown_spinner .spinner {
position: relative;
top: auto; left: auto; right: auto; bottom: auto;
width: 60px;
height: 60px;
}
.team-members {
margin: 0 0 -45px 0;
}
.team-members > .container {
max-width: 1020px !important;
}
.team-members--title {
margin-bottom: 10px;
}
.member-group__container {
displaY: flex;
flex-wrap: wrap;
margin: 0 -45px 0 0;
}
.member-group__title {
font-family: 'Oswald';
font-size: 30px;
text-transform: uppercase;
padding: 10px 0 8px;
margin-bottom: 35px;
border-bottom: 1px solid #fff;
}
.member-group > img {
margin: 30px 0;
}
.member-group__title.has-img {
display: none;
}
.member-group__container > div {
display: flex;
width: 33.333333%;
padding: 0 45px 45px 0;
}
.team-member {
display: flex;
flex-direction: column;
background-color: #0d0d0d;
}
.tm-image {
border-bottom: 10px solid #fbb03b;
display: flex;
justify-content: center;
}
.tm-content {
padding: 10px 20px 20px;
}
.tm-name {
font-family: 'Oswald';
font-size: 30px;
color: #fbb03b;
margin-bottom: 10px;
text-transform: uppercase;
}
.tm-role {
font-family: 'Oswald';
font-size: 18px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.tm-details {
display: none;
}
.tm-details .dbl {
display: flex;
flex-direction: column;
}
.tm-details .dblr {
display: flex;
flex-direction: column;
padding: 12px 0;
}
.tm-details .dblr:not(:last-child) {
border-bottom: 1px solid #fff;
}
.team-member__more {
display: flex;
align-items: center;
cursor: pointer;
font-family: 'Oswald';
margin-top: 10px;
}
.team-member__more svg {
margin-left: 5px;
}
.tm-content.open .team-member__more > span:not(.opened), .tm-content:not(.open) .team-member__more > span.opened {
display: none;
}
.tm-content.open .team-member__more > span.opened, .tm-content:not(.open) .team-member__more > span:not(.opened) {
display: flex;
}
.tm-content.open .team-member__more svg {
transform: rotate(180deg);
}
.tm-details .dblr .dblc.dblc-a {
color: #fbb03b;
font-weight: 600;
}
.options_text {
color: #fbb03b !important;
}
.featured-home-row-cont .product-grid--item {
/* width: 25% !important; */
}
.home-featured-title {
font-size: 28px;
font-weight: 700;
text-align: center;
margin: 0 0 25px;
text-transform: uppercase;
font-family: 'Oswald';
display: flex;
align-items: center;
justify-content: center;
}
.home-featured-title div {
margin: 0 20px;
}
.home-featured-title img {
height: 32px;
}
.home-featured-title img:first-child {
transform: rotate(180deg);
}
.home-featured-title--new {
margin: 25px 0 25px 0;
}
.featured-home-row-cont .slick-arrow {
position: absolute;
top: 40%;
transform: translateY(-50%);
border: 1px solid #2a2a2a;
background-color: #171717;
width: 50px;height: 50px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.featured-home-row-cont .slick-arrow svg {
transform: scale(.8);
}
.featured-home-row-cont .slick-prev {
z-index: 2;
left: 10px;
}
.featured-home-row-cont .slick-next {
z-index: 2;
right: 0;
}
.jumbotron-about-us {
overflow: visible;
}
.jumbotron-about-us .jumbotron-content {
width: 100%!important;
text-align: center;
height: auto!important;
}
.jumbotron-about-us-video {
max-width: 720px;
margin: 30px auto 40px;
}
.jumbotron-about-us.jumbotron-large .jumbotron-buttons {
position: relative;
left: auto;
bottom: auto;
}
.home-youtube-grid {
margin: 0 -20px -20px 0;
padding: 0 0 80px;
}
.home-youtube-grid-item {
width: 33.3333%;
padding: 0 20px 20px 0;
float: left;
}
.jumbotron-blog-root .jumbotron-content {
padding: 10px 20px;
}
.jumbotron-blog-root .jumbotron-title {
font-size: 50px;
}
.blog {
padding: 50px 20px 40px;
}
.blog ~ .container {
/* padding: 50px 20px 40px; */
}
.blog-category-sliders {
background: url(/images/style/peach/wood-bg-4.jpg);
background-size: cover;
background-repeat: repeat-y;
background-position: top center;
padding: 50px 0;
}
.blog-category-sliders .button-small {
color: #fff
}
.blog-category-slider {
margin: 0 -20px -20px 0;
padding: 0 0 60px;
}
.blog-category-slider .slick-prev {
z-index: 2;
left: -90px;
}
.blog-category-slider .slick-next {
z-index: 2;
right: -70px;
}
.blog-category-slider .slick-arrow {
position: absolute;
top: 40%;
transform: translateY(-50%);
border: 1px solid rgba(255,255,255,.1);
background-color: transparent;
width: 60px;
height: 60px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.blog-category-slider .slick-disabled {
border-color: #262626;
}
.blog-category-slider .slick-disabled svg path {
fill: #262626;
}
.latest-blog-slider {
padding: 50px 0;
margin: 0 0 -50px;
}
.news-item-view-more {
padding: 0 20px 20px 0;
}
.news-item-view-more-inner {
background-color: #171717;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
height: 100%;
font-size: 30px;
font-family: 'Oswald';
letter-spacing: 0.05em;
}
.news-item-view-more-inner:hover {
background-color: #111;
}
.news-item-view-more-inner svg path {
transition: fill 300ms ease;
}
.news-item-view-more-inner:hover svg path {
fill: #fff;
}
.news-item-view-more-inner svg {
margin: 10px 0 0 0;
}
.blog-category-sliders .slick-track {
display: flex !important;
}
.blog-category-sliders .slick-slide {
height: inherit !important;
}
.is_guide_text {
display: inline-block;
position: relative;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .8px;
cursor: default;
position: relative;
}
.guide-tooltip__toggle {
}
.guide-tooltip {
position: absolute;
bottom: 100%;
margin-bottom: 10px;
width: 250px;
color: #fff;
font-weight: 200;
font-size: 13px;
text-transform: none;
font-family: 'Roboto', sans-serif;
left: 50%;
transform: translateX(-50%);
background-color: #0b0b0b;
border-radius: 4px;
padding: 12px 15px 10px;
}
.is_guide_text:not(:hover) .guide-tooltip {
display: none;
}
.guide-tooltip::before, .guide-tooltip::after {
content: '';
position: absolute;
top: 100%;
}
.guide-tooltip::before {
background-color: #0b0b0b;
height: 12px;
width: 12px;
left:50%;
transform: translateX(-50%) rotate(-45deg);
margin-top: -6px;
}
.guide-tooltip::after {
left: 0;
width: 100%;
height: 10px;
}
.is_guide--buttons {
margin-bottom: -10px;
flex-wrap: wrap;
}
.is_guide--buttons > *:first-child {
margin-right: 10px;
}
.is_guide--buttons > * {
margin-bottom: 10px;
display: block!important;
}
#form_stripe {
width:100%;
max-width: 400px;
margin: 0 auto;
text-align:center;
padding: 50px 0;
}
#form_stripe #card-errors {
text-align: left;
margin-bottom: 15px;
}
.button-stripe {
margin-top: 10px;
width: 100%;
}
.button-stripe:disabled {
opacity: .5;
}
.button-stripe:disabled,
.button-stripe:disabled:hover {
/* background-color: #e10e1d; */
}
.button-stripe .spinner {
font-size: 2px;
margin-top: -2px;
margin-bottom: -2px;
display: none;
}
.button-stripe:disabled .spinner {
display: block;
}
.button-stripe span {
line-height: 16px;
}
.button-stripe:disabled span {
display: none;
}
.stripe-cancel {
text-align: left;
padding: 25px 0 0;
margin-bottom: -8px;
}
.stripe-cancel a {
color: #000;
padding-top: 0;
padding-bottom: 0;
opacity: 0.5;
}
.stripe-cancel a:hover {
opacity: 0.8;
}
.jumbotron.has-gallery {
padding-bottom: 210px;
}
.gallery-slider {
margin-top: -230px;
}
.gallery-slider .slick-list {
overflow: unset;
}
.gallery-slide {
margin: 10px;
}
.usp-blocks {
display: flex;
flex-wrap: wrap;
padding: 50px 0;
margin: 0 -20px -20px 0;
}
.usp-blocks > div {
padding: 0 20px 20px 0;
flex: 1;
min-width: 33.3333333%;
}
.usp-blocks--block {
background-color: #171717;
padding: 20px;
font-size: 13px;
height: 100%;
}
.usp-blocks--block > .title {
color: #fbb03b;
font-weight: 600;
font-family: 'Oswald';
font-size: 20px;
margin-bottom: 8px;
}
.vacancies--title {
color: #fff;
font-size: 36px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
margin: 0 0 40px;
font-family: 'Oswald';
}
.vacancy {
background-color: #0d0d0d;
padding: 0 25px;
cursor: pointer;
-webkit-transition: background .3s ease, border .3s ease, opacity .3s ease, box-shadow .3s ease;
transition: background .3s ease, border .3s ease, opacity .3s ease, box-shadow .3s ease;
}
.vacancy:not(:last-child) {
border-bottom: 1px solid #282828!important;
}
.vacancy:hover {
}
.vacancy.active {
cursor: initial;
border: none;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.2);
}
.vacancy.active .vacancy--title {
padding: 25px 0 15px;
}
.vacancy--title {
display: flex;
justify-content: space-between;
align-items: center;
color: #fbb03b;
font-size: 20px;
font-weight: 600;
font-family: 'Oswald';
line-height: 1.3;
padding: 18px 0;
}
.vacancy .vacancy--title::after {
position: relative;
content: '';
height: 20px;
width: 20px;
background-image: url(/images/style/peach/icon-plus.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.vacancy.active .vacancy--title::after {
background-image: url(/images/style/peach/icon-minus.png);
}
.vacancy--text {
display: none;
padding-bottom: 35px;
}
.vacancy.active .vacancy--text {
display: block;
}
.vacancy--text p {
color: #fff;
font-size: 15px;
}
.vacancy--text ul {
color: #161616;
font-size: 13px;
}
.vacancy--text .content {
margin-bottom: 20px;
}
.application-overlay--outer {
position: fixed;
z-index: 1000;
background-color: rgba(0,0,0,.4);
height: 100%;
width: 100%;
margin-top: -47px;
}
.application-overlay {
position: absolute;
max-width: 90%;
width: 600px;
background-color: #222;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin-top: -47px;
padding: 25px 30px;
}
.application-overlay > .title {
font-size: 20px;
font-weight: 600;
font-family: 'Oswald';
color: #fbb03b;
margin-bottom: 10px;
}
.career-form {
display: flex;
flex-direction: column;
}
.form-bottom > small {
flex: 1;
margin-right: 20px;
}
.input-file > input[type="file"] {
display: none;
}
.career-form .input .button {
right: 15px;
}
.career-form .input textarea ~ .input-label {
background: transparent;
}
.message-temp {
position: fixed;
top: 100px;
z-index: 1010;
left: 50%;
transform: translateX(-50%);
width: 500px;
display: none;
}
.application-overlay .close {
position: absolute;
right: 10px;
top: 10px;
height: 20px;
width: 20px;
cursor: pointer;
}
.application-overlay .close::before, .application-overlay .close::after {
content: '';
position: absolute;
height: 20px;
width: 3px;
border-radius: 3px;
background-color: #fff;
cursor: pointer;
top: 50%;
left: 50%;
}
.application-overlay .close::before {
transform: translate(-50%, -50%) rotate(-45deg);
}
.application-overlay .close::after {
transform: translate(-50%, -50%) rotate(45deg);
}
.bundle-builder {
background-color: black;
padding: 32px 40px;
display: flex;
flex-direction: column;
}
.bundle-builder > h3 {
font-size: 30px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
}
.bundle-builder-images {
display: flex;
flex-wrap: wrap;
margin-right: -10px;
}
.bundle-builder-images > div {
display: flex;
padding: 0 10px 10px 0;
width: 25%;
}
.bundle-builder-images .greyed {
opacity: 0.5;
}
.bundle-builder-selector {
display: flex;
align-items: center;
border-bottom: 1px solid #be8225;
font-size: 15px;
}
.bundle-builder-selector label {
display: flex;
justify-content: space-between;
flex: 1;
padding: 20px 0;
cursor: pointer;
}
.bundle-builder-selector > input {
height: 18px;
width: 18px;
margin-right: 15px;
}
.bundle-builder-selector label > span:last-child:not(:first-child) {
min-width: 120px;
text-align: right;
margin-left: 20px;
}
.bundle-builder--bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0 0;
}
.bundle-builder-price {
font-size: 22px;
font-weight: 500;
color: #fbb03b;
font-family: 'Oswald';
}
.bundle-builder--bottom .button {
font-size: 18px;
letter-spacing: 0;
padding: 10px 25px;
flex-wrap: wrap;
}
.listing-available-text .content:first-child {
padding-top: 0;
}
.product--offer__flash, .category--flash-sash {
position: absolute;
background-color: #0D0D0D;
z-index: 10;
display: flex;
align-items: center;
color: #F0B246;
font-weight: 600;
justify-content: center;
font-family: 'Oswald';
border-radius: 100px;
}
.product--offer__flash {
left: 10px;
top: 10px;
font-size: 22px;
padding: 11px 30px;
}
.product--offer__flash > svg {
height: 20px;
fill: #F0B246;
margin-right: 6px;
}
.product--offer__flash > span {
margin-top: -2px;
}
.category--flash-sash {
padding: 9px 15px;
letter-spacing: .5px;
font-weight: 500;
top: 5px;
left: 5px;
}
.category--flash-sash > svg {
height: 15px;
margin-right: 3px;
}
.category--flash-sash > span {
margin-top: -1px;
}
.listing-overview.flash_enabled .listing-overview--top__container {
border: 2px solid #F0B246;
}
.flashdeal-listing--timer > div, .listing-flash--sash > span {
font-family: 'Oswald';
font-weight: 600;
background-color: #F0B246;
display: flex;
align-items: center;
border-radius: 50px;
color: #0D0D0D;
}
.flashdeal-listing--timer > div {
padding: 10px 20px;
font-size: 18px;
margin-bottom: 15px;
}
.flashdeal-listing--timer svg {
height: 20px;
fill: #0D0D0D;
margin-right: 6px;
}
.listing-overview.flash_enabled .has-brand .listing-image--brand {
top: 85px;
}
.listing-flash--sash > span {
padding: 6px 14px 7px;
font-size: 14px;
margin: 25px 0 5px;
}
.js-form-msg {
position: fixed;
top: 100px;
left: 50%;
transform: translateX(-50%);
text-align: center;
padding: 15px 30px;
background-color: #b12525;
z-index: 1000;
font-size: 13px;
font-weight: 600;
}
.js-form-msg.success {
background-color: #37af56;
}
.app-store-cta {
max-width: 725px;
width: 100%;
margin: 0 auto;
padding: 20px 40px 40px;
}
.app-store-cta--img {
min-width: 300px;
}
.app-store-cta--title {
font-size: 32px;
font-weight: 500;
color: #FFF;
margin-bottom: 35px;
font-family: 'Oswald',sans-serif;
}
.app-store-cta--links > a:not(:last-child) {
margin-bottom: 15px;
}
.page-clear-header {
padding-top: 275px;
padding-bottom: 100px;
}
.plain-title {
text-align: center;
font-weight: 600;
font-size: 42px;
margin-bottom: 35px;
}
.brand-blocks {
display: flex;
flex-wrap: wrap;
margin: 0 -40px -40px 0;
}
.brand-blocks:not(:last-child) {
margin-bottom: 50px;
}
.brand-blocks > div {
padding: 0 40px 40px 0;
}
.brand-block {
display: flex;
flex-direction: column;
height: 100%;
background-color: #171717;
}
.brand-block--image {
height: 316px;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
}
.brand-block--content {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
padding: 30px;
text-align: center;
}
.brand-block--content > *:not(:last-child) {
margin-bottom: 22px;
}
.brand-block--title {
font-family: 'Oswald', sans-serif;
font-size: 24px;
text-transform: uppercase;
font-weight: 600;
}
.brand-block--text {
flex: 1;
}
.mfp-content.zoomed-in {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: scroll;
z-index: 510;
}
.zoomed-in > .mfp-figure > button {
display: none;
}
.zoomed-in > .mfp-figure > figure > img {
padding: 0;
}
.zoomed-in > .mfp-figure figcaption {
display: none;
}
.zoomed-in > .mfp-figure, .mfp-content.zoomed-in img.mfp-img {
max-width: unset;
}
html.mfp-zoom-open {
overflow: scroll;
}
html.mfp-zoom-open body > *:not(.mfp-zoomed-image) {
display: none;
}
.mfp-zoomed-image {
position: relative;
display: inline-grid;
cursor: zoom-out;
z-index: 20000000000;
}
.mfp-zoomed-image img {
max-width: unset;
max-height: unset!important;
}
/*
|--------------------------------------------------------------------------
| Template > JS Read More
|--------------------------------------------------------------------------
*/
.js-rm {
position: relative;
}
.js-rm--dummy {
position: absolute;
left: 0; right: 0;
visibility: hidden;
pointer-events: none;
}
.js-rm--content {
transition: ease-in-out .2s;
}
.js-rm--content, .dummy-test .js-rm--dummy {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
}
.clamp-2 .js-rm--content, .dummy-test.clamp-2 .js-rm--dummy {
-webkit-line-clamp: 2;
}
.clamp-6 .js-rm--content, .dummy-test.clamp-6 .js-rm--dummy {
-webkit-line-clamp: 6;
}
.clamp-8 .js-rm--content, .dummy-test.clamp-8 .js-rm--dummy {
-webkit-line-clamp: 8;
}
.clamp-10 .js-rm--content, .dummy-test.clamp-10 .js-rm--dummy {
-webkit-line-clamp: 10;
}
.clamp-11 .js-rm--content, .dummy-test.clamp-11 .js-rm--dummy {
-webkit-line-clamp: 11;
}
.clamp-24 .js-rm--content, .dummy-test.clamp-24 .js-rm--dummy {
-webkit-line-clamp: 24;
}
.no-clamp .js-rm--content {
-webkit-line-clamp: unset!important;
text-overflow: unset!important;
}
.js-rm:not(.active) .js-rm--toggle {
display: none;
}
.js-rm--toggle {
display: inline-block;
margin-top: 20px;
cursor: pointer;
max-width: max-content;
}
.js-rm--toggle:not(.button) {
color: #006845;
}
.js-rm--toggle::before {
content: 'Read More';
position: relative;
}
.js-rm.open .js-rm--toggle::before {
content: 'Read Less';
position: relative;
}
.js-rm--toggle.button {
display: flex;
align-items: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.03em;
padding: 8px 16px;
font-weight: 600;
}
.js-rm--toggle.button::after {
content: '';
position: relative;
margin: 0 0 0 10px;
width: 12px; height: 12px;
background: url('data:image/svg+xml,') no-repeat center / contain;
-webkit-transition: ease-in-out .2s;
transition: ease-in-out .2s;
}
.js-rm.open .js-rm--toggle.button::after {
transform: rotate(180deg);
}
.chat-fc-form-outer div.fc-form {
width: 100%;
}
.chat-fc-form .pre-fc-field input {
color: #000;
padding: 8px 10px !important;
}
.whatsapp-chat {
position: fixed;
bottom: 21px; left: 20px;
display: flex;
align-items: center;
justify-content: center;
background-color: #25D366;
height: 50px; width: 50px;
padding: 13px;
border-radius: 60px;
z-index: 100;
}
.whatsapp-chat:hover {
background-color: #179747;
}
.hidden-features {
display: none;
}
.jumbotron .archive-search--container .archive-search {
margin: 36px 0 0;
}
.gallery-product-slider {
padding-bottom: 50px;
}
.gallery-product-slider .product-grid .slick-list {
overflow: unset;
}
.product-item-gallery {
position: relative;
overflow: hidden;
margin: 10px;
}
.product-item-gallery--image {
padding: 0 0 132%;
}
.product-item-gallery--image img {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.product-item-gallery--titles {
position: absolute;
left: 0;
top: 100%;
right: 0;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
-webkit-transition: ease-in-out .3s;
transition: ease-in-out .3s;
padding: 32px;
}
.product-item-gallery:hover .product-item-gallery--titles {
margin-top: -132%;
}
.product-item-gallery--title {
font-size: 28px;
font-family: 'Oswald';
font-weight: 600;
margin-bottom: 20px;
color: #FFF;
}
/*ARCHIVE CATEGORY PAGE*/
.page-bg-container {
padding: 256px 0 0 0;
position: relative;
background-attachment: fixed;
background-size: cover;
background-position: center;
}
/* .page-bg-image {
position: fixed;
top: 0px;
left: 50%;
transform: translateX(-50%);
min-height: 100%;
min-width: 100%;
max-width: unset;
} */
.page-bg-container > *:not(.page-bg-image) {
position: relative;
}
.page-bg-container .jumbotron {
padding-top: 0 !important;
background-color: transparent!important;
}
.page-bg-container .gallery-product-slider {
padding-bottom: 20px;
}
.page-bg-container .usp-blocks {
padding: 28px 0;
}
.archive-products--title {
color: #fff;
font-size: 36px;
text-transform: uppercase;
font-weight: 600;
text-align: center;
margin: 0 0 40px;
font-family: 'Oswald';
}
.archive-products--results .product-grid {
display: flex;
flex-wrap: wrap;
}
.archive-products--results .product-grid--item {
width: 20%;
}
/*ADDITIONAL FILTERS STYLE*/
.cat-additional-filters-container {
display: block!important;
margin: 0px -10px 14px 0;
}
.cat-additional-filters--toggle {
display: none;
}
.cat-additional-filters {
flex-wrap: wrap;
}
.cat-additional-filter {
position: relative;
width: calc(20% - 10px);
margin: 0 10px 10px 0;
background-color: #fbb03b;
}
.cat-additional-filter--title {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 12px;
font-weight: 500;
color: #000;
cursor: pointer;
}
.cat-additional-filter--title::after {
content: '';
position: relative;
width: 9px; height: 9px;
margin-left: 12px;
background: url('data:image/svg+xml,') no-repeat center / contain;
-webkit-trnsition: ease-in-out .3s;
transition: ease-in-out .3s;
}
.cat-additional-filter--title.open::after {
transform: rotate(180deg);
}
.cat-additional-filter--inner {
position: absolute;
display: none;
background-color: #FBB03B;
padding: 10px 10px 0px;
top: 100%; left: 0; right: 0;
border-top: 1px solid #000;
color: #000;
z-index: 1;
}
.cat-additional-filter-count {
margin-bottom: 10px;
font-size: 12px;
}
.cat-additional-filter-count > div:not(.cat-additional-filter--clear) {
margin-top: 2px;
}
.cat-additional-filter--clear {
cursor: pointer;
-webkit-transition: ease-in-out .2s;
transition: ease-in-out .2s;
font-size: 10px;
padding: 5px 8px;
border: 1px solid #000;
margin-left: 12px;
}
.cat-additional-filter--item {
padding: 7px 0 0;
}
.cat-additional-filter--item .input-checkbox,
.cat-additional-filter--item .input-checkbox > * {
cursor: pointer;
}
.cat-additional-filter--item label {
flex: 1;
margin-top: -2px;
}
.cat-additional-filter--item .checkbox {
margin-left: 12px;
border: 1px solid #000;
background-color: #FFF;
width: 16px;
height: 16px;
}
.cat-additional-filter--item .checkbox::after {
background: url(/images/style/peach/icon-tick-black.png) center center / 10px 8px no-repeat;
}
.archive-products .product-info {
padding: 10px 12px 2px;
}
.series-category {
margin-top: 113px;
}
.series-category + .category {
padding-top: 0;
}
.category-series-heading {
background-color: #000;
}
.category-series-heading__image {
position: relative;
width: 467px;
}
.category-series-heading__image::after {
content: '';
position: absolute;
top: 0; left: 60%; right: 0; bottom: 0;
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #000 100%);
}
.category-series-heading__content {
margin-top: 100px;
padding: 120px;
}
.category-series-heading__title {
font-weight: 600;
letter-spacing: -0.01em;
color: #FBB03B;
font-size: 42px;
margin-bottom: 12px;
}
.category-series-heading__desc {
margin-bottom: 12px;
}
.category-series-heading__content > .button {
margin-top: 18px;
text-transform: uppercase;
padding: 5px 20px 6px;
letter-spacing: 0.03em;
font-weight: 500;
}
.category-series-subs--container {
border-bottom: 1px solid #666666;
}
.category-series-subs {
display: flex;
flex-wrap: wrap;
padding: 60px 0 40px;
}
.category-series-sub--outer {
width: calc(33.3333333% - 20px);
margin: 0 20px 20px 0;
}
.category-series-sub {
display: flex;
width: calc(33.3333333% - 20px);
min-height: 165px;
margin: 0 20px 20px 0;
background-color: #0D0D0D;
}
.category-series-sub--outer > .category-series-sub {
width: 100%!important;
height: 100%;
margin: 0!important;
}
.category-series-sub__content {
padding: 12px;
}
.category-series-sub__title {
font-size: 18px;
color: #FBB03B;
font-weight: 600;
margin-bottom: 6px;
}
.category-series-sub__content > .content {
overflow: hidden;
font-size: 12px;
line-height: 1.3;
margin: 0 0 6px;
padding: 0 !important;
}
.category-series-sub__content > .button {
margin-top: 6px;
text-transform: uppercase;
padding: 5px 12px 6px;
letter-spacing: 0.03em;
font-weight: 500;
}
.category-series-sub__image {
width: 108px;
}
.category-series-sub__image > img {
visibility: hidden;
}
.category-series-subs--toggle--outer {
align-items: flex-end;
justify-content: center;
width: 100%;
height: 160px;
background: linear-gradient(to bottom, rgba(18, 18, 18, 0) 0%, #121212 50%);
margin-top: -100px;
-webkit-transition: ease-in-out .2s;
transition: ease-in-out .2s;
pointer-events: none;
}
.category-series-subs--toggle--outer.open {
background: transparent;
margin-top: 0;
height: 70px;
}
.category-series-subs--toggle {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
font-size: 15px;
letter-spacing: 0.08em;
font-weight: 500;
font-family: 'Oswald', sans-serif;
-webkit-transition: ease-in-out .2s;
transition: ease-in-out .2s;
pointer-events: all;
}
.category-series-subs--toggle:hover {
color: #fbb03b;
}
.category-series-subs--toggle::after {
position: relative;
content: '';
height: 30px;
width: 30px;
background: url('data:image/svg+xml,') no-repeat center center;
background-size: 14px 8px;
-webkit-transition: ease-in-out .2s;
transition: ease-in-out .2s;
}
.category-series-subs--toggle:hover::after {
background: url('data:image/svg+xml,') no-repeat center center;
background-size: 14px 8px;
}
.category-series-subs--toggle::before {
content: 'VIEW ALL RANGES';
}
.open > .category-series-subs--toggle::after {
transform: rotate(180deg);
}
.open > .category-series-subs--toggle::before {
content: 'VIEW LESS RANGES';
}
.series-sub-heading > .category-content {
max-width: 100% !important;
width: 100%;
background-color: #0D0D0D;
padding: 30px;
}
.series-sub-heading > .category-content .category-title {
color: #fbb03b;
font-size: 28px;
margin-bottom: 4px;
line-height: 1.2;
}