* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} * img {border: 0; height: auto; max-width: 100%;} body {font: 14px/1.4 "Avenir", sans-serif; color: #000; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body > img {display: none;} tr, td {font-size: 14px; color: #000;} input, button, .button, select, textarea {color: #000; font-size: 14px; line-height: normal; transition: all 0.4s ease 0s;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {font-family: inherit; background: #fff; border: 1px solid #d6d6d6; display: inline-block; margin: 0; max-width: 100%; padding: .4em .8em; vertical-align: middle; outline: none;} input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {background-color: #eee; cursor: not-allowed;} select, button, .button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {cursor: pointer;} @media screen and (-webkit-min-device-pixel-ratio:0) { select {background: #fff url(../images/arr-slct.png) no-repeat 100% 50%; padding-right: 20px !important; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius:0; box-shadow: none; } } button, .button, .button-primary, input[type="button"], input[type="reset"], input[type="submit"] {background: #91d2eb; border: 1px solid #91d2eb; color: #000; cursor: pointer; display: inline-block; margin: 0; padding: .4em .8em; text-align: center; text-decoration: none; vertical-align: middle; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius:0;} button:hover, .button:hover, .button-primary:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {background: #212834; border: 1px solid #212834; color: #fff; text-decoration: none;} button.secondary, .button.secondary, .button.button-secondary, input.secondary[type="button"], input.secondary[type="reset"], input.secondary[type="submit"] {background: #f4f4f4; border: 1px solid #f4f4f4; color: #000;} button.secondary:hover, .button.secondary:hover, .button.button-secondary:hover, input.secondary[type="button"]:hover, input.secondary[type="reset"]:hover, input.secondary[type="submit"]:hover {background: #212834; color:#fff; } input[type='radio'] { position: relative; height: 12px; width:12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none;} input[type='radio']::before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; border-radius: 50%; transform: translate(-50%, -50%); background-color: white; border: 1px solid #a6a6a6;} input[type='radio']:checked::after { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height:8px; border-radius: 50%; background-color: #91d2eb; transform: translate(-50%, -50%); visibility: visible;} input[type='radio']:checked::before{ border: 1px solid #91d2eb;} input[type="checkbox"] {background-color:#fff; background-image: var(--bs-form-check-bg-image); border: 1px solid #d6d6d6; width: .875rem; height: .875rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; margin: 0 .875rem 0 0; vertical-align: sub;} input:checked[type="checkbox"] {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); } input[type="checkbox"]:checked {background-color: #91d2eb; border:1px solid #91d2eb; } form {margin: 0; padding: 0;} a {color: inherit; outline: 0; text-decoration: underline;} a:hover {text-decoration: none;} .middlenw {background-color: #EAEAEA;} .middlenw1 {background-color: #EAEAEA; } .middlebg {background: #E9E9E9;} .middlebg td {font-weight: bold;} .errorbg { color: #c00; padding:0; font-weight: 500;} .popup .errorbg {padding: 4px;} .messagebg {color: #91d2eb; font-weight: 500;} .padding6px td {padding: 6px;} .block-product-details .padding6px td {padding: 6px 10px;} .padding6px td td {padding: 0;} .padding6px .padding4px td, .padding4px td {padding: 4px;} .padding4px td td {padding: 0px;} .paddingReviews td {padding: 0px 11px;} .paddingReviews td td {padding: 0px;} .paddingRev5px td {padding: 5px 11px;} .paddingRev3px td {padding: 3px 3px 3px 11px;} .articleDate {color: #77c; font-style: italic; } .comment {color: #77c;} .message {color: #00c;} .error {color: red; } .nobr {white-space: nowrap !important;} /****** holding page ******/ .holding-bgr {background: url("images/index.jpg") no-repeat scroll 50% 0; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1;} .holding-shadow {background: rgba(0, 0, 0, 0.3); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 2;} .holding-page-block {background-color: #fff; border: 3px solid #e0041d; border-radius: 10px; box-shadow: 7px 7px 14px #333; font: 14px Calibri,Arial,sans-serif; left: 50%; margin: -200px 0 0 -295px; position: absolute; text-align: center; top: 50%; width: 590px; z-index: 3;} .holding-page-logo {background: #e0041d; padding: 10px 0; width: 100%;} .holding-page-content {color: #000; padding: 1em;} .holding-page-content p {font-size: 2em;} .holding-page-content p.small {font-size: 1em;} /****** holding page ******/ /****** main styles ******/ .shadow-layer {background: rgba(0, 0, 0, 0.4); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 999;} .cart-open .shadow-layer {display: block;} /* .main {} */ @media (max-width: 600px) {.scroll .main {padding-top: 162px;}} @media (max-width: 400px) {.scroll .main {padding-top: 173px;}} /* @media (max-width: 600px) {.scroll .main {padding-top: 175px;}} @media (max-width: 400px) {.scroll .main {padding-top: 188px;}} */ .sv-container {margin: 0 auto; max-width: 1200px;} .main-block {display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} .main-block-left-side {padding: 0 2% 0 0;} .main-block-right-side {padding: 0 0 0 2%;} .index-page .main-block {max-width: none;} .clear {clear: both;} /****** main styles ******/ /****** breadcrumb ******/ .breadcrumbs-wrapper {display: flex; justify-content: center; margin: 2em 0; width: 100%;} .breadcrumbs-wrapper a {cursor: pointer; text-decoration: none;} .breadcrumb-link-back {display: none; font-size: 1.2em;} .breadcrumb-link-back .fa-chevron-left {font-size: .8em;} .breadcrumbs {display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; line-height: 1.6;} .breadcrumb-separator::before {content: '/'; margin: auto .25em;} .breadcrumb:last-child .breadcrumb-link {color: #91d2eb; cursor: text; text-decoration: none;} .breadcrumb-link-rss {font-size: 1.8em;} @media (max-width: 1080px) { .breadcrumbs-wrapper {width: calc(100vw - 6rem); margin: 15px 0;} .block-product-details .block-content {margin: 1em 0;} .breadcrumbs {flex-wrap: nowrap; overflow: scroll hidden; white-space: nowrap; scrollbar-width: none;} } @media (max-width: 700px) { .product-page .breadcrumb:last-child {display: none;} .product-page .breadcrumb:first-child {display: none;} .product-page .breadcrumbs-wrapper a { text-decoration: underline;} .product-page .breadcrumb:nth-child(2) .breadcrumb-separator {display: none;} } @media (max-width: 600px) { .breadcrumbs-wrapper { width: calc(100vw - 3rem);} } /****** breadcrumb ******/ /**** fieldset ****/ .block-title {font-size: 2em; font-weight: 400; margin: 1em 0 0;} .block-links {float: right; font-size: 1.8em;} .block-links > a {color: inherit; margin: 0 0 0 .4em;} .block-content {margin: 2em 0;} /**** fieldset ****/ /* Splide slider/carousel main styles */ .splide__container{box-sizing:border-box;position:relative} .splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important} .splide.is-initialized:not(.is-active) .splide__list{display:block} .splide__pagination{ align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:2rem 0;pointer-events:none; gap:.5rem;padding:0 1em; z-index:1;} .block-banners .splide__pagination{position:absolute;right:0; left:0;bottom:1.5em; z-index:1; margin:0;} .block-banners .splide__pagination li:first-child:last-child {display: none;} .splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto} .splide:not(.is-overflow) .splide__arrows , .splide:not(.is-overflow) .splide__pagination{display:none} .splide__progress__bar{width:0} .splide{position:relative;visibility:hidden} .splide.is-initialized, .splide.is-rendered{visibility:visible} .splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative} .splide__slide img{vertical-align:bottom} .splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px} .splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause{display:none} .splide__toggle.is-active .splide__toggle__pause{display:inline} .splide__track{overflow:hidden;position:relative;z-index:0} @keyframes splide-loading{ 0%{transform:rotate(0)} to{transform:rotate(1turn)} } .splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none} .splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0} .splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1} .splide--rtl{direction:rtl} .splide__track--ttb>.splide__list{display:block} .splide__arrow{align-items:center;background:transparent;border:0;border-radius:50%;color:#91d2eb;cursor:pointer;display:flex;fill:#2ca5ca;font-size: 20px;height:2rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2rem;z-index:1} .splide__arrow svg{fill:inherit;} .splide__arrow:hover{background:transparent;border:0;color:#2ca5ca;} .splide__arrow:disabled{opacity:0} .splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px} .splide__arrow--prev{left:1em} .splide__arrow--next{right:1em} .splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px} .splide__pagination__page{background:#91d2eb;border:0;display:inline-block;height:2px;margin:3px;padding:0;position:relative; transition: all 0.4s ease 0s; width:40px} .splide__pagination__page.is-active{background:#212834; z-index:1; width:115px;} .splide__pagination__page:hover{cursor:pointer;} .splide__pagination__page:hover, .splide__pagination__page.is-active {background:#212834; border:0;} .splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px} .splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px} .splide__progress__bar{background:#ccc;height:3px} .splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)} .splide__slide:focus{outline:0} @supports(outline-offset:-3px){ .splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px} .splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px} } @media screen{ .splide__slide:focus-visible{border:3px solid #0bf} .splide.is-focus-in .splide__slide:focus{border:3px solid #0bf} .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf} } .splide__toggle{cursor:pointer} .splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px} .splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px} .splide__track--nav>.splide__list>.splide__slide{opacity:.6;cursor:pointer} .splide__track--nav>.splide__list>.splide__slide.is-active{opacity:1} .splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em} .splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)} .splide__arrows--rtl .splide__arrow--next{left:1em;right:auto} .splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)} .splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)} .splide__arrows--ttb .splide__arrow--prev{top:1em} .splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(90deg)} .splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto} .splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)} .splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0} /* Splide slider/carousel main styles */ /* block-articles-top-viewed, block-products-recently-viewed, block-products-top-viewed, block-related, block-top-rated, block-top-viewed */ .top-position::after {content: '. ';} .top-rating::before, .total-views::before, .parenthesis::before, .article-date::before {content: ' (';} .top-rating::after, .total-views::after, .parenthesis::after, .article-date::after {content: ') ';} /* block-articles-top-viewed, block-products-recently-viewed, block-products-top-viewed, block-related, block-top-rated, block-top-viewed */ /**** main bnr slider ****/ /* .mainImgs ul, .mainImgs li:first-of-type { list-style: none; display: block; margin: 0; padding: 0; } .mainImgs li {list-style: none; margin: 0; padding: 0; display: none;} .mainImgs li img {height: auto; width: 100%;} .mainImgs li span {display: none;} .mainImgs .bx-wrapper {position: relative;} .mainImgs .bx-viewport {z-index: 1;} .mainImgs .bx-controls {bottom: 30px; left: 0; position: absolute; right: 10px; z-index: 2;} .mainImgs .bx-pager {bottom: 10px; position: absolute; right: 0; z-index: 200;} .mainImgs .bx-pager-item {display: inline-block;} .mainImgs .bx-pager a {background: #0084e0; border-radius: 50%; display: inline-block; height: 7px; margin: 0 6px 0 0; text-indent: -9999px; width: 7px;} .mainImgs .bx-pager a:hover, .mainImgs .bx-pager a.active {background: #fff;} .mainImgs .bx-prev, .mainImgs .bx-next {display: none;} .block-banners .block-content {margin: 0;} .bnrs {} .bnrs div.bnr:first-of-type { list-style: none; display: block; margin: 0; padding: 0; } .bnrs div.bnr{list-style: none; margin: 0; padding: 0; display: none;} .bnr {} .bnr-img img {height: auto; width: 100%;} */ /**** main bnr slider ****/ /**** main bnr ****/ .block-banners .block-content{margin:0;} .block-banners .splide__arrow svg {fill:#fff; font-size:50px;} .block-banners .splide__pagination__page {height: 4px;} /**** main bnr ****/ /**** main tabs sliders ****/ .mainTabsWrapper { margin: 20px auto 20px; } .mainTabs {text-align: center; max-width: 1200px; margin: 0 auto;} .mainTabs .splitbtn {font-size: 0; } .mainTabs .splitbtn a {box-sizing: border-box; color: #b9b9b9; display: inline-block; font:400 20px/1 "Oswald", sans-serif; letter-spacing: .1em; line-height: 1em; margin: 20px 0; padding: 0 25px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase;} .mainTabs .splitbtn a + a {border-left: 2px solid #b9b9b9;} .mainTabs .splitbtn a:hover, .mainTabs .splitbtn a.active {color: #000;} .mainTabs .splitbtn a.active::after {background: #000; content: ""; display: block; height: 2px; margin: 8px auto -10px; width: 30px;} @media (max-width: 700px) { .mainTabs .splitbtn a#tab2 {display: none;} .mainTabs .splitbtn a#tab1 {border-left: 0;} } @media (max-width: 380px) { .mainTabs .splitbtn a#tab1 {display: none;} .mainTabs .splitbtn a#tab3 {border-left: 0;} } /* .mainTabs .splitbtn a:before {content: ""; height: 16px;width: 2px;background: #fff; margin-right: 1.5rem; display: inline-block;} .mainTabs .splitbtn a:after {content: ""; height: 16px;width: 2px;background: #fff; margin-left: 1.5rem; display: inline-block;} .mainTabs .splitbtn a.active:before {background: #91d2eb;} .mainTabs .splitbtn a.active:after {background: #91d2eb;} */ #cont3 {height: auto; visibility: visible;} #cont1, #cont2 {height: 0; visibility: hidden;} .main-tab {overflow: hidden;} .main-tab .block-title {display: none;} .main-tab .block-content {padding: 0 27px; margin:0 auto;} .main-tab .splide.items {margin: 0 auto;} .main-tab .splide__slide {display:flex; margin-bottom: 2px;} .main-tab .item {display:flex; flex-direction: column; border:1px solid #e0e0e0; padding: 1rem 2rem; width:100%;} .main-tab .item form {display:flex; flex-direction: column; } .main-tab .item .item-image {padding: 75% 0 0;} .main-tab .item.splide__pagination {position: relative; margin: 2rem 0 0;} .main-tab .item-title, .main-tab .item-title h2{font-size: 14px; color:#000; font-weight: 300; flex-grow:10; line-height: 1.5; margin: 1rem 0; overflow: hidden; text-align:center;} .main-tab .item-title {min-height: 63px;} .main-tab .item-title h2 {margin:0;} .main-tab a {text-decoration:none;} .main-tab .item-prices {min-height:2rem; text-align:center;} .main-tab .item-prices .title, .main-tab .item-prices .tax-name{display:none;} .main-tab .item-description {display:none;} .main-tab .splide__arrow {width:auto; height:auto;} .main-tab .splide__arrow.splide__arrow--prev {left: -27px;} .main-tab .splide__arrow.splide__arrow--next {right: -27px;} .main-tab .navigator {display:none;} /**** main tabs sliders ****/ .trustpilot-bg {display:block !important; background: #f5f5f5; padding: 40px 0; margin-bottom:20px; } .trustpilot-block {display:flex; flex-direction:column;} .trustpilot-items .splide__list {display:flex !important; justify-content: space-between; width: 100%;} .trustpilot-item {border-left:1px solid #c9c9c9; padding-left:60px;} .trustpilot-item:first-child {padding:0; border:0;} .trustpilot-wrapper .trustpilot-button {text-align: center;} .trustp-txt{font-size:18px; font-weight: 500; margin: 14px 0;} .trustp-name {font-size:18px; color:#626262; margin:0;} .trustpilot-button {text-align: center;} .trustpilot-button a {display: inline-block; color:#fff; background: #00b577;font-size:14px; padding: 10px 0; width:100%; max-width:230px; text-align:center; position: relative; overflow: hidden; transition: all 0.4s ease 0s; margin-top:40px; text-decoration:none;} .trustpilot-button a:hover { background: #41454b; color:#fff; text-decoration: none;} .trustpilot-button a::before {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #41454b; transform: translate3d(0,100%,0); transition: transform .6s cubic-bezier(.19,1,.22,1); z-index: 1;} .trustpilot-button a:hover::before {transform: translate3d(0,0,0);} .trustpilot-button a span {z-index: 2; position: relative;} @media(max-width:1200px) { .trustpilot-bg {margin-left:-1rem; margin-right:-1rem;} .trustp-txt, .trustp-name {font-size:16px; } .trustpilot-item {padding-left:30px;} } @media(max-width:1080px) { .trustpilot-bg {margin-left:-3rem; margin-right:-3rem;} } @media(max-width:900px) { .trustpilot-bg {padding: 26px 0;} .trustpilot-item {border-width:0; text-align:center; padding:0;} .trustpilot-bg .splide__arrow svg {fill:#3f3f3f;} .trustpilot-bg .splide__arrow{ width:auto; height:auto;} .trustpilot-bg .splide__arrow--prev {left:0;} .trustpilot-bg .splide__arrow--next {right:0;} .trustpilot-button a {margin-top: 32px;} } @media(max-width:600px) { .trustpilot-bg {margin-left:-1.5rem; margin-right:-1.5rem;} .trustp-txt, .trustp-name {font-size:14px; } .trustpilot-button a {max-width:none;} .trustp-txt {margin-left:1rem; margin-right:1rem;} } @media(max-width:500px) { .trustpilot-bg {margin-top: 1.5rem;} } @media(min-width:901px) { .trustpilot-bg .splide__arrows {display:none;} } .typeahead.dropdown-menu {display:none; background: #fff; left: 0 !important; list-style: none; margin: 0; padding: 0; position: absolute; top: 100% !important; width: 100%; z-index: 999;} form > .typeahead.dropdown-menu {left: 0!important; top:100% !important; width: 100%;} .typeahead.dropdown-menu li:first-child {display:none;} .typeahead.dropdown-menu li {border-top: 1px solid #b9b9b9; font-size: .9em; padding:.8em 1.2em; line-height: 1.4; overflow: hidden; text-align: left;} .typeahead.dropdown-menu li + li {border: 1px solid #b9b9b9; border-width: 1px 0 0;} .typeahead.dropdown-menu li .search-header {float: left; width: 80%; line-height: 1.4;} .typeahead.dropdown-menu li:hover {cursor: pointer;} .typeahead.dropdown-menu li .search-header + .angle {font-size: 1.1em;} .typeahead.dropdown-menu li .search-header.hidden + .angle {display: none !important;} .typeahead.dropdown-menu li ul {border-top: 1px solid #ccc; clear: both; list-style: none; margin: 2.4em -1em 0; padding: 1.4em 1em 0; max-height: 10em; overflow: auto;} .typeahead.dropdown-menu li ul.visible {max-height: 100%;} .typeahead.dropdown-menu li .search-header.hidden ~ ul {border: 0; list-style: none; margin: 0; padding: 0;} .typeahead.dropdown-menu li a {display: block; overflow: hidden; text-decoration: none;} .typeahead.dropdown-menu li a + a {margin: 1em 0 0;} /* .typeahead.dropdown-menu li img {height: auto; max-width: 10%; vertical-align: middle;} .typeahead.dropdown-menu li img + div {display: inline-block; margin: 0 0 0 3%; max-width: 85%; vertical-align: middle;} */ .typeahead.dropdown-menu li:last-child {background: #f5f5f5; display: flex; justify-content: space-between; align-items: center;} .typeahead.dropdown-menu li:last-child:before {content: "\f105"; float: right; font: 900 normal normal 17px "Font Awesome 5 Free"; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; order: 2;} .typeahead.dropdown-menu li:last-child .angle {display: none !important;} .typeahead_wrapper { display: flex; align-items:center;} .typeahead_photo {width: 20%; text-align: center;} .typeahead_photo img {height: 40px; max-width: 100%;} .typeahead_primary {width: 77%; margin-left: 3%;} /*******************************/ .main-banners-small {margin: 0 auto; overflow: hidden; max-width: 1200px;} .main-banner-small {float: left; margin-left: 0.9%; width: 32.7%;} .main-banner-small:first-child {margin: 0;} .main-banner-small a {text-decoration: none;} .main-banner-small img {height: auto; width: 100%;} /* .manufacturers-slider {padding: 10px 0px 70px 0px;} .manufacturers-slider ul, .manufacturers-slider li {list-style: none; margin: 0; padding: 0;} .manufacturers-slider li {height: 60px; text-align: center; line-height: 60px;} .manufacturers-slider li img {height: auto; width: auto; max-height: 60px; max-width: 160px; vertical-align: middle;} .manufacturers-slider .bx-controls {position: relative; z-index: 200;} .manufacturers-slider .bx-prev, .manufacturers-slider .bx-next {height: 25px; margin: -12px 0 0; position: absolute; text-indent: -9999px; top: -30px; width: 16px; z-index: 1000;} .manufacturers-slider .bx-prev {background: url(../images/prev_next.png) no-repeat 0 50%; left: -30px;} .manufacturers-slider .bx-next {background: url(../images/prev_next.png) no-repeat 100% 50%; right: -30px;} .manufacturers-slider-title {text-align:center; margin:0 auto;} .manufacturers-slider-title h2 { text-align: center; text-decoration: none; text-transform: uppercase; padding: 10px; font: 22px Impact,Charcoal, sans-serif; color: #484848;} .manufacturers-slider-title p { margin-top:-20px;} */ /*****************************************************************************/ .item .item-image {height: 0; padding: 100% 0 0; position: relative;} .item .item-image a {bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0;} .item .item-image img {height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: auto;} .item .label-block {font: 500 12px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .05em; width:44px; height:44px; text-align:center; position:absolute; top: -1px; right:16px; display:flex; flex-direction: column; justify-content: center; z-index: 99;} .item .label-block.pre-order {background:#212834 ; color:#fff; font-size:9px;} .item .label-block.pre-order span { font-size:16px;} .item .label-block.sale {background:#91d2eb ;} /* block-support */ .support-page .main-block.sv-container {max-width:none;} /* .support.right-side {} */ .contact-wrapper {display:flex; flex-wrap:wrap; justify-content: space-between;} .support a {text-decoration:none; color:inherit;} .support-wrapper { margin: 1rem 0; overflow: hidden;} /* .support-wrapper.block-support {} */ .support-wrapper img {height: auto; max-width: 100%;} .support .supportForm, .support.left-side, .support-map {margin: 0 auto; max-width: 1200px;} .support.left-side {margin-bottom:2rem;} .support.right-side { background: #f7f7f7; margin-left:0;} .contact-top-wrapper {width:100%;} .support .contact-ttl {font: 300 38px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; text-align:center; margin-top:0;} .support .contact-ttl::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .support h2 {font-size: 20px; font-weight: 600; margin: 0 0 1em;} .support p {font-size: 18px; line-height: 18px;} .support .contact-top-wrapper p {text-align:center;} .support .contact-list {font-size:16px; background:#f5f5f5; padding:20px; display:flex; justify-content: space-around; margin:2.5rem 0;} .support .contact-list span::before {content:'\f00c'; font-family: "Font Awesome 6 Free"; font-size: 14px; font-weight: 900; display:inline-block; text-align: center; color:#91d2eb; margin-right:.75rem;} .info-left-wrapper {width:46%;} .info-right-wrapper {width:50%;} .info-right-wrapper h1 {font: 300 30px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; margin-top:0;} .info-right-wrapper .address {margin: 2rem 0;} .info-right-wrapper .address i {color: #91d2eb; font-size: 14px; margin-right: .75rem;} .info-right-wrapper .address a {font-size:18px;} .info-right-wrapper p {font-size:14px; margin: .55rem 0 0;} .info-right-wrapper p a {font-size:14px !important;} .contact-soc p {font-size:18px; width: 100%; margin:0;} .contact-soc {display:flex; gap:.5rem;; flex-wrap: wrap;} .contact-soc a {font-size:1rem; background: #91d2eb; border-radius: 50%; width:1.75rem; height:1.75rem; display:flex; align-items: center; justify-content: center; text-align:center; line-height:1.75rem; margin-top:.35rem; } .contact-soc svg {fill:#fff;} .contact-soc a:hover {background: #212834; } .contact-soc a:hover svg {fill:#91d2eb;} .info-map-wrapper {display:flex; flex-wrap: wrap; justify-content: space-between; margin:2rem 0 1rem; width: 100%;} .info-map-ttl {width:100%; font: 300 30px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; margin-top:0; text-align:center;} .info-map-ttl::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .info-map-wrapper .map-item {width:32%;} .google-map {height: 0; padding: 72% 0 0; position: relative;} .google-map iframe {bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%;} .info-map-wrapper .address {margin: 2rem 0 0;} .info-map-wrapper .ttl {font: 500 20px/1 "Oswald", sans-serif; text-transform: uppercase; margin: 0 0 .5rem} .info-map-wrapper .address span {display:block; padding: .4rem 0; font-size: 16px;} .info-map-wrapper .address span ~ div {font-size: 16px; padding: .4rem 0;} .block-support .contact-form-title {color: #424242; font-size: 16px; font-weight: 500; margin: 0 0 1em; padding: 0;} .block-support .form-note {text-align: center; font-size: 14px; margin:0 0 1rem 0; width:100%; line-height: 24px;} .block-support .form-note.smallText {display: none;} /* .block-support .form-line {} */ .block-support .form-line label {display:none; box-sizing: border-box; float: none; margin: 0 0 .6em; padding: 0; width: auto;} .block-support .form-line > span {box-sizing: border-box; display: block;} .block-support .form-line select, .block-support .form-line textarea, .block-support .form-line input[type="text"], .block-support .form-line input[type="email"] {max-width: none; min-width: 0; width: 100%;} .block-support .form-line textarea {height: 144px;} .block-support .form-line.validation input[type="text"] {max-width: 30%;} .block-support .form-line.validation img {max-width: 50%;} .support.right-side {display:block !important; background: #f7f7f7; margin-left:0;} .form-support {padding:2.5rem 0; display:flex; flex-wrap:wrap; justify-content: space-between;} .supportForm .form-ttl {font: 300 30px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; text-align:center; margin-top:0; width:100%;} .supportForm .form-ttl::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .block-support .form-line input[type="text"], .block-support .form-line textarea{background: #f7f7f7; padding: 10px 20px;} .block-support .form-line {width:49%; margin:0 0 1rem 0;} .block-support .form-line.message {width:100%;} .block-support .validation-wrapper {display:flex; justify-content: center; align-items: center; width:100%;} .block-support .form-line.validation {width: auto; margin: 0;} .block-support .form-submit {width:100%; max-width: 273px; margin:0 0 0 2%; overflow: hidden;} .block-support input[type="reset"], .block-support input[type="submit"] {text-transform: capitalize; font-weight: 400; font-size: 14px; padding: 0.8em;} .block-support input[type="submit"] {float: right; width: 100%;} .block-support-reply {border: 1px solid #dfdfdf; padding: 50px 65px;} .block-support-reply + .block-support-reply {border-width: 0 1px 1px;} .block-support-reply + .clear {margin: 0 0 4%;} .block-support-reply .block-content {margin: 0;} .block-title.helpcenter {font-size: 20px; padding: 0; text-transform: uppercase;} .reply-note {margin: 1em 0 3em;} .reply-note h3 {font-size: 17px; font-weight: 400;} .reply-note p {font-size: 14px; line-height: 24px;} .reply-note a {color: #285592; text-decoration: underline;} .reply-records {} .reply-record {border: 1px solid #dfdfdf;} .reply-record + .reply-record {border-width: 0 1px 1px;} .reply-record-title {background: #f3f3f3; border: 1px solid #dfdfdf; border-width: 0 0 1px; font-size: 14px; padding: 10px 36px;} .reply-record-title strong {font-weight: 800; margin-right: .6em;} .reply-record-advanced {display: none;} .reply-record-message {font-size: 12px; line-height: 20px; margin: 24px 0; max-height: 240px; overflow: auto; padding: 0 36px;} .block-title.enquiry {background: #f3f3f3; border: 1px solid #dfdfdf; font-size: 15px; padding: 9px 30px;} .block-content.enquiry {border: 1px solid #dfdfdf; border-width: 0 1px; padding: 9px 30px 27px;} .reply-status {} .reply-status div {font-size: 14px; margin: 1em 0; overflow: hidden;} .reply-status div b {display: inline-block; font-weight: 400; min-width: 10em;} .block-title.write {border: 1px solid #dfdfdf; border-width: 0 1px; font-size: 15px; padding: 9px 30px;} .block-content.write {border: 1px solid #dfdfdf; border-width: 0 1px 1px; padding: 1px 30px 30px;} .reply-form {} .reply-form .form-line textarea {border: 1px solid #dfdfdf; width: 100%;} .reply-form .form-submit {margin: 15px 0;} .reply-form .form-submit input[type="button"], .reply-form .form-submit input[type="reset"], .reply-form .form-submit input[type="submit"] {min-width: 95px; padding: .4em 1.2em;} .popup-background {background: rgba(0, 0, 0, 0.4); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;} .popup-window {box-shadow: 3px 3px 5px rgba(0,0,0,0.25); background: #fff; border: 0; box-sizing: border-box; color: black; display: block; font-size: 16px; left: 50% !important; max-width:440px; padding: 20px; position: fixed; top: 50% !important; transform: translate(-50%,-50%); width: 90%; z-index: 1001;} .popup-window .close-popup-button {cursor: pointer; font-size: 16px; font-weight: 300; line-height: 1em; margin: 0; position: relative; text-align: right; text-transform: uppercase;} .popup-window .close-popup-button:after {content: "\f00d"; font-family: "Font Awesome 6 Free"; font-weight: 900;} .popup-window .close-popup-button + div {font-size: 18px; font-weight: 400; line-height: 2em; margin: 0 auto 1em; max-width: 420px;} .popup-window .close-popup-button + div b {color: #343434;} .popup-window .popup-header {font-size: 36px; font-weight: 700; margin: .4em 0; text-transform: uppercase;} .popup-window .popup-header .camouflage-green {font-weight: 400;} .popup-window .unbold {font-weight: 400;} .popup-window .camouflage-green {color:#839a58;} .popup-window .close-popup-button + .popup-thanks {font-size: 18px; font-weight: 300; line-height: 1.6em; } .popup-window .popup-thanks:first-line {color: #000; font: 30px/1 "Oswald", sans-serif; letter-spacing: .1em; font-weight: 300; line-height: 3em; } .popup-window .popup-logo {background: url(../images/golfstore/logo-mobile.png) no-repeat 50% 50%; background-size: contain; height: 48px; margin:1.5em 0 1em; width: 300px;} /* block-support */ /* block-categories-list */ .block-categories-list .item-image, .block-categories-list .item-title {display: inline-block; vertical-align: middle;} .block-categories-list .item-image {height: auto; padding: 0;} .block-categories-list .item-title {line-height: 20px;} .block-categories-list .item-title img {display: inline-block; margin: 0 .2em 0 0; vertical-align: middle;} /* block-categories-list */ /* block-categories-catalog */ .block-categories-catalog .item-image, .block-categories-catalog .item-title {display: inline-block; vertical-align: middle;} .block-categories-catalog .item-image {height: auto; padding: 0;} .block-categories-catalog .item-content {margin: .4em 0 1em;} /* block-categories-catalog */ /* block-categories-futured */ .block-categories-futured {margin: 0 auto; max-width: 1200px;} .block-categories-futured .category-items {align-items: flex-end; display: flex; justify-content: space-between;} .block-categories-futured .category-item {text-align: center; width: 49%;} /* block-categories-futured */ /* block-offers */ .block-offers {overflow: hidden;} .products-page .block-offers {order:8; } .block-offers .block-content {padding: 0 27px; margin:0 auto;} .block-offers .block-title {font: 300 30px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; text-align:center; } .block-offers .block-title::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .block-offers .splide__slide {display:flex; margin-bottom: 2px;} .block-offers .offers.item {display:flex; flex-direction: column; border:1px solid #e0e0e0; padding: 1rem 2rem; width:100%;} .block-offers .item form {display:flex; flex-direction: column; width: 100%; flex-grow: 1;} .block-offers .item .item-image {padding: 75% 0 0;} .block-offers .item.splide__pagination {position: relative; margin: 2rem 0 0;} .block-offers .item-title, .block-offers .item-title h2{font-size: 14px; color:#000; font-weight: 300; flex-grow:10; line-height: 1.5; margin: 1rem 0; overflow: hidden; text-align:center;} .block-offers .item-title {min-height: 63px;} .block-offers .item-title h2 {margin:0;} .block-offers a {text-decoration:none;} .block-offers .item-prices {min-height:2rem; text-align:center;} .block-offers .item-prices .title, .block-offers .item-prices .tax-name{display:none;} .block-offers .priceBlock{margin-top: 21px;} .block-offers .item-description {display:none;} .block-offers .splide.items {margin: 0 auto;} .block-offers .splide__arrow {width:auto; height:auto;} .block-offers .splide__arrow.splide__arrow--prev {left: -27px;} .block-offers .splide__arrow.splide__arrow--next {right: -27px;} .block-offers .navigator {display:none;} .block-offers .rewardPointsBlock {display:none;} .offers-basket .item-buttons {margin: 1rem -2rem -1rem;} .offers-basket a.product-button {background: #91d2eb;color: #000;width: 100%;} .offers-basket a.product-button:hover {background: #212834;color: #fff;} /* block-offers */ /* block-products-top-viewed */ .block-products-top-viewed {overflow: hidden;} .products-page .block-products-top-viewed {order:6; } .block-products-top-viewed .block-title {font: 300 30px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; text-align:center; } .block-products-top-viewed .block-title::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .block-products-top-viewed .block-content {padding: 0 27px; margin:0 auto;} .block-products-top-viewed .splide__slide {display:flex; margin-bottom: 2px;} .block-products-top-viewed .item {display:flex; flex-direction: column; border:1px solid #e0e0e0; padding: 1rem 2rem; width:100%;} .block-products-top-viewed .item form {display:flex; flex-direction: column; width: 100%; flex-grow: 1;} .block-products-top-viewed .item .item-image {padding: 75% 0 0;} .block-products-top-viewed .item.splide__pagination {position: relative; margin: 2rem 0 0;} .block-products-top-viewed .item-title, .block-products-top-viewed .item-title h2{font-size: 14px; color:#000; font-weight: 300; flex-grow:10; line-height: 1.5; margin: 1rem 0; overflow: hidden; text-align:center;} .block-products-top-viewed .item-title {min-height: 63px;} .block-products-top-viewed .item-title h2 {margin:0;} .block-products-top-viewed a {text-decoration:none;} .block-products-top-viewed .item-prices {min-height:2rem; text-align:center;} .block-products-top-viewed .item-prices .title, .block-products-top-viewed .item-prices .tax-name{display:none;} .block-products-top-viewed .priceBlock{margin-top: 21px;} .block-products-top-viewed .item-description {display:none;} .block-products-top-viewed .splide.items {margin: 0 auto;} .block-products-top-viewed .splide__arrow {width:auto; height:auto;} .block-products-top-viewed .splide__arrow.splide__arrow--prev {left: -27px;} .block-products-top-viewed .splide__arrow.splide__arrow--next {right: -27px;} .block-products-top-viewed .navigator {display:none;} .block-products-top-viewed .rewardPointsBlock {display:none;} /* block-products-top-viewed */ /* block-products-top-viewed */ .block-products-related-purchase {overflow: hidden;} .block-products-related-purchase .block-title {font: 300 30px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; text-align:center; } .block-products-related-purchase .block-title::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .block-products-related-purchase .block-content {padding: 0 27px; margin:0 auto;} .block-products-related-purchase .splide__slide {display:flex; margin-bottom: 2px;} .block-products-related-purchase .item {display:flex; flex-direction: column; border:1px solid #e0e0e0; padding: 1rem 2rem; width:100%;} .block-products-related-purchase .item form {display:flex; flex-direction: column; width: 100%; flex-grow: 1;} .block-products-related-purchase .item .item-image {padding: 75% 0 0;} .block-products-related-purchase .item.splide__pagination {position: relative; margin: 2rem 0 0;} .block-products-related-purchase .item-title, .block-products-related-purchase .item-title h2{font-size: 14px; color:#000; font-weight: 300; flex-grow:10; line-height: 1.5; margin: 1rem 0; overflow: hidden; text-align:center;} .block-products-related-purchase .item-title {min-height: 63px;} .block-products-related-purchase .item-title h2 {margin:0;} .block-products-related-purchase a {text-decoration:none;} .block-products-related-purchase .item-prices {min-height:2rem; text-align:center;} .block-products-related-purchase .item-prices .title, .block-products-related-purchase .item-prices .tax-name{display:none;} .block-products-related-purchase .priceBlock{margin-top: 21px;} .block-products-related-purchase .item-description {display:none;} .block-products-related-purchase .splide.items {margin: 0 auto 2rem;} .block-products-related-purchase .splide__arrow {width:auto; height:auto;} .block-products-related-purchase .splide__arrow.splide__arrow--prev {left: -27px;} .block-products-related-purchase .splide__arrow.splide__arrow--next {right: -27px;} .block-products-related-purchase .navigator {display:none;} /* block-products-top-viewed */ /* block-products-latest */ .new-in {overflow: hidden;} .block-products-related-purchase ~ .new-in {display: none;} .new-in .block-title {font: 300 30px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; text-align:center; } .new-in .block-title::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .new-in .block-content {padding: 0 27px; margin:0 auto;} .new-in .splide__slide {display:flex; margin-bottom: 2px;} .new-in .item {display:flex; flex-direction: column; border:1px solid #e0e0e0; padding: 1rem 2rem; width:100%;} .new-in .item form {display:flex; flex-direction: column; width: 100%; flex-grow: 1;} .new-in .item .item-image {padding: 75% 0 0;} .new-in .item.splide__pagination {position: relative; margin: 2rem 0 0;} .new-in .item-title, .new-in .item-title h2{font-size: 14px; color:#000; font-weight: 300; flex-grow:10; line-height: 1.5; margin: 1rem 0; overflow: hidden; text-align:center;} .new-in .item-title {min-height: 63px;} .new-in .item-title h2 {margin:0;} .new-in a {text-decoration:none;} .new-in .item-prices {min-height:2rem; text-align:center;} .new-in .item-prices .title, .new-in .item-prices .tax-name{display:none;} .new-in .priceBlock{margin-top: 21px;} .new-in .item-description {display:none;} .new-in .splide.items {margin: 0 auto 2rem;} .new-in .splide__arrow {width:auto; height:auto;} .new-in .splide__arrow.splide__arrow--prev {left: -27px;} .new-in .splide__arrow.splide__arrow--next {right: -27px;} .new-in .navigator {display:none;} /* block-products-latest */ /* minus(-) [qty] (+)plus */ .basketQtyMinus, .basketQtyPlus, .basketQtyMinus:hover, .basketQtyPlus:hover {background: transparent; border: 0; color: #000; cursor: pointer; font-size: .75rem; padding: .5rem; position: relative; vertical-align: middle;} input.basketQty {line-height: 1; font-size: 14px; padding: 4px; text-align: center; width: 2rem;} .fa.fa-trash {font-size: 20px !important;} /* minus(-) [qty] (+)plus */ /* navigation */ .navigation {align-items: center; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1rem 0;} .navigation > div {margin: 0 0 1em;} .navigation .navigator {text-align: right;} .navigation .found {width: 100%;} /* navigation */ /* product list and details main styles */ .product-item-image {} .product-item-image img {height: auto; max-height: 100%; max-width: 100%; width: auto;} .product-item-image .z {display: block;} .product-item-title {} .product-item-features {margin: 1.4em 0;} .product-item-prices {margin: 1.4em 0;} .product-item-prices > div {margin: .5rem 0 1rem;} .product-item-parameters {margin: 1.4em 0;} .product-item-parameters a.zoom {display: none;} .product-item-parameters > div {margin: .6em 0;} .product-item-purchase {margin: 1.4em 0;} .product-item-purchase::after {clear: both; content: ""; display: block;} .product-item-purchase .product-quantity {border: 1px solid #dcdcdc; float:none; display:flex; justify-content: center; align-items: center; width:27%; } .product-item-purchase .basketQtyMinus {order:1;} .product-item-purchase .basketQtyPlus, .product-item-purchase input.basketQty, .product-item-purchase .product-quantity span {order:2;} .block-product-details .product-quantity span {margin-left: .5rem;} .product-item-purchase .productBttns {float: none; width:100%;} .product-item-purchase .productQty + .productBttns {margin-top: 0;} .product-item-purchase .product-buttons {width: 100%;} .propertiesBlock div {margin: .6em 0;} .advancedFitButtons{display:flex;} .advancedFitButtons div small {display:none;} .advancedFitButtons div {cursor:pointer; font: 300 16px "Oswald", sans-serif; text-transform: uppercase; background:#e8e8e8; text-align:center; padding: 10px 0; width:50%; } .advancedFitButtons .active {background:#41454b; color:#fff;} .advancedPropertiesBlock .productPrpt {margin: .6em 0;} /* product list and details main styles */ /* lists */ .sortings form {display: inline-block;} #product-view-wrapper {background: rgba(0,0,0,.5); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 9999;} .product-view {background: #fff; border: 1px solid rgba(0,0,0,.25); left: 50%; max-width: 78em; padding: 2em; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 80%;} .product-view a.zoom {display: none;} .product-view .close_popup {color: rgba(0,0,0,.25); font-size: 14px; font-weight: 700; line-height: 1; position: absolute; right: 1em; top: 1em;} .product-view .product-item-description .desc-title {font-weight: bold; text-transform: uppercase;} .product-view .product-item-purchase .productQty {width: 25%;} .product-view .product-item-purchase .productBttns {width: 75%;} .product-view .product-item-purchase .productBttns a {width: 100%;} .product-view a.button.button-details {background: #fff; color: #4d4d4d; margin: 1em 0 0; width: 100%;} /* block-products-list */ .product-items {display: flex; flex-wrap: wrap; margin-left: -2%;} .product-item {display: flex; border: 1px solid #cecece; margin: 0 0 2% 2%; /* width: 23%;*/ width:31.33%; position: relative;} .products-page .block-filter ~ .product-items .product-item {width:31.33%;} .product-items .product-item-image {height: 0; padding: 75% 0 0; position: relative;} .product-items .product-item-image a {bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0;} .product-items .product-item-image img {left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%);} .product-items .product-item-purchase {display:none;} .products-page .block-content {margin-top:0;} .products-page .product-item-parameters, .products-page .product-item-description{display:none;} .product-page .product-weight {display:none;} .products-page .product-item form{padding: 1rem 2rem; display: flex; flex-direction: column; width: 100%;} .products-page .product-item-title {font-size: 14px; font-weight: 300; flex-grow: 10; line-height: 1.5; margin: 1rem 0; text-align: center;} .products-page .product-item-title a {text-decoration:none;} .products-page .product-item-prices {text-align: center; margin: 0;} .product-item-prices .title, .product-item-prices .tax-name, .products-page .product-item-cats {display:none;} .products-page .main-block-center-side {align-items: flex-start; display:flex; flex-wrap:wrap; justify-content: space-between;} .block-products-title {width:100%; order:1; font:300 38px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; text-align:center; margin: 1rem 0 0;} .block-products-title::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .products-page .navigation.top { display:flex; justify-content: space-between; width:100%; order:2;} .products-page .navigation-left {width:19%;} .products-page .navigation-txt {display:none; font-size:16px; margin:0; text-align: center; /*width:50%; */} .products-list-brands ~ .navigation .navigation-txt {display:block;} .products-page .navigation.top > div {margin: 0;} .products-page .navigation.top .sortings{ text-align:right; width: 22%;} .products-page .navigation.top .navigator {display:none;} .products-page .navigation .showall {display:none;} .products-page .navigation .sortings span{display:none;} .products-page .navigation.top .showall {display:block; width:20%;} .products-page .navigation.top .showall span {margin-right:.5rem;} .products-page .navigation.top .showall a {text-decoration:none;} .products-page .navigation.top .showall .rpp-delimeter {background: #000; display:none; width:1px; height:10px; margin:0 .25rem; } .products-page .navigation.top .showall a + .rpp-delimeter { display:inline-block; } .products-list-brands {width:100%; order:3;} .products-page .block-filter {width:22%; order:4;} .products-page .product-items {width:74%; order:5;} /* .products-page .block-filter ~ .product-items {width:74%;} */ .products-page .navigation.bottom {width:100%; order:6;} .products-page .block-category-description {width:100%; order:7; text-align:center; font-size:14px; line-height:1.8;} .products-page .block-category-description.block-category-image {order:2;} .products-page .block-category-description.block-category-full-description {order:2;} .products-page .block-category-description.block-category-image img {width:100%;} .products-page .block-category-description.block-category-image .block-content {margin:0;} .products-page .block-category-description b {font-weight:600;} .products-page .block-category-description .block-title {display:none;} .products-page .found {display:none;} .product-item .label-block {font: 500 12px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .05em; width:44px; height:44px; text-align:center; position:absolute; top: -1px; right:16px; display:flex; flex-direction: column; justify-content: center; z-index: 99;} .product-item .label-block.pre-order {background:#212834 ; color:#fff; font-size:9px;} .product-item .label-block.pre-order span { font-size:16px;} .product-item .label-block.sale {background:#91d2eb ;} .block-product-details .banner-swatch-block {right: 67px; top:0; left: auto;} .block-product-details .product-item .label-block {top:0;} .banner-swatch-block {display:flex !important; background:#212834 ; color:#fff; font: 500 12px/1.2 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .05em; width:44px; height:44px; text-align:center; position:absolute; top: -1px; left:16px; flex-direction: column; justify-content: center; z-index: 99; } .navigation .sortings {display: flex; align-items: center; justify-content: center; border: 1px solid #cecece; padding: .75rem; font-size: 14px; font-weight: 300; } .navigation .sortings span {padding: 0 0 0 .4em;} .navigation .sortings span, .navigation .sortings form {display: flex; vertical-align: middle;} .navigation .sortings form { padding:0;} .navigation .sortings form::before { display:none;content:"|"; padding:0 .5em;} .navigation .sortings select {border: 0; font-size:14px; font-weight: 400; padding: 0;} /* .navigation .sortings select > option {color:#fff;} */ .navigation.bottom .navigation-bottom-left {order:1; width: 19%;} .navigation.bottom .sortings {order:3; width: 19%;} .navigation.bottom .navigator {order:2; width: 50%; text-align:center;} .navigation .link {font-size:18px; text-decoration:none; margin:0 .75rem;} .navigation .link span {display:none;} .navigation .current {font-size:18px; color: #91d2eb; margin:0 .75rem; font-weight:300;} .products-list-brands .main-customers-block {margin-bottom: 30px; margin-top: 20px; } .products-page .products-list-brands .main-customers-block {margin-top: 0;} .products-list-brands .splide__slide {margin: 0;} .products-list-brands .splide__slide .off, .products-list-brands .splide__slide .main-customer {background: none !important; display: block; padding: 50% 0 0; text-align:center;} /* .products-list-brands .splide__slide .main-customer:hover, .products-list-brands .splide__slide .main-customer.selected {box-shadow: inset 0 0 4px #91d2eb;} */ .products-list-brands .splide__slide .main-customer:hover::after, .products-list-brands .splide__slide .main-customer.selected::after {content:""; background: #91d2eb; display: block; width:30px; margin:-10px auto; height:2px; } .products-list-brands .splide__slide .off {opacity: .5;} .products-list-brands .splide__slide .off span, .products-list-brands .splide__slide .main-customer span {display: none;} .products-list-brands .splide {padding: 0 72px;} .products-list-brands .splide__arrow {fill:#000;} .products-list-brands .main-customers-block .splide__arrow--prev {left: 1em;} .products-list-brands .main-customers-block .splide__arrow--next {right: 1em;} .products-search-page .block-products-title {margin-top:1em;} .products-search-page .product-item-cats, .products-search-page .navigation-txt, .products-search-page .navigation.bottom .found{display:none;} .products-search-page .navigation.bottom .navigator {margin: 0 auto;} .products-search-page .block-content {margin-top:0;} .products-search-page .navigation.top {margin: 1em 0;} .block-manufacturer-info + .block-products-title {display:none;} .block-manufacturer-info .block-content {margin:0;} .block-manufacturer-info {width: 100%;} .block-manufacturer-info .block-title{width:100%; order:1; font:300 38px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; text-align:center; margin: 1rem 0 0;} .block-manufacturer-info .block-title::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .block-manufacturer-info .manufacturer-info {text-align: center;} @media(max-width: 820px) { .block-manufacturer-info .block-title {font-size:30px;} } .block-manufacturer-info-full {order: 7; width: 100%;} .block-manufacturer-info-full .block-title {display:none;} /* Custom Page */ .block-custom-page-body .block-title{width:100%; order:1; font:300 38px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; text-align:center; margin: 2rem 0;} .block-custom-page-body .block-title::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .block-custom-page-body h3 {font: 500 20px/1 "Oswald", sans-serif; text-transform: uppercase;} .block-custom-page-body h4 {font: 500 16px/1 "Oswald", sans-serif; text-transform: uppercase;} .block-custom-page-body p {line-height: 1.8;} .block-custom-page-body h2 {font: 400 26px/1 "Oswald", sans-serif; text-transform: uppercase;} .block-custom-page-body h2 strong {font-weight:400; } .block-custom-page-body h3 strong {font-weight:400;} .block-custom-page-body h4 strong {font-weight:400;} .block-custom-page-body span {text-decoration: none !important;} .block-custom-page-body li {list-style: square;} .block-custom-page-body .address {margin: 0 0 1rem;} .block-custom-page-body .address span {display:block; padding: .4rem 0;} .block-custom-page-body .address a {padding: .4rem 0; display: inline-block;} .block-custom-page-body span.ttl {color: #91d2eb; font: 400 22px/1 "Oswald", sans-serif; text-transform: uppercase;} .block-custom-page-body li {line-height:1.8;} .block-custom-page-body .google-map {height: 0; padding: 40% 0 0; position: relative;} .block-custom-page-body .google-map iframe {bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%;} .brands-page-wrapper .brand-items {display:flex; flex-wrap: wrap; margin-left:-1%;} .brands-page-wrapper .brand-item {box-shadow: 3px 3px 5px rgba(0,0,0,0.25); display:flex; width:11.5%; margin: 0 0 1% 1%; text-align: center; padding: 15px; display: flex; align-items: center; justify-content: center;} .brands-page-wrapper a {text-decoration:none; color: #91d2eb; font-weight:600;} .brands-page-wrapper img {margin-bottom:.5rem;} .custom-fitting-block a {text-decoration:none;} .custom-fitting-block p {line-height:1.8;} .custom-fitting-top {display:flex; justify-content: space-between; flex-wrap:wrap;} .fitting-top-left {width:48%;} .fitting-top-right {width:48%;} .fitting-iframe {height: 0; padding: 56% 0 0; position: relative;} .fitting-iframe iframe {bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%;} .fitting-parters {background: #f7f7f7; margin-top:2rem; padding:30px 40px 18px;} .fitting-parters .fitting-img-ttl {font: 300 20px/1 "Oswald", sans-serif; text-align:center; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 .5rem;} .fitting-img {display:flex; flex-wrap:wrap; margin-left:-7%;} .fitting-img a {text-decoration:none; width:18%; margin:2% 0 0 7%;} .fitting-ttl {width:100%; font: 300 30px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; margin-top: 4rem; text-align:center;} .fitting-ttl::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .custom-fitting-ctr .fitting-ttl {margin-bottom:-1rem;} .fitting-top-right .fitting-ttl {text-align:left; margin: 0 0 1.5rem;} .fitting-top-right .fitting-ttl::after {display:none;} .custom-fitting-ctr {margin:4rem 0;} .fitting-bottom-block {text-align:center; } .fitting-bottom-block .fitting-located {margin: 1.5rem 0;} .fitting-bottom-block .fitting-located p {line-height: 1.4; margin:.25rem 0;} .fitting-bottom-block .fitting-located div {margin: 1.5rem 0 2.5rem;} .fitting-bottom-block h3 { margin-top:2.5rem;} /* block-related-products */ .block-related-products {clear: both;} .items.related {display: flex; flex-wrap: wrap; margin-left: -2%;} .item.related {margin: 0 0 2% 2%; width: 23%; position: relative;} /* block-related-products */ /* block-product-details */ .block-product-details .product-item { margin: 0 0 3rem; width: 100%; display:block; border:0;} .block-product-details .product-item::after {clear: both; content:""; display: block;} .block-product-details .left-side {clear: left; float: left; position: relative; width:45%;} .block-product-details .right-side {clear: right; float: right; position: relative; width:45%; margin-left:10%;} .block-product-details .product-images + .product-item-image {display: none;} .block-product-details a.zoom i {font-size: 1.4em; margin: 0 .4em;} .product-item-share {align-items: center; display: flex !important; flex-wrap: wrap; justify-content: space-between; margin: 0 0 1.5rem;} .product-item-share a {font-size:1rem; text-decoration: none;} .product-item-socials .a2a_kit {align-items: center; display: flex; gap: .325rem;} .product-item-socials a[class*="a2a_button"] {align-items: center; background: #72b1c9; border-radius: 50%; display: flex;width:1.75rem; height:1.75rem; justify-content: center;} .product-item-socials a[class*="a2a_button"] svg {fill:#fff;} .product-item-socials a[class*="a2a_button"]:hover {background: #fff;} .product-item-socials .a2a_dd .share {font-size:14px; font-style: normal; margin-right: .75rem;} .product-item-print a{font-size:18px; align-items: center; display: flex; gap: .75rem; } .product-item-socials a[class*="a2a_button"]:hover {background: #212834;} .product-item-socials a[class*="a2a_button"]:hover svg {fill:#72b1c9;} .product-item-print {display:none;} .block-product-details #acc {border-bottom: 1px solid #cecece; } .block-product-details .tabtitle {display: flex; align-items: center; justify-content: space-between; font: 400 22px "Oswald", sans-serif; border-top: 1px solid #cecece; padding: 1rem 0; text-transform: uppercase; letter-spacing: .1em;} .block-product-details .tabcontent {display:none; padding:0;} .block-product-details .tabtitle-active + .tabcontent {display:block; padding-bottom: 1rem;} .block-product-details .tabtitle span.angle {color: #2ca5ca; font-size: 16px;} .block-product-details .tabtitle span.angle .fa-minus {display:none;} .block-product-details .tabtitle span.angle .fa-plus {display:inline;} .block-product-details .tabtitle.tabtitle-active span.angle .fa-minus {display:inline;} .block-product-details .tabtitle.tabtitle-active span.angle .fa-plus {display:none;} .block-product-details .product-full-description h2 {font-size:20px; font-weight:300; margin-top:0;} .block-product-details .product-full-description strong {font-weight:600;} .block-product-details .product-full-description ul {padding-left: 0; margin: 1rem 0 0;} .block-product-details .product-full-description li {list-style: none; margin: 0 0 .75rem; padding-left:2rem; line-height: 1.4;} .block-product-details .product-full-description li::before {content:'\f00c'; font-family: "Font Awesome 6 Free"; font-weight: 900; display:inline-block; text-align: center; color:#91d2eb; margin-right:1rem; margin-left: -2rem;} .block-product-details .product-item-images {margin: 0 0 2rem;} .block-product-details .product-images {border: 1px solid #dcdcdc;} .block-product-details .product-images a {background: #fff; display: block; height: 0; padding: 100% 0 0; position: relative;} .block-product-details .product-images a img {height: auto; max-height: 100%; max-width: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: auto;} .block-product-details .product-item-image {border: 1px solid #dcdcdc;} .block-product-details .product-item-image a {background: #fff; display: block; height: 0; padding: 100% 0 0; position: relative;} .block-product-details .product-item-image a img {height: auto; max-height: 100%; max-width: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: auto;} .product-images .splide__slide { overflow: hidden;} .product-tiny-images {margin: 1.125rem 0; padding: 0 35px;} .product-tiny-images .splide__slide {border:1px solid #cecece; overflow: hidden; position: relative;} .splide__track--nav > .splide__list > .splide__slide.is-active, .product-tiny-images .splide__slide:hover {border:1px solid #91d2eb;} .product-tiny-images .splide__track--nav > .splide__list > .splide__slide {opacity: 1;} .product-tiny-images .splide__arrow {font-size: 16px;} .product-tiny-images .splide__slide div {padding: 100% 0 0; position: relative; height:0;} .product-tiny-images .splide__slide img {height: auto; max-height: 100%; max-width: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: auto;} .product-tiny-images .splide:not(.is-overflow) .splide__arrows {display: block;} .product-tiny-images .splide__arrow--prev {left:-45px;} .product-tiny-images .splide__arrow--next {right: -45px;} .product-item-title-wrapper {display:flex; justify-content: space-between;} .block-product-details .product-item-title { font: 300 38px "Oswald", sans-serif;text-transform: capitalize; letter-spacing: .05em; margin:0 0 .75rem; line-height: 1.2;} .product-item-manufacturer { min-width: 120px;} /* .block-product-details .product-code b {font-weight:300;} */ /* .block-product-details .product-code b::after {content:":";} */ .block-product-details .priceBlockOld {display: inline-block;} .block-product-details .salesBlock {display: inline-block; margin:0; font-size: 36px;} .block-product-details .priceBlock {font-size: 36px;} .block-product-details .priceBlockOld {font-size: 16px; margin:0 0 .2rem 1rem;} .block-product-details .product-item-prices {margin: 1.5rem 0 .75rem;} .block-product-details .item-prices-wrapper {display: flex; align-items: end; margin: 1rem 0 1.25rem;} .block-product-details .priceSaveBlock {margin: 0 0 .2rem 1rem;} .block-product-details .item-prices-wrapper #from_title {margin-right:.5rem;} .rewardPointsBlock {display:flex; background: #212834; justify-content: space-between; padding: .5rem 1rem; position: relative; align-items: center;} .rewardPointsWrapper {display:flex; align-items: center; } .rewardPointsImage {width:22px;} .rewardPointsTitle {color:#fff; font: 500 16px "Oswald", sans-serif;text-transform: uppercase; margin: 0 .75rem;} .rewardPointsInfo {color:#000; background: #91d2eb; border-radius: 50%; width: 18px; height: 18px; text-align: center; display: block; cursor: pointer;} .rewardPointsInfo i {font-style: normal;} .rewardPointsInfo .info-content-hover {display:none; position: absolute; top:46px; left:0; z-index: 10000; width: 100%;} .rewardPointsInfo.open .info-content-hover {display: block;} .rewardPointsInfo .info-content-hover .info-content-hover-data { padding: 15px; color: #fff;background: #41454b;width: 100%;max-width: 100%;text-align: center;} .rewardPointsInfo .info-content-title {font: 400 16px "Oswald", sans-serif; margin-bottom: 8px;} .rewardPointsInfo .info-content-desc {text-transform: none;line-height: 22px;} .rewardPointsInfo .info-content-desc a, .rewardPointsInfo .info-content-desc a:hover {color: #fff;text-decoration: underline;} .rewardPointsBlock .points {color: #fff;} .block-product-details .product-item-parameters {margin: .5rem 0;} .block-product-details .product-item-parameters b {display:none;} .block-product-details .product-item-parameters select {width: 100%; padding: .7em 1.5em; border: 1px solid #dcdcdc; background: #fff url(../images/arr-slct.png) no-repeat 97% 50%;} .block-product-details .product-item-purchase {display:flex; gap: 1rem; margin:1rem 0; justify-content: space-between;} .block-product-details .product-item-purchase input.basketQty {border:0;} .block-product-details .product-item-purchase .productQty {width: auto; margin:0 .5rem 0 0; padding: 5px .5rem;} .block-product-details .productQty {text-align: center;} .block-product-details .productQty input[type="text"] { text-align: center;} .block-product-details a.product-button {width: 100%; margin: 0;} .block-product-details .product-item-purchase::after {display:none;} .block-product-details .checkboxlist b, .block-product-details .radiobuttons b{ display: block; font: 400 14px "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em;} .block-product-details .radiobuttons b {margin-top:1.5rem;} .block-product-details .radiobuttons input[type="radio"] {margin: 0 .875rem 0 0;} .block-product-details a.zoom i {color:#91d2eb; font-size: 12px; margin-left:.5rem;} .block-product-details .product-item-cards {display: none; margin: 1.5rem 0; text-align: center;} .block-product-details.second .product-more-colours-wrapper {border: 0; padding: 1rem 0;} .block-product-details.second .product-item-parameters {margin-bottom: 2.5rem;} .block-product-details.second :is(.checkboxlist, .radiobuttons) b {font: 400 22px "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 1rem;} .block-product-details.second :is(.checkboxlist, .radiobuttons) b::before {content: "Select ";} .block-product-details.second :is(.checkboxlist, .radiobuttons) > span {display: flex; flex-flow: row wrap; gap: 12px;} .block-product-details.second :is(.checkboxlist, .radiobuttons) > span div {flex: 0 0 calc(25% - 3/4*12px); margin: 0; overflow: hidden;} .block-product-details.second :is(.checkboxlist, .radiobuttons) > span label {border: 1px solid #d9d9d9; cursor: pointer; display: block; padding: 1em .5em; text-align: center;} .block-product-details.second :is(.checkboxlist, .radiobuttons) > span input {float: left; left:-100%;} .block-product-details.second :is(.checkboxlist, .radiobuttons) > span input:checked + label, .block-product-details.second :is(.checkboxlist, .radiobuttons) > span label:hover {background: #92d1ec; border: 1px solid #92d1ec;} @media (max-width: 1080px) {.block-product-details.second :is(.checkboxlist, .radiobuttons) b {font-size: 18px;}} @media (max-width: 700px) {.block-product-details.second .product-item-parameters {margin-bottom: 1.5rem;}} @media (max-width: 500px) {.block-product-details.second .product-item-parameters {margin-bottom: .5rem;}} .block-product-details .countdown-block{display:inline-block; width:calc(100% - 60px)} .block-product-details .header-counter {flex-wrap: nowrap; justify-content: center;padding: 10px ; margin: 0 0 .75rem; border: 2px solid #212834;} .block-product-details .countdown-block b, .block-product-details .count-down{font-weight:400; } .block-product-details .count-down {text-transform: lowercase;} .block-product-details .header-counter::before { background: url('../images/logo-delivery-b.png') no-repeat 50%; width: 36px;height: 26px; filter: invert(0);} .block-product-details .header-counter-wrapper.sv-container {padding:0 !important; width:100%;} .product-klarna-wrapper {display:flex; background: #f9f8f5; align-items: center; padding:.5rem .75rem; margin: 1.25rem 0;} .klarna-info-image {line-height:0;} .klarna-info-block {margin-left:1rem;} .product-klarna-wrapper p {margin:0; font-size:12px;} .product-klarna-wrapper b {font-size:14px;} .card-wrapper .buy-save-block { background: #212834; color:#fff; padding: 35px 45px 30px;} .buy-save-block p {margin:.5rem 0;} p.buy-save-ttl {font: 400 22px "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; margin:0;} .buy-save-block ul {padding-left:0; margin: 1rem 0 0;} .buy-save-block li {list-style: none; margin: 0 0 .75rem; line-height: 1; padding-left:2rem; } .buy-save-list li::before {content:'\f00c'; font-family: "Font Awesome 6 Free"; font-weight: 900; display:inline-block; text-align: center; color:#91d2eb; margin-right:1.3rem; margin-left: -2rem;} .card-button-wrapper {display:none; flex-wrap:wrap; justify-content: space-between; margin: 1.25rem 0; } .card-button-wrapper a {display: inline-block; font: 400 16px "Oswald", sans-serif; text-transform: uppercase; border:1px solid #000; margin: 0 0 2%; text-decoration:none; text-align: center; padding: 13px 0; width:49%; position: relative; transition: all 0.4s ease 0s; overflow: hidden;} .card-button-wrapper a:hover { background: #91d2eb; border:1px solid #91d2eb; color:#000; text-decoration: none;} .card-button-wrapper a::before {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #91d2eb; transform: translate3d(0,100%,0); transition: transform .6s cubic-bezier(.19,1,.22,1); z-index: 1;} .card-button-wrapper a:hover::before {transform: translate3d(0,0,0); } .product-more-colours-wrapper {padding:2rem 0; border-top: 1px solid #cecece;} .product-more-colours-block {margin: auto; padding-left:40px; padding-right:40px;} .product-more-colours-title {font: 400 22px "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom:1rem;} .product-more-colour-lnk {display:flex; flex-direction: column; align-items: center; text-decoration:none;} .product-more-colours-wrapper .splide__arrow--prev {left:-11px;} .product-more-colours-wrapper .splide__arrow--next {right:-11px;} .product-more-colours-wrapper .product-more-colour-img {display:block; padding: 100% 0 0; position: relative; height:0; width: 100%;} .product-more-colours-wrapper .product-more-colour-img img {height: auto; max-height: 100%; max-width: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: auto;} .product-more-colour-ttl {margin-top:.5rem;} @media (max-width: 1080px) { .product-more-colours-title {font-size: 18px;} } @media (max-width: 700px) { .left-side .product-more-colours-wrapper {display: none;} .product-more-colour-mobile {display: block !important;} .product-more-colour-mobile .product-more-colours-wrapper {border-top: 0;} } /* .product-specification-group {margin: 0 0 2em;} .product-specification-group-title {font-size: 1.25em; font-weight: 700; margin: 0 0 .5em;} .product-specification-group-item {display: flex; padding: .5em 0;} .product-specification-group-item + .product-specification-group-item {border-top: 1px solid #c5c5c5;} .product-specification-group-item-name {font-weight: 700; width: 33%;} .block-product-details .items.accessories {display: flex; flex-wrap: wrap; justify-content: space-between;} .block-product-details .item.accessories {margin: 0 0 2%; width: 49%; position: relative;} */ .dynamic-delivery {display:flex !important; justify-content: center; margin:1.5rem 0;} .dynamic-delivery a { display:flex; align-items: center; gap:4px; font: 400 14px "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em;text-decoration:none;} .dynamic-delivery .trustP{display: none;} .dynamic-delivery .trustP ~ span {display: none;} .dynamic-delivery svg {font-size:24px;} .dynamic-delivery span {background: #000; margin: 0 14px; width:1px;} @media (max-width:1080px) { .dynamic-delivery svg {font-size:18px;} } @media (max-width:980px) and (min-width:701px) { .dynamic-delivery {flex-direction: column; gap:4px;} .dynamic-delivery span {display:none;} } @media (max-width:700px) { .dynamic-delivery {margin: 0 0 1rem;} } @media (max-width:440px) { .dynamic-delivery a {font-size: 13px;} .dynamic-delivery span {margin: 0 8px;} } .price-promise {align-items: center; max-width: 200px; gap: 12px; position: relative;} .price-promise .svg {background:#f4f4f4;border-radius:50px;cursor:help;display: flex;font-size: 32px;padding:12px;} .price-promise .ttl {cursor:help;} .price-promise .i {background: #f4f4f4;border-radius: 50px;cursor: help;display: flex;font-size: 16px;width: 1.5em;height: 1.5em;justify-content: center;align-items: center;} .price-promise-pup {background:#fff;box-shadow: 0 0 8px #0008;display:none;left:0;padding:16px 24px;position: absolute;top:100%;width:300px;} .hover > .price-promise-pup {display: block;} @media (max-width: 700px) {.price-promise {margin-top: -1rem;}} /* block-product-details */ .product-items .top-pick-badge-wrapper, .block-product-details .top-pick-badge-wrapper .product-images, .block-product-details .top-pick-badge-wrapper .product-item-image {border: 2px solid #212834;} .top-pick-badge {background: #212834; border-radius: 50px; color: #fff; display: block !important; font: 500 12px/1 "Oswald", sans-serif; left: 50%; padding: 4px 26px; position: absolute; text-transform: uppercase; top: 0; transform: translate(-50%,-50%); z-index: 9;} .block-product-details .top-pick-badge {font-size: 14px;} .top-pick-badge-wrapper .label-block {top: 0;} .block-product-details .top-pick-badge-wrapper .label-block {top: 2px;} /* block-products-latest */ /* .block-products-latest .items.latest {display: flex; flex-wrap: wrap; margin-left: -2%;} .block-products-latest .items-wrapper.latest {width: 31.33%; margin:0 0 5% 2%;} .block-products-latest .latest-item-image {height: 0; margin-bottom:1em; padding: 60% 0 0; position: relative; overflow:hidden;} .block-products-latest .latest-item-image img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .block-products-latest .latest-item-title {margin-bottom: 1em;} */ /* block-products-latest */ /* block-top-sellers */ .block-top-sellers .items.top-sellers {display: flex; flex-wrap: wrap;} .block-top-sellers .item.top-sellers {width: 31.33%; margin:0 0 5% 2%;} .block-top-sellers .sellers-item-image {height: 0; margin-bottom:1em; padding: 60% 0 0; position: relative; overflow:hidden;} .block-top-sellers .sellers-item-image img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .block-top-sellers .sellers-item-title {font-size: 18px;} .block-top-sellers .sellers-item-prices {margin-top:.5em;} /* block-top-sellers */ .hover-button span {z-index: 2; position: relative;} /**** Custom Block ****/ .trustpilot-home-block {background:#f7f7f7; padding: 48px 0;} .trustpilot-wrapper {display:flex; align-items:center; justify-content: center; min-height: 82px;} .trustpilot-img {width:10%;} .trustpilot-txt {width:42%; text-align:center; margin: 0 2rem;} .trustpilot-txt img {max-width:89px; margin-bottom: .25rem;} .trustpilot-txt p {margin:0; font-size: 18px;} .trustpilot-btn {width:10%; line-height: 1;} .trustpilot-btn a {display: inline-block; text-decoration: none;font: 300 12px/1 "Oswald", sans-serif; letter-spacing: .1em;text-transform: uppercase; position: relative; transition: all 0.4s ease 0s; overflow: hidden; width: 150px; padding: 14px 0; border-radius: 6px; border: 1px solid #9a9ea6; text-align: center; } .trustpilot-btn a:hover { background: #91d2eb; border:1px solid #91d2eb; color:#000; text-decoration: none;} .trustpilot-btn a::before {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #91d2eb; transform: translate3d(0,100%,0); transition: transform .6s cubic-bezier(.19,1,.22,1); z-index: 1;} .trustpilot-btn a:hover::before {transform: translate3d(0,0,0); } .mainHomeCategory {display:flex; flex-wrap:wrap; position: relative; justify-content: space-between; margin: 48px 0;} .main-categories {font-size: 0; width:32.33%; position: relative;} .main-categories img {width:100%;} .mainHomeCategory .mainLink {position: absolute; bottom: 20%;left: 50%; transform: translate(-50%, -50%); width: 80%;} .mainHomeCategory .hover-button {display:inline-block; position: relative; color: #fff; font-size: 14px; border:1px solid #fff; text-align:center; padding: 10px 0; width: 100%; max-width:200px; overflow: hidden; transition: all 0.6s ease 0s;} .mainHomeCategory .hover-button:hover { background: #41454b; border:1px solid #41454b; color:#fff; text-decoration: none;} .mainHomeCategory .hover-button::before {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #41454b; transform: translate3d(0,100%,0); transition: transform .6s cubic-bezier(.19,1,.22,1);} .mainHomeCategory .hover-button:hover::before {transform: translate3d(0,0,0); } .great-reasons-block {margin: 48px 0;} .great-reasons-ttl {font:300 30px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; margin:0; text-align:center; } .great-reasons-ttl::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .great-reasons {display:flex; justify-content: space-between; margin: 2rem 0 0; flex-wrap: wrap;} .great-reason {width:20%;} .great-reasons a {display: flex; flex-direction: column; align-items: center;text-decoration:none;} .great-reasons .ttl {font:600 16px/1 "Oswald", sans-serif; margin: 1rem 0 .75rem; text-transform: uppercase;} .great-reason .txt {text-align: center;} .main-customer-bg {background: #f5f5f5;} .main-customers-block {margin-bottom: 48px; margin-top: 48px;} .main-customer {display: block; height: 0; padding: 43% 0 0; position: relative;} .off img, .main-customer img {left: 50%;max-height: 50%;max-width: 80%;position: absolute;top: 50%;transform: translate(-50%,-50%);width: auto;} .main-customers-block .splide {padding: 0 30px;} .main-customers-block .splide__arrow { display:none; font-size: 20px;} .main-customers-block .splide__arrow--prev {left: -.75rem;} .main-customers-block .splide__arrow--next {right: -.75rem;} @media (max-width: 880px) { .main-customers-block {margin-bottom: 2rem; margin-top: 2rem;} .main-customers-block .splide {padding: 0 20px;} } @media (max-width: 660px) { .main-customers-block {margin-bottom: 1.5rem; margin-top: 1.5rem;} } /**** Custom Block ****/ /* Instagram */ .instagramm-wrapper {margin:68px 0 48px;} .instagramm-wrapper .inst-ttl {font: 300 30px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; text-align:center; margin: 0 0 .75em;} .instagramm-wrapper .inst-ttl::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .instagramm-wrapper .inst-items {display:flex; max-width:1200px; margin:0 auto; justify-content: space-between; gap:.75rem;} .instagramm-wrapper .inst-item {overflow: hidden; width:24%;} .instagramm-wrapper .inst-item:nth-child(n+5) {display: none;} .inst-ttl-index {text-align: center;} .inst-btn a {display: inline-block; color:#000; background: #91d2eb;font-size:14px; padding: 10px 0; width:100%; max-width:230px; text-align:center; position: relative; overflow: hidden; transition: all 0.4s ease 0s; margin-top:2.5em; text-decoration:none;} .inst-btn a:hover { background: #41454b; color:#fff; text-decoration: none;} .inst-btn a::before {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #41454b; transform: translate3d(0,100%,0); transition: transform .6s cubic-bezier(.19,1,.22,1); z-index: 1;} .inst-btn a:hover::before {transform: translate3d(0,0,0);} .inst-btn a span {z-index: 2; position: relative;} .inst-item a{display: block; height: 0; overflow: hidden; padding: 100% 0 0; position: relative; transition: all 0.5s linear 0s; } .inst-item img {/* height: 100%; width: auto; */ left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); max-width:none; height: auto; width: 100%;} .inst-item a:hover::before {content:""; background:rgba(0, 0, 0, 0.4); position: absolute; z-index:1; left:0; right:0; bottom:0; top:0; } .inst-item a:hover::after {content: "\f16d"; color:#fff; font: normal normal normal 22px/1 FontAwesome; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); z-index:2; } @media(max-width: 1080px) { .instagramm-wrapper .inst-ttl {font-size: 26px;} } @media(max-width:820px) { .instagramm-wrapper {margin:24px 0;} } @media(max-width: 600px) { .instagramm-wrapper .inst-ttl {font-size: 22px;} .instagramm-wrapper .inst-items {gap:0; flex-wrap:wrap;} .instagramm-wrapper .inst-item { width:49%; margin-top:2%;} } @media(max-width:500px) { .inst-btn a {max-width:100%;} } /* Instagram */ /**** button links ****/ a.product-button {background: #008C45; border: 0; color: #fff; cursor: pointer; font-weight:600; display: inline-block; font-size: 16px; padding: 13px 20px; text-decoration: none; text-align: center;} a.product-button:hover {background: #212834; color:#fff;} a.product-button.button-view, a.product-button.button-check, a.product-button.button-wishlist {background-color: #ccc; color: #333;} a.product-button.button-wishlist {display:none;} a.disabled {background: #999; border: 0; color: #fff; cursor: default; display: inline-block; font-size: 12px; font-weight: 700; margin: 0; padding: 7px 20px; text-decoration: none; text-transform: uppercase;} a.disabled:hover {} /**** button links ****/ .cd-top.cd-is-visible {display:none; visibility: visible; opacity: .8;} .cd-top.cd-is-visible:hover {opacity: 1;} .cd-top {align-items: center;background: #91d2eb;bottom: 2.5rem;color: #fff;cursor: pointer;display: flex;fill: #fff; height: 3.2rem;justify-content: center;opacity: 0;position: fixed;right: 1rem;transition: opacity .3s 0s, visibility 0s .3s;visibility: hidden;padding: .2em; border-radius: 50%;width: 3.2rem;z-index: 9999999; text-decoration:none; flex-direction: column;} .cd-top span {display: block;font-size: 10px; margin-top: 3px; line-height:1;} .cd-top svg {font-size:34px;} /***** Visualisation tubs on product details *****/ td.tab {border: 1px solid #E9E9E9; border-bottom: none; background: none; padding: 0px;} td.tabActive {border: 1px solid #E9E9E9; border-bottom: none; background: #E9E9E9; padding: 0px;} a.tab {background: none; color: #1584D2; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none;} a.tab:hover {background: #E9E9E9; color: #1584D2; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none;} a.tabActive {background: #E9E9E9; color: #1584D2; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} a.tabActive:hover {background: #E9E9E9; color: #1584D2; display: block; font-size: 14px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;} .tabline {background: #E9E9E9;} /***** Visualisation tubs on product details *****/ /***** Visualisation tubs on UserHome pages *****/ .blockTDtabs table {width: 100%; margin-bottom: 10px;} div.adminTab {font: 11px Verdana, sans-serif; border: 1px solid #919B9C; border-bottom: none; padding: 3px 8px 2px 8px; margin: 0px 2px; cursor: pointer; background: #E9E9E9; white-space: nowrap;} div.adminTabActive {font: bold 11px Verdana, sans-serif; border: 1px solid #919B9C; border-top: 2px solid #919B9C; border-bottom: none; padding: 5px 9px 5px 9px; margin: 3px 0px 0px 0px; white-space: nowrap;} td.adminTab {border-bottom: 1px solid #919B9C; vertical-align: bottom;} td.adminTabActive {border: none;} td.beginTab {padding: 0px 4px; border-bottom: 1px solid #919B9C;} td.endTab {padding: 0px 4px; width: 90%; border-bottom: 1px solid #919B9C;} a.blackSm, a.blackSm:hover {text-decoration: none;} /***** Visualisation tubs on UserHome pages *****/ /***** Prices on the site *****/ .priceBlock .tax {font-weight: 400;} .salesBlock, .priceBlock {font: 600 20px/1 "Oswald", sans-serif; color:#212834; } .main-tab .priceBlock{margin-top: 21px;} .priceBlockOld {text-decoration: line-through; font:300 13px/1 "Oswald", sans-serif; color: #9c9c9c; display:block; margin-bottom: .5rem;} .priceBlockOld:before {content:"Was";} .salesBlock .tax {font-weight: 400;} .salesBlock .title:after, .priceBlock .title:after, .priceBlockOld .title:after {content: ':';} .priceBlockHidden {display: none; font-weight: 700;} .priceBlockHidden .tax {font-weight: 400;} .priceBlockEdit {font-weight: 700;} .priceBlockEdit input.price {text-align: right; font-weight: 700; width: 60px; color: #4a4a4a; border: 1px solid #4a4a4a;} .priceSaveBlock { color:#000;} .priceSaveBlock .percent {font: 400 16px/1 "Oswald", sans-serif; background: #91d2eb; padding:2px 4px; font-weight: 400;} .priceSaveBlock .percent::before {content:"Save"; margin-right:2px;} .priceSaveBlock .price {display:none;} .products-page .priceBlockOld {order:2;} .products-page .salesBlock {width:100%; order:3;} .products-page .priceSaveBlock {order:2;} .products-page .product-item-prices {display:flex; flex-wrap:wrap; align-items: center;gap:0 1rem;justify-content: center;} .products-page .priceSaveBlock .percent {font: 400 13px/1 "Oswald", sans-serif;} .matrix-price {border: 1px solid rgba(0,0,0,.25); border-width: 0 0 0 1px; display: flex; flex-wrap: wrap;} .matrix-price-line {border: 1px solid rgba(0,0,0,.25); border-width: 1px 1px 1px 0;} .matrix-price-line div {padding: .4em; text-align: center;} .matrix-price-line div:nth-child(1) {background: rgba(0,0,0,.05); font-weight: 700;} /***** Prices on the site *****/ /***** Visualisation product list as table *****/ .productsTable th {padding: 3px;} .productsTable td {padding: 3px;} .productsCategory {font-size: 10pt; font-weight: bold; color: #1584D2; background: #E9E9E9; padding: 6px !important; } .productsDelimiter {background: #E9E9E9; padding: 0px !important;} .productsDelimiterTop {background: #E9E9E9; padding: 0px !important;} .productsDelimiterTop img {height: 2px;} /***** Visualisation product list as table *****/ /***** Wishlist pop-up window *****/ .wishlist-opacity {display: none; z-index: 900; filter: alpha(opacity=50); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1; moz-opacity: 0.5; opacity: 0.5;} .wishlist-shadow {display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 400px; background: #CCCCCC;} .wishlist-block {position: relative; bottom: 5px; right: 5px; width: 400px; background: #F4F4F4; border: 1px solid #78C7FF;} .wishlist-img-close img {margin: 10px 10px 5px 0px;} .wishlist-descr {padding: 0px 35px 20px 30px; font: 14px, sans-serif; text-align:justify;} /***** Wishlist pop-up window *****/ /***** New Product's icon *****/ .block-product-details .newProduct {display: block; position: relative; padding-right: 34px !important;} .block-product-details .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: absolute; bottom: -1px; margin: 0px 0px 0px 2px;} .block-products-list .newProduct img {background: url(../images/icons/new_l.png) no-repeat; width: 30px; height: 22px; border: none; position: relative; bottom: -6px; margin: 0px 0px 0px 2px;} .newProduct img {background: url(../images/icons/new_m.png) no-repeat; width: 20px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} /***** New Product's icon *****/ /***** Restricted Item's icon *****/ .block-products-list .restrictedItem img.restrictedItem {background: url(../images/icons/lock.png) no-repeat; width: 22px; height: 23px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} .restrictedItem img.restrictedItem {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} .restrictedCategory img.restrictedCategory {background: url(../images/icons/lock-s.png) no-repeat; width: 15px; height: 16px; border: none; position: relative; bottom: -3px; margin: 0px 0px 0px 2px;} /***** Restricted Item's icon *****/ /***** Matrix price *****/ table.matrix { border: 1px solid gray; margin-bottom: 5px; margin-top: 5px; } th.matrixTop { padding-left: 5px; padding-right: 5px; border-bottom: 1px solid silver; } th.matrixBottom { padding-left: 5px; padding-right: 5px; } td.matrixTop { border-bottom: 1px solid silver; border-left: 1px solid silver; padding-left: 5px; padding-right: 5px; } td.matrixBottom { border-left: 1px solid silver; padding-left: 5px; padding-right: 5px; } /***** Matrix price *****/ /***** Custom filters *****/ .hide {display: none !important;} .allFilterTitle {display:none; font-size: 18px; margin: 0; padding: 10px 13px;} .filterItem, .selectedFilters { margin-top: -2px; padding: 4px 3px;} .filterItem {padding: 0 0 20px; border-top: 1px solid #cecece; } .filterItem:last-child {border-bottom: 1px solid #cecece;} .filterTitle {font: 300 20px/1 "Oswald", sans-serif; letter-spacing: .1em; text-transform: uppercase; display: flex; justify-content: space-between; align-items: center; margin:0; padding:20px 0 0;} .filterTitle b {font-weight: 300; line-height: 1.2;} .allFilterTitle span.angle {font-size: 14px; position: absolute; right: 13px; top:15px; } .allFilters span.angle, .filterTitle span.angle{font-size: 14px; margin: 0; color: #91d2eb;} .filterValues {margin: 15px 0 0 0;} .filterValues.visible-desktop {display:none !important;} .filterLine {color: #5f5f5f; margin: 0.5em 0;} .filterLine a {background: url(../images/filter_checkbox.png) no-repeat 0 50%; display: flex; justify-content: space-between; padding: 0 0 0 24px; color: #000; font-size: 14px; font-weight: 300; text-decoration:none;} .filterLine a.selected {background: url(../images/filter_checkbox_checked.png) no-repeat 0 50%;} .filterLine a.applied_list {background: url(../images/filter_ico_remove.png) no-repeat 100% 50%; padding: 5px 50px 5px 0px; width: 100%; display: block;} .filterLine a i {font-style: normal;} .filterLine a span {color: #989898; display: inline-block;} .filterLine span.off {background: url(../images/filter_checkbox_disabled.gif) no-repeat 0 50%; color: #c6c6c8; padding: 0 0 0 24px;} .filterLine span.selected {display: none;} .filterLine span.applied_list {display: none;} .filterValues.scroll {max-height: 17rem; overflow: auto;} .selectedFiltersRemove a {display:block; color: #949494; font-size: 14px; padding: 5px 0; font-weight: 400; text-decoration: underline;} .selectedFilters { padding-bottom:20px;} .selectedFilters .filterLine {margin:0;} .filterItemMore a {font-size: 14px; font-weight: 400; text-decoration:none; padding: 0 0 0 24px;} .filterItemMore img {display: none;} .filterItemMore .more::before {content: "more...";} .filterItemMore .less::before {content: "less...";} #filter_16 + .filterValues .filterLine a i {align-items: center; display: flex; gap: 8px;} #filter_16 + .filterValues .filterLine a i::before {border-radius: 50%; content: ""; display: block; height: 14px; width: 14px;} #filter_16 + .filterValues [class*=Black] a i::before, #filter_16 + .filterValues .Black a i::before {background: #000;} #filter_16 + .filterValues [class*=White] a i::before, #filter_16 + .filterValues .White a i::before {background: #fff; box-shadow: 0 0 1px #c7c7c7;/* border: 1px solid #c7c7c7; height: 12px; width: 12px;*/} #filter_16 + .filterValues [class*=White][class*=Black] a i::before {background: linear-gradient(-90deg, #000, #000 50%, #fff 60%, #fff );} #filter_16 + .filterValues .Blue a i::before {background: #338cd1;} #filter_16 + .filterValues [class*=Grey] a i::before, #filter_16 + .filterValues .Grey a i::before {background: #b0b0b0;} #filter_16 + .filterValues [class*=Navy] a i::before, #filter_16 + .filterValues .Navy a i::before {background: #1d326f;} #filter_16 + .filterValues .Pink a i::before {background: #e177bf;} #filter_16 + .filterValues [class*=Green] a i::before, #filter_16 + .filterValues .Green a i::before {background: #499a36;} #filter_16 + .filterValues .Red a i::before {background: #d94040;} #filter_16 + .filterValues .Yellow a i::before {background: #eacc3f;} #filter_16 + .filterValues .Orange a i::before {background: #eb8533;} #filter_16 + .filterValues .Purple a i::before {background: Purple;} #filter_16 + .filterValues .Brown a i::before {background: Brown;} #filter_16 + .filterValues .Sky a i::before {background: Lightblue;} #filter_16 + .filterValues .Gold a i::before {background: Gold;} #filter_16 + .filterValues .Khaki a i::before {background: Khaki;} #filter_16 + .filterValues .Teal a i::before {background: Teal;} #filter_16 + .filterValues .MULTI a i::before {background: linear-gradient(90deg, #338cd1, #338cd1 30%, #e177bf 33%, #e177bf 66%, Purple 70%, Purple );} #filter_16 + .filterValues [class*=Grey][class*=Green] a i::before {background: linear-gradient(-90deg, #b0b0b0, #b0b0b0 45%, #499a36 55%, #499a36 );} #filter_16 + .filterValues [class*=White][class*=Navy] a i::before {background: linear-gradient(-90deg, #1d326f, #1d326f 50%, #fff 60%, #fff );} #filter_overlay {background: rgba(0,0,0,0.5); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1000;} #loader {animation: spin 2s linear infinite;border: 6px solid transparent;border-top-color: #212834;border-radius: 50%;display: block;height: 150px;left: 50%;margin: -75px 0 0 -75px;position: relative;top: 50%;width: 150px;z-index: 1001;} #loader:before {animation: spin 3s linear infinite;content: "";border: 6px solid transparent;border-top-color: #41454b;border-radius: 50%;bottom: 5px;left: 5px;position: absolute;right: 5px;top: 5px;} #loader:after {animation: spin 1.5s linear infinite;content: "";border: 6px solid transparent;border-top-color: #91d2eb;border-radius: 50%;bottom: 15px;left: 15px;position: absolute;right: 15px;top: 15px;} @keyframes spin { 0% {border-width: 6px; transform: rotate(0deg);} 50% {border-width: 2px;} 100% {border-width: 6px; transform: rotate(360deg);} } /* 404 */ .error-404-page {text-align: center;} .error-404-page h2 {font-size:20px; margin-top:2.5rem; letter-spacing: .05em; font-weight:300;} .error-404-page p {font-size:16px;} .error-404-page-link {display:flex; display: flex; justify-content: center; gap: 10px; max-width:1000px; margin:2rem auto 3rem;} .error-404-page-link a {color:#fff; padding: 12px 0;background:#212834; text-decoration: none; width: calc(16.66% - 10px*5/6);} .custom-page .main-block-right-side {padding-left:0;} .error-404-block {background:#f7f7f7; } .error-404-items {display:flex; justify-content: space-evenly; align-items: center;} .error-404-item {display:flex; flex-direction: column; align-items: center; text-decoration:none; padding: 2.5em 0;} .error-404-item .img {display: flex;align-items: center; justify-content: center;background:#212834; height:90px; width:90px; border-radius:50%;} .error-404-item .ttl {font: 400 16px/1.5 "Oswald", sans-serif; text-align:center; text-transform: uppercase; margin-top:.5rem; letter-spacing: .05em;} .error-404-page-link a {position: relative; display: inline-block; transition: all 0.4s ease 0s; overflow: hidden;} .error-404-page-link a:hover { background: #91d2eb; color:#000; text-decoration: none;} .error-404-page-link a::before {content: ' '; position: absolute; color:#000; top: 0; left: 0; width: 100%; height: 100%; background: #91d2eb; transform: translate3d(0,100%,0); transition: transform .6s cubic-bezier(.19,1,.22,1); z-index: 1;} .error-404-page-link a:hover::before {transform: translate3d(0,0,0);} .error-404-page-link span {z-index: 2; position: relative;} .error-404-block.sv-container {display:flex; align-items: center; background:#fff; max-width:1000px; margin:3rem auto; justify-content: space-between;} .error-404-block h2 {font: 300 20px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .05em; margin:0;} .error-404-block .contact-soc a {background: #fff; border:1px solid #000; height:2.5rem; width:2.5rem;} .error-404-block .contact-soc svg {fill:#000;} .error-404-block .contact-soc a:hover {background: #91d2eb; border:1px solid #91d2eb;} .error-404-block .contact-soc a:hover svg {fill:#fff;} .error-404-block .button-link {display: inline-block; color:#000; background: #91d2eb;font-size:14px; padding: 10px 0; width:100%; max-width:300px; text-align:center; position: relative; overflow: hidden; transition: all 0.4s ease 0s; text-decoration:none;} .error-404-block .button-link:hover { background: #41454b; color:#fff; text-decoration: none;} .error-404-block .button-link::before {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #41454b; transform: translate3d(0,100%,0); transition: transform .6s cubic-bezier(.19,1,.22,1); z-index: 1;} .error-404-block .button-link:hover::before {transform: translate3d(0,0,0);} .error-404-block .button-link span {z-index: 2; position: relative;} @media(max-width:920px) { .error-404-block.sv-container {flex-wrap:wrap; flex-direction: column;gap: 1rem; margin: 2rem auto;} } @media(max-width:520px) { .error-404-items {justify-content: space-between;} .error-404-item .ttl {font-size:14px;} .error-404-page-link {flex-wrap: wrap; gap:5px} .error-404-page-link a {width: calc(33.33% - 5px*3/4);} .error-404-item .img {height:50px; width: 50px;} .error-404-item img {width:60%;} .error-404-item .ttl {font-size:12px;} .error-404-block h2 {font-size:16px; text-align:center; line-height:1.4;} .error-404-page h2 {font-size:18px;} } /* 404 */ /***** Custom filters *****/ /* Omni Payment*/ .payment-omni-wrapper {background: #cce6f2; font-size:16px; margin: 0; display:flex; align-items:center; justify-content: center; padding:10px 22px; cursor:pointer;} .payment-omni-wrapper img {margin-right:30px;} .basket-page .payment-omni-wrapper img {max-width:60px;} .basket-page .payment-omni-wrapper {font-size:12px; padding:7px 22px;} div.omni-info {display:block; background: #fff; border-top: 1px solid #BEBFBF; border-right: 1px solid #A9ACAD; border-bottom: 1px solid #A9ACAD; border-left: 1px solid #BEBFBF; height: 90%; left: 50%; max-height: 600px; max-width: 800px; padding: 7px 27px 20px 27px; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 90%; z-index: 9999;} div.omni-info {max-width:600px; width:90%; height:auto; max-height:none; padding:35px 0; border-width:0; } div.omni-info .omni-image {text-align:center; margin: 0 0 35px;} #finance_fields, #finance_data {padding: 0 70px;} div.omni-info .form-group {font-size:14px;display:flex; align-items: center; justify-content: space-between; margin: 0 0 10px;} div.omni-info .form-group label {width:40%; margin:0;} div.omni-info .form-group div {width:60%;} div.omni-info .form-group select {font: 500 12px/2em "Sinkin Sans", Arial, Helvetica, sans-serif; width:100%; background: #fff; border: 1px solid #c4c4c4;} div.omni-info button{cursor:pointer; color:#fff; background: #0082bd; border:1px solid #0082bd; width:calc(100% - 140px); padding: 10px; margin:10px 70px 0 70px; } @media(max-width:600px) { #finance_fields, #finance_data {padding:0 35px;} div.omni-info button{ width:calc(100% - 70px); margin:10px 35px 0 35px; } } /* Omni Payment*/ /**** terms page popup ****/ div.popupContainer {background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; z-index: 8999;} #terms_page_block_wrapper, #omni-info-wrapper { position:fixed; background:rgba(0, 0, 0, 0.5); top:0; bottom:0; left:0; right:0; z-index:9999; display:none;} div#terms_page_block {background: #fff; bottom: 10%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 57px 27px 20px 27px; width: 800px; border: 1px solid #888; position: absolute;z-index: 9999; top:10%; left:50%; margin-left:-427px;} div.terms_page_title {font-size: 22px; left: 27px; margin: 15px 0; position: absolute; top: 0;} div.close_popup {color: #900; cursor: pointer; font-weight: bold; position: absolute; right: 27px; text-align: right; top: 25px;} div.terms_page_content {height: 100%; overflow: auto;} /**** terms page popup ****/ /**** form ****/ .form {} .form-line {margin: 15px 0; overflow: hidden;} .form-line label {box-sizing: border-box; float: left; margin-right: 2%; padding: 9px 0 0; width: 38%;} .form-line .check label, .form-line .radio label {/*padding: .4em .8em; */width: auto;} .form-line label b {font-weight: 500;} .form-line > span {box-sizing: border-box;} .form-line textarea, .form-line input[type="text"], .form-line input[type="email"], .form-line input[type="password"] {max-width: 59%; min-width: 40%} .form-check {} .form-submit {margin: 0 0 10px 40%; text-align: left;} .form-submit input[type="submit"] {min-width: 120px;} .form-submit a {text-decoration: underline;} .check label {cursor: pointer; display: inline-block; float: none; overflow: hidden;} .check label input {float: left; margin-left: -100%;} .check label span {display: inline-block; vertical-align: middle;} .check label input + span:before {background: #fff; border: 1px solid #c1c1c1; content: " "; display: inline-block; font: 900 12px/1.2 "Font Awesome 5 Free"; height: 1.2em; margin-right: 1em; text-align: center; text-rendering: auto; vertical-align: middle; width: 1.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .check label:hover input + span:before {border: 1px solid #aaa;} .check label input:checked + span:before {color: #fff; background: #212733; border: 1px solid #212733; content: "\f00c";} .radio label {cursor: pointer; display: inline-block; float: none; overflow: hidden;} .radio label input {float: left; margin-left: -100%;} .radio label span {display: inline-block; vertical-align: middle;} .radio label input + span:before {background: #fff; border: 1px solid #c1c1c1; border-radius: 50%; content: " "; display: inline-block; font: 900 12px/1.6 "Font Awesome 5 Free"; height: 1.6em; margin-right: 1em; text-align: center; text-rendering: auto; vertical-align: middle; width: 1.6em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .radio label:hover input + span:before {border: 1px solid #aaa;} .radio label input:checked + span:before {color: #000; content: "\f111";} .uploadContent {width: auto;} .uploadSlider {width: auto !important; } .uploadBlock {width: auto !important; } .uploadTitle {background-color: #e8e8e8; color: #444444; font: 500 11px "Century Gothic", Arial, Helvetica, sans-serif; padding: 8px; text-transform: uppercase;} .uploadBar {color: #444; cursor: pointer; display: none; font-size: 10px; font-weight: 700; min-height: 200px; vertical-align: middle; text-align: center; width: 9px;} #uploadFormButton {display: none;} .uploadForm {} .uploadGrayBg {background-color: #fff; border: 1px solid #c5c5c5; height: 140px; overflow: hidden; position: relative;} .uploadGrayBg.hover {} .dragNdrop {color: #a8a8a8; font: 13px "Lato",Arial,Helvetica,sans-serif; left: 0; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 100%; z-index: 5;} .dragNdrop .dndBgr {margin: 16px 11px;} .dragNdrop .dndBgl {border: 1px dashed #fff; padding: 44px 10px;} .dragNdrop span {color: #a8a8a8 !important; font: 300 16px "Lato",Arial,Helvetica,sans-serif !important; margin: 0 !important; padding: 0 0 0 16px; display:inline-block !important;} .uploadGrayBg.hover .dragNdrop {z-index: 20;} .uploadGrayBg.hover .dragNdrop .dndBgr {} .uploadGrayBg.hover .dragNdrop .dndBgl {border: 1px dashed #c5c5c5;} .uploadContent .or {font: 13px/30px "Century Gothic", Arial, Helvetica, sans-serif; padding: 20px 0;} .uploadContent .or input {margin-left: 10px; max-width: 70%;} .uploadContent input[type="file"] {height: 0;} .uploadSize {padding: 5px 0;} #uploaded_files {padding: 0 0 5px;} .uploadFile {border-bottom: 1px solid #fff;} .uploadBox {border-bottom: 1px solid #c3c3c3; padding: 12px 15px;} .fileUploaded {color: #545454; font: 13px "Century Gothic", Arial, Helvetica, sans-serif;} .uploadBox .title {background: #fff; display: inline-block !important; overflow: hidden; position: relative; white-space: nowrap; width: 90%;} .uploadBox .title:after { background: -moz-linear-gradient(left, rgba(255,255,255,0.2), #fff 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0.2), #fff 100%); background: -o-linear-gradient(left, rgba(255,255,255,0.2), #fff 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0.2), #fff 100%); background: linear-gradient(to right, rgba(255,255,255,0.2), #fff 100%); content: ''; height: 100%; position: absolute; right: 0; top: 0; width: 20px; } .uploadBox .filesize {display: none;} .uploadBox .percent {float: right;} .uploadBox .fileUploaded .percent {background: url(../images/glyphicons-halflings.png) no-repeat -314px 0; display: inline-block; height: 14px; text-indent: -9999px; width: 14px; cursor:pointer;} .uploadProgres {background: #fff; height: 10px; margin: 6px 0 0; position: relative;} .uploadProgress { background: #00acec; width: 0; position: absolute; top: 0; left: 0; height: 100%; z-index: 1; } .fileUploaded .uploadProgres {display: none;} .uploadStatus { float: left; } /**** form ****/ /**** fancy popup ****/ .hide_fancy_popup {display: none;} #fancy_popup .overlay {background-color: rgba(0, 0, 0, 0.4); bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9998;} #fancy_popup .window, #fancy_popup .window.normal {background-color: #fff; left: 50%; padding: 3em; position: fixed; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 440px; z-index: 9999;} #fancy_popup .message {color: #666; font-size: 1.4em; padding: 0 1em 3em; text-align: center;} #fancy_popup .window .button {margin: 1%;} .show {display: block;} .hide {display: none !important;} /**** fancy popup ****/ /**** popup block ****/ .loadingBlock{background-color: rgba(0, 0, 0, 0.4);} .popup-opacity {background-color: rgba(0, 0, 0, 0.4); bottom: 0; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 9998;} .popup-shadow {box-shadow: 3px 3px 5px rgba(0,0,0,0.25); background-color: #fff; left: 50% !important; padding: 3em; position: fixed; text-align: center; top: 50% !important; transform: translate(-50%, -50%); width: 440px; z-index: 9999;} .popup-block {} .popup-img-close {margin: -2em -2em 2em;} .popup-img-close a {color: #000; text-decoration: none;} #popup_message {color: #000; font-size: 18px; padding: 0 1em 1em; text-align: center;} #popup_message p {font-weight: 400; margin: 1.4em 0 0;} .popup-block .button {margin: 1%; width: 10rem; background: #91d2eb; border: 0; padding: 10px 0;} .popup-block .button:hover {background: #212834; color:#fff;} /**** popup block ****/ /**** subscribe popup ****/ #darkBackground {background: rgba(0, 0, 0, 0.4); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999;} #subscribePopUp {background-color: #fff; display: none; padding: 3em 2em; text-align:center; font-size:20px; font-weight:300; left: 50%; line-height: 1.6; position: fixed; top: 50%; transform: translate(-50%, -50%); max-width: 442px; width: 90%; z-index: 1000;} #subscribePopUp b {color:#91d2eb; font: 400 20px "Oswald", sans-serif; text-transform: uppercase; line-height:2;} #subscribe_mssg {background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 8px 1px 0 0; padding: 5px 20px; position: absolute; text-align: left; width: 100%; z-index: 999;} #messageClose {cursor: pointer; float: right; font-weight: 800; margin: 0 -20px 0 0; padding: 0 6px;} #closePopUp{position: absolute;top: 6px;right: 10px; font-size: 13px;cursor: pointer;} .errorSubscriber {border: 1px solid #f1cdcd; color: #ce0c0c;} .errorSubscriber:before {border: 1px solid #f1cdcd; border-color: transparent transparent #f1cdcd; border-width: 0 7px 9px; content: ''; display: block; left: 50%; margin: 0 0 0 -7px; position: absolute; top: -9px;} .errorSubscriber:after {border: 1px solid #fff; border-color: transparent transparent #fff; border-width: 0 6px 8px; content: ''; display: block; left: 50%; margin: 0 0 0 -6px; position: absolute; top: -8px;} .existingSubscriber {border: 1px solid #d7d7d7; color: #888;} .existingSubscriber:before {border: 1px solid #d7d7d7; border-color: transparent transparent #d7d7d7; border-width: 0 7px 9px; content: ''; display: block; left: 50%; margin: 0 0 0 -7px; position: absolute; top: -9px;} .existingSubscriber:after {border: 1px solid #fff; border-color: transparent transparent #fff; border-width: 0 6px 8px; content: ''; display: block; left: 50%; margin: 0 0 0 -6px; position: absolute; top: -8px;} /**** subscribe popup ****/ /**** popup style ****/ #blackout {background: rgba(0,0,0,.3); height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 1000 !important;} div.popup-box {left: 50%; max-width: 500px; overflow: hidden; position: fixed; top: 50%; transform: translate(-50%,-50%); width: 80%; z-index: 1001 !important;} div.close-popup-box {color: #999; cursor: pointer; line-height: 1; text-align: right; text-transform: uppercase;} div.close-popup-box::before {content: "\f00d"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} span.close-popup-box { cursor: pointer; color: #ffffff; display: inline-block; font-size: 14px; margin: 2em 0 0 0; padding: .5em 2em; background: #ab0000; background: linear-gradient(to bottom, #ff2819, #ab0000); border: 1px solid #7d0000; box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.7); } a.ok-popup-box { color: #ffffff; display: inline-block; font-size: 14px; margin: 2em 4em 0 0; padding: .5em 2em; text-decoration: none; background: #00ab50; background: linear-gradient(to bottom, #19ff34, #00ab50); border: 1px solid #1f7d00; box-shadow: 0 1px 3px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.7); } div.success_msg {background: #fff; margin: 0 auto; padding: 1em 1em 3em;} div.success_msg p {width: 80%; margin: 0 auto; text-align: center;} p.success_title {border-bottom: 1px solid #989898; padding: 17px 0 20px 0; color: #636363; font: bold 30px "Lucida Grande", sans-serif; text-shadow: 0.1em 0.1em #ffffff;} p.success_info {border-top: 1px solid #F9F9F9; padding: 24px 0 0; color: #646464; font: 14px "Lucida Grande", sans-serif;} p.success_info span {color: #282828; margin-left: 10px;} p.success_text {border-top: 1px solid #F9F9F9; padding: 7px 0 0; color: #646464; font: 13px "Lucida Grande", sans-serif;} /****************** reviewPopup *****************/ div.popupContainer {background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; z-index: 1000;} .reviewPopup {background: #fff; border: 1px solid #333; display: none; left: 50%; max-width: 999px; padding: 2em 3em; position: absolute; top: 200px; transform: translate(-50%,0); width: 90%; z-index: 1001;} .reviewPopupInfo {float: left; width: 40%;} .reviewPopupForm {float: right; width: 58%;} .reviewPopupForm .closeReviewPopup {background: #333; border: 0; border-radius: 50%; color: #fff; cursor: pointer; font: 700 16px/1.4 Tahoma,sans-serif; height: 1.6em; margin: 0; position: absolute; right: -.8em; text-align: center; top: -.8em; width: 1.6em;} .reviewPopupForm .titlePopupForm {border: 1px solid #ddd; font-size: 1.2em; font-weight: 700; padding: .6em 2em;} .reviewPopupForm form#review {border: 1px solid #ddd; border-top: 0; padding: .2em 2em; position: relative;} .reviewPopupForm form#review label {display: block; float: none; padding: 0 0 .4em; width: auto;} .reviewPopupForm form#review input.field {max-width: 100%; width: 100%;} .reviewPopupForm form#review input.textcode {width: 60%;} .reviewPopupForm form#review textarea {max-width: 100%; width: 100%; height: 5em;} .reviewPopupForm form#review .form-submit {margin: 15px 0;} .reviewPopupForm form#review .form-submit .submit {width: 100%;} .reviewPopup .expl {font-size: 11px !important;} .avrRating {cursor: pointer;} .review_error {border: 1px solid #f00; background-color:#fff; color: #f00; font-weight:bold; padding: 10px; margin: 10px 0; text-align: center;} .review_success {border: 1px solid #006633; background-color: #fff; color: #006633; font-weight:bold; padding: 10px; margin: 10px 0; text-align: center;} .review_hide {display: none;} .priceTaxMsg, .salesTaxMsg {color: #5D5D5D; font-size: 12px;} .reviewTtl {background: url(../images/tfc/ttl.gif) no-repeat 9px 50%; color: #565656; font-size: 13px; font-weight: 700; padding: 17px 32px;} #reviews_data {padding: 0 0 17px;} /****************** reviewPopup *****************/ /***** Rating iamges *****/ .neutral {display: none;} i[class*="rated"]::before, i[class*="rating"]::before {content: ""; display: inline-block; font: normal normal normal 1.2em/1 FontAwesome; margin: 0 .5em; text-rendering: auto; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} i.not-rated::before {content: "\f006\0020\f006\0020\f006\0020\f006\0020\f006";} i.rating-1::before {content: "\f005\0020\f006\0020\f006\0020\f006\0020\f006";} i.rating-2::before {content: "\f005\0020\f005\0020\f006\0020\f006\0020\f006";} i.rating-3::before {content: "\f005\0020\f005\0020\f005\0020\f006\0020\f006";} i.rating-4::before {content: "\f005\0020\f005\0020\f005\0020\f005\0020\f006";} i.rating-5::before {content: "\f005\0020\f005\0020\f005\0020\f005\0020\f005";} /***** Rating iamges *****/ /****************** Reviews *****************/ .reviews-wrapper {} .reviews .reviews-title {align-items: center; background: rgba(0,0,0,.15); display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1em 0; padding: 1em 2em;} .reviews .reviews-rate > * {display: inline-block; vertical-align: middle;} .reviews .reviews-write .writeRev {background: rgba(255,255,255,.75); border: 1px solid rgba(0,0,0,.15); display: inline-block; padding: .4em 1em; text-decoration: none; transition: all 0.4s ease 0s;} .reviews .reviews-write .writeRev:hover {background: rgba(0,0,0,.05);} .reviews-summary-statistic {background: rgba(0,0,0,.15); display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1em 0; padding: 1em 2em;} .reviews-summary > * {display: inline-block; margin: 0 .5em; vertical-align: middle;} .reviews-summary > * i {font-size: 1.4em; margin: 0 0 0 .25em;} .reviews-show-wrapper {background: rgba(0,0,0,.05); display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1em 0; padding: 1em 2em;} .reviews-show > * {display: inline-block; margin: 0 .5em; vertical-align: middle;} .reviews-show > * i {font-size: 1.4em; margin: 0 0 0 .25em;} .reviews-found {font-weight: 700;} .reviews-found b {font-weight: 400; margin: 0 .5em 0 0;} .reviews-found b::after {content: ": ";} .review {margin: 1em 0;} .review::after {clear: both; content: ""; display: block;} .review .review-title {background: rgba(0,0,0,.05); font-weight: 700; margin: 1em 0; padding: 1em 2em;} .review .review-star {float: left; padding: 1em 1em 1em 2em;} .review .review-user {float: left; padding: 1em;} .review .review-user > * {margin: 0 0 1em;} .review .review-comment {overflow: hidden; padding: 1em 2em 1em 1em;} .review .review-comment > * {margin: 0 0 1em;} .review .review-comment .review-summary {display: none;} .reviews-all {background: rgba(0,0,0,.15); font-weight: 700; margin: 1em 0; padding: 1em 2em; text-align: right;} /****************** Reviews *****************/ .catDescrCont {color: #565656; padding: 5px 10px; font-size: 11px; line-height: 19px;} .no_info {color: #CCCCCC;} #tabs_link{text-transform: uppercase} /**** buzzdub blog ****/ .buzzdubBlog {background: #ffffff; color: #666; font: 12px/18px Verdana,Geneva,sans-serif; margin: 0 auto; overflow: hidden; padding: 0; position: relative; text-align: left;} .buzzdubBlog a img {border: 0 none;} .buzzdubBlogNav {clear: both; color: #828282; font: 14px/30px Verdana,Geneva,sans-serif; margin: 10px 0; text-align: center;} .buzzdubBlogNav a {border: 1px solid #dbdbdb; color: #3678a7; display: inline-block; font-weight: 400; line-height: 1em; min-width: 20px; padding: 7px 4px; text-decoration: none;} .buzzdubBlogNav a:hover {background: none repeat scroll 0 0 #ececec; border: 1px solid #ececec;} .buzzdubBlogNav a.showMore {background-color: #eaeaea; font: 13px/1em Verdana,Geneva,sans-serif; padding: 12px 40px;} .buzzdubBlog {overflow: hidden; width: 100%;} .buzzdubBlog > div {float: left;} .buzzdubBlog > div:first-child {margin: 0;} .buzzdubBlog .galcolumn {margin: 0 0 0 2%; width: 32%;} .buzzdubBlog .galcolumn .item {background: #fff; border: 1px solid #dedede; margin: 0 0 20px;} .buzzdubBlog .galcolumn .item h1 {color: #666666; font: 400 30px Verdana,Geneva,sans-serif; margin: 0;} .buzzdubBlog .galcolumn .item h2 {background: #fff; display: block; font: 400 18px Tahoma,Geneva,sans-serif !important; margin: 0; padding: 16px 20px;} .buzzdubBlog .galcolumn .item h2 a {color: #000; display: block; letter-spacing: 0; line-height: 25px; text-decoration: none;} .buzzdubBlog .galcolumn .item .content {background: #fff; overflow: hidden; width: auto;} .buzzdubBlog .galcolumn .item .content a.img {display: block; line-height: 0; overflow: hidden;} .buzzdubBlog .galcolumn .item .content img {height: auto; max-width: 100%;} .buzzdubBlog .galcolumn .item .content a:hover img {opacity: 0.8;} .buzzdubBlog .galcolumn .item .content .text {color: #949599; font: 400 12px/18px Arial,Geneva,sans-serif !important; letter-spacing: 0; margin: 0; padding: 16px 20px 6px;} .buzzdubBlog .galcolumn .item .content p.from {margin: 1em 0 0;} .buzzdubPopupBg {background: none repeat scroll 0 0 rgba(36, 39, 36, 0.8); color: #424242; font: 12px/18px Verdana,Geneva,sans-serif; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000;} .buzzdubPopup {background: #fff; left: 50%; margin: 0 0 0 -175px; position: fixed; text-align: left; top: 100px; width: 350px;} .buzzdubPopup .popupClose {color: #757575; cursor: pointer; float: right; font-size: 15px; line-height: 0.8em; padding: 10px;} .buzzdubPopup .item {background: none repeat scroll 0 0 #fff; border-color: #dedede; border-style: solid; border-width: 0; margin: 0;} .buzzdubPopup .item h2 {background-color: #f7f7f7; display: block; font: 400 18px Tahoma,Geneva,sans-serif !important; margin: 0; padding: 16px 20px;} .buzzdubPopup .item h2 a {color: #000; text-decoration: none;} .buzzdubPopup .item .content {background-color: #f7f7f7; border: medium none; overflow: hidden; width: auto;} .buzzdubPopup .item .content img.article_image {height: auto; max-width: 350px;} .buzzdubPopup .item .content .text {color: #000; font: 400 12px Arial,Geneva,sans-serif; margin: 0; padding: 17px;} .buzzdubPopup .smallImg .content img {float: left; margin: 0 20px 5px 0;} .buzzdubBlog .soc {background: #999; clear: both; margin: 0; overflow: hidden; padding: 0;} .buzzdubBlog .item .soc {margin: 0 -1px -1px;} .buzzdubPopup .item .soc {background: #999; margin: 0; overflow: hidden; padding: 0;} .soc .addthis_toolbox {float: none; margin: 0;} .soc .addthis_counter.addthis_bubble_style {margin: 8px 0 0 6px !important;} .soc .addthis_default_style > a {border-right: 1px solid #fff; float: left; padding: 0;} .soc .addthis_default_style > .addthis_counter.addthis_bubble_style {border: 0;} .soc .addthis_default_style > a > img {width: auto !important;} .goto {display: inline !important; width: auto !important;} .buzzdubBlog .item .content .from, .buzzdubPopup .item .content .from {color: #797979 !important; font-size: 12px;} .buzzdubBlog .item .content .from a, .buzzdubPopup .item .content .from a {color: #1079a9; text-decoration: underline;} .buzzdubBlog .copyright {background-color: #fafafa; border: 1px solid #d3d3d3; clear: both; font-size: 11px; padding: 16px 20px 20px; text-align: left;} .buzzdubBlog .copyright a {color: #ff8040;} .buzzdubBlog .small {font-size: 10px; line-height: 10px;} .buzzdubBlog .terms p {color: #666; padding: 5px;} .buzzdubBlog .blockCopy {position: relative;} .buzzdubBlog .imageCopy {background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75); bottom: 0; color: #666; display: none; font-size: 0.8em; font-weight: 100; left: 0; line-height: 28px; margin: 0; padding: 0 20px; position: absolute; right: 0; z-index: 100;} .buzzdubBlog .imageCopy a {color: #666; cursor: default; text-decoration: none;} .block-articles-details-buzz .soc {background: #999; clear: both; height: 31px; margin: 30px 0 0; padding: 0;} .block-articles-recent-list .today-posts {margin: 0 0 30px;} .block-articles-recent-list .today-posts a {border-top: 1px solid #ccc; color: #222; display: block; margin: 22px 0; overflow: hidden; padding: 22px 0 0; position: relative; text-decoration: none;} .block-articles-recent-list .today-posts a:first-child {border-top: 0; padding: 0;} .block-articles-recent-list .today-posts a img {float: left; height: auto; margin: 0 0 1em; max-width: 40%;} .block-articles-recent-list .today-posts a span {display: block; margin: 0 0 1em 45%;} .block-articles-recent-list .today-posts a i {clear: both; float: left;} .block-articles-recent-list .today-posts a b {float: right; font-size: 0.9em; font-weight: 700;} /*block-articles-latest*/ /* .block-articles-latest .items.latest {display: flex; margin-left: -4%; flex-wrap: wrap; } .block-articles-latest .item.latest {margin: 0 0 4% 4%; width:21%;} .block-articles-latest .latest-item-image {height: 0; padding: 60% 0 0; position: relative; overflow:hidden; margin-bottom: 1em;} .block-articles-latest .latest-item-image img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} .block-articles-latest .latest-item-title {margin-bottom: .5em; font-size: 18px;} */ .block-articles-latest-wrapper {padding: 48px 0;} .index-page .block-articles-latest-wrapper {background: #f5f5f5;} .products-page .block-articles-latest-wrapper {order: 6;} .block-articles-latest.guides .block-title {font:300 30px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; margin:0; text-align:center; } .block-articles-latest.guides .block-title::after {content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .block-articles-latest.guides .article.latest {flex-wrap: wrap; flex-direction: column;width: 100%; display: flex;} .block-articles-latest.guides .item.latest {display:flex;width: 100%;} .block-articles-latest.guides .item .item-image {padding:66% 0 0; overflow: hidden; margin: 0;} .block-articles-latest.guides .item-content, .block-articles-latest.guides .latest-item-content{background: #fff; border: 1px solid #e0e0e0; border-width: 0 1px 1px; display: flex; flex-direction: column; flex-grow: 1; padding:2rem; text-align: center; } .block-articles-latest.guides p {margin:0;} .block-articles-latest.guides .item-title {font: 600 16px/1 "Oswald", sans-serif; text-transform: uppercase; margin:0; flex-grow: 1; display: flex; align-items: center; justify-content: center;} .block-articles-latest.guides .item-title a {text-decoration: none; } .block-articles-latest.guides .item-date, .block-articles-latest.guides .item-description, .block-articles-latest.guides .item-description-wrapper, .block-articles-latest.guides .buttonMore, .block-articles-latest.guides .item-category {display:none;} .block-articles-latest.guides .item-description-wrapper {flex-grow:5;} .block-articles-latest.guides a.buttonMore {color:#91d2eb; font-size:12px; font-weight:500; text-transform: capitalize; text-decoration: none; margin: 1rem 0 0; } .block-articles-latest.guides .latest-bnt {margin: 2rem 0 0; text-align: center;} .block-articles-latest.guides .hover-button {display: inline-block; background: #91d2eb; text-decoration: none; max-width: 230px; width: 100%; position: relative; color: #000; font-size: 14px; overflow: hidden; transition: all 0.6s ease 0s; padding: 10px 0; } .block-articles-latest.guides .hover-button:hover { background: #41454b; color:#fff; text-decoration: none;} .block-articles-latest.guides .hover-button::before {content: ' '; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #41454b; transform: translate3d(0,100%,0); transition: transform .6s cubic-bezier(.19,1,.22,1);} .block-articles-latest.guides .hover-button:hover::before {transform: translate3d(0,0,0); } .block-articles-latest.guides .splide__slide {display: flex;} @media(min-width:900px) { .block-articles-latest.guides .splide__arrows{display:none;} } /*block-articles-latest*/ /* block-articles-list block-articles-details */ .block-articles-list .block-title, .block-articles-details .block-title{font: 300 38px/1 "Oswald", sans-serif; text-transform: uppercase; letter-spacing: .1em; text-align: center; margin: 1rem 0 0;} .block-articles-list .block-title::after, .block-articles-details .block-title::after{content:""; background: #91d2eb; display: block; width:40px; margin:15px auto; height:2px; } .block-articles-list .list-wrapper{display:flex; flex-wrap:wrap; margin-left:-2%; position: relative;} .block-articles-list .list-item{display: flex; flex-direction: column; width: 31.33%; position: relative; margin: 0 0 2% 2%; } .block-articles-list .list-item-image {display: block; font-size: 0; line-height: 0; padding: 66% 0 0; overflow: hidden; height:0; position: relative; } .block-articles-list .list-item-image img {height: auto; left: 50%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%,-50%); width:100%;} .block-articles-list .list-item-content{background: #fff; border: 1px solid #e0e0e0; border-width: 0 1px 1px; display: flex; flex-direction: column; flex-grow: 1; padding:2rem; text-align: center; } .block-articles-list .list-item-title {font: 600 16px/1 "Oswald", sans-serif; text-transform: uppercase; margin:0; flex-grow: 1; display: flex; align-items: center; justify-content: center; } .block-articles-list .list-item-media, .block-articles-list .list-item-short-description, .block-articles-list .list-item-full-description, .block-articles-list .list-item-additional {display: none;} .block-articles-list .list-item-short-description {flex-grow:5;} .block-articles-list .list-item-short-description p {margin:0;} .block-articles-list a.button-more {display: block; color:#91d2eb; font-size:12px; font-weight:500; text-transform: capitalize; text-decoration: none; margin: 1rem 0 0;} .block-articles-list a {text-decoration:none;} .block-articles-list .navigation {justify-content: center;} .block-articles-list .navigation.top {display:none;} .block-articles-details .block-links {display:none;} .block-articles-details .article-item-image {text-align:center;} .block-articles-details .article-item-full-description {text-align:center;} .block-articles-details p {line-height: 1.8;} .block-articles-details h2 {font: 400 26px/1 "Oswald", sans-serif; text-transform: uppercase;} .block-articles-details h3 {font: 500 20px/1 "Oswald", sans-serif; text-transform: uppercase;} .block-articles-details h4 {font: 500 16px/1 "Oswald", sans-serif; text-transform: uppercase;} @media(max-width:1080px) { .block-articles-list .list-item-content {padding: 2rem 1rem;} } @media(max-width:820px) { .block-articles-list .block-title, .block-articles-details .block-title {font-size:30px;} .block-articles-list .list-item {width: 48%; } .block-articles-list .list-item-short-description {font-size:12px;} .block-articles-details p {font-size:12px;} } @media(max-width:500px) { .block-articles-list .list-item {width:98%; margin: 0 0 1.5rem 2%; } } /* */ /*block-hot*/ .block-hot .items.hot {display: flex; margin-left: -4%; flex-wrap: wrap;} .block-hot .item.latest {width:21%; margin:0 0 4% 4%;} .block-hot .hot-item-title {margin-bottom: 1em; font-size:18px;} .block-hot .hot-item-image {height: 0; margin-bottom:1em; padding: 60% 0 0; position: relative; overflow:hidden;} .block-hot .hot-item-image img {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} /*block-hot*/ /* mfp-popup */ /* .mfp-popup {display:block !important;} */ .mfp-popup-shadow {background: rgba(0,0,0,.4); bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 9998;} .mfp-popup-container {background: #FFF; box-sizing: border-box; left: 50%; margin: 0; max-width:550px; position: absolute; top: 0%; transform: translate(-50%,0%); width: 90%; z-index: 9999; padding:20px;} .mfp-popup-container h3 {font: 400 16px "Oswald", sans-serif; letter-spacing: .05em; margin-top:0; text-transform: uppercase;} .mfp-popup-container h4 {font: 400 14px "Oswald", sans-serif; letter-spacing: .05em; text-transform: uppercase;} .mfp-popup-info {border: 1px solid #dfdfdf; border-width:1px 0; margin: 0 0 20px;} .mfp-popup-info p {font-size:12px;} .mfp-popup-info b {text-decoration: underline; font-weight:400;} .mfp-popup-check {color: #a94442; background-color: #f2dede; border-color: #ebccd1; padding: 15px; margin: 0;} .mfp-popup-check p {margin-top:0; font: 400 14px "Oswald", sans-serif; letter-spacing: .05em; text-transform: uppercase;} .mfp-popup-check table {font-size:12px !important; background:#eaebec;margin:15px 0;border:#eee 1px solid;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:5px;font-weight:400;width:100%;font-size:inherit;} .mfp-popup-check table tr {text-align: center; } .mfp-popup-check label { color: #a94442;} .mfp-popup-check table tr td:first-child {padding-left: 20px;border-left: 0;} .mfp-popup-check table tr td {padding: 10px 20px;border-bottom: 1px solid #e0e0e0;background: #fafafa;background: -webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#fafafa));background: -moz-linear-gradient(top,#fbfbfb,#fafafa);} .mfp-popup-check table tr:hover td {background: #f2f2f2;background: -webkit-gradient(linear,left top,left bottom,from(#f2f2f2),to(#f0f0f0));background: -moz-linear-gradient(top,#f2f2f2,#f0f0f0);} .mfp-popup-check input[type="checkbox"] {cursor: pointer;margin:0;} .mfp-popup-check input[type="checkbox"]:checked {background-color: #41454b; border: 1px solid #41454b;} /* mfp-popup */ .block-summary .form-group .shipping-cost span {display:none;} .block-summary .form-group .shipping-cost span.selected {display:block;} span.angle {float: right; font-size: 14px; text-align: right; width: 20%;} span.angle .fa {cursor: pointer; line-height: 0.8;} .custompopup-shadow {background:rgba(0, 0, 0, .6);bottom:0;left:0;position:fixed;right:0;top:0;z-index:999;} .custompopup-wrapper {display:table;height:100%;position:relative;width:100%;vertical-align:middle;z-index:999;} .custompopup-table {display:table-cell;vertical-align:middle} .custompopup-block {background-color: rgb(136, 136, 136); box-shadow: rgba(0, 0, 0, 0.298) 0px 2px 6px; border-radius: 6px; margin-left: auto; margin-right: auto; min-height: 30px; min-width: 0px; max-width: none; position: relative; height: 400px; width: 700px; max-height: none; background-image: url(https://cdn.salesfire.co.uk/media/4dea4676-7e73-49a6-b4b0-5584342ceea0.jpeg); background-position: 100% 50%; display: block;} .custompopup-close {background:rgb(0, 0, 0);border-radius:100%;box-shadow:rgba(0, 0, 0, 0.6) 0px 2px 6px;color:rgb(255, 255, 255);font-family:Montserrat;font-size:20px;font-weight:400;display:block;height:32px;line-height:32px;position:absolute;right:-15px;text-align:center;top:-15px;width:32px;cursor:pointer} .custompopup-close:hover {text-decoration: none;} .newsletter-title {color:rgb(255, 255, 255);font-size:38px;text-align:center; height:auto;width:100%;min-width:0px;max-width:none; max-height:none;position:absolute;bottom:auto;left:auto;right:auto;top:145px;font-weight:600;min-height:0px;z-index:auto} .newsletter-subtitle {height:auto;width:700px;max-width:none;max-height:none;min-width:0px;position:absolute;bottom:auto;left:auto;right:auto;top:250px;text-align:center;font-size:24px; color:rgb(255, 255, 255);font-weight:300;min-height:0px;z-index:auto} .custompopup-form {padding:30px;background-color:rgba(255, 255, 255, 0);position:absolute;height:67px;width:287px;max-width:none;max-height:none;min-width:0px;bottom:auto;left:49px;right:auto;top:278px} .custompopup-form .form {padding:20px 600px 20px 0px;position:absolute;bottom:auto;left:0px;right:auto;top:0px;z-index:auto;margin:0px auto} .custompopup-form .form button {height:45px;width:70px;min-width:0px;max-width:none;max-height:none;position:absolute;bottom:auto;left:430px;right:auto;top:15px;color:rgb(255, 255, 255);font-size:26px;line-height:1;border:none;background-color:rgb(248, 171, 89);border-radius:0px;min-height:0px;z-index:auto} .custompopup-form .form input[type="email"] {border-radius:0px;font-size:17px;margin-bottom:15px;padding:10px;border:none;width:335px;height:45px;min-width:0px;max-width:none;max-height:none;position:absolute;bottom:auto;left:95px;right:auto;top:15px;font-family:inherit;z-index:auto;min-height:0px} .custompopup-content {height:auto;width:100%;min-width:0px;max-width:none;min-height:0px;max-height:none;position:absolute;bottom:auto;left:0px;right:auto;top:360px;z-index:auto;text-align:center;text-decoration:underline;font-size:9px;color:rgb(255, 255, 255);font-family:Montserrat;font-weight:400} .custompopup-content a {color: inherit;} /* custom-form-driver */ .custom-form-driver-wrapper {position: relative; z-index: 999;} .custom-form-driver-wrapper * {box-sizing: border-box;} .custom-form-driver-wrapper .custom-form-driver-shadow {background: rgba(0,0,0,.4); bottom: 0; display: block; left: 0; position: fixed; right: 0; top: 0; z-index: 9998;} .custom-form-driver { background-image: url(../images/golfstore/home_popup.jpg); background-size: cover; background-repeat: no-repeat; box-sizing: border-box; left: 50%; margin: 0; max-width: 960px; position: fixed; top: 20%; transform: translate(-50%,0%); width: 90%; z-index: 9999; padding: 16px 0 36px; } .form-driver-ttl {color:#fff; text-align:center; font-size: 70px; font-weight:800; line-height:1.1; margin: 1rem 0 0;} .custom-form-driver .form-message {position: fixed; background: #000; cursor: pointer; padding: 2rem 3rem;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90%;max-width: 30rem; box-shadow: 0 0 1000px rgba(0,0,0,.95);text-align: center;} .custom-form-driver .form-message #messageClose {margin: -1rem -2rem 0 0;} .custom-form-driver-wrapper form {padding: 16px 50px;} .custom-form-driver-wrapper .block-content {color:#fff; font-size:16px; font-weight:400; margin:0;} .custom-form-driver-wrapper .block-content a {color:#fff; text-decoration: underline; } .custom-form-driver-wrapper .block-content a:hover {text-decoration: none;} .custom-form-driver-wrapper .form-note {font-size:25px; text-align: center; margin: 10px 0 45px;} .custom-form-driver-wrapper label {display:none;} .custom-form-driver-wrapper input[type="text"], .custom-form-driver-wrapper input[type="email"] {background: transparent; border:2px solid #fff; color: #fff; width:100%; padding: 16px 12px; max-width:500px; } .custom-form-driver-wrapper input.submit {color:#fff; background: #93c8e8; font-weight:600; font-size:24px; width:100%; text-transform: uppercase; padding: 11px; max-width:500px; letter-spacing: .02em;} .custom-form-driver-wrapper .form-submit {margin:0; text-align: center;} .custom-form-driver-wrapper .form-line {text-align:center;} .custom-form-driver-wrapper .form-line.validation {display: flex; justify-content: center;} .custom-form-driver-wrapper .form-close{display: flex;flex-direction: column; align-items: center; justify-content: center; color: #fff; cursor: pointer; border:1px solid #fff; border-radius:50%; float: right; padding: 0; text-align: center; height:25px;width: 25px; margin: 0 22px 0; cursor: pointer;} .custom-form-driver-wrapper .captcha {transform: scale(0.8);} .custom-form-driver-wrapper .form-close span { height: 1px; width: 12px; background: #fff;transform: rotate(-45deg); } .custom-form-driver-wrapper .form-close span + span { transform: rotate(45deg); margin-top: -1px;} .custom-form-driver-wrapper .form-close.bottom {color:#868686; font-size:12px; font-weight: 300; margin: 0 50px 0; text-decoration: underline; } .custom-form-driver-wrapper .form-bottom {font-size: 25px; font-weight:200; color:#fff; text-align:center; margin-top:45px;} @media(max-width: 1024px) { .form-driver-ttl {font-size:50px;} .custom-form-driver-wrapper .form-note, .custom-form-driver-wrapper .form-bottom{font-size:22px;} .custom-form-driver-wrapper input.submit {font-size:20px;} .custom-form-driver-wrapper input[type="text"] {padding: 14px 12px;} } @media(max-width: 767px) { } @media(max-width: 600px) { .custom-form-driver { background-image: url(../images/golfstore/home_popup_m.jpg); } .custom-form-driver-wrapper form {padding: 16px 40px;} .form-driver-ttl {font-size:40px;} .custom-form-driver-wrapper .form-note, .custom-form-driver-wrapper .form-bottom{font-size:18px;} .custom-form-driver-wrapper input.submit {font-size:16px;} .custom-form-driver-wrapper input[type="text"] {padding: 11px 12px;} .custom-form-driver-wrapper .form-note {margin: 10px 0 25px;} .custom-form-driver-wrapper .form-bottom {margin-top: 25px;} } /******** reorder popup ***********/ .ui-widget-overlay {background: rgba(0, 0, 0, 0.5);position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9999;} .ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover{font-weight: 400; color: #900; margin: 1.7em 0 0; text-align: right; cursor: pointer; float:right; background: #fff; border: none;text-transform: capitalize;} .ui-dialog {background: #fff; padding: 7px 27px 20px 27px; border: 1px solid #BEBFBF; border-right-color: #A9ACAD; border-bottom-color: #A9ACAD; position: absolute; z-index: 9999; top: 100px; left: 50%; margin-left: -427px;} .ui-dialog-content {min-width: 50%; width: 90%; height:560px; overflow-y:auto;} .ui-dialog-title{font-size: 22px; margin: 1em 0; color: #1C478D; font-weight: 400; line-height: 33px;} .hidden {display: none !important;} .visible {display: inherit !important;} .visible-phone {display: none !important;} .visible-tablet {display: none !important;} .hidden-desktop {display: none !important;} .visible-desktop {display: inherit !important;} /* @media (max-width: 1440px) { .sv-container {max-width: 1200px;} } */ @media(min-width: 821px) { .fitting-parters.mobile {display:none;} } @media (max-width: 1200px) { .sv-container{padding-left:1rem; padding-right:1rem;} .block-banners, .trustpilot-home-block, .main-customer-bg, .block-articles-latest-wrapper{margin-left:-1rem; margin-right:-1rem;} .products-page .navigation.top .sortings, .navigation.bottom .sortings, .products-page .navigation.top .showall{width: 24%;} .block-product-details .right-side {width:48%; margin-left:4%;} .block-product-details .left-side {width:48%;} .support-page .main-block.sv-container {padding-left:0; padding-right:0;} .support .supportForm, .support.left-side, .support-map {padding-left:1rem; padding-right:1rem;} } @media(max-width:1080px) { .sv-container{padding-left:3rem; padding-right:3rem;} .block-banners, .main-customer-bg, .block-articles-latest-wrapper{margin-left:-3rem; margin-right:-3rem;} .trustpilot-home-block {padding: 20px 0;margin-left:-3rem; margin-right:-3rem; } .trustpilot-wrapper > div {width:auto;} .trustpilot-wrapper img {max-width:150px;} .trustpilot-txt p {font-size: 14px;} /* .main-customer {padding: 50% 0 0;} */ .main-tab.sv-container, .HomeCategoryContainer.sv-container, .great-reasons-container.sv-container{padding-left: 0; padding-right: 0;} .mainTabs .splitbtn a {font-size:16px;} .great-reasons-block {margin: 48px 0 18px;} .great-reasons-ttl, .block-articles-latest.guides .block-title{font-size:26px;} .great-reasons { justify-content: space-around;} .great-reason {width:35%; text-align:center; margin: 0 0 30px;} .main-block-left-side, .main-block-right-side, .main-block-center-side {margin: 0; padding: 0; width: 100% !important;} .block-products-title { order:1;} .products-page .navigation.top {order:3; flex-wrap:wrap;} .products-list-brands {order:4;} .products-page .navigation-txt {width:100%; margin-top:1rem !important;} .products-page .navigation.top .sortings {order:1; width:100%;} .products-page .navigation.top .showall {margin-top:1rem; width: 100%; text-align: center; order:2;} .navigation .navigation-txt {font-size: 14px; order:3; margin-top: .5rem !important;} .products-page .navigation.bottom {flex-direction: row-reverse;} .navigation.bottom .navigation-bottom-left {display:none;} .navigation.bottom .navigator {text-align: right;} /* .navigation.bottom .sortings{width: auto;} */ .products-page .block-filter ~ .product-items, .products-page .product-items {width:auto;} .products-page .product-item form {padding:1rem;} .products-list-brands .main-customer-bg {margin-left: 0; margin-right: 0;} .products-list-brands .main-customers-block.sv-container {padding-left:0; padding-right:0;} .products-list-brands .main-customers-block .splide__arrow--prev {left:0;} .products-list-brands .main-customers-block .splide__arrow--next {right:0;} /* .products-page .block-filter ~ .block-products-list {width:100%;} */ .products-page .block-filter {width:32%; margin: 1rem 0; order:3;} .products-page .navigation.top {width:32%; } .allFilterTitle {display: flex; align-items: center; font-weight: 500; font-size: 14px;padding: .75rem 2.25rem; background: #91d2eb; justify-content: center;} .block-filter .block-content { margin:0;} .block-filter .allFilters {border:1px solid #cecece; border-width: 0 0 1px ;} .allFilters span.angle, .filterTitle span.angle {margin:0; font-size:1rem;} .allFilterTitle span.angle {position: relative; top:0; right:0; width:auto; margin-left:.5rem;} .filterTitle {font-size:14px; } .filterItem {margin:0; border:0;} .filterItem + .filterItem {border-top: 1px solid #cecece;} .filterItem:last-child {border-bottom: 0;} .filterLine a span {padding-right: 0;} .selectedFilters {padding: 0 0 15px;} .filterLine a.applied_list {background: url(../images/filter_ico_remove.png) no-repeat 100% 50%;} .block-product-details .product-item-title, .block-offers .block-title{font-size:26px;} .block-product-details .tabtitle {font-size:18px;} .block-product-details .product-full-description h2 {font-size:16px;} .card-button-wrapper a {font-size:14px;} .card-wrapper .buy-save-block {padding: 25px 35px 20px;} p.buy-save-ttl {font-size:20px;} .buy-save-block li {font-size:12px; line-height:1.4;} .product-item-description p {font-size:12px;} .product-item-purchase .product-quantity {width:auto;} .brands-page-wrapper .brand-item {width: 15.66%;} .support p, .info-right-wrapper .address a{font-size:16px;} .support .contact-list {font-size:12px; justify-content: space-between;} .support .supportForm, .support.left-side, .support-map {padding-left:3rem; padding-right:3rem;} .info-right-wrapper h1, .info-map-ttl, .supportForm .form-ttl{font-size:26px;} .info-right-wrapper .address {margin: 1rem 0;} .info-right-wrapper p {font-size:14px;} .info-map-wrapper .address span, .info-map-wrapper .address span ~ div {font-size:14px; line-height:1;} .info-map-wrapper .address span.ttl {font-size:18px;} .block-categories-list, .block-categories-catalog {border: 2px solid #f0f0f0; margin: 0 0 10px;} .block-categories-list .block-title, .block-categories-catalog .block-title {padding: 10px 13px;} .block-categories-list .block-content, .block-categories-catalog .block-content {border-top: 2px solid #f0f0f0;} .block-categories-list .catItems, .block-categories-catalog .catItems {margin: 10px 9px;} .reviewPopup {left: 20%; margin-left: 0; top: 100px; width: 60%;} .reviewPopupInfo {float: none; margin: 0 0 2em; width: 100%;} .reviewPopupInfo .product-item-image {display: none;} .reviewPopupForm {float: none; margin: 0 -32px; width: auto;} .reviewPopupForm .closeReviewPopup {background: #fff; color: #333; right: 4px; top: 4px;} .reviewPopupForm .titlePopupForm {border: 0; font-size: 16px;} .reviewPopupForm form#review {border: 0;} .hidden-desktop {display: inherit !important;} .visible-desktop {display: none !important ;} .visible-tablet {display: inherit !important;} .hidden-tablet {display: none !important;} } @media (max-width: 980px) { .galleryWrapper .contentSection .contentRow .contentObjectLeft, .galleryWrapper .contentSection .contentRow .contentObjectRight {float: none; max-width: none; text-align: center;} .user-item {float:none; width: 100%;} .user-item:nth-child(2n+1) {border-right: 0;} .user-item .user-item-invoice {min-height: 0;} div#terms_page_block {bottom: 5%; box-sizing: border-box; left: 5%; margin-left: 0; overflow: auto; top: 5%; width: 90%;} } @media(max-width:900px) { .block-articles-latest.guides .block-content {padding: 0 27px;} .block-articles-latest.guides .splide.is-focus-in .splide__arrow:focus {outline: 0;} .block-articles-latest.guides .splide__arrow {border: 1px solid #000;fill: #000;height:2.75rem;top:calc(100% - 6px);width:2.75rem;} .block-articles-latest.guides .splide__arrow--prev {left:-27px;} .block-articles-latest.guides .splide__arrow--next {right:-27px;} .mainHomeCategory .mainLink {bottom:0;} .mainHomeCategory .hover-button {line-height:1;} } @media (max-width: 820px) { .block-articles-latest.guides .latest-item-content {padding: 1rem;} .block-articles-latest.guides .item-description {font-size:12px;} .mainHomeCategory {margin: 24px 0;} .great-reasons-block {margin: 24px 0 0;} .block-articles-latest-wrapper {padding:24px 0;} .block-top-sellers .item.top-sellers {width:47.5%;} .block-hot .item.latest {width:47.5%;} div#terms_page_block {bottom: 5%; box-sizing: border-box; left: 5%; margin-left: 0; overflow: auto; top: 5%; width: 90%;} .product-page .fancybox-close {padding: 10px;} .product-page .fancybox-nav {height: 115px; margin-top: -58px; width: 55px;} .card-button-wrapper a {font-size:12px;} .reviews-left > div {display: block;} .paddingRev5px > div {display: block; width: 100%;} .paddingRev5px .review-star {width: 20%;} .paddingRev5px .forumGuest {width: 78%;} .paddingRev5px .review-text {width: 98%;} .index-page .main-special-block .item {width: 99%;} .userHome {width: 48%;} .block-products-title {font-size:30px;} .product-item {width:48%;} .products-page .block-filter ~ .product-items .product-item {width:48%;} .products-page .block-filter {width:49%; } .products-page .navigation.top {width:49%; } .navigation.bottom .sortings {width:49%; margin:0 auto; order: 2;} .products-page .block-filter {margin-bottom:1.5rem;} .navigation .link {font-size:16px;} .navigation.bottom .navigator {text-align: center; width: 100%;} /* .products-page .product-item-title {font-size:12px;} */ .salesBlock, .priceBlock {font-size:18px;} .priceBlockOld, .products-page .priceSaveBlock .percent {font-size:12px;} .block-custom-page-body .block-title {font-size:30px; line-height: 1.2;} .fitting-top-left {width:100%;} .fitting-top-right {width:100%; margin: 2rem 0 0;} .fitting-parters.desktop {display:none;} .fitting-top-right .fitting-ttl { text-align:center;} .fitting-ttl {font-size:22px;} .custom-fitting-block p {text-align:enter;} .fitting-parters .fitting-img-ttl {font-size:18px;} .fitting-bottom-block h3 {margin-top: 1.5rem;} .custom-fitting-ctr {margin: 2rem 0;} .fitting-ttl {margin-top: 2rem;} .block-custom-page-body h3 {font-size:18px;} .brands-page-wrapper .brand-item {width:24%;} .support .contact-list {flex-wrap:wrap; flex-direction:column; } .support .contact-list span {width:210px; margin: 0 auto;} .reviewPopup {left: 5%; margin-left: 0; top: 50px; width: 90%;} .hidden-tablet {display: inherit !important;} .visible-tablet {display: none !important;} .visible-phone {display: inherit !important;} .hidden-phone {display: none !important;} } @media(max-width:768px) { .support .contact-ttl {font-size:30px; line-height: 1.4;} .info-right-wrapper h1, .info-map-ttl, .supportForm .form-ttl {font-size:22px;} .support p {font-size:14px;} .support .contact-list {margin: 1.5rem 0;} .contact-top-wrapper {order:1;} .info-left-wrapper {width:100%; order:3; text-align: center;} .info-right-wrapper {width:100%; order:2; margin:0 0 1.5rem; text-align: center;} .contact-soc {justify-content: center;} .block-support .form-submit {max-width: 170px; margin-left:0;} .form-line.validation{transform: scale(0.9);} .info-map-wrapper {order:4; margin: 2rem 0 1rem; } .info-map-wrapper .map-item {width:100%; margin: 1.5rem 0 0;} .info-map-wrapper .address {margin: 1rem 0 0; text-align:center;} } @media(max-width:700px) { .block-product-details .right-side {width:100%; margin-left:0;} .block-product-details .left-side {width:100%;} .product-item-manufacturer {display: none;} .card-wrapper .buy-save-block {padding:15px 25px 10px; margin-bottom: 1.5rem;} .block-product-details .right-side {display: flex; flex-direction: column;} .block-product-details .right-side > div {order: 1;} .block-product-details .right-side > .klarna-points {order: 2;} .block-product-details .right-side > .product-item-purchase ~ div {order: 3;} .block-product-details .product-item-prices {margin: 0;} .block-product-details .product-item-parameters {margin: 0;} .block-product-details .product-item-purchase {margin: .5rem 0 .5rem;} .block-product-details .product-item-cards {margin: 0 0 1rem;} .block-product-details .right-side div.product-item-purchase {order:2;} .block-product-details .right-side div.header-counter-wrapper {order:3; margin-bottom:4px} .block-product-details .countdown-block {width:auto;} .block-product-details .header-counter {justify-content: center;} } @media (max-width: 640px) { /* .block-articles-latest .item.latest {width:100%;} .block-products-latest .items-wrapper.latest {width:100%;} .block-offers .offers.items-wrapper {width:100%;} */ .block-top-sellers .item.top-sellers {width:100%;} .block-hot .item.latest {width:100%;} .splide__pagination__page {width: 20px; margin: 1px;} .splide__pagination__page.is-active{ width:57px;} } @media (max-width: 600px) { .sv-container{padding-left:1.5rem; padding-right:1.5rem;} .block-banners, .main-customer-bg, .block-articles-latest-wrapper{margin-left:-1.5rem; margin-right:-1.5rem;} .trustpilot-home-block {margin-left:-1.5rem; margin-right:-1.5rem; } .trustpilot-home-block .trustpilot-img, .trustpilot-home-block .trustpilot-btn{display:none;} .trustpilot-home-block .trustpilot-txt {margin:0;} .great-reasons {padding: 0} .main-tab .item-title, .main-tab .item-title h2 {font-size:12px;} .salesBlock, .priceBlock {font-size:16px;} .main-categories {width:100%; margin: 0 0 1rem;} .mainHomeCategory .mainLink {bottom:20%;} .great-reasons{padding: 0; justify-content: space-between;} .great-reason { width: 46%;} .great-reasons-ttl, .block-articles-latest.guides .block-title {font-size:22px;} .great-reasons .ttl, .block-articles-latest.guides .item-title{font-size:14px;} .great-reasons .txt {font-size:12px;} .support .supportForm, .support.left-side, .support-map {padding-left:1.5rem; padding-right:1.5rem;} .block-support .form-line {width:100%;} .validation-wrapper {flex-wrap:wrap;} .block-support .form-submit {max-width:none; margin-top:3%;} .form-line.validation{transform: scale(1);} .form-line.validation .g-recaptcha > div {margin: 0 auto;} .custom-fitting-block p {font-size:12px;} .block-custom-page-body p {font-size:12px;} .reviewPopupForm form#review input.textcode {width: 40%;} .product-item:hover .product-view-button {display: none;} } @media(max-width:650px) { .header-upper-wrapper .header-counter-wrapper {display:none;} .block-product-details .header-counter {padding:0;} /* .block-product-details .countdown-block {width: auto;} */ .block-product-details .header-counter::before {content: ""; background: url('../images/golfstore/logo-delivery.png') no-repeat 50%; display:inline-block; filter: invert(1); margin-right:6px; float:left; width: 60px;} .block-product-details .item-prices-wrapper {margin: .5rem 0 .5rem;} } @media(max-width:500px) { .mainTabs .splitbtn a::before {margin-right: .75rem;} .mainTabs .splitbtn a::after {margin-left:.75rem;} .block-articles-latest.guides .latest-item-content {padding: 1rem;} .block-articles-latest.guides .item-description {font-size:12px;} .block-articles-latest.guides .hover-button {max-width: none; width: 100%} .mobile-menu .item.brand-item img {max-width: 80px;} .block-product-details .header-counter > div {text-align:left !important;} .popup-shadow { margin-left: 0; width: 90%;} .brands-page-wrapper .brand-item {width:32.33%;} .main-tab .splide__pagination {display:none;} .product-item-purchase { gap:.5rem;} .product-item-purchase .product-buttons { width: 100%;} .product-item-purchase .product-quantity {margin:0; padding: 8px 0;} .block-product-details .block-content {margin: 1em 0 2em;} .block-product-details .product-item-images {margin: 0 0 1rem;} .block-product-details .product-quantity span {display: none;} .buy-save-block li, .card-button-wrapper a, .product-item-description p {font-size:14px;} .card-wrapper .buy-save-block {padding: 15px 16px 10px;} } @media (max-width: 480px) { .block-product-details .trustpilot-widget iframe {height:40px !important;} } @media (max-width: 460px) { .paddingRev5px .review-star, .paddingRev5px .forumGuest, .paddingRev5px .review-text {width: 99%;} .product-items .item-usage {text-align: center;} } @media(max-width:420px) { .block-product-details .header-counter {padding: 4px 10px;} } @media(max-width:389px) { .great-reasons-ttl, .block-articles-latest.guides .block-title {font-size: 20px;} .product-item {width:98%;} .products-page .block-filter ~ .product-items .product-item {width:98%;} } .visible-print {display: none !important;} @media print { .visible-print {display: inherit !important;} .hidden-print {display: none !important;} } .captcha {float: left;}