/*==== THEME DEVIANT v2 ======================== | | | (_) __ _____| |__ __| |_ _ __ __ _ ___ \ \ /\ / / _ \ '_ \ / _` | | '_ \ / _` |/ _ \ \ V V / __/ |_) | (_| | | | | | (_| | __/ \_/\_/ \___|_.__/ \__,_|_|_| |_|\__, |\___| __/ | |___/ ===== Webdinge.nl, ecommerce expert ===========*/ :root { /* Fonts */ --headings: 'Poppins', Arial, Helvetica, sans-serif; --headingsWeight: 700; --headingsStyle: normal; --headingsSize: 18px; --body: 'Inter', Arial, Helvetica, sans-serif; --bodySize: 14px; /* Colors */ --bodyText: #000000; --headingsColor: #000000; --primaryColor: #efb386; --btn1:#a7cc86; --btn1Text:#ffffff; --btn1Border:#000000; --btn2:#a7cc86; --btn2Text:#ffffff; --btn2Border:#a7cc86; --btn3:#ffffff; --btn3Text:#000000; --btn3Border:#101010; --green:#a7cc86; --red:#ff0016; --yellow: #F5C52C; --revStars: #0cc95b; /* other */ --radius:5px; --border: #e1e1e1; --borderWidth: 1px; /* Fallback in case JavaScript is disabled */ --vh: 1vh; } *, *::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%; overflow-x:hidden;} /* check overflow-x on product pages why this is happening */ body {font-size: var(--bodySize); line-height: 1.4; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin:0;background-color:;} body.open { overflow: hidden;} @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* visibillity */ .hidden-mobile, .visible-tablet, .visible-desktop{display:none!important;} .visible-mobile { display: flex!important;} .quickview {visibility:hidden;} .qv-close { visibility: hidden; opacity: 0;} 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: 1em; } 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); } b{font-weight:600;} /* links */ 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); }*/ .abs-link{position:absolute;left:0;right:0;top:0;bottom:0;z-index:5} .goSmoothly{text-decoration:underline;color:display:block} /* info colors */ .color-green {color: var(--green); font-weight: 600;} .color-red {color: var(--red); font-weight: 600;} .color-yellow{ color: var(--yellow); font-weight: 600;} /* icons */ i.icon_w_text{ margin-right: 5px;} i.text_w_icon{ margin-left: 5px;} /* flex + grid */ .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;} .list-inline { padding-left: 0; list-style: none; display: flex; flex-direction: row; align-items: center; margin:0;} /* input styles */ input[type="number"], input[type="text"],input[type="tel"],input[type="password"],input[type="email"]{border:1px solid var(--border);width:100%;height:50px;padding:0 15px;border-radius:var(--radius);filter:none;outline:0} textarea{border:1px solid var(--border);width:100%;padding:15px;border-radius:var(--radius);filter:none;outline:0;font-size: .85em;} input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #fff inset!important} /* dropdowns */ .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} /* selects */ .custom-select select,.page-container select, .page-account select,.page-checkouts select{display:block;height:50px;padding:0 25px 0 10px;width:100%;max-width:100%;box-sizing:border-box;margin:0;border-radius:var(--radius);-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer;position:relative;border:2px solid var(--border);transition:all ease-in-out .25s} .custom-select select:hover,.page-account select:hover,.page-checkouts select:hover, .page-container select:hover{border-color:#000} .custom-select select, .page-account select, .page-checkouts select, .page-container 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%;background-color: #fff;} .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, .page-container 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;} /* checkboxes */ .checkbox,.gui-checkbox{position:relative} .checkbox label,.gui-checkbox label{padding-left:30px;font-weight:400} .checkbox [type="checkbox"]:checked + label::before,.checkbox [type="radio"]: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{position: absolute;left: -9999px;} .checkbox [type="checkbox"]:not(:checked) + label,.checkbox [type="radio"]:not(:checked) + label,.checkbox [type="checkbox"]:checked + label,.checkbox [type="radio"]:checked + label{position:relative;padding-left:30px;cursor:pointer;line-height:22px;font-weight:400;display: flex;align-items: center;} .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{border:2px solid rgba(84,84,84,0.1);border-radius:2px;content:"";height:22px;left:0;position:absolute;top:0;width:22px;border-radius: var(--radius);} .checkbox [type="radio"]:checked + label::after,.checkbox [type="checkbox"]:checked + label::after{border-radius:2px;color:#fff;content:"\e915";font-family:deviant-font;font-size:12px;left:5px;line-height:inherit;position:absolute;top:0;transition:all .2s ease 0;color:#000} .sidebar-box-filter.checkbox label:hover,.category-filter a:hover{text-decoration:underline} /* images */ .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;border-radius: var(--radius);} .greyed{height:100%;display:block;background:#fff} .greyscale { filter: grayscale(1); } /* btns */ .btn { background-color: #eee; border: medium none; border-radius: var(--radius); box-shadow: none; padding: 12px 30px; text-shadow: none; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .25s ease-in-out;font-size: 14px;border:1px solid #000; font-weight: 600;} .btn:focus{outline:0} .btn:hover{opacity:.8} .btn.fb, .gui-button-facebook { background: #617fb3; color: #fff; font-weight: 600; border-color: #617fb3;} .btn.fb i,.gui-button-facebook{font-size:20px;margin-right:5px} .btn1 { background: var(--btn1); color: var(--btn1Text); border-color: var(--btn1Border); border-width:2px;} .btn2 { background: var(--btn2); color: var(--btn2Text); border-color: var(--btn2Border); border-width:2px;} .btn1:hover{color: var(--btn1Text);} .btn2:hover{color: var(--btn2Text);} .btn3 { background: transparent; color: var(--btn3Text); border-color: var(--btn3Border); border-width: 2px;} .btn3:hover { color: #fff; background: var(--btn3Border);} .btn-round{position:relative;cursor:pointer} .btn-round:hover::before,.usp:hover .btn-round::before,.btn-round.active::before{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} .btn-round::before{content:"";position:absolute;top:-10px;left:-10px;height:-webkit-calc(100% + 20px);height:calc(100% + 20px);width:-webkit-calc(100% + 20px);width:calc(100% + 20px);-webkit-border-radius:100%;border-radius:100%;background-color:rgba(0,0,0,0.05);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);z-index:1;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) .25s;-o-transition:all cubic-bezier(0.4,0,0.2,1) .25s;transition:all cubic-bezier(0.4,0,0.2,1) .25s} .btn-round:focus::before,.btn-round:active::before{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .btn-round i, .btn-round img{font-size:1.1em;height:50px;width:50px;line-height:50px;position:relative;z-index:1;vertical-align:middle;display:block;-webkit-border-radius:50%;border-radius:50%;text-align:center;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.07);box-shadow:0 2px 4px rgba(0,0,0,0.07);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:all cubic-bezier(0.4,0,0.2,1) .25s;-o-transition:all cubic-bezier(0.4,0,0.2,1) .25s;transition:all cubic-bezier(0.4,0,0.2,1) .25s;background-color:#fff} .btn-round.small i,.btn-round.small img{font-size:.65em;height:40px;width:40px;line-height:40px;font-style:normal} .btn-round.small::before{top:-5px;left:-5px;height:-webkit-calc(100% + 10px);height:calc(100% + 10px);width:-webkit-calc(100% + 10px);width:calc(100% + 10px)} .btn-round.xsmall i,.btn-round.small img{font-size:.65em;height:30px;width:30px;line-height:30px;font-style:normal} .btn-round.xsmall::before{top:-2.5px;left:-2.5px;height:-webkit-calc(100% + 5px);height:calc(100% + 5px);width:-webkit-calc(100% + 5px);width:calc(100% + 5px)} .btn.disabled{opacity:.4;pointer-events:none} .item .is_add_btn.pb.btn-round.disabled {opacity:.4;pointer-events:none;} .item .is_add_btn.pb.btn-round.disabled:hover i{ background-color: var(--red);} .item .is_add_btn.pb.btn-round.disabled:hover .icon-cart-modern::before { content: "\e91f";} .btn_square .btn-round::before, .btn_square .btn-round i, .btn_square .item:not(.meta) .checkbox [type="checkbox"]:not(:checked) + label::before, .btn_square .item:not(.meta) .checkbox [type="checkbox"]:checked + label::before{border-radius:var(--radius)} /* loaders + button loader */ .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)} @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) }} @keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) }} .item .is_add_btn.stay.pb.btn-round { position: relative;} .item .btn-round.pb .icon-cart-modern.done-added { background-color: var(--green);} .item .btn-round.pb .icon-cart-modern.done-added::before { position: absolute; top: 0; left: 0; z-index: 2; content: "\e915"; font-family: deviant-font; width: 100%; font-size: 1.2em;} .item .btn-round.pb .icon-cart-modern.loading::before { position: absolute; top: 0; left: 0; z-index: 2; content: "\eb24"; font-family: deviant-font; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; width: 100%; font-size: 1.2em;} /* accordions */ .accordion-menu { margin: 0;} .accordion-menu .toggle{ font-weight: 600;} .accordion-menu .inner { display: none; margin: 15px 0;} .accordion-menu li.active > .toggle i{ transform:rotate(-180deg); } /* popup */ .wd-popup .popup-inner { align-items: center;} .wd-popup .title { font-size: 1.6em;} .wd-popup form { display: flex; flex-direction: column;} .wd-popup .btn { margin-bottom: 10px; width: 100%;} .wd-popup input { margin-bottom: 10px;} .wd-popup .pass { position: relative;} .wd-popup .show_pass { position: absolute; right: 18px; top: 18px;} .wd-popup .f-pass { text-align: center; /* margin: 5px 0 15px 0; */ text-decoration: underline;} .fancybox-button.fancybox-button--arrow_left .btn-round:hover, .fancybox-button:hover{ color: #000!important;} /* read more/less buttons */ .js-show-more-wrap{overflow: hidden;} .js-show-more-wrap .js-show-more-content{ max-height: 360px; overflow: hidden; position: relative;} .js-show-more-wrap .js-show-more-content::after{ content: ""; box-shadow: inset 0 -140px 100px -70px #fff; position: absolute; bottom: 0; left: 0; width: 100%; height: 120px; opacity:1; visibility:visible;} .js-show-more-wrap .js-show-more-btn { text-decoration: underline; font-weight: 600;cursor:pointer;} .js-show-more-wrap .js-show-more-content.js-show { max-height: unset;} .js-show-more-wrap .js-show-more-content.js-show:after{opacity:0;visibility:hidden;} .js-show-more-wrap .js-show-more-content.js_show_1::after{box-shadow: inset 0 -140px 100px -70px #ffffff;} .js-show-more-wrap .js-show-more-content.js_show_2::after{box-shadow: inset 0 -140px 100px -70px #ffffff;} .js-show-more-wrap .js-show-more-content.js_show_3::after{box-shadow: inset 0 -140px 100px -70px #ffffff;} .js-show-more-wrap .js-show-more-content.js_show_4::after{box-shadow: inset 0 -140px 100px -70px #ffffff;} .js-show-more-wrap .js-show-more-content.js_show_5::after{box-shadow: inset 0 -140px 100px -70px #efb386;} .js-show-more-wrap .js-show-more-content.js_show_6::after{box-shadow: inset 0 -140px 100px -70px #ffffff;} .js-show-more-wrap .js-show-more-content.js_show_7::after{box-shadow: inset 0 -140px 100px -70px #efb386;} .js-show-more-wrap .js-show-more-content.js_show_8::after{box-shadow: inset 0 -140px 100px -70px #fafafa;} .js-show-more-wrap .js-show-more-content.js_show_9::after{box-shadow: inset 0 -140px 100px -70px #ffffff;} .js-show-more-wrap .js-show-more-content.js_show_10::after{box-shadow: inset 0 -140px 100px -70px #ffffff;} /* added to cart */ .mobile-add-msg{position:fixed;top:0;z-index:9999;background:#fff;box-shadow:0 1px 45px rgba(0,0,0,.1);-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .2s,-webkit-transform .25s;-webkit-transform:translateY(-120%);-ms-transform:translateY(-120%);transform:translateY(-120%);-webkit-backface-visibility:hidden;will-change:transform;backface-visibility:hidden} .mobile-add-msg.show{top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .mobile-add-msg .inner-msg{padding:30px} .mobile-add-msg .inner-msg .greyed{width:60px;height:60px} .mobile-add-msg .inner-msg img{border-radius:var(--radius);padding:10%;width:auto;max-height:60px} .mobile-add-msg .inner-msg .title{display:block} .mobile-add-msg .inner-msg .item-name{align-self:center;min-height:unset;padding:0 15px} .mobile-add-msg .inner-msg .btn{width:100%} .mobile-add-msg .inner-msg .item,.inner-msg .btn1{margin-bottom:15px} @font-face { font-family: 'deviant-font'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg9qCuUAAAC8AAAAYGNtYXCtLqpLAAABHAAAAIxnYXNwAAAAEAAAAagAAAAIZ2x5ZvMIMLsAAAGwAAAedGhlYWQcgClvAAAgJAAAADZoaGVhB2gDowAAIFwAAAAkaG10eOIADZkAACCAAAAA7GxvY2HWNN6YAAAhbAAAAHhtYXhwAEUAfQAAIeQAAAAgbmFtZRAgp/oAACIEAAADqHBvc3QAAwAAAAAlrAAAACAAAwP3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADudwNm/2cAmQNmAJkAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAcAAAABgAEAADAAgAAQAg6QPpDekz6bDrJOsw61zud//9//8AAAAAACDpAOkH6RDpr+sj6zDrXO52//3//wAB/+MXBBcBFv8WhBUSFQcU3BHDAAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAMAAP+ABAADgAAqADgASQAAAT4BPQE0Jy4BJyYjIgcOAQcGHQEUFhcGBw4BBwYVFBYzITI2NTQnLgEnJgE0NjMyFh0BFAYjIiY1AzY3PgE3NjMhMhceARcWFyEC8yIrGRlWOjtDQzs6VhkZKyI6MTFIFRQjHQOAHSMUFUgxMf4TblJSbm5SUm66ChcXQikpLgEALigoQRcYDP0MAS0raj5AQzs6VhkZGRlWOjtDQD5qKxEjI2A6O0EdIyMdQTs6YCMjASRSbm5SQFJublL+ACkjIzQODw8ONCMjKQABAR4AngLiAmIACwAAJTcXNyc3JwcnBxcHAXiIiFqIiFqIiFqIiJ6IiFqIiFqIiFqIiAAAAQAA/4AD0gNTABsAAAU3NjQvASYiDwEBNzY0LwEmIg8BMRQXHgEXFjMDQJITE6USNhKT/sCTExOlEzUTk0FC4peYrICSEzUSphMSkwFAkxM1EqYSEpOsmJfiQkEAAAAAAQAV/8AD6wMrACQAAAEOAQcuAScmJyYiBwYHBgcGFBcWFwkBNjc2NCcmJyYnJiIHBgcCFAUKBQUKBSs1NW41NSsqFRUVFSoBrAGsKhUVFRUqKzU1bjU1KwLsBg0GBg0GKhUVFRUqKzU1bjU1K/5sAZQrNTVuNTUrKhUVFRUqAAAEAAD/gAQAA4AAGwA3ADsARwAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTQnLgEnJgMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYDMxEjExQGIyImNTQ2MzIWAgBqXV2LKSgoKYtdXWpqXV2LKSgoKYtdXWpPRkZoHx4eH2hGRk9PRkZoHx4eH2hGRo+AgIAlGxslJRsbJQOAKCmLXV1qal1diykoKCmLXV1qal1diyko/IAeH2hGRk9PRkZoHx4eH2hGRk9PRkZoHx4BwP7AAcAbJSUbGyUlAAAABAAA/4AEAAOAABsANwBDAGIAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGJxQGIyImNTQ2MzIWAz4BMzIWFRQGBw4BHQEzNTQ2Nz4BNTQmIyIGDwEXNwIAal1diykoKCmLXV1qal1diykoKCmLXV1qT0ZGaB8eHh9oRkZPT0ZGaB8eHh9oRkYPJRsbJSUbGyV6Ch0THSMOGB09gAgYHUNuUjVZGCBsIAOAKCmLXV1qal1diykoKCmLXV1qal1diyko/IAeH2hGRk9PRkZoHx4eH2hGRk9PRkZoHx6AGyUlGxslJQGFDhIjHQ4QDxNCPkBACg4OFENDUm41KzpAOgAAAgAV/8AD6wNAABwAMAAAAS4BIyIGBy4BIyIGBwYHBhQXFhcJATY3NjQnJicDCQEmNDc+ATMyFhc+ATMyFhcWFAOsK2o3PnQuLnU9N2orKhUVFRUqAawBrCoVFRUVKlr+rv6uLi8XOiBFYjk5YkUgOhcvAuwqKjQ5OTQqKis1NW41NSv+bAGUKzU1bjU1K/7E/sABQC+ELhcYS11dSxgXLoQAAAABABP/nQPtA0YAGQAAASUnJiIPAQUOAR8BAwYWPwEXFjYnAzc2JicDyf7sfBBSEHz+7CcZHMgvB0Ej9/cjQQcvyBwZJwIkKPohIfooBkscw/7tJy8SgoISLigBE8McSwYAAAAACQAA/4AEAAOAAAMABwALAA8AEwAXABsAHwAjAAATIREhASERIQEhESEFIREhASERIQEhESEFIREhASERIQEhESEAAQD/AAGAAQD/AAGAAQD/AP0AAQD/AAGAAQD/AAGAAQD/AP0AAQD/AAGAAQD/AAGAAQD/AAOA/wABAP8AAQD/AID/AAEA/wABAP8AgP8AAQD/AAEA/wAAAAAAAwAA/8AEAANAAA0AGwApAAABISIGFRQWMyEyNjU0JgMhIgYVFBYzITI2NTQmAyEiBhUUFjMhMjY1NCYDwPyAGiYmGgOAGiYmGvyAGiYmGgOAGiYmGvyAGiYmGgOAGiYmAcAmGhomJhoaJgGAJhoaJiYaGib9ACYaGiYmGhomAAACAAD/gAQAA4AAIABCAAABIgcOAQcGFRQXHgEXFjMyNjcFETY3PgE3NjU0Jy4BJyYTFScwBiMiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYxAgBqXV6LKCgoKIteXWoKEwkBWh4YFyEJCSgoi15dlskwB09GRmkeHh4eaUZGT09GRmkeHhQUMBQUA4AjI3pSUV1dUVJ6IyMBAYIBGB4iIksoKCtdUVJ6IyP9TpVKAxkZVzs6QkI6O1cZGRkZVzs6QjQsLUESEgAAAAAFAAD/gAQAA4AAAwAHAB8AIwAnAAABMxEjATMRIxM0JiMhIgYdASEVMxEUFjMhMjY1ETM1ISUhFSEFESERAUCAgAEAgIDAJRv+gBsl/wBAJRsDABslQP8A/oABAP8AAcD9gAHA/oABgP6AAwAaJiYagID9gBomJhoCgIBAQID9wAJAAAACAAD/gAQAA4AAMAA8AAABNycHLgEvASMHDgEHJwcXDgEPARUXHgEXBxc3HgEfATM3PgE3FzcnPgE/ATUnLgEnASImNTQ2MzIWFRQGA1NEWokQIhIwgDASIhCJWkQJDgWRkQUOCURaiRAiEjCAMBIiEIlaRAkOBZGRBQ4J/q1QcHBQUHBwAjSJWkQJDgWRkQUOCURaiRAiEjCAMBIiEIlaRAkOBZGRBQ4JRFqJECISMIAwEiIQ/oxwUFBwcFBQcAADAAD/wAQAA0AADwAYAB0AAAEhIgYVERQWMyEyNjURNCYDIREFFjI3JRERBSU1IQPA/IAaJiYaA4AaJiZa/QABYA8iDwFg/oD+gAMAA0AlG/0AGyUlGwMAGyX9AAGSyggIyv5uAiXb21sAAAACAAD/gAOtAwAAFgBTAAABJiIHBhQfAR4BMzI2NwE2NCcmIgcBJxMyNz4BNzY1NCYjIgYVFAcOAQcGIyInLgEnJjU0Nz4BNzYzMhYXFjY3NiYnLgEjIgcOAQcGFRQXHgEXFjMBbRM0ExMTgAkYDAwYCQHAExMTNBP+bVNTXVFSeSQjJRsbJRkZVzs6QkI6O1cZGRkZVzs6Qhs2GRkwCQkXGSRLJl1RUnkkIyMkeVJRXQGtExMTNBOACgkJCgHAEzQTExP+bVP90yMkeVJRXRomJhpCOjtXGRkZGVc7OkJCOjtXGRkJCQkXGRkwCQwNIyR5UlFdXVFSeSQjAAACAAD/gAQAA4AAGwAhAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyc3FwEXAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXaraWoABAFoDgCgoi15dampdXosoKCgoi15dampdXosoKP0m2lqAAQBaAAEAEwAAA+0C7QAWAAAJAScmIgcGFBcBHgEzMjY3ATY0JyYiBwOT/a3TEzQTExMBAAkYDAwYCQKAExMTNBMC7f2t0xMTEzQT/wAKCQkKAoATNBMTEwAAAAABAAD/gAP8A3wAGgAABR4BMzoBMz4BNwE2JicuAQcBDgEHBhYXBQkBAkcIHxIBAgETHwYBQAcJDQ0kEfyAExcBARMRASYBd/70XRATARcSA4ASJA0NCQf+wAYfExMiCJMBDP6JAAAAAAQAAP/ABAADQAADAAcACwAPAAATIRUhFSEVIRUhFSEVIRUhAAQA/AAEAPwABAD8AAQA/AADQICAgICAgIAAAAABAMD/gANAA4AAGgAABQMjNTM1NDc+ATc2MzIWFxUHIgYdATMHIxEjAYEBwMATE0UwMDo3Vw5rPyXuQK7RgAHAwIBBMDBADxAGArQBNixhwP5AAAAEAAD/gAQAA4AADwArAEsATwAAASEiBhURFBYzITI2NRE0JgEyFx4BFxYVFAcOAQcGIyInLgEnJjU0Nz4BNzYBFAYjISImNREzDgEXFhceARcWFxY3PgE3NjU0JiczEREjNTMDhvz0M0dHMwMMM0dH/kgpJCQ1EA8PEDUkJCkpIyQ2DxAQDzYkIwGoGRL9VhIZVQkDCAoWFkAnKC1KRERnHh8JBVWAgAOARzL88jJHRzIDDjJH/sMPEDUkJCgpJCM2DxAQDzYjJCkoJCQ1EA/96BIZGRIBqiNQJy0nJz4WFQkOEhNWPj5IFS4T/lYCVYAAAAAABAAA/4AEAAOAABAAFAAhADcAAAEhIgYVERQWMyEyNjURNCYjASMRMyciJjU0NjMyFhUUBiMBIzU0JiMiBh0BIxEzFTM+ATMyFhURA9X8VhIZGRIDqhIZGRL9W5iYTCUzMyUkNDQkAoWYFTo7IJiSAg9JN3RDA4AZEvxWEhkZEgOqEhn8lwHpQzMlJDQ0JCUz/dTuK1dOMPIB6UMdMoZj/vQAAAABAAD/gAQAA4AAegAAASIHDgEHBhUUFx4BFxYXLgE3Njc+ATc2MTAmNTQ2MzIWFRQGBwYWMzI3PgE3NjU0Jy4BJyYjIgcOAQcGFRQWFx4BBw4BBw4BJy4BNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIyImJzAGBw4BBx4BMzI3PgE3NjU0Jy4BJyYjAgBqXV6LKCgYGFY8PEcDAwgECQoVCAgPNicgIB8LCS8mIh0eKwwNEBA4KCcvNysrOxAPFhADAQEDCgECCAcwOBYWVT8/U0M6OVUZGBQURjExOidCDBsFCScQJEwoal1eiygoKCiLXl1qA4AoKIteXWpRS0p8LzAcH1MhDyopWCIjKiI1RysdIVwuJjYRET4rKzQuJyY3DxATEz4oKCshQBMEBwQMKQUHAwMWeDg9ODhWGRoWF082NkBCOjpWGRkjGGgSIUwZCwwoKIteXWpqXV6LKCgAAAAAAQAA/+AEAAMgAE8AAAEOAQc+ATcOAQcuASMiBw4BBwYVFBYXJicuAScmJw4BFRQWFy4BJzAUMRQWFw4BIyImJx4BFw4BIyImJxYXHgEXFjMyNz4BNzY1NCY1PgE3BAAcPSAhMAwfQyQcUC0sJiY5ERADAkE9Pm4wMCcNDzMqGjAVYUgOGw8KFAkUa0U2hUoNGQwjJiZRKysskW9wmCcnAR81FQK+DREDEzwlEhoHHiQQETkmJiwMGAwDERE5JycwGDUdN1wcAQ4LAk1zDgQEAgI+UgIqMAIBFhIRGAcGNjesamtoBg4HFjcgAAACAAAAAAQAAwAANAA3AAABLgEnJicuASciMTAjDgEHBgcOAQcOATEwFhceARcWFx4BFzIxMDM+ATc2Nz4BNz4BMTAmJwERBQP2CUNBNT8/bSQlJSRtPz81QUMJCAICCAlDQTU/P20kJSUkbT8/NUFDCQgCAgj9igFAAk09UQ0JBQUEAQEEBQUJDVE9Po+PPj1RDQkFBQQBAQQFBQkNUT0+j48+/nMBgMAAAAAAAgAC/4AD/gOAACUAXQAAASYnLgEnJiMiBw4BBwYVFBYXAyUeATMxMjc+ATc2NTQnLgEnJicDDgEHBiYnJicuAScmJy4BNTQ2NzYWFx4BFxYGBw4BFx4BFx4BFxY2Nz4BNzYyFx4BFx4BFxYGBwNpJCkqWzExM2lcXYkoKCIhSAENOHtAaVxdiigoCgolHBwkbwc8EhFTNDAnJzgQEQIFLyMKEzwHCB0CAwENBhoHBSUdJDgKCQ0FBhwGBw0JCUQKCQwDAgIIAuskHBwlCgooKIpcXGlDgTr++UcfHygoilxcaTMxMVsqKST95BYjAwILFxUfHzwXFgMGTy4vMgkRBRITRwQFHwgEGxEKNBogGgUEAQcGIgkKAwQhBQQGBAQjFgAAAAQAAP+ABAADgAATABcAIwAvAAAlISImNREjNTMyFh0BITIWFQMOASUhEyETFAYjIiY1NDYzMhYFFAYjIiY1NDYzMhYDQP2AHSOAwB0jAsArFYAKI/2tAg1Z/ZpASzU1S0s1NUsCgEs1NUtLNTVLwCMdAgCAIx1ARQ7+QBMagAFA/YA1S0s1NUtLNTVLSzU1S0sAAAADAAD/gAQAA4AAGAAkADAAAAEhFSEDIRE0JisBFTMRFBYzITI2NxM0JiMBFAYjIiY1NDYzMhYFFAYjIiY1NDYzMhYDwP4AAa1a/e0jHcCAIx0CgBMjCoAQMP2ASzU1S0s1NUsCgEs1NUtLNTVLAwCA/sACAB0jgP4AHSMaEwHADkX9ADVLSzU1S0s1NUtLNTVLSwAAAwBA/40DwAOAAAsAOQBVAAABFAYjIiY1NDYzMhYDJicuAScmNSYnLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBgcGBw4BBwYHBiYnAxc3OAExPgE1NCcuAScmIyIHDgEHBhUUFhc0MAKASzU1S0s1NUutAiorYyopIRkaIQkIIyN5UlFeXlFSeSMjCAkhGhkhAykqYikqAhM0E63a2jA2GRlWOjtDQzs6VhkZNjABwDVLSzU1S0v9ngMlJVkmJQIdJCNRLCsuXlFSeSMjIyN5UlFeLiwsUSUlHwImJVklJgIPAhMBQMDAMHNEQzo7VhkZGBhUOTpDQ3owBQAAAQATAFwD7QKkAAUAAAEnCQEHAQPtWv5t/m1aAe0CSVv+bQGTW/4TAAEA3P+TAyQDbQAFAAAJAjcJAQLJ/hMB7Vv+bQGTA23+E/4TWgGTAZMAAAAAAQDc/5MDJANtAAUAAAUJAQcJAQE3Ae3+E1sBk/5tbQHtAe1a/m3+bQAAAAABABMAXAPtAqQABQAACQEXCQE3AgD+E1oBkwGTWgKk/hNbAZP+bVsAAQDAAMADQAJAAAIAAAEhAQNA/YABQAJA/oAAAAEBQABAAsACwAACAAAlEQECwP6AQAKA/sAAAAABAUAAQALAAsAAAgAAJQkBAUABgP6AQAFAAUAAAQDAAMADQAJAAAIAAAkBIQIA/sACgAJA/oAAAAEAU/+AA60DgAAIAAABEQEHCQEnAREBwP7tWgGtAa1a/u0DgPz1ARNb/lMBrVv+7QMLAAABAAD/0wQAAy0ACAAAAScJATcBITUhAghb/lMBrVv+7QML/PUC01r+U/5TWgETgAABAAD/0wQAAy0ACAAACQEhFSEBFwkBAfgBE/z1Awv+7VsBrf5TAtP+7YD+7VoBrQGtAAAAAQBT/4ADrQOAAAgAAAURATcJARcBEQJAARNa/lP+U1oBE4ADC/7tWwGt/lNbARP89QAAAAEBJgAmAtoC2gAFAAAJAjcJAQKA/qYBWlr/AAEAAtr+pv6mWgEAAQAAAAAAAQEmACYC2gLaAAUAAAkCFwkBASYBAP8AWgFa/qYCgP8A/wBaAVoBWgAAAAABAKYApgNaAloABQAAAScJAQcBA1pa/wD/AFoBWgIAWv8AAQBa/qYAAQCmAKYDWgJaAAUAAAkBNwkBFwIAAQBa/qb+ploBpv8AWgFa/qZaAAIAAP+ABAADgAALABcAAAEhMjY1NCYjITUJAQUhIgYVFBYzIRUJAQFAAgAaJiYa/gD+wAFAAYD+ABomJhoCAAFA/sACQCYaGibA/wD/AMAmGhomwAEAAQAAAAAABAAN/8YDwANGAAgAEQAaAD4AABMeARc3LgEnBwUuAScHHgEXNzMXPgE3Jw4BBwE0Jy4BJyYjIgcOAQcGBycDJSc+ATMyFx4BFxYVFAYHFz4BNUYJLiNlGSEHfgGFJUUeTCphMxZqFjVlLE4fSCcBiyMkeVJRXS0rLFAlJR+JLQGZiCx2QEI6O1cZGR8eaCorATU3ZyxPIEkoFvEHHRZnHykJfn4JLCJlGB8HATxdUVJ5JCMJCSEZGB+J/mctiC0xGRlXOzpCM18pSzmGRwAAAAUAQP+AA8ADgAAFABEAKwAzAEsAACUhNRMBNzUUBiMiJjU0NjMyFjcuAScuAScuASMhIgYVERQWMyEyNjURNCYnJx4BFyM1HgETFAYjISImNRE0NjMwMzoBMzIxFRQWOwEDQP2AwAEHuTgoKDg4KCg4VhEtGRozFycpC/4QIS8vIQLgIS8OHIUXJQ2aESmGCQf9IAcJCQdNTrpNThMN4ACAAUD+wICgKDg4KCg4ONMXMxoZLREcDi8h/KAhLy8hAnALKSc2FykRmg0l/OgHCQkHA2AHCeANEwAAAAAFAED/gAPAA4AABQARACsAMwBLAAAlITUTATc1FAYjIiY1NDYzMhY3LgEnLgEnLgEjISIGFREUFjMhMjY1ETQmJyceARcjNR4BExQGIyEiJjURNDYzMDM6ATMyMRUUFjsBA0D9gMABB7k4KCg4OCgoOFYRLRkaMxcnKQv+ECEvLyEC4CEvDhyFFyUNmhEphgkH/SAHCQkHTU66TU4TDeAAgAFA/sCAoCg4OCgoODjTFzMaGS0RHA4vIfygIS8vIQJwCyknNhcpEZoNJfzoBwkJBwNgBwngDRMAAAAAAgAg/7AEAANwADoAcgAAAS4BJy4BJy4BJy4BBw4BBw4BBw4BBw4BFx4BFx4BFx4BFx4BNz4BNz4BNz4BNz4BNzoBMzI2NTwBNTEHDgEHDgEHDgEnLgEnLgEnLgEnLgE3PgE3PgE3PgE3PgEXHgEXHgEXHgEXHgEHMRwBFRQWFw4BBwQAARUVFDkkI1QuLWExMV8sLU8hITQREhABARQTEzYhIk4rK1ouLlkpKUseHzEQCQ4DAQIBGyVmETMfH0koKFUqKlMnJkUdHSwPDw4BARIQES4dHkMlJU8nJ00kI0AaGykODQ0BIRgFDwsBgDJjLS5SIiM1EhIRAQEVExQ3IyJRLSxeLy9cKytNICAyEBEQAQEUEhI0ISBMKRk0GyUbAQMBqihHHh4uEA8PAQESERExHh5HJidRKSlQJSVCHBsrDg8NAQEREBAtHBxBJCNLJgEDARkkAxozGAAAAgAg/7AEAANwADoAcgAAAS4BJy4BJy4BJy4BBw4BBw4BBw4BBw4BFx4BFx4BFx4BFx4BNz4BNz4BNz4BNz4BNzoBMzI2NTwBNTEHDgEHDgEHDgEnLgEnLgEnLgEnLgE3PgE3PgE3PgE3PgEXHgEXHgEXHgEXHgEHMRwBFRQWFw4BBwQAARUVFDkkI1QuLWExMV8sLU8hITQREhABARQTEzYhIk4rK1ouLlkpKUseHzEQCQ4DAQIBGyVmETMfH0koKFUqKlMnJkUdHSwPDw4BARIQES4dHkMlJU8nJ00kI0AaGykODQ0BIRgFDwsBgDJjLS5SIiM1EhIRAQEVExQ3IyJRLSxeLy9cKytNICAyEBEQAQEUEhI0ISBMKRk0GyUbAQMBqihHHh4uEA8PAQESERExHh5HJidRKSlQJSVCHBsrDg8NAQEREBAtHBxBJCNLJgEDARkkAxozGAAAAgAA/4AEAAOAAB0AOQAAJQE+ATU0Jy4BJyYjIgcOAQcGFRQXHgEXFjMyNjcBATQ3PgE3NjMyFx4BFxYVFAcOAQcGIyInLgEnJgQA/tQVFx4eaUZFUFBFRmkeHh4eaUZFUDFaKQEs/SAUFEYuLzU1Ly5GFBQUFEYuLzU1Ly5GFBQgASwpWjFQRUZpHh4eHmlGRVBQRUZpHh4XFf7UAoA1Ly5GFBQUFEYuLzU1Ly5GFBQUFEYuLwAAAAYAQP+AA8ADgAAXABsAMwA3AE8AUwAAATMyNj0BNCYrATUjFSMiBh0BFBY7AREzAzMVIwMyNj0BNCYrAREjESMiBh0BFBY7ARUzNSczFSMDMjY9ATQmKwE1IxUjIgYdARQWOwERMxEnMxUjA4AQFBwcFBCAEBQcHBQQgICAgLAUHBwUEIAQFBwcFBCAgICAsBQcHBQQgBAUHBwUEICAgIABwBwUoBQcwMAcFKAUHP3AAwCA/kAcFKAUHAJA/cAcFKAUHMDAwIABQBwUoBQcwMAcFKAUHP3AAkDAgAADAAD/wAQAAoAAGQA4AEQAAAEyFhceARUUBgcOASMhIiYnLgE1NDY3PgEzJSEiBw4BBwYVFBceARcWMyEyNz4BNzY1NCcuAScmIwMUBiMiJjU0NjMyFgKgLVIfICIiIB9SLf7ALVIfICIiIB9SLQFA/sBJQEBgGxwcG2BAQEkBQElAQGAbHBwbYEBASaBeQkJeXkJCXgIAIiAfUi0tUh8gIiIgH1ItLVIfICKAHBtgQEBJSUBAYBscHBtgQEBJSUBAYBsc/qBCXl5CQl5eAAAAAgAA/8AEAAKAAB0AKQAAASEiBw4BBwYVFBceARcWMyEyNz4BNzY1NCcuAScmAyImNTQ2MzIWFRQGAqD+wElAQGAbHBwbYEBASQFASUBAYBscHBtgQEBJQl5eQkJeXgKAHBtgQEBJSUBAYBscHBtgQEBJSUBAYBsc/gBeQkJeXkJCXgAAAQAAAAGAAAXn1ANfDzz1AAsEAAAAAADcsDK5AAAAANywMrkAAP+ABAADgAAAAAgAAgAAAAAAAAABAAADZv9nAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAOwQAAAAAAAAAAAAAAAIAAAAEAAAABAABHgQAAAAEAAAVBAAAAAQAAAAEAAAVBAAAEwQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAEwQAAAAEAAAABAAAwAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAgQAAAAEAAAABAAAQAQAABMEAADcBAAA3AQAABMEAADABAABQAQAAUAEAADABAAAUwQAAAAEAAAABAAAUwQAASYEAAEmBAAApgQAAKYEAAAABAAADQQAAEAEAABABAAAIAQAACAEAAAABAAAQAQAAAAEAAAAAAAAAAAKABQAHgCMAKYA1gEWAYQCFAJmApgC5gMmA4wDzgQuBGQE4gUcBUgFfAWcBcYGQAaSB0IHuAgOCKAI6gk0CbIJxgncCfIKBgoUCiIKMAo+ClgKcAqKCqQKugrQCuQK+AsmC44L/AxqDRgNxg4iDpAO+A86AAEAAAA7AHsACQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAaAT4AAQAAAAAAAAAIAbAAAQAAAAAAAQAMAAAAAQAAAAAAAgAHAjEAAQAAAAAAAwAMAekAAQAAAAAABAAMAkYAAQAAAAAABQALAcgAAQAAAAAABgAMAg0AAQAAAAAACQALAF0AAQAAAAAACgAuASYAAQAAAAAACwATACQAAQAAAAAADAATAH4AAQAAAAAADQALALcAAQAAAAAADgAaANgAAwABBAkAAAAQAbgAAwABBAkAAQAYAAwAAwABBAkAAgAOAjgAAwABBAkAAwAYAfUAAwABBAkABAAYAlIAAwABBAkABQAWAdMAAwABBAkABgAYAhkAAwABBAkACQAWAGgAAwABBAkACgBcAVQAAwABBAkACwAmADcAAwABBAkADAAmAJEAAwABBAkADQAWAMIAAwABBAkADgA0APJkZXZpYW50LWZvbnQAZABlAHYAaQBhAG4AdAAtAGYAbwBuAHRodHRwczovL3dlYmRpbmdlLm5sAGgAdAB0AHAAcwA6AC8ALwB3AGUAYgBkAGkAbgBnAGUALgBuAGxXZWJkaW5nZS5ubABXAGUAYgBkAGkAbgBnAGUALgBuAGxodHRwczovL3dlYmRpbmdlLm5sAGgAdAB0AHAAcwA6AC8ALwB3AGUAYgBkAGkAbgBnAGUALgBuAGxTSUwgT0ZMIDEuMQBTAEkATAAgAE8ARgBMACAAMQAuADFodHRwOi8vc2NyaXB0cy5zaWwub3JnL09GTABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAExFeHBlcnQgaW4gZWNvbW1lcmNlCkZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEUAeABwAGUAcgB0ACAAaQBuACAAZQBjAG8AbQBtAGUAcgBjAGUACgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC53ZWJkaW5nZQB3AGUAYgBkAGkAbgBnAGVWZXJzaW9uIDEuNQBWAGUAcgBzAGkAbwBuACAAMQAuADVkZXZpYW50LWZvbnQAZABlAHYAaQBhAG4AdAAtAGYAbwBuAHRkZXZpYW50LWZvbnQAZABlAHYAaQBhAG4AdAAtAGYAbwBuAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJkZXZpYW50LWZvbnQAZABlAHYAaQBhAG4AdAAtAGYAbwBuAHQAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: normal; font-style: normal; font-display: block;}[class^="icon-"],[class*=" icon-"]{font-family:'deviant-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-file-picture1:before { content: "\e9b0";}.icon-equalizer2:before {content:"\eb5c";}.icon-spinner21:before {content:"\eb24";}.icon-heartfull:before{content:"\e903"}.icon-phone:before{content:"\e902"}.icon-toggle-on1:before{content:"\ee77"}.icon-toggle-off1:before{content:"\ee76"}.icon-search:before{content:"\eb30"}.icon-remove:before{content:"\e901"}.icon-users:before{content:"\e900"}.icon-info:before{content:"\e907"}.icon-help:before{content:"\e908"}.icon-heart:before{content:"\e909"}.icon-favourite:before{content:"\e90a"}.icon-grid1:before{content:"\e90b"}.icon-menu:before{content:"\e90c"}.icon-chat:before{content:"\e90d"}.icon-trash:before{content:"\e910"}.icon-settings:before{content:"\e911"}.icon-email:before{content:"\e912"}.icon-check-circle:before{content:"\e913"}.icon-check-circle-08:before{content:"\e914"}.icon-check:before{content:"\e915"}.icon-send:before{content:"\e916"}.icon-align-justify:before{content:"\e917"}.icon-fb:before{content:"\e918"}.icon-instagram:before{content:"\e919"}.icon-linkedin:before{content:"\e91a"}.icon-pinterest1:before{content:"\e91b"}.icon-twitter:before{content:"\e91c"}.icon-youtube:before{content:"\e91d"}.icon-whatsapp:before{content:"\e91e"}.icon-cart-modern:before{content:"\e91f"}.icon-cart1:before{content:"\e920"}.icon-pin:before{content:"\e921"}.icon-minimal-down:before{content:"\e922"}.icon-minimal-left:before{content:"\e923"}.icon-minimal-right:before{content:"\e924"}.icon-minimal-up:before{content:"\e925"}.icon-triangle-down:before{content:"\e926"}.icon-triangle-left:before{content:"\e927"}.icon-triangle-right:before{content:"\e928"}.icon-triangle-up:before{content:"\e929"}.icon-tail-down:before{content:"\e92a"}.icon-tail-left:before{content:"\e92b"}.icon-tail-right:before{content:"\e92c"}.icon-tail-up:before{content:"\e92d"}.icon-small-left:before{content:"\e92e"}.icon-small-right:before{content:"\e92f"}.icon-small-down:before{content:"\e930"}.icon-small-up:before{content:"\e931"}.icon-swap-horizontal:before{content:"\e932"}.icon-undo:before{content:"\e933"} /* swiper settings */ .swiper-scrollbar{width:calc(98% - 40px);margin-left:20px;bottom:0;height:5px;} .swiper-container{width:100%;height:100%;opacity:0} .swiper-container.swiper-container-initialized,.swiper-container.is-mobile,.swiper-container.init-single{opacity:1} .swiper-next,.swiper-prev{position:absolute;top:calc(50% - 25px);z-index:10} .swiper-next.swiper-button-disabled,.swiper-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-next{right:-30px;left:auto} .swiper-prev{left:-30px;right:auto} .swiper-button-disabled{display:none} .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:50%;right:50px;left:auto;display:flex;flex-direction:column} .swiper-pagination-bullet{width:12px;height:12px;opacity:.5;border:2px solid #fff;background:transparent;margin:2px 0} .swiper-pagination-bullet-active{opacity:1;border-color:var(--primaryColor);background:transparent} .home-products .carousel{position:relative} /* shop scores */ .shop-score .text { margin-left: 15px;} .shop-score .text a { text-decoration: underline;} .shop-score .item-rating .icon-favourite { border-radius: 100%; font-size: .65em; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; color: #fff; margin-right: 1px;} .shop-score .item-rating .icon-favourite.on { background: #2ac37d;} .shop-score .item-rating .icon-favourite.semi{ background: #cecece; background: -moz-linear-gradient(left, #2ac37d 0%, #0cc95b 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%);} .shop-score .shop-score .text em { font-size: .85em; color: #555;} .shop-score .icon-favourite.off { color: #fff; border: 1px solid #cecece; background: #cecece; } /* notifications */ .notbar { padding: 8px 0; font-weight: 600; display: none; width: 100%; z-index: 8;} .notbar.attop { position: relative;} .notbar.atbottom{ position: absolute; } .notbar .container { min-height: 40px;} .notbar a { display: flex; justify-content: space-between; width: 100%; flex-direction: column;} .notbar i{ width: 32px; height: 32px; background: #fff; border-radius: 100%; display: flex; justify-content: center; font-style: normal; color:#e12f2f;align-self:flex-start;align-items: center;cursor: pointer;margin-left:15px;} .notbar p { margin: 0; display: block; justify-content: space-between;} .notbar .cc-wrap { margin-top: 15px; display: block;} .notbar p .ccode { background:#ffffff; color:#e12f2f; border-radius: 5px; padding: 4px 12px; margin-left: 5px;} /* messages */ .msgs .container{position:relative} .msgs .alert{padding:15px 30px;z-index:22;font-weight:600;position:absolute;right:0;left:0;top:10px;border:1px solid;transition-property:all;transition-duration:.25s;transition-timing-function:cubic-bezier(0,1,0.5,1);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:600} .msgs .alert p { margin: 0 0 0 15px; flex: 1;} .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} /* opening hours */ .opening a { text-decoration: underline; color: var(--green); font-weight: 600; text-transform: lowercase;margin-left:5px} .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);} .opening a.static { color: var(--red);} /* textpages */ /*.home-text.container :is(h1, h2, h3, h4, h5, h6),*/ .cat-description :is(h1, h2, h3, h4, h5, h6), .anyipsum :is(h1, h2, h3, h4, h5, h6){ font-family: var(--bodyText);font-weight:600;} .anyipsum a { color: var(--primaryColor); text-decoration: underline; font-weight: 600;} .anyipsum ul { list-style-type: disc; padding-left: 15px;} .anyipsum ol { list-style-type: decimal; padding-left: 15px;} .anyipsum img, .anyipsum video { max-width: 100%; height: auto; overflow: hidden; border-radius: var(--radius); } .container{max-width:100%;padding:0 20px; margin-right: auto; margin-left: auto; } .grid.grid-4,.grid.grid-3{ /* grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); */ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-column-gap:10px; grid-row-gap:20px } body{font-size:.875em} body.active_overlay, html.active_overlay{overflow:hidden;height:100%} .menu--overlay.open { background-color: rgba(0,0,0,0.15); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 99; transition: all ease-in-out .25s;} #menu,#top .settings.langs,#top .shop-score .text a{display:none} @keyframes slideUp {0%{transform:translateY(-1px);position:fixed}100%{transform:translateY(0)}} #top .settings.langs{display:none} #top {background:#e9e9e9;color:#101010; position: relative; z-index: 99;} #top .top { height: 35px; font-size: .75em; } /*#top .usp-car.carousel { width: 100%; flex: 1;}*/ #top .usp { line-height: 35px; white-space: nowrap;} #top .usp a{display:flex;align-items:center;} #top .top .usp i, .cart-menu-side .usp i{color:#efb386;} #top .usp b { font-weight: 600; } #top .settings { padding-left: 15px; cursor: pointer; line-height: 35px;} #top .settings .dropdown-menu a { color: var(--bodyText);} #top .settings img { border-radius: 100%;} #top .shop-score { position: relative; padding-left: 5px;} #top .shop-score .item-rating .icon-favourite { width: 10px; height: 10px; font-size: .5em;} #top .shop-score .text { white-space: nowrap;} #top .shop-score .text, #top .shop-score .text a { margin-left: 5px;} #top .top{font-size:.85em} #top .usp-car { flex: 1; margin-left: 0;} #top .shop-scor{flex:0 0 40%} #top .rev_set_wrap { display: none;} #header .i-wrap { position: relative;} #header .tool .ccnt, .filters_active .ccnt { border-radius: 100%; background: var(--primaryColor); 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.myacc .i-wrap .icon-check { font-size: .85em; margin: 0;} #header { position: sticky; position: -webkit-sticky; top: -1px; z-index: 98; background: #ffffff; transition: all ease-in-out .25s; box-shadow: 0 5px 10px rgba(0,0,0,.05);background:#faf9f4;} #header.is-sticky { box-shadow: 0 1px 25px rgba(0,0,0,.05);} #header.slide-up{position:relative;width:100%;z-index:9999;animation:slide .25s;top:-35px} #header .header{padding:0 20px} #header .logo { max-width: 160px; min-width: 140px; margin-left: -20px; padding-left: 20px; padding-right: 20px; height: 60px;} #header .logo.with-bg{ background-color: #f5f5f5; } #header .logo.square.with-bg img, #header .inner-head.logo_lc .with-bg.logo img { background-color: #f5f5f5; } #header .logo img { max-width: 120px; height: 60px; width: auto; padding:12px;} #header .logo a { border-radius: 0; display: flex; } #header .logo.logo-square img{ padding:12px;} #header.square > .flex.container { flex-wrap: wrap; } #header.square .search { padding: 0; margin: 0 -20px; flex: 1 0 100%; } #header.square .header { padding: 0 0 0 20px; } #header.square .logo_lc .header { padding: 0 20px; } #header.square .search.lc{margin: 0;} #header.square .inner-head{height:auto;box-shadow:0 0 0 transparent} #header.square .tools-wrap { padding-top: 0; flex: 1; justify-content: flex-end; padding-left: 0; } #header .logo.logo-square { min-width: 160px; height: 60px; padding: 0 !important;} #header .logo.logo-square img { height: 60px; max-width: 120px; width: 100%; margin: 0 auto;} #header .tools-wrap{height:60px;padding-left:15px} #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.4em;} #header .tool a{display:block;text-align:center;line-height:60px} #header .inner-head{box-shadow:0 3px 4px rgba(0,0,0,.05);z-index:9999; } #header .clearable-input .btn, #header .tool i, #header .tool .small-lable{ color:#000000;} #header .tool .i-wrap .icon-check{color:#fff;} #header .search{padding:0;border-top:1px solid #e1e1e1;display:flex;align-items:center;height:50px} #header .search form, .search.lc form{flex:1} #header .clearable-input{position:unset} #header .clearable-input > input { padding: 0 20px; height: 50px; background: rgba(255,255,255,.25);color:#000000;} /* Safari is the only browser that use this, this disables zoom on input */ @supports (-webkit-overflow-scrolling: touch){ #header .clearable-input > input { font-size: 16px; } } #header .clearable-input .btn { padding: 0 30px; font-size: 1em; background: rgba(255,255,255,.25); border-radius: 0 var(--radius) var(--radius) 0; } #header .clearable-input > [data-clear-input]{top:65px;right:20px} .search.lc{display:flex;} #header .mob-men, .search.lc .mob-men{width:55px;justify-content:center;display:flex;border-bottom:2px solid #000;height:50px;align-items:center;position:relative;color:#000000;} #header .mob-men::after, .search.lc .mob-men::after{content:"";position:absolute;border-right:1px solid #e1e1e1;width:1px;height:100%;right:0} #header .autocomplete{top:100%;padding:30px 0;height:calc(100vh - 110px);position:absolute;overflow-y:auto;border-bottom:30px solid #fff} #header .autocomplete .products{grid-template-columns:repeat(2,1fr)} #header .autocomplete .more{margin:30px 0} #header .tool.mini-cart .select-dropdown{position:unset} #header .tool.mini-cart .dropdown-menu{right:0;left:0;padding:0 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; top: 60px; } #header .tool.mini-cart .title{display:flex;justify-content:space-between;align-items:center} .mini-cart .widget_content{width:100%;padding-right:0;flex:1;max-height:calc(100vh - 35vh - 170px);overflow-y: auto; } .mini-cart .total { padding: 20px 0; border-top: 2px solid #000;} #header .tool.mini-cart .item.item-list.small-list a{white-space:normal;line-height:inherit;text-align:left} #header .tool.mini-cart .item.item-list.small-list .item-meta-container{padding:0 0 0 20px;font-size:1em;text-align:left;line-height:1.42857143} #header .mini-cart .shipc { line-height: 1.42857143; font-size: 1.1em;} #header .mini-cart .total .btn { height: 50px; display: flex; justify-content: center; align-items: center; line-height: inherit; margin-top: 20px; margin-bottom: 0; } #header .mini-cart .total .btn.view-cart{margin-top:10px;} #header .mini-cart .cart-info{margin-bottom:20px} #header .close-cart{z-index:99;position:relative} #header .close-cart i{margin:0} /* search*/ .clearable-input { position: relative;} .clearable-input > input { background: transparent; border-width: 0 0 2px 0; border-color: #000; border-radius: 0;} .clearable-input .btn { border-width: 0 0 2px 0; background: transparent; padding: 0 10px;border-radius: 0;} .clearable-input > [data-clear-input] { display: none; position: absolute; top: 13px; right: -10px; font-size: 1.8em;} .clearable-input > input::-ms-clear{display:none} .autocomplete { top: 69px; 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;} .autocomplete .products { grid-column-gap: 10px; grid-row-gap: 20px;} .autocomplete .products .item .item-image-container img { padding: 10%;} .autocomplete .products .item .item-image-container.borderless img { padding: 0; } .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 { justify-content: space-between; margin-top: auto; min-height: 60px; } .autocomplete .notfound, .autocomplete .more { display: none;} .autocomplete.noresults .notfound { display: block;} .autocomplete .more, .autocomplete.noresults .notfound{ text-align: center; margin-top: 30px;} .autocomplete.noresults .more { display: none;} .autocomplete .brand-name { font-size: .85em;} /* mini cart */ #header .tool.mini-cart .title { font-size: 1.6em;} #header .close-cart i { font-size: 1em; color: var(--bodyText);} .mini-cart .pqty, .cartpage .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; margin: 0 5px 0 0 !important;} .mini-cart .bundle-variant { padding-left: 15px; display: block; color: #999; font-weight: 600;} .mini-cart .bundled { background: #f9f9fa; padding: 15px; margin: 5px 0; border-radius: var(--radius);font-size: .85em; } .mini-cart .bundled ul{ margin: 0;} .mini-cart .bundled li { border-bottom: 1px solid var(--border); padding: 5px 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; padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; } .mob-men-slide.is-visible,.mobile-menu-side.is-visible{left:0} .mobile-menu-side .filters-aside{width:85vw;background:#fff;left:0;max-height:100%;overflow-y:scroll;position:absolute;transition:.5s;height:100%;top:auto;} .mob-men-slide .sideMenu { width: 85vw; height: calc(var(--vh, 1vh) * 100); position: fixed; overflow-y: auto; overflow-x: hidden; padding-bottom: env(safe-area-inset-bottom); box-sizing: border-box; } .mobile-menu-side .title { font-family: var(--body); font-weight: 600; } .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{margin-right:15px;font-size:2em;position:absolute;right:0;top:10px} .mob-men-slide .section-title.has-image .close{top:40px} .mob-men-slide .nav-item{padding:0 50px 0 30px;border-bottom:1px solid var(--border);height:50px;font-weight:600} .mob-men-slide .nav-item.ext{font-weight:400!important;color:rgba(0,0,0,.5)} .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:1.2em;font-weight:600;} .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: fixed; top: 0; background: #fff; width: 85vw; height: auto; bottom: 0; right: 0; overflow-y: auto; overflow-x: hidden; } .mob-men-slide .subsection.section-content.menu_open{left:0} .mob-men-slide .nav-item.tool .btn{padding:2px 5px;font-size:.85em;margin:0 5px 0 0} .mob-men-slide .nav-item.langs a img{border-radius:100%;margin:0 5px 0 0} /* headlines */ #headlines { position: relative;} #headlines figure { margin: 0;} #headlines .slide-image { background-size: cover; background-position: center center; object-fit: cover; position: absolute; left: 0; top: 0; right: 0; bottom: 0;} #headlines.fullscreen { height: 100vh;} #headlines .item-1 .slide-image{ background-image: url('slide1-mobile-image.png?20250813143153');z-index:1} #headlines .item-2 .slide-image{ background-image: url('slide2-mobile-image.png');z-index:1} #headlines .item-3 .slide-image{ background-image: url('slide3-mobile-image.png');z-index:1} #headlines .item-1 .banner-text{background-color:#ffffff;} #headlines .item-2 .banner-text{background-color:#ffffff;} #headlines .item-3 .banner-text{background-color:#ffffff;} /*#headlines .slick-dotted.slick-slider { margin-bottom: 0;}*/ #headlines.fullwidth .banner-text, #headlines.fullscreen .banner-text { padding: 30px 0;} #headlines .slide-video { position: relative; left: 0; right: 0; object-fit: fill; } #headlines.banner .text-wrap.contrast { min-width: unset; margin: 0; padding: 15px 30px; flex-direction: column; align-items: flex-start; width: auto; } #headlines.banner .banner-text .maintitle { font-size: 1.2em; } #headlines.fullscreen .banner-text { height: calc(100vh - 179px);} #headlines.fullwidth { height: 200px; border-bottom: 1px solid var(--border); } #headlines.fullwidth .banner-text { height: 200px; margin-left: 0; } #headlines .video-background { position: absolute; left: 0; top: 0; right: 0; bottom: 0;} #headlines .video-background iframe { position: relative; pointer-events: none; margin: 0;} #headlines .banner-text.bottom.vcenter .banner-btn { align-self: center;} #headlines .item-1 .banner-btn.btn3{ background:#000000; color:#ffffff; border-color: #000000; } #headlines .item-2 .banner-btn.btn3{ background:#000000; color:#ffffff; border-color: #000000; } #headlines .item-3 .banner-btn.btn3{ background:#000000; color:#ffffff; border-color: #000000; } /* categories */ #categories .banner-img .abs-link { z-index: 7;} #categories .banner-img.s1 img { width: 100%; height: 100%; object-fit: cover;} #categories .banner-img.s2 img { padding: 10%; width: 100%;} #categories .text-wrap .subtitle { font-size: .85em; color: #888; font-weight: 400;} #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;} #categories .banner.cat_blocks .banner-img { height: 120px; flex: 0 0 120px; } #categories .banner.cat_blocks .banner-text { align-items: flex-start; text-align: left; align-items: center; height: 120px; } #categories .banner.cat_blocks .banner-text .maintitle { font-size: 1.4em; } /*.home-block.block_1 #categories, .main-container .home-block.block_1 .banner-area { padding-top: 0;}*/ .no_margin .home-products, .no_margin .home-block { padding-top: 0;} .no_margin.block_1 .header, .home-block.block_1 #categories .header{display:none;} .home-block.block_1.no_margin { padding-top: 0; } .home-block.block_1 { padding-top: 30px; } #categories .category-area{margin:0;flex-direction:column} #categories .banner{flex:1;padding:0;display:flex;margin:0 -20px 10px -20px;flex-direction:row} #categories .banner-img{position:relative;height:200px;flex:0 0 50%} #categories .banner-text{padding:20px;background:#f9f9fa;flex:1;height:auto;} #categories .banner .banner-text .maintitle{font-size:1.6em;font-weight: 600;} /* brands */ #brands .item { border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 2px 4px rgba(0,0,0,0.07); background: #fff; align-items: center; display: flex; justify-content: center; } #brands .item a { display: block; text-align: center;} #brands .swiper-container { height: 100px;} #brands .container{flex-direction:column} #brands .carousel-wrap{width:100%} #brands .item img{width:120px;height:100%} #brands .header { flex: 1; padding-right: 0; margin-bottom: 50px;} /* insta */ #insta.home-products .slick-slide { padding: 0; position: relative;} #insta .liked_by { position: absolute; left: 20px; right: 0; bottom: 20px; font-weight: 600; color: #000; opacity: 0; visibility: hidden;} #insta img { border-radius: var(--radius);} /* blog */ #blog .blog-article .article-inner { position: relative; overflow: hidden;} #blog .wrap{margin:0;flex-direction:column} #blog .blog-article{padding:0;margin:0 -20px} #blog .blog-article .blog-grid-image { position: relative; margin-bottom: 10px; 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;border-radius: var(--radius);} #blog .meta > p { margin: 15px 0;} #blog .maintitle { font-size: 1.4em; font-weight: 600; line-height: 1.4em; } #blog .blog-article .meta { max-width: 100%; padding: 20px 20px 40px; } #blog .blog-article.is_3_blog .meta { flex-direction: row; } #blog .blog-article .meta > .flex.flex-column{flex:1;} #blog .blog-article .meta .btn{width:auto;} #blog .blog-article .article-inner{min-height:300px;max-height:300px} /* banners */ .banner-area.preset1 .wrap{margin:0 -20px} .banner-area .wrap{flex-direction:column} .banner-area .banner .banner-inner{height:270px} .banner-area .banner { position: relative;} .banner-area .banner .banner-inner { background-size: cover; background-position: center;} .banner .banner-text{position:relative;display:flex;flex-direction:column;padding:30px;height:100%} .banner-area .banner-text:not(.none)::after{content:"";position:absolute;right:0;left:0;top:0;width:100%;height:100%;z-index:1} .bottomlefttoright{ background:-moz-linear-gradient(45deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); background:-webkit-linear-gradient(45deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); background:linear-gradient(45deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1)} .toplefttoright{background:-moz-linear-gradient(135deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(135deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(135deg,rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000',endColorstr='#00000000',GradientType=1)} .bottomrighttoleft{background:-moz-linear-gradient(-45deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:-webkit-linear-gradient(-45deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:linear-gradient(135deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1)} .toprighttoleft{background:-moz-linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:-webkit-linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);background:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=1)} .banner .banner-text .banner .banner-text .subtitle{font-size:1.2em} .banner .text-wrap{z-index:6} .banner .text-wrap.contrast { background: #fff; padding: 30px; border-radius: var(--radius); } .banner-text.top{justify-content:flex-start} .banner-text.center{justify-content:center} .banner-text.bottom{justify-content:flex-end} .banner-text.vleft{align-items:flex-start} .banner-text.vcenter{align-items:center;text-align:center} .banner-text.vright{align-items:flex-end} .banner .banner-text .maintitle{font-size:1.6em;font-weight:600} .banner .banner-text .subtitle { font-size: 1em;} .banner .banner-btn{margin-top:24px;} .banner-btn.trans { background: transparent !important; padding: 0; color: #000; border-width: 0 0 2px 0; border-style: solid; border-color: #000; align-self: flex-start; font-weight: 600; padding-bottom: 4px;font-size:1em;border-radius: 0;} .banner1 .banner-inner{ background-color:#f9f9f9;} .banner1 .maintitle{ color: #000000; } .banner1 .subtitle{ color: #999999; } .banner1 .banner-btn{ background: #000000; color: #ffffff;border-color:#000000;} .banner1 .banner-btn:hover{ background: #ffffff; color: #000000;} .banner1 .banner-btn.trans{ border-color:#000000;} .banner2 .banner-inner{ background-color:#fcf6a8;} .banner2 .maintitle{ color: #000000; } .banner2 .subtitle{ color: #000000; } .banner2 .banner-btn{ background:#efb386; color: #ffffff;border-color:#efb386;} .banner2 .banner-btn:hover{ background: #ffffff; color: #efb386;} .banner2 .banner-btn.trans{ border-color:#efb386;} .banner3 .banner-inner{ background-color:#f9f9f9;} .banner3 .maintitle{ color: #000000; } .banner3 .subtitle{ color: #000000; } .banner3 .banner-btn{ background:#000000; color: #000000;border-color:#000000;} .banner3 .banner-btn:hover{ background: #000000; color: #000000;} .banner3 .banner-btn.trans{ border-color:#000000;} .banner4 .banner-inner{ background-color:#f9f9f9;} .banner4 .maintitle{ color: #000000; } .banner4 .subtitle{ color: #999999; } .banner4 .banner-btn{ background:#000000; color: #ffffff;border-color:#000000;} .banner4 .banner-btn:hover{ background: #ffffff; color: #000000;} .banner4 .banner-btn.trans{ border-color:#000000;} .banner5 .banner-inner{ background-color:#ffffff; } .banner5 .maintitle{ color: #000000; } .banner5 .subtitle{ color: #999999; } .banner5 .banner-btn{ background:#000000; color: #000000;border-color:#000000;} .banner5 .banner-btn:hover{background: #000000; color: #000000;} .banner5 .banner-btn.trans{ border-color:#000000;} .banner6 .banner-inner{ background-color:#e4eedb;} .banner6 .maintitle{ color: #000000; } .banner6 .subtitle{ color: #000000; } .banner6 .banner-btn{ background:#000000; color: #000000;border-color:#000000;} .banner6 .banner-btn:hover{background: #000000; color: #000000;} .banner6 .banner-btn.trans{ border-color:#000000;} .banner7 .banner-inner{ background-color:#ffffff;} .banner7 .maintitle{ color: #000000; } .banner7 .subtitle{ color: #999999; } .banner7 .banner-btn{ background:#000000; color: #ffffff;border-color:#000000;} .banner7 .banner-btn:hover{ background: #ffffff; color: #000000;} .banner7 .banner-btn.trans{ border-color:#000000;} .banner8 .banner-inner{ background-color:#f9f9f9;} .banner8 .maintitle{ color: #000000; } .banner8 .subtitle{ color: #999999; } .banner8 .banner-btn{ background:#000000; color: #ffffff;border-color:#000000;} .banner8 .banner-btn:hover{background: #ffffff; color: #000000;} .banner8 .banner-btn.trans{ border-color:#000000;} .banner-text.center.vcenter .banner-btn.trans { align-self: center; width: auto;} .banner-text.center.vcenter .banner-btn { align-self: center; width: auto;} .banner .banner-text .banner-btn { align-self: flex-start; width: auto;} #categories .category-area .banner-text a { width: 100%;} .banner-area.preset1.home-products { padding: 0;} .banner-area.home-products.margin_0 { padding: 0; } /* home products */ .home-products{padding:30px 0;overflow:hidden} .home-products .btn { margin-top: 15px; width: 100%; justify-content: center; align-items: center;} .home-products .tab-wrap{margin-top:10px} .home-products .header .tab{margin-left:0;margin-right:15px} .home-products .swiper-container{overflow:visible} .home-block .header{flex-direction:column;align-items:flex-start} .home-products .tab-wrap{margin-top:10px} .home-products .header .tab{margin-left:0;margin-right:15px} .home-products .header .tab { font-weight: 600; cursor: pointer;} .home-products .header .tab.active .banner-btn { background: var(--btn1) !important; color: var(--btn1Text); padding: 5px 10px; border-radius: var(--radius); border-color: var(--btn1);} .home-products .header .tab .banner-btn.trans { border-radius: var(--radius); padding: 4px 12px; border-width: 2px;} .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;} .home-block .header { margin-bottom: 25px;} .home-block .header .title { font-size: 2em; margin-bottom: 0;} .home-block .home-text .text-overflow { height: 300px;} /* home blocks text + btns */ .home-block.block_1 .header .subtitle, .home-block.block_1 .header .title{color:#000000;} .home-block.block_2 .header .subtitle, .home-block.block_2 .header .title{color:#000000;} .home-block.block_3 .header .subtitle, .home-block.block_3 .header .title{color:#393939;} .home-block.block_4 .header .subtitle, .home-block.block_4 .header .title{color:#393939;} .home-block.block_5 .header .subtitle, .home-block.block_5 .header .title{color:#393939;} .home-block.block_6 .header .subtitle, .home-block.block_6 .header .title{color:#393939;} .home-block.block_7 .header .subtitle, .home-block.block_7 .header .title{color:#393939;} .home-block.block_8 .header .subtitle, .home-block.block_8 .header .title{color:#393939;} .home-block.block_9 .header .subtitle, .home-block.block_9 .header .title{color:#393939;} .home-block.block_10 .header .subtitle, .home-block.block_10 .header .title{color:#393939;} .home-block.block_1 .header .btn.btn3 {color: #000000; background: #ffffff; border-color: #000000;} .home-block.block_1 .header .btn.btn3:hover {color: #ffffff; background: #000000; border-color: #000000;} .home-block.block_2 .header .btn.btn3 {color: #000000; background: #ffffff; border-color: #000000;} .home-block.block_2 .header .btn.btn3:hover {color: #ffffff; background: #000000; border-color: #000000;} .home-block.block_3 .header .btn.btn3 {color: #393939; background: #ffffff; border-color: #393939;} .home-block.block_3 .header .btn.btn3:hover {color: #ffffff; background: #393939; border-color: #393939;} .home-block.block_4 .header .btn.btn3 {color: #393939; background: #ffffff; border-color: #393939;} .home-block.block_4 .header .btn.btn3:hover {color: #ffffff; background: #393939; border-color: #393939;} .home-block.block_5 .header .btn.btn3 {color: #393939; background: #efb386; border-color: #393939;} .home-block.block_5 .header .btn.btn3:hover {color: #efb386; background: #393939; border-color: #393939;} .home-block.block_6 .header .btn.btn3 {color: #393939; background: #ffffff; border-color: #393939;} .home-block.block_6 .header .btn.btn3:hover {color: #ffffff; background: #393939; border-color: #393939;} .home-block.block_7 .header .btn.btn3 {color: #393939; background: #efb386; border-color: #393939;} .home-block.block_7 .header .btn.btn3:hover {color: #efb386; background: #393939; border-color: #393939;} .home-block.block_8 .header .btn.btn3 {color: #393939; background: #fafafa; border-color: #393939;} .home-block.block_8 .header .btn.btn3:hover {color: #fafafa; background: #393939; border-color: #393939;} .home-block.block_9 .header .btn.btn3 {color: #393939; background: #ffffff; border-color: #393939;} .home-block.block_9 .header .btn.btn3:hover {color: #ffffff; background: #393939; border-color: #393939;} .home-block.block_10 .header .btn.btn3 {color: #393939; background: #ffffff; border-color: #393939;} .home-block.block_10 .header .btn.btn3:hover {color: #ffffff; background: #393939; border-color: #393939;} .products-area.grid.grid-list { grid-column-gap: 30px; grid-row-gap: 30px;} /* items */ .item .item-image-container.borderless img, .item.item-list.small-list .item-image-container.borderless, .item.item-list.small-list .item-image-container.borderless img, .item.item-list .item-image-container.borderless img { padding: 0;} .item.item-list .item-image-container.rect img, .item.item-list .item-image-container.rect .m-img{ height: 100%;} .item.item-list .item-image-container.rect {border-radius:var(--radius) 0 0 var(--radius);} .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:#fff;padding: 10%;} .item img.lazyloaded { opacity: 1;} .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:#f5f3e8;} .item-grid .item{margin-bottom:10px} .item-name { font-weight: 600; display: flex; flex-direction: column;} .one-line .item-name { min-height: 24px;} .two-lines .item-name { min-height: 48px;} .three-lines .item-name { min-height: 72px;} .item.item-list .item-name { min-height: unset;} .item .item-image-container { overflow: hidden; position: relative;border-radius: var(--radius) var(--radius) 0 0;} .item .item-meta-container { padding: 15px; background: #f5f3e8;position:relative;} .item-price.with-old,.productbundle .with-old{font-weight:600} .item .old-price,#product .old-price,.products-livesearch .old-price,.productbundle .old-price{text-decoration:line-through;font-size:.85em;color:#595959;margin-right:5px} .item .item-price-container, .productbundle .item-price-container { font-weight: 600;} .item .item-btn { margin-top: 10px;} .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 .mob-wishlist { position: absolute; right: 10px; top: 10px; z-index: 6; opacity: 0; visibility: hidden;transition:all ease-in-out .25s} .item:hover .mob-wishlist { opacity: 1; visibility: visible;} .item .mob-wishlist .btn-round { display: block; margin: 0;} .item .btn-round i { font-size:.85em;} .item .btn-round.pb i{background-color: var(--btn1);color:var(--btn1Text);} .item .compare.desktop.checkbox { display: none;} .item .compare.mobile.checkbox { margin-top: 10px; margin-right: 0; flex: 1 0 100%;} .item .compare.mobile.checkbox [type="checkbox"]:checked + label::before{ background-color: var(--btn1);} .item .compare.mobile.checkbox [type="checkbox"]:checked + label::after { color: var(--btn1Text);} .item .label { position: absolute; bottom: 10px; right: 10px; z-index: 3;flex-direction: column;} .item .label > span { font-size: .85em; color: #fff; margin-right: 5px; line-height: 1; padding: 4px 8px;border-radius: var(--radius); align-self: flex-end; margin-bottom: 2px;} .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: .65em; color: #999; margin-top: 10px;} .item .de-legal .shippingreturn-de a { text-decoration: underline;} .item .uvp { margin-left: 2px; font-size: .85em;} .item .unitprice { color: #999; font-weight: 400; 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:#0cc95b;} .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,#0cc95b 0%,#0cc95b 50%,#cecece 50%,#cecece 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#0cc95b),color-stop(50%,#0cc95b),color-stop(50%,#cecece),color-stop(100%,#cecece));background:-webkit-linear-gradient(left,#0cc95b 0%,#0cc95b 50%,#cecece 50%,#cecece 100%);background:-o-linear-gradient(left,#0cc95b 0%,#0cc95b 50%,#cecece 50%,#cecece 100%);background:-ms-linear-gradient(left,#0cc95b 0%,#0cc95b 50%,#cecece 50%,#cecece 100%);background:linear-gradient(to right,#0cc95b 0%,#0cc95b 50%,#cecece 50%,#cecece 100%)} .item img{margin:0 auto;vertical-align:middle} .item .brand-name{display:block;color:#666;font-weight:400} .item .brand-name h3{font-size:.85em;font-family:var(--body); margin: 0; font-weight: normal; color: #666666;} .item .item-name h3 { font-size: 1em; font-family: var(--body); margin: 0; font-weight: 600; color:var(--bodyText); } .item.is_grid { height: auto; min-width: 0;/* prevent stretching */ } .item.is_grid .item-btn { margin-top: auto; } .item.is_grid .brand-name { display: block; font-weight: 400; position: absolute; top: -20px; background: #ffffff; z-index: 9; padding: 5px 15px; left: 0px; border-radius: 0 var(--radius) 0 0; border-width: 1px 1px 0 0; border-style: solid; border-color: var(--border); } .item.is_grid .short-desc { font-size: .85em; /* color: #222; */ margin-top: 10px; text-overflow: ellipsis; width: 100%; overflow: hidden; } .item.is_grid .item-meta-container { border-radius: 0 0 var(--radius) var(--radius); } .item.item-list{ display: flex;} .item.item-list .item-meta-container { width: 60%;} .item.item-list .item-image-container { width: 40%;} .item.item-list .item-image-container img { padding: 10%; } .item.item-list .m-img.greyed { height: auto; } .item.item-list .label { top: 10px;} .item.item-list .item-meta-container { padding: 15px; background: #f9f9fa; justify-content: flex-start;} .item.item-list .list-actions { background: #f9f9f9; padding: 30px; } .item.item-list .item-btn, .item.item-list .item-price-container { margin-bottom: 30px; flex: 1; align-items: flex-end; } .item.item-list .list-desc { margin-top: 15px; } .item.item-list.small-list .item-price-container { margin-top: 5px;} .item .item-btn{flex-wrap:wrap} .item .item-meta-container { padding: 15px 10px 15px 15px; } .item .action-btns { margin-top: 0; justify-content: space-between;} .item.item-list.small-list { margin-bottom: 15px; border-bottom: 1px solid var(--border); padding-bottom: 15px;align-items:flex-start;} .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 { color: #999; font-size: .85em; margin-top:5px;} .item.item-list.small-list .delete-item:hover { text-decoration: underline;} .item.item-list.small-list .item-meta-container { padding: 0 0 0 20px; background: transparent;} .item.item-list.small-list .item-image-container { padding: 2%; height: 100px; flex: 0 0 100px;} .item.item-list.small-list .variant { align-items: center; display: flex;} .item.item-list.small-list .item-image-container.rect { height: 130px;} .item .product-overlay { font-size: .85em; margin-top: 10px; } .item .action-btns { justify-content: flex-end; } /* usp bullits */ .item .has_specs { margin: 15px 0; min-height: 60px;} .item .has_specs span { font-size: .85em; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .item .usp_bullit { display: inline-flex; width: 6px; background: #666; height: 6px; border-radius: 100%; margin-right: 6px; margin-top: -2px; vertical-align: middle;} /* footer */ #footer .footer-usps { border-top: 1px solid var(--border); padding: 15px 0;} #footer .usp-text { font-size: .85em;} #footer .usp i, .product-content .product-usps i{color:#efb386;} #footer .footer-newsletter{background:#000000; color:#ffffff;} #footer .tagline {font-weight:var(--headingsWeight); line-height: 28px;font-weight: 600;} #footer .tagline .subline { display: block; font-size: .8em; font-weight: normal;line-height:1.4} #footer .form-control { flex: 1; height: 50px; padding: 0 25px; background: rgba(255,255,255,.25); border: 0; color: #ffffff;} #footer .footer-newsletter .btn{height:50px;margin-top:15px;width:100%} #footer .footer-service, #footer .footer-company {background:#fcf6a8; color:#000000;} #footer .footer-service{padding:45px 0;} #footer .title { font-family: var(--body); color: #000000; font-weight: 600;} #footer .socials .text a i{color: #000000 ;} #footer .cust-service a:hover { text-decoration: underline;} #footer .service-block .serv-icon, .customer-service .service-block .serv-icon{ width: 48px; height: 48px; display: flex; border: 2px solid #000000; color: #000000; 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; flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #footer .service-block a, .customer-service .service-block a { text-decoration: underline; font-size: .85em;} #footer .footer-company img.comp-img { margin-right: 45px; position: relative; top: -25px; max-height: 130px;} #footer .border-wrap.is-image { position:relative;} #footer .border-wrap.is-image .comp-img img { top: auto; bottom: 0; max-height: 180px; position: absolute; left: 0; max-width: 130px; height: auto; width:auto;} #footer .footer-company .no-cust-img img { position: unset; max-height: unset; top: unset; /* padding: 30px 30px 30px 0; */ max-width: 180px;} #footer .icon-pin { font-size: 1.6em; align-self: center; margin-right: 5px;} #footer .socials .text > a { margin-right: 10px;} #footer .footer-company .border-wrap {padding: 45px 0;} #footer .footer-company .container > .text { padding: 0 15px;} #footer .copyright{background:#a397c4; color:#000000;} #footer .copyright .container { justify-content: center;} #footer .copyright a { margin: 0 5px; text-decoration: underline;} #footer .footer-service .service .title { margin-bottom: 0; font-size: 1.2em; } #footer .footer-service .opening { display: block;} #footer .trust { text-align: center;} #footer .usp{text-align:center;flex:0 0 100%} #footer .footer-newsletter .newslet{padding:30px 20px} #footer .cust-service a{margin-bottom:10px} #form-newsletter{align-items:flex-start;flex-wrap:wrap} #footer .tagline{font-size:1.4em;margin-bottom:15px} #footer .form-control{flex:1;margin:0} #footer .footer-service .container.flex{flex-wrap:wrap;flex-direction:column} #footer .footer-service .cust-service{padding:15px 0;flex:1 1 50%;border-bottom:2px solid #000} #footer .service .wrap{margin:0;flex-direction:column} #footer .service{flex:1;width:100%;margin:0 0 30px} #footer .footer-service .service-block { flex: 0 1 50%; padding: 10px 0;} #footer .footer-service .cust-service .title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0; font-size: 1.2em; } #footer .footer-service .cust-service .title i{font-size:.85em;display:block} #footer .footer-service .cust-service.active .title i{transform:rotate(180deg)} #footer .footer-service .cust-service .toggle{display:none;padding:15px 0} #footer .footer-service .cust-service.active .toggle{display:flex} #footer .footer-company .border-wrap{flex-direction:column-reverse;padding-top:0;border:0} #footer .socials .title{margin:0 0 15px;font-size: 1.2em;} #footer .service-block a,.customer-service .service-block a{font-size:1em} #footer .socials{margin-left:0;justify-content:center;flex-direction:column;align-items:center;margin-bottom:30px} #footer .footer-company .container > .text{padding:0;font-size:.85em;display:flex;justify-content:flex-start;padding-left:100px;text-align:left} #footer .footer-company img{margin-right:0;top:auto;left:10px;bottom:0;position:absolute} #footer .footer-company .trust img{margin:0 0 30px;position:relative;left:0;} /*#footer .footer-company .no-cust-img img{display:none}*/ #footer .footer-company .no-cust-img .adjust img { display: none; } #footer .footer-company .no-cust-img > .text{padding:0} #footer .footer-company .text{flex-direction:row} #footer .text.addre{margin-top:15px} #footer .text.addre .text > span{margin-right:5px} #footer .footer-company .text span{text-align:center} #footer .copyright{font-size:.85em} #footer .copyright .container{padding:30px 20px;flex-direction:column-reverse} #footer .payments{justify-content:center;display:flex;flex-wrap:wrap} #footer .payments img { filter: grayscale(1); border: 1px solid var(--border); border-radius: var(--radius); background: #fff; } #footer .copyright .container > .flex1{justify-content:center;display:flex;flex-wrap:wrap;margin-bottom:15px} #footer .footer-company .text.addre{margin-right:0} #footer .footer-company .comp-img img { display: none;} #footer .footer-company img.is_logo-img { display: none; position: relative; left: 0; bottom: auto; top: auto; width: 100%; max-height: 50px; } #footer .footer-company .is-image .text.addre.contains-logo { margin-left: 60px; } /* home tags */ #home-content .tags a { padding: 5px 10px; margin: 5px; background: #000; color: #fff; font-size: .85em; font-weight: 600;width:auto;} #home-content .tags { margin: 15px -5px 0 -5px;} /* page compare */ .page-container.compare .sidebar { margin-right: 0; width: 50%; background: #f9f9fa;} .page-container.compare .tool-compare { flex: auto; max-width: 50%; position: relative; width: 50%;} .page-container.compare .item { height: 370px;} .page-container.compare .swiper-slide { border-right: 1px solid var(--border); border-bottom: 1px solid var(--border);} .page-container.compare .spec-sheet .spec:last-of-type, .page-container.compare .comp-title:last-of-type { border-bottom: 0;} .page-container.compare .comp-title { height: 50px; line-height: 50px; border-bottom: 1px solid var(--border); font-weight: 600; padding: 0 30px;} .page-container.compare .spec-sheet .spec { border-bottom: 1px solid var(--border); height: 50px; line-height: 50px; padding: 0 15px; display: flex; align-items: center; } .page-container.compare .swiper-next, .page-container.compare .swiper-prev { top: 185px;} .page-container.compare .action-buttons { padding: 0 30px;} .page-container.compare .action-buttons a { margin-bottom: 15px;} /* collection */ .collection-title .wrap{flex-direction:column;align-items:flex-start} .collection-title .breadcrumb-container{flex:auto;border-bottom:1px solid rgba(0,0,0,.1);width:100%;padding:0 0 10px;margin-bottom:10px} .collection-title h1 { font-size: 2em; line-height: 40px; margin: 0 0 15px 0;} .collection-title .wrap{padding:20px 0;border:0;margin:0} .page-container .with-sidebar .inner-content{flex:1;max-width:100%} .page-container:not(.collection) .main-content.with-sidebar{flex:1;max-width:100%} #categories.grid{grid-template-columns:repeat(1,1fr)} /* catalog */ .page-container.catalog #categories .banner-img { height: 100%; flex: 1; max-height: 300px; } .page-container.catalog #categories .banner { padding: 0; height: 100%; background: #f9f9fa; margin-bottom: 0;} .page-container.catalog #categories .banner-text { text-align: left; align-items: flex-start; justify-content: flex-start; } .page-container.catalog #categories .banner .banner-text .maintitle { font-size: 1.4em; margin-bottom: 15px;} .page-container.catalog #categories .banner .banner-text .banner-btn.trans { align-self: flex-start;} .page-container.catalog .banner figure { margin: 0 0 5px 0;} /* brands page */ .page-container.brands #categories .banner{padding:10px;flex:0 1 50%;margin:0;display:block} .page-container.brands #categories {margin: 0 -10px;} .page-container.brands #categories .banner-img {position: relative; height: auto; flex: 0 0 50%;padding: 10%;} .page-container.brands #categories .banner-img img {z-index: 7; position: relative;} /* page containers */ .page-container.compare, .page-container.fourofour, .page-container.brands { padding-bottom: 45px;} .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:column;align-items:flex-start;margin:30px 0} .cat-description.at-top { margin: 0;} .cat-description a,.content-area .text-wrap a{text-decoration:underline;font-weight:600} .cat-description .collection-image{margin:0 -20px;} .content.toggle-content{padding:40px 0} .text-overflow{height:1.4em;position:relative;overflow:hidden} .btn-overflow{position:absolute;bottom:1px;right:0;background:#fff;padding-left:6px;text-decoration:underline;cursor:pointer} .sub-fil-wrap { margin-bottom: 30px; padding: 0; background: transparent;z-index:99;} .mob-filters{margin-right:0;padding:5px 10px;font-weight:600;font-size:.85em;height:50px;display:flex;align-items:center;justify-content:center;border-radius:5px;width:100%} .mob-filter-sub{position:fixed;width:85vw;bottom:0;padding:15px 30px;border-top:1px solid var(--border);z-index:1;box-shadow:-5px 6px 15px rgba(0,0,0,0.15);background:var(--btn1);color:var(--btn1Text);text-align:center;font-weight:600;font-size:.85em;} .mob-filters .ccnt{ border-radius: 100%; background: var(--red); width: 18px; height: 18px; color: #fff; display: flex; justify-content: center; align-items: center; font-weight: 600; margin-left: 5px; font-size: .85em;} /* filters side */ .filters-aside .filter .title { margin-bottom: 20px; display: block; font-size: 1em; font-family: var(--body);} .filters-aside .filter.dropdown { border-bottom: 1px solid var(--border); margin-bottom: 15px; padding-bottom: 15px;} .filters-aside .filter .inner { margin: 0;} .filters-aside .filter .filter-wrap { margin-bottom: 5px;} .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: 20px; width: 100%;} .filters_active { margin-bottom: 15px; background: #f9f9fa; padding: 30px; border-radius: var(--radius);} .filters_active .title { display: flex; align-items: center; font-size: 1em; } .filters_active .ccnt { left: 0; right: auto; top: 0; font-family: var(--body); font-size: .55em; position: relative; margin-right: 5px;} .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 { color: var(--red); border-color: var(--red); margin-top: 15px;font-size:.85em;} .filters_active .act_row{ margin-bottom: 5px;} .filters_active .act_tit { margin-right: 5px; font-size: .85em;} .filters_active .act_val { font-size: .85em; font-weight: 600; margin-right: 5px;cursor:pointer;} .filters_active .act_val:hover { text-decoration: underline; color: var(--red);} .filters-aside .filter.dropdown{padding:15px 30px} .filters-aside .filters{padding-bottom:70px} .filters-aside .inner .submit_filters { display: none;} .filters-aside .sidebar-filter-range { margin-bottom: 15px;} .filters-aside .filter_count { background: #fff; border-radius: 100%; color: var(--bodyText); width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center;} .filters-aside .filter.category-list li a:hover{text-decoration: underline;color: var(--primaryColor);} .toolbox-pagination { padding: 30px 0; flex-direction: column-reverse; } .toolbox-pagination .pagination { margin: 0 -5px 15px -5px; } .toolbox-pagination .pagination li { margin: 5px; } .toolbox-pagination .btn-round { display: block;} /* page service */ .customer-service .service { margin: 0 0 15px 0;} .customer-service .quick-links{margin-bottom:30px;} .customer-service .quick-links .title { display: block; margin-left: 10px; margin-bottom: 10px;} .customer-service .quick-links .service-block { margin-bottom: 0; padding:0 10px;} .customer-service .quick-links .service-block a { width: 100%; text-decoration: none;} .customer-service .quick-links { margin: 0 -10px 30px -10px;} .customer-service .wrap{flex-direction:column} .customer-service .service-block{margin-bottom:15px} .customer-service .anyipsum{margin:30px 0} .customer-service .opening-time{flex-direction:column-reverse} .customer-service .opening-time .o-t{padding-right:0;margin-top:30px} .customer-service .opening-time .day, #contactform .links span { margin-bottom: 5px;} .customer-service .store-img{height:300px;object-fit:cover;flex:auto;margin:0 -20px; background-position: center;background-repeat: no-repeat;} .customer-service .service { margin-bottom: 15px;} .page-container.customer-service #contactform{flex-direction:column;margin:0 -20px 30px} .page-container.customer-service #contactform .widget .form-wrap { padding: 30px 20px; margin: 30px 0; background: #f9f9fa;} .page-container.customer-service #contact-form .flex{margin:0 -5px;} .page-container.customer-service #contact-form .flex input { margin: 0 5px 10px 5px;} .page-container.customer-service #contact-form input, .page-container.customer-service #contact-form textarea { margin-bottom: 10px;font-size:1em;} .page-container.customer-service .widget.contact-info { padding: 0 20px;} .customer-service #contactform .btn.btn2{display:block} .page-container.customer-service .widget.contact-info .number { font-style: normal;} .page-container.customer-service .main-content .title, .page-container.faqs .faq .title { font-family: var(--body);font-weight:600;} .page-container.faqs{background:transparent} .page-container.faqs .container{flex-direction:column} .page-container.faqs .text-menu-side{flex:1;width:100%} .page-container.faqs .main-content.with-sidebar{padding:20px;flex:1;margin:30px -20px 0;background:#f9f9fa;width:auto;max-width:unset!important} .page-container.faqs .text-menu-side .title { margin-top: 0; display: block;} .faq .accordion-menu .inner { display: none; margin: 15px 0;} .faq .links.accordion-menu > li { padding: 10px 0; border-bottom: 2px solid #000;} .faq .links.accordion-menu .toggle{ font-weight: 600;} .faq .links.accordion-menu li.active .toggle i { transform: rotate(-180deg);} .faq .links.accordion-menu .toggle i { width: 40px; text-align: center; height: 40px; display: flex; align-items: center; justify-content: center;} .page-container.faqs .faq iframe { max-width: 100%; } /* page cart */ .page-container.cartpage{background:transparent} .page-container.cartpage h1, .page-container.cartpage .cart-menu-side > .title { font-size: 2em;} .page-container.cartpage .main-content.with-sidebar{flex:1;max-width:100%;padding:0} .page-container.cartpage .collection-title .breadcrumb-container{margin-bottom:0} .cartpage .cart-menu-side{flex:1;padding:20px;background:#f9f9fa;margin:30px -20px 0} .cartpage .cart-menu-side .usps .usp{font-size:1em} .cartpage .tq{padding:0} .cartpage .item.item-list.small-list .item-price-container { justify-content: flex-end; display: flex; flex: 2; font-size: 1.2em;margin:0;} .cartpage .item.item-list.small-list { flex-direction: column; position: relative;} .cartpage .item.item-list.small-list .item-meta-container { width: auto;} .cartpage .tq_ip_wrap { margin-top: 15px; width: 100%; padding-left: 120px;} .cartpage .item.item-list .flex.flex-align-center.flex2{flex:1;width:100%} .cartpage .item.item-list.small-list .quantity-btn { display: none;} .cartpage .item.item-list.small-list input { width: 80px;} .cartpage .continue { margin-top: 30px;} .cartpage .go-back i { font-size: .65em; vertical-align: middle;} .page-container.cartpage .cart-menu-side > .title { display: block;} .cart-menu-side .widget .trow, .cart-menu-side .widget .shipc{ margin-bottom: 5px;} .cart-menu-side .widget .btn1 { margin: 30px 0; display: block;} .cart-menu-side .widget .trow.tot { font-weight: 600; font-size: 1.2em;} .cart-menu-side .discount .accordion-menu > li { padding: 20px 0; border-bottom: 2px solid #000; border-top: 2px solid #000; margin-bottom: 30px;} .cart-menu-side #gui-form-discount input { margin-right: 15px;} .cart-menu-side .usp i{color:#efb386;} .cart-menu-side .payments { margin: 30px 0;} .cart-menu-side .payments .title { flex: 1 0 100%;} .cart-menu-side .payments .payment { border: 1px solid #ccc; border-radius: var(--radius); margin: 5px 5px 0 0;} /* loyalty */ .gui-reward-text-center { margin: 60px 0;} .cartpage .loyalty .title { font-size: 1.6em;} .cartpage .loyalty { margin-top: 60px; border-top: 1px solid var(--border); padding-top: 30px;} #upsells .container{flex-direction:column} #upsells .header{padding-right:0;flex:1;margin:0 0 20px;padding-right:0} #upsells .title, #related .title { font-size: 1.6em;} #upsells .wrap{width:100%;flex:1;grid-template-columns:repeat(1,1fr)} #upsells .upsell-add { margin-top: 15px; display: inline-block;} /******************/ /* custom account */ /******************/ .page-container.custom-acc { padding-bottom: 60px;} /* product tables */ .page-container.custom-acc .table > div { box-sizing: border-box;} .table .th .flex1, .table .tr .flex1 { box-sizing: border-box;} .page-container.custom-acc .table .th { background: #f9f9fa; border-radius: var(--radius);} .page-container.custom-acc .table .th > span { font-weight: 600;} .page-container.custom-acc .table .tr .flex1:last-child { text-align: right;} .page-container.custom-acc .table .th .flex2, .page-container.custom-acc .table .tr .flex2{ padding: 15px;} .page-container.custom-acc .table .tr { border-bottom: 1px solid var(--border); flex-flow: row wrap;} .page-container.custom-acc .table .produ-img { position: relative; margin-right: 15px; border-radius: var(--radius);} .page-container.custom-acc .table .produ-img img { padding: 10%;} .page-container.custom-acc .table .th .flex1.right,.page-container.custom-acc .table .product .flex1.right {text-align:right;} .page-container.custom-acc .table .product { padding: 15px 0;} .page-container.custom-acc .table .p-title { font-weight: 600;} .page-container.custom-acc .table .product { padding: 15px 20px; flex-wrap: wrap; flex-direction: column; align-items: flex-start; border-top: 1px solid var(--border);} .page-container.custom-acc .table .product > .flex1 { text-align: left; padding-left: 90px; width: 100%;} .page-container.custom-acc .table .product > .flex1 > * { flex: 0; margin-left: 5px;} .page-container.custom-acc .table .product .flex1 { text-align: right;} .page-container.custom-acc .table .product .flex1 .flex1:last-of-type { flex: 1; font-weight: 600;} /* forms */ .valid-tooltip { background: var(--red); display: inline-flex; border-radius: var(--radius); color: #fff; padding: 5px 10px; display:none; } .gui-validate-error ~ .valid-tooltip { display: inline-flex; } #contact-form .gui-hide { display: none;} #contact-form .inputs { margin: 0 -5px;} #contact-form .row { margin-bottom: 15px;} #contact-form .row .inputs > div, #contact-form .row.inputs > div { padding: 5px;} #contact-form .flex input { margin: 0;} #contact-form label { font-weight: 600; margin-bottom: 5px; display:block ;} #contact-form .row.comp-details { background: #f9f9fa; padding: 30px; border-radius: var(--radius); margin: 30px 0;} #contact-form .select-wrap.inputs select { margin: 5px;} #contact-form .has-abs { margin: 0;} #contact-form .has-abs .phone-code select { position: absolute; left: 0; top: 0; bottom: 0; right: 0; opacity: 0;} #contact-form .has-abs .phone-code { width: 120px; height: 50px; background: #f9f9fa; padding: 0 10px; position: relative;} #contact-form .has-abs .js-gui-input-phone-number-code-placeholder { font-size: .85em; font-weight: 600;} #contact-form .has-abs .phone-code img { margin-right: 5px;} #contact-form .has-abs input{ border-radius: 0 var(--radius) var(--radius) 0;} #contact-form .row { flex-direction: column;} #contact-form .row { margin: 0; flex-direction: column; padding: 0;} #contact-form .row .inputs > div, #contact-form .row.inputs > div { padding: 5px 0; width: 100%;} #contact-form .row.comp-details .inputs { flex-direction: column;} #gui-block-password { border-top: 2px solid #000; margin: 30px 0 0 0; padding: 30px 0 0 0;} #gui-block-password .title { font-size: 1.4em; font-family: var(--body); display: block;font-weight: 600;} /* mob acc menu */ .mobile-menu-side.mob-acc-menu { flex-direction: column;} .mobile-menu-side.mob-acc-menu .widget.textpage.welcome { background: var(--btn1); border-radius: 0; padding: 30px; text-align: center; color: var(--btnText); margin-bottom: 30px;} .mobile-menu-side.mob-acc-menu .inner { padding: 0 30px;} .mobile-menu-side.mob-acc-menu .widget.textpage.welcome .title { font-family: var(--body);font-weight:600; color: var(--btn1Text); margin: 0;} .mobile-menu-side.mob-acc-menu ul li { margin-bottom: 5px;} .custom-acc .main-content { flex: 1; max-width: 100%;} .main-content.account-register #gui-billing-address .title, .main-content.account-register #shipping-form .title, .main-content.account-register #gui-disclaimer .title { padding: 0 20px;} .action-buttons { margin-top: 30px;} .action-buttons .banner-btn.trans { align-self: center;} .page-container.custom-acc .main-content .action-buttons > a { width: 100%; margin-bottom: 15px;} .page-container.custom-acc .main-content .action-buttons .btn.banner-btn.trans { width: auto;} .page-container.custom-acc .main-content .action-buttons { flex-direction: column-reverse;} .page-container.custom-acc .main-content .action-buttons > .flex { flex-direction: column; width: 100%; align-items: normal;} .page-container.custom-acc .main-content .action-buttons > .flex a { margin-bottom: 15px; margin-left: 0;} .page-container.custom-acc .main-content.no-sidebar { flex: 1; max-width: unset; margin: 0 -20px; width: 100%;} /* status labels */ .status, .ticket .date { background: #e9e9e9; padding: 10px; font-size: .85em; font-weight: 600; border-radius: var(--radius); display: block; text-align: center;} .status.lab_green, .status.shipped, .status.paid { background-color: rgba(53,184,88,.7);color: #fff;} .status.lab_yellow{background-color: rgba(243,156,18,.7);} .status.lab_blue, .status.not_shipped{background-color: rgba(43,205,252,.7);color: #fff;} .status.lab_purple, .status.not_paid{background-color: rgba(97,95,190,.7);color: #fff; } .status.lab_orange{background-color: #ff6000;color: #fff; } .status.lab_red, .status.cancelled{ background-color: rgba(185,52,53,.7); color: #fff; } .status.lab_grey{background-color: rgba(132,138,138,.7); color: #fff;} /* validating */ .gui-validate{ background-clip: padding-box; transition: border-color .15s ease-in-out;} .gui-validate.gui-validate-error:invalid { border-color: var(--red); padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem);border: 2px solid var(--red);} .gui-validate-error ~ label::before { border: 2px solid var(--red) !important; content: "";} .gui-validate.gui-validate-error:valid { padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); } .page-container.custom-acc label em { color: var(--red);} /* reset password */ .main-content.account-password { justify-content: center; display: flex;} .main-content.account-password #gui-form { padding: 20px; background: #f9f9fa; border-radius: var(--radius);} /* account login */ .main-content.account-login .row .block .title { font-size: 1.4em; font-family: var(--body); display: block;font-weight: 600;} .main-content.account-login .row .block .action-buttons{ margin-top: auto;} .main-content.account-login .row .block .inp-col { margin-bottom: 15px;} .main-content.account-login .row .block .action-buttons .banner-btn { align-self: center;} .main-content.account-login .row .block:nth-child(2) { background: #f9f9fa;} .main-content.account-login .row { margin: 0; flex-direction: column-reverse;} .main-content.account-login .row .block { border-radius: 0; margin: 0; padding: 20px;} /* account register */ .main-content.account-register #gui-address{ border-top: 2px solid #000; margin: 30px 0 0 0; padding: 30px 0 0 0;} .main-content.account-register #gui-billing-address .title, .main-content.account-register #shipping-form .title, .main-content.account-register #gui-disclaimer .title{ font-size: 1.4em; font-family: var(--body); display: block;font-weight: 600;} .main-content.account-register #gui-block-password, .main-content.account-register #gui-billing-address, .main-content.account-register #shipping-form, .main-content.account-register #gui-disclaimer { border-top: 2px solid #000; margin: 30px 0 0 0; padding: 30px 0 0 0;} .main-content.account-register #shipping-form{display:none;} .main-content.account-register .inner-link { text-decoration: underline; color: var(--primaryColor);} .main-content.account-register #gui-form-newsletter + label { padding-left: 30px; font-size: 1em;} .main-content.account-register .passw_strength { margin-bottom: 15px; display:block ;} .main-content.account-register #contact-form .row { padding: 0 20px;} .main-content.account-register #gui-billing-address .row:last-of-type { margin-top: 15px;} .main-content.account-register #gui-block-password .title, .main-content.account-register #gui-block-password .passw_strength { padding: 0 20px;} .page-container.custom-acc .main-content.account-register .action-buttons { padding: 0 20px; margin-top: 30px;} .main-content.account-register #contact-form .row.comp-details{padding:20px;} /* account dashboard */ .page-container.custom-acc .widget.textpage.welcome { background: var(--btn1); border-radius: var(--radius); padding: 30px; text-align: center; color: var(--btnText);} .page-container.custom-acc .widget.textpage.welcome .title { font-family: var(--body); color: var(--btn1Text); margin: 0;font-weight: 600;} .page-container.custom-acc .carousel { position: relative; width:100%;} .page-container.custom-acc .acc-info { border-bottom: 1px solid var(--border); padding-bottom: 30px; margin: 0 -15px 30px -15px;} .page-container.custom-acc .acc-info > div { min-height: unset; margin-bottom: 30px;padding: 0 15px; } .page-container.custom-acc .acc-info > div > span:last-of-type { margin-bottom: 15px;} .page-container.custom-acc .acc-info .btn { margin-top: auto;} .page-container.custom-acc .main-content.account-dashboard .still-in-cart .action-buttons { margin-top: 30px;} .page-container.custom-acc .table .th .flex1, .page-container.custom-acc .table .tr .flex1 { width: auto; padding: 20px;} .page-container.custom-acc .table { margin: 0 -20px;} .page-container.custom-acc .table .th { display: none;} .page-container.custom-acc .table .table_label { display: block; font-weight: 600;} .recent-orders .action-buttons.flex.flex-align-center.flex-between { margin-top: 30px;} /*.page-container.custom-acc .main-content.account-dashboard .still-in-cart .swiper-container { overflow: visible;}*/ .page-container.custom-acc .recent-orders { margin-top: 30px;} .page-container.custom-acc .recent-orders .title { font-size: 1.4em; font-family: var(--body);font-weight:600; display:block;} .page-container.custom-acc .still-in-cart .title { font-size: 1.6em;} .rewards { border-bottom: 0; margin: 0 0 30px 0; background: #f9f9fb; padding: 30px; border-radius: var(--radius); } .rewards .title { font-size: 1.6em;} .rewards .total .title { font-family: var(--body);font-weight:600; font-size: 1em;font-weight: 600;} .rewards .total { background: #f9f9fa; border-radius: var(--radius); padding: 30px; justify-content: center; align-items: center;} .rewards .count { font-size: 2em; font-weight: 600; color: var(--primaryColor);} .rewards .rew { width: 100%; border: 1px solid var(--border); padding: 15px; border-radius: var(--radius); margin-bottom: 15px; } .rewards .rew .desc { font-weight: 600;} .rewards .rew .des { margin-top: 15px;} .rewards .reward { margin-top: 15px;} .rewards .progress { border: 1px solid var(--border); border-radius: var(--radius); margin: 0 30px 0 0; } .rewards .progress .gui-reward-progress-bar { height: 10px; background-color: var(--primaryColor); border-radius: var(--radius); display: block;} .rewards .actions { display: flex; justify-content: space-between; align-items: center; } /* account rewards */ .main-content.account-rewards .total { justify-content: flex-start; align-self: flex-start; } .reward_progress{ margin-top: 15px; } /* account tickets */ .page-container.custom-acc .account-tickets .msg { margin-top: 30px; padding-top: 30px; border-top: 2px solid #000;} .page-container.custom-acc .account-tickets .title { font-family: var(--body); display: block; font-size: 1em; margin-bottom: 15px; flex: 1 0 100%;font-weight: 600;} .page-container.custom-acc .account-tickets .txt-wrap { background: #f9f9fa;} .page-container.custom-acc .account-tickets .ticket { flex-wrap: wrap; margin-bottom: 30px; border-top: 1px solid var(--border);padding-top: 30px;} .page-container.custom-acc .account-tickets .ticket:first-of-type { border: 0;} .page-container.custom-acc .account-tickets .ticket .date, .page-container.custom-acc .account-tickets .ticket .status { flex: 0 1 48%;margin:0;} .page-container.custom-acc .account-tickets .ticket .date{margin-right:4%;} .page-container.custom-acc .account-tickets .ticket .flex1 a.btn3 { width: 100%; margin-top: 30px;} .page-container.custom-acc .account-tickets .msg { margin: 30px -20px 0 -20px;} .page-container.custom-acc .account-tickets .txt-wrap { padding: 20px;} .page-container.custom-acc .account-tickets .msg .title { padding: 0 20px; font-size: 1.6em;} .page-container.custom-acc .account-tickets .answers .ticket { padding: 30px; background: #f9f9fa; border-radius: 5px; border: 0; margin-bottom: 30px; } .page-container.custom-acc .account-tickets .answers .ticket p { margin: 0;} .page-container.custom-acc .account-tickets .answers .placed { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border); font-size: .85em; font-weight: 600;} .page-container.custom-acc .account-tickets .answers .ticket.msg-right { align-self: flex-end;} .page-container.custom-acc .account-tickets .answers .ticket.flex.flex-column.msg-left { background: #e9f8ff;} .page-container.custom-acc .account-tickets .answers .ticket { width: 100%;} .page-container.custom-acc .account-tickets .answers .placed { flex-direction: column;} .page-container.custom-acc .account-tickets textarea { min-height: 150px;} /* account order view */ .main-content.order-view .pay, .main-content.order-view .ship{font-weight:600;} .main-content.order-view .order-status { margin-bottom: 30px; border-bottom: 1px solid var(--border); padding-bottom: 30px;} .main-content.order-view .tot-row { margin-bottom: 5px;} .main-content.order-view .product > .flex2, .main-content.order-view .th > .flex2 { flex: 4;} .main-content.order-view .product .p-title { font-weight: 600;} .main-content.order-view .pay .status { margin-left: 15px;} .main-content.order-view .ship-address .title { font-family: var(--body); font-weight:600;display: block; font-size: 1em;} .main-content.order-view .action-buttons .flex .btn { margin-left: 15px;} .main-content.order-view .returned .title { display: block; font-family: var(--body); font-weight:600;font-size: 1.4em;} .main-content.order-view .order-status, .main-content.order-view .order-status .flex2 { flex-direction: column; align-items: flex-start; width: 100%;} .main-content.order-view .pay{ width: 100%; justify-content: space-between; margin-bottom: 15px;} .main-content.order-view .pay .status { margin-left: 0; flex: 1;} .main-content.order-view .pay .ord-label{ flex: 1;} .main-content.account-information .action-buttons{ margin-top: 30px;} .main-content.order-view .totals { background: #f9f9fa; margin: 30px -20px; padding: 20px; border-top: 2px solid #000;} .main-content.order-view .totals .the-option { color: #999; font-weight: 600;} .main-content.order-view .totals .ship-option .gui-price { align-self: flex-start;} .main-content.order-view .totals .tot-row.tot { font-size: 1.2em; margin-top: 15px;} /* account wishlist */ .main-content.account-wishlist .item.item-list.small-list { flex-wrap: wrap;} .main-content.account-wishlist .item-list .item-image-container { width: 100px; height: 100px;} .main-content.account-wishlist .item.item-list .flex2 { flex: 1 0 100%;} /*.main-content.account-wishlist .tq_ip_wrap { flex: 0 1 30%; text-align: left !important;}*/ .main-content.account-wishlist .item-list .item-meta-container { flex: 1;} .main-content.account-wishlist .item-list .tq_ip_wrap { padding-left: 120px; align-self: center;} .main-content.account-wishlist .item-list .action-btns { margin-top: 0; justify-content: flex-end;} .main-content.account-wishlist .item-list .compare{ margin-right: 10px;} /* account login */ .main-content.account-login .row .block .title { font-size: 1.4em; font-family: var(--body); display: block;font-weight: 600;} .main-content.account-login .row .block .action-buttons{ margin-top: auto;} .main-content.account-login .row .block .inp-col { margin-bottom: 15px;} .main-content.account-login .row .block .action-buttons .banner-btn { align-self: center;} /* logged out */ .custom-acc .main-content.no-sidebar.account-loggedout { padding: 60px 0 0 0; text-align: center;} .main-content.account-loggedout .title { display: block; font-size: 1.4em; font-family: var(--body);font-weight:600;} /* return items */ .main-content.return-items .title { display: block; font-family: var(--body);font-weight: 600;} .main-content.return-items .reasons { margin-top: 30px;} .main-content.return-items .return-actions { margin: 0 -15px;} .main-content.return-items .return-actions > .flex1, .main-content.return-items .comment { padding: 30px; background: #f9f9fa; margin: 15px; border-radius: var(--radius);} .main-content.return-items .comment{margin:0;} /* fancybox */ .fancybox-slide.fancybox-slide--html .fancybox-content { max-height: 600px; width:100%; } .sub-sub-wrap { flex-direction: row-reverse; border-bottom: 1px solid var(--border); border-top: 1px solid var(--border); padding: 15px 20px; margin: 0 -20px 20px -20px; background: #f9f9fa; justify-content:flex-end; } .subcats { width: 60%; flex: 1;} .sub-fil-wrap { margin-right: 15px; margin-bottom: 0;} .mob-filters { height: 40px; border-radius: var(--radius);} .subcats .carousel { position: relative; width: 100%;} .subcats .normal a { margin-right: 10px; width: auto; background: #f9f9fa; padding: 5px 10px; border-radius: var(--radius); transition: all ease-in-out .25s; border: 1px solid var(--border);} .sub-sub-wrap.flex.is-sticky { z-index: 12; box-shadow: 0 1px 25px rgba(0,0,0,.05);} .subcats .swiper-scrollbar { margin-left: 0; width: 100%;} .subcats .swiper-next, .subcats .swiper-prev { top: calc(50% - 12px);} .subcats .swiper-next:hover, .subcats .swiper-prev:hover{background:none;color:var(--bodyText);} .swipe__overlay { display: block; position: absolute; top: 0; bottom: 0; width: 15%; pointer-events: none; z-index: 2; } .swipe-module__overlay--end { right: 0; background-image: linear-gradient(90deg,transparent,#fff); } .swipe-module__overlay--start { left: 0; background-image: linear-gradient(270deg,transparent,#fff); } .normal.is-start .swipe-module__overlay--start, .normal.is-end .swipe-module__overlay--end { background-image: none; } /* custom specs */ #specifications .scale, .tool-compare .spec-sheet .scale { height: 10px; width: 100%; position: relative;} #specifications .scale::before, .tool-compare .spec-sheet .scale::before { content: ''; display: block; height: 2px; width: 100%; top: 4px; position: absolute; background: var(--primaryColor); -webkit-transition: background .25s ease-in-out; -o-transition: background .25s ease-in-out; transition: background .25s ease-in-out;} #specifications .scale .progress, .tool-compare .spec-sheet .scale .progress { background: var(--primaryColor); height: 100%; width: 0; -webkit-transition: background .25s ease-in-out,width .5s ease-in-out; -o-transition: background .25s ease-in-out,width .5s ease-in-out; transition: background .25s ease-in-out,width .5s ease-in-out;} #specifications .icon-favourite, .tool-compare .spec-sheet .icon-favourite { border-radius: var(--radius); font-size: .75em; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; color: #fff; margin-right: 4px; background: #bbb; line-height: 1;} #specifications .icon-favourite.on, .tool-compare .spec-sheet .icon-favourite.on { background: var(--primaryColor);} #specifications .icon-favourite.semi, .tool-compare .spec-sheet .icon-favourite.semi { background: #cecece; background: -moz-linear-gradient(left, var(--primaryColor) 0%, var(--primaryColor) 50%, #bbb 50%, #bbb 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,var(--primaryColor)), color-stop(50%,var(--primaryColor)), color-stop(50%,#bbb), color-stop(100%,#bbb)); background: -webkit-linear-gradient(left, var(--primaryColor) 0%,var(--primaryColor) 50%,#bbb 50%,#bbb 100%); background: -o-linear-gradient(left, var(--primaryColor) 0%,var(--primaryColor) 50%,#bbb 50%,#bbb 100%); background: -ms-linear-gradient(left, var(--primaryColor) 0%,var(--primaryColor) 50%,#bbb 50%,#bbb 100%); background: linear-gradient(to right, var(--primaryColor) 0%,var(--primaryColor) 50%,#bbb 50%,#bbb 100%);} /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /*Medium devices (tablets, 768px and up) */ @media (min-width: 753px) { .container{max-width:768px;padding:0 20px} .swiper-scrollbar { bottom: -10px;} /* visibillity */ .hidden-tablet, .visible-mobile, .visible-desktop{display:none!important;} .visible-tablet { display: flex!important;} .grid.grid-4, .grid.grid-3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr); grid-column-gap: 20px;} .mob-men-slide, .mobile-menu-side, .mob-men-slide .sideMenu, .mobile-menu-side .filters-aside, .mob-men-slide .subsection.section-content { width: 50vw;} #top .shop-score .text a{display:inline-flex;} #top .shop-score .item-rating .icon-favourite { width: 14px; height: 14px; font-size: .65em;} #header .autocomplete .products { grid-template-columns: repeat(3,1fr); grid-column-gap: 20px; grid-row-gap: 20px;} #headlines.fullwidth, #headlines.fullwidth .banner-text { height: 270px; } #headlines.banner .banner-text .maintitle { font-size: 1.6em; } #headlines .item-1 .slide-image{ background-image: url('slide1-tablet-image.png?20250813143153');z-index:1;} #headlines .item-2 .slide-image{ background-image: url('slide2-tablet-image.png');z-index:1;} #headlines .item-3 .slide-image{ background-image: url('slide3-tablet-image.png');z-index:1;} #categories .category-area { margin: 0; } #categories .category-area { margin: 0 -10px; flex-direction: row;} #categories .banner { flex: 1; padding: 0 10px; display: flex; flex-direction: column;margin:0;} #categories .banner-img { height: 300px; flex: auto; max-height: 300px;} #categories .banner-text { padding: 30px; height: auto; background: #f9f9fa; flex: 1;} #categories .category-area .banner-text a { justify-content: space-between; flex: 1; display: flex; flex-direction: column;} #categories .banner .banner-text .maintitle { font-size: 1.6em;} #categories .category-area .banner-text .banner-btn { margin-top: 15px;} #categories .category-area .banner.cat_column:hover .banner-btn { background: transparent;color:var(--btn2);border-color:var(--btn2);} #categories .banner.cat_blocks { flex: 0 1 50%; flex-direction: row; margin: 0 0 20px 0; } #categories .category-area .banner.cat_blocks .banner-text a { justify-content: center; } #categories .banner.cat_blocks .banner-text { height: 120px; } .home-products { padding: 45px 0;} .home-block .header { flex-direction: row; align-items: center;} .home-products .btn { width: auto;} .banner-area .wrap { flex-direction: row;} #blog .wrap { margin: 0 -10px; flex-direction: row;} #blog .blog-article { padding: 0 10px;margin:0;} #blog .blog-article .blog-grid-image {margin-bottom: 0;} #blog .blog-article .meta { padding: 30px 0;} /* items */ .item .item-btn { flex-wrap: nowrap;} .item .de-legal { font-size: .75em;} .item .checkbox [type="checkbox"]:checked + label{color:var(--primaryColor)} .item .checkbox [type="checkbox"]:checked + label, .item .checkbox [type="checkbox"]:not(:checked) + label{padding-left:0;} #footer .usp { flex: 0 0 50%;} #footer .tagline { flex: 1 1 100%;} #footer .form-control { display: inline-flex;} #footer .footer-newsletter .btn { margin-top: 0; width: auto; display: inline-flex; margin-left: 15px; align-items: center;} #footer .footer-service .container.flex{flex-wrap:wrap;flex-direction:row;margin:0;padding:0} #footer .service{flex:1 1 50%;width:auto;margin:0;padding:20px;border-bottom:2px solid #000;margin: 0 0 20px 0;} #footer .footer-service .cust-service{padding:20px;flex:1 1 50%;margin: 0 0 20px 0;} #footer .footer-service .cust-service .toggle{display:flex} #footer .footer-company .border-wrap{flex-direction:row;flex-wrap:wrap} #footer .footer-company .text{flex-direction:column;flex:1 0 auto} #footer .footer-company .text.addre{flex-direction:row} #footer .footer-company .text span{text-align:left} #footer .footer-company .text .text{flex-direction:column} #footer .footer-company .is-image .text.addre{flex:1 0 auto} #footer .text.addre{margin-top:0} #footer .trust{text-align:left;margin-left:140px;flex:1 0 auto;margin-top:30px} #footer .footer-company .trust img{margin:0;left:0} #footer .socials{flex-direction:row;margin-bottom:0;flex:1 0 auto;margin-top:30px} #footer .socials .title{margin:0 15px 0 0} #footer .socials .text{flex-direction:row} /* catalog */ .page-container.catalog #categories .banner { flex-direction: row;} .page-container.brands #categories .banner-img { height: 300px; max-height: 300px; } .page-container.brands #categories .banner { flex: 0 1 33.333333333%; display: flex; } .fancybox-slide.fancybox-slide--html .fancybox-content { max-width: 600px; width: auto; } /* cart */ .cartpage .item.item-list.small-list { flex-direction: row;} #upsells .wrap { grid-template-columns: repeat(2,1fr);} /* custom account */ /* tickets */ .page-container.custom-acc .account-tickets .answers .ticket { width:80%;} .page-container.custom-acc .account-tickets .ticket .date { flex: 1;} .page-container.custom-acc .account-tickets .ticket .flex1 a.btn3 { width: auto; margin-top: 0; margin-left: 4%;} /* wishlist */ .main-content.account-wishlist .item.item-list .flex2 { flex: 1 0 50%;} .main-content.account-wishlist .item-list .tq_ip_wrap { padding-left: 0;} .main-content.account-wishlist .item-list .action-btns { align-self: center;} } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { body{font-size:1em} .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));} /* visibillity */ .hidden-desktop, .visible-mobile, .visible-tablet, .hidden-tab-ls{display:none!important;} .visible-desktop, .visible-tab-ls { display: flex!important;} .container{max-width:992px;padding:0 20px} .menu--overlay.open { z-index: 20;} .msgs .alert{right:60px;left:60px;} #top .settings.langs { height: 35px; display: flex;} #top .usp-car { flex: 1; padding-right: 60px;} #header .header { padding: 10px 60px;} #header .inner-head { height: 100%; display: flex; flex-direction: column; justify-content: space-between;} #header .logo { max-width: 240px; min-width: 240px; border-radius: var(--radius); margin: 0; padding: 0; } #header.square .logo.logo-square { border-radius: 0; } /*#header .logo a {background-color:#ededed; border-radius: var(--radius); display: block;}*/ #header .logo img { display: block; max-width: 240px; width: auto; height: 60px; padding:10px 10px 10px 0px; } #header .logo.with-bg img { margin: 0 auto; } #header .logo_lc .logo.with-bg img { border-radius: var(--radius); } #header .tool { padding: 0 0 0 10px; min-width: 60px; cursor: pointer; width: auto; line-height: inherit; height: auto;} #header .tool a { display: flex;flex-direction: column; line-height: inherit;} #header .tool a:hover .small-lable { opacity: .75; } #header .tool .small-lable { font-size: .75em;} #header .tool i { font-size: 1.2em; margin-bottom: 4px;} #header .search { padding: 0 80px; border: 0;} #header .mini-cart .item-name { min-height: unset;} #header .logo.logo-square { max-width: 150px; min-width: 150px; height: 150px;} #header .logo.logo-square img { max-width: 150px; min-width: 150px; height: 150px; padding:10px 10px 10px 0px;} #header.square .header { padding: 15px 0 0 0;} #header.square .search { padding: 0 30px; margin: 0; flex: 1; } #header.square #menu { margin-top: 10px; position:unset;} #header.square #menu > .container { padding-right: 0; padding-left: 30px;} #header.square .inner-head { display: flex; flex-direction: column; justify-content: space-between; height: 150px;} #header.square .tools-wrap { padding-top: 10px;} #header .tools-wrap { justify-content: flex-end;} #header .tool.myacc .select-dropdown .dropdown-menu a { margin-bottom: 5px; font-size: .85em;} #header.square .inner-head.logo_lc { height: auto; } #header.square .inner-head.logo_lc #menu { margin-top: 0;} #header.square .logo_lc .header { padding: 10px 60px;} #header .inner-head.logo_lc .logo { max-width: unset; min-width: unset; padding: 0 30px; justify-content: center; display: flex;background:transparent;} #header .inner-head.logo_lc .search { padding: 0;} #header .inner-head.logo_lc #menu .menu { justify-content:center;} #header .tool.mini-cart .select-dropdown { position: relative; height: 70px; display: flex; align-items: center;} #header .tool.mini-cart .dropdown-menu {right: 0; left: auto; padding-right: 0; cursor: auto; display: block; height: auto; border: 0; padding: 30px 0 0 30px;} #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 */ .mini-cart .title { font-size: 1.4em;} .mini-cart .widget_content { width: 334px; max-height: 334px; overflow-y: auto; padding-right: 30px;} .mini-cart .total { padding: 20px 30px 20px 0; border: 0;} .mini-cart .cart-info::before { content: ""; border-top: 2px solid #000; 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 !important; font-size: .65em !important; width: 16px; height: 16px; display: inline-flex; justify-content: center; align-items: center; margin: 0 5px 0 0 !important;} .mini-cart .item.no-products { padding: 30px 0;} .mini-cart .item .item-image-container { height: 80px;} .mini-cart .variant { display: flex; align-items: center; margin: 5px 0;} #header .mini-cart .cart-info, .bundled ul { margin-bottom: 0;} .mini-cart .variant, .mini-cart .bundle-title, .mini-cart .bundle-variant { font-size: .85em;} #menu { background: #faf9f4;position:relative;} #menu .menu { height: 64px; z-index: 1; width: 100%; /*overflow-x: auto; overflow-y: hidden;*/ } #menu .menu .item > a { padding: 0 15px; font-weight: 600; display: block; line-height: 64px; white-space: nowrap; color:#101010; } #menu .menu .item.ext a { font-weight: normal !important; color: #111111; position: relative; } /*#menu .menu .item:active:focus:focus-within a{ color: var(--secondaryColor);}*/ #menu .menu .item .nav-label, .mob-men-slide .nav-item .nav-label { color: #eb0037; text-transform: uppercase;} #menu .menu .item:not(.ext):hover > a{ color: var(--primaryColor); } /*#menu .menu .item.sub:hover > a { color: var(--primaryColor);}*/ #menu .menu .item.ext:hover { opacity: .55; } #menu .menu .item.sub:hover > .dropdown-menu { visibility: visible; opacity: 1; display: block;} #menu .menu .item.sub i { color: rgba(0,0,0,.4); font-size: .85em; margin-left: 5px;} #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: 30px 15px; flex: 0 1 200px;position:relative;} #menu .mega-menu.mm_col_3 .col { flex: 0 1 33.33333333%; } #menu .mega-menu.mm_col_4 .col { flex: 0 1 25%; } #menu .mega-menu.mm_col_5 .col { flex: 0 1 20%; } #menu .mega-menu.has_borders .col::before { content: ""; width: 1px; background: var(--border); height: calc(100% - 60px); position: absolute; left: 0; top: 30px; } #menu .mega-menu.has_borders .col.menu-ext::before, #menu .mega-menu.has_borders .col.menu-ext .col::before { display: none; } #menu .men-cont-wrap{ flex: 1 1 80%;} #menu .men-cont-wrap.none{ flex: 1;} #menu .menu .item.item-list:hover { background: transparent; } #menu .mega-menu .title { font-size: 1em; font-family: var(--body); font-weight: 600;} #menu .mega-menu .subtitle { margin-bottom: 5px;} #menu .mega-menu .subtitle:hover { text-decoration: underline;} #menu .mega-menu .col .btn { margin-top: auto;} #menu .mega-menu .subtitle.last { margin-bottom: 45px;} #menu .mega-menu { border-top: 1px solid var(--border); width: 100%; left: 0;background:#faf9f4;} #menu.menu_style1 .menu .item{ } #menu.menu_style1 .menu .item .dropdown-menu { padding: 15px 0 30px 0; left:-15px;background:#faf9f4;} #menu.menu_style1 .sub-item-title { font-weight: var(--headingsWeight);} #menu .menu .item.sub:hover > .dropdown-menu { visibility: visible; opacity: 1; 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; left: 100%;} #menu.menu_style1 ul ul ul li:hover > .dropdown-menu.sss { visibility: visible; opacity: 1; display: block; left: 100%;} #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.menu_style1 .dropdown-menu ul li:hover > a { text-decoration: underline;} /* flow menu */ #menu.menu_style3 .mega-menu .container.flex { justify-content: space-between; } #menu.menu_style3 .mega-menu .col.menu-ext{ flex:0 1 20%; } #menu.menu_style3 .dropdown-menu{ padding: 30px; } #menu.menu_style3 .men-cont-wrap { flex: unset; max-height: 320px; column-width: 200px; column-width: 200px; max-width: 100%; flex-wrap: unset; display: unset; } #menu.menu_style3 .grid-columns { display: grid; grid-template-columns: 1fr; padding: 0 15px; } #menu.menu_style3 .mega-menu .col { padding: 0; flex: unset; } #menu.menu_style3 .mega-menu .subtitle.last { margin-bottom: 15px; } #menu .menu .item.ext.blog_drop:hover { opacity: 1; } #menu .menu .item.ext.blog_drop:hover > a { opacity: .55; } #menu .menu .item.ext.blog_drop .img-wrap { height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; height: 270px; object-fit: cover; border-radius: var(--radius); position:relative; } #menu .menu .item.ext.blog_drop .title { font-weight: 600 !important; color: #000; margin-top: 15px; } #menu .menu .item.ext.blog_drop .subtitle:before{ content:""; display: inline-flex; width: 6px; background: #666; height: 6px; border-radius: 100%; margin-right: 6px; margin-top: -2px; vertical-align: middle; } #menu .menu .item.ext.blog_drop .men-cont-wrap { flex: 1; max-height: unset; display: flex; } #menu .menu .item.ext.blog_drop .mega-menu.mm_col_4 .col { flex-basis: 33.33333%; padding: 0 15px; } #menu .menu .item.ext.blog_drop .img-wrap .abs-link { position: absolute; } .swiper-scrollbar{position:absolute;left:1%;bottom:-30px;z-index:50;width:calc(98% - 120px);margin-left:60px} .notbar a { flex-direction: row; } #headlines .item-1 .slide-image{ background-image: url('slide1-image.png?20250813143153');} #headlines .item-2 .slide-image{ background-image: url('slide2-image.png');} #headlines .item-3 .slide-image{ background-image: url('slide3-image.png');} #headlines.banner .text-wrap.contrast { min-width: 25%; margin: 0; padding: 30px; flex-direction: column; align-items: flex-start; width: auto; } #headlines.banner .banner-text .maintitle { font-size: 1.6em; } #headlines.fullwidth .banner-text { margin-left: -20px; } /* collection titles */ .collection-title .wrap.no-side { flex-direction: column; align-items: flex-start;} .collection-title .wrap { padding: 20px 0; border: 0; margin: 0; flex-direction: row; align-items: center;} .collection-title h1{font-size:2em;flex:1;line-height:44px;margin:0} .collection-title .wrap{border-bottom:1px solid rgba(0,0,0,.1);padding:30px 0;margin-bottom: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} .collection-title .wrap .category-toolbar { padding-left: 30px;} .collection .breadcrumb-container { flex: 0 1 25%; border-bottom: 0; width: auto; padding: 0; margin-bottom: 0;} .breadcrumb-container a{font-size:.85em} .breadcrumb-container a i { padding: 0 5px; font-size: .85em;} .breadcrumb-container .go-back { margin-right: 15px;} .breadcrumb-container .go-back i { padding: 0;} .breadcrumb-container .active { font-weight: 600; text-decoration: underline;} /* toolbar */ .category-toolbar select { border-width: 0; height: auto; border: 2px solid var(--border); height: 30px;} .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;} .category-toolbar .view-box { font-size: .85em;} .category-toolbar .view-box a:first-child { margin-right: 5px;} .with-sidebar .category-toolbar { justify-content: flex-start;} .collection .inner-content .toggle-content { margin-bottom: 30px;} .toolbox-pagination { margin: 60px 0;position: relative;} .toolbox-pagination .pagination { margin: 0; background: #fff; z-index: 1; padding-left: 30px;} .toolbox-pagination::after { content: ""; border: 1px solid var(--border); width: 100%; top: 50%; position: absolute;} .toolbox-pagination .pages { background: #fff; z-index: 1; padding-right: 40px;} .toolbox-pagination .pagination a{display:block} .toolbox-pagination .pagination li .btn-round.small i{font-size:1em} .mobile-menu-side.mob-acc-menu { display: none !important;} .mobile-menu-side { margin-right: 30px; width: calc(25% - 30px); left: 0; position: relative; height: auto; transition: none; z-index: 1;} .mob-men-slide .sideMenu, .mobile-menu-side .filters-aside { width: auto; background: #fff; left: 0; max-height: 100%; overflow-y: unset; position: relative; transition: none; height: auto; top: 0;} .filters-aside .filter.dropdown { padding: 0 0 15px 0;} .filters-aside .filters { padding-bottom: 0; } .mobile-menu-side .filters-aside.with-contrast { background: #f9f9fa; padding: 30px; border-radius: var(--radius); } .home-products .swiper-container { overflow: hidden;} .home-products .carousel .swiper-prev,.home-products .carousel .swiper-next{opacity:0} .home-products .carousel:hover .swiper-prev,.home-products .carousel:hover .swiper-next{opacity:1} .home-products .header .tab { font-weight: 600; cursor: pointer; margin-left: 15px; margin-right: 0; } .home-block .header { flex-direction: row; align-items: center;} .home-products .btn { width: auto; align-self: center;} #categories .banner-img { height: 400px; max-height: 400px; } .home-products { padding: 60px 0;} .home-products .tab-wrap { margin-top: 0; } #categories .banner.cat_blocks { flex: 0 1 25%; } #categories .banner.cat_blocks .banner-text .maintitle { font-size: 1.2em; } .item .action-btns { margin-top: 0; width: auto; justify-content: flex-end;} .banner-area.preset1 .wrap { margin:0; flex-direction: row;} .banner-area.preset1.home-products { padding-top: 30px; } .item.item-list .item-image-container { width: auto; flex: 1 0 320px; } .item.item-list .item-image-container img { margin: 0; } .item.item-list .item-meta-container {flex:1} .item.item-list .item-meta-container { padding: 30px;} .item.item-list .list-item-wrap.flex { } .item.item-list .list-desc { } #headlines.fullwidth { height: 400px;border:0;} #headlines.fullwidth .banner-text { height: 400px;margin-left:0;} .banner-area .banner { height: 400px; } .banner-area .banner .banner-inner {height: 100%;} #brands .item img { width: 140px; height: auto;} #blog .wrap { margin: 0 -15px; flex-direction: row;} #blog .blog-article { padding: 0 15px;margin:0;} /*#blog .blog-article .blog-grid-image {margin-bottom: 0;}*/ #blog .blog-article .meta { padding: 30px 0;} #blog .blog-article.is_3_blog .meta { padding: 0 0 30px 0; flex-direction: row; justify-content: space-between; align-items: center; } #blog .blog-article.is_3_blog .subtitle { font-size: .85em; line-height: 1; color: #999; } #footer .usp { flex: 1;} #footer .footer-newsletter .newslet { padding: 30px 60px;} #footer .tagline { font-size: 1.4em; } #footer .form-control { margin: 0 15px 0 90px;} #footer .service { flex: 2; margin-right: 30px;} #footer .cust-service { padding: 0 0 0 30px;} #footer .service .wrap { margin: 15px -10px; flex-direction: row; } #footer .footer-service .service-block { flex: 0 1 50%; padding: 10px; width: 50%; } #footer .footer-service .service-block a{font-size:0.85em;} #footer .title { display: block;} #footer .cust-service a { margin-bottom: 5px;} #footer .footer-company .border-wrap { border-top: 1px solid rgba(0,0,0,0.1); flex-direction: row; padding: 45px 0; position: relative; } #footer .footer-company .text.addre { margin-top: 0;margin-right: 30px; margin-left: 140px; flex-direction: row;} #footer .socials { margin-left: 45px; justify-content: flex-end; flex-direction: row; margin-bottom: 0;} #footer .socials .title { margin: 0 15px 0 0;} #footer .footer-service .cust-service { padding: 0 0 0 30px; flex: 1; border: 0;} #footer .footer-newsletter .btn { margin-top: 0; margin-left:0; width: auto;} #footer .footer-service .cust-service .title i { display: none;} #footer .footer-service .cust-service .toggle { display: flex;} #footer .footer-service .container.flex { flex-direction: row; padding: 0 60px; margin: 0 auto; } #footer .footer-company .comp-img img { display: block; position: relative; } #footer .footer-company img.is_logo-img {display:block;} #footer .footer-company .text { flex-direction: column;} #footer .text.addre .text > span { margin-right: 0; text-align: left;} #footer .footer-company .text span { text-align: left;font-size: .85em;} #footer .footer-company .trust img { margin: 0;} #footer .footer-company .socials .text { flex-direction: row;} #footer .copyright .container { flex-direction: row; padding: 30px 60px;} #footer .copyright .container > .flex1 { justify-content: flex-start; margin-bottom: 0;} #footer .payments { justify-content: flex-end!important;} .page-container .with-sidebar .inner-content{flex:0 1 75%;max-width:75%} .page-container:not(.collection) .main-content.with-sidebar{flex:0 1 75%;max-width:75%} .page-container.catalog .breadcrumb-container { flex: 0 1 25%;} /* breadcrumbs */ .breadcrumb-container > a { align-items: center;font-size:.85em;} .no-side .breadcrumb-container > a { flex-basis:auto;} .breadcrumb-container a.active { font-weight:600;} .breadcrumb-container > a > i{ margin: 0 5px;font-size:.85em;} /* toolbar */ .sub-sub-wrap { flex-direction: row; border-bottom: 0; border-top: 0; padding: 0; margin: 0; background: transparent; } .subcats { padding: 0 0 30px 0; margin-bottom: 30px; border-bottom: 1px solid var(--border); border-top: 0; } .subcats .title{margin:0 15px 0 0;font-size:1em;font-family:var(--body);width:25%;font-weight:600;} .subcats a { border: 0; } .subcats a.active{color:var(--primaryColor)} .subcats .swiper-scrollbar{bottom:-10px;margin-left:0;width:98%} .subcats.filter-adjust { margin: 0; flex: 1;} .sub-fil-wrap { align-items: center; padding: 15px; background: #f9f9fa; display: none; } .subcats a:hover { background: var(--btn1); color: var(--btn1Text); } .subcats .carousel { width: 75%; } .sub-fil-wrap .category-toolbar { flex: 0 1 25%;} .flex.sub-fil-wrap.is-sticky { background: #fff; z-index: 9;} /* listed filters */ .sub-fil-wrap { align-items: center; padding: 0 0 30px 0; display: none; border-bottom: 1px solid var(--border); background: transparent; } .sub-fil-wrap.filters-active { display: flex; } .listed .filter.dropdown.active > .dropdown-menu { opacity: 1; visibility: visible; display: block; } .listed .subcats a { margin-right: 0; width: auto; background: transparent; border-radius: 0; white-space: nowrap; } .listed .subcats a:hover { text-decoration: underline; } .sub-fil-wrap .category-toolbar.listed { flex: 1; flex-direction: column; align-items: flex-start;} .sub-fil-wrap .title { flex: 0 1 25%; display: flex; font-size: 1em; margin-bottom: 0; align-self: flex-start; font-family: var(--body); align-self: center; } .sub-fil-wrap .filter.dropdown .subcats { border: 0; padding-bottom: 0; margin-bottom: 0; } .listed .filter.dropdown .subcats a:hover { text-decoration: underline; color: var(--bodyText); } .sub-fil-wrap .category-toolbar.listed .filter { margin: 5px; position: relative; } .sub-fil-wrap .category-toolbar.listed .filters { display: flex; align-items: center; margin: 0 -5px; flex-wrap: wrap; } .sub-fil-wrap .category-toolbar.listed .filters #slider-step-value, .pricing .sidebar-filter { margin-top: 15px; } .listed .filters_active .remove-filters { margin-top: 0; margin-left: 15px; } .sub-fil-wrap .category-toolbar.listed .filters .btn.btn3.btn-filter { padding: 6px 15px;} .listed .filter-wrap { margin-bottom: 5px; white-space: nowrap; } .listed .filter-wrap:hover label { color: var(--primaryColor); text-decoration: underline;} .sub-fil-wrap .category-toolbar.listed .dropdown-menu { padding: 20px; position: absolute; /* top: 100%; */ left: -15px; /* width: auto; */ } .listed .submit_filters { margin-top: 30px;} .listed .filters_active { padding: 0; background: transparent; margin: 15px 0 0 0;} .category-toolbar select { border-width: 0; height: auto; border: 2px solid var(--border); height: 30px;} .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;} .category-toolbar .view-box { font-size: .85em;} .category-toolbar .view-box a:first-child { margin-right: 5px;} .with-sidebar .category-toolbar { justify-content: flex-start;} .collection .inner-content .toggle-content.at-top { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--border); margin-top: 0; } .collection .inner-content .toggle-content.at-top p { margin: 0; } .cat-description { flex-direction: row; } .cat-description .collection-image { margin: 0 30px 0 0; } .cat-description .collection-image img { border-radius: var(--radius); } .collection .inner-content .toggle-content { padding-top: 0; } .content.toggle-content { padding: 0 0 40px 0; flex: 1; } .toolbox-pagination { margin: 60px 0;position: relative;flex-direction: row;} .toolbox-pagination .pagination { margin: 0; background: #fff; z-index: 1; padding-left: 30px;} .toolbox-pagination::after { content: ""; border: 1px solid var(--border); width: 100%; top: 50%; position: absolute;} .toolbox-pagination .pages { background: #fff; z-index: 1; padding-right: 40px;} .toolbox-pagination .pagination li { margin: 0 0 0 10px; } .toolbox-pagination .pagination a{display:block} .toolbox-pagination .pagination li .btn-round.small i{font-size:1em} .products-area.grid.grid-3{ grid-column-gap: 30px; grid-row-gap: 30px;} .no-sidebar .products-empty { padding: 0 0 30px 0;} .filters-aside .submit_filters { display: none;} .page-container.brands #categories .banner { padding: 10px; flex: 0 1 25%; display: flex; flex-direction: row;} .page-container.brands #categories .banner-img { flex: 1; display: flex; justify-content: center;align-items: center;} .page-container.compare .sidebar { margin-right: 30px; width: calc(25% - 30px);} .page-container.compare .tool-compare { flex: 0 1 75%; max-width: 75%; } /* items */ .item.is_grid { max-width: 100%;} .item .compare.mobile.checkbox { display: none;} .item .compare.desktop.checkbox { display: block;} .item .checkbox [type="checkbox"]:checked + label, .item .checkbox [type="checkbox"]:not(:checked) + label{padding-left:0;} .item:not(.meta) .checkbox [type="checkbox"]:not(:checked) + label, .item:not(.meta) .checkbox [type="checkbox"]:checked + label { padding-left: 0; line-height: inherit; display: block;} .item:not(.meta) .checkbox [type="checkbox"]:not(:checked) + label::before, .item:not(.meta) .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:not(.meta) .checkbox [type="checkbox"]:checked + label { color: var(--primaryColor);} /******************/ /* custom account */ /******************/ .page-container .widget.textpage .links .btn.btn3 { margin-top: 30px; } .page-container.custom-acc { padding-bottom: 60px;} .custom-acc .main-content { flex: 0 1 75%; max-width: 75%;} .custom-acc .main-content.no-sidebar { flex: 1; max-width: 100%;} .page-container.custom-acc .breadcrumb-container{ flex: 0 1 25%;} .page-container.custom-acc .carousel .title { font-size: 2em;} .page-container.custom-acc .mobile-menu-side { flex: 1;} .page-container.custom-acc .mobile-menu-side .inner{ background: #f9f9fa; padding: 30px; border-radius: var(--radius); } .page-container.custom-acc .mobile-menu-side .widget.textpage { margin-bottom: 30px;} .page-container.custom-acc .mobile-menu-side .widget.textpage li { margin-bottom: 5px;} .page-container.custom-acc .mobile-menu-side .inner .widget.textpage .title { font-size: 1.6em; display: none;} .page-container.custom-acc .widget.recent.acc-cart { border-top: 1px solid var(--border); padding-top: 30px;} .page-container.custom-acc .main-content.account-orders .recent-orders { margin-top: 0; } /* account login */ .main-content.account-login .row { margin: 0; flex-direction: row; } .main-content.account-login .row .block { padding: 30px; border-radius: var(--radius); margin: 15px;} /* dashboard */ .page-container.custom-acc .acc-info > div { min-height: 220px;} .rewards .title { font-size: 2em;} .rewards .total {margin-right: 30px;} /* product tables */ .page-container.custom-acc .table .th .flex1, .page-container.custom-acc .table .tr .flex1 { width: 20%; padding: 15px;} .table .th .flex1, .table .tr .flex1 { width: 20%; box-sizing: border-box;} .main-content.order-view .totals { margin-top: 30px; margin-left: 50%; padding: 30px 0; } /* account tickets */ .page-container.custom-acc .account-tickets .ticket .title { margin:0; } /* account wishlist */ .main-content.account-wishlist .item-list .item-image-container { width: 120px; height: 120px;} .main-content.account-wishlist .item-list .item-meta-container { font-size: 1em;} .main-content.account-wishlist .tq_ip_wrap { flex: 0 1 30%; text-align: left !important; } /* reset password */ .main-content.account-password #gui-form { padding: 30px;} /* account dashboard */ .rewards .inner.flex.flex-column { flex-direction: row; } #blog .blog-article .meta { flex-direction: column; } #blog .blog-article .meta > .flex.flex-column{flex:1;} #blog .blog-article .meta .btn{width:auto;} @media (min-width: 1024px) { /* tablets landscape */ .container { max-width: unset; padding: 0 20px; width: 100%; } .mobile-add-msg{display:none;} #header.square .inner-head.logo_ll { width: calc(100% - 150px - 40px); /* 100% - logo - padding */ } #menu .menu { overflow-x: auto; overflow-y: hidden; } #categories .banner.cat_blocks { flex: 0 1 33.3333%; } #footer .form-control { margin: 0 15px 0 0; } #footer .footer-service .container.flex { padding: 0 20px; } #footer .service { margin: 0 30px 0 -20px; border: 0; padding-top: 0; } #footer .footer-newsletter .newslet { padding: 30px 20px; } #footer .trust { margin-left: 0; flex: 1 0 auto; margin-top: 0; } #footer .socials { margin-left: 140px; } .category-toolbar .col-c { display: none; } } /* X-Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { body{font-size:1em} .container{max-width:1280px;padding:0 30px;width:100%;} .mobile-add-msg{display:none;} .swiper-prev { left: -15px; } .swiper-next { right: -15px; } /* visibillity */ /*.hidden-tab-ls{display:inline-flex !important;}*/ #top .carousel { width: 75%; overflow: hidden; display: inline-flex; } #top .rev_set_wrap { width: 25%; z-index: 1; justify-content: flex-end; display: inline-flex; } #top .usp { line-height: 35px; white-space: nowrap; } #header .clearable-input > input {border-radius: var(--radius) 0 0 var(--radius);} #header .search { padding: 0 80px 0 155px;} #header .autocomplete { top: 80px; height: auto; overflow: hidden; border-bottom: 0;} #header .autocomplete .products { grid-template-columns: repeat(6,1fr);} #header .tool.myacc .select-dropdown .dropdown-menu a{text-align:left} #header .mini-cart .item.no-products{text-align:left} #header .mini-cart .shipc{line-height:1.42857143;font-size:.9em} #header .mini-cart .shipc:nth-of-type(2){font-size:1.1em;margin-top:5px} .notbar p { margin: 0; display: flex; justify-content: space-between; align-items: center;} .notbar .cc-wrap { margin-top: 0;} .notbar i { align-self: center;} #menu .menu .item.sub i{display:inline-flex!important} #menu .col.menu-ext.image .title,#menu .col.menu-ext.image .btn{display:none} #menu .col.menu-ext.image .col { margin: 0; height: 100%; min-height: 300px; max-height: 300px; background-size: cover; background-repeat: no-repeat; object-fit: cover; background-position: center center; } #menu .menu-ext.products .item .brand-name { font-size: .85em; } #menu .mega-menu .col.menu-ext { flex: 0 1 20%; padding: 30px 0; margin-left: 30px; position: relative; display: none; border-left: 1px solid var(--border); padding-left: 30px; } #menu .mega-menu .item.item-list.small-list .item-meta-container{padding:0 0 0 10px} #menu .mega-menu .item.item-list.small-list .item-image-container{height:80px;flex:0 0 80px} #menu .col.menu-ext .col { position: relative; left: 0; top: 0; right: 0; bottom: 0; width: 100%; object-fit: cover; background-size: cover; background-position: center; border-radius: var(--radius); padding: 20px 0; } #menu .col.menu-ext .col .item.item-list.item1{border:0;padding-bottom:0;margin-bottom:0} #menu .mega-menu .col.menu-ext .btn{width:100%} #menu .mega-menu .col.menu-ext .is_brand img{max-height:60px;width:auto;display:block} #menu .col.menu-ext.brands .col{flex-wrap:wrap;flex-direction:row;align-items:center;background:transparent;padding:0;margin:15px -5px;width:auto} #menu .mega-menu .col.menu-ext .contains_brand { padding: 5px; flex: 0 1 50%; } #menu .mega-menu .col.menu-ext .is_brand { border: 1px solid var(--border); border-radius: var(--radius); padding: 5px; display: block; } #menu .mega-menu .col.menu-ext .item.item-list.small-list .item-price-container { margin-bottom: 5px; margin-top: 15px; } #menu .mega-menu .col.menu-ext .item.item-list.small-list a { white-space: normal; font-size: .85em; } #menu .mega-menu .col.menu-ext .item.item-list.small-list:last-child { border: 0; margin: 0; padding-bottom: 0; } .banner-area.preset1.home-products { padding: 60px 0; } .home-block.block_1.no_margin .banner-area.preset1.home-products { padding-top: 0; } .home-block.block_1 { padding-top: 60px; } #categories .banner-img{height:500px;max-height:500px} #categories .banner .banner-text .maintitle{font-size:2em} #blog .blog-article .blog-grid-image{margin-bottom:10px} #blog .blog-article{flex-direction:column} #form-newsletter{align-items:center} #footer .footer-newsletter .newslet { padding: 30px;} #footer .tagline { flex: 1; margin-bottom: 0; } #footer .tagline .subline{font-size:.65em} #footer .service{padding:0;border:0;margin: 0 30px 0 0;} #footer .footer-company .is-image .text.addre{flex:0 1 auto} #footer .trust{text-align:center;margin-left:0;margin-top:0;flex:1} #footer .socials{margin-top:0;flex:1;margin-left:auto;} #footer .socials .text > a{margin-right:0;margin-left:10px} #footer .footer-company .text{flex:0 1 auto} #footer .footer-company .is-image .text.addre{margin-left: 120px;} .page-container .breadcrumb-container,.collection-title .breadcrumb-container{border:0;margin:0;padding:0;flex:0 1 25%} #footer .socials .title { white-space: nowrap; } #footer .footer-service .container.flex { padding: 0 30px; } #footer .copyright .container { padding: 30px; } #categories .category-area{margin:0 -15px} #categories .banner{padding:0 15px} #categories.grid.grid-4{grid-template-columns:repeat(4,1fr)} #categories.grid.grid-4.with-imgs{grid-template-columns:repeat(2,1fr)} .page-container.catalog #categories { margin-bottom: 60px;} .widget.recent .title{font-size:1.6em} .widget.recent.filters { flex-direction: column; margin-top: 30px;} .widget.textpage li a:hover { text-decoration: underline;} .page-container.custom-acc .main-content .action-buttons{flex-direction:row} .page-container.custom-acc .main-content .action-buttons .btn.banner-btn.trans,.page-container.custom-acc .main-content .action-buttons > a{width:auto;margin-bottom:0} .page-container.custom-acc .main-content .action-buttons > .flex{flex-direction:row;width:auto;align-items:center} .page-container.custom-acc .main-content .action-buttons > .flex a{margin-bottom:0;margin-left:15px} .page-container.custom-acc .table{margin:0} .page-container.custom-acc .table .th{display:flex} #contact-form .row{margin:0 -5px 15px;flex-direction:row} #contact-form .row .inputs > div,#contact-form .row.inputs > div{padding:5px} #contact-form .row.comp-details { flex-direction: column; } .page-container.custom-acc .account-tickets .msg{margin:30px 0 0} .page-container.custom-acc .account-tickets .msg .title{padding:0} .main-content.order-view .order-status,.main-content.order-view .order-status .flex2{flex-direction:row;align-items:center;width:auto} .main-content.order-view .pay .status{margin-left:15px;flex:auto} .main-content.order-view .pay .ord-label{flex:auto} .main-content.order-view .pay{width:auto} .page-container.custom-acc .table .product{flex-direction:row;align-items:center} .main-content.order-view .product > .flex2,.main-content.order-view .th > .flex2{flex:2} .page-container.custom-acc .table .product > .flex1 > *{flex:1} .main-content.order-view .totals{margin-right:0;padding:30px} .page-container.cartpage{background:linear-gradient(90deg,#fff 60%,#f9f9fa 0%)} .page-container.cartpage .main-content.with-sidebar{width:60%;max-width:60%} .page-container.cartpage > .container.flex-column{flex-direction:row;justify-content:space-between} .page-container.cartpage .item.item-list.small-list{align-items:center} .page-container.cartpage .cart-menu-side{flex:0 1 25%;padding:0;margin:0} .page-container.cartpage .collection-title .wrap{border-bottom:0} .page-container.cartpage .cart-menu-side .widget.textpage { padding-bottom: 90px; } .cartpage .tq_ip_wrap{margin-top:0;width:auto;padding-left:0} .mobile-menu-side .widget.textpage .links li { margin-bottom: 5px; } .customer-service .quick-links { margin: 0 0 30px 0; } .page-container.customer-service .service-block { flex: 0 1 25%; max-width: 25%; } .customer-service .quick-links .service-block { margin-bottom: 0; padding: 0; flex: 0 1 auto; margin-right: 15px; } .page-container.customer-service .main-content .quick-links .title{ margin: 0 0 15px 0; } .customer-service .service .wrap { flex-direction: row; border-top: 0; border-bottom: 1px solid var(--border); padding: 0 0 15px 0; margin: 0 -15px; } .customer-service .service-block { margin-top: 15px; padding: 0 15px; } .customer-service .service{margin:0;} .customer-service .opening-time { flex-direction: row; margin: 60px 0; } .customer-service .opening-time .o-t { margin-top: 0; background: #f9f9fa; padding: 30px; } .customer-service .store-img { margin: 0; } .page-container.customer-service #contactform { flex-direction: row; margin: 0; } .page-container.customer-service #contactform .widget .form-wrap { margin: 0; } .page-container.faqs .container { flex-direction: row; } .page-container.faqs { margin: 60px 0; background: linear-gradient(90deg,#fff 60%,#f9f9fa 0%); } .page-container.faqs .main-content.with-sidebar { padding: 60px; margin: 0; } .page-container.faqs .text-menu-side .title { margin-top: 54px; font-size: 1.6em; } .page-container.faqs .faq-list .tab { margin-bottom: 5px; cursor: pointer; } .faq .links.accordion-menu .toggle { cursor: pointer; } .page-container.faqs .faq-list .tab:hover, .page-container.faqs .faq-list .tab.active { text-decoration: underline; } .cart-menu-side .trow .title { margin: 0; } .cart-menu-side .disc .label { color: var(--green); font-weight: 600; } .cart-menu-side .trow.disc > span { color: var(--green); font-weight: 600; } .cart-menu-side .trow.disc .delete-discount { text-decoration: underline; font-size: .85em; } #headlines.fullscreen { height: calc(100vh - 179px); } } /* XX-Large devices (larger desktops, 1400px and up) */ @media (min-width: 1400px) { .container{max-width:1430px;padding:0 60px;width:100%;} .hidden-desktop, .visible-mobile{display:none;} .mobile-add-msg{display:none;} #footer .footer-newsletter .newslet, #footer .copyright .container { padding: 30px 60px;} #footer .footer-service .container.flex { padding: 0 60px;} .swiper-prev { left: -30px; } .swiper-next { right: -30px; } #footer .footer-company .is-image .text.addre { margin-left: 140px; } } @media (min-width: 992px){ .account-rewards-history .rewards .inner.flex.flex-column { flex-direction: column; } } .account-rewards-history .total.is_first { border-bottom: 1px solid var(--border); } @media (min-width: 810px) and (max-width: 1080px) and (orientation: landscape){ .mobile-menu-side .widget.recent.filters { flex-direction: column; } }