#growls{z-index:9999950000;position:fixed}#growls.default{bottom:20px;left:50%;transform:translateX(-50%);max-width:100%}#growls.tl{top:10px;left:10px}#growls.tr{top:10px;right:10px}#growls.bl{bottom:10px;left:10px}#growls.br{bottom:10px;right:10px}#growls.tc{top:10px;right:10px;left:10px}#growls.bc{bottom:10px;right:10px;left:10px}#growls.bc .growl,#growls.tc .growl{margin-left:auto;margin-right:auto}.growl{opacity:1;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:15px 20px;border:1px solid #333d47}.growl.growl-incoming{opacity:0}.growl.growl-outgoing{opacity:0}.growl.growl-small{width:200px;padding:5px;margin:5px}.growl.growl-medium{width:550px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:15px 20px;max-width:100%}.growl.growl-large{width:300px;padding:15px;margin:15px}.growl.growl-default{color:#333;background:#333}.growl.growl-error{color:#fff}.growl.growl-notice{color:#fff}.growl.growl-warning{color:#fff}.growl div.growl-close{cursor:pointer;float:right;font-size:18px;line-height:18px;font-weight:400;color:#fff}.growl .growl-title{font-size:18px;line-height:24px;font-weight:700}.growl .growl-message{font-size:16px;line-height:20px;color:#fff;font-weight:700}
.daterangepicker{position:absolute;color:inherit;background-color:#fff;border-radius:4px;border:1px solid #ddd;width:278px;max-width:none;padding:0;margin-top:7px;top:100px;left:20px;z-index:3001;display:none;font-family:arial;font-size:15px;line-height:1em}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;border-bottom-color:rgba(0,0,0,.2);content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.openscenter:after{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.drop-up{margin-top:-7px}.daterangepicker.drop-up:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.drop-up:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar{float:none}.daterangepicker.single .drp-selected{display:none}.daterangepicker.show-calendar .drp-calendar{display:block}.daterangepicker.show-calendar .drp-buttons{display:block}.daterangepicker.auto-apply .drp-buttons{display:none}.daterangepicker .drp-calendar{display:none;max-width:270px}.daterangepicker .drp-calendar.left{padding:8px 0 8px 8px}.daterangepicker .drp-calendar.right{padding:8px}.daterangepicker .drp-calendar.single .calendar-table{border:none}.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span{color:#fff;border:solid #000;border-width:0 2px 2px 0;border-radius:0;display:inline-block;padding:3px}.daterangepicker .calendar-table .next span{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.daterangepicker .calendar-table .prev span{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.daterangepicker .calendar-table td,.daterangepicker .calendar-table th{white-space:nowrap;text-align:center;vertical-align:middle;min-width:32px;width:32px;height:24px;line-height:24px;font-size:12px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker .calendar-table{border:1px solid #fff;border-radius:4px;background-color:#fff}.daterangepicker .calendar-table table{width:100%;margin:0;border-spacing:0;border-collapse:collapse}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background-color:#eee;border-color:transparent;color:inherit}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin:0 auto;background:#eee;border:1px solid #eee;padding:2px;outline:0;font-size:12px}.daterangepicker .calendar-time{text-align:center;margin:4px auto 0 auto;line-height:30px;position:relative}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.daterangepicker .drp-buttons{clear:both;text-align:right;padding:8px;border-top:1px solid #ddd;display:none;line-height:12px;vertical-align:middle}.daterangepicker .drp-selected{display:inline-block;font-size:12px;padding-right:8px}.daterangepicker .drp-buttons .btn{margin-left:8px;font-size:12px;font-weight:700;padding:4px 8px}.daterangepicker.show-ranges .drp-calendar.left{border-left:1px solid #ddd}.daterangepicker .ranges{float:none;text-align:left;margin:0}.daterangepicker.show-calendar .ranges{margin-top:8px}.daterangepicker .ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.daterangepicker .ranges li{font-size:12px;padding:8px 12px;cursor:pointer}.daterangepicker .ranges li:hover{background-color:#eee}.daterangepicker .ranges li.active{background-color:#08c;color:#fff}@media (min-width:564px){.daterangepicker{width:auto}.daterangepicker .ranges ul{width:140px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .drp-calendar.left{clear:none}.daterangepicker.single.ltr .drp-calendar,.daterangepicker.single.ltr .ranges{float:left}.daterangepicker.single.rtl .drp-calendar,.daterangepicker.single.rtl .ranges{float:right}.daterangepicker.ltr{direction:ltr;text-align:left}.daterangepicker.ltr .drp-calendar.left{clear:left;margin-right:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.ltr .drp-calendar.right{margin-left:0}.daterangepicker.ltr .drp-calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.ltr .drp-calendar.left .calendar-table{padding-right:8px}.daterangepicker.ltr .drp-calendar,.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl{direction:rtl;text-align:right}.daterangepicker.rtl .drp-calendar.left{clear:right;margin-left:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker.rtl .drp-calendar.right{margin-right:0}.daterangepicker.rtl .drp-calendar.right .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker.rtl .drp-calendar.left .calendar-table{padding-left:12px}.daterangepicker.rtl .drp-calendar,.daterangepicker.rtl .ranges{text-align:right;float:right}}@media (min-width:730px){.daterangepicker .ranges{width:auto}.daterangepicker.ltr .ranges{float:left}.daterangepicker.rtl .ranges{float:right}.daterangepicker .drp-calendar.left{clear:none!important}}
/*!
* jquery-confirm v3.3.0 (http://craftpip.github.io/jquery-confirm/)
* Author: boniface pereira
* Website: www.craftpip.com
* Contact: hey@craftpip.com
*
* Copyright 2013-2017 jquery-confirm
* Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
*/@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:#fff;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:#fff;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:#1e90ff;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#fff;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#fff}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#fff;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#fff}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#fff;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#fff}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#fff;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#fff}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-light .jconfirm-bg,.jconfirm.jconfirm-white .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-light .jconfirm-box,.jconfirm.jconfirm-white .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);box-shadow:0 2px 6px rgba(0,0,0,.2);border-radius:0!important}.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:#2f4f4f;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,.2);box-shadow:0 2px 6px rgba(0,0,0,.2);background:#444;border-radius:5px;color:#fff}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:none;background-image:none;text-transform:uppercase;font-size:14px;font-weight:700;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:#fff}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0 0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(.36,.07,.19,.97) both;animation:glow .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-scalex,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-zoom{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0,-100px);transform:translate(0,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0);transform:translate(-100px,0)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0);transform:translate(100px,0)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0,100px);transform:translate(0,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(.5);transform:scale(.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:none}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:none}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:none}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:none}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:none}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:none}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:#fff}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:#fff;font-size:28px;font-weight:400}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:#fff}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:none;color:#fff;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:#fff;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,.87);font-size:22px;font-weight:700}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:#fff;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,.2);box-shadow:0 3px 8px 0 rgba(0,0,0,.2);border:solid 1px rgba(0,0,0,.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,.87);font-size:22px;font-weight:700;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:#708090;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:#fff;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,.87);font-size:24px;font-weight:700;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:700;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)}
.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:slickwrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
.price-range-block{margin:60px}.sliderText{width:40%;margin-bottom:30px;border-bottom:2px solid red;padding:10px 0 10px 0;font-weight:700}.ui-slider-horizontal{height:.6em}.ui-slider-horizontal{margin-bottom:15px;width:40%}.ui-widget-header{background:#3fe331}.price-range-search{width:40.5%;background-color:#f9f9f9;border:1px solid #6e6666;min-width:40%;display:inline-block;height:32px;border-radius:5px;float:left;margin-bottom:20px;font-size:16px}.price-range-field{width:20%;min-width:16%;background-color:#f9f9f9;border:1px solid #6e6666;color:#000;font-family:myFont;font:normal 14px Arial,Helvetica,sans-serif;border-radius:5px;height:26px;padding:5px}.search-results-block{position:relative;display:block;clear:both}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup>.ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup>.ui-controlgroup-item.ui-visual-focus,.ui-controlgroup>.ui-controlgroup-item:focus{z-index:9999}.ui-controlgroup-vertical>.ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label+.ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label+.ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc(100% - 2.4em)}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw,.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em;width:100%}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
.container{margin-right:auto;margin-left:auto;padding:0 15px}.container .container{padding:0}.row{display:flex;flex-wrap:wrap}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative}.col-xs-12{flex:0 0 100%;width:100%}.col-xs-11{flex:11}.col-xs-10{flex:10}.col-xs-9{flex:9}.col-xs-8{flex:8}.col-xs-7{flex:7}.col-xs-6{flex:6}.col-xs-5{flex:5}.col-xs-4{flex:4}.col-xs-3{flex:3}.col-xs-2{flex:2}.col-xs-1{flex:1}@media (min-width:768px){.col-sm-12{flex:0 0 100%}.col-sm-11{flex:11}.col-sm-10{flex:10}.col-sm-9{flex:9}.col-sm-8{flex:8}.col-sm-7{flex:7}.col-sm-6{flex:6}.col-sm-5{flex:5}.col-sm-4{flex:4}.col-sm-3{flex:3}.col-sm-2{flex:2}.col-sm-1{flex:1}}@media (min-width:992px){.col-md-12{flex:0 0 100%}.col-md-11{flex:11}.col-md-10{flex:10}.col-md-9{flex:9}.col-md-8{flex:8}.col-md-7{flex:7}.col-md-6{flex:6}.col-md-5{flex:5}.col-md-4{flex:4}.col-md-3{flex:3}.col-md-2{flex:2}.col-md-1{flex:1}}@media (min-width:1200px){.col-lg-12{flex:0 0 100%}.col-lg-11{flex:11}.col-lg-10{flex:10}.col-lg-9{flex:9}.col-lg-8{flex:8}.col-lg-7{flex:7}.col-lg-6{flex:6}.col-lg-5{flex:5}.col-lg-4{flex:4}.col-lg-3{flex:3}.col-lg-2{flex:2}.col-lg-1{flex:1}}@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.sp-block-outer.is-admin {
position: relative;
min-height: 45px;
}
.sp-block-outer.is-admin .sp-frontend-edit-block-wrapper {
position: absolute;
z-index: 2;
right: 2px;
top: 2px;
opacity: 0;
transition: all 0.2s ease;
}
.sp-block-outer.is-admin .sp-frontend-edit-block-wrapper .options a {
border-radius: 50%;
background: #C3002F;
color: #fff;
font-size: 0.8888888889rem;
padding: 10px;
width: 30px;
height: 30px;
line-height: 30px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.is-admin:hover {
outline: 2px dashed #FFC400;
outline-offset: -2px;
}
.sp-block-outer.is-admin:hover .sp-frontend-edit-block-wrapper {
opacity: 1;
}
#page-admin {
position: fixed;
top: 10px;
right: 10px;
z-index: 99999;
opacity: 0.5;
cursor: pointer;
transition: all 0.2s;
}
@media (max-width: 1199px) {
#page-admin {
display: none;
}
}
#page-admin:hover {
opacity: 1;
}
#page-admin .toggle,
#page-admin li > a {
border-radius: 50%;
background: #C3002F;
color: #fff;
font-size: 1.1111111111rem;
padding: 10px;
width: 40px;
height: 40px;
line-height: 40px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
#page-admin #toggle-editing {
display: none;
}
#page-admin #toggle-editing:checked + ul {
display: block;
opacity: 1;
}
#page-admin ul {
padding: 0;
display: none;
opacity: 0;
transition: all 0.2s;
list-style: none;
margin: 0;
}
#page-admin ul li {
margin: 5px 0;
}
#page-admin ul li a {
background: #3d9970;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.form-note {
display: block;
font-size: 0.6666666667rem;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: normal;
color: #151515;
}
.images-preview-wrapper {
position: relative;
}
.images-preview-wrapper .remove-image {
position: absolute;
background: #C3002F;
width: 24px;
height: 24px;
border-radius: 50%;
left: 4px;
top: 4px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
opacity: 0;
transition: 0.2s;
}
.images-preview-wrapper .remove-image svg {
width: 18px;
height: 18px;
}
.images-preview-wrapper .remove-image svg [fill] {
fill: #FFF !important;
}
.images-preview-wrapper .remove-image svg [stroke] {
stroke: #FFF !important;
}
.images-preview-wrapper.removed .remove-image,
.images-preview-wrapper.removed img {
display: none !important;
}
.images-preview-wrapper:hover .remove-image {
opacity: 1;
}
.images-preview-wrapper .images-preview {
margin-bottom: 32px;
}
.images-preview-wrapper .images-preview img {
width: auto;
height: 72px;
}
.upload-note {
color: var(--Greyscale-Grey-1, #5F6879);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
/* 137.5% */
margin-top: -15px;
}
.label,
.checkbox-label,
label {
display: block;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #000000;
text-align: left;
cursor: pointer;
}
.label .label-text,
.checkbox-label .label-text,
label .label-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.label .description,
.checkbox-label .description,
label .description {
display: block;
color: var(--Greyscale-Grey-1, #5F6879);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
/* 137.5% */
margin-top: 4px;
}
.label .description p,
.checkbox-label .description p,
label .description p {
margin: 0;
}
.label.file-upload-label,
.checkbox-label.file-upload-label,
label.file-upload-label {
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
margin: 0 !important;
}
.label.file-upload-label .button,
.checkbox-label.file-upload-label .button,
label.file-upload-label .button {
background: #F3F5F9;
color: #151515;
}
.label.file-upload-label .button svg *,
.checkbox-label.file-upload-label .button svg *,
label.file-upload-label .button svg * {
fill: #151515 !important;
}
.label.file-upload-label [type=file],
.checkbox-label.file-upload-label [type=file],
label.file-upload-label [type=file] {
display: none;
}
.label.label-checkbox,
.checkbox-label.label-checkbox,
label.label-checkbox {
position: relative;
display: inline-flex;
align-items: unset;
cursor: pointer;
font-weight: 400;
gap: 5px;
}
.label.label-checkbox:hover .custom-checkbox,
.checkbox-label.label-checkbox:hover .custom-checkbox,
label.label-checkbox:hover .custom-checkbox {
border: 1px solid #000000;
}
.label.label-checkbox .custom-checkbox,
.checkbox-label.label-checkbox .custom-checkbox,
label.label-checkbox .custom-checkbox {
position: relative;
left: 0;
top: 0;
width: 22px;
flex: 0 0 22px;
height: 22px;
display: inline-block;
box-sizing: border-box;
background: #FFFFFF;
border: 1px solid #878F9E;
transition: all 0.2s;
border-radius: 4px;
margin-right: 5px;
margin-bottom: -4px;
overflow: hidden;
}
.label.label-checkbox .custom-checkbox .custom-checkbox-icon,
.checkbox-label.label-checkbox .custom-checkbox .custom-checkbox-icon,
label.label-checkbox .custom-checkbox .custom-checkbox-icon {
position: absolute;
width: 100%;
height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: transparent;
display: inline-block;
top: 50%;
left: 50%;
box-sizing: border-box;
}
.label.label-checkbox .custom-checkbox.is-radio,
.checkbox-label.label-checkbox .custom-checkbox.is-radio,
label.label-checkbox .custom-checkbox.is-radio {
border-radius: 50%;
}
.label.label-checkbox .custom-checkbox.is-radio .custom-checkbox-icon,
.checkbox-label.label-checkbox .custom-checkbox.is-radio .custom-checkbox-icon,
label.label-checkbox .custom-checkbox.is-radio .custom-checkbox-icon {
border-radius: 50%;
outline: none !important;
}
.label.label-checkbox input,
.checkbox-label.label-checkbox input,
label.label-checkbox input {
visibility: hidden;
display: none;
}
.label.label-checkbox input:checked ~ .custom-checkbox-icon,
.checkbox-label.label-checkbox input:checked ~ .custom-checkbox-icon,
label.label-checkbox input:checked ~ .custom-checkbox-icon {
background-color: #C3002F;
outline: 1px solid #C3002F;
background-image: url("/frontend/images/icons/checked_white.svg");
background-position: center;
background-repeat: no-repeat;
}
form [disabled],
.form [disabled] {
opacity: 0.5 !important;
}
form .note,
.form .note {
font-style: normal;
font-weight: normal;
font-size: 0.6666666667rem;
opacity: 0.5;
line-height: 22px;
}
form .note.large,
.form .note.large {
font-size: 0.8888888889rem;
opacity: 1;
color: #5F6879;
}
form .title,
.form .title {
font-style: normal;
font-weight: bold;
font-size: 1.8888888889rem;
line-height: 45px;
color: #212528;
margin-bottom: 25px;
}
form .form-row,
.form .form-row {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
form .form-row,
.form .form-row {
margin-bottom: 10px;
}
}
form .form-row label,
.form .form-row label {
margin-bottom: 12px;
}
form .form-row input,
form .form-row select,
form .form-row textarea,
form .form-row .select2-container,
.form .form-row input,
.form .form-row select,
.form .form-row textarea,
.form .form-row .select2-container {
font-family: Barlow, sans-serif;
max-width: 100%;
font-stretch: normal;
letter-spacing: normal;
background: #F3F5F9;
border: 1px solid #CED2DB;
border-radius: 4px;
box-sizing: border-box;
padding: 13px 22px;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 24px;
color: #5F6879;
text-overflow: ellipsis;
height: 52px;
}
@media (max-width: 767px) {
form .form-row input,
form .form-row select,
form .form-row textarea,
form .form-row .select2-container,
.form .form-row input,
.form .form-row select,
.form .form-row textarea,
.form .form-row .select2-container {
padding: 9px 10px;
height: 44px;
}
}
form .form-row input.full-width,
form .form-row select.full-width,
form .form-row textarea.full-width,
form .form-row .select2-container.full-width,
.form .form-row input.full-width,
.form .form-row select.full-width,
.form .form-row textarea.full-width,
.form .form-row .select2-container.full-width {
width: 100% !important;
}
form .form-row input::-webkit-input-placeholder,
form .form-row select::-webkit-input-placeholder,
form .form-row textarea::-webkit-input-placeholder,
form .form-row .select2-container::-webkit-input-placeholder,
.form .form-row input::-webkit-input-placeholder,
.form .form-row select::-webkit-input-placeholder,
.form .form-row textarea::-webkit-input-placeholder,
.form .form-row .select2-container::-webkit-input-placeholder {
color: #8E8E8E;
}
form .form-row input:-ms-input-placeholder,
form .form-row select:-ms-input-placeholder,
form .form-row textarea:-ms-input-placeholder,
form .form-row .select2-container:-ms-input-placeholder,
.form .form-row input:-ms-input-placeholder,
.form .form-row select:-ms-input-placeholder,
.form .form-row textarea:-ms-input-placeholder,
.form .form-row .select2-container:-ms-input-placeholder {
color: #8E8E8E;
}
form .form-row input::-ms-input-placeholder,
form .form-row select::-ms-input-placeholder,
form .form-row textarea::-ms-input-placeholder,
form .form-row .select2-container::-ms-input-placeholder,
.form .form-row input::-ms-input-placeholder,
.form .form-row select::-ms-input-placeholder,
.form .form-row textarea::-ms-input-placeholder,
.form .form-row .select2-container::-ms-input-placeholder {
color: #8E8E8E;
}
form .form-row input::placeholder,
form .form-row select::placeholder,
form .form-row textarea::placeholder,
form .form-row .select2-container::placeholder,
.form .form-row input::placeholder,
.form .form-row select::placeholder,
.form .form-row textarea::placeholder,
.form .form-row .select2-container::placeholder {
color: #8E8E8E;
}
form .form-row input:focus,
form .form-row select:focus,
form .form-row textarea:focus,
form .form-row .select2-container:focus,
.form .form-row input:focus,
.form .form-row select:focus,
.form .form-row textarea:focus,
.form .form-row .select2-container:focus {
outline: 1px solid #C3002F;
}
form .form-row .select2-container,
.form .form-row .select2-container {
padding: 14px 20px 6px;
z-index: 2;
height: auto;
}
form .form-row .select2-container ~ .select2-container:not(.select2-container--open),
.form .form-row .select2-container ~ .select2-container:not(.select2-container--open) {
display: none;
}
form .form-row input[type=checkbox],
form .form-row input[type=radio],
.form .form-row input[type=checkbox],
.form .form-row input[type=radio] {
visibility: hidden;
position: absolute;
width: 27px;
height: 27px;
}
form .form-row.full-width input,
form .form-row.full-width select,
form .form-row.full-width textarea,
.form .form-row.full-width input,
.form .form-row.full-width select,
.form .form-row.full-width textarea {
width: 100%;
}
form .form-row.full-width [type=checkbox],
form .form-row.full-width [type=radio],
.form .form-row.full-width [type=checkbox],
.form .form-row.full-width [type=radio] {
width: 20px;
}
form .form-group,
.form .form-group {
position: relative;
}
form .invalid,
form .form-error,
form select[data-type=lookup].invalid + .select2-container,
form select[data-type=lookup].form-error + .select2-container,
.form .invalid,
.form .form-error,
.form select[data-type=lookup].invalid + .select2-container,
.form select[data-type=lookup].form-error + .select2-container {
outline: 1px solid #ac1111;
}
form .form-error-note,
.form .form-error-note {
color: #ac1111;
}
form .radio-options,
.form .radio-options {
display: flex;
flex-direction: column;
margin-top: 8px;
}
.has-select2 {
position: relative;
}
.has-select2 select {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
}
.has-select2 select:focus,
.has-select2 select *:focus {
outline: 0 none;
}
.has-select2 select + .select2-container {
display: block;
text-align: left;
outline: 0 none;
font-family: Barlow, sans-serif;
max-width: 100%;
font-stretch: normal;
letter-spacing: normal;
background: #F3F5F9;
border: 1px solid #CED2DB;
border-radius: 4px;
box-sizing: border-box;
padding: 13px 22px;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 24px;
color: #5F6879;
text-overflow: ellipsis;
height: 52px;
}
@media (max-width: 767px) {
.has-select2 select + .select2-container {
padding: 9px 10px;
height: 44px;
}
}
.has-select2 select + .select2-container > .selection .select2-selection__rendered {
display: block;
cursor: pointer;
height: auto;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 24px;
}
.has-select2 select + .select2-container > .selection .select2-selection__rendered .select2-selection__clear {
font-size: 0.9rem;
margin-right: 5px;
vertical-align: bottom;
}
@media only screen and (max-width: 767px) {
.has-select2 select + .select2-container > .selection .select2-selection__rendered .select2-selection__clear {
font-size: 1.2rem;
vertical-align: center;
}
}
.has-select2 select[disabled] + span {
opacity: 0.5;
pointer-events: none;
}
.has-select2 .select2-container--open {
left: 15px;
right: 15px;
z-index: 1;
background: #F5F6F9;
border-left: 1px solid #3D3C43;
border-right: 1px solid #3D3C43;
border-bottom: 1px solid #3D3C43;
overflow: hidden;
}
.has-select2 .select2-container--open .select2-dropdown .select2-search input::-webkit-input-placeholder,
.has-select2 .select2-container--open .select2-dropdown .select2-search input {
background: #fff;
border: 1px solid #3D3C43;
padding: 5px;
width: 100%;
font-size: 1rem;
font-weight: 400;
font-family: Barlow, sans-serif;
}
.has-select2 .select2-container--open .select2-dropdown .select2-search input:-ms-input-placeholder,
.has-select2 .select2-container--open .select2-dropdown .select2-search input {
background: #fff;
border: 1px solid #3D3C43;
padding: 5px;
width: 100%;
font-size: 1rem;
font-weight: 400;
font-family: Barlow, sans-serif;
}
.has-select2 .select2-container--open .select2-dropdown .select2-search input::-ms-input-placeholder,
.has-select2 .select2-container--open .select2-dropdown .select2-search input {
background: #fff;
border: 1px solid #3D3C43;
padding: 5px;
width: 100%;
font-size: 1rem;
font-weight: 400;
font-family: Barlow, sans-serif;
}
.has-select2 .select2-container--open .select2-dropdown .select2-search input::placeholder,
.has-select2 .select2-container--open .select2-dropdown .select2-search input {
background: #fff;
border: 1px solid #3D3C43;
padding: 5px;
width: 100%;
font-size: 1rem;
font-weight: 400;
font-family: Barlow, sans-serif;
}
.has-select2 .select2-container--open .select2-dropdown .select2-results {
max-height: 150px;
overflow: auto;
display: block;
scrollbar-width: 4px;
}
.has-select2 .select2-container--open .select2-dropdown .select2-results::-webkit-scrollbar {
width: 4px;
}
.has-select2 .select2-container--open .select2-dropdown .select2-results ul {
padding: 10px;
margin: 0;
list-style: none;
text-align: left;
font-size: 0.8rem;
}
@media only screen and (max-width: 767px) {
.has-select2 .select2-container--open .select2-dropdown .select2-results ul {
font-size: 1.2rem;
}
}
.has-select2 .select2-container--open .select2-dropdown .select2-results ul > li {
cursor: pointer;
color: #151515;
font-family: Barlow, sans-serif;
font-size: 0.875rem;
background-color: transparent;
font-weight: bold;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-transform: none;
}
.has-select2 .select2-container--open .select2-dropdown .select2-results ul > li:hover {
background: #fff;
}
html {
font-family: Barlow, sans-serif;
font-size: 18px;
height: 100vh;
min-height: 100%;
}
html body {
max-width: 100% !important;
font-size: 1rem;
color: #1D1D1D;
font-family: Barlow, sans-serif;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
background: #F5F5F5;
margin: 0;
padding-top: 169px;
background: linear-gradient(180deg, #FFF 0px, #ECEEF4 0px, rgba(243, 245, 249, 0) 400px);
background-repeat: no-repeat;
}
@media (max-width: 991px) {
html body {
padding-top: 121px;
}
}
html body * {
box-sizing: border-box;
font-family: inherit;
}
html body .disable-scroll {
overflow-y: hidden !important;
}
html body .main-content {
overflow-x: hidden;
}
html body .container {
width: 1670px;
max-width: 100%;
}
html body .container .container {
padding: 0;
}
html body .container.smaller {
width: 1140px;
}
html body .container.medium {
width: 1080px;
}
html *:focus {
outline: 0 none;
}
html img {
max-width: 100%;
}
.color {
color: #C3002F;
}
.light {
opacity: 0.6;
}
a {
display: inline-block;
transition: all 0.2s ease-in;
color: #C3002F;
}
/* width */
::-webkit-scrollbar {
height: 4px;
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
border-radius: 4px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
border-radius: 2px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.8);
}
* {
scrollbar-width: auto;
scrollbar-width: thin;
scrollbar-width: 4px;
}
.green {
color: #11ac68;
}
.red {
color: #C3002F !important;
}
.hidden {
display: none !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.disable-scroll {
overflow: hidden;
}
.table-responsive {
width: 100%;
overflow-x: auto;
}
@media only screen and (max-width: 767px) {
.table-responsive > table {
table-layout: auto !important;
}
}
.overlay-close {
position: absolute;
top: 0;
right: 0;
margin: 0;
width: 40px;
height: 40px;
color: #151515;
font-size: 1.5rem;
text-align: center;
line-height: normal;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
z-index: 99;
}
.uppercase {
text-transform: uppercase;
}
h1,
.as-h1 {
font-family: Barlow, sans-serif;
font-stretch: normal;
font-style: normal;
font-weight: normal;
font-size: 3.6666666667rem;
line-height: 72px;
color: #303030;
}
@media (max-width: 991px) {
h1,
.as-h1 {
font-size: 1.5555555556rem;
padding: 0;
line-height: normal;
}
}
@media (max-width: 991px) {
.styled-title {
font-size: 1rem;
}
}
.highlighted-title {
text-align: center;
font-family: Barlow, sans-serif;
font-size: 2.3888888889rem;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0;
color: #151515;
text-transform: uppercase;
}
.highlighted-title .subtitle {
font-family: Barlow, sans-serif;
font-size: 15px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #C3002F;
display: block;
margin-bottom: 10px;
}
.cryptedmail:after {
content: attr(data-name) "@" attr(data-domain) "." attr(data-tld);
}
a,
a:hover,
a:active,
a:focus {
text-decoration: none;
}
a:hover,
a:active,
a:focus {
color: #C3002F;
}
.button {
display: inline-flex;
gap: 8px;
justify-content: center;
align-items: center;
cursor: pointer;
opacity: 1;
transition: all 0.2s ease-in;
z-index: 0;
background: #C3002F;
border-radius: 4px;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 16px;
color: #FFFFFF;
border: 0 none;
padding: 20px 30px;
}
@media (max-width: 991px) {
.button {
font-size: 15px;
}
}
.button .icon {
display: flex;
}
.button .icon svg {
width: 16px;
height: 16px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.button .icon svg [fill] {
fill: #FFF;
}
.button .icon svg [stroke] {
stroke: #FFF;
}
.button.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.button:hover {
background: #A60028;
color: #FFF;
}
.button.btn-type-2, .button.btn-type-icon {
background: transparent;
color: #151515;
gap: 12px;
}
.button.btn-type-2 .icon, .button.btn-type-icon .icon {
display: flex;
}
.button.btn-type-2 .icon svg [fill], .button.btn-type-icon .icon svg [fill] {
fill: #C3002F;
}
.button.btn-type-2 .icon svg [stroke], .button.btn-type-icon .icon svg [stroke] {
stroke: #C3002F;
}
.button.btn-type-2:hover, .button.btn-type-icon:hover {
color: #A60028;
}
.button.btn-type-3 {
background: #F3F5F9;
color: #151515;
}
.button.btn-type-3:hover {
background: #DFE3EC;
}
.button.btn-type-4 {
background: #FFFFFF;
border: 1px solid #A60028;
opacity: 0.6;
color: #151515;
}
.button.btn-type-4:hover {
color: #A60028;
opacity: 1;
}
.button.btn-type-5 {
background: #FFFFFF;
border: 1px solid #A60028;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-align: center;
color: #000000;
}
.button.btn-type-5:hover {
color: #A60028;
}
.upload-btn {
display: inline-flex;
gap: 8px;
border-radius: 4px;
padding: 14px 24px;
background: #DFE3EC;
}
.overlay {
transition: all 0.5s ease;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
right: 0;
bottom: 0;
position: fixed;
height: 100%;
z-index: 999;
}
.overlay > * {
z-index: 100;
position: relative;
}
.overlay.active {
opacity: 1;
visibility: visible;
display: block !important;
}
.overlay > .inner {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-width: 500px;
max-width: 800px;
max-height: calc(100% - 32px);
overflow: auto;
background: #fff;
padding: 40px 50px;
}
@media (max-width: 767px) {
.overlay > .inner {
min-width: unset;
max-width: unset;
width: calc(100% - 32px);
padding: 40px 16px;
}
}
.overlay > .inner .title {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #151515;
margin-bottom: 12px;
}
.overlay > .inner .subtitle {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 24px;
color: #474E4E;
margin-bottom: 24px;
}
.overlay .overlay-title {
background-color: #C3002F;
background-image: url("/frontend/images/pattern_overlay_title.png");
background-repeat: no-repeat;
background-size: cover;
padding: 60px 56px 16px 56px;
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 40px;
color: #FFFFFF;
margin: -40px -50px 40px -50px;
}
@media (max-width: 767px) {
.overlay .overlay-title {
padding: 22px 16px;
font-size: 21px;
line-height: 28px;
margin-left: -16px;
margin-right: -16px;
}
}
.overlay .overlay-title ~ .overlay-close {
top: 15px;
right: 15px;
}
.overlay.marketing-message .block-data {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 32px;
}
@media (max-width: 767px) {
.overlay.marketing-message .block-data {
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
}
.overlay.marketing-message .block-data .image img {
width: 100%;
height: auto;
}
.overlay.marketing-message .block-data .content-data {
font-size: 14px;
line-height: normal;
}
.overlay.marketing-message .block-data .content-data:only-child {
grid-column: 1/-1;
}
.overlay.marketing-message .block-data .content-data .title {
font-size: 36px;
font-weight: 700;
line-height: normal;
margin: 0 0 24px 0;
}
@media (max-width: 767px) {
.overlay.marketing-message .block-data .content-data .title {
font-size: 24px;
}
}
.overlay.marketing-message .block-data .content-data .links {
margin: 40px 0 0 0;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
}
.overlay.marketing-message .block-data .content-data .links .overlay-close {
position: relative;
width: auto;
height: auto;
}
.overlay.marketing-message .block-data .content-data .links .button {
padding: 15px 10px;
}
@media (max-width: 767px) {
.overlay.marketing-message .block-data .content-data .links {
gap: 8px;
}
.overlay.marketing-message .block-data .content-data .links .button {
padding: 10px 15px;
}
}
#ajax-loading {
z-index: 9999;
}
#ajax-loading::after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
border-radius: 50%;
-webkit-animation: ajax-loading-animation 1.2s linear infinite;
animation: ajax-loading-animation 1.2s linear infinite;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 6px solid #fff;
border-color: #C3002F transparent #C3002F transparent;
}
@-webkit-keyframes ajax-loading-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes ajax-loading-animation {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
#search-autocomplete-overlay {
top: 100px;
bottom: 0;
position: fixed;
}
@media (max-width: 1199px) {
#search-autocomplete-overlay {
top: 60px;
position: fixed;
bottom: 0;
padding: 15px;
height: calc(100vh - 60px);
}
}
#search-autocomplete-overlay .search-autocomplete {
background-image: url(/frontend/images/icons/search.svg);
background-size: 19px;
background-position-x: 15px;
background-position-y: center;
background-repeat: no-repeat;
padding: 9px 9px 9px 45px;
width: 100%;
border: 1px solid #D8D8D8;
}
@media (max-width: 991px) {
#search-autocomplete-overlay .search-autocomplete {
padding: 9px;
}
}
@media (min-width: 1200px) {
#search-autocomplete-overlay .search-autocomplete {
display: none;
}
}
#search-autocomplete-overlay .inner {
background: #fff;
padding: 15px;
position: relative;
left: 0;
top: 0;
-webkit-transform: none;
transform: none;
border-bottom: 1px solid #D1DFEC;
min-width: unset;
}
@media (max-width: 1199px) {
#search-autocomplete-overlay .inner {
height: 100%;
padding-top: 50px;
}
}
#search-autocomplete-overlay .inner .title-small-styled {
color: #1D1D1D;
font-family: AvertaExtraBold, sans-serif;
font-size: 1rem;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 20px;
}
#search-autocomplete-overlay .inner .search-suggestions {
min-height: 1px;
}
#search-autocomplete-overlay .inner .search-suggestions ul {
list-style: none;
padding: 0;
margin: 0 0 15px 0;
max-height: 400px;
overflow-y: auto;
}
#search-autocomplete-overlay .inner .search-suggestions ul li a {
color: #949697;
font-family: Averta, sans-serif;
font-size: 0.8888888889rem;
font-weight: 400;
letter-spacing: 0.4px;
display: block;
margin: 5px 0;
transition: all 0.2s;
}
#search-autocomplete-overlay .inner .search-suggestions ul li a:hover {
color: #C3002F;
}
#search-autocomplete-overlay .inner .search-results {
display: none;
}
@media (max-width: 991px) {
#search-autocomplete-overlay .inner .search-results {
padding: 0;
}
}
#search-autocomplete-overlay .inner .search-results .items-grid .product-display-grid:hover {
-webkit-transform: none !important;
transform: none !important;
}
#search-autocomplete-overlay .inner .search-results .search-results-content {
max-height: 570px;
overflow-y: auto;
margin-bottom: 15px;
}
@media (max-width: 991px) {
#search-autocomplete-overlay .inner .search-results .search-results-content {
max-height: calc(100vh - 250px);
}
}
@media (max-width: 1999px) {
#search-autocomplete-overlay .inner .search-results .search-results-content .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1499px) {
#search-autocomplete-overlay .inner .search-results .search-results-content .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1199px) {
#search-autocomplete-overlay .inner .search-results .search-results-content .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
}
@media (max-width: 991px) {
#search-autocomplete-overlay .inner .search-results .search-results-content .items-grid {
grid-template-columns: minmax(0, 1fr) !important;
}
}
@media screen and (max-width: 991px) and (min-width: 485px) {
#search-autocomplete-overlay .inner .search-results .search-results-content .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
}
#search-autocomplete-overlay .inner .search-connected .items {
max-height: 400px;
overflow-y: auto;
margin-bottom: 15px;
}
#search-autocomplete-overlay .inner .search-connected .items .item {
margin-bottom: 1.25rem;
}
#search-autocomplete-overlay .inner .search-connected .items .item .image {
float: left;
width: 4.6875rem;
height: 4.6875rem;
border-radius: 50%;
overflow: hidden;
}
#search-autocomplete-overlay .inner .search-connected .items .item .image img {
-o-object-fit: cover;
object-fit: cover;
width: 60px;
height: 60px;
border-radius: 50%;
}
#search-autocomplete-overlay .inner .search-connected .items .item .info {
padding-left: 5.2rem;
}
#search-autocomplete-overlay .inner .search-connected .items .item .info h3 {
color: #C3002F;
font-family: Averta, sans-serif;
font-size: 1rem;
font-weight: 700;
margin-top: 0;
}
#search-autocomplete-overlay .inner .search-connected .items .item .info .date {
color: #C3002F;
font-family: Averta, sans-serif;
font-size: 0.875rem;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
#growls {
padding: 0 1rem;
}
}
#growls .growl {
position: relative;
border: 0 none;
background-color: #fff;
padding: 15px;
margin-top: 10px;
box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.5);
}
#growls .growl .button {
margin-top: 1rem;
margin-right: 1rem;
padding: 0.5rem 1.2rem;
text-align: center;
}
@media only screen and (max-width: 767px) {
#growls .growl .button {
margin: 10px 0 0 0 !important;
width: 50%;
}
}
#growls .growl .button.btn-type-2 {
background: #fff;
color: #C3002F;
}
@media (max-width: 991px) {
#growls .growl .button {
font-size: 0.8rem;
}
}
#growls .growl.growl-error .growl-title,
#growls .growl.growl-error .growl-close,
#growls .growl.growl-error .growl-message {
color: #ac1111 !important;
}
#growls .growl .growl-title {
font-family: Barlow, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.25rem;
color: #151515;
}
#growls .growl .growl-message {
font-family: Barlow, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.125rem;
margin-right: 15px;
color: #151515;
}
@media (max-width: 991px) {
#growls .growl .growl-message {
font-size: 0.6666666667rem;
line-height: normal;
}
}
#growls .growl .growl-close {
position: absolute;
top: 20px;
right: 20px;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
max-width: 30px;
max-height: 30px;
background-color: transparent;
border-radius: 50%;
color: #C3002F;
font-size: 1.8rem;
padding: 3px;
}
.breadcrumb ul {
margin: 20px 0 48px 0;
padding: 0;
white-space: nowrap;
overflow: auto;
}
@media (max-width: 991px) {
.breadcrumb ul {
margin: 12px 0 28px;
}
}
.breadcrumb ul li {
display: inline-block;
}
.breadcrumb ul li > a, .breadcrumb ul li > span {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #5F6879;
}
.breadcrumb ul li > span {
color: #151515;
}
.breadcrumb ul li a:hover {
color: #C3002F;
}
a.forgot-password {
font-size: 0.6666666667rem;
color: #151515;
}
.add-to-compare,
.add-to-favorite {
transition: all 0.1s ease-in;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 0;
display: flex;
justify-content: center;
align-items: center;
}
.add-to-compare svg,
.add-to-favorite svg {
width: 20px;
opacity: 0.5;
transition: all 0.2s;
}
.add-to-compare svg *,
.add-to-favorite svg * {
transition: all 0.2s;
}
.add-to-compare svg [fill],
.add-to-favorite svg [fill] {
fill: #5F6879;
}
.add-to-compare svg [stroke],
.add-to-favorite svg [stroke] {
stroke: #5F6879;
}
.add-to-compare.active svg, .add-to-compare:hover svg,
.add-to-favorite.active svg,
.add-to-favorite:hover svg {
opacity: 1;
}
.add-to-compare.active svg [fill], .add-to-compare:hover svg [fill],
.add-to-favorite.active svg [fill],
.add-to-favorite:hover svg [fill] {
fill: #C3002F;
}
.add-to-compare.active svg [stroke], .add-to-compare:hover svg [stroke],
.add-to-favorite.active svg [stroke],
.add-to-favorite:hover svg [stroke] {
stroke: #C3002F;
}
.add-to-compare .icon,
.add-to-favorite .icon {
background-color: #212528;
width: 30px;
height: 30px;
display: block;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: 15px;
background-position: center;
box-shadow: 0 0px 1px 1px #212528;
}
.add-to-compare .icon-label,
.add-to-favorite .icon-label {
position: absolute;
left: 0;
padding-left: 0;
width: 30px;
height: 100%;
border-radius: 30px;
background: #AE0303;
font-size: 0.6666666667rem;
color: #fff;
z-index: -1;
line-height: 30px;
transition: all 0.2s;
white-space: nowrap;
overflow: hidden;
}
.add-to-compare:hover .icon-label,
.add-to-favorite:hover .icon-label {
padding-left: 38px;
padding-right: 8px;
width: auto;
}
.add-to-compare.active .icon,
.add-to-favorite.active .icon {
background-color: #C3002F;
box-shadow: 0 0px 1px 1px #C3002F;
}
.product-labels {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
position: absolute;
z-index: 2;
top: 0;
left: 10px;
}
.product-labels.labels-gore_desno {
left: auto;
right: 10px;
}
.product-labels.labels-dolje_lijevo {
top: auto;
bottom: 10px;
}
.product-labels.labels-dolje_desno {
top: auto;
bottom: 10px;
left: auto;
right: 10px;
}
@media (max-width: 768px) {
.product-labels.labels-dolje_desno {
bottom: 40px;
}
}
.product-labels span {
display: flex;
justify-content: center;
align-items: center;
}
.product-labels span img {
max-height: 70px;
width: auto;
}
@media (max-width: 1200px) {
.product-labels span img {
max-height: 65px;
}
}
@media (max-width: 991px) {
.product-labels span img {
max-height: 50px;
}
}
.product-labels span svg {
height: 70px;
width: auto;
}
@media (max-width: 1200px) {
.product-labels span svg {
max-height: 65px;
}
}
@media (max-width: 991px) {
.product-labels span svg {
height: 50px;
}
}
.product-labels span.product-discount {
background: #C3002F;
border-radius: 4px;
padding: 6px 8px;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
@media (max-width: 480px) {
.product-labels span.product-discount {
font-size: 13px;
}
}
body #cconsent-bar {
background: #151515;
color: #fff;
-webkit-transform: none;
transform: none;
}
body #cconsent-bar::before {
content: "";
position: fixed;
z-index: -1;
background: rgba(0, 0, 0, 0.4);
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
}
body #cconsent-bar a {
color: #fff;
}
body #cconsent-bar .ccb__left {
margin: 0;
}
@media only screen and (min-width: 992px) {
body #cconsent-bar .ccb__left {
width: 64%;
}
}
body #cconsent-bar .ccb__right {
white-space: normal !important;
}
body #cconsent-bar .ccb__right a.ccb__edit {
margin-bottom: 15px;
display: inline-block;
}
body #cconsent-bar .ccb__right button {
color: #C3002F;
}
@media only screen and (min-width: 992px) {
body #cconsent-bar .ccb__right {
width: 36%;
}
}
@media only screen and (max-width: 350px) {
body #cconsent-bar .ccb__right button {
margin-top: 10px;
}
}
#cconsent-modal .ccm__footer button {
color: #fff !important;
background-color: #141827 !important;
}
.accordion > .item {
margin-bottom: 0.625rem;
background: #FFFFFF;
border-bottom: 1px solid #DBD4D4;
}
@media (max-width: 767px) {
.accordion > .item {
margin: 0;
}
}
.accordion > .item.active .accordion-title {
background-image: url(/frontend/images/icons/chevron_up.svg);
}
.accordion > .item .accordion-title {
cursor: pointer;
font-weight: bold;
color: #1D1D1D;
padding: 20px;
position: relative;
font-size: 1rem;
line-height: 21px;
background-image: url(/frontend/images/icons/chevron_down.svg);
background-position: right center;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.accordion > .item .accordion-title {
padding: 14px;
font-size: 16px;
line-height: 18px;
}
}
.accordion > .item .accordion-body {
display: none;
padding: 20px;
}
.responsive-filters-catalog-toggle,
.responsive-filters-toggle {
display: none;
justify-content: space-between;
align-items: center;
background: #F3F5F9;
border: 1px solid #CED2DB;
border-radius: 4px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #505868;
padding: 9px 16px;
gap: 25px;
}
.responsive-filters-catalog-toggle .icon,
.responsive-filters-toggle .icon {
display: flex;
}
@media (max-width: 991px) {
.responsive-filters-catalog-toggle,
.responsive-filters-toggle {
display: flex;
}
}
.responsive-filters-title-wrapper {
display: none;
}
@media only screen and (max-width: 991px) {
.responsive-filters-title-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
background: #FFFFFF;
padding: 8px 24px;
}
}
.responsive-filters-title-wrapper .responsive-filters-title {
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 24px;
color: #2D2D2B;
}
.responsive-filters-title-wrapper .responsive-close-filters {
cursor: pointer;
width: 40px;
height: 40px;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.system-message {
border-left: 4px solid;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 8px 60px 8px 17px;
min-height: 48px;
background-repeat: no-repeat;
background-position: 10px center;
position: relative;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 30px;
color: #151515;
}
.system-message .system-message-close,
.system-message .system-message-hide {
position: absolute;
top: 20px;
right: 20px;
width: 24px;
height: 24px;
text-align: center;
line-height: 20px;
border-radius: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
margin-top: -2px;
}
.system-message .link a {
color: var(--Primary-Graphite-Primary, #151515);
text-align: center;
-webkit-font-feature-settings: "liga" off, "clig" off;
font-feature-settings: "liga" off, "clig" off;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 24px;
/* 160% */
text-decoration: underline;
}
.system-message.error-message {
background-color: #FEE6EC;
border-color: #C3002F;
}
.system-message.product-marketing-message {
background-color: #D4F9FF;
border-color: #2DDDFA;
font-size: 17px;
line-height: normal;
margin-bottom: 30px;
}
.system-message.product-marketing-message p {
margin: 0;
}
.order-information {
width: 60%;
text-align: center;
margin: 45px auto 0 auto;
padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
.order-information {
width: 100%;
}
}
.order-information .subtitle {
text-transform: uppercase;
}
.order-information .order-code {
border-radius: 26px;
background-color: #f4f4f4;
padding: 0.7rem 1rem;
margin-left: 1rem;
}
.order-information img {
width: 340px;
height: auto;
margin: 100px auto -350px auto;
display: block;
}
.responsive-toggle {
cursor: pointer;
}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
border: 1px solid #C3002F;
background: #C3002F;
}
.sp-block-outer.slider .items-grid.grid-view {
display: block;
}
.sp-block-outer.slider .items-grid.grid-view .slick-dots {
bottom: -25px;
left: 0;
}
.sp-block-outer.horizontal-scroll {
position: relative;
}
.sp-block-outer.horizontal-scroll .horizontal-scroll-prev {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
font-size: 1.6666666667rem;
cursor: pointer;
margin-left: -50px;
z-index: 9;
}
@media (max-width: 1400px) {
.sp-block-outer.horizontal-scroll .horizontal-scroll-prev {
top: -17px;
right: 40px;
-webkit-transform: none;
transform: none;
left: auto;
margin: 0;
}
}
.sp-block-outer.horizontal-scroll .horizontal-scroll-next {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translate(100%, -50%);
transform: translate(100%, -50%);
font-size: 1.6666666667rem;
cursor: pointer;
margin-right: -50px;
z-index: 9;
}
@media (max-width: 1400px) {
.sp-block-outer.horizontal-scroll .horizontal-scroll-next {
top: -17px;
right: 0;
-webkit-transform: none;
transform: none;
left: auto;
margin: 0;
}
}
.sp-block-outer.horizontal-scroll .items-grid {
overflow: auto;
white-space: nowrap;
display: block;
}
.sp-block-outer.horizontal-scroll .items-grid .product-display-grid {
width: 272px;
display: inline-block;
white-space: normal;
margin: 50px 0 0 0;
vertical-align: top;
}
@media (max-width: 991px) {
.sp-block-outer.horizontal-scroll .items-grid .product-display-grid {
width: 180px;
}
}
@media (max-width: 991px) {
.sp-block-outer.horizontal-scroll .section-title {
padding-right: 70px;
}
}
.custom-dropdown {
background-color: #ffffff;
position: relative;
}
.custom-dropdown .dropdown-open {
text-align: left;
cursor: pointer;
background-color: #F3F5F9;
border: 1px solid #CED2DB;
border-radius: 4px;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 24px;
color: #5F6879;
padding: 0 56px 0 16px;
height: 44px;
display: flex;
align-items: center;
justify-content: center;
background-image: url("/frontend/images/icons/chevron_down_grey.svg");
background-repeat: no-repeat;
background-position: right 16px center;
}
@media (max-width: 767px) {
.custom-dropdown .dropdown-open {
font-size: 15px;
}
}
.custom-dropdown.active {
box-shadow: 9px 13px 43px rgba(73, 79, 98, 0.12);
}
.custom-dropdown.active .dropdown-options {
display: block;
}
.custom-dropdown .dropdown-options {
display: none;
position: absolute;
left: 0;
z-index: 9;
background: #FFFFFF;
box-shadow: -7px 9px 13px #F3F5F9;
border-radius: 2.94659px;
padding: 0;
right: auto;
min-width: 100%;
}
.custom-dropdown .dropdown-options .dropdown-option {
white-space: nowrap;
padding: 10px 15px;
transition: all 0.2s;
cursor: pointer;
text-align: left;
}
.custom-dropdown .dropdown-options .dropdown-option:hover {
background: #F3F5F9;
}
.configurable-icons {
margin-bottom: 5px;
white-space: normal;
}
.configurable-icons img {
display: inline-block;
width: 30px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
padding: 2px;
}
.background-overlay {
background: #F8F8F8;
position: absolute;
top: 0;
bottom: 0;
left: -100%;
right: -100%;
}
.custom-grid .items {
display: grid;
gap: 30px;
}
@media (max-width: 560px) {
.custom-grid .items {
gap: 15px;
}
}
.custom-grid.columns-1 .items {
grid-template-columns: minmax(0, 1fr);
}
.custom-grid.columns-2 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.custom-grid.columns-3 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 560px) {
.custom-grid.columns-3 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.custom-grid.columns-4 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 991px) {
.custom-grid.columns-4 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 560px) {
.custom-grid.columns-4 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.custom-grid.columns-5 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 991px) {
.custom-grid.columns-5 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) {
.custom-grid.columns-5 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 560px) {
.custom-grid.columns-5 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.custom-grid.columns-6 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 1199px) {
.custom-grid.columns-6 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) {
.custom-grid.columns-6 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) {
.custom-grid.columns-6 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 440px) {
.custom-grid.columns-6 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.custom-grid.columns-7 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 1199px) {
.custom-grid.columns-7 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) {
.custom-grid.columns-7 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) {
.custom-grid.columns-7 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 440px) {
.custom-grid.columns-7 .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.custom-grid.no-gap .items {
gap: 0;
}
.inline-data {
padding: 0;
}
.inline-data .item {
padding: 10px 0;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 24px;
}
.inline-data .item:not(.no-grid) {
display: grid;
grid-template-columns: minmax(0, 40%) minmax(0, 60%);
grid-column-gap: 20px;
}
@media (max-width: 767px) {
.inline-data .item:not(.no-grid) {
grid-template-columns: minmax(0, 100%);
gap: 4px;
}
}
@media (max-width: 767px) {
.inline-data .item {
font-size: 16px;
line-height: 20px;
}
}
.inline-data .item .left {
color: #505868;
}
.inline-data .item .right {
text-align: right;
color: #151515;
}
@media (max-width: 767px) {
.inline-data .item .right {
text-align: left;
}
}
.hidden-column {
display: none !important;
}
.hidden-column + div {
width: 100% !important;
}
.slick-dots {
display: block;
position: absolute;
bottom: -30px;
}
.slick-dots li {
width: 10px;
height: 10px;
margin: 0 5px;
transition: all 0.2s;
}
.slick-dots li button {
background: #D8D8D8;
width: 10px;
height: 10px;
padding: 0;
transition: all 0.2s;
border-radius: 5px;
}
.slick-dots li button:before {
display: none;
}
.slick-dots li.slick-active button {
background: #C3002F;
border-radius: 50%;
}
.padding-vertical {
padding: 100px 0;
}
@media (max-width: 991px) {
.padding-vertical {
padding: 30px 0;
}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
min-height: 0;
}
.grecaptcha-badge {
display: none !important;
}
@media (min-width: 768px) {
.visible-mobile {
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-mobile {
display: none !important;
}
}
.availability {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
.availability .icon {
width: 10px;
flex: 0 0 10px;
height: 10px;
background: #0DA65C;
border-radius: 50%;
}
.availability .icon.grey {
background: #ADB3C0;
}
.availability .text {
font-weight: 500;
font-size: 15px;
line-height: 18px;
color: #5F6879;
}
details {
border-bottom: 1px solid #ADB3C0;
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #505868;
}
@media (max-width: 767px) {
details {
font-size: 16px;
line-height: 18px;
}
}
details summary {
cursor: pointer;
padding: 16px 0;
list-style: none;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #151515;
background-image: url("/frontend/images/icons/chevron_down.svg");
background-repeat: no-repeat;
background-position: right center;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
}
details summary .icon {
display: flex;
justify-content: center;
align-items: center;
}
details summary .icon svg, details summary .icon img {
width: 24px;
height: 24px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
details summary::marker, details summary::-webkit-details-marker {
display: none;
}
details[open] summary {
background-image: url("/frontend/images/icons/chevron_up.svg");
}
.popover {
display: flex;
}
.popover .popover-icon {
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
}
.popover .popover-info {
z-index: 1;
max-width: 90vw;
}
.popover {
position: relative;
}
.popover.visible .popover-info {
display: block;
}
.popover .popover-info {
width: 300px;
background: #fff;
position: absolute;
right: 0;
top: 0;
border-radius: 10px;
border: 1px solid #ccc;
padding: 15px;
color: #000;
display: none;
text-transform: none;
text-align: left;
left: auto !important;
}
.popover .popover-info p {
font-weight: normal;
}
.popover .popover-info * {
font-size: 0.7777777778rem;
}
.popover .popover-info .popover-close {
position: absolute;
top: -10px;
right: -10px;
width: 20px;
height: 20px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
background: #B81A23;
color: #fff;
cursor: pointer;
}
@media (max-width: 767px) {
.popover .popover-info .popover-close {
width: 30px;
height: 30px;
}
}
.popover .popover-info p {
margin: 0;
}
.inline-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.dash-items {
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
}
.build-item {
padding: 12px 16px;
display: flex;
align-items: flex-start;
justify-content: space-between;
border-radius: 4px;
background: var(--Greyscale-Grey-6, #F3F5F9);
flex-wrap: wrap;
}
.build-item .label {
color: var(--Greyscale-Grey-1, #5F6879);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px;
/* 175% */
}
.build-item .value {
color: var(--Primary-Graphite-Primary, #151515);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 28px;
/* 175% */
}
.invoice-item {
padding: 12px 16px;
display: grid;
align-items: flex-start;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
border-radius: 4px;
background: var(--Greyscale-Grey-6, #F3F5F9);
}
@media (max-width: 767px) {
.invoice-item {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.invoice-item .item-data {
display: flex;
gap: 8px;
align-items: flex-start;
}
@media (max-width: 767px) {
.invoice-item .item-data.empty {
display: none;
}
}
.invoice-item .label {
color: var(--Greyscale-Grey-1, #5F6879);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px;
/* 175% */
cursor: default;
}
.invoice-item .value {
color: var(--Primary-Graphite-Primary, #151515);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 28px;
/* 175% */
}
.invoice-item .value.blue {
color: var(--Primary-Blue-Primary, #0093D2);
}
.invoice-item [data-action=account-print-offer] {
cursor: pointer;
}
.invoice-item [data-action=account-print-offer] .label {
cursor: pointer;
}
.expense-item,
.offer-item {
padding: 12px 16px;
display: grid;
align-items: flex-start;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
border-radius: 4px;
background: var(--Greyscale-Grey-6, #F3F5F9);
}
@media (max-width: 767px) {
.expense-item,
.offer-item {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 576px) {
.expense-item,
.offer-item {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.expense-item .item-data,
.offer-item .item-data {
display: flex;
gap: 8px;
align-items: flex-start;
}
.expense-item .item-data.project-name,
.offer-item .item-data.project-name {
grid-column: 1/-1;
}
@media (max-width: 767px) {
.expense-item .item-data.empty,
.offer-item .item-data.empty {
display: none;
}
}
.expense-item .label,
.offer-item .label {
color: var(--Greyscale-Grey-1, #5F6879);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px;
/* 175% */
}
@media (max-width: 420px) {
.expense-item .label,
.offer-item .label {
font-size: 14px;
}
}
.expense-item .value,
.offer-item .value {
color: var(--Primary-Graphite-Primary, #151515);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 28px;
/* 175% */
}
@media (max-width: 420px) {
.expense-item .value,
.offer-item .value {
font-size: 14px;
}
}
.expense-item .item-actions,
.offer-item .item-actions {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #CED2DB;
grid-column: 1/-1;
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
}
@media (max-width: 480px) {
.expense-item .item-actions,
.offer-item .item-actions {
gap: 5px;
}
}
.expense-item .item-actions .expanded,
.offer-item .item-actions .expanded {
flex: 1;
}
.expense-item .item-actions .button.btn-type-3,
.offer-item .item-actions .button.btn-type-3 {
background: var(--Greyscale-Grey-5, #DFE3EC);
}
@media (max-width: 480px) {
.expense-item .item-actions .button.btn-type-3,
.offer-item .item-actions .button.btn-type-3 {
padding: 20px 15px;
}
}
.datepickers-container {
z-index: 999999;
}
.jc-bs3-container {
max-width: 600px !important;
}
@media (max-width: 767px) {
.jc-bs3-container {
max-width: 90vw !important;
}
}
.slick-next,
.slick-prev {
z-index: 1;
}
.slick-next::before,
.slick-prev::before {
color: #C3002F;
}
@media (max-width: 1199px) {
.slick-next,
.slick-prev {
background: #FFF !important;
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
}
@media (max-width: 1199px) {
.slick-prev {
left: 15px;
}
.slick-next {
right: 15px;
}
}
.row {
-webkit-column-gap: 16px;
column-gap: 16px;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.sp-block-outer-header header {
position: fixed;
z-index: 8;
left: 0;
top: 0;
right: 0;
background: #FFF;
border-bottom: 1px solid #ECEEF4;
}
.sp-block-outer-header header .header-first {
border-bottom: 1px solid #DFE3EC;
display: flex;
align-items: center;
gap: 68px;
height: 88px;
}
@media (max-width: 1199px) {
.sp-block-outer-header header .header-first {
gap: 18px;
}
}
@media (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer-header header .header-first {
border: 0 none;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 10px;
height: 65px;
}
}
.sp-block-outer-header header .header-first .column-1 a {
display: flex;
max-width: 200px;
height: 50px;
}
.sp-block-outer-header header .header-first .column-2 {
flex: 1;
}
@media (max-width: 991px) {
.sp-block-outer-header header .header-first .column-2 {
position: fixed;
left: 0;
right: 0;
top: 65px;
padding: 0 16px 16px 16px;
background: #FFF;
}
}
.sp-block-outer-header header .header-first .column-2 form {
position: relative;
background: #F3F5F9;
border: 1px solid #CED2DB;
border-radius: 8px;
width: 470px;
max-width: 100%;
}
@media (max-width: 991px) {
.sp-block-outer-header header .header-first .column-2 form {
width: 100%;
}
}
.sp-block-outer-header header .header-first .column-2 form input {
width: 100%;
height: 48px;
background: transparent;
border: 0 none;
padding: 12px 40px 12px 15px;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 24px;
color: #151515;
}
@media (max-width: 991px) {
.sp-block-outer-header header .header-first .column-2 form input {
height: 38px;
}
}
.sp-block-outer-header header .header-first .column-2 form input::-webkit-input-placeholder {
color: #5F6879;
}
.sp-block-outer-header header .header-first .column-2 form input:-ms-input-placeholder {
color: #5F6879;
}
.sp-block-outer-header header .header-first .column-2 form input::-ms-input-placeholder {
color: #5F6879;
}
.sp-block-outer-header header .header-first .column-2 form input::placeholder {
color: #5F6879;
}
.sp-block-outer-header header .header-first .column-2 form button {
top: 0;
padding: 0;
width: 48px;
height: 100%;
position: absolute;
right: 0;
display: flex;
justify-content: center;
align-items: center;
border: 0 none;
background: transparent;
}
@media (max-width: 991px) {
.sp-block-outer-header header .header-first .column-2 form button {
height: 38px;
}
}
.sp-block-outer-header header .header-second {
display: flex;
align-items: center;
gap: 40px;
padding: 16px 0;
}
@media (max-width: 1250px) {
.sp-block-outer-header header .header-second {
overflow: auto;
}
}
@media (max-width: 1250px) and (max-width: 1199px) {
.sp-block-outer-header header .header-second {
gap: 15px;
}
}
@media (max-width: 1250px) and (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer-header header .header-second {
display: none;
}
}
.sp-block-outer-header header .header-second a {
display: flex;
gap: 12px;
align-items: center;
padding: 0 14px;
height: 48px;
}
@media (max-width: 1920px) {
.sp-block-outer-header header .header-second a {
padding: 0 10px;
}
}
.sp-block-outer-header header .header-second a:hover .text {
color: #C3002F;
}
.sp-block-outer-header header .header-second a .icon {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer-header header .header-second a .icon svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-header header .header-second a .icon svg [fill] {
fill: #C3002F;
}
.sp-block-outer-header header .header-second a .icon svg [stroke] {
stroke: #C3002F;
}
.sp-block-outer-header header .header-second a .text {
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
color: #151515;
transition: color 0.2s;
}
.sp-block-outer-header header .header-second .menu-toggle-wrapper {
display: flex;
align-items: center;
gap: 8px;
padding: 0 24px;
height: 48px;
cursor: pointer;
}
.sp-block-outer-header header .header-second .menu-toggle-wrapper .icon {
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.2s;
}
.sp-block-outer-header header .header-second .menu-toggle-wrapper.active .icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sp-block-outer-header header .header-second .menu-toggle-wrapper .text {
font-weight: 600;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
.sp-block-outer-header header .header-second .sp-block-outer-highlighted_menu {
flex: 1;
}
.sp-block-outer-header header .header-second .sp-block-outer-highlighted_menu ul.links {
display: flex;
list-style: none;
padding: 0;
margin: 0;
flex: 1;
}
.sp-block-outer-header header .header-second .phone a .icon svg [fill] {
fill: #878F9E;
}
.sp-block-outer-header header .header-second .phone a .icon svg [stroke] {
stroke: #878F9E;
}
ul.shop-items {
display: flex;
justify-content: flex-end;
list-style: none;
padding: 0;
margin: 0;
gap: 8px;
}
ul.shop-items li .account-toggle.b2b {
border: 1px solid #0093D2;
border-radius: 8px;
background: #F3F5F9;
}
@media (max-width: 991px) {
ul.shop-items li .account-toggle.b2b {
gap: 5px;
width: unset;
padding-right: 5px !important;
padding-left: 5px !important;
}
}
@media (min-width: 992px) {
ul.shop-items li .account-toggle.b2b .icon {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
}
ul.shop-items li .icon {
display: flex;
width: 29px;
height: 29px;
justify-content: center;
align-items: center;
position: relative;
}
ul.shop-items li .icon .amount {
width: 24px;
height: 24px;
position: absolute;
top: -10px;
right: -10px;
background: #C3002F;
border-radius: 50%;
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 24px;
color: #FFFFFF;
}
ul.shop-items li .user-icon {
display: none;
}
@media (max-width: 1199px) {
ul.shop-items li .text {
display: none;
}
}
@media (max-width: 991px) {
ul.shop-items li .user-icon {
display: flex;
}
ul.shop-items li .user-icon path {
fill: #151515;
stroke: #151515;
}
}
ul.shop-items li > * {
padding: 8px;
display: flex;
align-items: center;
gap: 12px;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #5F6879;
transition: color 0.2s;
cursor: pointer;
}
@media (max-width: 991px) {
ul.shop-items li > * {
padding: 0 !important;
justify-content: center;
width: 35px;
height: 35px;
}
}
ul.shop-items li > *:hover {
color: #000000;
}
@media (max-width: 991px) {
ul.shop-items li.home, ul.shop-items li.favorites, ul.shop-items li.comparison {
display: none;
}
}
@media (min-width: 768px) {
ul.shop-items li.account > * {
padding: 8px 16px;
background: #F3F5F9;
border: 1px solid #CED2DB;
border-radius: 8px;
}
}
@media (max-width: 991px) {
ul.shop-items li.account > * .text {
display: none;
}
ul.shop-items li.account > * .icon.b2c {
display: none;
}
}
ul.shop-items li.responsive-menu-toggle {
display: none;
}
@media (max-width: 991px) {
ul.shop-items li.responsive-menu-toggle {
display: block;
}
}
ul.shop-items li.responsive-menu-toggle .main-menu-toggle-wrapper {
height: 45px;
width: 45px;
vertical-align: middle;
transition: all 0.2s;
cursor: pointer;
}
@media (max-width: 991px) {
ul.shop-items li.responsive-menu-toggle .main-menu-toggle-wrapper {
width: 35px;
height: 35px;
}
}
ul.shop-items li.responsive-menu-toggle .main-menu-toggle-wrapper .main-menu-toggle {
height: 45px;
width: 45px;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
ul.shop-items li.responsive-menu-toggle .main-menu-toggle-wrapper .main-menu-toggle span {
display: block;
background: #151515;
width: 21px;
height: 3px;
border-radius: 3px;
transition: all 0.2s;
margin: 3px 0;
}
ul.shop-items li.responsive-menu-toggle .main-menu-toggle-wrapper.active .main-menu-toggle span:nth-child(2) {
display: none;
}
ul.shop-items li.responsive-menu-toggle .main-menu-toggle-wrapper.active .main-menu-toggle span:first-child {
top: 14px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin-bottom: -6px;
}
ul.shop-items li.responsive-menu-toggle .main-menu-toggle-wrapper.active .main-menu-toggle span:last-child {
top: 14px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer {
margin-left: -15px;
margin-right: -15px;
}
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper {
background-image: url("/frontend/images/bg_lines.webp");
background-position: left bottom;
background-size: 800px;
background-repeat: no-repeat;
background-color: #060914;
padding: 130px 0;
}
@media (max-width: 1670px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper {
margin: 0 -15px;
}
}
@media (max-width: 1670px) and (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper {
padding: 40px 28px;
}
}
@media (max-width: 1670px) and (max-width: 1199px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper {
padding-bottom: 80px;
background-size: 300px;
}
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form {
display: flex;
justify-content: center;
align-items: center;
gap: 96px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form {
flex-direction: column;
gap: 30px;
align-items: flex-start;
padding: 0 15px;
}
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .left {
width: 300px;
max-width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .left {
justify-content: flex-start;
gap: 15px;
}
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .left img {
width: 85px;
height: 85px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .left img {
width: 40px;
height: 40px;
}
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .left .info {
display: flex;
flex-direction: column;
font-style: normal;
font-weight: 500;
font-size: 28px;
text-transform: uppercase;
color: #FFFFFF;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .left .info {
font-size: 18px;
line-height: 18px;
}
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .left .info .title {
font-weight: 700;
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right {
width: 770px;
max-width: 100%;
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right .title {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 32px;
color: #F3F5F9;
margin-bottom: 20px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right .title {
font-size: 19px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 170px);
gap: 12px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row {
grid-template-columns: minmax(0, 100%);
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row > * {
height: 52px;
}
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row input {
background: #F3F5F9;
border: 1px solid #CED4DA;
border-radius: 4px;
height: 52px;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #5F6879;
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row input::-webkit-input-placeholder {
opacity: 0.8;
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row input:-ms-input-placeholder {
opacity: 0.8;
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row input::-ms-input-placeholder {
opacity: 0.8;
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row input::placeholder {
opacity: 0.8;
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form .email-row button {
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.sp-block-outer-footer .newsletter-form-wrapper .newsletter-form .right form label {
color: #FFFFFF;
}
.sp-block-outer.sp-block-outer-footer footer .title {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
color: #5F6879;
margin-bottom: 24px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .title {
margin-bottom: 16px;
}
}
.sp-block-outer.sp-block-outer-footer footer .socials {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.sp-block-outer.sp-block-outer-footer footer .content,
.sp-block-outer.sp-block-outer-footer footer ul.links > li > span,
.sp-block-outer.sp-block-outer-footer footer ul.links > li > a {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 32px;
color: #151515;
transition: color 0.2s;
}
.sp-block-outer.sp-block-outer-footer footer .content:hover,
.sp-block-outer.sp-block-outer-footer footer ul.links > li > span:hover,
.sp-block-outer.sp-block-outer-footer footer ul.links > li > a:hover {
color: #c3002f;
}
.sp-block-outer.sp-block-outer-footer footer ul.links {
list-style: none;
padding: 0;
margin: 0;
}
.sp-block-outer.sp-block-outer-footer footer .footer-first {
padding: 80px 0 0;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer footer .footer-first {
padding: 40px 16px 0;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-first .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer footer .footer-first .container {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
.sp-block-outer.sp-block-outer-footer footer .footer-first .container .column-1 {
grid-column: 1/-1;
}
}
@media (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .footer-first .container {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 40px;
}
}
@media (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer footer .footer-first .container {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-first .container .logo {
margin-bottom: 32px;
}
.sp-block-outer.sp-block-outer-footer footer .footer-first .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 15px;
}
.sp-block-outer.sp-block-outer-footer footer .footer-first .items .title {
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 32px;
color: #151515;
margin-bottom: 5px;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second {
padding: 80px 80px 20px 80px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .footer-second {
padding: 32px 16px;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .footer-second .container {
flex-direction: column;
gap: 40px;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .payments {
display: grid;
grid-template-columns: minmax(0, 100%);
gap: 56px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .payments {
grid-template-columns: minmax(0, 100%);
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .payments .code {
display: none;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .payments .cards-wrapper {
display: flex;
flex-direction: column-reverse;
gap: 16px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .payments .cards-wrapper {
flex-direction: column-reverse;
gap: 32px;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .payments .cards-wrapper .cards ul {
display: flex;
list-style: none;
padding: 0;
margin: 0;
gap: 16px;
flex-wrap: wrap;
align-items: center;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .payments .cards-wrapper .cards-info {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 24px;
color: #5F6879;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
align-items: flex-end;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b-wrapper {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b {
display: flex;
align-items: center;
gap: 22px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b {
flex-direction: column;
align-items: center;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b .title {
font-weight: 600;
margin: 0;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b a {
padding: 22px 25px;
border-radius: 44px;
gap: 15px;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b a svg [fill] {
fill: #FFF;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b a svg [stroke] {
stroke: #FFF;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b .back-to-top {
width: 56px;
height: 56px;
border-radius: 50%;
background: #FFFFFF;
box-shadow: 0px 8px 18px rgba(1, 19, 65, 0.07);
display: flex;
justify-content: center;
align-items: center;
margin-right: -88px;
margin-left: 10px;
cursor: pointer;
transition: all 0.2s;
border: 1px solid transparent;
opacity: 0;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b .back-to-top {
right: 25px;
bottom: 25px;
position: fixed;
margin: 0;
z-index: 1;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b .back-to-top.visible {
opacity: 1;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .container .b2b .back-to-top:hover {
border: 1px solid #878F9E;
box-shadow: 0px 8px 18px rgba(1, 19, 65, 0.07);
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .links {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 15px;
}
.sp-block-outer.sp-block-outer-footer footer .footer-second .links .safe-shop-banner img {
max-height: 60px;
}
.sp-block-outer.sp-block-outer-footer footer .footer-third {
background: #151515;
}
@media (max-width: 1670px) {
.sp-block-outer.sp-block-outer-footer footer .footer-third {
padding: 0 15px;
}
}
@media (max-width: 1670px) and (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer footer .footer-third {
padding: 24px 15px;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-third .container {
height: 76px;
display: flex;
align-items: center;
justify-content: space-between;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;
color: #FFFFFF;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-footer footer .footer-third .container {
height: auto;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .footer-third .container {
flex-direction: column;
gap: 24px;
align-items: flex-start;
width: 100%;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-third .container .consent-edit {
padding-left: 15px;
margin-left: 15px;
border-left: 1px solid #fff;
cursor: pointer;
}
.sp-block-outer.sp-block-outer-footer footer .footer-third .container .signature a {
display: flex;
align-items: center;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
#cart-display {
top: 0;
bottom: 0;
height: auto;
padding: 0;
}
#cart-display.active .minicart-inner {
margin-right: 0;
}
#cart-display .overlay-title {
margin: 0;
}
#cart-display .minicart-inner {
position: absolute;
right: 0;
bottom: 0;
top: 0;
background: #fff;
width: 500px;
max-width: 100%;
margin-right: -100%;
transition: margin-right 0.2s;
display: flex;
flex-direction: column;
overflow: auto;
}
#cart-display .minicart-inner .cart-remove-item {
font-size: 1.3333333333rem;
width: 14px;
height: 14px;
display: inline-block;
line-height: 14px;
vertical-align: middle;
cursor: pointer;
position: absolute;
right: 0;
top: 14px;
}
#cart-display .minicart-inner .cart-delivery-calculation {
border-bottom: 1px solid #F3F3F3;
padding: 0 25px 12px 25px;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .cart-delivery-calculation {
padding: 0 15px 12px 15px;
}
}
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-info svg {
vertical-align: top;
}
@media (max-width: 767px) {
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-info svg {
display: none;
}
}
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-info .free-delivery-label {
font-style: normal;
font-weight: normal;
font-size: 0.7222222222rem;
color: #212528;
}
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-info .free-delivery-amount {
float: right;
font-weight: bold;
font-size: 1rem;
text-align: right;
color: #ac1111;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-info .free-delivery-amount {
font-size: 0.8888888889rem;
}
}
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-calculation {
margin: 10px 0;
position: relative;
width: 100%;
height: 10px;
background: #F3F3F3;
border-radius: 3px;
}
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-calculation span {
position: absolute;
left: 0;
top: 0;
bottom: 0;
background: #C3002F;
border-radius: 3px;
}
#cart-display .minicart-inner .cart-delivery-calculation.is-free-delivery .free-delivery-info * {
color: #949697 !important;
}
#cart-display .minicart-inner .cart-delivery-calculation.is-free-delivery svg * {
fill: #949697 !important;
}
#cart-display .minicart-inner .cart-delivery-calculation.is-free-delivery .free-delivery-calculation span {
background: #949697 !important;
}
#cart-display .minicart-inner .minicart-items {
margin: 0;
flex-grow: 1;
overflow: auto;
padding: 25px;
border-bottom: 1px solid #F3F3F3;
margin-bottom: 16px;
scrollbar-width: 6px;
min-height: 150px;
}
#cart-display .minicart-inner .minicart-items::-webkit-scrollbar {
width: 6px;
}
#cart-display .minicart-inner .minicart-items .items {
padding: 12px 0 0;
display: flex;
flex-direction: column;
gap: 8px;
}
#cart-display .minicart-inner .minicart-items .items .item {
padding: 8px;
background: #F3F5F9;
display: grid;
grid-template-columns: minmax(0, 110px) minmax(0, 100%);
gap: 16px;
position: relative;
}
#cart-display .minicart-inner .minicart-items .items .item .cart-remove-item {
display: flex;
width: 24px;
height: 24px;
position: absolute;
left: -12px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#cart-display .minicart-inner .minicart-items .items .item .image a {
display: flex;
}
#cart-display .minicart-inner .minicart-items .items .item .image a img {
width: 110px;
height: 110px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
#cart-display .minicart-inner .minicart-items .items .item .info {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
padding-bottom: 10px;
}
#cart-display .minicart-inner .minicart-items .items .item .info .title {
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #151515;
}
#cart-display .minicart-inner .minicart-items .items .item .info .cart {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 130px);
gap: 15px;
align-items: flex-end;
}
#cart-display .minicart-inner .minicart-items .items .item .info .cart .prices .price {
display: flex;
flex-direction: column;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 28px;
color: #000000;
}
#cart-display .minicart-inner .minicart-items .items .item .info .cart .prices .price .price-value.secondary-currency {
font-size: 13px;
line-height: 16px;
}
#cart-display .minicart-inner .minicart-items .items .item .info .cart .cart-amount {
background: #fff;
border: 0.714px solid var(--Greyscale-Grey-5, #DFE3EC);
}
#cart-display .minicart-inner .cart-empty {
padding: 0 25px 14px;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .cart-empty {
padding: 0 15px 14px;
}
}
#cart-display .minicart-inner .minicart-coupon {
border-bottom: 1px solid #F3F3F3;
margin-bottom: 16px;
padding: 0 25px 16px;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .minicart-coupon {
padding: 0 15px 14px;
}
}
#cart-display .minicart-inner .minicart-coupon .minicart-coupon-title {
padding-left: 40px;
position: relative;
font-size: 1.1111111111rem;
font-weight: 400;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #C3002F;
cursor: pointer;
}
#cart-display .minicart-inner .minicart-coupon .minicart-coupon-title svg {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#cart-display .minicart-inner .minicart-coupon form {
margin-top: 13px;
display: flex;
flex-direction: row;
}
#cart-display .minicart-inner .minicart-coupon form [name=discount_coupon_name] {
height: 40px;
border: solid 1px #F3F3F3;
color: #D8D8D8;
flex-grow: 1;
margin-right: 20px;
padding: 10px 15px;
}
#cart-display .minicart-inner .minicart-coupon form [type=submit] {
height: 40px;
background: transparent;
padding: 0;
border: 0 none;
text-transform: uppercase;
color: #151515;
font-weight: 600;
margin: 0;
}
#cart-display .minicart-inner .minicart-coupon .coupon-note {
font-size: 0.6666666667rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #D8D8D8;
}
#cart-display .minicart-inner .minicart-loyalty {
border-bottom: 1px solid #F3F3F3;
margin-bottom: 16px;
padding: 0 25px 16px;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .minicart-loyalty {
padding: 0 15px 16px;
}
}
#cart-display .minicart-inner .minicart-loyalty .loyalty-request {
font-size: 0.8888888889rem;
color: #949697;
position: relative;
padding-left: 33px;
cursor: pointer;
}
#cart-display .minicart-inner .minicart-loyalty .loyalty-request .checkmark {
width: 18px;
height: 18px;
border: 1px solid #949697;
background: #fff;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
}
#cart-display .minicart-inner .minicart-loyalty .loyalty-request .checkmark svg {
width: 8px;
height: auto;
}
#cart-display .minicart-inner .minicart-loyalty .loyalty-request .checkmark svg * {
fill: #fff;
}
#cart-display .minicart-inner .minicart-loyalty .loyalty-request.active .checkmark {
background: #949697;
}
#cart-display .minicart-inner .minicart-summary {
margin-bottom: 32px;
padding: 0 25px;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .minicart-summary {
padding: 0 15px;
}
}
#cart-display .minicart-inner .minicart-actions {
display: grid;
grid-template-columns: minmax(0, 50%) minmax(0, 50%);
gap: 10px;
align-items: center;
padding: 0 25px;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .minicart-actions {
padding: 0 5px;
}
}
#cart-display .minicart-inner .minicart-actions > * {
height: 100%;
}
#cart-display .minicart-inner .minicart-actions .minicart-update-cart,
#cart-display .minicart-inner .minicart-actions .minicart-checkout {
width: 100%;
text-transform: none;
font-size: 0.8888888889rem;
text-align: center;
padding-left: 8px;
padding-right: 8px;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .minicart-actions .minicart-update-cart,
#cart-display .minicart-inner .minicart-actions .minicart-checkout {
padding: 10px 5px;
height: auto;
font-size: 1rem;
}
}
#cart-display .minicart-inner .minicart-actions .minicart-update-cart svg,
#cart-display .minicart-inner .minicart-actions .minicart-checkout svg {
margin-left: 20px;
vertical-align: middle;
}
#cart-display .minicart-inner .minicart-actions .minicart-update-cart svg *,
#cart-display .minicart-inner .minicart-actions .minicart-checkout svg * {
fill: #fff;
transition: all 0.2s;
}
#cart-display .minicart-inner .minicart-actions .minicart-update-cart:hover svg *,
#cart-display .minicart-inner .minicart-actions .minicart-checkout:hover svg * {
fill: #949697;
}
#cart-display .minicart-inner .minicart-actions .account-save-expense,
#cart-display .minicart-inner .minicart-actions .account-save-quote {
grid-column: 1/-1;
}
#cart-display .minicart-inner .minicart-actions {
padding-bottom: 32px;
border-bottom: 1px solid #DFE3EC;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper {
padding-bottom: 15px;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-collapse {
position: relative;
text-align: right;
height: 30px;
}
@media (min-height: 992px) {
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-collapse {
display: none;
}
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-collapse.expanded span {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-collapse span {
background: #F3F3F3;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
margin: 0 15px 0 0;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-collapse span svg {
width: 8px;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-collapse span svg * {
fill: #6F6F6F;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-collapse::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 1px;
background: #F3F3F3;
}
@media (max-height: 991px) {
#cart-display .minicart-inner .mobile-collapsible-wrapper .mobile-collapsible {
display: none;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .mobile-collapsible .cart-total.main-total {
display: none;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .mobile-collapsible .minicart-summary {
margin: 0;
}
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-mobile-total {
padding: 0 25px;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-mobile-total {
padding: 0 15px;
}
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-mobile-total .cart-total {
display: grid;
grid-template-columns: minmax(0, 60%) minmax(0, 40%);
gap: 10px;
margin: 3px 0;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-mobile-total .cart-total .total-label {
text-transform: uppercase;
font-size: 0.8888888889rem;
}
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-mobile-total .cart-total .price {
padding: 0;
text-align: right;
color: #949697;
}
@media (min-height: 992px) {
#cart-display .minicart-inner .mobile-collapsible-wrapper .minicart-mobile-total {
display: none;
}
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.items-grid.checkout-view .child-items {
display: none;
}
.items-grid.checkout-view .product-display-grid {
margin-bottom: 4px;
background: #F3F5F9;
padding: 8px;
display: grid;
grid-template-columns: minmax(0, 110px) minmax(0, 100%) minmax(0, 130px) minmax(0, 180px) minmax(0, 130px) minmax(0, 40px);
gap: 16px;
align-items: center;
}
@media (max-width: 1199px) {
.items-grid.checkout-view .product-display-grid {
grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 2fr);
}
}
.items-grid.checkout-view .product-display-grid .product-display-grid-image {
justify-content: center;
}
.items-grid.checkout-view .product-display-grid .product-display-grid-image img {
width: 110px;
height: 110px;
-o-object-fit: contain;
object-fit: contain;
}
.items-grid.checkout-view .product-display-grid .product-info {
display: flex;
flex-direction: column;
gap: 6px;
}
@media (max-width: 1199px) {
.items-grid.checkout-view .product-display-grid .product-info {
grid-column: 2/4;
}
}
.items-grid.checkout-view .product-display-grid .product-info a,
.items-grid.checkout-view .product-display-grid .product-info h3 {
height: auto;
margin: 0;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #151515;
}
.items-grid.checkout-view .product-display-grid .product-info .code {
font-weight: 500;
font-size: 15px;
line-height: 17px;
color: #151515;
display: flex;
align-items: baseline;
gap: 4px;
}
.items-grid.checkout-view .product-display-grid .product-info .code .label {
color: #5F6879;
}
.items-grid.checkout-view .product-display-grid .prices {
display: flex;
flex-direction: column;
gap: 0;
margin: 0;
}
@media (max-width: 1199px) {
.items-grid.checkout-view .product-display-grid .prices {
grid-column: 3;
grid-row: 2;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.items-grid.checkout-view .product-display-grid .prices {
grid-column: 2/4;
}
}
.items-grid.checkout-view .product-display-grid .prices .label {
font-weight: 500;
font-size: 14px;
line-height: 17px;
color: #5F6879;
margin-bottom: 4px;
}
@media (max-width: 767px) {
.items-grid.checkout-view .product-display-grid .prices .label {
display: none;
}
}
@media (max-width: 1199px) {
.items-grid.checkout-view .product-display-grid .prices.single-price {
grid-column: 2;
grid-row: 2;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.items-grid.checkout-view .product-display-grid .prices.single-price {
display: none;
}
}
.items-grid.checkout-view .product-display-grid .checkout-cart {
padding-right: 50px;
}
@media (max-width: 1199px) {
.items-grid.checkout-view .product-display-grid .checkout-cart {
grid-column: 1;
grid-row: 2;
padding: 0;
}
}
.items-grid.checkout-view .product-display-grid .checkout-cart .cart-amount {
background: #fff;
border: 0.714px solid var(--Greyscale-Grey-5, #DFE3EC);
}
.items-grid.checkout-view .product-display-grid .actions .cart-remove-item {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 1199px) {
.items-grid.checkout-view .product-display-grid .actions .cart-remove-item {
position: absolute;
top: -5px;
left: -5px;
}
}
.items-grid.checkout-view {
display: block !important;
margin-top: 15px;
margin-bottom: 30px;
padding: 0;
}
.items-grid.checkout-view.disabled .item-cart {
border: 0 none !important;
}
.items-grid.checkout-view.disabled input {
pointer-events: none !important;
}
.items-grid.checkout-view .checkout-list-headers {
width: 100%;
font-family: Barlow, sans-serif;
font-stretch: normal;
letter-spacing: normal;
font-style: normal;
font-weight: normal;
font-size: 0.6666666667rem;
line-height: 17px;
margin-bottom: 15px;
display: grid;
grid-template-columns: minmax(0, 120px) minmax(0, 100%) minmax(0, 300px) minmax(0, 300px) minmax(0, 80px);
flex-direction: row;
gap: 10px;
border-bottom: 1px solid #d5d5d5;
padding-bottom: 6px;
}
@media only screen and (max-width: 767px) {
.items-grid.checkout-view .checkout-list-headers {
display: none;
}
}
.items-grid.checkout-view .checkout-list-headers .product-header, .items-grid.checkout-view .checkout-list-headers .amount-header, .items-grid.checkout-view .checkout-list-headers .price-header {
display: flex;
justify-content: center;
}
.items-grid.checkout-view .checkout-list-headers .product-header {
justify-content: flex-start;
}
.items-grid.checkout-view .items-remove-row {
margin-top: 15px;
text-align: right;
}
.items-grid.checkout-view .items-remove-row .items-remove-all {
font-size: 0.7222222222rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #212528;
cursor: pointer;
position: relative;
padding-right: 20px;
margin-bottom: 10px;
gap: 6px;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items-remove-row .items-remove-all {
padding-right: 0;
}
}
.items-grid.checkout-view .items-remove-row .items-remove-all .icon {
width: 30px;
height: 30px;
border-radius: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s;
vertical-align: middle;
}
.items-grid.checkout-view .items-remove-row .items-remove-all .icon:hover {
background: #fff;
}
.items-grid.checkout-view .items-remove-row .items-remove-all .icon svg {
width: 15px;
}
#cart {
margin-bottom: 80px;
}
#cart .cart-step:not(.current) {
display: none;
}
#cart .items-grid {
margin: 0 0 8px 0;
}
#cart .cart-note {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #C3002F;
margin-bottom: 32px;
}
#cart .cart-items {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 420px);
gap: 64px;
}
@media (max-width: 991px) {
#cart .cart-items {
grid-template-columns: minmax(0, 100%) minmax(0, 350px);
gap: 15px;
}
}
@media (max-width: 991px) and (max-width: 991px) {
#cart .cart-items {
grid-template-columns: minmax(0, 100%);
gap: 40px;
}
}
#cart .cart-items .items-wrapper:only-child {
grid-column: 1/-1;
}
#cart .page-title {
display: flex;
align-items: center;
gap: 48px;
}
#cart .page-title .login-section {
display: flex;
align-items: center;
gap: 8px;
color: var(--Greyscale-Grey-1, #5F6879);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 141.176% */
}
#cart .cart-registration-forms {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 480px);
gap: 46px;
}
@media (max-width: 767px) {
#cart .cart-registration-forms {
grid-template-columns: minmax(0, 100%);
gap: 40px;
}
}
#cart .cart-registration-forms .login-section {
grid-column: 1/-1;
}
@media (max-width: 991px) {
#cart .cart-registration-forms .form-group {
flex: 0 0 100%;
padding: 0;
}
}
#cart .overview-section {
position: relative;
}
#cart .overview-section .overview-section-inner {
position: -webkit-sticky;
position: sticky;
padding: 24px;
background: #F3F5F9;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 12px;
}
@media (max-width: 767px) {
#cart .overview-section .overview-section-inner {
position: relative !important;
top: auto !important;
}
}
#cart .overview-section .overview-section-inner .sp-block-outer-page_title {
padding: 0;
border: 0 none;
margin: 0 0 24px 0;
}
#cart .overview-section .overview-section-inner .sp-block-outer-page_title h1 {
color: var(--Primary-Graphite-Primary, #151515);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 40px;
/* 142.857% */
}
#cart .overview-section .overview-section-inner .cart-items {
grid-template-columns: minmax(0, 100%);
gap: 24px;
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
-webkit-column-gap: 16px;
column-gap: 16px;
row-gap: 4px;
padding: 8px;
border: 1px solid var(--Greyscale-Grey-5, #DFE3EC);
background: var(--Greyscale-Grey-6, #F3F5F9);
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid .product-display-grid-image {
margin: 0;
grid-row: 1/3;
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid .product-info {
grid-column: 2/4;
grid-row: 1;
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid .product-info .code {
display: none;
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid .single-price {
grid-row: 2;
grid-column: 2;
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid .single-price .label {
display: none;
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid .checkout-cart {
padding: 0;
grid-row: 2;
grid-column: 3;
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid .prices:not(.single-price) {
display: none;
}
#cart .overview-section .overview-section-inner .cart-items .product-display-grid .actions {
display: none;
}
#cart .overview-section .overview-section-inner .cart-items .cart-actions {
display: none;
}
#cart .overview-section .overview-section-inner .cart-action {
display: flex;
gap: 16px;
}
#cart .overview-section .overview-section-inner .cart-action .cart-finish {
flex: 1;
}
#cart .overview-section .overview-section-inner .checkout-totals {
padding: 0;
}
#cart .overview-section .overview-section-inner .checkout-totals .cart-coupon-wrapper {
display: none;
}
.checkout-section.note {
opacity: 1;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.product-display-simple-grid {
background: #F3F5F9;
padding: 8px;
display: grid;
grid-template-columns: minmax(0, 110px) minmax(0, 100%);
gap: 16px;
}
.product-display-simple-grid img {
height: 110px;
-o-object-fit: cover;
object-fit: cover;
}
.product-display-simple-grid .product-info {
display: flex;
flex-direction: column;
gap: 4px;
}
.product-display-simple-grid .product-info h3 {
font-weight: 500;
font-size: 15px;
line-height: 20px;
margin: 0;
color: #151515;
}
.product-display-simple-grid .product-info .price {
font-weight: 600;
font-size: 16px;
line-height: 28px;
color: #000000;
display: flex;
flex-direction: column;
}
.product-display-simple-grid .product-info .price .secondary-currency {
font-size: 13px;
line-height: 16px;
}
.product-display-simple-grid .product-info .price.invalid .price-value {
font-weight: 600;
font-size: 15px;
line-height: 29px;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #878F9E;
}
.product-display-simple-grid .product-info .price.invalid .price-value.secondary-currency {
font-weight: 500;
font-size: 13px;
line-height: 16px;
}
.items-grid .product-display-grid {
position: relative;
transition: all 0.2s;
border: 1px solid transparent;
padding: 16px;
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.items-grid .product-display-grid {
padding: 0;
}
}
.items-grid .product-display-grid:hover {
border: 1px solid #DFE3EC;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .product-labels {
top: 16px;
}
}
.items-grid .product-display-grid .label-icons {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
top: 16px;
position: absolute;
width: 100%;
gap: 5px;
}
.items-grid .product-display-grid .most-saleable {
background: #5F6879;
border-radius: 4px;
padding: 6px 8px;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
@media (max-width: 480px) {
.items-grid .product-display-grid .most-saleable {
font-size: 12px;
}
}
.items-grid .product-display-grid .discount {
background: #C3002F;
border-radius: 4px;
padding: 6px 8px;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
@media (max-width: 480px) {
.items-grid .product-display-grid .discount {
font-size: 13px;
}
}
.items-grid .product-display-grid .product-display-grid-image {
display: flex;
margin-bottom: 4px;
background: #fff;
position: relative;
}
.items-grid .product-display-grid .product-display-grid-image img {
width: 100%;
height: 278px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .product-display-grid-image img {
height: 250px;
}
}
.items-grid .product-display-grid .product-info {
flex: 1;
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .product-info {
padding: 4px;
}
}
.items-grid .product-display-grid .brand {
height: 24px;
margin-bottom: 4px;
}
.items-grid .product-display-grid .brand a img {
height: 24px;
width: auto;
}
.items-grid .product-display-grid h3 {
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 24px;
color: #151515;
margin: 0 0 20px 0;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
height: 48px;
}
@media (max-width: 767px) {
.items-grid .product-display-grid h3 {
font-size: 15px;
line-height: 20px;
height: 40px;
margin: 0 0 16px 0;
}
}
.items-grid .product-display-grid .prices {
flex: 1;
display: flex;
gap: 10px;
margin-bottom: 28px;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .prices {
margin-bottom: 21px;
}
}
.items-grid .product-display-grid .prices .prices-b2b-wrapper-flex {
width: 100%;
display: flex;
flex-direction: column;
}
.items-grid .product-display-grid .prices .prices-b2b-wrapper-flex .prices-b2b-wrapper {
display: flex;
flex-wrap: wrap;
align-items: baseline;
flex-direction: column;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .prices .prices-b2b-wrapper-flex .prices-b2b-wrapper {
align-items: flex-start;
gap: 0;
}
}
.items-grid .product-display-grid .prices .prices-b2b-wrapper-flex .prices-b2b-wrapper .price-wrapper {
display: flex;
align-items: baseline;
gap: 8px;
margin-right: 15px;
}
@media (max-width: 480px) {
.items-grid .product-display-grid .prices .prices-b2b-wrapper-flex .prices-b2b-wrapper .price-wrapper.your-price {
flex-direction: column;
gap: unset;
}
}
.items-grid .product-display-grid .prices .prices-b2b-wrapper-flex .prices-b2b-wrapper .price-wrapper .price {
flex-direction: unset;
align-items: center;
gap: 5px;
}
.items-grid .product-display-grid .prices .prices-b2b-wrapper-flex .prices-b2b-wrapper .price-wrapper .rabat {
color: var(--System-Success, #0DA65C);
font-weight: bold;
}
.items-grid .product-display-grid .prices .price {
display: flex;
flex-direction: column;
white-space: nowrap;
}
.items-grid .product-display-grid .prices .price .price-value {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #000000;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .prices .price .price-value {
font-size: 16px;
line-height: 28px;
}
}
.items-grid .product-display-grid .prices .price .price-value.secondary-currency {
font-weight: 500;
font-size: 14px;
line-height: 16px;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .prices .price .price-value.secondary-currency {
font-size: 13px;
line-height: 16px;
}
}
.items-grid .product-display-grid .prices .price.invalid .price-value {
font-weight: 600;
font-size: 15px;
line-height: 29px;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #878F9E;
}
.items-grid .product-display-grid .prices .price.invalid .price-value.secondary-currency {
font-weight: 500;
font-size: 13px;
line-height: 16px;
}
.items-grid .product-display-grid .cart-wrapper {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 94px);
gap: 6px;
}
.items-grid .product-display-grid .cart-wrapper form {
flex: 1;
width: 100%;
padding: 0;
display: flex;
}
.items-grid .product-display-grid .cart-wrapper form .cart-submit {
max-width: 100%;
}
.items-grid .product-display-grid .cart-wrapper button {
height: 44px;
flex: 1;
width: 100%;
font-size: 15px;
padding: 12px;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .cart-wrapper button {
height: 42px;
}
.items-grid .product-display-grid .cart-wrapper button .text span {
display: none;
}
}
.items-grid .product-display-grid .cart-wrapper .actions {
display: flex;
gap: 6px;
}
.items-grid .product-display-grid .cart-wrapper .actions span {
display: flex;
justify-content: center;
align-items: center;
width: 44px;
flex: 0 0 44px;
height: 44px;
background: #FFFFFF;
border: 1px solid #DFE3EC;
border-radius: 3.66667px;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .cart-wrapper .actions span {
width: 42px;
flex: 0 0 42px;
height: 42px;
}
}
.items-grid:not(.empty) {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 21px;
}
@media (max-width: 767px) {
.items-grid:not(.empty) {
gap: 16px;
}
}
.items-grid.slick-initialized {
display: block;
}
.items-grid.slick-initialized .slick-track {
display: flex;
gap: 15px;
}
@media (max-width: 480px) {
.items-grid.slick-initialized .slick-track {
gap: 5px;
}
}
@media only screen and (max-width: 767px) {
.items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
gap: 5px;
padding: 0;
}
}
.items-grid.no-results {
display: block;
}
.items-grid .product-group-banner {
grid-column: 1/-1;
}
.items-grid .product-group-banner img {
height: auto;
}
.items-grid .product-group-banner a {
display: flex;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.items-grid.grid-view.list-view .product-display-grid.item {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
width: 100%;
border-right: 0 none;
}
.items-grid.grid-view.list-view .product-display-grid.item:hover {
-webkit-transform: none !important;
transform: none !important;
}
.items-grid.list-view {
display: block;
margin-bottom: 50px;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.blog-item .image {
position: relative;
margin-bottom: 15px;
transition: all 0.2s;
display: flex;
}
.blog-item .image img {
width: 100%;
height: 358px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 991px) {
.blog-item .image img {
height: 210px;
}
}
@media (max-width: 480px) {
.blog-item .image img {
height: 190px;
}
}
.blog-item .image time {
position: absolute;
left: 0;
top: 13px;
background: #FFFFFF;
box-shadow: 0px 8px 18px rgba(1, 19, 65, 0.07);
padding: 12px;
display: flex;
flex-direction: column;
gap: 4px;
}
.blog-item .image time .day {
font-weight: 600;
font-size: 17px;
line-height: 17px;
color: #000000;
}
.blog-item .image time .year {
font-weight: 300;
font-size: 14px;
line-height: 14px;
color: #878F9E;
}
.blog-item .blog-category {
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #C3002F;
margin-bottom: 8px;
transition: all 0.2s;
}
@media (max-width: 991px) {
.blog-item .blog-category {
font-size: 14px;
line-height: 24px;
}
}
.blog-item h3 {
font-weight: 600;
font-size: 22px;
line-height: 32px;
color: #151515;
transition: all 0.2s;
margin: 0;
}
@media (max-width: 991px) {
.blog-item h3 {
font-size: 19px;
line-height: 24px;
}
}
.blog-item .description {
margin-top: 8px;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 24px;
color: #505868;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-item:hover .image {
-webkit-filter: drop-shadow(0px 8px 18px rgba(1, 19, 65, 0.07));
filter: drop-shadow(0px 8px 18px rgba(1, 19, 65, 0.07));
}
.blog-item:hover .blog-category {
color: #151515;
}
.blog-item:hover h3 {
color: #C3002F;
}
.blog-grid .blog-grid-content {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
-webkit-column-gap: 32px;
column-gap: 32px;
row-gap: 72px;
margin-bottom: 50px;
align-items: center;
}
@media (max-width: 991px) {
.blog-grid .blog-grid-content {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-webkit-column-gap: 16px;
column-gap: 16px;
row-gap: 36px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.blog-grid .blog-grid-content {
grid-template-columns: minmax(0, 1fr);
}
}
.blog-grid .blog-grid-content .blog-item:first-child {
grid-column: 1/-1;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 767px) {
.blog-grid .blog-grid-content .blog-item:first-child {
grid-template-columns: minmax(0, 1fr);
}
}
.blog-grid .blog-grid-content .blog-item:first-child .image {
margin: 0;
}
.blog-grid .blog-grid-content .blog-item:first-child .image img {
height: auto;
}
.blog-grid .blog-grid-content .blog-item:first-child .blog-info {
padding: 0 100px;
background: #F3F5F9;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
@media (max-width: 991px) {
.blog-grid .blog-grid-content .blog-item:first-child .blog-info {
padding: 0 30px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.blog-grid .blog-grid-content .blog-item:first-child .blog-info {
padding: 24px 16px;
}
}
.blog-grid .blog-grid-content .blog-item:first-child .description {
-webkit-line-clamp: 4;
margin-top: 24px;
}
@media (max-width: 767px) {
.blog-grid .blog-grid-content .blog-item:first-child .description {
margin-top: 16px;
}
}
.blog-grid.columns-2 .blog-grid-content {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.blog-grid.columns-4 .blog-grid-content {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.blog-grid .blog-grid-content {
display: block;
margin-bottom: 50px;
align-items: center;
}
.blog-grid .blog-grid-content > div {
display: inline-block;
width: 33%;
}
.blog-grid.columns-2 .blog-grid-content > div {
display: inline-block;
width: 49%;
}
.blog-grid.columns-4 .blog-grid-content > div {
display: inline-block;
width: 24%;
}
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.brand-item {
text-align: center;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
height: 60px;
position: relative;
}
.brand-item:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.brand-item a {
outline: 0 !important;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.brand-item img {
max-height: 110px;
max-width: 100%;
width: auto;
margin: 0 auto;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.brand-item {
text-align: center;
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
height: 60px;
position: relative;
}
.brand-item:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.brand-item a {
outline: 0 !important;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.brand-item img {
max-height: 110px;
max-width: 100%;
width: auto;
margin: 0 auto;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
@media only screen and (max-width: 991px) {
.product-filters {
box-sizing: border-box;
position: fixed;
top: 0;
background: #fff;
z-index: 999;
left: -360px;
width: 360px;
height: 100%;
transition: 0.2s ease-in;
border-right: 1px solid #C3002F;
overflow: auto;
padding: 0 !important;
}
.product-filters.active {
left: 0;
}
.product-filters.active ~ .overlay {
z-index: 9;
opacity: 1;
visibility: visible;
display: block !important;
}
}
.product-filters .clear-all-filters {
width: 100%;
display: none;
}
.product-filters .filter-buttons {
display: none;
}
@media (max-width: 991px) {
.product-filters .filter-buttons {
padding: 16px;
background: #FFF;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
}
.product-filters .filter-buttons button {
display: inline-flex !important;
height: 44px;
padding-top: 0;
padding-bottom: 0;
}
}
.product-filters .category-filter {
margin-bottom: 23px;
}
.product-filters .category-filter:not([data-filter-key=is_saleable]):not([data-filter-key=only_images]):not([data-filter-key=price]):not([data-filter-key=is_on_discount]) {
border-bottom: 1px solid #DFE3EC;
}
@media (max-width: 991px) {
.product-filters .category-filter {
margin: 0;
}
}
.product-filters .category-filter .filter-title {
cursor: pointer;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 18px;
color: #000000;
margin-bottom: 20px;
position: relative;
}
@media (max-width: 991px) {
.product-filters .category-filter .filter-title {
font-size: 18px;
line-height: 18px;
padding: 24px;
margin: 0;
}
}
.product-filters .category-filter .filter-title::after {
content: "";
display: block;
width: 24px;
height: 24px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
right: 0;
background-image: url("/frontend/images/icons/chevron_down.svg");
background-position: center;
background-repeat: no-repeat;
position: absolute;
}
.product-filters .category-filter .filter-values {
display: none;
padding-bottom: 23px;
}
@media (max-width: 991px) {
.product-filters .category-filter .filter-values {
padding: 0 24px 24px 24px;
}
}
.product-filters .category-filter .filter-values ul {
display: flex;
flex-direction: column;
list-style: none;
padding: 0;
margin: 0;
gap: 10px;
}
.product-filters .category-filter .filter-values ul li label {
align-items: center;
}
.product-filters .category-filter .filter-values ul li label.disabled {
opacity: 0.5;
pointer-events: none;
}
.product-filters .category-filter .filter-values ul.secondary {
margin-top: 10px;
display: none;
}
.product-filters .category-filter .filter-values .show-more-toggle {
text-align: right;
padding: 5px 0;
cursor: pointer;
}
.product-filters .category-filter .filter-values .show-more-toggle .less {
display: none;
}
.product-filters .category-filter .filter-values .show-more-toggle.is-active .more {
display: none;
}
.product-filters .category-filter .filter-values .show-more-toggle.is-active .less {
display: inline-block;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-range {
height: 4px;
background: #CED2DB;
border-radius: 2px;
border: 0 none;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-range .ui-slider-range {
background: #C3002F;
height: 4px;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-range .ui-slider-handle {
background: #C3002F;
border: 0 none;
cursor: pointer;
width: 16px;
height: 16px;
border-radius: 50%;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-input {
display: grid;
gap: 20px;
grid-template-columns: minmax(0, 100%) minmax(0, 52px);
align-items: center;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-input .price-filter-input-wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 4px;
justify-content: space-between;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-input .price-filter-input-wrapper .price-range-field {
background: #FFFFFF;
border: 1px solid #CED2DB;
border-radius: 4px;
width: 100%;
height: 40px;
padding: 0 16px;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 24px;
color: #5F6879;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-input .price-filter-actions {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 4px;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-input .price-filter-actions button {
cursor: pointer;
width: 24px;
height: 24px;
flex: 0 0 24px;
background: #151515;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
border: 0 none;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-input .price-filter-actions button img, .product-filters .category-filter[data-filter-key=price] .price-filter-input .price-filter-actions button svg {
width: 10px;
height: 10px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.product-filters .category-filter[data-filter-key=price] .price-filter-input .price-filter-actions button.reset {
background: #CED2DB;
}
.product-filters .category-filter.expanded .filter-title::after {
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.product-filters .category-filter.expanded .filter-values {
display: block;
}
.product-filters .category-filter-wrapper .category-filter {
margin: 0;
}
.product-filters .category-filter-wrapper .category-filter .filter-values {
display: block;
}
@media (min-width: 992px) {
.product-filters .category-filter-wrapper [data-filter-key=is_on_discount] {
position: absolute;
top: 0;
right: 315px;
border: 0 none !important;
border-radius: 4px;
background: var(--greyscale-grey-6, #F3F5F9);
padding: 10px 16px;
height: 48px;
}
.product-filters .category-filter-wrapper [data-filter-key=is_on_discount] .filter-values {
padding: 0;
}
.product-filters .category-filter-wrapper [data-filter-key=is_on_discount] .filter-values label {
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 141.176% */
}
}
.active-filters-wrapper .filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}
.active-filters-wrapper .filters:not(.empty) {
margin-bottom: 45px;
}
@media (max-width: 767px) {
.active-filters-wrapper .filters:not(.empty) {
margin-bottom: 15px;
}
}
.active-filters-wrapper .filters .selected {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
background: #F3F5F9;
border-radius: 4px;
padding: 9px 12px;
font-weight: 500;
font-size: 15px;
line-height: 14px;
color: #151515;
cursor: pointer;
transition: all 0.2s;
}
.active-filters-wrapper .filters .selected:hover {
background: #DFE3EC;
}
.active-filters-wrapper .filters .clear-all-filters {
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 24px;
text-align: center;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
background: transparent;
border: 0 none;
color: #C3002F;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.category-products .description {
margin: 0 0 100px 0;
}
@media (max-width: 991px) {
.category-products .description {
margin: 0 0 63px 0;
}
}
.category-list-pager {
padding: 0;
list-style: none;
display: block;
text-align: center;
margin: 63px 0 100px 0;
}
@media (max-width: 991px) {
.category-list-pager {
margin: 63px 0 63px 0;
}
}
.category-list-pager li {
margin: 3px;
cursor: pointer;
width: 36px;
height: 36px;
line-height: 36px;
background-color: transparent;
font-family: Barlow, sans-serif;
font-size: 0.7777777778rem;
font-weight: 800;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: center;
color: #151515;
display: inline-block;
padding: 0;
transition: all 0.2s ease-in;
}
.category-list-pager li.activated, .category-list-pager li:hover {
background-color: #272626;
color: #fff;
}
.category-list-pager li.ellipsis {
pointer-events: none !important;
}
.category-list-pager li:only-child {
display: none;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
#register-form .create-account input {
float: unset;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element {
padding: 24px 16px;
background: #F3F5F9;
border-radius: 4px;
margin-right: 30px;
height: calc(100% - 40px);
}
@media only screen and (max-width: 991px) {
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element {
padding: 0;
width: 100%;
}
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element #dashboard-menu-toggle {
display: flex;
justify-content: flex-start;
}
@media (min-width: 992px) {
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element #dashboard-menu-toggle {
pointer-events: none !important;
}
}
@media only screen and (max-width: 991px) {
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element #dashboard-menu-toggle {
background-color: #C3002F;
background-image: url("/frontend/images/icons/chevron_down_white.svg");
background-repeat: no-repeat;
background-position: right 20px center;
color: #FFFFFF;
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element #dashboard-menu-toggle svg [fill] {
fill: #FFFFFF;
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element #dashboard-menu-toggle svg [stroke] {
stroke: #FFFFFF;
}
}
@media (min-width: 992px) {
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element .dashboard-account-menu-row {
display: block !important;
}
}
@media only screen and (max-width: 991px) {
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element .dashboard-account-menu-row {
display: none;
}
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element > div > div {
padding: 0;
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element ul {
list-style: none;
padding: 0;
margin: 0;
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element a:hover {
color: #C3002F;
}
@media only screen and (max-width: 991px) {
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element ul.level-1 {
padding: 17px 8px;
}
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element ul.level-1 > li > a {
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 20px;
color: #151515;
padding: 20px 24px;
border-radius: 4px;
display: block;
}
@media only screen and (max-width: 991px) {
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element ul.level-1 > li > a {
padding: 12px 24px;
}
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element ul.level-1 > li > a.is-active, .sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element ul.level-1 > li > a:hover {
background: #5F6879;
color: #FFFFFF;
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element ul.level-1 > li > a.user-logout-link {
color: #C3002F;
}
.sp-block-outer-dashboard_menu.dashboard-menu.dashboard-element ul.level-1 > li ul {
padding-left: 2rem;
}
@media (min-width: 992px) {
.dashboard-background {
padding: 30px 15px 0 15px;
min-height: 450px;
}
}
.dashboard-background .dashboard-element {
padding: 0 0 48px 0;
margin-bottom: 40px;
border-radius: 4px;
overflow: hidden;
border-bottom: 1px solid #DFE3EC;
}
.dashboard-background .dashboard-element h2 {
margin: 0 0 20px 0;
}
.dashboard-add-new {
display: block;
margin-top: 2rem;
}
.dashboard-add-new .dashboard-add-new-form {
display: none;
}
.dashboard-add-new .add-new-button {
background: #FFFFFF;
border: 1px solid #A60028;
opacity: 0.6;
color: #151515;
}
.dashboard-add-new .add-new-button:hover {
color: #A60028;
opacity: 1;
}
.dashboard-element {
padding: 20px;
}
.dashboard-element form:not(:last-of-type) {
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #e1e1e9;
}
@media only screen and (min-width: 1200px) {
.dashboard-element form .form-group.submit {
margin-top: 5px;
}
}
.dashboard-element a.show-all {
color: #8c8b91;
font-family: Barlow, sans-serif;
font-size: 1rem;
font-weight: 400;
text-decoration: underline;
}
.dashboard-element.dashboard-recent-orders table.orders-table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
.dashboard-element.dashboard-recent-orders table.orders-table th {
padding: 10px 5px;
}
.dashboard-element.dashboard-recent-orders table.orders-table th input,
.dashboard-element.dashboard-recent-orders table.orders-table th input::-webkit-input-placeholder {
background: none;
border: 0 none;
color: #8c8b91;
font-family: Barlow, sans-serif;
font-size: 0.875rem;
line-height: 29.65px;
text-transform: uppercase;
max-width: 100%;
}
.dashboard-element.dashboard-recent-orders table.orders-table th input,
.dashboard-element.dashboard-recent-orders table.orders-table th input:-ms-input-placeholder {
background: none;
border: 0 none;
color: #8c8b91;
font-family: Barlow, sans-serif;
font-size: 0.875rem;
line-height: 29.65px;
text-transform: uppercase;
max-width: 100%;
}
.dashboard-element.dashboard-recent-orders table.orders-table th input,
.dashboard-element.dashboard-recent-orders table.orders-table th input::-ms-input-placeholder {
background: none;
border: 0 none;
color: #8c8b91;
font-family: Barlow, sans-serif;
font-size: 0.875rem;
line-height: 29.65px;
text-transform: uppercase;
max-width: 100%;
}
.dashboard-element.dashboard-recent-orders table.orders-table th input,
.dashboard-element.dashboard-recent-orders table.orders-table th input::placeholder {
background: none;
border: 0 none;
color: #8c8b91;
font-family: Barlow, sans-serif;
font-size: 0.875rem;
line-height: 29.65px;
text-transform: uppercase;
max-width: 100%;
}
.dashboard-element.dashboard-recent-orders table.orders-table td {
padding: 5px;
position: relative;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-images {
height: 80px;
min-width: 115px;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-images .product-image {
width: 50px;
height: 50px;
box-shadow: -4px 7px 15px rgba(44, 49, 62, 0.05);
border: 1px solid rgba(140, 139, 145, 0.2);
background-color: #fff;
display: block;
border-radius: 50%;
padding: 12px;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-images .product-image:nth-child(2) {
left: 22px;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-images .product-image:nth-child(3) {
left: 42px;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-images .product-image .product-image-total {
background: rgba(40, 40, 50, 0.9);
color: #fff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 11px;
font-size: 1rem;
font-weight: 700;
line-height: 30px;
letter-spacing: 0.6px;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-images .product-image img {
width: 46px;
-o-object-fit: contain;
object-fit: contain;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-number {
color: #3d3c43;
font-family: Barlow, sans-serif;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-status {
font-family: Barlow, sans-serif;
font-size: 1rem;
font-weight: 700;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-status.status-1 {
color: #28a646;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-status.status-2 {
color: #e98c31;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-action a {
border: 1px solid #dcdce0;
color: #3d3c43;
font-family: Barlow, sans-serif;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0.35px;
padding: 10px 15px;
white-space: nowrap;
text-align: center;
}
.dashboard-element.dashboard-recent-notices .notification {
padding: 15px 5px;
pointer-events: none;
}
.dashboard-element.dashboard-recent-notices .notification .created {
float: left;
}
.dashboard-element.dashboard-recent-notices .notification .title {
text-indent: 15px;
}
.dashboard-element.dashboard-recent-notices .notification .notification-content {
display: none;
}
.dashboard-element.dashboard-recent-notices .notification:not(:last-child) {
border-bottom: 1px solid #e1e1e9;
}
.dashboard-element.dashboard-mini-profile p {
margin: 0.5rem 0;
}
.dashboard-element #delete-account {
background: #F3F5F9;
color: #151515;
}
.dashboard-element #delete-account:hover {
background: #DFE3EC;
}
#page_60 [data-block-id="148"],
#page_61 [data-block-id="148"],
#page_62 [data-block-id="148"],
#page_63 [data-block-id="148"],
#page_64 [data-block-id="148"] {
border-bottom: 1px solid #e1e1e9;
}
#page_60 [data-block-id="128"],
#page_61 [data-block-id="128"],
#page_62 [data-block-id="128"],
#page_63 [data-block-id="128"],
#page_64 [data-block-id="128"] {
padding-right: 0;
}
#page_60 .section.breadcrumb,
#page_61 .section.breadcrumb,
#page_62 .section.breadcrumb,
#page_63 .section.breadcrumb,
#page_64 .section.breadcrumb {
border: 0 none;
}
#page_63 .dashboard-recent-notices .notification {
pointer-events: all;
background-position: right 1rem center;
background-repeat: no-repeat;
cursor: pointer;
}
#page_63 .dashboard-recent-notices .notification .title {
text-indent: 0;
padding-left: 90px;
font-weight: bold;
}
#page_63 .dashboard-recent-notices .notification .notification-content {
padding-left: 90px;
}
#page_63 .dashboard-recent-notices .notification.active .notification-content {
display: block;
margin-top: 1rem;
}
.sp-block-outer-dashboard_order_preview .order-information {
display: flex;
gap: 56px;
align-items: center;
margin: 40px 0 40px 0;
padding-bottom: 40px;
border-bottom: 1px solid #DFE3EC;
}
.sp-block-outer-dashboard_order_preview .order-information .state strong {
padding: 2px 8px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 600;
}
.sp-block-outer-dashboard_order_preview .order-actions {
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
}
@media (max-width: 450px) {
.sp-block-outer-dashboard_order_preview .order-actions {
flex-direction: column-reverse;
}
.sp-block-outer-dashboard_order_preview .order-actions .button {
width: 100%;
}
}
.sp-block-outer-dashboard_recent_orders .items {
display: flex;
flex-direction: column;
gap: 8px;
}
.sp-block-outer-dashboard_recent_orders .items .order-item {
padding: 18px 16px;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 28px;
display: flex;
align-items: center;
color: #5F6879;
-webkit-column-gap: 40px;
column-gap: 40px;
background: #F3F5F9;
mix-blend-mode: normal;
border-radius: 4px;
}
@media (max-width: 767px) {
.sp-block-outer-dashboard_recent_orders .items .order-item {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
}
.sp-block-outer-dashboard_recent_orders .items .order-item .code,
.sp-block-outer-dashboard_recent_orders .items .order-item .date {
grid-column: 1/-1;
}
.sp-block-outer-dashboard_recent_orders .items .order-item .date {
margin-bottom: 20px;
}
.sp-block-outer-dashboard_recent_orders .items .order-item .icon {
justify-self: flex-end;
}
}
.sp-block-outer-dashboard_recent_orders .items .order-item .date {
flex: 1;
}
.sp-block-outer-dashboard_recent_orders .items .order-item .state strong {
padding: 2px 8px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 600;
}
.sp-block-outer-dashboard_recent_orders .items .order-item .icon {
display: flex;
width: 32px;
height: 32px;
flex: 0 0 32px;
border-radius: 50%;
background: #DFE3EC;
justify-content: center;
align-items: center;
}
.sp-block-outer-dashboard_recent_orders .items .order-item .icon svg {
width: 12px;
height: 12px;
}
.sp-block-outer-dashboard_recent_orders .items .order-item .icon svg [fill] {
fill: #C3002F;
}
.sp-block-outer-dashboard_recent_orders .items .order-item .icon svg [stroke] {
stroke: #C3002F;
}
.sp-block-outer-dashboard_finances .dash-items ul {
color: var(--Primary-Text-Primary, #505868);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 141.176% */
}
.sp-block-outer-dashboard_finances .dash-items ul li::marker {
color: #C3002F;
}
.sp-block-outer-dashboard_builds {
display: flex;
flex-direction: column;
gap: 48px;
}
.sp-block-outer-dashboard_builds .builds {
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.sp-block-outer-product_details.product-details .product-relative-container {
margin-bottom: 120px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container {
margin-bottom: 40px;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 666px);
gap: 64px;
}
@media (max-width: 1199px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info {
gap: 16px;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info {
grid-template-columns: minmax(0, 100%);
gap: 0;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery {
background: #FFFFFF;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper {
border: 1px solid #DFE3EC;
border-radius: 4px;
padding: 0 140px;
position: relative;
}
@media (max-width: 1199px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper {
padding: 0 110px;
}
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper {
border: 0 none;
padding: 0;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .dots-wrapper {
display: flex;
gap: 16px;
align-items: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .dots-wrapper .slick-counter {
color: #5F6879;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .slick-dots {
position: relative;
bottom: 0;
display: flex;
flex: 1;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .slick-dots li {
margin: 0;
flex: 1;
background: #DFE3EC;
height: 3px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .slick-dots li button {
width: 100%;
border-radius: 4px;
height: 3px;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper a.product-brand {
font-style: normal;
font-weight: normal;
font-size: 0.6666666667rem;
line-height: 17px;
letter-spacing: 0.3px;
color: #C3002F;
text-transform: uppercase;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider img {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
margin: 0 auto;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider img {
height: 258px;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider:not(.slick-initialized) a:not(:first-child) {
display: none;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider .slick-next,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider .slick-prev {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
background: #878F9E;
border-radius: 156px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider .slick-next::before,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider .slick-prev::before {
display: none;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider .slick-prev {
left: -116px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-slider .slick-next {
right: -116px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-labels {
top: 10px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-labels .product-discount {
background: #C3002F;
border-radius: 4px;
padding: 6px 8px;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
}
@media (max-width: 480px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-labels .product-discount {
font-size: 13px;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-labels .product-brand img {
width: 85px;
height: 40px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-wrapper .product-labels .product-brand svg {
height: 80px;
width: auto;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-navigation {
margin-top: 8px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-navigation {
display: none !important;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-navigation.slick-initialized .slick-slide {
margin-right: 8px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-navigation:not(.slick-initialized) {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-navigation .image {
cursor: pointer;
padding: 5px;
background: #FFFFFF;
border: 0.77551px solid #DFE3EC;
height: 114px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-navigation .image img {
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
width: 100%;
height: 100%;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-gallery .product-slider-navigation .slick-current .image {
border: 1px solid #151515;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information {
background: #F3F5F9;
border-radius: 4px;
padding: 40px 64px;
}
@media (max-width: 1199px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information {
padding: 40px 16px;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information {
margin: 0 -15px;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .most-saleable {
background: #5F6879;
border-radius: 4px;
padding: 6px 8px;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 16px;
text-transform: uppercase;
color: #FFFFFF;
display: inline-block;
margin-bottom: 16px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information h1 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 32px;
color: #151515;
margin: 0 0 24px 0;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information h1 {
font-size: 19px;
line-height: 24px;
margin: 0 0 16px 0;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .availability-wrapper {
display: flex;
gap: 24px;
align-items: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .availability-wrapper .code .text {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 17px;
color: #5F6879;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .availability-wrapper .code .value {
color: #151515;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .availability-wrapper .availability {
margin: 0;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 32px;
padding-top: 22px;
border-top: 1px solid #DFE3EC;
align-items: baseline;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices {
margin-top: 24px;
padding-top: 24px;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .price {
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 40px;
color: #151515;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .price {
font-size: 21px;
line-height: 28px;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .price.invalid {
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 17px;
color: #878F9E;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .price.invalid {
font-size: 16px;
line-height: 17px;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .lowest-price {
width: 100%;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .lowest-price * {
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 17px;
color: #878F9E;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .prices-b2b-wrapper {
flex: 1;
flex-basis: 100%;
display: flex;
align-items: baseline;
gap: 32px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .prices-b2b-wrapper .price-wrapper {
display: flex;
align-items: baseline;
gap: 4px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .prices-b2b-wrapper .price-wrapper .price-label {
color: var(--Primary-Text-Primary, #505868);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 133.333% */
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .prices-b2b-wrapper .price-wrapper .price {
color: var(--Primary-Graphite-Primary, #151515);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px;
/* 145.455% */
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .prices-b2b-wrapper .price-wrapper .rabat {
color: var(--System-Success, #0DA65C);
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .prices .prices-b2b-wrapper.main .price-wrapper .price {
font-size: 28px;
font-weight: 700;
line-height: 40px;
/* 142.857% */
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .same-price {
margin-top: 24px;
display: inline-flex;
gap: 8px;
border-radius: 4px;
background: #FFF;
padding: 8px 12px;
align-items: center;
color: var(--primary-graphite-primary, #151515);
text-align: center;
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 160% */
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .same-price .icon {
display: flex;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper {
margin-top: 40px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper .not-available-actions {
display: flex;
gap: 8px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper .not-available-actions {
flex-direction: column;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper .not-available-actions .remind-me-available {
background: #DFE3EC;
border-radius: 4px;
font-weight: normal;
text-align: left;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper .not-available-actions .remind-me-available svg [fill] {
fill: #5F6879;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper .not-available-actions .remind-me-available svg [stroke] {
stroke: #5F6879;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper button {
height: 56px;
padding: 0 25px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper button {
width: 100%;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper button .icon {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper button .icon img, .sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper button .icon svg {
width: 100%;
height: 100%;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form {
display: flex;
gap: 24px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form {
flex-direction: column;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount {
display: flex;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount input.qty {
border-left: 0 none;
border-right: 0 none;
border-top: 1px solid #DFE3EC;
border-bottom: 1px solid #DFE3EC;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 20px;
text-align: center;
color: #5F6879;
width: 56px;
-moz-appearance: textfield;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount input.qty::-webkit-outer-spin-button, .sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount .qty-minus,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount .qty-plus {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background: #FFFFFF;
border: 1px solid #DFE3EC;
width: 56px;
height: 56px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount .qty-minus img, .sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount .qty-minus svg,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount .qty-plus img,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .product-cart-wrapper form .cart-amount .qty-plus svg {
width: 20px;
height: 20px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage {
margin-top: 40px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage {
display: inline-flex;
align-items: center;
background: #5F6879;
border: 1px solid #5F6879;
border-radius: 4px;
padding: 7px 24px;
gap: 16px;
cursor: pointer;
transition: all 0.2s;
min-height: 56px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage {
width: 100%;
justify-content: center;
}
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage.disabled {
opacity: 0.5;
pointer-events: none;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage:hover {
background: #FFF;
color: #5F6879;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage:hover .info {
color: #5F6879;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage:hover svg * {
fill: #5F6879;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage .icon {
display: inline-flex;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage .info {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 16px;
color: #FFF;
text-transform: uppercase;
transition: all 0.2s;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .use-montage .montage svg * {
fill: #FFF;
transition: all 0.2s;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .delivery-notification {
margin-top: 32px;
display: flex;
gap: 16px;
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid #DFE3EC;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .delivery-notification .icon {
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .delivery-notification .icon img, .sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .delivery-notification .icon svg {
width: 48px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .delivery-notification .info .title {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #151515;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .delivery-notification .info .subtitle {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #151515;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .efficiency {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .efficiency .item {
display: flex;
align-items: center;
gap: 5px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .efficiency .item .icon {
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .efficiency .item .icon img, .sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .efficiency .item .icon svg {
width: 16px;
height: 16px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .efficiency .item .value {
display: flex;
align-content: center;
justify-content: center;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
text-transform: uppercase;
color: #151515;
height: 24px;
width: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .warranty {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 32px;
margin-top: 32px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .warranty .item {
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
text-transform: uppercase;
color: #151515;
display: flex;
gap: 4px;
transition: color 0.2s;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .warranty .item .icon {
display: flex;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .warranty .item .icon img, .sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .warranty .item .icon svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .warranty .item.document:hover {
color: #C3002F;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions {
margin-top: 32px;
display: flex;
align-items: center;
gap: 8px;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-compare,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-favorite {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 11px;
background: #FFFFFF;
border: 1px solid #FFFFFF;
border-radius: 4px;
width: auto;
height: auto;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-compare .icon,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-favorite .icon {
position: relative;
left: auto;
top: auto;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
border: 0 none;
box-shadow: none;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-compare .icon img, .sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-compare .icon svg,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-favorite .icon img,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-favorite .icon svg {
width: 24px;
height: 24px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-compare .name,
.sp-block-outer-product_details.product-details .product-relative-container .product-main-info .product-information .actions .add-to-favorite .name {
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #5F6879;
}
.sp-block-outer-product_details.product-details .section-title {
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 40px;
color: #2C3038;
margin: 0 0 20px 0;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .section-title {
font-size: 21px;
line-height: 28px;
}
}
.sp-block-outer-product_details.product-details .section {
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 32px;
color: #505868;
margin-bottom: 60px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .section {
font-size: 16px;
line-height: 24px;
margin-bottom: 40px;
}
}
.sp-block-outer-product_details.product-details .section .specification-images {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
-webkit-column-gap: 16px;
column-gap: 16px;
row-gap: 32px;
}
@media (max-width: 450px) {
.sp-block-outer-product_details.product-details .section .specification-images {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.sp-block-outer-product_details.product-details .section .specification-images .item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
@media (min-width: 451px) {
.sp-block-outer-product_details.product-details .section .specification-images .item {
width: 190px;
flex: 0 0 190px;
}
}
.sp-block-outer-product_details.product-details .section .specification-images .item .attr-image {
display: flex;
}
.sp-block-outer-product_details.product-details .section .specification-images .item .attr-image img {
width: 64px;
height: 64px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .section .specification-images .item .attr-values {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.sp-block-outer-product_details.product-details .section .specification-images .item .attr-values .attr-value {
font-weight: 600;
font-size: 24px;
line-height: 32px;
text-align: center;
color: #151515;
}
@media (max-width: 450px) {
.sp-block-outer-product_details.product-details .section .specification-images .item .attr-values .attr-value {
font-size: 18px;
line-height: normal;
}
}
.sp-block-outer-product_details.product-details .section .specification-images .item .attr-title {
font-weight: 500;
font-size: 18px;
line-height: 32px;
text-align: center;
color: #5F6879;
}
@media (max-width: 450px) {
.sp-block-outer-product_details.product-details .section .specification-images .item .attr-title {
font-size: 16px;
line-height: normal;
}
}
.sp-block-outer-product_details.product-details .section .specification .inline-data {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
}
.sp-block-outer-product_details.product-details .section .specification .inline-data .item {
background: #F3F5F9;
border-radius: 4px;
padding: 12px;
}
.sp-block-outer-product_details.product-details .section .description-items {
display: flex;
flex-direction: column;
gap: 60px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .section .description-items {
gap: 48px;
}
}
.sp-block-outer-product_details.product-details .section .description-items .item {
display: flex;
gap: 90px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .section .description-items .item {
flex-direction: column;
gap: 20px;
}
}
.sp-block-outer-product_details.product-details .section .description-items .item:nth-child(even) {
flex-direction: row-reverse;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .section .description-items .item:nth-child(even) {
flex-direction: column;
}
}
.sp-block-outer-product_details.product-details .section .description-items .item img,
.sp-block-outer-product_details.product-details .section .description-items .item .img {
flex: 1;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .section .description-items .item .info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}
.sp-block-outer-product_details.product-details .section .description-items .item .info h3 {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 32px;
color: #151515;
margin: 0;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .section .description-items .item .info h3 {
font-size: 19px;
line-height: 24px;
}
}
.sp-block-outer-product_details.product-details .section .description-items .item .info .content {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 24px;
color: #5F6879;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .section .description-items .item .info .content {
font-size: 16px;
line-height: 24px;
}
}
.sp-block-outer-product_details.product-details .section .description-items .item .info .content p {
margin: 0;
}
.sp-block-outer-product_details.product-details .section .documents {
display: flex;
flex-direction: column;
gap: 8px;
}
.sp-block-outer-product_details.product-details .section .documents a {
background: #F3F5F9;
border-radius: 4px;
padding: 12px 16px;
display: flex;
align-items: center;
gap: 12px;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 24px;
text-transform: uppercase;
color: #151515;
transition: background 0.2s;
}
.sp-block-outer-product_details.product-details .section .documents a .file-icon,
.sp-block-outer-product_details.product-details .section .documents a .download-icon {
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer-product_details.product-details .section .documents a .file-icon img, .sp-block-outer-product_details.product-details .section .documents a .file-icon svg,
.sp-block-outer-product_details.product-details .section .documents a .download-icon img,
.sp-block-outer-product_details.product-details .section .documents a .download-icon svg {
width: 24px;
height: 24px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .section .documents a .filename {
flex: 1;
}
.sp-block-outer-product_details.product-details .section .documents a:hover {
background: #DFE3EC;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.compare-products {
margin-bottom: 140px;
}
@media (max-width: 991px) {
.compare-products {
margin-bottom: 40px;
}
}
.compare-products .return-link {
text-transform: uppercase;
}
.compare-products .compare-product-items table.product-compare-table {
table-layout: fixed;
width: 100%;
}
.compare-products .compare-product-items table.product-compare-table td.middle-center {
vertical-align: middle !important;
}
.compare-products .compare-product-items table.product-compare-table td:first-child {
vertical-align: top;
}
@media only screen and (max-width: 767px) {
.compare-products .compare-product-items table.product-compare-table tr td:not(:first-child) {
min-width: 250px;
}
}
.compare-products .compare-product-items table.product-compare-table tr:not(:first-child) td:not(:first-child) {
font-weight: bold;
text-align: center;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image {
position: relative;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image .remove-from-compare {
display: flex;
cursor: pointer;
position: absolute;
top: 12px;
right: 12px;
z-index: 1;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image .items-grid {
display: block !important;
padding-bottom: 32px;
position: relative;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image .items-grid .product-display-grid {
border: 1px solid #DFE3EC;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image .items-grid .product-display-grid .prices {
margin: 0;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image .items-grid .product-display-grid .cart-wrapper {
display: none;
}
.compare-products .compare-product-items table.product-compare-table tr.product-attribute td {
border-bottom: 8px solid #FFF;
padding: 16px;
background: #F3F5F9;
border-radius: 4px;
}
.compare-products .compare-product-items table.product-compare-table tr.product-attribute:hover {
box-shadow: 7px 10px 33px rgba(73, 79, 98, 0.1);
}
.compare-products .compare-product-items table.product-compare-table tr.product-actions form {
margin-top: 18px;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
form.webform .section-title {
color: var(--Main-Font-Colour-Black, #000);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 48px;
/* 133.333% */
}
form.webform .webform-group {
padding: 15px 0;
}
form.webform .webform-group .webform-group-title {
font-size: 1.6666666667rem;
margin-bottom: 15px;
}
form.webform .fields.columns-2 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 15px;
}
form.webform .fields.columns-3 {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 15px;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
#account-display {
z-index: 998 !important;
top: 87px;
}
@media (max-width: 991px) {
#account-display {
top: 121px;
}
}
#account-display.active .account-inner {
margin-right: 0;
}
#account-display .account-inner {
position: absolute;
right: 0;
bottom: 0;
top: 0;
background-color: #fff;
width: 410px;
max-width: 100%;
overflow: auto;
margin-right: -100%;
transition: margin-right 0.2s;
}
#account-display .account-inner ul {
margin: 0;
padding: 0;
list-style: none;
}
#account-display .account-inner ul li .price-toggler,
#account-display .account-inner ul li .account-email {
border-bottom: 1px solid #D8D8D8;
padding: 28px 45px;
}
@media (max-width: 767px) {
#account-display .account-inner ul li .price-toggler,
#account-display .account-inner ul li .account-email {
padding: 28px 15px;
}
}
#account-display .account-inner ul li .price-toggler {
padding: 5px 45px;
}
#account-display .account-inner ul li .price-toggler label {
display: block;
margin: 10px 0;
}
#account-display .account-inner ul li .user-link.user-logout-link {
border-top: 1px solid #D8D8D8;
padding: 28px 45px;
color: #C3002F;
}
#account-display .account-inner ul li > * {
padding: 15px 0 15px 48px;
display: block;
font-family: Barlow, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.9444444444rem;
color: #212528;
}
#account-display .account-inner ul li a {
transition: all 0.2s;
position: relative;
padding-left: 80px;
}
@media (max-width: 767px) {
#account-display .account-inner ul li a {
padding-left: 50px;
}
}
#account-display .account-inner ul li a svg {
margin-right: 15px;
vertical-align: middle;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 48px;
width: 19px;
}
@media (max-width: 767px) {
#account-display .account-inner ul li a svg {
left: 15px;
}
}
#account-display .account-inner ul li a svg * {
transition: all 0.2s;
fill: #212528;
}
#account-display .account-inner ul li a:hover {
color: #C3002F;
}
#account-display .account-inner ul li a:hover svg * {
fill: #C3002F;
}
@font-face {
font-family: Barlow;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Regular.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Medium.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Barlow;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Barlow/Barlow-Bold.ttf") format("opentype");
}
.sp-block-outer-quick_order #quick-order {
margin: 0 -15px;
}
.sp-block-outer-quick_order #quick-order .actions {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 100px) minmax(0, 32px) minmax(0, 20px);
gap: 5px;
align-items: center;
}
.sp-block-outer-quick_order #quick-order .actions .total {
text-align: right;
}
.sp-block-outer-quick_order .quick-order-row {
position: relative;
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 100px) minmax(0, 32px) minmax(0, 20px);
gap: 5px;
align-items: center;
}
@media (max-width: 450px) {
.sp-block-outer-quick_order .quick-order-row {
grid-template-columns: minmax(0, 100%) minmax(0, 70px) minmax(0, 30px) minmax(0, 20px);
}
.sp-block-outer-quick_order .quick-order-row * {
font-size: 0.7777777778rem !important;
}
}
.sp-block-outer-quick_order .quick-order-row .product-select {
padding: 0;
position: unset;
}
.sp-block-outer-quick_order .quick-order-row [name=qty] {
text-align: center;
}
.sp-block-outer-quick_order .quick-order-row [name=qty][disabled] {
color: transparent;
}
.sp-block-outer-quick_order .quick-order-row .remove {
width: 30px;
height: 30px;
line-height: 25px;
text-align: center;
font-size: 25px;
color: #C3002F;
display: none;
cursor: pointer;
}
.sp-block-outer-quick_order .quick-order-search-item {
position: unset;
}
.sp-block-outer-quick_order .quick-order-search-item img {
max-height: 100px;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view {
padding: 2px;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view #no-results {
padding: 10px;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid {
cursor: pointer;
margin: 0 !important;
display: block;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .labels-left,
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .labels-right,
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .cart,
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .product-display-grid-image,
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .product-display-grid-image::after {
display: none !important;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid:hover {
box-shadow: none !important;
outline: 1px solid #C3002F;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .product-info {
padding: 10px;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .product-info h3 {
margin: 0;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .product-info h3 a {
padding: 0;
height: auto;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .product-info .price {
margin: 0;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .product-info .price .price-regular {
font-size: unset;
line-height: normal;
}
.sp-block-outer-quick_order .results-autocomplete-wrapper .items-grid.grid-view.list-view .product-display-grid .product-info .price .price-value {
font-size: 0.7777777778rem;
}
body:not(.js-initialized) .form *,
body:not(.js-initialized) form * {
pointer-events: none !important;
}
body:not(.js-initialized) .local-overlay-toggle,
body:not(.js-initialized) .add-to-compare,
body:not(.js-initialized) .add-to-favorite,
body:not(.js-initialized) .button,
body:not(.js-initialized) button {
opacity: 0.8;
}
.sp-block-outer.inactive {
opacity: 0.5 !important;
}
.sp-block-outer.no-background {
background: #FFF !important;
}
.sp-block-outer .block-title {
display: flex;
align-items: center;
margin-bottom: 64px;
}
@media (max-width: 991px) {
.sp-block-outer .block-title {
margin-bottom: 32px;
}
}
.sp-block-outer .block-title .expanded {
flex: 1;
}
.sp-block-outer .block-title h2 {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #000000;
margin: 0;
}
@media (max-width: 991px) {
.sp-block-outer .block-title h2 {
font-size: 22px;
line-height: 24px;
}
}
@media (max-width: 991px) and (max-width: 991px) {
.sp-block-outer .block-title h2 ~ * {
display: none;
}
}
.sp-block-outer table:not(.product-compare-table) {
width: 100% !important;
border: none;
}
.sp-block-outer table:not(.product-compare-table) tbody tr td {
border-top: 0 none;
border-left: 1px solid #DFE3EC;
padding: 10px 12px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #505868;
}
.sp-block-outer table:not(.product-compare-table) tbody tr td:last-child {
border-right: 1px solid #DFE3EC;
}
.sp-block-outer table:not(.product-compare-table) tbody tr:last-child td {
border-bottom: 1px solid #DFE3EC;
}
.sp-block-outer table:not(.product-compare-table) tbody tr:not(:first-child):nth-child(odd) td {
background: #F3F5F9;
}
.sp-block-outer table:not(.product-compare-table) tbody tr:first-child td {
background: #5F6879;
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 24px;
color: #FFFFFF;
padding: 16px 12px;
}
.sp-block-outer .responsive-link {
margin-top: 32px;
padding-left: 0;
}
@media (min-width: 992px) {
.sp-block-outer .responsive-link {
display: none;
}
}
.sp-block-outer.background {
padding: 88px 0;
background: var(--Greyscale-Grey-6, #F3F5F9);
}
.sp-block-outer.sp-block-outer-landing_product_grid.hide-filters .content-sorting *:not(h2) {
display: none !important;
}
.sp-block-outer.sp-block-outer-landing_product_grid.hide-filters .content-wrapper {
grid-template-columns: minmax(0, 100%) !important;
}
@media (min-width: 1300px) {
.sp-block-outer.sp-block-outer-landing_product_grid.hide-filters .content-wrapper .items-grid:not(.empty) {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-landing_product_grid.hide-filters .content-wrapper .sp-block-outer-product_filter {
display: none !important;
}
.sp-block-outer.sp-block-outer-image img {
max-height: 650px;
height: auto;
width: calc(100% + 280px);
max-width: 100vw;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-html {
font-size: 17px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-html {
border-radius: 4px;
background: #F3F5F9;
display: flex;
align-items: center;
justify-content: space-around;
gap: 20px;
margin: 10px 0 50px 0;
padding: 20px;
}
@media (max-width: 768px) {
.sp-block-outer.sp-block-outer-html {
flex-direction: column;
}
}
.sp-block-outer.sp-block-outer-html .text {
flex-basis: 40%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-around;
gap: 20px;
font-family: Barlow, sans-serif;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-html .text {
flex-basis: 50%;
}
}
@media (max-width: 768px) {
.sp-block-outer.sp-block-outer-html .text {
flex-basis: unset;
gap: 10px;
}
}
.sp-block-outer.sp-block-outer-html .text h1,
.sp-block-outer.sp-block-outer-html .text h2 {
-webkit-font-feature-settings: "liga" off, "clig" off;
font-feature-settings: "liga" off, "clig" off;
color: #151515;
font-size: 45px;
font-style: normal;
font-weight: 700;
line-height: 56px;
/* 124.444% */
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-html .text h1,
.sp-block-outer.sp-block-outer-html .text h2 {
font-size: 40px;
}
}
@media (max-width: 768px) {
.sp-block-outer.sp-block-outer-html .text h1,
.sp-block-outer.sp-block-outer-html .text h2 {
font-size: 35px;
margin: 5px 0;
}
}
@media (max-width: 480px) {
.sp-block-outer.sp-block-outer-html .text h1 img,
.sp-block-outer.sp-block-outer-html .text h1 svg,
.sp-block-outer.sp-block-outer-html .text h2 img,
.sp-block-outer.sp-block-outer-html .text h2 svg {
display: block;
}
}
.sp-block-outer.sp-block-outer-html .text p {
align-self: stretch;
color: var(--Primary-Graphite-Primary, #151515);
-webkit-font-feature-settings: "liga" off, "clig" off;
font-feature-settings: "liga" off, "clig" off;
/* Desktop/Paragraph big */
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 32px;
/* 168.421% */
}
@media (max-width: 768px) {
.sp-block-outer.sp-block-outer-html .text p {
font-size: 17px;
margin: 5px 0;
}
}
.sp-block-outer.sp-block-outer-html .images img {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.sp-block-outer.sp-block-outer-html .images svg {
height: auto;
max-width: 100%;
}
@media (min-width: 1200px) {
.sp-block-outer.sp-block-outer-html .images img,
.sp-block-outer.sp-block-outer-html .images svg {
position: relative;
top: -50px;
}
}
.sp-block-outer.sp-block-outer-image_right, .sp-block-outer.sp-block-outer-image_left {
margin: 0;
padding: 80px 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_right, .sp-block-outer.sp-block-outer-image_left {
padding: 40px 0;
}
}
.sp-block-outer.sp-block-outer-image_right h2, .sp-block-outer.sp-block-outer-image_left h2 {
font-style: normal;
font-weight: 600;
font-size: 32px;
line-height: 39px;
color: #000000;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_right h2, .sp-block-outer.sp-block-outer-image_left h2 {
font-size: 22px;
line-height: 24px;
margin-bottom: 15px;
text-align: left;
}
}
.sp-block-outer.sp-block-outer-image_right .content, .sp-block-outer.sp-block-outer-image_left .content {
display: grid;
grid-template-columns: minmax(0, 42%) minmax(0, 58%);
gap: 55px;
align-items: center;
color: var(--Greyscale-Grey-5, #DFE3EC);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 32px;
/* 168.421% */
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_right .content, .sp-block-outer.sp-block-outer-image_left .content {
display: flex;
flex-direction: column;
gap: 15px;
}
}
.sp-block-outer.sp-block-outer-image_right .content .editor-wrapper, .sp-block-outer.sp-block-outer-image_left .content .editor-wrapper {
padding: 50px 0;
display: flex;
flex-direction: column;
gap: 40px;
align-items: flex-start;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_right .content .editor-wrapper, .sp-block-outer.sp-block-outer-image_left .content .editor-wrapper {
padding: 0;
gap: 20px;
max-width: 100%;
}
}
.sp-block-outer.sp-block-outer-image_right .content .editor-wrapper h2, .sp-block-outer.sp-block-outer-image_left .content .editor-wrapper h2 {
margin: 0;
color: var(--Primary-Graphite-Primary, #151515);
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 48px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_right .content .editor-wrapper h2, .sp-block-outer.sp-block-outer-image_left .content .editor-wrapper h2 {
font-size: 24px;
line-height: normal;
}
}
.sp-block-outer.sp-block-outer-image_right .content .editor-wrapper .editor, .sp-block-outer.sp-block-outer-image_left .content .editor-wrapper .editor {
color: var(--Greyscale-Grey-1, #5F6879);
font-size: 19px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_right .content .editor-wrapper .editor, .sp-block-outer.sp-block-outer-image_left .content .editor-wrapper .editor {
font-size: 17px;
line-height: 24px;
max-width: 100%;
}
}
.sp-block-outer.sp-block-outer-image_right .content .editor-wrapper .editor p, .sp-block-outer.sp-block-outer-image_left .content .editor-wrapper .editor p {
margin: 0;
}
.sp-block-outer.sp-block-outer-image_right .content .image, .sp-block-outer.sp-block-outer-image_left .content .image {
position: relative;
width: 100%;
height: 100%;
min-height: 380px;
}
.sp-block-outer.sp-block-outer-image_right .content .image img, .sp-block-outer.sp-block-outer-image_left .content .image img {
position: absolute;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_right.sp-block-outer-image_right .content, .sp-block-outer.sp-block-outer-image_left.sp-block-outer-image_right .content {
flex-direction: column-reverse;
}
}
.sp-block-outer.sp-block-outer-image_right.large .container, .sp-block-outer.sp-block-outer-image_left.large .container {
width: 1670px;
}
.sp-block-outer.sp-block-outer-image_right.large .container .content, .sp-block-outer.sp-block-outer-image_left.large .container .content {
gap: 120px;
grid-template-columns: minmax(0, 760px) minmax(0, 100%);
}
.sp-block-outer.sp-block-outer-image_right.background, .sp-block-outer.sp-block-outer-image_left.background {
background: var(--Greyscale-Grey-6, #F3F5F9);
}
.sp-block-outer.sp-block-outer-image_right.background.black, .sp-block-outer.sp-block-outer-image_left.background.black {
padding-bottom: 0;
background: #040C19;
}
.sp-block-outer.sp-block-outer-image_right.background.black .content .editor-wrapper h2, .sp-block-outer.sp-block-outer-image_left.background.black .content .editor-wrapper h2 {
color: #fff;
}
.sp-block-outer.sp-block-outer-image_right.background.black .content .editor-wrapper .editor, .sp-block-outer.sp-block-outer-image_left.background.black .content .editor-wrapper .editor {
color: #fff;
}
.sp-block-outer.sp-block-outer-image_left .content {
grid-template-columns: minmax(0, 58%) minmax(0, 42%);
}
.sp-block-outer.sp-block-outer-webform .content {
display: grid;
grid-template-columns: minmax(0, 560px) minmax(0, 100%);
gap: 100px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-webform .content {
grid-template-columns: minmax(0, 100%);
gap: 24px;
}
}
.sp-block-outer.sp-block-outer-webform .content.no-image {
grid-template-columns: minmax(0, 100%);
}
.sp-block-outer.sp-block-outer-webform .content .image img {
width: 100%;
height: auto;
}
.sp-block-outer.sp-block-outer-calculator {
padding: 80px 0;
margin-bottom: 130px;
overflow: hidden;
position: relative;
}
@media (max-width: 1670px) {
.sp-block-outer.sp-block-outer-calculator {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator {
margin-bottom: 40px;
padding: 40px 0;
position: relative;
}
}
.sp-block-outer.sp-block-outer-calculator img {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center right;
object-position: center right;
z-index: 0;
width: 100%;
height: 100%;
}
.sp-block-outer.sp-block-outer-calculator .container {
position: relative;
z-index: 1;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container {
padding-left: 15px;
padding-right: 15px;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content {
padding: 40px 48px;
width: 964px;
max-width: 100%;
background: #FFFFFF;
border-radius: 4px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content {
padding: 24px 16px;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content h2 {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #000000;
margin: 0;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content h2 {
font-size: 22px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .subtitle {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 24px;
color: #5F6879;
margin-top: 8px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .subtitle {
font-size: 16px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps {
margin-top: 48px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps {
margin-top: 40px;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step-info {
margin-bottom: 40px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step-info {
margin-bottom: 24px;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step-info .step-number {
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #878F9E;
margin-bottom: 10px;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step-info .step-percentage {
position: relative;
width: 100%;
height: 2px;
background: #DFE3EC;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step-info .step-percentage .line {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: #C3002F;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .step-title {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #5F6879;
margin-bottom: 20px;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .step-title strong {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #000000;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .columns {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 40px;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .columns .options {
display: flex;
flex-direction: column;
gap: 8px;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .message {
margin-bottom: 20px;
display: none;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .options {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
margin-bottom: 78px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .options {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
margin-bottom: 24px;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .options .item {
height: 100px;
background: #F3F5F9;
border: 1px solid #DFE3EC;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 600;
font-size: 17px;
line-height: 24px;
text-align: center;
color: #151515;
cursor: pointer;
transition: all 0.2s;
position: relative;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .options .item {
height: auto;
padding: 11px 0;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .options .item:hover {
border: 1px solid #000000;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .options .item.is-active {
border: 1px solid #000000;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .step-content .options .item.is-active::after {
content: "";
width: 24px;
height: 24px;
background-color: #151515;
border-radius: 50%;
position: absolute;
top: 8px;
right: 6px;
background-image: url("/frontend/images/icons/check_white.svg");
background-position: center;
background-repeat: no-repeat;
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .actions {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .actions {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
}
}
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .actions button {
width: 200px;
height: 44px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-calculator .container .calculator-content .steps .step .actions button {
width: 100%;
}
}
.sp-block-outer.sp-block-outer-general_contact_form {
margin: 90px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-general_contact_form {
margin: 32px 0;
}
}
.sp-block-outer.sp-block-outer-general_contact_form .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 100px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-general_contact_form .container {
gap: 20px;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-general_contact_form .container {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-general_contact_form .container .left {
display: none;
}
}
.sp-block-outer.sp-block-outer-general_contact_form .container .left img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sp-block-outer.sp-block-outer-general_contact_form .container .right .title {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #000000;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-general_contact_form .container .right .title {
font-size: 22px;
line-height: 24px;
margin-bottom: 16px;
}
}
.sp-block-outer.sp-block-outer-general_contact_form .container .right .subtitle {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 24px;
margin-bottom: 56px;
color: #505868;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-general_contact_form .container .right .subtitle {
font-size: 16px;
line-height: 24px;
margin-bottom: 32px;
}
}
.sp-block-outer.sp-block-outer-general_contact_form .container .right [type=submit] {
padding: 0 50px;
height: 56px;
}
.sp-block-outer.sp-block-outer-blog_category_grid {
margin-top: 90px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-blog_category_grid {
margin-top: 32px;
}
}
.sp-block-outer.sp-block-outer-locations {
padding: 85px 0;
background: #F3F5F9;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-locations {
padding: 32px 0;
}
}
.sp-block-outer.sp-block-outer-locations .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 32px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-locations .items-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px;
}
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item {
padding: 56px 48px;
border: 1px solid #E5EBF2;
border-radius: 4px;
background-color: #FFF;
background-image: url("/frontend/images/location_item_bg.webp");
background-position: top right;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-locations .items-grid .location-item {
padding: 24px 20px;
}
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item h3 {
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 40px;
color: #151515;
margin: 0 0 48px 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-locations .items-grid .location-item h3 {
font-size: 21px;
line-height: 28px;
margin: 0 0 18px 0;
}
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item {
display: grid;
grid-template-columns: minmax(0, 48px) minmax(0, 100%);
gap: 24px;
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .icon {
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .icon img, .sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .icon svg {
width: 24px;
height: 24px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .icon img [fill], .sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .icon svg [fill] {
fill: #C3002F;
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .icon img [stroke], .sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .icon svg [stroke] {
stroke: #C3002F;
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .value {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 32px;
color: #151515;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .value {
font-size: 16px;
line-height: 32px;
}
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .worktime {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 32px;
color: #151515;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .worktime {
font-size: 16px;
line-height: 32px;
}
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .item .worktime .title {
color: #505868;
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .link-to-map {
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #DFE3EC;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .link-to-map {
margin-top: 24px;
padding-top: 24px;
}
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .link-to-map a {
font-style: normal;
font-weight: 600;
font-size: 17px;
line-height: 24px;
text-transform: uppercase;
color: #151515;
display: inline-flex;
gap: 12px;
align-items: center;
transition: color 0.2s;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .link-to-map a {
font-size: 15px;
}
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .link-to-map a:hover {
color: #C3002F;
}
.sp-block-outer.sp-block-outer-locations .items-grid .location-item .link-to-map a .icon {
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.sp-block-outer-filtered_blog_posts {
margin-bottom: 130px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-filtered_blog_posts {
margin-bottom: 40px;
}
}
.sp-block-outer.sp-block-outer-filtered_blog_posts.background {
margin: 0;
padding: 85px 0;
background: #F3F5F9;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-filtered_blog_posts.background {
padding: 20px 0;
}
}
.sp-block-outer.sp-block-outer-filtered_blog_posts .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 36px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-filtered_blog_posts .items {
display: flex;
overflow: auto;
}
.sp-block-outer.sp-block-outer-filtered_blog_posts .items a {
width: 250px;
flex: 0 0 250px;
}
}
.sp-block-outer.sp-block-outer-faq {
padding-top: 40px;
margin-bottom: 130px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-faq {
margin-bottom: 40px;
}
}
.sp-block-outer.sp-block-outer-selected_brands {
margin-bottom: 130px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-selected_brands {
margin-bottom: 40px;
}
}
.sp-block-outer.sp-block-outer-selected_brands .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
justify-content: center;
align-items: center;
row-gap: 50px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-selected_brands .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-selected_brands .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-selected_brands .items a {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
-webkit-filter: grayscale(100%);
opacity: 0.4;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-selected_brands .items a:hover {
-webkit-filter: grayscale(0%);
opacity: 1;
}
.sp-block-outer.sp-block-outer-selected_brands .items a img,
.sp-block-outer.sp-block-outer-selected_brands .items a svg {
width: 100px;
height: 45px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer.sp-block-outer-all_brands .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 1600px) {
.sp-block-outer.sp-block-outer-all_brands .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1600px) and (max-width: 1400px) {
.sp-block-outer.sp-block-outer-all_brands .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1600px) and (max-width: 1400px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-all_brands .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1600px) and (max-width: 1400px) and (max-width: 991px) and (max-width: 768px) {
.sp-block-outer.sp-block-outer-all_brands .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-all_brands .items .item {
flex-direction: column;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-image img,
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-image svg {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
max-width: 100%;
height: 150px;
}
@media (max-width: 480px) {
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-image img,
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-image svg {
height: 80px;
}
}
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-logo {
width: 100%;
background: var(--Greyscale-Grey-6, #F3F5F9);
-webkit-filter: grayscale(100%);
transition: all 0.2s;
display: flex;
padding: 16px;
justify-content: center;
align-items: center;
align-self: stretch;
}
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-logo img,
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-logo svg {
width: 100px;
height: 45px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
opacity: 0.4;
}
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-title {
color: #000;
text-align: center;
-webkit-font-feature-settings: "liga" off, "clig" off;
font-feature-settings: "liga" off, "clig" off;
font-family: Barlow, sans-serif;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 32px;
/* 145.455% */
padding: 10px 0;
margin: 0;
}
@media (max-width: 480px) {
.sp-block-outer.sp-block-outer-all_brands .items .item .brand-title {
font-size: 19px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-all_brands .items .item:hover .brand-logo {
-webkit-filter: grayscale(0%);
}
.sp-block-outer.sp-block-outer-all_brands .items .item:hover .brand-logo img,
.sp-block-outer.sp-block-outer-all_brands .items .item:hover .brand-logo svg {
opacity: 1;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-front_items {
margin-left: -15px;
margin-right: -15px;
}
}
.sp-block-outer.sp-block-outer-front_items .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-front_items .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 40px;
}
}
@media (max-width: 991px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-front_items .items {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-front_items .items .item {
display: grid;
grid-template-columns: minmax(0, 50px) minmax(0, 100%);
gap: 32px;
}
.sp-block-outer.sp-block-outer-front_items .items .item .icon {
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.sp-block-outer-front_items .items .item .info {
display: flex;
flex-direction: column;
gap: 6px;
}
.sp-block-outer.sp-block-outer-front_items .items .item .info .title {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 110%;
letter-spacing: 0.01em;
}
.sp-block-outer.sp-block-outer-front_items .items .item .info .subtitle {
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 110%;
letter-spacing: 0.01em;
}
.sp-block-outer.sp-block-outer-front_items.pattern-background {
margin-bottom: 136px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-front_items.pattern-background {
margin-bottom: 40px;
}
}
.sp-block-outer.sp-block-outer-front_items.pattern-background .container {
background-image: url("/frontend/images/bg_lines.webp");
background-position: left bottom;
background-size: 300px;
background-repeat: no-repeat;
background-color: #060914;
padding: 60px 115px;
box-shadow: 0px 9px 68px rgba(1, 19, 65, 0.25);
border-radius: 8px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-front_items.pattern-background .container {
border-radius: 0;
padding: 48px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-front_items.pattern-background .container {
padding-bottom: 80px;
background-size: 300px;
}
}
.sp-block-outer.sp-block-outer-front_items.pattern-background .items .item .info .title {
color: #FFFFFF;
}
.sp-block-outer.sp-block-outer-front_items.pattern-background .items .item .info .subtitle {
color: #EFF7FF;
}
.sp-block-outer.sp-block-outer-catalog_homepage {
margin-bottom: 60px;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper {
display: grid;
grid-template-columns: minmax(0, 300px) minmax(0, 100%);
gap: 66px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper {
grid-template-columns: minmax(0, 100%);
gap: 30px;
}
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper.no-filters {
grid-template-columns: minmax(0, 1fr);
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-filter {
background: #F3F5F9;
border-radius: 4px;
padding: 24px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-filter {
box-sizing: border-box;
position: fixed;
top: 0;
left: -360px;
width: 360px;
height: 100%;
transition: 0.2s ease-in;
border-right: 1px solid #C3002F;
overflow: auto;
background: #F3F5F9;
border-radius: 4px;
padding: 0;
z-index: 9999;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-filter.active {
left: 0;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-filter.active ~ .overlay {
visibility: visible;
opacity: 1;
}
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-filter .title {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 18px;
color: #000000;
margin-bottom: 20px;
padding: 24px 24px 0 24px;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-filter ul {
list-style: none;
margin: 0;
padding: 0 24px 24px 24px;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-filter ul li {
margin: 5px 0;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section:not(:last-child) {
margin-bottom: 72px;
padding-bottom: 72px;
border-bottom: 1px solid #DFE3EC;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section h2 {
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 40px;
margin-bottom: 56px;
color: #000000;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section h2 {
text-align: center;
font-size: 21px;
line-height: normal;
margin-bottom: 40px;
}
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 80px;
}
@media (max-width: 1499px) {
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items {
gap: 15px;
}
}
@media (max-width: 1499px) and (max-width: 1199px) {
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1499px) and (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item {
display: flex;
flex-direction: column;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item:hover img {
-webkit-filter: drop-shadow(0px 8px 18px rgba(1, 19, 65, 0.07));
filter: drop-shadow(0px 8px 18px rgba(1, 19, 65, 0.07));
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item:hover .info h3 {
color: #C3002F;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item img {
transition: all 0.2s;
height: 360px;
width: auto;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left;
object-position: left;
border-radius: 4px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item img {
height: 250px;
}
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item .info {
padding: 6px;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item .info h3 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
margin: 0 0 12px 0;
color: #151515;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item .info .file-info {
display: flex;
align-items: center;
gap: 4px;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
color: #505868;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item .info .file-info .icon {
width: 24px;
height: 24px;
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item .info .file-info .icon img, .sp-block-outer.sp-block-outer-catalog_homepage .catalog-grid-wrapper .catalog-grid .section .items .catalog-item .info .file-info .icon svg {
width: 24px;
height: 24px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer.sp-block-outer-register_form, .sp-block-outer.sp-block-outer-login_form {
margin: 56px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form, .sp-block-outer.sp-block-outer-login_form {
margin: 32px 0;
}
}
.sp-block-outer.sp-block-outer-register_form .container > .row, .sp-block-outer.sp-block-outer-login_form .container > .row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
gap: 56px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-register_form .container > .row, .sp-block-outer.sp-block-outer-login_form .container > .row {
gap: 15px;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form .container > .row, .sp-block-outer.sp-block-outer-login_form .container > .row {
grid-template-columns: minmax(0, 1fr);
}
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-register_form .left .username, .sp-block-outer.sp-block-outer-login_form .left .username {
padding-right: 15px;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form .left .username, .sp-block-outer.sp-block-outer-login_form .left .username {
margin-bottom: 24px;
}
}
@media (min-width: 1199px) {
.sp-block-outer.sp-block-outer-register_form .left, .sp-block-outer.sp-block-outer-login_form .left {
padding-right: 130px;
}
}
.sp-block-outer.sp-block-outer-register_form .left h1, .sp-block-outer.sp-block-outer-login_form .left h1 {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #151515;
margin: 0 0 48px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form .left h1, .sp-block-outer.sp-block-outer-login_form .left h1 {
font-size: 22px;
line-height: 24px;
padding-bottom: 16px;
margin-bottom: 32px;
border-bottom: 1px solid #DFE3EC;
text-align: left;
}
}
.sp-block-outer.sp-block-outer-register_form .left .title, .sp-block-outer.sp-block-outer-login_form .left .title {
font-style: normal;
font-weight: 600;
font-size: 22px;
line-height: 32px;
color: #151515;
margin-bottom: 32px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form .left .title, .sp-block-outer.sp-block-outer-login_form .left .title {
font-size: 19px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-register_form .left .social-login-wrapper, .sp-block-outer.sp-block-outer-login_form .left .social-login-wrapper {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form .left .social-login-wrapper, .sp-block-outer.sp-block-outer-login_form .left .social-login-wrapper {
margin-bottom: 32px;
padding-bottom: 32px;
border-bottom: 1px solid #DFE3EC;
}
}
.sp-block-outer.sp-block-outer-register_form .left .social-login-wrapper .items, .sp-block-outer.sp-block-outer-login_form .left .social-login-wrapper .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-register_form .left .social-login-wrapper .items, .sp-block-outer.sp-block-outer-login_form .left .social-login-wrapper .items {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
}
.sp-block-outer.sp-block-outer-register_form .left .social-login-wrapper .items a, .sp-block-outer.sp-block-outer-login_form .left .social-login-wrapper .items a {
display: block;
}
.sp-block-outer.sp-block-outer-register_form .left .social-login-wrapper .items .facebook-sign-in-button, .sp-block-outer.sp-block-outer-login_form .left .social-login-wrapper .items .facebook-sign-in-button {
background: #1877F2;
border-radius: 4px;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
display: flex;
gap: 15px;
align-items: center;
justify-content: center;
width: 100%;
height: 54px;
}
.sp-block-outer.sp-block-outer-register_form .left .social-login-wrapper .items .google-sign-in-button, .sp-block-outer.sp-block-outer-login_form .left .social-login-wrapper .items .google-sign-in-button {
background: #FFFFFF;
border: 1px solid #CED2DB;
border-radius: 4px;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgba(0, 0, 0, 0.54);
display: flex;
gap: 15px;
align-items: center;
justify-content: center;
width: 100%;
height: 54px;
}
.sp-block-outer.sp-block-outer-register_form .left form, .sp-block-outer.sp-block-outer-login_form .left form {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form .left form, .sp-block-outer.sp-block-outer-login_form .left form {
padding-bottom: 40px;
border-bottom: 1px solid #DFE3EC;
}
}
.sp-block-outer.sp-block-outer-register_form .left form [type=submit], .sp-block-outer.sp-block-outer-login_form .left form [type=submit] {
display: flex;
align-items: center;
justify-content: center;
height: 56px;
width: 100%;
}
.sp-block-outer.sp-block-outer-register_form .left form a, .sp-block-outer.sp-block-outer-login_form .left form a {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 24px;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #C3002F;
}
.sp-block-outer.sp-block-outer-register_form .left .reset-form-wrapper .links, .sp-block-outer.sp-block-outer-login_form .left .reset-form-wrapper .links {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.sp-block-outer.sp-block-outer-register_form .left .reset-form-wrapper a, .sp-block-outer.sp-block-outer-login_form .left .reset-form-wrapper a {
height: 56px;
padding: 20px 39px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form .left .reset-form-wrapper a, .sp-block-outer.sp-block-outer-login_form .left .reset-form-wrapper a {
height: auto;
padding: 14px;
font-size: 15px;
line-height: 16px;
}
}
.sp-block-outer.sp-block-outer-register_form .right, .sp-block-outer.sp-block-outer-login_form .right {
height: 100%;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-register_form .right, .sp-block-outer.sp-block-outer-login_form .right {
display: none;
}
}
.sp-block-outer.sp-block-outer-register_form .right img, .sp-block-outer.sp-block-outer-login_form .right img {
min-height: 800px;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.sp-block-outer.sp-block-outer-product_grid.calculator-grids .list {
margin-bottom: 30px;
}
@media (max-width: 1450px) {
.sp-block-outer.sp-block-outer-product_grid .items-grid {
gap: 4px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.sp-block-outer.sp-block-outer-product_grid .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-product_grid .items-grid .product-display-grid .cart-wrapper {
grid-template-columns: minmax(0, 100%);
}
}
.sp-block-outer.sp-block-outer-product_grid .content-sorting {
display: flex;
margin-bottom: 40px;
padding-bottom: 24px;
border-bottom: 1px solid #DFE3EC;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-product_grid .content-sorting {
flex-direction: column;
gap: 16px;
}
}
.sp-block-outer.sp-block-outer-product_grid .content-sorting h1,
.sp-block-outer.sp-block-outer-product_grid .content-sorting h2 {
flex: 1;
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
margin: 0;
color: #151515;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-product_grid .content-sorting h1,
.sp-block-outer.sp-block-outer-product_grid .content-sorting h2 {
font-size: 22px;
line-height: 24px;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-product_grid .content-sorting .category-list-sorting {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
justify-content: center;
gap: 8px;
}
}
@media (max-width: 991px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-product_grid .content-sorting .category-list-sorting > * {
flex: 1;
}
}
.sp-block-outer.sp-block-outer-product_grid .content-sorting .category-list-sorting .item {
display: flex;
align-items: center;
gap: 16px;
}
.sp-block-outer.sp-block-outer-product_grid .content-sorting .category-list-sorting .item label {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #000000;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-product_grid .content-sorting .category-list-sorting .item label {
display: none;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-product_grid .content-sorting .category-list-sorting .item .custom-dropdown {
width: 100%;
}
.sp-block-outer.sp-block-outer-product_grid .content-sorting .category-list-sorting .item .custom-dropdown .dropdown-open {
justify-content: space-between;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
padding: 7px 40px 8px 16px;
}
}
.sp-block-outer.sp-block-outer-product_grid .content-wrapper {
display: grid;
grid-template-columns: minmax(0, 300px) minmax(0, 100%);
gap: 48px;
}
@media (max-width: 1450px) {
.sp-block-outer.sp-block-outer-product_grid .content-wrapper {
gap: 15px;
}
}
@media (max-width: 1450px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-product_grid .content-wrapper {
grid-template-columns: minmax(0, 100%);
}
}
.sp-block-outer.sp-block-outer-product_grid .product-filters {
padding: 24px;
background: #F3F5F9;
border-radius: 4px;
}
.sp-block-outer.sp-block-outer-tabs .block-title-container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
margin: 0 0 60px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-tabs .block-title-container {
margin: 0 0 30px 0;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-tabs .block-title-container {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-tabs .block-title-container .block-title {
margin: 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-tabs .block-title-container .block-title {
margin-bottom: 32px;
}
}
.sp-block-outer.sp-block-outer-tabs ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-tabs ul {
justify-content: flex-start;
overflow: auto;
}
}
.sp-block-outer.sp-block-outer-tabs ul li span {
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 24px;
background: #FFFFFF;
color: #5F6879;
border: 1px solid #DFE3EC;
border-radius: 24px;
padding: 10px 45px;
margin: 0 12px;
transition: all 0.2s;
cursor: pointer;
display: block;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-tabs ul li span {
font-size: 15px;
line-height: 24px;
margin: 0;
padding: 7px 45px;
}
}
.sp-block-outer.sp-block-outer-tabs ul li span.tab-active {
color: #FFFFFF;
background: #151515;
box-shadow: 0px 8px 18px rgba(1, 19, 65, 0.07);
}
.sp-block-outer.sp-block-outer-tabs ul li span:hover {
border: 1px solid #878F9E;
}
.sp-block-outer.sp-block-outer-tabs .tabs .tab-content {
display: none;
}
.sp-block-outer.sp-block-outer-tabs .tabs .tab-content.tab-active {
display: block;
}
.sp-block-outer.sp-block-outer-similar_products, .sp-block-outer.sp-block-outer-related_products, .sp-block-outer.sp-block-outer-recently_viewed {
padding: 88px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-similar_products, .sp-block-outer.sp-block-outer-related_products, .sp-block-outer.sp-block-outer-recently_viewed {
margin: 0 -16px;
padding: 40px 16px;
}
}
.sp-block-outer.sp-block-outer-similar_products .items-grid:not(.empty), .sp-block-outer.sp-block-outer-related_products .items-grid:not(.empty), .sp-block-outer.sp-block-outer-recently_viewed .items-grid:not(.empty) {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-similar_products, .sp-block-outer.sp-block-outer-related_products, .sp-block-outer.sp-block-outer-recently_viewed {
margin-bottom: 40px;
}
.sp-block-outer.sp-block-outer-similar_products .items-grid, .sp-block-outer.sp-block-outer-related_products .items-grid, .sp-block-outer.sp-block-outer-recently_viewed .items-grid {
display: flex;
overflow: auto;
gap: 16px;
}
.sp-block-outer.sp-block-outer-similar_products .items-grid .product-display-grid.item, .sp-block-outer.sp-block-outer-related_products .items-grid .product-display-grid.item, .sp-block-outer.sp-block-outer-recently_viewed .items-grid .product-display-grid.item {
width: 240px;
flex: 0 0 240px;
}
}
.sp-block-outer.sp-block-outer-recently_viewed .product-display-grid.item .btn-type-3 {
background: #dfe3ec;
}
.sp-block-outer.sp-block-outer-recently_viewed .product-display-grid.item .btn-type-3:hover {
background: #bbbec4;
}
.sp-block-outer.sp-block-outer-similar_products .btn-type-3 {
background: #DFE3EC;
}
.sp-block-outer.sp-block-outer-similar_products .btn-type-3:hover {
background: #bbbec4;
}
.sp-block-outer.sp-block-outer-recently_viewed, .sp-block-outer.sp-block-outer-similar_products {
padding: 80px 0;
background: #F3F5F9;
margin-bottom: 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recently_viewed, .sp-block-outer.sp-block-outer-similar_products {
margin: 0 -16px;
padding: 40px 16px;
}
}
.sp-block-outer.sp-block-outer-filtered_products, .sp-block-outer.sp-block-outer-home_products {
margin-bottom: 136px;
}
.sp-block-outer.sp-block-outer-filtered_products .horizontal-scroll-prev,
.sp-block-outer.sp-block-outer-filtered_products .horizontal-scroll-next, .sp-block-outer.sp-block-outer-home_products .horizontal-scroll-prev,
.sp-block-outer.sp-block-outer-home_products .horizontal-scroll-next {
display: none;
}
.sp-block-outer.sp-block-outer-filtered_products .responsive-link, .sp-block-outer.sp-block-outer-home_products .responsive-link {
margin-top: 34px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-filtered_products, .sp-block-outer.sp-block-outer-home_products {
margin-bottom: 40px;
}
.sp-block-outer.sp-block-outer-filtered_products .items-grid, .sp-block-outer.sp-block-outer-home_products .items-grid {
display: flex;
overflow: auto;
gap: 16px;
}
.sp-block-outer.sp-block-outer-filtered_products .items-grid .product-display-grid.item, .sp-block-outer.sp-block-outer-home_products .items-grid .product-display-grid.item {
width: 240px;
flex: 0 0 240px;
}
}
.sp-block-outer.sp-block-outer-filtered_products {
margin: 0;
margin-bottom: 136px;
}
.sp-block-outer.sp-block-outer-filtered_products .horizontal-scroll-prev,
.sp-block-outer.sp-block-outer-filtered_products .horizontal-scroll-next {
display: none;
}
@media (min-width: 1650px) {
.sp-block-outer.sp-block-outer-filtered_products .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
}
}
.sp-block-outer.sp-block-outer-filtered_products .slick-next,
.sp-block-outer.sp-block-outer-filtered_products .slick-prev {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
background: #878F9E !important;
border-radius: 156px;
}
.sp-block-outer.sp-block-outer-filtered_products .slick-next::before,
.sp-block-outer.sp-block-outer-filtered_products .slick-prev::before {
display: none;
}
@media (min-width: 1900px) {
.sp-block-outer.sp-block-outer-filtered_products .slick-prev {
left: -116px;
}
.sp-block-outer.sp-block-outer-filtered_products .slick-next {
right: -116px;
}
}
.sp-block-outer.sp-block-outer-filtered_products .slick-prev {
left: 0;
}
.sp-block-outer.sp-block-outer-filtered_products .slick-next {
right: 0;
}
.sp-block-outer.sp-block-outer-block_title {
margin-bottom: 95px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-block_title {
margin-bottom: 50px;
}
}
.sp-block-outer.sp-block-outer-block_title h2 {
text-align: center;
margin: 0;
font-style: normal;
font-weight: 700;
font-size: 45px;
line-height: 56px;
color: #5F6879;
position: relative;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-block_title h2 {
font-size: 26px;
line-height: 48px;
}
}
.sp-block-outer.sp-block-outer-block_title h2::after {
content: "";
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 86px;
bottom: -12px;
height: 3px;
background: #C3002F;
border-radius: 3px;
}
.sp-block-outer.sp-block-outer-home_categories_detailed, .sp-block-outer.sp-block-outer-home_categories {
margin-bottom: 104px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-home_categories_detailed, .sp-block-outer.sp-block-outer-home_categories {
margin-bottom: 40px;
}
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items, .sp-block-outer.sp-block-outer-home_categories .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 2px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-home_categories_detailed .items, .sp-block-outer.sp-block-outer-home_categories .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-home_categories_detailed .items, .sp-block-outer.sp-block-outer-home_categories .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
}
}
@media (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-home_categories_detailed .items, .sp-block-outer.sp-block-outer-home_categories .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item, .sp-block-outer.sp-block-outer-home_categories .items .item {
background: #F3F5F9;
border-radius: 4px;
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
padding: 40px;
transition: background 0.2s;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item, .sp-block-outer.sp-block-outer-home_categories .items .item {
padding: 16px 8px;
gap: 8px;
flex-direction: row;
justify-content: flex-start;
}
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item:hover, .sp-block-outer.sp-block-outer-home_categories .items .item:hover {
background: #DFE3EC;
}
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item .icon, .sp-block-outer.sp-block-outer-home_categories .items .item .icon {
display: flex;
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item .icon img, .sp-block-outer.sp-block-outer-home_categories_detailed .items .item .icon svg, .sp-block-outer.sp-block-outer-home_categories .items .item .icon img, .sp-block-outer.sp-block-outer-home_categories .items .item .icon svg {
width: 67px;
height: 67px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item .icon img, .sp-block-outer.sp-block-outer-home_categories_detailed .items .item .icon svg, .sp-block-outer.sp-block-outer-home_categories .items .item .icon img, .sp-block-outer.sp-block-outer-home_categories .items .item .icon svg {
width: 32px;
height: 32px;
}
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item h3, .sp-block-outer.sp-block-outer-home_categories .items .item h3 {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #151515;
margin: 0;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item h3, .sp-block-outer.sp-block-outer-home_categories .items .item h3 {
text-align: left;
font-weight: 600;
font-size: 14px;
line-height: 16px;
}
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item.green, .sp-block-outer.sp-block-outer-home_categories .items .item.green {
background: rgba(13, 166, 92, 0.15);
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item.green:hover, .sp-block-outer.sp-block-outer-home_categories .items .item.green:hover {
background: rgba(8, 129, 70, 0.15);
}
@media (max-width: 620px) {
.sp-block-outer.sp-block-outer-home_categories_detailed.sp-block-outer-home_categories_detailed .items .item, .sp-block-outer.sp-block-outer-home_categories.sp-block-outer-home_categories_detailed .items .item {
padding: 16px 8px;
gap: 8px;
align-items: center;
}
.sp-block-outer.sp-block-outer-home_categories_detailed.sp-block-outer-home_categories_detailed .items .item .icon, .sp-block-outer.sp-block-outer-home_categories.sp-block-outer-home_categories_detailed .items .item .icon {
margin: 0;
}
.sp-block-outer.sp-block-outer-home_categories_detailed.sp-block-outer-home_categories_detailed .items .item ul, .sp-block-outer.sp-block-outer-home_categories.sp-block-outer-home_categories_detailed .items .item ul {
display: none;
}
}
.sp-block-outer.sp-block-outer-project_content {
padding: 64px 0;
}
.sp-block-outer.sp-block-outer-project_content .container {
width: 1145px;
max-width: 100%;
}
.sp-block-outer.sp-block-outer-project_content .project-intro {
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
margin-bottom: 40px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-project_content .project-intro {
gap: 20px;
}
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-project_content .project-intro {
padding: 0 260px;
}
}
.sp-block-outer.sp-block-outer-project_content .project-intro .project-type a {
color: var(--primary-red-primary, #C3002F);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 120% */
text-transform: uppercase;
text-align: center;
}
.sp-block-outer.sp-block-outer-project_content .project-intro h1 {
color: var(--primary-graphite-primary, #151515);
text-align: center;
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 52px;
font-style: normal;
font-weight: 700;
line-height: 56px;
/* 107.692% */
margin: 0;
}
.sp-block-outer.sp-block-outer-project_content .project-intro .project-year {
color: var(--greyscale-black, #000);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 133.333% */
text-align: center;
}
.sp-block-outer.sp-block-outer-project_content .main-image img {
width: 100%;
height: auto;
}
.sp-block-outer.sp-block-outer-project_content .primary-description,
.sp-block-outer.sp-block-outer-project_content .secondary-description {
color: var(--primary-text-primary, #505868);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 141.176% */
margin-bottom: 40px;
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-project_content .primary-description,
.sp-block-outer.sp-block-outer-project_content .secondary-description {
padding: 0 260px;
}
}
.sp-block-outer.sp-block-outer-project_content .project-images {
margin-bottom: 40px;
}
.sp-block-outer.sp-block-outer-project_content .project-images:not(.slick-initialized) {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
}
.sp-block-outer.sp-block-outer-project_content .project-images:not(.slick-initialized) a:nth-child(n+4) {
display: none;
}
.sp-block-outer.sp-block-outer-project_content .project-images a {
display: flex;
padding: 0 4px;
}
.sp-block-outer.sp-block-outer-project_content .project-images a img {
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
}
.sp-block-outer.sp-block-outer-selected_projects, .sp-block-outer.sp-block-outer-all_projects {
padding: 0 0 64px 0;
}
.sp-block-outer.sp-block-outer-selected_projects .items, .sp-block-outer.sp-block-outer-all_projects .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-webkit-column-gap: 48px;
column-gap: 48px;
row-gap: 72px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-selected_projects .items, .sp-block-outer.sp-block-outer-all_projects .items {
grid-template-columns: minmax(0, 1fr);
row-gap: 30px;
}
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item {
align-items: flex-start;
padding: 40px 28px;
gap: 8px;
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item .icon {
margin-bottom: 16px;
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item a:hover {
color: #C3002F !important;
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item a:hover * {
color: #C3002F !important;
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item ul li span,
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item ul li a {
color: var(--primary-graphite-primary, #151515);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: normal;
/* 188.235% */
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item ul.with-show-more li:nth-child(1n+5):not(.show-more) {
display: none;
}
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item ul.with-show-more li:last-child span,
.sp-block-outer.sp-block-outer-home_categories_detailed .items .item ul.with-show-more li:last-child a {
margin-top: 8px;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 24px;
/* 160% */
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
cursor: pointer;
}
.sp-block-outer.sp-block-outer-banner_medium .item {
position: relative;
display: flex;
}
.sp-block-outer.sp-block-outer-banner_medium .item img {
width: 100%;
height: auto;
}
.sp-block-outer.sp-block-outer-banner_medium .item .info {
position: absolute;
left: 30px;
top: 30px;
}
.sp-block-outer.sp-block-outer-banner_medium .item .info .title {
text-transform: uppercase;
color: #fff;
font-weight: bold;
font-size: 36px;
display: block;
}
.sp-block-outer.sp-block-outer-banner_medium .item .info .subtitle {
text-transform: uppercase;
color: #fff;
font-size: 23px;
margin-top: 10px;
display: block;
}
.sp-block-outer.sp-block-outer-banner_medium .item .button {
position: absolute;
left: 30px;
bottom: 33px;
}
.sp-block-outer.sp-block-outer-gallery .page-gallery {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 8px;
}
.sp-block-outer.sp-block-outer-gallery .page-gallery a {
display: flex;
height: 100%;
}
.sp-block-outer.sp-block-outer-gallery .page-gallery img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.sp-block-outer.sp-block-outer-page_title.compare-title {
display: flex;
}
.sp-block-outer.sp-block-outer-page_title.compare-title h1 {
flex: 1;
}
.sp-block-outer.sp-block-outer-page_title.compare-title ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 40px;
}
.sp-block-outer.sp-block-outer-page_title.compare-title ul .compare-hide-same-attributes {
background: #F3F5F9;
border-radius: 4px;
}
.sp-block-outer.sp-block-outer-page_title.about-us-title {
margin: 90px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.about-us-title {
margin: 32px 0;
}
}
.sp-block-outer.sp-block-outer-page_title.about-us-title .container {
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.about-us-title .container {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
}
.sp-block-outer.sp-block-outer-page_title.about-us-title h1 {
flex: 1;
font-style: normal;
font-weight: 700;
font-size: 52px;
line-height: 56px;
margin: 0;
color: #151515;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.about-us-title h1 {
font-size: 22px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-page_title.about-us-title .editor {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 32px;
color: #505868;
width: 540px;
max-width: 100%;
}
.sp-block-outer.sp-block-outer-page_title.about-us-title .editor p {
margin: 0;
}
.sp-block-outer.sp-block-outer-page_title.blog-category-title {
margin-top: 90px;
margin-bottom: 56px;
padding-bottom: 24px;
border-bottom: 1px solid #DFE3EC;
display: flex;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.blog-category-title {
margin-top: 32px;
margin-bottom: 32px;
padding-bottom: 24px;
gap: 24px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_title.blog-category-title {
flex-direction: column;
}
}
.sp-block-outer.sp-block-outer-page_title.blog-category-title h1 {
flex: 1;
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #151515;
margin: 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.blog-category-title h1 {
font-size: 22px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-page_title.blog-category-title ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 12px;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_title.blog-category-title ul {
justify-content: flex-start;
}
}
.sp-block-outer.sp-block-outer-page_title.blog-category-title ul li a {
border-radius: 24px;
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 16px;
color: #505868;
padding: 12px 20px;
background: #F3F5F9;
border: 1px solid #DFE3EC;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-page_title.blog-category-title ul li a:hover, .sp-block-outer.sp-block-outer-page_title.blog-category-title ul li a.is-active {
background: #151515;
border: 1px solid #151515;
color: #FFFFFF;
}
.sp-block-outer.sp-block-outer-page_title.simple-left {
margin: 0 0 40px 0;
}
.sp-block-outer.sp-block-outer-page_title.simple-left h1 {
font-style: normal;
font-weight: 700;
font-size: 52px;
line-height: 56px;
color: #151515;
margin: 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.simple-left h1 {
font-size: 42px;
line-height: 48px;
}
}
.sp-block-outer.sp-block-outer-page_title.small-left {
margin: 0 0 64px 0;
padding-bottom: 24px;
border-bottom: 1px solid #DFE3EC;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.small-left {
padding-bottom: 16px;
margin-bottom: 16px;
}
}
.sp-block-outer.sp-block-outer-page_title.small-left h1 {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #151515;
margin: 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.small-left h1 {
font-size: 22px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-page_title.blog-title h1, .sp-block-outer.sp-block-outer-page_title.text-center h1 {
margin: 90px 0 70px 0;
font-style: normal;
font-weight: 700;
font-size: 52px;
line-height: 56px;
text-align: center;
color: #151515;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.blog-title h1, .sp-block-outer.sp-block-outer-page_title.text-center h1 {
margin: 32px 0;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_title.blog-title h1, .sp-block-outer.sp-block-outer-page_title.text-center h1 {
font-size: 42px;
line-height: 48px;
}
}
.sp-block-outer.sp-block-outer-page_title.blog-title {
margin-bottom: 25px;
}
.sp-block-outer.sp-block-outer-page_title.blog-title .blog-category {
text-align: center;
margin-top: 90px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_title.blog-title .blog-category {
margin-top: 32px;
}
}
.sp-block-outer.sp-block-outer-page_title.blog-title .blog-category a {
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
color: #C3002F;
}
.sp-block-outer.sp-block-outer-page_title.blog-title h1 {
margin: 40px 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_title.blog-title h1 {
margin: 16px 0;
}
}
.sp-block-outer.sp-block-outer-page_title.blog-title time {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #000000;
display: block;
}
.sp-block-outer.sp-block-outer-share {
max-width: 620px;
margin: 40px auto 90px;
}
.sp-block-outer.sp-block-outer-share .title {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #505868;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #DFE3EC;
}
.sp-block-outer.sp-block-outer-share .a2a_kit {
display: flex;
justify-content: center;
gap: 26px;
}
.sp-block-outer.sp-block-outer-share .a2a_kit a {
width: 40px;
height: 40px;
border-radius: 50% !important;
background: #878F9E !important;
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.sp-block-outer-share .a2a_kit a .a2a_svg {
background: transparent !important;
}
.sp-block-outer.sp-block-outer-share .a2a_kit a ~ div {
display: none;
}
.sp-block-outer.sp-block-outer-our_service {
margin: 130px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-our_service {
margin: 32px 0;
}
}
.sp-block-outer.sp-block-outer-our_service .container {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: 120px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-our_service .container {
gap: 20px;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .container {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-our_service .container .info .title {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #151515;
margin-bottom: 32px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .container .info .title {
margin-bottom: 24px;
font-size: 22px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-our_service .container .info .subtitle {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 32px;
color: #505868;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .container .info .subtitle {
font-size: 17px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-our_service .container .page-gallery {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .container .page-gallery {
justify-content: center;
flex-wrap: nowrap;
overflow: auto;
}
}
.sp-block-outer.sp-block-outer-our_service .container .page-gallery a {
display: flex;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .container .page-gallery a {
flex: 0 0 245px;
}
}
.sp-block-outer.sp-block-outer-our_service .container .page-gallery a img {
width: 245px;
height: 190px;
}
.sp-block-outer.sp-block-outer-our_service .download-link {
margin-top: 150px;
margin-bottom: 150px;
display: block;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-our_service .download-link {
margin-top: 48px;
margin-bottom: 48px;
}
}
.sp-block-outer.sp-block-outer-our_service .download-link a {
background: #C3002F;
border-radius: 4px;
font-weight: 600;
font-size: 22px;
line-height: 32px;
text-align: center;
color: #FFFFFF;
display: inline-flex;
justify-content: space-between;
transition: background 0.2s;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .download-link a {
font-size: 16px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-our_service .download-link a:hover {
background: #A60028;
}
.sp-block-outer.sp-block-outer-our_service .download-link a .text {
padding: 32px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .download-link a .text {
padding: 20px 16px;
}
}
.sp-block-outer.sp-block-outer-our_service .download-link a .icon {
display: flex;
justify-content: center;
align-items: center;
padding: 0 43px;
background: #A60028;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .download-link a .icon {
padding: 0 17px;
}
}
.sp-block-outer.sp-block-outer-our_service .download-link a .icon svg [fill] {
fill: #FFF;
}
.sp-block-outer.sp-block-outer-our_service .download-link a .icon svg [stroke] {
stroke: #FFF;
}
.sp-block-outer.sp-block-outer-our_service .items-wrapper {
position: relative;
margin: 110px 0 130px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .items-wrapper {
margin: 32px 0 48px;
}
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-our_service .items-wrapper::after {
content: "";
width: 100%;
height: 3px;
background: #F3F5F9;
position: absolute;
left: 0;
top: 30px;
z-index: -1;
}
}
.sp-block-outer.sp-block-outer-our_service .items-wrapper .container {
display: block;
}
.sp-block-outer.sp-block-outer-our_service .items-wrapper .items {
display: flex;
justify-content: space-evenly;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .items-wrapper .items {
flex-direction: column;
gap: 48px;
}
}
.sp-block-outer.sp-block-outer-our_service .items-wrapper .items .item {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
.sp-block-outer.sp-block-outer-our_service .items-wrapper .items .item .title {
background: #F3F5F9;
border: 3px solid #DFE3EC;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 40px;
color: #C3002F;
margin-bottom: 28px;
width: 67px;
height: 67px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .items-wrapper .items .item .title {
margin-bottom: 16px;
width: 56px;
height: 56px;
font-size: 21px;
line-height: 28px;
}
}
.sp-block-outer.sp-block-outer-our_service .items-wrapper .items .item .info {
font-weight: 700;
font-size: 28px;
line-height: 40px;
color: #151515;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-our_service .items-wrapper .items .item .info {
font-size: 21px;
line-height: 28px;
}
}
.sp-block-outer.sp-block-outer-banner_large {
background: #040C19;
padding-top: 130px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-banner_large {
padding: 48px 0;
}
}
.sp-block-outer.sp-block-outer-banner_large .banner-main {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 120px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-banner_large .banner-main {
gap: 20px;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large .banner-main {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-banner_large .banner-main .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sp-block-outer.sp-block-outer-banner_large .banner-main .info {
display: flex;
flex-direction: column;
justify-content: center;
}
.sp-block-outer.sp-block-outer-banner_large .banner-main .info .title {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #FFFFFF;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large .banner-main .info .title {
font-size: 22px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-banner_large .banner-main .info .editor {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 32px;
color: #DFE3EC;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large .banner-main .info .editor {
font-size: 17px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-about_us_mission {
background: #F3F5F9;
padding: 130px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-about_us_mission {
padding: 32px 0;
}
}
.sp-block-outer.sp-block-outer-about_us_mission .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 180px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-about_us_mission .container {
grid-template-columns: minmax(0, 1fr);
gap: 32px;
}
}
.sp-block-outer.sp-block-outer-about_us_mission .container .sp-block-outer-banner_medium .item {
display: flex;
flex-direction: column;
gap: 16px;
}
.sp-block-outer.sp-block-outer-about_us_mission .container .sp-block-outer-banner_medium .item img {
width: 144px;
height: 144px;
margin-bottom: 16px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: left bottom;
object-position: left bottom;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-about_us_mission .container .sp-block-outer-banner_medium .item img {
width: 80px;
height: 80px;
}
}
.sp-block-outer.sp-block-outer-about_us_mission .container .sp-block-outer-banner_medium .item .info {
position: relative;
left: auto;
top: auto;
}
.sp-block-outer.sp-block-outer-about_us_mission .container .sp-block-outer-banner_medium .item .info .title {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #151515;
text-transform: none;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-about_us_mission .container .sp-block-outer-banner_medium .item .info .title {
font-size: 22px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-about_us_mission .container .sp-block-outer-banner_medium .item .info .subtitle {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 32px;
color: #505868;
text-transform: none;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-about_us_mission .container .sp-block-outer-banner_medium .item .info .subtitle {
font-size: 17px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .content {
margin: 130px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .content {
margin: 32px 0;
font-size: 16px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 440px);
gap: 110px;
margin: 130px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper {
display: flex;
flex-direction: column-reverse;
margin: 32px 0;
gap: 32px;
}
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item {
display: grid;
grid-template-columns: minmax(0, 150px) minmax(0, 100%);
gap: 50px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item {
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 28px;
margin-left: 15px;
border-left: 2px solid #DFE3EC;
gap: 12px;
padding-bottom: 34px;
}
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item .title {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #878F9E;
position: relative;
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item .title {
border-right: 2px solid #DFE3EC;
min-height: 130px;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item .title {
font-size: 22px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item .title span {
margin-top: -10px;
display: block;
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item .title::after {
content: "";
position: absolute;
top: 0;
display: block;
width: 30px;
height: 30px;
right: -17px;
background: #F3F5F9;
border-radius: 50%;
border: 2px solid #CED2DB;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item .title::after {
right: auto;
left: -46px;
top: -14px;
}
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item .info {
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 32px;
color: #151515;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .items .item .info {
font-size: 17px;
line-height: 24px;
}
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .editor-content {
background: #C3002F;
border-radius: 4px;
font-style: normal;
font-weight: 400;
font-size: 45px;
line-height: 56px;
color: rgba(255, 255, 255, 0.9);
padding: 80px 90px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .editor-content {
padding: 24px 40px;
font-size: 24px;
line-height: 40px;
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .editor-content br {
display: none;
}
}
.sp-block-outer.sp-block-outer-page_content.about-us-page-content .items-wrapper .editor-content p {
margin: 0;
}
.sp-block-outer.sp-block-outer-container.smaller .container {
width: 870px;
}
.sp-block-outer.sp-block-outer-container.smaller .sp-block-outer-page_content {
max-width: 620px;
margin: 0 auto;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-container.smaller .sp-block-outer-page_content {
max-width: 100%;
}
}
.sp-block-outer.sp-block-outer-container.smaller .sp-block-outer-page_content img {
width: 100%;
height: auto !important;
}
@media (min-width: 870px) {
.sp-block-outer.sp-block-outer-container.smaller .sp-block-outer-page_content img {
width: 870px;
max-width: 100vw;
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.sp-block-outer.sp-block-outer-container.smaller .sp-block-outer-page_content iframe {
width: 100%;
}
@media (min-width: 870px) {
.sp-block-outer.sp-block-outer-container.smaller .sp-block-outer-page_content iframe {
width: 870px;
max-width: 100vw;
left: 50%;
position: relative;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.sp-block-outer.sp-block-outer-container.medium .container {
width: 1080px;
}
.sp-block-outer.sp-block-outer-container.gradient {
background: linear-gradient(180deg, #FFF 0px, #ECEEF4 0px, rgba(243, 245, 249, 0) 64px);
background-repeat: no-repeat;
padding-top: 88px;
padding-bottom: 88px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-container.gradient {
padding-top: 44px;
padding-bottom: 44px;
}
}
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_banners {
margin: 48px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_banners {
margin: 24px 0 32px;
}
}
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_banners .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_banners .container {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_banners .container > .row:nth-child(1) {
grid-row: 1/3;
grid-column: 1;
}
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_banners .container > .row:nth-child(2) {
grid-row: 1;
grid-column: 2;
}
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_banners .container > .row:nth-child(3) {
grid-row: 2;
grid-column: 2;
}
}
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_b2b_banners {
margin: 48px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_b2b_banners {
margin: 24px 0 32px;
}
}
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_b2b_banners .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-container.sp-block-outer-homepage_b2b_banners .container {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
}
}
#menu-display {
position: fixed;
top: 169px;
left: 0;
right: 0;
z-index: 9;
}
@media (max-width: 991px) {
#menu-display {
top: 0;
bottom: 0;
}
}
#menu-display:not(.active) {
display: none;
}
#menu-display .container {
border-top: 1px solid #DFE3EC;
background: #FFFFFF;
box-shadow: 4px 25px 50px 12px rgba(1, 19, 65, 0.1);
border-radius: 0px 0px 4px 4px;
}
@media (min-width: 992px) {
#menu-display .container {
max-height: calc(100vh - 61px);
overflow-y: auto;
height: unset;
}
}
@media (max-width: 991px) {
#menu-display .container {
height: 100%;
display: flex;
flex-direction: column;
padding: 0;
}
}
#menu-display .container .responsive-menu-info {
display: none;
}
@media (max-width: 991px) {
#menu-display .container .responsive-menu-info {
display: flex;
padding: 16px;
align-items: center;
}
#menu-display .container .responsive-menu-info .phone {
flex: 1;
}
#menu-display .container .responsive-menu-info .phone a {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
color: #151515;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 13px;
}
#menu-display .container .responsive-menu-info .phone a .icon {
display: flex;
}
#menu-display .container .responsive-menu-info .overlay-close {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
}
#menu-display .container .lower-menu {
margin: 5px 0;
border-top: 1px solid #DFE3EC;
}
@media (min-width: 992px) {
#menu-display .container .lower-menu {
display: none;
}
}
#menu-display .container .lower-menu img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
#menu-display .container .responsive-menu-favorites {
display: none;
}
@media (max-width: 991px) {
#menu-display .container .responsive-menu-favorites {
display: block;
}
#menu-display .container .responsive-menu-favorites ul {
list-style: none;
margin: 0;
justify-content: flex-start;
padding: 16px 16px 16px 20px;
border-top: 1px solid #DFE3EC;
}
#menu-display .container .responsive-menu-favorites ul li {
display: block;
}
#menu-display .container .responsive-menu-favorites ul li a {
width: auto;
gap: 13px;
}
#menu-display .container .responsive-menu-favorites ul li a .text {
display: block;
}
#menu-display .container .responsive-menu-favorites ul li a svg [fill] {
fill: #878F9E !important;
}
#menu-display .container .responsive-menu-favorites ul li a svg [stroke] {
stroke: #878F9E !important;
}
}
#menu-display .container .items-wrapper {
overflow: auto;
}
#menu-display .container nav {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 991px) {
#menu-display .container nav {
display: flex;
flex-direction: column;
}
}
#menu-display .container nav.no-brands {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
#menu-display .container .menu-title {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #5F6879;
padding: 20px;
}
@media (max-width: 991px) {
#menu-display .container .menu-title {
padding: 16px;
font-size: 18px;
line-height: 24px;
color: #000000;
display: flex;
gap: 16px;
align-items: center;
}
}
#menu-display .container .menu-title .icon {
display: none;
}
@media (max-width: 991px) {
#menu-display .container .menu-title .icon {
display: flex;
justify-content: center;
align-items: center;
}
}
#menu-display .container .menu-wrapper {
border-right: 1px solid #DFE3EC;
}
@media (max-width: 991px) {
#menu-display .container .menu-wrapper.products {
display: none;
}
}
#menu-display .container .menu-wrapper.secondary-menu:not(.is-active) {
display: none;
}
@media (max-width: 991px) {
#menu-display .container .menu-wrapper.secondary-menu {
position: fixed;
top: 72px;
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: 1;
overflow: auto;
}
}
#menu-display .container ul {
list-style: none;
padding: 0;
margin: 0;
}
#menu-display .container ul li.responsive-item {
display: none;
}
@media (max-width: 991px) {
#menu-display .container ul li.responsive-item {
display: block;
}
}
#menu-display .container ul li a {
display: flex;
align-items: center;
min-height: 48px;
gap: 20px;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #151515;
padding: 0 16px 0 20px;
}
#menu-display .container ul li a .icon {
display: flex;
justify-content: space-between;
align-items: center;
width: 24px;
height: 24px;
}
#menu-display .container ul li a .icon svg {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
#menu-display .container ul li a .icon svg * {
transition: all 0.2s;
}
#menu-display .container ul li a .icon svg [fill] {
fill: #C3002F;
}
#menu-display .container ul li a .icon svg [stroke] {
stroke: #C3002F;
}
#menu-display .container ul li a .text {
flex: 1;
}
#menu-display .container ul li a .submenu-mark svg {
width: 12px;
height: 8px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 991px) {
#menu-display .container ul li a .submenu-mark svg {
width: 15px;
height: 15px;
}
}
#menu-display .container ul li a .submenu-mark svg [fill] {
fill: #CED2DB;
}
#menu-display .container ul li a .submenu-mark svg [stroke] {
stroke: #CED2DB;
}
@media (min-width: 992px) {
#menu-display .container ul li:hover a, #menu-display .container ul li.is-active a {
background: #5F6879;
color: #FFFFFF;
opacity: 1;
-webkit-filter: grayscale(0);
}
#menu-display .container ul li:hover a .icon svg [fill], #menu-display .container ul li.is-active a .icon svg [fill] {
fill: #FFFFFF;
}
#menu-display .container ul li:hover a .icon svg [stroke], #menu-display .container ul li.is-active a .icon svg [stroke] {
stroke: #FFFFFF;
}
}
#menu-display .container ul.brands {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
#menu-display .container ul.brands a {
transition: all 0.2s;
}
@media (min-width: 992px) {
#menu-display .container ul.brands a {
-webkit-filter: grayscale(100%);
opacity: 0.4;
}
}
#menu-display .container ul.brands a img {
max-width: 95px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
#menu-display .container .product-items {
display: flex;
flex-direction: column;
gap: 4px;
}
#inquiry-form-overlay .row {
gap: 5px;
}
.inquiry-success {
display: flex;
flex-direction: column;
gap: 48px;
text-align: center;
}
.inquiry-success .image img {
width: 170px;
height: 170px;
-o-object-fit: contain;
object-fit: contain;
}
.inquiry-success .title {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #151515;
}
.inquiry-success .subtitle {
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 24px;
color: #505868;
}
.inquiry-success .actions {
display: flex;
justify-content: center;
gap: 16px;
}
.cart-empty {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 48px;
margin: 70px 0;
}
.cart-empty svg,
.cart-empty img {
width: 170px;
height: 170px;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
}
.cart-empty .title {
font-weight: 600;
font-size: 22px;
line-height: 32px;
text-align: center;
color: #151515;
}
.cart-empty .button {
display: inline-flex;
}
.cart-amount {
display: grid;
grid-template-columns: minmax(0, 40px) minmax(0, 100%) minmax(0, 40px);
}
@media (max-width: 500px) {
.cart-amount {
grid-template-columns: minmax(0, 30px) minmax(0, 100%) minmax(0, 30px);
}
}
@media (max-width: 400px) {
.cart-amount {
grid-template-columns: minmax(0, 20px) minmax(0, 100%) minmax(0, 20px);
}
}
.cart-amount .qty-minus,
.cart-amount .qty-plus {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
@media (max-width: 500px) {
.cart-amount .qty-minus,
.cart-amount .qty-plus {
width: 30px;
}
}
@media (max-width: 400px) {
.cart-amount .qty-minus,
.cart-amount .qty-plus {
width: 20px;
}
.cart-amount .qty-minus svg,
.cart-amount .qty-plus svg {
width: 18px;
height: 18px;
}
}
.cart-amount .qty-minus {
border-right: 1px solid #DFE3EC;
}
.cart-amount .qty-plus {
border-left: 1px solid #DFE3EC;
}
.cart-amount .qty {
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 13px;
text-align: center;
color: #5F6879;
border: 0 none;
-moz-appearance: textfield;
}
.cart-amount .qty::-webkit-outer-spin-button, .cart-amount .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
#cart-confirm .cart-action {
text-align: right;
}
#cart-confirm .cart-final-buttons {
margin-top: 15px;
text-align: right;
}
.cart-totals {
display: flex;
flex-direction: column;
gap: 12px;
}
.cart-totals .cart-total {
display: flex;
align-items: center;
gap: 18px;
border-bottom: 1px solid #F3F5F9;
}
.cart-totals .cart-total .total-label {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #505868;
}
.cart-totals .cart-total .price {
flex: 1;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align: right;
color: #5F6879;
}
.cart-totals .cart-total.delivery-total .total-label {
font-weight: bold;
}
.cart-totals .cart-total.delivery-total .price {
font-weight: bold;
}
.cart-totals .cart-total.main-total .total-label {
color: #000000;
font-weight: 600;
}
.cart-totals .cart-total.main-total .price {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #151515;
}
.checkout-totals {
padding: 24px;
background: #F3F5F9;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 12px;
}
@media (max-width: 767px) {
.checkout-totals {
margin: 0 -15px;
padding: 18px;
}
}
.checkout-totals .cart-coupon-wrapper {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 32px;
}
.checkout-totals .cart-coupon-wrapper .cart-discount-title {
display: flex;
align-items: center;
gap: 10px;
}
.checkout-totals .cart-coupon-wrapper .cart-discount-title .icon {
display: flex;
justify-content: center;
align-content: center;
}
.checkout-totals .cart-coupon-wrapper .cart-discount-title .text {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #000000;
}
.checkout-totals .cart-coupon-wrapper form {
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 104px);
gap: 8px;
}
.checkout-totals .cart-coupon-wrapper form input {
height: 44px;
width: 100%;
padding: 0;
}
.checkout-totals .cart-coupon-wrapper form [name=discount_coupon_name] {
background: #FFFFFF;
border: 1px solid #CED2DB;
border-radius: 4px;
padding: 10px 16px;
}
.checkout-totals .cart-coupon-wrapper form [type=submit] {
background: #DFE3EC;
border-radius: 4px;
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 16px;
color: #151515;
}
.checkout-totals .cart-totals-wrapper {
margin-bottom: 20px;
}
.checkout-totals .cart-totals-wrapper .label {
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
color: #000000;
}
.checkout-totals .cart-proceed {
margin: 0;
}
.checkout-totals .inline-item.architect-export {
flex-direction: column;
}
.checkout-totals .inline-item.architect-export > * {
width: 100%;
}
.checkout-totals .inline-item.architect-export > * select {
width: 100%;
}
.cart-login {
font-size: 1.3333333333rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.33;
letter-spacing: normal;
margin-bottom: 30px;
background: #DFE3EC;
border-radius: 4px;
}
.cart-login .open-login {
margin-left: 30px;
}
body#page-176 .sp-block-outer.sp-block-outer-calculator {
margin: 0;
}
body#page-162 [data-filter-key=is_on_discount] {
display: none;
}
.slick-list, .slick-track {
touch-action: pan-y !important;
}
.project-item {
border-radius: 0px 0px 8px 8px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.project-item img {
width: 100%;
height: 430px;
-o-object-fit: cover;
object-fit: cover;
}
.project-item .info-wrapper {
background: var(--greyscale-grey-6, #F3F5F9);
display: flex;
align-items: center;
padding: 28px 48px;
}
.project-item .info-wrapper .info {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
border-right: 1px solid #DFE3EC;
padding-right: 48px;
margin-right: 48px;
}
.project-item .info-wrapper .info h2 {
margin: 0;
color: #505868;
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 40px;
/* 142.857% */
}
.project-item .info-wrapper .info .description {
color: var(--primary-text-primary, #505868);
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
/* 150% */
}
.project-item .info-wrapper .icon-wrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 11px;
}
.project-item .info-wrapper .icon-wrapper .text {
color: var(--primary-graphite-primary, #151515);
text-align: center;
-webkit-font-feature-settings: "clig" off, "liga" off;
font-feature-settings: "clig" off, "liga" off;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px;
/* 160% */
text-transform: uppercase;
transition: color 0.2s;
}
.project-item:hover .icon-wrapper .text {
color: #C3002F !important;
}
body.page-project .sp-block-outer.sp-block-outer-selected_projects {
padding: 88px 0;
background: var(--greyscale-grey-5, #DFE3EC);
}
.form-section.two-factor-qr-code {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 30px;
align-items: center;
}
.form-section.two-factor-qr-code .item {
min-width: 165px;
}
.form-section.two-factor-qr-code img {
width: 165px;
height: auto;
}