#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}
.countdownHolder{width:450px;margin:0 auto;font:40px/1.5 'Open Sans Condensed',sans-serif;text-align:center;letter-spacing:-3px}.position{display:inline-block;height:1.6em;overflow:hidden;position:relative;width:1.05em}.countDiv:after,.countDiv:before,.digit{position:absolute;background-color:#444}.digit{display:block;width:1em;border-radius:.2em;text-align:center;color:#fff;letter-spacing:-1px}.digit.static{box-shadow:1px 1px 1px rgba(4,4,4,.35);background-image:linear-gradient(bottom,#3a3a3a 50%,#444 50%);background-image:-o-linear-gradient(bottom,#3a3a3a 50%,#444 50%);background-image:-moz-linear-gradient(bottom,#3a3a3a 50%,#444 50%);background-image:-webkit-linear-gradient(bottom,#3a3a3a 50%,#444 50%);background-image:-ms-linear-gradient(bottom,#3a3a3a 50%,#444 50%);background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.5,#3a3a3a),color-stop(.5,#444))}.countDiv{display:inline-block;width:16px;height:1.6em;position:relative}.countDiv:after,.countDiv:before{width:5px;height:5px;border-radius:50%;left:50%;margin-left:-3px;top:.5em;box-shadow:1px 1px 1px rgba(4,4,4,.5);content:''}.countDiv:after{top:.9em}
.container{margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap}.row>div:not(:last-child){padding-right:10px}.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%;width: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%;width: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%;width: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: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") 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: #949402;
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: #949402;
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: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.form-note {
display: block;
font-size: 0.6666666667rem;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: normal;
color: #212121;
}
label {
display: block;
font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.8333333333rem;
line-height: 22px;
color: #8E8E8E;
}
label .label-text {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
label.small {
font-size: 0.6666666667rem;
line-height: normal;
}
label.label-checkbox {
padding-left: 28px;
position: relative;
display: inline-block;
cursor: pointer;
}
label.label-checkbox .custom-checkbox {
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
display: block;
background: #FFF;
border: 1px solid #8E8E8E;
box-sizing: border-box;
border-radius: 3px;
}
label.label-checkbox .custom-checkbox .custom-checkbox-icon {
position: absolute;
width: 50%;
height: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: transparent;
display: inline-block;
top: 50%;
left: 50%;
box-sizing: border-box;
}
label.label-checkbox .custom-checkbox.is-radio {
border-radius: 50%;
}
label.label-checkbox .custom-checkbox.is-radio .custom-checkbox-icon {
border-radius: 50%;
outline: none !important;
}
label.label-checkbox .custom-checkbox input {
visibility: hidden;
}
label.label-checkbox .custom-checkbox input:checked ~ .custom-checkbox-icon {
background: #949402;
outline: 1px solid #949402;
}
@media only screen and (max-width: 767px) {
form input[type=button],
form input[type=reset],
form input[type=submit],
.form input[type=button],
.form input[type=reset],
.form input[type=submit] {
margin-top: 1rem;
}
}
form [disabled],
.form [disabled] {
opacity: 0.5 !important;
}
form .note,
.form .note {
font-style: normal;
font-weight: normal;
font-size: 0.8333333333rem;
line-height: 22px;
}
form .title,
.form .title {
font-style: normal;
font-weight: bold;
font-size: 1.8888888889rem;
line-height: 45px;
color: #212121;
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 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: Nunito, sans-serif;
max-width: 100%;
font-stretch: normal;
letter-spacing: normal;
background-color: #F9F9F9;
border: 1px solid #E1DDC9;
box-sizing: border-box;
padding: 16px 22px;
font-style: normal;
font-weight: normal;
font-size: 0.8333333333rem;
color: #8E8E8E;
text-overflow: ellipsis;
}
@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: 16px 10px;
}
}
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%;
}
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 #949402;
}
form .form-row .select2-container,
.form .form-row .select2-container {
padding: 14px 20px 6px;
z-index: 2;
}
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 .form-error,
form select[data-type=lookup].form-error + .select2-container,
.form .form-error,
.form select[data-type=lookup].form-error + .select2-container {
outline: 1px solid #ac1111;
}
.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: Nunito, sans-serif;
max-width: 100%;
font-stretch: normal;
letter-spacing: normal;
background-color: #F9F9F9;
border: 1px solid #E1DDC9;
box-sizing: border-box;
padding: 16px 22px;
font-style: normal;
font-weight: normal;
font-size: 0.8333333333rem;
color: #8E8E8E;
}
.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: Nunito, 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: Nunito, 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: Nunito, 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: Nunito, 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: #212121;
font-family: Nunito, 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-size: 18px;
height: 100vh;
min-height: 100%;
}
html body {
margin: 0;
max-width: 100% !important;
background: #FFF;
padding-top: 208px;
font-family: Nunito, sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 22px;
letter-spacing: 1px;
color: #212121;
}
@media (max-width: 1399px) {
html body {
padding-top: 208px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) {
html body {
padding-top: 198px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) and (max-width: 991px) {
html body {
padding-top: 80px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) and (max-width: 991px) and (max-width: 550px) {
html body {
padding-top: 50px;
}
}
html body.en {
padding-top: 106px;
}
@media (max-width: 1399px) {
html body.en {
padding-top: 106px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) {
html body.en {
padding-top: 106px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) and (max-width: 991px) {
html body.en {
padding-top: 100px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) {
html body.en {
padding-bottom: 30px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) and (max-width: 550px) {
html body.en {
padding-top: 80px;
}
}
html body .disable-scroll {
overflow-y: hidden !important;
}
html body .container {
width: 1440px;
max-width: 100%;
padding: 0 15px;
box-sizing: border-box;
}
html body .container.medium {
width: 1180px;
}
html body .container.smaller {
width: 940px;
}
html body .container .container {
padding: 0;
}
html body:not(.js-initialized) {
pointer-events: none;
}
html body:not(.js-initialized) .button {
opacity: 0.7;
}
html *:focus {
outline: 0 none;
}
html img {
max-width: 100%;
}
.color {
color: #949402;
}
.light {
opacity: 0.6;
}
a {
display: inline-block;
transition: all 0.2s ease-in;
color: #949402;
}
a:hover {
color: #949402;
}
b,
strong {
font-weight: 900;
}
/* 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: #ac1111;
}
.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 {
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: 50px;
height: 50px;
color: #212121;
font-size: 1.5rem;
text-align: center;
line-height: 50px;
display: block;
cursor: pointer;
z-index: 99;
}
.uppercase {
text-transform: uppercase;
}
h1,
.as-h1 {
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 55px;
color: #212121;
margin: 0 0 14px 0;
}
@media (max-width: 767px) {
h1,
.as-h1 {
font-size: 1.5555555556rem;
padding: 0 10px;
line-height: normal;
}
}
@media (max-width: 767px) {
.styled-title {
font-size: 1rem;
}
}
.highlighted-title {
text-align: center;
font-family: Nunito, sans-serif;
font-size: 2.3888888889rem;
font-weight: 800;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0;
color: #212121;
text-transform: uppercase;
}
.highlighted-title .subtitle {
font-family: Nunito, sans-serif;
font-size: 15px;
font-weight: 700;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #949402;
display: block;
margin-bottom: 10px;
}
input[type=number] {
-moz-appearance: textfield;
}
.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: #949402;
}
.third-party-button {
white-space: nowrap;
height: 50px;
background-color: #fcfcfc;
border-radius: 2px;
box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
align-items: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 400ms ease 0s;
display: flex;
color: #757575;
font-size: 0.8333333333rem;
letter-spacing: 0.2px;
padding: 0 15px;
}
@media (max-width: 767px) {
.third-party-button {
height: 35px;
}
}
.third-party-button svg {
margin-right: 10px;
}
.third-party-button.facebook-sign-in-button {
background-color: #3C5A99;
color: #fff;
}
.third-party-button > span {
flex: 1;
text-align: center;
}
.third-party-button:hover {
box-shadow: 0 3px 8px rgba(117, 117, 117, 0.5);
}
.button {
display: inline-flex;
align-items: center;
gap: 12px;
cursor: pointer;
opacity: 1;
transition: all 0.2s ease-in;
z-index: 0;
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #FFFFFF;
background: #949402;
border: 1px solid #949402;
padding: 8px 12px;
}
.button.active, .button:hover {
color: #949402;
background: #FFFFFF;
}
@media (max-width: 767px) {
.button {
font-size: 12px;
line-height: 17px;
}
}
.button .icon {
display: inline-flex;
width: 44px;
height: 44px;
background: #949402;
border-radius: 50%;
justify-content: center;
align-items: center;
}
.button .icon svg {
margin-top: -6px;
}
.button .text {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #212121;
transition: all 0.2s ease-in;
}
.button.active .text, .button:hover .text {
color: #949402;
}
.button.disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
.button.btn-type-4, .button.btn-type-3, .button.btn-type-2 {
color: #FFFFFF;
background: #212121;
border: 1px solid #212121;
}
.button.btn-type-4.active, .button.btn-type-4:hover, .button.btn-type-3.active, .button.btn-type-3:hover, .button.btn-type-2.active, .button.btn-type-2:hover {
color: #212121;
background: #FFFFFF;
}
.button.plain {
background: transparent;
padding: 0;
border: 0 none;
}
.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%);
max-width: 100%;
max-height: 100%;
overflow: auto;
}
@media (min-width: 520px) {
.overlay > .inner {
min-width: 500px;
}
}
@media (max-width: 520px) {
.overlay > .inner {
width: 95%;
}
}
.overlay form:not(.item-cart) {
text-align: center;
background: #fff;
padding: 2rem;
}
@media only screen and (max-width: 1199px) {
.overlay form:not(.item-cart) {
width: auto;
padding: 5rem 2rem 2rem 2rem;
}
}
@media only screen and (max-width: 450px) {
.overlay form:not(.item-cart) input {
width: 100%;
}
}
.overlay form:not(.item-cart) input[name=gdpr] {
margin: 5px 5px 0 0;
}
#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: #949402 transparent #949402 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: 767px) {
#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: #949402;
}
#search-autocomplete-overlay .inner .search-results {
display: none;
}
@media (max-width: 767px) {
#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: 767px) {
#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: #949402;
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: #949402;
font-family: Averta, sans-serif;
font-size: 0.875rem;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
#growls {
padding: 0 1rem;
}
}
@media (max-width: 620px) {
#growls {
width: 98%;
}
}
#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);
}
@media (max-width: 620px) {
#growls .growl {
width: auto !important;
}
}
#growls .growl .button {
margin-top: 10px;
margin-right: 10px;
padding: 0.5rem 1.2rem;
text-align: center;
}
#growls .growl .button.btn-type-2 {
background: #fff;
color: #949402;
}
@media (max-width: 767px) {
#growls .growl .button {
font-size: 0.8rem;
}
#growls .growl .button.btn-type-2 {
border: none;
}
}
@media (max-width: 320px) {
#growls .growl .button {
padding: 8px 12px;
margin-right: 0;
}
}
#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: Nunito, sans-serif;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.25rem;
color: #212121;
}
#growls .growl .growl-message {
font-family: Nunito, sans-serif;
font-size: 1rem;
font-weight: 700;
line-height: 1.125rem;
margin-right: 15px;
color: #212121;
}
@media (max-width: 767px) {
#growls .growl .growl-message {
font-size: 0.7777777778rem;
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: #949402;
font-size: 1.8rem;
padding: 3px;
}
a.forgot-password {
font-size: 0.6666666667rem;
color: #212121;
}
.add-to-favorite {
transition: all 0.1s ease-in;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
background-image: url("/frontend/images/icons/heart.svg");
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
}
.add-to-favorite.active, .add-to-favorite:hover {
background-image: url("/frontend/images/icons/heart_filled.svg");
}
.product-labels {
display: flex;
flex-direction: column;
position: absolute;
top: 10px;
right: 10px;
left: auto;
}
.product-labels .product-label {
margin-bottom: 5px;
z-index: 1;
font-family: Nunito, sans-serif;
font-weight: bold;
border-radius: 15px;
font-size: 0.6666666667rem;
text-transform: uppercase;
line-height: 14px;
text-align: center;
color: #fff;
display: block;
padding: 8px 19px;
}
.user-link {
padding: 20px 0 20px 48px;
display: block;
color: #212121;
font-family: Nunito, sans-serif;
font-size: 0.7777777778rem;
font-weight: 700;
background-size: 1rem;
background-repeat: no-repeat;
background-position-y: center;
background-position-x: 1rem;
}
.user-link.user-logout-link {
border-top: 1px solid #212121;
}
body #cconsent-bar {
background: #212121;
color: #fff;
}
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: #949402;
}
@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;
}
.accordion > .item {
margin-bottom: 0.625rem;
background: #FFFFFF;
border-bottom: 1px solid #DBD4D4;
}
.accordion > .item.active .accordion-title {
background-image: url(/frontend/images/icons/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/down.svg);
background-position: right center;
background-repeat: no-repeat;
}
@media (max-width: 767px) {
.accordion > .item .accordion-title {
padding: 10px;
}
}
.accordion > .item .accordion-body {
display: none;
padding: 20px;
}
@media (max-width: 767px) {
.accordion > .item .accordion-body {
padding: 10px;
}
}
.responsive-filters-toggle {
display: none;
cursor: pointer;
font-weight: 600;
font-size: 0.7777777778rem;
line-height: 20px;
letter-spacing: 1px;
padding: 0;
width: 40px;
height: 40px;
text-align: center;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.responsive-filters-toggle {
display: inline-flex;
}
}
.responsive-close-filters {
display: none;
}
@media only screen and (max-width: 991px) {
.responsive-close-filters {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
margin: 0;
display: inline-flex;
justify-content: center;
align-items: center;
}
}
.system-message {
border: 1px solid;
margin: 10px 0px;
padding: 15px 10px 15px 10px;
background-repeat: no-repeat;
background-position: 10px center;
position: relative;
}
.system-message .system-message-close {
opacity: 0;
position: absolute;
top: 0;
right: 0;
background: #fff;
width: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%;
-webkit-transform: translate(50%, -50%);
transform: translate(50%, -50%);
transition: all 0.2s ease-in;
cursor: pointer;
}
.system-message:hover .system-message-close {
opacity: 1;
}
.system-message.error-message {
color: #D8000C;
background-color: #FFBABA;
}
.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 #949402;
background: #949402;
}
.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: 767px) {
.sp-block-outer.horizontal-scroll .items-grid .product-display-grid {
width: 180px;
}
}
@media (max-width: 767px) {
.sp-block-outer.horizontal-scroll .section-title {
padding-right: 70px;
}
}
.back-to-top {
cursor: pointer;
position: fixed;
z-index: 9;
bottom: 30px;
right: 30px;
background: #fff;
border: 1px solid #333333;
width: 30px;
height: 30px;
text-align: center;
border-radius: 50%;
line-height: 30px;
transition: all 0.2s ease-in;
display: flex;
justify-content: center;
align-items: center;
}
.back-to-top svg {
width: 20px;
}
.back-to-top:hover {
background: #333333;
color: #fff;
}
.custom-dropdown {
background-color: #ffffff;
position: relative;
}
.custom-dropdown .dropdown-open {
text-align: left;
cursor: pointer;
padding: 0.8125rem 15px;
line-height: 30px;
}
.custom-dropdown .dropdown-open::after {
content: "";
background-image: url(/frontend/images/icons/arrow_down.png);
width: 10px;
height: 6px;
top: 50%;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 2rem;
}
.custom-dropdown.active {
box-shadow: 9px 13px 43px rgba(73, 79, 98, 0.12);
}
.custom-dropdown.active .dropdown-open::after {
background-image: url(/frontend/images/icons/arrow_up.png);
}
.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 rgba(237, 28, 36, 0.24776);
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: rgba(237, 28, 36, 0.2);
}
.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;
grid-gap: 30px;
}
@media (max-width: 560px) {
.custom-grid .items {
grid-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: 767px) {
.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: 767px) {
.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: 767px) {
.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: 767px) {
.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 {
grid-gap: 0;
}
.inline-data {
padding: 0;
}
.inline-data .item {
padding: 10px 0;
}
.inline-data .item:not(.no-grid) {
display: grid;
grid-template-columns: minmax(0, 40%) minmax(0, 60%);
grid-column-gap: 20px;
}
.inline-data .item:not(:last-child) {
border-bottom: 1px solid #e1e1e9;
}
.inline-data .item.no-border {
border-bottom: 0 none;
}
.inline-data .item .left {
font-weight: bold;
font-size: 0.8333333333rem;
}
.inline-data .item .right {
font-size: 0.8333333333rem;
}
.hidden-column {
display: none !important;
}
.hidden-column + div {
width: 100% !important;
}
.slick-dots {
display: block;
position: absolute;
bottom: 0;
}
.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: #949402;
border-radius: 50%;
}
.padding-vertical {
padding: 50px 0;
}
@media (max-width: 991px) {
.padding-vertical {
padding: 30px 0 0 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: 767px) {
.hidden-mobile {
display: none !important;
}
}
.price {
display: flex;
flex-wrap: wrap;
-webkit-column-gap: 5px;
column-gap: 5px;
font-style: normal;
font-weight: 900;
font-size: 28px;
line-height: normal;
text-align: center;
color: #393C39;
}
@media (max-width: 1199px) {
.price {
font-size: 22px;
}
}
.price .separator {
color: #BBBBBB;
font-weight: normal;
display: inline-flex;
align-items: center;
}
.price .separator-circle {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 50%;
background: #D5D5D5;
}
.price-per-unit,
.lowest-price {
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 14px;
line-height: normal;
}
.price-per-unit .price,
.lowest-price .price {
font-size: 14px;
line-height: normal;
color: #212121;
}
form.item-cart {
display: flex;
align-items: center;
gap: 15px;
width: 100%;
position: relative;
z-index: 0;
}
@media (max-width: 1199px) {
form.item-cart {
gap: 5px;
}
}
@media (max-width: 380px) {
form.item-cart {
flex-direction: column;
}
}
form.item-cart .cart-amount {
flex: 1;
display: flex;
align-content: center;
}
form.item-cart .cart-amount input[name=qty] {
-moz-appearance: textfield !important;
}
form.item-cart .cart-amount input[name=qty]::-webkit-outer-spin-button, form.item-cart .cart-amount input[name=qty]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
form.item-cart .cart-amount .qty-minus,
form.item-cart .cart-amount .qty-plus {
width: 40px;
height: 40px;
justify-content: center;
align-items: center;
display: inline-flex;
cursor: pointer;
}
@media (max-width: 480px) {
form.item-cart .cart-amount .qty-minus,
form.item-cart .cart-amount .qty-plus {
flex: 0 0 15px;
}
}
form.item-cart .cart-amount .qty-wrapper {
flex: 1;
display: flex;
align-items: baseline;
justify-content: center;
gap: 4px;
}
form.item-cart .cart-amount .qty-wrapper [name=qty] {
border: 0 none;
line-height: normal;
height: 40px;
text-align: right;
padding: 0;
font-weight: 900;
font-size: 18px;
color: #212121;
width: 100%;
flex: 1;
-moz-appearance: textfield !important;
}
@media (max-width: 767px) {
form.item-cart .cart-amount .qty-wrapper [name=qty] {
font-size: 16px;
}
}
@media (max-width: 480px) {
form.item-cart .cart-amount .qty-wrapper [name=qty] {
text-align: center;
}
}
form.item-cart .cart-amount .qty-wrapper [name=qty]::-webkit-outer-spin-button, form.item-cart .cart-amount .qty-wrapper [name=qty]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
form.item-cart .cart-amount .qty-wrapper .measure {
font-weight: 300;
font-size: 20px;
line-height: 27px;
text-align: center;
color: #212121;
height: 40px;
display: inline-flex;
align-items: center;
flex: 1;
}
@media (max-width: 1199px) {
form.item-cart .cart-amount .qty-wrapper .measure {
font-size: 16px;
}
}
@media (max-width: 480px) {
form.item-cart .cart-amount .qty-wrapper .measure {
display: none;
}
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
@media (min-width: 1400px) {
body.fixed .sp-block-outer.sp-block-outer-header .header-second .header-second-content .column-1 nav ul li > a, body.fixed .sp-block-outer.sp-block-outer-header .header-second .header-second-content .column-1 nav ul li > span {
padding: 15px 20px;
}
}
body.fixed .sp-block-outer.sp-block-outer-header .header-third {
height: 0;
overflow: hidden;
}
.sp-block-outer.sp-block-outer-header {
position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
background: #FFFFFF;
box-shadow: 0px 10px 35px -10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 550px) {
.sp-block-outer.sp-block-outer-header.en .logo {
height: 50px;
width: auto;
}
}
.sp-block-outer.sp-block-outer-header.en .header-first-content {
gap: 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-header.en .header-first-content {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-1 {
grid-column: 1;
grid-row: 1;
}
}
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-2 {
flex: 1;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-2 {
grid-column: 1/-1;
grid-row: 2;
}
}
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-2 ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-2 ul li a {
display: inline-block;
padding: 25px 40px;
font-weight: 700;
font-size: 20px;
line-height: 27px;
text-align: center;
color: #212121;
cursor: pointer;
transition: all 0.2s;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-2 ul li a {
padding: 15px 20px;
font-size: 18px;
line-height: normal;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-2 ul li a {
font-size: 16px;
padding: 5px 10px;
}
}
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-2 ul li a:hover {
color: #949402;
}
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-3 {
text-align: right;
flex: unset;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-3 {
display: block;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-3 {
grid-column: 2;
grid-row: 1;
}
}
.sp-block-outer.sp-block-outer-header.en .header-first-content .column-3 a {
justify-content: flex-end;
display: flex;
text-align: right;
align-items: flex-end;
margin: 0;
}
.sp-block-outer.sp-block-outer-header .home-link {
display: none;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .home-link {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
flex: 0 0 40px;
}
.sp-block-outer.sp-block-outer-header .home-link img {
width: 30px;
height: 30px;
}
}
.sp-block-outer.sp-block-outer-header .logo {
display: inline-flex;
flex-direction: column;
gap: 2px;
width: 200px;
height: 100%;
}
.sp-block-outer.sp-block-outer-header .logo img,
.sp-block-outer.sp-block-outer-header .logo svg {
max-width: 200px;
width: 100%;
max-height: 100px;
height: auto;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-header .logo {
width: 160px;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-header .logo {
width: auto;
}
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-header .logo img,
.sp-block-outer.sp-block-outer-header .logo svg {
width: 160px;
height: auto;
}
}
@media (max-width: 1199px) and (max-width: 550px) {
.sp-block-outer.sp-block-outer-header .logo img,
.sp-block-outer.sp-block-outer-header .logo svg {
width: 100px;
}
}
.sp-block-outer.sp-block-outer-header .logo .logo-label {
font-weight: 500;
font-size: 17px;
line-height: 25px;
color: #212121;
text-align: center;
text-transform: uppercase;
display: flex;
justify-content: space-between;
padding: 0 10px;
}
.sp-block-outer.sp-block-outer-header ul {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.sp-block-outer.sp-block-outer-header .cart {
position: relative;
}
.sp-block-outer.sp-block-outer-header .amount {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-align: center;
color: #FFFFFF;
position: absolute;
background: #949402;
top: -13px;
right: -15px;
border-radius: 50%;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .amount {
top: -4px;
right: 1px;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .container {
padding: 0;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content {
display: flex;
gap: 48px;
align-items: center;
padding-top: 0;
transition: all 0.2s;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-header .header-first-content {
padding: 5px 0;
gap: 4px;
}
}
@media (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content {
padding: 0;
}
}
@media (max-width: 1199px) and (max-width: 991px) and (max-width: 550px) {
.sp-block-outer.sp-block-outer-header .header-first-content {
gap: 0;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 {
display: flex;
align-items: center;
gap: 18px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 {
gap: 4px;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper {
background: #949402;
display: none;
align-items: center;
gap: 60px;
height: 66px;
padding: 20px;
box-sizing: border-box;
cursor: pointer;
transition: all 0.2s;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper {
display: inline-flex;
justify-content: center;
}
}
@media (max-width: 991px) and (max-width: 550px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper {
padding: 0;
width: 50px;
height: 50px;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper.active, .sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper:hover {
background: #FFF;
border-color: #FFF;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper.active .main-menu-label, .sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper:hover .main-menu-label {
color: #949402;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper.active .main-menu-toggle span, .sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper:hover .main-menu-toggle span {
background: #949402;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper.active .main-menu-toggle::before, .sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper:hover .main-menu-toggle::before {
background: #949402;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper.active .main-menu-toggle::after, .sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper:hover .main-menu-toggle::after {
background: #949402;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper.active.active .main-menu-toggle span, .sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper:hover.active .main-menu-toggle span {
background: transparent;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper.active.active .main-menu-toggle::before, .sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper:hover.active .main-menu-toggle::before {
top: 50%;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper.active.active .main-menu-toggle::after, .sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper:hover.active .main-menu-toggle::after {
top: 50%;
-webkit-transform: rotate(-45deg) translateY(-50%);
transform: rotate(-45deg) translateY(-50%);
width: 30px;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper .main-menu-toggle {
display: block;
height: 32px;
width: 32px;
position: relative;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper .main-menu-toggle span {
display: block;
width: 16px;
height: 1px;
background: #FFF;
position: absolute;
left: 0;
top: 15px;
transition: all 0.2s ease;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper .main-menu-toggle::before {
content: "";
display: block;
background: #FFF;
width: 30px;
height: 1px;
position: absolute;
left: 0;
top: 7px;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.2s ease;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-1 .main-menu-toggle-wrapper .main-menu-toggle::after {
content: "";
display: block;
background: #FFF;
width: 24px;
height: 1px;
position: absolute;
left: 0;
bottom: 7px;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.2s ease;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 {
padding: 4px 0;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form {
position: relative;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form {
display: none;
position: fixed;
top: 80px;
left: 0;
right: 0;
padding: 4px;
background: #fff;
border-top: 1px solid #949402;
box-shadow: 0px 10px 35px -10px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
}
@media (max-width: 767px) and (max-width: 550px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form {
top: 50px;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form.active {
display: block;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form [name=keyword] {
padding: 16px 100px 16px 20px;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #212121;
background: #EFEFEF;
border-radius: 5px;
border: 0 none;
box-sizing: border-box;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form [name=keyword] {
padding: 16px 50px 16px 20px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form [name=keyword] {
max-width: 200px;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form [name=keyword] {
width: 100%;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form [name=keyword]::-webkit-input-placeholder {
color: #747474;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form [name=keyword]:-ms-input-placeholder {
color: #747474;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form [name=keyword]::-ms-input-placeholder {
color: #747474;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form [name=keyword]::placeholder {
color: #747474;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-2 form button {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
border: 0 none;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 {
flex: 1;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 {
display: none;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul {
gap: 50px;
}
@media (max-width: 1299px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul {
gap: 30px;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li a {
padding: 5px;
font-weight: 300;
font-size: 14px;
line-height: 19px;
color: #212121;
position: relative;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li a:hover {
color: #949402;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.webshop a span {
display: none;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.webshop a:after {
content: url(/frontend/76webshop.svg);
position: absolute;
width: 96px;
top: -30px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.webshop a:after {
width: 75px;
top: -25px;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.vedrini-kuhinja {
margin-left: 30px;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.vedrini-kuhinja a span {
display: none;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.vedrini-kuhinja a:after {
content: url(/frontend/62kuhinja.svg);
position: absolute;
width: 96px;
top: -30px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.vedrini-kuhinja a:after {
width: 75px;
top: -25px;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.vedrini-ucionica {
margin-left: 30px;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.vedrini-ucionica a span {
display: none;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.vedrini-ucionica a:after {
content: url(/frontend/60ucionica.svg);
position: absolute;
width: 96px;
top: -32px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.vedrini-ucionica a:after {
width: 75px;
top: -25px;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.o-nama {
margin-left: 53px;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.o-nama a span {
display: none;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.o-nama a:after {
content: url(/frontend/65onama.svg);
position: absolute;
width: 96px;
top: -35px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.o-nama a:after {
width: 75px;
top: -25px;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.english-version {
margin-left: 53px;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.english-version a span {
display: none;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.english-version a:after {
content: url(/frontend/75englishversion.svg);
position: absolute;
width: 95px;
top: -31px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-3 ul li.english-version a:after {
width: 75px;
top: -25px;
}
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 {
flex: 1;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul {
justify-content: flex-end;
gap: 20px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul {
gap: 18px;
}
}
@media (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul {
gap: 4px;
}
}
@media (max-width: 1199px) and (max-width: 991px) and (max-width: 550px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul {
gap: 0;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li {
display: inline-flex;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li > a, .sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li > span {
display: inline-flex;
gap: 12px;
align-items: center;
justify-content: center;
font-weight: 300;
font-size: 14px;
line-height: 19px;
color: #212121;
height: 40px;
min-width: 40px;
cursor: pointer;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li > a:hover, .sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li > span:hover {
color: #949402;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li > a svg, .sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li > span svg {
width: 20px;
height: 20px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
}
@media (max-width: 550px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li.account .account-label {
display: none;
}
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li.search-toggle-wrapper {
display: none;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li.search-toggle-wrapper .search-toggle .close {
display: none;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li.search-toggle-wrapper .search-toggle.active .open {
display: none;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li.search-toggle-wrapper .search-toggle.active .close {
display: inline-flex;
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 ul li.mini-cart {
display: none;
}
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 .favorites {
position: relative;
}
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 .favorites .amount {
top: -10px;
right: -7px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-first-content .column-4 .favorites .amount {
top: -4px;
}
}
.sp-block-outer.sp-block-outer-header .header-second-content {
display: flex;
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-header .header-second-content {
gap: 20px;
}
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 {
flex: 1;
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 {
overflow: auto;
}
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul {
margin-left: -20px;
}
@media (max-width: 1399px) {
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul {
margin-left: 0;
}
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul.mobile {
display: none;
}
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul li > a, .sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul li > span {
display: inline-block;
padding: 15px 20px;
font-weight: 700;
font-size: 20px;
line-height: 27px;
text-align: center;
color: #212121;
cursor: pointer;
transition: all 0.2s;
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul li > a, .sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul li > span {
white-space: nowrap;
}
}
@media (max-width: 1399px) {
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul li > a, .sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul li > span {
padding: 15px;
}
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul li > a:hover, .sp-block-outer.sp-block-outer-header .header-second-content .column-1 nav ul li > span:hover {
color: #949402;
}
@media (min-width: 992px) {
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 .overlay-close {
display: none;
}
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-second-content .column-1 {
display: none;
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-1.active {
padding-top: 40px;
display: block;
position: fixed;
left: 0;
top: 0;
bottom: 0;
width: 400px;
max-width: 100%;
background: #fff;
box-shadow: 0px 10px 35px 1px rgba(0, 0, 0, 0.1);
overflow: auto;
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-1.active nav ul {
flex-direction: column;
align-items: flex-start;
margin: 0;
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-1.active nav ul:not(:last-child) {
padding-bottom: 16px;
margin-bottom: 16px;
border-bottom: 1px solid #CACACA;
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-1.active nav ul li a {
padding: 6px 10px;
}
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-2 {
display: flex;
align-items: center;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-second-content .column-2 {
display: none;
}
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-2 ul li > a, .sp-block-outer.sp-block-outer-header .header-second-content .column-2 ul li > span {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 16px;
height: 40px;
min-width: 40px;
cursor: pointer;
position: relative;
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-2 ul li > a .cart-amount .price-value, .sp-block-outer.sp-block-outer-header .header-second-content .column-2 ul li > span .cart-amount .price-value {
font-style: normal;
font-weight: 900;
font-size: 20px;
line-height: 27px;
color: #949402;
}
.sp-block-outer.sp-block-outer-header .header-second-content .column-2 ul li > a .cart-amount .separator, .sp-block-outer.sp-block-outer-header .header-second-content .column-2 ul li > span .cart-amount .separator {
font-size: 20px;
line-height: normal;
}
.sp-block-outer.sp-block-outer-header .header-third {
background: #F8F5EE;
height: 51px;
transition: all 0.2s;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-header .header-third {
display: none;
}
}
.sp-block-outer.sp-block-outer-header .header-third .header-third-content {
padding: 13px 0;
}
.sp-block-outer.sp-block-outer-header .header-third .header-third-content ul {
display: flex;
overflow: auto;
gap: 15px;
}
.sp-block-outer.sp-block-outer-header .header-third .header-third-content ul li a {
margin-bottom: 5px;
white-space: nowrap;
font-style: normal;
font-weight: 700;
font-size: 12px;
text-transform: uppercase;
line-height: 14px;
color: #89807B;
display: inline-flex;
align-items: center;
padding: 6px 19px;
height: 25px;
border-radius: 15.5px;
background: #EFE7D7;
transition: all 0.2s;
box-sizing: border-box;
}
.sp-block-outer.sp-block-outer-header .header-third .header-third-content ul li a.active-trail, .sp-block-outer.sp-block-outer-header .header-third .header-third-content ul li a:hover {
background: #CDAD99;
color: #FFF;
}
.sp-block-outer.sp-block-outer-header .header-third .header-third-content ul li.green a {
color: #fff;
background: #949402;
}
.sp-block-outer.sp-block-outer-header .header-third .header-third-content ul li.green a:hover {
color: #949402;
background: #fff;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.sp-block-outer.sp-block-outer-footer footer {
padding: 150px 0 0 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.sp-block-outer.sp-block-outer-footer footer .container {
opacity: 0.85;
background: #fff;
padding: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter {
padding: 60px 70px 28px;
background: #EEE8D7;
border-radius: 5px;
display: flex;
gap: 90px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer #newsletter {
padding: 15px;
gap: 15px;
flex-direction: column;
}
}
.sp-block-outer.sp-block-outer-footer footer #newsletter .newsletter-title {
font-weight: 300;
font-size: 40px;
line-height: 55px;
color: #464B4E;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer footer #newsletter .newsletter-title {
font-size: 22px;
line-height: normal;
}
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form {
position: relative;
flex: 1;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .below-news {
margin-bottom: 16px;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper {
display: flex;
gap: 22px;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper .email-field {
width: 100%;
flex: 1;
background: #FFFFFF;
border-radius: 5px;
height: 54px;
padding: 16px 60px 16px 20px;
border: 0 none;
font-weight: 300;
font-size: 16px;
line-height: 22px;
color: #212121;
box-sizing: border-box;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper .email-field {
padding: 16px 20px;
}
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper .email-field::-webkit-input-placeholder {
color: #747474;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper .email-field:-ms-input-placeholder {
color: #747474;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper .email-field::-ms-input-placeholder {
color: #747474;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper .email-field::placeholder {
color: #747474;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper button {
right: 0;
height: 52px;
width: 52px;
flex: 0 0 52px;
background: #B99E50;
display: inline-flex;
justify-content: center;
align-items: center;
border: 0 none;
border-radius: 50%;
transition: all 0.2s;
cursor: pointer;
}
.sp-block-outer.sp-block-outer-footer footer #newsletter form .email-field-wrapper button:hover {
background: #949402;
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid {
padding: 55px 70px;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer footer .footer-grid {
padding: 20px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer footer .footer-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) and (max-width: 767px) and (max-width: 420px) {
.sp-block-outer.sp-block-outer-footer footer .footer-grid {
grid-template-columns: minmax(0, 1fr);
gap: 20px;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid .footer-menu-title {
font-weight: 700;
font-size: 10px;
line-height: 14px;
color: #89807B;
text-transform: uppercase;
margin-bottom: 14px;
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul li a {
padding: 0;
font-weight: 300;
font-size: 18px;
line-height: 36px;
color: #212121;
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul li a:hover {
color: #949402;
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul.social {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
gap: 10px;
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul.social li {
display: inline-block;
margin-top: 25px;
white-space: nowrap;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul.social li {
margin-top: 10px;
}
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul.social li a {
display: flex;
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul.social li img {
padding: 3px 0;
}
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul.social li img,
.sp-block-outer.sp-block-outer-footer footer .footer-grid ul.social li svg {
width: 40px;
height: 40px;
-o-object-fit: contain;
object-fit: contain;
}
.sp-block-outer.sp-block-outer-footer .footer-payments {
padding: 28px 0;
text-align: center;
}
.sp-block-outer.sp-block-outer-footer .footer-payments ul.payments {
display: flex;
justify-content: center;
gap: 15px;
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer .footer-payments ul.payments {
justify-content: center;
row-gap: 15px;
}
}
.sp-block-outer.sp-block-outer-footer .footer-payments ul.payments img {
height: 35px;
width: auto;
}
.sp-block-outer.sp-block-outer-footer .footer-certifications {
padding: 0 0 20px 0;
text-align: center;
}
.sp-block-outer.sp-block-outer-footer .footer-certifications ul.certifications {
display: flex;
justify-content: center;
gap: 15px;
list-style: none;
padding: 0;
margin: 0;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer .footer-certifications ul.certifications {
justify-content: center;
row-gap: 15px;
}
}
.sp-block-outer.sp-block-outer-footer .footer-certifications ul.certifications img {
height: 45px;
width: auto;
}
.sp-block-outer.sp-block-outer-footer .footer-copyright {
background: #fff;
}
.sp-block-outer.sp-block-outer-footer .footer-copyright a {
color: #212121;
}
.sp-block-outer.sp-block-outer-footer .footer-copyright .container {
padding: 0 70px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-footer .footer-copyright .container {
padding: 0 15px 25px 15px;
}
}
.sp-block-outer.sp-block-outer-footer .footer-copyright .inner {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 19px;
color: #212121;
padding: 39px 0;
border-top: 1px solid #EFE8D8;
gap: 30px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-footer .footer-copyright .inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
font-size: 12px;
line-height: normal;
padding: 25px 0;
}
}
.sp-block-outer.sp-block-outer-footer .signature img {
-o-object-fit: contain;
object-fit: contain;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
#cart-display {
top: 208px;
bottom: 0;
height: auto;
}
#cart-display.active .minicart-inner {
margin-right: 0;
}
@media (max-width: 991px) {
#cart-display {
top: 80px;
}
}
@media (max-width: 991px) and (max-width: 550px) {
#cart-display {
top: 50px;
}
}
#cart-display .minicart-inner {
position: absolute;
right: 0;
bottom: 0;
top: 0;
background: #fff;
padding: 25px 0;
width: 410px;
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 {
display: flex;
align-items: center;
gap: 8px;
}
#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-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.7222222222rem;
color: #212121;
flex: 1;
}
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-info .free-delivery-amount {
font-family: Nunito, sans-serif;
font-weight: bold;
font-size: 0.7777777778rem;
text-align: right;
color: #CE6243;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .cart-delivery-calculation .free-delivery-info .free-delivery-amount {
font-size: 0.7777777778rem;
}
}
#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: #949402;
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: 16px 25px;
border-bottom: 1px solid #F3F3F3;
scrollbar-width: 6px;
min-height: 150px;
}
@media (max-height: 991px) {
#cart-display .minicart-inner .minicart-items {
padding: 16px 15px;
border: 0 none;
margin: 0;
}
}
#cart-display .minicart-inner .minicart-items::-webkit-scrollbar {
width: 6px;
}
#cart-display .minicart-inner .minicart-items .items-label {
font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.7222222222rem;
color: #212121;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 10px;
}
#cart-display .minicart-inner .minicart-items .items-label .items-remove-all {
position: relative;
padding-right: 27px;
cursor: pointer;
}
#cart-display .minicart-inner .minicart-items .items-label .items-remove-all svg {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#cart-display .minicart-inner .minicart-items .items {
padding: 12px 0 0;
}
#cart-display .minicart-inner .minicart-items .items .item {
padding: 14px 0;
position: relative;
display: grid;
grid-template-columns: minmax(0, 90px) minmax(0, 100%);
gap: 20px;
}
@media (max-width: 767px) {
#cart-display .minicart-inner .minicart-items .items .item {
grid-template-columns: minmax(0, 70px) minmax(0, 100%);
gap: 5px;
}
}
#cart-display .minicart-inner .minicart-items .items .item a {
display: block;
}
#cart-display .minicart-inner .minicart-items .items .item img {
height: auto;
}
#cart-display .minicart-inner .minicart-items .items .item .is-gift,
#cart-display .minicart-inner .minicart-items .items .item a.product-brand {
font-style: normal;
font-weight: normal;
font-size: 0.6666666667rem;
line-height: 17px;
letter-spacing: 0.3px;
color: #949402;
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;
}
#cart-display .minicart-inner .minicart-items .items .item .is-gift {
display: block;
}
#cart-display .minicart-inner .minicart-items .items .item a.title {
font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.8888888889rem;
color: #212121;
margin-bottom: 12px;
padding-right: 15px;
}
#cart-display .minicart-inner .minicart-items .items .item .cart {
display: flex;
flex-direction: column;
gap: 8px;
justify-content: space-between;
align-items: flex-start;
}
#cart-display .minicart-inner .minicart-items .items .item .cart .item-cart {
width: auto;
}
#cart-display .minicart-inner .minicart-items .items .item .cart .item-cart.by-unit {
display: flex;
align-items: center;
}
#cart-display .minicart-inner .minicart-items .items .item .cart .item-cart.by-unit .unit {
margin-left: 5px;
}
#cart-display .minicart-inner .minicart-items .items .item .cart .item-cart .left {
height: 40px;
border: 1px solid #F3F3F3;
}
#cart-display .minicart-inner .minicart-items .items .item .cart .item-cart .left .qty-wrapper [name=qty] {
max-width: 100px;
}
#cart-display .minicart-inner .minicart-items .items .item .cart .price {
font-family: Nunito, sans-serif;
font-size: 0.8888888889rem;
line-height: 19px;
text-align: right;
color: #949697;
padding: 0;
}
#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: #949402;
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: #212121;
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: 20px;
padding: 16px 25px 0;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .minicart-summary {
padding: 0 15px;
}
}
#cart-display .minicart-inner .minicart-summary .cart-total {
display: grid;
grid-template-columns: minmax(0, 60%) minmax(0, 40%);
gap: 10px;
margin: 3px 0;
}
#cart-display .minicart-inner .minicart-summary .cart-total .total-label {
font-size: 0.7777777778rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000;
}
#cart-display .minicart-inner .minicart-summary .cart-total .price {
text-align: right;
padding: 0;
font-size: 0.7777777778rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
#cart-display .minicart-inner .minicart-summary .cart-total.delivery-total .total-label {
font-weight: bold;
}
#cart-display .minicart-inner .minicart-summary .cart-total.delivery-total .price {
font-weight: bold;
}
#cart-display .minicart-inner .minicart-summary .cart-total.main-total .total-label {
text-transform: uppercase;
font-size: 0.8888888889rem;
}
#cart-display .minicart-inner .minicart-summary .cart-total.main-total .price {
font-size: 1rem;
font-weight: bold;
color: #949697;
}
#cart-display .minicart-inner .minicart-actions {
display: grid;
grid-template-columns: minmax(0, 40%) minmax(0, 60%);
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 .minicart-update-cart,
#cart-display .minicart-inner .minicart-actions .minicart-checkout {
width: 100%;
box-sizing: border-box;
text-transform: none;
font-size: 0.7777777778rem;
white-space: normal;
text-align: center;
padding-left: 8px;
padding-right: 8px;
display: flex;
justify-content: center;
}
@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: 0.7777777778rem;
}
}
#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 .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;
}
}
#cart-display .minicart-inner .add-loyalty {
padding: 16px 25px 16px 25px;
border-bottom: 1px solid #F3F3F3;
background-color: #f8f5ee20;
}
@media (max-width: 400px) {
#cart-display .minicart-inner .add-loyalty {
padding: 0 15px 15px;
}
}
#cart-display .minicart-inner .add-loyalty label {
color: #212121;
}
#cart-display .minicart-inner .add-loyalty label b {
color: #949697;
}
#cart-display .minicart-inner .add-loyalty select {
width: 100%;
height: 34px;
margin-top: 6px;
margin-bottom: 6px;
border: 1px solid #CACACA;
border-radius: 5px;
background-color: #fff;
font-weight: 300;
font-size: 17px;
color: #212121;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
font-family: Nunito, sans-serif;
}
#cart-display .minicart-inner .add-loyalty .buttons {
display: flex;
justify-content: space-between;
gap: 6px;
}
#cart-display .minicart-inner .add-loyalty .buttons .button {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
line-height: 18px;
border-radius: 2px;
font-family: Nunito, sans-serif;
padding: 9px 12px;
}
#cart-display .minicart-inner .add-loyalty .buttons .button.apply {
max-width: 50%;
background-color: #fff;
color: #949402;
}
#cart-display .minicart-inner .add-loyalty .buttons .button.apply:hover {
background-color: #949402;
color: #fff;
}
#cart-display .minicart-inner .add-loyalty .buttons .button.remove {
background-color: #fff;
color: #89807B;
border: 1px solid #89807B;
}
#cart-display .minicart-inner .add-loyalty .buttons .button.remove:hover {
background-color: #89807B;
color: #fff;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.items-grid.checkout-view .child-items {
display: none;
}
.items-grid.checkout-view .items .product-display-grid {
width: 100%;
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 120px) minmax(0, 100%) minmax(0, 200px) minmax(0, 200px) minmax(0, 200px) minmax(0, 80px);
gap: 10px;
flex-direction: row;
align-items: center;
border: 0 none;
box-shadow: none;
-webkit-transform: none !important;
transform: none !important;
padding: 0;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid {
display: block;
border-top: 1px solid #E0E0E0;
padding: 5px 0;
}
.items-grid.checkout-view .items .product-display-grid:last-child {
border-bottom: 1px solid #E0E0E0;
}
}
@media (min-width: 768px) {
.items-grid.checkout-view .items .product-display-grid:hover {
border: 0 none;
}
}
.items-grid.checkout-view .items .product-display-grid .expand {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
cursor: pointer;
color: #949402;
}
.items-grid.checkout-view .items .product-display-grid .product-display-grid-image {
padding: 0 30px 0 0;
margin: 15px 0;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .product-display-grid-image {
width: 50px;
display: inline-block;
}
}
.items-grid.checkout-view .items .product-display-grid .product-display-grid-image img {
width: 52px;
height: 52px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
padding: 10px;
border: 1px solid #E0E0E0;
border-radius: 4px;
box-sizing: content-box;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .product-display-grid-image img {
width: 26px;
height: 26px;
padding: 5px;
}
}
.items-grid.checkout-view .items .product-display-grid:last-child .product-info,
.items-grid.checkout-view .items .product-display-grid:last-child .checkout-cart,
.items-grid.checkout-view .items .product-display-grid:last-child .prices,
.items-grid.checkout-view .items .product-display-grid:last-child .actions {
border-bottom: 1px solid #E0E0E0;
}
.items-grid.checkout-view .items .product-display-grid .product-info {
padding: 0;
margin: 0;
display: flex;
height: 100%;
align-items: center;
border-top: 1px solid #E0E0E0;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .product-info {
width: calc(100% - 60px - 30px);
display: inline-block;
border: 0 none !important;
}
}
.items-grid.checkout-view .items .product-display-grid .product-info .is-gift {
text-transform: uppercase;
color: #949402;
display: block;
font-size: 0.7222222222rem;
margin-right: 10px;
}
.items-grid.checkout-view .items .product-display-grid .product-info h3,
.items-grid.checkout-view .items .product-display-grid .product-info h3 a {
font-family: Nunito, sans-serif;
font-stretch: normal;
letter-spacing: normal;
margin: 0;
font-style: normal;
font-weight: bold;
font-size: 0.7777777778rem;
line-height: normal;
height: auto;
color: #071829;
}
.items-grid.checkout-view .items .product-display-grid .product-info .item-bulk-option {
border: 1px solid #949402;
padding: 10px 15px;
display: inline-block;
font-size: 0.8333333333rem;
color: #FFFFFF;
background: #949402;
margin-top: 15px;
cursor: pointer;
transition: all 0.2s;
}
.items-grid.checkout-view .items .product-display-grid .product-info .item-bulk-option:hover {
background: #FFFFFF;
color: #949402;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .product-info + .prices {
display: none;
}
}
.items-grid.checkout-view .items .product-display-grid .unit {
margin-left: 5px;
width: 35px;
font-size: 0.7777777778rem;
}
.items-grid.checkout-view .items .product-display-grid .checkout-cart {
display: flex;
align-items: center;
height: 100%;
border-top: 1px solid #E0E0E0;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .checkout-cart {
border: 0 none !important;
width: 50%;
display: inline-block;
margin-top: 10px;
}
}
.items-grid.checkout-view .items .product-display-grid .checkout-cart .item-cart {
opacity: 1;
position: relative;
bottom: auto;
white-space: nowrap;
padding: 16px 22px;
border: 1px solid #c5c3ba;
background-color: #fff;
display: flex;
justify-content: space-around;
align-items: center;
max-width: 100%;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .checkout-cart .item-cart {
padding: 5px;
}
}
.items-grid.checkout-view .items .product-display-grid .prices {
display: flex;
height: 100%;
align-items: center;
border-top: 1px solid #E0E0E0;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .prices {
border: 0 none !important;
width: 45%;
display: inline-block;
}
}
.items-grid.checkout-view .items .product-display-grid .prices .price {
display: table;
width: 100%;
color: #231f20;
font-weight: bold;
}
.items-grid.checkout-view .items .product-display-grid .prices .price .price-value {
font-size: 1.2222222222rem;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .prices .price .price-value {
font-size: 0.8888888889rem;
}
}
.items-grid.checkout-view .items .product-display-grid .prices .price .currency {
margin-left: 5px;
}
.items-grid.checkout-view .items .product-display-grid .actions {
display: flex;
height: 100%;
align-items: center;
border-top: 1px solid #E0E0E0;
justify-content: center;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .actions {
position: absolute;
top: 10px;
right: 0;
border: 0 none !important;
height: 25px;
}
}
.items-grid.checkout-view .items .product-display-grid .actions .cart-remove-item {
width: 40px;
height: 40px;
background: #D1DFEC;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .actions .cart-remove-item {
width: 25px;
height: 25px;
}
}
.items-grid.checkout-view .items .product-display-grid .actions .cart-remove-item:hover {
background: #fff;
}
@media (max-width: 767px) {
.items-grid.checkout-view .items .product-display-grid .actions .cart-remove-item svg {
width: 50%;
}
}
.items-grid.checkout-view .items .product-display-grid .actions .cart-remove-item svg * {
fill: #14477A;
}
.items-grid.checkout-view {
display: block !important;
margin-top: 15px;
margin-bottom: 50px;
padding: 0;
}
.items-grid.checkout-view.disabled input {
pointer-events: none !important;
}
.items-grid.checkout-view .checkout-list-headers {
width: 100%;
font-family: Nunito, sans-serif;
font-stretch: normal;
letter-spacing: normal;
font-style: normal;
font-weight: normal;
font-size: 0.6666666667rem;
line-height: 17px;
color: #030910;
margin-bottom: 15px;
display: grid;
grid-template-columns: minmax(0, 6fr) minmax(0, 3fr) minmax(0, 4fr) minmax(0, 1fr);
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 .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: #212121;
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;
background: #D1DFEC;
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;
}
.items-grid.checkout-view .items-remove-row .items-remove-all .icon svg * {
fill: #14477A;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.cart-content {
padding-bottom: 0 !important;
}
#cart-step-1 {
display: block;
}
#cart-step-1 .form-note {
color: #1D1D1D;
}
#cart-step-1 .cart-discount-title {
font-family: Nunito, sans-serif;
font-size: 1.1111111111rem;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #000000;
position: relative;
margin-bottom: 25px;
cursor: pointer;
}
@media (max-width: 767px) {
#cart-step-1 .cart-discount-title {
text-align: right;
}
}
#cart-step-1 .cart-discount-title svg {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
#cart-step-1 .cart-discount-title svg {
position: relative;
left: auto;
top: auto;
-webkit-transform: none;
transform: none;
vertical-align: sub;
}
}
#cart-step-1 .cart-discount-title svg * {
fill: #d47691;
}
@media (max-width: 767px) {
#cart-step-1 .cart-discount {
text-align: right;
margin: 10px 0;
}
#cart-step-1 .cart-discount .cart-discount-inner {
display: inline-block;
}
#cart-step-1 .cart-discount .cart-discount-inner .coupon-note {
float: left;
}
}
@media (max-width: 767px) {
#cart-step-1 .cart-discount form {
white-space: nowrap;
display: grid;
grid-template-columns: minmax(0, 100%) minmax(0, 100px);
}
}
#cart-step-1 .cart-discount form input {
height: 40px;
margin: 0;
}
#cart-step-1 .cart-discount form input[name=discount_coupon_name] {
padding: 10px 108px 10px 15px;
border: solid 1px #c5c3ba;
background-color: #fff;
vertical-align: top;
height: 40px;
}
@media (max-width: 767px) {
#cart-step-1 .cart-discount form input[name=discount_coupon_name] {
padding: 10px;
}
}
#cart-step-1 .cart-discount .coupon-note {
font-size: 0.6666666667rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
color: #8e8e8e;
}
#cart-step-1 .item-bulk-option {
padding: 5px 8px;
font-size: 15px;
text-align: center;
max-width: 230px;
margin-top: 12px;
border-radius: 3px;
cursor: pointer;
transition: all 0.2s ease-in;
color: #FFFFFF;
background-color: #949402;
border: 1px solid #949402;
}
#cart-step-1 .item-bulk-option:hover {
background-color: #FFFFFF;
color: #949402;
}
#cart-step-1 .price {
font-size: 20px;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
a.terms_of_use {
color: #949402;
}
a.terms_of_use:hover {
color: #949402;
}
#cart-step-2 .delivery-address {
margin-bottom: 20px;
}
#cart-step-2 .overview-section {
margin-top: 30px;
}
#cart-step-2 .delivery-address-data,
#cart-step-2 .private-r1-information {
margin-top: 15px;
}
#cart-step-2 .cart-donation label::after {
display: none !important;
}
#cart-step-2 .invalid {
border-color: #ac1111 !important;
}
#cart-step-2 .cart-login {
margin: 0;
background: #E9EFF6;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
padding: 30px 0;
}
#cart-step-2 .cart-login .login-label {
font-weight: 500;
font-size: 1.1111111111rem;
line-height: 24px;
color: #0E2F51;
}
#cart-step-2 .cart-login .button {
margin-left: 32px;
}
#cart-step-2 form label {
margin-bottom: 8px;
}
#cart-step-2 form label .label-text {
font-weight: bold;
font-size: 0.7777777778rem;
line-height: 20px;
color: #5A5A5A;
}
@media only screen and (max-width: 767px) {
#cart-step-2 form .basic-information {
margin-top: 2rem;
}
}
@media only screen and (max-width: 767px) {
#cart-step-2 form .form-group.date-of-birth .row > div {
width: 100%;
margin-bottom: 1rem;
}
}
@media only screen and (max-width: 767px) {
#cart-step-2 label.smaller-responsive {
font-size: 1rem;
width: 100%;
box-sizing: border-box;
}
}
#cart-step-2 .checkout-section {
margin: 0;
}
#cart-step-2 .checkout-section span.label {
font-weight: bold;
font-size: 1rem;
line-height: 22px;
color: #14477A;
margin: 0 0 15px 0;
}
#cart-step-2 .checkout-section .checkout-section-content {
padding: 22px;
border: 1px solid #EDEDED;
box-sizing: border-box;
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
#cart-step-3 .company-info form .form-row {
margin-top: 0;
margin-bottom: 0;
}
.sp-block-outer-container.checkout-content {
background: #F4F4F4;
margin-top: 65px;
}
.sp-block-outer-container.gifts-content {
background: #F4F4F4;
}
#cart {
background: #fff;
border: 1px solid #E0E0E0;
box-sizing: border-box;
box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.06);
border-radius: 2px;
}
@media (max-width: 767px) {
#cart {
border: 0 none;
left: -15px;
width: calc(100% + 30px);
position: relative;
}
}
#cart #no-results {
padding: 20px;
}
#cart #no-results ul {
margin-bottom: 0;
}
#cart #update-cart {
display: inline-block;
font-size: 0.8888888889rem;
line-height: 27px;
}
#cart.cart-failure {
padding-bottom: 10rem;
}
#cart .min-cart-diff {
background: #212121;
color: #fff;
padding: 20px;
text-align: center;
}
#cart .cart-steps {
position: relative;
padding-bottom: 16px;
}
#cart .cart-steps ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
white-space: nowrap;
}
#cart .cart-steps ul li {
display: inline-block;
border-bottom: 2px solid #BDBDBD;
border-radius: 2px;
padding: 15px 25px;
}
@media (max-width: 767px) {
#cart .cart-steps ul li {
padding: 10px;
margin: 0 !important;
vertical-align: top;
}
#cart .cart-steps ul li#cart-step-2-title {
padding: 10px 0;
}
}
#cart .cart-steps ul li#cart-step-1-title.active {
cursor: pointer;
}
#cart .cart-steps ul li:not(:last-child) {
margin-right: 30px;
}
#cart .cart-steps ul li .item {
max-width: 286px;
display: flex;
flex-direction: row;
align-items: center;
text-align: left;
}
#cart .cart-steps ul li .item svg {
margin-right: 13px;
height: 42px;
width: 50px;
}
@media (max-width: 767px) {
#cart .cart-steps ul li .item svg {
width: 25px;
height: auto;
}
}
#cart .cart-steps ul li .item svg * {
fill: #BDBDBD;
}
#cart .cart-steps ul li .item h3 {
margin: 0;
}
#cart .cart-steps ul li .item h3 p {
margin: 0;
font-weight: 500;
font-size: 1.1111111111rem;
line-height: 24px;
color: #23263B;
}
@media (max-width: 767px) {
#cart .cart-steps ul li .item h3 p {
font-size: 0.7777777778rem;
line-height: normal;
}
}
#cart .cart-steps ul li .item h3 p.colored {
font-size: 0.7777777778rem;
color: #949402;
margin-bottom: 4px;
}
@media (max-width: 767px) {
#cart .cart-steps ul li .item h3 p.colored {
font-size: 0.6666666667rem;
margin-bottom: 2px;
}
}
#cart .cart-steps ul li.active {
border-color: #949402;
}
#cart .cart-steps ul li.active svg * {
fill: #949402;
}
#cart .step-content {
padding: 30px 70px;
}
@media (max-width: 1024px) {
#cart .step-content {
padding: 30px 16px;
}
}
@media (max-width: 767px) {
#cart .step-content {
padding: 16px;
}
}
#cart .cart-step h1 {
padding: 30px 0;
}
@media (max-width: 767px) {
#cart .cart-step h1 {
padding: 10px 0;
font-size: 1.1111111111rem;
line-height: normal;
}
}
#cart .cart-step:not(.active) {
display: none;
}
#cart .cart-step .cart-back {
cursor: pointer;
float: left;
}
#cart .cart-step .cart-back .forward {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
float: left;
-webkit-filter: brightness(25%);
filter: brightness(25%);
}
#cart .cart-step .cart-back:hover .forward {
-webkit-filter: none;
filter: none;
}
#cart .cart-step .cart-proceed {
cursor: pointer;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
background: #949402;
color: #fff;
letter-spacing: 1px;
width: 350px;
max-width: 100%;
float: right;
text-transform: none;
transition: all 0.2s;
}
#cart .cart-step .cart-proceed:hover {
background: #fff;
color: #949402;
}
@media (max-width: 767px) {
#cart .cart-step .cart-proceed {
font-size: 20px;
}
}
@media (max-width: 510px) {
#cart .cart-step .cart-proceed {
width: auto;
float: unset;
}
}
.cart-action {
text-align: right;
}
.cart-action .cart-totals {
padding: 75px 0 15px;
text-align: right;
}
.cart-action .cart-totals .cart-total {
font-size: 0.8888888889rem;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: right;
color: #000;
display: flex;
align-items: center;
justify-content: space-between;
width: 444px;
max-width: 100%;
margin: 0 0 0 auto;
min-height: 34px;
border-top: 1px solid #E0E0E0;
}
.cart-action .cart-totals .cart-total .total-label {
font-weight: normal;
font-size: 14px;
line-height: 18px;
color: #5A5A5A;
text-align: left;
}
.cart-action .cart-totals .cart-total .price {
padding: 0;
font-weight: normal;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
font-size: 0.7777777778rem;
line-height: 18px;
text-align: right;
justify-content: flex-end;
}
.cart-action .cart-totals .cart-total.main-total {
padding: 15px 0;
}
.cart-action .cart-totals .cart-total.main-total .total-label,
.cart-action .cart-totals .cart-total.main-total .price {
font-style: normal;
font-weight: bold;
font-size: 0.7777777778rem;
line-height: 20px;
color: #949402;
}
.cart-action .button {
text-align: center;
width: 19.6875rem;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.cart-action .button {
width: 100%;
margin-left: 0;
margin-bottom: 1rem;
box-sizing: border-box;
}
}
#cart-confirm .inner {
background: #fff;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: fixed;
padding-bottom: 80px;
width: 60%;
height: 80vh;
overflow: hidden;
text-align: left;
background-position-y: -200px;
background-position-x: -60px;
}
@media (max-height: 767px) {
#cart-confirm .inner {
padding: 50px 10px 80px 50px !important;
height: 80vh;
}
}
@media (max-width: 1399px) {
#cart-confirm .inner {
width: 100%;
}
}
#cart-confirm .inner::after {
display: none;
}
@media (max-width: 767px) {
#cart-confirm .inner {
width: 99%;
}
}
#cart-confirm .inner .scrollable {
padding: 0 15px;
overflow: auto;
height: 100%;
scrollbar-width: 4px;
}
#cart-confirm .inner .scrollable .cart-items {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#cart-confirm .inner .scrollable .cart-action .cart-totals {
padding-top: 0;
}
#cart-confirm .inner .scrollable::-webkit-scrollbar {
width: 4px;
}
#cart-confirm .inner .scrollable .row:not(:last-child) {
margin-bottom: 30px;
}
#cart-confirm .inner .scrollable .cart-totals {
padding-bottom: 15px;
}
#cart-confirm .inner .cart-final-buttons {
text-align: right;
bottom: 0;
padding: 15px;
z-index: 9;
}
@media (max-width: 767px) {
#cart-confirm .inner .cart-final-buttons {
padding: 15px 10px;
}
}
#cart-confirm .inner .items-grid .product-display-grid {
flex-direction: row;
align-items: center;
padding: 6px 30px;
margin-bottom: 4px;
display: grid !important;
grid-template-columns: minmax(0, 2fr) minmax(0, 4fr) minmax(0, 3fr) minmax(0, 4fr) minmax(0, 1fr);
border: 1px solid #e9e9e9;
}
#cart-confirm .inner .items-grid .product-display-grid .product-display-grid-image {
width: auto;
margin-bottom: 0;
display: flex;
}
#cart-confirm .inner .items-grid .product-display-grid .product-display-grid-image img {
height: 100px;
width: auto;
}
#cart-confirm .inner .items-grid .product-display-grid .product-info h3 {
margin-bottom: 0;
}
#cart-confirm .inner .items-grid .product-display-grid .product-info h3 a {
text-align: left;
}
#cart-confirm .inner .items-grid .product-display-grid .checkout-cart .item-cart {
max-width: 240px;
}
#cart-confirm .inner .items-grid .product-display-grid .checkout-cart .item-cart .cart-amount {
height: 40px;
border: 1px solid #F3F3F3;
}
#cart-confirm .inner .items-grid .product-display-grid .checkout-cart .item-cart.pieces {
text-align: center;
}
#cart-confirm .inner .items-grid .product-display-grid .prices {
margin-bottom: 0;
}
#cart-confirm .inner .items-grid .product-display-grid .prices .price {
justify-content: center;
font-size: 20px;
}
#cart-confirm .inner .items-grid .product-display-grid .actions {
display: flex;
justify-content: flex-end;
}
#cart-confirm .inner .items-grid .product-display-grid .actions .cart-remove-item {
cursor: pointer;
}
@media (max-width: 767px) {
#cart-confirm .inner .items-grid .product-display-grid {
grid-template-columns: 2fr 8fr 1fr;
row-gap: 12px;
padding: 10px;
}
#cart-confirm .inner .items-grid .product-display-grid .product-display-grid-image {
grid-area: 1/1/4/2;
}
#cart-confirm .inner .items-grid .product-display-grid .product-info {
grid-area: 1/2/2/3;
}
#cart-confirm .inner .items-grid .product-display-grid .checkout-cart {
grid-area: 2/2/3/3;
}
#cart-confirm .inner .items-grid .product-display-grid .checkout-cart .cart-amount {
justify-content: start !important;
}
#cart-confirm .inner .items-grid .product-display-grid .prices {
grid-area: 3/2/4/3;
align-items: flex-start;
}
#cart-confirm .inner .items-grid .product-display-grid .actions {
grid-area: 2/3/3/4;
}
}
#cart-confirm .inner .payment-form.keks-pay {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 50px;
}
#cart-confirm .inner .payment-form.keks-pay .title {
margin: 0;
}
#cart-confirm .inner .payment-form.keks-pay ol {
display: inline-block;
text-align: left;
}
.sp-block-outer-cart .cart-items .coupon-box .cart-discount {
margin-bottom: 40px;
}
.sp-block-outer-cart .cart-items .coupon-box .cart-discount input[name=discount_coupon_name] {
padding: 2px 108px 2px 15px !important;
height: 34px !important;
}
.sp-block-outer-cart .cart-items .add-loyalty {
margin-top: 40px;
}
.sp-block-outer-cart .cart-items .add-loyalty select {
width: 100%;
max-width: 300px;
height: 34px;
margin-top: 6px;
margin-bottom: 6px;
border: 1px solid #CACACA;
border-radius: 5px;
background-color: #fff;
font-weight: 300;
font-size: 17px;
color: #212121;
cursor: pointer;
padding-left: 5px;
padding-right: 5px;
}
.sp-block-outer-cart .cart-items .add-loyalty .buttons .button {
font-weight: 400;
font-size: 20px;
line-height: 27px;
}
.sp-block-outer-cart .items-grid .product-display-grid {
flex-direction: row;
align-items: center;
padding: 6px 30px;
margin-bottom: 4px;
display: grid !important;
grid-template-columns: minmax(0, 2fr) minmax(0, 4fr) minmax(0, 3fr) minmax(0, 4fr) minmax(0, 1fr);
border: 1px solid #e9e9e9;
}
.sp-block-outer-cart .items-grid .product-display-grid .product-display-grid-image {
width: auto;
margin-bottom: 0;
display: flex;
}
.sp-block-outer-cart .items-grid .product-display-grid .product-display-grid-image img {
height: 100px;
width: auto;
}
.sp-block-outer-cart .items-grid .product-display-grid .product-info h3 {
margin-bottom: 0;
}
.sp-block-outer-cart .items-grid .product-display-grid .product-info h3 a {
text-align: left;
}
.sp-block-outer-cart .items-grid .product-display-grid .checkout-cart .item-cart {
max-width: 240px;
}
.sp-block-outer-cart .items-grid .product-display-grid .checkout-cart .item-cart .cart-amount {
height: 40px;
border: 1px solid #F3F3F3;
}
.sp-block-outer-cart .items-grid .product-display-grid .checkout-cart .item-cart.pieces {
text-align: center;
}
.sp-block-outer-cart .items-grid .product-display-grid .prices {
margin-bottom: 0;
}
.sp-block-outer-cart .items-grid .product-display-grid .prices .price {
justify-content: center;
}
.sp-block-outer-cart .items-grid .product-display-grid .actions {
display: flex;
justify-content: flex-end;
}
.sp-block-outer-cart .items-grid .product-display-grid .actions .cart-remove-item {
cursor: pointer;
}
@media (max-width: 767px) {
.sp-block-outer-cart .items-grid .product-display-grid {
grid-template-columns: 2fr 8fr 1fr;
row-gap: 12px;
padding: 10px;
}
.sp-block-outer-cart .items-grid .product-display-grid .product-display-grid-image {
grid-area: 1/1/4/2;
}
.sp-block-outer-cart .items-grid .product-display-grid .product-info {
grid-area: 1/2/2/3;
}
.sp-block-outer-cart .items-grid .product-display-grid .checkout-cart {
grid-area: 2/2/3/3;
}
.sp-block-outer-cart .items-grid .product-display-grid .checkout-cart .cart-amount {
justify-content: start !important;
}
.sp-block-outer-cart .items-grid .product-display-grid .prices {
grid-area: 3/2/4/3;
align-items: flex-start;
}
.sp-block-outer-cart .items-grid .product-display-grid .actions {
grid-area: 2/3/3/4;
}
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.items-grid .product-display-grid {
background: #fff;
display: flex !important;
flex-direction: column;
align-items: flex-start;
padding: 24px 16px;
border: 1px solid #CACACA;
border-radius: 5px;
box-sizing: border-box;
}
@media only screen and (max-width: 1299px) {
.items-grid .product-display-grid {
padding: 10px;
}
}
@media only screen and (max-width: 480px) {
.items-grid .product-display-grid {
padding: 10px 5px;
}
}
.items-grid .product-display-grid .send-inquiry.button {
border-radius: 30px;
background-color: #949402 !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.items-grid .product-display-grid .send-inquiry.button .text {
color: #fff;
}
.items-grid .product-display-grid .send-inquiry.button:hover .text {
color: #212121;
}
.items-grid .product-display-grid .product-display-grid-image {
margin-bottom: 22px;
display: block;
width: 100%;
position: relative;
}
.items-grid .product-display-grid .product-display-grid-image img {
width: 100%;
height: 240px;
-o-object-fit: contain;
object-fit: contain;
position: relative;
}
@media (max-width: 767px) {
.items-grid .product-display-grid .product-display-grid-image img {
height: 140px;
}
}
.items-grid .product-display-grid .product-display-grid-image .discount-mark {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #FF7D09;
border-radius: 50%;
font-weight: 900;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
}
.items-grid .product-display-grid .product-display-grid-image .discount-mark ~ .is-new {
top: 70px;
}
.items-grid .product-display-grid .product-display-grid-image .is-new {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #FF7D09;
border-radius: 50%;
font-weight: 900;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
}
.items-grid .product-display-grid .product-display-grid-image .labels-right {
position: absolute;
top: 0;
right: 0;
display: inline-flex;
flex-direction: column-reverse;
align-items: flex-end;
}
.items-grid .product-display-grid h3 {
margin: 0 0 10px 0;
width: 100%;
}
.items-grid .product-display-grid h3 a {
display: block;
font-weight: 700;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #212121;
}
@media (max-width: 480px) {
.items-grid .product-display-grid h3 a {
font-size: 16px;
line-height: 22px;
word-break: break-word;
}
}
@media (max-width: 375px) {
.items-grid .product-display-grid h3 a {
font-size: 14px;
line-height: 20px;
}
}
.items-grid .product-display-grid .prices {
width: 100%;
margin-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
justify-content: flex-end;
}
.items-grid .product-display-grid .prices .price {
justify-content: center;
}
.items-grid .product-display-grid .prices .price.invalid {
font-weight: 400;
font-size: 16px;
line-height: 22px;
text-align: center;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #ADADAD;
}
@media (max-width: 480px) {
.items-grid .product-display-grid .prices .price {
font-size: 18px;
}
}
@media (max-width: 375px) {
.items-grid .product-display-grid .prices .price {
font-size: 16px;
}
}
.items-grid .product-display-grid .prices .lowest-price {
margin-top: 8px;
align-items: center;
}
.items-grid .product-display-grid .prices .lowest-price .lowest-label {
text-align: center;
}
.items-grid .product-display-grid .prices .lowest-price .price {
color: #ADADAD;
}
.items-grid .product-display-grid .cart {
width: 100%;
display: flex;
}
@media (max-width: 480px) {
.items-grid .product-display-grid .cart .item-cart {
gap: 10px;
}
}
.items-grid .product-display-grid .cart .send-inquiry.button {
margin-right: auto;
margin-left: auto;
}
.items-grid .product-display-grid .cart .button {
border: 0 none;
background: transparent;
height: 60px;
min-width: 60px;
gap: 15px;
padding: 0;
align-items: center;
display: inline-flex;
}
@media (max-width: 1199px) {
.items-grid .product-display-grid .cart .button {
height: 40px;
min-width: 40px;
}
}
.items-grid .product-display-grid .cart .button .icon {
height: 60px;
width: 60px;
}
@media (max-width: 1199px) {
.items-grid .product-display-grid .cart .button .icon {
height: 40px;
width: 40px;
}
}
@media (max-width: 550px) {
.items-grid .product-display-grid .cart .button .text {
line-height: 1;
font-size: 12px;
}
}
@media (max-width: 1199px) {
.items-grid .product-display-grid .cart .button svg {
width: 22px;
height: 22px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
}
.items-grid .product-display-grid .cart .button svg * {
fill: #fff;
transition: all 0.2s;
}
.items-grid .product-display-grid .cart .button:hover svg * {
fill: #212121;
}
.items-grid:not(.empty) {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 25px;
}
@media only screen and (max-width: 991px) {
.items-grid:not(.empty) {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media only screen and (max-width: 767px) {
.items-grid:not(.empty) {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-webkit-column-gap: 8px;
column-gap: 8px;
}
}
.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;
}
}
.items-grid.no-results {
display: block;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") 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: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
@media (max-width: 450px) {
.blog-item {
margin-bottom: 30px;
}
}
.blog-item .image {
border-left: 15px solid #C26B01;
border-bottom: 15px solid #C26B01;
border-top: 5px solid #C26B01;
border-right: 5px solid #C26B01;
background: #666909;
border-radius: 30px;
overflow: hidden;
margin-bottom: 20px;
display: flex;
}
.blog-item .image img {
height: 256px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 30px;
overflow: hidden;
}
.blog-item .blog-category {
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.blog-item .blog-category .category {
font-weight: 700;
font-size: 10px;
line-height: 14px;
color: #89807B;
padding: 0 16px;
background: #EFE7D7;
border-radius: 15.5px;
height: 25px;
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
transition: all 0.2s;
}
.blog-item .blog-category .category:hover {
background: #949402;
color: #fff;
}
.blog-item .blog-category time {
font-weight: 300;
font-size: 14px;
line-height: 19px;
color: #212121;
white-space: nowrap;
text-transform: lowercase;
}
.blog-item h2 {
font-style: normal;
font-weight: 800;
font-size: 35px;
line-height: 40px;
color: #464B4E;
margin: 0 0 14px 0;
transition: all 0.2s;
}
@media (max-width: 767px) {
.blog-item h2 {
font-size: 20px;
line-height: normal;
}
}
.blog-item .description {
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #212121;
margin: 0 0 19px 0;
}
.blog-item .show-more {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #FF7D09;
transition: all 0.2s;
}
.blog-item .show-more:hover {
color: #949402;
}
.blog-custom-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-column-gap: 20px;
grid-row-gap: 40px;
align-items: flex-start;
}
@media (max-width: 767px) {
.blog-custom-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 767px) and (max-width: 500px) {
.blog-custom-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.blog-custom-grid.vertical {
display: flex;
flex-direction: column;
gap: 30px;
}
.blog-grid {
margin-bottom: 80px;
}
.blog-grid .blog-grid-content {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-column-gap: 25px;
grid-row-gap: 44px;
align-items: flex-start;
}
@media (max-width: 1199px) {
.blog-grid .blog-grid-content {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 767px) {
.blog-grid .blog-grid-content {
grid-gap: 15px;
margin-bottom: 0;
padding-bottom: 35px;
}
}
@media (max-width: 450px) {
.blog-grid .blog-grid-content {
grid-template-columns: minmax(0, 1fr);
}
}
.blog-grid .items-pager {
margin-top: 80px;
}
@media (max-width: 450px) {
.blog-grid .items-pager {
margin-top: 55px;
}
}
.blog-grid .items-pager button {
border-radius: 31px;
height: 60px;
box-sizing: border-box;
padding-left: 75px;
padding-right: 75px;
font-weight: 800;
font-size: 20px;
line-height: 27px;
text-align: center;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") 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: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") 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: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
@media only screen and (min-width: 992px) {
.product-filters {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 991px) {
.product-filters {
box-sizing: border-box;
position: fixed;
top: 0;
background: #fff;
z-index: 999;
left: -300px;
width: 300px;
height: 100%;
transition: 0.2s ease-in;
border-right: 1px solid #949402;
overflow: auto;
padding: 30px 10px !important;
}
.product-filters.active {
left: 0;
}
}
.product-filters .category-filter:not(:last-child) {
margin-bottom: 30px;
}
@media (max-width: 991px) {
.product-filters .category-filter:not(:last-child) {
margin-bottom: 20px;
}
}
.product-filters .category-filter[data-attr-type=additional] ~ [data-attr-type=additional] {
margin-top: -20px;
}
.product-filters .category-filter .filter-title {
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #000000;
margin-bottom: 15px;
}
.product-filters .category-filter .filter-values {
position: relative;
z-index: 0;
max-width: 270px;
padding-right: 15px;
}
.product-filters .category-filter .filter-values ul {
list-style: none;
padding: 0;
margin: 0;
}
.product-filters .category-filter .filter-values ul li {
position: relative;
}
.product-filters .category-filter .filter-values ul li label {
padding-top: 6px;
padding-bottom: 6px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #000000;
position: initial;
}
.product-filters .category-filter .filter-values ul li label.disabled {
opacity: 0.5;
pointer-events: none;
}
.product-filters .category-filter .filter-values ul li label:hover:not(.disabled) .custom-checkbox {
border-color: #949402;
}
.product-filters .category-filter .filter-values ul li label .custom-checkbox {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.2s;
}
.product-filters .category-filter .filter-values ul li label .product-count {
background: #FFFFFF;
border-radius: 3px;
margin-left: 6px;
height: 20px;
display: inline-flex;
justify-content: center;
align-items: center;
font-style: normal;
font-weight: normal;
font-size: 0.7777777778rem;
line-height: 15px;
color: #6A6A6A;
padding: 0 5px;
}
.product-filters .category-filter .filter-values.price .price-filter-range {
background: #D8D8D8;
border-radius: 2px;
height: 1px;
width: calc(100% - 12px);
margin: 0 auto 15px auto;
border: 0 none;
}
.product-filters .category-filter .filter-values.price .price-filter-range .ui-slider-range {
height: 4px;
top: 50%;
background: #949402;
border-radius: 2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-filters .category-filter .filter-values.price .price-filter-range .ui-slider-handle {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
width: 12px;
height: 12px;
border: 0 none;
border-radius: 50%;
background: #83BF35;
margin: 0;
}
.product-filters .category-filter .filter-values.price .price-filter-input {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
width: 100%;
}
.product-filters .category-filter .filter-values.price .price-filter-input .price-filter-input-wrapper {
position: relative;
display: flex;
gap: 4px;
font-weight: normal;
line-height: normal;
}
.product-filters .category-filter .filter-values.price .price-filter-input .price-filter-input-wrapper .currency {
font-size: 0.8888888889rem;
color: #212121;
bottom: -1px;
position: relative;
}
.product-filters .category-filter .filter-values.price .price-filter-input .price-filter-input-wrapper input {
border: 0 none;
background: transparent;
font-size: 0.8888888889rem;
color: #212121;
min-width: unset;
padding: 0;
text-align: right;
display: inline-block;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari and Chrome */
appearance: none;
width: 30%;
}
.product-filters .category-filter .filter-values.price .price-filter-input .price-filter-input-wrapper input::-webkit-outer-spin-button, .product-filters .category-filter .filter-values.price .price-filter-input .price-filter-input-wrapper input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-filters .category-filter .filter-values.price .price-filter-input .price-filter-input-wrapper.max {
justify-content: flex-end;
}
.recipe-filters .category-filter .recipe-filter-show-more {
margin-top: 4px;
padding-top: 4px;
padding-bottom: 4px;
display: block;
text-decoration: underline;
cursor: pointer;
color: #89807B;
font-size: 14px;
}
.recipe-filters .category-filter .filter-values > ul > li:nth-child(3) ~ li {
display: none;
}
.recipe-filters .category-filter.visible .filter-values .recipe-filter-show-more {
display: none;
}
.recipe-filters .category-filter.visible .filter-values > ul > li:nth-child(3) ~ li {
display: block;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.category-list-pager {
padding: 0;
list-style: none;
display: block;
text-align: center;
margin: 63px 0 140px 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: Nunito, sans-serif;
font-size: 0.7777777778rem;
font-weight: 800;
font-stretch: normal;
font-style: normal;
letter-spacing: normal;
text-align: center;
color: #212121;
display: inline-block;
padding: 0;
transition: all 0.2s ease-in;
}
.category-list-pager li.activated, .category-list-pager li:hover {
background-color: #949402;
color: #fff;
}
.category-list-pager li.ellipsis {
pointer-events: none !important;
}
.category-list-pager li:only-child {
display: none;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.category-list-sorting {
margin-bottom: 36px;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #000000;
}
.category-list-sorting .category-sorting {
display: flex;
align-items: center;
-webkit-column-gap: 20px;
column-gap: 20px;
}
@media (max-width: 767px) {
.category-list-sorting .category-sorting {
display: grid;
grid-template-columns: minmax(0, 40px) minmax(0, 100%) minmax(0, 40px);
}
}
.category-list-sorting .category-sorting .results-info {
flex: 1;
}
@media (max-width: 767px) {
.category-list-sorting .category-sorting .results-info {
grid-column: 2/4;
}
}
.category-list-sorting .category-sorting .item {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 767px) {
.category-list-sorting .category-sorting .item.sorting {
grid-column: 1/3;
}
}
.category-list-sorting .category-sorting .item label {
font-weight: 400;
font-size: 14px;
line-height: 19px;
text-align: right;
color: #000000;
}
.category-list-sorting .category-sorting .item select {
font-weight: 700;
font-size: 14px;
line-height: 19px;
color: #000000;
cursor: pointer;
border: 0 none;
-moz-appearance: none;
/* Firefox */
-webkit-appearance: none;
/* Safari and Chrome */
appearance: none;
max-width: 125px;
background-color: transparent;
background-image: url(/frontend/images/icons/arrow.svg);
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 3px;
background-size: 12px;
padding-right: 18px;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
#register-form .create-account input {
float: unset;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.dashboard-menu {
padding-top: 1rem;
}
@media only screen and (max-width: 991px) {
.dashboard-menu {
padding: 1rem;
}
}
.dashboard-menu #dashboard-menu-toggle {
display: none;
padding: 0;
font-size: 2rem;
text-align: center;
}
@media only screen and (max-width: 991px) {
.dashboard-menu #dashboard-menu-toggle {
display: block;
}
}
@media only screen and (min-width: 992px) {
.dashboard-menu .dashboard-account-menu-row {
display: block !important;
}
}
@media only screen and (max-width: 991px) {
.dashboard-menu .dashboard-account-menu-row {
display: none;
}
}
.dashboard-menu > div > div {
padding: 0;
}
.dashboard-menu ul {
list-style: none;
padding-left: 0;
}
.dashboard-menu a:hover {
color: #949402;
}
.dashboard-menu ul.level-1:not(:last-child) {
margin-bottom: 2rem;
padding-bottom: 2rem;
}
.dashboard-menu ul.level-1 > li > a {
color: #212121;
display: block;
font-family: Nunito, sans-serif;
font-size: 1rem;
font-weight: 700;
}
.dashboard-menu ul.level-1 > li > a.user-logout-link {
margin: 0;
border: 0 none;
}
.dashboard-menu ul.level-1 > li ul {
padding-left: 2rem;
}
.dashboard-menu ul.level-1 > li ul a {
margin: 0;
padding: 0.3rem 1rem;
display: block;
color: #3d3c43;
font-family: Nunito, sans-serif;
font-size: 1rem;
}
.dashboard-background {
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
background-color: #f9f9fb;
padding: 30px 15px 0 15px;
min-height: 450px;
}
.dashboard-background .dashboard-element {
padding: 20px;
box-shadow: -19px 10px 32px rgba(44, 49, 62, 0.05);
border-radius: 10px;
background-color: #fff;
margin-bottom: 30px;
overflow: hidden;
}
.dashboard-add-new {
display: block;
margin-top: 2rem;
}
.dashboard-add-new .dashboard-add-new-form {
display: none;
}
.dashboard-add-new .add-new-button {
opacity: 1;
transition: all 0.5s ease;
margin-top: 0 !important;
}
.dashboard-add-new .add-new-button.hide {
opacity: 0;
}
.dashboard-element {
padding: 20px !important;
}
.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 .overlay form .form-group.submit {
height: auto !important;
}
.dashboard-element form .form-group.submit {
height: 0;
transition: all 0.5s ease;
overflow: hidden;
margin-top: 5px;
}
.dashboard-element form:hover .form-group.submit {
height: 65px;
}
}
.dashboard-element a.show-all {
color: #8c8b91;
font-family: Nunito, 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: Nunito, 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: Nunito, 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: Nunito, 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: Nunito, 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;
height: 46px;
-o-object-fit: contain;
object-fit: contain;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-number {
color: #3d3c43;
font-family: Nunito, sans-serif;
font-size: 1rem;
font-weight: 700;
text-transform: uppercase;
}
.dashboard-element.dashboard-recent-orders table.orders-table td.order-status {
font-family: Nunito, 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: Nunito, 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;
}
#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;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.sp-block-outer-product_details.product-details .product-row {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 45px;
}
@media (max-width: 1024px) {
.sp-block-outer-product_details.product-details .product-row {
gap: 20px;
}
.sp-block-outer-product_details.product-details .product-row.description-row {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer-product_details.product-details .product-row .section-title {
font-style: normal;
font-weight: 800;
font-size: 30px;
line-height: 50px;
color: #545454;
margin: 0 0 4px 0;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .section-title {
font-size: 20px;
line-height: normal;
}
}
.sp-block-outer-product_details.product-details .product-row .section-title.large {
font-style: normal;
font-weight: 800;
font-size: 50px;
line-height: 50px;
color: #171717;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .section-title.large {
font-size: 25px;
line-height: normal;
}
}
.sp-block-outer-product_details.product-details .product-row .product-gallery {
display: grid;
grid-template-columns: minmax(0, 93px) minmax(0, 100%);
gap: 20px;
}
@media (max-width: 991px) {
.sp-block-outer-product_details.product-details .product-row .product-gallery {
display: flex;
flex-direction: column-reverse;
}
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-navigation .image {
height: 93px;
width: 93px;
border: 1px solid #CACACA;
border-radius: 5px;
padding: 12px;
box-sizing: border-box;
display: inline-flex !important;
cursor: pointer;
}
@media (min-width: 768px) {
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-navigation .image {
margin-bottom: 25px;
}
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-navigation .image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-navigation .image.animation {
align-items: center;
justify-content: center;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-navigation .image.animation .play-icon {
position: absolute;
width: 28px;
height: 28px;
opacity: 0.6;
transition: all 0.2s ease;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-navigation .image.animation:hover .play-icon {
opacity: 0.8;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-navigation .slick-slide.slick-current .image {
border-color: #FF7D09;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-navigation:not(.slick-initialized) .image:nth-child(n+6) {
display: none !important;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper {
border: 1px solid #CACACA;
border-radius: 5px;
height: 575px;
position: relative;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper {
height: auto;
}
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper .slick-track {
display: flex;
align-items: center;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper a {
display: block;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper a video,
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper a img {
width: 100%;
height: 520px;
box-sizing: border-box;
padding: 25px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper a video,
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper a img {
height: auto;
max-height: 350px;
}
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper:not(.slick-initialized) a:not(:first-child) {
display: none;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper .discount-mark {
position: absolute;
top: 30px;
left: 25px;
width: 60px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #FF7D09;
border-radius: 50%;
font-weight: 900;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
z-index: 1;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper .discount-mark ~ .is-new {
top: 100px;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper .is-new {
position: absolute;
top: 30px;
left: 25px;
width: 60px;
height: 60px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #FF7D09;
border-radius: 50%;
font-weight: 900;
font-size: 16px;
line-height: 22px;
color: #FFFFFF;
z-index: 1;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper .labels-right {
position: absolute;
top: 30px;
right: 25px;
display: inline-flex;
flex-direction: column-reverse;
align-items: flex-end;
}
.sp-block-outer-product_details.product-details .product-row .product-gallery .product-slider-wrapper .labels-right .add-to-favorite {
width: 40px;
height: 40px;
background-size: 30px;
}
.sp-block-outer-product_details.product-details .product-row .product-information h1 {
font-style: normal;
font-weight: 800;
font-size: 40px;
line-height: 50px;
color: #171717;
margin: 0 0 50px 0;
padding: 0;
}
@media (max-width: 1199px) {
.sp-block-outer-product_details.product-details .product-row .product-information h1 {
margin: 0 0 25px 0;
}
}
@media (max-width: 991px) {
.sp-block-outer-product_details.product-details .product-row .product-information h1 {
font-size: 32px;
}
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .product-information h1 {
font-size: 24px;
margin: 0 0 10px 0;
}
}
.sp-block-outer-product_details.product-details .product-row .product-information .short-description {
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 27px;
color: #171717;
border-bottom: 1px solid #D8D8D8;
padding-bottom: 44px;
margin-bottom: 44px;
}
@media (max-width: 1199px) {
.sp-block-outer-product_details.product-details .product-row .product-information .short-description {
margin-bottom: 25px;
}
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .product-information .short-description {
padding-bottom: 22px;
margin-bottom: 22px;
font-size: 16px;
line-height: normal;
}
}
.sp-block-outer-product_details.product-details .product-row .product-information .short-description p {
margin: 0;
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices {
display: flex;
flex-direction: column;
gap: 8px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .product-information .prices {
margin-top: 20px;
padding-top: 20px;
}
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price {
gap: 16px;
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price .price-value {
font-style: normal;
font-weight: 900;
font-size: 2rem;
line-height: 36px;
color: #949402;
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price .price-value.euro {
font-weight: 300;
font-size: 1rem;
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price .separator {
color: #B9B9B9;
font-weight: normal;
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price.invalid .price-value {
font-weight: 300;
text-decoration: line-through;
color: #D5D5D5;
font-size: 0.8888888889rem;
line-height: 1;
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price.invalid .separator-circle {
width: 6px;
height: 6px;
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price-per-unit,
.sp-block-outer-product_details.product-details .product-row .product-information .prices .lowest-price {
display: flex;
flex-direction: column;
align-items: flex-start;
letter-spacing: 1px;
}
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price-per-unit .lowest-label .price-value,
.sp-block-outer-product_details.product-details .product-row .product-information .prices .price-per-unit .price .price-value,
.sp-block-outer-product_details.product-details .product-row .product-information .prices .lowest-price .lowest-label .price-value,
.sp-block-outer-product_details.product-details .product-row .product-information .prices .lowest-price .price .price-value {
color: #B9B9B9;
font-size: 0.8888888889rem;
line-height: normal;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper {
margin-top: 80px;
margin-bottom: 100px;
}
@media (max-width: 1199px) {
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper {
margin-top: 25px;
margin-bottom: 50px;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper {
margin-top: 10px;
margin-bottom: 20px;
}
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices {
z-index: 10;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices {
margin-bottom: 15px;
background-color: #949402;
border-radius: 3px;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown {
background-color: unset;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-open {
padding: 0;
display: flex;
gap: 9px;
font-weight: 600;
color: #ffffff;
padding: 8px 16px;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-open span {
line-height: 2;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-open svg * {
fill: #ffffff !important;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-options {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-options .local-overlay-toggle {
color: #949402;
display: flex;
align-items: center;
transition: all 0.2s;
cursor: pointer;
height: auto;
padding: 5px;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-options .local-overlay-toggle span {
white-space: nowrap;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-options .local-overlay-toggle span.bulk-amount {
background: #949402;
color: #fff;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 0.8333333333rem;
font-weight: 700;
display: inline-flex;
justify-content: center;
align-items: center;
margin-right: 5px;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-options .local-overlay-toggle span.bulk-percentage {
flex: 1;
text-align: right;
margin-left: 30px;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper .bulked-prices .product-bulk-prices .custom-dropdown .dropdown-options .local-overlay-toggle:hover {
background: #F8F5EE;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form {
display: flex;
flex-wrap: wrap;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form .cart-amount {
background: #fff;
display: flex;
flex-wrap: nowrap;
align-items: center;
flex: unset;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form .cart-amount .qty-plus,
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form .cart-amount .qty-minus {
width: 58px;
flex: 0 0 40px;
height: 58px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form .cart-amount input {
text-align: center;
border: 0 none;
max-width: 100px;
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 33px;
color: #212121;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form .cart-amount .measure {
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 33px;
color: #212121;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button {
display: inline-flex;
align-items: center;
padding: 0 30px 0 20px;
min-height: 60px;
gap: 15px;
background: #949402;
border-radius: 30px;
border: 1px solid #949402;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button {
padding: 0 20px;
}
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button .text {
font-weight: 700;
font-size: 24px;
line-height: 33px;
color: #FFFFFF;
transition: all 0.2s;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button > span:not(.icon) {
display: none;
}
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button .icon {
background: transparent !important;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button .icon svg * {
fill: #FFF;
transition: all 0.2s;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button:hover {
background: transparent;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button:hover svg * {
fill: #231F20;
}
.sp-block-outer-product_details.product-details .product-row .product-information .product-cart-wrapper form button:hover .text {
color: #231F20;
}
.sp-block-outer-product_details.product-details .product-row .icon-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 25px;
padding: 18px;
border: 1px solid #E0E0E0;
border-radius: 5px;
}
.sp-block-outer-product_details.product-details .product-row .icon-item .value {
font-style: normal;
font-weight: 300;
font-size: 16px;
line-height: 22px;
text-align: center;
color: #171717;
}
.sp-block-outer-product_details.product-details .product-row .description-wrapper:only-child {
grid-column: 1/-1;
}
.sp-block-outer-product_details.product-details .product-row .description-wrapper .description {
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 27px;
color: #171717;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row .description-wrapper .description {
font-size: 16px;
line-height: normal;
}
}
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper:only-child {
grid-column: 1/-1;
}
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition .icon-item {
width: 105px;
flex: 0 0 105px;
padding: 10px;
gap: 15px;
}
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition .icon-item svg,
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition .icon-item img {
width: 50px;
height: 50px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition .icon-item .value {
font-size: 14px;
line-height: normal;
}
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition .icon-item .secondary-value {
font-size: 11px;
line-height: normal;
}
@media (max-width: 440px) {
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 4px;
}
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition .icon-item {
width: auto;
}
.sp-block-outer-product_details.product-details .product-row .nutrition-wrapper .nutrition .icon-item .title {
font-size: 10px;
}
}
.sp-block-outer-product_details.product-details .product-row.secondary {
margin-top: 80px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row.secondary {
margin-top: 40px;
}
}
.sp-block-outer-product_details.product-details .product-row.secondary .section-title {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row.secondary .section-title {
margin-bottom: 20px;
}
}
.sp-block-outer-product_details.product-details .product-row.secondary .occasion-wrapper .occasion {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 25px;
}
@media (max-width: 550px) {
.sp-block-outer-product_details.product-details .product-row.secondary .occasion-wrapper .occasion {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 15px;
}
}
.sp-block-outer-product_details.product-details .product-row.secondary .occasion-wrapper .occasion .icon-item svg, .sp-block-outer-product_details.product-details .product-row.secondary .occasion-wrapper .occasion .icon-item img {
width: 172px;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer-product_details.product-details .product-row.secondary .bullets-wrapper .bullets {
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 38px;
color: #171717;
}
@media (max-width: 991px) {
.sp-block-outer-product_details.product-details .product-row.secondary .bullets-wrapper .bullets {
font-size: 18px;
line-height: normal;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer-product_details.product-details .product-row.secondary .bullets-wrapper .bullets {
font-size: 16px;
line-height: normal;
}
}
.sp-block-outer-product_details.product-details .product-row.secondary .bullets-wrapper .bullets ul {
list-style-image: url("/frontend/images/icons/list_bullet.png");
padding: 0 20px;
}
.sp-block-outer-product_details.product-details .product-row.secondary .bullets-wrapper .bullets ul > li {
padding-left: 20px;
}
.sp-block-outer-product_details.product-details .product-row.videos {
margin: 100px 0;
display: block;
}
.sp-block-outer-product_details.product-details .product-row.videos .youtube-wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 30px;
}
.sp-block-outer-product_details.product-details .product-row.videos .youtube-wrapper iframe,
.sp-block-outer-product_details.product-details .product-row.videos .youtube-wrapper video {
width: 100%;
height: 500px;
}
.sp-block-outer-product_details.product-details .tabs {
margin-bottom: 90px;
}
.sp-block-outer-product_details.product-details .tabs .responsive-tab-item {
display: none;
}
.sp-block-outer-product_details.product-details .tabs ul.tab-links {
display: flex;
gap: 50px;
list-style: none;
padding: 0;
margin: 0 0 40px 0;
border-bottom: 1px solid #D8D8D8;
}
.sp-block-outer-product_details.product-details .tabs ul.tab-links li {
border-bottom: 6px solid transparent;
font-weight: 800;
font-size: 20px;
line-height: 25px;
color: #878787;
padding: 9px 0;
cursor: pointer;
}
.sp-block-outer-product_details.product-details .tabs ul.tab-links li.tab-active {
border-color: #949402;
}
.sp-block-outer-product_details.product-details .tabs .tab-content:not(.tab-active) {
display: none;
}
.sp-block-outer-product_details.product-details .tabs .tab-content#description .data {
-webkit-column-count: 2;
column-count: 2;
}
.sp-block-outer-product_details.product-details .tabs .tab-content#description .data p {
margin: 0;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
.compare-products .compare-return-link a.return-link {
color: #3d3c43;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.25rem;
}
.compare-products .compare-filters {
margin-top: 2.8125rem;
}
.compare-products .compare-filters .search-by-input form {
margin: 0;
}
.compare-products .compare-filters .search-by-input form .search-autocomplete {
border: 1px solid #e1e1e9;
font-size: 1rem;
font-weight: 400;
line-height: 1.25rem;
padding: 1.25rem 2.5rem 1.125rem 1.125rem;
}
.compare-products .compare-filters .search-by-input form .search-autocomplete:focus {
border: 1px solid #212121 !important;
}
@media only screen and (max-width: 767px) {
.compare-products .compare-filters .compare-filters-options {
margin: 1rem 0;
}
}
.compare-products .compare-filters .compare-filters-options ul {
list-style: none;
padding: 0;
margin: 0;
}
.compare-products .compare-filters .compare-filters-options ul li {
display: inline-block;
margin-left: 1.25rem;
}
@media only screen and (max-width: 767px) {
.compare-products .compare-filters .compare-filters-options ul li {
width: 49%;
margin: 0;
text-align: center;
}
}
.compare-products .compare-filters .compare-filters-options ul li span {
cursor: pointer;
border: 1px solid #e1e1e9;
background-color: #f9fafc;
color: #3d3c43;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
padding: 1.25rem 2.5rem 1.125rem 2.5rem;
position: relative;
display: inline-block;
}
@media only screen and (max-width: 767px) {
.compare-products .compare-filters .compare-filters-options ul li span {
display: block;
}
}
.compare-products .compare-filters .compare-filters-options ul li span.active {
border: 1px solid #70ee8e;
}
.compare-products .compare-product-items .compare-add-icon {
background-image: url(/frontend/images/icons/add-icon.svg);
background-size: cover;
background-repeat: no-repeat;
width: 8.75rem;
height: 8.75rem;
display: block;
margin: 0 auto;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.compare-products .compare-product-items .table-responsive {
height: 400px;
margin-bottom: 50px;
}
}
.compare-products .compare-product-items table.product-compare-table {
table-layout: fixed;
width: 100%;
}
.compare-products .compare-product-items table.product-compare-table td {
padding: 0.9375rem 0.625rem;
}
.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(:last-child) {
border-bottom: 1px solid #e1e1e9;
}
.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 td {
padding: 0.625rem;
text-align: center;
color: #3d3c43;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
position: relative;
vertical-align: top;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image .remove-from-compare {
background-image: url(/frontend/images/icons/delete_icon.svg);
background-size: cover;
background-repeat: no-repeat;
display: inline-block;
width: 1.5625rem;
height: 1.5625rem;
cursor: pointer;
position: absolute;
top: 1.25rem;
right: 1.25rem;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image .product-image-wrapper {
padding: 15px;
margin-bottom: 15px;
height: 200px;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image .product-image-wrapper img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.compare-products .compare-product-items table.product-compare-table tr.product-image a.title {
color: #333;
}
.compare-products .compare-product-items table.product-compare-table tr.product-actions form,
.compare-products .compare-product-items table.product-compare-table tr.product-actions .product-unavailable-inquiry {
opacity: 1;
}
.compare-products .compare-product-items table.product-compare-table tr.product-actions .product-unavailable-inquiry {
display: flex;
align-items: flex-end;
}
.compare-products .compare-product-items table.product-compare-table tr.product-actions button {
display: block;
width: 100%;
height: 60px;
font-style: normal;
font-weight: 600;
font-size: 1.1111111111rem;
}
.compare-products .compare-product-items table.product-compare-table tr.product-actions form {
justify-content: center;
}
.compare-products .compare-product-items table.product-compare-table tr.product-actions form .cart-amount {
padding: 0 10px;
background: #fff;
display: flex;
justify-content: space-evenly;
align-items: center;
flex: unset;
font-weight: normal;
}
.compare-products .compare-product-items table.product-compare-table tr.product-actions form .cart-amount .unit {
font-size: 0.5555555556rem;
}
.compare-products .compare-product-items table.product-compare-table tr.product-actions form button {
width: 60px;
}
.compare-products .compare-product-items table.product-compare-table tr.product-availability .warehouse-availability {
text-align: left;
font-size: 0.875rem;
padding: 0 1rem;
}
.compare-products .compare-product-items table.product-compare-table tr.product-availability .warehouse-availability .warehouse-name {
color: #3d3c43;
font-weight: 400;
line-height: 30px;
}
.compare-products .compare-product-items table.product-compare-table tr.product-availability .warehouse-availability .warehouse-status {
float: right;
font-weight: 400;
line-height: 30px;
}
.compare-products .compare-product-items table.product-compare-table tr.product-availability .warehouse-availability .warehouse-status.available {
color: #11ac68;
}
.compare-products .compare-product-items table.product-compare-table tr.product-availability .warehouse-availability .warehouse-status.suppliable {
color: #ff7e15;
}
.compare-products .compare-product-items table.product-compare-table tr.product-availability .warehouse-availability .warehouse-status.unavailable {
color: #848389;
}
.compare-products .compare-product-items table.product-compare-table tr.product-attribute:hover {
box-shadow: 7px 10px 33px rgba(73, 79, 98, 0.1);
background-color: #ffffff;
}
.autocomplete-comparison {
position: absolute;
z-index: 2;
background: #fff;
padding: 0;
box-shadow: 0 21px 59px rgba(0, 0, 0, 0.24);
display: none;
max-height: 400px;
overflow: auto;
}
.autocomplete-comparison.active {
display: block;
}
@media only screen and (max-width: 767px) {
.autocomplete-comparison.active {
left: 0;
}
}
.autocomplete-comparison a.show-all {
margin-top: 1rem;
}
.autocomplete-comparison .items-grid.grid-view.list-view {
padding: 2px;
}
.autocomplete-comparison .items-grid.grid-view.list-view #no-results {
padding: 10px;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid {
cursor: pointer;
margin: 0 !important;
padding: 0;
display: block;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .labels-left,
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .labels-right,
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .cart,
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .prices,
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .product-display-grid-image,
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .product-display-grid-image::after {
display: none !important;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid:hover {
box-shadow: none !important;
outline: 1px solid #949402;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .product-info {
padding: 10px;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .product-info h3 {
margin: 0;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .product-info h3 a {
padding: 0;
height: auto;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .product-info .price {
margin: 0;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .product-info .price .price-regular {
font-size: unset;
line-height: normal;
}
.autocomplete-comparison .items-grid.grid-view.list-view .product-display-grid .product-info .price .price-value {
font-size: 0.7777777778rem;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
form.webform .webform-group {
border: 1px solid #D8D8D8;
padding: 15px;
margin-bottom: 15px;
border-radius: 8px;
}
form.webform .webform-group .webform-group-title {
font-size: 1.6666666667rem;
margin-bottom: 15px;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") format("opentype");
}
#account-display {
z-index: 998 !important;
top: 208px;
}
@media (max-width: 991px) {
#account-display {
top: 80px;
height: auto;
}
}
#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: #949402;
}
#account-display .account-inner ul li > * {
padding: 15px 0 15px 48px;
display: block;
font-family: Nunito, sans-serif;
font-style: normal;
font-weight: normal;
font-size: 0.9444444444rem;
color: #212121;
}
#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: #212121;
}
#account-display .account-inner ul li a:hover {
color: #949402;
}
#account-display .account-inner ul li a:hover svg * {
fill: #949402;
}
@font-face {
font-family: Nunito;
font-weight: 400;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Regular.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Medium.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 600;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-SemiBold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Bold.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 800;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-Black.ttf") format("opentype");
}
@font-face {
font-family: Nunito;
font-weight: 900;
font-display: swap;
src: url("/frontend/fonts/Nunito/Nunito-ExtraBold.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: normal;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBook_21018.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: 500;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedMedium_21022.ttf") format("opentype");
}
@font-face {
font-family: "Gotham Rounded";
font-weight: bold;
font-display: swap;
src: url("/frontend/fonts/GothamRounded/GothamRoundedBold_21016.ttf") format("opentype");
}
@font-face {
font-family: "Cabin Sketch";
font-weight: 700;
font-display: swap;
src: url("/frontend/fonts/CabinSketch/CabinSketch-Bold.ttf?v1") 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: #949402;
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 #949402;
}
.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;
}
.main-content {
overflow-x: hidden;
}
@media (max-width: 1399px) {
body #cart-display,
body #account-display {
top: 198px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) {
body #cart-display,
body #account-display {
top: 202px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) and (max-width: 991px) {
body #cart-display,
body #account-display {
top: 80px;
}
}
@media (max-width: 1399px) and (max-width: 1199px) and (max-width: 991px) and (max-width: 550px) {
body #cart-display,
body #account-display {
top: 50px;
}
}
body.fixed #cart-display,
body.fixed #account-display {
top: 157px;
}
@media (max-width: 991px) {
body.fixed #cart-display,
body.fixed #account-display {
top: 80px;
}
}
@media (max-width: 991px) and (max-width: 550px) {
body.fixed #cart-display,
body.fixed #account-display {
top: 50px;
}
}
.sp-block-outer .block-title {
font-style: normal;
font-weight: 300;
font-size: 50px;
line-height: 68px;
color: #464B4E;
margin: 0 0 60px 0;
}
@media (min-width: 768px) {
.sp-block-outer .block-title {
padding-right: 115px;
}
}
@media (max-width: 991px) {
.sp-block-outer .block-title {
font-size: 40px;
line-height: normal;
margin: 0 0 40px 0;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer .block-title {
font-size: 30px;
margin: 0 0 30px 0;
}
}
.sp-block-outer.sp-block-outer-spacing {
display: flex;
align-items: center;
}
.sp-block-outer.sp-block-outer-en_products {
margin: 50px 0 170px 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-en_products {
margin: 15px 0 45px;
}
}
.sp-block-outer.sp-block-outer-en_products .tabs .title {
flex: 1;
text-align: center;
justify-content: center;
border-radius: 30px;
}
.sp-block-outer.sp-block-outer-en_products .tabs .titles {
display: flex;
justify-content: space-evenly;
align-items: stretch;
gap: 30px;
margin-bottom: 30px;
overflow: auto;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-en_products .tabs .titles {
display: none;
}
}
.sp-block-outer.sp-block-outer-en_products .tabs .category .title {
display: flex;
margin: 15px 0;
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-en_products .tabs .category .title {
display: none;
}
}
.sp-block-outer.sp-block-outer-en_products .tabs .category .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
align-items: flex-start;
-webkit-column-gap: 16px;
column-gap: 16px;
row-gap: 16px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-en_products .tabs .category .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-en_products .tabs .category .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 1199px) and (max-width: 767px) and (max-width: 440px) {
.sp-block-outer.sp-block-outer-en_products .tabs .category .items {
grid-template-columns: minmax(0, 1fr);
}
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-en_products .tabs .category .items:not(.active) {
display: none;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-en_products .tabs .category .items:not(.responsive-active) {
display: none;
}
}
.sp-block-outer.sp-block-outer-en_products .tabs .category .items .item {
display: flex;
flex-direction: column;
gap: 16px;
}
.sp-block-outer.sp-block-outer-en_products .tabs .category .items .item img {
height: 300px;
width: 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-en_products .tabs .category .items .item img {
height: 150px;
}
}
.sp-block-outer.sp-block-outer-en_products .tabs .category .items .item .info {
padding: 12px 16px;
}
.sp-block-outer.sp-block-outer-html.timeline-html {
border-bottom: 2px solid #000000;
padding-bottom: 90px;
margin-bottom: 90px;
font-family: "Courier", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
text-align: center;
color: #000000;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-html.timeline-html {
font-size: 16px;
line-height: normal;
padding-bottom: 40px;
margin-bottom: 40px;
}
}
.sp-block-outer.sp-block-outer-container.timeline {
background-image: url("/frontend/images/timeline_bg.jpg");
background-size: contain;
padding-bottom: 300px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-container.timeline {
padding-bottom: 100px;
}
}
.sp-block-outer.sp-block-outer-container.timeline [data-block-id="367"] .row {
justify-content: center;
text-align: center;
}
.sp-block-outer.sp-block-outer-container.factory {
background-image: url("/frontend/images/timeline_bg.jpg");
background-size: contain;
padding-bottom: 300px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-container.factory {
padding-bottom: 100px;
}
}
.sp-block-outer.sp-block-outer-items .items {
display: flex;
flex-direction: column;
gap: 50px;
margin-bottom: 50px;
}
.sp-block-outer.sp-block-outer-items .items .item {
display: flex;
position: relative;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-items .items .item:not(.no-content) {
display: grid;
grid-template-columns: minmax(0, 110px) minmax(0, 100%);
-webkit-column-gap: 15px;
column-gap: 15px;
row-gap: 15px;
}
}
.sp-block-outer.sp-block-outer-items .items .item img, .sp-block-outer.sp-block-outer-items .items .item svg {
flex: 1;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top center;
object-position: top center;
}
.sp-block-outer.sp-block-outer-items .items .item .content {
font-family: "Gotham Rounded", sans-serif;
font-size: 13px;
line-height: 22px;
}
.sp-block-outer.sp-block-outer-items .items .item .content ol {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 15px;
counter-reset: list-counter;
padding-left: 50px;
}
.sp-block-outer.sp-block-outer-items .items .item .content ol strong {
font-weight: bold;
background: #8b8839;
padding: 2px 10px;
border-radius: 15px;
text-indent: -9px;
}
.sp-block-outer.sp-block-outer-items .items .item .content ol li {
text-indent: -10px;
position: relative;
counter-increment: list-counter;
}
.sp-block-outer.sp-block-outer-items .items .item .content ol li::before {
content: counter(list-counter);
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
border: 2px solid #000;
font-weight: 700;
display: inline-flex;
justify-content: center;
align-items: center;
top: -2px;
text-indent: 0;
left: -55px;
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-items .items .item:nth-child(odd) .content {
text-align: right;
padding-right: 40px;
}
.sp-block-outer.sp-block-outer-items .items .item:nth-child(even) {
flex-direction: row-reverse;
}
.sp-block-outer.sp-block-outer-items .items .item:nth-child(even) .content {
padding-left: 40px;
}
}
.sp-block-outer.sp-block-outer-items .items .item:last-child {
flex-direction: column-reverse;
}
.sp-block-outer.sp-block-outer-items .items .item:last-child .content {
text-align: left;
padding-left: 40px;
padding-right: 0;
}
.sp-block-outer.sp-block-outer-items_bordered .items {
display: flex;
flex-direction: column;
gap: 50px;
margin-bottom: 50px;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item {
gap: 30px;
align-items: center;
display: flex;
position: relative;
flex-direction: row-reverse;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-items_bordered .items .item:not(.no-content) {
display: grid;
grid-template-columns: minmax(0, 110px) minmax(0, 100%);
-webkit-column-gap: 15px;
column-gap: 15px;
row-gap: 15px;
}
}
.sp-block-outer.sp-block-outer-items_bordered .items .item img, .sp-block-outer.sp-block-outer-items_bordered .items .item svg {
flex: 1;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: top center;
object-position: top center;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item .content-inner {
border-top: 2px solid #8b8839;
font-family: "Gotham Rounded", sans-serif;
font-size: 13px;
line-height: 22px;
text-align: left;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item .content-inner ol {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 15px;
counter-reset: list-counter;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item .content-inner ol strong {
font-weight: bold;
background: #8b8839;
padding: 2px 10px;
border-radius: 15px;
text-indent: -9px;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item .content-inner ol li {
text-indent: -10px;
position: relative;
counter-increment: list-counter;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item .content-inner ol li::before {
content: counter(list-counter);
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
border: 2px solid #000;
font-weight: 700;
display: inline-flex;
justify-content: center;
align-items: center;
top: -2px;
text-indent: 0;
left: -55px;
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-items_bordered .items .item:nth-child(odd) .content {
padding-left: 150px;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item:nth-child(odd) .content .content-inner {
text-align: left;
padding-left: 25px;
border-left: 15px solid #8b8839;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item:nth-child(even) {
flex-direction: row;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item:nth-child(even) .content {
padding-right: 150px;
}
.sp-block-outer.sp-block-outer-items_bordered .items .item:nth-child(even) .content .content-inner {
border-right: 15px solid #8b8839;
text-align: right;
padding-right: 25px;
}
}
.sp-block-outer.sp-block-outer-timeline {
padding: 76px 0 0;
}
.sp-block-outer.sp-block-outer-timeline .info .title {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 42px;
margin-bottom: 22px;
color: #000000;
text-align: center;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-timeline .info .title {
font-size: 26px;
line-height: normal;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .info .title {
font-size: 22px;
margin-bottom: 12px;
}
}
.sp-block-outer.sp-block-outer-timeline .info .editor {
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 28px;
text-align: center;
margin-bottom: 100px;
color: #000000;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-timeline .info .editor {
font-size: 18px;
line-height: normal;
margin-bottom: 50px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .info .editor {
font-size: 16px;
margin-bottom: 30px;
}
}
.sp-block-outer.sp-block-outer-timeline .items {
display: flex;
flex-direction: column;
}
.sp-block-outer.sp-block-outer-timeline .items .item {
display: flex;
gap: 56px;
position: relative;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .items .item {
display: grid;
grid-template-columns: minmax(0, 110px) minmax(0, 100%);
-webkit-column-gap: 0;
column-gap: 0;
row-gap: 15px;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) {
flex-direction: row-reverse;
}
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) .left {
text-align: left;
}
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) .left .subtitle {
text-align: left;
}
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) .left .content {
padding-left: 0;
text-align: left;
}
@media (min-width: 1200px) {
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) .left .content {
padding-right: 220px;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) .right {
text-align: right;
flex-direction: row-reverse;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) .right {
flex-direction: column;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) .right .note {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sp-block-outer.sp-block-outer-timeline .items .item:nth-child(even) .right .note .note-content {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.sp-block-outer.sp-block-outer-timeline .items .item:not(:last-child) .center::before {
content: "";
border-left: 6px dashed #000000;
height: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
}
.sp-block-outer.sp-block-outer-timeline .items .item .left {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-timeline .items .item .left {
padding: 110px 0 20px;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .items .item .left {
grid-column: 2;
grid-row: 1;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item .left .subtitle {
font-style: normal;
font-weight: 700;
font-size: 36px;
line-height: 42px;
margin-bottom: 25px;
color: #000000;
font-family: "Cabin Sketch", sans-serif;
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-timeline .items .item .left .subtitle {
text-align: right;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item .left .content {
font-style: normal;
font-weight: 325;
font-size: 13px;
line-height: 16px;
color: #000000;
font-family: "Gotham Rounded", sans-serif;
}
@media (min-width: 1200px) {
.sp-block-outer.sp-block-outer-timeline .items .item .left .content {
padding-left: 220px;
}
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-timeline .items .item .left .content {
text-align: right;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item .left .content p {
margin: 0;
}
.sp-block-outer.sp-block-outer-timeline .items .item .center {
position: relative;
width: 110px;
flex: 0 0 110px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .items .item .center {
grid-column: 1;
grid-row: 1/3;
width: 80px;
flex: 0 0 80px;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item .center .name {
position: relative;
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: normal;
text-align: right;
color: #000000;
background: #8C8939;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
width: 110px;
height: 110px;
font-family: "Gotham Rounded", sans-serif;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .items .item .center .name {
font-size: 22px;
line-height: normal;
width: 80px;
height: 80px;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item .center .name::before {
content: "";
width: 126px;
height: 126px;
border: 8px solid #8C8939;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .items .item .center .name::before {
width: 90px;
height: 90px;
border: 4px solid #8C8939;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item .right {
flex: 1;
display: flex;
gap: 30px;
align-items: center;
align-self: center;
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-timeline .items .item .right {
padding: 110px 0 20px;
}
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-timeline .items .item .right {
flex-direction: column;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .items .item .right {
grid-column: 2;
grid-row: 2;
padding-bottom: 50px;
}
}
@media (min-width: 768px) {
.sp-block-outer.sp-block-outer-timeline .items .item .right > * {
flex: 0 0 50%;
width: 50%;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item .right.no-note > * {
flex: 0 0 75%;
width: 75%;
}
.sp-block-outer.sp-block-outer-timeline .items .item .right img {
-o-object-fit: contain;
object-fit: contain;
}
.sp-block-outer.sp-block-outer-timeline .items .item .right .note {
border: 6px solid #8C8939;
border-radius: 35px;
padding: 45px 35px;
border-right: 0 none;
border-bottom-right-radius: 12px;
border-top-right-radius: 12px;
position: relative;
font-family: "Courier", sans-serif;
font-style: normal;
font-size: 13px;
line-height: normal;
color: #000000;
font-weight: bold;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
box-sizing: border-box;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-timeline .items .item .right .note {
padding: 25px 15px 25px;
margin-right: 40px;
}
}
.sp-block-outer.sp-block-outer-timeline .items .item .right .note .note-content {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
text-align: left;
}
.sp-block-outer.sp-block-outer-timeline .items .item .right .note * {
margin: 0;
}
.sp-block-outer.sp-block-outer-timeline .items .item .right .note .border {
position: absolute;
top: -2px;
bottom: -2px;
right: -53px;
width: 65px;
}
.sp-block-outer.sp-block-outer-landing_image img {
width: 100%;
height: auto;
min-height: 300px;
-o-object-fit: cover;
object-fit: cover;
margin: 30px 0;
}
.sp-block-outer.sp-block-outer-recipe_products .block-title, .sp-block-outer.sp-block-outer-recipe_related_recipes .block-title {
font-style: normal;
font-weight: 800;
font-size: 40px;
line-height: 40px;
color: #464B4E;
margin-bottom: 40px;
}
.sp-block-outer.sp-block-outer-filtered_blog_posts {
padding: 130px 0 85px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-filtered_blog_posts {
padding: 90px 0 65px 0;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-filtered_blog_posts {
padding: 60px 0 40px 0;
}
}
.sp-block-outer.sp-block-outer-filtered_blog_posts .blog-custom-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 25px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-filtered_blog_posts .blog-custom-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-filtered_blog_posts .blog-custom-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-container.related-information {
margin: 110px 0 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-container.related-information {
margin: 55px 0 0;
}
}
.sp-block-outer.sp-block-outer-container.related-information .items {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 15px;
}
@media (max-width: 1024px) {
.sp-block-outer.sp-block-outer-container.related-information .items {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.sp-block-outer.sp-block-outer-container.related-information .items .recipe.no-video {
grid-column: 1/-1;
}
.sp-block-outer.sp-block-outer-container.related-information .items .blog-post {
grid-column: 1/-1;
padding-top: 30px;
}
}
@media (max-width: 1024px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-container.related-information .items {
grid-template-columns: minmax(0, 1fr);
padding-top: 30px;
}
}
.sp-block-outer.sp-block-outer-container.related-information .items .recipe-link-item {
display: flex;
flex-direction: column;
gap: 10px;
height: 100%;
}
.sp-block-outer.sp-block-outer-container.related-information .items .recipe-link-item .image svg,
.sp-block-outer.sp-block-outer-container.related-information .items .recipe-link-item .image img {
height: 240px;
-o-object-fit: contain;
object-fit: contain;
}
.sp-block-outer.sp-block-outer-container.related-information .items .recipe-link-item .info {
flex: 1;
padding: 0;
}
.sp-block-outer.sp-block-outer-container.related-information .items .recipe-link-item .info .title-box {
flex: unset;
}
.sp-block-outer.sp-block-outer-container.related-information .items .recipe-link-item .info .ingredients {
flex: 1;
}
.sp-block-outer.sp-block-outer-container.related-information .items iframe {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-container.related-information .items iframe {
height: 500px;
}
}
.sp-block-outer.sp-block-outer-container.related-information .items .blog-item {
height: 100%;
display: flex;
flex-direction: column;
}
.sp-block-outer.sp-block-outer-container.related-information .items .blog-item img {
height: 270px;
}
.sp-block-outer.sp-block-outer-container.related-information .items .blog-item .description {
flex: 1;
}
.sp-block-outer.sp-block-outer-container.recipe-related-content {
margin-top: 60px;
}
.sp-block-outer.sp-block-outer-container.recipe-related-content .row {
display: grid;
grid-template-columns: minmax(0, 40%) minmax(0, 60%);
gap: 40px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-container.recipe-related-content .row {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-container.smaller .container {
width: 767px;
}
.sp-block-outer.sp-block-outer-container.medium .container {
width: 1180px;
}
.sp-block-outer.sp-block-outer-container.home-items {
position: relative;
margin-top: 60px;
}
.sp-block-outer.sp-block-outer-container.home-items::before {
content: "";
height: 50%;
position: absolute;
left: 0;
right: 0;
top: 50%;
background: #FAF9F6;
}
.sp-block-outer.sp-block-outer-container.home-items::after {
content: "";
display: block;
width: 100%;
height: 232px;
background-image: url("/frontend/images/maska.webp");
background-position: center bottom;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 100%;
margin-top: -142px;
}
.sp-block-outer.sp-block-outer-container.home-items .container {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
position: relative;
z-index: 2;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-container.home-items .container {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-webkit-column-gap: 10px;
column-gap: 10px;
row-gap: 30px;
}
}
.sp-block-outer.sp-block-outer-container.home-items .container .sp-block-outer-banner_medium .item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
padding: 0 60px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-container.home-items .container .sp-block-outer-banner_medium .item {
padding: 0 20px;
}
}
@media (max-width: 1199px) and (max-width: 550px) {
.sp-block-outer.sp-block-outer-container.home-items .container .sp-block-outer-banner_medium .item {
padding: 0;
}
}
.sp-block-outer.sp-block-outer-container.home-items .container .sp-block-outer-banner_medium .item img {
width: 215px;
height: 215px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
margin-bottom: 26px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-container.home-items .container .sp-block-outer-banner_medium .item img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
}
.sp-block-outer.sp-block-outer-container.home-items .container .sp-block-outer-banner_medium .item .title {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #212121;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-container.home-items .container .sp-block-outer-banner_medium a.item:hover .title {
color: #949402;
}
.sp-block-outer.sp-block-outer-faq {
margin: 110px 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-faq {
margin: 55px 0;
}
}
.sp-block-outer.sp-block-outer-recipe_category_content img, .sp-block-outer.sp-block-outer-blog_category_content img {
height: auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center bottom;
object-position: center bottom;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_category_content img, .sp-block-outer.sp-block-outer-blog_category_content img {
min-height: 200px;
}
}
.sp-block-outer.sp-block-outer-recipe_category_content .container, .sp-block-outer.sp-block-outer-blog_category_content .container {
padding: 10px;
}
.sp-block-outer.sp-block-outer-recipe_category_content .container.smaller, .sp-block-outer.sp-block-outer-blog_category_content .container.smaller {
width: auto;
max-width: 1440px;
padding-top: 50px;
font-size: 1.5rem;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_category_content .container.smaller h1, .sp-block-outer.sp-block-outer-blog_category_content .container.smaller h1 {
padding: 0;
font-size: 2rem;
}
}
.sp-block-outer.sp-block-outer-recipe_category_content .container.smaller .content p, .sp-block-outer.sp-block-outer-blog_category_content .container.smaller .content p {
line-height: 2rem;
}
.sp-block-outer.sp-block-outer-blog_content {
padding-top: 57px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-blog_content {
padding-top: 25px;
}
}
.sp-block-outer.sp-block-outer-blog_content .blog-info .category {
font-weight: 700;
font-size: 10px;
line-height: 14px;
color: #89807B;
padding: 0 16px;
background: #EFE7D7;
border-radius: 15.5px;
height: 25px;
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
margin-bottom: 13px;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-blog_content .blog-info .category:hover {
background: #949402;
color: #fff;
}
.sp-block-outer.sp-block-outer-blog_content .blog-info h1 {
font-weight: 800;
font-size: 35px;
line-height: 40px;
color: #464B4E;
margin: 0 0 13px 0;
}
@media (max-width: 450px) {
.sp-block-outer.sp-block-outer-blog_content .blog-info h1.large {
font-size: 30px;
}
}
.sp-block-outer.sp-block-outer-blog_content .blog-info .created {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 35px;
}
@media (max-width: 450px) {
.sp-block-outer.sp-block-outer-blog_content .blog-info .created {
flex-direction: column;
}
}
.sp-block-outer.sp-block-outer-blog_content .blog-info .created time {
font-weight: 300;
font-size: 14px;
line-height: 19px;
color: #212121;
}
@media (max-width: 450px) {
.sp-block-outer.sp-block-outer-blog_content .blog-info .created time {
align-self: flex-end;
}
}
.sp-block-outer.sp-block-outer-blog_content .blog-info .created .reading-time {
display: inline-flex;
align-items: center;
gap: 4px;
}
@media (max-width: 450px) {
.sp-block-outer.sp-block-outer-blog_content .blog-info .created .reading-time {
align-self: flex-end;
margin-top: 5px;
}
}
.sp-block-outer.sp-block-outer-blog_content .blog-image {
border-left: 15px solid #666909;
border-bottom: 15px solid #666909;
border-top: 5px solid #666909;
border-right: 5px solid #666909;
background: #666909;
border-radius: 30px;
overflow: hidden;
margin-bottom: 90px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-blog_content .blog-image {
margin-bottom: 50px;
}
}
@media (max-width: 450px) {
.sp-block-outer.sp-block-outer-blog_content .blog-image {
margin-bottom: 30px;
}
}
.sp-block-outer.sp-block-outer-blog_content .blog-image img {
border-radius: 30px;
overflow: hidden;
width: 100%;
height: auto;
}
.sp-block-outer.sp-block-outer-blog_content .blog-content {
margin-bottom: 120px;
}
.sp-block-outer.sp-block-outer-recipe_content {
padding-top: 57px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_content {
padding-top: 25px;
}
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-info .recipe-category {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-info .recipe-category .category {
font-weight: 700;
font-size: 10px;
line-height: 14px;
color: #89807B;
padding: 0 16px;
background: #EFE7D7;
border-radius: 15.5px;
height: 25px;
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
margin-bottom: 13px;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-info .recipe-category .category:hover {
background: #949402;
color: #fff;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-info h1 {
font-weight: 800;
font-size: 35px;
line-height: 40px;
color: #464B4E;
margin: 0 0 13px 0;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-info .created {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 35px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_content .recipe-info .created {
margin-bottom: 20px;
}
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-info .created time {
font-weight: 300;
font-size: 14px;
line-height: 19px;
color: #212121;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-info .created .reading-time {
display: inline-flex;
align-items: center;
gap: 4px;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-image img {
width: 100%;
height: auto;
margin-bottom: 90px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_content .recipe-image img {
margin-bottom: 20px;
}
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-content {
margin-bottom: 75px;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes {
margin-bottom: 15px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes {
margin-bottom: 0;
}
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-items-wrapper {
display: flex;
align-items: flex-start;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-items-wrapper {
flex-wrap: wrap;
gap: 15px;
}
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-items-wrapper .left {
flex: 1;
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-items-wrapper .right {
margin-left: auto;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item {
display: grid;
grid-template-columns: minmax(0, 25px) minmax(0, 100%);
gap: 15px;
min-width: 200px;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item .data-icon {
display: inline-flex;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item .data-icon img, .sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item .data-icon svg {
width: 25px;
height: 25px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item .data-value {
display: flex;
flex-direction: column;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item .data-value .attribute-label {
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
color: #EA600A;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item .data-value .attribute-value {
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #89807B;
text-transform: uppercase;
display: flex;
gap: 4px;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity {
display: flex;
justify-content: flex-end;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .data-value {
align-items: flex-end;
gap: 5px;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .attribute-value {
display: flex;
flex-direction: row-reverse;
gap: 5px;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .attribute-value.easy .complexity-item.easy {
background: #83BF35;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .attribute-value.medium .complexity-item.medium,
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .attribute-value.medium .complexity-item.easy {
background: #83BF35;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .attribute-value.hard .complexity-item.hard,
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .attribute-value.hard .complexity-item.medium,
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .attribute-value.hard .complexity-item.easy {
background: #83BF35;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-attributes .data-item.complexity .attribute-value .complexity-item {
background: #D8D8D8;
border-radius: 4px;
width: 36px;
height: 8px;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-description {
margin-top: 20px;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-description h1, .sp-block-outer.sp-block-outer-recipe_content .recipe-description h2, .sp-block-outer.sp-block-outer-recipe_content .recipe-description h3 {
font-style: normal;
font-weight: 800;
font-size: 30px;
line-height: 40px;
color: #83BF35;
padding: 0;
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-ingredients ul {
font-style: normal;
font-weight: 300;
font-size: 22px;
line-height: 25px;
color: #212121;
list-style-image: url("/frontend/images/icons/list-bullet.png");
margin: 0;
}
@media (min-width: 550px) {
.sp-block-outer.sp-block-outer-recipe_content .recipe-ingredients ul {
-webkit-column-count: 2;
column-count: 2;
}
}
.sp-block-outer.sp-block-outer-recipe_content .recipe-ingredients ul li {
margin-bottom: 10px;
}
.sp-block-outer.sp-block-outer-recipe_content .section-title {
margin: 35px 0 20px 0;
font-style: normal;
font-weight: 800;
font-size: 30px;
line-height: 40px;
color: #83BF35;
}
.sp-block-outer.sp-block-outer-blog_post_related_blog_posts {
margin-bottom: 70px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-blog_post_related_blog_posts {
margin-bottom: 50px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-blog_post_related_blog_posts {
margin-bottom: 35px;
}
}
.sp-block-outer.sp-block-outer-recipe_products, .sp-block-outer.sp-block-outer-favorites, .sp-block-outer.sp-block-outer-blog_post_products, .sp-block-outer.sp-block-outer-recently_viewed, .sp-block-outer.sp-block-outer-related_products, .sp-block-outer.sp-block-outer-filtered_products, .sp-block-outer.sp-block-outer-home_products {
margin-bottom: 90px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_products, .sp-block-outer.sp-block-outer-favorites, .sp-block-outer.sp-block-outer-blog_post_products, .sp-block-outer.sp-block-outer-recently_viewed, .sp-block-outer.sp-block-outer-related_products, .sp-block-outer.sp-block-outer-filtered_products, .sp-block-outer.sp-block-outer-home_products {
margin-bottom: 60px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_products, .sp-block-outer.sp-block-outer-favorites, .sp-block-outer.sp-block-outer-blog_post_products, .sp-block-outer.sp-block-outer-recently_viewed, .sp-block-outer.sp-block-outer-related_products, .sp-block-outer.sp-block-outer-filtered_products, .sp-block-outer.sp-block-outer-home_products {
margin-bottom: 60px;
}
}
.sp-block-outer.sp-block-outer-recipe_products .items-grid:not(.slick-initialized) .product-display-grid:nth-child(n+5), .sp-block-outer.sp-block-outer-favorites .items-grid:not(.slick-initialized) .product-display-grid:nth-child(n+5), .sp-block-outer.sp-block-outer-blog_post_products .items-grid:not(.slick-initialized) .product-display-grid:nth-child(n+5), .sp-block-outer.sp-block-outer-recently_viewed .items-grid:not(.slick-initialized) .product-display-grid:nth-child(n+5), .sp-block-outer.sp-block-outer-related_products .items-grid:not(.slick-initialized) .product-display-grid:nth-child(n+5), .sp-block-outer.sp-block-outer-filtered_products .items-grid:not(.slick-initialized) .product-display-grid:nth-child(n+5), .sp-block-outer.sp-block-outer-home_products .items-grid:not(.slick-initialized) .product-display-grid:nth-child(n+5) {
display: none !important;
}
.sp-block-outer.sp-block-outer-recipe_products .block-title, .sp-block-outer.sp-block-outer-favorites .block-title, .sp-block-outer.sp-block-outer-blog_post_products .block-title, .sp-block-outer.sp-block-outer-recently_viewed .block-title, .sp-block-outer.sp-block-outer-related_products .block-title, .sp-block-outer.sp-block-outer-filtered_products .block-title, .sp-block-outer.sp-block-outer-home_products .block-title {
margin-bottom: 60px;
}
.sp-block-outer.sp-block-outer-recipe_products .slick-track, .sp-block-outer.sp-block-outer-favorites .slick-track, .sp-block-outer.sp-block-outer-blog_post_products .slick-track, .sp-block-outer.sp-block-outer-recently_viewed .slick-track, .sp-block-outer.sp-block-outer-related_products .slick-track, .sp-block-outer.sp-block-outer-filtered_products .slick-track, .sp-block-outer.sp-block-outer-home_products .slick-track {
display: flex;
justify-content: center;
}
.sp-block-outer.sp-block-outer-recipe_products .slick-track .slick-slide, .sp-block-outer.sp-block-outer-favorites .slick-track .slick-slide, .sp-block-outer.sp-block-outer-blog_post_products .slick-track .slick-slide, .sp-block-outer.sp-block-outer-recently_viewed .slick-track .slick-slide, .sp-block-outer.sp-block-outer-related_products .slick-track .slick-slide, .sp-block-outer.sp-block-outer-filtered_products .slick-track .slick-slide, .sp-block-outer.sp-block-outer-home_products .slick-track .slick-slide {
height: auto;
}
.sp-block-outer.sp-block-outer-recipe_products .slick-track .slick-slide > div, .sp-block-outer.sp-block-outer-favorites .slick-track .slick-slide > div, .sp-block-outer.sp-block-outer-blog_post_products .slick-track .slick-slide > div, .sp-block-outer.sp-block-outer-recently_viewed .slick-track .slick-slide > div, .sp-block-outer.sp-block-outer-related_products .slick-track .slick-slide > div, .sp-block-outer.sp-block-outer-filtered_products .slick-track .slick-slide > div, .sp-block-outer.sp-block-outer-home_products .slick-track .slick-slide > div {
height: 100%;
}
.sp-block-outer.sp-block-outer-recipe_products .slick-track .slick-slide > div > div, .sp-block-outer.sp-block-outer-favorites .slick-track .slick-slide > div > div, .sp-block-outer.sp-block-outer-blog_post_products .slick-track .slick-slide > div > div, .sp-block-outer.sp-block-outer-recently_viewed .slick-track .slick-slide > div > div, .sp-block-outer.sp-block-outer-related_products .slick-track .slick-slide > div > div, .sp-block-outer.sp-block-outer-filtered_products .slick-track .slick-slide > div > div, .sp-block-outer.sp-block-outer-home_products .slick-track .slick-slide > div > div {
height: 100%;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow, .sp-block-outer.sp-block-outer-favorites button.slick-arrow, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow, .sp-block-outer.sp-block-outer-related_products button.slick-arrow, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow, .sp-block-outer.sp-block-outer-home_products button.slick-arrow {
background: #FFFFFF;
box-shadow: 0px -4px 6px rgba(0, 0, 0, 0.12);
width: 44px;
height: 44px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
transition: all 0.2s;
position: absolute;
top: -90px;
right: 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow, .sp-block-outer.sp-block-outer-favorites button.slick-arrow, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow, .sp-block-outer.sp-block-outer-related_products button.slick-arrow, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow, .sp-block-outer.sp-block-outer-home_products button.slick-arrow {
top: -65px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow, .sp-block-outer.sp-block-outer-favorites button.slick-arrow, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow, .sp-block-outer.sp-block-outer-related_products button.slick-arrow, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow, .sp-block-outer.sp-block-outer-home_products button.slick-arrow {
top: -30px;
}
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow::before, .sp-block-outer.sp-block-outer-favorites button.slick-arrow::before, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow::before, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow::before, .sp-block-outer.sp-block-outer-related_products button.slick-arrow::before, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow::before, .sp-block-outer.sp-block-outer-home_products button.slick-arrow::before {
display: none;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow svg *, .sp-block-outer.sp-block-outer-favorites button.slick-arrow svg *, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow svg *, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow svg *, .sp-block-outer.sp-block-outer-related_products button.slick-arrow svg *, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow svg *, .sp-block-outer.sp-block-outer-home_products button.slick-arrow svg * {
stroke: #C1BCBC;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow:hover, .sp-block-outer.sp-block-outer-favorites button.slick-arrow:hover, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow:hover, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow:hover, .sp-block-outer.sp-block-outer-related_products button.slick-arrow:hover, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow:hover, .sp-block-outer.sp-block-outer-home_products button.slick-arrow:hover {
box-shadow: none;
background: #464B4E;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow:hover svg *, .sp-block-outer.sp-block-outer-favorites button.slick-arrow:hover svg *, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow:hover svg *, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow:hover svg *, .sp-block-outer.sp-block-outer-related_products button.slick-arrow:hover svg *, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow:hover svg *, .sp-block-outer.sp-block-outer-home_products button.slick-arrow:hover svg * {
stroke: #FFF;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-prev, .sp-block-outer.sp-block-outer-favorites button.slick-arrow.slick-prev, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow.slick-prev, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow.slick-prev, .sp-block-outer.sp-block-outer-related_products button.slick-arrow.slick-prev, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow.slick-prev, .sp-block-outer.sp-block-outer-home_products button.slick-arrow.slick-prev {
left: auto;
right: 58px;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-prev svg, .sp-block-outer.sp-block-outer-favorites button.slick-arrow.slick-prev svg, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow.slick-prev svg, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow.slick-prev svg, .sp-block-outer.sp-block-outer-related_products button.slick-arrow.slick-prev svg, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow.slick-prev svg, .sp-block-outer.sp-block-outer-home_products button.slick-arrow.slick-prev svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-next svg, .sp-block-outer.sp-block-outer-favorites button.slick-arrow.slick-next svg, .sp-block-outer.sp-block-outer-blog_post_products button.slick-arrow.slick-next svg, .sp-block-outer.sp-block-outer-recently_viewed button.slick-arrow.slick-next svg, .sp-block-outer.sp-block-outer-related_products button.slick-arrow.slick-next svg, .sp-block-outer.sp-block-outer-filtered_products button.slick-arrow.slick-next svg, .sp-block-outer.sp-block-outer-home_products button.slick-arrow.slick-next svg {
margin: 0;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-prev {
left: -50px;
right: auto;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-prev svg {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-next {
right: -50px;
left: auto;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-next svg {
margin: 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-prev {
left: -15px;
z-index: 1;
}
.sp-block-outer.sp-block-outer-recipe_products button.slick-arrow.slick-next {
right: -15px;
z-index: 1;
}
}
.sp-block-outer.sp-block-outer-recipe_categories, .sp-block-outer.sp-block-outer-blog_category_grid {
position: relative;
overflow: hidden;
margin-bottom: 70px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-recipe_categories, .sp-block-outer.sp-block-outer-blog_category_grid {
margin-bottom: 35px;
}
}
.sp-block-outer.sp-block-outer-recipe_categories img.blog-category-background, .sp-block-outer.sp-block-outer-blog_category_grid img.blog-category-background {
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.sp-block-outer.sp-block-outer-recipe_categories .items-grid, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid {
padding: 120px 0;
display: flex;
flex-wrap: wrap;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-recipe_categories .items-grid, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid {
padding: 60px 0;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_categories .items-grid, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
padding: 30px 0;
gap: 5px !important;
}
}
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item {
width: 213px;
flex: 0 0 213px;
max-width: 100%;
margin: 0 auto;
position: relative;
display: flex;
flex-direction: column-reverse;
gap: 25px;
background: #E89633;
border-radius: 106px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item {
width: 180px;
flex: 0 0 180px;
gap: 10px;
}
}
@media (max-width: 991px) and (max-width: 500px) {
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item {
width: 140px;
flex: 0 0 140px;
}
}
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item img, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item img {
height: auto;
width: 213px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50%;
margin: 0 0 -2px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item img, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item img {
width: 180px;
}
}
@media (max-width: 991px) and (max-width: 500px) {
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item img, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item img {
width: 140px;
}
}
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item h3, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item h3 {
font-size: 18px;
line-height: 25px;
text-align: center;
color: #7C4400;
text-transform: uppercase;
margin: 50px auto 0 auto;
transition: all 0.2s;
max-width: 80%;
font-weight: 800;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item h3, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item h3 {
margin: 30px auto 0 auto;
}
}
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item::after, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item::after {
content: "";
position: absolute;
width: 0px;
height: 0px;
border-bottom: 60px solid transparent;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
bottom: -84px;
transition: border-bottom 0.2s;
}
.sp-block-outer.sp-block-outer-recipe_categories .items-grid .item:hover h3, .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item:hover h3 {
color: #316423;
}
.sp-block-outer.sp-block-outer-recipes {
padding: 110px 0;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipes {
padding: 80px 0;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes {
padding: 50px 0;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
gap: 30px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipes .recipes {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes {
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 3fr);
gap: 25px;
}
@media (max-width: 500px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item {
grid-template-columns: minmax(0, 3fr);
gap: 15px;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(1) {
grid-column: 1/4;
grid-row: 1/3;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(1) {
grid-column: 1/-1;
grid-row: 1;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(1) {
grid-column: 1;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(2) {
grid-column: 4/6;
grid-row: 1;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(2) {
grid-column: 1;
grid-row: 2;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(2) {
grid-column: 1;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(2) img {
height: 120px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(2) img {
height: auto;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(2) .info .description {
display: none;
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(3) {
grid-column: 4/6;
grid-row: 2;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(3) {
grid-column: 2;
grid-row: 2;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(3) {
grid-row: 3;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(3) img {
height: 120px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(3) img {
height: auto;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(3) .info .description {
display: none;
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:nth-child(n+4) {
display: flex;
flex-direction: column;
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item img {
width: 100%;
height: 270px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item img {
height: auto;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item .info {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 19px;
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item .info h3 {
font-style: normal;
font-weight: 800;
font-size: 28px;
line-height: 30px;
color: #464B4E;
margin: 0;
transition: all 0.2s;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item .info h3 {
font-size: 30px;
line-height: normal;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item .info .description {
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #212121;
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item .info .show-more {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #949402;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item .info .show-more {
font-size: 16px;
line-height: normal;
}
}
.sp-block-outer.sp-block-outer-recipes .recipes .recipe-link-item:hover .info h3 {
color: #949402;
}
.sp-block-outer.sp-block-outer-banner_large {
position: relative;
}
.sp-block-outer.sp-block-outer-banner_large img {
display: block;
width: 100%;
height: auto;
min-height: 450px;
-o-object-fit: cover;
object-fit: cover;
}
.sp-block-outer.sp-block-outer-banner_large img.b-lazy:not(.b-loaded) {
max-height: 800px;
}
.sp-block-outer.sp-block-outer-banner_large .info {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-sizing: border-box;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-banner_large .info {
width: 100%;
padding: 0 15px;
top: auto;
bottom: 30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.sp-block-outer.sp-block-outer-banner_large .info br {
display: none;
}
}
.sp-block-outer.sp-block-outer-banner_large .info .title {
font-weight: 300;
font-size: 80px;
line-height: 70px;
text-align: center;
color: #FFFFFF;
display: block;
margin-bottom: 48px;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-banner_large .info .title {
font-size: 60px;
line-height: normal;
}
}
@media (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-banner_large .info .title {
font-size: 40px;
margin-bottom: 32px;
}
}
@media (max-width: 1199px) and (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large .info .title {
font-size: 32px;
}
}
.sp-block-outer.sp-block-outer-banner_large .info .subtitle {
font-weight: 300;
font-size: 20px;
line-height: 27px;
text-align: center;
color: #FFFFFF;
display: block;
margin-bottom: 38px;
}
.sp-block-outer.sp-block-outer-banner_large .info .show-more a .text {
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #FFFFFF;
transition: all 0.2s;
}
.sp-block-outer.sp-block-outer-banner_large .info .show-more a:hover .text {
color: #949402;
}
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote {
background-image: url("/frontend/images/quote/quote_bg.webp");
background-position: center;
}
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content {
align-items: flex-end;
gap: 50px;
}
@media (max-width: 1499px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 3fr) minmax(0, 1fr);
}
}
@media (max-width: 1499px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content img {
-o-object-fit: contain;
object-fit: contain;
}
}
@media (max-width: 1499px) and (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content {
gap: 25px;
display: flex;
flex-direction: column;
}
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content > img:first-child {
align-self: flex-start;
}
}
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content .info {
padding: 112px 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content .info {
padding: 0;
}
}
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content .info .title {
text-align: center;
color: #3F2106;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 62px;
}
@media (max-width: 1699px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content .info .title {
font-size: 38px;
line-height: normal;
}
}
@media (max-width: 1699px) and (max-width: 1199px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content .info .title {
font-size: 36px;
}
}
@media (max-width: 1699px) and (max-width: 1199px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content .info .title {
font-size: 20px;
}
}
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content .info .title strong {
color: #88470E;
font-weight: 800;
}
.sp-block-outer.sp-block-outer-banner_large.horizontal.quote .content .info .subtitle {
color: #666909;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.sp-block-outer.sp-block-outer-banner_large.horizontal .content {
display: flex;
align-items: stretch;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal .content {
flex-direction: column;
gap: 15px;
}
}
.sp-block-outer.sp-block-outer-banner_large.horizontal .content img {
height: 450px;
width: auto;
min-height: unset;
}
@media (max-width: 1199px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal .content img {
height: 250px;
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal .content img {
height: 180px;
}
}
.sp-block-outer.sp-block-outer-banner_large.horizontal .content .info {
position: relative;
-webkit-transform: none;
transform: none;
left: auto;
flex: 1;
top: auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: 24px;
bottom: auto;
}
.sp-block-outer.sp-block-outer-banner_large.horizontal .content .info .title {
font-style: normal;
font-weight: 300;
font-size: 70px;
line-height: 70px;
text-align: center;
color: #292929;
margin: 0;
}
@media (max-width: 1299px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal .content .info .title {
font-size: 50px;
line-height: normal;
}
}
@media (max-width: 1299px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal .content .info .title {
font-size: 36px;
}
}
@media (max-width: 1299px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal .content .info .title {
font-size: 1.2rem;
padding: 0 20px;
}
}
.sp-block-outer.sp-block-outer-banner_large.horizontal .content .info .subtitle {
margin: 0;
font-weight: 300;
font-size: 20px;
line-height: 27px;
text-align: center;
color: #292929;
position: relative;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-banner_large.horizontal .content .info .subtitle {
margin: 0;
}
}
.sp-block-outer.sp-block-outer-custom_product_grid, .sp-block-outer.sp-block-outer-product_grid {
margin-bottom: 100px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-custom_product_grid, .sp-block-outer.sp-block-outer-product_grid {
margin-bottom: 50px;
}
}
.sp-block-outer.sp-block-outer-custom_product_grid .items-grid, .sp-block-outer.sp-block-outer-product_grid .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-custom_product_grid .items-grid, .sp-block-outer.sp-block-outer-product_grid .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-image_left {
margin-top: 15px;
margin-bottom: 15px;
}
.sp-block-outer.sp-block-outer-image_left .content {
display: grid;
grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
gap: 30px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_left .content {
grid-template-columns: minmax(0, 1fr);
gap: 15px;
}
}
.sp-block-outer.sp-block-outer-image_left .content .image img {
width: 100%;
height: auto;
}
.sp-block-outer.sp-block-outer-image_right {
margin-top: 15px;
margin-bottom: 15px;
}
.sp-block-outer.sp-block-outer-image_right .content {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
gap: 30px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-image_right .content {
grid-template-columns: minmax(0, 1fr);
gap: 15px;
}
}
.sp-block-outer.sp-block-outer-image_right .content .image img {
width: 100%;
height: auto;
}
.sp-block-outer.sp-block-outer-image svg, .sp-block-outer.sp-block-outer-image img {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.sp-block-outer.sp-block-outer-category_description {
position: relative;
padding: 0 0 20px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-category_description {
margin-bottom: 0;
}
}
.sp-block-outer.sp-block-outer-category_description .category-image {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.sp-block-outer.sp-block-outer-category_description .category-image 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-category_description .container > div {
display: inline-flex;
flex-direction: column;
padding: 20px 0 10px;
}
.sp-block-outer.sp-block-outer-category_description .container > div h1 {
line-height: 1;
}
.sp-block-outer.sp-block-outer-category_description .sp-block-outer-breadcrumbs {
margin-bottom: 4px;
}
.sp-block-outer.sp-block-outer-category_description .sp-block-outer-breadcrumbs ul li span,
.sp-block-outer.sp-block-outer-category_description .sp-block-outer-breadcrumbs ul li a {
font-size: 20px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-category_description .sp-block-outer-breadcrumbs ul li span,
.sp-block-outer.sp-block-outer-category_description .sp-block-outer-breadcrumbs ul li a {
font-size: 16px;
line-height: 1;
}
}
.sp-block-outer.sp-block-outer-category_description h1 {
font-style: normal;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-category_description h1 {
line-height: normal;
}
}
.sp-block-outer.sp-block-outer-category_description .description {
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 27px;
color: #FFFFFF;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-category_description .description {
font-size: 16px;
line-height: normal;
}
}
.sp-block-outer.sp-block-outer-category_description .description p {
margin: 0;
}
.sp-block-outer.sp-block-outer-breadcrumbs ul {
list-style: none;
padding: 14px 0;
margin: 0;
display: flex;
gap: 16px;
overflow: auto;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-breadcrumbs ul {
padding: 5px 0;
gap: 8px;
}
}
.sp-block-outer.sp-block-outer-breadcrumbs ul li {
gap: 16px;
display: inline-flex;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-breadcrumbs ul li {
gap: 8px;
}
}
.sp-block-outer.sp-block-outer-breadcrumbs ul li span,
.sp-block-outer.sp-block-outer-breadcrumbs ul li a {
font-style: normal;
font-weight: 300;
font-size: 14px;
line-height: 27px;
color: #171717;
white-space: nowrap;
}
.sp-block-outer.sp-block-outer-breadcrumbs ul li a span {
font-weight: 800;
}
.sp-block-outer.sp-block-outer-recipe_filter form {
position: relative;
}
.sp-block-outer.sp-block-outer-recipe_filter form input {
padding-right: 54px;
}
.sp-block-outer.sp-block-outer-recipe_filter form button {
position: absolute;
border: 0 none;
background: none;
width: 54px;
height: 54px;
top: 0;
right: 0;
}
.sp-block-outer.sp-block-outer-recipe_filter .search-recipes {
width: 100%;
border-radius: 31px;
padding-left: 60px;
padding-right: 60px;
margin-top: 25px;
justify-content: center;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_filter {
padding-top: 40px !important;
}
}
.sp-block-outer.sp-block-outer-page_title.with-image {
text-align: center;
margin-bottom: 150px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-page_title.with-image {
margin-bottom: 50px;
}
}
.sp-block-outer.sp-block-outer-page_title.with-image h1 {
display: inline-block;
position: relative;
}
.sp-block-outer.sp-block-outer-page_title.with-image h1 img {
position: absolute;
right: 0;
-o-object-fit: contain;
object-fit: contain;
top: 0;
-o-object-position: top center;
object-position: top center;
width: auto;
height: auto;
max-width: unset;
margin-right: 100%;
}
.sp-block-outer.sp-block-outer-recipe_grid {
margin-top: 50px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_grid {
margin-top: 10px;
}
.sp-block-outer.sp-block-outer-recipe_grid .recipe-filter-toggle {
margin-bottom: 40px;
width: auto;
gap: 10px;
padding: 0 0 5px 10px;
position: relative;
display: inline-block;
}
.sp-block-outer.sp-block-outer-recipe_grid .recipe-filter-toggle::after {
content: "";
background-size: cover;
height: 5px;
width: 100%;
/* or set a specific width */
position: absolute;
bottom: 0;
left: 6px;
display: block;
}
}
.sp-block-outer.sp-block-outer-recipe_grid .items-grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
-webkit-column-gap: 25px;
column-gap: 25px;
row-gap: 50px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_grid .items-grid {
grid-template-columns: minmax(0, 1fr);
gap: 15px;
}
}
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid {
display: grid;
grid-template-columns: minmax(0, 370px) minmax(0, 100%);
gap: 25px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid {
display: block;
}
}
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .items-grid {
display: block;
}
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper {
display: grid;
grid-template-columns: minmax(0, 40%) minmax(0, 60%);
gap: 25px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper {
grid-template-columns: minmax(0, 100%);
}
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper {
grid-template-columns: minmax(0, 100%);
}
}
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper > .recipe-link-item {
display: flex;
flex-direction: column;
gap: 50px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper > .recipe-link-item {
gap: 10px;
}
}
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper > .recipe-link-item img {
width: 100%;
height: 360px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper > .recipe-link-item img {
height: auto;
}
}
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper > .recipe-link-item .info {
padding: 0;
}
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper .more-recipes .title {
font-style: normal;
font-weight: 800;
font-size: 40px;
line-height: 40px;
color: #464B4E;
margin-bottom: 30px;
}
.sp-block-outer.sp-block-outer-recipe_grid .primary-grid .recipe-main-wrapper .more-recipes .items {
display: flex;
flex-direction: column;
gap: 25px;
}
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid {
margin-top: 100px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid {
margin-top: 50px;
}
}
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid .items-grid {
margin-bottom: 80px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid .items-grid {
margin-bottom: 10px;
}
}
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid .items-pager {
text-align: center;
margin-bottom: 80px;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid .items-pager {
margin-bottom: 40px;
}
}
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid .items-pager .recipes-load-more {
border-radius: 31px;
padding-left: 60px;
padding-right: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid .recipe-link-item .recipe-data {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 320px) {
.sp-block-outer.sp-block-outer-recipe_grid .secondary-grid .recipe-link-item .recipe-data {
grid-template-columns: minmax(0, 1fr);
}
}
.sp-block-outer.sp-block-outer-content_success .cart-success {
padding-bottom: 50px;
}
.sp-block-outer.sp-block-outer-slider {
position: relative;
z-index: 0;
}
.sp-block-outer.sp-block-outer-slider #vedrini-obitelj {
display: flex;
position: absolute;
right: 50px;
bottom: 90px;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-slider #vedrini-obitelj {
right: 15px;
bottom: 100px;
}
}
@media (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-slider #vedrini-obitelj {
bottom: -35px;
}
}
.sp-block-outer.sp-block-outer-slider #vedrini-obitelj img, .sp-block-outer.sp-block-outer-slider #vedrini-obitelj svg {
width: 150px;
height: 200px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 767px) {
.sp-block-outer.sp-block-outer-slider #vedrini-obitelj img, .sp-block-outer.sp-block-outer-slider #vedrini-obitelj svg {
width: 105px;
height: auto;
}
}
.sp-block-outer.sp-block-outer-slider .slider:not(.slick-initialized) .slide-link:not(:first-child),
.sp-block-outer.sp-block-outer-slider .slider:not(.slick-initialized) .slide:not(:first-child) {
display: none;
}
.sp-block-outer.sp-block-outer-slider a.slide-link {
display: block;
}
.sp-block-outer.sp-block-outer-slider .slide img {
height: auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
min-height: 500px;
}
@media (max-width: 450px) {
.sp-block-outer.sp-block-outer-slider .slide img {
min-height: unset;
}
}
.sp-block-outer.sp-block-outer-slider .slide .container {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
@media (max-width: 991px) {
.sp-block-outer.sp-block-outer-slider .slide .container {
margin-top: -35px;
}
}
.sp-block-outer.sp-block-outer-slider .slide .container .subtitle {
font-weight: 400;
font-size: 24px;
line-height: 33px;
color: #FFFFFF;
min-width: 223px;
height: 78px;
background-image: url("/frontend/images/icons/mrlja.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
display: inline-flex;
justify-content: center;
align-items: center;
}
.sp-block-outer.sp-block-outer-slider .slide .container .title {
font-style: normal;
font-weight: 300;
font-size: 100px;
line-height: 90px;
color: #212121;
margin-bottom: 25px;
}
@media (max-width: 1299px) {
.sp-block-outer.sp-block-outer-slider .slide .container .title {
font-size: 80px;
}
}
@media (max-width: 1299px) and (max-width: 991px) {
.sp-block-outer.sp-block-outer-slider .slide .container .title {
font-size: 60px;
line-height: 70px;
}
}
@media (max-width: 1299px) and (max-width: 991px) and (max-width: 767px) {
.sp-block-outer.sp-block-outer-slider .slide .container .title {
font-size: 40px;
line-height: 50px;
}
}
.sp-block-outer.sp-block-outer-slider .slide .container .content {
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 27px;
color: #212121;
}
.sp-block-outer.sp-block-outer-slider .slick-dots {
bottom: 30px;
}
.sp-block-outer.sp-block-outer-slider .slick-dots li {
width: 20px;
height: 20px;
}
.sp-block-outer.sp-block-outer-slider .slick-dots li button {
width: 20px;
height: 20px;
border-radius: 50%;
}
.sp-block-outer.sp-block-outer-favorites {
padding-left: 0;
padding-right: 0;
}
.atss {
z-index: 100 !important;
}
.addthis-smartlayers div#at4-share {
background: #fff;
padding: 20px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
box-shadow: 0px 10px 35px -10px rgba(0, 0, 0, 0.1);
}
.addthis-smartlayers div#at4-share .at-share-close-control {
position: absolute;
left: 3px;
bottom: 3px;
}
.addthis-smartlayers div#at4-share .at4-share-title {
font-style: normal;
font-weight: 300;
font-size: 10px;
line-height: 14px;
color: #89807B;
text-transform: uppercase;
}
.addthis-smartlayers div#at4-share .at-share-btn {
background: transparent;
width: 36px !important;
height: 36px !important;
}
.addthis-smartlayers div#at4-share .at-share-btn:hover .at-icon-wrapper {
background: #949402 !important;
}
.addthis-smartlayers div#at4-share .at-share-btn .at-icon-wrapper {
transition: all 0.2s;
background: #EEE8D7 !important;
border-radius: 50% !important;
padding: 0;
height: 100%;
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
}
.addthis-smartlayers div#at4-share .at-share-btn .at-icon-wrapper svg {
width: 22px;
height: 22px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.addthis-smartlayers div#at4-share .at-share-btn .at-icon-wrapper svg * {
fill: #383636;
}
.sp-block-outer.sp-block-outer-filtered_blog_posts,
body.page-blog_category,
body.page-blog_post {
background-image: url("/frontend/images/blog.webp");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.sp-block-outer.sp-block-outer-filtered_blog_posts .blog-item .image,
.sp-block-outer.sp-block-outer-filtered_blog_posts .sp-block-outer.sp-block-outer-blog_content .blog-image,
body.page-blog_category .blog-item .image,
body.page-blog_category .sp-block-outer.sp-block-outer-blog_content .blog-image,
body.page-blog_post .blog-item .image,
body.page-blog_post .sp-block-outer.sp-block-outer-blog_content .blog-image {
border-color: #C26B01;
background: #C26B01;
}
.sp-block-outer.sp-block-outer-recipes,
body.page-recipes,
body.page-recipe {
background-image: url("/frontend/images/blog.webp");
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
}
.sp-block-outer.sp-block-outer-recipes .sp-block-outer.sp-block-outer-recipe_categories .items-grid .item,
.sp-block-outer.sp-block-outer-recipes .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item,
body.page-recipes .sp-block-outer.sp-block-outer-recipe_categories .items-grid .item,
body.page-recipes .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item,
body.page-recipe .sp-block-outer.sp-block-outer-recipe_categories .items-grid .item,
body.page-recipe .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item {
background: #949402;
}
.sp-block-outer.sp-block-outer-recipes .sp-block-outer.sp-block-outer-recipe_categories .items-grid .item h3,
.sp-block-outer.sp-block-outer-recipes .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item h3,
body.page-recipes .sp-block-outer.sp-block-outer-recipe_categories .items-grid .item h3,
body.page-recipes .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item h3,
body.page-recipe .sp-block-outer.sp-block-outer-recipe_categories .items-grid .item h3,
body.page-recipe .sp-block-outer.sp-block-outer-blog_category_grid .items-grid .item h3 {
color: #393a01;
}
.single-blog-post {
padding: 90px 0;
display: grid;
grid-template-columns: minmax(0, 60%) minmax(0, 40%);
gap: 46px;
align-items: center;
}
@media (max-width: 1199px) {
.single-blog-post {
padding-bottom: 45px;
}
}
@media (max-width: 1199px) and (max-width: 767px) {
.single-blog-post {
grid-template-columns: minmax(0, 100%);
gap: 16px;
}
}
.single-blog-post .image {
height: 100%;
border-left: 15px solid #C26B01;
border-bottom: 15px solid #C26B01;
border-top: 5px solid #C26B01;
border-right: 5px solid #C26B01;
background: #C26B01;
border-radius: 30px;
border-bottom-right-radius: 0;
overflow: hidden;
margin-bottom: 20px;
display: flex;
box-sizing: border-box;
-webkit-clip-path: polygon(100% 0, 100% 100%, 80% 80%, 0 80%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 80% 80%, 0 80%, 0 0);
}
@media (max-width: 767px) {
.single-blog-post .image {
margin-bottom: 0px;
}
}
.single-blog-post img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 30px;
border-bottom-right-radius: 0;
overflow: hidden;
-webkit-clip-path: polygon(100% 0, 100% 100%, 80% 80%, 0 80%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 80% 80%, 0 80%, 0 0);
}
@media (max-width: 767px) {
.single-blog-post img {
height: auto;
}
}
.single-blog-post .info .category {
font-weight: 700;
font-size: 10px;
line-height: 14px;
color: #89807B;
padding: 0 16px;
background: #EFE7D7;
border-radius: 15.5px;
height: 25px;
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: uppercase;
transition: all 0.2s;
margin-bottom: 13px;
}
.single-blog-post .info .category:hover {
background: #949402;
color: #fff;
}
.single-blog-post .info .title-wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
}
.single-blog-post .info .title-wrapper h3 {
font-weight: 800;
font-size: 35px;
line-height: 40px;
color: #464B4E;
margin: 0 0 23px 0;
}
@media (max-width: 767px) {
.single-blog-post .info .title-wrapper h3 {
font-size: 1.3333333333rem;
line-height: 32px;
}
}
.single-blog-post .info .title-wrapper time {
font-weight: 300;
font-size: 14px;
line-height: 19px;
color: #212121;
white-space: nowrap;
margin-bottom: 15px;
}
.single-blog-post .info .short-description {
font-style: normal;
font-weight: 400;
font-size: 0.8888888889rem;
line-height: 24px;
color: #2D2D2D;
margin-bottom: 24px;
}
.single-blog-post .info .show-more-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
@media (max-width: 440px) {
.single-blog-post .info .show-more-wrapper {
flex-direction: column;
}
}
.single-blog-post .info .show-more-wrapper .show-more {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #FF7D09;
transition: all 0.2s;
}
.single-blog-post .info .show-more-wrapper .show-more:hover {
color: #949402;
}
@media (max-width: 440px) {
.single-blog-post .info .show-more-wrapper .show-more {
align-self: flex-end;
}
}
.single-blog-post .info .show-more-wrapper .reading-time {
font-weight: 200;
font-size: 14px;
line-height: 19px;
color: #878585;
display: inline-flex;
gap: 4px;
align-items: center;
}
@media (max-width: 440px) {
.single-blog-post .info .show-more-wrapper .reading-time {
align-self: flex-end;
margin-top: 5px;
}
}
.recipe-image .image,
a.recipe-link-item .image {
position: relative;
display: flex;
height: 100%;
}
.recipe-image .image::before,
a.recipe-link-item .image::before {
content: "";
width: 140px;
max-width: 60%;
height: 34px;
background-image: url("/frontend/images/recipe/sticker-green.svg");
background-size: contain;
background-position: top center;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: -5px;
z-index: 1;
}
.recipe-image .image .recipe-of-the-week,
a.recipe-link-item .image .recipe-of-the-week {
position: absolute;
top: 20px;
left: 20px;
font-style: normal;
font-weight: 900;
font-size: 10px;
line-height: 10px;
text-align: center;
color: #FFFFFF;
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
text-transform: uppercase;
background: #C8A07B;
border: 5px solid #ECCBAD;
width: 60px;
height: 60px;
border-radius: 50%;
display: inline-flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.recipe-image .image img,
a.recipe-link-item .image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
-webkit-mask-image: url("/frontend/images/recipe/recipe_mask.webp");
mask-image: url("/frontend/images/recipe/recipe_mask.webp");
-webkit-mask-repeat: round;
mask-repeat: round;
-webkit-mask-size: contain;
mask-size: contain;
}
@media (max-width: 991px) {
.recipe-image .image img,
a.recipe-link-item .image img {
height: 100%;
}
}
a.recipe-link-item {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 25px;
overflow: hidden;
position: relative;
}
@media (max-width: 991px) {
a.recipe-link-item {
border-radius: 15px;
}
}
@media (max-width: 480px) {
a.recipe-link-item {
grid-template-columns: minmax(0, 1fr);
gap: 4px;
margin-bottom: 35px;
}
}
a.recipe-link-item.simple {
grid-template-columns: minmax(0, 210px) minmax(0, 100%);
width: 100%;
}
@media (max-width: 480px) {
a.recipe-link-item.simple {
grid-template-columns: minmax(0, 1fr);
gap: 4px;
}
}
a.recipe-link-item.simple .image img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
a.recipe-link-item.simple .info {
padding: 0;
}
a.recipe-link-item.simple .info .recipe-title {
font-style: normal;
font-weight: 800;
font-size: 30px;
line-height: 34px;
color: #464B4E;
}
a.recipe-link-item.simple .info .show-more {
display: none;
}
a.recipe-link-item .image-wrapper {
position: relative;
display: flex;
flex-direction: column;
}
a.recipe-link-item .info {
display: flex;
flex-direction: column;
gap: 16px;
padding: 15px 0;
}
@media (max-width: 991px) {
a.recipe-link-item .info {
padding: 10px 0;
}
}
a.recipe-link-item .info .title-box {
flex: 1;
}
a.recipe-link-item .info .title-box .recipe-title {
font-style: normal;
font-weight: 800;
font-size: 36px;
line-height: 44px;
color: #464B4E;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 3;
overflow: hidden;
}
@media (max-width: 991px) {
a.recipe-link-item .info .title-box .recipe-title {
font-size: 18px;
line-height: 30px;
height: auto;
}
}
@media (max-width: 480px) {
a.recipe-link-item .info .title-box .recipe-title {
font-size: 22px;
}
}
a.recipe-link-item .info .recipe-data {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 10px;
align-items: flex-start;
}
@media (min-width: 768px) and (max-width: 991px) {
a.recipe-link-item .info .recipe-data {
grid-template-columns: minmax(0, 1fr);
}
}
@media (max-width: 320px) {
a.recipe-link-item .info .recipe-data {
grid-template-columns: minmax(0, 1fr);
}
}
a.recipe-link-item .info .recipe-data .data-item {
display: flex;
align-items: center;
gap: 10px;
}
a.recipe-link-item .info .recipe-data .data-item:nth-child(even) {
text-align: right;
}
a.recipe-link-item .info .recipe-data .data-item .data-icon {
display: inline-flex;
}
a.recipe-link-item .info .recipe-data .data-item .data-icon img, a.recipe-link-item .info .recipe-data .data-item .data-icon svg {
width: 27px;
height: 27px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
a.recipe-link-item .info .recipe-data .data-item .data-value {
text-transform: uppercase;
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 16px;
color: #89807B;
text-align: left;
}
a.recipe-link-item .info .description {
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #212121;
max-height: 50px;
display: -webkit-box;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2;
overflow: hidden;
}
a.recipe-link-item .info .description * {
margin: 0;
}
a.recipe-link-item .info .show-more {
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 27px;
color: #949402;
transition: all 0.2s;
}
@media (max-width: 767px) {
a.recipe-link-item .info .show-more {
font-size: 12px;
}
}
a.recipe-link-item:hover .show-more {
color: #FF7D09 !important;
}
@media (max-width: 767px) {
.at-share-dock {
display: none;
}
}
.en-contact-info {
position: fixed;
z-index: 10;
right: 15px;
bottom: 15px;
border-left: 10px solid #666909;
border-bottom: 10px solid #666909;
border-top: 5px solid #666909;
border-right: 5px solid #666909;
background: #fff;
width: auto;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15px;
box-sizing: border-box;
font-size: 15px;
color: #212121;
}
@media (max-width: 767px) {
.en-contact-info {
border-radius: 0;
left: 0;
right: 0;
bottom: 0;
width: auto;
height: auto;
padding: 8px;
font-size: 14px;
}
.en-contact-info * {
font-size: 14px !important;
}
}
.en-contact-info strong {
color: #212121;
}
.en-contact-info a {
color: #212121;
text-decoration: underline;
}
.en-contact-info * {
margin: 0;
}
[data-block-type=image][data-block-id="390"] img {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
height: auto;
z-index: 2;
}
.page-login_page .login-box > .container > .row > div:nth-child(1) {
padding: 0 110px 0 80px;
}
@media (max-width: 1199px) {
.page-login_page .login-box > .container > .row > div:nth-child(1) {
padding: 0 70px 0 40px;
}
}
@media (max-width: 991px) {
.page-login_page .login-box > .container > .row > div:nth-child(1) {
padding: 0;
}
}
.page-login_page .login-box > .container > .row > div:nth-child(2) {
padding: 0 50px 0 120px;
}
@media (max-width: 1199px) {
.page-login_page .login-box > .container > .row > div:nth-child(2) {
padding: 0 40px 0 70px;
}
}
@media (max-width: 991px) {
.page-login_page .login-box > .container > .row > div:nth-child(2) {
padding: 0;
}
}
@media (max-width: 991px) {
.page-login_page .login-box > .container > .row > div:nth-child(2) {
margin-top: 100px;
margin-bottom: 30px;
}
.page-login_page .login-box > .container > .row > div:nth-child(2) .sp-block-outer-html > .row {
flex-direction: column;
text-align: center;
}
.page-login_page .login-box > .container > .row > div:nth-child(2) .sp-block-outer-html > .row .button {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
}
@media (max-width: 767px) {
.page-login_page .login-box > .container > .row > div:nth-child(2) {
margin-top: 40px;
margin-bottom: 30px;
text-align: center;
}
}
.page-login_page .login-box .button {
width: 100%;
}
.page-login_page .login-box .social-login-wrapper {
display: flex;
gap: 22px;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 20px 0 60px 0;
}
.page-login_page .login-box .social-login-wrapper .login-item {
width: 100%;
}
.page-login_page .login-box .social-login-wrapper .login-item a {
width: 100%;
display: block;
}
@media (max-width: 767px) {
.page-login_page .login-box .social-login-wrapper {
flex-direction: column;
}
}
@media (max-width: 500px) {
.page-login_page .login-box .social-login-wrapper .login-item {
text-align: left !important;
}
}
.page-login_page .login-box .form-section {
margin-bottom: 0;
}
.page-login_page .login-box .form-section .forgot-password {
position: absolute;
right: 0;
bottom: 22px;
}
@media (max-width: 340px) {
.page-login_page .login-box .form-section .forgot-password {
position: relative;
right: unset;
bottom: unset;
margin-top: 12px;
}
}