*, *::before, *::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; border:none;margin:0;} html {-webkit-tap-highlight-color: rgba(0,0,0,0); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} body {font-size: 1em; line-height: 1.42857143; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin:0;overflow-x:hidden;} body.open { overflow: hidden;} @-ms-viewport { width: device-width; } @viewport { width: device-width; } @font-face { font-family: 'suisse-reg'; font-weight: normal; font-style: normal; font-display: swap; unicode-range: U+000-5FF; src: local('suisse-reg'), url('suissebpintl-regular.woff2?20230518150224') format('woff2');/*, url('/fonts/custom-font.woff') format('woff');*/ } @font-face { font-family: 'suisse-bold'; font-weight: normal; font-style: normal; font-display: swap; unicode-range: U+000-5FF; src: local('suisse-bold'), url('suissebpintl-bold.woff2?20230518150224') format('woff2');/*, url('/fonts/custom-font.woff') format('woff');*/ } @font-face { font-family: 'suisse-ant'; font-weight: normal; font-style: normal; font-display: swap; unicode-range: U+000-5FF; src: local('suisse-ant'), url('suissebpintl-antique.woff2?20230518150224') format('woff2');/*, url('/fonts/custom-font.woff') format('woff');*/ } :root { /* Fonts */ --headings: 'suisse-bold', Helvetica, sans-serif; --headingsWeight: 900; --headingsStyle: normal; --headingsSize: 18px; --body: 'suisse-reg', Helvetica, sans-serif; --bodyWeight: ; --fbold: 'suisse-bold', Helvetica, sans-serif; --freg: 'suisse-reg', Helvetica, sans-serif; --fant: 'suisse-ant', Helvetica, sans-serif; /* Colors */ --bodyText: #000000; --headingsColor: #000000; --primaryColor: #009ee0; --secondaryColor: #009ee0; --navBg: ; --btn1:#000000; --btn1Text:#ffffff; --btn1Border:; --btn2:#ffffff; --btn2Text:#000000; --btn2Border:; --btn3:#ffffff; --btn3Text:#000000; --btn3Border:; --green:#2DAA63; --red:red; --yellow: #F5C52C; /* other */ --radius:0; --border: #000000; --borderWidth: 1px; } .visible-tablet{display:none;} .visible-mobile{display:none;} body, textarea, input, select, option, button { color: var(--bodyText); font-family: var(--body); } li, dt, dd, p, figure, th, td, caption, legend, pre { font-size: 15px; } li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 30px; } ul {padding: 0;list-style-type: none;} em{font-style:normal;} h1, h2, h3, h4, h5, h6, legend, .page-account .gui-page-title, .gui-content-title, .title, .gui-account .gui-block-title strong { color: var(--headingsColor); font-family: var(--headings); margin: 0 0 15px 0; font-size: var(--headingsSize); text-transform:var(--headingsStyle); font-weight: var(--headingsWeight); } /*h1, .gui-page-title { margin-bottom: 18px; font-size: 28px; }*/ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: var(--headingsColor); text-decoration: none; font-weight: var(--bodyWeight); } a { background: none; color: inherit; text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; transition: all ease-in-out .25s;} a span { cursor: pointer; } a:hover{ color: var(--secondaryColor); } .color-green {color: var(--green);} .color-red {color: var(--red);} .color-yellow{ color: var(--yellow); font-weight: 600;} i.icon_w_text{ margin-right: 10px;} i.text_w_icon{ margin-left: 10px;} .container { margin-right: auto; margin-left: auto; padding:0 60px;width:100%;} .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;} .flex-align-center{ align-items:center;} .flex-wrap{ flex-wrap: wrap;} .flex-row{ flex-direction:row;} .flex-column{ flex-direction:column;} .flex-between{justify-content: space-between;} .flex1{flex:1;} .flex2{flex:2} .grid { display: grid; display: -ms-grid;} .grid-1-3{ grid-column: col 1 / span 1 ;} .grid-2-3{ grid-column: col 2 / span 3 ;} .grid.grid-2 { grid-template-columns: repeat(2, 1fr);} .grid.grid-3 { grid-template-columns: repeat(3, 1fr);} .grid.grid-4 { grid-template-columns: repeat(4, 1fr);} .grid.grid-5 { grid-template-columns: repeat(5, 1fr);} .grid.grid-6 { grid-template-columns: repeat(6, 1fr);} .grid.grid-9 { grid-template-columns: repeat(9, 1fr);} .grid.grid-12 { grid-template-columns: repeat(12, 1fr);} .grid.grid-minmax{grid-template-columns: repeat(auto-fill, minmax(min(11rem, 100%), 1fr));} .list-inline { padding-left: 0; list-style: none; display: flex; flex-direction: row; align-items: center; margin:0;} input[type="text"], input[type="password"] { border: 1px solid var(--border); width: 100%; height: 50px; padding: 0 15px; border-radius: var(--radius); filter: none; outline: 0; font-size: 14px; } textarea { border: 1px solid var(--border); width: 100%; padding: 15px; border-radius: var(--radius); filter: none; outline: 0; font-size: 14px; } ::placeholder { color: #000; opacity: 1;} :-ms-input-placeholder { color: #000;} ::-ms-input-placeholder { color: #000;} /*#footer input[type="text"]::placeholder,#footer input[type="text"].form-control::-webkit-input-placeholder, input[type="text"].form-control::-moz-placeholder, input[type="text"].form-control:-ms-input-placeholder, input[type="text"].form-control:-moz-placeholder { color: #fff; }*/ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important;} .dropdown-toggle{display:inline-block} .dropdown-css:hover .dropdown-menu{display:block} .dropdown-menu.pull-right{right:0;left:auto} .dropdown-menu.pull-left{left:0;right:auto} .dropdown > i,.dropdown-js > i{margin-left:5px} .dropdown-menu.show{display:block;opacity:1;visibility:visible} .goSmoothly { text-decoration: underline; color: var(--primaryColor); display: block; } .slick-track { margin-left: 0; } .custom-select select, .page-account select, .page-checkouts select { display: block; height: 48px; padding: 0 25px 0 10px; width: 100%; max-width: 100%; box-sizing: border-box; margin: 0; /* border: 0; */ border-radius: var(--radius); -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; position: relative; border: 1px solid #000; transition: all ease-in-out .25s; font-family: var(--fbold); font-size: 14px; background:transparent; } .custom-select select:hover, .page-account select:hover, .page-checkouts select:hover { border-color: #000; } .custom-select select, .page-account select, .page-checkouts select{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat,repeat;background-position:right 1em top 50%,0 0;background-size:.65em auto,100%} .custom-select select::-ms-expand, .page-account select::-ms-expand, .page-checkouts select::ms-expand{display:none} .custom-select select:focus{outline:none} .custom-select select option, .page-account select option, .page-checkouts select option{font-weight:600} .custom-select label { margin-bottom: 5px; display: block;} .select-dropdown{ position: relative;} .select-dropdown:hover .dropdown-menu, .tool.mini-cart.active .dropdown-menu { display: block; opacity: 1; visibility: visible;} .select-dropdown .dropdown-menu, .dropdown-menu, .dropdown-menu-js { display: none; padding: 15px 30px; -webkit-box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.15); 0 10px 10px -5px rgba(0, 0, 0, 0.15); position: absolute; width: auto; left: -30px; top: 100%; margin: 0; z-index: 99; background: #fff; background-clip: padding-box; visibility: hidden; opacity: 0;} .select-dropdown .dropdown-menu i { margin: 0 5px 0 0; font-size: .85em;} .select-dropdown .dropdown-menu a { white-space: nowrap; display: block;} .lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} img{opacity:1;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .img-responsive{display:block;max-width:100%;height:auto;vertical-align:middle;border:0} .greyed::after{content:'';position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.025);z-index:6} .greyed{height:100%;display:block;background:#fff} .pleasewait{width:100%;height:100%;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.75);position:absolute;z-index:99;display:none} .pleasewait .lds-eclipse{width:100%;height:100%;height:60px;width:60px;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)} .btn:focus{outline:0} .btn:hover{opacity:.8} .btn.fb, .gui-button-facebook { background: #617fb3; color: #fff; font-weight: 600; box-shadow: 0 2px 4px rgba(0,0,0,0.15);} .btn.fb i,.gui-button-facebook{font-size:20px;margin-right:5px} .btn { border: 0; height: 48px; background-color: transparent; font-family: var(--headings); font-weight: normal; position: relative; z-index: 0; padding: 0 48px; line-height: 48px; font-size: 14px; display:inline-block; cursor:pointer; } .btn:before{ content: ""; position: absolute; left: 0; right: 48px; top: 0; bottom: 0; background-clip: padding-box; background-repeat: no-repeat; z-index: -1; } .btn:after{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-clip: content-box; background-repeat: no-repeat; background-position: right; } .btn1 { color: var(--btn1Text);} .btn1::before { background: #000;} .btn1::after { background-image: url('rechthoek-black.svg?20230518150224');} .btn2 { color: var(--btn2Text); border:1px solid #000;} .btn2::before { background: #fff;} .btn2::after { background-image: url('rechthoek-white.svg?20230518150224');} .btn3 { color:#fff;} .btn3::before { background: #3676ef;} .btn3::after { background-image: url('rechthoek-blue.svg?20230518150224');} .btn4 { color: #000; height: 50px; line-height: 50px; border-width: 0; } .btn.btn4.select-wrap { padding: 0; /* min-width: 100px; */ cursor: pointer; } .btn.btn4.select-wrap .inner-btn { position: relative; right: 0; z-index: -1; left: auto; display: flex; align-items: center; padding: 0 0 0 20px; } .btn.btn4.select-wrap::before, .btn.btn4::before { content: ""; position: absolute; background-image: url('btn-links.svg?20230518150224'); background-size: 50px; background-repeat: no-repeat; background-position: top left; width: 2px; left: 0; right: auto; } .btn.btn4.select-wrap .inner-btn::after, .btn.btn4 .inner-btn::after { content: ""; background-image: url('btn-midden.svg?20230518150224'); background-size: 50px 50px; background-position: top center; height: 50px; position: absolute; top: 0; left: 1px; width: calc(100% - 50px); } .btn.btn4 > span { white-space: nowrap; } .btn.btn4.select-wrap select{opacity:0; visibility:hidden;} .btn.btn4.select-wrap .select2-container .select2-selection--single { height: 50px; } .btn.btn4.select-wrap .select2-container--default .select2-selection--single { border: 0; border-radius: 0; } .btn.btn4.select-wrap .select2-container .select2-selection--single .select2-selection__rendered { color: #000; line-height: 50px; } .btn.btn4.select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { height: 50px; } .btn.btn4.select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: transparent; border-style: unset; border-width: 0; height: 0; left: -10px; margin-left: -2px; margin-top: -2px; position: absolute; top: 0; width: 0; } .btn.btn4.select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b::after { content: "\e906"; font-family: oallery-font; font-size: .65em; } .btn4::after { background-image: url('btn-rechts.svg?20230518150224'); background-size: auto 50px; background-repeat: no-repeat; width: 50px; left: auto; right: 0; } /*.bigdrop{min-width:100px;!important}*/ .select2-results__option { } /*.btn4 > span { background-image: url('btn-midden.svg?20230518150224'); background-size: 50px 50px; background-position: top center; height: 50px; display: flex; align-items: center; } .btn4::before { background-image: url('btn-links.svg?20230518150224'); background-size: 50px; background-repeat: no-repeat; background-position: top left; width: 50px; } .btn4::after { background-image: url('btn-rechts.svg?20230518150224'); background-size: auto 50px; background-repeat: no-repeat; width: 50px; left: auto; right: 0; }*/ /* .btn.btn4.custom-select { display: flex; align-items: center; padding-left: 20px; border: 0; position: relative; cursor: pointer; }*/ .btn.btn4.custom-select select { /*opacity: 0; height: 50px; margin-right: 0; border: 0; background: none; padding: 0; width: auto; visibility: hidden;*/ display:none; } .btn.btn4.custom-select > span { white-space: nowrap; } /*.select2-container { position: unset!important; }*/ .sselect-dropdown { /*position: absolute; left: 0; right: 0; width: 100%; top: 100%; z-index: 9999; background: #fff; text-align: left;*/ } /*.sselect-dropdown .select2-container { left: 0 !important; width: 100%; } .sselect-dropdown .select2-container .select2-results__option { font-size: 1em; line-height: 1; } .btn.btn4.custom-select:hover { opacity:1; } .btn.btn4.custom-select .label { position: relative; left: auto; right: auto; top: auto; bottom: auto; }*/ .btn.btn4.custom-select::before { width: 20px; } .btn.btn4.custom-select i { position: absolute; right: 15px; font-size: .65em; } .btn.btn4.custom-select .select2-container--default .select2-selection--single { border: 0; border-radius: 0; } .btn.btn4.custom-select .select2-container--default .select2-selection--single .select2-selection__arrow { display: none; } .btn.btn4.custom-select .select2-container--default .select2-selection--single { border: 0; border-radius: 0; height: 46px; } .btn.btn4.custom-select .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; line-height: 46px; padding-right: 0; } /*.btn.btn4.custom-select .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 0; }*/ @font-face{font-family:'oallery-font';src:url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");font-weight:400;font-style:normal;font-display:block}[class^="icon-"],[class*=" icon-"]{font-family:'oallery-font'!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cart-:before{content:"\e903"}.icon-facebook:before{content:"\e907"}.icon-instagram:before{content:"\e908"}.icon-whatsapp:before{content:"\e909"}.icon-checkmark:before{content:"\e901"}.icon-Star-Empty:before{content:"\e902"}.icon-cart:before{content:"\e900"}.icon-bezorging:before{content:"\e904"}.icon-cross:before{content:"\e905"}.icon-down-arrow:before{content:"\e906"}.icon-down-long:before{content:"\e90e"}.icon-heart1:before{content:"\e90f"}.icon-left-long:before{content:"\e934"}.icon-left:before{content:"\e935"}.icon-menu1:before{content:"\e936"}.icon-plus:before{content:"\e937"}.icon-right-long:before{content:"\e938"}.icon-right:before{content:"\e939"}.icon-search1:before{content:"\e93a"}.icon-star-full:before{content:"\e93b"}.icon-star-half:before{content:"\e93c"}.icon-up-arrow:before{content:"\e93d"}.icon-up:before{content:"\e93e"}.icon-user:before{content:"\e93f"}.icon-logo-black:before{content:"\e940"}.icon-logo-white .path1:before{content:"\e941";color:#01112c}.icon-logo-white .path2:before{content:"\e942";margin-left:-5em;color:#fff}.icon-logo-white .path3:before{content:"\e943";margin-left:-5em;color:#fff}.icon-logo-white .path4:before{content:"\e944";margin-left:-5em;color:#fff}.icon-logo-white .path5:before{content:"\e945";margin-left:-5em;color:#fff}.icon-logo-white .path6:before{content:"\e946";margin-left:-5em;color:#fff}.icon-logo-white .path7:before{content:"\e947";margin-left:-5em;color:#fff}.icon-logo-white .path8:before{content:"\e948";margin-left:-5em;color:#fff}.icon-hoekje-klein-blauw:before{content:"\e949"}.icon-hoekje-klein-zwart:before{content:"\e94a"}.icon-rechthoek-black:before{content:"\e94b"}.icon-rechthoek-blue:before{content:"\e94c"} .btn.disabled{opacity:.4;pointer-events:none} .abs-link{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5} #ts_product_widget { display: none; } .shop-score .item-rating > span { margin-right: 2px; } .shop-score .item-rating { margin-right: 10px; } .shop-score .text { margin-left: 0; text-transform: uppercase; } #top {background:#10188c;color:#ffffff; position: relative; z-index: 99;} #top .top { height: 35px; font-size: .85em; text-transform: uppercase; } #top .usp-car{ justify-content: center;} #top .usp { padding: 0 15px; } #top .shop-score{ position: relative; } #top .top .usp i{color:;} #top .slick-slide:nth-child(2) { text-align: center;} #top .slick-slide:nth-child(3), #top .slick-slide:last-child{ text-align: right;} #top .settings { padding-left: 15px; cursor: pointer; line-height: 32px;} #top .settings .dropdown-menu a { color: #000; } #top .settings img { border-radius: 100%;} #top .settings.langs { height: 32px; display: flex;} #header .header { border-bottom: 1px solid #E8E8E8; padding: 22px 0; } #header { position: sticky; top: -1px; z-index: 98; background: #ffffff; transition: all ease-in-out .25s; } #header.is-sticky { box-shadow: 0 1px 25px rgba(0,0,0,.05);} #header .logo i { font-size: 2.2em;} #header .tool { padding: 0 0 0 10px; min-width: 60px; cursor: pointer;} #header .tool .small-lable { font-size: .75em;} #header .tool i { font-size: 1.4em; /* margin-bottom: 4px; */ } #header .tool.settings .select-dropdown .dropdown-menu { padding: 15px; left: -5px; } #header .tool.settings .select-dropdown { justify-content: center; } #header .tool .icon-search1 { font-size: 1em; } #header .search { padding: 0 80px;} #header .i-wrap { position: relative;} #header .tool .ccnt { border-radius: 100%; background: #C41429; width: 18px; height: 18px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: .65em; position: absolute; right: -15px; top: -5px; font-weight: 600; } #header .tool.mini-cart .dropdown-menu { right: 0; left: auto; padding-right: 0; cursor: auto;} #header.square .header { padding: 0;} #header.square .search { padding: 0 60px;} #header.square #menu { margin-top: 10px; position:unset;} #header.square .inner-head { display: flex; flex-direction: column; justify-content: space-between; height: 110px;} #header.square .tools-wrap { padding-top: 10px;} .notbar { padding: 8px 0; font-weight: var(--headingsWeight); display: none; position: absolute; width: 100%; z-index: 2;} .notbar i{ width: 32px; height: 32px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-style: normal; color:;align-self:flex-start;cursor: pointer;margin-left:15px;} .notbar p { margin: 0;} #menu { background: #ffffff;position:relative;} #menu .menu { z-index: 1; width: 100%; justify-content: center; position: relative; border-bottom: 1px solid rgba(0,0,0,.1); } .main-container.at-home #menu .menu { border-bottom: 0; } #menu .menu .item > a { padding: 20px; /* font-weight: 600; */ display: block; line-height: 24px; font-size: 16px; } #menu .item.is_sale { color: red; text-transform: uppercase; } #menu .sub i { color: rgba(0,0,0,.4); font-size: .65em; margin-left: 12px; } #menu .menu .item .nav-label, .mob-men-slide .nav-item .nav-label { background: #eb0037; padding: 2px 15px; color: #fff;} #menu .menu .item:hover { background: #fff;} #menu .menu 0 10px 10px -5px rgba(0, 0, 0, 0.15).item.sub:hover > a { color: var(--primaryColor);} #menu .menu .item.sub:hover > .dropdown-menu { visibility: visible; opacity: 1; display: block;} #menu .dark { display: none; position: fixed; left: 0; right: 0; top: 0; z-index: -1; height: 100vh; background: rgba(0,0,0,0.15);} #menu .menu .item:hover ~ .dark { display: block;} #menu .menu .item:first-child > a { padding-left:0;} #menu .mega-menu .col { padding: 0 15px; } #menu .mega-menu .col:first-child { padding-left: 0;} #menu .mega-menu .col:last-child { padding-right: 0;} #menu .mega-menu .title { font-size: 16px; font-weight: normal; } #menu .mega-menu .col a { margin-bottom: 15px; display: block; } #menu .mega-menu .col a:hover { text-decoration: underline; color: var(--bodyText); } #menu .menu .item.other a { color: rgba(0,0,0,.4); } #menu .mega-menu .subtitle { margin-bottom: 5px;} #menu .mega-menu .col .btn { margin-top: auto;} #menu .mega-menu .subtitle.last { margin-bottom: 45px;} #menu .mega-menu { width: 80%; left: 10%; background: #f9f9fa; padding: 50px 110px; right: 10%; } #menu .mega-menu .col.brand1 .title, #menu .mega-menu .col.brand2 .title { margin-top: 15px; } #menu.menu_style1 .menu .item{ position: relative; background: #f9f9fa;} #menu.menu_style1 .menu .item .dropdown-menu { padding: 15px 0 30px 0;} #menu.menu_style1 .sub-item-title { font-weight: var(--headingsWeight);} #menu .menu .item.sub:hover > .dropdown-menu { visibility: visible; opacity: .98; display: block;} #menu.menu_style1 ul ul li .dropdown-menu.ss, #menu.menu_style1 ul ul li .dropdown-menu.sss { top: -15px; left: 100%;} #menu.menu_style1 ul ul li:hover > .dropdown-menu.ss { visibility: visible; opacity: 1; display: block; } #menu.menu_style1 ul ul ul li:hover > .dropdown-menu.sss { visibility: visible; opacity: 1; display: block;} #menu.menu_style1 .dropdown-menu ul{margin-bottom:0;} #menu.menu_style1 .dropdown-menu ul li { padding: 7.5px 30px; position: relative;} #menu.menu_style1 .dropdown-menu ul li.cat-l { margin-top: 30px;} .menu--overlay.open { background-color: rgba(0,0,0,0.15); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 11; transition: all ease-in-out .25s;} #menu .mega-menu .brandlist { -webkit-columns: 4 150px; -moz-columns: 4 150px; columns: 4 150px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } /* #headlines, .slide-item { background-position: center center; background-repeat: no-repeat; background-size: cover;} #headlines .item-1 { background-image: url('slide1-image.jpg');} #headlines .item-2 { background-image: url('slide2-image.jpg');} #headlines .item-3 { background-image: url('slide3-image.jpg');} #headlines .slick-dotted.slick-slider { margin-bottom: 0;} #headlines.fullwidth .banner-text, #headlines.fullscreen .banner-text { padding: 30px 0;} #headlines.banner .text-wrap.contrast { min-width: 25%;} #headlines .slick-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main-slider { position: relative; width: 100%; height: 100%; min-height: 400px; opacity: 0; visibility: hidden; -webkit-transition: all 1.2s ease; transition: all 1.2s ease; } #headlines.slick-dotted.slick-slider { margin-bottom: 0; } .main-slider.slick-initialized { opacity: 1; visibility: visible; } #headlines .slick-slide { position: relative;} #headlines.fullscreen .slick-slide, #headlines.fullscreen .slick-slide .slide-image{ height: calc(100vh - 142px);} #headlines.fullwidth .slick-slide, #headlines.fullwidth .slick-slide .slide-image{ height: 400px;} #headlines.fullscreen .banner-text {height: calc(100vh - 160px);} #headlines.fullwidth .banner-text { height: 400px;} #headlines .slick-slide::before { background-color: #000; opacity: .3; z-index: 1; } #headlines .slick-slide video { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #headlines .slick-slide iframe { position: relative; z-index:999999; } #headlines .slick-slide figure { position: relative; height: 100%; } #headlines .slick-slide .slide-image { opacity: 1; height: 100%; background-size: cover; background-position: center; -webkit-transition: all .8s ease; transition: all .8s ease; position: absolute; width: 100%; } #headlines .slick-slide .slide-image.show { opacity: 1; } #headlines .slick-slide .image-entity { width: 100%; opacity: 0; visibility: hidden; } #headlines .slick-slide .loading { position: absolute; top: 44%; left: 0; width: 100%; } #headlines .slick-slide.slick-active { z-index: 1; } #headlines .slick-dots { text-align: center; padding-top: 15px; bottom: 10px; } #headlines .slick-dots li { display: inline-block; vertical-align: top; margin: 0 8px; } #headlines .slick-dots li button { width: 16px; height: 16px; border: none; cursor: pointer; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 0 transparent; vertical-align: middle; color: #fff; background-color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: .4; } #headlines .slick-dots li button:focus { outline: none; } #headlines .slick-dots li button:hover { opacity: 1; } #headlines .slick-dots li.slick-active button { border-color: #2d3042; box-shadow: 0 0 0 2px #fff; opacity: 1; }*/ /* search*/ #header .search { padding: 0; position: absolute; bottom: 0; height: 64px; width: 100%; border-bottom: 2px solid #000; background: #fff; z-index: 2; display:none; } .clearable-input { position: relative;} .clearable-input > input { border: 0; height: 64px; background: transparent; /* font-size: 2em; */ font-family: var(--fant); font-size: 16px; } .search button { background: transparent; font-size: 1.4em; } .clearable-input > [data-clear-input] { display: none; position: relative; top: 0; right: -30px; font-size: 1.4em; background: #fff; } .clearable-input > input::-ms-clear{display:none} .autocomplete { top: 64px; box-shadow: 0 5px 10px rgba(0,0,0,.05); z-index: 10; width: 100%; position: relative; margin: 0; opacity: 1; visibility: visible; display: none; position: absolute; left: 0; padding: 30px; background: #fff; /* height: 64px; */ } .autocomplete .products { grid-column-gap: 20px; grid-row-gap: 20px;} .autocomplete .products .item .item-image-container img { padding: 10%;} .autocomplete .products .item .item-meta-container { height: 100%;} .autocomplete .products .item .btn.btn3 { margin-top: auto;} .autocomplete .products .item .item-image-container { overflow: visible;} .autocomplete .products .reviews-wrap { height: 100%; justify-content: space-between;} .autocomplete .notfound, .autocomplete .more { display: none;} .autocomplete.noresults .notfound { display: block;} .autocomplete .more, .autocomplete.noresults .notfound{ text-align: center; margin-top: 30px;} /* mini cart */ .mini-cart .widget_content { width: 334px; max-height: 334px; overflow-y: auto; padding-right: 30px;} .mini-cart .total { padding: 20px 30px 20px 0;} .mini-cart .cart-info::before { content: ""; border-top: 1px solid var(--border); width: 100%; left: 0; position: absolute;} .mini-cart .shipc { font-weight: 600;} .mini-cart .total .btn.btn1 { margin: 15px 0;} .mini-cart .pqty { border-radius: 100%; background: var(--primaryColor); font-style: normal; color: #fff; font-size: .65em !important; width: 16px; height: 16px; display: inline-flex; justify-content: center; align-items: center;} .mini-cart .item.no-products { padding: 30px 0;} .mini-cart .item .item-image-container { height: 80px;} .mini-cart .total .btn.btn3 { margin: 30px 0 10px 0;} #header .mini-cart .total .btn.btn3 i { position: absolute; right: 10px; top: 18px; font-size: .85em;} .mini-cart .view-cart.btn.btn2 { margin-top: 10px;} .item.item-list.small-list { margin-bottom: 15px; border-bottom: 1px solid var(--border); padding-bottom: 15px;} .item.item-list.small-list:last-child { border: 0;} .item.item-list.small-list a { white-space: normal;} .item.item-list.small-list .delete-item:hover { text-decoration: underline;} .item.item-list.small-list .item-meta-container { padding: 0 0 0 20px; font-size: .85em; background: transparent;} .item.item-list.small-list .item-image-container { width: 80px; padding: 2%;} /* banners */ .banner-area .banner {position: relative;} .banner-area .wrap { margin: 0 -15px; } .banner-area .wrap .banner { padding: 0 15px; display: flex; flex-direction: column; } .banner-area .wrap .banner-inner { flex: 1; } .banner-area .wrap .banner .banner-text { padding: 30px; align-items: center; flex: 1; justify-content: center; /* align-items: center; */ } .banner-area .wrap .banner .maintitle { margin-bottom: 18px; font-size: 2.2em; /* font-weight: 900; */ font-family: var(--fbold); text-align: center; } .banner1 .banner-inner{ background-color:#f9f9fa;} .banner1 .maintitle{ color: #000000; } .banner1 .subtitle{ color: #555555; } .banner2 .banner-inner{ background-color:#f9f9fa;} .banner2 .maintitle{ color: #000000; } .banner2 .subtitle{ color: #000000; } .banner2 .banner-btn{ background: #000000; color: #ffffff;} .banner3 .banner-inner{ background-color:#f9f9fa;} .banner3 .maintitle{ color: #000000; } .banner3 .subtitle{ color: #999999; } .banner3 .banner-btn{ background: #000000; color: #ffffff;} /*.banner4 .banner-inner{ background-color:;} .banner4 .maintitle{ color: #000000; } .banner4 .subtitle{ color: #999999; } .banner4 .banner-btn{ background: #000000; color: #ffffff;} .banner5 .banner-inner{ background-color:; } .banner5 .banner-img{ background-color:;} .banner5 .maintitle{ color: #000000; } .banner5 .subtitle{ color: #999999; } .banner5 .banner-btn{ background: #000000; color: #000000;} .banner6 .banner-inner{ background-color:#f9f9fa;} .banner6 .banner-text{ color: #000000;} .banner6 .banner-btn{ background: #000000; color: #000000;} .banner7 .banner-inner{ background-color:#f9f9fa;} .banner7 .banner-text{ color: #000000;} .banner7 .banner-btn{ background: ; color: ;} .banner8 .banner-inner{ background-color:;} .banner8 .banner-text{ color: #000000;} .banner8 .banner-btn{ background: ; color: ;}*/ .banner-area.pop-brands .carousel-wrap { position: relative; } .banner-area.pop-brands .carousel-controls { display: none; } .banner-area.pop-brands figure { height: 670px; background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; position:absolute; } .banner-area.pop-brands .slide-item { height: 670px; position: relative; } .banner-area.pop-brands .banner-text { position: relative; display: flex; flex-direction: column; padding: 30px; justify-content: center; align-items: center; height: 670px; } .banner-area.pop-brands .text-wrap { width: 50%; color: #fff; align-items: center; text-align: center; } .banner-area.pop-brands .text-wrap .maintitle { font-family: var(--fbold) ; font-size:3em; margin-bottom:20px; } .banner-area.pop-brands .text-wrap .subtitle { line-height:24px; margin-bottom:30px; } .banner-area.single-brand{ padding:90px 0; } .banner-area.single-brand .brand-img figure{ background-size: cover; background-repeat: no-repeat; background-position: center center; width: 100%; position: absolute; height:580px; margin: 0; } .banner-area.single-brand .column-wrap { margin: 0 -15px 0 0; } .column.brandprod.flex1.flex.flex-wrap { margin: 0 0 0 -15px; min-height: 100%; } .column.brandprod .item:first-child, .column.brandprod .item:nth-child(2) { padding-top: 0; } .column-wrap .column:nth-child(2) { margin-left: 15px; } .banner-area.single-brand .brand-txt { padding: 60px 40px; background: #F9F9FA; } .banner-area.single-brand .title { font-size: 2em; display: block; margin:0; } .brand-txt .text-overflow { height: 4em; position: relative; overflow: hidden; } .banner-area.single-brand .brand-txt .text-overflow { margin: 20px 0; } .brandprod .item { padding: 15px; flex: 1 1 50%; } .banner-area.single-brand { padding: 40px 0; } .banner-area.single-brand .btn-overflow { background: #F9F9FA; bottom:0; padding-left:0; } .banner-area.single-brand .column-wrap { margin: 0; } .banner-area.single-brand .brand-txt { padding: 30px 20px; background: #F9F9FA; } .banner-area.single-brand .brand-txt .text-overflow { height: 100%; } .banner-area.single-brand .btn-overflow { display:none; } #brands .carousel-wrap .item { flex: unset; padding: 0; position: relative; } .home-block .header { margin-bottom: 25px;} .home-block .header .title { font-size: 2em;} .home-products .header .tab { font-weight: 600; cursor: pointer; margin-left: 20px;} .home-products .header .tab.active .banner-btn { border: 0; color: var(--primaryColor);} .home-products { padding: 90px 0;} .home-products .slick-slide { padding: 0 15px; } .home-products .carousel-wrap { position: relative;} .home-products .carousel{position: initial;} .home-products .slick-arrow { position: absolute; left: -30px; top: 50%; margin-top: -25px; padding: 0; width: 48px; } .home-products .slick-arrow.sl-next{ right: -30px; left: auto; } .home-products .slick-list { /* overflow: visible; */ margin: 0 -15px; } .btn.btn1.sl-next.slick-arrow i { padding-left: 15px; } .btn.btn1.sl-prev.slick-arrow i { padding-left: 15px; } /*.slick-arrow.slick-disabled { opacity: 0;}*/ .home-products .carousel .slick-slide .item, .home-products .carousel .slick-slide .banner { opacity: .05; pointer-events: none;} .home-products .carousel .slick-slide.slick-active .item, .home-products .carousel .slick-slide.slick-active .banner { opacity: 1; pointer-events: unset;} #categories .banner-img { position: relative; height: auto;} #categories .banner-img .abs-link { z-index: 7;} #categories .banner-img.s1 img { width: 100%; height: auto;} #categories .banner-img.s2 img { padding: 10%; width: 100%;} #categories .text-wrap .subtitle { font-size: .85em; color: #888; font-weight: 400;} #categories .banner-text { padding: 10px; background: #fff; height: auto;} #categories .banner .banner-text .maintitle { font-size: 1em; font-weight: 900;} #categories .banner-img .s2 { padding: 15%;} #categories.grid { grid-row-gap: 20px; grid-column-gap: 20px;} #categories .banner .more { color: var(--primaryColor); margin-top: 15px;} #categories .banner .more i { font-size: .85em; vertical-align: middle;} .page-container.catalog { padding: 60px 0;} .subs { width: 100%;} .subs a img { margin-right: 2%; padding: 2% 2% 2% 0; width: 60px;} .subs figure { margin: 0; border-bottom: 1px solid var(--border); padding: 1% 0;} .subs figure em { font-size: .85em; color: #999; margin-left: 5px;} #insta { padding: 90px 0 0 0; } #insta.home-products .slick-slide { padding: 0; position: relative; /* margin-right: 3px; */ padding: 3px 3px 0 3px; } #insta .liked_by { position: absolute; left: 20px; right: 0; bottom: 20px; font-weight: 600; color: #000; opacity: 0; visibility: hidden;} #insta .slick-slide img { display: block; width: 100%; height: auto;} #insta .slick-slide:hover img { opacity:.15} #insta .slick-slide:hover .liked_by { opacity: 1; visibility: visible;} #insta .carousel-controls.flex.flex-between { position: absolute; height: 100%; width: 100%; left: 0; right: 0;} #insta .slick-arrow { top: 50%;} #brands { background: #000; padding: 55px 0; } #brands .header .title { font-size: 2em; color: #fff; } #brands .slick-arrow { top: 50%;} #brands .slick-arrow { left: -25px;} #brands .slick-arrow.sl-next { left:auto; right: -25px;} #blog .blog-article { padding: 0 15px; } #blog .blog-article .article-inner{position:relative;overflow:hidden} #blog .blog-article .blog-grid-image { position: relative; margin-bottom: 30px; display: block; } #blog .blog-article .img-wrap { height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; height: 270px; object-fit: cover; } #blog .blog-article .title { font-size: 28px; line-height: 36px; margin: 0; min-height: 4em; } #blog .meta > p { margin: 15px 0; } #blog .banner-btn.trans { font-family: var(--fant); } /*#blog .btn.btn4.visible-mobile { display: inline-block; }*/ #footer .footer-usps { border-top: 1px solid #e7e7e7; padding: 15px 0;} #footer .usp-text { font-weight: 900;} #footer .usp i, .product-content .product-usps i{color:;} #footer .usp { text-align: center;} #footer .footer-newsletter{background:#000000; color:#ffffff;margin-top:30px;} #footer .footer-newsletter .newslet { padding: 50px 0px; flex: 4; } #footer .tagline { font-size: 24px; /* font-weight: 900; */ line-height: 32px; font-family: var(--fbold); } #footer .subtext { display: block; } #footer .newsl-titles { flex: 1; } #footer .nlwrap { border-bottom: 1px solid #fff; width: 100%; } #footer .form-control { height: 48px; padding: 0 25px; /* margin: 0 15px; */ background: rgba(255,255,255,.1); border: 0; color: #fff; width: 25%; margin-left: 70px; } .form-control::-webkit-input-placeholder { color: #fff;} .form-control:-moz-placeholder { color: #fff; opacity: 1;} .form-control::-moz-placeholder { color: #fff; opacity: 1;} .form-control:-ms-input-placeholder { color: #fff;} #footer .footer-newsletter .btn { height: 48px; border: 0; } #footer .footer-service {background:#000000; color:#ffffff;padding:45px 0;} #footer .title { display: block;} #footer .footer-service .service-block{ flex: 1 1 50%; margin-bottom: 15px;} #footer .service-block .serv-icon, .customer-service .service-block .serv-icon{ width: 48px; height: 48px; display: flex; border: 2px solid #ffffff; border-radius: 100%; justify-content: center; align-items: center; font-size: 1.2em;} #footer .service-block .text span, .customer-service .service-block .text span{ display: block; font-weight: 600;} #footer .service-block .text, .customer-service .service-block .text{ margin-left: 10px;} #footer .service-block a, .customer-service .service-block a { text-decoration: underline;} #footer .footer-company img { margin-right: 45px; position: relative; top: -25px; max-height: 130px;} #footer .footer-company .no-cust-img img { position: unset; max-height: unset; top: unset;} #footer .icon-pin { font-size: 1.6em; align-self: center; margin-right: 5px;} #footer .socials { /* margin-left: 45px; */ justify-content: flex-end; } #footer .socials .title { margin: 0 15px 0 0; color: #fff; }#footer .footer-newsletter .newslet { padding: 50px 0px; flex: 4; } #footer .socials .text { font-size: 24px; font-family: var(--fbold); } #footer .socials .text > a { margin-right: 10px;} #footer .footer-company .container { padding: 15px 60px;height:80px;} #footer .footer-company .container > .text { padding: 0 15px;} #footer .copyright{background:; color:;} #footer .copyright .container { padding: 0 60px; font-size: 14px; } #footer .copyright a { margin: 0 5px; text-decoration: underline;} #footer .payments .container { justify-content: center; padding: 15px;flex-wrap:wrap;} #footer .footer-service .title { margin-bottom: 0; color: #fff; font-size: 24px; line-height: 32px; margin-bottom: 24px; font-weight: normal; } #footer .footer-service .opening { display: block;} .service .wrap { margin-top: 10px;} #footer .cust-service a, #footer .service a { margin-bottom: 20px; } #footer .cust-service .icon-logo-black { font-size: 1.6em; margin-bottom: 24px; /* height: 22px; */ margin-top: 7px; } .copy-inner { padding:35px 0; border-top: 1px solid #fff; } .payments { background: #fff; height: 50px; } #footer .copy-links p { margin: 0 10px 0 0; } .tab-page.active{opacity:1;visibility:visible;display:block} .tab-page{display:none;visibility:hidden;opacity:0;transition:opacity .8s,-webkit-transform .8s;transition:opacity .8s,transform .8s;transition:opacity .8s,transform .8s,-webkit-transform .8s} #breadcrumb-container{font-size:.75em} .breadcrumb{display:flex;flex-direction:row;align-items:center} .breadcrumb .go-back-mobile{margin-right:20px;background:#eee;border-radius:3px;padding:10px;box-shadow:0 0 0 transparent;font-size:.85em;line-height:.85em} .breadcrumb .go-back-mobile i{margin-right:5px;vertical-align:middle;margin-left:0} .breadcrumb li{margin-right:5px} .breadcrumb li i{font-size:.55em;margin-left:5px} .breadcrumb .active a{font-weight:600} /* collection titles */ .collection-title { border-bottom: 1px solid rgba(0,0,0,.1); padding: 10px 0; margin-bottom: 30px; } .collection-title h1 { font-size: 36px; flex: 1; line-height: 44px; margin: 0; } .collection-title .breadcrumb-container.flex.flex-align-center { flex: 0 1 25%; padding-right: 30px; } .collection-title .col-img { background-size: cover; background-position: center; background-repeat: no-repeat; clip-path: polygon(100px 0, 100% 0px, 100% 100%, 0px 100%); } .collection-title .subcats a { border: 1px solid var(--border); padding: 5px 15px; margin-right: 5px; font-size: .85em; font-weight: 600; text-align: center; } .collection-title p { margin-bottom: 15px; } .breadcrumb-container a{font-size:.85em;white-space:nowrap;} .breadcrumb-container a i { padding: 0 9px; font-size: .55em; } .breadcrumb-container .go-back { margin-right: 15px;} .breadcrumb-container .go-back i { padding: 0;} .breadcrumb-container .active { font-weight: 600; text-decoration: underline; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* toolbar */ .subcats { } .subswrap { } .subcats a { margin-right: 10px; /* text-decoration: underline; */ border: 1px solid #E7E7E7; height: 40px; line-height: 40px; padding: 0 20px; border-radius: 20px; font-size: 14px; font-family: var(--fbold); margin-bottom: 10px; } .subcats a.active { color: var(--primaryColor);} .category-toolbar { margin: 15px 0; justify-content: flex-end;} .category-toolbar .select-wrap { margin-left: 15px; } /*.category-toolbar select { border-width: 0; height: 40px; width: auto; }*/ /*.category-toolbar .filter-trigger { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.4);} .category-toolbar .col-c { font-size: .85em; color: #999; margin-right: 15px; padding-right: 15px; border-right: 1px solid var(--border);} .category-toolbar .sort_lable { font-size: .85em; margin-right: 5px;}*/ /*.category-toolbar .view-count-box { margin: 0 15px; display: flex; align-items: center; padding: 0 10px; } .category-toolbar .btn.btn2.sort-box.custom-select { padding: 0 10px; display: flex; align-items: center; } .category-toolbar .view-box { font-size: .85em;} .category-toolbar .view-box a:first-child { margin-right: 5px;}*/ .with-sidebar .category-toolbar { justify-content: flex-end;} .toolbox-pagination {margin-top:60px;} .toolbox-pagination .pagination { width: 100%; } .toolbox-pagination .pagination p { margin: 0; /* justify-content: center; */ text-align: center; font-size: 24px; font-family: var(--fbold); line-height: 32px; } .toolbox-pagination .pagination .btn { width: 48px; padding: 0; text-align: center; } .products-area { grid-column-gap: 20px; grid-row-gap: 40px;} /* filters */ #popup-filters .filter { padding: 0 30px;} #popup-filters .btn.btn-filter { background: transparent; border: 0; text-align: left; padding: 0; font-size: 1em;} #popup-filters .btn.btn-filter i { display: none;} #popup-filters .filter-wrap { margin-bottom: 5px;} #popup-filters .sidebar-filter-range { position: relative; top: 40px; padding: 0;} #popup-filters .noUi-target { width: 160px;} /* filters side */ .filters-aside .filter .title { border: 0; padding: 0; margin-bottom: 20px; font-family: var(--fant); font-size: 16px; } .filters-aside .filter .title i { font-size: .65em; } .filters-aside .filter .inner { margin: 0; margin-bottom: 20px; display:none; } .filters-aside .filter.active .title i{transform:rotate(180deg)} .filters-aside .filter.active .inner{display:block;} .filters-aside .filter .filter-wrap { margin-bottom: 10px;} .filters-aside .filter label:hover { text-decoration: underline; color: var(--primaryColor);} .sidebar-filter { width: 100%;} #slider-step-value { width: 100%; margin-bottom: 0px; display: block;} .filters .price-btn { margin-top: 40px;} .filter.dropdown.pricing .inner { background: #f9f9f9; padding: 15px 30px;} .filters-aside .submit_filters { display: none;} .filters_active{margin-bottom:15px} .filters_active .title { display:block ;} .filters_active ul li { padding: 5px 2.5px;} .filters_active input{display:none} .filters_active label { padding: 5px 10px; cursor: pointer; font-size: .85em; border: 1px solid #000; } .filters_active .remove-filters{text-decoration:underline} .widget .accordion-menu a.toggle{font-size:1em;font-weight:600} .widget .custom-title.toggle a,.active .active .custom-title.toggle a{display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-self:stretch;align-content:center} .widget .custom-title.toggle a i{font-size:.3em} .accordion-menu .inner{padding-left:10px} /* sidebar */ .mobile-menu-side { width: calc(25% - 30px); margin-right: 30px; } .mobile-menu-side .side-inner { background: #f9f9fa; padding: 30px 20px; } .mobile-menu-side .title { font-family: var(--fbold); font-weight: normal; font-size: 18px; line-height: 26px; border-bottom: 2px solid #000; padding-bottom: 15px; margin-bottom: 20px; } .page-container .main-content.with-sidebar .inner-content { flex: 0 1 75%; } .page-container:not(.collection) .main-content.with-sidebar {padding: 30px 0;} .mobile-menu-side .widget.textpage { } .mobile-menu-side .widget.textpage ul { margin: 0;} .sidebar-filter-range{position:relative;left:0;top:40px;padding:0 5px} .noUi-horizontal.noUi-extended{padding-right:18px} .noUi-horizontal{height:8px} .noUi-horizontal .noUi-handle-upper .noUi-tooltip{left:-1px} .noUi-horizontal.noUi-extended .noUi-origin{right:-32px} .noUi-horizontal.noUi-extended .noUi-handle{left:-1px} .checkbox, .gui-checkbox, .gui-radio { position: relative; display: flex;} .checkbox label,.gui-checkbox label,.gui-radio label{padding-left:30px;font-weight:400} .checkbox [type="checkbox"]:checked + label::before,.checkbox [type="radio"]:checked + label::before,.gui-checkbox [type="checkbox"]:checked + label::before{background-color:rgba(55,55,55,0.03)} .checkbox [type="checkbox"]:not(:checked),.checkbox [type="radio"]:not(:checked),.checkbox [type="checkbox"]:checked,.checkbox [type="radio"]:checked, .gui-checkbox input[type="checkbox"]:not(:checked), .gui-checkbox input[type="checkbox"]:checked{display:none} .checkbox [type="checkbox"]:not(:checked) + label,.checkbox [type="radio"]:not(:checked) + label,.checkbox [type="checkbox"]:checked + label,.checkbox [type="radio"]:checked + label,.gui-checkbox [type="checkbox"]:not(:checked) + label,.gui-checkbox [type="checkbox"]:checked + label{position:relative;padding-left:30px;cursor:pointer;line-height:22px;font-weight:400} .checkbox [type="checkbox"]:not(:checked) + label::before, .checkbox [type="radio"]:not(:checked) + label::before, .checkbox [type="checkbox"]:checked + label::before, .checkbox [type="radio"]:checked + label::before, .gui-checkbox [type="checkbox"]:not(:checked) + label::before, .gui-checkbox [type="checkbox"]:checked + label::before{ border: 2px solid rgba(84,84,84,0.15); border-radius: 2px; content: ""; height: 22px; left: 0; position: absolute; top: 0; width: 22px; background: #fff; } .checkbox [type="radio"]:checked + label::after, .checkbox [type="checkbox"]:checked + label::after, .gui-checkbox [type="checkbox"]:checked + label::after { border-radius: 2px; color: #fff; content: "\e905"; font-family: oallery-font; font-size: .65em; left: 0; line-height: inherit; position: absolute; top: 0; transition: all .2s ease 0; color: #fff; background: #000; width: 22px; text-align: center; height: 22px; line-height: 22px; } .sidebar-box-filter.checkbox label:hover,.category-filter a:hover{text-decoration:underline} .item .item-image-container.borderless figure{padding:0} .item .item-image-container figure{text-align:center;position:relative;z-index:2} .item.item-catalog .item-image-container figure{padding:25px 25px 0} .item.with-sec-image .item-image-container .sec-image{visibility:hidden;opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;padding:25px} .item.with-sec-image .rect.borderless.item-image-container .sec-image{padding:0} .item .item-image-container img{z-index:1;transition:all ease-in-out .3s;display:block;max-width:100%;height:auto;vertical-align:middle;background:#e9e9eb;width:100%;} .item .images li img,.product-images .item{padding:15%;display:block} .item .images .borderless li img{padding:0} .item .item-image-container .borderless img{height:auto;width:100%} .item .item-image-container .s-img { position: absolute; transition: all ease-in-out .25s; visibility: hidden; opacity: 0;} .item.images-initialized:hover .s-img { visibility: visible; opacity: 1;} .item .images{height:100%;width:100%;background:#fff} .item-grid .item{margin-bottom:10px} .item-name { /* font-weight: 900; */ font-family: var(--fant); font-size: 16px; height: 3em; display: block; } .item .item-image-container { overflow: hidden; position: relative; } .item .item-image-container img { z-index: 1; transition: all ease-in-out .3s; display: block; max-width: 100%; height: auto; vertical-align: middle; } .item .item-image-container .s-img { position: absolute; transition: all ease-in-out .25s; visibility: hidden; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; } .item .item-meta-container { padding: 20px 0; background: #fff; } .item .variant { color: rgba(0,0,0,.4); } .item .old-price,#product .old-price,.products-livesearch .old-price,.productbundle .old-price{text-decoration:line-through;font-size:.85em;color:#999;margin-right:5px} .item .item-price-container, .productbundle .item-price-container { } .item .item-btn { margin-top: 5px; } .item .action-btns > a { font-size: 1.2em; } .item .action-btns .add_wishlist, .item .action-btns .login_wishlist{color:rgba(0,0,0,.4)} .item .action-btns .btn3 { padding: 0; width: 48px; text-align: center; margin-left: 20px; } .item .checkbox [type="checkbox"]:not(:checked) + label, .item .checkbox [type="checkbox"]:checked + label { padding-left: 0; line-height: inherit; display: block;} .item .checkbox [type="checkbox"]:not(:checked) + label::before, .item .checkbox [type="checkbox"]:checked + label::before { border: 0; border-radius: 100%; top: -5px; left: -5px; height: -webkit-calc(100% + 10px); height: calc(100% + 10px); width: -webkit-calc(100% + 10px); width: calc(100% + 10px);} .item .checkbox [type="checkbox"]:checked + label{ color:var(--primaryColor);} .item .checkbox [type="radio"]:checked + label::after, .item .checkbox [type="checkbox"]:checked + label::after{display:none;} .item .compare, .item .add_wishlist, .item .login_wishlist { margin-right: 6px;} .item .add_wishlist.on_wishlist { color: var(--primaryColor);} /*.item .add_wishlist.on_wishlist i:before{content:"\e903"}*/ .item .btn-round i { font-size:.85em;} .item .btn-round.pb i{background-color: var(--btn1);color:var(--btn1Text);} .item .label { position: absolute; bottom: 10px; left: 10px; z-index: 3;} .item .label > span { font-weight: 900; font-size: .75em; color: #fff; margin-right: 5px; line-height: 1; padding: 4px 8px;} .item .label > span > i { font-style: normal; display: inline-block;} .item .vat{font-size:10px;font-weight:400;color:#999;display:block} .item .de-legal{font-size:10px;color:#999;margin-top:10px} .item .unitprice { /* display: block; */ /* width: 100%; */ /* font-size: 12px; */ color: #999; font-weight: 400; /* margin-top: 8px; */ font-size: .85em; } .item .item-rating{margin:5px 0;} .item .item-rating .star,.product-main-title .item-rating .star .score-wrap .item-rating .star,.review .item-rating .star{color:#fff;border-radius:50%;margin-right:1px;width:8px;height:8px} .item .item-rating .star.on,.product-main-title .item-rating .star.on .score-wrap .item-rating .star.on,.review .item-rating .star.on{background:#2ac37d} .item .item-rating .star.off,.product-main-title .item-rating .star.off,.score-wrap .item-rating .star.off,.review .item-rating .star.off{background:#cecece} .item .item-rating .star.semi,.product-main-title .item-rating .star.semi,.score-wrap .item-rating .star.semi,.review .item-rating .star.semi{background:#cecece;background:-moz-linear-gradient(left,#2ac37d 0%,#2ac37d 50%,#cecece 50%,#cecece 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#2ac37d),color-stop(50%,#2ac37d),color-stop(50%,#cecece),color-stop(100%,#cecece));background:-webkit-linear-gradient(left,#2ac37d 0%,#2ac37d 50%,#cecece 50%,#cecece 100%);background:-o-linear-gradient(left,#2ac37d 0%,#2ac37d 50%,#cecece 50%,#cecece 100%);background:-ms-linear-gradient(left,#2ac37d 0%,#2ac37d 50%,#cecece 50%,#cecece 100%);background:linear-gradient(to right,#2ac37d 0%,#2ac37d 50%,#cecece 50%,#cecece 100%)} .item img{margin:0 auto;vertical-align:middle} .item .brand-name{display:block;font-size:.85em;color:#888;font-weight:400} .item.item-list{ display: flex;} .item.item-list .item-image-container, .item.item-list .item-meta-container { width: 50%;} .item.item-list .item-meta-container { padding: 30px; background:#f7f7f7;} .item.item-list .item-image-container { padding: 5%;} .item.item-list .item-btn { margin-top: 30px; justify-content: flex-end; flex: 1;} #footer .accordion-menu .inner{display:flex;flex-direction:column;padding:0} #footer a.toggle{display:none} #footer a.toggle .icon::before,#footer a.toggle .icon::after{background:#fff} #footer .tags .inner{flex-direction:row} #footer .tags li{margin:0 5px 5px 0} #footer .tags{margin-top:30px} #footer .tags li a{color:#fff} #footer .pays li{display:inline-block} #footer .footer-middle.second .middle-wrap{display:flex;justify-content:center} #footer .footer-middle.second .middle-wrap .f-widget{align-self:center;margin:0 30px} .socials.share a{color:#e1e1e1;font-size:24px} .socials.share a.facebook:hover{color:#3B5998} .socials.share a.google:hover{color:#dd4b39} .socials.share a.pinterest:hover{color:#cb2027} .socials.share a.twitter:hover{color:#4099ff} /* reviews */ #reviews .checkbox [type="checkbox"]:not(:checked) + label::before,#reviews .checkbox [type="radio"]:not(:checked) + label::before,#reviews .checkbox [type="checkbox"]:checked + label::before,#reviews .checkbox [type="radio"]:checked + label::before,#reviews .checkbox [type="radio"]:checked + label::after,#reviews .checkbox [type="checkbox"]:checked + label::after{top:auto} #reviews .title { font-size: 1.5em;} #reviews .reviews-inner.scroll { max-height: 350px; overflow-x: hidden; overflow-y: auto; padding: 30px 10px 30px 60px;} .review .meta-wrap{ flex: 1; padding-left: 30px;} .review .review .review-meta .content { margin: 0;} .review .review-container { margin-bottom: 10px; border-bottom: 1px solid var(--border); padding: 10px 0 20px 0;} .review .score.checkbox { margin-right: 15px;} .review .range-cnt { font-size: .85em; margin-left: 5px;} .review .author { font-weight: 600;} .review .avatar i { font-style: normal;} .review .content { margin: 0;} .review .item-rating { margin-bottom: 5px;} .review .avatar.btn-round.active { align-self: flex-start;} .review .wrap { margin-bottom: 5px;} .review-date{color:#999;font-size:.85em} .rating:not(:checked) > input{position:absolute;top:auto;width:1px;height:1px;overflow:hidden;opacity:0} .rating:not(:checked) > label{overflow:hidden;cursor:pointer;color:#fff;border-radius:50%;font-size:12px;margin-right:1px;background:#cecece;width:20px;height:20px;text-align:center;line-height:20px} .rating > input:checked + label:hover,.rating > input:checked + label:hover ~ label,.rating > input:checked ~ label:hover,.rating > input:checked ~ label:hover ~ label,.rating > label:hover ~ input:checked ~ label{color:#fff} .rating > label:active{position:relative} #writeareview.wd-popup input { margin-bottom: 15px;} #writeareview.wd-popup label { margin-bottom: 5px; display:inline-block ;} #writeareview.wd-popup .rating { padding: 0; margin-bottom: 15px; flex-direction: row-reverse; justify-content: flex-end;} #writeareview.wd-popup .rating:not(:checked) > label{overflow:hidden;cursor:pointer;color:#fff;border-radius:100%;margin-right:1px;background:#cecece;width:20px;height:20px;line-height:20px;} #writeareview.wd-popup .rating > input:checked ~ label{color:#fff;background:#2ac37d} #writeareview.wd-popup .rating:not(:checked) > label:hover, #writeareview.wd-popup .rating:not(:checked) > label:hover ~ label{background:#2ac37d} #writeareview.wd-popup .rating > label:active{position:relative} #writeareview.wd-popup textarea { min-height: 150px; border: 1px solid var(--border); padding: 10px; margin-bottom: 15px;} .cat-description ul,.cat-description ol{padding-left:15px} .cat-description ul li{list-style-type:disc} .cat-description ol li{list-style-type:decimal} .cat-description{display:flex;flex-direction:row;align-items:flex-start;margin:40px 0} .cat-description a,.content-area .text-wrap a{text-decoration:underline;font-weight:600} .cat-description .collection-image{width:100%;padding-right:40px;max-width:100%} .content.toggle-content{padding:40px 0} #content-below h2, #content-below h3, #content-below h4 { font-size: 2em; font-family: var(--fbold); font-weight: normal; line-height: 36px; } .msgs .container { position: relative; } .msgs .alert { padding: 15px 30px; z-index: 22; font-weight: 600; position: absolute; right: 60px; left: 60px; top: 0; border: 1px solid; transition-property: all; transition-duration: .25s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); width: auto; justify-content: center; } .alert i { width: 32px; height: 32px; background: #fff; border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: .85em; border: 1px solid; font-style: normal; font-weight: 900; } .msgs .alert-success{ background: #dbf2e1; border-color: #31b453; color: #31b453; } .msgs .alert-success i{ border: 1px solid #31b453;} .msgs .alert-info{ color: #004085; background-color: #cce5ff; border-color: #004085; } .msgs .alert-info i { border: 1px solid #004085; } .msgs .alert-error{ background: #fff0f6; border-color: #e50064; color: #e50064; } .msgs .alert-error i{ border: 1px solid #e50064;} .text-overflow { height: 1.4em; position: relative; overflow: hidden; } .btn-overflow { position: absolute; bottom: 1px; right: 0; background: #fff; padding-left: 6px; color: var(--primaryColor); text-decoration: underline; cursor:pointer; } #mobile-nav{position:fixed;bottom:0;left:0;width:100%;height:50px;right:0;z-index:9999;padding:0 15px;-webkit-box-shadow:0 -1px 5px 0 rgba(0,0,0,0.08);box-shadow:0 -1px 5px 0 rgba(0,0,0,0.08);align-items:center} #mobile-nav ul{display:flex;align-items:center;justify-content:space-between;font-size:1.4em;width:100%;height:50px} #mobile-nav ul li{width:50px;height:50px;display:flex;align-items:center;justify-content:center} #mobile-nav ul li.menu{flex-direction:column;width:70px;height:70px;justify-content:flex-start} #mobile-nav ul li.menu .btn-round::before{top:-5px;left:-2.5px;height:-webkit-calc(100% + 10px);height:calc(100% + 5px);width:-webkit-calc(100% + 10px);width:calc(100% + 5px);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-image:linear-gradient(to bottom,#ddd 0%,#fff 50%,#fff 100%)} #mobile-nav ul li.menu .btn-round i{-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;height:70px;width:70px} #mobile-nav ul li.menu span{font-size:.45em;margin-top:-36px;z-index:1} #mobile-nav .cart{position:relative} #mobile-nav .cart .cartitems{top:16px;left:30px} body.mobile-open{height:100%;overflow:hidden} body.mobile-open .mobile-menu-overlay{visibility:visible} .mobile-menu-overlay{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100} body.mobile-open .mobile-section{display:block} .mobile-section{background-color:#fff;display:none;position:absolute;top:0;left:0;bottom:-80%;width:100%;z-index:998;box-shadow:2px 0 12px rgba(102,102,102,.2)} .mobile-section::after{content:"";position:absolute;top:0;right:0;width:1px;height:auto;box-sizing:content-box} .mobile-section .section-content{border-bottom:50px solid #fff;background-color:#fff;position:fixed;top:0;left:-100%;width:100%;height:100%;overflow:hidden;z-index:1} .mobile-section .nav-item.is-cat{background:rgba(55,55,55,0.05)} .mobile-section .section-content.open{overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;left:0} .mobile-section .section-content > div,.mobile-section .section-content.subsection{display:none} .mobile-section .section-content .menu_open{display:block} .mobile-section .section-content.subsection.menu_open{display:block;left:0} .mobile-section .section-title{justify-content:space-between;flex-direction:revert;padding:20px;font-size:1.2em;font-weight:600;border-bottom:1px solid #eee;margin:0;align-items:center} .mobile-section .nav-item,.mobile-section .go-back{padding-left:20px;display:block;border-bottom:1px solid #eee;line-height:40px;padding-right:15px} .mobile-section .go-back i{font-size:.65em;margin-right:5px} .mobile-section .nav-item i{height:40px;width:40px;text-align:center;line-height:40px} .mobile-section .nav-item.has-children{display:flex;justify-content:space-between;align-items:center} .close-menu{position:absolute;right:0;top:0;font-size:20px;left:auto;width:60px;z-index:1;text-align:center;line-height:55px;display:block!important} /* popup styles */ .wd-popup { min-width: 360px;display:none;} .wd-popup .title { font-size: 1.6em; text-align: center;} .wd-popup input { height: 50px;} .wd-popup .pass { position: relative; margin: 15px 0;} .wd-popup .show_pass { position: absolute; right: 10px; position: absolute; top: 50%; transform: translateY(-50%); padding: 4px 8px;cursor: pointer;} .wd-popup .btn { width: 100%; margin-bottom: 15px;} .wd-popup .f-pass { text-align: center; display: block; margin: 0 0 30px 0; text-decoration: underline; font-weight: 600; font-size: .85em;} /* service page */ .page-container.customer-service { background: linear-gradient(90deg, #fff 30%, #f9f9fa 0%); } .page-container.customer-service .main-content.with-sidebar { padding: 90px 190px 75px 75px; flex: 1; } .customer-service .text-menu-side { width: calc(30% - 30px); margin-right: 0; background: #fff; } .customer-service .text-menu-side .breadcrumb-container { margin-top: 20px; margin-bottom: 50px; } .customer-service .text-menu-side .title, .customer-service .faq .title { font-family: var(--fbold); font-weight: normal; font-size: 32px; line-height: 40px; border-bottom: 0; padding-bottom: 0; margin-bottom: 10px; } .customer-service .faq-list .tab { margin-bottom: 10px; } .customer-service .faq-list .tab.active { font-weight: 600; } .customer-service .faq .title{ margin-bottom:20px; } .customer-service .faq { display: none; } .customer-service .faq.active { display: block; } .customer-service .faq .links .toggle { font-family: var(--fant); font-size: 16px; padding: 20px 0; } .customer-service .faq .links .toggle i { font-size: .65em; padding: 0 20px; } .customer-service .faq .links > li { border-bottom: 2px solid #000; } .customer-service .faq .accordion-menu .inner { padding: 0; display: none; margin: 0; } #contactform .widget.contact-info { padding: 30px; background: #f6f6f6;} #contactform .widget.contact-info i.number { font-style: normal; font-weight: 600;} #contactform .widget .form-wrap { padding: 30px; background: #f9f9f9; border: 1px solid var(--border);} #contactform {margin-bottom: 60px;} #contact-form .flex { margin: 0 -5px;} #contact-form .flex input { margin: 0 5px 10px 5px;} #contactform .widget.contact-info .links span { margin-bottom: 5px;} #contactform textarea, #contactform input{margin-bottom:10px;} .quantity-input .input-wrap { transition: all ease-in-out .25s; display: flex; align-items: center; justify-content: center; border: 2px solid var(--border); border-radius: 0; height: 60px; line-height: 60px;} .quantity-input .input-wrap:hover { border-color: #000;} .quantity-input input { background: transparent; border: 0; text-align: center; width: 60px; padding: 0; font-size: 1em;} .quantity-input .quantity-btn { width: 50px; text-align: center; font-size: 1.5em;} .opening a { text-decoration: underline; color: var(--primaryColor);} .opening i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background:#f7f7f7;} .opening i.color-green{background: var(--green);} .opening i.color-red{background: var(--red);} /* brands page */ .page-container.brands .banner img { margin: 0 auto; padding: 10%;} /* page containers */ .page-container.page-compare, .page-container.fourofour, .page-container.brands { padding: 60px 0;} .gui-compare .gui-table {border-color: var(--border) ;} .page-container.page-compare .gui-table thead tr th { border-color: var(--border); border-right: 1px solid var(--border); } .page-container.page-compare .gui-table tbody tr td { border-color: var(--border); border-right: 1px solid var(--border); } .page-container.page-compare .gui-table tbody tr td:not(:first-child) { } .page-container.page-compare .gui-compare-row.gui-compare-row-description td:not(:first-child) { font-size: .85em; } .page-container.page-compare .gui-table tbody tr td { padding: 15px; } .page-container.page-compare .gui-compare .gui-table tr:nth-child(2n+1) { background: #f9f9f9; } /* page contact */ .container.page-contact { padding-bottom: 60px; } .page-contact .breadcrumb-container { padding-top: 20px; } .page-contact .flex.stretch { margin: 0 -30px; } .page-contact .col { margin-top: 50px; padding:0 30px; } .page-contact .col1 { padding: 0 80px 0 30px; } .page-contact .col2 { padding: 0 30px 0 80px; } .page-contact .col .title { font-size: 36px; line-height: 44px; margin-bottom: 5px; font-weight: normal; display: block; } .page-contact .form-wrap { margin-top: 30px; } .page-contact .form-wrap textarea { margin-top: 10px; min-height: 124px; } .page-contact .form-wrap .btn { margin-top: 20px; float: right; } .page-contact .btn.btn4.directions { margin: 30px 0; align-self: flex-start; } .page-contact .o-t .title { font-size: 16px; line-height: inherit; margin-bottom:10px; display:block; } .page-contact .o-t .day { margin-bottom: 8px; } .page-contact .o-t .day .flex1:nth-of-type(2) { flex: 3; } /* page account login */ .account-login{padding-bottom:60px;} .account-login .breadcrumb-container { margin: 20px 0; } .account-login h1.title { font-size: 36px; line-height: 44px; margin-top: 30px; } .account-login .col.col2 { margin: 0 30px; } .account-login .col { background: #f9f9fa; padding: 30px 40px; } .account-login .col .title { line-height: 40px; font-size: 32px; font-weight: normal; margin-bottom: 20px; display: block; } .account-login .col form input { margin-bottom: 20px; background: transparent; } .account-login .col .btn { display: block; text-align: center; } .account-login .gui-button-link { text-align: center; display: block; margin-top: 20px; color: rgba(0,0,0,.3); } .account-login .col .inner .btn { margin-bottom: 20px; } .account-login .col .product-usps .real{ line-height: 33px; margin-bottom: 5px; } .account-login .col .product-usps .real i { color: #3676ef; } .account-login .col .icon-facebook.icon_w-text { margin-right: 5px; } .page-container.textpage .text-menu-side { width: 100%; position: relative; margin-bottom: 40px; } .page-container.textpage .links { display: flex; flex-wrap: wrap; width: calc(100vw - 40px); position: absolute; flex-wrap: nowrap; overflow-x: auto; left: 0; overflow-y: hidden; /* padding: 0 20px; */ margin: 0; padding-right: 20px; } .page-container.textpage .links li { margin-right: 10px; /* text-decoration: underline; */ border: 1px solid #E7E7E7; height: 40px; line-height: 40px; padding: 0 20px; border-radius: 20px; font-family: var(--fbold); margin-bottom: 10px; white-space: nowrap; } #brands.home-products .slick-slide { padding: 0 30px; } /*.page-container.textpage .main-content.with-sidebar p { text-align: center; } .page-container.textpage .with_text-adjust { display: flex; justify-content: center; align-items: center; flex: 1; } .page-container.textpage .with_text-adjust .text-adjust { max-width: 700px; }*/ /************************/ /************************/ /************************/ /* responsive from here */ /************************/ /************************/ /************************/ @media (max-width: 767px) { body { font-size: 14px; } .hidden-mobile{display:none} .visible-mobile{display:block} .container{max-width:767px;padding:0 20px;} .grid.grid-4, .grid.grid-3 { /* grid-template-columns: repeat(2, 1fr); */ grid-template-columns: minmax(150px, 2fr) 2fr; grid-column-gap: 10px; grid-row-gap: 20px; } body.active_overlay { overflow: hidden;height: 100%;} .menu--overlay.open { z-index: 99;transition: all ease-in-out .45s;} .page-container.brands #categories.grid.grid-6 { grid-template-columns: repeat(2, 1fr); } #top .usp-car { overflow: hidden; font-size: 12px; padding: 0 0 0 15px; } #top .usp { padding: 0; } #top .top .usp i { margin-right: 4px; } #top .slick-slide, #top .slick-slide:nth-child(2), #top .slick-slide:nth-child(3), #top .slick-slide:last-child{ text-align: right;} #top .settings.langs{display:none;} #header .header { padding: 0;} #header .tools-wrap { height: 60px; padding-left: 0;} #header .tool { min-width: unset; width: 40px; height: 60px; padding: 0; line-height: 60px; text-align: center;} #header .tool .ccnt { right: -7px; top: -10px;} #header .tool i { margin-bottom: 0;font-size:1.6em} #header .tool .icon-search1 { font-size: 1.2em; } #header .tool a { display: block; text-align: center; line-height: 60px;} #header .inner-head { box-shadow: 0 0 0 transparent; z-index: 9999; position: relative; } #header .mob-men i { font-size: 1.2em; } #header .logo i { font-size: 1.5em; } #header .search { top: 100%; } #header .tool.mini-cart .select-dropdown { position: unset; } #header .tool.mini-cart .dropdown-menu { right: 0; left: 0; padding: 0 20px 20px 20px; border-top: 1px solid var(--border); height: 100vh; display: none; } #header .tool.mini-cart.is-visible .dropdown-menu { display: flex; opacity: 1; visibility: visible; flex-direction: column; } #header .tool.mini-cart .title { display: flex; justify-content: space-between; align-items: center; } .mini-cart .widget_content { width: 100%; max-height: unset; padding-right: 0; flex: 1; } .mini-cart .total { padding: 20px 0; } .mini-cart .title { font-weight: normal; font-size: 24px; } #header .tool.mini-cart .item.item-list.small-list a { white-space: normal; line-height: inherit; } #header .tool.mini-cart .item.item-list.small-list a { text-align: left; } #header .tool.mini-cart .item.item-list.small-list .item-meta-container { padding: 0 0 0 20px; font-size: .85em; text-align: left; line-height: 1.42857143; } #header .mini-cart .shipc { line-height: 1.42857143; } #header .mini-cart .total .btn { height: 48px; display: flex; justify-content: center; align-items: center; line-height: inherit; margin-bottom: 20px; } #header .mini-cart .cart-info { margin-bottom: 20px; padding-bottom: 40px; } #header .close-cart { z-index: 99999999999; position: relative; } #header .close-cart i { margin: 0; } .mob-men-slide, .mobile-menu-side { height: 100vh; pointer-events: auto; position: fixed; transition: all cubic-bezier(0.87, 0.03, 0.41, 0.9) .5s; width: 85vw; z-index: 100; left: -100%; padding: 0; top: 0; background: #fff; } .mob-men-slide.is-visible, .mobile-menu-side.is-visible{ left:0;} .mob-men-slide .sideMenu { width: 85vw; background: #ffffff; left: 0; max-height: 100%; overflow-y: scroll; position: absolute; transition: 0.5s; height: 100%;top:0} .mob-men-slide .section-title .title.flex1 { margin: 0; display: block; height: 60px; line-height: 60px; padding: 0 30px;} .mob-men-slide .section-title .close { font-size: 2em; position: absolute; right: 20px; top: 10px;} .mob-men-slide .section-title.has-image .close { top: 10px; } .mob-men-slide .nav-item { padding: 0 50px 0 30px; border-bottom: 1px solid var(--border); height: 50px;} .mob-men-slide .nav-item.tool .list { margin-left: 15px; } .mob-men-slide .nav-item.tool .list a { margin-right: 15px; font-family: var(--fbold); text-decoration: underline; display: flex; align-items: center; } .mob-men-slide .nav-item.tool .flag-icon { border-radius: 100%; } .mob-men-slide .nav-item i { height: 50px; width: 50px; text-align: center; line-height: 50px; padding-right: 15px; cursor: pointer; position: absolute; right: 0;} .mob-men-slide .section-title { border-bottom: 1px solid var(--border); position: relative; display: block;} .mob-men-slide .section-title figure { --gradient-top: 50%; display: flex; overflow: hidden; height: 100%; position: relative; margin: 0;height:200px;width: 100%;} .mob-men-slide .section-title figure img { max-width: 100%; max-height: 100%; object-fit: cover; object-position: unset;width: 100%;} .mob-men-slide .section-title figure::before { content: ""; position: absolute; z-index: 1; top: 50%; top: var(--gradient-top); right: 0; bottom: 0; left: 0; opacity: .6; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000)); background-image: linear-gradient(transparent,#000); background-size: cover;} .mob-men-slide .section-title.has-image .img-title { font-size: 24px; font-family: var(--fbold); } .mob-men-slide .go-back { height: 50px; border-bottom: 1px solid var(--border); padding: 0 30px;} .mob-men-slide .go-back i { font-size: .85em;} .mob-men-slide .section-title figcaption { margin: 0; position: absolute; z-index: 2; bottom: 30px; left: 30px; color: #fff;} .mob-men-slide .subsection.section-content{ left:-100%; transition: all cubic-bezier(0.87, 0.03, 0.41, 0.9) .5s;z-index:101; position: absolute; top: 0; background: #fff; width: 85vw; height: 100%; } .mob-men-slide .subsection.section-content.menu_open { left: 0;} .home-block .header { flex-direction: column; align-items: flex-start; margin-bottom: 20px; } .home-products { padding: 40px 0; } .home-products .carousel-wrap { position: relative; margin: 0; display: flex; flex-wrap: wrap; /* width: 100%; */ } .home-products .carousel-wrap .item { flex: 0 0 50%; padding: 0 5px 0 0; } .item .item-meta-container { padding: 10px 0 20px 0; } .item-name { font-size: 14px; } .banner-area .wrap { margin: 0 -20px; flex-direction: column; } .banner-area .wrap .banner { padding: 0; margin-bottom: 10px; } .banner-area .banner .banner-inner { flex-direction: row; } .banner-area .banner .banner-inner img { flex: 0 0 50%; height: 187px; object-fit: cover; } .banner-area .wrap .banner .banner-text { padding: 20px; flex: 1; justify-content: center; align-items: flex-start; } .banner-area .wrap .banner .maintitle { margin-bottom: 10px; font-size: 22px; align-self: flex-start; } .home-block .header .title { font-size: 1.6em; } .banner-area.pop-brands figure { position: relative; } .banner-area.pop-brands figure { height: 250px; margin-bottom: 0; } .banner-area.pop-brands .banner-text, .banner-area.pop-brands .slide-item{ height:auto;} .banner-area.pop-brands .banner-text{padding:20px 0;} .banner-area.pop-brands .text-wrap { width: 100%; color: #000; padding: 0 10px; } .banner-area.pop-brands .text-wrap .maintitle { font-size: 2em; } .banner-area.pop-brands .text-wrap > p { margin-bottom: 20px; min-height: 150px; } .banner-area.pop-brands .text-wrap > p > p { margin: 0; } .banner-area.pop-brands .carousel-controls { display: flex; } .banner-area.pop-brands .slick-arrow { position: absolute; left: 20px; top: 226px; margin-top: 0; padding: 0; width: 48px; z-index: 1; } .banner-area.pop-brands .slick-arrow.sl-next { right:20px; left: auto; } .banner-area.single-brand .column-wrap { flex-direction: column-reverse; } .banner-area.single-brand .column-wrap .column:nth-child(2) { margin: 0 -20px 10px -20px; flex-direction: column-reverse; } .banner-area.single-brand .column.brandprod.flex1.flex.flex-wrap { margin: 0 -5px; min-height: 100%; } .banner-area.single-brand .brandprod .item { padding: 10px 2.5px; flex: 0 0 50%; } .banner-area.single-brand .brand-img figure { position: relative; height: 187px; margin: 0; } #brands.home-products .carousel-wrap { position: relative; margin: 0; display: block; text-align: center; padding: 0 64px; } #brands.home-products .header { align-items: center; } #brands.home-products .slick-slide { padding: 0; } #brands.home-products .carousel-wrap .item { padding: 0 20px; /* margin: 0 auto; */ } #brands .header .title { font-size: 26px; } #brands .carousel-wrap .btn.btn2 { display: inline-block; margin-top: 20px; } #brands .item img { width: 120px; height: 100%; } #brands .slick-arrow { top: calc(50% - 24px); left: 0; } #brands .slick-arrow.sl-next { left: auto; right: 20px; } #blog .blog-article .blog-grid-image { margin: 0 -20px 30px -20px; } #blog .blog-article { padding: 0; } #blog .blog-article .meta { padding: 0 20px 40px 20px; } #blog .blog-article .title { font-size: 24px; line-height: 32px; min-height: unset; } #blog .btn.btn2.visible-mobile { display: inline-block; } #footer .nlwrap { width: 100%; flex-direction: column; align-items: flex-start; } #form-newsletter { flex-direction: column; align-items: flex-start; } #footer .form-control { width: 100%; margin: 15px 0 10px 0; } #footer .footer-newsletter .btn { height: 48px; width: 100%; } #footer .socials { justify-content: unset; padding-bottom: 40px; } .footer-service .container.flex { flex-direction:column; } #footer .service .title, #footer .cust-service .title { display: flex; justify-content: space-between; align-items: center; } #footer .service .title i, #footer .cust-service .title i { font-size: .65em; } #footer .service .list, #footer .cust-service .list { display: none; } #footer .copyright .container { padding: 0 20px; } #footer .copyright .copy-inner { padding: 35px 0 0 0; flex-direction: column; margin: 0 -20px; } #footer .copyright .payments { height: auto; width: 100%; justify-content: center; padding: 10px 0; margin-top: 40px; } #footer .copyright .copy-links { text-align: center; line-height: 40px; padding: 0 20px; flex-direction:column ; } #footer .copy-links p { margin: 0; } #footer .copy-links p em { width: 15px; position: relative; border-top: 1px solid #fff; height: 1px; display: inline-block; margin: 0 2px 3px 2px; } #footer .title.active i{ transform:rotate(180deg) } #footer .list.active { display: flex; } #footer .copyright .payments { flex-wrap: wrap; padding: 0 20px; } .page-container.catalog { padding: 20px 0; } .collection-title .wrap { padding: 20px 0; } /* collection */ .collection-title .wrap { padding: 20px 0; flex-direction: column; align-items: flex-start; } .collection-title .breadcrumb-container.flex.flex-align-center { flex: auto; border-bottom: 1px solid rgba(0,0,0,.1); width: 100%; padding: 0 0 20px 0; margin-bottom: 20px; } .collection-title { padding: 0; margin-bottom: 15px; } .collection-title h1 { font-size: 28px; line-height: 40px; } .category-toolbar .view-count-box { display: none!important; } .btn.btn4.custom-select span .label { display: none; } .category-toolbar { margin: 5px 0 0 0; width: 100%; } .category-toolbar form { width: 100%; } .category-toolbar .btn.btn2.sort-box.custom-select, .category-toolbar select { font-size: 12px; flex: 1; padding: 0 5px; } .btn.btn4.sort-box.select-wrap { font-size: .85em; } .btn.btn4.sort-box.select-wrap .label{ display:none; } .btn.btn4.sort-box.select-wrap .select2-container { padding-right: 30px; } .page-container .main-content.with-sidebar .inner-content { flex: 1; } .collection-title .col-img { display: none; } .subcats { margin-bottom: 60px; width: calc(100vw + 5%); left: 0; position: relative; top: auto; z-index: 8; } .subswrap { width: calc(100vw - 5%); position: absolute; flex-wrap: nowrap; overflow-x: scroll; left: 0; } .subcats a { font-size: 12px; white-space: nowrap; } .toolbox-pagination .pagination p { font-size: 20px; line-height: 30px; } .toolbox-pagination { margin-top: 40px; } .content.toggle-content { padding: 0 0 40px 0; } .mob-filters { font-size: .85em; flex: 0 0 50%; padding: 0 48px 0 15px; margin-right: 10px; } .mob-filters i { position: absolute; top: 18px; font-size: .85em; right: 12px; } .mobile-menu-side.with-filters { position: absolute; left: 0; width: 100%; display: none; height: auto; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); } .mobile-menu-side.with-filters.is-visible { display: block; } .filter-position{ height: 60px; visibility:hidden; margin: -60px -20px 0 -20px; background: #f9f9fa; z-index: -1; width: 100vw; } .close-filters.icon-cross { width: 50px; height: 50px; justify-content: flex-end; align-items: center; display: flex; font-size:.65em; } .msgs .alert { padding: 15px 20px; width: 100%; left: 0; right: 0; font-size: .85em; } .msgs .alert-success i { flex: 1 0 auto; margin-right: 15px; } .wd_insta.carousel-wrap .btn { margin: 20px; } .text-menu-side { width: 100%; } .page-container.customer-service .container.flex.flex-wrap { flex-direction:column ; } .customer-service .text-menu-side { width: 100%; } .page-container.customer-service { background: transparent; } .page-container.customer-service .main-content.with-sidebar { padding: 30px 20px; flex: 1; background: #f9f9fa; margin: 0 -20px; margin-top: 30px; } .page-container.customer-service .text-menu-side > p { margin-bottom: 20px; } .page-container.customer-service .breadcrumb-container { padding: 20px 0; margin: 0; } .page-container.customer-service .text-menu-side .custom-select{ display: flex; align-items: center; padding: 0 10px; } .page-container.customer-service .text-menu-side .custom-select select { border-width: 0; height: 40px; width: auto; font-family: var(--fbold); } .page-contact .flex.stretch { margin: 0; flex-direction: column; } .page-contact .col1 { padding: 0; margin-top: 30px; } .page-contact .col2 { padding: 0; } .page-contact .flex.stretch { margin: 0; flex-direction: column; } #contact-form, #contact-form .flex { display: flex; flex-direction: column; margin: 0; } #contact-form .flex input { margin: 0 0 10px 0; } .page-contact .form-wrap .btn { align-self: flex-end; } .page-contact .col .title { font-size: 28px; line-height: 40px; } #insta .header-title { align-self: center; } #insta.home-products .carousel-wrap { position: relative; margin: 0; display: block; } #insta.home-products .slick-list { margin: 0; } #insta .header .title { font-size: 28px; justify-content: center; line-height: 36px; margin-bottom: 0; } .account-login .container.flex.flex-wrap { flex-direction: column; } .account-login .col, .account-login .col.col2 { background: #f9f9fa; padding: 30px 20px; margin: 0 -20px 30px -20px; /* width: 100%; */ } .autocomplete .products { overflow-x: scroll; overflow-y: hidden; } .autocomplete { padding: 30px 0; } .clearable-input > [data-clear-input] { right: -26px; } .autocomplete .products .item:last-child { padding-right: 20px; } .page-container.textpage .links li { font-size: 12px; } #brands { padding: 45px 0; } .mob-men-slide .nav-item.other{ color: rgba(0,0,0,.4); } } @media only screen and (min-width: 767px) and (max-width: 991px) { .hidden-tablet{display:none} .visible-tablet{display:block} .hidden-desktop{display:block} .container{max-width:991px;padding:0 20px;} /*.grid.grid-4, .grid.grid-3 { grid-template-columns: minmax(150px, 2fr) 2fr; grid-column-gap: 20px; grid-row-gap: 20px; }*/ body.active_overlay { overflow: hidden;height: 100%;} .menu--overlay.open { z-index: 99;transition: all ease-in-out .45s;} .page-container.brands #categories.grid.grid-6 { grid-template-columns: repeat(4, 1fr); } #top .usp-car { overflow: hidden; font-size: 12px; padding: 0 0 0 15px; } #top .usp { padding: 0; } #top .top .usp i { margin-right: 4px; } #top .slick-slide, #top .slick-slide:nth-child(2), #top .slick-slide:nth-child(3), #top .slick-slide:last-child{ text-align: right;} #top .settings.langs{display:none;} #header .header { padding: 0;} #header .tools-wrap { height: 60px; padding-left: 0;} #header .tool { min-width: unset; width: 40px; height: 60px; padding: 0; line-height: 60px; text-align: center;} #header .tool .ccnt { right: -7px; top: -10px;} #header .tool i { margin-bottom: 0;font-size:1.6em} #header .tool .icon-search1 { font-size: 1.2em; } #header .tool a { display: block; text-align: center; line-height: 60px;} #header .inner-head { box-shadow: 0 0 0 transparent; z-index: 9999; position: relative; } #header .mob-men i { font-size: 1.2em; } #header .logo i { font-size: 1.5em; } #header .search { top: 100%; } #header .tool.mini-cart .select-dropdown { position: unset; } #header .tool.mini-cart .dropdown-menu { right: 0; left: 0; padding: 0 20px 20px 20px; border-top: 1px solid var(--border); height: 100vh; display: none; } #header .tool.mini-cart.is-visible .dropdown-menu { display: flex; opacity: 1; visibility: visible; flex-direction: column; } #header .tool.mini-cart .title { display: flex; justify-content: space-between; align-items: center; } .mini-cart .widget_content { width: 100%; max-height: unset; padding-right: 0; flex: 1; } .mini-cart .total { padding: 20px 0; } .mini-cart .title { font-weight: normal; font-size: 24px; } #header .tool.mini-cart .item.item-list.small-list a { white-space: normal; line-height: inherit; } #header .tool.mini-cart .item.item-list.small-list a { text-align: left; } #header .tool.mini-cart .item.item-list.small-list .item-meta-container { padding: 0 0 0 20px; font-size: .85em; text-align: left; line-height: 1.42857143; } #header .mini-cart .shipc { line-height: 1.42857143; } #header .mini-cart .total .btn { height: 48px; display: flex; justify-content: center; align-items: center; line-height: inherit; margin-bottom: 20px; } #header .mini-cart .cart-info { margin-bottom: 20px; padding-bottom: 40px; } #header .close-cart { z-index: 99999999999; position: relative; } #header .close-cart i { margin: 0; } .mob-men-slide, .mobile-menu-side { height: 100vh; pointer-events: auto; position: fixed; transition: all cubic-bezier(0.87, 0.03, 0.41, 0.9) .5s; width: 85vw; z-index: 100; left: -100%; padding: 0; top: 0; background: #fff; } .mob-men-slide.is-visible, .mobile-menu-side.is-visible{ left:0;} .mob-men-slide .sideMenu { width: 85vw; background: #ffffff; left: 0; max-height: 100%; overflow-y: scroll; position: absolute; transition: 0.5s; height: 100%;top:0} .mob-men-slide .section-title .title.flex1 { margin: 0; display: block; height: 60px; line-height: 60px; padding: 0 30px;} .mob-men-slide .section-title .close { font-size: 2em; position: absolute; right: 20px; top: 10px;} .mob-men-slide .section-title.has-image .close { top: 10px; } .mob-men-slide .nav-item { padding: 0 50px 0 30px; border-bottom: 1px solid var(--border); height: 50px;} .mob-men-slide .nav-item.tool .list { margin-left: 15px; } .mob-men-slide .nav-item.tool .list a { margin-right: 15px; font-family: var(--fbold); text-decoration: underline; display: flex; align-items: center; } .mob-men-slide .nav-item.tool .flag-icon { border-radius: 100%; } .mob-men-slide .nav-item i { height: 50px; width: 50px; text-align: center; line-height: 50px; padding-right: 15px; cursor: pointer; position: absolute; right: 0;} .mob-men-slide .section-title { border-bottom: 1px solid var(--border); position: relative; display: block;} .mob-men-slide .section-title figure { --gradient-top: 50%; display: flex; overflow: hidden; height: 100%; position: relative; margin: 0;height:200px;width: 100%;} .mob-men-slide .section-title figure img { max-width: 100%; max-height: 100%; object-fit: cover; object-position: unset;width: 100%;} .mob-men-slide .section-title figure::before { content: ""; position: absolute; z-index: 1; top: 50%; top: var(--gradient-top); right: 0; bottom: 0; left: 0; opacity: .6; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000)); background-image: linear-gradient(transparent,#000); background-size: cover;} .mob-men-slide .section-title.has-image .img-title { font-size: 24px; font-family: var(--fbold); } .mob-men-slide .go-back { height: 50px; border-bottom: 1px solid var(--border); padding: 0 30px;} .mob-men-slide .go-back i { font-size: .85em;} .mob-men-slide .section-title figcaption { margin: 0; position: absolute; z-index: 2; bottom: 30px; left: 30px; color: #fff;} .mob-men-slide .subsection.section-content{ left:-100%; transition: all cubic-bezier(0.87, 0.03, 0.41, 0.9) .5s;z-index:101; position: absolute; top: 0; background: #fff; width: 85vw; height: 100%; } .mob-men-slide .subsection.section-content.menu_open { left: 0;} .banner-area .wrap .banner .maintitle { font-size: 1.2em; } #top .usp-car { justify-content: flex-end; } .home-products { padding: 45px 0; } .item-name { height: 4em; } .banner-area.pop-brands figure { position: relative; } .banner-area.pop-brands figure { height: 250px; margin-bottom: 0; } .banner-area.pop-brands .banner-text, .banner-area.pop-brands .slide-item{ height:auto;} .banner-area.pop-brands .banner-text{padding:20px 0;} .banner-area.pop-brands .text-wrap { width: 100%; color: #000; padding: 0 10px; } .banner-area.pop-brands .text-wrap .maintitle { font-size: 2em; } .banner-area.pop-brands .text-wrap > p { margin-bottom: 20px; min-height: 150px; } .banner-area.pop-brands .text-wrap > p > p { margin: 0; } .banner-area.pop-brands .carousel-controls { display: flex; } .banner-area.pop-brands .slick-arrow { position: absolute; left: 20px; top: 226px; margin-top: 0; padding: 0; width: 48px; z-index: 1; } .banner-area.pop-brands .slick-arrow.sl-next { right:20px; left: auto; } .banner-area.single-brand .column-wrap { flex-direction: column-reverse; } .banner-area.single-brand .column-wrap .column:nth-child(2) { margin: 0 -20px 10px -20px; flex-direction: column-reverse; } .banner-area.single-brand .column.brandprod.flex1.flex.flex-wrap { margin: 0 -15px; min-height: 100%; } .banner-area.single-brand .brandprod .item { padding: 15px; flex: 0 0 50%; } .banner-area.single-brand .brand-img figure { position: relative; height: 187px; margin: 0; } #blog .blog-article:last-child { display: none; } #footer .footer-newsletter .newslet { padding: 50px 0px 0 0; flex: 1 0 100%; } #footer .socials { padding: 20px 0; } #footer .nlwrap { flex-wrap: wrap; } #footer .footer-service .title { font-size: 18px; } .copy-inner { flex-direction: column; } /* collection */ .collection-title .wrap { padding: 20px 0; flex-direction: column; align-items: flex-start; } .collection-title .breadcrumb-container.flex.flex-align-center { flex: auto; border-bottom: 1px solid rgba(0,0,0,.1); width: 100%; padding: 0 0 20px 0; margin-bottom: 20px; } .collection-title { padding: 0; margin-bottom: 15px; } .collection-title h1 { font-size: 28px; line-height: 40px; } .category-toolbar .view-count-box { display: none!important; } .btn.btn4.custom-select span .label { display: none; } .category-toolbar { margin: 5px 0 0 0; width: 100%; } .category-toolbar form { width: 100%; } .category-toolbar .btn.btn2.sort-box.custom-select, .category-toolbar select { font-size: 12px; flex: 1; padding: 0 5px; } .category-toolbar .sort-box span { display: none; } .page-container .main-content.with-sidebar .inner-content { flex: 1; } .collection-title .col-img { display: none; } .subcats { margin-bottom: 60px; width: calc(100vw + 5%); left: 0; position: relative; top: auto; z-index: 8; } .subswrap { width: calc(100vw - 5%); position: absolute; flex-wrap: nowrap; overflow-x: scroll; left: 0; } .subcats a { font-size: 12px; white-space: nowrap; } .toolbox-pagination .pagination p { font-size: 20px; line-height: 30px; } .toolbox-pagination { margin-top: 40px; } .content.toggle-content { padding: 0 0 40px 0; } .mob-filters { font-size: .85em; flex: unset; padding: 0 48px 0 15px; margin-right: 10px; } .mob-filters i { position: absolute; top: 18px; font-size: .85em; right: 12px; } .mobile-menu-side.with-filters { position: absolute; left: 0; width: 100%; display: none; height: auto; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); } .mobile-menu-side.with-filters.is-visible { display: block; } .filter-position{ height: 60px; visibility:hidden; margin: -60px -20px 0 -20px; background: #f9f9fa; z-index: -1; width: 100vw; } .close-filters.icon-cross { width: 50px; height: 50px; justify-content: flex-end; align-items: center; display: flex; font-size:.65em; } } @media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) { .hidden-tablet-p{display:none} .visible-tablet-p{display:block} } @media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) { .hidden-tablet-l{display:none} .visible-tablet-l{display:block} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hidden-desktop{display:none} .container{max-width:1280px} } @media only screen and (min-width: 992px) and (max-width: 1199px) and (orientation: landscape) { .hidden-tablet-l{display:none} .visible-tablet-l{display:block} } @media only screen and (min-width: 1200px) { .hidden-desktop{display:none} .visible-mobile, .visible-tablet{display:none;} .container{max-width:1280px} } @media (min-width: 1280px) { .hidden-desktop{display:none!important} .visible-mobile, .visible-tablet{display:none;} .container{max-width:1430px} }