/****
RTJ layout 2027
V. 1.0.1
****/
html {
overflow-y: scroll;
}
body {
background: #fff;
font: 15px 'Open Sans', sans-serif;
font-size: 15px;
font-display: swap;
}
:focus {
outline: 0;
}
ul, ol {
padding: 0 0 0 18px;
}
input, select {
height: 36px;
border-radius: 4px;
}
.clearfix {
clear: both;
}
.Container {
max-width: 1240px;
padding: 0 15px;
margin: 0 auto;
}
.Container-2 {
max-width: 1240px;
margin: 0 auto;
}
.Container-800 {
max-width: 800px;
}
.Container-900 {
max-width: 900px;
}
.Container-960 {
max-width: 960px;
}
.Container-1000 {
max-width: 1000px;
}
.Container-1200 {
max-width: 1200px;
}
.Container-No-Padding {
padding: 0;
}
@media (max-width:1024px) {
.Container {
padding: 0 15px;
}
}
@media (max-width:600px) {
.Container {
padding: 0 10px;
}
.Grid {
margin: 0 -10px;
}
.Col, [class^=Col-] {
padding: 0 10px;
}
.Flex {
margin-right: -10px;
margin-left: -10px;
}
}
.SiteContent {
padding: 15px 0 60px;
}
/*Typografy*/
h1, .H1, h2, .LogoLink, .H2, h3, table caption, .H3, h4, .H4, h5, .LiveSearchTitle, #OrderProductsTable .ProductName, .SearchFilterTitle, .H5, h6, .H6 {
font-family: 'Barlow', sans-serif;
text-transform: none;
font-display: swap;
}
h1, h2, h3, h4, h5, h6, .SearchFilterTitle {
color: #282828;
font-weight: 900;
}
h1 {
padding-top: 0px;
font-size: 32px;
line-height: 110%;
font-weight: 900;
}
h2 {
font-size: 24px;
font-weight: 800;
line-height: 110%;
}
h3 {
font-weight: 700;
}
h5 {
line-height: 1.1em;
}
.TitleWithIcon i {
font-size: 28px;
vertical-align: middle;
padding: 8px;
border-radius: 50%;
color: #fff;
background: #343434;
margin-right: 8px;
}
iframe {
display: block;
}
.extra-strong {
font-weight: 900;
}
.bold {
font-weight: 700;
}
.strong, strong {
font-weight: 700 !important;
}
.ContentTitle {
line-height: inherit;
}
figure {
margin: 0;
}
.Grid-Margin > .Col {
margin-bottom: 20px;
}
.Grid-Brands img {
height: 34px !important;
}
.col-no-padding {
padding: 0;
}
.col-padding-5 {
padding-right: 5px;
padding-left: 5px;
}
@media (min-width:1201px) {
.Col-Left-Gutter {
padding-left: 30px;
}
}
a {
color: #282828;
text-decoration: underline;
font-weight: 700;
}
h3 a {
font-weight: 700;
}
/*Tables*/
.table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(odd) td {
background-color: rgba(0,0,0,.02);
}
.table-full {
width: 100%;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/*Embed class, wrap iframes with this to make responsiveness*/
.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%;
}
/*Header*/
/*
.banners-top {
height: 35px;
}*/
.HeaderBar {
width: 100%;
/*background-color: #f3df0c;*/
border: 0;
font-weight: 700;
border-bottom: 1px solid #282828;
}
.HeaderBarHidable .Container {
padding: 10px;
}
.HeaderBar p {
margin: 0;
}
.HeaderBar a {
display: block;
width: 100%;
text-decoration: none;
line-height: 1;
}
.HeaderMenu {
padding: 7px;
}
.HeaderBar .Banner {
width: 100%;
}
@media (max-width: 600px) {
/*
.banners-top {
height: 28px;
}*/
.HeaderBar a {
font-size: 14px;
}
}
/*Formation classess*/
@media (max-width: 1199px) {
.center-if-no-lg {
text-align: center !important;
}
}
@media (max-width: 800px) {
.gap-if-mobile-10 {
margin-bottom: 10px;
}
}
@media (max-width: 600px) {
.center-if-mobile {
text-align: center;
}
.block-if-mobile {
display: block;
width: 100%;
}
}
.clickable:hover {
cursor: pointer;
opacity: 0.8;
}
.clickable-link {
color: #282828;
text-decoration: underline;
font-weight: 700;
cursor: pointer;
}
.center-block {
margin: 0 auto;
}
/**Elements**/
.gap-0 {
margin-bottom: 0;
}
.gap-5 {
margin-bottom: 5px !important;
}
.gap-8 {
margin-bottom: 8px;
}
.gap-10 {
margin-bottom: 10px;
}
.gap-15 {
margin-bottom: 15px;
}
.gap-20 {
margin-bottom: 20px;
}
.gap-25 {
margin-bottom: 25px;
}
.gap-30 {
margin-bottom: 30px;
}
.gap-35 {
margin-bottom: 35px;
}
.gap-40 {
margin-bottom: 40px !important;
}
.gap-45 {
margin-bottom: 45px;
}
.gap-50 {
margin-bottom: 50px;
}
.gap-70 {
margin-bottom: 70px;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-normal {
font-weight: 400;
}
.text-strong {
font-weight: 700;
}
.text-900 {
font-weight: 900 !important;
}
.text-small {
font-size: 14px;
}
.text-tiny {
font-size: 12px !important;
}
.text-medium {
font-size: 17px;
}
.text-big {
font-size: 20px;
font-weight: 700;
}
.text-blue {
color: #2493c1 !important;
}
.text-yellow {
color: #ffef45 !important;
}
.text-red {
color: #fb2f2f;
}
.text-white {
color: #fff;
}
.text-gray {
color: #9d9d9d;
}
.text-headline {
color: #ee382e !important;
}
.text-through {
text-decoration: line-through;
}
.hidden {
display: none !important;
}
.flex {
display: flex !important;
}
.block {
display: block !important;
}
.active {
display: block !important;
}
.img-70 {
max-width: 70% !important;
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
.highlight {
background: #272c33;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
font-weight: 700;
color: #fff;
}
.product-highlight-box {
border: 1px solid rgba(255,240,71,1);
padding: 10px 15px;
text-align: center;
font-weight: bold;
color: #282828;
background: rgba(255,240,71,.3);
border-radius: 5px;
}
.JS-Loading .ProductList [data-slider] {
height: 280px;
overflow: hidden;
}
/*Holders for loading. Static height..*/
.JS-Loading .ProductList [data-slider] {
height: 280px !important;
}
@media (max-width: 800px) {
.JS-Loading .ProductList [data-slider] {
height: 275px !important;
}
}
@media (max-width: 800px) {
.JS-Loading .ProductList [data-slider] {
height: 261px !important;
}
}
@media (max-width: 800px) {
.JS-Loading .ProductList [data-slider] {
height: 261px !important;
}
}
@media (max-width: 480px) {
.JS-Loading .ProductList [data-slider] {
height: 246px !important;
}
}
blockquote {
border-left-color: #696969;
border-radius: 4px;
font-size: 15px;
}
.Notification {
background: rgba(255, 240, 71, .05);
border-color: rgba(255, 240, 71, 1);
border-radius: 5px;
}
/*Drawers*/
.DrawerOverlay {
z-index: 1020;
}
.Drawer {
color: #343434;
background: #ffffff;
border: 0 !important;
}
/*Drawer title*/
.DrawerHeader {
background: #282828;
padding: 18px 15px;
border-bottom: 0px solid #444a53;
line-height: 1;
}
.DrawerHeader h3 {
color: #fff;
margin-bottom: 0;
font-size: 18px;
line-height: 1;
}
.DrawerHeader i {
color: #ffef45;
vertical-align: sub;
margin-right: 10px;
}
.DrawerNavigation a {
border: 1px solid #444a53;
}
.drawer-close {
position: absolute;
right: 0;
cursor: pointer;
}
/*Drawer header wit Flex (main mobile menu)*/
.DrawerHeader .Flex i.drawer-close {
position: static;
margin: 0;
}
@media (max-width: 1024px) {
.DrawerHeader {
padding: 15px 15px;
}
}
.DrawerBody {
padding: 15px;
}
/*Product details drawer*/
.DrawerProductDetails dl.Warranty dt.WarrantyPeriod {
display: none;
}
.DrawerProductDetails .Availability {
text-align: inherit;
padding: 0;
}
.DrawerProductDetails dd.StorageInfo {
font-size: 15px;
font-weight: 400;
}
/*Modals*/
.modal-header i {
cursor:pointer;
}
.modal-header {
padding: 10px 0;
}
.mfp-ajax-holder .mfp-content {
width: auto !important;
}
@media (max-width: 900px) {
.mfp-container {
padding: 10px;
}
}
.modal-wrapper {
margin: 0 10px;
}
.mfp-ajax-content-small {
max-width: 425px;
}
.mfp-ajax-content-small .material-symbols-outlined {
color: #343434;
}
.mfp-ajax-content-small .modal-header {
padding: 0;
}
.mfp-ajax-content-small h2 {
margin-top: 20px;
}
.modal-email-marketing .mfp-ajax-content {
background: #ffef45;
}
.modal-email-marketing input {
width: 100%;
margin-bottom: 10px;
height: 50px;
text-align: center;
}
.modal-email-marketing form [type='submit'] {
background: #192026;
border-color: #192026;
color: #fff
}
@media (max-width: 601px) {
.modal-email-marketing {
margin: 0 20px;
}
.modal-email-marketing h2 {
margin: 0;
}
.modal-email-marketing h3 {
margin: 20px 0 20px !important;
}
.modal-email-marketing input {
height: 40px;
}
}
/*Material Icons styling*/
.mi-lg {
font-size: 48px !important;
}
.material-symbols-inline {
vertical-align: bottom;
font-size: 20px !important;
margin-right: 2px;
}
.visible {
display: block !important;
transition: all .3s ease-in-out;
}
/*Centered ul li unstyled list*/
.CenteredListWrapper {
width:100%;
overflow:hidden;
}
.CenteredListWrapper ul {
clear:left;
float:none;
list-style:none;
width: 100%;
margin:0;
padding:0;
text-align:center;
}
.CenteredListWrapper ul li {
display:inline-block;
list-style:none;
margin:0;
padding:0;
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline>li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-unstyled > li a .material-symbols-outlined {
vertical-align: middle;
}
/**Custom grid extension**/
@media screen and (min-width: 1201px) {
.Col-xxl-12-12 {
width: 100%;
}
.Col-xxl-11-12 {
width: 91.66666667%;
}
.Col-xxl-10-12 {
width: 83.33333333%;
}
.Col-xxl-9-12 {
width: 75%;
}
.Col-xxl-8-12 {
width: 66.66666667%;
}
.Col-xxl-7-12 {
width: 58.33333333%;
}
.Col-xxl-6-12 {
width: 50%;
}
.Col-xxl-5-12 {
width: 41.66666667%;
}
.Col-xxl-4-12 {
width: 33.33333333%;
}
.Col-xxl-3-12 {
width: 25%;
}
.Col-xxl-2-12 {
width: 16.66666667%;
}
.Col-xxl-1-12 {
width: 8.33333333%;
}
.Hide-xxl {
display: none;
}
}
@media screen and (max-width: 1201px) {
.Hide-Below-Desktop {
display: none;
}
}
.grid-centered {
text-align: center;
}
.col-centered {
display: inline-block;
float: none;
text-align: left;
}
/*Col Mobile-Wide, missing from default theme???*/
@media screen and (max-width: 801px) {
.Col-Mobile-Wide-12-12 {
width: 100%;
}
}
/**Custom grid list 4-3-2-1*/
.GridList-4-2-1 > .ListItem {
width: 25%;
}
.GridList-4-3-2-1 > .ListItem {
width: 25%;
}
@media screen and (max-width: 1200px) {
.GridList-Custom > .ListItem {
width: 25%;
}
}
@media screen and (max-width: 1024px) {
.GridList-Custom > .ListItem {
width: 25%;
}
.GridList-4-3-2-1 > .ListItem {
width: 33%;
}
}
@media screen and (max-width: 800px) {
.GridList-Custom > .ListItem {
width: 33.3%;
}
.GridList-4-3-2-1 > .ListItem {
width: 33%;
}
.GridList-4-2-1 > .ListItem {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.GridList-4-3-2-1 > .ListItem {
width: 50%;
}
}
@media screen and (max-width: 480px) {
.GridList-Custom > .ListItem {
width: 50%;
}
}
.Flex-Align-Start {
align-items: center;
}
.Flex-NoPadding {
padding-left: 0;
padding-right: 0;
}
.Flex-NoMargin {
margin: 0;
}
.Flex-NoMarginBottom {
margin-bottom: 0;
}
.Flex-TinyPadding-Right {
padding-right: 5px;
}
.Flex-TinyPadding-Left {
padding-right: 5px;
}
.Flex-Stretch {
display: flex;
align-items: stretch;
height: 100%;
}
.Flex-Stretch > .FlexItemCenter {
align-items: center;
display: flex;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
/*Buttons*/
.Button, form button, #OrderDocuments a {
background: #f5f5f5;
border: 1px solid #cfcfcf;
border-radius: 3px;
color: #5a5a5a;
cursor: pointer;
display: inline-block;
padding: 7px 12px;
text-align: center;
text-decoration: none;
transition-duration: 0.15s;
vertical-align: middle;
}
.Button:active, form button:active, #OrderDocuments a:active,
.Button.Active,
form button.Active,
#OrderDocuments a.Active {
background-color: #efefef;
}
.Button-Primary-Action {
background-color: #009f19;
border-color: #009f19;
color: #fff;
}
.Button-Outline {
border-color: #9d9d9d !important;
color: #9d9d9d!important;
background: none !important;
}
.Button-Outline:hover {
color: #fff !important;
background: #bbbbbb !important;
border-color: #bbbbbb !important;
}
.Button-Gray {
background-color: #dadada;
border-color: #dadada;
color: #1f2329;
font-weight: 700;
}
.Button-Gray:hover {
background-color: #1f2329;
border-color: #1f2329;
color: #fff !important;
}
.Button-Dark {
background: #282828;
color: #ffef45;
border-color: #282828;
}
.Button-Dark:hover {
background: #ffef45;
color: #282828;
border-color: #ffef45;
}
.Button-Small {
padding: 4px 8px;
font-size: 15px;
}
.Button-Tiny {
padding: 3px 6px;
font-size: 12px;
}
.Button-Primary {
background: #ffef45;
color: #282828 !important;
border: 1px solid #282828;
}
.Button-Primary:hover, .Button-Primary:focus, .Button-Primary:active {
background: #282828;
color: #ffef45 !important;
}
.Button-Primary-Dark:hover,.Button-Primary-Dark:focus, .Button-Primary-Dark:active {
background: #ffef45 !important;
}
.Button-Lg {
padding: 10px 12px !important;
font-size: 16px;
font-weight: 600;
}
.Button-Xl {
padding: 20px 24px !important;
font-size: 20px;
/*font-weight: 600;*/
}
@media (max-width: 480px) {
.block-if-mobile {
display: block;
width: 100%;
}
}
.ContentSectionNoBorder {
border-top: 0 !important;
}
.ContentSectionTiny, .ContentSection + .ContentSectionTiny, .ContentSectionTiny + .ContentSectionTiny {
margin-top: 20px;
padding-top: 20px;
}
@media (max-width: 800px) {
.ContentSectionNoTopMarginMobile {
margin-top: 0;
}
}
/*Tabs*/
.r-tabs .r-tabs-nav {
margin: 0;
padding: 0;
}
.r-tabs .r-tabs-tab {
display: inline-block;
margin: 0;
list-style: none;
}
.r-tabs .r-tabs-panel {
padding: 40px;
display: none;
}
.r-tabs .r-tabs-accordion-title {
display: none;
}
.r-tabs .r-tabs-panel.r-tabs-state-active {
display: block;
}
/*Reviews tab star*/
.reviews-stars {
display: inline-block;
width: 20px;
height: 20px;
background: url(../images//rfy-stars.png) 0 0 no-repeat;
background-size: 100%;
vertical-align: top;
cursor: default;
transition: transform 0.15s;
background-position: 0 -20px;
margin-left: 5px;
}
/* Accordion responsive breakpoint */
@media only screen and (max-width: 800px) {
.r-tabs .r-tabs-nav {
display: none !important;
}
.r-tabs .r-tabs-accordion-title {
display: block !important;
padding: 20px;
background: #fff;
border-bottom: 1px solid #e0e0e0;
font-size: 17px;
}
.r-tabs .r-tabs-accordion-title a {
text-decoration: none;
}
.r-tabs-accordion-title .r-tabs-anchor:after {
font-family: 'Material Symbols Outlined';
content: "expand_more";
-webkit-font-feature-settings: 'liga';
position: absolute;
right: 15px;
font-size: 24px;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: -webkit-transform .4s ease;
transition: transform .4s ease;
transition: transform .4s ease,-webkit-transform .4s ease;
}
.r-tabs-state-active .r-tabs-anchor:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.r-tabs .r-tabs-anchor {
font-weight: 700;
}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
color: #5a5a5a;
}
.r-tabs .r-tabs-panel {
padding: 20px 15px;
}
}
/* Tabs container */
.r-tabs {
position: relative;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
position: relative;
}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
opacity: 0.5;
}
/* Tab panel */
.r-tabs .r-tabs-panel {
border: 1px solid #282828;
}
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
display: block;
}
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
opacity: 0.5;
}
.r-tabs {
margin-top: 15px;
}
.r-tabs .r-tabs-panel {
line-height: 1.6em;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin-top:-1px;
}
.r-tabs .r-tabs-panel img {
margin-bottom: 20px;
}
.r-tabs h1 {
font-size: 26px;
line-height: 1.3;
}
.r-tabs h2 {
font-size: 20px;
}
.r-tabs > ul {
text-align: center;
display: flex;
justify-content: center;
padding: 0;
margin-left: 1px;
}
.r-tabs > ul > li {
list-style: none;
display: flex;
justify-content: center;
margin: -1px;
}
.r-tabs > ul > li > a {
display: block;
text-align: center;
padding: 18px 30px;
background: #282828;
border: 1px solid #282828;
border-left-color: #545454 !important;
border-right: 0;
font-size: 15px;
color: #ffef45;
font-weight: 700;
text-decoration: none;
}
.r-tabs > ul > li:first-of-type a {
border-left-color: #282828 !important;
}
.r-tabs > ul > li:first-child a {
border-top-left-radius: 12px;
}
.r-tabs > ul > li:last-of-type a {
border-right: 1px solid #282828;
border-top-right-radius: 12px;
}
.r-tabs > ul > li.r-tabs-state-active > a {
border-bottom-color: #fff;
background: #fefefe;
/* font-weight: 700;*/
color: inherit;
}
.r-tabs .ui-tabs-panel {
padding: 24px;
}
.demo-image-thumb-fw {
width: 100%;
}
.SiteOverlay {
display: none;
background: #252930;
opacity: .5;
height: 100%;
width: 100%;
position: fixed;
z-index: 10;
}
@media (max-width:800px) {
.r-tabs {
margin:0 -15px 25px -15px;
}
.r-tabs .r-tabs-panel {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-left: 0;
border-right: 0;
border-bottom:0;
}
/*100% tables at mobile*/
.r-tabs .r-tabs-panel table {
width: 100%;
}
.r-tabs .ui-tabs-panel {
padding: 15px;
}
}
@media (max-width:800px) {
.r-tabs .r-tabs-panel {
border: 0;
}
}
@media (max-width:600px) {
.r-tabs {
margin:0 -10px 10px;
}
}
@media (max-width:1200px) and (min-width:1025px) {
.r-tabs > ul > li > a {
padding: 16px 23px;
}
}
@media (max-width:850px) and (min-width:769px) {
.r-tabs > ul > li > a {
padding: 16px 30px;
}
}
.Badge {
background-color: #ffef45;
left: 5px;
right:inherit;
color: #343434;
z-index: 2;
}
.ProductCard .Badge-discount {
font-weight: 900;
padding: 0px;
color: #343434;
font-size: 20px;
z-index: 8;
height: 90px;
width: 90px;
line-height: 90px;
border-radius: 50%;
text-align: center;
}
.Badge-smaller {
background-color: #ffffff;
color: #1f2329;
font-weight: 900;
font-size: 12px !important;
padding: 6px !important;
border: 1px #1f2329 solid;
left: 0;
}
.Badge-used {
left: 0;
background: #1f2229 !important;
color: #fff !important;
font-size: 1.20em !important;
border-radius: 2px;
padding: 12px !important;
font-weight: 700 !important;
text-transform: uppercase;
}
.Badge-discount {
font-weight: 800;
color: #343434;
font-size: 15px;
width: 52px;
height: 52px;
line-height: 50px;
text-align: center;
border-radius: 50%;
}
.Badge-image {
background: none;
padding: 0 !important;
width: 60px;
}
.Badge-new-product {
top: inherit;
bottom: 5px;
left: 50%;
transform: translate(-50%, 0);
border-radius: 4px;
width: auto;
height: auto;
padding: 5px 7px;
line-height: 1em;
font-size: 14px;
font-weight: 700;;
}
.ListProduct .Badge-new-product {
bottom: -13px;
}
.ProductCard .Badge-new-product {
font-size: 16px;
padding: 7px 10px;
top: 15px;
bottom: unset;
right: 0;
left: unset;
transform: none;
}
@media(max-width: 600px) {
.ProductCard .Badge-discount {
height: 65px;
width: 65px;
line-height: 65px;
font-size: 18px;
}
}
@media(max-width: 480px) {
.Badge-new-product {
margin-top: -15px;
}
}
.product-content-area .Badge-image {
width: 90px;
}
.product-scroller .Badge-product-featured {
width: 60px;
}
.ProductDiscountPrice {
color: #fb2f2f;
}
.separator-100 {
width: 100px;
height: 2px;
margin: 25px auto;
background: #2493c1;
}
.title-with-separator {
position: relative;
margin-bottom: 30px;
}
.title-with-separator:after {
content: "";
height: 4px;
width: 60px;
background: #ffef45;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.title-side-separator {
display: flex;
line-height: 1em;
}
.title-side-separator:after {
position: relative;
background: #dadada;
height: 1px;
content: "";
display: flex;
flex: 1;
top: 13px;
margin-left: 25px;
}
.title-element-after {
margin-bottom: 70px;
}
.background-gray {
background: #f8f8f8;
padding-top: 50px;
padding-bottom: 30px;
margin: 50px 0;
}
@media (max-width: 800px) {
.title-with-separator {
margin-bottom: 30px;
}
.title-element-after {
margin-bottom: 30px;
}
}
/**Banners**/
.BannerHolder {
margin: 15px 0px 0;
}
.BannerHolderNoMargin {
margin: 0 0 15px 0!important;
}
@media (max-width: 1240px) {
.BannerHolder {
margin: 0px -15px 0;
}
}
@media (max-width: 600px) {
.BannerHolder {
margin: 0px -10px 0;
}
}
/*Wide Banners / homepage*/
.JS-Loading .Banners-Wide {
display: none;
}
.BannerHolder {
padding-top: 39.7%;
position: relative;
}
.BannerHolder .BannerWrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@media (min-width: 1210px) {
.BannerHolder {
padding-top: 480px;
}
}
.Banners-Wide .flickity-prev-next-button.next {
right:10px;
}
.Banners-Wide .flickity-prev-next-button.previous {
left:10px;
}
@media (max-width:800px) {
.Banners-Wide .flickity-prev-next-button.next,
.Banners-Wide .flickity-prev-next-button.previous {
width: 38px;
height: 38px;
}
.Banners-Wide .flickity-prev-next-button.next {
right:5px;
}
.Banners-Wide .flickity-prev-next-button.previous {
left:5px;
}
}
@media (max-width:600px) {
.Banners-Wide .flickity-button {
display: none;
}
}
/*Responsive banner image in tablet Column*/
@media only screen and (min-width:801px) and (max-width:1024px) {
.Col-Tablet-12-12 .banner img {
width: 50%;
}
}
@media only screen and (min-width:600px) and (max-width:800px) {
.Col-Tablet-12-12 .banner img {
width: 60%;
}
}
/**Reviefy style**/
.rfy-stars-container .rfy-star {
background-image: url(../images//rfy-stars.png) !important;
}
/*Category*/
.CategoryProduct .ProductComparePrice {
display: inline;
}
.CategoryProduct .banner-campaign {
display: none;
}
.Banner-Category, .Banner-Brand-Image, .Banner-Category-Campaign {
margin-bottom: 20px;
}
@media (max-width: 800px) {
.Banner-Category, .Banner-Brand-Image, .Banner-Category-Campaign {
margin-bottom: 15px;
}
}
.category-reviews-wrapper {
text-align: center;
min-height: 20px;
margin-bottom: 5px;
}
.category-reviews-wrapper .rfy-stars-wrapper {
float: none;
margin-right: 0;
line-height: 1;
}
@media screen and (max-width: 600px) {
.rfy-stars-container {
float: none !important;
}
}
/*Product page*/
@media (min-width:1280px) {
.ProductCard .Right {
padding-left:30px;
}
}
@media (min-width:1025px) {
.ProductCard .Right {
padding-left:10px;
}
}
/*Prevent HUGE product images height*/
@media (min-width: 1025px) {
.ProductCard .Left {
padding: 0 60px;
}
}
@media (min-width: 1200px) {
.ProductCard .Left {
padding: 0 90px;
}
}
.ProductSocialWrapper {
align-items: flex-start;
margin-bottom: 10px;
height: 28px;
}
.product-reviews-page {
height: 20px;
line-height: 20px;
display: block;
margin: 0 0 10px 0;
position: relative;
cursor: pointer;
}
.ProductCard .reviefy-stars, .fixed-product-info-bar .reviefy-stars {
width: 100px;
height: 20px;
display: block;
background: url(../images//rfy-stars.png) 0 0px repeat-x;
float: left;
margin-right: 10px;
}
.rfy-stars-wrapper {
background: #fff;
position: relative;
display: block;
float: left;
margin-right: 10px;
}
.rfy-stars-container {
font-size: inherit !important;
}
.rfy-container .rfy-tabs .rfy-tabs-nav {
height: 42px !important;
}
.rfy-container .rfy-tabs .rfy-tab-nav {
border-top-left-radius: 3px !important;
border-top-right-radius: 3px !important;
}
.rfy-container {
font-size: 15px !important;
}
.rfy-container .rfy-chart-container {
background: #f2f2f2 !important;
}
.rfy-container .rfy-chart-container .rfy-chart-inner {
background: #282828 !important;
}
.rfy-container .rfy-review {
min-height: 190px !important;
}
@media (max-width: 1024px) {
.product-reviews-page {
margin-top: 15px;
}
}
/****Header****/
.HeaderInfoNavigation {
background: #1f2229;
padding: 0px 0;
font-size: 14px;
}
.SiteHeader .HeaderInfoNavigation a {
font-size: 14px;
text-decoration: none;
color: #6f7374;
}
.SiteHeader a {
text-decoration: none;
line-height: 1;
}
.HeaderInfoNavigation i {
line-height: 14px;
font-size: 14px;
width: 14px;
margin-right: 8px;
vertical-align: middle;
}
.HeaderInfoNavigation ul.info-left li {
margin-right: 14px;
}
.SiteHeader {
background-color: #282828;
z-index: 9;
}
.HeaderLogo {
width: 230px;
shape-rendering: auto;
}
.FlexBoxHeader {
display: flex;
align-items: center;
background: #ffef45;
padding: 0 20px;
}
.NavigationBarToggleMenu {
line-height: 1;
}
.NavigationBarToggleMenu i {
font-size: 26px;
padding: 5px;
border-radius: 3px;
background: #282828;
color: #ffef45;
}
.NavigationBarToggleMenu span {
font-size: 16px;
margin: 3px 0 0 7px;
vertical-align: super;
font-weight: 700;
}
.MenuInfoNavigation .FlexItem {
height: 100%;
padding-right: 5px;
padding-left: 5px;
}
.MenuInfoNavigation a {
padding: 0 10px;
}
.MenuInfoNavigation i {
color: #ffef45;
font-size: 32px;
}
/*Cart button*/
.TopCartButton {
height: 100%;
align-items: center;
display: flex;
}
.TopCartButton i {
width: 24px;
color: #282828;
position: relative;
vertical-align: middle;
}
.TopCartButton .CartValue {
font-size: 17px;
font-weight: 700;
margin-left: 10px;
}
.TopCartButton .text {
font-size: 16px;
margin: 0px 0 0 5px;
}
.ShoppingCartQty {
font-family: 'Open Sans';
position: absolute;
top: -4px;
right: 0;
color: #fff;
font-size: 13px;
background: #ff0000;
border-radius: 10px;
padding: 2px 5px;
margin-right: -5px;
display: none; /*Hide by default if empty, JS magic*/
font-display: swap;
}
.NavigationBar {
border: 0;
}
.HeaderContainer {
background: #282828;
padding: 10px 0;
}
.search-on {
z-index: 12 !important;
}
.ProductNavigationWrapper {
border-top: 1px solid #3c3f44;
position: relative;
}
.sticky-active .ProductNavigationWrapper {
border: 0;
}
.ProductNavigationWrapper > .Flex-NoMargin {
margin-left: -21px;
margin-right: -21px;
}
/*Mobile Header*/
.ToggleMenuMobile {
padding-right: 0;
padding-left: 8px;
}
.ToggleMenuMobile i {
color: #fff;
}
@media (max-width: 1024px) {
.HeaderLogo {
height: 40px;
width: auto;
}
.HeaderContainer {
padding: 0 5px;
height: 54px;
}
.HeaderContainer a {
color: #fff;
}
.NavigationBar .FlexItem {
padding-left: 8px;
padding-right: 8px;
}
.NavigationBarToggle {
font-size: inherit;
padding: 12px 2px;
}
.NavigationBar .material-symbols-outlined, .NavigationBar .material-symbols-outlined {
vertical-align: middle;
font-size: 30px;
height: 30px;
width: 30px;
}
.ShoppingCartQty {
top: 10px;
margin-right: 0px;
}
}
@media (max-width: 450px) {
.NavigationBar .FlexItem {
padding-left: 7px;
padding-right: 7px;
}
.NavigationBar .material-symbols, .NavigationBar .material-symbols-outlined {
font-size: 27px;
height: 27px;
width: 27px;
}
.NavigationBarToggle {
padding: 14px 2px;
}
.HeaderLogo {
height: 35px;
}
}
@media (max-width: 350px) {
.NavigationBar .FlexItem {
padding-left: 6px;
padding-right: 6px;
}
.NavigationBar .material-symbols, .NavigationBar .material-symbols-outlined {
font-size: 25px;
height: 25px;
width: 25px;
}
.NavigationBarToggle {
padding: 15px 2px;
}
}
/***MainNavigation***/
/**Sticky Header**/
/*Sticky MainMenu*/
.StickyCartWrapper {
display: none;
}
.sticky-active .StickyCartWrapper {
display: block;
}
.StickyCartWrapper .TopCartButton {
border: 0;
background: none;
padding: 0;
}
.StickyCartWrapper .CartValue {
font-size: 14px;
margin-left: 0px;
}
.StickyCartWrapper .TopCartButton i {
margin-right: 8px;
}
.sticky-active .menu-item-no-icon {
margin-left: 5px;
}
/*Search*/
.HeaderSearch {
z-index: 999;
}
#SearchForm {
position: relative;
}
#SearchForm > .FormItem {
margin-bottom: 0;
}
#SearchForm #SearchButton {
padding: 7px;
}
#SearchForm #SearchButton:before {
font-family: 'Material Symbols Outlined';
font-weight: normal;
font-style: normal;
font-size: 27px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
content: "\e8b6";
}
.header-icons {
padding: 4px 10px 0 0;
cursor: pointer;
}
.header-icons:hover {
opacity: 0.8;
}
.header-icons i {
font-size:28px;
}
.header-info-navigation {
display:none;
}
.sticky-active .header-info-navigation {
display: inline-block;
}
.header-search-wrapper {
display:none;
position: absolute;
right: 0;
background: #1f2329;
padding: 20px;
z-index: 9999;
}
.LiveSearchResults .ProductPrices {
font-weight: 700;
}
.LiveSearchResults .ProductName {
font-weight: 400;
height: 17px;
}
.LiveSearchResults .ProductImage {
color: inherit;
}
#LiveSearch {
position: relative;
}
#LiveSearchResults {
text-align: left;
color: #1f2329;
background: #fff;
line-height: inherit;
}
#LiveSearchResults a {
color: inherit;
line-height: inherit;
}
.LiveSearchActions {
text-align: center;
padding: 15px 0 0;
}
.search-keyword {
padding: 10px;
}
.LiveSearchTitle {
color: #1f2329;
}
.button-clear-search {
position: absolute;
right: 40px;
font-size: 20px;
top: 50%;
margin-top: -10px;
background: none;
border: none;
padding: 0;
opacity: .3;
}
.button-clear-search span {
font-weight: 900;
}
/*Mobile search*/
@media (max-width: 480px) {
/*button-clear-search {
right: 54px;
top: inherit;
margin-top: -30px;
}*/
#LiveSearch {
position: inherit;
}
#LiveSearchResults {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 95%;
}
}
/*Search Page*/
.SearchFilter ul {
padding: 0;
}
.SearchFilterTitle {
font-size: 18px;
font-weight: 700;
line-height: 1;
}
.SearchFilter {
font-weight: 700;
}
.SearchFilter a {
font-weight: 400;
text-decoration: none;
}
@media (max-width:801px) {
#SearchResults h1 {
font-size: 28px;
}
#SearchResults .ContentSection + .ContentSection {
margin-top: 20px;
padding-top: 20px;
}
.SearchFilter {
margin: 0 0 10px 0;
position: relative;
}
.SearchFilter > ul {
display: none;
transition: all .3s ease-in-out;
}
.SearchFilterTitle {
font-size: 16px;
padding: 8px 10px;
}
.SearchFilterTitle::after {
font-family: 'Material Symbols Outlined';
content: "expand_more";
position: absolute;
right: 5px;
}
.visible-child .SearchFilterTitle::after {
content: "expand_less";
}
.visible-child > ul {
display: block;
}
}
/*Breadcrumb*/
.Path {
padding: 10px 0 0;
white-space: nowrap;
overflow-y: hidden;
text-overflow: ellipsis;
line-height: 1.5;
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.Path::-webkit-scrollbar {
width: 0; /* For Chrome, Safari, and Opera */
height: 0;
}
.Path ul {
padding: 0;
font-size: 15px;
}
.Breadcrumb ul, .Breadcrumb li {
display: inline-block;
margin: 0;
}
.Breadcrumb ul li:before {
font-size: 16px;
margin: 0px 1px;
vertical-align: sub;
line-height: 1;
}
.Breadcrumb a {
font-weight: 400;
text-decoration: none;
}
h1.ContentTitle {
padding-top: 0px;
font-size: 34px;
line-height: 110%;
font-weight: 900;
word-break: break-word;
margin-bottom: 15px;
text-transform: uppercase;
}
.Breadcrumb .Latest a {
color: #bbbbbb;
}
@media (max-width: 1024px) {
h1.ContentTitle {
font-size: 31px;
margin-bottom: 10px;
}
.Path {
padding: 5px 0 0 2px ;
line-height: 1.1;
}
.Path ul {
font-size: 13px;
}
}
@media (max-width: 480px) {
.Path {
padding: 5px 0 5px;
}
}
/**MAIN SIDE NAVIGATION**/
/*TODO FIX ANIMATIONS!*/
.Sidebar-Menu-Wrapper {
position: relative;
height: 100%;
z-index: 11;
}
.Sidebar-Menu-Holder {
position: absolute;
display: block;
}
.Sidebar-Menu .Menu-Header {
height: 60px;
padding-left: 10px;
display: flex;
align-items: center;
background: #ffef45;
color: #1f2329;
}
.Sidebar-Menu .Menu-Header span {
display: flex;
width: 100%;
font-size: 16px;
font-weight: 700;
align-items: center;
}
.Sidebar-Menu .Menu-Header-Close {
height: 100%;
display: flex;
align-items: center;
padding: 0 10px;
cursor: pointer;
}
.Sidebar-Menu {
display: none;
-webkit-animation: slideIn .2s forwards;
animation: slideIn .2s forwards;
flex-direction: column;
top: 0;
position: fixed;
height: 100%;
background: #fff;
box-shadow: 0 9px 14px -1px #0003;
z-index: 2;
}
.Sidebar-Menu-Show {
display: flex;
width: 280px;
transition: width .5s ease-in-out;
}
.nav-scroll {
position:fixed;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.2s ease-in;
height: 35px;
width: 275px;
background: linear-gradient(180deg, rgba(0,0,0,0) 1%, rgba(230,230,230,1) 99%);
z-index: 2;
}
.nav-scroll .material-symbols-outlined {
background: #282828;
color: #fff;
border-radius: 50%;
}
.nav-scroll-up {
transform: translateY(-35px);
top: 0;
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(230,230,230,1) 100%);
}
.nav-scroll-down {
transform: translateY(35px);
bottom: 0;
}
.nav-scroll-up-visible {
top: 0px;
transform: translateY(0px);
}
.nav-scroll-down-visible {
bottom: 0px;
transform: translateY(0px);
}
/*Chat widget*/
iframe#launcher, iframe#webWidget {
right:0;
}
/*Fixed version for smaller screens aka. mobile/tablet*/
.Sidebar-Menu-Fixed .Sidebar-Menu-Holder {
position: fixed;
left: 0;
}
.Sidebar-Menu-Fixed .Sidebar-Menu {
top:0;
}
.Sidebar-Menu {
background: #fff;
}
.Sidebar-Menu .DrawerNavigation {
scrollbar-width: none; /* For Firefox */
-ms-overflow-style: none; /* For Internet Explorer and Edge */
overflow: auto;
padding: 0 0 50px 0;
}
.Sidebar-Menu .DrawerNavigation::-webkit-scrollbar {
width: 0; /* For Chrome, Safari, and Opera */
height: 0;
}
.Sidebar-Menu a {
font-size: 15px;
color: #282828;
border-color: #2c2100;
border: 0;
font-weight: 500;
padding: 10px 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
position: relative;
text-decoration: none;
}
.Sidebar-Menu .DrawerNavigation > ul > li > a {
font-size: 15px;
font-weight: 600;
}
.Sidebar-Menu .NavHighlight a {
background:#ffef45;
font-weight: 600;
}
.hide-menu-item {
display:none;
}
.Open {
display: block !important;
}
.Sidebar-Menu a:hover {
background: #ececec;
}
.Sidebar-Menu .NavigationList li.Open > a {
background:#ececec;
color: #282828;
}
.Sidebar-Menu .NavigationList li.Current > a {
background: #282828;
color: #fff;
}
.Sidebar-Menu .NavigationList li.Current > a .NavigationExpander {
background: #282828;
}
.Sidebar-Menu .NavigationList li.Current > a::before {
color: #ffef45;
}
.Sidebar-Menu .HasSubCategories > a {
padding-right: 45px;
}
.Sidebar-Menu ul ul a, .Sidebar-Menu ul ul ul a {
padding-left: 20px;
}
.Sidebar-Menu .NavigationList > li > a::before,
.Sidebar-Menu .NavigationList > li > ul > .Menu-Header span::before {
font-family: 'Material Symbols Outlined';
vertical-align: top;
margin-top: -5px;
margin-right: 10px;
display: inline-block;
color:#282828;
font-size: 25px;
font-weight: 400;
}
.Sidebar-Menu .Categories > li.CategoryID-267 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-267 > ul > .Menu-Header span::before {
content: "grass";
}
.Sidebar-Menu .Categories > li.CategoryID-260 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-260 > ul > .Menu-Header span::before {
content: "crisis_alert";
}
.Sidebar-Menu .Categories > li.CategoryID-177 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-177 > ul > .Menu-Header span::before {
content: "accessibility_new";
}
.Sidebar-Menu .Categories > li.CategoryID-75 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-75 > ul > .Menu-Header span::before {
content: "hiking";
}
.Sidebar-Menu .Categories > li.CategoryID-76 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-76 > ul > .Menu-Header span::before {
content: "house";
}
.Sidebar-Menu .Categories > li.CategoryID-51 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-51 > ul > .Menu-Header span::before {
content: "home_iot_device";
}
.Sidebar-Menu .Categories > li.CategoryID-77 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-77 > ul > .Menu-Header span::before {
content: "pets";
}
.Sidebar-Menu .Categories > li.CategoryID-130 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-130 > ul > .Menu-Header span::before {
content: "handyman";
}
.Sidebar-Menu .Categories > li.CategoryID-132 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-132 > ul > .Menu-Header span::before {
content: "chair";
}
.Sidebar-Menu .Categories > li.CategoryID-154 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-154 > ul > .Menu-Header span::before {
content: "cookie";
}
.Sidebar-Menu .Categories > li.CategoryID-52 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-52 > ul > .Menu-Header span::before {
content: "drive_eta";
}
.Sidebar-Menu .Categories > li.CategoryID-61 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-61 > ul > .Menu-Header span::before {
content: "electrical_services";
}
.Sidebar-Menu .Categories > li.CategoryID-62 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-62 > ul > .Menu-Header span::before {
content: "cable";
}
.Sidebar-Menu .Categories > li.CategoryID-42 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-42 > ul > .Menu-Header span::before {
content: "security";
}
.Sidebar-Menu .Categories > li.CategoryID-224 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-224 > ul > .Menu-Header span::before {
content: "shuffle";
}
.Sidebar-Menu .Categories > li.CategoryID-64 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-64 > ul > .Menu-Header span::before {
content: "phone_iphone";
}
.Sidebar-Menu .Categories > li.CategoryID-321 > a::before,
.Sidebar-Menu .Categories > li.CategoryID-321 > ul > .Menu-Header span::before {
content: "front_loader";
}
.Sidebar-Menu .Categories > li.CategoryID-23 > a::before {
content: "new_releases";
}
.Sidebar-Menu .Categories > li.CategoryID-160 > a::before {
content: "whatshot";
}
.Sidebar-Menu .Categories > li.CategoryID-161 > a::before {
content: "format_list_bulleted";
}
.Sidebar-Menu .InfoNavigation > li.InfoPageID-11 > a::before,
.Sidebar-Menu .InfoNavigation > li.InfoPageID-11 > ul > .Menu-Header span::before {
content: "headset_mic";
}
.Sidebar-Menu .Campaigns li a::before {
content: "campaign";
}
/*Expander*/
@media (min-width: 801px) {
.NavigationExpander:before {
content: "chevron_right";
vertical-align: middle;
}
.NavigationExpander.Open:before {
content: "chevron_left";
}
}
@media (max-width: 800px) {
.NavigationExpander:before {
content: "chevron_right";
}
.NavigationExpander.Open:before {
content: "expand_less";
}
}
@media (max-width: 800px) {
.Sidebar-Menu {
overflow: auto;
}
.category-reviews-wrapper li.Open ul {
background: #dbdbdb;
}
.Sidebar-Menu .NavigationList li.Open > a {
background: inherit;
color: #1a1a1a;
}
.Sidebar-Menu .NavigationList li.Current > a {
background: #282828;
color: #fff;
}
.Sidebar-Menu .NavigationList li.Open ul {
border-top: 1px solid #cbcbcb;
}
.Sidebar-Menu li.Open ul li {
background: #ebebeb;
}
.Sidebar-Menu li.Open ul li ul li {
background: #dbdbdb;
}
.Sidebar-Menu ul ul ul a {
padding-left: 30px;
}
.Sidebar-Menu ul ul ul ul a {
padding-left: 40px;
}
}
@media (min-width: 801px) {
.Sidebar-Menu li.Open ul {
margin-left: 275px;
height: 100%;
width: 250px;
background: #fff;
position: absolute;
z-index: 1;
top: 0px;
box-shadow: 0 9px 14px -1px #0003;
transition: 1s;
transition: width .3s ease-in-out;
}
.Sidebar-Menu li.Open ul a {
padding: 17px 15px 16px;
line-height: 1;
}
.Sidebar-Menu li.Open ul li ul {
margin-left: 250px;
}
}
/*Mobile main menu*/
@media (max-width: 1024px) {
.Sidebar-Menu .Menu-Header {
display: none;
height: 54px;
}
.Sidebar-Menu .Menu-Header-Mobile {
display: flex;
}
}
/*Infonavigation*/
.InfoNavigation a {
font-size: 15px;
color: #282828;
border-color: #2c2100;
border: 0;
font-weight: 500;
padding: 12px 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
position: relative;
text-decoration: none;
border-bottom: 1px solid #e9e9e9;
}
.InfoNavigation a:hover {
background: #ececec;
}
/**Side navigation**/
.SideNavigation {
border: 0px;
border-radius: 0px;
}
.SideNavigation ul {
padding: 0;
line-height: 1.75em;
}
.infopage-page .SideNavigation > ul {
margin-top: -10px; /*Compensate first item 10px padding*/
}
.SideNavigation ul ul a {
padding-left: 25px;
}
.SideNavigation ul ul ul a {
padding-left: 50px;
}
.SideNavigation ul ul ul ul a {
padding-left: 75px
}
.SideNavigation a {
background: none;
color: #1f2329;
border-top: 1px solid #e0e0e0;
padding: 10px 0;
font-size: 15px;
line-height: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
position: relative;
text-decoration: none;
}
.SideNavigation ul > li > ul {
display:none;
}
.SideNavigation ul li.Current > ul {
display: block;
}
.SideNavigation a:before {
display: none;
}
.nav-expand {
position: absolute;
right: 10px;
top: 50%;
background: #1f2329;
padding: 2px 2px 0 2px;
text-align: center;
margin: -14px 0 0 0;
border-radius: 2px;
color: #fff;
line-height: 1;
}
.SideNavigation > ul >li > ul > li .nav-expand {
background: none;
color: #1f2329;
}
.SideNavigation .Current > a {
color: inherit;
font-weight: 700;
}
@media (max-width: 800px) {
.SiteContent {
padding: 5px 0 20px 0;
}
}
/**Footer**/
.Footer h1, .Footer h2, .Footer h3 {
color: #eee;
}
.SiteFooter {
border-top: 1px solid #dadada;
background: #282828;
color: #c0c5ca;
}
/*Newsletter block*/
.FooterNewsletter {
margin: 0;
justify-content: center;
font-size: 17px;
color: #fff;
text-align: center;
padding: 25px 20px;
}
.FooterNewsletter i {
vertical-align: middle;
font-size: 2.5em;
margin-right: 15px;
}
.FooterNewsletter input {
font-size: 15px;
}
@media screen and (max-width: 1000px) {
.FooterNewsletter {
display: block;
}
.FooterNewsletter .FlexItem:first-child {
padding-bottom: 10px;
}
}
@media screen and (max-width: 800px) {
.FooterNewsletter input {
display:inline;
margin: 0;
width: auto;
}
}
.PreFooter {
background: #ffef45;
color: #282828;
font-weight: 600;
padding: 50px 0;
}
.PreFooter .Col {
text-align: center;
padding: 0;
}
.PreFooter i {
display: block;
font-size: 3.5em;
}
.PreFooter h1 {
font-size: 40px;
text-transform: uppercase;
}
.PreFooter h2 {
font-weight: 700;
text-transform: uppercase;
/*margin: 15px 0 5px*/
}
.PreFooter p {
margin: 0;
}
.Footer {
padding: 50px 0 30px;
}
.box-flex {
display: flex;
justify-content: center;
align-items: center;
}
@media(min-width:1025px) {
.footer-box {
border-right: 1px solid #353b44;
padding: 0 25px;
height: 105px;
}
.PreFooter .Col:last-of-type .footer-box {
border-right: 0;
}
}
@media(max-width:1024px) {
.footer-box {
height: 105px;
padding: 0 10px;
}
.PreFooter {
padding: 25px 0 0;
}
.PreFooter .Col {
padding: 0 0 25px;
}
}
.Footer {
font-size: 15px;
}
@media (max-width: 600px) {
.footer-box {
height: auto;
}
}
@media (min-width: 601px ) {
.Footer .Col {
padding: 0 30px;
}
}
.Footer a, .FooterCopy a {
color: #c0c5ca;
text-decoration: none;
font-weight: 400;
}
.Footer a:hover, .Footer a:focus {
text-decoration: underline;
}
.Footer h2 {
margin-bottom: 30px;
position: relative;
font-weight: 700;
text-transform: uppercase;
}
.Footer ul {
line-height: 2em;
}
.FooterLogo {
max-width: 80%;
shape-rendering: auto;
}
.FooterPhone {
font-style: italic;
font-size: 0.85em;
}
.FooterCopy .Copyright {
border-top: 1px solid #273037;
padding: 40px 0;
}
.footer-newsletter input {
height: auto;
font-size: 14px;
padding: 5px 5px;
width: auto;
}
.footer-newsletter form [type='submit'] {
height: auto;
padding: 5px 7px;
}
@media (max-width:1024px) {
.FooterLogo {
max-width: 50%;
}
.Footer .Col {
text-align: center;
}
.Footer h2:after {
margin: 0 auto;
left: 50%;
margin-left: -23px;
}
.Footer ul {
font-size: 16px;
}
}
.FooterSome {
margin: 10px auto 30px;
}
.FooterSome ul li {
margin-right: 20px;
}
.FooterSome ul li:last-child {
margin-right: 0;
}
.FooterSome img {
opacity: 0.7;
}
.footer-lk img {
opacity:1;
}
.FooterSome img:hover {
opacity:1;
}
/***Category***/
.CategoryDescriptionContent {
line-height: 1.5em;
}
.CategoryDescriptionContent h2, .CategoryDescriptionContent h3 {
margin: 20px 0 20px;
}
.CategoryDescriptionContent p {
margin: 0 0 12px;
}
.Banner-Category-Campaign img {
width: 100%;
}
.Category-Banners {
margin-bottom: 20px;
}
.Category-Banners, .Category-Banners .Banner-Wide {
height: auto !important;
}
.Category-Banners .Banner-Wide a.BannerLink {
position:relative;
}
.CategoryDescriptionWrapper {
position: relative;
margin: 20px 0 78px;
}
.CategoryDescriptionWrapperOpen {
margin: 20px 0 40px;
}
@media (max-width:1023px) {
.CategoryDescriptionWrapper {
margin: 20px 0 70px;
}
}
.CategoryDescription p {
margin: 0 0 1em;
}
.CategoryDescription {
line-height: 1.5em;
max-height: 6em;
overflow: hidden;
}
.CategoryDescriptionLong {
max-height:inherit;
}
.CategoryDescriptionWrapperOpen .CategoryDescription {
max-height: 100%;
}
.CategoryDescription p { /*Adjust margin same height as line*/
margin: 0 0 1.5em;
}
.CategoryReadMore {
position: absolute;
margin: 0 auto;
text-align: center;
width: 100%;
background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 60%);
padding-top: 4.2em;
margin-top: -4em;
height: 7em;
font-weight: 700;
border-bottom: 1px solid #e0e0e0;
}
.CategoryReadMore span {
cursor: pointer;
}
.CategoryDescriptionWrapperOpen .CategoryReadMore {
background: none;
position: static;
}
.ProductListFilters .FilterGroupName {
border-color: #696969;
}
.FilterGroupName:after {
margin-top: -2px;
}
.FilterGroupName {
height: 36px;
padding: 6px 33px 6px 9px;
}
a.category-product-link, a.category-product-link:hover {
color: inherit;
font-weight: inherit;
text-decoration: none;
}
.CategoryProductList .GridList {
margin: 0;
}
.CategoryProductList .category-product-holder {
padding: 5px 5px;
border: 1px solid #fff;
border-radius: 5px;
}
.category-product-holder .Unavailable, .product-slider .Unavailable {
opacity: 0.5;
}
.category-product-holder .Unavailable::before {
content: "Kaikki meni!";
text-align: center;
position: absolute;
left: 50%;
z-index: 4;
background: #ffef45;
padding: 5px;
border-radius: 5px;
font-weight: 600;
transform: translate(0%,50%) rotate(45deg);
font-size: 14px;
}
@media (max-width: 1239px) {
.category-product-holder .Unavailable::before {
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
transform: translate(0);
}
}
.CategoryProductList .category-product-holder:hover {
border: 1px solid #696969;
border-radius: 3px;
}
.CategoryProductList .GridList > .ListItem button.AddToCart {
width:100%;
}
.CategoryProductList .GridList > .ListItem button.AddToCart {
width:100%;
}
.CategoryProductList .GridList > .ListItem button.AddToCart:hover {
background-color: #1f2329;
border-color: #1f2329;
color: #fff;
}
/*Product scroller*/
.scroller-product-hover {
opacity: 0.5;
transition: opacity
}
.ListProduct .ProductImage {
height: 150px;
line-height: 150px;
padding: 0px;
position: relative;
}
.CategoryProduct .ListProduct .ProductName {
font-size: 16px;
text-align: center;
margin-bottom: 7px;
white-space: normal;
height: 65px;
line-height: 1.35em;
font-family: inherit;
font-weight: 700 !important;
margin-top: 15px;
}
.product-scroller .ListItem {
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
position: relative;
}
.product-scroller .ProductAddToCart {
display: none;
}
.product-slider .GridList {
margin: 0;
}
.product-slider .Unavailable::before {
content: "Kaikki meni!";
text-align: center;
position: absolute;
z-index: 1;
background: #ffef45;
padding: 4px;
border-radius: 5px;
font-weight: 600;
transform: translate(50%,100%) rotate(45deg);
font-size: 14px;
}
@media (max-width:600px) {
.CategoryProduct .ListProduct .ProductName {
font-size: 14px;
line-height: 1.2em;
height: 51px;
margin-top: 15px;
}
}
.featured-scroller .Badge-product-featured {
display: none;
}
/*Scroller "big" */
.product-scroller-big .ListProduct .ProductImage {
height: 175px;
line-height: 175px;
}
@media (max-width: 600px) {
.product-scroller-big .ListProduct .ProductImage {
height: 135px;
line-height: 135px;
}
}
/*Scroller-medium, for example in compatible products*/
.product-scroller-medium .ListProduct .ProductImage {
height: 130px;
line-height: 130px;
}
.product-scroller-medium .ListProduct .ProductName {
margin-top: 12px !important;
font-size: 15px;
line-height: 1.3em;
height: 39px;
overflow: hidden;
text-overflow: ellipsis;
}
.product-scroller-medium .price-wrapper {
margin-bottom: 0;
}
/*Scroller-tiny, for example in categories*/
.product-scroller-tiny .ListProduct .ProductImage {
height: 120px;
line-height: 120px;
}
.product-scroller-tiny .ListProduct .ProductName {
margin-top: 15px !important;
font-size: 14px;
line-height: 1.2em;
height: 34px;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 5px;
}
.product-scroller-tiny .price-wrapper {
margin-bottom: 0;
}
/*AddToCart button*/
.scroller-add-to-cart {
display: none;
position: absolute;
z-index: 10;
top: 10px;
right: 10px;
cursor: pointer;
}
.scroller-add-to-cart i {
background: #1f2329;
color: #fff;
padding: 10px;
border-radius: 50%;
-webkit-box-shadow: 2px 1px 14px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 1px 14px -4px rgba(0,0,0,0.75);
box-shadow: 2px 1px 14px -4px rgba(0,0,0,0.75);
max-width: 44px;
overflow: hidden;
opacity: 1;
}
.scroller-add-to-cart i:hover {
background: #ffef45;
color: #282828;
}
.scroller-add-to-cart i:hover + .ListItem {
opacity: 0.5;
}
/*Show addtocart in mobile*/
@media (max-width: 1024px ) {
/*Don't show at category*/
.CategoryProductList .scroller-add-to-cart {
display: none;
}
.addtocart-show-mobile .scroller-add-to-cart {
display: block;
}
}
/*Small scroller*/
.product-scroller-small .ListProduct .ProductImage {
height: 130px;
line-height: 130px;
}
.product-scroller-small .CategoryProduct .ListProduct .ProductName {
margin-bottom: 5px;
}
.product-scroller-small .CategoryProduct .ListProduct .ProductName {
font-size: 14px;
}
.product-scroller-small .ProductPrices .price-wrapper .ProductComparePrice {
font-size: 12px;
padding: 2px;
font-weight: 700;
}
.product-scroller-small .product-slider .CategoryProduct .ProductPrices .ProductPrice {
font-size: 24px;
line-height: 1em;
}
@media (min-width:1025px) {
.CategoryProduct .ListProduct .ProductName {
margin-top: 20px;
}
.product-scroller-small .slick-slide {
padding: 0;
}
.product-scroller-small .CategoryProduct .ListProduct .ProductName {
margin-top: 0;
}
.product-scroller-small .ContentTitle {
margin-bottom: 5px;
}
}
@media (max-width: 1024px) {
}
.CategoryProduct .ListProduct .ProductName a {
color: #343434;
}
.CategoryProduct .ProductPrices .ProductPrice {
font-size: 26px;
line-height: 1em;
}
.CategoryProduct .ProductPrices {
/*font-size: 21px;*/
margin-bottom: 5px;
font-weight: 700;
text-align: center;
line-height: 1;
min-height: 26px
}
.ProductComparePriceWrapper {
height: 20px;
display: none;
}
.CategoryProduct .ProductPrices .price-wrapper .ProductComparePrice {
/*display: block;*/
font-size:15px;
padding: 2px;
font-weight: 700;
line-height: 15px;
}
.category-product-description {
font-size: 14px;
list-style: none;
padding: 0;
text-align: center;
height: 63px;
line-height: 1.5em;
overflow: hidden;
}
.category-product-description ul {
list-style: none;
padding: 0;
margin:0;
}
.category-product-description ul li:nth-child(n+4) {
display: none;
}
@media (max-width: 801px) {
.CategoryProduct .ProductPrices {
min-height:21px;
}
.CategoryProduct .ProductPrices .ProductPrice {
font-size: 21px !important;
}
}
/*Campaigns category page*/
.campaign-description {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
}
.campaign-description .Banner {
margin-bottom: 15px;
}
/**Countdown style**/
/* general styling */
.countdown-timer-container #countdown ul {
padding: 0;
}
.countdown-timer-container {
text-align: center;
}
.countdown-timer-container .container {
color: #333;
margin: 0 auto;
text-align: center;
}
.countdown-timer-container h1 {
font-weight: 700;
/*letter-spacing: .125rem;*/
text-transform: uppercase;
margin-bottom: 10px;
background: #0c0c0c;
font-style: italic;
color: #ffef45;
padding: 6px;
}
.countdown-timer-container li {
display: inline-block;
font-size: 1.4em;
list-style-type: none;
padding: 0.6em;
text-transform: uppercase;
color: #0c0c0c;
font-weight: 900;
}
.countdown-timer-container li span {
display: block;
font-size: 4em;
color: #0c0c0c;
font-weight: 900;
}
.countdown-timer-container .message {
font-size: 4rem;
}
.countdown-timer-container #content {
display: none;
padding: 1rem;
}
.countdown-timer-container .emoji {
padding: 0 .25rem;
}
.timer-small {
background: #ffef45;
padding: 8px;
}
.timer-small ul {
margin: 0;
line-height: 1.2em;
}
.timer-small li {
padding: 0px !important;
font-size: 15px !important;
font-weight: 700;
}
.timer-small li span {
font-size: 15px !important;
color: #0c0c0c;
display: inline;
font-weight: 600;
}
.timer-small #hours-2 {
color: #0c0c0c;
}
@media all and (max-width: 768px) {
.countdown-timer-container h1 {
font-size: 1.5rem;
}
.countdown-timer-container li {
font-size: 1.125rem;
padding: .75rem;
}
.countdown-timer-container li span {
font-size: 3.375rem;
}
}
@media all and (max-width: 500px) {
.countdown-timer-container h1 {
font-size: 1.5rem;
}
.countdown-timer-container li {
font-size: 1.125rem;
padding: .65rem;
}
.countdown-timer-container li span {
font-size: 3rem;
}
}
/*Bundle category*/
.category-bundle-description > p {
display: none;
}
/**Pagination**/
/*Pagination status at the start*/
.PaginationStatus {
margin-bottom: 10px !important;
margin-top: 10px;
}
.PaginationForm select {
border-color: #696969;
}
/*Pagination at the end*/
.Pagination {
text-align: center;
font-weight: 700;
}
.Pagination a {
color: #282828;
padding: 0;
text-decoration: none;
}
.Pagination li {
background: none;
border: 0;
line-height: 1;
padding: 12px 14px;
font-size: 16px;
}
.Pagination .CurrentPage {
color: #ffef45;
background: #282828;
border-radius: 50%;
font-size: 16px;
padding: 12px 14px;
}
.Pagination .PreviousPageLink > a:before,
.Pagination .PreviousPageLink.DisabledPageLink:before,
.Pagination .NextPageLink > a:before,
.Pagination .NextPageLink.DisabledPageLink:before {
font-size: 22px;
}
.Pagination .NextPageLink,
.Pagination .PreviousPageLink {
padding: 9px 14px;
}
.Pagination .PreviousPageLink > a,
.Pagination .NextPageLink > a {
padding:0;
}
/*Tablet category*/
@media (max-width:800px) {
.category-product-description ul {
font-size: 14px;
height: 63px;
}
}
/*Mobile category*/
@media (max-width:480px) {
.CategoryProductList .category-product-holder {
padding: 3px 3px;
border-color: #696969;
}
.ListProduct .ProductImage {
height: 135px;
line-height: 135px;
}
.category-product-description {
font-size: 13px;
line-height: 1.3em;
height: 68px;
}
}
.CategoryProductList .GridList > .ListItem {
padding: 10px 3px;
}
@media (max-width: 600px) {
.CategoryProductList .GridList > .ListItem {
padding: 3px 3px;
}
}
/*Brand page / category*/
.Brand-Page .BrandLogoWrapper {
text-align: right;
}
.Brand-Page .BrandLogoWrapper img {
max-height: 60px;
}
@media (max-width: 600px) {
.Brand-Page .BrandLogoWrapper {
text-align: left;
}
}
/*Product filters*/
.FilterHolder {
padding: 5px;
background: #282828;
border-radius: 3px;
margin: 0;
}
.FilterHolder > .FlexItem {
padding: 0;
}
.ProductListFilters {
margin: 0;
}
.FilterHolder label {
display: none;
}
.FilterHolder .PaginationHolder {
margin: 5px;
}
.category-filter label[for=PaginationSort] {
display: none;
}
.category-filter .Flex {
align-items: start;
}
ul.FilterTags {
margin: 5px 0 0 5px;
}
.FilterHolder .Button-Primary:hover,
.FilterHolder .Button-Primary:focus,
.FilterHolder .Button-Primary:active {
background: #ffef45 !important;
color: #282828 !important;
}
@media (max-width: 600px) {
#filterCollapse {
display:block !important;
}
.ProductListFilters {
display: none;
}
.FilterHolder .PaginationHolder {
margin: 0;
}
ul.FilterTags {
margin: 5px 0 10px 5px !important;
}
}
/****Product page****/
/*Product Bar*/
.fixed-product-info-bar {
padding: 7px 5px;
font-weight: 700;
position: fixed;
box-shadow: 0 2px 8px #0003;
width: 100%;
z-index: 9;
background: #fff;
left: 0;
right: 0;
top: 60px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
transition: display .5s;
}
.barHide {
opacity: 0;
visibility:hidden;
transition: all .5s ease-in-out;
}
.barShow {
opacity: 1;
visibility:visible;
transition: all .5s ease-in-out;
}
.fixed-product-info-bar .ProductAddToCart {
display: none;
}
.fixed-product-info-bar .MiniCartProduct {
padding: 0;
border: 0;
}
.fixed-product-info-bar .ProductImage {
height: 40px;
}
.fixed-product-info-bar .product-name {
font-size: 14px;
}
.product-add-to-cart i {
background: #1f2329;
color: #ffef45;
padding: 8px;
border-radius: 50%;
overflow: hidden;
font-size: 24px;
cursor: pointer;
}
.product-add-to-cart i:hover {
background: #ffef45;
color: #282828;
transition: background .3s;
}
@media (max-width: 1024px) {
.fixed-product-info-bar {
top: 54px;
}
.fixed-product-info-bar .product-name {
font-size: 12px;
max-height: 34px;
overflow: hidden;
text-overflow: ellipsis;
}
.fixed-product-info-bar .reviefy-stars {
margin-right: 0;
zoom: 0.8;
}
.fixed-product-info-bar .product-add-to-cart i {
padding: 6px;
font-size: 19px;
}
}
.brand-logo-holder {
padding: 0 0 15px;
}
.brand-logo-holder img {
max-height: 60px;
}
.ProductTitleWrapper {
margin: 0 0 15px 0;
}
h1.ProductTitle {
font-weight: 900;
font-size: 32px;
line-height: 100%;
margin-bottom: 10px;
word-break: break-word;
}
@media (max-width: 1024px) {
.brand-logo-holder img {
max-height: 52px;
}
.Right {
padding-top: 10px;
}
}
@media (max-width: 600px) {
.brand-logo-holder {
padding: 0 0 10px;
}
.brand-logo-holder img {
max-height: 40px;
}
}
/*Right sidebar*/
@media (max-width: 1200px) {
.product-sidebar {
display: none;
}
}
.product-sidebar {
padding-top: 18px;
padding-bottom: 20px;
margin-bottom: 10px;
}
.product-sidebar .ListItem {
margin-bottom: 30px;
padding: 12px;
}
.product-sidebar .ListItem {
-webkit-box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
box-shadow: 0px 0px 17px 0px rgba(255,255,255,1);
}
.product-sidebar .ListItem:hover {
-webkit-box-shadow: 0px 0px 10px 0px rgba(202,202,202,0.8);
-moz-box-shadow: 0px 0px 10px 0px rgba(202,202,202,0.8);
box-shadow: 0px 0px 10px 0px rgba(202,202,202,0.8);
transition: box-shadow 0.1s ease-in-out;
}
.product-sidebar .ProductImage {
margin:0;
padding: 0;
height: auto;
line-height: inherit;
}
.product-sidebar .ProductName {
line-height: 1.2em;
margin-bottom: 10px;
max-height: 2.4em;
}
.product-sidebar .ProductName {
white-space: normal;
color: #343434;
font-size: 16px;
}
.product-sidebar .price-wrapper {
display: block;
}
.product-sidebar .price-wrapper .ProductPrice {
font-size: 30px;
}
.product-sidebar .ProductPrices .price-wrapper .ProductComparePrice {
display: inline;
background: none;
text-decoration: line-through;
}
.product-sidebar .ProductPrices .price-wrapper .ProductDiscountPrice {
display:inline-block;
background-color: #ffef45;
color: #343434;
}
.product-sidebar .Badge {
font-weight: 900;
padding: 3px;
color: #343434;
display: none;
}
.product-sidebar form.ProductAddToCart {
display: none;
}
.product-sidebar .category-add-to-cart {
background: #1f2329;
border-radius: 25px;
padding: 6px 5px 5px 6px;
color: #fff;
float: right;
cursor: pointer;
}
.product-sidebar .category-add-to-cart:hover {
background: #2493c1;
color: #fff;
}
@media (max-width: 1024px) {
h1.ProductTitle {
margin: 0 0 12px 0;
font-size: 25px;
}
.ProductTitleWrapper {
margin: 0 0 5px 0;
}
}
@media (max-width: 480px) {
h1.ProductTitle {
font-size: 22px;
}
}
/*Mobile sidebar / collapse categories*/
@media (max-width:1200px) {
.Sidebar .SideNavigation, .Content-Menu .SideNavigation {
display: none;
}
}
@media (min-width:1025px) {
.product-page-top .Col:last-child {
padding-left: 80px;
}
}
@media (min-width:801px) {
.product-page-top {
padding-bottom: 20px;
}
}
/*Product image*/
.product-content-area .CurrentImageWrapper {
position: relative;
width: 100%;
}
.product-content-area .CurrentImageWrapper:after {
content: "";
display: block;
padding-bottom: 100%;
}
#CurrentProductImage {
padding: 0px;
}
.product-content-area .CurrentImageWrapper .ProductImage {
position: absolute !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
justify-content: center;
align-items: center;
}
.product-image-buttons {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
background: none;
border: 0;
padding: 50px 15px;
line-height: 1;
opacity: 0.6;
}
.product-image-buttons:hover {
opacity: 1;
transition: opacity 125ms ease-in-out;
}
.next-button {
/*Extra margin because of the col padding*/
right:30px;
}
.prev-button {
margin-left: -60px;
}
@media (max-width: 1199px) {
.next-button {
right: 15px;
}
}
@media (max-width: 1024px) {
.next-button {
right:15px;
}
.prev-button {
margin-left: 0;
}
}
.product-image-buttons .material-symbols-outlined {
font-size: 36px;
}
@media (max-width:1024px) and (min-width:601px) {
.product-content-area .CurrentImageWrapper {
max-width: 50%;
margin: 0 auto;
}
}
@media (max-width:600px) {
.product-content-area .CurrentImageWrapper {
max-width: 75%;
margin: 0 auto;
}
}
ul#ProductThumbnails {
padding: 0;
display: flex;
justify-content: center;
height: 22px;
margin: 0;
overflow-y: hidden;
scrollbar-width: none;
}
#ProductThumbnails .ProductThumbnail {
background-color: #9c9c9c;
height: auto;
line-height: 0;
}
#ProductThumbnails li {
display: inline-flex;
align-items: center;
cursor: pointer;
height: auto;
width: auto;
padding: 2px;
}
#ProductThumbnails li a {
align-items: center;
background: #9c9c9c;
border-radius: 50% !important;
box-shadow: inset 0 0 0 1px rgb(0 0 0 / 40%);
cursor: pointer;
display: inline-flex;
height: 12px !important;
width: 12px !important;
justify-content: center;
margin: 3px;
opacity: .4;
padding: 3px;
position: relative;
transform: scale(.75);
transition: opacity 125ms ease-in-out,transform 125ms ease-in-out;
vertical-align: middle;
text-align: center;
}
#ProductThumbnails .ProductThumbnail img {
display: none;
}
#ProductThumbnails .mz-thumb-selected {
zoom: 1.5;
opacity: 1;
}
.ProductImage, #ProductThumbnails .ProductThumbnail {
border:0;
margin:0;
padding:0;
}
.ProductImage {
margin-bottom: 8px;
}
#ProductThumbnails .mz-thumb img {
opacity: 0.6;
}
#ProductThumbnails .mz-thumb-selected img {
opacity: 1;
transition: opacity .1s ease-in-out;
}
.ProductImage:hover, #ProductThumbnails .ProductThumbnail:hover {
border-color: #2493c1;
}
#ProductImageCaption {
font-size: 14px;
padding-top: 10px;
text-align: center;
min-height: 38px;
margin-bottom: 5px;
}
.mobile-magic .mz-expand .mz-image-stage>figure .mz-caption {
display: block !important;
}
.ProductCard #ProductShortDesc {
margin: 15px 0 15px;
padding-bottom: 15px;
font-size: 15px;
line-height: 1.5em;
border-bottom: 1px solid #e0e0e0;
}
.ProductCard #ProductShortDesc > p {
margin: 0;
}
.ProductCard #ProductShortDesc ul {
padding: 0;
}
#showMore {
font-weight: 700;
color: #343434;
text-decoration: underline;
}
.product-price-toggle-vat {
text-decoration: underline;
}
.PriceFrom {
display: none;
}
.ProductCardPrices .price-wrapper {
margin-bottom:8px;
}
.price-wrapper .ProductPrice {
font-family: 'Barlow', sans-serif;
font-size: 36px;
line-height: 1em;
font-weight: 800;
color: #282828;
}
.price-wrapper .ProductDiscountPrice {
color: #fb2f2f;
}
.ProductPrices .price-wrapper .ProductComparePrice {
font-family: 'Barlow', sans-serif;
text-decoration: line-through;
font-size: 19px;
line-height: 1em;
font-weight: 700;
}
.ProductPrices .price-wrapper .ProductComparePrice span {
font-family: 'Barlow';
}
@media (max-width: 1024px) {
.ProductCard #ProductShortDesc {
margin: 15px 0 15px;
padding-bottom: 15px;
}
.price-wrapper .ProductPrice {
font-size: 36px;
}
.ProductPrices .price-wrapper .ProductComparePrice {
font-size: 19px;
}
}
/*Product options*/
.BuyForm fieldset {
margin: 0;
}
/*Bundle includes*/
.product-packages-wrapper .Grid {
color: #5a5a5a;
font-weight: 400;
}
.product-packages-wrapper .GridList.slick-slider .slick-slide {
padding: 10px 0;
}
.product-packages-wrapper .GridList.slick-slider .slick-slide ul {
font-size: 14px;
}
.product-packages-wrapper .GridList a:hover, .product-packages-wrapper .GridList a:focus {
color: inherit;
}
.bundle-includes-thumbnail {
max-width: 100px;
}
.product-packages-wrapper {
margin: 10px 0 15px;
}
.product-packages-wrapper a, .product-packages-wrapper a:hover {
color:inherit;
font-weight: 400;
text-decoration: none;
}
.product-packages-wrapper .ProductImage {
max-width: 150px;
}
.product-packages-wrapper ul.list-unstyled li {
margin-top:5px;
font-size: .9em;
}
.product-packages-wrapper .bundle-price-wrapper {
font-family: 'Barlow';
}
.product-packages-wrapper .bundle-price {
font-size: 26px;
font-weight: 800;
margin-bottom: 5px;
display: inline-block;
color: #fb2f2f;
position: relative;
line-height: 1em;
}
.product-packages-wrapper .bundle-price .PriceDecimals {
top: 0.55em;
}
.product-packages-wrapper .bundle-compare-price {
color: #1f1e1e;
font-weight: 500;
text-decoration: line-through;
margin-left: 10px;
}
.product-packages-wrapper-tab .bundle-compare-price {
font-weight: 0;
margin-left: 0;
text-decoration: none;
}
.product-packages-wrapper .BuyForm .FormSubmit button {
width: auto;
padding: 15px 30px;
line-height: 1.35em;
}
.bundle-availability {
font-weight: 700;
color: #db2121;
}
.flickity-button:disabled {
display: none;
}
/*ProductQuantityDiscounts*/
.price-quantity-discount .headline {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 6px;
margin-bottom: 6px;
}
.price-quantity-discount dt, .price-quantity-discount dd {
float: left;
width: 50%;
}
.price-quantity-discount dl dt {
font-weight: normal;
margin: 0;
}
.DiscountProduct .price-quantity-discount dl:last-child dt:first-of-type,
.DiscountProduct .price-quantity-discount dl:last-child dd:first-of-type {
display: none;
}
.price-quantity-discount dl:last-of-type dd {
color: #db2121;
font-weight: bold;
}
/*Bundle product card*/
.BundleProductCard h1.ProductTitle {
margin-bottom: 20px;
}
.BundleProductCard .ProductPrices .price-wrapper .ProductComparePrice {
font-size: 16px;
}
.BundleProductCard .product-discount-text {
font-size: 16px;
}
.bundle-includes {
border-bottom: 0 !important;
}
.bundle-includes a, .bundle-includes a:hover {
color: inherit;
}
.bundle-includes p {
margin:0 0 7px;
}
.BundleComparePrice {
text-decoration: none !important;
}
.product-discount-text {
font-size: 14px;
font-weight: 700;
}
/*Product availability*/
.Availability {
text-align: center;
padding: 5px;
margin-bottom: 15px;
}
.Availability p {
margin: 5px 0 0 0;
}
dt.StorageInfo {
display: none;
}
dd.StorageInfo {
font-size: 17px;
font-weight: 700;
color: #1f2329;
}
dd.StorageInfo p {
font-size: 15px;
}
.DeliveryTime {
margin-top:5px;
}
.ProductInformation dd.StorageInfo:before,
.ProductInformation .BuyFormVariationRadio p.Available:before,
.ProductInformation .BuyFormVariationRadio p.OutOfStock:before {
font-family: 'Material Symbols Outlined';
content: "done_outline";
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
font-size: 32px;
margin-right: 8px;
margin-top: -8px;
color: #009f19;
vertical-align: middle;
}
.ProductInformation .AvailabilityAlert dd.StorageInfo:before {
color: #009f19;
}
/*.ProductVariations .AvailabilityAlert dd.StorageInfo:before {
color:#ff8119;
}*/
.ProductInformation .AvailabilityOutOfStock dd.StorageInfo:before,
.ProductInformation .BuyFormVariationRadio p.OutOfStock:before {
color: #ff8119;
}/*
.AvailabilityLimited dd.StorageInfo:before {
color: #ff0000;
}*/
.ProductInformation .Unavailable dd.StorageInfo:before {
color: #ff0000;
content: "close";
margin-top: 0;
}
.ProductInformation .Availability-NoStockProduct dd.StorageInfo:before {
content: "hourglass_empty ";
color: #2493c1;
}
.ProductInformation .Availability-DropShippingProduct dd.StorageInfo:before {
content: "done_outline";
color: #009f19;
}
.ProductInformation .AvailabilityNotificationForm .CheckWrap {
display: none;
}
.stock-balance {
text-align: center;
padding: 24px;
background: #f5f5f5;
margin-top: -50px;
margin-bottom: 20px;
font-weight: 700;
}
/*Product options*/
.BuyFormVariationSelect select, .BuyForm .SelectItem select {
width: 100%;
}
.BuyForm .BuyFormQuantity label {
display: none;
}
.BuyFormQuantity {
float:left;
margin: 0;
}
.BuyFormQuantity select {
display: none;
}
.BuyForm .FormSubmit {
float:left;
margin-top:0;
width:100%;
}
.BuyForm .FormSubmit button {
border-radius: 30px;
width: 100%;
text-transform: uppercase;
font-weight: 700;
padding: 17px 12px;
background-color: #ffef45;
border-color: #282828;
color: #282828;
}
.BuyForm [type='submit']:before {
font-size: 21px;
font-family: 'Material Symbols Outlined';
content: "shopping_cart";
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
vertical-align: middle;
margin-right: 0.5em;
}
.BuyForm .FormSubmit button:hover {
color: #ffef45;
background: #282828;
border-color: #282828;
}
@media (max-width:600px) {
.Availability {
margin-bottom: 0;
padding: 18px;
}
}
@media (max-width:480px) {
.BuyForm .FormSubmit {
float:none;
display:flex;
}
.BuyForm .FormSubmit button {
width:100%;
}
}
.product-details-list, .product-details-list a {
font-size: 12px;
text-decoration: none;
font-weight: 400;
}
/*Product variations*/
/*Added if variaton not selected*/
/*
.VariationNotSelected {
}
*/
.BuyFormVariationRadio {
text-align: center;
}
.BuyFormVariationRadio .Checks {
align-content: stretch;
flex-wrap: wrap;
text-align: center;
}
.BuyFormVariationRadio .CheckItem {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
display: inline-block;
overflow: visible;
position: relative;
margin: 0;
padding: 5px;
margin: 3px;
border: 1px solid #282828;
border-radius: 3px;
font-weight: 800;
color: #282828;
background: #fff;
min-width: 33px;
}
.BuyFormVariationRadio .Selected {
background: #282828;
color: #fff;
}
.BuyFormVariationRadio .Disabled {
border-color: #bbbbbb;
color: #bbbbbb;
cursor: not-allowed;
}
.BuyFormVariationRadio .CheckItem label {
margin: 0;
font-weight: 700;
}
.BuyFormVariationRadio .FormHelp {
display: none;
}
.CheckItem .FormHelp:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #bbbbbb transparent transparent;
}
.BuyFormVariationRadio .FormHelp:before {
content:"" !important;
display: none !important;
}
.BuyFormVariationRadio input {
display:none !important;
}
.CheckItem label:hover+p {
visibility: visible;
opacity: 1;
display: block;
position: absolute;
bottom: 120%;
display: inline-block;
text-align: center;
left: -50%;
border: 1px solid #bbbbbb;
border-radius: 3px;
padding: 6px;
transition: opacity .3s;
color: #282828;
background: #fff;
}
.CheckItem label:hover+p.OutOfStock {
min-width:242px;
left: 50%;
margin-left: -121px;
}
/*Mobile variation select*/
@media (max-width: 600px) {
.BuyForm .Checks {
position: relative;
}
.BuyFormVariationRadio .CheckItem {
position: initial;
}
.CheckItem label:hover+p {
min-width: 100%;
left: 0;
bottom: 105%;
margin-left: 0;
}
.CheckItem .FormHelp:after {
display: none;
}
}
/*Product info list*/
.product-info-list {
font-size: 14px;
margin-top: 5px !important;
margin-bottom: 10px;
color: #1f2329;
font-weight: 700;
}
.product-info-list a {
color: #1f2329;
}
.product-info-list li {
margin-bottom: 4px;
}
.product-info-list i {
vertical-align: middle;
margin-right: 10px;
}
.product-info-list .ShippingCosts, .product-info-list .ShippingMethodPrice {
display: inline;
}
.product-info-list .ShippingMethodName, .product-info-list .ShippingMethodInfo {
display: none;
}
/*Shipping costs*/
.ShippingMethods {
padding: 10px;
border: 1px solid #afafaf;
}
.ShippingMethods dt, .ShippingMethods dd {
display:none;
}
.ShippingMethods dt:nth-of-type(-n+3), .ShippingMethods dd:nth-of-type(-n+5) {
display: block;
}
.ShippingMethods dd.ShippingMethodInfo {
display:none;
}
.ShippingMethods dt.ShippingMethodName {
border-bottom: 1px solid #afafaf;
margin: 0 -10px;
padding: 11px 10px 5px;
font-weight: 400;
}
.ShippingMethods dd.ShippingMethodPrice {
text-align: right;
margin-top: -30px;
font-weight: 600;
}
/*Free shipping*/
.free-shipping-box span {
display: inline-block;
background: #c2151f;
color: #fff;
padding: 6px 10px;
margin-top: 5px;
text-transform: uppercase;
}
/*Shipping methods modal*/
.Drawer dd.ShippingMethodPrice {
font-weight: 700;
color: inherit;
padding: 3px 5px;
background: #ffef45;
display: inline-block;
margin: 5px 0;
}
.fb-likes-box {
margin-bottom: 15px;
}
/*Product card product categories*/
.ProductCardProductCategories ul li {
border: 0 !important;
margin: 0 10px 5px 0;
-moz-border-radius: 8px;
}
.ProductCardProductCategories ul li a {
border-radius: 2px;
background: #2A2723;
display: block;
color: #eee;
padding: 6px;
font-weight: bold;
font-size: 14px;
line-height: 14px;
text-decoration: none;
}
.ProductCardProductCategories ul li a:hover {
background: #ff0000;
}
/*Product ask tab*/
ul.product-askmore-list {
width: 100%;
font-weight: 700;
}
ul.product-askmore-list li {
width: 32.5%;
padding: 40px;
border: 1px solid #fff;
}
ul.product-askmore-list li:hover {
border: 1px solid #d7d7d7;
}
ul.product-askmore-list li i {
font-size: 5em;
color: #343434;
}
@media (max-width:800px) {
ul.product-askmore-list li {
width: 100%;
padding: 20px 0;
}
ul.product-askmore-list li i {
font-size: 4em;
color: #343434;
}
}
/*Product features*/
.product-features ul, .product-subcategories ul {
padding: 0;
margin-bottom: 10px;
}
.product-features-category ul li, .product-subcategories ul li {
border: 0 !important;
margin: 0 10px 10px 0;
list-style: none;
display: inline-block;
}
.product-features ul li a, .product-subcategories ul li a {
background: none;
border: 1px solid #1f2329;
background: #1f2329;
border-radius: 3px;
color: #ffef45;
font-size: 15px;
padding: 10px 10px;
font-weight: 700;
text-transform: uppercase;
display: block;
text-decoration: none;
}
.product-subcategories ul li a {
font-size: 16px;
}
.product-features ul li a:hover, .product-subcategories ul li a:hover {
background: #1f2329;
color: #fff;
}
@media (max-width: 800px) {
.product-subcategories ul li {
margin: 0 8px 7px 0;
}
.product-subcategories ul li a {
padding: 10px 10px;
}
}
@media (max-width: 600px) {
.product-subcategories ul li {
margin: 0 8px 7px 0;
}
.product-subcategories ul li a {
padding: 9px;
font-size: 15px;
}
}
/*Product description - used products*/
#product-description {
border: 1px solid #d7d7d7;
line-height: 1.75em;
padding: 40px;
}
#product-description h1 {
font-size: 26px;
line-height: 1.3;
}
#product-description h2 {
font-size: 20px;
}
/*Product Image Viewer / MS*/
.mz-expand .mz-expand-bg {
background: #fff;
}
.mz-caption {
text-shadow: none !important;
color: #343434 !important;
font-size: 16px !important;
font: 16px 'Nunito Sans', sans-serif !important;
}
.mz-expand-thumbnails .magic-thumb > img {
box-shadow: none !important;
}
.mz-expand-thumbnails .magic-thumb-selected img,
.mz-expand-thumbnails .magic-thumb > img:hover {
-webkit-filter:none !important;
filter:none !important;
}
.mz-expand-thumbnails .magic-thumb {
border: 1px solid #fff;
background :#fff;
}
.mz-expand-thumbnails .magic-thumb-selected {
border: 1px solid #e0e0e0;
}
/**Scrollers**/
/*Flickity scrollers*/
@media (max-width: 1200px) {
.product-slider {
margin: 0 -15px;
}
}
@media (max-width: 600px) {
.product-slider {
margin: 0 -10px;
}
}
.scroller-category-title {
font-family: 'Barlow', sans-serif;
font-size: 24px;
color: #282828;
font-weight: 800;
text-decoration: none;
}
.product-scroller .ListItem {
width: 20%;
padding: 5px 5px;
border: 1px solid #fff;
border-radius: 3px;
}
.product-scroller .ListItem:hover {
border-color: #696969;
transition: border-color .3s;
}
.scroller-image-only {
padding: 10px 0;
}
.scroller-image-only .Badge {
display: none;
}
.scroller-image-only .ProductImage {
height: 80px;
line-height: 80px;
}
.scroller-image-only .Unavailable::before {
display:none;
}
@media (max-width: 1024px) {
.product-scroller .ListItem {
width: 22.5%;
}
.scroller-image-only .ListItem {
width: 15%;
}
}
@media (max-width: 800px) {
.product-scroller .ListItem {
width: 28.5%;
padding: 5px 3px;
}
}
@media (max-width: 600px) {
.scroller-category-title {
font-size: 20px;
}
.scroller-image-only {
padding: 10px 0 0;
}
.product-scroller .ListItem {
width: 42%;
padding: 5px 2px;
}
.scroller-image-only .ListItem {
width: 22.5%;
}
}
.flickity-prev-next-button.previous {
left: 1px;
width: 48px;
height: 48px;
}
.flickity-prev-next-button.next {
right: 1px;
width: 48px;
height: 48px;
}
.flickity-button:focus {
box-shadow: none;
}
.product-slider .CategoryProduct .ProductPrices .ProductPrice {
font-size: 23px;
line-height: 1em;
/*padding: 2px 30px 2px 4px;*/
}
.product-slider .category-product-description {
display: none;
}
.Drawer[data-drawer='info-navigation'] li.InfoPageID-95 {
display: none;
}
/*No compare price styling*/
.no-compare-price .ProductComparePriceWrapper {
display: none !important;
}
/*Mobile scrollers*/
@media (max-width:600px) {
.product-scroller h2.ContentTitle {
font-size: 20px;
}
.product-scroller > h2.ContentTitle {
margin-bottom: 10px;
}
.product-scroller .Button-Small {
font-size: 13px;
padding: 2px 4px;
}
}
/*SidebarCart*/
.Drawer[data-drawer-side='right'] {
width: 400px;
}
.MiniCartProduct .ProductQuantity {
background: #343434;
color:#fff;
left: 2px;
top: 0;
right: auto;
bottom: auto;
}
.MiniCartProduct {
padding: 15px 43px 20px 75px;
}
.MiniCart .Button {
border-radius: 25px;
}
/*SidebarCart product options*/
.MiniCart .product-options {
margin-top: 5px;
}
.MiniCart .product-options dt.ProductOption {
font-weight: 700;
}
.MiniCart .product-choices {
display: flex;
}
.MiniCart .product-options dd.ProductOption {
margin-left: 5px;
}
.MiniCartProduct .ProductRemove {
bottom: 0;
border-left: 1px solid #e1e5e8;
position: absolute;
right: 0;
top: 0;
}
.MiniCartProduct .CartRemove {
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: relative;
top: 50%;
display: block;
opacity: .7;
padding: 5px 5px 5px 10px;
text-decoration: none;
line-height: 1;
}
.MiniCartProduct .CartRemove:before {
font-family: 'Material Symbols Outlined';
content: "close";
margin-right: 0.3em;
font-size: 21px;
color: #282828;
font-weight: 500;
}
.MiniCartProduct .CartRemove span {
display: none;
}
/*Sidebar cart coupons*/
.CampaignCodeCollapse p {
padding: 15px;
margin: 0;
}
.CampaignCodeCollapse .CampaignCodeForm {
border-top: 0;
}
@media (max-width:800px) {
.Drawer[data-drawer-side='right'],.Drawer[data-drawer-side='left'] {
max-width: 50%;
}
}
@media (max-width:600px) {
.Drawer[data-drawer-side='right'], .Drawer[data-drawer-side='left'] {
max-width: 75%;
width: 75%;
}
}
@media (max-width:350px) {
.Drawer[data-drawer-side='right'], .Drawer[data-drawer-side='left'] {
max-width: 90%;
width: 90%;
}
}
.MiniCartHeader {
background: #282828;
padding: 16px 15px;
border-bottom: solid 1px #282828;
}
.MiniCartHeader h3 {
color: #fff;
position: relative;
line-height: 1;
}
.MiniCartHeader i {
color: #ffef45;
vertical-align: sub;
margin-right: 10px;
font-size: 27px;
}
.MiniCartHeader i:last-child {
margin-right: 0;
}
.MiniCartProduct .ProductName a {
color: #343434;
}
.cartFreeShipping > div {
margin-top:20px;
}
@media (max-width:1024px) {
.MiniCartHeader {
padding: 14px;
border-bottom: 0;
}
.MiniCartHeader i {
font-size: 26px;
}
}
/*Cart*/
.FullCartProduct .ProductName a {
font-weight: 700;
}
.FullCartProducts .ProductDiscountPrice {
font-weight: 700;
}
.FullCartColDetails {
white-space: normal;
}
.MiniCart .MiniCartShowCheckout {
display: none;
}
.FullCartSectionTopBorder {
border-bottom: 0;
border-top: 1px solid #dadada;
margin-top: 20px;
padding-bottom: 0;
}
.CompactDl dt {
margin: 0;
}
.CompactDl dd {
margin-left: 5px;
}
/**Checkout**/
/*Checkout Header*/
.CheckoutHeader a {
color: #fff;
}
.Checkout .BrandHeader {
padding: 10px 0;
}
.Checkout .BrandHeader i {
vertical-align: middle;
margin-right: 8px;
}
@media (max-width: 1024px) {
.Checkout .HeaderLogo {
height: 30px;
}
}
@media (max-width:800px) {
.Checkout .BrandHeader {
padding: 7px 0;
}
.Checkout .BrandHeader .FlexItem:first-child {
padding-left: 5px;
}
.Checkout .BrandHeader .FlexItem:last-child {
padding-right: 5px;
}
.Checkout .BrandHeader a span {
display: none;
}
}
.Checkout .SiteContent {
padding: 25px 0 40px;
}
.Checkout .mfp-ajax-content {
max-width: 800px;
}
.mfp-ajax-content ul.product-askmore-list li { /*Customer service modal*/
padding: 15px;
}
#CheckoutForm .FormHelp {
font-size: 13px;
}
#CheckoutForm h2 {
margin-bottom: 40px;
}
#CheckoutForm h2.no-margin { /*No margin for the first title because its wrapped to FlexItem*/
margin-bottom: 0px;
}
#CheckoutForm label[for=email_subscription],
#CheckoutForm label[for=sms_subscription] {
display: none;
}
/*Hide company details by default*/
#CheckoutBillingAddress .FormItem:last-of-type > div {
display:none;
transition: all 0.2s ease;
}
#CheckoutBillingAddress .GroupError:last-of-type > div {
display: inherit !important;
}
#RemoveShippingAddress {
display: none; /*Hide by default*/
font-weight: 700;
color: #5a5a5a;
}
.Checkout #scrolltop {
display: none;
}
.CampaignCodeForm {
background: #fff;
}
.CampaignCodeForm form button {
margin-bottom: 10px;
}
#CheckoutForm input[type="checkbox"] {
width: 23px;
height: 23px;
}
/*Checkout minicart*/
.MiniCart-Checkout {
background: #fff;
}
.MiniCart-Checkout .cart-drawer-close {
display: none;
}
.MiniCart-Checkout .MiniCartShowCheckout {
display: block;
}
.MiniCart-Checkout .MiniCartHideCheckout {
display: none;
}
.MiniCart-Checkout .MiniCartProduct {
padding: 15px 10px 15px 75px;
}
#CheckoutForm .SubmitButton {
width: 100%;
border-radius: 25px;
padding: 16px 12px !important;
font-size: 18px;
font-weight: 600;
background-color: #009f19;
border-color: #009f19;
color: #fff;
line-height: 1;
}
#CheckoutForm .SubmitButton:before {
font-size: 21px;
font-family: 'Material Symbols Outlined';
content: "send";
font-weight: normal;
font-style: normal;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
vertical-align: middle;
margin-right: 6px;
}
/*
.GroupErrorMessage {
display: none;
}
*/
.DisabledShippingMethod {
opacity: 0.5;
}
.ShippingMethodWrapper, .PaymentMethodWrapper {
background: none;
padding: 15px 15px;
}
.Checkout .ShippingMethodName, .Checkout .PaymentMethodName {
font-weight: 700;
}
.Checkout .ShippingMethodPrice, .Checkout .PaymentMethodPrice {
float: right;
font-weight: 700;
}
.Checkout .ShippingMethodDesc, .Checkout .PaymentMethodWrapper p.FormHelp {
display: none;
}
/*Show invoice payment info*/
.Checkout .PaymentMethodID-1 p.FormHelp {
display: block;
}
.Checkout .selectedShipping, .Checkout .selectedPayment {
margin: 0 0 1px 0;
border-color: #45e5ff;
background: #efffff;
}
.Checkout .DisabledPaymentMethod {
opacity: 0.3;
}
.Checkout .selectedShipping .ShippingMethodDesc, .Checkout .selectedPayment p.FormHelp {
display: inherit;
}
#CheckoutShippingMethods > .FormItem > p.label,
#CheckoutPaymentMethods > .FormItem > p.label {
display: none;
}
.CheckWrap .label {
margin-bottom: 12px;
color: #282828;
}
label[for=Terms] {
margin-bottom: 12px;
}
@media (max-width:1024px) {
#CheckoutForm h2 {
margin-bottom: 20px;
}
#CheckoutForm .terms-conditions .CheckWrap {
text-align: center;
}
}
/*Checkout banner*/
.checkoutb {
margin-top: 15px;
opacity: 0.8;
display: block;
}
@media (min-width: 1025px) {
.checkoutb {
max-width: 80%;
}
}
@media (max-width: 600px) {
#CheckoutForm .SubmitButton {
display: block;
width: 100%;
}
}
.Checkout [type="radio"]:checked,
.Checkout [type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.Checkout [type="radio"]:checked + span,
.Checkout [type="radio"]:not(:checked) + span
{
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #666;
}
.Checkout [type="radio"]:checked + span:before,
.Checkout [type="radio"]:not(:checked) + span:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 1px solid #c1c1c1;
border-radius: 100%;
background: #fff;
}
.Checkout [type="radio"]:checked + span:after,
.Checkout [type="radio"]:not(:checked) + span:after {
content: '';
width: 12px;
height: 12px;
background: #2493c1;
position: absolute;
top: 4px;
left: 4px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.Checkout [type="radio"]:not(:checked) + span:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.Checkout [type="radio"]:checked + span:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
#CheckoutForm .NordeaTerms {
display: none;
}
/*Customer information form*/
#CheckoutBillingAddress .FormItem > label[for='firstname'],
#CheckoutBillingAddress .FormItem > label[for='street_address'] {
display: none;
}
/*Terms drawer*/
.Drawer[data-drawer='terms'] {
width: 600px;
}
@media (max-width: 800px) {
.Drawer[data-drawer='terms'] {
max-width: 70%;
}
}
/***Content pages***/
/**Frontpage**/
.front-page-content-area {
line-height: 1.5em;
}
.content-boxes-wrapper {
padding: 20px 0 0;
}
.fp-box {
padding: 0px;
}
.fp-box p {
margin: 0;
}
.fp-box-3 {
padding: 0px 0 30px 0;
}
/**Infopages**/
.Infopages {
line-height: 1.75em;
}
/*Infopage - page */
.infopage-page .Content img { /*Responsive images by default*/
display:block;
max-width: 100%;
height:auto;
margin: 20px auto;
}
.infopage-page .Content {
padding: 25px 0 80px 0;
font-size: 17px;
line-height: 1.75em;
}
.infopage-page .Content-Menu, .infopage-page .Content-No-Padding {
padding: 0 !important;
}
.Content-Menu .SideNavigation {
margin-top: 20px;
}
@media (max-width: 1024px) {
.Content-Menu .SideNavigation {
margin-bottom:0;
}
}
@media (max-width: 800px) {
.infopage-page .Content {
padding: 5px 0;
}
}
@media (max-width: 600px) {
.img-50-70 {
width: 50%;
}
}
@media (max-width: 450px) {
.img-50-70 {
width: 70%;
}
}
/*Infopages custom ul-list style*/
.infopage-page .Content ul.fa-ul {
line-height: normal;
font-size: 16px;
}
.infopage-page .Content ul.fa-ul li {
margin-bottom: 12px;
}
.infopage-page .Content ul.fa-ul i.fa {
color:#0c7bac;
}
.infopage-page-2 .Content {
font-size: 14px;
line-height: 1.75em
}
.infopage-page-2 h1, .infopage-page-2 h2, .infopage-page-2 h3, .infopage-page-2 h4 {
color: #1882b0;
font-weight: normal;
}
.infopage-page-2 h1 {
border-bottom: 1px solid #1882b0;
padding: 0 0 6px 0;
margin: 30px 0;
}
.content-block {
padding: 0px 30px;
}
.content-block-separator {
border-bottom: 1px solid #e0e0e0;
}
.contact-details {
padding-top: 25px;
padding-bottom: 15px;
line-height: 1.75em;
}
.contact-details p {
margin: 0;
}
.contact-details p:last-of-type {
margin: 0 0 8px;
}
.contact-details p a {
color: inherit;
}
.contact-details .fa {
font-size: 2em;
margin-left: 5px;
}
/*Contact box*/
@media (max-width: 1024px) {
.contact-person-boxes .Col {
margin-bottom: 20px;
}
.contact-details {
font-size: 1.1em;
}
}
.contact-box {
border: 1px solid #e0e0e0;
text-align: center;
}
.contact-box p {
margin-bottom: 7px;
}
.box-blue {
background: #1882b0;
color: #fff;
padding: 25px;
}
.box-blue a, .box-blue a:active, .box-blue a:focus, .box-blue .btn-link {
color: #fff;
}
.box-blue a:hover, .box-blue .btn-link {
color:#fff;
}
.box-blue i.fa {
color: #fff;
}
.box-white {
background: #fff;
color: #000;
padding: 25px;
}
.contact-box .contact-phone {
font-size: 20px;
}
.box-separator {
margin:0 25px;
height: 1px;
background: #e0e0e0;
}
.box-separator-white {
height: 1px;
background: #fff;
}
.google-maps-embed iframe {
width: 100%;
}
.row-no-margin {
margin: 0;
}
/*Infopage-wide-no-sidebar*/
.page-wide-top-banner-wrapper {
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
margin-bottom: 40px;
}
.page-wide-top-title {
text-align: center;
padding: 3.3em 0.1em;
font-size: 60px;
color: #fff;
font-weight: 700;
max-width: 13em;
margin: 0 auto;
line-height: 1.2em
}
.title-hr {
width: 25%;
height: 3px;
margin: 25px auto;
background: #2493c1;
}
@media(max-width:800px) {
.page-wide-top-title {
font-size: 40px;
padding: 2.5em 0.15em;
}
@media(max-width:600px) {
.page-wide-top-title {
font-size: 33px;
padding: 2.5em 0.15em;
}
}
.page-wide-top-banner-wrapper {
margin-bottom: 10px;
}
}
/*Infopage-100-no-sidebar*/
.Infopage-100-no-sidebar {
padding: 30px 0 0;
}
.Infopage-100-no-sidebar figure {
margin: 0;
}
@media (max-width: 800px) {
.Infopage-100-no-sidebar {
padding: 20px 0 0;
}
}
/*Infopage brands*/
.Grid-Even .Col {
/*height: 120px;*/
display: flex;
align-items: center;
justify-content: center;
}
.Grid-Even .Col div {
height: 60px;
display: flex;
align-items: center;
}
.Grid-Even img {
max-width: 100%;
max-height: 100%;
}
.Grid-Even h4 {
margin-top: 15px;
}
.SiteHeader {
transition: all 0.5s;
line-height: 1;
}
/*Contact page*/
.header-info-box {
margin-bottom: 130px;
}
.info-box-container {
position: relative;
display: flex;
justify-content: center;
background: #282828;
height: 180px;
color: #fff;
margin-bottom: 40px;
padding: 20px;
text-align: center;
border-radius: 10px;
}
.info-box a {
text-decoration: none;
}
.info-box em {
font-size: 50px;
}
.info-box-holder {
position: absolute;
top: -75px;
display: flex;
justify-content: center;
}
.info-box-holder .info-box {
background: #ffef45;
border-radius: 50%;
line-height: 1;
width: 150px;
height: 150px;
display: flex;
align-items: center;
justify-content: center;
text-align:center;
color: #282828;
margin: 0 25px;
font-weight: 700;
}
.info-box-container p {
position: absolute;
bottom: 5px;
font-weight: 600;
}
@media (max-width:800px) {
.header-info-box {
margin-bottom: 20px;
}
.info-box-container {
height: auto;
display: block;
}
.info-box-holder {
position: initial;
top:auto;
display: block;
}
.info-box-holder .info-box {
margin: 15px auto;
width: 125px;
height: 125px;
}
.info-box-container p {
position: inherit;
}
}
/*UKK/Faq*/
.collapse-container h3 a {
text-decoration: none;
}
.collapse-container h3:before {
font-family: 'Material Symbols Outlined';
content: "add_circle";
-webkit-font-feature-settings: 'liga';
background: #282828;
border-radius: 50%;
color: #ffef45;
margin-right: 25px;
vertical-align: middle;
text-align: center;
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
}
/**ScrollTop**/
#scrolltop {
display: inline-block;
background-color: #343a42;
width: 40px;
height: 40px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 15px;
left: 15px;
transition: background-color .3s, opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 11;
cursor: pointer;
}
#scrolltop::after {
font-family: 'Material Symbols Outlined';
content: "expand_less";
font-weight: normal;
font-style: normal;
font-size: 15px;
line-height: 40px;
color: #fff;
}
#scrolltop:hover {
background-color: #ffef45;
color: #282828;
}
#scrolltop:hover::after {
color: #282828;
}
#scrolltop:active {
background-color: #555;
}
#scrolltop.show {
opacity: 1;
visibility: visible;
}
.scrollUp {
/*transform: translateY(-54px);*/
transition: transform .25s ease-in-out,background-color .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
}
/*Customer feedback slide-scroller*/
.Customer-Feedback-Banners {
height: auto;
border: 0;
margin-top: 0px;
padding: 0 10px;
}
.Customer-Feedback-Banners .Banner-Wide {
height: auto;
display: flex;
align-items: center;
justify-content: center;
/*background: #ececec;*/
text-align: center;
padding: 10px 75px !important;
height: 130px;
margin: 0 !important;
font-style:italic;
font-weight: 600;
font-size: 18px;
}
.Customer-Feedback-Banners-Big .Customer-Feedback-Banners .Banner-Wide {
font-size: 20px;
}
.Customer-Feedback-Banners .Banner-Wide p {
margin: 0;
}
.Customer-Feedback-Banners.GridList.slick-slider .slick-prev, .Customer-Feedback-Banners.GridList.slick-slider .slick-next {
margin-top: -36px !important;
color: #e0e0e0 !important;
}
.Customer-Feedback-Banners .slick-next {
right: 30px !important;
}
.Customer-Feedback-Banners .slick-prev {
left: 30px !important;
}
.references-holder img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
cursor: pointer;
}
.references-holder img:hover {
-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
filter: grayscale(0%);
}
@media (max-width:600px) {
.Customer-Feedback-Banners .Banner-Wide {
padding: 10px 20px !important;
height: 190px;
}
.Customer-Feedback-Banners .slick-next {
right: 0px !important;
}
.Customer-Feedback-Banners .slick-prev {
left: 0px !important;
}
}