/* input(25,8515): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(25,8519): run-time error CSS1046: Expect comma, found '--dt-row-selected'
input(25,8536): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(25,8537): run-time error CSS1046: Expect comma, found ')'
input(25,15143): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(25,15147): run-time error CSS1046: Expect comma, found '--dt-row-selected-text'
input(25,15169): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(25,15170): run-time error CSS1046: Expect comma, found ')'
input(25,15243): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(25,15247): run-time error CSS1046: Expect comma, found '--dt-row-selected-link'
input(25,15269): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(25,15270): run-time error CSS1046: Expect comma, found ')'
input(28,1312): run-time error CSS1036: Expected expression, found ';'
input(46,87): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
input(46,91): run-time error CSS1046: Expect comma, found '--dt-row-selected-text'
input(46,113): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
input(46,114): run-time error CSS1046: Expect comma, found ')'
input(217,11): run-time error CSS1030: Expected identifier, found '#forced-no-support'
input(217,37): run-time error CSS1025: Expected comma or open brace, found ')'
input(221,11): run-time error CSS1030: Expected identifier, found '#fake-value'
input(221,30): run-time error CSS1025: Expected comma or open brace, found ')'
input(5511,57): run-time error CSS1038: Expected hex color, found '#0000' */
/*! 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(../lib_npm/jquery-ui-dist/"images/ui-icons_555555_256x240.png")&iconsHighlight=url(../lib_npm/jquery-ui-dist/"images/ui-icons_777620_256x240.png")&iconsHeader=url(../lib_npm/jquery-ui-dist/"images/ui-icons_444444_256x240.png")&iconsError=url(../lib_npm/jquery-ui-dist/"images/ui-icons_cc0000_256x240.png")&iconsDefault=url(../lib_npm/jquery-ui-dist/"images/ui-icons_777777_256x240.png")&iconsContent=url(../lib_npm/jquery-ui-dist/"images/ui-icons_444444_256x240.png")&iconsActive=url(../lib_npm/jquery-ui-dist/"images/ui-icons_ffffff_256x240.png")&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:before,.ui-helper-clearfix:after{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-focus,.ui-menu .ui-state-active{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:link,.ui-button:visited,.ui-button:hover,.ui-button:active{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}input.ui-button::-moz-focus-inner,button.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:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-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-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-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-prev span,.ui-datepicker .ui-datepicker-next 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:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{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:none;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-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{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:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .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%;filter:alpha(opacity=25);opacity:0.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 black}.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:bold;line-height:1.5;padding:2px 0.4em;margin:0.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}.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:none;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-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .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:none}.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 input,.ui-widget select,.ui-widget textarea,.ui-widget button{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:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.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,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;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:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.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("../lib_npm/jquery-ui-dist/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("../lib_npm/jquery-ui-dist/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-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{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}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../Themes/SHOPERIATESZT/Content/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../Themes/SHOPERIATESZT/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../Themes/SHOPERIATESZT/Content/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../Themes/SHOPERIATESZT/Content/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../Themes/SHOPERIATESZT/Content/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../Themes/SHOPERIATESZT/Content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-2.3.6/cc-1.2.0/fc-5.0.5/fh-4.0.5/r-3.0.7/sc-2.4.3/sp-2.3.5/sl-3.1.3
 *
 * Included libraries:
 *   DataTables 2.3.6, ColumnControl 1.2.0, FixedColumns 5.0.5, FixedHeader 4.0.5, Responsive 3.0.7, Scroller 2.4.3, SearchPanes 2.3.5, Select 3.1.3
 */

:root{--dt-row-selected: 13, 110, 253;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 228, 228, 228;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-header-align-items: center;--dt-header-vertical-align: middle;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable tbody td.dt-control{text-align:center;cursor:pointer}table.dataTable tbody td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tbody tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}table.dataTable tfoot:empty{display:none}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before,:root[data-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll{width:100%}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order{position:relative;width:12px;height:20px}table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc .dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc .dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc .dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc .dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc .dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc .dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) .dt-column-order:empty,table.dataTable thead>tr>th.sorting_desc_disabled .dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled .dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-none:not(.dt-ordering-asc,.dt-ordering-desc) .dt-column-order:empty,table.dataTable thead>tr>td.sorting_desc_disabled .dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled .dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th div.dt-column-header,table.dataTable thead>tr>th div.dt-column-footer,table.dataTable thead>tr>td div.dt-column-header,table.dataTable thead>tr>td div.dt-column-footer,table.dataTable tfoot>tr>th div.dt-column-header,table.dataTable tfoot>tr>th div.dt-column-footer,table.dataTable tfoot>tr>td div.dt-column-header,table.dataTable tfoot>tr>td div.dt-column-footer{display:flex;justify-content:space-between;align-items:var(--dt-header-align-items);gap:4px}table.dataTable thead>tr>th div.dt-column-header .dt-column-title,table.dataTable thead>tr>th div.dt-column-footer .dt-column-title,table.dataTable thead>tr>td div.dt-column-header .dt-column-title,table.dataTable thead>tr>td div.dt-column-footer .dt-column-title,table.dataTable tfoot>tr>th div.dt-column-header .dt-column-title,table.dataTable tfoot>tr>th div.dt-column-footer .dt-column-title,table.dataTable tfoot>tr>td div.dt-column-header .dt-column-title,table.dataTable tfoot>tr>td div.dt-column-footer .dt-column-title{flex-grow:1}table.dataTable thead>tr>th div.dt-column-header .dt-column-title:empty,table.dataTable thead>tr>th div.dt-column-footer .dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-header .dt-column-title:empty,table.dataTable thead>tr>td div.dt-column-footer .dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-header .dt-column-title:empty,table.dataTable tfoot>tr>th div.dt-column-footer .dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-header .dt-column-title:empty,table.dataTable tfoot>tr>td div.dt-column-footer .dt-column-title:empty{display:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(13, 110, 253);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable th.dt-type-numeric div.dt-column-header,table.dataTable th.dt-type-numeric div.dt-column-footer,table.dataTable th.dt-type-date div.dt-column-header,table.dataTable th.dt-type-date div.dt-column-footer,table.dataTable td.dt-type-numeric div.dt-column-header,table.dataTable td.dt-type-numeric div.dt-column-footer,table.dataTable td.dt-type-date div.dt-column-header,table.dataTable td.dt-type-date div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-left div.dt-column-header,table.dataTable th.dt-left div.dt-column-footer,table.dataTable td.dt-left div.dt-column-header,table.dataTable td.dt-left div.dt-column-footer{flex-direction:row}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-right div.dt-column-header,table.dataTable th.dt-right div.dt-column-footer,table.dataTable td.dt-right div.dt-column-header,table.dataTable td.dt-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-justify div.dt-column-header,table.dataTable th.dt-justify div.dt-column-footer,table.dataTable td.dt-justify div.dt-column-header,table.dataTable td.dt-justify div.dt-column-footer{flex-direction:row}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left;vertical-align:var(--dt-header-vertical-align)}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-left div.dt-column-header,table.dataTable thead th.dt-head-left div.dt-column-footer,table.dataTable thead td.dt-head-left div.dt-column-header,table.dataTable thead td.dt-head-left div.dt-column-footer,table.dataTable tfoot th.dt-head-left div.dt-column-header,table.dataTable tfoot th.dt-head-left div.dt-column-footer,table.dataTable tfoot td.dt-head-left div.dt-column-header,table.dataTable tfoot td.dt-head-left div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-right div.dt-column-header,table.dataTable thead th.dt-head-right div.dt-column-footer,table.dataTable thead td.dt-head-right div.dt-column-header,table.dataTable thead td.dt-head-right div.dt-column-footer,table.dataTable tfoot th.dt-head-right div.dt-column-header,table.dataTable tfoot th.dt-head-right div.dt-column-footer,table.dataTable tfoot td.dt-head-right div.dt-column-header,table.dataTable tfoot td.dt-head-right div.dt-column-footer{flex-direction:row-reverse}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-justify div.dt-column-header,table.dataTable thead th.dt-head-justify div.dt-column-footer,table.dataTable thead td.dt-head-justify div.dt-column-header,table.dataTable thead td.dt-head-justify div.dt-column-footer,table.dataTable tfoot th.dt-head-justify div.dt-column-header,table.dataTable tfoot th.dt-head-justify div.dt-column-footer,table.dataTable tfoot td.dt-head-justify div.dt-column-header,table.dataTable tfoot td.dt-head-justify div.dt-column-footer{flex-direction:row}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}:root{--dt-row-hover-alpha: 0.035;--dt-row-stripe-alpha: 0.023;--dt-column-ordering-alpha: 0.019;--dt-row-selected-stripe-alpha: 0.923;--dt-row-selected-column-ordering-alpha: 0.919}table.dataTable{width:100%;margin:0 auto;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable>thead>tr>th,table.dataTable>thead>tr>td{padding:10px;border-bottom:1px solid rgba(0, 0, 0, 0.3)}table.dataTable>thead>tr>th:active,table.dataTable>thead>tr>td:active{outline:none}table.dataTable>tfoot>tr>th,table.dataTable>tfoot>tr>td{border-top:1px solid rgba(0, 0, 0, 0.3);padding:10px 10px 6px 10px}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr:first-child>*{border-top:none}table.dataTable>tbody>tr:last-child>*{border-bottom:none}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.9);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.9);color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:rgb(228, 228, 228);color:rgb(var(--dt-row-selected-link))}table.dataTable>tbody>tr>th,table.dataTable>tbody>tr>td{padding:8px 10px}table.dataTable.row-border>tbody>tr>*,table.dataTable.display>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.row-border>tbody>tr:first-child>*,table.dataTable.display>tbody>tr:first-child>*{border-top:none}table.dataTable.row-border>tbody>tr.selected+tr.selected>td,table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}table.dataTable.cell-border>tbody>tr>*{border-top:1px solid rgba(0, 0, 0, 0.15);border-right:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr>*:first-child{border-left:1px solid rgba(0, 0, 0, 0.15)}table.dataTable.cell-border>tbody>tr:first-child>*{border-top:1px solid rgba(0, 0, 0, 0.3)}table.dataTable.stripe>tbody>tr:nth-child(odd)>*,table.dataTable.display>tbody>tr:nth-child(odd)>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.023);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), var(--dt-row-stripe-alpha))}table.dataTable.stripe>tbody>tr:nth-child(odd).selected>*,table.dataTable.display>tbody>tr:nth-child(odd).selected>*{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.923);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-stripe-alpha))}table.dataTable.hover>tbody>tr:hover>*,table.dataTable.display>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.035);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), var(--dt-row-hover-alpha))}table.dataTable.hover>tbody>tr.selected:hover>*,table.dataTable.display>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px #0d6efd !important;box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 1) !important}table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), var(--dt-column-ordering-alpha))}table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), var(--dt-row-selected-column-ordering-alpha))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007))}table.dataTable.display>tbody>tr:nth-child(odd)>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd)>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.007))}table.dataTable.display>tbody>tr:nth-child(odd).selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr:nth-child(odd).selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) - 0.015))}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha)))}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007))}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), calc(var(--dt-row-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015))}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha)))}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.007))}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), calc(var(--dt-row-selected-stripe-alpha) + var(--dt-column-ordering-alpha) + var(--dt-row-hover-alpha) - 0.015))}table.dataTable.compact thead th,table.dataTable.compact thead td,table.dataTable.compact tfoot th,table.dataTable.compact tfoot td,table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}div.dt-container div.dt-layout-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin:.75em 0}div.dt-container div.dt-layout-row div.dt-layout-cell{display:flex;justify-content:space-between;align-items:center}div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start{justify-content:flex-start;margin-right:auto}div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end{justify-content:flex-end;margin-left:auto}div.dt-container div.dt-layout-row div.dt-layout-cell:empty{display:none}@media screen and (max-width: 767px){div.dt-container div.dt-layout-row:not(.dt-layout-table){display:block}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell{display:block;text-align:center}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell>*{margin:.5em 0}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-start{margin-right:0}div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell.dt-layout-end{margin-left:0}}div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:1em}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:1em}div.dt-container div.dt-layout-full{width:100%}div.dt-container div.dt-layout-full>*:only-child{margin-left:auto;margin-right:auto}div.dt-container div.dt-layout-table>div{display:block !important}@media screen and (max-width: 767px){div.dt-container div.dt-layout-start>*:not(:last-child){margin-right:0}div.dt-container div.dt-layout-end>*:not(:first-child){margin-left:0}}div.dt-container{position:relative;clear:both}div.dt-container .dt-search input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit;margin-left:3px}div.dt-container .dt-input{border:1px solid #aaa;border-radius:3px;padding:5px;background-color:transparent;color:inherit}div.dt-container select.dt-input{padding:4px}div.dt-container .dt-paging .dt-paging-button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;color:inherit !important;border:1px solid transparent;border-radius:2px;background:transparent}div.dt-container .dt-paging .dt-paging-button.current,div.dt-container .dt-paging .dt-paging-button.current:hover{color:inherit !important;border:1px solid rgba(0, 0, 0, 0.3);background-color:rgba(0, 0, 0, 0.05);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(229.5, 229.5, 229.5, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05)));background:-webkit-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-moz-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-ms-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:-o-linear-gradient(top, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);background:linear-gradient(to bottom, rgba(229.5, 229.5, 229.5, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%)}div.dt-container .dt-paging .dt-paging-button.disabled,div.dt-container .dt-paging .dt-paging-button.disabled:hover,div.dt-container .dt-paging .dt-paging-button.disabled:active{cursor:default;color:rgba(0, 0, 0, 0.5) !important;border:1px solid transparent;background:transparent;box-shadow:none}div.dt-container .dt-paging .dt-paging-button:hover{color:white !important;border:1px solid #111;background-color:#111;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(88.4, 88.4, 88.4)), color-stop(100%, #111));background:-webkit-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%);background:-moz-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%);background:-ms-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%);background:-o-linear-gradient(top, rgb(88.4, 88.4, 88.4) 0%, #111 100%);background:linear-gradient(to bottom, rgb(88.4, 88.4, 88.4) 0%, #111 100%)}div.dt-container .dt-paging .dt-paging-button:active{outline:none;background-color:rgb(11.9, 11.9, 11.9);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(42.5, 42.5, 42.5)), color-stop(100%, rgb(11.9, 11.9, 11.9)));background:-webkit-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);background:-moz-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);background:-ms-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);background:-o-linear-gradient(top, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);background:linear-gradient(to bottom, rgb(42.5, 42.5, 42.5) 0%, rgb(11.9, 11.9, 11.9) 100%);box-shadow:inset 0 0 3px #111}div.dt-container .dt-paging .ellipsis{padding:0 1em}div.dt-container .dt-length,div.dt-container .dt-search,div.dt-container .dt-info,div.dt-container .dt-processing,div.dt-container .dt-paging{color:inherit}div.dt-container .dataTables_scroll{clear:both}div.dt-container .dataTables_scroll div.dt-scroll-body{-webkit-overflow-scrolling:touch}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td{vertical-align:middle}div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>thead>tr>td>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>th>div.dataTables_sizing,div.dt-container .dataTables_scroll div.dt-scroll-body>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}div.dt-container.dt-empty-footer tbody>tr:last-child>*{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body{border-bottom:1px solid rgba(0, 0, 0, 0.3)}div.dt-container.dt-empty-footer .dt-scroll-body tbody>tr:last-child>*{border-bottom:none}html.dark{--dt-row-hover: 255, 255, 255;--dt-row-stripe: 255, 255, 255;--dt-column-ordering: 255, 255, 255}html.dark table.dataTable>thead>tr>th,html.dark table.dataTable>thead>tr>td{border-bottom:1px solid rgb(89, 91, 94)}html.dark table.dataTable>thead>tr>th:active,html.dark table.dataTable>thead>tr>td:active{outline:none}html.dark table.dataTable>tfoot>tr>th,html.dark table.dataTable>tfoot>tr>td{border-top:1px solid rgb(89, 91, 94)}html.dark table.dataTable.row-border>tbody>tr>*,html.dark table.dataTable.display>tbody>tr>*{border-top:1px solid rgb(64, 67, 70)}html.dark table.dataTable.row-border>tbody>tr:first-child>*,html.dark table.dataTable.display>tbody>tr:first-child>*{border-top:none}html.dark table.dataTable.row-border>tbody>tr.selected+tr.selected>td,html.dark table.dataTable.display>tbody>tr.selected+tr.selected>td{border-top-color:rgba(13, 110, 253, 0.65);border-top-color:rgba(var(--dt-row-selected), 0.65)}html.dark table.dataTable.cell-border>tbody>tr>th,html.dark table.dataTable.cell-border>tbody>tr>td{border-top:1px solid rgb(64, 67, 70);border-right:1px solid rgb(64, 67, 70)}html.dark table.dataTable.cell-border>tbody>tr>th:first-child,html.dark table.dataTable.cell-border>tbody>tr>td:first-child{border-left:1px solid rgb(64, 67, 70)}html.dark .dt-container.dt-empty-footer table.dataTable{border-bottom:1px solid rgb(89, 91, 94)}html.dark .dt-container .dt-search input,html.dark .dt-container .dt-length select{border:1px solid rgba(255, 255, 255, 0.2);background-color:var(--dt-html-background)}html.dark .dt-container .dt-paging .dt-paging-button.current,html.dark .dt-container .dt-paging .dt-paging-button.current:hover{border:1px solid rgb(89, 91, 94);background:rgba(255, 255, 255, 0.15)}html.dark .dt-container .dt-paging .dt-paging-button.disabled,html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,html.dark .dt-container .dt-paging .dt-paging-button.disabled:active{color:#666 !important}html.dark .dt-container .dt-paging .dt-paging-button:hover{border:1px solid rgb(53, 53, 53);background:rgb(53, 53, 53)}html.dark .dt-container .dt-paging .dt-paging-button:active{background:rgb(58.1, 58.1, 58.1)}*[dir=rtl] table.dataTable thead th,*[dir=rtl] table.dataTable thead td,*[dir=rtl] table.dataTable tfoot th,*[dir=rtl] table.dataTable tfoot td{text-align:right}*[dir=rtl] table.dataTable th.dt-type-numeric,*[dir=rtl] table.dataTable th.dt-type-date,*[dir=rtl] table.dataTable td.dt-type-numeric,*[dir=rtl] table.dataTable td.dt-type-date{text-align:left}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start{text-align:right}*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end{text-align:left}*[dir=rtl] div.dt-container div.dt-search input{margin:0 3px 0 0}


:root{--dtcc-button_background: transparent;--dtcc-button_border: none;--dtcc-button_border-radius: 3px;--dtcc-button_opacity: 0.4;--dtcc-button_padding: 3px;--dtcc-button_disabled-opacity: 0.6;--dtcc-button_empty-opacity: 0.8;--dtcc-button_hover-border: none;--dtcc-button_hover-background: rgba(0, 0, 0, 0.1);--dtcc-button_hover-opacity: 0.9;--dtcc-button-icon_color: black;--dtcc-button-icon_size: 16px;--dtcc-button-icon_margin: 0.5em;--dtcc-dropdown_background: white;--dtcc-dropdown_border: 1px solid rgba(0, 0, 0, 0.2);--dtcc-dropdown_border-radius: 5px;--dtcc-dropdown_box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);--dtcc-dropdown_margin: 3px 0 0 0;--dtcc-dropdown_padding: 0.75em 0;--dtcc-dropdown_width: 200px;--dtcc-dropdown_z-index: 2002;--dtcc-dropdown-button_background: transparent;--dtcc-dropdown-button_border: none;--dtcc-dropdown-button_color: black;--dtcc-dropdown-button_padding: 0.5em 1em;--dtcc-dropdown-button_hover-background: rgba(0, 0, 0, 0.05);--dtcc-dropdown-icon_vertical-align: initial;--dtcc-dropdown-search_padding: 0.5em 1em;--dtcc-spacer_border: 1px solid rgba(0, 0, 0, 0.2);--dtcc-spacer_margin: 0.5em;--dtcc-title_background: rgba(255, 255, 255, 0.1);--dtcc-title_border-left: none;--dtcc-title_border-right: none;--dtcc-title_border-top: none;--dtcc-title_border-bottom: ;--dtcc-title_margin: 0;--dtcc-title_padding: 0.5em 0;--dtcc-title_text-align: center;--dtcc-search-icon_color: black;--dtcc-search-icon_hover-background: rgba(0, 0, 0, 0.1);--dtcc-search-icon_opacity: 0.4;--dtcc-search-icon_size: 16px;--dtcc-search-clear_right: 8px;--dtcc-search-clear_bottom: 2px;--dtcc-search-input_margin-top: 0.5em;--dtcc-search-input_padding-right: 24px;--dtcc-search-input_border: 1px solid #aaa;--dtcc-search-input_background-color: var(--dt-html-background);--dtcc-search-input_background: var(--dt-html-background);--dtcc-search-input_border-radius: 3px;--dtcc-search-input_padding: 5px;--dtcc-search-input_flexCalc: 24px;--dtcc-list-buttons_max-height: 300px;--dtcc-list-buttons_background: rgba(0, 0, 0, 0.05)}:root.dark{--dtcc-button_hover-background: rgba(255, 255, 255, 0.1);--dtcc-button-icon_color: white;--dtcc-spacer_border: 1px solid rgba(255, 255, 255, 0.15);--dtcc-dropdown_background: rgb(33, 37, 41);--dtcc-dropdown_border: 1px solid rgba(255, 255, 255, 0.15);--dtcc-dropdown_box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);--dtcc-dropdown-button_color: white;--dtcc-dropdown-button_hover-background: rgba(153, 153, 153, 0.1);--dtcc-search-icon_color: white;--dtcc-search-icon_hover-background: rgba(255, 255, 255, 0.1);--dtcc-search-input_border: 1px solid rgba(255, 255, 255, 0.2);--dtcc-list-buttons_background: rgba(255, 255, 255, 0.05)}table.dataTable div.dt-column-header span.dt-column-title:empty+span.dtcc{flex-grow:1;margin-left:auto}table.dataTable .dt-type-numeric div.dt-column-header span.dt-column-title:empty+span.dtcc,table.dataTable .dt-type-date div.dt-column-header span.dt-column-title:empty+span.dtcc,table.dataTable .dt-right div.dt-column-header span.dt-column-title:empty+span.dtcc{margin-right:auto;margin-left:0}table.dataTable>thead>tr.dtcc-row_no-bottom-border>*{border-bottom:none !important}table.dataTable>thead>tr.dtcc-row_no-top-padding>*{padding-top:0 !important}table.dataTable span.dtcc{font-weight:normal;white-space:nowrap;display:inline-flex;align-items:center}table.dataTable span.dtcc button.dtcc-button{display:inline-flex;padding:var(--dtcc-button_padding);border:var(--dtcc-button_border);border-radius:var(--dtcc-button_border-radius);background:var(--dtcc-button_background);cursor:pointer;opacity:var(--dtcc-button_opacity)}table.dataTable span.dtcc button.dtcc-button:hover{border:var(--dtcc-button_hover-border);background:var(--dtcc-button_hover-background);opacity:var(--dtcc-button_hover-opacity)}table.dataTable span.dtcc button.dtcc-button.dtcc-button_disabled{cursor:initial;opacity:var(--dtcc-button_disabled-opacity)}table.dataTable span.dtcc button.dtcc-button>span.dtcc-button-state{display:none}table.dataTable span.dtcc button.dtcc-button>span.dtcc-button-extra{display:none}table.dataTable span.dtcc button.dtcc-button_active{opacity:1}table.dataTable span.dtcc input{box-sizing:border-box;width:100%}table.dataTable span.dtcc span.dtcc-button-icon{display:inline-block;box-sizing:content-box;color:var(--dtcc-button-icon_color);vertical-align:middle;line-height:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size)}table.dataTable span.dtcc span.dtcc-button-icon svg{width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);vertical-align:initial}table.dataTable span.dtcc span.dtcc-button-text{display:none}table.dataTable span.dtcc div.dtcc-spacer{display:inline-block;margin:0 var(--dtcc-spacer_margin);padding-left:.5em;border-left:var(--dtcc-spacer_border);vertical-align:middle;white-space:nowrap;cursor:initial}table.dataTable span.dtcc div.dtcc-spacer:empty{width:1px;height:1em;padding-left:0}table.dataTable span.dtcc div.dtcc-search{flex-grow:1}table.dataTable span.dtcc div.dtcc-search div.dtcc-search-title{margin-bottom:.25em;text-align:left}table.dataTable span.dtcc div.dtcc-search:empty{display:none}table.dataTable span.dtcc div.dtcc-search.dtcc-search_active>div div.dtcc-search-type-icon svg{opacity:1}table.dataTable span.dtcc div.dtcc-search:not(.dtcc-search_active) span.dtcc-search-clear{display:none}table.dataTable span.dtcc div.dtcc-search>div{position:relative}table.dataTable span.dtcc div.dtcc-search>div div.dtcc-search-type-icon{display:flex;position:absolute;top:0;align-items:center;justify-content:center;width:30px;height:100%}table.dataTable span.dtcc div.dtcc-search>div div.dtcc-search-type-icon svg{width:var(--dtcc-search-icon_size);height:var(--dtcc-search-icon_size);color:var(--dtcc-search-icon_color);opacity:var(--dtcc-search-icon_opacity);vertical-align:initial}table.dataTable span.dtcc div.dtcc-search>div div.dtcc-search-type-icon:hover{background-color:var(--dtcc-search-icon_hover-background)}table.dataTable span.dtcc div.dtcc-search>div select{position:absolute;top:0;width:30px;height:100%;cursor:pointer;opacity:0;background-color:var(--dtcc-search-input_background)}table.dataTable span.dtcc div.dtcc-search>div span.dtcc-search-clear{display:flex;position:absolute;top:0;align-items:center;justify-content:center;width:14px;height:100%;cursor:pointer}table.dataTable span.dtcc div.dtcc-search>div div.dtcc-search-icon{display:none}table.dataTable span.dtcc div.dtcc-search>div input{padding:var(--dtcc-search-input_padding);border:var(--dtcc-search-input_border);border-radius:var(--dtcc-search-input_border-radius);background-color:var(--dtcc-search-input_background);color:inherit}table.dataTable span.dtcc div.dtcc-searchText>div div.dtcc-search-type-icon{right:0;z-index:1}table.dataTable span.dtcc div.dtcc-searchText>div select{right:0;z-index:2;padding:0}table.dataTable span.dtcc div.dtcc-searchText>div span.dtcc-search-clear{right:28px;z-index:1}table.dataTable span.dtcc div.dtcc-searchText>div input{padding-right:46px}table.dataTable span.dtcc div.dtcc-searchNumber>div div.dtcc-search-type-icon,table.dataTable span.dtcc div.dtcc-searchDateTime>div div.dtcc-search-type-icon{left:0;z-index:1}table.dataTable span.dtcc div.dtcc-searchNumber>div select,table.dataTable span.dtcc div.dtcc-searchDateTime>div select{left:0;z-index:2;padding:0}table.dataTable span.dtcc div.dtcc-searchNumber>div span.dtcc-search-clear,table.dataTable span.dtcc div.dtcc-searchDateTime>div span.dtcc-search-clear{left:28px}table.dataTable span.dtcc div.dtcc-searchNumber>div input,table.dataTable span.dtcc div.dtcc-searchDateTime>div input{padding-left:46px;text-align:right}div.dtcc-dropdown{display:block;box-sizing:border-box;z-index:var(--dtcc-dropdown_z-index);position:absolute;width:var(--dtcc-dropdown_width);margin:var(--dtcc-dropdown_margin);padding:var(--dtcc-dropdown_padding);overflow:hidden;border:var(--dtcc-dropdown_border);border-radius:var(--dtcc-dropdown_border-radius);background:var(--dtcc-dropdown_background);box-shadow:var(--dtcc-dropdown_box-shadow)}div.dtcc-dropdown button.dtcc-button{display:flex;position:relative;align-items:center;width:100%;padding:var(--dtcc-dropdown-button_padding);border:var(--dtcc-dropdown-button_border);background:var(--dtcc-dropdown-button_background);color:var(--dtcc-dropdown-button_color);text-align:left;cursor:pointer}div.dtcc-dropdown button.dtcc-button:focus{outline-offset:-2px}div.dtcc-dropdown button.dtcc-button:hover{background:var(--dtcc-dropdown-button_hover-background)}div.dtcc-dropdown button.dtcc-button.dtcc-button_disabled{cursor:initial;opacity:var(--dtcc-button_disabled-opacity)}div.dtcc-dropdown button.dtcc-button.dtcc-button_empty span.dtcc-button-text{opacity:var(--dtcc-button_empty-opacity);font-style:italic}div.dtcc-dropdown button.dtcc-button>span.dtcc-button-state{display:block;width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);margin:0 0 0 var(--dtcc-button-icon_margin)}div.dtcc-dropdown button.dtcc-button>span.dtcc-button-state:empty{display:none}div.dtcc-dropdown button.dtcc-button>span.dtcc-button-state svg{width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);vertical-align:initial}div.dtcc-dropdown button.dtcc-button>span.dtcc-button-extra:empty{display:none}div.dtcc-dropdown button.dtcc-button span.dtcc-button-icon{width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);margin:0 var(--dtcc-button-icon_margin) 0 0}div.dtcc-dropdown button.dtcc-button span.dtcc-button-icon svg{width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);vertical-align:var(--dtcc-dropdown-icon_vertical-align)}div.dtcc-dropdown button.dtcc-button span.dtcc-button-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.dtcc-dropdown div.dtcc-spacer{margin:var(--dtcc-spacer_margin) 0;padding:0;border-bottom:var(--dtcc-spacer_border);border-left:none}div.dtcc-dropdown div.dtcc-title{margin:var(--dtcc-title_margin);padding:var(--dtcc-title_padding);border-top:var(--dtcc-title_border-top);border-right:var(--dtcc-title_border-right);border-bottom:var(--dtcc-title_border-bottom);border-left:var(--dtcc-title_border-left);background:var(--dtcc-title_background);text-align:var(--dtcc-title_text-align)}div.dtcc-dropdown div.dtcc-search{padding:var(--dtcc-dropdown-search_padding)}div.dtcc-dropdown div.dtcc-search>div{display:flex;position:relative;flex-wrap:wrap;align-items:center;border:var(--dtcc-dropdown-button_border);background:var(--dtcc-dropdown-button_background);color:var(--dtcc-dropdown-button_color)}div.dtcc-dropdown div.dtcc-search>div div{flex:0 0 var(--dtcc-button-icon_size);width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);margin:0 var(--dtcc-button-icon_margin) 0 0}div.dtcc-dropdown div.dtcc-search>div div svg{width:var(--dtcc-search-icon_size);height:var(--dtcc-search-icon_size);color:var(--dtcc-search-icon_color);vertical-align:var(--dtcc-dropdown-icon_vertical-align)}div.dtcc-dropdown div.dtcc-search>div select,div.dtcc-dropdown div.dtcc-search>div input{box-sizing:border-box;flex:1 1 calc(100% - var(--dtcc-search-input_flexCalc));width:100%;min-width:0;padding:var(--dtcc-search-input_padding);border:var(--dtcc-search-input_border);border-radius:var(--dtcc-search-input_border-radius);background-color:var(--dtcc-search-input_background-color)}div.dtcc-dropdown div.dtcc-search>div select option,div.dtcc-dropdown div.dtcc-search>div input option{background-color:var(--dtcc-search-input_background-color)}div.dtcc-dropdown div.dtcc-search>div input,div.dtcc-dropdown div.dtcc-search>div div.dtcc-search-icon{margin-top:var(--dtcc-search-input_margin-top)}div.dtcc-dropdown div.dtcc-search>div input{padding-right:var(--dtcc-search-input_padding-right)}div.dtcc-dropdown div.dtcc-search>div span.dtcc-search-clear{position:absolute;right:var(--dtcc-search-clear_right);bottom:var(--dtcc-search-clear_bottom);width:14px;cursor:pointer}div.dtcc-dropdown div.dtcc-search:not(.dtcc-search_active) span.dtcc-search-clear{display:none}div.dtcc-dropdown div.dtcc-list div.dtcc-list-title,div.dtcc-dropdown div.dtcc-list div.dtcc-list-empty{padding:var(--dtcc-dropdown-button_padding);font-style:italic}div.dtcc-dropdown div.dtcc-list div.dtcc-list-title:empty,div.dtcc-dropdown div.dtcc-list div.dtcc-list-empty:empty{display:none}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls{display:grid;padding:var(--dtcc-dropdown-button_padding);gap:.5em}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls:empty{display:none}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll,div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone{width:100%;padding:0;border:none;background-color:transparent;color:inherit;font-size:80%;text-align:center;cursor:pointer}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll:hover,div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone:hover{text-decoration:underline}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll span,div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone span{display:inline-block;padding-left:.25em}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls input.dtcc-list-search{box-sizing:border-box;grid-column:1/3;width:100%;padding:var(--dtcc-search-input_padding);border:var(--dtcc-search-input_border);border-radius:var(--dtcc-search-input_border-radius);background-color:var(--dtcc-search-input_background-color)}div.dtcc-dropdown div.dtcc-list div.dtcc-list-buttons{max-height:var(--dtcc-list-buttons_max-height);overflow:auto;background:var(--dtcc-list-buttons_background)}div.dtcc-dropdown div.dtcc-list span.dtcc-button-icon:empty{display:none}


:root{--dtfc_background: white;--dtfc-thead-cell_background: var(--dtfc_background);--dtfc-tbody-cell_background: var(--dtfc_background)}:root.dark{--dtfc_background: rgb(33, 37, 41)}table.dataTable thead tr>.dtfc-fixed-start,table.dataTable thead tr>.dtfc-fixed-end,table.dataTable tfoot tr>.dtfc-fixed-start,table.dataTable tfoot tr>.dtfc-fixed-end{top:0;bottom:0;z-index:3;background-color:var(--dtfc-thead-cell_background)}table.dataTable tbody tr>.dtfc-fixed-start,table.dataTable tbody tr>.dtfc-fixed-end{z-index:1;background-color:var(--dtfc-tbody-cell_background)}table.dataTable tr>.dtfc-fixed-left::after,table.dataTable tr>.dtfc-fixed-right::after{position:absolute;top:0;bottom:0;width:10px;transition:box-shadow .3s;content:"";pointer-events:none}table.dataTable tr>.dtfc-fixed-left::after{right:0;transform:translateX(100%)}table.dataTable tr>.dtfc-fixed-right::after{left:0;transform:translateX(-80%)}table.dataTable.dtfc-scrolling-left tr>.dtfc-fixed-left::after{box-shadow:inset 10px 0 8px -8px rgba(0, 0, 0, 0.2)}table.dataTable.dtfc-scrolling-right tr>.dtfc-fixed-right::after{box-shadow:inset -10px 0 8px -8px rgba(0, 0, 0, 0.2)}table.dataTable.dtfc-scrolling-right tr>.dtfc-fixed-right+.dtfc-fixed-right::after{box-shadow:none}div.dt-scroll,div.dtfh-floatingparent{position:relative}div.dt-scroll div.dtfc-top-blocker,div.dt-scroll div.dtfc-bottom-blocker,div.dtfh-floatingparent div.dtfc-top-blocker,div.dtfh-floatingparent div.dtfc-bottom-blocker{position:absolute;background-color:var(--dtfc-thead-cell_background)}html.dark table.dataTable.dtfc-scrolling-left tbody>tr>.dtfc-fixed-left::after{box-shadow:inset 10px 0 8px -8px rgba(0, 0, 0, 0.3)}html.dark table.dataTable.dtfc-scrolling-right tbody>tr>.dtfc-fixed-right::after{box-shadow:inset -10px 0 8px -8px rgba(0, 0, 0, 0.3)}html.dark table.dataTable.dtfc-scrolling-right tbody>tr>.dtfc-fixed-right+.dtfc-fixed-right::after{box-shadow:none}


table.fixedHeader-floating,table.fixedHeader-locked{position:relative !important;background-color:var(--dt-html-background);background-color:var(--dt-html-background)}@media print{table.fixedHeader-floating,table.fixedHeader-locked{display:none}}


table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control{cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{margin-right:.5em;display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control.arrow-right::before{border-top:5px solid transparent;border-left:0px solid transparent;border-bottom:5px solid transparent;border-right:10px solid rgba(0, 0, 0, 0.5)}table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr.dtr-expanded>th.dtr-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td.dtr-control,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th.dtr-control{padding-left:.333em}table.dataTable.dtr-column>tbody>tr>td.dtr-control,table.dataTable.dtr-column>tbody>tr>th.dtr-control,table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.dtr-control:before,table.dataTable.dtr-column>tbody>tr>th.dtr-control:before,table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable.dtr-column>tbody>tr>td.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.dtr-control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>td.control.arrow-right::before,table.dataTable.dtr-column>tbody>tr>th.control.arrow-right::before{border-top:5px solid transparent;border-left:0px solid transparent;border-bottom:5px solid transparent;border-right:10px solid rgba(0, 0, 0, 0.5)}table.dataTable.dtr-column>tbody>tr.dtr-expanded td.dtr-control:before,table.dataTable.dtr-column>tbody>tr.dtr-expanded th.dtr-control:before,table.dataTable.dtr-column>tbody>tr.dtr-expanded td.control:before,table.dataTable.dtr-column>tbody>tr.dtr-expanded th.control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}table.dataTable>tbody>tr.child{padding:.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom:1px solid #efefef;padding:.5em 0}table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{padding-bottom:0;border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:fit-content;max-height:75%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:.5em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:2.5em}div.dtr-modal div.dtr-modal-content h2{margin-top:0}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0, 0, 0, 0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}html.dark table.dataTable>tbody>tr>td.dtr-control:before,html[data-bs-theme=dark] table.dataTable>tbody>tr>td.dtr-control:before{border-left-color:rgba(255, 255, 255, 0.5) !important}html.dark table.dataTable>tbody>tr>td.dtr-control.arrow-right::before,html[data-bs-theme=dark] table.dataTable>tbody>tr>td.dtr-control.arrow-right::before{border-right-color:rgba(255, 255, 255, 0.5) !important}html.dark table.dataTable>tbody>tr.dtr-expanded>td.dtr-control:before,html.dark table.dataTable>tbody>tr.dtr-expanded>th.dtr-control:before,html[data-bs-theme=dark] table.dataTable>tbody>tr.dtr-expanded>td.dtr-control:before,html[data-bs-theme=dark] table.dataTable>tbody>tr.dtr-expanded>th.dtr-control:before{border-top-color:rgba(255, 255, 255, 0.5) !important;border-left-color:transparent !important;border-right-color:transparent !important}html.dark table.dataTable>tbody>tr.child ul.dtr-details>li,html[data-bs-theme=dark] table.dataTable>tbody>tr.child ul.dtr-details>li{border-bottom-color:rgb(64, 67, 70)}html.dark div.dtr-modal div.dtr-modal-display,html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display{background-color:rgb(33, 37, 41);border:1px solid rgba(255, 255, 255, 0.15)}


div.dts{display:block !important}div.dts tbody th,div.dts tbody td{white-space:nowrap}div.dts div.dts_loading{z-index:1}div.dts div.dts_label{position:absolute;right:20px;background:rgba(0, 0, 0, 0.8);color:white;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5);text-align:right;border-radius:3px;padding:.4em;z-index:2;display:none}div.dts div.dt-scroll-body,div.dts div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0.025) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px)}div.dts div.dt-scroll-body table,div.dts div.dataTables_scrollBody table{background-color:white;z-index:2}div.dts div.dt-length,div.dts div.dt-paging,div.dts div.dataTables_paginate,div.dts div.dataTables_length{display:none}html.dark div.dts div.dts_label{background:rgba(255, 255, 255, 0.8);color:black}html.dark div.dts div.dt-scroll-body,html.dark div.dts div.dataTables_scrollBody{background:repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.025) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px)}html.dark div.dts div.dt-scroll-body table,html.dark div.dts div.dataTables_scrollBody table{background-color:var(--dt-html-background);z-index:2}


div.dtsp-topRow{display:flex;flex-direction:row;flex-wrap:nowrap;border:2px solid rgba(0, 0, 0, 0);border-radius:3px;justify-content:space-around;align-content:flex-start;align-items:flex-start}div.dtsp-topRow input.dtsp-search{text-overflow:ellipsis;min-width:50px;flex-basis:90px;max-width:none}div.dtsp-topRow input.dtsp-search::placeholder{color:inherit}div.dtsp-topRow div.dtsp-subRow1{display:flex;flex-direction:row;flex-wrap:nowrap;flex:1 1 auto}div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont{position:relative;width:100%}div.dtsp-topRow div.dtsp-subRow1 input{padding-right:2em;width:100% !important;box-sizing:border-box;font-size:1em}div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]{background-color:transparent;border:none;cursor:initial;box-shadow:none;padding-bottom:0;padding-top:0;min-height:1em;height:fit-content;box-sizing:content-box}div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]::placeholder{color:initial;opacity:1}div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon{position:absolute;top:0;right:0;bottom:0}div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon span{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABbmlDQ1BpY2MAACiRdZE7SwNBFIU/EyWikRRaiFhsoWKhEBREO42FTZAQFYza7G5eQhKX3QQJtoKNhWAh2vgq/AfaCrYKgqAIIhb+Al+NhPVOEkiQZJbZ+3FmzmXmDHjCGTPrtAYhm8vb0bmQthxb0Xzv+PHRxRSabjrWTCQSpun4eaRF1YdR1av5voajM55wTGhpF54wLTsvPC0c3sxbineFe8y0Hhc+ER6x5YDCt0o3KvymOFXhL8X2YnQWPKqnlqpjo47NtJ0VHhYeyGYKZvU86ib+RG5pQWqfzH4coswRQsOgwDoZ8oxKzUlmjX3Bsm+eDfGY8rcoYosjRVq8I6IWpGtCalL0hHwZiir3/3k6yfGxSnd/CNpeXfdzEHz7UNpz3d9T1y2dgfcFrnM1/4bkNPkt+l5NGziGwDZc3tQ04wCudqD32dJtvSx5ZXqSSfi4gK4YdN9Dx2olq+o650+wuCVPdAeHRzAk+wNrfw8JaBFXEnV+AAAACXBIWXMAAA9hAAAPYQGoP6dpAAABMUlEQVQoU6XRr0vDQRjH8akoM4iIjqGoOIZ5oIjB5XWxajaYDGLSIhhNYjcPRDSJwbQNw+L+BNGgYYo/5pT5/shz8vDlBgMPXux7z3N3z+25VOofYyCyd4ZYCavI4gXPsRp9LqiDdrEMH+8wv8Vh8gBfWclFPOEUN3hAHjlMoRa7wTzBS5xgKLFglPkZLjDic6HyDsEMNvGR2Nxifoci3tEI+X770JU0XmPXIlax+LTPh83fFox1X6kxyzdjm9UcdXi9S+Vti6svfyNULhNR9TVsYNhW6Ff9KKCNR7/Zv6eeaQ+6+qcdpu9BqGlp1HFgud+FYdzzUcUExu0Q/cdzHGEFetIlXKPjK/sbqYoOftMiS+j9jzEJPd1Wt+5+kdR/9EM9ucIC5jCbyPc01Q32kfsBppYz3hYFcCwAAAAASUVORK5CYII=") !important;background-repeat:no-repeat;background-position:center;background-size:12px}div.dtsp-topRow div.dtsp-subRow2{white-space:nowrap;flex:0 0 auto}div.dtsp-topRow button>span{display:inline-block;height:100%;width:100%}div.dtsp-topRow button.dtsp-nameButton span{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAK2SURBVFgJ7ZY9j41BFICvryCExrJBQ6HyEYVEIREaUZDQIRoR2ViJKCioxV+gkVXYTVZEQiEUhG2EQnxUCh0FKolY4ut5XnM2cyfva3Pt5m7EPcmzZ2bemTNnzjkzd1utnvQi0IvAfxiBy5z5FoxO89kPY+8mbMjtzs47RXs5/WVpbAG6bWExt5PuIibvhVkwmC+ck3eK9ln6/fAddFojYzBVuYSBpcnIEvRaqOw2RcaN18FPuJH0JvRUxbT3wWf4ltiKPgfVidWlbGZgPozDFfgAC+EA/K2EI4cwcAJ+gPaeQ+VQU2SOMMGcPgPl/m/V2p50rrbRsRgt9Iv5h6xtpP22Bz7Ce1C+gFFxfKzOmShcU+Qmyh2w3w8rIJfddHTck66EukL/xPhj+JM8rHNmFys0Pg4v0up3aFNlwR9NYyodd3OL/C64zpsymcTFcf6ElM4YzjAWKYrJkaq8kE/yUYNP4BoYvS1QRo+hNtF5xfkTUjoTheukSFFMjlTFm6PjceOca/SMpKfeCR1L6Uzk/y2WIkVhNFJlJAZhP+hYns7b9D3IPuhY5mYrIv8OrQJvR5NYyNaW4jsU8pSGNySiVx4o5tXq3JkoXE/mg5R/M8dGJCJpKhaDcjBRdbI/Rm8g69c122om33BHmj2CHoV5qa9jUXBraJ+G1fAVjIBO1klc87ro1K4JZ/K35SWW3TwcyDd6TecqnAEd8cGq2+w84xvBm1n3vS0izKkkwh5XNC/GmFPqqAtPF89AOScKuemaNzoTV1SD5dtSbmLf1/RV+tC0WTgcj6R7HEtrVGWaqu/lYDZ/2pvxQ/kIyw/gFByHC9AHw910hv1aUUumyd8yy0QfhmEkfiNod0Xusct68J1qc8Tdux0Z97Q+hsDb+AYGYEbF/4Guw2Q/qDPqZG/zXgT+3Qj8AtKnfWhFwmuAAAAAAElFTkSuQmCC") !important;background-repeat:no-repeat;background-position:center;background-size:23px;vertical-align:bottom}div.dtsp-topRow button.dtsp-countButton span{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAG5SURBVEgN3VU9LwVBFF0fiYhofUSlEQkKhU7z/oBCQkIiGr9BgUbhVzy9BAnhFyjV/AYFiU5ICM7ZN+c5Zud5dm3lJmfmzrkz9+7cu3c3y/6jjOBSF8CxXS7FmTkbwqIJjDpJvTcmsJ4K3KPZUpyZsx0sxoB9J6mnAkyC7wGuuCFIipNtEcpcWExgXpOBc78vgj6N+QO4NVsjwdFM59tUIDxDrHMBOeIQ34C5ZDregXuAQm4YcI68nN9B3wr2PcwPAIPkN2EqtJH6b+QZm1ajjTx7BqwAr26Lb+C2Kvpbt0Mb2HAJ7NrGFGfmXO3DeA4UshDfQAVmH0gaUFg852TTTDvlxwBlCtxy9zXyBhQFaq0wMmIdRebrfgosA3zb2hKnqG0oqchp4QbuR8X0TjzABhbdOT8jnQ/atcgqpnfwOA7yqZyTU587ZkIGdesLTt2EkynOnbreMUUKMI/dA4B/QVOcO13CQh+5wWCgDwo/75u59odB/wjmfhbgvACcAOyZPHihMWAoIwxyCLgf1oxfgjzVbgBXSTzIN+f0pg6s5DkcesLMRpsBrgE2XO3CN64JFP7JtUeKHX4CKtRRXFZ+7dEAAAAASUVORK5CYII=") !important;background-repeat:no-repeat;background-position:center;background-size:18px;vertical-align:bottom}div.dtsp-topRow button.dtsp-collapseButton span.dtsp-caret{position:relative;top:9px;display:inline-block}div.dtsp-topRow button.dtsp-collapseButton.dtsp-rotated{transform:rotate(180deg)}div.dtsp-searchPane table thead th,div.dtsp-searchPane table thead td{width:100% !important}div.dt-button-collection{z-index:2002}div.dt-button-collection.dtb-collection-closeable div.dtsp-titleRow{padding-right:25px}div.dtsp-columns-1{max-width:100%;min-width:100%;margin:0px !important}div.dtsp-columns-2{max-width:49%;min-width:49%;margin:0px !important}div.dtsp-columns-3{max-width:32%;min-width:32%;margin:0px !important}div.dtsp-columns-4{max-width:24%;min-width:24%;margin:0px !important}div.dtsp-columns-5{max-width:19%;min-width:19%;margin:0px !important}div.dtsp-columns-6{max-width:16%;min-width:16%;margin:0px !important}div.dtsp-columns-7{max-width:14%;min-width:14%;margin:0px !important}div.dtsp-columns-8{max-width:12%;min-width:12%;margin:0px !important}div.dtsp-columns-9{max-width:10.5%;min-width:10.5%;margin:0px !important}div.dtsp-narrow{flex-direction:column !important}div.dtsp-narrow div.dtsp-subRow1,div.dtsp-narrow div.dtsp-subRow2{width:100%}div.dtsp-narrow div.dtsp-subRow2 button{margin:0 !important;width:25% !important}div.dt-button-collection div.dtsp-panesContainer{padding-left:1em;padding-right:1em;margin-bottom:0}div.dtsp-panesContainer{margin-bottom:1em;max-width:100%;flex-grow:1}div.dtsp-searchPane div.dt-container,div.dtsp-searchPane div.dataTables_wrapper{width:100%}div.dtsp-searchPane div.dt-container div.dataTables_layout_cell,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_layout_cell{padding:0}div.dtsp-searchPane div.dt-container div.dt-layout-row,div.dtsp-searchPane div.dataTables_wrapper div.dt-layout-row{margin:0}div.dtsp-searchPane div.dt-container div.dt-layout-row div.dt-scroll,div.dtsp-searchPane div.dataTables_wrapper div.dt-layout-row div.dt-scroll{margin:0}div.dtsp-searchPane div.dt-container div.dt-scroll-head,div.dtsp-searchPane div.dt-container div.dataTables_scrollHead,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-head,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollHead{display:none !important}div.dtsp-searchPane div.dt-container div.dt-scroll-body,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody{background:white !important;border:none}div.dtsp-searchPane div.dt-container div.dt-scroll-body thead,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody thead,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body thead,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody thead{display:none}div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr>th,div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr>td,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr>th,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr>td,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr>th,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr>td,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr>th,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr>td{padding:5px 10px}div.dtsp-searchPane div.dt-container div.dt-scroll-body td.dtsp-nameColumn,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody td.dtsp-nameColumn,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body td.dtsp-nameColumn,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody td.dtsp-nameColumn{width:100% !important}div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-content:flex-start;align-items:flex-start}div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill{cursor:default}div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name{text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle;white-space:nowrap;flex-grow:1;text-align:left}div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill{display:inline-block;background-color:#cfcfcf;text-align:center;border-radius:10px;width:auto;min-width:30px;color:black;font-size:.9em;padding:0 4px}div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty,div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty,div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty{display:none}div.dtsp-panesContainer{clear:both;padding-left:0;padding-right:0;text-align:center}div.dtsp-panesContainer div.dtsp-searchPanes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;align-items:stretch;clear:both;text-align:left}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane{flex-grow:1;flex-shrink:0;font-size:.9em;margin-top:15px !important}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container,div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper{flex:1;box-sizing:border-box}div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dt-search,div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dataTables_filter,div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dt-search,div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dataTables_filter{display:none}div.dtsp-panesContainer div.dtsp-title{float:left;padding:10px 0}div.dtsp-panesContainer button.dtsp-clearAll,div.dtsp-panesContainer button.dtsp-collapseAll,div.dtsp-panesContainer button.dtsp-showAll{float:right}div.dtsp-hidden,div.dts.dtsp-hidden{display:none !important}html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder,html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder{color:white}div.dtsp-searchPane div.dt-container,div.dtsp-searchPane div.dataTables_wrapper{border:1px solid #f0f0f0;border-radius:4px;overflow:hidden}div.dtsp-searchPane div.dt-container:hover,div.dtsp-searchPane div.dataTables_wrapper:hover{border:1px solid #cfcfcf}div.dtsp-searchPane div.dt-container div.dt-scroll,div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll{margin:-0.75em 0}div.dtsp-searchPane div.dt-container table.dataTable,div.dtsp-searchPane div.dataTables_wrapper table.dataTable{border-bottom:none !important}div.dtsp-searchPane div.dtsp-topRow{border:1px solid transparent}div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]{padding-bottom:5px}div.dtsp-searchPane div.dtsp-topRow div.dtsp-searchCont input.dtsp-search{border:none;padding-left:3px}div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered{border:1px solid #f0f0f0;border-radius:3px}div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover{background-color:#f0f0f0}div.dtsp-searchPane input.dtsp-paneInputButton,div.dtsp-searchPane button.dtsp-paneButton{height:35px;width:35px;min-width:0;display:inline-block;margin:2px;border:0px solid transparent;background-color:transparent;margin-bottom:0px}div.dtsp-searchPane input.dtsp-paneInputButton:hover,div.dtsp-searchPane button.dtsp-paneButton:hover{background-color:#f0f0f0;border-radius:2px;cursor:pointer}div.dtsp-searchPane button.dtsp-paneButton{vertical-align:middle;opacity:.6}div.dtsp-panesContainer button.dtsp-clearAll,div.dtsp-panesContainer button.dtsp-collapseAll,div.dtsp-panesContainer button.dtsp-showAll{border:1px solid transparent;background-color:transparent}div.dtsp-panesContainer button.dtsp-clearAll:hover,div.dtsp-panesContainer button.dtsp-collapseAll:hover,div.dtsp-panesContainer button.dtsp-showAll:hover{background-color:#f0f0f0;border-radius:2px;cursor:pointer}div.dtsp-panesContainer button.dtsp-disabledButton{cursor:default !important;color:rgb(124, 124, 124)}div.dtsp-panesContainer button.dtsp-disabledButton:hover{background-color:transparent}div.dtsp-panesContainer button.dtsp-disabledButton:focus{outline:none}@media screen and (max-width: 767px){div.dtsp-columns-4,div.dtsp-columns-5,div.dtsp-columns-6{max-width:31% !important;min-width:31% !important}}@media screen and (max-width: 640px){div.dtsp-searchPanes{flex-direction:column !important}div.dtsp-searchPane{max-width:98% !important;min-width:98% !important}}html.dark div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon span{filter:invert(1)}html.dark div.dtsp-topRow button.dtsp-nameButton span{filter:invert(1)}html.dark div.dtsp-topRow button.dtsp-countButton span{filter:invert(1)}html.dark div.dtsp-topRow input.dtsp-paneInputButton,html.dark div.dtsp-topRow button.dtsp-paneButton{color:inherit}html.dark div.dtsp-topRow input.dtsp-paneInputButton:hover,html.dark div.dtsp-topRow button.dtsp-paneButton:hover{background-color:rgb(64, 69, 73)}html.dark div.dtsp-topRow.dtsp-bordered{border:1px solid rgba(255, 255, 255, 0.2);background:rgb(47, 52, 56) !important}html.dark div.dtsp-topRow.dtsp-bordered:hover{border:1px solid rgba(255, 255, 255, 0.3)}html.dark div.dtsp-panesContainer button.dtsp-clearAll,html.dark div.dtsp-panesContainer button.dtsp-collapseAll,html.dark div.dtsp-panesContainer button.dtsp-showAll{color:inherit}html.dark div.dtsp-panesContainer button.dtsp-clearAll:hover,html.dark div.dtsp-panesContainer button.dtsp-collapseAll:hover,html.dark div.dtsp-panesContainer button.dtsp-showAll:hover{background-color:rgb(64, 69, 73)}html.dark div.dtsp-panesContainer button.dtsp-disabledButton{color:rgb(124, 124, 124)}html.dark div.dtsp-searchPane div.dt-container,html.dark div.dtsp-searchPane div.dataTables_wrapper{border:1px solid rgba(255, 255, 255, 0.2)}html.dark div.dtsp-searchPane div.dt-container:hover,html.dark div.dtsp-searchPane div.dataTables_wrapper:hover{border:1px solid rgba(255, 255, 255, 0.3)}html.dark div.dtsp-searchPane div.dt-container div.dt-scroll-body,html.dark div.dtsp-searchPane div.dt-container div.dataTables_scrollBody,html.dark div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body,html.dark div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody{background:rgb(47, 52, 56) !important}html.dark div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,html.dark div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill,html.dark div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill,html.dark div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill{background-color:rgb(33, 37, 41);color:inherit}


table.dataTable>tbody>tr>.selected{background-color:rgba(13, 110, 253, 0.9);color:rgb(var(--dt-row-selected-text))}div.dt-container span.select-info,div.dt-container span.select-item{margin-left:.5em}@media screen and (max-width: 640px){div.dt-container span.select-info,div.dt-container span.select-item{margin-left:0;display:block}}table.dataTable>tbody>tr>.dt-select{text-align:center;vertical-align:middle}table.dataTable>thead>tr>.dt-select{text-align:center;vertical-align:middle}table.dataTable>thead>tr>.dt-select input.dt-select-checkbox{margin-left:auto;margin-right:auto}table.dataTable input.dt-select-checkbox{appearance:none;position:relative;display:inline-block;width:12px;height:12px;border:1px solid;border-radius:3px;vertical-align:middle;margin-top:1px;color:inherit;font-size:20px;line-height:1em}table.dataTable input.dt-select-checkbox:checked:after{display:block;content:"✓";margin-top:-8px}table.dataTable input.dt-select-checkbox:indeterminate:after{display:block;position:absolute;content:" ";top:3px;left:3px;height:4px;width:4px;background-color:black;border-radius:2px}table.dataTable>tbody>tr.selected input.dt-select-checkbox:checked{border:1px solid}table.dataTable>tbody>tr>td.select-checkbox,table.dataTable>tbody>tr>th.select-checkbox{position:relative}table.dataTable>tbody>tr>td.select-checkbox:before,table.dataTable>tbody>tr>th.select-checkbox:before{display:block;position:absolute;top:50%;left:50%;width:12px;height:12px;box-sizing:border-box;content:" ";margin-top:-6px;margin-left:-6px;border:1px solid;border-radius:3px}table.dataTable>tbody>tr.selected>td.select-checkbox:before,table.dataTable>tbody>tr.selected>th.select-checkbox:before{border:1px solid;content:"✓";font-size:20px;line-height:6px;text-align:center}table.dataTable.compact>tbody>tr>td.select-checkbox:before,table.dataTable.compact>tbody>tr>th.select-checkbox:before{margin-top:-12px}table.dataTable.compact>tbody>tr.selected>td.select-checkbox:after,table.dataTable.compact>tbody>tr.selected>th.select-checkbox:after{margin-top:-16px}html.dark table.dataTable input.dt-select-checkbox:indeterminate:after,html[data-bs-theme=dark] table.dataTable input.dt-select-checkbox:indeterminate:after{background-color:white}



:root {
  --numDays: 7;
  --numHours: 20;
  --timeHeight: 150px;
  --calBgColor: #fff1f8;
  --eventBorderColor: #f2d3d8;
  --eventColor1: #ffd6d1;
  --eventColor2: #fafaa3;
  --eventColor3: #e2f8ff;
  --eventColor4: #d1ffe6;
}

.b2bcalendar {
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr;
  margin: 10px;
}
.b2bcalendar .timeline {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeight));
}
.b2bcalendar .days {
  display: grid;
  grid-column: 2;
  gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  min-width: 1100px;
}
.b2bcalendar .events {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeight));
  border-radius: 5px;
  background: var(--calBgColor);
}
.b2bcalendar .start-10 {
  grid-row-start: 2;
}
.b2bcalendar .start-12 {
  grid-row-start: 4;
}
.b2bcalendar .start-1 {
  grid-row-start: 5;
}
.b2bcalendar .start-2 {
  grid-row-start: 6;
}
.b2bcalendar .end-12 {
  grid-row-end: 4;
}
.b2bcalendar .end-1 {
  grid-row-end: 5;
}
.b2bcalendar .end-3 {
  grid-row-end: 7;
}
.b2bcalendar .end-4 {
  grid-row-end: 8;
}
.b2bcalendar .end-5 {
  grid-row-end: 9;
}
.b2bcalendar .b2bcaltitle {
  font-weight: 600;
  margin-bottom: 4px;
  display: block;
  width: 100%;
  font-size: 10px;
}
.b2bcalendar .b2bcaltime {
  font-size: 10px;
  font-weight: 300;
  display: block;
  width: 100%;
}
.b2bcalendar .b2bcalvcsop {
  font-weight: 300;
  display: block;
  width: -moz-max-content;
  width: max-content;
  padding: 2px 7px;
  background-color: #23443f;
  color: #fff;
  text-align: left;
  margin-top: 3px;
  width: 100%;
  font-size: 10px;
}
.b2bcalendar .event {
  border: 1px solid var(--eventBorderColor);
  border-radius: 5px;
  padding: 4px;
  margin: 5px 0.5rem;
  background: white;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  cursor: pointer;
}
.b2bcalendar .space,
.b2bcalendar .date {
  height: 60px;
}
.b2bcalendar .b2bstat1 {
  background: var(--eventColor1);
}
.b2bcalendar .b2bstat2 {
  background: var(--eventColor2);
}
.b2bcalendar .b2bstat3 {
  background: var(--eventColor3);
}
.b2bcalendar .b2bstat4 {
  background: var(--eventColor4);
}
.b2bcalendar .date {
  display: flex;
  gap: 1em;
  align-items: baseline;
  cursor: pointer;
}
.b2bcalendar .date-num {
  font-size: 44px;
  font-weight: 600;
  display: inline;
}
.b2bcalendar .date-day {
  display: inline;
  font-size: 25px;
  font-weight: 100;
}
.b2bcalendar .date-add-event {
  display: flex;
  font-size: 20px;
  font-weight: 100;
  width: 100%;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  padding: 3px 7px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.b2bcalendar .date-add-event:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}/*# sourceMappingURL=agentcalendar.css.map */
:root {
  --safe-area-max-inset-bottom-support: env(safe-area-max-inset-bottom, -1px);
  --safe-area-max-inset-bottom: max(
    0px,
    var(--safe-area-max-inset-bottom-support)
  );
}

footerb2b {
  padding-bottom: var(--safe-area-max-inset-bottom);
  bottom: calc(env(safe-area-inset-bottom, 0px) - var(--safe-area-max-inset-bottom));
}

body {
  --footer-height: 50px;
  padding-bottom: calc(var(--footer-height) + var(--safe-area-max-inset-bottom));
}

:root:has(#forced-no-support:checked) {
  --safe-area-max-inset-bottom: 0px;
}

:root:has(#fake-value:checked) {
  /* We fake the value to 36px
     because that is typically the value on iOS.
     For Android it is typically 24px.
     On Android this will result in
     an extra bottom padding of 12px on the body,
     which I believe is acceptable in some cases.
  */
  --safe-area-max-inset-bottom: 36px;
}

@layer layout {
  body {
    margin: 0;
  }
  #lipsum {
    padding-inline: 16px;
  }
  footerb2b {
    position: fixed;
    right: 0;
    display: flex;
    width: 100%;
    padding: 10px;
    background-color: #16453f;
    color: #fff;
    flex-wrap: wrap;
    height: 110px;
    width: 349px;
    z-index: 9999;
  }
}
@layer warning {
  .warning {
    display: none;
    padding: 1em;
    margin: 1em 0;
    border: 1px solid #ccc;
    background: rgba(255, 255, 205, 0.9);
    color: black;
    text-align: center;
    position: fixed;
    bottom: 50%;
    left: 1em;
    right: 1em;
  }
  .warning > :first-child {
    margin-top: 0;
  }
  .warning > :last-child {
    margin-bottom: 0;
  }
  .warning a {
    color: blue;
  }
  .warning--info {
    border: 1px solid #123456;
    background: rgba(205, 230, 255, 0.8);
  }
  .warning--alarm {
    border: 1px solid red;
    background: rgba(255, 0, 0, 0.062745098);
  }
}
.b2bcontainerpartner2 {
  background-color: #F2F6F8;
}

.drag-drop {
  position: relative;
  display: inline-block;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 5px;
}

.drag-drop-left {
  width: 50px;
}

.drag-drop-right {
  width: calc(100% - 50px);
}

.drag-drop-ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.drag-drop-ul-num {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.drag-drop-ul-num li {
  padding: 10px 10px;
  border-radius: 1px;
  margin: 5px 0px;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  height: 100px;
}

ul.sort-active {
  background: rgba(0, 0, 0, 0.03);
}

.drag-drop-ul li {
  padding: 10px 10px;
  border-radius: 1px;
  margin: 5px 0px;
  cursor: move;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1563);
  height: 100px;
  background-color: #fff;
  border-left: 8px solid #86D8C9;
  border-radius: 2px;
  padding: 15px 16px;
  /* display: flex;
      justify-content: space-between;
      align-items: center; */
}

.events__item--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.events__item--left {
  width: calc(100% - 76px);
}

.events__name {
  font-size: 12px;
  font-weight: 700;
  color: #222741;
  display: block;
  margin-bottom: 6px;
}

.events__date {
  font-size: 12px;
  color: #9FAAB7;
  display: inline-block;
}

.events__tag {
  background: #66DCEC;
  border: 2px solid #FEFEFE;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  width: 60px;
  margin-left: 16px;
  padding: 5px 2px;
  text-align: center;
}

.drag-drop-ul li:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1563);
  transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
}

.sort-trans {
  transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0.9;
}

.drag-drop-ul li.sort-el {
  transition: none !important;
}

.plcehldr {
  display: none;
}

li.a:before {
  background: #2ecc71;
}

li.b:before {
  background: #3498db;
}

li.c:before {
  background: #ec644b;
}

li.d:before {
  background: #dcc6e0;
}

li.e:before {
  background: #59abe3;
}

li.f:before {
  background: #87d37c;
}

li.g:before {
  background: #03a678;
}

li.h:before {
  background: #fde3a7;
}

li.i:before {
  background: #d2d7d3;
}

li.dragempty:before {
  background: #000;
}

.footer-pen {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 10px 0px;
  background: #fff;
  text-align: center;
  font-size: 18px;
  color: #333;
}

.footer-pen a {
  color: #000000;
}

.b2bsidepartnernum {
  display: flex;
  font-size: 25px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
}

.topnavcontainer {
  background-color: #282A35;
  width: 100%;
  max-width: 1750px;
  left: 0;
  right: 0;
  margin: auto;
  height: 33px;
  top: 0px;
  position: relative;
  z-index: 3;
}

#subtopnav {
  position: absolute;
  background-color: #282A35;
  color: #f1f1f1;
  padding: 0;
  letter-spacing: 1px;
  font-family: "Source Sans Pro Topnav", sans-serif;
  font-size: 0;
  top: 0px;
  z-index: 2;
  width: 100%;
  white-space: nowrap;
  overflow: auto;
  scrollbar-width: none;
  max-width: 1750px;
  margin: auto;
  left: 0;
  right: 0;
}

#scroll_left_btn {
  cursor: pointer;
  display: none;
  position: absolute;
  left: auto;
  top: auto;
  font-size: 15px;
  z-index: 3;
}

#scroll_left_btn {
  cursor: pointer;
  display: none;
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 15px;
  xborder-right: 10px solid rgba(40, 42, 53, 0.5);
  xbackground: red;
  z-index: 3;
  color: #fff;
}

#scroll_left_btn span {
  xbackground-color: #282A35;
  background: linear-gradient(to right, #282A35 70%, transparent 100%);
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}

#scroll_right_btn {
  cursor: pointer;
  position: fixed;
  font-size: 15px;
  display: none;
}

#scroll_right_btn {
  position: absolute;
  cursor: pointer;
  float: left;
  font-size: 15px;
  xxbackground-color: #282A35;
  background: linear-gradient(to left, #282A35 70%, transparent 100%);
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  z-index: 3;
}

#menubtn_container {
  position: absolute;
  left: 0;
  top: 0px;
  xborder-right: 10px solid rgba(40, 42, 53, 0.5);
  height: 33px;
  color: white;
  font-size: 15px;
}

#menubtn_container span {
  background-color: #282A35;
}

#subtopnav a {
  display: inline-block;
  width: auto;
  margin: 0 !important;
  padding: 5px 15px 5px 15px !important;
  font-size: 15px !important;
  text-decoration: none;
  line-height: 1.5;
  color: #fff;
}

#subtopnav a.subtopnav_firstitem {
  margin-left: 50px !important;
}

.fa-menu:before {
  content: "\f0c9";
}

.ga-nav {
  display: inline-block;
  width: auto;
  margin: 0 !important;
  padding: 5px 15px 5px 15px !important;
  font-size: 15px !important;
  text-decoration: none;
  line-height: 1.5;
  color: #fff;
  cursor: pointer;
}

#overlay-qty-input-atadas {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6); /* Black background with opacity */
  z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  align-items: center;
  justify-content: center;
}

#overlay-qty-input {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6); /* Black background with opacity */
  z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  align-items: center;
  justify-content: center;
}

#overlay-meres-input {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6); /* Black background with opacity */
  z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  align-items: center;
  justify-content: center;
}

#overlay-nyitvatartas {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6); /* Black background with opacity */
  z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  align-items: center;
  justify-content: center;
}

#b2b-wait-overlay {
  position: fixed; /* Sit on top of the page content */
  display: flex; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6); /* Black background with opacity */
  z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
  align-items: center;
  justify-content: center;
}

.selectdiv {
  position: relative;
  float: left;
  width: 100%;
}

.selectdiv2 {
  width: 100%;
}

.b2b2szamlaszam {
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
  display: none;
}

.selectdiv:after {
  content: "<>";
  font: 17px "Consolas", monospace;
  color: #333;
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  top: 18px;
  padding: 0 0 2px;
  border-bottom: 1px solid #999;
  /*left line */
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  max-width: 320px;
  height: 50px;
  float: right;
  margin: 5px 0px;
  padding: 0px 24px;
  font-size: 16px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
  font-weight: 600;
  font-family: "Rubik";
  text-transform: uppercase;
}

.qty-input-table {
  border: 1px solid black;
  margin-left: auto;
  margin-right: auto;
}

.qty-input-input {
  width: 100%;
  padding: 20px 40px;
  background-color: green;
  color: white;
  font-size: 24px;
  font-weight: bold;
  border: none;
  border-radius: 5px;
}

.qty-input-inner-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 660px;
  background-color: #333;
  padding: 10px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}

.qty-input-inner-atadas-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 910px;
  background-color: #333;
  padding: 10px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}

.qty-input-inner-wrapper-left {
  display: flex;
  flex-wrap: wrap;
  width: 500px;
  justify-content: center;
  align-items: center;
}

.qty-input-inner-wrapper-right {
  display: flex;
  flex-wrap: wrap;
  width: 70px;
  justify-content: center;
  align-items: center;
}

.qty-input-submit-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  padding: 5px;
  justify-content: center;
  align-items: center;
}

.qty-input-proddet-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  padding: 5px;
  justify-content: center;
  align-items: center;
}

.qty-input-proddet-left {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 60px);
  background-color: green;
}

.qty-input-proddet-right {
  display: flex;
  flex-wrap: wrap;
  width: 60px;
  background-color: yellow;
}

.qty-input-submit-button {
  width: 450px;
  border-radius: 5px;
  background-color: red;
  color: #fff;
  font-size: 40px;
  padding: 10px 20px;
  text-align: center;
}

.qty-input-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  justify-content: center;
  align-items: baseline;
}

.qty-input-wrapper-full {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  justify-content: center;
}

.qty-input-atadas-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 33%;
  background-color: #fff;
  padding: 5px;
  border-radius: 5px;
  justify-content: center;
}

.qty-input-button {
  display: flex;
  width: 73px;
  height: 55px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  font-family: "Rubik";
  font-weight: 600;
  font-size: 25px;
  color: #000;
}

.qty-input-bottom {
  display: flex;
  width: 219px;
  background-color: #699490;
  justify-content: center;
  align-items: center;
  font-family: "Rubik";
  font-weight: 300;
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
}

.qty-input-db {
  font-weight: 300;
  font-size: 15px;
  text-transform: uppercase;
}

.qty-input-button:hover {
  background-color: #000;
  color: #fff;
}

.qty-input-txt {
  padding: 5px 5px 0 5px;
  font-size: 22px;
  font-weight: bold;
  border: none;
  width: 219px;
  text-align: center;
  background-color: #699490;
  color: #fff;
  border-radius: 8px 8px 0 0;
}

.qty-input-prod-name {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 10px;
  color: #ffffff;
  border-bottom: 1px solid #070006;
  background-color: #699490;
  /* border-radius: 8px 0 0 0; */
}

.qty-input-atc-wrapper {
  position: relative;
  width: 80px;
}

.qty-input-content-wrapper {
  width: calc(100% - 160px);
  /*  border-radius: 8px 0 0 8px; */
  background-color: #fff;
}

.qty-input-atc-button {
  width: 100%;
  display: flex;
  border-radius: 0 8px 8px 0;
  background-color: #9e46b3;
  color: #fff;
  font-size: 40px;
  padding: 10px 20px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}

.qty-input-atc-button:hover {
  background-color: #842d99;
}

.qty-input-close-button {
  width: 100%;
  display: flex;
  border-radius: 8px 0 0 8px;
  background-color: red;
  color: #fff;
  font-size: 40px;
  padding: 10px 20px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}

.qty-input-close-button:hover {
  background-color: #b61818;
}

.qty-input-reszletek-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #444;
}

.qty-input-img-wrapper {
  width: 150px;
  padding: 12px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #ababab;
  margin: 7px;
}

.qty-input-details-wrapper {
  width: calc(100% - 164px);
  padding: 12px;
  background-color: #fff;
}

.qty-input-numpad-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  justify-content: space-between;
}

.nyitva-nincs {
  padding: 20px;
  font-size: 20px;
  font-weight: 500;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.qty-input-prod-det-line {
  width: 100%;
  padding: 3px;
  border-bottom: 1px solid #ababab;
  display: flex;
  font-family: "Rubik";
  font-size: 12px;
  color: #000;
  justify-content: space-between;
  align-items: center;
  font-weight: 300;
}

.qty-input-prod-det-line-cart {
  width: 100%;
  padding: 3px;
  border-bottom: 1px solid #ababab;
  background-color: #9e46b3;
  display: flex;
  font-family: "Rubik";
  font-size: 12px;
  color: #fff;
  justify-content: space-between;
  align-items: center;
  font-weight: 300;
}

.pulsate {
  animation: myPulse 2s ease 0s infinite normal forwards;
}

@keyframes myPulse {
  0% {
    transform: scale(1);
    background-color: red;
    color: white;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.meres-nincs-button {
  padding: 20px 30px;
  background-color: red;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  margin: 15px;
}

.meres-nincs-button:hover {
  background-color: darkred;
}

.meres-van-button {
  padding: 20px 30px;
  background-color: forestgreen;
  font-size: 30px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  margin: 15px;
}

.meres-van-button:hover {
  background-color: darkgreen;
}

.letiltott-button {
  padding: 20px 30px;
  background-color: gray;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: #fff;
  text-transform: uppercase;
  margin: 15px;
}

.b2b-alert {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 5px;
  background-color: red;
  padding: 4px;
  width: 100%;
  text-align: center;
  display: none;
}

.agent-overlay {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 100%;
  transition: left 0.3s;
}

.agent-visible {
  left: 0;
}

.no-scroll {
  overflow: hidden !important;
}

.agent-close {
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  font-weight: 600;
  cursor: pointer;
}

.agent-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.agent-menu-wrapper {
  background-color: #749793;
  width: 60px;
  height: 100%;
  position: absolute;
  top: 30px;
  left: 0;
  border: none;
  bottom: 0;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  transition: width 0.3s;
}

.agent-menu-wrapper-lg {
  width: 260px !important;
}

.agent-container {
  float: right;
  width: calc(100% - 60px);
  background-color: #f7f7f7;
  height: 100%;
  padding: 0px;
  transition: width 0.3s;
  position: relative;
  height: calc(100vh - 30px);
}

.agent-container-sm {
  width: calc(100% - 260px) !important;
}

.agent-top-navbar {
  width: 100%;
  border: 0;
  font-size: 16px;
  border-radius: 0;
  height: 30px;
  background-color: hsla(0, 0%, 100%, 0.96);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.agent-top-navbar {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 0;
}

.agent-top-navbar .btn {
  margin: 15px 3px;
  font-size: 14px;
}

.agent-top-btn {
  display: flex;
  border: 1px solid #888;
  padding: 13px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 30px;
  background-color: #fff;
  color: #888;
}

.agent-menu-button {
  width: 60px;
  height: 60px;
  background-color: #749793;
  border-bottom: 1px solid #9bb1ae;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s;
}

.agent-menu-button:hover {
  background-color: #3e635e;
}

.agent-menu-button.selected {
  background-color: #3e635e;
}

.agent-box {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24"><path fill="%23ffffff" d="M11.5 19.713v-7.426L5 8.523v7.08q0 .155.077.29q.077.134.23.23l6.193 3.59Zm1 0l6.192-3.59q.154-.096.231-.23q.077-.135.077-.29v-7.08l-6.5 3.764v7.426Zm-1.308.974l-6.384-3.68q-.38-.217-.594-.59Q4 16.044 4 15.61V8.39q0-.434.214-.807q.215-.373.594-.59l6.384-3.68q.38-.217.808-.217t.808.217l6.384 3.68q.38.217.594.59q.214.373.214.807v7.22q0 .434-.214.807q-.215.373-.594.59l-6.384 3.68q-.38.217-.808.217t-.808-.217Zm4.52-11.412l2.713-1.562l-6.117-3.54q-.154-.096-.308-.096t-.308.096L9.3 5.548l6.412 3.727ZM12 11.427l2.7-1.567l-6.425-3.714l-2.7 1.567L12 11.427Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-box-black {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24"><path fill="%23000000" d="M11.5 19.713v-7.426L5 8.523v7.08q0 .155.077.29q.077.134.23.23l6.193 3.59Zm1 0l6.192-3.59q.154-.096.231-.23q.077-.135.077-.29v-7.08l-6.5 3.764v7.426Zm-1.308.974l-6.384-3.68q-.38-.217-.594-.59Q4 16.044 4 15.61V8.39q0-.434.214-.807q.215-.373.594-.59l6.384-3.68q.38-.217.808-.217t.808.217l6.384 3.68q.38.217.594.59q.214.373.214.807v7.22q0 .434-.214.807q-.215.373-.594.59l-6.384 3.68q-.38.217-.808.217t-.808-.217Zm4.52-11.412l2.713-1.562l-6.117-3.54q-.154-.096-.308-.096t-.308.096L9.3 5.548l6.412 3.727ZM12 11.427l2.7-1.567l-6.425-3.714l-2.7 1.567L12 11.427Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-store {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M20.506 10.896v7.989q0 .69-.463 1.152q-.462.463-1.153.463H5.121q-.69 0-1.153-.463q-.462-.462-.462-1.152v-8.027q-.633-.468-.926-1.225q-.293-.758-.013-1.618l.973-3.207q.2-.612.646-.96q.445-.348 1.1-.348h13.4q.656 0 1.099.326q.442.326.648.943l1.011 3.246q.281.86-.012 1.631q-.294.771-.926 1.25Zm-6.3-.396q.963 0 1.438-.54t.4-1.114L15.38 4.5h-2.873v4.2q0 .737.504 1.268q.503.532 1.196.532Zm-4.5 0q.806 0 1.303-.532q.497-.531.497-1.268V4.5H8.633l-.666 4.423q-.061.465.407 1.021q.468.556 1.332.556Zm-4.45 0q.661 0 1.124-.45t.576-1.123L7.583 4.5H5.287q-.327 0-.52.144q-.192.144-.288.433l-.923 3.158q-.246.788.21 1.527q.457.738 1.49.738Zm13.5 0q.898 0 1.434-.7q.537-.7.266-1.565l-.973-3.197q-.096-.288-.289-.413t-.519-.125h-2.246l.627 4.427q.113.673.576 1.123q.462.45 1.124.45Zm-13.635 9h13.77q.269 0 .442-.173t.173-.442v-7.512q-.202.07-.384.098q-.182.029-.366.029q-.675 0-1.188-.263q-.512-.264-.974-.84q-.392.488-.967.795q-.575.308-1.398.308q-.598 0-1.138-.279t-1.085-.825q-.502.546-1.113.825T9.73 11.5q-.629 0-1.226-.24t-1.047-.864q-.737.737-1.288.92q-.55.184-.912.184q-.185 0-.372-.029t-.378-.098v7.512q0 .269.173.442t.442.173Zm13.77 0H5.12h13.77Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-store-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M20.506 10.896v7.989q0 .69-.463 1.152q-.462.463-1.153.463H5.121q-.69 0-1.153-.463q-.462-.462-.462-1.152v-8.027q-.633-.468-.926-1.225q-.293-.758-.013-1.618l.973-3.207q.2-.612.646-.96q.445-.348 1.1-.348h13.4q.656 0 1.099.326q.442.326.648.943l1.011 3.246q.281.86-.012 1.631q-.294.771-.926 1.25Zm-6.3-.396q.963 0 1.438-.54t.4-1.114L15.38 4.5h-2.873v4.2q0 .737.504 1.268q.503.532 1.196.532Zm-4.5 0q.806 0 1.303-.532q.497-.531.497-1.268V4.5H8.633l-.666 4.423q-.061.465.407 1.021q.468.556 1.332.556Zm-4.45 0q.661 0 1.124-.45t.576-1.123L7.583 4.5H5.287q-.327 0-.52.144q-.192.144-.288.433l-.923 3.158q-.246.788.21 1.527q.457.738 1.49.738Zm13.5 0q.898 0 1.434-.7q.537-.7.266-1.565l-.973-3.197q-.096-.288-.289-.413t-.519-.125h-2.246l.627 4.427q.113.673.576 1.123q.462.45 1.124.45Zm-13.635 9h13.77q.269 0 .442-.173t.173-.442v-7.512q-.202.07-.384.098q-.182.029-.366.029q-.675 0-1.188-.263q-.512-.264-.974-.84q-.392.488-.967.795q-.575.308-1.398.308q-.598 0-1.138-.279t-1.085-.825q-.502.546-1.113.825T9.73 11.5q-.629 0-1.226-.24t-1.047-.864q-.737.737-1.288.92q-.55.184-.912.184q-.185 0-.372-.029t-.378-.098v7.512q0 .269.173.442t.442.173Zm13.77 0H5.12h13.77Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-account-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M6.196 17.485q1.275-.918 2.706-1.451Q10.332 15.5 12 15.5q1.667 0 3.098.534q1.43.533 2.706 1.45q.99-1.024 1.593-2.42Q20 13.666 20 12q0-3.325-2.337-5.663T12 4Q8.675 4 6.337 6.337T4 12q0 1.667.603 3.063q.603 1.397 1.593 2.422Zm5.805-4.985q-1.264 0-2.133-.868Q9 10.765 9 9.501t.868-2.133q.867-.868 2.131-.868t2.133.868Q15 8.235 15 9.499q0 1.264-.868 2.133q-.867.868-2.131.868ZM12 21q-1.883 0-3.525-.701q-1.642-.7-2.858-1.916q-1.215-1.216-1.916-2.858Q3 13.883 3 12t.701-3.525q.7-1.642 1.916-2.858q1.216-1.215 2.858-1.916Q10.117 3 12 3t3.525.701q1.642.7 2.858 1.916q1.215 1.216 1.916 2.858Q21 10.117 21 12t-.701 3.525q-.7 1.642-1.916 2.858q-1.216 1.215-2.858 1.916Q13.883 21 12 21Zm0-1q1.383 0 2.721-.484q1.339-.483 2.314-1.324q-.975-.782-2.256-1.237Q13.499 16.5 12 16.5q-1.498 0-2.788.445q-1.29.445-2.247 1.247q.975.84 2.314 1.324Q10.617 20 12 20Zm0-8.5q.842 0 1.421-.579Q14 10.342 14 9.5q0-.842-.579-1.421Q12.842 7.5 12 7.5q-.842 0-1.421.579Q10 8.658 10 9.5q0 .842.579 1.421q.579.579 1.421.579Zm0-2Zm0 8.75Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-person {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M14.154 12.462h4.077v-1h-4.077zm0-2.77h4.077v-1h-4.077zm-8.385 5.616h6.616v-.166q0-.875-.88-1.354t-2.428-.48t-2.429.48t-.879 1.354zm3.308-3.616q.633 0 1.066-.433t.434-1.067t-.434-1.066t-1.066-.434t-1.066.434t-.434 1.066t.434 1.067t1.066.433M4.615 19q-.69 0-1.152-.462T3 17.385V6.615q0-.69.463-1.152T4.615 5h14.77q.69 0 1.152.463T21 6.615v10.77q0 .69-.462 1.152T19.385 19zm0-1h14.77q.23 0 .423-.192t.192-.423V6.615q0-.23-.192-.423T19.385 6H4.615q-.23 0-.423.192T4 6.615v10.77q0 .23.192.423t.423.192M4 18V6z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-list {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M8.117 16.538q.327 0 .547-.221q.22-.222.22-.55t-.22-.547q-.222-.22-.55-.22t-.548.222q-.22.221-.22.549q0 .327.222.547q.221.22.549.22Zm0-3.769q.327 0 .547-.221q.22-.222.22-.55t-.22-.547q-.222-.22-.55-.22t-.548.221q-.22.222-.22.55t.222.547q.221.22.549.22Zm0-3.769q.327 0 .547-.222q.22-.221.22-.549q0-.327-.22-.547q-.222-.22-.55-.22t-.548.221q-.22.222-.22.55t.222.547q.221.22.549.22Zm3.575 7.27h4.385q.212 0 .356-.145q.144-.144.144-.356q0-.213-.144-.356q-.144-.144-.356-.144h-4.385q-.212 0-.356.144t-.144.357q0 .213.144.356t.356.143Zm0-3.77h4.385q.212 0 .356-.144t.144-.357t-.144-.356q-.144-.143-.356-.143h-4.385q-.212 0-.356.144t-.144.357t.144.356q.144.143.356.143Zm0-3.77h4.385q.212 0 .356-.143t.144-.357q0-.213-.144-.356t-.356-.143h-4.385q-.212 0-.356.144t-.144.356q0 .213.144.357q.144.143.356.143ZM5.615 20q-.69 0-1.152-.462Q4 19.075 4 18.385V5.615q0-.69.463-1.152Q4.925 4 5.615 4h12.77q.69 0 1.152.463q.463.462.463 1.152v12.77q0 .69-.462 1.152q-.463.463-1.153.463H5.615Zm0-1h12.77q.23 0 .423-.192q.192-.193.192-.423V5.615q0-.23-.192-.423Q18.615 5 18.385 5H5.615q-.23 0-.423.192Q5 5.385 5 5.615v12.77q0 .23.192.423q.193.192.423.192ZM5 5v14V5Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-search {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="m15.68 15.05l.64-.627l-2.447-2.446q.275-.425.393-.804q.119-.379.119-.904q0-1.206-.846-2.045q-.845-.84-2.039-.84t-2.04.84q-.845.84-.845 2.045q0 1.206.846 2.045q.845.84 2.039.84q.525 0 .91-.138q.386-.137.836-.412l2.435 2.446Zm-4.18-2.78q-.825 0-1.413-.588T9.5 10.269q0-.825.588-1.412t1.412-.588q.82 0 1.41.588q.59.587.59 1.412t-.588 1.413q-.587.587-1.412.587Zm-6.885 5.192q-.69 0-1.153-.463Q3 16.537 3 15.846v-9.77q0-.69.463-1.152t1.152-.462h14.77q.69 0 1.152.462q.463.463.463 1.153v9.77q0 .69-.463 1.152t-1.152.463H4.615Zm0-1h14.77q.23 0 .423-.193q.192-.192.192-.423v-9.77q0-.23-.192-.422q-.193-.192-.423-.192H4.615q-.23 0-.423.192Q4 5.846 4 6.077v9.77q0 .23.192.422q.193.193.423.193Zm-.615 0v-11v11Zm-2.23 3v-1h20.46v1H1.77Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-change {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M12.825 15.783q-.975.005-1.907-.209q-.931-.214-1.605-.887q-.538-.539-.83-1.231q-.29-.693-.29-1.45q0-.327.044-.622q.044-.296.157-.597q.062-.185-.012-.36t-.234-.242q-.165-.068-.337.01t-.234.26q-.125.376-.197.76q-.072.385-.072.785q0 .942.358 1.797q.359.855 1.02 1.516q.772.797 1.848 1.075q1.076.28 2.185.285l-.963.964q-.13.128-.139.303q-.01.175.139.323q.148.149.313.149q.166 0 .314-.149l1.523-1.523q.242-.242.242-.565q0-.323-.242-.565l-1.523-1.523q-.13-.13-.304-.139q-.175-.01-.323.139q-.148.148-.148.313t.148.313l1.069 1.07Zm-1.637-7.571q.975 0 1.91.214q.935.214 1.608.887q.538.539.83 1.231q.29.693.29 1.45q0 .327-.043.622q-.045.296-.158.597q-.062.185.013.363q.074.178.233.245q.166.067.338 0q.172-.067.233-.252q.125-.375.197-.772q.073-.397.073-.797q0-.942-.353-1.797t-1.02-1.522q-.777-.796-1.853-1.072T11.3 7.333l.97-.97q.122-.128.132-.303q.01-.175-.139-.323q-.148-.149-.313-.149t-.313.149L10.113 7.26q-.242.242-.242.565q0 .323.242.565l1.524 1.523q.128.13.303.139q.175.01.323-.139q.149-.148.149-.313t-.149-.313l-1.075-1.075ZM12 21q-1.863 0-3.506-.71t-2.857-1.927Q4.42 17.148 3.71 15.506Q3 13.863 3 12t.71-3.506q.711-1.642 1.927-2.857Q6.852 4.42 8.494 3.71Q10.137 3 12 3t3.506.71q1.642.711 2.857 1.927q1.216 1.215 1.926 2.857Q21 10.137 21 12t-.71 3.506q-.711 1.642-1.927 2.857q-1.215 1.216-2.857 1.926Q13.863 21 12 21Zm0-1q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-delete {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.615 20q-.67 0-1.143-.472Q6 19.056 6 18.385V6H5V5h4v-.77h6V5h4v1h-1v12.385q0 .69-.462 1.152q-.463.463-1.153.463h-8.77ZM17 6H7v12.385q0 .269.173.442t.442.173h8.77q.23 0 .423-.192q.192-.193.192-.423V6ZM9.808 17h1V8h-1v9Zm3.384 0h1V8h-1v9ZM7 6v13V6Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-save {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M5.615 20q-.69 0-1.152-.462Q4 19.075 4 18.385V5.615q0-.69.463-1.152Q4.925 4 5.615 4h10.29q.324 0 .629.13q.304.132.522.349l2.465 2.465q.217.218.348.522q.131.305.131.628v10.29q0 .691-.462 1.154q-.463.462-1.153.462H5.615ZM19 7.85L16.15 5H5.615q-.269 0-.442.173T5 5.615v12.77q0 .269.173.442t.442.173h12.77q.269 0 .442-.173t.173-.442V7.85Zm-7 8.688q.827 0 1.413-.586q.587-.587.587-1.414t-.587-1.413q-.586-.587-1.413-.587t-1.413.587Q10 13.712 10 14.538t.587 1.414q.586.586 1.413.586ZM7.577 9.77h5.808q.348 0 .578-.23q.23-.23.23-.577V7.577q0-.348-.23-.578q-.23-.23-.578-.23H7.577q-.348 0-.578.23q-.23.23-.23.578v1.385q0 .348.23.577q.23.23.578.23ZM5 7.85V19V5v2.85Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-search-2 {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M9.538 15.23q-2.398 0-4.064-1.666T3.808 9.5q0-2.398 1.666-4.064t4.064-1.667q2.399 0 4.065 1.667q1.666 1.666 1.666 4.064q0 1.042-.369 2.017q-.37.975-.97 1.668l5.908 5.907q.14.14.15.345q.01.203-.15.363q-.16.16-.353.16q-.195 0-.354-.16l-5.908-5.908q-.75.639-1.725.989q-.975.35-1.96.35Zm0-1q1.99 0 3.361-1.37q1.37-1.37 1.37-3.36q0-1.99-1.37-3.36q-1.37-1.37-3.36-1.37q-1.99 0-3.361 1.37q-1.37 1.37-1.37 3.36q0 1.99 1.37 3.36q1.37 1.37 3.36 1.37Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-chart {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M3.5 20q-.213 0-.356-.144Q3 19.712 3 19.5t.144-.356Q3.287 19 3.5 19h17q.213 0 .356.144T21 19.5q0 .212-.144.356q-.143.143-.356.143h-17Zm1.502-2.77q-.415 0-.709-.29Q4 16.646 4 16.23V13q0-.417.291-.708q.291-.292.707-.292q.415 0 .709.292Q6 12.583 6 13v3.23q0 .417-.291.71q-.291.29-.707.29Zm4.654 0q-.416 0-.709-.29q-.293-.293-.293-.71V8q0-.417.29-.708Q9.237 7 9.653 7q.415 0 .709.292q.293.291.293.708v8.23q0 .417-.291.71q-.291.29-.707.29Zm4.673 0q-.416 0-.709-.29q-.293-.293-.293-.71V11q0-.417.29-.708q.292-.292.708-.292q.415 0 .709.292q.293.291.293.708v5.23q0 .417-.291.71q-.291.29-.707.29Zm4.673 0q-.415 0-.709-.29q-.293-.293-.293-.71V5q0-.417.291-.708q.291-.292.707-.292q.415 0 .709.292Q20 4.583 20 5v11.23q0 .417-.291.71q-.291.29-.707.29Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-agent {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M10 11.385q-1.246 0-2.123-.877Q7 9.63 7 8.385q0-1.247.877-2.123q.877-.877 2.123-.877q1.246 0 2.123.877q.877.876.877 2.123q0 1.246-.877 2.123q-.877.877-2.123.877Zm-7 6.192v-.608q0-.69.348-1.194t.983-.802q1.217-.592 2.51-.975q1.292-.383 3.159-.383h.235q.092 0 .223.012q-.104.258-.165.505l-.116.483H10q-1.679 0-2.928.345q-1.249.344-2.264.89q-.456.24-.632.504q-.176.263-.176.615v.646h6.3q.073.237.179.51q.106.271.233.49H4.038q-.44 0-.739-.299T3 17.576Zm13.158 1.161l-.093-.796q-.415-.086-.783-.291q-.369-.205-.663-.52l-.763.32q-.152.062-.282.005q-.13-.058-.209-.18l-.065-.118q-.079-.127-.058-.285q.021-.158.143-.248l.646-.475q-.166-.427-.166-.88q0-.455.166-.882l-.627-.513q-.121-.09-.152-.236q-.03-.145.048-.272l.071-.125q.079-.12.216-.179q.136-.057.288.004l.744.321q.275-.315.653-.51t.793-.282l.093-.802q.017-.157.135-.255q.119-.097.276-.097h.131q.158 0 .276.1q.118.1.136.258l.073.796q.415.087.793.285q.378.198.653.519l.732-.321q.158-.067.29-.01t.212.185l.085.12q.079.126.048.274q-.03.148-.152.239l-.627.513q.166.415.166.875t-.166.875l.646.475q.122.09.143.245q.02.155-.058.282l-.071.125q-.079.121-.206.179t-.279-.004l-.763-.321q-.294.315-.663.52t-.783.291l-.073.802q-.018.158-.136.255q-.118.097-.276.097h-.13q-.158 0-.277-.1t-.135-.258Zm.457-1.661q.748 0 1.278-.53t.53-1.278q0-.748-.53-1.278t-1.278-.53q-.748 0-1.278.53t-.53 1.278q0 .748.53 1.278t1.278.53ZM10 10.385q.825 0 1.413-.588T12 8.385q0-.825-.588-1.413T10 6.385q-.825 0-1.413.587T8 8.385q0 .825.588 1.412t1.412.588Zm0-2Zm.3 9.23Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-truck {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.502 19q-1.04 0-1.771-.73Q5 17.543 5 16.5H3.379q-.213 0-.356-.144t-.144-.357t.144-.356t.356-.143h1.877q.271-.667.875-1.084Q6.735 14 7.5 14t1.37.416q.603.417.874 1.084h4.618L16.558 6H6.212q-.213 0-.357-.144t-.143-.357t.143-.356T6.212 5h10.577q.384 0 .626.308q.243.308.156.686L16.998 8.5h1.271q.384 0 .727.172q.344.171.566.474l1.797 2.398q.218.292.283.609q.066.316.01.664l-.598 3.037q-.056.292-.284.469t-.518.177h-.483q0 1.039-.728 1.77t-1.77.73t-1.771-.73q-.73-.728-.73-1.77H10q0 1.039-.728 1.77t-1.77.73m8.385-5.75h4.651l.177-.89l-2.138-2.86h-1.818zm-1.283 1.248l.13-.58q.13-.58.33-1.42q.113-.46.198-.85q.084-.39.134-.646l.13-.58q.13-.58.33-1.42t.33-1.42l.13-.58L16.558 6l-2.197 9.5zm-12.315-1.5q-.205 0-.343-.144t-.138-.356t.143-.357t.357-.143h3.48q.213 0 .357.144t.143.357t-.143.356t-.357.143zm2-3.496q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h4.5q.213 0 .357.144q.143.144.143.357t-.143.356t-.357.143zM7.5 18q.617 0 1.059-.441Q9 17.117 9 16.5t-.441-1.059T7.5 15t-1.059.441Q6 15.883 6 16.5t.441 1.059Q6.883 18 7.5 18m9.77 0q.617 0 1.058-.441q.441-.442.441-1.059t-.441-1.059T17.269 15t-1.058.441q-.442.442-.442 1.059t.441 1.059q.442.441 1.06.441"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-calendar {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M5.615 21q-.69 0-1.152-.462Q4 20.075 4 19.385V6.615q0-.69.463-1.152Q4.925 5 5.615 5h1.77V3.308q0-.233.153-.386q.152-.153.385-.153t.386.153q.153.153.153.386V5h7.153V3.27q0-.214.144-.357t.356-.144q.214 0 .357.143t.143.357V5h1.77q.69 0 1.152.463q.463.462.463 1.152v12.77q0 .69-.462 1.152q-.463.463-1.153.463H5.615Zm0-1h12.77q.23 0 .423-.192q.192-.193.192-.423v-8.77H5v8.77q0 .23.192.423q.193.192.423.192ZM5 9.615h14v-3q0-.23-.192-.423Q18.615 6 18.385 6H5.615q-.23 0-.423.192Q5 6.385 5 6.615v3Zm0 0V6v3.615Zm7 4.539q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.539q-.23.23-.54.23Zm-4 0q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.539q-.23.23-.54.23Zm8 0q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.539q-.23.23-.54.23ZM12 18q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.54Q12.31 18 12 18Zm-4 0q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.54Q8.31 18 8 18Zm8 0q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.54Q16.31 18 16 18Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-calendar-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M5.615 21q-.69 0-1.152-.462Q4 20.075 4 19.385V6.615q0-.69.463-1.152Q4.925 5 5.615 5h1.77V3.308q0-.233.153-.386q.152-.153.385-.153t.386.153q.153.153.153.386V5h7.153V3.27q0-.214.144-.357t.356-.144q.214 0 .357.143t.143.357V5h1.77q.69 0 1.152.463q.463.462.463 1.152v12.77q0 .69-.462 1.152q-.463.463-1.153.463H5.615Zm0-1h12.77q.23 0 .423-.192q.192-.193.192-.423v-8.77H5v8.77q0 .23.192.423q.193.192.423.192ZM5 9.615h14v-3q0-.23-.192-.423Q18.615 6 18.385 6H5.615q-.23 0-.423.192Q5 6.385 5 6.615v3Zm0 0V6v3.615Zm7 4.539q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.539q-.23.23-.54.23Zm-4 0q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.539q-.23.23-.54.23Zm8 0q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.539q-.23.23-.54.23ZM12 18q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.54Q12.31 18 12 18Zm-4 0q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.54Q8.31 18 8 18Zm8 0q-.31 0-.54-.23q-.23-.23-.23-.54q0-.309.23-.539q.23-.23.54-.23q.31 0 .54.23q.23.23.23.54q0 .31-.23.54Q16.31 18 16 18Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 22px;
  height: 22px;
}

.agent-trash-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.615 20q-.666 0-1.14-.475Q6 19.051 6 18.385V6h-.5q-.213 0-.356-.144T5 5.499q0-.212.144-.356Q5.288 5 5.5 5H9q0-.31.23-.54q.23-.23.54-.23h4.46q.31 0 .54.23q.23.23.23.54h3.5q.213 0 .356.144q.144.144.144.357q0 .212-.144.356Q18.713 6 18.5 6H18v12.385q0 .666-.475 1.14q-.474.475-1.14.475h-8.77ZM17 6H7v12.385q0 .269.173.442t.442.173h8.77q.269 0 .442-.173t.173-.442V6Zm-6.692 11q.213 0 .356-.144q.144-.144.144-.356v-8q0-.213-.144-.356T10.307 8q-.213 0-.356.144t-.143.356v8q0 .213.144.356t.356.144Zm3.385 0q.213 0 .356-.144t.143-.356v-8q0-.213-.144-.356T13.692 8q-.213 0-.356.144q-.144.144-.144.356v8q0 .213.144.356t.357.144ZM7 6v13V6Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 22px;
  height: 22px;
}

.agent-trash {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.615 20q-.666 0-1.14-.475Q6 19.051 6 18.385V6h-.5q-.213 0-.356-.144T5 5.499q0-.212.144-.356Q5.288 5 5.5 5H9q0-.31.23-.54q.23-.23.54-.23h4.46q.31 0 .54.23q.23.23.23.54h3.5q.213 0 .356.144q.144.144.144.357q0 .212-.144.356Q18.713 6 18.5 6H18v12.385q0 .666-.475 1.14q-.474.475-1.14.475h-8.77ZM17 6H7v12.385q0 .269.173.442t.442.173h8.77q.269 0 .442-.173t.173-.442V6Zm-6.692 11q.213 0 .356-.144q.144-.144.144-.356v-8q0-.213-.144-.356T10.307 8q-.213 0-.356.144t-.143.356v8q0 .213.144.356t.356.144Zm3.385 0q.213 0 .356-.144t.143-.356v-8q0-.213-.144-.356T13.692 8q-.213 0-.356.144q-.144.144-.144.356v8q0 .213.144.356t.357.144ZM7 6v13V6Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-edit-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M5.615 20q-.69 0-1.152-.462Q4 19.075 4 18.385V5.615q0-.69.463-1.152Q4.925 4 5.615 4h8.387l-1 1H5.615q-.23 0-.423.192Q5 5.385 5 5.615v12.77q0 .23.192.423q.193.192.423.192h12.77q.23 0 .423-.192q.192-.193.192-.423v-7.489l1-1v8.489q0 .69-.462 1.152q-.463.463-1.153.463H5.615ZM12 12Zm-2 1.192v-1.136q0-.323.13-.628q.132-.305.349-.522l8.465-8.466q.166-.165.348-.228q.183-.064.385-.064q.188 0 .368.064q.18.063.326.21L21.483 3.5q.16.165.242.364q.083.2.083.401t-.06.382q-.061.18-.227.345l-8.523 8.523q-.217.218-.522.351q-.305.134-.628.134h-1.04q-.348 0-.578-.23q-.23-.23-.23-.578Zm10.813-8.907l-1.111-1.17l1.111 1.17ZM11 13h1.092l6.666-6.665l-.546-.547l-.61-.584L11 11.806V13Zm7.212-7.212l-.61-.584l.61.584l.546.547l-.546-.547Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 22px;
  height: 22px;
}

.agent-download-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M5.5 21q-.213 0-.356-.144Q5 20.712 5 20.5t.144-.356Q5.288 20 5.5 20h13q.213 0 .356.144T19 20.5q0 .212-.144.356q-.143.143-.356.143h-13Zm6.48-4.298q-.18 0-.353-.08q-.171-.082-.292-.243l-3.989-5.292q-.298-.404-.077-.851q.221-.448.723-.448h1.643v-5.98q0-.344.232-.576q.232-.232.575-.232h3.096q.344 0 .576.232q.232.232.232.576v5.98h1.642q.503 0 .724.448q.22.447-.077.85l-4.008 5.293q-.121.161-.293.242q-.171.08-.353.08Zm0-1.106l3.574-4.788h-2.208V4h-2.711v6.808H8.427l3.554 4.788Zm.02-4.788Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 22px;
  height: 22px;
}

.agent-download {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M5.5 21q-.213 0-.356-.144Q5 20.712 5 20.5t.144-.356Q5.288 20 5.5 20h13q.213 0 .356.144T19 20.5q0 .212-.144.356q-.143.143-.356.143h-13Zm6.48-4.298q-.18 0-.353-.08q-.171-.082-.292-.243l-3.989-5.292q-.298-.404-.077-.851q.221-.448.723-.448h1.643v-5.98q0-.344.232-.576q.232-.232.575-.232h3.096q.344 0 .576.232q.232.232.232.576v5.98h1.642q.503 0 .724.448q.22.447-.077.85l-4.008 5.293q-.121.161-.293.242q-.171.08-.353.08Zm0-1.106l3.574-4.788h-2.208V4h-2.711v6.808H8.427l3.554 4.788Zm.02-4.788Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-home {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M6 19h3.692v-5.077q0-.343.233-.575q.232-.233.575-.233h3q.343 0 .575.233q.233.232.233.575V19H18v-8.692q0-.154-.067-.28q-.068-.124-.183-.22L12.365 5.75q-.153-.135-.365-.135t-.365.135L6.25 9.808q-.115.096-.183.22q-.067.126-.067.28V19Zm-1 0v-8.692q0-.384.172-.727q.171-.343.474-.566l5.385-4.077q.422-.323.966-.323q.543 0 .972.323l5.385 4.077q.303.223.474.566q.172.343.172.727V19q0 .402-.299.701q-.3.299-.701.299h-3.885q-.343 0-.575-.232q-.232-.232-.232-.576v-5.077h-2.616v5.077q0 .344-.232.576q-.232.232-.575.232H6q-.402 0-.701-.299Q5 19.401 5 19Zm7-6.712Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-scale {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M8 20.23H4.665q-.367 0-.606-.254q-.24-.255-.196-.622q.302-2.967 1.987-4.959q1.685-1.991 4.65-2.587V8.827q-.917-.106-1.93-.379q-1.014-.273-1.921-.758q-.907-.484-1.599-1.197q-.692-.712-.962-1.71q-.125-.38.125-.696q.249-.318.652-.318h14.27q.403 0 .652.327q.25.327.125.706q-.289.998-.981 1.71q-.693.713-1.59 1.198q-.897.484-1.91.748q-1.014.263-1.931.369v2.98q2.965.597 4.65 2.588q1.685 1.992 1.987 4.959q.044.367-.196.622t-.606.255H16q-.213 0-.357-.144q-.143-.143-.143-.356q0-.214.143-.357t.357-.143h3.202q-.508-3.493-2.588-5.02q-2.08-1.526-4.614-1.526t-4.614 1.527q-2.08 1.526-2.588 5.019H8q.213 0 .357.143t.143.357q0 .213-.143.356q-.144.144-.357.144Zm4-12.336q3.16 0 4.733-1.035q1.573-1.036 2.007-2.09H5.26q.415 1.054 1.998 2.09Q8.84 7.894 12 7.894Zm0 12.337q-.633 0-1.066-.434q-.434-.434-.434-1.066q0-.31.114-.573q.115-.264.332-.462q.204-.204.64-.449q.435-.245 1.02-.532l1.55-.675q.261-.125.46.074q.2.2.074.461l-.675 1.53q-.286.585-.531 1.03q-.246.446-.45.65q-.197.217-.46.331q-.264.115-.574.115Zm0-12.337Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-upload {
  background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg width="64" height="64" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.22 20.75H5.78C5.43322 20.7359 5.09262 20.6535 4.77771 20.5075C4.4628 20.3616 4.17975 20.155 3.94476 19.8996C3.70977 19.6442 3.52745 19.3449 3.40824 19.019C3.28903 18.693 3.23525 18.3468 3.25 18V15C3.25 14.8011 3.32902 14.6103 3.46967 14.4697C3.61033 14.329 3.80109 14.25 4 14.25C4.19892 14.25 4.38968 14.329 4.53033 14.4697C4.67099 14.6103 4.75 14.8011 4.75 15V18C4.72419 18.2969 4.81365 18.5924 4.99984 18.8251C5.18602 19.0579 5.45465 19.21 5.75 19.25H18.22C18.5154 19.21 18.784 19.0579 18.9702 18.8251C19.1564 18.5924 19.2458 18.2969 19.22 18V15C19.22 14.8011 19.299 14.6103 19.4397 14.4697C19.5803 14.329 19.7711 14.25 19.97 14.25C20.1689 14.25 20.3597 14.329 20.5003 14.4697C20.641 14.6103 20.72 14.8011 20.72 15V18C20.75 18.6954 20.5041 19.3744 20.0359 19.8894C19.5677 20.4045 18.9151 20.7137 18.22 20.75Z" fill="%23ffffff"/><path d="M16 8.74995C15.9015 8.75042 15.8038 8.7312 15.7128 8.69342C15.6218 8.65564 15.5392 8.60006 15.47 8.52995L12 5.05995L8.53 8.52995C8.38782 8.66243 8.19978 8.73455 8.00548 8.73113C7.81118 8.7277 7.62579 8.64898 7.48838 8.51157C7.35096 8.37416 7.27225 8.18877 7.26882 7.99447C7.2654 7.80017 7.33752 7.61213 7.47 7.46995L11.47 3.46995C11.6106 3.3295 11.8012 3.25061 12 3.25061C12.1987 3.25061 12.3894 3.3295 12.53 3.46995L16.53 7.46995C16.6705 7.61058 16.7493 7.8012 16.7493 7.99995C16.7493 8.1987 16.6705 8.38932 16.53 8.52995C16.4608 8.60006 16.3782 8.65564 16.2872 8.69342C16.1962 8.7312 16.0985 8.75042 16 8.74995Z" fill="%23ffffff"/><path d="M12 15.75C11.8019 15.7474 11.6126 15.6676 11.4725 15.5275C11.3324 15.3874 11.2526 15.1981 11.25 15V4C11.25 3.80109 11.329 3.61032 11.4697 3.46967C11.6103 3.32902 11.8011 3.25 12 3.25C12.1989 3.25 12.3897 3.32902 12.5303 3.46967C12.671 3.61032 12.75 3.80109 12.75 4V15C12.7474 15.1981 12.6676 15.3874 12.5275 15.5275C12.3874 15.6676 12.1981 15.7474 12 15.75Z" fill="%23ffffff"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-send-email {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M19.367 16.5H15q-.213 0-.356-.144q-.144-.144-.144-.357t.144-.356q.144-.143.356-.143h4.367l-1.727-1.765q-.14-.14-.13-.342q.01-.2.155-.35q.134-.137.341-.137q.207 0 .348.14l2.37 2.389q.124.125.18.268t.056.297q0 .153-.056.297q-.056.143-.18.268l-2.39 2.389q-.14.14-.34.133q-.202-.006-.351-.156q-.137-.137-.137-.331t.14-.335zm-15.252 0q-.666 0-1.14-.475q-.475-.474-.475-1.14v-9.77q0-.666.475-1.14q.474-.475 1.14-.475h12.77q.666 0 1.14.475q.475.474.475 1.14v4.902q0 .189-.156.345q-.156.155-.352.155q-.21 0-.35-.143q-.142-.144-.142-.357v-4.77l-7.1 5.138l-6.9-5.133v9.633q0 .269.173.442t.442.173h7.902q.213 0 .357.144q.143.144.143.357t-.143.356q-.144.143-.357.143zm.027-12L10.4 9.165L16.846 4.5zm-.642 11v-11z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-money {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M6.192 21.885L3 18.692l3.192-3.173l.694.708l-1.946 1.965h14.12l-1.94-1.965l.707-.708L21 18.692l-3.192 3.193l-.695-.708l1.966-1.985H4.92l1.96 1.985zM12 10.192q-.846 0-1.423-.576Q10 9.039 10 8.192q0-.846.577-1.423T12 6.192t1.423.577T14 8.192t-.577 1.423t-1.423.577m-7.98 3.193V3H20v10.385zm2.615-1h10.75q0-.671.472-1.144T19 10.77V5.616q-.671 0-1.143-.473q-.472-.472-.472-1.143H6.635q0 .671-.472 1.143q-.472.473-1.144.473v5.153q.672 0 1.144.472q.472.473.472 1.144m-1.616 0V4z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-money-black {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23000000" d="M6.192 21.885L3 18.692l3.192-3.173l.694.708l-1.946 1.965h14.12l-1.94-1.965l.707-.708L21 18.692l-3.192 3.193l-.695-.708l1.966-1.985H4.92l1.96 1.985zM12 10.192q-.846 0-1.423-.576Q10 9.039 10 8.192q0-.846.577-1.423T12 6.192t1.423.577T14 8.192t-.577 1.423t-1.423.577m-7.98 3.193V3H20v10.385zm2.615-1h10.75q0-.671.472-1.144T19 10.77V5.616q-.671 0-1.143-.473q-.472-.472-.472-1.143H6.635q0 .671-.472 1.143q-.472.473-1.144.473v5.153q.672 0 1.144.472q.472.473.472 1.144m-1.616 0V4z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-setting {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M10.837 21q-.299 0-.516-.202q-.217-.202-.267-.5l-.28-2.19q-.48-.145-1.036-.454q-.557-.31-.948-.664l-2.002.862q-.292.13-.575.028q-.282-.103-.444-.37l-1.157-2.014q-.143-.267-.087-.565q.056-.298.298-.485l1.74-1.31q-.044-.27-.073-.558q-.028-.288-.028-.559q0-.252.028-.53t.073-.626l-1.74-1.31q-.242-.186-.308-.484q-.065-.298.097-.565l1.157-1.975q.162-.267.435-.37q.273-.103.565.028l2.002.842q.448-.373.97-.673q.52-.3 1.013-.464l.3-2.19q.05-.298.267-.5T10.837 3h2.307q.298 0 .525.202q.227.202.277.5l.28 2.21q.576.201 1.017.463q.442.262.909.654l2.079-.842q.292-.131.565-.038q.273.093.435.36l1.157 1.995q.162.267.097.565q-.066.298-.308.485L18.36 10.92q.082.31.092.568q.01.26.01.511q0 .233-.02.491q-.019.259-.088.626l1.779 1.33q.242.186.307.484q.066.298-.096.565l-1.157 2.008q-.162.267-.448.363q-.285.096-.577-.034l-2.01-.862q-.467.392-.94.673q-.474.281-.985.444l-.28 2.21q-.05.298-.278.5q-.227.202-.525.202h-2.307ZM11 20h1.956l.369-2.708q.756-.2 1.36-.549q.605-.349 1.232-.956l2.495 1.063l.994-1.7l-2.189-1.644q.125-.427.166-.786q.04-.358.04-.72q0-.38-.04-.72q-.04-.34-.166-.747l2.227-1.683l-.994-1.7l-2.552 1.07q-.454-.499-1.193-.934t-1.4-.578L13 4h-1.994l-.312 2.688q-.756.162-1.39.52q-.633.36-1.26.986L5.55 7.15l-.994 1.7l2.169 1.62q-.125.336-.175.73q-.05.394-.05.82q0 .38.05.755t.156.73l-2.15 1.645l.994 1.7l2.475-1.05q.588.594 1.222.953t1.428.559L11 20Zm.973-5.5q1.046 0 1.773-.727q.727-.727.727-1.773q0-1.046-.727-1.773q-.727-.727-1.773-.727q-1.052 0-1.776.727T9.473 12q0 1.046.724 1.773q.724.727 1.776.727ZM12 12Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-phone-menu {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M10.615 19.654h2.77q.161 0 .273-.112q.111-.111.111-.273q0-.161-.111-.273q-.112-.111-.273-.111h-2.77q-.161 0-.273.111q-.111.112-.111.273q0 .162.111.273q.112.112.273.112Zm-3 2.346q-.69 0-1.152-.462Q6 21.075 6 20.385V3.615q0-.69.463-1.152Q6.925 2 7.615 2h8.77q.69 0 1.152.463q.463.462.463 1.152v16.77q0 .69-.462 1.152q-.463.463-1.153.463h-8.77ZM7 17.538v2.847q0 .23.192.423q.193.192.423.192h8.77q.23 0 .423-.192q.192-.193.192-.423v-2.847H7Zm0-1h10V5.5H7v11.038ZM7 4.5h10v-.885q0-.23-.192-.423Q16.615 3 16.385 3h-8.77q-.23 0-.423.192Q7 3.385 7 3.615V4.5Zm0 13.038V21v-3.462ZM7 4.5V3v1.5Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-phone-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M10.615 19.654h2.77q.161 0 .273-.112q.111-.111.111-.273q0-.161-.111-.273q-.112-.111-.273-.111h-2.77q-.161 0-.273.111q-.111.112-.111.273q0 .162.111.273q.112.112.273.112Zm-3 2.346q-.69 0-1.152-.462Q6 21.075 6 20.385V3.615q0-.69.463-1.152Q6.925 2 7.615 2h8.77q.69 0 1.152.463q.463.462.463 1.152v16.77q0 .69-.462 1.152q-.463.463-1.153.463h-8.77ZM7 17.538v2.847q0 .23.192.423q.193.192.423.192h8.77q.23 0 .423-.192q.192-.193.192-.423v-2.847H7Zm0-1h10V5.5H7v11.038ZM7 4.5h10v-.885q0-.23-.192-.423Q16.615 3 16.385 3h-8.77q-.23 0-.423.192Q7 3.385 7 3.615V4.5Zm0 13.038V21v-3.462ZM7 4.5V3v1.5Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 18px;
  height: 18px;
}

.agent-checkout {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="m12 9.288l-.688-.688l2.094-2.1H8.5v-1h4.906l-2.1-2.1l.694-.688L15.288 6L12 9.288ZM7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM2 3.5v-1h2.448l4.096 8.615h7l3.67-6.615h1.14l-4.225 7.615H8.1l-1.638 3h11.73v1H4.74l2.745-4.9L3.808 3.5H2Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 34px;
  height: 34px;
}

.agent-left {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23000000" d="M10.588 12.5H15q.213 0 .356-.144q.144-.144.144-.357t-.144-.356Q15.213 11.5 15 11.5h-4.412l1.766-1.765q.14-.134.14-.341q0-.207-.14-.348t-.348-.14q-.207 0-.34.14l-2.39 2.389q-.241.242-.241.565q0 .323.242.565l2.388 2.389q.14.14.345.13q.203-.009.344-.15q.14-.14.14-.347t-.14-.34L10.588 12.5Zm1.415 8.5q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21ZM12 20q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 45px;
  height: 45px;
}

.agent-right {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23000000" d="m13.412 12.5l-1.766 1.765q-.14.14-.13.335q.009.194.15.335q.14.14.347.14t.34-.14l2.37-2.37q.242-.242.242-.565q0-.323-.242-.565l-2.388-2.389q-.14-.14-.335-.14t-.335.14q-.14.14-.14.348q0 .207.14.34l1.747 1.766H9q-.213 0-.356.144q-.144.144-.144.357t.144.356q.143.143.356.143h4.412ZM12.003 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21ZM12 20q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 45px;
  height: 45px;
}

.agent-left-white {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M10.588 12.5H15q.213 0 .356-.144q.144-.144.144-.357t-.144-.356Q15.213 11.5 15 11.5h-4.412l1.766-1.765q.14-.134.14-.341q0-.207-.14-.348t-.348-.14q-.207 0-.34.14l-2.39 2.389q-.241.242-.241.565q0 .323.242.565l2.388 2.389q.14.14.345.13q.203-.009.344-.15q.14-.14.14-.347t-.14-.34L10.588 12.5Zm1.415 8.5q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21ZM12 20q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 45px;
  height: 45px;
}

.agent-right-white {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="m13.412 12.5l-1.766 1.765q-.14.14-.13.335q.009.194.15.335q.14.14.347.14t.34-.14l2.37-2.37q.242-.242.242-.565q0-.323-.242-.565l-2.388-2.389q-.14-.14-.335-.14t-.335.14q-.14.14-.14.348q0 .207.14.34l1.747 1.766H9q-.213 0-.356.144q-.144.144-.144.357t.144.356q.143.143.356.143h4.412ZM12.003 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21ZM12 20q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 45px;
  height: 45px;
}

.agent-down-white {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M11.5 18.117v-5.04q0-.921-.655-1.576t-1.576-.655H3.846q-.671 0-1.143-.472T2.23 9.231V4.5q0-.213.143-.357Q2.517 4 2.731 4q.213 0 .357.143q.143.144.143.357v4.73q0 .27.173.443t.442.173H9.27q.881 0 1.598.42q.718.42 1.133 1.122q.415-.701 1.133-1.122q.717-.42 1.598-.42h5.423q.27 0 .442-.173t.173-.442V4.5q0-.213.144-.357Q21.057 4 21.27 4q.214 0 .357.143q.143.144.143.357v4.73q0 .672-.472 1.144q-.472.472-1.143.472H14.73q-.921 0-1.576.655t-.655 1.576v5.021l1.74-1.721q.14-.14.351-.15q.21-.01.357.15q.146.146.137.357q-.01.21-.156.356l-2.364 2.364q-.242.242-.565.242q-.323 0-.565-.242l-2.389-2.389q-.14-.14-.143-.34q-.003-.202.143-.348q.14-.16.354-.15q.213.01.354.15l1.746 1.74Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 45px;
  height: 45px;
}

.agent-cat-list {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M8.885 19q-.44 0-.74-.299q-.299-.3-.299-.74t.3-.739q.298-.299.739-.299h11.077q.44 0 .739.3q.299.298.299.739q0 .44-.299.739q-.3.299-.74.299H8.886Zm0-5.962q-.44 0-.74-.299q-.299-.299-.299-.739t.3-.74q.298-.298.739-.298h11.077q.44 0 .739.299T21 12q0 .44-.299.74q-.3.298-.74.298H8.886Zm0-5.961q-.44 0-.74-.3q-.299-.298-.299-.739q0-.44.3-.739Q8.443 5 8.884 5h11.077q.44 0 .739.299q.299.3.299.74t-.299.739q-.3.299-.74.299H8.886Zm-4.847 0q-.44 0-.739-.3Q3 6.48 3 6.039q0-.44.299-.739q.3-.299.74-.299t.739.299q.299.3.299.74t-.3.739q-.298.299-.739.299Zm0 5.961q-.44 0-.739-.299T3 12q0-.44.299-.74q.3-.298.74-.298t.739.299q.299.299.299.739t-.3.74q-.298.298-.739.298Zm0 5.962q-.44 0-.739-.299q-.299-.3-.299-.74t.299-.739q.3-.299.74-.299t.739.3q.299.298.299.739q0 .44-.3.739Q4.48 19 4.039 19Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 45px;
  height: 45px;
}

.agent-cat-visible {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M12.005 15.154q1.524 0 2.586-1.067t1.063-2.592q0-1.524-1.067-2.586t-2.592-1.063q-1.524 0-2.586 1.067t-1.063 2.592q0 1.524 1.067 2.586t2.592 1.063ZM12 14.2q-1.125 0-1.913-.787T9.3 11.5q0-1.125.788-1.913T12 8.8q1.125 0 1.913.788T14.7 11.5q0 1.125-.787 1.913T12 14.2Zm0 3.8q-2.965 0-5.44-1.57t-3.997-4.115q-.125-.205-.177-.405q-.053-.2-.053-.411q0-.21.053-.41q.052-.199.177-.404q1.524-2.547 3.998-4.116Q9.035 5 12 5t5.44 1.57q2.473 1.568 3.997 4.115q.125.205.177.405q.053.2.053.411q0 .21-.053.41q-.052.199-.177.404q-1.524 2.547-3.998 4.116Q14.965 18 12 18Zm0-6.5Zm0 5.5q2.825 0 5.188-1.488T20.8 11.5q-1.25-2.525-3.613-4.013T12 6Q9.175 6 6.812 7.488T3.2 11.5q1.25 2.525 3.613 4.013T12 17Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-cat-hidden {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="m15.446 12.646l-.796-.796q.237-1.344-.716-2.291q-.953-.947-2.284-.709l-.796-.796q.271-.123.558-.166q.286-.042.588-.042q1.529 0 2.591 1.063q1.063 1.062 1.063 2.591q0 .302-.033.588q-.033.287-.175.558Zm3.162 3.073l-.758-.669q.95-.725 1.7-1.613T20.8 11.5q-1.25-2.525-3.613-4.013T12 6q-.725 0-1.413.1T9.2 6.4l-.78-.78q.857-.33 1.752-.475Q11.067 5 12 5q3.021 0 5.58 1.55q2.558 1.55 3.962 4.215q.1.181.14.355q.041.174.041.38t-.037.38q-.038.174-.138.355q-.511 1.032-1.265 1.906q-.754.874-1.675 1.578ZM12 18q-2.965 0-5.452-1.563t-3.99-4.127q-.125-.181-.178-.39t-.053-.42q0-.212.05-.417q.05-.206.175-.393q.615-1.038 1.364-1.97q.75-.932 1.734-1.643L3.21 4.63q-.14-.146-.148-.347q-.006-.201.153-.36t.354-.16q.194 0 .354.16l16.154 16.153q.14.14.153.341q.012.201-.153.367q-.16.16-.354.16t-.354-.16l-3.538-3.527q-.894.41-1.862.576Q13.002 18 12 18ZM6.358 7.785q-1.033.707-1.835 1.646q-.802.938-1.323 2.069q1.25 2.525 3.613 4.013T12 17q.788 0 1.562-.11t1.503-.398l-1.63-1.642q-.333.19-.689.247q-.356.057-.746.057q-1.529 0-2.591-1.063Q8.346 13.03 8.346 11.5q0-.39.066-.746t.238-.689l-2.292-2.28Zm7.167 2.94Zm-2.813 1.413Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-cat-ok {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%235aa300" d="m10.562 14.492l-2.497-2.496q-.14-.14-.344-.15q-.204-.01-.363.15q-.16.16-.16.354t.16.354l2.638 2.638q.242.243.566.243q.323 0 .565-.243l5.477-5.477q.14-.14.15-.344q.01-.204-.15-.363q-.16-.16-.354-.16t-.354.16l-5.334 5.334ZM12.003 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-cat-alert {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23ff2828" d="m8.67 20.615l-1.316-2.2l-2.48-.523q-.299-.055-.476-.32t-.146-.562l.236-2.556l-1.682-1.92q-.212-.217-.212-.534q0-.317.212-.535l1.682-1.919l-.236-2.556q-.03-.298.146-.562t.475-.32l2.48-.523l1.316-2.2q.162-.268.435-.37q.273-.103.565.027L12 4.027l2.33-.985q.293-.13.566-.028q.273.103.435.37l1.315 2.2l2.48.524q.299.055.476.32t.146.562l-.236 2.556l1.682 1.92q.212.217.212.534q0 .317-.212.535l-1.682 1.919l.236 2.556q.03.298-.146.562t-.475.32l-2.48.523l-1.316 2.2q-.162.268-.435.37q-.273.103-.565-.027L12 19.973l-2.33.985q-.293.13-.566.028q-.273-.103-.435-.37ZM12 16.462q.252 0 .434-.182q.181-.182.181-.434t-.181-.434q-.182-.181-.434-.181t-.434.181q-.181.182-.181.434t.181.434q.182.182.434.182Zm0-3.308q.213 0 .357-.143q.143-.144.143-.357v-5q0-.214-.143-.357q-.144-.143-.357-.143t-.357.143q-.143.143-.143.357v5q0 .213.143.357q.144.143.357.143Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-close-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" d="m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6l-5.6 5.6Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-incart {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM5.881 5.5l2.669 5.615h6.635q.173 0 .307-.086q.135-.087.231-.24l2.615-4.75q.116-.212.02-.376q-.096-.163-.327-.163H5.88Zm-.489-1h13.02q.651 0 .98.532q.33.531.035 1.095l-2.858 5.208q-.217.365-.564.573q-.347.207-.763.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.384q.214 0 .357.143t.143.356q0 .214-.143.357t-.357.143H7.308q-.875 0-1.306-.737q-.43-.738-.021-1.482l1.504-2.68L3.808 3.5H2.5q-.213 0-.357-.143Q2 3.213 2 3t.143-.357Q2.287 2.5 2.5 2.5h1.433q.236 0 .429.121q.192.121.298.339l.732 1.54Zm3.158 6.615h7h-7Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-box-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24"><path fill="%23ffffff" d="M11.5 19.713v-7.426L5 8.523v7.08q0 .155.077.29q.077.134.23.23l6.193 3.59Zm1 0l6.192-3.59q.154-.096.231-.23q.077-.135.077-.29v-7.08l-6.5 3.764v7.426Zm-1.308.974l-6.384-3.68q-.38-.217-.594-.59Q4 16.044 4 15.61V8.39q0-.434.214-.807q.215-.373.594-.59l6.384-3.68q.38-.217.808-.217t.808.217l6.384 3.68q.38.217.594.59q.214.373.214.807v7.22q0 .434-.214.807q-.215.373-.594.59l-6.384 3.68q-.38.217-.808.217t-.808-.217Zm4.52-11.412l2.713-1.562l-6.117-3.54q-.154-.096-.308-.096t-.308.096L9.3 5.548l6.412 3.727ZM12 11.427l2.7-1.567l-6.425-3.714l-2.7 1.567L12 11.427Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-palack {
  background: url('data:image/svg+xml,<%3Fxml version="1.0" standalone="no"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1200.000000pt" height="998.000000pt" viewBox="0 0 1200.000000 998.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,998.000000) scale(0.100000,-0.100000)"fill="%23000000" stroke="none"><path d="M5680 9339 c-656 -39 -1288 -214 -1852 -511 -499 -263 -986 -646-1302 -1025 -46 -55 -70 -121 -70 -198 -1 -107 20 -152 146 -313 133 -171 163-193 274 -200 112 -7 156 19 288 166 328 367 670 633 1091 847 206 104 278135 468 201 942 327 1964 259 2859 -190 685 -343 1249 -897 1610 -1581 254-481 395 -1008 424 -1577 l7 -137 -304 -3 c-347 -3 -357 -5 -438 -91 -55 -58-82 -116 -88 -193 -9 -102 12 -149 149 -330 366 -484 486 -644 667 -882 114-151 217 -277 242 -297 108 -83 267 -83 375 0 18 14 90 100 161 192 72 93 293380 493 638 205 265 374 494 389 525 55 119 23 261 -80 354 -78 70 -106 76-379 76 -131 0 -265 3 -299 6 l-61 7 0 121 c0 375 -73 793 -219 1267 -117 379-287 737 -519 1094 -63 96 -240 339 -278 380 -11 11 -41 47 -69 80 -119 145-356 381 -504 504 -292 243 -528 400 -867 577 -393 206 -875 366 -1324 438-348 56 -668 74 -990 55z"/><path d="M1715 6664 c-60 -21 -106 -64 -192 -177 -42 -56 -113 -149 -157 -207-102 -133 -258 -338 -385 -505 -55 -71 -150 -195 -211 -275 -181 -235 -190-252 -190 -370 0 -114 64 -217 170 -272 44 -22 53 -23 345 -26 220 -2 301 -6307 -15 4 -7 8 -59 8 -118 0 -339 71 -791 185 -1184 161 -551 433 -1073 802-1533 134 -167 419 -460 586 -603 452 -387 963 -674 1544 -868 658 -219 1413-276 2133 -161 983 158 1901 650 2583 1385 147 158 169 197 171 295 1 96 -22150 -124 285 -147 195 -191 227 -311 228 -97 1 -156 -31 -239 -130 -101 -120-293 -308 -433 -425 -520 -432 -1162 -724 -1802 -819 -378 -56 -845 -53 -11806 -254 45 -430 91 -640 167 -792 286 -1447 820 -1899 1548 -90 146 -225 416-289 580 -152 390 -232 774 -253 1208 l-7 152 290 0 c318 0 346 4 426 58 11681 163 247 104 375 -13 29 -67 109 -120 178 -95 122 -281 363 -669 870 -209273 -262 328 -335 353 -57 20 -164 19 -218 0z"/><path d="M5058 6274 c-53 -61 -58 -78 -28 -94 24 -13 31 -9 95 48 l48 42 -2830 c-16 17 -31 30 -34 30 -3 0 -27 -26 -53 -56z"/><path d="M3985 6112 c-56 -18 -111 -69 -140 -127 -16 -33 -20 -61 -20 -150 0-99 3 -115 25 -155 34 -61 97 -106 167 -120 60 -13 159 -8 226 10 l37 11 0134 0 135 -60 0 -60 0 0 -95 c0 -93 -1 -95 -25 -101 -41 -10 -113 5 -144 32-44 37 -65 101 -58 180 5 70 21 101 70 138 43 32 141 33 218 2 23 -10 50 8128 95 -49 30 -188 36 -264 11z"/><path d="M6896 6115 c-22 -8 -53 -27 -70 -44 -26 -26 -31 -39 -34 -94 -4 -62-3 -66 32 -104 27 -30 55 -47 113 -68 42 -16 84 -36 95 -47 22 -22 24 -71 3-88 -22 -18 -84 -23 -145 -11 -30 7 -61 13 -69 14 -15 2 -45 -73 -34 -84 5 -537 -16 73 -25 125 -32 253 -2 295 68 23 39 23 123 1 166 -20 40 -42 54 -14797 -110 46 -131 73 -88 116 18 18 29 21 88 16 36 -3 76 -8 88 -12 19 -6 23 -234 35 11 35 10 43 -2 51 -47 30 -167 38 -233 14z"/><path d="M7356 6115 c-115 -41 -149 -170 -66 -253 16 -16 62 -41 102 -56 40-15 83 -37 96 -48 25 -25 29 -70 7 -88 -31 -26 -117 -24 -211 5 -17 5 -22 0-33 -36 -16 -53 -8 -61 79 -79 119 -25 246 7 284 71 24 40 25 123 2 167 -2039 -42 54 -147 97 -91 38 -94 40 -103 72 -5 15 -1 28 15 44 19 19 29 21 88 1636 -3 76 -8 88 -12 19 -6 23 -2 34 35 11 35 10 43 -2 51 -47 30 -167 38 -23314z"/><path d="M2975 6098 c19 -61 113 -306 160 -413 l52 -120 59 0 59 0 51 120 c46106 140 351 158 413 7 21 5 22 -51 22 l-59 0 -18 -57 c-31 -97 -117 -327 -128-338 -16 -17 -30 12 -98 208 l-65 187 -63 0 c-61 0 -63 -1 -57 -22z"/><path d="M3600 5840 l0 -280 55 0 55 0 0 280 0 280 -55 0 -55 0 0 -280z"/><path d="M4320 6115 c0 -13 67 -136 126 -232 l64 -105 0 -109 0 -109 60 0 600 0 105 0 105 95 162 c52 90 95 169 95 176 0 8 -19 12 -60 12 l-60 0 -49 -97c-27 -54 -56 -107 -64 -118 -14 -18 -15 -18 -36 15 -12 19 -40 72 -64 117l-42 83 -62 0 c-35 0 -63 -2 -63 -5z"/><path d="M4895 6107 c-3 -7 -4 -131 -3 -277 l3 -265 198 -3 197 -2 0 50 0 49-137 3 -138 3 0 70 0 70 113 3 112 3 0 44 0 44 -112 3 -113 3 0 55 0 55 128 3127 3 0 49 0 50 -185 0 c-141 0 -187 -3 -190 -13z"/><path d="M5370 5840 l0 -280 185 0 185 0 0 50 0 50 -94 0 c-51 0 -108 3 -1256 l-31 7 0 223 0 224 -60 0 -60 0 0 -280z"/><path d="M5950 6107 c0 -21 86 -249 152 -404 l61 -143 57 0 57 0 62 146 c63151 151 385 151 404 0 7 -21 10 -57 8 -53 -3 -57 -5 -66 -33 -5 -16 -37 -106-70 -198 -46 -129 -63 -167 -75 -165 -11 2 -38 66 -86 201 l-69 197 -58 0c-42 0 -59 -4 -59 -13z"/><path d="M6570 5840 l0 -280 55 0 55 0 0 280 0 280 -55 0 -55 0 0 -280z"/><path d="M7700 6070 l0 -50 125 0 c69 0 125 -2 125 -5 0 -3 -31 -47 -70 -99-129 -174 -190 -276 -190 -318 l0 -38 218 2 217 3 0 45 0 45 -140 5 c-117 4-139 7 -137 20 7 29 158 235 247 335 20 22 25 38 23 65 l-3 35 -207 3 -208 20 -50z"/><path d="M8361 6038 c-40 -85 -165 -407 -177 -452 -6 -26 -6 -26 53 -26 l60 018 60 18 60 118 0 117 0 19 -57 20 -58 62 -3 c61 -3 63 -2 56 20 -21 66 -114308 -160 413 l-52 120 -57 3 -57 3 -38 -83z m133 -140 c20 -51 36 -99 36 -1050 -9 -23 -13 -80 -13 -44 0 -80 4 -80 9 0 19 73 201 81 201 4 0 24 -42 43 -92z"/><path d="M8793 5948 c3 -95 8 -181 12 -190 10 -25 80 -25 90 -1 3 10 9 96 12190 l6 173 -63 0 -63 0 6 -172z"/><path d="M8824 5688 c-51 -27 -60 -84 -18 -117 15 -12 34 -21 44 -21 10 0 299 44 21 27 21 34 56 16 89 -13 25 -61 41 -86 28z"/><path d="M5075 5116 c-85 -21 -147 -57 -215 -125 -140 -142 -200 -336 -200-644 0 -295 64 -500 194 -631 119 -118 295 -164 461 -121 92 24 144 54 213122 110 108 171 269 193 509 13 148 0 336 -31 461 -59 232 -204 393 -388 432-67 14 -163 13 -227 -3z m178 -270 c50 -20 94 -78 117 -153 32 -104 46 -31232 -475 -22 -262 -84 -368 -214 -368 -86 0 -151 71 -185 203 -27 106 -27 4991 605 41 161 139 235 249 188z"/><path d="M3696 5028 c-3 -40 -10 -143 -16 -228 -6 -85 -18 -229 -27 -319 -12-127 -13 -165 -4 -171 7 -4 74 -10 149 -13 302 -13 432 -87 432 -247 0 -163-154 -237 -415 -199 -38 5 -101 19 -139 30 -51 15 -71 18 -76 9 -16 -26 -53-231 -43 -241 5 -5 61 -21 124 -36 99 -23 136 -27 279 -27 185 -1 233 9 35271 168 87 255 270 226 476 -32 234 -198 363 -521 408 l-89 12 6 51 c3 28 8 9012 139 l6 87 269 0 269 0 0 135 0 135 -394 0 -394 0 -6 -72z"/><path d="M6287 5094 c-3 -4 -7 -339 -7 -745 l0 -739 160 0 160 0 0 293 c0 1604 298 8 304 6 10 81 13 297 15 l290 3 3 137 3 138 -298 2 -298 3 0 155 0 155333 3 332 2 0 140 0 140 -488 0 c-269 0 -492 -3 -495 -6z"/><path d="M7610 5054 c-41 -7 -106 -18 -143 -25 l-68 -11 3 -556 c3 -548 4-558 26 -625 41 -121 121 -196 249 -233 88 -26 265 -23 371 6 46 12 86 28 8834 4 10 -32 225 -38 232 -2 1 -28 -4 -58 -12 -30 -8 -91 -14 -135 -14 -100 0-137 19 -168 88 -20 43 -22 65 -25 286 -3 191 -1 241 10 247 7 5 95 9 196 9l183 0 -3 128 -3 127 -192 3 -193 2 0 165 c0 126 -3 165 -12 164 -7 -1 -47 -7-88 -15z"/></g></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-set-active {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M12 21q-2.42 0-3.96-.616q-1.54-.617-1.54-1.596q0-.436.405-.836t1.118-.693q.177-.096.388-.036q.21.06.306.237q.096.176.024.377t-.249.297q-.327.116-.625.289t-.356.346q.172.497 1.452.864T12 20t3.037-.367t1.451-.864q-.057-.173-.355-.346t-.625-.288q-.177-.096-.25-.297q-.071-.201.025-.378t.307-.237t.387.037q.713.292 1.118.692t.405.836q0 .98-1.54 1.596T12 21m.025-4.25q2.494-1.94 3.735-3.797T17 9.303q0-2.626-1.616-3.965Q13.77 4 12 4q-1.75 0-3.375 1.339T7 9.304q0 1.733 1.235 3.574q1.234 1.841 3.79 3.872m-.025.852q-.242 0-.484-.09q-.243-.09-.455-.252q-2.546-2.081-3.803-4.059T6 9.304q0-1.564.541-2.738q.542-1.174 1.407-1.968t1.933-1.196T12 3t2.12.402q1.067.402 1.932 1.196t1.407 1.968T18 9.304q0 1.919-1.258 3.897t-3.804 4.058q-.211.162-.454.252q-.242.091-.484.091m0-6.814q.671 0 1.143-.462q.472-.463.472-1.153q0-.671-.472-1.143T12 7.558q-.652 0-1.134.472t-.482 1.143q0 .69.482 1.153t1.134.462m0-1.615"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-heart {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23ff0000" d="M12 15q1.196 0 2.184-.651t1.485-1.741q.079-.183 0-.385t-.267-.275q-.183-.073-.382.012q-.199.086-.278.269q-.358.829-1.1 1.3Q12.897 14 12 14t-1.641-.471t-1.101-1.3q-.08-.183-.278-.268q-.2-.086-.382-.013q-.188.073-.267.275t0 .385q.498 1.09 1.485 1.741T12 15m-2.75-4.961q.333 0 .56-.228t.228-.561t-.228-.56q-.227-.228-.56-.228t-.56.228t-.228.56t.228.56q.227.229.56.229m5.5 0q.333 0 .56-.228t.228-.561t-.228-.56q-.227-.228-.56-.228t-.56.228t-.228.56t.228.56q.227.229.56.229M12 6.639q.87-1.289 2.025-1.964T16.5 4q1.908 0 3.204 1.296T21 8.52q0 .896-.293 1.782t-1.027 1.93t-1.973 2.352t-3.132 3.075l-1.48 1.346q-.46.423-1.095.423t-1.094-.423l-1.481-1.346q-1.892-1.77-3.132-3.075T4.32 12.232q-.733-1.045-1.027-1.931T3 8.519q0-1.927 1.296-3.223T7.5 4q1.32 0 2.475.675T12 6.639"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 35px;
  height: 35px;
}

.agent-prod-alert {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23ff0000" d="m8.67 20.615l-1.316-2.2l-2.48-.523q-.299-.055-.476-.32t-.146-.562l.236-2.556l-1.682-1.92q-.212-.217-.212-.534q0-.317.212-.535l1.682-1.919l-.236-2.556q-.03-.298.146-.562t.475-.32l2.48-.523l1.316-2.2q.162-.268.435-.37q.273-.103.565.027L12 4.027l2.33-.985q.293-.13.566-.028q.273.103.435.37l1.315 2.2l2.48.524q.299.055.476.32t.146.562l-.236 2.556l1.682 1.92q.212.217.212.534q0 .317-.212.535l-1.682 1.919l.236 2.556q.03.298-.146.562t-.475.32l-2.48.523l-1.316 2.2q-.162.268-.435.37q-.273.103-.565-.027L12 19.973l-2.33.985q-.293.13-.566.028q-.273-.103-.435-.37ZM12 16.462q.252 0 .434-.182q.181-.182.181-.434t-.181-.434q-.182-.181-.434-.181t-.434.181q-.181.182-.181.434t.181.434q.182.182.434.182Zm0-3.308q.213 0 .357-.143q.143-.144.143-.357v-5q0-.214-.143-.357q-.144-.143-.357-.143t-.357.143q-.143.143-.143.357v5q0 .213.143.357q.144.143.357.143Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 35px;
  height: 35px;
}

.agent-prod-meres-ok {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%2305b811" d="m10.562 15.908l6.396-6.396l-.708-.708l-5.688 5.688l-2.85-2.85l-.708.708l3.558 3.558ZM12.003 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 35px;
  height: 35px;
}

.agent-lastbuy {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23000000" d="M4.923 4.5h14.154q.212 0 .356.144t.144.357t-.144.356q-.144.143-.356.143H4.923q-.212 0-.356-.144t-.144-.357t.144-.356q.144-.143.356-.143Zm.385 15q-.344 0-.576-.232q-.232-.232-.232-.576V13.5h-.444q-.38 0-.631-.305q-.252-.305-.152-.683l1-4.385q.062-.274.288-.45q.226-.177.514-.177h13.85q.288 0 .514.176q.226.177.288.45l1 4.386q.1.378-.152.683q-.252.305-.63.305H19.5V19q0 .213-.144.356q-.144.144-.357.144t-.356-.144Q18.5 19.213 18.5 19v-5.5h-5v5.192q0 .344-.232.576q-.232.232-.576.232H5.308Zm.192-1h7v-5h-7v5Zm-1.22-6h15.44H4.28Zm0 0h15.44l-.928-4H5.208l-.927 4Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-txt-1 {
  display: flex;
  flex-wrap: nowrap;
  font-size: 12px;
  font-weight: 400;
  width: 70%;
  align-items: center;
  justify-content: left;
}

.agent-txt-2 {
  display: flex;
  flex-wrap: nowrap;
  font-size: 12px;
  font-weight: 400;
  width: 30%;
  align-items: center;
  justify-content: right;
}

.agent-logo {
  width: 60px;
  height: 30px;
  background-color: #16453f;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #8a8787;
}

.agent-top-right {
  width: calc(100% - 60px);
  height: 30px;
  background-color: #749793;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.agent-list-item {
  width: 100%;
  padding: 4px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: center;
}
.agent-list-item:nth-child(even) {
  background-color: white;
}
.agent-list-item:nth-child(odd) {
  background-color: #ddd;
}

.agent-list-item-0 {
  width: 100px;
}

.agent-list-wrapper {
  width: 100%;
  padding: 10px;
  flex-wrap: wrap;
  overflow: scroll;
  font-family: "Rubik";
  font-size: 12px;
}

.b2bagent-table .table-wrapper {
  height: calc(100vh - 100px);
  border: 1px solid #c9d1dc;
  overflow: auto;
}
.b2bagent-table table {
  border-spacing: 0;
}
.b2bagent-table thead {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.b2bagent-table thead {
  inset-block-start: 0; /* "top" */
}
.b2bagent-table tfoot {
  inset-block-end: 0; /* "bottom" */
  position: sticky;
}
.b2bagent-table tbody {
  font-size: 12px;
}
.b2bagent-table th,
.b2bagent-table td {
  padding: 3px 7px;
  white-space: nowrap;
  border-bottom: 1px solid #c9d1dc;
}
.b2bagent-table tr:last-child td {
  border-bottom: none;
}
.b2bagent-table {
  /*
  STICKY ROW
  Normal css box-shadow works for the header as it is a single html element
  */
}
.b2bagent-table tr.sticky {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f5f5f5;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}
.b2bagent-table {
  /*
  STICKY COLUMN
  Avoid undesirable overlapping shadows by creating a faux shadow on the ::after psudo-element instead of using the css box-shadow property.
  */
}
.b2bagent-table th.sticky,
.b2bagent-table td.sticky {
  position: sticky;
  left: 0;
}
.b2bagent-table th {
  background-color: #e0e9e7;
}
.b2bagent-table th.sticky::after,
.b2bagent-table td.sticky::after {
  content: "";
  position: absolute;
  right: -4px;
  top: 0;
  bottom: -1px;
  width: 5px;
  border-left: 1px solid #c9d1dc;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 100%);
}
.b2bagent-table th.sticky::before,
.b2bagent-table td.sticky::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 0;
  bottom: -1px;
  width: 5px;
  border-right: 1px solid #c9d1dc;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
}
.b2bagent-table .odd {
  background-color: white;
}
.b2bagent-table .even {
  background-color: #e0e9e7;
}
.b2bagent-table .prodname {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.agent-inner-menu-wrapper {
  width: 100%;
  height: 40px;
  background-color: #ffffff;
  padding: 4px;
  overflow: auto;
}
.agent-inner-menu-wrapper .agent-inner-menu-button {
  height: 32px;
  background-color: #ffffff;
  border: 1px solid #a8a8a8;
  border-radius: 7px;
  padding: 4px;
  margin-right: 5px;
}

.agent-inner-menu-wrapper::-webkit-scrollbar {
  display: none;
}

.b2b-wrapper {
  display: flex;
  width: 100%;
  padding: 0px;
  flex-wrap: wrap;
  font-family: "Rubik";
  font-size: 12px;
  background-color: #eeeeee;
  height: calc(100vh - 30px);
}

.b2b-left-info-wrapper {
  display: flex;
  width: calc(100% - 350px);
  padding: 10px;
  flex-wrap: wrap;
  font-family: "Rubik";
  font-size: 12px;
  background-color: #eeeeee;
  min-height: calc(100vh - 30px);
  max-height: calc(100vh - 30px);
  transition: all 0.3s;
}

.left-info-wrapper-expand {
  width: calc(100% - 800px);
}

.b2b-right-info-wrapper {
  display: flex;
  width: 350px;
  padding: 0px;
  flex-wrap: wrap;
  font-family: "Rubik";
  font-size: 12px;
  background-color: #fff;
  border-left: 1px solid #c6c6c6;
  position: relative;
  transition: all 0.3s;
  height: calc(100vh - 30px);
}

.right-info-wrapper-shrink {
  width: 800px;
}

.b2b-top-info-wrapper {
  display: flex;
  width: 100%;
  padding: 0px;
  position: absolute;
  top: 0;
  background-color: #f7f7f7;
  z-index: 20;
  color: #000;
  flex-wrap: wrap;
  border-bottom: 1px solid #c6c6c6;
  height: 100px;
}

.b2b-middle-info-wrapper {
  display: flex;
  margin-bottom: 10px;
  position: absolute;
  top: 100px;
  background-color: #f7f7f7;
  z-index: 20;
  color: #000;
  flex-wrap: wrap;
  align-items: flex-start;
}

.b2b-middle-info-wrapper-noflex {
  margin-bottom: 10px;
  position: absolute;
  top: 100px;
  background-color: #f7f7f7;
  z-index: 20;
  color: #000;
}

.b2beredetifizzmod {
  width: 100%;
  padding: 7px;
  background-color: brown;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.b2b-bottom-summ-wrapper {
  display: flex;
  width: 100%;
  padding: 10px;
  position: absolute;
  bottom: 0px;
  background-color: #16453f;
  color: #fff;
  flex-wrap: wrap;
  height: 80px;
}

.b2b-bottom-sum-data-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
}

.b2b-bottom-sum-data-wrapper:not(:first-child) {
  border-top: 1px solid #647673;
}

.b2b-bottom-sum-data-left {
  display: flex;
  width: 50%;
  justify-content: left;
  font-size: 13px;
  font-weight: 600;
  padding: 0px 6px;
}

.b2b-bottom-sum-data-right {
  display: flex;
  width: 50%;
  justify-content: right;
  font-size: 13px;
  font-weight: 600;
  padding: 0px 6px;
}

.b2b-bottom-sum-data-full {
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 10px;
  font-weight: 300;
  padding: 0px 6px;
}

.b2b-bottom-sum-data-full-huseg-title {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 6px;
}

.b2b-bottom-sum-data-full-huseg {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  padding: 0px 6px;
}

.b2b-button-1 {
  border: 1px solid #000;
  border-radius: 4px;
  padding: 3px 7px;
  background-color: #fff;
  font-weight: 500;
  cursor: pointer;
}

.b2b-scrollable-side-1 {
  height: calc(100vh - 220px) !important;
}

.b2b-scrollable-wrapper {
  width: 100%;
  height: calc(100vh - 40px);
  overflow-y: scroll;
  padding-right: 10px;
  padding-bottom: 50px;
}

.b2b-scrollable-wrapper::-webkit-scrollbar {
  border-radius: 5px;
  width: 6px;
  background-color: #fff;
}

.b2b-scrollable-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}

.b2b-scrollable-wrapper::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000, #000);
}

.b2b-scrollable-wrapper-right {
  width: 100%;
  background-color: #fff;
  height: calc(100vh - 113px);
  overflow-y: scroll;
  padding-right: 0px;
}

.b2b-scrollable-wrapper-right::-webkit-scrollbar {
  border-radius: 5px;
  width: 6px;
  background-color: #fff;
}

.b2b-scrollable-wrapper-right::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}

.b2b-scrollable-wrapper-right::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000, #000);
}

.agent-barcode {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23000000" d="M1.5 20.5v-4h1v3h3v1h-4Zm17 0v-1h3v-3h1v4h-4ZM4 18V6h2v12H4Zm3 0V6h1v12H7Zm3 0V6h2v12h-2Zm3 0V6h3v12h-3Zm4 0V6h1v12h-1Zm2 0V6h1v12h-1ZM1.5 7.5v-4h4v1h-3v3h-1Zm20 0v-3h-3v-1h4v4h-1Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-karton {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23000000" d="M5 7.808v10.577q0 .269.173.442t.442.173h12.77q.269 0 .442-.173t.173-.442V7.808h-4v5.47q0 .46-.379.7q-.379.24-.783.028L12 13.096l-1.838.91q-.404.211-.783-.028q-.379-.24-.379-.7v-5.47H5ZM5.615 20q-.67 0-1.143-.472Q4 19.056 4 18.385V7.487q0-.293.093-.55q.094-.258.28-.475L5.931 4.59q.217-.292.543-.441Q6.8 4 7.174 4h9.614q.374 0 .71.149q.335.15.552.441l1.577 1.91q.186.217.28.485q.093.267.093.56v10.84q0 .67-.472 1.143q-.472.472-1.143.472H5.615ZM5.381 6.808H18.6l-1.33-1.596q-.097-.097-.222-.154Q16.923 5 16.788 5H7.192q-.134 0-.26.058q-.124.057-.22.154L5.38 6.808Zm4.619 1v5.154l2-1l2 1V7.808h-4Zm-5 0h14H5Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-stock {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23000000" d="M12 13.187q-.192 0-.372-.053t-.366-.14l-7.874-4.08q-.217-.131-.32-.318q-.103-.186-.103-.404q0-.217.103-.404q.103-.186.32-.317l7.874-4.08q.186-.087.366-.14q.18-.053.372-.053t.372.053q.18.053.366.14l7.893 4.08q.217.13.32.317q.103.187.103.404q0 .218-.103.404q-.103.187-.32.317l-7.893 4.081q-.186.087-.366.14q-.18.053-.372.053m0-.943l7.921-4.052L12 4.14L4.098 8.192zm0 3.808l8.158-4.198q.069-.044.34-.01q.175.039.27.163q.095.124.095.299q0 .14-.057.25q-.058.11-.198.182l-7.87 4.064q-.186.086-.366.14q-.18.052-.372.052t-.372-.053q-.18-.053-.366-.14l-7.85-4.063q-.14-.073-.208-.182q-.067-.11-.067-.25q0-.175.104-.3q.105-.123.28-.162q.087-.038.17-.04q.084 0 .17.05zm0 3.808l8.158-4.198q.069-.045.34-.01q.175.038.27.162q.095.124.095.3q0 .14-.057.25q-.058.11-.198.182l-7.87 4.064q-.186.086-.366.14q-.18.052-.372.052t-.372-.053q-.18-.053-.366-.14l-7.85-4.063q-.14-.073-.208-.183q-.067-.11-.067-.25q0-.175.104-.299q.105-.124.28-.162q.087-.039.17-.04q.084 0 .17.05z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-incart-black {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23000000" d="M7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM5.881 5.5l2.669 5.615h6.635q.173 0 .307-.086q.135-.087.231-.24l2.615-4.75q.116-.212.02-.376q-.096-.163-.327-.163H5.88Zm-.489-1h13.02q.651 0 .98.532q.33.531.035 1.095l-2.858 5.208q-.217.365-.564.573q-.347.207-.763.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.384q.214 0 .357.143t.143.356q0 .214-.143.357t-.357.143H7.308q-.875 0-1.306-.737q-.43-.738-.021-1.482l1.504-2.68L3.808 3.5H2.5q-.213 0-.357-.143Q2 3.213 2 3t.143-.357Q2.287 2.5 2.5 2.5h1.433q.236 0 .429.121q.192.121.298.339l.732 1.54Zm3.158 6.615h7h-7Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-price {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23000" d="M14.77 15.5h2.96q.213 0 .357-.144t.144-.356V9q0-.213-.144-.356t-.356-.144h-2.962q-.212 0-.356.144T14.269 9v6q0 .213.144.356t.356.144Zm.5-1v-5h1.96v5h-1.96Zm-6.232 1H12q.213 0 .356-.144T12.5 15V9q0-.213-.144-.356T12 8.5H9.038q-.212 0-.356.144T8.538 9v6q0 .213.144.356t.356.144Zm.5-1v-5H11.5v5H9.538ZM6.77 15V9q0-.213-.144-.356Q6.481 8.5 6.27 8.5q-.213 0-.356.144q-.144.144-.144.356v6q0 .213.144.356t.357.144q.213 0 .356-.144T6.769 15ZM3 17.385V6.615q0-.666.475-1.14Q3.949 5 4.615 5h14.77q.666 0 1.14.475q.475.474.475 1.14v10.77q0 .666-.475 1.14q-.474.475-1.14.475H4.615q-.666 0-1.14-.475Q3 18.051 3 17.385ZM4.615 18h14.77q.269 0 .442-.173t.173-.442V6.615q0-.269-.173-.442T19.385 6H4.615q-.269 0-.442.173T4 6.615v10.77q0 .269.173.442t.442.173ZM4 18V6v12Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-cart {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM3.808 3.5H2.5q-.213 0-.357-.143Q2 3.213 2 3t.143-.357Q2.287 2.5 2.5 2.5h1.438q.237 0 .43.121q.192.121.297.339l3.88 8.155h6.634q.173 0 .308-.086q.134-.087.23-.24l3.356-6.039q.067-.115.177-.183q.11-.067.25-.067q.287 0 .43.247q.143.247.003.497l-3.364 6.09q-.217.366-.564.574q-.347.207-.763.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.384q.214 0 .357.143t.143.356q0 .214-.143.357t-.357.143H7.308q-.875 0-1.309-.734q-.434-.735-.018-1.485l1.504-2.68L3.808 3.5Zm9.598 3H9q-.213 0-.357-.143Q8.5 6.213 8.5 6t.143-.357Q8.787 5.5 9 5.5h4.406L11.64 3.735q-.146-.147-.143-.335q.003-.188.15-.335q.145-.14.343-.143q.198-.003.345.143l2.388 2.37q.242.242.242.565q0 .323-.242.565l-2.388 2.389q-.14.14-.332.133q-.191-.006-.338-.152q-.14-.14-.14-.345t.14-.344l1.74-1.746Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 40px;
  height: 40px;
}

.agent-close2 {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="%23ffffff" d="m6.4 18.308l-.708-.708l5.6-5.6l-5.6-5.6l.708-.708l5.6 5.6l5.6-5.6l.708.708l-5.6 5.6l5.6 5.6l-.708.708l-5.6-5.6l-5.6 5.6Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 40px;
  height: 40px;
}

.agent-cart-small {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM3.808 3.5H2.5q-.213 0-.357-.143Q2 3.213 2 3t.143-.357Q2.287 2.5 2.5 2.5h1.438q.237 0 .43.121q.192.121.297.339l3.88 8.155h6.634q.173 0 .308-.086q.134-.087.23-.24l3.356-6.039q.067-.115.177-.183q.11-.067.25-.067q.287 0 .43.247q.143.247.003.497l-3.364 6.09q-.217.366-.564.574q-.347.207-.763.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.384q.214 0 .357.143t.143.356q0 .214-.143.357t-.357.143H7.308q-.875 0-1.309-.734q-.434-.735-.018-1.485l1.504-2.68L3.808 3.5Zm9.598 3H9q-.213 0-.357-.143Q8.5 6.213 8.5 6t.143-.357Q8.787 5.5 9 5.5h4.406L11.64 3.735q-.146-.147-.143-.335q.003-.188.15-.335q.145-.14.343-.143q.198-.003.345.143l2.388 2.37q.242.242.242.565q0 .323-.242.565l-2.388 2.389q-.14.14-.332.133q-.191-.006-.338-.152q-.14-.14-.14-.345t.14-.344l1.74-1.746Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-backspace {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23000" d="M9.385 18q-.539 0-1.015-.244q-.476-.244-.79-.683l-2.909-4.135q-.298-.428-.298-.938t.298-.938l2.91-4.097q.313-.438.78-.702Q8.827 6 9.385 6h9q.67 0 1.143.472q.472.472.472 1.143v8.77q0 .67-.472 1.143q-.472.472-1.143.472h-9ZM19 17V7v10Zm-9.615 0h9q.23 0 .423-.192q.192-.193.192-.423v-8.77q0-.23-.192-.423Q18.615 7 18.385 7h-9q-.289 0-.548.144q-.26.144-.414.356L5.47 11.635q-.115.153-.115.365t.115.365L8.423 16.5q.154.212.414.356t.548.144Zm4.269-4.292l2.246 2.246q.14.14.344.15q.204.01.364-.15t.16-.354q0-.194-.16-.354L14.362 12l2.246-2.246q.14-.14.15-.344q.01-.204-.15-.364t-.354-.16q-.194 0-.354.16l-2.246 2.246l-2.246-2.246q-.14-.14-.345-.15q-.203-.01-.363.15t-.16.354q0 .194.16.354L12.946 12L10.7 14.246q-.14.14-.15.344q-.01.204.15.364t.354.16q.194 0 .354-.16l2.246-2.246Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 30px;
  height: 30px;
}

.agent-clock {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M9.885 2.5q-.213 0-.357-.144q-.143-.144-.143-.357t.143-.356q.144-.143.357-.143h4.23q.213 0 .357.144q.143.144.143.357t-.143.356q-.144.143-.357.143h-4.23ZM12 13.615q.212 0 .356-.143q.143-.144.143-.357v-4.23q0-.213-.144-.357q-.144-.143-.357-.143t-.356.143q-.143.144-.143.357v4.23q0 .213.144.357q.144.143.357.143ZM12 21q-1.649 0-3.108-.626q-1.46-.626-2.55-1.716q-1.09-1.09-1.716-2.55Q4 14.648 4 13t.626-3.108q.626-1.46 1.716-2.55q1.09-1.09 2.55-1.716Q10.352 5 12 5q1.454 0 2.812.52q1.357.518 2.492 1.468l.738-.738q.14-.14.345-.15q.203-.01.363.15q.16.16.16.354q0 .194-.16.354l-.738.738q.95 1.135 1.469 2.492Q20 11.546 20 13q0 1.649-.626 3.108q-.626 1.46-1.716 2.55q-1.09 1.09-2.55 1.716Q13.648 21 12 21Zm0-1q2.9 0 4.95-2.05T19 13q0-2.9-2.05-4.95T12 6Q9.1 6 7.05 8.05T5 13q0 2.9 2.05 4.95T12 20Zm0-7Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.b2b-top-info-data {
  width: 100%;
  display: flex;
  background-color: brown;
  color: #fff;
  font-size: 18px;
  font-weight: 300;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.agent-location {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%233498db" d="M12 19.677q2.82-2.454 4.458-4.991q1.638-2.538 1.638-4.39q0-2.744-1.737-4.53T12 3.981q-2.621 0-4.359 1.785t-1.737 4.53q0 1.852 1.638 4.39q1.639 2.537 4.458 4.99Zm0 .879q-.235 0-.47-.077q-.234-.077-.432-.25q-1.067-.98-2.163-2.185q-1.097-1.204-1.992-2.493q-.895-1.29-1.467-2.633q-.572-1.343-.572-2.622q0-3.173 2.066-5.234Q9.037 3 12 3t5.03 2.062q2.066 2.061 2.066 5.234q0 1.279-.572 2.613q-.572 1.333-1.458 2.632q-.885 1.3-1.981 2.494q-1.097 1.194-2.164 2.175q-.191.173-.434.26q-.244.086-.487.086Zm0-10.44Zm.003 1.615q.668 0 1.14-.476q.472-.475.472-1.143t-.475-1.14q-.476-.472-1.143-.472t-1.14.476q-.472.475-.472 1.143t.475 1.14q.476.472 1.143.472Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-mail {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%233498db" d="M4.615 19q-.69 0-1.152-.462Q3 18.075 3 17.385V6.615q0-.69.463-1.152Q3.925 5 4.615 5h14.77q.69 0 1.152.463q.463.462.463 1.152v10.77q0 .69-.462 1.152q-.463.463-1.153.463H4.615ZM20 6.885l-7.552 4.944q-.106.056-.214.093T12 11.96q-.125 0-.234-.038t-.214-.093L4 6.885v10.5q0 .269.173.442t.442.173h14.77q.269 0 .442-.173t.173-.442v-10.5ZM12 11l7.692-5H4.308L12 11ZM4 6.885v.211v-.811v.034V6v.32v-.052v.828v-.211V18V6.885Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-store-blue {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%233498db" d="M20.506 10.896v7.989q0 .69-.463 1.152q-.462.463-1.153.463H5.121q-.69 0-1.153-.463q-.462-.462-.462-1.152v-8.027q-.633-.468-.926-1.225q-.293-.758-.013-1.618l.973-3.207q.2-.612.646-.96q.445-.348 1.1-.348h13.4q.656 0 1.099.326q.442.326.648.943l1.011 3.246q.281.86-.012 1.631q-.294.771-.926 1.25Zm-6.3-.396q.963 0 1.438-.54t.4-1.114L15.38 4.5h-2.873v4.2q0 .737.504 1.268q.503.532 1.196.532Zm-4.5 0q.806 0 1.303-.532q.497-.531.497-1.268V4.5H8.633l-.666 4.423q-.061.465.407 1.021q.468.556 1.332.556Zm-4.45 0q.661 0 1.124-.45t.576-1.123L7.583 4.5H5.287q-.327 0-.52.144q-.192.144-.288.433l-.923 3.158q-.246.788.21 1.527q.457.738 1.49.738Zm13.5 0q.898 0 1.434-.7q.537-.7.266-1.565l-.973-3.197q-.096-.288-.289-.413t-.519-.125h-2.246l.627 4.427q.113.673.576 1.123q.462.45 1.124.45Zm-13.635 9h13.77q.269 0 .442-.173t.173-.442v-7.512q-.202.07-.384.098q-.182.029-.366.029q-.675 0-1.188-.263q-.512-.264-.974-.84q-.392.488-.967.795q-.575.308-1.398.308q-.598 0-1.138-.279t-1.085-.825q-.502.546-1.113.825T9.73 11.5q-.629 0-1.226-.24t-1.047-.864q-.737.737-1.288.92q-.55.184-.912.184q-.185 0-.372-.029t-.378-.098v7.512q0 .269.173.442t.442.173Zm13.77 0H5.12h13.77Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-head-blue {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%233498db" d="M10 11.385q-1.246 0-2.123-.877Q7 9.63 7 8.385q0-1.247.877-2.123q.877-.877 2.123-.877q1.246 0 2.123.877q.877.876.877 2.123q0 1.246-.877 2.123q-.877.877-2.123.877Zm-7 6.192v-.608q0-.69.348-1.194t.983-.802q1.217-.592 2.51-.975q1.292-.383 3.159-.383h.235q.092 0 .223.012q-.104.258-.165.505l-.116.483H10q-1.679 0-2.928.345q-1.249.344-2.264.89q-.456.24-.632.504q-.176.263-.176.615v.646h6.3q.073.237.179.51q.106.271.233.49H4.038q-.44 0-.739-.299T3 17.576Zm13.158 1.161l-.093-.796q-.415-.086-.783-.291q-.369-.205-.663-.52l-.763.32q-.152.062-.282.005q-.13-.058-.209-.18l-.065-.118q-.079-.127-.058-.285q.021-.158.143-.248l.646-.475q-.166-.427-.166-.88q0-.455.166-.882l-.627-.513q-.121-.09-.152-.236q-.03-.145.048-.272l.071-.125q.079-.12.216-.179q.136-.057.288.004l.744.321q.275-.315.653-.51t.793-.282l.093-.802q.017-.157.135-.255q.119-.097.276-.097h.131q.158 0 .276.1q.118.1.136.258l.073.796q.415.087.793.285q.378.198.653.519l.732-.321q.158-.067.29-.01t.212.185l.085.12q.079.126.048.274q-.03.148-.152.239l-.627.513q.166.415.166.875t-.166.875l.646.475q.122.09.143.245q.02.155-.058.282l-.071.125q-.079.121-.206.179t-.279-.004l-.763-.321q-.294.315-.663.52t-.783.291l-.073.802q-.018.158-.136.255q-.118.097-.276.097h-.13q-.158 0-.277-.1t-.135-.258Zm.457-1.661q.748 0 1.278-.53t.53-1.278q0-.748-.53-1.278t-1.278-.53q-.748 0-1.278.53t-.53 1.278q0 .748.53 1.278t1.278.53ZM10 10.385q.825 0 1.413-.588T12 8.385q0-.825-.588-1.413T10 6.385q-.825 0-1.413.587T8 8.385q0 .825.588 1.412t1.412.588Zm0-2Zm.3 9.23Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-money-blue {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%233498db" d="M6.192 21.885L3 18.692l3.192-3.173l.694.708l-1.946 1.965h14.12l-1.94-1.965l.707-.708L21 18.692l-3.192 3.193l-.695-.708l1.966-1.985H4.92l1.96 1.985zM12 10.192q-.846 0-1.423-.576Q10 9.039 10 8.192q0-.846.577-1.423T12 6.192t1.423.577T14 8.192t-.577 1.423t-1.423.577m-7.98 3.193V3H20v10.385zm2.615-1h10.75q0-.671.472-1.144T19 10.77V5.616q-.671 0-1.143-.473q-.472-.472-.472-1.143H6.635q0 .671-.472 1.143q-.472.473-1.144.473v5.153q.672 0 1.144.472q.472.473.472 1.144m-1.616 0V4z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-phone {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%233498db" d="M10.615 19.654h2.77q.161 0 .273-.112q.111-.111.111-.273q0-.161-.111-.273q-.112-.111-.273-.111h-2.77q-.161 0-.273.111q-.111.112-.111.273q0 .162.111.273q.112.112.273.112Zm-3 2.346q-.69 0-1.152-.462Q6 21.075 6 20.385V3.615q0-.69.463-1.152Q6.925 2 7.615 2h8.77q.69 0 1.152.463q.463.462.463 1.152v16.77q0 .69-.462 1.152q-.463.463-1.153.463h-8.77ZM7 17.538v2.847q0 .23.192.423q.193.192.423.192h8.77q.23 0 .423-.192q.192-.193.192-.423v-2.847H7Zm0-1h10V5.5H7v11.038ZM7 4.5h10v-.885q0-.23-.192-.423Q16.615 3 16.385 3h-8.77q-.23 0-.423.192Q7 3.385 7 3.615V4.5Zm0 13.038V21v-3.462ZM7 4.5V3v1.5Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
}

.agent-arrow-down {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23d1d1d1" d="M11.708 14.17q.123.13.289.13q.165 0 .295-.13l2.094-2.095q.187-.187.09-.438q-.097-.252-.368-.252H9.883q-.264 0-.36.252q-.096.251.09.438l2.095 2.094Zm.295 6.83q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.agent-arrow-up {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%233498db" d="M11.708 14.17q.123.13.289.13q.165 0 .295-.13l2.094-2.095q.187-.187.09-.438q-.097-.252-.368-.252H9.883q-.264 0-.36.252q-.096.251.09.438l2.095 2.094Zm.295 6.83q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  cursor: pointer;
}

.b2b-customer-tbody {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
}

.b2b-customer-tr {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #3498db;
  border-radius: 5px;
  padding: 7px !important;
  background-color: #fff !important;
}

.b2b-customer-td-name {
  width: 100%;
  display: flex;
  margin-bottom: 5px;
  border: none !important;
  padding: 0 !important;
}

.b2b-customer-td-addoredit {
  width: 100%;
  display: flex;
  margin-bottom: 5px;
  border: none !important;
  padding: 5px !important;
  cursor: pointer;
  background-color: #7514c7;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
}

.b2b-customer-td-addoredit-2 {
  width: 100%;
  display: flex;
  margin-bottom: 5px;
  border: none !important;
  padding: 5px !important;
  cursor: pointer;
  background-color: #2d6905;
  margin-top: 10px;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
}

.szlacim {
  color: #ffffff;
  width: 100%;
  background-color: brown;
  padding: 3px;
  font-weight: 600;
  text-align: center;
}

.szallcim {
  color: #ffffff;
  width: 100%;
  background-color: darkgreen;
  padding: 3px;
  font-weight: 600;
  text-align: center;
}

.b2b-address-input-error {
  width: 100%;
  padding: 7px;
  background-color: red;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b2b-address-input-nyerscim {
  width: 100%;
  padding: 7px;
  border: 1px solid #444;
  color: #000;
  font-size: 16px;
  font-weight: 300;
}

.b2baddress-input-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.b2bsearchinput-wrapper-20 {
  width: 20%;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.b2bsearchinput-wrapper-40 {
  width: 40%;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.b2bsearchinput-wrapper-half {
  width: 50%;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.b2bsearchinput-wrapper-full {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.b2bsearchinput-wrapper-negyed {
  width: 25%;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.b2bsearchinput-wrapper-haromnegyed {
  width: 75%;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.b2b-customer-td-details {
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  border-bottom: 1px solid #d6d6d6 !important;
  padding: 0 0 7px 0 !important;
  margin-bottom: 7px;
  display: flex;
  justify-content: left;
  align-items: start;
}

.b2b-customer-td-details2 {
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  border-top: 1px solid #d6d6d6 !important;
  padding: 7px 0 0 0 !important;
  margin-top: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: none !important;
}

.b2b-customer-td {
  width: -moz-max-content;
  width: max-content;
  padding: 0 10px 0 0 !important;
  margin-right: 10px;
  border-right: 1px solid #d6d6d6 !important;
  border-left: none !important;
  border-bottom: none !important;
  border-top: none !important;
}

.b2b-cust-info {
  font-size: 12px;
  font-weight: 300;
  padding-left: 5px;
  padding-right: 20px;
}

.b2b-cust-info-szall {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 5px;
  margin-right: 20px;
  background-color: darkgreen;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.b2b-cust-info-szamla {
  font-size: 10px;
  font-weight: 600;
  padding: 2px 5px;
  margin-right: 20px;
  background-color: brown;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}

.b2b-cust-name {
  width: calc(100% - 250px);
  font-size: 18px;
  font-weight: 600;
}

.b2b-agent-teljesitmeny-wrapper {
  width: 50%;
  display: flex;
  justify-content: center;
}

.b2b-agent-teljesitmeny-full {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.b2b-cust-name-long {
  width: 100%;
  font-size: 14px;
  font-weight: 600;
}

.b2b-order-modalatt {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  background-color: red;
  color: #fff;
  padding: 5px;
  text-align: center;
}

.b2b-cust-button {
  display: flex;
  width: 250px;
  justify-content: right;
}

.b2b-cust-info-title {
  display: block;
  width: 100%;
  font-size: 10px;
  font-weight: 400;
  color: #9f9f9f;
}

.b2b-cust-info-info {
  display: flex;
  width: 100%;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  flex-wrap: nowrap;
}

.agent-reszletek {
  font-size: 11px;
  font-weight: 600;
  padding-right: 4px;
}

.b2b-cust-phone-order {
  background-color: #3498db;
  border-radius: 5px;
  font-weight: 300;
  font-size: 12px;
  padding: 3px 7px !important;
  color: #fff;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 36px;
  width: 100px;
  margin-left: 10px;
}

.b2b-cust-phone-order:hover {
  background-color: #0b5a90;
}

.b2b-cust-red-button {
  background-color: #7e0107;
  border-radius: 5px;
  font-weight: 300;
  font-size: 12px;
  padding: 3px 7px !important;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 100px;
  margin-left: 10px;
}

.b2b-cust-red-button:hover {
  background-color: #530101;
}

.b2b-cust-green-button {
  background-color: #186600;
  border-radius: 5px;
  font-weight: 300;
  font-size: 12px;
  padding: 3px 7px !important;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 36px;
  width: 100px;
  margin-left: 10px;
}

.b2b-fejlec {
  width: 100%;
  padding: 5px 10px;
  display: flex;
  background-color: #000;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 8px 8px 0 0;
}

.b2b-fejlec-alert {
  width: 100%;
  padding: 5px 10px;
  display: flex;
  background-color: red;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  border-radius: 8px 8px 0 0;
}

.b2b-cust-addto {
  background-color: #3498db;
  border-radius: 5px;
  font-weight: 400;
  font-size: 12px;
  padding: 3px 7px !important;
  color: #fff;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 36px;
  width: 100px;
}

.b2b-cust-addto:hover {
  background-color: #0b5a90;
}

.b2b-cust-nyitva {
  background-color: #bb05b2;
  border-radius: 5px;
  font-weight: 400;
  font-size: 12px;
  padding: 3px 7px !important;
  color: #fff;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 36px;
  width: 100px;
}

.b2b-cust-nyitva:hover {
  background-color: #770668;
}

.b2b-cust-remove {
  background-color: #ec644b;
  border-radius: 5px;
  font-weight: 400;
  font-size: 12px;
  padding: 3px 7px !important;
  color: #fff;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 36px;
  width: 100px;
}

.b2b-cust-remove:hover {
  background-color: #a83c29;
}

.b2b-cust-edit {
  background-color: #bb0180;
  border-radius: 5px;
  font-weight: 400;
  font-size: 12px;
  padding: 3px 7px !important;
  color: #fff;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 36px;
  width: 100px;
}

.b2b-cust-edit:hover {
  background-color: #8f0283;
}

.b2b-cust-days-alert {
  background-color: #b02d15;
  border-radius: 5px;
  font-weight: 500;
  font-size: 10px;
  padding: 3px 7px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
  margin-left: 5px;
}

.b2b-cust-days-check {
  background-color: #000000;
  border-radius: 5px;
  font-weight: 500;
  font-size: 10px;
  padding: 3px 7px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
  margin-left: 5px;
}

.b2b-cust-days-today {
  background-color: #ec644b;
  border-radius: 5px;
  font-weight: 500;
  font-size: 10px;
  padding: 3px 7px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
  margin-left: 5px;
}

.b2b-cust-days-soon {
  background-color: #c7b514;
  border-radius: 5px;
  font-weight: 500;
  font-size: 10px;
  padding: 3px 7px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
  margin-left: 5px;
}

.b2b-cust-days-ok {
  background-color: #0f930d;
  border-radius: 5px;
  font-weight: 500;
  font-size: 10px;
  padding: 3px 7px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
  margin-left: 5px;
}

.b2b-cust-days-nyitva {
  background-color: #000;
  border-radius: 5px;
  font-weight: 500;
  font-size: 10px;
  padding: 3px 7px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 17px;
  margin-left: 5px;
}

.table-cust-table-main {
  display: block;
}

.agent-top-navbar-green {
  background-color: #16453f;
}

.agent-top-navbar-red {
  background-color: red;
}

.agent-button-hollow {
  background-color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  color: #000;
  text-transform: uppercase;
  border: 1px solid #000;
  cursor: pointer;
}

.agent-button-hollow:hover {
  background-color: #0b2f2a;
  color: #fff;
}

.agent-button-green {
  background-color: #16453f;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}

.agent-button-green:hover {
  background-color: #0b2f2a;
}

.agent-button-green3 {
  background-color: #007c3e;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}

.agent-button-green3:hover {
  background-color: #04a742;
}

.agent-button-akcio {
  background-color: #ce5757;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  margin: 7px;
}

.agent-button-akcio:hover {
  background-color: #930d0d;
}

.agent-button-green2 {
  background-color: #16453f;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  margin: 7px;
}

.agent-button-green2:hover {
  background-color: #0b2f2a;
}

.b2b-middle-info {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding: 10px;
  flex-wrap: wrap;
}

.palack2 {
  width: 30px;
  height: 30px;
  background: url(../Themes/SHOPERIATESZT/Content/images/palack.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  background-position: center;
}

.b2cat-active-wrapper {
  width: 100%;
  background-color: #16453f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 100;
  flex-wrap: wrap;
}

.b2cat-active-wrapper-alap {
  width: 100%;
  background-color: #16453f;
}

.b2b-info-alap-input {
  width: 100%;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  background-color: transparent;
  font-family: "Rubik";
  padding-bottom: 10px;
  border-bottom: 1px solid #cbcbcb;
  flex-wrap: wrap;
}

.b2b-megaktiv-popup-wrapper {
  z-index: 9999;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.b2b-megaktiv-popup-message-wrapper {
  background-color: #fff;
  padding: 30px;
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  border-radius: 7px;
  max-width: 500px;
}

.b2b-megaktiv-popup-message-txt {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.selcustbox {
  width: 100%;
  margin-bottom: 7px;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 5px;
  cursor: pointer;
}

#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 60%;
}

#sortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  font-size: 1.4em;
  height: 18px;
  cursor: pointer;
  border: 1px solid grey;
}

#sortable li span {
  position: absolute;
}

.b2bsidepartnernum {
  display: flex;
  font-size: 25px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
}

.b2btablebutton {
  border: 1px solid;
  border-radius: 7px;
  background-color: darkolivegreen;
  color: #fff;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.b2btablebutton-del {
  border: 1px solid;
  border-radius: 7px;
  background-color: red;
  color: #fff;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.b2b-product-price {
  font-size: 18px;
  color: #fbb72c;
  font-weight: 600;
}

.b2b-product-price small {
  font-size: 80%;
  font-weight: 400;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 5px;
}

.table-flex-table {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.table-flex-tr {
  display: flex;
  width: calc(33% - 10px);
  flex-wrap: wrap;
  margin-left: 10px;
  margin-bottom: 10px;
}

.table-flex-td {
  width: 100%;
}

.b2b-date-head {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  height: 70px;
}

.b2b-date-left {
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b2b-date-right {
  width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b2b-date-center {
  width: calc(100% - 120px);
  font-size: 35px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b2b-date-center-month {
  font-weight: 300;
  font-size: 25px;
}

.b2bcontainerpartner {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

.box {
  border: 1px solid #666;
  background-color: #ddd;
  border-radius: 0.5em;
  padding: 10px;
  cursor: move;
  width: 100%;
  border-radius: 8px;
}

.box.over {
  border: 3px dotted #666;
}

.partner-info-block-wrapper {
  width: calc(33% - 10px);
  border-radius: 8px;
  background-color: #232323;
  height: 300px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}

.b2b-main-cartitem-wrapper-atadas {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.b2b-main-cartitem-ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 70px;
}

.b2b-main-cartitem-ul li {
  padding: 4px 4px;
  border-radius: 1px;
  margin: 5px 0px;
  cursor: pointer;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1563);
  min-height: 70px;
  background-color: #fff;
  border-bottom: 1px solid #86D8C9;
  border-radius: 10px;
  margin-bottom: 10px;
}

.b2b-main-cartitem-ul li:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1563);
  transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
}

.b2b-main-cartitem-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding-top: 7px;
  padding-bottom: 7px;
  border: 1px solid #cbcbcb;
  border-radius: 10px;
  margin: 5px;
  background-color: linen;
}

.b2b-main-cartitem-right {
  width: 150px;
  display: flex;
  justify-content: right;
  align-items: baseline;
  padding: 5px 10px;
  flex-wrap: wrap;
}

.b2b-main-cartitem-center-atadas {
  display: flex;
  justify-content: left;
  align-items: baseline;
  width: calc(100% - 150px);
  padding: 5px 10px;
  flex-wrap: wrap;
}

.b2b-main-cartitem-right-long {
  display: flex;
  justify-content: left;
  align-items: baseline;
  width: calc(100% - 110px);
  padding: 5px 10px;
  flex-wrap: wrap;
  background-color: #fff;
}

.b2b-main-cartitem-right-long-bottom {
  display: flex;
  justify-content: right;
  align-items: center;
  width: 100%;
  padding: 5px 10px;
  flex-wrap: wrap;
  background-color: #fff;
}

.b2b-main-cartitem-name {
  font-size: 14px;
  font-weight: 500;
  color: #222741;
  width: 100%;
}

.b2b-main-cartitem-details {
  font-size: 12px;
  font-weight: 300;
  color: #222741;
  width: 100%;
  padding-top: 10px;
}

.b2b-main-cartitem-qty {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  width: 100%;
  text-align: right;
}

.b2b-product-price small {
  font-size: 80%;
  font-weight: 400;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 5px;
}

.b2b-atadas-hiany {
  font-size: 12px;
  font-weight: 300;
  padding: 1px 7px;
  border-left: 1px solid #000;
  background-color: #f4f0dd;
}

.b2b-atadas-hiany-title {
  font-size: 14px;
  font-weight: 600;
  padding: 1px 7px;
  border-left: 1px solid #000;
  background-color: #fff;
}

b2b-atadas-hiany-utolag .b2b-atadas-hiany-db {
  font-size: 14px;
  font-weight: 600;
}

.b2b-atadas-hiany-utolag {
  font-size: 12px;
  font-weight: 300;
  padding: 1px 7px;
  color: #fff;
  border-left: 1px solid #777;
  background-color: #c80000;
}

.new-b2b-prod-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.new-b2b-prod-cat {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #16453f;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  border-radius: 7px 7px 0 0;
  text-align: center;
}

.new-b2b-prod-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.new-b2b-prod-card {
  width: 23%;
  background-color: #fff;
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  box-shadow: 0 2px 7px #dfdfdf;
  cursor: pointer;
  border-radius: 8px;
}

.new-b2b-prod-card-inner {
  width: 100%;
  border: 1px solid #e3e3e3;
  padding: 7px;
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background: #fafafa;
}

.new-b2b-prod-card-image {
  width: 100% !important;
  height: auto;
  position: relative;
  background: #f0f0f0;
  padding: 1rem !important;
  /* border-radius: 8px 8px 0 0; */
  /* border-top: 2px solid transparent !important; */
  /* border-left: 2px solid transparent !important; */
  /* border-right: 2px solid transparent !important; */
  display: flex;
  justify-content: center;
  align-items: start;
}

/*    .new-b2b-prod-card-name {
       display: flex;
       width: 100%;
       background-color: transparent;
       font-size: 14px;
       font-weight: 400;
       justify-content: center;
       padding: 7px;
       text-align: center;
       height: 50px;
       text-transform: uppercase;
       color: #363636;
   } */
.new-b2b-prod-card-name {
  width: 100%;
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  padding: 4px;
  text-align: center;
  height: 76px;
  color: #363636;
  font-family: "PT Sans Narrow";
  line-height: 1.2;
}

.truncate-text-2-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* Specifies the number of lines to show */
  /* line-clamp: 2; /* Standard property is available in some browsers */
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.5em;
  max-height: 3em; /* 3 lines * line-height */
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.b2b-product-bottom-details {
  overflow: hidden;
  border-top: 1px solid #eee;
  padding-top: 10px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.b2b-product-bottom-subcat {
  overflow: hidden;
  border-top: 1px solid #eee;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #c9ddda;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 500;
}

.table-flex-tr:hover {
  background-color: transparent !important;
}

.sorting_1 {
  box-shadow: none !important;
}

@media screen and (max-width: 768px) {
  .table-flex-tr {
    display: flex;
    width: calc(50% - 10px);
    flex-wrap: wrap;
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 769px) {
  .table-flex-tr {
    display: flex;
    width: calc(33% - 10px);
    flex-wrap: wrap;
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .table-flex-tr {
    display: flex;
    width: calc(25% - 10px);
    flex-wrap: wrap;
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1280px) {
  .table-flex-tr {
    display: flex;
    width: calc(20% - 10px);
    flex-wrap: wrap;
    margin-left: 10px;
    margin-bottom: 10px;
  }
}
.b2bprod-name {
  padding: 4px;
  font-size: 12px;
  font-weight: 300;
}

/* .opcionalis-hide {
    display: none;
}

.opcionalis-show {
    display: block !important;
} */
.b2b-settings-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  padding: 3px;
  margin-bottom: 10px;
}

.b2b-opcionalis-wrapper {
  width: 100%;
  display: flex;
  justify-content: end;
  padding: 3px;
  margin-bottom: 10px;
}

.b2b-opcionalis-wrapper-center {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 3px;
  margin-bottom: 10px;
}

.b2b-egyedi-wrapper-center {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 3px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.b2b-katname {
  width: 100%;
  height: 60px;
  background-color: lightgreen;
}

.check-container {
  width: 6.25rem;
  height: 7.5rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
}

.check-container .check-background {
  width: 100%;
  height: calc(100% - 1.25rem);
  background: linear-gradient(to bottom right, #5de593, #41d67c);
  box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  transform: scale(0.84);
  border-radius: 50%;
  animation: animateContainer 0.75s ease-out forwards 0.75s;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.check-container .check-background svg {
  width: 65%;
  transform: translateY(0.25rem);
  stroke-dasharray: 80;
  stroke-dashoffset: 80;
  animation: animateCheck 0.35s forwards 1.25s ease-out;
}

.check-container .check-shadow {
  bottom: calc(-15% - 5px);
  left: 0;
  border-radius: 50%;
  background: radial-gradient(closest-side, #49da83, transparent);
  animation: animateShadow 0.75s ease-out forwards 0.75s;
}

@keyframes animateContainer {
  0% {
    opacity: 0;
    transform: scale(0);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  25% {
    opacity: 1;
    transform: scale(0.9);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  43.75% {
    transform: scale(1.15);
    box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
  }
  62.5% {
    transform: scale(1);
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
  }
  81.25% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
  100% {
    opacity: 1;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
  }
}
@keyframes animateCheck {
  from {
    stroke-dashoffset: 80;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes animateShadow {
  0% {
    opacity: 0;
    width: 100%;
    height: 15%;
  }
  25% {
    opacity: 0.25;
  }
  43.75% {
    width: 40%;
    height: 7%;
    opacity: 0.35;
  }
  100% {
    width: 85%;
    height: 15%;
    opacity: 0.25;
  }
}
.b2border-end-wrapper {
  width: 600px;
  padding: 14px;
  background-color: #fff;
  border-radius: 7px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.b2border-end-check {
  width: 100%;
  display: flex;
  justify-content: center;
}

.b2border-end-orderId {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 30px;
  font-weight: 600;
}

.b2border-end-name {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
}

.b2border-end-address {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: 300;
}

.b2border-end-szalldate {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 300;
}

.b2border-end-szalldb {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 14px;
  font-weight: 300;
}

.b2b-selcust-name {
  width: 100%;
  padding: 7px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.b2b-selcust-addr {
  width: 100%;
  padding: 0 7px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  text-align: left;
  height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#days {
  font-size: 18px;
  color: #fff;
}

#hours {
  font-size: 18px;
  color: #fff;
}

#minutes {
  font-size: 18px;
  color: #fff;
}

#seconds {
  font-size: 18px;
  color: #fff;
}

.b2btimer {
  width: 100%;
  background-color: #16453f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 100;
}

.b2btimer-inner {
  display: flex;
  width: 85px;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #fff;
  margin-left: 10px;
}

.b2cat-active-wrapper {
  width: 100%;
  background-color: #16453f;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 100;
  flex-wrap: wrap;
}

.b2bcat-active {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  padding: 7px;
  width: calc(100% - 95px);
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: flex-start;
}

.b2bcat-arrow-down {
  width: calc(100% - 100px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.b2bcat-arrows {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner-square {
  display: flex;
  flex-direction: row;
  width: 90px;
  height: 120px;
}

.spinner-square > .square {
  width: 17px;
  height: 80px;
  margin: auto auto;
  border-radius: 4px;
}

.square-1 {
  animation: square-anim 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite;
}

.square-2 {
  animation: square-anim 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms infinite;
}

.square-3 {
  animation: square-anim 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 400ms infinite;
}

.b2bspinner-wrapper {
  display: flex;
  width: 100%;
  height: calc(100vh - 150px);
  justify-content: center;
  align-items: center;
}

@keyframes square-anim {
  0% {
    height: 80px;
    background-color: #16453f;
  }
  20% {
    height: 80px;
  }
  40% {
    height: 120px;
    background-color: #749793;
  }
  80% {
    height: 80px;
  }
  100% {
    height: 80px;
    background-color: #16453f;
  }
}
.b2b-info-txt1 {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  background-color: transparent;
  font-family: "Rubik";
}

.b2b-info-date-input {
  width: 100%;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  background-color: transparent;
  font-family: "Rubik";
  padding-bottom: 10px;
  border-bottom: 1px solid #cbcbcb;
}

.b2b-info-text-input {
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 20px;
  font-family: "Rubik";
  padding: 5px;
  border: 1px solid #cbcbcb;
  border-radius: 7px;
}

.b2b-bottom-nav-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}

.b2b-home-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

.b2b-home-list li {
  padding: 10px 10px;
  border-radius: 10px;
  margin: 5px 0px;
  cursor: pointer;
  background: #fff;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1563);
  margin-bottom: 10px;
  border: 1px solid #9a9a9a;
}

.b2b-home-list li:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1563);
  transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
}

.b2b-home-list-status {
  opacity: 0.8;
  content: "";
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #f1f1f1;
  display: inline-block;
  vertical-align: middle;
}

.status-success {
  background: #2ecc71;
}

.status-error {
  background: #ec644b;
}

.status-sikertelen {
  background: #000000;
}

.status-active {
  background: #fde3a7;
}

.b2b-home-list-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.b2b-home-list-middle {
  width: calc(100% - 175px);
  display: flex;
  padding-left: 10px;
  font-size: 18px;
  font-weight: 600;
  justify-content: left;
  align-items: center;
}

.b2b-home-list-right {
  display: flex;
  justify-content: right;
  align-items: flex-start;
  width: 150px;
}

.b2b-home-list-addresses {
  padding-top: 10px;
  width: 100%;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

.b2b-home-list-addresses-item {
  width: 25%;
  display: flex;
  flex-wrap: nowrap;
}

.b2b-home-kosarban {
  width: calc(100% - 150px);
  background-color: #d8d8d8;
  color: #000000;
  padding: 5px;
  font-weight: 600;
  margin-top: 7px;
  border-top: 1px solid #000;
}

.b2b-home-rendtipus-shop {
  width: 150px;
  background-color: #3a9766;
  color: #fff;
  padding: 5px;
  font-weight: 400;
  margin-top: 7px;
  border-top: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 11px;
}

.b2b-home-rendtipus-phone {
  width: 150px;
  background-color: #a167ec;
  color: #fff;
  padding: 5px;
  font-weight: 400;
  margin-top: 7px;
  border-top: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 11px;
}

.lazy-waiting, .lazy-loading {
  display: block;
  visibility: hidden;
}

:not(body).lazy-done {
  display: block;
  animation: fadeIn 2s;
  visibility: visible;
}

img.lazy-done {
  display: block;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.palackdij {
  width: 200px;
  height: 200px;
  right: 0;
  background: url("../Themes/SHOPERIATESZT/Content/images/palack.svg") center no-repeat;
  background-size: cover;
}

.dt-image {
  background-color: rebeccapurple;
}

.qty-input-small-button {
  padding: 3px 5px;
  border: 1px solid #a56bdd;
  font-weight: 400;
  background-color: #a56bdd;
  text-align: center;
  cursor: pointer;
  color: #fff;
  border-radius: 0 0 7px 7px;
  font-size: 20px;
  text-transform: uppercase;
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}

.dt-in-cart {
  position: absolute;
  top: 0;
  right: 0;
  /* padding: 5px; */
  background-color: green;
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  margin: 6px;
  padding: 2px 6px;
  /* display: flex; */
  align-items: center;
}

.dt-prod-in-karton {
  position: absolute;
  bottom: 0;
  right: 0;
  /* padding: 5px; */
  background-color: red;
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  margin: 6px;
  padding: 2px 6px;
  /* display: flex; */
  align-items: center;
}

.dt-prod-huseg {
  position: absolute;
  top: calc(50% - 20px);
  right: 0;
  /* padding: 5px; */
  background-color: #e305b9;
  color: #fff;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  /* margin: 6px; */
  padding: 2px 6px;
  /* display: flex; */
  align-items: center;
  font-weight: 600;
  font-size: 12px;
}

.dt-in-cart-db {
  font-size: 18px;
  font-weight: 600;
  margin-left: 10px;
}

.dt-in-image {
  width: 100% !important;
  height: auto;
  position: relative;
  background-color: #e0e2e2;
  padding: 1rem !important;
  border-radius: 8px 8px 0 0;
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}

.kotelezo .dt-in-image {
  border-top: 2px solid red !important;
  border-left: 2px solid red !important;
  border-right: 2px solid red !important;
}

.kotelezo .dt-in-td {
  border-left: 2px solid red !important;
  border-right: 2px solid red !important;
}

.kotelezo .dt-in-td-half-left {
  border-left: 2px solid red !important;
}

.kotelezo .dt-in-td-half-right {
  border-right: 2px solid red !important;
}

.kotelezo .qty-input-small-button {
  border-left: 2px solid red !important;
  border-right: 2px solid red !important;
  border-bottom: 2px solid red !important;
}

.kotelezo .dt-in-image {
  background-color: red;
}

.kotelezo-pop {
  background-color: red !important;
  animation: pulseb2b 0.5s linear 1;
}

@keyframes pulseb2b {
  25% {
    transform: scale(0.99);
  }
  75% {
    transform: scale(1.01);
  }
}
.flextable1 {
  display: flex;
  width: 100%;
}

.flextable2 {
  display: flex;
  width: 24%;
}

.table-flex-table-main {
  display: block;
}

.dt-in-td-phone {
  width: calc(100% - 75px);
  padding: 0px !important;
  border-top: none !important;
  border-bottom: none !important;
  background-color: #fff;
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}

.dt-in-td-button {
  width: 100%;
  padding: 0px !important;
  border: none !important;
  background-color: transparent;
}

.dt-in-td:hover {
  background-color: #fff !important;
}

.dt-in-image-phone {
  width: 60px !important;
  height: 60px !important;
  position: relative;
  background-color: #e0e2e2;
  padding: 2px !important;
  border-radius: 8px 0 0 0;
  border-top: 1px solid #a4a4a4;
  border-left: 1px solid #a4a4a4;
}

.dt-in-td-half-left-phone {
  display: flex;
  width: calc(100% - 260px);
  height: 60px !important;
  padding: 2px !important;
  font-size: 12px;
  justify-content: left;
  border-bottom: none !important;
  border-top: 1px solid #a4a4a4;
  background-color: #fff;
  color: #000;
  align-items: start;
  border-right: 1px solid #e7e7e7;
  border-left: 2px solid transparent !important;
  font-weight: 600;
  flex-wrap: wrap;
}

.dt-in-td-half-right-phone {
  display: flex;
  width: 200px;
  height: 60px !important;
  padding: 4px !important;
  font-size: 10px;
  justify-content: right;
  border-top: 1px solid #a4a4a4;
  border-right: 1px solid #a4a4a4;
  background-color: #fff;
  color: #fff;
  align-items: start;
  border-radius: 0 8px 0 0;
}

.b2b-phone-incart {
  display: flex;
  flex-wrap: nowrap;
  width: 100px;
  background-color: #e7e7e7;
  color: #000000;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 2px !important;
  border-radius: 0 0 8px 0;
  border-bottom: 1px solid #a4a4a4;
  border-right: 1px solid #a4a4a4;
}

.b2b-phone-incart-ok {
  background-color: #9ee0a9 !important;
}

.b2b-phone-karton {
  display: flex;
  flex-wrap: nowrap;
  width: 100px;
  background-color: #e7e7e7;
  color: #000000;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 2px !important;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #a4a4a4;
}

.b2b-phone-stock {
  display: flex;
  flex-wrap: nowrap;
  width: 100px;
  background-color: #e7e7e7;
  color: #000000;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 2px !important;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #a4a4a4;
}

.b2b-phone-kategoria {
  display: flex;
  width: calc(50% - 150px);
  padding: 2px !important;
  font-size: 11px;
  justify-content: center;
  background-color: #e7e7e7;
  color: #000;
  align-items: center;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #a4a4a4;
  font-weight: 400;
}

.b2b-phone-akcio {
  display: flex;
  width: calc(50% - 150px);
  padding: 2px !important;
  font-size: 11px;
  justify-content: center;
  background-color: #e7e7e7;
  color: #fff;
  align-items: center;
  border-right: 1px solid #fff;
  border-radius: 0 0 0 8px;
  border-bottom: 1px solid #a4a4a4;
  border-left: 1px solid #a4a4a4;
  font-weight: 400;
}

.b2b-phone-akcio-ok {
  background-color: #d26161 !important;
}

.dt-in-td-price {
  width: 100%;
  padding: 5px;
  font-size: 18px;
  font-weight: 600;
  text-align: right;
  color: purple;
}

.table-flex-tr-phone {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-left: 10px;
  margin-bottom: 10px;
  cursor: pointer;
}

.b2b-product-price {
  font-size: 18px;
  color: #fbb72c;
  font-weight: 600;
}

.b2b-product-price small {
  font-size: 80%;
  font-weight: 400;
  text-decoration: line-through;
  display: inline-block;
  margin-right: 5px;
}

.zoom-phone {
  transition: transform 0.2s; /* Animation */
}

.zoom-phone:hover {
  transform: scale(1.01); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.b2bprod-name-phone {
  padding: 0px;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
}

.b2bprod-sku-phone {
  padding: 0px;
  font-size: 10px;
  font-weight: 300;
  width: 100%;
}

.b2b-phone-akciok-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  padding: 3px;
}

.b2b-product-links a {
  display: inline-block;
  margin-left: 5px;
  color: #e1e1e1;
  transition: 0.3s;
  font-size: 17px;
}

.b2b-product-links a:hover {
  color: #fbb72c;
}

#pointer {
  width: 200px;
  height: 40px;
  position: relative;
  background: red;
}

#pointer:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid white;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

#pointer:before {
  content: "";
  position: absolute;
  right: -20px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 20px solid red;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
}

.b2b-product-vettmar {
  background-color: #e7e7e7;
  color: #000000;
  width: 100%;
  padding: 3px 5px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
}

.b2b-product-bottom-left-disz {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  background-color: #e7e7e7;
  color: #000000;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 3px;
  border-right: 1px solid #fff;
}

.b2b-product-bottom-right-disz {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  background-color: #e7e7e7;
  color: #000000;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 3px;
  border-right: 1px solid #fff;
}

.b2b-disz-but-nincs {
  width: 100%;
  background-color: red;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 30px;
}

.b2b-disz-but-nincs:hover {
  background-color: rgb(160, 4, 4);
}

.b2b-disz-but-van {
  width: 100%;
  background-color: darkgreen;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 30px;
}

.b2b-disz-but-van:hover {
  background-color: rgb(2, 137, 67);
}

.b2b-product-bottom-left {
  width: 35%;
  display: flex;
  flex-wrap: nowrap;
  background-color: #e7e7e7;
  color: #000000;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 3px;
  border-right: 1px solid #fff;
}

.b2b-product-bottom-right {
  width: 65%;
  display: flex;
  flex-wrap: nowrap;
  background-color: #e7e7e7;
  color: #000000;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 3px;
}

.b2b-product-bottom-middle {
  width: calc(34% - 2px);
  display: flex;
  flex-wrap: nowrap;
  background-color: #e7e7e7;
  color: #000000;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  padding: 3px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}

.dt-prod-heart {
  position: absolute;
  top: 0;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  margin: 4px;
  align-items: center;
}

.dt-prod-alert {
  position: absolute;
  bottom: 0;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  justify-content: center;
  border-radius: 5px;
  margin: 4px;
  align-items: center;
}

.dt-prod-palack {
  background-color: #6969a5;
  position: absolute;
  bottom: 0;
  left: calc(50% - 20px);
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  margin-bottom: 6px;
  padding: 0px;
}

.dm-middle-of-screen {
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  right: 0;
  background-color: transparent;
  /* background-color: red; */
}

.new-b2b-prod-kedvenc {
  display: flex;
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  background-color: #b770c6;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  align-items: center;
  border-bottom: 3px solid #6b4e97;
  border-radius: 7px 7px 0 0;
  text-transform: uppercase;
}

.new-b2b-prod-akcio {
  display: flex;
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  background-color: #b70f0f;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  align-items: center;
  border-bottom: 3px solid #b7b7b7;
  border-radius: 7px 7px 0 0;
  text-transform: uppercase;
}

.new-b2b-prod-maradek {
  display: flex;
  width: 100%;
  padding: 8px;
  margin-bottom: 10px;
  background-color: burlywood;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  justify-content: center;
  align-items: center;
  border-bottom: 3px solid #9c5757;
  border-radius: 7px 7px 0 0;
  text-transform: uppercase;
}

.b2bcatwrapperforhide {
  width: 100%;
}

.b2bcontainerkat-left {
  background-color: #F2F6F8;
  width: 60px;
}

.b2bcontainerkat-right {
  background-color: #F2F6F8;
  width: calc(100% - 60px);
}

.drag-drop-ul-kat {
  width: 100%;
}

.drag-drop-ul-kat li {
  border-radius: 1px;
  margin: 5px 0px;
  cursor: move;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1563);
  height: 50px;
  background-color: #fff;
  border-radius: 2px;
  padding: 8px;
  /* display: flex;
          justify-content: space-between;
          align-items: center; */
}

.events__item--wrapper-kat {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.events__item--left-kat {
  width: calc(100% - 76px);
}

.events__name-kat {
  font-size: 16px;
  font-weight: 600;
  color: #222741;
}

.events__name-fokat {
  font-size: 12px;
  font-weight: 300;
  color: #222741;
}

.drag-drop-ul-num-kat {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 50px;
}

.drag-drop-ul-num-kat li {
  padding: 8px;
  border-radius: 1px;
  margin: 5px 0px;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  height: 50px;
}

.colorcode-1 {
  border-left: 8px solid #2ecc71;
}

.colorcode-2 {
  border-left: 8px solid #3498db;
}

.colorcode-3 {
  border-left: 8px solid #ec644b;
}

.colorcode-4 {
  border-left: 8px solid #dcc6e0;
}

.colorcode-5 {
  border-left: 8px solid #59abe3;
}

.colorcode-6 {
  border-left: 8px solid #87d37c;
}

.colorcode-7 {
  border-left: 8px solid #03a678;
}

.colorcode-8 {
  border-left: 8px solid #fde3a7;
}

.kategoria-sorba-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.kategoria-sorba-left {
  width: 50%;
}

.kategoria-sorba-right {
  width: 50%;
}

.kategoria-sorba-gombok {
  position: sticky;
  top: 0;
  padding: 10px;
  font-size: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
}

.palack-wrapper {
  background-color: blue;
  padding: 10px;
}

.b2b-cartitem-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b2b-cartitem-ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 70px;
}

.b2b-cartitem-ul li {
  padding: 4px 4px;
  border-radius: 1px;
  margin: 5px 0px;
  cursor: pointer;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1563);
  min-height: 70px;
  background-color: #fff;
  border-bottom: 1px solid #86D8C9;
  border-radius: 2px;
}

.b2b-cartitem-ul li:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1563);
  transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
}

.b2b-cartitem-left {
  width: calc(100% - 76px);
}

.b2b-cartitem-name {
  font-size: 11px;
  font-weight: 500;
  color: #222741;
  display: block;
  margin-bottom: 6px;
}

.b2b-cartitem-qty {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  display: inline-block;
  width: 100%;
  text-align: right;
  padding-right: 5px;
}

.b2bcatmenu-wrapper {
  width: 100%;
  display: flex;
  font-size: 18px;
  color: #000;
  flex-wrap: wrap;
}

.b2b-cat-nav-item {
  width: 100%;
  background-color: #c86969;
  color: #fff;
  padding: 3px 8px;
  margin-bottom: 4px;
  cursor: default;
}

.b2b-cat-nav-item-2 {
  width: 100%;
  background-color: #c5c9cd;
  color: #000000;
  padding: 3px 8px;
  margin-bottom: 4px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b2b-cat-nav-item-empty {
  width: 100%;
  padding: 3px 8px;
  margin-bottom: 4px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b2b-cat-nav-item-sorrend {
  width: 100%;
  background-color: #000;
  color: #fff;
  padding: 3px 8px;
  margin-bottom: 4px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b2b-num-prod {
  font-size: 12px;
  padding-left: 7px;
}

.b2b-main-tableitem-ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  margin-bottom: 70px;
}

.b2b-main-tableitem-ul li {
  padding: 4px 4px;
  border-radius: 1px;
  margin: 5px 0px;
  cursor: pointer;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1563);
  min-height: 70px;
  background-color: #fff;
  border-bottom: 1px solid #86D8C9;
  border-radius: 10px;
  margin-bottom: 10px;
}

.b2b-main-tableitem-ul li:hover {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.1563);
  transition: 0.5s all cubic-bezier(0.165, 0.84, 0.44, 1);
}

.b2b-main-tableitem-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  flex-wrap: wrap;
}

.b2b-main-tableitem-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  padding-top: 7px;
  padding-bottom: 7px;
  border: 1px solid #cbcbcb;
  border-radius: 10px;
  margin: 5px;
  background-color: #fff;
}

.b2b-main-tableitem-right {
  width: 150px;
  display: flex;
  justify-content: right;
  align-items: baseline;
  padding: 5px 10px;
  flex-wrap: wrap;
}

.b2b-main-tableitem-right-long {
  display: flex;
  justify-content: left;
  align-items: baseline;
  width: calc(100% - 110px);
  padding: 5px 10px;
  flex-wrap: wrap;
  background-color: #fff;
}

.b2b-main-tableitem-center {
  display: flex;
  justify-content: left;
  align-items: baseline;
  width: calc(100% - 210px);
  padding: 5px 10px;
  flex-wrap: wrap;
}

.b2b-main-tableitem-details {
  font-size: 12px;
  font-weight: 300;
  color: #222741;
  width: 100%;
  padding-top: 3px;
}

.b2b-tableitem-status-1 {
  background-color: #cee8d9 !important;
}

.b2b-tableitem-status-2 {
  background-color: #f7dbd6 !important;
}

.b2b-tableitem-status-3 {
  background-color: #91fb96 !important;
}

.b2b-tableitem-status-4 {
  background-color: #91fb96 !important;
}

.b2b-tableitem-status-error {
  background-color: #f99c9c !important;
}

.b2b-error-wrapper {
  width: 100%;
  background-color: red;
  padding: 7px;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.soforbefizosszeg {
  background-color: #fff;
  color: #000000;
  font-size: 30px;
  font-weight: 600;
  text-align: center;
  padding: 4px 10px;
  width: 100%;
  margin-top: 15px;
  border: 1px solid #000;
  border-radius: 15px;
}

.b2bsearchinput-wrapper {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.b2bsearchinput {
  width: 100%;
  font-size: 14px;
  font-family: "Rubik";
  display: flex;
  justify-content: center;
  background-color: #e0e9e7;
  color: #000;
  padding: 7px;
}

.b2bsearchinputlabel {
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  font-family: "Rubik";
  display: flex;
  justify-content: center;
  background-color: #000;
  color: #fff;
  padding: 2px;
  align-items: center;
}

.b2bsearchinput-small {
  width: 100%;
  font-size: 13px;
  font-family: "Rubik";
  display: flex;
  justify-content: center;
  background-color: #e0e9e7;
  color: #000;
  padding: 7px;
}

.b2bsearchinput-small-2 {
  width: 100%;
  font-size: 13px;
  font-family: "Rubik";
  display: flex;
  justify-content: left;
  background-color: #e0e9e7;
  color: #000;
  padding: 7px;
  align-items: center;
}

.b2bsearchinput-nyitva {
  width: calc(100% - 30px);
  font-size: 13px;
  font-family: "Rubik";
  display: flex;
  justify-content: center;
  background-color: #e0e9e7;
  color: #000;
  padding: 0;
  border-bottom: 1px solid #000;
}

.b2bsearchinput-small-nyitva {
  width: 50%;
  font-size: 13px;
  font-family: "Rubik";
  display: flex;
  justify-content: center;
  background-color: #e0e9e7;
  color: #000;
  padding: 7px;
}

.nyitvanapb2b {
  width: 30px;
  background-color: #007729;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  border-bottom: 1px solid #000;
}

.nyitvaerror {
  background-color: #e9aaaa;
}

.nyitvazarva {
  background-color: red;
}

.b2borderstat-1 {
  background-color: #4ba9d0;
  color: #fff;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
}

.b2borderstat-2 {
  background-color: #994bd0;
  color: #fff;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
}

.b2borderstat-3 {
  background-color: #ef3636;
  color: #fff;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
}

.b2borderstat-4 {
  background-color: green;
  color: #fff;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
}

.b2borderstat-5 {
  background-color: rgb(10, 10, 10);
  color: #fff;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
}

.b2borderfiz-1 {
  background-color: rgb(253, 147, 180);
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
}

.b2borderfiz-2 {
  background-color: rgb(207, 138, 96);
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
}

.b2borderfiz-3 {
  background-color: rgb(96, 133, 207);
  color: #ffffff;
  padding: 2px 6px;
  border-radius: 5px;
  font-size: 10px;
}

.b2b-settings-wrapper {
  width: 100%;
  background-color: #fff;
  padding: 15px;
}

.b2b-egy-setting {
  display: flex;
  border: 1px solid #7b9793;
  width: 80%;
  padding: 10px;
  flex-wrap: wrap;
  border-radius: 10px;
}

.b2b-egy-setting-vcs {
  width: 100%;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 5px;
  align-items: center;
  display: flex;
  border-bottom: 1px solid #545454;
}

.b2b-egy-setting-vcs-left {
  width: 160px;
}

.b2b-egy-setting-vcs-right {
  width: calc(100% - 160px);
}

.b2b-egy-setting-label {
  width: 50%;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 5px;
  align-items: center;
  display: flex;
}

.b2b-egy-setting-input {
  width: 50%;
  background-color: #fff;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 5px;
}

.b2b-egy-setting-input-field {
  width: 100%;
  background-color: #fff;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  padding: 5px;
  border: 1px solid #cbcbcb;
}

.b2badminbutton {
  width: 100%;
  margin-top: 10px;
  background-color: #000;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 300;
}

.b2badminbutton:hover {
  width: 100%;
  margin-top: 10px;
  background-color: #444;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 300;
}

.progress {
  position: relative;
  margin: 4px;
  float: left;
  text-align: center;
}

.barOverflow { /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden; /* Comment this line to understand the trick */
  width: 90px;
  height: 45px; /* Half circle (overflow) */
  margin-bottom: -14px; /* bring the numbers up */
}

.bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px; /* full circle! */
  border-radius: 50%;
  box-sizing: border-box;
  border: 10px solid #ebebeb; /* half gray, */
  border-bottom-color: red; /* half azure */
  border-right-color: red;
}

.b2border-reszlet-button {
  background-color: #760b85;
  color: #fff;
  padding: 4px 6px;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
}

.b2border-reszlet-button:hover {
  background-color: #3a0d75;
}

.b2b-selcust-orderid {
  width: 100%;
  padding: 7px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.b2b-keszlet-alert-new {
  display: flex;
  width: 100%;
  background-color: red;
  color: #fff;
  padding: 5px;
  border-radius: 5px;
  justify-content: center;
}

.loaderalt {
  width: 40px;
  aspect-ratio: 1;
  --c: no-repeat radial-gradient(farthest-side,#fff 92%,#0000);
  background: var(--c) 50% 0, var(--c) 50% 100%, var(--c) 100% 50%, var(--c) 0 50%;
  background-size: 8px 8px;
  animation: l18 1s infinite;
  position: relative;
}

.loaderalt::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: 2px;
  background: repeating-conic-gradient(rgba(0, 0, 0, 0) 0 35deg, #fff 0 90deg);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 2px), #000 0);
  border-radius: 50%;
}

@keyframes l18 {
  100% {
    transform: rotate(0.5turn);
  }
}
.loaderstop {
  width: 8px;
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%;
  animation: l6 1s infinite linear alternate;
}

@keyframes l6 {
  0% {
    box-shadow: 8px 0 #fff, -16px 0 #fff;
  }
  50% {
    box-shadow: 8px 0 #fff, -8px 0 #fff;
  }
  100% {
    box-shadow: 16px 0 #fff, -8px 0 #fff;
  }
}
.b2b-cust-mostaktiv {
  background-color: darkgreen;
  color: #fff;
  padding: 5px 15px;
  font-weight: 300;
  border-radius: 5px;
  font-size: 17px;
}

.b2bcityinput {
  position: relative;
}

.b2bcityselect {
  /* position: absolute;
      top: 0; */
  z-index: 1000;
  background: #fff;
}

.b2binputddtext {
  display: table;
  margin: 20px auto;
}

.t-dropdown-block {
  width: 100%;
  position: relative;
}

.t-dropdown-list {
  display: none;
  background-color: #FFF;
  border: 1px solid #DDD;
  z-index: 10;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.3);
  list-style: none;
  margin: 0;
  padding: 0;
  height: 150px;
  overflow: auto;
  position: absolute;
  width: 100%;
}

.t-dropdown-item {
  padding: 5px 20px;
  margin: 0;
  cursor: pointer;
}

.t-dropdown-item:hover {
  background-color: #F1F1F1;
}

.t-dropdown-select {
  border: 1px solid #DDD;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  box-sizing: content-box;
}

.t-dropdown-input {
  width: 100%;
  font-size: 14px;
  font-family: "Rubik";
  display: flex;
  justify-content: center;
  background-color: #e0e9e7;
  color: #000;
  padding: 7px;
}

.b2binputkotelezo {
  background-color: #770000 !important;
}

.b2bsiker-wrapper {
  padding: 10px;
  text-align: center;
  width: 100%;
  background-color: darkgreen;
  color: #fff;
  font-size: 20px;
}

.b2bsmallinputbutton {
  margin-left: 10px;
  padding: 1px 9px;
  background-color: #b3b702;
  color: #000000;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 12px;
}

.b2bfileupload-wrapper {
  width: 100%;
  padding: 7px 12px;
  background-color: #ffffff;
  border: 1px solid #7b9793;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.b2bfileupload-form {
  /*         display: flex;
          flex-wrap: wrap;
          justify-content: center; */
  width: 100%;
}

.checkbox-wrapper-8 .tgl {
  display: none;
}

.checkbox-wrapper-8 .tgl,
.checkbox-wrapper-8 .tgl:after,
.checkbox-wrapper-8 .tgl:before,
.checkbox-wrapper-8 .tgl *,
.checkbox-wrapper-8 .tgl *:after,
.checkbox-wrapper-8 .tgl *:before,
.checkbox-wrapper-8 .tgl + .tgl-btn {
  box-sizing: border-box;
}

.checkbox-wrapper-8 .tgl::-moz-selection, .checkbox-wrapper-8 .tgl:after::-moz-selection, .checkbox-wrapper-8 .tgl:before::-moz-selection, .checkbox-wrapper-8 .tgl *::-moz-selection, .checkbox-wrapper-8 .tgl *:after::-moz-selection, .checkbox-wrapper-8 .tgl *:before::-moz-selection, .checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection {
  background: none;
}

.checkbox-wrapper-8 .tgl::-moz-selection,
.checkbox-wrapper-8 .tgl:after::-moz-selection,
.checkbox-wrapper-8 .tgl:before::-moz-selection,
.checkbox-wrapper-8 .tgl *::-moz-selection,
.checkbox-wrapper-8 .tgl *:after::-moz-selection,
.checkbox-wrapper-8 .tgl *:before::-moz-selection,
.checkbox-wrapper-8 .tgl + .tgl-btn::-moz-selection,
.checkbox-wrapper-8 .tgl::selection,
.checkbox-wrapper-8 .tgl:after::selection,
.checkbox-wrapper-8 .tgl:before::selection,
.checkbox-wrapper-8 .tgl *::selection,
.checkbox-wrapper-8 .tgl *:after::selection,
.checkbox-wrapper-8 .tgl *:before::selection,
.checkbox-wrapper-8 .tgl + .tgl-btn::selection {
  background: none;
}

.checkbox-wrapper-8 .tgl + .tgl-btn {
  outline: 0;
  display: block;
  width: 80px;
  height: 2em;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.checkbox-wrapper-8 .tgl + .tgl-btn:after,
.checkbox-wrapper-8 .tgl + .tgl-btn:before {
  position: relative;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
}

.checkbox-wrapper-8 .tgl + .tgl-btn:after {
  left: 0;
}

.checkbox-wrapper-8 .tgl + .tgl-btn:before {
  display: none;
}

.checkbox-wrapper-8 .tgl:checked + .tgl-btn:after {
  left: 50%;
}

.checkbox-wrapper-8 .tgl-skewed + .tgl-btn {
  overflow: hidden;
  transform: skew(-10deg);
  backface-visibility: hidden;
  transition: all 0.2s ease;
  font-family: sans-serif;
  background: #888;
}

.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after,
.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
  transform: skew(10deg);
  display: inline-block;
  transition: all 0.2s ease;
  width: 100%;
  text-align: center;
  position: absolute;
  line-height: 2em;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:after {
  left: 100%;
  content: attr(data-tg-on);
}

.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:before {
  left: 0;
  content: attr(data-tg-off);
}

.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active {
  background: #888;
}

.checkbox-wrapper-8 .tgl-skewed + .tgl-btn:active:before {
  left: -10%;
}

.checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn {
  background: #16453f;
}

.checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:before {
  left: -100%;
}

.checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:after {
  left: 0;
}

.checkbox-wrapper-8 .tgl-skewed:checked + .tgl-btn:active:after {
  left: 10%;
}

.excelminta-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  position: relative;
}

.excelminta-sor {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  border-right: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}

.excelminta-blokk {
  width: 19%;
  display: flex;
  flex-wrap: nowrap;
  border-left: 1px solid #e0e0e0;
  padding: 1px 5px;
  font-size: 14px;
  justify-content: left;
  align-items: center;
  background-color: #fff;
}

.excelminta-blokk-fejlec {
  width: 19%;
  display: flex;
  flex-wrap: nowrap;
  border-left: 1px solid #e0e0e0;
  padding: 1px 5px;
  font-size: 14px;
  justify-content: left;
  align-items: center;
  background-color: #749793;
  color: #fff;
  font-weight: 600;
}

.excelminta-blokk-top {
  width: 19%;
  display: flex;
  flex-wrap: nowrap;
  border-left: 1px solid #e0e0e0;
  padding: 1px 5px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  background-color: #525252;
  color: #fff;
  font-weight: 300;
}

.excelminta-blokk-first {
  width: 5%;
  display: flex;
  flex-wrap: nowrap;
  border-left: 1px solid #e0e0e0;
  padding: 1px 3px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  background-color: #525252;
  color: #fff;
  font-weight: 300;
}

.transparent_gradient {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5vw;
  background: linear-gradient(180deg, transparent 0, #fff 100%);
}

.egyediaras-vevo {
  width: 100%;
  margin-bottom: 12px;
  font-size: 16px;
  background-color: #fff;
}

.egyediaras-vevo-title {
  width: 100%;
  padding: 2px 7px;
  font-size: 16px;
  background-color: #16453f;
  color: #fff;
  font-weight: 300;
}

.egyediaras-vevo-txt {
  width: 100%;
  padding: 7px 7px;
  font-size: 14px;
  background-color: #ead8a0;
  color: #000;
  font-weight: 600;
}

.b2begyediorderresult {
  width: 100%;
  display: flex;
  background-color: #fff;
  padding: 7px;
  font-size: 14px;
  flex-wrap: wrap;
}

.ftprod {
  font-weight: 600;
  text-transform: uppercase;
}

.fterror {
  font-weight: 600;
  text-transform: uppercase;
  color: red;
}

.ftsor {
  width: 100%;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #e0e0e0;
}

.b2bmodositasorderitem {
  width: 100%;
  padding: 4px 0;
  display: flex;
  border-bottom: 1px solid #d6d6d6;
  font-size: 14px;
  flex-wrap: wrap;
  background-color: #fefefe;
}

.b2bmodositasorderitem-upper {
  width: 100%;
  padding: 4px 3px;
  display: flex;
  font-size: 14px;
  flex-wrap: wrap;
  background-color: #e3e3e3;
}

.b2bmodositasorderitem-ean {
  width: 130px;
  font-size: 14px;
}

.b2bmodositasorderitem-name {
  width: calc(100% - 130px);
  font-size: 14px;
}

.b2bmodositasorderitem-db {
  width: 25%;
  text-align: center;
}

.b2bmodositasorderitem-db-top {
  width: 25%;
  text-align: center;
  background-color: #000;
  color: #fff;
  border-right: 1px solid #fff;
}

.b2b-customer-td-details-mod {
  width: 100%;
  display: block;
}

.b2bmodositasorderitem-alert {
  background-color: #efb4b4;
  font-weight: 500;
}

.fizmodvaltoztatva {
  width: 100%;
  background-color: #b50000;
  padding: 5px;
  color: #fff;
  font-size: 14px;
}/*# sourceMappingURL=agent.css.map */
.features-arrow {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="m12.02 15.385l3.288-3.289l-.689-.688l-2.1 2.1V8.596H11.5v4.912l-2.1-2.1l-.688.688l3.307 3.289ZM12.002 21q-1.866 0-3.51-.708q-1.643-.709-2.859-1.924q-1.216-1.214-1.925-2.856Q3 13.87 3 12.003q0-1.866.708-3.51q.709-1.643 1.924-2.859q1.214-1.216 2.856-1.925Q10.13 3 11.997 3q1.866 0 3.51.708q1.643.709 2.859 1.924q1.216 1.214 1.925 2.856Q21 10.13 21 11.997q0 1.866-.708 3.51q-.709 1.643-1.924 2.859q-1.214 1.216-2.856 1.925Q13.87 21 12.003 21ZM12 20q3.35 0 5.675-2.325T20 12q0-3.35-2.325-5.675T12 4Q8.65 4 6.325 6.325T4 12q0 3.35 2.325 5.675T12 20Zm0-8Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 30px;
  height: 30px;
}

.features-box {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 24 24"><path fill="%23963a96" d="M11.5 19.713v-7.426L5 8.523v7.08q0 .155.077.29q.077.134.23.23l6.193 3.59Zm1 0l6.192-3.59q.154-.096.231-.23q.077-.135.077-.29v-7.08l-6.5 3.764v7.426Zm-1.308.974l-6.384-3.68q-.38-.217-.594-.59Q4 16.044 4 15.61V8.39q0-.434.214-.807q.215-.373.594-.59l6.384-3.68q.38-.217.808-.217t.808.217l6.384 3.68q.38.217.594.59q.214.373.214.807v7.22q0 .434-.214.807q-.215.373-.594.59l-6.384 3.68q-.38.217-.808.217t-.808-.217Zm4.52-11.412l2.713-1.562l-6.117-3.54q-.154-.096-.308-.096t-.308.096L9.3 5.548l6.412 3.727ZM12 11.427l2.7-1.567l-6.425-3.714l-2.7 1.567L12 11.427Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-speed {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="M6.116 17.385h-3.5q-.213 0-.357-.144q-.143-.144-.143-.357t.143-.356t.357-.144h3.5q.212 0 .356.144t.144.357t-.144.356t-.356.143m3-3.769h-4.5q-.213 0-.357-.144t-.143-.356t.143-.356t.357-.144h4.5q.212 0 .356.144t.144.357t-.144.356t-.356.143M6.558 21q-.484 0-.829-.28q-.344-.28-.344-.72l.423-.23h.288q1.202 0 2.044-.842q.84-.841.84-2.043q0-.244-.038-.465q-.04-.221-.098-.42h.252q1.202 0 2.044-.84q.84-.84.84-2.038q0-1.224-.826-2.057q-.827-.834-2.038-.834H6.423L6.673 8q.08-.529.525-.764Q7.642 7 8.173 7h1.693l.057-.5q.2-1.663 1.164-2.582Q12.05 3 13.712 3q1.465 0 2.393 1.11t.787 2.582L16.854 7h2.588q.67.006 1.116.508q.446.501.36 1.17l-1.32 10.77q-.088.673-.595 1.113T17.82 21zm4.308-14h4.994l.038-.308Q16 5.617 15.316 4.81Q14.633 4 13.577 4q-1.183 0-1.849.653T10.923 6.5z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-mouse {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="M16.5 20q1.45 0 2.475-1.025T20 16.5v-2h-7v2q0 1.45 1.025 2.475T16.5 20Zm-3.494-6.5H16v-3.446q-1.315.179-2.138 1.146q-.822.967-.856 2.3Zm3.994 0h2.994q-.034-1.333-.856-2.3T17 10.054V13.5Zm-.5 7.5q-1.877 0-3.188-1.312Q12 18.377 12 16.5v-3q0-1.877 1.312-3.188Q14.623 9 16.5 9t3.188 1.312Q21 11.623 21 13.5v3q0 1.877-1.312 3.188Q18.377 21 16.5 21ZM4 18V6v12Zm.615 1q-.69 0-1.152-.462Q3 18.075 3 17.385V6.615q0-.69.463-1.152Q3.925 5 4.615 5h14.77q.69 0 1.152.463q.463.462.463 1.152v1.689q-.233-.206-.473-.391q-.24-.186-.527-.351v-.947q0-.269-.173-.442T19.385 6H4.615q-.269 0-.442.173T4 6.615v10.77q0 .269.173.442t.442.173h5.17q.067.275.143.515q.076.24.172.485H4.615Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-money {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="M14.77 15.5h2.96q.213 0 .357-.144t.144-.356V9q0-.213-.144-.356t-.356-.144h-2.962q-.212 0-.356.144T14.269 9v6q0 .213.144.356t.356.144Zm.5-1v-5h1.96v5h-1.96Zm-6.232 1H12q.213 0 .356-.144T12.5 15V9q0-.213-.144-.356T12 8.5H9.038q-.212 0-.356.144T8.538 9v6q0 .213.144.356t.356.144Zm.5-1v-5H11.5v5H9.538Zm-3.769 1h1v-7h-1v7ZM3 19V5h18v14H3ZM4 6v12V6Zm0 12h16V6H4v12Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-product {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="M8.077 20.23q-.421 0-.71-.289q-.29-.29-.29-.71v-4.3q0-1.85.621-3.65q.621-1.798 1.977-3.556l-.75.077q-.758.006-1.341-.535Q7 6.727 7 5.957v-.992q0-.815.682-1.349q.681-.533 1.48-.466l8.169.779q.31.03.49.25Q18 4.4 18 4.7v1.57q0 .298-.205.528t-.503.26l-.784.081q.275.945.66 1.71q.384.765.909 1.296q.16.166.199.373q.04.208-.064.385t-.29.225q-.185.048-.35-.092q-.759-.652-1.254-1.667q-.495-1.014-.787-2.15l-2.408.234q.123 1.365.724 2.727q.601 1.361 1.445 2.752q.412.684.598 1.434q.187.75.187 1.516v3.35q0 .42-.29.71q-.289.29-.71.29h-7ZM8 5.1v.78q0 .45.325.726t.775.225l7.9-.75V4.9l-7.9-.75q-.45-.05-.775.225T8 5.1Zm.077 14.13h7v-3.35q0-.688-.153-1.284q-.153-.596-.497-1.171q-1.044-1.754-1.61-3.114q-.565-1.361-.694-2.755l-1.173.106l-.823 1.119q-.98 1.344-1.515 2.922q-.535 1.578-.535 3.228v4.3Zm0 0h7h-7Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-phone {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="M19.571 11.462q-.202 0-.354-.144q-.152-.144-.177-.356q-.325-2.518-2.116-4.31q-1.791-1.79-4.309-2.115q-.212-.025-.356-.175t-.144-.363q0-.212.147-.356q.146-.143.353-.112q2.958.311 5.039 2.392q2.08 2.08 2.392 5.039q.03.207-.114.353q-.146.147-.36.147Zm-4.1 0q-.163 0-.29-.11q-.127-.11-.19-.292q-.258-.898-.917-1.576t-1.557-.917q-.182-.063-.292-.189q-.11-.126-.11-.303q0-.252.168-.401q.167-.149.4-.087q1.227.285 2.114 1.173q.888.888 1.193 2.134q.062.233-.102.4q-.164.168-.416.168ZM18.932 20q-2.53 0-5.185-1.266q-2.656-1.267-4.934-3.555q-2.28-2.289-3.546-4.935Q4 7.598 4 5.07q0-.458.3-.763Q4.6 4 5.05 4h2.473q.408 0 .712.257t.411.658L9.142 7.3q.07.42-.025.733q-.094.313-.332.513L6.59 10.592q.616 1.118 1.361 2.076q.745.959 1.59 1.817q.87.87 1.874 1.62q1.004.749 2.204 1.414l2.139-2.177q.244-.263.549-.347q.305-.083.674-.033l2.104.43q.407.1.661.41q.254.311.254.713v2.435q0 .45-.306.75q-.305.3-.763.3ZM6.12 9.654l1.92-1.766q.096-.076.124-.211q.03-.135-.01-.25l-.443-2.12q-.039-.153-.135-.23T7.327 5H5.275q-.115 0-.192.077t-.077.192q.029 1.025.32 2.14q.293 1.116.795 2.245Zm8.45 8.334q1.014.502 2.16.743q1.148.24 2 .257q.115 0 .192-.076q.077-.077.077-.193v-2.007q0-.154-.077-.25q-.077-.097-.23-.135l-1.85-.379q-.116-.038-.203-.01q-.086.03-.182.125l-1.887 1.925ZM6.12 9.654Zm8.45 8.334Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-pickup {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="M15.385 4.77H9.154q-.27 0-.442.172q-.173.174-.173.443v6.634h6.846zm4 0h-3v7.25h3q.269 0 .442-.164t.173-.433V5.385q0-.27-.173-.443t-.442-.173m-3.914 8.25H7.77V19h5.781q.525 0 1.013-.175t.887-.525l4.15-3.425q-.277-.296-.613-.444t-.708-.198q-.406-.037-.796.073t-.74.385l-1.777 1.424H10.54v-1h4.073l1.272-1.034q.145-.114.198-.277q.052-.163-.005-.352q-.058-.211-.226-.322q-.168-.11-.38-.11M6.77 13H4.615q-.269 0-.442.173T4 13.616v5.769q0 .269.173.442t.442.173h1.539q.269 0 .442-.173t.173-.442zm.77.02V5.384q0-.69.462-1.153t1.153-.463h10.23q.691 0 1.153.463T21 5.384v6.02q0 .69-.463 1.153t-1.153.462zm-1.385 8h-1.54q-.69 0-1.153-.463T3 19.404v-5.77q0-.69.463-1.152t1.152-.463h10.837q1.471 0 2.783.6t2.261 1.729l.521.64l-4.92 4.112q-.541.44-1.203.68q-.661.24-1.344.24H7.648q-.179.45-.58.724q-.402.275-.914.275"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-packnice {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="m10 10.327l2-1l2 1V5h-4v5.327ZM7 16.5v-1h5v1H7ZM4 20V4h16v16H4ZM5 5v14V5Zm0 14h14V5h-4v6.962l-3-1.5l-3 1.5V5H5v14Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-badge {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="M6.308 17.423h5.384v-.142q0-.34-.186-.63t-.521-.451q-.481-.206-.975-.309q-.493-.103-1.01-.103t-1.01.103q-.494.103-.975.309q-.334.16-.52.45q-.187.29-.187.63v.143Zm8.134-1.538h3.116q.191 0 .317-.125t.125-.317q0-.191-.125-.317q-.126-.126-.317-.126h-3.116q-.191 0-.317.125q-.125.125-.125.316q0 .192.125.318q.126.126.317.126ZM8.995 15q.495 0 .846-.346q.351-.347.351-.842t-.346-.846q-.347-.35-.841-.35q-.495 0-.846.346t-.351.841q0 .495.346.846q.347.351.841.351Zm5.447-1.5h3.116q.191 0 .317-.125q.125-.125.125-.316q0-.192-.125-.318q-.126-.126-.317-.126h-3.116q-.191 0-.317.125t-.125.317q0 .191.125.317q.126.126.317.126ZM4.615 21q-.69 0-1.152-.462Q3 20.075 3 19.385v-9.77q0-.69.463-1.152Q3.925 8 4.615 8H10V4q0-.413.294-.706T11 3h2q.413 0 .706.294T14 4v4h5.385q.69 0 1.152.463q.463.462.463 1.152v9.77q0 .69-.462 1.152q-.463.463-1.153.463H4.615Zm0-1h14.77q.269 0 .442-.173t.173-.442v-9.77q0-.269-.173-.442T19.385 9H14v.77q0 .401-.299.7q-.3.3-.701.3h-2q-.402 0-.701-.3q-.299-.299-.299-.7V9H4.615q-.269 0-.442.173T4 9.615v9.77q0 .269.173.442t.442.173ZM11 9.77h2V4h-2v5.77Zm1 4.73Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-truck {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23963a96" d="M7.502 19q-1.04 0-1.771-.73Q5 17.543 5 16.5H3.379q-.213 0-.356-.144t-.144-.357t.144-.356t.356-.143h1.877q.271-.667.875-1.084Q6.735 14 7.5 14t1.37.416q.603.417.874 1.084h4.618L16.558 6H6.212q-.213 0-.357-.144t-.143-.357t.143-.356T6.212 5h10.577q.384 0 .626.308q.243.308.156.686L16.998 8.5h1.271q.384 0 .727.172q.344.171.566.474l1.797 2.398q.218.292.283.609q.066.316.01.664l-.598 3.037q-.056.292-.284.469t-.518.177h-.483q0 1.039-.728 1.77t-1.77.73t-1.771-.73q-.73-.728-.73-1.77H10q0 1.039-.728 1.77t-1.77.73m8.385-5.75h4.651l.177-.89l-2.138-2.86h-1.818zm-1.283 1.248l.13-.58q.13-.58.33-1.42q.113-.46.198-.85q.084-.39.134-.646l.13-.58q.13-.58.33-1.42t.33-1.42l.13-.58L16.558 6l-2.197 9.5zm-12.315-1.5q-.205 0-.343-.144t-.138-.356t.143-.357t.357-.143h3.48q.213 0 .357.144t.143.357t-.143.356t-.357.143zm2-3.496q-.213 0-.357-.144t-.144-.357t.144-.356t.356-.143h4.5q.213 0 .357.144q.143.144.143.357t-.143.356t-.357.143zM7.5 18q.617 0 1.059-.441Q9 17.117 9 16.5t-.441-1.059T7.5 15t-1.059.441Q6 15.883 6 16.5t.441 1.059Q6.883 18 7.5 18m9.77 0q.617 0 1.058-.441q.441-.442.441-1.059t-.441-1.059T17.269 15t-1.058.441q-.442.442-.442 1.059t.441 1.059q.442.441 1.06.441"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 70px;
  height: 70px;
}

.features-outer-wrapper {
  display: flex;
  width: 400px;
  height: 100%;
  flex-wrap: nowrap;
  background-color: #f8f9fa;
  padding: 10px;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
}

.features-left {
  display: flex;
  width: 90px;
  align-items: flex-start;
  justify-content: center;
  padding-right: 10px;
}

.features-right {
  width: 300px;
}

.features2-new-title {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  padding-bottom: 10px;
}

.features2-new-txt {
  width: 100%;
  font-size: 14px;
  font-weight: 300;
  color: #000;
  font-family: "Poppins";
}

.features2-new-circle {
  background-color: #fbe9ff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  border: 1px solid #8d3a98;
}

.features-item {
  width: auto !important;
}

.features-img {
  width: 40px;
  height: 40px;
}

.teasing {
  margin-bottom: 10px;
}

.col-csempe {
  width: 49%;
  margin-bottom: 15px;
  cursor: pointer;
  transform-origin: center;
  transition: transform 0.4s ease-in-out;
}

.col-csempe:hover .card-header-csempe {
  transition: transform 0.3s ease-in-out;
  transform: scale(1.05);
}

.teasing .csemperow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.hover-zoom {
  transform-origin: center;
  transition: transform 0.2s ease-in-out;
}

.hover-zoom:hover {
  transform: scale(1.03);
}

@media screen and (min-width: 992px) {
  .teasing .csemperow {
    display: flex;
    flex-wrap: wrap;
  }
  .col-csempe {
    width: 24%;
  }
}
.card-csempe {
  text-align: center;
  position: relative;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 20px;
  border-radius: 7px;
  border: 1px solid #8d3a98;
}

.card-header-csempe {
  position: relative;
  height: 150px;
}

.card-csempe::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, rgba(141, 58, 152, 0.9), transparent 85%);
  position: absolute;
  display: block;
  content: "";
  border-radius: 7px;
}

/*
        .card:hover::before {
          background-image:linear-gradient(to top, rgba(0,0,0,.90), rgba(0,0,0,.60));
        }
        */
.coming-soon {
  position: absolute;
  z-index: 1;
  top: 7%;
  left: 4%;
  /* right: 0; */
  /* margin-top: -17px; */
}

.coming-soon span {
  font-size: 20px;
  line-height: 2em;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border-radius: 2px;
  font-weight: bold;
  border: 1px solid #8d3a98;
  border-radius: 7px;
}

.disabled {
  filter: grayscale(90%);
}

.card-content {
  position: relative;
  overflow: hidden;
  margin-top: 0;
  padding: 0 5px;
  color: #FFF;
  font-size: 14px;
  font-weight: normal;
}

.disabled .card-content {
  opacity: 0.9;
}

.card-title {
  margin: 1.5em 0 1em 0;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0.3803921569);
  padding: 3px 5px;
  border-radius: 7px;
}

.clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}/*# sourceMappingURL=features.css.map */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
}

a {
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
  text-decoration: none;
}

ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: border-box;
}

:focus {
  outline: 0;
}

img, audio, video {
  max-width: 100%;
  height: auto;
}

audio, canvas, iframe, video, img, svg {
  vertical-align: middle;
}

iframe {
  border: 0;
}

textarea {
  resize: none; /*remove the resize handle on the bottom right*/
  overflow: auto;
  vertical-align: top;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

input, textarea, select, button {
  outline: none;
  border: none;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
  text-align: left;
}

.ajandek-akcio-leiras {
  padding: 20px;
  width: 100%;
}

.ajandek-akcio-leiras ul li {
  list-style-type: disc;
  margin: 0;
  padding: 0;
  margin-left: 35px;
}

.ajandek-akcio-leiras ol li {
  list-style-type: decimal;
  margin: 0;
  padding: 0;
  margin-left: 35px;
}

.opc-dropdown-wrapper-man {
  width: 100%;
  padding: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  margin-bottom: 15px;
}

.opc-dropdown-colleps-wrapper-man {
  max-height: 0;
  transition: max-height 300ms ease-in-out 50ms;
  overflow: hidden;
}

.opc-dropdown-colleps-wrapper-man.active {
  max-height: 100%;
}

.man-blog-wrapper {
  display: flex;
  width: 100%;
  background-color: #f6f6f6;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.marka-top-wrapper {
  display: flex;
  width: 100%;
  padding: 0px;
  color: #fff;
  margin-bottom: 0px;
  flex-wrap: wrap;
  padding: 15px;
  background-color: #986796;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
}

.marka-top-wrapper-left {
  display: none;
  width: 100%;
  height: 90px;
  background-color: transparent;
  justify-content: center;
}

.marka-top-wrapper-right {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.marka-top-logo {
  width: 80px;
  height: 80px;
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  border-radius: 20%;
  padding: 10px;
  border: 3px solid #FFD7DE;
}

.marka-top-title {
  width: 100%;
  color: #fff;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 300;
  font-family: "Josefin Sans", sans-serif;
  text-align: center;
}

.ajandek-top-wrapper {
  display: flex;
  width: 100%;
  padding: 0px;
  color: #fff;
  margin-bottom: 0px;
  flex-wrap: wrap;
  padding: 15px;
  background-color: #bd86bb;
  border-radius: 10px;
  justify-content: center;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 15px;
}

.ajandek-top-wrapper:hover {
  background-color: #963a96;
}

.ajandek-top-wrapper.selected {
  background-color: #963a96;
}

.ajandek-top-wrapper-left {
  display: flex;
  width: 100%;
  height: 90px;
  background-color: transparent;
  justify-content: center;
}

.ajandek-top-wrapper-right {
  width: 100%;
  align-items: center;
  justify-content: center;
}

.ajandek-top-logo {
  width: 80px;
  height: 80px;
  background-size: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
  border-radius: 20%;
  padding: 10px;
  border: 3px solid #FFD7DE;
}

.ajandek-top-logo-reszosszeg {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M4.23 21V10.23H3V5.809h5.142q-.298-.264-.412-.625q-.115-.362-.115-.76q0-.994.696-1.689q.695-.696 1.689-.696q.575 0 1.056.27t.829.704q.348-.439.828-.706q.481-.268 1.056-.268q.994 0 1.69.696q.695.695.695 1.69q0 .39-.117.752q-.118.362-.41.632H21v4.423h-1.23V21H4.23Zm9.54-17.962q-.59 0-.987.399q-.398.398-.398.986q0 .589.398.987t.986.398q.589 0 .987-.398t.398-.987q0-.588-.398-.986q-.398-.399-.987-.399ZM8.614 4.423q0 .589.398.987q.399.398.987.398t.987-.398q.398-.398.398-.987q0-.588-.398-.986q-.399-.399-.987-.399t-.987.399q-.398.398-.398.986ZM4 6.808V9.23h7.5V6.808H4ZM11.5 20v-9.77H5.23V20h6.27Zm1 0h6.27v-9.77H12.5V20ZM20 9.23V6.809h-7.5V9.23H20Z"/></svg>');
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 80px;
  height: 80px;
}

.ajandek-top-title {
  width: 100%;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  font-family: "Josefin Sans", sans-serif;
  text-align: center;
}

.ajandek-top-txt {
  padding-top: 7px;
  font-size: 12px;
  font-weight: 300;
  font-family: "Josefin Sans", sans-serif;
  text-align: left;
}

.ajandektermek-marketing {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-style: solid;
  border-color: #963a96;
  border-width: 0 0 8px 8px;
}
.ajandektermek-marketing a {
  text-decoration: none;
  padding: 10px 14px !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.48px !important;
  line-height: 14px !important;
  background-color: #963a96;
  color: #fff;
  border: 1px solid #963a96;
  line-height: 1.3 !important;
  cursor: pointer;
  border-radius: 5px;
}
.ajandektermek-marketing a:hover {
  text-decoration: none;
  transition: all 0.24s;
  background-color: #E0B0FF;
  color: #fff;
  border: 1px solid #963a96;
}
.ajandektermek-marketing .lead {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  display: none;
}
.ajandektermek-marketing p {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 1.6;
}
.ajandektermek-marketing h1 {
  font-size: 30px;
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  color: #963a96;
  text-transform: unset;
  line-height: 1.2;
  border-bottom: 1px solid #000;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  letter-spacing: normal;
}
.ajandektermek-marketing h2 {
  font-size: 24px;
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  color: #963a96;
  text-transform: unset;
  line-height: 2;
  border-top: 2px solid #e3e3e3;
  padding-top: 8px;
  font-weight: 300;
}
.ajandektermek-marketing ul {
  padding-left: 20px;
  font-size: 14px;
  padding-bottom: 7px;
}
.ajandektermek-marketing ol {
  padding-left: 20px;
  font-size: 14px;
  padding-bottom: 7px;
}
.ajandektermek-marketing li[data-list=ordered] {
  counter-increment: list-0;
  list-style-type: auto;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  font-size: 14px;
  font-size: 14px;
}
.ajandektermek-marketing li[data-list=bullet] {
  position: relative;
  list-style-type: none;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  font-size: 14px;
}
.ajandektermek-marketing li[data-list=bullet]:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 5px;
  height: 14px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #00a8a8;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.ajandektermek-marketing blockquote {
  max-width: 500px;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  margin-left: 60px;
  font-family: "Alegreya", serif;
  border-left: 5px solid #963a96;
  padding-left: 18px;
}
.ajandektermek-marketing img {
  border-radius: 15px;
  border: 3px solid #963a96;
}

.manufacturer-marketing {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  border-style: solid;
  border-color: #963a96;
  border-width: 0 0 8px 8px;
}
.manufacturer-marketing a {
  text-decoration: none;
  font-weight: 600;
  color: #963a96 !important;
  cursor: pointer;
}
.manufacturer-marketing .blog-button a {
  text-decoration: none;
  font-weight: 600;
  color: #fff !important;
  cursor: pointer;
}
.manufacturer-marketing .active {
  display: block !important;
}
.manufacturer-marketing .lead {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  display: none;
}
.manufacturer-marketing p {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
}
.manufacturer-marketing h1 {
  font-size: 24px;
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  color: #963a96;
  text-transform: unset;
  line-height: 1.2;
  border-bottom: 1px solid #000;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 10px;
  letter-spacing: normal;
}
.manufacturer-marketing h2 {
  font-size: 20px;
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  color: #963a96;
  text-transform: unset;
  line-height: 1.2;
  border-top: 2px solid #e3e3e3;
  padding-top: 8px;
  font-weight: 300;
}
.manufacturer-marketing ul {
  padding-left: 20px;
  font-size: 12px;
  padding-bottom: 7px;
}
.manufacturer-marketing ol {
  padding-left: 20px;
  font-size: 12px;
  padding-bottom: 7px;
}
.manufacturer-marketing li[data-list=ordered] {
  counter-increment: list-0;
  list-style-type: auto;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  font-size: 12px;
}
.manufacturer-marketing li[data-list=bullet] {
  position: relative;
  list-style-type: none;
  padding-left: 1rem;
  margin-bottom: 0.5rem;
  font-size: 12px;
}
.manufacturer-marketing li[data-list=bullet]:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 5px;
  height: 14px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #00a8a8;
  transform-origin: bottom left;
  transform: rotate(45deg);
}
.manufacturer-marketing blockquote {
  max-width: 500px;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  margin-left: 60px;
  font-family: "Alegreya", serif;
  border-left: 5px solid #963a96;
  padding-left: 18px;
}
.manufacturer-marketing img {
  border-radius: 15px;
  border: 3px solid #963a96;
}

.ql-align-center {
  text-align: center;
}

.ql-align-right {
  text-align: right;
}

.ql-align-justify {
  text-align: justify;
}

.blog-dropdown-title-wrapper-white {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  cursor: pointer;
  padding: 10px;
  background-color: #963a96;
  border-radius: 5px;
  align-items: center;
}
.blog-dropdown-title-wrapper-white .blog-dropdown-title {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: nowrap;
  font-family: "PT Sans Narrow", sans-serif;
  align-items: center;
  gap: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}
.blog-dropdown-title-wrapper-white .plusminus:before, .blog-dropdown-title-wrapper-white .plusminus:after {
  background-color: #fff;
}
.blog-dropdown-title-wrapper-white .readon {
  display: block;
}
.blog-dropdown-title-wrapper-white .readoff {
  display: none;
}
.blog-dropdown-title-wrapper-white .active .readon {
  display: none;
}
.blog-dropdown-title-wrapper-white .active .readoff {
  display: block;
}

@media (min-width: 600px) {
  .marka-top-wrapper {
    display: flex;
    width: 100%;
    padding: 0px;
    color: #fff;
    margin-bottom: 0px;
    flex-wrap: nowrap;
    padding: 15px;
    background-color: #986796;
    border-radius: 10px;
  }
  .marka-top-wrapper-left {
    display: flex;
    width: 110px;
    height: 110px;
    background-color: transparent;
    justify-content: left;
  }
  .marka-top-wrapper-right {
    display: flex;
    width: calc(100% - 110px);
    align-items: center;
    justify-content: left;
  }
  .marka-top-logo {
    width: 110px;
    height: 110px;
    background-size: 80px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 20%;
    padding: 10px;
    border: 3px solid #FFD7DE;
  }
  .marka-top-title {
    width: 100%;
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    font-family: "Josefin Sans", sans-serif;
  }
  .ajandek-top-wrapper {
    display: flex;
    width: calc(50% - 28px);
    padding: 0px;
    color: #fff;
    margin-bottom: 0px;
    flex-wrap: wrap;
    padding: 15px;
    background-color: #986796;
    border-radius: 10px;
    justify-content: center;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 15px;
  }
  .ajandek-top-wrapper-left {
    display: flex;
    width: 110px;
    height: 90px;
    background-color: transparent;
    justify-content: center;
  }
  .ajandek-top-wrapper-right {
    width: calc(100% - 110px);
    align-items: flex-start;
    justify-content: center;
  }
  .ajandek-top-logo {
    width: 80px;
    height: 80px;
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 20%;
    padding: 10px;
    border: 3px solid #FFD7DE;
  }
  .ajandek-top-title {
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    font-family: "Josefin Sans", sans-serif;
    text-align: left;
  }
  .ajandek-top-txt {
    padding-top: 7px;
    font-size: 12px;
    font-weight: 300;
    font-family: "Josefin Sans", sans-serif;
    text-align: left;
  }
}
@media (min-width: 960px) {
  .ajandektermek-marketing {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border-style: solid;
    border-color: #963a96;
    border-width: 0 0 8px 8px;
  }
  .ajandektermek-marketing a {
    text-decoration: none;
    padding: 10px 14px !important;
    margin-top: 12px !important;
    margin-bottom: 8px !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: 0.48px !important;
    line-height: 14px !important;
    background-color: #963a96;
    color: #fff;
    border: 1px solid #963a96;
    line-height: 1.3 !important;
    cursor: pointer;
    border-radius: 5px;
  }
  .ajandektermek-marketing a:hover {
    text-decoration: none;
    transition: all 0.24s;
    background-color: #E0B0FF;
    color: #fff;
    border: 1px solid #963a96;
  }
  .ajandektermek-marketing .lead {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    display: none;
  }
  .ajandektermek-marketing p {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
  }
  .ajandektermek-marketing h1 {
    font-size: 30px;
    font-family: "Alegreya", serif;
    font-optical-sizing: auto;
    color: #963a96;
    text-transform: unset;
    line-height: 1.2;
    border-bottom: 1px solid #000;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    letter-spacing: normal;
  }
  .ajandektermek-marketing h2 {
    font-size: 24px;
    font-family: "Alegreya", serif;
    font-optical-sizing: auto;
    color: #963a96;
    text-transform: unset;
    line-height: 2;
    border-top: 2px solid #e3e3e3;
    padding-top: 8px;
    font-weight: 300;
  }
  .ajandektermek-marketing ul {
    padding-left: 20px;
    font-size: 14px;
    padding-bottom: 7px;
  }
  .ajandektermek-marketing ol {
    padding-left: 20px;
    font-size: 14px;
    padding-bottom: 7px;
  }
  .ajandektermek-marketing li[data-list=ordered] {
    counter-increment: list-0;
    list-style-type: auto;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
    font-size: 14px;
    font-size: 14px;
  }
  .ajandektermek-marketing li[data-list=bullet] {
    position: relative;
    list-style-type: none;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
    font-size: 14px;
  }
  .ajandektermek-marketing li[data-list=bullet]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 14px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #00a8a8;
    transform-origin: bottom left;
    transform: rotate(45deg);
  }
  .ajandektermek-marketing blockquote {
    max-width: 500px;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    margin-left: 60px;
    font-family: "Alegreya", serif;
    border-left: 5px solid #963a96;
    padding-left: 18px;
  }
  .ajandektermek-marketing img {
    border-radius: 15px;
    border: 3px solid #963a96;
  }
  .manufacturer-marketing {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border-style: solid;
    border-color: #963a96;
    border-width: 0 0 8px 8px;
  }
  .manufacturer-marketing a {
    text-decoration: none;
    font-weight: 600;
    color: #963a96 !important;
    cursor: pointer;
  }
  .manufacturer-marketing .blog-button a {
    text-decoration: none;
    font-weight: 600;
    color: #fff !important;
    cursor: pointer;
  }
  .manufacturer-marketing .active {
    display: block !important;
  }
  .manufacturer-marketing .lead {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
    display: none;
  }
  .manufacturer-marketing p {
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;
  }
  .manufacturer-marketing h1 {
    font-size: 30px;
    font-family: "Alegreya", serif;
    font-optical-sizing: auto;
    color: #963a96;
    text-transform: unset;
    line-height: 1.2;
    border-bottom: 1px solid #000;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 10px;
    letter-spacing: normal;
  }
  .manufacturer-marketing h2 {
    font-size: 24px;
    font-family: "Alegreya", serif;
    font-optical-sizing: auto;
    color: #963a96;
    text-transform: unset;
    line-height: 2;
    border-top: 2px solid #e3e3e3;
    padding-top: 8px;
    font-weight: 300;
  }
  .manufacturer-marketing ul {
    padding-left: 20px;
    font-size: 14px;
    padding-bottom: 7px;
  }
  .manufacturer-marketing ol {
    padding-left: 20px;
    font-size: 14px;
    padding-bottom: 7px;
  }
  .manufacturer-marketing li[data-list=ordered] {
    counter-increment: list-0;
    list-style-type: auto;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
    font-size: 14px;
    font-size: 14px;
  }
  .manufacturer-marketing li[data-list=bullet] {
    position: relative;
    list-style-type: none;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
    font-size: 14px;
  }
  .manufacturer-marketing li[data-list=bullet]:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -2px;
    width: 5px;
    height: 14px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #00a8a8;
    transform-origin: bottom left;
    transform: rotate(45deg);
  }
  .manufacturer-marketing blockquote {
    max-width: 500px;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    margin-left: 60px;
    font-family: "Alegreya", serif;
    border-left: 5px solid #963a96;
    padding-left: 18px;
  }
  .manufacturer-marketing img {
    border-radius: 15px;
    border: 3px solid #963a96;
  }
}/*# sourceMappingURL=blog.css.map */
html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
}

a {
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
  text-decoration: none;
}

ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: border-box;
}

:focus {
  outline: 0;
}

img, audio, video {
  max-width: 100%;
  height: auto;
}

audio, canvas, iframe, video, img, svg {
  vertical-align: middle;
}

iframe {
  border: 0;
}

textarea {
  resize: none; /*remove the resize handle on the bottom right*/
  overflow: auto;
  vertical-align: top;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

input, textarea, select, button {
  outline: none;
  border: none;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
  text-align: left;
}

body {
  font: 16px "Rubik", sans-serif;
  color: #000000;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
}

a {
  text-decoration: none;
}
a:active, a:hover {
  outline: 0;
  text-decoration: none;
}

h1 {
  font-family: "Rubik", sans-serif;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: 1px;
}

.page-title {
  text-align: center;
  padding-bottom: 25px;
  text-transform: uppercase;
}/*# sourceMappingURL=main.css.map */
@charset "UTF-8";
.blog-button.submit {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.48px !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
  background-color: #963a96;
  color: #fff;
  border: 1px solid #963a96;
  line-height: 1.5 !important;
  display: block;
  width: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.blog-button {
  padding: 12px 30px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: -moz-max-content;
  width: max-content;
  position: relative;
  transition: all 0.24s;
  cursor: pointer;
  line-height: 1.45;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
}

.blog-button:hover {
  transition: all 0.24s;
  background-color: #E0B0FF;
  color: #fff;
  border: 1px solid #963a96;
}

.adventupcoming {
  background: url(../Themes/SHOPERIATESZT/Content/images/santaquestion.jpg) no-repeat;
}

.adventstar {
  background: url(../Themes/SHOPERIATESZT/Content/images/xmasstar.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: contain;
  background-color: transparent;
  position: absolute;
  top: -14px;
  right: -12px;
}

.snowbody {
  display: flex;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: radial-gradient(ellipse at bottom, #495b70 0%, #1f2856 100%);
  position: relative;
  padding-bottom: 150px;
}

.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
}
.snow:nth-child(1) {
  opacity: 0.6698;
  transform: translate(87.3271vw, -10px) scale(0.4836);
  animation: fall-1 25s -17s linear infinite;
}
@keyframes fall-1 {
  38.914% {
    transform: translate(92.4248vw, 38.914vh) scale(0.4836);
  }
  to {
    transform: translate(89.87595vw, 100vh) scale(0.4836);
  }
}
.snow:nth-child(2) {
  opacity: 0.6437;
  transform: translate(63.8722vw, -10px) scale(0.4324);
  animation: fall-2 25s -13s linear infinite;
}
@keyframes fall-2 {
  45.15% {
    transform: translate(55.5795vw, 45.15vh) scale(0.4324);
  }
  to {
    transform: translate(59.72585vw, 100vh) scale(0.4324);
  }
}
.snow:nth-child(3) {
  opacity: 0.0079;
  transform: translate(69.4282vw, -10px) scale(0.4172);
  animation: fall-3 23s -22s linear infinite;
}
@keyframes fall-3 {
  65.899% {
    transform: translate(69.9921vw, 65.899vh) scale(0.4172);
  }
  to {
    transform: translate(69.71015vw, 100vh) scale(0.4172);
  }
}
.snow:nth-child(4) {
  opacity: 0.5691;
  transform: translate(53.3146vw, -10px) scale(0.2204);
  animation: fall-4 24s -30s linear infinite;
}
@keyframes fall-4 {
  35.82% {
    transform: translate(62.6985vw, 35.82vh) scale(0.2204);
  }
  to {
    transform: translate(58.00655vw, 100vh) scale(0.2204);
  }
}
.snow:nth-child(5) {
  opacity: 0.2335;
  transform: translate(24.3439vw, -10px) scale(0.755);
  animation: fall-5 14s -13s linear infinite;
}
@keyframes fall-5 {
  56.534% {
    transform: translate(22.3737vw, 56.534vh) scale(0.755);
  }
  to {
    transform: translate(23.3588vw, 100vh) scale(0.755);
  }
}
.snow:nth-child(6) {
  opacity: 0.2782;
  transform: translate(90.7402vw, -10px) scale(0.2095);
  animation: fall-6 22s -6s linear infinite;
}
@keyframes fall-6 {
  40.504% {
    transform: translate(88.8522vw, 40.504vh) scale(0.2095);
  }
  to {
    transform: translate(89.7962vw, 100vh) scale(0.2095);
  }
}
.snow:nth-child(7) {
  opacity: 0.1964;
  transform: translate(29.7663vw, -10px) scale(0.9135);
  animation: fall-7 10s -26s linear infinite;
}
@keyframes fall-7 {
  65.368% {
    transform: translate(25.1381vw, 65.368vh) scale(0.9135);
  }
  to {
    transform: translate(27.4522vw, 100vh) scale(0.9135);
  }
}
.snow:nth-child(8) {
  opacity: 0.6679;
  transform: translate(7.8008vw, -10px) scale(0.3137);
  animation: fall-8 23s -14s linear infinite;
}
@keyframes fall-8 {
  73.606% {
    transform: translate(6.364vw, 73.606vh) scale(0.3137);
  }
  to {
    transform: translate(7.0824vw, 100vh) scale(0.3137);
  }
}
.snow:nth-child(9) {
  opacity: 0.8722;
  transform: translate(56.8476vw, -10px) scale(0.3244);
  animation: fall-9 18s -9s linear infinite;
}
@keyframes fall-9 {
  61.684% {
    transform: translate(63.7678vw, 61.684vh) scale(0.3244);
  }
  to {
    transform: translate(60.3077vw, 100vh) scale(0.3244);
  }
}
.snow:nth-child(10) {
  opacity: 0.4294;
  transform: translate(83.9784vw, -10px) scale(0.7492);
  animation: fall-10 25s -27s linear infinite;
}
@keyframes fall-10 {
  39.283% {
    transform: translate(91.6098vw, 39.283vh) scale(0.7492);
  }
  to {
    transform: translate(87.7941vw, 100vh) scale(0.7492);
  }
}
.snow:nth-child(11) {
  opacity: 0.5069;
  transform: translate(65.8756vw, -10px) scale(0.8398);
  animation: fall-11 21s -30s linear infinite;
}
@keyframes fall-11 {
  50.2% {
    transform: translate(70.7621vw, 50.2vh) scale(0.8398);
  }
  to {
    transform: translate(68.31885vw, 100vh) scale(0.8398);
  }
}
.snow:nth-child(12) {
  opacity: 0.12;
  transform: translate(52.8845vw, -10px) scale(0.3149);
  animation: fall-12 10s -2s linear infinite;
}
@keyframes fall-12 {
  46.989% {
    transform: translate(47.1175vw, 46.989vh) scale(0.3149);
  }
  to {
    transform: translate(50.001vw, 100vh) scale(0.3149);
  }
}
.snow:nth-child(13) {
  opacity: 0.6636;
  transform: translate(4.3896vw, -10px) scale(0.1527);
  animation: fall-13 26s -2s linear infinite;
}
@keyframes fall-13 {
  63.023% {
    transform: translate(-1.8168vw, 63.023vh) scale(0.1527);
  }
  to {
    transform: translate(1.2864vw, 100vh) scale(0.1527);
  }
}
.snow:nth-child(14) {
  opacity: 0.0418;
  transform: translate(22.9512vw, -10px) scale(0.5001);
  animation: fall-14 27s -1s linear infinite;
}
@keyframes fall-14 {
  52.192% {
    transform: translate(13.1222vw, 52.192vh) scale(0.5001);
  }
  to {
    transform: translate(18.0367vw, 100vh) scale(0.5001);
  }
}
.snow:nth-child(15) {
  opacity: 0.0362;
  transform: translate(49.3229vw, -10px) scale(0.6391);
  animation: fall-15 25s -24s linear infinite;
}
@keyframes fall-15 {
  57.407% {
    transform: translate(43.1724vw, 57.407vh) scale(0.6391);
  }
  to {
    transform: translate(46.24765vw, 100vh) scale(0.6391);
  }
}
.snow:nth-child(16) {
  opacity: 0.6108;
  transform: translate(53.7588vw, -10px) scale(0.9714);
  animation: fall-16 18s -1s linear infinite;
}
@keyframes fall-16 {
  77.005% {
    transform: translate(48.182vw, 77.005vh) scale(0.9714);
  }
  to {
    transform: translate(50.9704vw, 100vh) scale(0.9714);
  }
}
.snow:nth-child(17) {
  opacity: 0.3531;
  transform: translate(50.762vw, -10px) scale(0.4093);
  animation: fall-17 26s -26s linear infinite;
}
@keyframes fall-17 {
  34.426% {
    transform: translate(45.359vw, 34.426vh) scale(0.4093);
  }
  to {
    transform: translate(48.0605vw, 100vh) scale(0.4093);
  }
}
.snow:nth-child(18) {
  opacity: 0.4397;
  transform: translate(51.6073vw, -10px) scale(0.1008);
  animation: fall-18 27s -16s linear infinite;
}
@keyframes fall-18 {
  57.89% {
    transform: translate(59.9124vw, 57.89vh) scale(0.1008);
  }
  to {
    transform: translate(55.75985vw, 100vh) scale(0.1008);
  }
}
.snow:nth-child(19) {
  opacity: 0.9704;
  transform: translate(46.1155vw, -10px) scale(0.8708);
  animation: fall-19 30s -15s linear infinite;
}
@keyframes fall-19 {
  54.065% {
    transform: translate(51.0775vw, 54.065vh) scale(0.8708);
  }
  to {
    transform: translate(48.5965vw, 100vh) scale(0.8708);
  }
}
.snow:nth-child(20) {
  opacity: 0.6092;
  transform: translate(0.8861vw, -10px) scale(0.8275);
  animation: fall-20 22s -9s linear infinite;
}
@keyframes fall-20 {
  55.578% {
    transform: translate(5.883vw, 55.578vh) scale(0.8275);
  }
  to {
    transform: translate(3.38455vw, 100vh) scale(0.8275);
  }
}
.snow:nth-child(21) {
  opacity: 0.0474;
  transform: translate(1.3533vw, -10px) scale(0.1312);
  animation: fall-21 18s -20s linear infinite;
}
@keyframes fall-21 {
  44.686% {
    transform: translate(-2.5877vw, 44.686vh) scale(0.1312);
  }
  to {
    transform: translate(-0.6172vw, 100vh) scale(0.1312);
  }
}
.snow:nth-child(22) {
  opacity: 0.6924;
  transform: translate(21.6267vw, -10px) scale(0.6079);
  animation: fall-22 10s -13s linear infinite;
}
@keyframes fall-22 {
  70.022% {
    transform: translate(16.3902vw, 70.022vh) scale(0.6079);
  }
  to {
    transform: translate(19.00845vw, 100vh) scale(0.6079);
  }
}
.snow:nth-child(23) {
  opacity: 0.2623;
  transform: translate(86.0606vw, -10px) scale(0.2973);
  animation: fall-23 27s -21s linear infinite;
}
@keyframes fall-23 {
  77.973% {
    transform: translate(88.9978vw, 77.973vh) scale(0.2973);
  }
  to {
    transform: translate(87.5292vw, 100vh) scale(0.2973);
  }
}
.snow:nth-child(24) {
  opacity: 0.8043;
  transform: translate(2.0395vw, -10px) scale(0.6562);
  animation: fall-24 23s -23s linear infinite;
}
@keyframes fall-24 {
  75.62% {
    transform: translate(-4.9377vw, 75.62vh) scale(0.6562);
  }
  to {
    transform: translate(-1.4491vw, 100vh) scale(0.6562);
  }
}
.snow:nth-child(25) {
  opacity: 0.5536;
  transform: translate(66.6939vw, -10px) scale(0.4069);
  animation: fall-25 14s -14s linear infinite;
}
@keyframes fall-25 {
  73.902% {
    transform: translate(62.2975vw, 73.902vh) scale(0.4069);
  }
  to {
    transform: translate(64.4957vw, 100vh) scale(0.4069);
  }
}
.snow:nth-child(26) {
  opacity: 0.1388;
  transform: translate(90.8365vw, -10px) scale(0.7763);
  animation: fall-26 11s -13s linear infinite;
}
@keyframes fall-26 {
  60.643% {
    transform: translate(93.3331vw, 60.643vh) scale(0.7763);
  }
  to {
    transform: translate(92.0848vw, 100vh) scale(0.7763);
  }
}
.snow:nth-child(27) {
  opacity: 0.3851;
  transform: translate(85.7493vw, -10px) scale(0.5712);
  animation: fall-27 14s -3s linear infinite;
}
@keyframes fall-27 {
  32.579% {
    transform: translate(78.036vw, 32.579vh) scale(0.5712);
  }
  to {
    transform: translate(81.89265vw, 100vh) scale(0.5712);
  }
}
.snow:nth-child(28) {
  opacity: 0.7837;
  transform: translate(31.8186vw, -10px) scale(0.8023);
  animation: fall-28 24s -21s linear infinite;
}
@keyframes fall-28 {
  50.122% {
    transform: translate(37.6299vw, 50.122vh) scale(0.8023);
  }
  to {
    transform: translate(34.72425vw, 100vh) scale(0.8023);
  }
}
.snow:nth-child(29) {
  opacity: 0.3567;
  transform: translate(71.54vw, -10px) scale(0.7664);
  animation: fall-29 29s -20s linear infinite;
}
@keyframes fall-29 {
  36.251% {
    transform: translate(71.0429vw, 36.251vh) scale(0.7664);
  }
  to {
    transform: translate(71.29145vw, 100vh) scale(0.7664);
  }
}
.snow:nth-child(30) {
  opacity: 0.003;
  transform: translate(88.432vw, -10px) scale(0.7334);
  animation: fall-30 22s -29s linear infinite;
}
@keyframes fall-30 {
  51.261% {
    transform: translate(94.166vw, 51.261vh) scale(0.7334);
  }
  to {
    transform: translate(91.299vw, 100vh) scale(0.7334);
  }
}
.snow:nth-child(31) {
  opacity: 0.178;
  transform: translate(36.7551vw, -10px) scale(0.3535);
  animation: fall-31 10s -14s linear infinite;
}
@keyframes fall-31 {
  50.375% {
    transform: translate(46.4756vw, 50.375vh) scale(0.3535);
  }
  to {
    transform: translate(41.61535vw, 100vh) scale(0.3535);
  }
}
.snow:nth-child(32) {
  opacity: 0.6527;
  transform: translate(72.2338vw, -10px) scale(0.5218);
  animation: fall-32 24s -2s linear infinite;
}
@keyframes fall-32 {
  37.911% {
    transform: translate(80.1697vw, 37.911vh) scale(0.5218);
  }
  to {
    transform: translate(76.20175vw, 100vh) scale(0.5218);
  }
}
.snow:nth-child(33) {
  opacity: 0.2391;
  transform: translate(17.7299vw, -10px) scale(0.746);
  animation: fall-33 28s -27s linear infinite;
}
@keyframes fall-33 {
  52% {
    transform: translate(19.717vw, 52vh) scale(0.746);
  }
  to {
    transform: translate(18.72345vw, 100vh) scale(0.746);
  }
}
.snow:nth-child(34) {
  opacity: 0.0925;
  transform: translate(72.1991vw, -10px) scale(0.6737);
  animation: fall-34 28s -16s linear infinite;
}
@keyframes fall-34 {
  36.328% {
    transform: translate(80.1767vw, 36.328vh) scale(0.6737);
  }
  to {
    transform: translate(76.1879vw, 100vh) scale(0.6737);
  }
}
.snow:nth-child(35) {
  opacity: 0.6263;
  transform: translate(6.0965vw, -10px) scale(0.1387);
  animation: fall-35 27s -9s linear infinite;
}
@keyframes fall-35 {
  57% {
    transform: translate(2.0559vw, 57vh) scale(0.1387);
  }
  to {
    transform: translate(4.0762vw, 100vh) scale(0.1387);
  }
}
.snow:nth-child(36) {
  opacity: 0.1391;
  transform: translate(42.6169vw, -10px) scale(0.3055);
  animation: fall-36 28s -20s linear infinite;
}
@keyframes fall-36 {
  55.01% {
    transform: translate(41.0545vw, 55.01vh) scale(0.3055);
  }
  to {
    transform: translate(41.8357vw, 100vh) scale(0.3055);
  }
}
.snow:nth-child(37) {
  opacity: 0.8902;
  transform: translate(93.8145vw, -10px) scale(0.4072);
  animation: fall-37 15s -7s linear infinite;
}
@keyframes fall-37 {
  43.224% {
    transform: translate(96.3682vw, 43.224vh) scale(0.4072);
  }
  to {
    transform: translate(95.09135vw, 100vh) scale(0.4072);
  }
}
.snow:nth-child(38) {
  opacity: 0.466;
  transform: translate(38.8393vw, -10px) scale(0.1713);
  animation: fall-38 22s -17s linear infinite;
}
@keyframes fall-38 {
  58.425% {
    transform: translate(39.3339vw, 58.425vh) scale(0.1713);
  }
  to {
    transform: translate(39.0866vw, 100vh) scale(0.1713);
  }
}
.snow:nth-child(39) {
  opacity: 0.1955;
  transform: translate(16.4759vw, -10px) scale(0.3439);
  animation: fall-39 28s -27s linear infinite;
}
@keyframes fall-39 {
  60.832% {
    transform: translate(25.1304vw, 60.832vh) scale(0.3439);
  }
  to {
    transform: translate(20.80315vw, 100vh) scale(0.3439);
  }
}
.snow:nth-child(40) {
  opacity: 0.23;
  transform: translate(75.9256vw, -10px) scale(0.8381);
  animation: fall-40 14s -24s linear infinite;
}
@keyframes fall-40 {
  36.179% {
    transform: translate(82.551vw, 36.179vh) scale(0.8381);
  }
  to {
    transform: translate(79.2383vw, 100vh) scale(0.8381);
  }
}
.snow:nth-child(41) {
  opacity: 0.638;
  transform: translate(24.5148vw, -10px) scale(0.6108);
  animation: fall-41 10s -1s linear infinite;
}
@keyframes fall-41 {
  50.39% {
    transform: translate(22.5273vw, 50.39vh) scale(0.6108);
  }
  to {
    transform: translate(23.52105vw, 100vh) scale(0.6108);
  }
}
.snow:nth-child(42) {
  opacity: 0.1596;
  transform: translate(89.2084vw, -10px) scale(0.8859);
  animation: fall-42 20s -8s linear infinite;
}
@keyframes fall-42 {
  32.428% {
    transform: translate(79.6332vw, 32.428vh) scale(0.8859);
  }
  to {
    transform: translate(84.4208vw, 100vh) scale(0.8859);
  }
}
.snow:nth-child(43) {
  opacity: 0.209;
  transform: translate(91.4907vw, -10px) scale(0.1361);
  animation: fall-43 20s -21s linear infinite;
}
@keyframes fall-43 {
  59.535% {
    transform: translate(92.0642vw, 59.535vh) scale(0.1361);
  }
  to {
    transform: translate(91.77745vw, 100vh) scale(0.1361);
  }
}
.snow:nth-child(44) {
  opacity: 0.3372;
  transform: translate(34.4274vw, -10px) scale(0.9902);
  animation: fall-44 13s -9s linear infinite;
}
@keyframes fall-44 {
  66.682% {
    transform: translate(43.8893vw, 66.682vh) scale(0.9902);
  }
  to {
    transform: translate(39.15835vw, 100vh) scale(0.9902);
  }
}
.snow:nth-child(45) {
  opacity: 0.9385;
  transform: translate(8.974vw, -10px) scale(0.9525);
  animation: fall-45 12s -16s linear infinite;
}
@keyframes fall-45 {
  59.78% {
    transform: translate(15.2929vw, 59.78vh) scale(0.9525);
  }
  to {
    transform: translate(12.13345vw, 100vh) scale(0.9525);
  }
}
.snow:nth-child(46) {
  opacity: 0.3247;
  transform: translate(36.9587vw, -10px) scale(0.7116);
  animation: fall-46 24s -21s linear infinite;
}
@keyframes fall-46 {
  51.701% {
    transform: translate(32.8079vw, 51.701vh) scale(0.7116);
  }
  to {
    transform: translate(34.8833vw, 100vh) scale(0.7116);
  }
}
.snow:nth-child(47) {
  opacity: 0.5646;
  transform: translate(48.4049vw, -10px) scale(0.3884);
  animation: fall-47 12s -7s linear infinite;
}
@keyframes fall-47 {
  59.22% {
    transform: translate(51.4864vw, 59.22vh) scale(0.3884);
  }
  to {
    transform: translate(49.94565vw, 100vh) scale(0.3884);
  }
}
.snow:nth-child(48) {
  opacity: 0.5974;
  transform: translate(57.9714vw, -10px) scale(0.4661);
  animation: fall-48 19s -19s linear infinite;
}
@keyframes fall-48 {
  40.572% {
    transform: translate(52.7088vw, 40.572vh) scale(0.4661);
  }
  to {
    transform: translate(55.3401vw, 100vh) scale(0.4661);
  }
}
.snow:nth-child(49) {
  opacity: 0.6447;
  transform: translate(5.7201vw, -10px) scale(0.8402);
  animation: fall-49 14s -16s linear infinite;
}
@keyframes fall-49 {
  76.025% {
    transform: translate(3.7753vw, 76.025vh) scale(0.8402);
  }
  to {
    transform: translate(4.7477vw, 100vh) scale(0.8402);
  }
}
.snow:nth-child(50) {
  opacity: 0.3768;
  transform: translate(21.837vw, -10px) scale(0.1539);
  animation: fall-50 15s -18s linear infinite;
}
@keyframes fall-50 {
  52.594% {
    transform: translate(13.0201vw, 52.594vh) scale(0.1539);
  }
  to {
    transform: translate(17.42855vw, 100vh) scale(0.1539);
  }
}
.snow:nth-child(51) {
  opacity: 0.2516;
  transform: translate(72.2388vw, -10px) scale(0.7026);
  animation: fall-51 29s -17s linear infinite;
}
@keyframes fall-51 {
  60.858% {
    transform: translate(73.8235vw, 60.858vh) scale(0.7026);
  }
  to {
    transform: translate(73.03115vw, 100vh) scale(0.7026);
  }
}
.snow:nth-child(52) {
  opacity: 0.8256;
  transform: translate(42.3311vw, -10px) scale(0.1247);
  animation: fall-52 17s -12s linear infinite;
}
@keyframes fall-52 {
  67.77% {
    transform: translate(45.9515vw, 67.77vh) scale(0.1247);
  }
  to {
    transform: translate(44.1413vw, 100vh) scale(0.1247);
  }
}
.snow:nth-child(53) {
  opacity: 0.1984;
  transform: translate(27.1007vw, -10px) scale(0.0437);
  animation: fall-53 20s -6s linear infinite;
}
@keyframes fall-53 {
  32.449% {
    transform: translate(19.7016vw, 32.449vh) scale(0.0437);
  }
  to {
    transform: translate(23.40115vw, 100vh) scale(0.0437);
  }
}
.snow:nth-child(54) {
  opacity: 0.0492;
  transform: translate(53.9754vw, -10px) scale(0.1211);
  animation: fall-54 23s -2s linear infinite;
}
@keyframes fall-54 {
  61.623% {
    transform: translate(56.1954vw, 61.623vh) scale(0.1211);
  }
  to {
    transform: translate(55.0854vw, 100vh) scale(0.1211);
  }
}
.snow:nth-child(55) {
  opacity: 0.6427;
  transform: translate(82.1436vw, -10px) scale(0.0478);
  animation: fall-55 29s -6s linear infinite;
}
@keyframes fall-55 {
  43.083% {
    transform: translate(86.2619vw, 43.083vh) scale(0.0478);
  }
  to {
    transform: translate(84.20275vw, 100vh) scale(0.0478);
  }
}
.snow:nth-child(56) {
  opacity: 0.5587;
  transform: translate(64.6396vw, -10px) scale(0.1445);
  animation: fall-56 27s -2s linear infinite;
}
@keyframes fall-56 {
  68.218% {
    transform: translate(69.8675vw, 68.218vh) scale(0.1445);
  }
  to {
    transform: translate(67.25355vw, 100vh) scale(0.1445);
  }
}
.snow:nth-child(57) {
  opacity: 0.1037;
  transform: translate(72.5928vw, -10px) scale(0.5255);
  animation: fall-57 17s -9s linear infinite;
}
@keyframes fall-57 {
  76.187% {
    transform: translate(69.3202vw, 76.187vh) scale(0.5255);
  }
  to {
    transform: translate(70.9565vw, 100vh) scale(0.5255);
  }
}
.snow:nth-child(58) {
  opacity: 0.1873;
  transform: translate(82.4505vw, -10px) scale(0.0713);
  animation: fall-58 25s -25s linear infinite;
}
@keyframes fall-58 {
  39.167% {
    transform: translate(73.5975vw, 39.167vh) scale(0.0713);
  }
  to {
    transform: translate(78.024vw, 100vh) scale(0.0713);
  }
}
.snow:nth-child(59) {
  opacity: 0.5329;
  transform: translate(83.5608vw, -10px) scale(0.9414);
  animation: fall-59 21s -27s linear infinite;
}
@keyframes fall-59 {
  47.322% {
    transform: translate(88.2841vw, 47.322vh) scale(0.9414);
  }
  to {
    transform: translate(85.92245vw, 100vh) scale(0.9414);
  }
}
.snow:nth-child(60) {
  opacity: 0.9894;
  transform: translate(31.7427vw, -10px) scale(0.5983);
  animation: fall-60 29s -11s linear infinite;
}
@keyframes fall-60 {
  78.23% {
    transform: translate(28.534vw, 78.23vh) scale(0.5983);
  }
  to {
    transform: translate(30.13835vw, 100vh) scale(0.5983);
  }
}
.snow:nth-child(61) {
  opacity: 0.634;
  transform: translate(43.593vw, -10px) scale(0.7796);
  animation: fall-61 24s -17s linear infinite;
}
@keyframes fall-61 {
  50.558% {
    transform: translate(49.2178vw, 50.558vh) scale(0.7796);
  }
  to {
    transform: translate(46.4054vw, 100vh) scale(0.7796);
  }
}
.snow:nth-child(62) {
  opacity: 0.445;
  transform: translate(22.5759vw, -10px) scale(0.5604);
  animation: fall-62 23s -15s linear infinite;
}
@keyframes fall-62 {
  78.469% {
    transform: translate(27.601vw, 78.469vh) scale(0.5604);
  }
  to {
    transform: translate(25.08845vw, 100vh) scale(0.5604);
  }
}
.snow:nth-child(63) {
  opacity: 0.9157;
  transform: translate(40.8827vw, -10px) scale(0.9064);
  animation: fall-63 16s -10s linear infinite;
}
@keyframes fall-63 {
  35.306% {
    transform: translate(32.1624vw, 35.306vh) scale(0.9064);
  }
  to {
    transform: translate(36.52255vw, 100vh) scale(0.9064);
  }
}
.snow:nth-child(64) {
  opacity: 0.075;
  transform: translate(30.1336vw, -10px) scale(0.2253);
  animation: fall-64 27s -23s linear infinite;
}
@keyframes fall-64 {
  57.459% {
    transform: translate(25.4881vw, 57.459vh) scale(0.2253);
  }
  to {
    transform: translate(27.81085vw, 100vh) scale(0.2253);
  }
}
.snow:nth-child(65) {
  opacity: 0.9145;
  transform: translate(62.9288vw, -10px) scale(0.5008);
  animation: fall-65 26s -19s linear infinite;
}
@keyframes fall-65 {
  41.588% {
    transform: translate(63.4822vw, 41.588vh) scale(0.5008);
  }
  to {
    transform: translate(63.2055vw, 100vh) scale(0.5008);
  }
}
.snow:nth-child(66) {
  opacity: 0.0998;
  transform: translate(78.1247vw, -10px) scale(0.0042);
  animation: fall-66 16s -7s linear infinite;
}
@keyframes fall-66 {
  50.625% {
    transform: translate(68.3019vw, 50.625vh) scale(0.0042);
  }
  to {
    transform: translate(73.2133vw, 100vh) scale(0.0042);
  }
}
.snow:nth-child(67) {
  opacity: 0.1413;
  transform: translate(96.3343vw, -10px) scale(0.7389);
  animation: fall-67 20s -22s linear infinite;
}
@keyframes fall-67 {
  41.164% {
    transform: translate(104.6159vw, 41.164vh) scale(0.7389);
  }
  to {
    transform: translate(100.4751vw, 100vh) scale(0.7389);
  }
}
.snow:nth-child(68) {
  opacity: 0.457;
  transform: translate(69.8914vw, -10px) scale(0.5782);
  animation: fall-68 19s -6s linear infinite;
}
@keyframes fall-68 {
  52.552% {
    transform: translate(75.2824vw, 52.552vh) scale(0.5782);
  }
  to {
    transform: translate(72.5869vw, 100vh) scale(0.5782);
  }
}
.snow:nth-child(69) {
  opacity: 0.8579;
  transform: translate(13.3678vw, -10px) scale(0.4153);
  animation: fall-69 27s -11s linear infinite;
}
@keyframes fall-69 {
  79.234% {
    transform: translate(21.9265vw, 79.234vh) scale(0.4153);
  }
  to {
    transform: translate(17.64715vw, 100vh) scale(0.4153);
  }
}
.snow:nth-child(70) {
  opacity: 0.9658;
  transform: translate(55.2674vw, -10px) scale(0.1168);
  animation: fall-70 29s -18s linear infinite;
}
@keyframes fall-70 {
  30.165% {
    transform: translate(57.3018vw, 30.165vh) scale(0.1168);
  }
  to {
    transform: translate(56.2846vw, 100vh) scale(0.1168);
  }
}
.snow:nth-child(71) {
  opacity: 0.8316;
  transform: translate(57.5177vw, -10px) scale(0.26);
  animation: fall-71 16s -12s linear infinite;
}
@keyframes fall-71 {
  31.23% {
    transform: translate(57.5285vw, 31.23vh) scale(0.26);
  }
  to {
    transform: translate(57.5231vw, 100vh) scale(0.26);
  }
}
.snow:nth-child(72) {
  opacity: 0.9252;
  transform: translate(61.4347vw, -10px) scale(0.3135);
  animation: fall-72 13s -17s linear infinite;
}
@keyframes fall-72 {
  47.9% {
    transform: translate(69.7268vw, 47.9vh) scale(0.3135);
  }
  to {
    transform: translate(65.58075vw, 100vh) scale(0.3135);
  }
}
.snow:nth-child(73) {
  opacity: 0.586;
  transform: translate(16.7861vw, -10px) scale(0.2525);
  animation: fall-73 18s -15s linear infinite;
}
@keyframes fall-73 {
  76.127% {
    transform: translate(9.8867vw, 76.127vh) scale(0.2525);
  }
  to {
    transform: translate(13.3364vw, 100vh) scale(0.2525);
  }
}
.snow:nth-child(74) {
  opacity: 0.6756;
  transform: translate(48.1996vw, -10px) scale(0.0788);
  animation: fall-74 21s -14s linear infinite;
}
@keyframes fall-74 {
  77.26% {
    transform: translate(40.3805vw, 77.26vh) scale(0.0788);
  }
  to {
    transform: translate(44.29005vw, 100vh) scale(0.0788);
  }
}
.snow:nth-child(75) {
  opacity: 0.3921;
  transform: translate(86.1129vw, -10px) scale(0.3721);
  animation: fall-75 29s -26s linear infinite;
}
@keyframes fall-75 {
  54.579% {
    transform: translate(83.538vw, 54.579vh) scale(0.3721);
  }
  to {
    transform: translate(84.82545vw, 100vh) scale(0.3721);
  }
}
.snow:nth-child(76) {
  opacity: 0.386;
  transform: translate(64.4549vw, -10px) scale(0.2499);
  animation: fall-76 27s -12s linear infinite;
}
@keyframes fall-76 {
  58.839% {
    transform: translate(70.8771vw, 58.839vh) scale(0.2499);
  }
  to {
    transform: translate(67.666vw, 100vh) scale(0.2499);
  }
}
.snow:nth-child(77) {
  opacity: 0.9754;
  transform: translate(42.3157vw, -10px) scale(0.9909);
  animation: fall-77 15s -1s linear infinite;
}
@keyframes fall-77 {
  37.345% {
    transform: translate(32.5196vw, 37.345vh) scale(0.9909);
  }
  to {
    transform: translate(37.41765vw, 100vh) scale(0.9909);
  }
}
.snow:nth-child(78) {
  opacity: 0.39;
  transform: translate(12.5004vw, -10px) scale(0.9437);
  animation: fall-78 30s -28s linear infinite;
}
@keyframes fall-78 {
  55.868% {
    transform: translate(12.9545vw, 55.868vh) scale(0.9437);
  }
  to {
    transform: translate(12.72745vw, 100vh) scale(0.9437);
  }
}
.snow:nth-child(79) {
  opacity: 0.9445;
  transform: translate(95.5816vw, -10px) scale(0.2943);
  animation: fall-79 28s -12s linear infinite;
}
@keyframes fall-79 {
  51.523% {
    transform: translate(101.8912vw, 51.523vh) scale(0.2943);
  }
  to {
    transform: translate(98.7364vw, 100vh) scale(0.2943);
  }
}
.snow:nth-child(80) {
  opacity: 0.2244;
  transform: translate(68.2826vw, -10px) scale(0.2428);
  animation: fall-80 14s -16s linear infinite;
}
@keyframes fall-80 {
  51.41% {
    transform: translate(65.9133vw, 51.41vh) scale(0.2428);
  }
  to {
    transform: translate(67.09795vw, 100vh) scale(0.2428);
  }
}
.snow:nth-child(81) {
  opacity: 0.2646;
  transform: translate(2.4652vw, -10px) scale(0.3514);
  animation: fall-81 18s -7s linear infinite;
}
@keyframes fall-81 {
  31.249% {
    transform: translate(-5.4262vw, 31.249vh) scale(0.3514);
  }
  to {
    transform: translate(-1.4805vw, 100vh) scale(0.3514);
  }
}
.snow:nth-child(82) {
  opacity: 0.7515;
  transform: translate(74.2383vw, -10px) scale(0.6003);
  animation: fall-82 28s -9s linear infinite;
}
@keyframes fall-82 {
  54.866% {
    transform: translate(79.7674vw, 54.866vh) scale(0.6003);
  }
  to {
    transform: translate(77.00285vw, 100vh) scale(0.6003);
  }
}
.snow:nth-child(83) {
  opacity: 0.5082;
  transform: translate(99.4597vw, -10px) scale(0.6128);
  animation: fall-83 20s -17s linear infinite;
}
@keyframes fall-83 {
  75.092% {
    transform: translate(91.2479vw, 75.092vh) scale(0.6128);
  }
  to {
    transform: translate(95.3538vw, 100vh) scale(0.6128);
  }
}
.snow:nth-child(84) {
  opacity: 0.1972;
  transform: translate(82.6691vw, -10px) scale(0.0005);
  animation: fall-84 28s -25s linear infinite;
}
@keyframes fall-84 {
  35.033% {
    transform: translate(77.9061vw, 35.033vh) scale(0.0005);
  }
  to {
    transform: translate(80.2876vw, 100vh) scale(0.0005);
  }
}
.snow:nth-child(85) {
  opacity: 0.9284;
  transform: translate(77.745vw, -10px) scale(0.8888);
  animation: fall-85 12s -21s linear infinite;
}
@keyframes fall-85 {
  66.76% {
    transform: translate(81.221vw, 66.76vh) scale(0.8888);
  }
  to {
    transform: translate(79.483vw, 100vh) scale(0.8888);
  }
}
.snow:nth-child(86) {
  opacity: 0.5692;
  transform: translate(28.0556vw, -10px) scale(0.5943);
  animation: fall-86 30s -28s linear infinite;
}
@keyframes fall-86 {
  65.292% {
    transform: translate(22.5585vw, 65.292vh) scale(0.5943);
  }
  to {
    transform: translate(25.30705vw, 100vh) scale(0.5943);
  }
}
.snow:nth-child(87) {
  opacity: 0.6628;
  transform: translate(33.9266vw, -10px) scale(0.4479);
  animation: fall-87 17s -12s linear infinite;
}
@keyframes fall-87 {
  49.444% {
    transform: translate(28.7689vw, 49.444vh) scale(0.4479);
  }
  to {
    transform: translate(31.34775vw, 100vh) scale(0.4479);
  }
}
.snow:nth-child(88) {
  opacity: 0.4621;
  transform: translate(30.2086vw, -10px) scale(0.2232);
  animation: fall-88 28s -18s linear infinite;
}
@keyframes fall-88 {
  56.678% {
    transform: translate(31.6801vw, 56.678vh) scale(0.2232);
  }
  to {
    transform: translate(30.94435vw, 100vh) scale(0.2232);
  }
}
.snow:nth-child(89) {
  opacity: 0.2027;
  transform: translate(27.3694vw, -10px) scale(0.2705);
  animation: fall-89 16s -1s linear infinite;
}
@keyframes fall-89 {
  50.514% {
    transform: translate(28.2589vw, 50.514vh) scale(0.2705);
  }
  to {
    transform: translate(27.81415vw, 100vh) scale(0.2705);
  }
}
.snow:nth-child(90) {
  opacity: 0.6665;
  transform: translate(62.8328vw, -10px) scale(0.1775);
  animation: fall-90 10s -19s linear infinite;
}
@keyframes fall-90 {
  55.937% {
    transform: translate(57.0168vw, 55.937vh) scale(0.1775);
  }
  to {
    transform: translate(59.9248vw, 100vh) scale(0.1775);
  }
}
.snow:nth-child(91) {
  opacity: 0.0126;
  transform: translate(45.3365vw, -10px) scale(0.4396);
  animation: fall-91 11s -27s linear infinite;
}
@keyframes fall-91 {
  73.702% {
    transform: translate(38.2676vw, 73.702vh) scale(0.4396);
  }
  to {
    transform: translate(41.80205vw, 100vh) scale(0.4396);
  }
}
.snow:nth-child(92) {
  opacity: 0.1891;
  transform: translate(4.372vw, -10px) scale(0.3713);
  animation: fall-92 29s -27s linear infinite;
}
@keyframes fall-92 {
  57.757% {
    transform: translate(-4.9064vw, 57.757vh) scale(0.3713);
  }
  to {
    transform: translate(-0.2672vw, 100vh) scale(0.3713);
  }
}
.snow:nth-child(93) {
  opacity: 0.7548;
  transform: translate(95.038vw, -10px) scale(0.5205);
  animation: fall-93 18s -30s linear infinite;
}
@keyframes fall-93 {
  47.413% {
    transform: translate(87.1673vw, 47.413vh) scale(0.5205);
  }
  to {
    transform: translate(91.10265vw, 100vh) scale(0.5205);
  }
}
.snow:nth-child(94) {
  opacity: 0.6161;
  transform: translate(64.5357vw, -10px) scale(0.1315);
  animation: fall-94 22s -24s linear infinite;
}
@keyframes fall-94 {
  52.7% {
    transform: translate(69.3354vw, 52.7vh) scale(0.1315);
  }
  to {
    transform: translate(66.93555vw, 100vh) scale(0.1315);
  }
}
.snow:nth-child(95) {
  opacity: 0.8708;
  transform: translate(4.0221vw, -10px) scale(0.1364);
  animation: fall-95 23s -8s linear infinite;
}
@keyframes fall-95 {
  73.216% {
    transform: translate(6.3369vw, 73.216vh) scale(0.1364);
  }
  to {
    transform: translate(5.1795vw, 100vh) scale(0.1364);
  }
}
.snow:nth-child(96) {
  opacity: 0.5409;
  transform: translate(74.2653vw, -10px) scale(0.7996);
  animation: fall-96 25s -14s linear infinite;
}
@keyframes fall-96 {
  55.876% {
    transform: translate(69.1976vw, 55.876vh) scale(0.7996);
  }
  to {
    transform: translate(71.73145vw, 100vh) scale(0.7996);
  }
}
.snow:nth-child(97) {
  opacity: 0.9072;
  transform: translate(45.1655vw, -10px) scale(0.5582);
  animation: fall-97 24s -7s linear infinite;
}
@keyframes fall-97 {
  58.745% {
    transform: translate(46.0198vw, 58.745vh) scale(0.5582);
  }
  to {
    transform: translate(45.59265vw, 100vh) scale(0.5582);
  }
}
.snow:nth-child(98) {
  opacity: 0.783;
  transform: translate(36.0245vw, -10px) scale(0.9468);
  animation: fall-98 27s -6s linear infinite;
}
@keyframes fall-98 {
  67.561% {
    transform: translate(31.2714vw, 67.561vh) scale(0.9468);
  }
  to {
    transform: translate(33.64795vw, 100vh) scale(0.9468);
  }
}
.snow:nth-child(99) {
  opacity: 0.8734;
  transform: translate(57.536vw, -10px) scale(0.5834);
  animation: fall-99 17s -27s linear infinite;
}
@keyframes fall-99 {
  79.749% {
    transform: translate(51.8279vw, 79.749vh) scale(0.5834);
  }
  to {
    transform: translate(54.68195vw, 100vh) scale(0.5834);
  }
}
.snow:nth-child(100) {
  opacity: 0.7641;
  transform: translate(83.0825vw, -10px) scale(0.1143);
  animation: fall-100 12s -26s linear infinite;
}
@keyframes fall-100 {
  34.216% {
    transform: translate(81.1468vw, 34.216vh) scale(0.1143);
  }
  to {
    transform: translate(82.11465vw, 100vh) scale(0.1143);
  }
}
.snow:nth-child(101) {
  opacity: 0.5527;
  transform: translate(24.3389vw, -10px) scale(0.1705);
  animation: fall-101 29s -1s linear infinite;
}
@keyframes fall-101 {
  63.077% {
    transform: translate(22.6409vw, 63.077vh) scale(0.1705);
  }
  to {
    transform: translate(23.4899vw, 100vh) scale(0.1705);
  }
}
.snow:nth-child(102) {
  opacity: 0.4577;
  transform: translate(12.143vw, -10px) scale(0.4228);
  animation: fall-102 18s -30s linear infinite;
}
@keyframes fall-102 {
  55.412% {
    transform: translate(16.5991vw, 55.412vh) scale(0.4228);
  }
  to {
    transform: translate(14.37105vw, 100vh) scale(0.4228);
  }
}
.snow:nth-child(103) {
  opacity: 0.5394;
  transform: translate(23.3808vw, -10px) scale(0.0956);
  animation: fall-103 11s -4s linear infinite;
}
@keyframes fall-103 {
  75.984% {
    transform: translate(30.634vw, 75.984vh) scale(0.0956);
  }
  to {
    transform: translate(27.0074vw, 100vh) scale(0.0956);
  }
}
.snow:nth-child(104) {
  opacity: 0.273;
  transform: translate(90.6902vw, -10px) scale(0.8946);
  animation: fall-104 29s -17s linear infinite;
}
@keyframes fall-104 {
  46.191% {
    transform: translate(95.6427vw, 46.191vh) scale(0.8946);
  }
  to {
    transform: translate(93.16645vw, 100vh) scale(0.8946);
  }
}
.snow:nth-child(105) {
  opacity: 0.7313;
  transform: translate(69.5183vw, -10px) scale(0.2145);
  animation: fall-105 22s -8s linear infinite;
}
@keyframes fall-105 {
  45.665% {
    transform: translate(76.8302vw, 45.665vh) scale(0.2145);
  }
  to {
    transform: translate(73.17425vw, 100vh) scale(0.2145);
  }
}
.snow:nth-child(106) {
  opacity: 0.1343;
  transform: translate(69.7569vw, -10px) scale(0.1317);
  animation: fall-106 28s -20s linear infinite;
}
@keyframes fall-106 {
  34.115% {
    transform: translate(75.1394vw, 34.115vh) scale(0.1317);
  }
  to {
    transform: translate(72.44815vw, 100vh) scale(0.1317);
  }
}
.snow:nth-child(107) {
  opacity: 0.4012;
  transform: translate(54.0399vw, -10px) scale(0.6879);
  animation: fall-107 11s -5s linear infinite;
}
@keyframes fall-107 {
  61.268% {
    transform: translate(45.4897vw, 61.268vh) scale(0.6879);
  }
  to {
    transform: translate(49.7648vw, 100vh) scale(0.6879);
  }
}
.snow:nth-child(108) {
  opacity: 0.2844;
  transform: translate(54.3187vw, -10px) scale(0.1394);
  animation: fall-108 18s -12s linear infinite;
}
@keyframes fall-108 {
  62.636% {
    transform: translate(62.0151vw, 62.636vh) scale(0.1394);
  }
  to {
    transform: translate(58.1669vw, 100vh) scale(0.1394);
  }
}
.snow:nth-child(109) {
  opacity: 0.1315;
  transform: translate(54.0797vw, -10px) scale(0.565);
  animation: fall-109 16s -14s linear infinite;
}
@keyframes fall-109 {
  72.491% {
    transform: translate(52.4665vw, 72.491vh) scale(0.565);
  }
  to {
    transform: translate(53.2731vw, 100vh) scale(0.565);
  }
}
.snow:nth-child(110) {
  opacity: 0.315;
  transform: translate(67.0312vw, -10px) scale(0.5888);
  animation: fall-110 13s -10s linear infinite;
}
@keyframes fall-110 {
  50.375% {
    transform: translate(63.6642vw, 50.375vh) scale(0.5888);
  }
  to {
    transform: translate(65.3477vw, 100vh) scale(0.5888);
  }
}
.snow:nth-child(111) {
  opacity: 0.9644;
  transform: translate(87.4413vw, -10px) scale(0.9551);
  animation: fall-111 30s -8s linear infinite;
}
@keyframes fall-111 {
  59.676% {
    transform: translate(89.8706vw, 59.676vh) scale(0.9551);
  }
  to {
    transform: translate(88.65595vw, 100vh) scale(0.9551);
  }
}
.snow:nth-child(112) {
  opacity: 0.4815;
  transform: translate(47.604vw, -10px) scale(0.9408);
  animation: fall-112 22s -27s linear infinite;
}
@keyframes fall-112 {
  73.399% {
    transform: translate(42.03vw, 73.399vh) scale(0.9408);
  }
  to {
    transform: translate(44.817vw, 100vh) scale(0.9408);
  }
}
.snow:nth-child(113) {
  opacity: 0.9874;
  transform: translate(55.3534vw, -10px) scale(0.3214);
  animation: fall-113 18s -3s linear infinite;
}
@keyframes fall-113 {
  30.456% {
    transform: translate(48.1183vw, 30.456vh) scale(0.3214);
  }
  to {
    transform: translate(51.73585vw, 100vh) scale(0.3214);
  }
}
.snow:nth-child(114) {
  opacity: 0.6582;
  transform: translate(18.2308vw, -10px) scale(0.1717);
  animation: fall-114 28s -7s linear infinite;
}
@keyframes fall-114 {
  34.288% {
    transform: translate(10.1036vw, 34.288vh) scale(0.1717);
  }
  to {
    transform: translate(14.1672vw, 100vh) scale(0.1717);
  }
}
.snow:nth-child(115) {
  opacity: 0.2353;
  transform: translate(84.2251vw, -10px) scale(0.3038);
  animation: fall-115 28s -11s linear infinite;
}
@keyframes fall-115 {
  36.95% {
    transform: translate(85.5995vw, 36.95vh) scale(0.3038);
  }
  to {
    transform: translate(84.9123vw, 100vh) scale(0.3038);
  }
}
.snow:nth-child(116) {
  opacity: 0.6408;
  transform: translate(53.2986vw, -10px) scale(0.2845);
  animation: fall-116 24s -5s linear infinite;
}
@keyframes fall-116 {
  35.117% {
    transform: translate(61.7625vw, 35.117vh) scale(0.2845);
  }
  to {
    transform: translate(57.53055vw, 100vh) scale(0.2845);
  }
}
.snow:nth-child(117) {
  opacity: 0.1911;
  transform: translate(34.4992vw, -10px) scale(0.8885);
  animation: fall-117 16s -25s linear infinite;
}
@keyframes fall-117 {
  62.04% {
    transform: translate(26.5424vw, 62.04vh) scale(0.8885);
  }
  to {
    transform: translate(30.5208vw, 100vh) scale(0.8885);
  }
}
.snow:nth-child(118) {
  opacity: 0.4594;
  transform: translate(74.1193vw, -10px) scale(0.2019);
  animation: fall-118 10s -24s linear infinite;
}
@keyframes fall-118 {
  57.562% {
    transform: translate(73.0835vw, 57.562vh) scale(0.2019);
  }
  to {
    transform: translate(73.6014vw, 100vh) scale(0.2019);
  }
}
.snow:nth-child(119) {
  opacity: 0.0396;
  transform: translate(71.5509vw, -10px) scale(0.4615);
  animation: fall-119 14s -10s linear infinite;
}
@keyframes fall-119 {
  72.554% {
    transform: translate(68.329vw, 72.554vh) scale(0.4615);
  }
  to {
    transform: translate(69.93995vw, 100vh) scale(0.4615);
  }
}
.snow:nth-child(120) {
  opacity: 0.0673;
  transform: translate(24.73vw, -10px) scale(0.1033);
  animation: fall-120 13s -15s linear infinite;
}
@keyframes fall-120 {
  72.627% {
    transform: translate(20.091vw, 72.627vh) scale(0.1033);
  }
  to {
    transform: translate(22.4105vw, 100vh) scale(0.1033);
  }
}
.snow:nth-child(121) {
  opacity: 0.4607;
  transform: translate(83.2393vw, -10px) scale(0.9132);
  animation: fall-121 25s -26s linear infinite;
}
@keyframes fall-121 {
  37.78% {
    transform: translate(85.9256vw, 37.78vh) scale(0.9132);
  }
  to {
    transform: translate(84.58245vw, 100vh) scale(0.9132);
  }
}
.snow:nth-child(122) {
  opacity: 0.7698;
  transform: translate(67.4519vw, -10px) scale(0.4644);
  animation: fall-122 27s -30s linear infinite;
}
@keyframes fall-122 {
  48.721% {
    transform: translate(66.3592vw, 48.721vh) scale(0.4644);
  }
  to {
    transform: translate(66.90555vw, 100vh) scale(0.4644);
  }
}
.snow:nth-child(123) {
  opacity: 0.8191;
  transform: translate(61.8635vw, -10px) scale(0.097);
  animation: fall-123 22s -13s linear infinite;
}
@keyframes fall-123 {
  56.302% {
    transform: translate(54.013vw, 56.302vh) scale(0.097);
  }
  to {
    transform: translate(57.93825vw, 100vh) scale(0.097);
  }
}
.snow:nth-child(124) {
  opacity: 0.5573;
  transform: translate(16.0971vw, -10px) scale(0.9379);
  animation: fall-124 17s -22s linear infinite;
}
@keyframes fall-124 {
  53.774% {
    transform: translate(14.8035vw, 53.774vh) scale(0.9379);
  }
  to {
    transform: translate(15.4503vw, 100vh) scale(0.9379);
  }
}
.snow:nth-child(125) {
  opacity: 0.9885;
  transform: translate(43.3215vw, -10px) scale(0.7246);
  animation: fall-125 18s -23s linear infinite;
}
@keyframes fall-125 {
  42.929% {
    transform: translate(50.2765vw, 42.929vh) scale(0.7246);
  }
  to {
    transform: translate(46.799vw, 100vh) scale(0.7246);
  }
}
.snow:nth-child(126) {
  opacity: 0.983;
  transform: translate(64.6946vw, -10px) scale(0.3515);
  animation: fall-126 15s -3s linear infinite;
}
@keyframes fall-126 {
  71.991% {
    transform: translate(64.045vw, 71.991vh) scale(0.3515);
  }
  to {
    transform: translate(64.3698vw, 100vh) scale(0.3515);
  }
}
.snow:nth-child(127) {
  opacity: 0.0625;
  transform: translate(88.5877vw, -10px) scale(0.3945);
  animation: fall-127 11s -23s linear infinite;
}
@keyframes fall-127 {
  68.714% {
    transform: translate(89.6584vw, 68.714vh) scale(0.3945);
  }
  to {
    transform: translate(89.12305vw, 100vh) scale(0.3945);
  }
}
.snow:nth-child(128) {
  opacity: 0.2217;
  transform: translate(53.9941vw, -10px) scale(0.9856);
  animation: fall-128 19s -10s linear infinite;
}
@keyframes fall-128 {
  32.616% {
    transform: translate(44.0043vw, 32.616vh) scale(0.9856);
  }
  to {
    transform: translate(48.9992vw, 100vh) scale(0.9856);
  }
}
.snow:nth-child(129) {
  opacity: 0.365;
  transform: translate(18.3918vw, -10px) scale(0.5329);
  animation: fall-129 13s -17s linear infinite;
}
@keyframes fall-129 {
  77.566% {
    transform: translate(27.2829vw, 77.566vh) scale(0.5329);
  }
  to {
    transform: translate(22.83735vw, 100vh) scale(0.5329);
  }
}
.snow:nth-child(130) {
  opacity: 0.4736;
  transform: translate(38.7267vw, -10px) scale(0.5627);
  animation: fall-130 24s -24s linear infinite;
}
@keyframes fall-130 {
  56.159% {
    transform: translate(30.7503vw, 56.159vh) scale(0.5627);
  }
  to {
    transform: translate(34.7385vw, 100vh) scale(0.5627);
  }
}
.snow:nth-child(131) {
  opacity: 0.9029;
  transform: translate(87.2268vw, -10px) scale(0.3311);
  animation: fall-131 29s -24s linear infinite;
}
@keyframes fall-131 {
  52.55% {
    transform: translate(80.4951vw, 52.55vh) scale(0.3311);
  }
  to {
    transform: translate(83.86095vw, 100vh) scale(0.3311);
  }
}
.snow:nth-child(132) {
  opacity: 0.7054;
  transform: translate(58.9974vw, -10px) scale(0.8529);
  animation: fall-132 19s -9s linear infinite;
}
@keyframes fall-132 {
  71.245% {
    transform: translate(61.0353vw, 71.245vh) scale(0.8529);
  }
  to {
    transform: translate(60.01635vw, 100vh) scale(0.8529);
  }
}
.snow:nth-child(133) {
  opacity: 0.7091;
  transform: translate(76.0005vw, -10px) scale(0.4211);
  animation: fall-133 19s -5s linear infinite;
}
@keyframes fall-133 {
  35.05% {
    transform: translate(80.1341vw, 35.05vh) scale(0.4211);
  }
  to {
    transform: translate(78.0673vw, 100vh) scale(0.4211);
  }
}
.snow:nth-child(134) {
  opacity: 0.7375;
  transform: translate(47.2653vw, -10px) scale(0.7384);
  animation: fall-134 14s -17s linear infinite;
}
@keyframes fall-134 {
  64.114% {
    transform: translate(40.3715vw, 64.114vh) scale(0.7384);
  }
  to {
    transform: translate(43.8184vw, 100vh) scale(0.7384);
  }
}
.snow:nth-child(135) {
  opacity: 0.238;
  transform: translate(20.1239vw, -10px) scale(0.6792);
  animation: fall-135 16s -15s linear infinite;
}
@keyframes fall-135 {
  49.847% {
    transform: translate(23.3764vw, 49.847vh) scale(0.6792);
  }
  to {
    transform: translate(21.75015vw, 100vh) scale(0.6792);
  }
}
.snow:nth-child(136) {
  opacity: 0.7673;
  transform: translate(24.028vw, -10px) scale(0.8772);
  animation: fall-136 21s -19s linear infinite;
}
@keyframes fall-136 {
  41.106% {
    transform: translate(16.5629vw, 41.106vh) scale(0.8772);
  }
  to {
    transform: translate(20.29545vw, 100vh) scale(0.8772);
  }
}
.snow:nth-child(137) {
  opacity: 0.3266;
  transform: translate(50.9529vw, -10px) scale(0.638);
  animation: fall-137 24s -16s linear infinite;
}
@keyframes fall-137 {
  60.248% {
    transform: translate(57.3088vw, 60.248vh) scale(0.638);
  }
  to {
    transform: translate(54.13085vw, 100vh) scale(0.638);
  }
}
.snow:nth-child(138) {
  opacity: 0.3524;
  transform: translate(86.3868vw, -10px) scale(0.6099);
  animation: fall-138 29s -16s linear infinite;
}
@keyframes fall-138 {
  57.862% {
    transform: translate(80.6805vw, 57.862vh) scale(0.6099);
  }
  to {
    transform: translate(83.53365vw, 100vh) scale(0.6099);
  }
}
.snow:nth-child(139) {
  opacity: 0.5796;
  transform: translate(6.4162vw, -10px) scale(0.0206);
  animation: fall-139 18s -26s linear infinite;
}
@keyframes fall-139 {
  35.85% {
    transform: translate(-2.1669vw, 35.85vh) scale(0.0206);
  }
  to {
    transform: translate(2.12465vw, 100vh) scale(0.0206);
  }
}
.snow:nth-child(140) {
  opacity: 0.0959;
  transform: translate(89.1274vw, -10px) scale(0.8044);
  animation: fall-140 21s -2s linear infinite;
}
@keyframes fall-140 {
  79.988% {
    transform: translate(96.1136vw, 79.988vh) scale(0.8044);
  }
  to {
    transform: translate(92.6205vw, 100vh) scale(0.8044);
  }
}
.snow:nth-child(141) {
  opacity: 0.7763;
  transform: translate(1.0251vw, -10px) scale(0.6092);
  animation: fall-141 11s -29s linear infinite;
}
@keyframes fall-141 {
  71.922% {
    transform: translate(-6.0355vw, 71.922vh) scale(0.6092);
  }
  to {
    transform: translate(-2.5052vw, 100vh) scale(0.6092);
  }
}
.snow:nth-child(142) {
  opacity: 0.155;
  transform: translate(75.2653vw, -10px) scale(0.7724);
  animation: fall-142 23s -21s linear infinite;
}
@keyframes fall-142 {
  48.667% {
    transform: translate(83.6002vw, 48.667vh) scale(0.7724);
  }
  to {
    transform: translate(79.43275vw, 100vh) scale(0.7724);
  }
}
.snow:nth-child(143) {
  opacity: 0.2381;
  transform: translate(44.8349vw, -10px) scale(0.065);
  animation: fall-143 29s -2s linear infinite;
}
@keyframes fall-143 {
  77.855% {
    transform: translate(38.4873vw, 77.855vh) scale(0.065);
  }
  to {
    transform: translate(41.6611vw, 100vh) scale(0.065);
  }
}
.snow:nth-child(144) {
  opacity: 0.7875;
  transform: translate(74.7609vw, -10px) scale(0.4815);
  animation: fall-144 28s -9s linear infinite;
}
@keyframes fall-144 {
  38.899% {
    transform: translate(69.5273vw, 38.899vh) scale(0.4815);
  }
  to {
    transform: translate(72.1441vw, 100vh) scale(0.4815);
  }
}
.snow:nth-child(145) {
  opacity: 0.2299;
  transform: translate(7.8744vw, -10px) scale(0.154);
  animation: fall-145 13s -3s linear infinite;
}
@keyframes fall-145 {
  36.606% {
    transform: translate(4.0238vw, 36.606vh) scale(0.154);
  }
  to {
    transform: translate(5.9491vw, 100vh) scale(0.154);
  }
}
.snow:nth-child(146) {
  opacity: 0.1104;
  transform: translate(68.7796vw, -10px) scale(0.0463);
  animation: fall-146 17s -11s linear infinite;
}
@keyframes fall-146 {
  63.531% {
    transform: translate(77.452vw, 63.531vh) scale(0.0463);
  }
  to {
    transform: translate(73.1158vw, 100vh) scale(0.0463);
  }
}
.snow:nth-child(147) {
  opacity: 0.23;
  transform: translate(92.5115vw, -10px) scale(0.8972);
  animation: fall-147 17s -10s linear infinite;
}
@keyframes fall-147 {
  45.097% {
    transform: translate(98.8288vw, 45.097vh) scale(0.8972);
  }
  to {
    transform: translate(95.67015vw, 100vh) scale(0.8972);
  }
}
.snow:nth-child(148) {
  opacity: 0.7411;
  transform: translate(16.3857vw, -10px) scale(0.5312);
  animation: fall-148 15s -20s linear infinite;
}
@keyframes fall-148 {
  60.806% {
    transform: translate(22.4261vw, 60.806vh) scale(0.5312);
  }
  to {
    transform: translate(19.4059vw, 100vh) scale(0.5312);
  }
}
.snow:nth-child(149) {
  opacity: 0.6261;
  transform: translate(94.3053vw, -10px) scale(0.751);
  animation: fall-149 28s -16s linear infinite;
}
@keyframes fall-149 {
  63.805% {
    transform: translate(95.4387vw, 63.805vh) scale(0.751);
  }
  to {
    transform: translate(94.872vw, 100vh) scale(0.751);
  }
}
.snow:nth-child(150) {
  opacity: 0.8441;
  transform: translate(78.5312vw, -10px) scale(0.4759);
  animation: fall-150 29s -4s linear infinite;
}
@keyframes fall-150 {
  42.494% {
    transform: translate(83.6137vw, 42.494vh) scale(0.4759);
  }
  to {
    transform: translate(81.07245vw, 100vh) scale(0.4759);
  }
}
.snow:nth-child(151) {
  opacity: 0.8692;
  transform: translate(35.1419vw, -10px) scale(0.5473);
  animation: fall-151 18s -10s linear infinite;
}
@keyframes fall-151 {
  41.026% {
    transform: translate(38.3561vw, 41.026vh) scale(0.5473);
  }
  to {
    transform: translate(36.749vw, 100vh) scale(0.5473);
  }
}
.snow:nth-child(152) {
  opacity: 0.6177;
  transform: translate(39.007vw, -10px) scale(0.0395);
  animation: fall-152 24s -4s linear infinite;
}
@keyframes fall-152 {
  53.713% {
    transform: translate(48.4382vw, 53.713vh) scale(0.0395);
  }
  to {
    transform: translate(43.7226vw, 100vh) scale(0.0395);
  }
}
.snow:nth-child(153) {
  opacity: 0.9521;
  transform: translate(4.5588vw, -10px) scale(0.0071);
  animation: fall-153 24s -21s linear infinite;
}
@keyframes fall-153 {
  65.245% {
    transform: translate(12.7221vw, 65.245vh) scale(0.0071);
  }
  to {
    transform: translate(8.64045vw, 100vh) scale(0.0071);
  }
}
.snow:nth-child(154) {
  opacity: 0.3094;
  transform: translate(91.4899vw, -10px) scale(0.0729);
  animation: fall-154 25s -14s linear infinite;
}
@keyframes fall-154 {
  35.398% {
    transform: translate(85.7784vw, 35.398vh) scale(0.0729);
  }
  to {
    transform: translate(88.63415vw, 100vh) scale(0.0729);
  }
}
.snow:nth-child(155) {
  opacity: 0.1753;
  transform: translate(66.3045vw, -10px) scale(0.3204);
  animation: fall-155 26s -29s linear infinite;
}
@keyframes fall-155 {
  65.336% {
    transform: translate(68.9159vw, 65.336vh) scale(0.3204);
  }
  to {
    transform: translate(67.6102vw, 100vh) scale(0.3204);
  }
}
.snow:nth-child(156) {
  opacity: 0.3065;
  transform: translate(94.7949vw, -10px) scale(0.8261);
  animation: fall-156 15s -10s linear infinite;
}
@keyframes fall-156 {
  74.775% {
    transform: translate(90.7803vw, 74.775vh) scale(0.8261);
  }
  to {
    transform: translate(92.7876vw, 100vh) scale(0.8261);
  }
}
.snow:nth-child(157) {
  opacity: 0.4751;
  transform: translate(80.4718vw, -10px) scale(0.1759);
  animation: fall-157 21s -13s linear infinite;
}
@keyframes fall-157 {
  48.222% {
    transform: translate(89.3769vw, 48.222vh) scale(0.1759);
  }
  to {
    transform: translate(84.92435vw, 100vh) scale(0.1759);
  }
}
.snow:nth-child(158) {
  opacity: 0.6045;
  transform: translate(64.9338vw, -10px) scale(0.1172);
  animation: fall-158 29s -9s linear infinite;
}
@keyframes fall-158 {
  62.204% {
    transform: translate(59.0449vw, 62.204vh) scale(0.1172);
  }
  to {
    transform: translate(61.98935vw, 100vh) scale(0.1172);
  }
}
.snow:nth-child(159) {
  opacity: 0.7507;
  transform: translate(64.4225vw, -10px) scale(0.7961);
  animation: fall-159 17s -22s linear infinite;
}
@keyframes fall-159 {
  35.14% {
    transform: translate(71.7006vw, 35.14vh) scale(0.7961);
  }
  to {
    transform: translate(68.06155vw, 100vh) scale(0.7961);
  }
}
.snow:nth-child(160) {
  opacity: 0.7817;
  transform: translate(5.6746vw, -10px) scale(0.8098);
  animation: fall-160 19s -22s linear infinite;
}
@keyframes fall-160 {
  78.818% {
    transform: translate(2.5047vw, 78.818vh) scale(0.8098);
  }
  to {
    transform: translate(4.08965vw, 100vh) scale(0.8098);
  }
}
.snow:nth-child(161) {
  opacity: 0.777;
  transform: translate(61.9707vw, -10px) scale(0.1681);
  animation: fall-161 12s -29s linear infinite;
}
@keyframes fall-161 {
  74.652% {
    transform: translate(57.466vw, 74.652vh) scale(0.1681);
  }
  to {
    transform: translate(59.71835vw, 100vh) scale(0.1681);
  }
}
.snow:nth-child(162) {
  opacity: 0.8927;
  transform: translate(91.8595vw, -10px) scale(0.5391);
  animation: fall-162 18s -22s linear infinite;
}
@keyframes fall-162 {
  48.896% {
    transform: translate(92.6391vw, 48.896vh) scale(0.5391);
  }
  to {
    transform: translate(92.2493vw, 100vh) scale(0.5391);
  }
}
.snow:nth-child(163) {
  opacity: 0.3357;
  transform: translate(24.0795vw, -10px) scale(0.4834);
  animation: fall-163 19s -11s linear infinite;
}
@keyframes fall-163 {
  71.229% {
    transform: translate(30.4526vw, 71.229vh) scale(0.4834);
  }
  to {
    transform: translate(27.26605vw, 100vh) scale(0.4834);
  }
}
.snow:nth-child(164) {
  opacity: 0.7015;
  transform: translate(89.0498vw, -10px) scale(0.7944);
  animation: fall-164 10s -11s linear infinite;
}
@keyframes fall-164 {
  49.787% {
    transform: translate(85.0936vw, 49.787vh) scale(0.7944);
  }
  to {
    transform: translate(87.0717vw, 100vh) scale(0.7944);
  }
}
.snow:nth-child(165) {
  opacity: 0.8607;
  transform: translate(24.0305vw, -10px) scale(0.6031);
  animation: fall-165 10s -24s linear infinite;
}
@keyframes fall-165 {
  76.16% {
    transform: translate(21.5437vw, 76.16vh) scale(0.6031);
  }
  to {
    transform: translate(22.7871vw, 100vh) scale(0.6031);
  }
}
.snow:nth-child(166) {
  opacity: 0.2842;
  transform: translate(76.5984vw, -10px) scale(0.6239);
  animation: fall-166 10s -14s linear infinite;
}
@keyframes fall-166 {
  45.883% {
    transform: translate(73.9908vw, 45.883vh) scale(0.6239);
  }
  to {
    transform: translate(75.2946vw, 100vh) scale(0.6239);
  }
}
.snow:nth-child(167) {
  opacity: 0.7948;
  transform: translate(32.8836vw, -10px) scale(0.7273);
  animation: fall-167 30s -9s linear infinite;
}
@keyframes fall-167 {
  42.482% {
    transform: translate(24.0969vw, 42.482vh) scale(0.7273);
  }
  to {
    transform: translate(28.49025vw, 100vh) scale(0.7273);
  }
}
.snow:nth-child(168) {
  opacity: 0.2544;
  transform: translate(47.925vw, -10px) scale(0.2834);
  animation: fall-168 27s -26s linear infinite;
}
@keyframes fall-168 {
  49.781% {
    transform: translate(46.64vw, 49.781vh) scale(0.2834);
  }
  to {
    transform: translate(47.2825vw, 100vh) scale(0.2834);
  }
}
.snow:nth-child(169) {
  opacity: 0.269;
  transform: translate(81.6504vw, -10px) scale(0.3014);
  animation: fall-169 10s -26s linear infinite;
}
@keyframes fall-169 {
  45.432% {
    transform: translate(85.499vw, 45.432vh) scale(0.3014);
  }
  to {
    transform: translate(83.5747vw, 100vh) scale(0.3014);
  }
}
.snow:nth-child(170) {
  opacity: 0.0676;
  transform: translate(26.4252vw, -10px) scale(0.6453);
  animation: fall-170 23s -2s linear infinite;
}
@keyframes fall-170 {
  65.847% {
    transform: translate(30.9298vw, 65.847vh) scale(0.6453);
  }
  to {
    transform: translate(28.6775vw, 100vh) scale(0.6453);
  }
}
.snow:nth-child(171) {
  opacity: 0.3969;
  transform: translate(66.7853vw, -10px) scale(0.1747);
  animation: fall-171 20s -21s linear infinite;
}
@keyframes fall-171 {
  49.888% {
    transform: translate(73.4804vw, 49.888vh) scale(0.1747);
  }
  to {
    transform: translate(70.13285vw, 100vh) scale(0.1747);
  }
}
.snow:nth-child(172) {
  opacity: 0.6803;
  transform: translate(74.5228vw, -10px) scale(0.8923);
  animation: fall-172 15s -6s linear infinite;
}
@keyframes fall-172 {
  48.281% {
    transform: translate(69.2487vw, 48.281vh) scale(0.8923);
  }
  to {
    transform: translate(71.88575vw, 100vh) scale(0.8923);
  }
}
.snow:nth-child(173) {
  opacity: 0.1483;
  transform: translate(9.6358vw, -10px) scale(0.417);
  animation: fall-173 12s -7s linear infinite;
}
@keyframes fall-173 {
  62.5% {
    transform: translate(3.2447vw, 62.5vh) scale(0.417);
  }
  to {
    transform: translate(6.44025vw, 100vh) scale(0.417);
  }
}
.snow:nth-child(174) {
  opacity: 0.9714;
  transform: translate(91.3449vw, -10px) scale(0.393);
  animation: fall-174 30s -25s linear infinite;
}
@keyframes fall-174 {
  75.327% {
    transform: translate(87.7858vw, 75.327vh) scale(0.393);
  }
  to {
    transform: translate(89.56535vw, 100vh) scale(0.393);
  }
}
.snow:nth-child(175) {
  opacity: 0.0078;
  transform: translate(19.1788vw, -10px) scale(0.9993);
  animation: fall-175 15s -21s linear infinite;
}
@keyframes fall-175 {
  62.235% {
    transform: translate(11.699vw, 62.235vh) scale(0.9993);
  }
  to {
    transform: translate(15.4389vw, 100vh) scale(0.9993);
  }
}
.snow:nth-child(176) {
  opacity: 0.0785;
  transform: translate(18.5974vw, -10px) scale(0.7978);
  animation: fall-176 20s -19s linear infinite;
}
@keyframes fall-176 {
  49.114% {
    transform: translate(18.4461vw, 49.114vh) scale(0.7978);
  }
  to {
    transform: translate(18.52175vw, 100vh) scale(0.7978);
  }
}
.snow:nth-child(177) {
  opacity: 0.8758;
  transform: translate(69.199vw, -10px) scale(0.4105);
  animation: fall-177 29s -26s linear infinite;
}
@keyframes fall-177 {
  37.542% {
    transform: translate(69.0448vw, 37.542vh) scale(0.4105);
  }
  to {
    transform: translate(69.1219vw, 100vh) scale(0.4105);
  }
}
.snow:nth-child(178) {
  opacity: 0.7156;
  transform: translate(60.5551vw, -10px) scale(0.2813);
  animation: fall-178 14s -4s linear infinite;
}
@keyframes fall-178 {
  47.656% {
    transform: translate(57.4744vw, 47.656vh) scale(0.2813);
  }
  to {
    transform: translate(59.01475vw, 100vh) scale(0.2813);
  }
}
.snow:nth-child(179) {
  opacity: 0.5404;
  transform: translate(57.8643vw, -10px) scale(0.7416);
  animation: fall-179 14s -16s linear infinite;
}
@keyframes fall-179 {
  62.682% {
    transform: translate(62.4588vw, 62.682vh) scale(0.7416);
  }
  to {
    transform: translate(60.16155vw, 100vh) scale(0.7416);
  }
}
.snow:nth-child(180) {
  opacity: 0.1073;
  transform: translate(75.9085vw, -10px) scale(0.7433);
  animation: fall-180 22s -8s linear infinite;
}
@keyframes fall-180 {
  49.752% {
    transform: translate(72.5656vw, 49.752vh) scale(0.7433);
  }
  to {
    transform: translate(74.23705vw, 100vh) scale(0.7433);
  }
}
.snow:nth-child(181) {
  opacity: 0.5245;
  transform: translate(93.7715vw, -10px) scale(0.6136);
  animation: fall-181 29s -25s linear infinite;
}
@keyframes fall-181 {
  78.775% {
    transform: translate(84.6175vw, 78.775vh) scale(0.6136);
  }
  to {
    transform: translate(89.1945vw, 100vh) scale(0.6136);
  }
}
.snow:nth-child(182) {
  opacity: 0.5645;
  transform: translate(60.7061vw, -10px) scale(0.7257);
  animation: fall-182 16s -9s linear infinite;
}
@keyframes fall-182 {
  55.624% {
    transform: translate(60.5274vw, 55.624vh) scale(0.7257);
  }
  to {
    transform: translate(60.61675vw, 100vh) scale(0.7257);
  }
}
.snow:nth-child(183) {
  opacity: 0.9172;
  transform: translate(75.8472vw, -10px) scale(0.7552);
  animation: fall-183 20s -23s linear infinite;
}
@keyframes fall-183 {
  59.61% {
    transform: translate(79.3477vw, 59.61vh) scale(0.7552);
  }
  to {
    transform: translate(77.59745vw, 100vh) scale(0.7552);
  }
}
.snow:nth-child(184) {
  opacity: 0.7651;
  transform: translate(44.0221vw, -10px) scale(0.8719);
  animation: fall-184 15s -24s linear infinite;
}
@keyframes fall-184 {
  69.589% {
    transform: translate(34.4436vw, 69.589vh) scale(0.8719);
  }
  to {
    transform: translate(39.23285vw, 100vh) scale(0.8719);
  }
}
.snow:nth-child(185) {
  opacity: 0.3626;
  transform: translate(23.4076vw, -10px) scale(0.5226);
  animation: fall-185 21s -20s linear infinite;
}
@keyframes fall-185 {
  54.081% {
    transform: translate(31.9529vw, 54.081vh) scale(0.5226);
  }
  to {
    transform: translate(27.68025vw, 100vh) scale(0.5226);
  }
}
.snow:nth-child(186) {
  opacity: 0.1679;
  transform: translate(81.0061vw, -10px) scale(0.6248);
  animation: fall-186 20s -12s linear infinite;
}
@keyframes fall-186 {
  65.03% {
    transform: translate(83.0394vw, 65.03vh) scale(0.6248);
  }
  to {
    transform: translate(82.02275vw, 100vh) scale(0.6248);
  }
}
.snow:nth-child(187) {
  opacity: 0.0791;
  transform: translate(59.763vw, -10px) scale(0.4374);
  animation: fall-187 11s -17s linear infinite;
}
@keyframes fall-187 {
  70.698% {
    transform: translate(52.0094vw, 70.698vh) scale(0.4374);
  }
  to {
    transform: translate(55.8862vw, 100vh) scale(0.4374);
  }
}
.snow:nth-child(188) {
  opacity: 0.6375;
  transform: translate(45.529vw, -10px) scale(0.5809);
  animation: fall-188 11s -28s linear infinite;
}
@keyframes fall-188 {
  65.356% {
    transform: translate(47.702vw, 65.356vh) scale(0.5809);
  }
  to {
    transform: translate(46.6155vw, 100vh) scale(0.5809);
  }
}
.snow:nth-child(189) {
  opacity: 0.0387;
  transform: translate(63.3578vw, -10px) scale(0.9787);
  animation: fall-189 21s -30s linear infinite;
}
@keyframes fall-189 {
  54.228% {
    transform: translate(58.6312vw, 54.228vh) scale(0.9787);
  }
  to {
    transform: translate(60.9945vw, 100vh) scale(0.9787);
  }
}
.snow:nth-child(190) {
  opacity: 0.7407;
  transform: translate(74.4526vw, -10px) scale(0.2414);
  animation: fall-190 15s -20s linear infinite;
}
@keyframes fall-190 {
  50.873% {
    transform: translate(82.8515vw, 50.873vh) scale(0.2414);
  }
  to {
    transform: translate(78.65205vw, 100vh) scale(0.2414);
  }
}
.snow:nth-child(191) {
  opacity: 0.4262;
  transform: translate(55.2598vw, -10px) scale(0.7482);
  animation: fall-191 30s -12s linear infinite;
}
@keyframes fall-191 {
  68.988% {
    transform: translate(59.7874vw, 68.988vh) scale(0.7482);
  }
  to {
    transform: translate(57.5236vw, 100vh) scale(0.7482);
  }
}
.snow:nth-child(192) {
  opacity: 0.2721;
  transform: translate(52.6142vw, -10px) scale(0.4157);
  animation: fall-192 20s -4s linear infinite;
}
@keyframes fall-192 {
  39.696% {
    transform: translate(46.2958vw, 39.696vh) scale(0.4157);
  }
  to {
    transform: translate(49.455vw, 100vh) scale(0.4157);
  }
}
.snow:nth-child(193) {
  opacity: 0.2357;
  transform: translate(49.4507vw, -10px) scale(0.8841);
  animation: fall-193 27s -9s linear infinite;
}
@keyframes fall-193 {
  51.57% {
    transform: translate(45.1015vw, 51.57vh) scale(0.8841);
  }
  to {
    transform: translate(47.2761vw, 100vh) scale(0.8841);
  }
}
.snow:nth-child(194) {
  opacity: 0.0427;
  transform: translate(65.3859vw, -10px) scale(0.5352);
  animation: fall-194 23s -11s linear infinite;
}
@keyframes fall-194 {
  30.077% {
    transform: translate(75.1954vw, 30.077vh) scale(0.5352);
  }
  to {
    transform: translate(70.29065vw, 100vh) scale(0.5352);
  }
}
.snow:nth-child(195) {
  opacity: 0.2034;
  transform: translate(22.2685vw, -10px) scale(0.9201);
  animation: fall-195 25s -12s linear infinite;
}
@keyframes fall-195 {
  53.225% {
    transform: translate(13.2156vw, 53.225vh) scale(0.9201);
  }
  to {
    transform: translate(17.74205vw, 100vh) scale(0.9201);
  }
}
.snow:nth-child(196) {
  opacity: 0.4402;
  transform: translate(7.5599vw, -10px) scale(0.2913);
  animation: fall-196 11s -26s linear infinite;
}
@keyframes fall-196 {
  76.68% {
    transform: translate(0.5917vw, 76.68vh) scale(0.2913);
  }
  to {
    transform: translate(4.0758vw, 100vh) scale(0.2913);
  }
}
.snow:nth-child(197) {
  opacity: 0.5111;
  transform: translate(54.0085vw, -10px) scale(0.0635);
  animation: fall-197 25s -7s linear infinite;
}
@keyframes fall-197 {
  76.277% {
    transform: translate(53.8935vw, 76.277vh) scale(0.0635);
  }
  to {
    transform: translate(53.951vw, 100vh) scale(0.0635);
  }
}
.snow:nth-child(198) {
  opacity: 0.453;
  transform: translate(26.4832vw, -10px) scale(0.7762);
  animation: fall-198 13s -23s linear infinite;
}
@keyframes fall-198 {
  66.232% {
    transform: translate(19.7682vw, 66.232vh) scale(0.7762);
  }
  to {
    transform: translate(23.1257vw, 100vh) scale(0.7762);
  }
}
.snow:nth-child(199) {
  opacity: 0.1764;
  transform: translate(85.5438vw, -10px) scale(0.5448);
  animation: fall-199 29s -12s linear infinite;
}
@keyframes fall-199 {
  66.698% {
    transform: translate(89.238vw, 66.698vh) scale(0.5448);
  }
  to {
    transform: translate(87.3909vw, 100vh) scale(0.5448);
  }
}
.snow:nth-child(200) {
  opacity: 0.8162;
  transform: translate(44.8143vw, -10px) scale(0.5664);
  animation: fall-200 11s -20s linear infinite;
}
@keyframes fall-200 {
  38.769% {
    transform: translate(51.8581vw, 38.769vh) scale(0.5664);
  }
  to {
    transform: translate(48.3362vw, 100vh) scale(0.5664);
  }
}

.kuponkuldes-wrapper {
  width: 100%;
}

.kuponkuldes-input-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

.egykupon-info-wrapper {
  border: 1px solid #b9b9b9;
  padding: 7px;
  background-color: #faf0fd;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  margin-bottom: 10px;
}

.egykupon-info-wrapper p {
  margin: 2px 0;
}

.egykupon-info-title {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
}

.kuponkuldes-kedves {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.kuponkuldes-szoveg {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}

.kuponkuldes-kuponok {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.fc-item-gift {
  background-color: #fdebff;
}

.badge-wrapper {
  position: absolute;
  width: 60px;
  height: -moz-max-content;
  height: max-content;
  background-color: transparent;
  right: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 5px;
}

.swiper-kat-car {
  background-color: #ffffff;
  height: -moz-max-content;
  height: max-content;
  padding: 7px;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #e1e1e1;
  color: #000;
}

.swiper-kat-car:hover {
  background-color: #000;
  height: -moz-max-content;
  height: max-content;
  padding: 7px;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #e1e1e1;
  color: #fff;
}

.swiper-kat-car.activekat {
  background-color: #7f00ff;
  color: #fff;
}

.swiper-kat-car.activekat:hover {
  background-color: #7f00ff;
  color: #fff;
}

.fokategoria-swiper {
  font-weight: 600 !important;
  text-transform: uppercase;
}

.swiper-kat-car-return {
  background-color: #000;
  height: -moz-max-content;
  height: max-content;
  padding: 7px;
  font-size: 12px;
  font-weight: 400;
  border: 1px solid #e1e1e1;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

.swiper-kat-car-return:hover {
  background-color: #fff;
  height: -moz-max-content;
  height: max-content;
  padding: 7px;
  font-size: 12px;
  border: 1px solid #e1e1e1;
  color: #000;
}

.swiper-kat-car-jelen {
  background-color: transparent;
  height: -moz-max-content;
  height: max-content;
  padding: 7px;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid transparent;
  color: #000000;
  text-transform: uppercase;
  cursor: default;
}

.addtocartalert-ajanlo-wrapper {
  margin: 10px;
  padding: 7px;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #7c0bff;
  color: #fff;
  text-align: center;
  font-weight: 600;
}

.zoom-in-out-box {
  animation: zoom-in-zoom-out 1s ease;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%;
  }
  25% {
    scale: 90%;
  }
  50% {
    scale: 105%;
  }
  100% {
    scale: 100%;
  }
}
.kategoriaSwiper {
  height: 65px;
}

.kat-swiper-container {
  width: calc(100% - 80px);
  margin-inline: auto;
}

.swiper-container {
  position: relative;
}

.swiper {
  position: static;
}

.kat-swiper-button-next {
  right: -40px;
  left: auto;
}

.kat-swiper-button-prev {
  left: -40px;
  right: auto;
}

.kat-swiper-button-next, .kat-swiper-button-prev {
  position: absolute;
  top: calc(50% + 6px);
  width: 30px;
  height: 30px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.kat-swiper-button-next:after, .kat-swiper-button-prev:after {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-family: "FontAwesome";
  font-size: 15px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  background-color: #7f00ff;
  border-radius: 50%;
  font-weight: 600;
}

.kat-swiper-button-prev:after {
  content: "\f104";
}

.kat-swiper-button-next:after {
  content: "\f105";
}

.kat-swiper-button-next.swiper-button-disabled, .kat-swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.kat-swiper-sticky-wrapper {
  width: 100%;
  position: sticky;
  top: 54px;
  background-color: #efefef;
  z-index: 10;
  border-bottom: 1px solid;
  height: 70px;
  padding-left: 0px;
  padding-right: 0px;
}

.kat-swiper-sticky-bottom-wrapper {
  padding-left: 7px;
  padding-right: 7px;
}

.swiper-slide-item {
  background-color: transparent !important;
}

.blogpost-page-new {
  width: 100%;
}
.blogpost-page-new img {
  margin-left: 10px;
  margin-right: 10px;
}

.blogtitlebg {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 100%;
  padding: 20px;
  background: linear-gradient(90deg, rgb(64, 173, 211) 0%, rgb(148, 56, 148) 40%, rgb(170, 60, 137) 60%, rgb(209, 66, 118) 100%);
}

.swiper-nowrap {
  flex-wrap: nowrap !important;
}

.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: #fff;
  border: 1px solid #000;
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #68cbeb;
  border: none;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.swiper-container {
  overflow: visible;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -30px;
  left: 0;
  width: 100%;
}

.swiper-hero-alt {
  padding-bottom: 7px;
  background-color: #fff;
  overflow: hidden;
}

.topbanner-wrapper-home {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
  max-width: 1600px;
  margin-top: 20px;
}

.swiper-pagination {
  display: flex;
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  justify-content: center;
  align-items: center;
}

.swiper-hero-belso {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  background-color: #fff;
  margin-top: 10px;
}

.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: #fff;
  border: 1px solid #000;
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #68cbeb;
  border: none;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
}

.csakkepekwrapper {
  display: flex;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  place-content: stretch flex-start;
  align-items: stretch;
  min-width: 100%;
  justify-content: space-between;
  background-color: #330938;
  padding: 20px;
}

.csakkepekitem {
  flex: 0 0 100%;
  margin-bottom: 10px;
  margin-top: 10px;
  /* margin-left: 10px;
  margin-right: 10px; */
}

@media screen and (min-width: 768px) {
  .csakkepekitem {
    flex: 0 0 calc(50% - 20px);
    /* margin-left: 10px;
    margin-right: 10px; */
  }
}
@media screen and (min-width: 1024px) {
  .csakkepekitem {
    flex: 0 0 calc(25% - 20px);
    /* margin-left: 10px;
    margin-right: 10px; */
  }
}
.swiper-pagination-bullets-sh20 .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  text-align: center;
  line-height: 7px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: #fff;
  border: 1px solid #000;
}

.swiper-pagination-bullets-sh20 .swiper-pagination-bullet-active {
  color: #fff;
  background: #000;
  border: none;
  width: 7px;
  height: 7px;
  text-align: center;
  line-height: 7px;
}

.swiper-pagination-bullets-sh20 {
  bottom: -20px !important;
  left: 0;
  width: 100%;
}

.csakkepekwrapper21 {
  display: flex;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  place-content: stretch flex-start;
  align-items: stretch;
  min-width: 100%;
  justify-content: space-evenly;
  min-height: 500px;
  margin-bottom: 14px;
}

.csakkepekitem2 {
  border-radius: 0 0 0 0;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  width: 100%;
  margin-right: 0%;
  cursor: pointer;
}

.csakkepekitem1 {
  border-radius: 0 0 0 0;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  width: 100%;
  cursor: pointer;
}

.banner-left-text {
  margin-top: 20px;
  margin-left: 20px;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  font-family: "Josefin Sans";
  text-transform: uppercase;
  padding: 7px 7px 4px 7px;
  background-color: rgba(0, 0, 0, 0.368627451);
  max-width: 70%;
}

@media screen and (min-width: 780px) {
  .csakkepekwrapper21 {
    min-height: 400px;
  }
  .csakkepekitem2 {
    border-radius: 0 10px 10px 0;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    width: 66%;
    margin-right: 1%;
    cursor: pointer;
  }
  .csakkepekitem1 {
    border-radius: 10px 0 0 10px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    width: 33%;
    cursor: pointer;
  }
}
.csakkepekwrapper21 {
  display: flex;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  place-content: stretch flex-start;
  align-items: stretch;
  min-width: 100%;
  justify-content: space-evenly;
  min-height: 500px;
  margin-bottom: 14px;
}

.csakkepekitem122 {
  border-radius: 0 0 0 0;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  width: 100%;
  margin-right: 0%;
  cursor: pointer;
}

.csakkepekitem121 {
  border-radius: 0 0 0 0;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  width: 100%;
  cursor: pointer;
}

.banner-left-text {
  margin-top: 20px;
  margin-left: 20px;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  font-family: "Josefin Sans";
  text-transform: uppercase;
  padding: 7px 7px 4px 7px;
  background-color: rgba(0, 0, 0, 0.368627451);
  max-width: 70%;
}

@media screen and (min-width: 780px) {
  .csakkepekwrapper21 {
    min-height: 400px;
  }
  .csakkepekitem122 {
    border-radius: 10px 0 0 10px;
    width: 66%;
    cursor: pointer;
  }
  .csakkepekitem121 {
    border-radius: 0 10px 10px 0;
    margin-bottom: 10px;
    width: 33%;
    margin-right: 1%;
    cursor: pointer;
  }
}
.csakkepekwrapper21 {
  display: flex;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  place-content: stretch flex-start;
  align-items: stretch;
  min-width: 100%;
  justify-content: space-evenly;
  min-height: 500px;
  margin-bottom: 14px;
}

.csakkepekitem111 {
  border-radius: 0 0 0 0;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  width: 100%;
  margin-right: 0%;
  cursor: pointer;
}

.csakkepekitem112 {
  border-radius: 0 0 0 0;
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  width: 100%;
  margin-right: 0%;
  cursor: pointer;
}

.banner-left-text {
  margin-top: 20px;
  margin-left: 20px;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
  font-family: "Josefin Sans";
  text-transform: uppercase;
  padding: 7px 7px 4px 7px;
  background-color: rgba(0, 0, 0, 0.368627451);
  max-width: 70%;
}

@media screen and (min-width: 780px) {
  .csakkepekwrapper21 {
    min-height: 400px;
  }
  .csakkepekitem112 {
    border-radius: 10px 0 0 10px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    width: 50%;
    cursor: pointer;
  }
  .csakkepekitem111 {
    border-radius: 0 10px 10px 0;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    width: 49%;
    margin-right: 1%;
    cursor: pointer;
  }
}
.swiper-container {
  overflow: visible;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -30px;
  left: 0;
  width: 100%;
}

.swiper-hero-alt {
  padding-bottom: 7px;
  background-color: #fff;
  overflow: hidden;
}

.topbanner-wrapper-home {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  overflow: hidden;
  max-width: 1600px;
}

.swiper-pagination {
  display: flex;
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  justify-content: center;
  align-items: center;
}

.ajlist-title-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
  width: 100%;
}

.ajlist-title {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Josefin Sans";
  width: 100%;
  text-align: left;
}

.ajlist-more {
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  font-family: "Josefin Sans";
  width: 100%;
  text-align: right;
}

.ajlist-more:hover {
  text-decoration: underline;
}

@media screen and (min-width: 780px) {
  .ajlist-title-wrapper {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 7px;
    width: 100%;
  }
  .ajlist-more {
    justify-content: right;
  }
}
.blog-list-wrapper {
  z-index: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.blogpost-list-item {
  width: 50%;
}

ul.tags {
  list-style: none;
  margin: 0 0 3rem 0;
  background-color: #84c5e7;
  padding: 20px;
  border-radius: 15px;
  font-family: "Rubik", sans-serif;
}

ul.tags li {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
}

ul.tags li a {
  background: #fff;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  padding: 5px 10px;
  margin-left: 7px;
  text-transform: uppercase;
  font-weight: 500;
}

.featured-blog__button {
  margin: 30px 0 30px;
  text-align: center;
}

.button-mate-2 {
  width: 200px;
  display: inline-block;
  border: 2px solid #0000ff;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 30px;
  background: #0000ff;
  padding: 15px 22px;
  line-height: 22px;
  border-radius: 30px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0px;
}

.button-mate-2 a {
  width: 200px;
  font-size: 16px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 50px;
  transition: all 0.5s ease;
  z-index: 2;
  position: relative;
  padding: 15px 22px;
  line-height: 22px;
  border-radius: 30px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  text-decoration: none;
  box-shadow: none;
  font-size: 14px;
  text-align: center;
  letter-spacing: 0px;
}

.eff-2 {
  width: 244px;
  height: 100%;
  bottom: -100%;
  left: -22px;
  background: #fff;
  position: absolute;
  transition: all 0.5s ease;
  z-index: 1;
  padding: 15px 22px;
}

.button-mate-2:hover .eff-2 {
  bottom: 0;
}

.button-mate-2:hover a {
  color: #0000ff;
}

.blogpost-page-body {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.blogpost-page-body2 {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}

.blogpost-title {
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  font-family: "Nunito Sans";
  color: #963a96;
  line-height: 1.1;
  padding: 10px 20px 10px;
}

.blogpost-date {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #000;
  font-family: "Josefin Sans";
  padding-bottom: 30px;
  text-transform: uppercase;
}

.blogpost-txt {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 30px;
  margin-bottom: 50px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  font-family: "Rubik", sans-serif;
}
.blogpost-txt h1 {
  margin-top: 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  font-family: "Josefin Sans";
  font-variant: small-caps;
  color: #330938;
  letter-spacing: 0;
}
.blogpost-txt h2 {
  margin-top: 30px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5;
  font-weight: 800;
  font-family: "Nunito Sans";
  color: #963a96;
  letter-spacing: 0;
  text-transform: none;
}

.blogpost-image {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.date__box {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ccc;
  border: 3px solid;
  font-weight: 400;
  padding: 5px 10px;
  font-family: "PT Sans Narrow";
}
.date__box .date__day {
  font-size: 22px;
}

.blog-card {
  padding: 30px;
  position: relative;
}
.blog-card .blog-text {
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}
.blog-card .date__box {
  opacity: 0;
  transform: scale(0.5);
  transition: 300ms ease-in-out;
}
.blog-card .blog-card__background,
.blog-card .card__background--layer {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.blog-card .blog-card__background {
  padding: 15px;
  background: white;
}
.blog-card .card__background--wrapper {
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0 60%);
  position: relative;
  overflow: hidden;
}
.blog-card .card__background--main {
  height: 100%;
  position: relative;
  transition: 300ms ease-in-out;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-card .card__background--layer {
  z-index: 0;
  opacity: 0;
  background: rgba(51, 51, 51, 0.9);
  transition: 300ms ease-in-out;
}
.blog-card .blog-card__head {
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-card .blog-card__info {
  z-index: 10;
  background: white;
  padding: 20px 15px;
}
.blog-card .blog-card__info h5 {
  transition: 300ms ease-in-out;
  font-family: "Josefin Sans";
  text-transform: uppercase;
}
.blog-card:hover .date__box {
  opacity: 1;
  transform: scale(1);
}
.blog-card:hover .card__background--main {
  transform: scale(1.2) rotate(5deg);
}
.blog-card:hover .card__background--layer {
  opacity: 1;
}
.blog-card:hover .blog-card__info h5 {
  color: #330938;
}

a.icon-link {
  color: #363738;
  transition: 200ms ease-in-out;
}
a.icon-link i {
  color: #330938;
}
a.icon-link:hover {
  color: #330938;
  text-decoration: none;
}

.btn {
  background: white;
  color: #363738;
  font-weight: 600;
  outline: none;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  padding: 0;
  border: none;
  text-transform: uppercase;
}
.btn:focus {
  box-shadow: none;
}
.btn:hover {
  background: #330938;
  color: #fff;
}
.btn.btn--with-icon {
  padding-right: 20px;
}
.btn.btn--with-icon i {
  padding: 0px 30px 0px 15px;
  margin-right: 10px;
  height: 50px;
  line-height: 50px;
  vertical-align: bottom;
  color: white;
  background: #330938;
  clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);
}
.btn.btn--only-icon {
  width: 50px;
}

.clock-container-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}

.clock-day:before {
  content: var(--timer-day);
}
.clock-hours:before {
  content: var(--timer-hours);
}
.clock-minutes:before {
  content: var(--timer-minutes);
}
.clock-seconds:before {
  content: var(--timer-seconds);
}

.clock-title {
  color: #fff;
  width: 100%;
  display: flex;
  justify-content: center;
  font-family: "Josefin Sans";
  padding-bottom: 7px;
  text-transform: uppercase;
  text-align: center;
}

.clock-timer {
  color: #fff;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0px;
}

.clock-container {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #330938;
  border-radius: 5px;
  padding: 10px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 400px;
}
.clock-col {
  text-align: center;
  margin-right: 10px;
  margin-left: 10px;
  min-width: 50px;
  position: relative;
}
.clock-col:not(:last-child):before, .clock-col:not(:last-child):after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 3px;
  width: 3px;
  border-radius: 50%;
  display: block;
  position: absolute;
  right: -10px;
}
.clock-col:not(:last-child):before {
  top: 24%;
}
.clock-col:not(:last-child):after {
  top: 36%;
}
.clock-timer:before {
  color: #fff;
  font-size: 4.2rem;
  text-transform: uppercase;
}
.clock-label {
  color: rgba(255, 255, 255, 0.48);
  text-transform: uppercase;
  font-size: 0.7rem;
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (max-width: 825px) {
  .clock-container {
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .clock-col + .clock-col {
    margin-top: 0px;
  }
  .clock-col:before, .clock-col:after {
    display: none !important;
  }
}
.order-completed-wrapper {
  width: 460px;
  background-color: white;
  padding: 15px;
  border: 1px solid;
  margin-bottom: 20px;
}

.order-completed-page {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

.order-complete-title {
  font-family: "Josefin Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  padding-bottom: 15px;
}

.loader-overlay {
  -ms-opacity: 0.9;
  background: #444;
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: fixed;
  top: 0;
  vertical-align: middle;
  width: 100%;
  z-index: 100000;
}

.loader-content {
  margin-left: auto;
  margin-top: auto;
  width: 50%;
}

.loader-center {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  display: block;
  position: fixed;
  top: 30%;
  transform: translate(-50%, -55%);
}

.loader-text {
  color: #FFF;
  font-size: 18px;
  height: 50%;
  text-align: center;
}

.registerbenefits {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: left;
}

.registerbenefits__blocks {
  background-color: #fff;
  padding: 15px 15px 20px;
  display: grid;
  row-gap: 8px;
}

.registerbenefits__block {
  display: flex;
  width: 100%;
  justify-content: left;
  grid-template-columns: 1fr 10fr;
  align-items: center;
  padding: 5px 10px 5px 10px;
  overflow: hidden;
  /* box-shadow: 0 5px 7px -1px rgba(51, 51, 51, 0.23); */
  /* cursor: pointer; */
  transition: transform 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98), box-shadow 0.25s cubic-bezier(0.7, 0.98, 0.86, 0.98);
  /* background-color: #fff0; */
  margin-bottom: 2px;
}

.registerbenefits__block.active {
  transform: scale(1.05);
  /* box-shadow: 0 9px 47px 11px rgba(51, 51, 51, 0.18); */
}

.registerbenefits__name {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.64px;
  margin-left: 12px;
}

.registerbenefits__value {
  color: #35d8ac;
  font-weight: 700;
  font-size: 34px;
  text-align: right;
}

.registerbenefits__value > span {
  opacity: 0.8;
  font-weight: 600;
  font-size: 13px;
  margin-left: 3px;
}

.registerbenefits {
  /* box-shadow: 0 0 40px -10px rgba(0, 0, 0, 0.4); */
}

.title-complete {
  padding-bottom: 10px;
  text-transform: uppercase;
  /* letter-spacing: 1px; */
  font-family: "Josefin Sans";
  font-size: 15px;
}

.details {
  font-family: "Rubik", sans-serif;
  font-size: 14px;
}

.order-number {
  text-align: center;
  margin-top: 14px;
}

.registerforbenefits {
  width: 100%;
  font-family: "Josefin Sans";
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 7px;
  background-color: #ffffff;
  color: #000;
  font-size: 18px;
  font-weight: 700;
}

.registerforbenefits-info {
  text-align: left;
  font-size: 12px;
  margin-bottom: 12px;
  font-family: "Rubik", sans-serif;
}

.addtocartalert {
  position: fixed;
  bottom: -100%;
  left: 0;
  right: unset;
  top: unset;
  z-index: 9999;
  width: 100%;
  min-height: 150px;
  background-color: #fff;
  border: 3px solid #74dbaf;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: bottom 0.4s ease-out;
}

.addtocartalert-close-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 7px 20px;
}

.addtocartalert.false {
  border-color: #d92a2a;
}

.addtocartalert.active {
  /*  transition: transform 1000ms ease-in-out;
   transform: translateX(0); */
  bottom: 0;
  right: unset;
}

.addtocartalert-wrapper {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.addtocartalert-title {
  width: 100%;
  font-family: "Josefin Sans";
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
  background-color: #74dbaf;
  padding: 5px 5px 3px 5px;
}

.addtocartalert-title.false {
  color: #fff;
  background-color: #d92a2a;
}

.addtocartalert-img-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 8px;
}

.addtocartalert-quantity {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-family: "Josefin Sans";
  font-weight: 500;
  padding-left: 2px;
}

.addtocartalert-img {
  display: flex;
  align-items: center;
  width: 70px;
}

.addtocartalert-name {
  font-family: "Josefin Sans";
  font-size: 14px;
  padding: 8px;
  line-height: 1.3;
  font-weight: 400;
  text-align: center;
  width: 100%;
}

.overlay-spinner-left-flyout {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(67, 67, 68, 0.631372549);
}

#style-3::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #fff;
}

#style-3::-webkit-scrollbar {
  border-radius: 5px;
  width: 6px;
  background-color: #fff;
}

#style-3::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}

#style-3::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}

#style-3::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000, #000);
}

.contentcosh20.checkout-summary-items::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.contentcosh20.checkout-summary-items::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #eee;
  box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
}

.contentcosh20.checkout-summary-items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}

.contentcosh20.checkout-summary-items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000, #000);
}

.validation-summary-errors {
  padding: 10px;
  background-color: #ff385c;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
  border-radius: 15px;
}

.togglewrapper {
  display: flex;
  width: 100%;
  align-items: flex-start;
}

.toggletext {
  width: calc(100% - 70px);
  font-size: 12px;
  padding-top: 2px;
}

/* 

The following vars come from my theme. 
You'll need to replace with your own color values. 

$sh-kek: #
- "$sh-piros"
- "$sh-lila"

*/
.toggle {
  align-items: center;
  border-radius: 100px;
  display: flex;
  font-weight: 700;
  margin-bottom: 16px;
  width: 70px;
}
.toggle:last-of-type {
  margin: 0;
}

.toggle__input {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.toggle__input:not([disabled]):active + .toggle-track, .toggle__input:not([disabled]):focus + .toggle-track {
  border: 1px solid transparent;
  box-shadow: 0px 0px 0px 1px #737373;
}
.toggle__input:disabled + .toggle-track {
  cursor: not-allowed;
  opacity: 0.7;
}

.toggle-track {
  background: #eaeaea;
  border: 1px solid #000;
  border-radius: 100px;
  cursor: pointer;
  display: flex;
  height: 24px;
  margin-right: 12px;
  position: relative;
  width: 50.4px;
}

.toggle-indicator {
  align-items: center;
  background: #b1b1b1;
  border-radius: 18px;
  bottom: 2px;
  display: flex;
  height: 18px;
  justify-content: center;
  left: 2px;
  outline: solid 1px transparent;
  position: absolute;
  transition: 0.3s;
  width: 18px;
}

.checkMark {
  fill: #fff;
  height: 14px;
  width: 14px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.toggle__input:checked + .toggle-track {
  background: #cfedf3;
}

.toggle__input:checked + .toggle-track .toggle-indicator {
  background: #31ccec;
  transform: translateX(26.4px);
}
.toggle__input:checked + .toggle-track .toggle-indicator .checkMark {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

@media screen and (-ms-high-contrast: active) {
  .toggle-track {
    border-radius: 0;
  }
}
.pickup-in-store {
  padding-bottom: 20px;
}

.message-failure {
  color: #ff385c;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}

.message-success {
  color: #03b447;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}

.current-code {
  font-size: 14px;
  font-weight: 600;
}

.checkbox {
  --border-default: #bbbbc1;
  --border-hover: #9898a3;
  --active: #6E7BF2;
  --active-tick: #ffffff;
  display: block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: relative;
  -webkit-tap-highlight-color: transparent;
}
.checkbox svg {
  display: block;
  position: absolute;
}
.checkbox input {
  display: block;
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 36%/36%;
  box-shadow: inset 0 0 0 1.5px var(--border, var(--border-default));
  background: var(--background, transparent);
  transition: background 0.25s linear, box-shadow 0.25s linear;
}
.checkbox input + svg {
  width: 21px;
  height: 18px;
  left: 0;
  top: 0;
  color: var(--active);
}
.checkbox input + svg .tick {
  stroke-dasharray: 20;
  stroke-dashoffset: var(--stroke-dashoffset, 20);
  transition: stroke-dashoffset 0.2s;
}
.checkbox input + svg .tick.mask {
  stroke: var(--active-tick);
}
.checkbox input + svg + svg {
  width: 11px;
  height: 11px;
  fill: none;
  stroke: var(--active);
  stroke-width: 1.25;
  stroke-linecap: round;
  top: -6px;
  right: -10px;
  stroke-dasharray: 4.5px;
  stroke-dashoffset: 13.5px;
  pointer-events: none;
  animation: var(--animation, none) 0.2s ease 0.175s;
}
.checkbox input:checked {
  --background: var(--active);
  --border: var(--active);
}
.checkbox input:checked + svg {
  --stroke-dashoffset: 0;
}
.checkbox input:checked + svg + svg {
  --animation: check;
}
.checkbox:hover input:not(:checked) {
  --border: var(--border-hover);
}

@keyframes check {
  100% {
    stroke-dashoffset: 4.5px;
  }
}
.topbanner-wrapper-home {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1600px;
}

.ui-menu .ui-menu-item, .ui-menu .ui-menu-item a {
  float: left;
  width: 170px !important;
}

.topic-page ol li {
  display: list-item !important;
  margin-left: 1.5em;
  list-style-type: decimal;
  padding-bottom: 7px;
}
.topic-page ul li {
  display: list-item !important;
  margin-left: 1.5em;
  list-style-type: square;
  padding-bottom: 7px;
}
.topic-page h2 {
  text-transform: initial;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 25px;
}
.topic-page .page-title {
  margin-bottom: 25px;
  font-size: 35px;
}
.topic-page .page-body {
  display: block !important;
  padding: 0 4px 100px 4px;
}

.title-shoperia {
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  padding-bottom: 15px;
  padding-top: 15px;
}

label.error {
  color: #ff385c !important;
  font-size: 10px !important;
  top: 0px !important;
  left: 0px !important;
}

input.error {
  color: #ff385c !important;
  font-size: 15px !important;
  top: 0px !important;
  left: 0px !important;
}

.search-results {
  width: 100%;
}

.ib {
  display: inline-block;
}

#eu-cookie-bar-notification {
  position: fixed;
  height: 100px;
  bottom: 0px;
  width: 100%;
  z-index: 1000;
  background: #eee;
  border-top: 1px solid #ddd;
  box-sizing: border-box;
  color: #444;
  font-size: 14px;
  line-height: 1.4;
  padding: 1em 2em;
  text-align: center;
  transform: translateY(100%);
  animation: 1s ease-in-out 1s forwards showCookieBanner;
  border-top: 5px solid #31ccec;
}

#eu-cookie-bar-notification.before-remove {
  animation: 1s ease-in-out forwards hideCookieBanner;
}

#cookies-eu-more {
  padding: 0 0.25em;
  white-space: nowrap;
}

button {
  cursor: pointer;
  padding: 0.25em 0.5em 0.2em;
  transition: 300ms all;
}

#cookies-eu-reject {
  background: none;
  border: 1px solid #b7b7b7;
  color: #6b6b6b;
}

#cookies-eu-reject:hover {
  border-color: #6b6b6b;
  color: #333;
}

#eu-cookie-ok {
  background: #31ccec;
  border: 1px solid #31ccec;
  color: #FFFFFF;
}

#eu-cookie-ok:hover {
  background: none;
  color: #31ccec;
}

@keyframes showCookieBanner {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes hideCookieBanner {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}
.bar-notification-container {
  position: fixed;
  bottom: 0px;
  left: 0;
  z-index: 1000;
  width: 100%;
  line-height: 16px;
  color: #fff;
  opacity: 0.95;
  z-index: 10;
}

.bar-notification.success {
  background-color: #31ccec;
}

.bar-notification.error {
  background-color: #e4444c;
}

.bar-notification.warning {
  background-color: #f39c12;
}

.bar-notification {
  position: relative;
  display: none;
  padding: 15px 25px 15px 10px;
}

.bar-notification .content {
  margin: 0 10px 0 0;
}

.bar-notification .content a {
  color: #fff;
  text-decoration: underline;
}

.bar-notification .close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  margin: 7px;
  background: transparent url("../Themes/SHOPERIATESZT/Content/images/close.png") center no-repeat;
  cursor: pointer;
}

.popup-notification {
  border-radius: 5px;
  padding: 3px;
  margin: 5px 0;
}

.popup-notification.success {
  border: 2px rgba(75, 176, 122, 0.5) solid;
}

.popup-notification.error {
  border: 2px rgba(228, 68, 76, 0.5) solid;
}

.popup-notification.warning {
  border: 2px rgba(243, 156, 18, 0.5) solid;
}

.noscript {
  border-bottom: 1px solid #333;
  background-color: #ff9;
  padding: 30px 15px;
  text-align: center;
  line-height: 22px;
  color: #444;
}

.ajax-loading-block-window {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999;
  width: 32px;
  height: 32px;
  margin: -16px 0 0 -16px;
}

.please-wait {
  background: url("../Themes/SHOPERIATESZT/Content/images/ajax-loader-small.gif") no-repeat;
  padding-left: 20px;
  font-size: 14px;
}

.ui-dialog {
  max-width: 90%;
  border: 1px solid #ddd;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  background-color: #fff;
  /*override jQuery UI styles, do not delete doubled properties*/
  border-radius: 0;
  padding: 0;
  font: normal 14px Arial, Helvetica, sans-serif;
}

.ui-dialog:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.ui-dialog-titlebar {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  background-color: #eee;
  padding: 10px 15px;
  /*override jQuery UI styles, do not delete doubled properties*/
  border-width: 0 0 1px;
  border-radius: 0;
  background-image: none;
  padding: 10px 15px !important;
  font-weight: normal;
  cursor: auto !important;
}

.ui-dialog-titlebar > span {
  float: left;
  font-size: 18px;
  color: #444;
  /*override jQuery UI styles, do not delete doubled properties*/
  margin: 0 !important;
}

.ui-dialog-titlebar button {
  position: absolute;
  top: 0;
  right: 0;
  width: 42px;
  height: 42px;
  border: none;
  overflow: hidden;
  background: url("../Themes/SHOPERIATESZT/Content/images/close.png") center no-repeat;
  font-size: 0;
  /*override jQuery UI styles, do not delete doubled properties*/
  top: 0 !important;
  right: 0 !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0;
  background: url("../Themes/SHOPERIATESZT/Content/images/close.png") center no-repeat !important;
  padding: 0 !important;
}

.ui-dialog-titlebar button span {
  display: none !important;
}

.ui-dialog-content {
  padding: 15px;
  line-height: 20px;
  /*override jQuery UI styles, do not delete doubled properties*/
  background-color: #fff !important;
  padding: 15px 15px 20px 15px !important;
  color: #777;
}

.ui-dialog-content .page {
  min-height: 0;
}

.ui-dialog-content .page-title {
  min-height: 0;
  margin: 0 0 15px;
  padding: 0px 10px 10px 10px;
  text-align: center;
}

.ui-dialog-content .page-title h1 {
  font-size: 24px;
  line-height: 30px;
}

.ui-dialog-content .back-in-stock-subscription-page {
  text-align: center;
}

.ui-dialog-content .back-in-stock-subscription-page .tooltip {
  margin-bottom: 10px;
}

.ui-dialog-content .back-in-stock-subscription-page .button-1 {
  border: none;
  background-color: #4ab2f1;
  padding: 10px 15px;
  font-size: 15px;
  color: #fff;
  text-transform: uppercase;
}

.ui-dialog-content .back-in-stock-subscription-page .button-1:hover,
.ui-dialog-content .back-in-stock-subscription-page .button-1:focus {
  background-color: #248ece;
}

.eu-cookie-bar-notification {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  background-color: #31ccec;
  padding: 20px;
  text-align: center;
}

.eu-cookie-bar-notification .text {
  margin-bottom: 20px;
  line-height: 20px;
}

.eu-cookie-bar-notification button {
  min-width: 60px;
  margin: 5px 0 10px;
  border: none;
  background-color: #4ab2f1;
  padding: 8px 12px;
  font-size: 14px;
  color: #fff;
}

.eu-cookie-bar-notification button:hover,
.eu-cookie-bar-notification button:focus {
  background-color: #248ece;
}

.eu-cookie-bar-notification a {
  display: block;
  color: #4ab2f1;
}

.eu-cookie-bar-notification a:hover,
.eu-cookie-bar-notification a:focus {
  text-decoration: underline;
}

.checkout-page {
  width: 100%;
  padding: 10px;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  outline: 0;
}

.ui-widget-header {
  border: 0px solid #ddd;
  background: #31ccec;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none;
  background: transparent;
  font-weight: normal;
  color: #ffffff;
  background-color: #6a426e !important;
}

@keyframes ls-filtergrow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pager {
  margin: 0 0 3.75rem;
  font-size: 0;
  text-align: center;
}

.current-page, .individual-page, .first-page, .previous-page, .last-page, .next-page {
  display: inline-block;
  vertical-align: top;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0 2px;
}

.individual-page.active, .first-page.active, .previous-page.active, .last-page.active, .next-page.active {
  background-color: #31ccec;
  border-color: #31ccec;
  color: #fff;
  text-decoration: none;
}

.individual-page a, .first-page a, .previous-page a, .last-page a, .next-page a {
  position: relative;
  /*border-radius: 4px;*/
  display: block;
  text-align: center;
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
  margin-left: -1px;
  color: #2f3640;
  text-decoration: none;
  transition: 0.3s;
}

.current-page span {
  position: relative;
  /* border-radius: 4px;*/
  display: block;
  text-align: center;
  width: 2.625rem;
  height: 2.625rem;
  line-height: 2.625rem;
  margin-left: -1px;
  /*color: #2f3640;*/
  text-decoration: none;
  transition: 0.3s;
}

.individual-page a:hover, .individual-page a:focus, .individual-page a:active,
.first-page a:hover, .first-page a:focus, .first-page a:active, .previous-page a:hover, .previous-page a:focus, .previous-page a:active, .last-page a:hover, .last-page a:focus, .last-page a:active, .next-page a:hover, .next-page a:focus, .next-page a:active, .current-page {
  background-color: #31ccec;
  border-color: #31ccec;
  color: #fff;
  text-decoration: none;
}

.scrolling-wrapper-flexbox {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%);
}
.scrolling-wrapper-flexbox::-webkit-scrollbar {
  display: none;
}
.scrolling-wrapper-flexbox .card {
  flex: 0 0 auto;
}

.titlesubcatmobile {
  flex: 0 0 auto;
}
.titlesubcatmobile a {
  font-size: 0.9em;
  border: 1px solid #ddd;
  background-color: #fff;
  border-radius: 0px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 8px 18px;
  text-transform: initial;
  line-height: 3em;
  font-weight: 300;
  color: #000;
}
.titlesubcatmobile a:hover {
  color: #fff;
  background-color: #31ccec;
}

.titlesubcat a {
  font-size: 0.9em;
  background-color: #eaf1f3;
  border-radius: 14px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 8px 18px;
  text-transform: initial;
  line-height: 3em;
  font-weight: 300;
  color: #000;
}
.titlesubcat a:hover {
  color: #fff;
  background-color: #31ccec;
}

.sub-category-grid {
  margin-bottom: 15px;
}

.product-sorting {
  position: relative;
  float: left;
  margin-bottom: 10px;
}
.product-sorting #products-orderby {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  height: 38px;
  padding-top: 3xp;
}
.product-sorting #products-subcat {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  height: 38px;
  padding-top: 3xp;
}

.select-style {
  overflow: hidden;
  height: 40px;
  display: block;
  padding: 0 32px 0 0;
  border: 1px solid #ddd;
  border-radius: 0;
  background: #fff url(../Themes/SHOPERIATESZT/Content/images/selectarrow.svg) no-repeat scroll;
  background-position: right 11px center;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select-style select {
  border: 0;
  background: transparent;
  padding: 2px 0 2px 15px;
  height: 40px;
  width: 120%;
  width: calc(100% + 32px);
  -webkit-appearance: none;
  -moz-appearance: none;
}

.refinement-select.button.quaternary, .refinement-select.quaternary.button-jumbo-text {
  min-width: 0;
  max-width: 160px;
  margin-right: 0;
  background-color: #fff;
  height: 40px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
}

.refinement-select {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  background: url(../Themes/SHOPERIATESZT/Content/images/filter.svg) no-repeat 10px;
  float: left;
  margin-right: 2.9%;
  padding-left: 39px;
  padding-right: 15px;
  width: 48%;
  background-size: 23px 23px;
  border: 1px solid #ddd;
  border-radius: 0;
}
.refinement-select:hover {
  border: 1px solid #000;
}

.proddet-col-left {
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  float: left;
  order: 1;
}

.proddet-col-right {
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  float: right;
  order: 2;
}

.proddet-col-essentials {
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  float: left;
  order: 3;
  margin-top: 20px;
  margin-bottom: 30px;
}

.proddet-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-content: flex-start;
}

.overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.overlay.active {
  display: block; /* Hidden by default */
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.overlay.active2 {
  opacity: 1;
  transition: opacity 266ms ease-in-out;
  transition-delay: 266ms;
}

.overlayfilter {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.overlayfilter.active {
  display: block; /* Hidden by default */
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.overlayfilter.active2 {
  opacity: 1;
  transition: opacity 266ms ease-in-out;
  transition-delay: 266ms;
}

.title {
  padding-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

INPUT:not(:-webkit-autofill), SELECT:not(:-webkit-autofill), TEXTAREA:not(:-webkit-autofill) {
  animation-name: onautofillcancel;
}

.register-wrapper {
  background-color: #f0ede2;
  display: block;
  margin: 40px auto;
  max-width: 576px;
  padding: 14%;
  width: 100%;
}

.form-fields {
  padding-top: 10px;
}

.form-group {
  position: relative;
}
.form-group + .form-group {
  margin-top: 12px;
}

.form-label {
  left: 0;
  top: 10px;
  color: #000;
  background-color: transparent;
  z-index: 10;
  text-transform: initial;
  font-weight: 600;
  font-size: 13px;
}

input:-webkit-autofill {
  -webkit-transition: background-color 50000s ease-in-out 0s;
  transition: background-color 50000s ease-in-out 0s;
}

.form-input {
  position: relative;
  padding: 10px;
  width: 100%;
  outline: 0;
  border: 1px solid #767676;
  background-color: #ffffff;
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  margin-top: 2px;
}

.fieldset {
  margin-bottom: 25px;
}

.registration-page .vat-note {
  margin-top: 5px;
  font-size: 12px;
}

.master-column-wrapper {
  justify-content: center;
  width: 100%;
  background-color: #f9f9f9;
}

.columnsone-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 20px;
}

.columnsone-wrapper-tartalom {
  justify-content: center;
  width: 100%;
  padding: 20px;
}

.columnsone-checkout-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  padding: 0 0 20px 0;
}

.pagetitle-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-bottom: 20px;
}

.pagetitle-sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.pagetitle-szoveg {
  background-color: #f9f9f9;
  padding: 5%;
  text-align: left;
  width: 100%;
}

.product-details-page {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.master-wrapper-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  background-color: #f9f9f9;
}

.breadcrumb-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.page-body {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.product-selectors {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 15px;
  margin-left: 1%;
}

.product-viewmode {
  display: flex;
  flex-wrap: nowrap;
  width: 50%;
  justify-content: right;
}

.product-sorting {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  margin-right: 10px;
}

.products-container {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
  justify-content: center;
}

.products-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
  justify-content: center;
}

.login-page .customer-blocks {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  background-color: #fff;
}
.login-page .customer-blocks .title {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.5em;
  letter-spacing: 1px;
  padding-bottom: 20px;
}
.login-page .customer-blocks .text {
  font-size: 14px;
  line-height: 1.5em;
}

.login-signin-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  justify-content: center;
  border-bottom: 2px solid #f1f1f1;
  padding: 20px 0px;
  background-color: #fff;
}

.login-signin-wrapper2 {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  justify-content: center;
  border-bottom: 2px solid rgb(129, 7, 3);
  padding: 20px 0px;
  background-color: #fff;
}

.newsletter-title-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  border-bottom: 2px solid rgb(129, 7, 3);
  padding: 20px 0px;
  background-color: #fff;
}

.genderlabel {
  position: relative;
  left: 11px;
  top: 19px;
  color: #424242;
  background-color: #ffffff;
  z-index: 1;
  text-transform: initial;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 12px;
  padding: 0 6px;
}

.gender {
  margin-top: 22px;
  margin-bottom: 22px;
}

.opciosinfo {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 600;
  background-color: #69ccec;
  padding: 10px;
  border-radius: 15px;
}

.hirlevelinfo {
  margin-top: 20px;
  font-size: 13px;
  font-weight: 600;
  padding: 10px;
}

.male {
  position: relative;
  padding: 15px 10px;
  width: 100%;
  outline: 0;
  border: 1px solid #d0d0d0;
  border-radius: 0.25rem;
  background-color: transparent;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-top: 7px;
  height: 2.75rem;
}

.forcheckbox {
  margin-right: 15px;
}

input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type=radio] + label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  line-height: 20px;
}

input[type=radio] + label::before {
  content: "";
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid #eb375f;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  opacity: 1;
  transition: all 0.3s;
}

input[type=radio] + label::after {
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1;
  border: 1px solid #eb375f;
  background: #eb375f;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s;
}

input[type=radio]:checked + label::after {
  opacity: 1;
}

.buttons {
  margin-top: 10px;
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}

.buttons-opc {
  margin-top: 25px;
  width: 100%;
  justify-content: space-between;
  display: flex;
  margin-bottom: 30px;
}

.buttons-opc0 {
  margin-top: 20px;
  width: 100%;
  justify-content: right;
  display: flex;
  margin-bottom: 1rem;
}

.button-opc {
  padding: 10px 25px;
  min-width: 100px;
  background-color: #31ccec;
  font-weight: 300;
  color: #fff;
  border: 1px solid #31ccec;
  border-radius: 15px;
  text-transform: uppercase;
}
.button-opc:hover {
  background-color: #ff385c;
}

.confirm-order-next-step-button {
  width: auto;
}

.continue-shopping-button {
  border: 1px solid #31ccec !important;
  border-radius: 15px;
}

.info-list {
  margin-bottom: 20px;
}

.button-opc-back {
  text-align: center;
  padding: 10px 15px;
  min-width: 100px;
  background-color: #fff;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  border: 1px solid #31ccec;
  border-radius: 15px;
}
.button-opc-back:hover {
  background-color: transparent;
  border: 1px solid #000;
}

.forgot-password a {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #31ccec;
}
.forgot-password a:hover {
  text-decoration: underline;
}

.login-signin-text {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #767676;
  border-right: 1px solid #eaeaea;
  padding-top: 5px;
  background-color: transparent;
  letter-spacing: 0.8px;
  cursor: pointer;
}

.login-signin-text2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  background-color: transparent;
  padding-top: 5px;
  letter-spacing: 0.8px;
}

.login-signin-text3 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  border-right: 1px solid #eaeaea;
  padding-top: 5px;
  background-color: transparent;
  letter-spacing: 0.8px;
  cursor: pointer;
}

.login-signin-text4 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #767676;
  cursor: pointer;
  background-color: transparent;
  padding-top: 5px;
  letter-spacing: 0.8px;
}

.login-signin-body-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  padding: 20px 0px;
  margin: auto 0px;
  max-width: 380px;
}

.new-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 5%;
}

.returning-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 5%;
}

.topic-block {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 5%;
}

.header-lower {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.header-search-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  flex: 1 0 auto;
}
.header-search-wrapper .formsearch {
  display: flex;
  flex-basis: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 14px;
  height: 40px;
  width: calc(100% - 40px);
}
.header-search-wrapper .search-box-text {
  width: calc(100% - 50px);
  padding: 14px 18px;
  border: 1px solid #000;
  border-radius: 30px 0 0 30px;
  font-size: 14px;
  text-transform: initial;
  font-weight: 300;
  letter-spacing: 0;
  background-color: #6a426e;
  color: #fff;
}
.header-search-wrapper .search-box-text::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.header-search-wrapper .search-box-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.header-search-wrapper .search-box-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.header-search-wrapper .search-box-text::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}
.header-search-wrapper .search-box-button {
  width: 50px;
  padding: 16px 32px 16px 25px;
  border: 1px solid #000;
  border-radius: 0 30px 30px 0;
  font-size: 20px;
  background-color: #ff385c;
}

.header-search-wrapper-mini {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  flex: 1 0 auto;
}
.header-search-wrapper-mini .search-box-text {
  width: calc(100% - 50px);
  padding: 14px 18px;
  border-left: 1px solid #000;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
}
.header-search-wrapper-mini .search-box-button {
  width: 50px;
  padding: 16px 0 16px 0;
  border: none;
  font-size: 20px;
}
.header-search-wrapper-mini .formsearch {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 260px;
  padding-left: 50px;
  padding-right: 0px;
  margin-top: 0px;
  height: 55px;
}

.center-logo-wrapper {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-bottom: 0px;
}
.center-logo-wrapper img {
  width: auto;
  height: 40px;
}

.logodesktop {
  display: none;
}

.logomobile {
  display: flex;
}

.leftnavmobile {
  display: flex !important;
}

.logoleft {
  display: none;
}
.logoleft img {
  height: 63px;
  padding-top: 3px;
  padding-left: 10px;
}

.container-narrow {
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  background-color: #ffffff;
  margin-top: 40px;
  margin-bottom: 20px;
}

.container {
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background-color: #ffffff;
}

.container-home {
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background-color: #f9f9f9;
  background-color: #ffffff;
}

.container-footer {
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.container-header {
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  min-height: 54px;
  max-height: 54px;
}

div.sticky {
  position: sticky;
  top: 0;
  z-index: 11;
}

div.sticky2 {
  position: relative;
}

.left-side-wrapper {
  display: none;
}

.lsw-withfilter {
  display: block;
  margin-right: 5px;
  margin-left: 5px;
  width: 250px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  animation-name: ls-filtergrow;
  animation-duration: 1s;
  background-color: #fff;
}

.right-side-wrapper {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
}

.row {
  margin-left: 0px;
  margin-right: 0px;
}

.header-menu {
  width: 100%;
  position: relative;
  z-index: 5;
  margin: 0 auto 0;
  padding: 0;
  min-height: 54px;
  max-height: 54px;
}

@media (min-width: 480px) {
  #eu-cookie-bar-notification {
    position: fixed;
    height: 66px;
    bottom: 0px;
    width: 100%;
    z-index: 1000;
    background: #eee;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    color: #444;
    font-size: 14px;
    line-height: 1.4;
    padding: 1em 2em;
    text-align: center;
    transform: translateY(100%);
    animation: 1s ease-in-out 1s forwards showCookieBanner;
    border-top: 5px solid #31ccec;
  }
}
/* MOBIL */
@media (max-width: 992px) {
  .sub-category-grid {
    display: none;
  }
}
@media (min-width: 600px) {
  .addtocartalert {
    position: fixed;
    top: 110px;
    right: -100%;
    bottom: unset;
    left: unset;
    z-index: 9999;
    width: 350px;
    min-height: 150px;
    background-color: #fff;
    border: 3px solid #74dbaf;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    transition: right 0.4s ease-out;
  }
  .addtocartalert.active {
    right: 0;
    bottom: unset;
  }
}
/* TABLET */
@media (min-width: 992px) {
  .columnsone-checkout-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 0px;
  }
  .center-logo-wrapper {
    display: flex;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .center-logo-wrapper img {
    height: 40px;
    width: auto;
  }
  .logodesktop {
    display: flex;
  }
  .logomobile {
    display: none;
  }
  .leftnavmobile {
    display: none !important;
  }
  .logoleft {
    display: block;
  }
  .header-search-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    align-items: stretch;
    flex: 1 0 auto;
  }
  .header-search-wrapper .formsearch {
    display: flex;
    flex-basis: 80%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 14px;
    height: 40px;
    min-width: 460px;
    max-width: 460px;
  }
  .header-search-wrapper .search-box-text {
    width: calc(100% - 50px);
    padding: 14px 18px;
    border: 1px solid #000;
    border-radius: 30px 0 0 30px;
    font-size: 14px;
    text-transform: initial;
    font-weight: 300;
    letter-spacing: 0;
    background-color: #6a426e;
    color: #fff;
  }
  .header-search-wrapper .search-box-text::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
  }
  .header-search-wrapper .search-box-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
  }
  .header-search-wrapper .search-box-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }
  .header-search-wrapper .search-box-text::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
  }
  .header-search-wrapper .search-box-button {
    width: 50px;
    padding: 16px 32px 16px 25px;
    border: 1px solid #000;
    border-radius: 0 30px 30px 0;
    font-size: 20px;
    background-color: #ff385c;
  }
  .proddet-col-left {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    float: left;
    order: 1;
  }
  .proddet-col-right {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    float: right;
    order: 2;
    padding-left: 2%;
  }
  .proddet-col-essentials {
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    order: 3;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  div.sticky2 {
    position: sticky;
    top: 150px;
  }
  .lsw-withfilter {
    margin-right: 5px;
    margin-left: 5px;
    width: 250px;
    animation-name: ls-filtergrow;
    animation-duration: 1s;
  }
  .rsw-withfilter {
    width: calc(100% - 280px);
  }
  .pagetitle-sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 50%;
  }
  .new-wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: 50%;
    padding: 5%;
  }
  .returning-wrapper {
    display: flex;
    flex-wrap: nowrap;
    width: 50%;
    padding: 5%;
  }
}
@media screen and (min-width: 992px) {
  .kat-swiper-sticky-wrapper {
    top: 93px;
  }
}
/* KIS KÉPERNYŐ */
@media (min-width: 1024px) {
  .lsw-withfilter {
    margin-right: 5px;
    margin-left: 5px;
    width: 250px;
    animation-name: ls-filtergrow;
    animation-duration: 1s;
  }
  .rsw-withfilter {
    width: calc(100% - 280px);
  }
}
/* NAGY KÉPERNYŐ */
@media (min-width: 1920px) {
  .lsw-withfilter {
    margin-right: 5px;
    margin-left: 5px;
    width: 250px;
    padding-top: 20px;
    animation-name: ls-filtergrow;
    animation-duration: 1s;
  }
  .rsw-withfilter {
    width: calc(100% - 280px);
    padding-top: 20px;
  }
}
@media (min-width: 1024px) {
  .blogpost-title {
    text-align: center;
    font-size: 40px;
    font-weight: 800;
    font-family: "Nunito Sans";
    color: #963a96;
    line-height: 1.1;
    padding: 20px 20px 30px;
  }
  .blogpost-txt {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 30px;
    margin-bottom: 50px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    font-family: "Rubik", sans-serif;
  }
  .blog-list-wrapper {
    z-index: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  .blogpost-list-item {
    width: 33%;
  }
}
.swiper-blog-wrapper {
  display: flex;
  width: 100%;
  background-color: #f6f6f6;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid #d3d3d3;
}

.swiper-blog-image {
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 2/1;
  border-radius: 10px 10px 0 0;
}

.csempe-image {
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px 10px 0 0;
  position: relative;
}

.csempe-akcios-db {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 3px;
  background-color: #7a13ff;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
}

.csempe-akcios-ar {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  height: auto;
  padding: 5px 10px;
  color: #ffffff;
  background: #ff385c;
  right: 5%;
  bottom: 15%;
  align-items: center;
  font-size: 16px;
  font-weight: 300;
  border-radius: 10px;
  animation-name: pulse-sh-cart;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-duration: 0.3s;
  opacity: 0;
  animation-fill-mode: forwards;
}

.csempe-akcio-old {
  width: 100%;
  font-size: 14px;
  text-decoration: line-through;
  text-align: right;
}

.csempe-akcio-new {
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  text-align: right;
}

.swiper-blog-txt {
  margin: 0 auto;
  max-width: 90%;
  padding: 12px 0;
  align-items: flex-start;
  display: flex;
  justify-content: center;
  min-height: 80px;
}

.swiper-blog-title {
  font-size: 12px;
  font-family: "Josefin Sans";
  text-transform: uppercase;
  font-weight: 600;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.swiper-blog-item {
  height: auto;
  min-height: 100%;
}

.readmore {
  display: flex;
  width: 90%;
  height: -moz-fit-content;
  height: fit-content;
  padding-bottom: 10px;
}/*# sourceMappingURL=foundation.css.map */
@charset "UTF-8";
.fix-cart .count {
  display: flex;
  float: left;
  width: calc(100% - 54px);
  justify-content: left;
  padding-left: 20px;
  height: 54px;
  padding-top: 0px;
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #d0d0d0;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  align-items: center;
}
.fix-cart .count a {
  color: #fff;
}
.fix-cart .countclose {
  display: flex;
  float: right;
  width: 54px;
  justify-content: right;
  height: 54px;
  padding-top: 0;
  background-color: #fff;
  border-bottom: 1px solid #d0d0d0;
  align-items: center;
  padding-right: 20px;
}
.fix-cart .countclose a {
  color: #fff;
}
.fix-cart .countwrapper {
  display: flex;
}
.fix-cart .items::-webkit-scrollbar {
  border-radius: 5px;
  width: 6px;
  background-color: #fff;
}
.fix-cart .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.fix-cart .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.fix-cart .items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000, #000);
}
.fix-cart .items {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  height: calc(100% - 234px);
  padding-top: 10px;
  overflow-y: scroll;
}
.fix-cart .items .item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  margin-bottom: 4px;
  margin-top: 4px;
  padding-top: 8px;
  padding-bottom: 5px;
  justify-content: left;
  border-top: 1px solid #d0d0d0;
}
.fix-cart .items .item .cartitemoverlay {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4117647059);
  justify-content: center;
  align-items: center;
}
.fix-cart .items .item .picture {
  display: flex;
  flex-wrap: wrap;
  width: 100px;
  padding: 3px;
  background-color: #f8f3f9;
  border: 1px solid #d0d0d0;
  justify-content: center;
}
.fix-cart .items .item .product {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 100px);
  padding-left: 5px;
}
.fix-cart .items .item .product .deletewrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  width: 50px;
}
.fix-cart .items .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 50px);
}
.fix-cart .items .item .product .namewrapper .name {
  width: 100%;
  font-size: 14px;
  text-transform: unset;
  line-height: 1.3;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
}
.fix-cart .items .item .product .details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-end;
}
.fix-cart .items .item .product .details .quantity-flyout {
  width: 50%;
  justify-content: left;
  text-align: left;
}
.fix-cart .items .item .product .details .price {
  width: 50%;
  justify-content: right;
  text-align: right;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  color: #000;
  font-size: 0.875rem;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  letter-spacing: 0.1px;
}
.fix-cart .items-login {
  height: calc(100% - 100px);
}
.fix-cart .items-cart {
  background-color: #fff;
}

.cispinner {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.cispinner div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.cispinner div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
.sh20-result-items-mega-swiper {
  display: flex;
  flex-wrap: wrap;
}
.sh20-result-items-mega-swiper .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  margin-bottom: 15px;
  padding: 0px;
  justify-content: left;
  box-shadow: 0 0 8px rgba(23, 23, 26, 0.0509803922), 0 2px 8px rgba(23, 23, 26, 0.0784313725);
  min-height: 22vw;
  max-height: 22vw;
  width: 100%;
  margin-right: 1%;
  float: left;
  border-radius: 10px;
  position: relative;
}
.sh20-result-items-mega-swiper .item .picture {
  background-color: #e2d0ee;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 12vw;
  aspect-ratio: 10/6;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 5px solid #e2d0ee;
  position: absolute;
  top: 0;
}
.sh20-result-items-mega-swiper .item .product {
  position: absolute;
  top: 12vw;
  height: 10vw;
  overflow: hidden;
}
.sh20-result-items-mega-swiper .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: left;
}
.sh20-result-items-mega-swiper .item .product .namewrapper .name {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  font-family: "PT Sans Narrow";
  font-family: "Josefin Sans";
  padding: 6px;
}
.sh20-result-items-mega-swiper .item .details {
  display: flex;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  padding: 7px;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e0d0ef;
}
.sh20-result-items-mega-swiper .item .details .price {
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  font-family: "Josefin Sans";
}
.sh20-result-items-mega-swiper .item .details .button {
  display: flex;
  align-items: center;
  justify-content: right;
}

.sh23-result-blog-new .item {
  padding: 0 0.5rem 1rem;
  min-width: 45%;
}

.sh23-result-items-new {
  display: flex;
  flex-wrap: wrap;
}
.sh23-result-items-new .proditem-name-new {
  font-family: "Rubik", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 36px;
  max-height: 36px;
}
.sh23-result-items-new .proditem {
  height: 100%;
  position: relative;
  width: calc(100% - 10px);
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  padding: 5px;
  display: flex;
  flex-wrap: wrap;
}
.sh23-result-items-new .proditem .actual-price-akcio {
  color: #ff385c;
}
.sh23-result-items-new .proditem .tier-price {
  color: #ff385c;
  font-size: 13px;
  font-weight: 600;
}
.sh23-result-items-new .proditem .price {
  font-weight: 600;
  font-size: 18px;
  white-space: nowrap;
  font-family: "Rubik", sans-serif;
}
.sh23-result-items-new .proditem .price .old-price {
  font-size: 12px;
  text-align: left;
  color: #000;
}
.sh23-result-items-new .proditem .price .egysegar {
  font-size: 12px;
  color: #555555;
  font-weight: 300;
}
.sh23-result-items-new .proditem .kedvezmenyszazalek {
  background-color: #ff385c;
  padding: 3px 5px 1px 5px;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
}
.sh23-result-items-new .proditem-link {
  display: block;
  padding: 5px 5px 0;
  width: 100%;
}
.sh23-result-items-new .proditem:hover img {
  transform: scale(1.1);
  transition: transform 0.5s ease;
}
.sh23-result-items-new .proditem:hover .product-box-add-to-cart-button-sh23 {
  background-color: #7F00FF !important;
  color: #fff !important;
}
.sh23-result-items-new .atc-new-small-button {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path fill="%237c0bff" d="M7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM5.881 5.5l2.669 5.615h6.635q.173 0 .307-.086q.135-.087.231-.24l2.615-4.75q.116-.212.02-.376q-.096-.163-.327-.163H5.88Zm-.489-1h13.02q.651 0 .98.532q.33.531.035 1.095l-2.858 5.208q-.217.365-.564.573q-.347.207-.763.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.884v1H7.308q-.875 0-1.306-.738q-.43-.738-.021-1.482l1.504-2.68L3.808 3.5H2v-1h2.442l.95 2Zm3.158 6.615h7h-7Z"/></svg>');
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  display: flex;
  width: 50px;
  height: 50px;
  border: 1px solid #7c0bff;
  border-radius: 5px;
  background-color: #fff;
}
.sh23-result-items-new .proditem:hover .atc-new-small-button {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path fill="%23ffffff" d="M11.5 8.5v-3h-3v-1h3v-3h1v3h3v1h-3v3h-1ZM7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM2 3.5v-1h2.448l4.096 8.615h6.635q.173 0 .308-.086q.134-.087.23-.24L19.213 4.5h1.14l-3.784 6.835q-.217.365-.565.573q-.348.207-.762.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.884v1H7.308q-.875 0-1.309-.735q-.434-.735-.018-1.485l1.504-2.68L3.808 3.5H2Z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  display: flex;
  width: 50px;
  height: 50px;
  border: 1px solid #7c0bff;
  border-radius: 5px;
  background-color: #7c0bff;
}
.sh23-result-items-new .proditem-link-egyutt {
  display: flex;
  margin: 0;
  width: calc(100% - 30px);
}
.sh23-result-items-new .swiper-slide .proditem-image-wrapper {
  background: #fff;
  position: relative;
  text-align: center;
  width: 100%;
  position: relative;
}
.sh23-result-items-new .swiper-slide .proditem-details-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.sh23-result-items-new .proditem-image-wrapper-egyutt {
  background: #f6f6f6;
  position: relative;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.sh23-result-items-new .proditem-image {
  padding: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sh23-result-items-new .proditem-image img {
  margin: 0 auto;
  width: 90%;
}
.sh23-result-items-new .proditem-image-egyutt {
  padding: 5px;
  display: flex;
  justify-content: left;
  width: calc(100% - 35px);
}
.sh23-result-items-new .proditem-image-egyutt img {
  margin: 0;
  width: 60%;
}
.sh23-result-items-new .proditem-img-addinfo {
  bottom: 0;
  left: 0;
  position: absolute;
  height: 30px;
  width: 100%;
  background-color: transparent;
  justify-content: space-between;
  display: flex;
  align-items: center;
  padding: 0 7px;
}
.sh23-result-items-new .proditem-img-addinfo .prod-icon-db {
  display: flex;
  border: 1px solid #585858;
  color: #585858;
  padding: 2px 4px;
  height: 20px;
  font-family: "PT Sans Narrow";
  font-size: 12px;
  align-items: center;
  margin-right: 6px;
  text-transform: uppercase;
  font-weight: 300;
}
.sh23-result-items-new .proditem-img-addinfo .prod-icon-klub {
  display: flex;
  border: 1px solid #ff499f;
  background-color: #ff499f;
  color: #fff;
  padding: 2px 4px;
  height: 20px;
  font-family: "PT Sans Narrow";
  font-size: 12px;
  align-items: center;
  margin-right: 0px;
  text-transform: uppercase;
  font-weight: 300;
}
.sh23-result-items-new .proditem-img-addinfo-egyutt {
  bottom: 0;
  right: 0;
  position: absolute;
  height: 30px;
  width: 100%;
  background-color: transparent;
  justify-content: right;
  display: flex;
  align-items: center;
  padding: 0 7px;
}
.sh23-result-items-new .proditem-img-addinfo-egyutt .prod-icon-db {
  display: flex;
  border: 1px solid #585858;
  color: #585858;
  padding: 2px 4px;
  height: 20px;
  font-family: "PT Sans Narrow";
  font-size: 12px;
  align-items: center;
  margin-right: 6px;
  text-transform: uppercase;
  font-weight: 300;
}
.sh23-result-items-new .proditem-img-addinfo-egyutt .prod-icon-klub {
  display: flex;
  border: 1px solid #ff499f;
  background-color: #ff499f;
  color: #fff;
  padding: 2px 4px;
  height: 20px;
  font-family: "PT Sans Narrow";
  font-size: 12px;
  align-items: center;
  margin-right: 0px;
  text-transform: uppercase;
  font-weight: 300;
}
.sh23-result-items-new .proditem-content {
  background-color: #fff;
  padding-top: 0.5rem;
}
.sh23-result-items-new .proditem-name {
  font-family: "Rubik", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 40px;
  max-height: 40px;
}
.sh23-result-items-new .proditem-bottom {
  bottom: 0;
  left: 0;
  padding: 5px 5px 0;
  width: 100%;
}
.sh23-result-items-new .proditem-bottom .product-box-add-to-cart-button-sh23 {
  align-items: center;
  background-color: #fff;
  border: 1px solid #7f00ff;
  color: #7f00ff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Rubik", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.0625rem;
  line-height: 0.875rem;
  min-height: 34px;
  padding: 8px 32px;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
  width: 100%;
}
.sh23-result-items-new .proditem-bottom .product-box-add-to-cart-button-sh23:hover {
  background-color: #7F00FF;
  color: #fff;
}
.sh23-result-items-new .ProductCard__heading {
  margin: 0;
  padding-bottom: 0.25rem;
}
.sh23-result-items-new .ProductCard__brand, .sh23-result-items-new .ProductCard__product {
  display: block;
}
.sh23-result-items-new .ProductCard__brand span.Text-ds {
  -webkit-line-clamp: 1;
  display: inherit;
  padding-bottom: 0.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sh23-result-items-new .ProductCard__brand .Text-ds, .sh23-result-items-new .ProductCard__product .Text-ds {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.sh23-result-items-new .ProductCard__product {
  padding-bottom: 0.25rem;
}
.sh23-result-items-new .ProductCard__brand, .sh23-result-items-new .ProductCard__product {
  display: block;
}
.sh23-result-items-new .ProductCard__brand .Text-ds, .sh23-result-items-new .ProductCard__product .Text-ds {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.sh23-result-items-new .Text-ds {
  margin: 0;
  white-space: pre-line;
}
.sh23-result-items-new .item {
  padding: 15px 0 10px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.sh23-result-items-new .item .picture {
  background-color: #f6f6f6;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 26vw;
  aspect-ratio: 10/6;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 5px solid #f6f6f6;
  position: absolute;
  top: 0;
}
.sh23-result-items-new .item .product {
  position: absolute;
  top: 26vw;
  height: 13vw;
  overflow: hidden;
}
.sh23-result-items-new .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: left;
}
.sh23-result-items-new .item .product .namewrapper .name {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  font-family: "PT Sans Narrow";
  font-family: "Josefin Sans";
  padding: 6px;
}
.sh23-result-items-new .item .details {
  display: flex;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  padding: 7px;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e0d0ef;
}
.sh23-result-items-new .item .details .price {
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  font-family: "Josefin Sans";
}
.sh23-result-items-new .item .details .button {
  display: flex;
  align-items: center;
  justify-content: right;
}

@media (max-width: 449px) {
  .sh23-result-items-new .proditem-name-new {
    font-family: "Rubik", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 64px;
    max-height: 64px;
  }
  .proditem-image-wrapper {
    background: #fff;
    position: relative;
    text-align: center;
    width: 50%;
  }
  .proditem-details-wrapper {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }
}
@media (min-width: 450px) {
  .sh23-result-items-new .item {
    width: 50%;
  }
  .sh23-result-items-new .item .proditem-details-wrapper {
    width: 100%;
  }
  .sh23-result-items-new .item .proditem-image-wrapper {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 650px) {
  .sh23-result-items-new .item {
    width: 33.3%;
  }
  .sh23-result-items-new .item .proditem-details-wrapper {
    width: 100%;
  }
  .sh23-result-items-new .item .proditem-image-wrapper {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .sh23-result-blog-new .item {
    min-width: 38%;
  }
  .sh23-result-items-new .item {
    width: 25%;
  }
  .sh23-result-items-new .item .picture {
    height: 21vw;
    aspect-ratio: 10/6;
  }
  .sh23-result-items-new .item .product {
    top: 21vw;
    height: 11vw;
  }
  .sh23-result-items-new .item .product .namewrapper .name {
    font-size: 13px;
    padding: 6px;
  }
  .sh23-result-items-new .item .details .price {
    font-weight: 600;
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .sh23-result-blog-new .item {
    min-width: 30%;
  }
  .sh23-result-items-new .item {
    width: 20%;
  }
  .sh23-result-items-new .item .picture {
    height: 21vw;
    aspect-ratio: 10/6;
  }
  .sh23-result-items-new .item .product {
    top: 21vw;
    height: 11vw;
  }
  .sh23-result-items-new .item .product .namewrapper .name {
    font-size: 13px;
    padding: 6px;
  }
  .sh23-result-items-new .item .details .price {
    font-weight: 600;
    font-size: 16px;
  }
}
@media (min-width: 1280px) {
  .sh23-result-blog-new .item {
    min-width: 24%;
  }
  .sh23-result-items-new .item {
    width: 16.666%;
  }
  .sh23-result-items-new .item .picture {
    height: 21vw;
    aspect-ratio: 10/6;
  }
  .sh23-result-items-new .item .product {
    top: 21vw;
    height: 11vw;
  }
  .sh23-result-items-new .item .product .namewrapper .name {
    font-size: 13px;
    padding: 6px;
  }
  .sh23-result-items-new .item .details .price {
    font-weight: 600;
    font-size: 16px;
  }
}
.sh20-result-items-new {
  display: flex;
  flex-wrap: wrap;
}
.sh20-result-items-new .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  margin-bottom: 15px;
  padding: 0px;
  justify-content: left;
  box-shadow: 0 0 8px rgba(23, 23, 26, 0.0509803922), 0 2px 8px rgba(23, 23, 26, 0.0784313725);
  min-height: 55vw;
  max-height: 55vw;
  width: 49%;
  margin-right: 1%;
  float: left;
  border-radius: 10px;
  position: relative;
}
.sh20-result-items-new .item .picture {
  background-color: #e2d0ee;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 26vw;
  aspect-ratio: 10/6;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 5px solid #e2d0ee;
  position: absolute;
  top: 0;
}
.sh20-result-items-new .item .product {
  position: absolute;
  top: 26vw;
  height: 13vw;
  overflow: hidden;
}
.sh20-result-items-new .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: left;
}
.sh20-result-items-new .item .product .namewrapper .name {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
  font-family: "PT Sans Narrow";
  font-family: "Josefin Sans";
  padding: 6px;
}
.sh20-result-items-new .item .details {
  display: flex;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  padding: 7px;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e0d0ef;
}
.sh20-result-items-new .item .details .price {
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  font-family: "Josefin Sans";
}
.sh20-result-items-new .item .details .button {
  display: flex;
  align-items: center;
  justify-content: right;
}

@media (min-width: 440px) {
  .sh20-result-items-new .item {
    min-height: 44vw;
    max-height: 44vw;
    width: 32%;
  }
  .sh20-result-items-new .item .picture {
    height: 21vw;
    aspect-ratio: 10/6;
  }
  .sh20-result-items-new .item .product {
    top: 21vw;
    height: 11vw;
  }
  .sh20-result-items-new .item .product .namewrapper .name {
    font-size: 13px;
    padding: 6px;
  }
  .sh20-result-items-new .item .details .price {
    font-weight: 600;
    font-size: 16px;
  }
}
@media (min-width: 700px) {
  .sh20-result-items-new .item {
    min-height: 30vw;
    max-height: 30vw;
    width: 32%;
  }
  .sh20-result-items-new .item .picture {
    height: 14vw;
    aspect-ratio: 10/6;
  }
  .sh20-result-items-new .item .product {
    top: 14vw;
    height: 8vw;
  }
  .sh20-result-items-new .item .product .namewrapper .name {
    font-size: 13px;
    padding: 6px;
  }
  .sh20-result-items-new .item .details .price {
    font-weight: 600;
    font-size: 16px;
  }
}
@media (min-width: 880px) {
  .sh20-result-items-new .item {
    min-height: 22vw;
    max-height: 22vw;
    width: 24%;
  }
  .sh20-result-items-new .item .picture {
    height: 9vw;
    aspect-ratio: 10/6;
  }
  .sh20-result-items-new .item .product {
    top: 9vw;
    height: 6vw;
  }
  .sh20-result-items-new .item .product .namewrapper .name {
    font-size: 13px;
    padding: 6px;
  }
  .sh20-result-items-new .item .details .price {
    font-weight: 600;
    font-size: 16px;
  }
}
@media (min-width: 1140px) {
  .sh20-result-items-new .item {
    min-height: 18vw;
    max-height: 18vw;
    width: 19%;
  }
  .sh20-result-items-new .item .picture {
    height: 8vw;
    aspect-ratio: 10/6;
  }
  .sh20-result-items-new .item .product {
    top: 8vw;
    height: 5vw;
  }
  .sh20-result-items-new .item .product .namewrapper .name {
    font-size: 13px;
    padding: 6px;
  }
  .sh20-result-items-new .item .details .price {
    font-weight: 600;
    font-size: 16px;
  }
}
.megamenu-noadd .item {
  min-height: 22vw;
  max-height: 22vw;
  width: 100% !important;
}

.product-box-add-to-cart-button-circle {
  align-items: center;
  background-color: #fff;
  border: 1px solid #000 !important;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  padding: 8px !important;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
  border-radius: 50% !important;
}

.product-add-circle-cart {
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M395.995963 598.2422l389.258515 0c18.340717 0 36.718273-11.0558 43.682895-27.084868L957.36844 277.124622c4.679579-10.749832 3.850701-23.382547-2.201132-32.621978-5.821589-8.871041-15.45704-14.649652-26.438139-14.649652L313.645396 229.852992l-11.873422-52.837392c-6.309706-28.436656-34.56319-50.516534-64.316841-50.516534L82.492806 126.499066c-10.41828 0-18.865673 8.512884-18.865673 18.931165s8.447393 18.931165 18.865673 18.931165l154.961304 0c12.141528 0 24.981974 10.464329 27.488051 21.767769l120.088052 536.77936c-37.82549 10.228969-65.775053 44.895513-65.775053 85.910649 0 49.036833 39.895639 89.004103 88.932472 89.004103s88.932472-40.297798 88.932472-89.334631c0-18.178011-5.504364-31.166837-14.902408-49.586348l248.122077 0c-9.398044 18.419512-14.902408 31.444153-14.902408 49.622164 0 49.036833 39.895639 89.151459 88.932472 89.151459s88.932472-39.786145 88.932472-88.822978c0-49.037856-39.895639-89.381703-88.932472-89.381703-6.418176 0-12.666484 1.568728-18.701944 1.568728L426.8906 721.039967c-1.181919 0-2.388397-0.51063-3.586688-0.717338L395.995963 598.2422zM919.766031 267.714298 794.346553 555.256176c-0.819668 1.87879-5.40715 5.124717-9.092076 5.124717L387.549593 560.380894l-65.457828-292.665573L919.766031 267.715321zM459.389782 808.523437c0 28.27702-22.924105 51.41909-51.201126 51.41909-28.27702 0-51.201126-22.813588-51.201126-51.090609 0-27.081799 21.042245-49.579185 47.660486-51.405787 2.435469 1.147126 5.126764 1.455141 7.997138 1.455141l9.660011 0C443.708638 768.111029 459.389782 785.149077 459.389782 808.523437zM855.571986 808.961412c0 28.27702-22.924105 51.200102-51.201126 51.200102s-51.201126-23.361057-51.201126-51.638077c0-23.37436 15.681144-40.412408 37.083593-49.622164l9.141194 0c2.888793 0 5.594415-0.26299 8.042163-1.424442C834.279031 759.072165 855.571986 781.719978 855.571986 808.961412z"  fill="%23000000"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}

.product-box-add-to-cart-button-circle:hover {
  align-items: center;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  padding: 8px;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
  border-radius: 50%;
}
.product-box-add-to-cart-button-circle:hover .product-add-circle-cart {
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M395.995963 598.2422l389.258515 0c18.340717 0 36.718273-11.0558 43.682895-27.084868L957.36844 277.124622c4.679579-10.749832 3.850701-23.382547-2.201132-32.621978-5.821589-8.871041-15.45704-14.649652-26.438139-14.649652L313.645396 229.852992l-11.873422-52.837392c-6.309706-28.436656-34.56319-50.516534-64.316841-50.516534L82.492806 126.499066c-10.41828 0-18.865673 8.512884-18.865673 18.931165s8.447393 18.931165 18.865673 18.931165l154.961304 0c12.141528 0 24.981974 10.464329 27.488051 21.767769l120.088052 536.77936c-37.82549 10.228969-65.775053 44.895513-65.775053 85.910649 0 49.036833 39.895639 89.004103 88.932472 89.004103s88.932472-40.297798 88.932472-89.334631c0-18.178011-5.504364-31.166837-14.902408-49.586348l248.122077 0c-9.398044 18.419512-14.902408 31.444153-14.902408 49.622164 0 49.036833 39.895639 89.151459 88.932472 89.151459s88.932472-39.786145 88.932472-88.822978c0-49.037856-39.895639-89.381703-88.932472-89.381703-6.418176 0-12.666484 1.568728-18.701944 1.568728L426.8906 721.039967c-1.181919 0-2.388397-0.51063-3.586688-0.717338L395.995963 598.2422zM919.766031 267.714298 794.346553 555.256176c-0.819668 1.87879-5.40715 5.124717-9.092076 5.124717L387.549593 560.380894l-65.457828-292.665573L919.766031 267.715321zM459.389782 808.523437c0 28.27702-22.924105 51.41909-51.201126 51.41909-28.27702 0-51.201126-22.813588-51.201126-51.090609 0-27.081799 21.042245-49.579185 47.660486-51.405787 2.435469 1.147126 5.126764 1.455141 7.997138 1.455141l9.660011 0C443.708638 768.111029 459.389782 785.149077 459.389782 808.523437zM855.571986 808.961412c0 28.27702-22.924105 51.200102-51.201126 51.200102s-51.201126-23.361057-51.201126-51.638077c0-23.37436 15.681144-40.412408 37.083593-49.622164l9.141194 0c2.888793 0 5.594415-0.26299 8.042163-1.424442C834.279031 759.072165 855.571986 781.719978 855.571986 808.961412z"  fill="%23ffffff"/></svg>');
}

.leftnav li {
  margin-left: 4px !important;
}

.rightnav li {
  margin-right: 4px !important;
}

.search__title {
  font-size: 22px;
  font-weight: 900;
  text-align: center;
  color: #ff8b88;
}

.search__input {
  width: 100%;
  padding: 8px 16px;
  background-color: transparent;
  transition: transform 250ms ease-in-out;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  background-color: transparent;
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M844.515556 817.777778 684.562963 657.73037c45.037037-51.294815 72.438519-118.613333 72.438519-192.284444 0-160.995556-130.56-291.555556-291.555556-291.555556S173.89037 304.45037 173.89037 465.445926s130.56 291.555556 291.555556 291.555556c73.671111 0 140.98963-27.306667 192.284444-72.438519l159.952593 159.952593c7.395556 7.395556 19.437037 7.395556 26.832593 0S851.911111 825.078519 844.515556 817.777778zM465.445926 719.075556c-140.041481 0-253.62963-113.588148-253.62963-253.62963s113.588148-253.62963 253.62963-253.62963 253.62963 113.588148 253.62963 253.62963S605.582222 719.075556 465.445926 719.075556z"  fill="%23ffffff"/></svg>');
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: 97% center;
  border-radius: 50px;
  border: 1px solid #fff;
  transition: all 250ms ease-in-out;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.search__input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.search__input::placeholder {
  color: rgba(255, 255, 255, 0.8);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.search__input:focus {
  padding: 8px 0;
  outline: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #000;
  border-radius: 0;
  background-position: 100% center;
}

.search__input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.search__input:focus::placeholder {
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.search__input:hover {
  padding: 8px 0;
  outline: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  background-position: 100% center;
}

.search__container {
  display: none;
}

@media (min-width: 992px) {
  .search__container {
    width: 70%;
    z-index: 1;
    display: flex;
  }
}
.active .search__input {
  width: 100%;
  padding: 8px 16px;
  background-color: transparent;
  transition: transform 250ms ease-in-out;
  font-size: 14px;
  line-height: 18px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: 97% center;
  border-radius: 50px;
  border: 1px solid #000;
  transition: all 250ms ease-in-out;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M844.515556 817.777778 684.562963 657.73037c45.037037-51.294815 72.438519-118.613333 72.438519-192.284444 0-160.995556-130.56-291.555556-291.555556-291.555556S173.89037 304.45037 173.89037 465.445926s130.56 291.555556 291.555556 291.555556c73.671111 0 140.98963-27.306667 192.284444-72.438519l159.952593 159.952593c7.395556 7.395556 19.437037 7.395556 26.832593 0S851.911111 825.078519 844.515556 817.777778zM465.445926 719.075556c-140.041481 0-253.62963-113.588148-253.62963-253.62963s113.588148-253.62963 253.62963-253.62963 253.62963 113.588148 253.62963 253.62963S605.582222 719.075556 465.445926 719.075556z"  fill="%23000000"/></svg>');
  color: #000;
}
.active .search__input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.active .search__input::placeholder {
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.active .search__input:hover {
  padding: 8px 0;
  outline: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #000;
  border-radius: 0;
  background-position: 100% center;
}

.search__container.active {
  width: calc(100% - 90px);
  z-index: 110;
  display: flex;
  position: fixed;
  top: 10px;
  left: 22px;
}

.sh22hamburger {
  cursor: pointer;
  background-size: cover;
  display: flex;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M177.50016 307.2h614.4a20.48 20.48 0 1 0 0-40.96h-614.4a20.48 20.48 0 1 0 0 40.96zM177.50016 757.76h614.4a20.48 20.48 0 1 0 0-40.96h-614.4a20.48 20.48 0 1 0 0 40.96zM177.50016 532.48h614.4a20.48 20.48 0 1 0 0-40.96h-614.4a20.48 20.48 0 1 0 0 40.96z" fill="%23ffffff" /></svg>');
}

.sh22cart {
  margin-right: 20px;
  position: relative;
  cursor: pointer;
  background-size: cover;
  display: flex;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M395.995963 598.2422l389.258515 0c18.340717 0 36.718273-11.0558 43.682895-27.084868L957.36844 277.124622c4.679579-10.749832 3.850701-23.382547-2.201132-32.621978-5.821589-8.871041-15.45704-14.649652-26.438139-14.649652L313.645396 229.852992l-11.873422-52.837392c-6.309706-28.436656-34.56319-50.516534-64.316841-50.516534L82.492806 126.499066c-10.41828 0-18.865673 8.512884-18.865673 18.931165s8.447393 18.931165 18.865673 18.931165l154.961304 0c12.141528 0 24.981974 10.464329 27.488051 21.767769l120.088052 536.77936c-37.82549 10.228969-65.775053 44.895513-65.775053 85.910649 0 49.036833 39.895639 89.004103 88.932472 89.004103s88.932472-40.297798 88.932472-89.334631c0-18.178011-5.504364-31.166837-14.902408-49.586348l248.122077 0c-9.398044 18.419512-14.902408 31.444153-14.902408 49.622164 0 49.036833 39.895639 89.151459 88.932472 89.151459s88.932472-39.786145 88.932472-88.822978c0-49.037856-39.895639-89.381703-88.932472-89.381703-6.418176 0-12.666484 1.568728-18.701944 1.568728L426.8906 721.039967c-1.181919 0-2.388397-0.51063-3.586688-0.717338L395.995963 598.2422zM919.766031 267.714298 794.346553 555.256176c-0.819668 1.87879-5.40715 5.124717-9.092076 5.124717L387.549593 560.380894l-65.457828-292.665573L919.766031 267.715321zM459.389782 808.523437c0 28.27702-22.924105 51.41909-51.201126 51.41909-28.27702 0-51.201126-22.813588-51.201126-51.090609 0-27.081799 21.042245-49.579185 47.660486-51.405787 2.435469 1.147126 5.126764 1.455141 7.997138 1.455141l9.660011 0C443.708638 768.111029 459.389782 785.149077 459.389782 808.523437zM855.571986 808.961412c0 28.27702-22.924105 51.200102-51.201126 51.200102s-51.201126-23.361057-51.201126-51.638077c0-23.37436 15.681144-40.412408 37.083593-49.622164l9.141194 0c2.888793 0 5.594415-0.26299 8.042163-1.424442C834.279031 759.072165 855.571986 781.719978 855.571986 808.961412z"  fill="%23ffffff"/></svg>');
}

.sh22account {
  cursor: pointer;
  background-size: cover;
  display: flex;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M843.282963 870.115556c-8.438519-140.515556-104.296296-257.422222-233.908148-297.14963C687.881481 536.272593 742.4 456.533333 742.4 364.088889c0-127.241481-103.158519-230.4-230.4-230.4S281.6 236.847407 281.6 364.088889c0 92.444444 54.518519 172.183704 133.12 208.877037-129.611852 39.727407-225.46963 156.634074-233.908148 297.14963-0.663704 10.903704 7.964444 20.195556 18.962963 20.195556l0 0c9.955556 0 18.299259-7.774815 18.962963-17.73037C227.745185 718.506667 355.65037 596.385185 512 596.385185s284.254815 122.121481 293.357037 276.195556c0.568889 9.955556 8.912593 17.73037 18.962963 17.73037C835.318519 890.311111 843.946667 881.019259 843.282963 870.115556zM319.525926 364.088889c0-106.287407 86.186667-192.474074 192.474074-192.474074s192.474074 86.186667 192.474074 192.474074c0 106.287407-86.186667 192.474074-192.474074 192.474074S319.525926 470.376296 319.525926 364.088889z"  fill="%23ffffff"/></svg>');
}

.sh22blog {
  cursor: pointer;
  background-size: cover;
  display: flex;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" viewBox="0 0 720 704" enable-background="new 0 0 720 704" xml:space="preserve"><path fill="%23ffffff" opacity="1.000000" stroke="none" d="M511.000061,84.662415 C549.325562,84.662987 587.151062,84.641510 624.976562,84.672066 C652.588867,84.694366 674.880798,106.519997 675.396606,134.198196 C676.526855,194.843002 675.677307,255.494888 675.886536,316.143311 C676.017517,354.114716 675.984619,392.087463 675.792053,430.058472 C675.752502,437.843994 676.132629,445.718018 674.382507,453.426422 C669.063477,476.853943 648.596558,493.306793 624.624512,493.311310 C520.812683,493.330933 417.000824,493.356628 313.189209,493.212006 C308.343384,493.205261 305.863831,494.633514 303.685516,499.034088 C287.937561,530.847412 264.722595,556.539307 237.052658,578.323181 C198.653214,608.554199 155.605331,629.924194 109.032104,644.373718 C101.848228,646.602539 96.651207,645.025146 93.594498,640.012390 C90.177032,634.408020 91.187820,629.065125 96.959267,623.545105 C127.087189,594.729858 142.658310,558.630798 149.655151,518.259949 C150.788635,511.719971 151.388702,505.088623 152.467667,498.537781 C153.126328,494.538788 151.776901,493.189850 147.729797,493.257111 C136.068787,493.450867 124.402359,493.354370 112.738213,493.319550 C85.579308,493.238434 62.790871,470.987457 62.660797,443.927521 C62.357365,380.803284 61.915020,317.675781 62.271442,254.553802 C62.474655,218.565369 62.462254,182.577972 62.493870,146.590714 C62.503548,135.573273 61.863403,124.572975 66.996468,114.332573 C76.403801,95.565063 91.473312,84.807091 112.584526,84.773109 C245.222748,84.559624 377.861481,84.663643 511.000061,84.662415 M387.500000,469.773041 C466.164612,469.767029 544.829224,469.788544 623.493835,469.732971 C640.321411,469.721069 651.912415,458.363281 651.924561,441.581879 C651.998291,339.917328 651.990967,238.252670 651.907654,136.588120 C651.893555,119.420799 640.446899,108.261337 623.210388,108.258797 C453.547028,108.233719 283.883636,108.233543 114.220261,108.258545 C97.738327,108.260971 86.158707,119.632072 86.145538,136.200928 C86.064743,237.865463 86.063667,339.530121 86.142204,441.194672 C86.155724,458.692932 97.589180,469.704773 115.166962,469.733215 C131.166595,469.759094 147.166992,469.662689 163.165710,469.790222 C171.882065,469.859711 176.207352,474.500305 176.356842,483.172577 C176.520828,492.686218 175.612762,502.101166 174.438309,511.530792 C170.759735,541.065735 162.554260,569.151428 148.213806,595.334656 C146.354797,598.728882 144.514267,602.133240 142.166687,606.449402 C144.808578,605.371643 146.354385,604.796021 147.855301,604.120605 C175.025162,591.895630 200.596024,576.966492 223.857208,558.306396 C250.590714,536.860901 272.909637,511.728241 286.679443,479.909302 C289.846375,472.591248 294.707306,469.616333 302.502106,469.670013 C330.500305,469.862854 358.500549,469.761871 387.500000,469.773041 z"/><path fill="%23ffffff" opacity="1.000000" stroke="none" d="M132.586288,293.999878 C132.580200,275.520020 132.689560,257.538910 132.487930,239.561279 C132.437836,235.094345 133.705811,233.493729 138.384186,233.556671 C156.527222,233.800690 174.675507,233.637909 192.821762,233.669006 C198.891174,233.679398 204.712067,235.050049 210.222107,237.527328 C230.621841,246.698914 234.737656,272.347931 218.290817,287.534363 C217.322647,288.428314 216.334702,289.300842 215.298248,290.235382 C216.203293,292.402740 218.332321,292.812714 219.960510,293.737396 C230.621811,299.792236 235.250290,309.230865 234.922424,321.112457 C234.576553,333.646515 228.758163,342.910706 217.307724,348.508789 C208.543472,352.793579 199.116211,353.818939 189.634674,353.971649 C172.658264,354.245087 155.674057,354.060486 138.693222,354.020691 C132.490204,354.006165 132.494293,353.819092 132.523575,347.439850 C132.604538,329.793488 132.573547,312.146576 132.586288,293.999878 M204.249512,309.270050 C201.983643,307.178711 199.263138,305.732544 196.277985,305.465424 C185.173920,304.471832 174.030807,305.022369 162.902557,304.989777 C160.467789,304.982635 159.299881,306.143158 159.334122,308.678864 C159.412643,314.493256 159.386581,320.309479 159.357025,326.124725 C159.345657,328.362549 160.319656,329.607788 162.606155,329.562378 C174.047089,329.334961 185.555374,330.661560 196.912750,328.536133 C206.792053,326.687317 210.117447,318.481232 204.249512,309.270050 M162.916260,258.133911 C159.976791,257.991028 159.275238,259.682526 159.320923,262.253937 C159.409744,267.252289 159.472260,272.257263 159.310532,277.251831 C159.204590,280.523315 160.565262,281.704315 163.745346,281.647156 C170.409637,281.527344 177.084305,281.795135 183.741653,281.549835 C187.541809,281.409790 191.339920,280.717529 194.863998,279.022461 C198.943436,277.060211 200.672989,273.743317 200.651459,269.357574 C200.629669,264.916199 198.638824,261.749207 194.572830,259.877136 C191.786758,258.594330 188.855804,258.152985 185.826904,258.149567 C178.493805,258.141266 171.160706,258.129852 162.916260,258.133911 z"/><path fill="%23ffffff" opacity="1.000000" stroke="none" d="M360.256653,327.638977 C336.009369,287.657959 358.692566,238.438385 404.686829,232.050461 C442.073792,226.857986 469.806030,249.354630 476.676147,278.033112 C485.782349,316.045746 460.355103,351.841156 421.372864,355.396332 C395.985657,357.711609 375.355988,349.095612 360.256653,327.638977 M402.539001,328.045715 C409.482025,330.583679 416.665802,330.795013 423.649719,328.928589 C439.132202,324.790985 447.001190,313.791992 449.188385,298.465210 C452.460419,275.536652 433.834259,252.330017 406.454559,257.995819 C391.037659,261.186127 380.811096,273.709625 379.503418,290.569275 C378.393555,304.878021 385.297302,321.053345 402.539001,328.045715 z"/><path fill="%23ffffff" opacity="1.000000" stroke="none" d="M580.649536,321.308960 C580.747070,308.189331 580.747070,308.189301 568.173401,308.170074 C554.638306,308.149384 554.559509,308.148834 554.659851,294.816040 C554.755981,282.040100 552.922668,283.806915 565.800110,283.707306 C577.798096,283.614502 589.800476,283.849487 601.794373,283.609528 C606.232300,283.520721 607.528076,285.092987 607.462158,289.410278 C607.243286,303.738708 607.347046,318.072693 607.407471,332.404205 C607.418518,335.023071 607.058105,337.209534 604.800537,339.003723 C580.118042,358.619720 544.873718,361.909821 520.171082,345.937897 C499.391022,332.502197 491.304962,312.417175 492.918243,288.476501 C494.730438,261.583649 513.078613,239.574860 539.241760,233.517746 C560.841858,228.517014 581.602539,231.206558 599.959656,245.122467 C603.075562,247.484558 603.562195,249.230988 600.754028,252.225861 C596.886475,256.350616 593.178040,260.683350 589.896362,265.280365 C587.241943,268.998657 585.120544,268.756836 581.831665,266.126831 C572.196045,258.421387 560.930054,255.348236 548.985779,257.842133 C534.537537,260.858887 525.975830,270.738739 522.692200,284.899933 C518.594543,302.571930 526.260620,319.954834 541.367371,327.158875 C553.483521,332.936829 565.609558,331.661987 577.419189,325.775391 C579.113831,324.930725 580.622314,323.923706 580.649536,321.308960 z"/><path fill="%23ffffff" opacity="1.000000" stroke="none" d="M255.503937,353.769592 C252.420105,352.940735 252.710526,350.755646 252.709625,348.795227 C252.692764,312.003418 252.731186,275.211487 252.643539,238.419891 C252.634552,234.648560 254.138306,233.485550 257.713989,233.611572 C263.367188,233.810837 269.045807,233.898148 274.688660,233.583557 C279.060730,233.339828 280.450409,234.851685 280.423798,239.256561 C280.258667,266.558075 280.345306,293.861115 280.350555,321.163666 C280.351990,328.672089 280.355469,328.669891 288.002533,328.669281 C303.318604,328.668060 318.637177,328.824921 333.949188,328.575806 C338.588776,328.500336 340.270477,330.162567 340.084290,334.615570 C339.896698,339.102722 339.863434,343.612488 340.088135,348.096008 C340.300262,352.327881 338.733948,354.086578 334.359222,354.060242 C308.224640,353.902802 282.089050,353.911743 255.503937,353.769592 z"/></svg>');
}

.sh22klubold {
  cursor: pointer;
  background-size: cover;
  display: flex;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="Klubsvg" version="1.1" x="0px" y="0px" viewBox="0 0 720 704"><defs><style>.st0{fill:%23fff}</style></defs><path d="m448.8 220.3-2.4 14.9 12.3-14.9h18.5l-18.6 20.4 11.8 29.3h-18.9l-5.3-16.4-3.2 3.5-2 13h-15.7l7.8-49.7h15.7ZM497.1 220.3l-5.8 36.3h16.3l-2.1 13.4h-32l7.8-49.7H497ZM528.5 251.4c0 2.9 1.3 5.2 5.1 5.2s6.4-3 7-7.1l4.6-29.2H561l-4.5 28.4c-2.4 14.7-10.6 22-25.1 22s-19-6.3-19-16.8c0-1.6.1-3.4.4-5.2l4.5-28.4h15.8l-4.6 29.2c-.1.7-.2 1.3-.2 2ZM606.3 231c0 6.6-3.5 10.9-8.5 12.9 4.5 1.4 7.3 4.9 7.3 9.6s-2.5 10.1-6.3 12.7c-3.7 2.6-8.7 3.7-13.7 3.7h-23.9l7.8-49.7h19.8c7.3 0 17.4.9 17.4 10.7Zm-18 25.3c.7-.8 1.1-1.8 1.1-3.2 0-2.4-2.2-3-4.2-3h-5.1l-1.2 7.8h5.3c1.7 0 3.2-.5 4.1-1.6Zm.7-18.3c.8-.7 1.3-1.7 1.3-3.2 0-2.2-1.9-2.7-3.7-2.7H583l-1.1 7.1h3.5c1.5 0 2.8-.4 3.6-1.2Z" class="st0"/><rect width="243" height="92" x="396" y="199" rx="14" ry="14" style="fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:2px"/></svg>');
}

.sh22klub {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 54px;
  height: 32px;
  background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Réteg_2" data-name="Réteg 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 94"><defs><style> .cls-1 { fill: %23fff; } .cls-2 { fill: none; stroke: %23fff; stroke-miterlimit: 10; stroke-width: 2px; } </style></defs><g id="Réteg_1" data-name="Réteg 1"><g><path class="cls-1" d="M53.82,22.32l-2.38,14.91,12.31-14.91h18.51l-18.65,20.38,11.81,29.31h-18.87l-5.33-16.42-3.24,3.46-2.02,12.96h-15.7l7.85-49.68h15.7Z"/><path class="cls-1" d="M102.14,22.32l-5.76,36.29h16.27l-2.09,13.39h-31.97l7.85-49.68h15.7Z"/><path class="cls-1" d="M133.48,53.45c0,2.85,1.31,5.16,5.12,5.16,4.33,0,6.36-2.98,7.02-7.13l4.61-29.16h15.84l-4.46,28.44c-2.37,14.72-10.62,22.03-25.13,22.03-13.43,0-18.99-6.27-18.98-16.81,0-1.64.14-3.39.4-5.23l4.54-28.44h15.84l-4.61,29.16c-.12.67-.19,1.33-.19,1.97Z"/><path class="cls-1" d="M211.29,32.97c0,6.62-3.53,10.87-8.5,12.89,4.46,1.44,7.34,4.9,7.34,9.65,0,5.96-2.53,10.11-6.34,12.75-3.73,2.59-8.69,3.74-13.68,3.74h-23.91l7.85-49.68h19.8c7.34,0,17.43.94,17.43,10.66ZM193.32,58.26c.7-.77,1.12-1.83,1.12-3.18,0-2.45-2.23-3.02-4.25-3.02h-5.11l-1.22,7.78h5.33c1.7,0,3.18-.52,4.14-1.57ZM193.98,40.01c.78-.7,1.25-1.74,1.25-3.15,0-2.23-1.94-2.74-3.74-2.74h-3.6l-1.08,7.06h3.53c1.46,0,2.75-.37,3.65-1.17Z"/></g><rect class="cls-2" x="1" y="1" width="243" height="92" rx="14" ry="14"/></g></svg>');
}

.atc-shipping {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23000000" d="M7.5 19q-1.038 0-1.77-.73T5 16.5H2.77l.218-1h2.268q.271-.667.875-1.084Q6.735 14 7.5 14t1.37.416q.603.417.874 1.084h4.618L16.558 6H5.608l.023-.098q.073-.392.38-.647T6.735 5h11.073l-.81 3.5h2.079l2.712 3.616l-.866 4.384h-1.154q0 1.039-.73 1.77t-1.77.73t-1.769-.73t-.73-1.77H10q0 1.039-.73 1.77T7.5 19m8.387-5.75h4.651l.177-.89l-2.138-2.86h-1.818zm.428-6.248L16.559 6l-2.197 9.5l.243-1.002l.792-3.496zM1.674 12.998l.25-1h4.48l-.25 1zm2-3.496l.25-1h5.48l-.25 1zM7.5 18q.617 0 1.059-.441Q9 17.117 9 16.5t-.441-1.059T7.5 15t-1.059.441Q6 15.883 6 16.5t.441 1.059Q6.883 18 7.5 18m9.77 0q.617 0 1.058-.441q.441-.442.441-1.059t-.441-1.059T17.269 15t-1.058.441q-.442.442-.442 1.059t.441 1.059q.442.441 1.06.441"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 38px;
  height: 38px;
}

.atc-akcio {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23fff" d="M18.962 15.346q.146-.146.347-.146t.347.146l1.594 1.6q.146.153.146.358t-.146.35t-.35.146t-.358-.146l-1.6-1.595q-.146-.146-.136-.356t.155-.357m.693-11.611q.146.15.146.357t-.146.352L18.059 6.04q-.146.146-.347.146t-.347-.15t-.146-.357t.146-.353l1.581-1.594q.153-.146.357-.146t.35.15M4.35 3.75q.15-.146.357-.146t.352.146l1.595 1.58q.146.154.146.358t-.15.35t-.357.146t-.353-.146L4.346 4.445Q4.2 4.298 4.2 4.097t.15-.347m.688 11.616q.146.146.146.347t-.146.347l-1.594 1.594q-.146.146-.347.146t-.347-.15t-.146-.357t.146-.353l1.58-1.594q.147-.146.354-.137q.208.01.354.156m2.927 2.518L12 15.463l4.054 2.464l-1.056-4.58l3.544-3.055l-4.669-.42L12 5.547l-1.854 4.298l-4.669.402l3.544 3.098zM12 16.66l-4.515 2.71q-.16.079-.296.064q-.137-.016-.266-.094q-.129-.08-.196-.226q-.067-.148-.012-.319l1.197-5.071l-3.983-3.444q-.135-.117-.168-.266q-.034-.15.028-.29t.164-.231t.282-.117l5.234-.444l2.048-4.816q.068-.165.196-.238T12 3.806t.288.073t.195.238l2.067 4.816l5.235.444q.183.026.288.116t.158.232q.061.14.028.29q-.034.149-.169.266l-3.982 3.444l1.196 5.09q.056.171-.012.309t-.196.217q-.129.078-.265.093q-.137.016-.297-.063z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 38px;
  height: 38px;
}

.atc-stock {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23000000" d="M12 13.385L2.02 8.192L12 3l10 5.192zm0 3.807l-9.406-4.886l1.043-.573L12 16.052l8.383-4.32l1.042.574zM12 21l-9.406-4.887l1.043-.573L12 19.86l8.383-4.32l1.042.573zm0-8.756l7.921-4.052L12 4.14L4.098 8.192zm.02-4.052"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 38px;
  height: 38px;
}

.atc-klub {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23ffffff" d="M17.462 20H7.423V9l6.27-6.192l.442.442q.136.137.23.35q.093.213.093.392v.158L13.435 9h6.95q.627 0 1.12.494q.495.494.495 1.121v1.231q0 .137-.03.298q-.032.162-.082.298l-2.73 6.473q-.206.462-.693.773q-.486.312-1.003.312Zm-9.039-1h9.039q.211 0 .432-.115q.221-.116.337-.385L21 12v-1.385q0-.269-.173-.442T20.385 10h-8.193l1.158-5.462l-4.927 4.889V19Zm0-9.573V19V9.427Zm-1-.427v1H4v9h3.423v1H3V9h4.423Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 38px;
  height: 38px;
}

.best-price-thumb {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23ffffff" d="M17.462 20H7.423V9l6.27-6.192l.442.442q.136.137.23.35q.093.213.093.392v.158L13.435 9h6.95q.627 0 1.12.494q.495.494.495 1.121v1.231q0 .137-.03.298q-.032.162-.082.298l-2.73 6.473q-.206.462-.693.773q-.486.312-1.003.312Zm-9.039-1h9.039q.211 0 .432-.115q.221-.116.337-.385L21 12v-1.385q0-.269-.173-.442T20.385 10h-8.193l1.158-5.462l-4.927 4.889V19Zm0-9.573V19V9.427Zm-1-.427v1H4v9h3.423v1H3V9h4.423Z"/></svg>') no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 18px;
  height: 18px;
}

.atc-tobbet {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23ffffff" d="M11.5 19.713v-7.426L5 8.523v7.08q0 .155.077.29q.077.134.23.23l6.193 3.59Zm1 0l6.192-3.59q.154-.096.231-.23q.077-.135.077-.29v-7.08l-6.5 3.764v7.426Zm-1.308.974l-6.384-3.68q-.38-.217-.594-.59Q4 16.044 4 15.61V8.39q0-.434.214-.807q.215-.373.594-.59l6.384-3.68q.38-.217.808-.217t.808.217l6.384 3.68q.38.217.594.59q.214.373.214.807v7.22q0 .434-.214.807q-.215.373-.594.59l-6.384 3.68q-.38.217-.808.217t-.808-.217Zm4.52-11.412l2.713-1.562l-6.117-3.54q-.154-.096-.308-.096t-.308.096L9.3 5.548l6.412 3.727ZM12 11.427l2.7-1.567l-6.425-3.714l-2.7 1.567L12 11.427Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 38px;
  height: 38px;
}

.atc-gift {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23ffffff" d="M4.23 21V10.23H3V5.809h5.142q-.298-.264-.412-.625q-.115-.362-.115-.76q0-.994.696-1.689q.695-.696 1.689-.696q.575 0 1.056.27t.829.704q.348-.439.828-.706q.481-.268 1.056-.268q.994 0 1.69.696q.695.695.695 1.69q0 .39-.117.752q-.118.362-.41.632H21v4.423h-1.23V21H4.23Zm9.54-17.962q-.59 0-.987.399q-.398.398-.398.986q0 .589.398.987t.986.398q.589 0 .987-.398t.398-.987q0-.588-.398-.986q-.398-.399-.987-.399ZM8.614 4.423q0 .589.398.987q.399.398.987.398t.987-.398q.398-.398.398-.987q0-.588-.398-.986q-.399-.399-.987-.399t-.987.399q-.398.398-.398.986ZM4 6.808V9.23h7.5V6.808H4ZM11.5 20v-9.77H5.23V20h6.27Zm1 0h6.27v-9.77H12.5V20ZM20 9.23V6.809h-7.5V9.23H20Z"/></svg>');
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 38px;
  height: 38px;
}

.sh22search {
  cursor: pointer;
  background-size: cover;
  display: flex;
  width: 32px;
  height: 32px;
  background-image: url('data:image/svg+xml,<svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M844.515556 817.777778 684.562963 657.73037c45.037037-51.294815 72.438519-118.613333 72.438519-192.284444 0-160.995556-130.56-291.555556-291.555556-291.555556S173.89037 304.45037 173.89037 465.445926s130.56 291.555556 291.555556 291.555556c73.671111 0 140.98963-27.306667 192.284444-72.438519l159.952593 159.952593c7.395556 7.395556 19.437037 7.395556 26.832593 0S851.911111 825.078519 844.515556 817.777778zM465.445926 719.075556c-140.041481 0-253.62963-113.588148-253.62963-253.62963s113.588148-253.62963 253.62963-253.62963 253.62963 113.588148 253.62963 253.62963S605.582222 719.075556 465.445926 719.075556z"  fill="%23ffffff"/></svg>');
}

.bordertop {
  border-top: 1px solid #dddddd;
}

.borderbottom {
  border-bottom: 1px solid #dddddd;
}

.husegp {
  color: #fff !important;
  font-size: 12px !important;
}

.husegpont-ordertotal {
  background-color: #2f0939;
  color: #fff;
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
  line-height: 1.3;
  font-size: 11px;
  display: flex;
  flex-wrap: wrap;
}

.husegpont-ordertotal-title {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.husegpont-ordertotal-logo {
  height: 40px;
  margin-right: 10px;
  margin-bottom: 10px;
  width: 50px;
}

.husegpont-ordertotal-text {
  width: calc(100% - 60px);
}

.husegpont-text-tovabb-info {
  margin-top: 7px;
  margin-bottom: 7px;
}

.husegpont-ordertotal-real {
  width: calc(100% - 60px);
  font-size: 26px;
  text-align: right;
}

.husegpont-ordertotal-button {
  align-items: center;
  background-color: #fff;
  border: 1px solid #7f00ff;
  color: #7f00ff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Rubik", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.0625rem;
  line-height: 0.875rem;
  min-height: 34px;
  padding: 8px 32px;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
  width: 100%;
}
.husegpont-ordertotal-button:hover {
  background-color: #7F00FF;
  color: #fff;
}

.husegpont-info-button {
  align-items: center;
  background-color: #7f00ff;
  border: 1px solid #7f00ff;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Rubik", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.0625rem;
  line-height: 0.875rem;
  min-height: 34px;
  padding: 8px 32px;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
  width: 100%;
}
.husegpont-info-button:hover {
  background-color: #fff;
  color: #7F00FF;
}

.fa-stack {
  width: 0px;
  display: inline;
}

.ico-account {
  margin-right: 16px;
}

.ui-autocomplete {
  z-index: 1000;
}

.shoperia-search-result {
  display: flex;
  flex-wrap: wrap;
  float: left;
  background-color: transparent !important;
  border: none !important;
  padding-top: 15px;
}

.searchimgwrapper {
  display: block;
  height: 235px;
  width: 180px;
  padding: 8px 15px !important;
  border: 1px solid transparent !important;
}

.search-product-results {
  padding: 0px 10px 20px 10px;
  width: -moz-min-content;
  width: min-content;
}

.ui-state-active {
  border: 1px solid #0DADEF !important;
  background-color: transparent !important;
}

.search-product-leiras {
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  font-size: 16px;
  line-height: 1.3;
  margin-top: 10px;
  color: #fff;
  height: 65px;
  overflow: hidden;
}

.search-tovabb a {
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 25px;
}
.search-tovabb a:hover {
  color: #fff;
}

.hamburger {
  margin-right: auto;
  color: #fff;
  cursor: pointer;
}

.hide {
  display: none;
}

.navmobile-top {
  display: flex;
  align-items: center;
  z-index: 101;
  padding: 10px 20px;
  width: 100%;
}

.navmobile-drill-search {
  margin-top: 0px;
  transform: translateX(100%);
}

.navmobile-drill {
  margin-top: 55px;
  transform: translateX(100%);
}

.nav-is-toggled .navmobile-drill {
  transform: translateX(0);
}
.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}
.nav-is-toggled .navmobile-drill-search {
  transform: translateX(0);
}
.nav-is-toggled::after {
  opacity: 1;
  visibility: visible;
}

.navmobile-drill {
  display: flex;
  position: absolute;
  z-index: 100;
  top: 0;
  left: -400px;
  width: 400px;
  height: 100vh;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.45s;
}
.navmobile-drill-search {
  display: flex;
  position: absolute;
  z-index: 100;
  top: 0;
  left: -400px;
  width: 400px;
  height: 100vh;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  transition: 0.45s;
}
.navmobile-items {
  flex: 0 0 100%;
}
.navmobile-item:not(:last-child) {
  border-bottom: solid 1px rgb(127.5, 127.5, 127.5);
}
.navmobile-link {
  display: block;
  padding: 0.875em 1em;
  background-color: #fff;
  color: #000000;
  font-size: 1rem;
  line-height: 1.5em;
  font-weight: 300;
}
.navmobile-expand-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateX(100%);
  background-color: #fff;
  transition: 0.3s;
  visibility: hidden;
}
.navmobile-expand-content .navmobile-item:not(:last-child) {
  border-bottom: solid 1px #000000;
}
.navmobile-expand-content .navmobile-link {
  background-color: #fff;
}
.navmobile-expand-content .navmobile-back-link {
  display: flex;
  align-items: center;
  background-color: #000000 !important;
  color: #fff;
}
.navmobile-expand-content .navmobile-back-link::before {
  content: "\f104";
  margin-right: 0.5em;
  font-family: "FontAwesome";
}
.navmobile-expand-link {
  display: flex;
  justify-content: space-between;
}
.navmobile-expand-link::after {
  content: "\f105";
  flex: 0 1 auto;
  font-family: "FontAwesome";
}
.navmobile-expand.active > .navmobile-expand-content {
  transform: translateX(0);
  visibility: visible;
}

.hdmenu {
  display: none;
}

.ldmenu {
  display: block;
}

.navbar {
  min-height: 38px;
}

.mini-shopping-cart .picture {
  width: 120px;
}

.cart-qty {
  position: relative;
  top: -13px;
  right: 18px;
  background-color: #ff385c;
  font-size: 10px;
  height: auto;
  padding: 0 1px;
  width: auto;
  min-width: 16px;
  display: inline-block;
  min-height: 16px;
  line-height: 16px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  transform: translateX(-50%) translateX(15px);
}

.cart-qty {
  position: relative;
  top: -16px;
  right: 19px;
  background-color: #ff385c;
  font-size: 12px;
  height: auto;
  padding: 0 1px;
  width: auto;
  min-width: 20px;
  display: inline-block;
  min-height: 20px;
  line-height: 20px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  transform: translateX(-50%) translateX(15px);
}

.cart-qty {
  display: flex !important;
  position: absolute;
  top: -6px;
  right: -6px;
  background-color: #6cc5e7;
  font-size: 9px !important;
  height: 13px;
  width: 13px;
  padding: 0 !important;
  line-height: 20px;
  border-radius: 7px;
  color: #000 !important;
  text-align: center;
  transform: translateX(-50%) translateX(15px);
  justify-content: center;
  align-items: center;
  color: #000;
}

.minicart-element.active {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 26;
}
.minicart-element.active .flyout-cart {
  transform: translateX(0);
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
}

.activemenu {
  color: #fff !important;
}

.menudiv {
  margin-bottom: 16px;
  border-bottom: 1px solid #7d7d7d;
}

.menudiv2 {
  margin-bottom: 8px;
  display: flex;
  flex-wrap: nowrap;
}

@keyframes searchdivnagy {
  from {
    width: 350px;
  }
  to {
    width: 500px;
  }
}
@keyframes searchdivkicsi {
  from {
    width: 500px;
  }
  to {
    width: 350px;
  }
}
.flyout-menu {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  width: 100%;
  will-change: transform;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100vh;
  position: fixed;
  left: -100%;
  top: 0;
  z-index: 12;
  transform: translateX(-102%);
  transition: transform 266ms ease-in-out;
  background-color: #330938;
}
.flyout-menu .count {
  display: flex;
  float: left;
  width: calc(100% - 70px);
  justify-content: left;
  padding-left: 20px;
  height: 70px;
  padding-top: 14px;
  font-size: 30px;
  background-color: #330938;
  border-bottom: 1px solid #ff385c;
  color: #fff;
}
.flyout-menu .count a {
  color: #fff;
}
.flyout-menu .closemenu1 {
  display: flex;
  float: right;
  width: 70px;
  justify-content: center;
  height: 70px;
  padding-top: 25px;
  background-color: #330938;
  border-bottom: 1px solid #ff385c;
  color: #fff;
}
.flyout-menu .closemenu1 a {
  color: #fff;
}
.flyout-menu .countwrapper {
  display: flex;
  background-color: #330938;
}
.flyout-menu .items::-webkit-scrollbar {
  border-radius: 5px;
  width: 6px;
  background-color: #fff;
}
.flyout-menu .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.flyout-menu .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.flyout-menu .items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000, #000);
}
.flyout-menu .items {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: calc(100% - 170px);
  padding-top: 20px;
  overflow-y: scroll;
  background-color: transparent;
}
.flyout-menu .items .menupont {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: initial;
  font-size: 25px;
  line-height: 1.13333;
  color: #918f90;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 10px;
}
.flyout-menu .items .menupont:hover {
  color: #fff;
}
.flyout-menu .items .almenuwrapper {
  display: flex;
  float: left;
  justify-content: left;
  width: calc(100% - 40px);
}
.flyout-menu .items .almenupont {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 100;
  text-transform: initial;
  font-size: 18px;
  line-height: 1.13333;
  color: #918f90;
  text-decoration: none;
  cursor: pointer;
  padding-left: 15px;
  margin-bottom: 6px;
}
.flyout-menu .items .almenupont:hover {
  color: #fff;
}
.flyout-menu .items .almenupontnyil {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 100;
  text-transform: initial;
  font-size: 20px;
  line-height: 1.13333;
  color: #918f90;
  text-decoration: none;
  cursor: pointer;
  padding-left: 15px;
  margin-bottom: 6px;
  width: 40px;
  display: flex;
  float: right;
  justify-content: center;
}
.flyout-menu .items .almenupontnyil:hover {
  color: #fff;
}
.flyout-menu .items .menupont2 {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: initial;
  font-size: 18px;
  line-height: 1.13333;
  color: #918f90;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 6px;
}
.flyout-menu .items .menupont2:hover {
  color: #ffffff;
}
.flyout-menu .shoperia-menu-bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100px;
  position: fixed;
  bottom: 0px;
  justify-content: center;
  background-color: #330938;
  color: #fff;
  padding: 20px;
  flex-direction: column;
}

.flyout-menu.active {
  transform: translateX(0);
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
}

.flyout-menu.active.searchfl {
  width: 100%;
}

.flyout-menu.active.searchfloff {
  width: 100%;
}

.flyout-menu-2nd {
  box-shadow: 0 0 2px rgb(255, 255, 255);
  background-color: #fff;
  width: 100%;
  will-change: transform;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100vh;
  position: fixed;
  left: 202%;
  top: 0;
  z-index: 11;
  transform: translateX(0);
  transition: transform 266ms ease-in-out;
}
.flyout-menu-2nd .count {
  display: flex;
  float: left;
  width: calc(100% - 70px);
  justify-content: left;
  padding-left: 20px;
  height: 70px;
  padding-top: 25px;
  background-color: #330938;
  border-bottom: 1px solid #ff385c;
  color: #fff;
}
.flyout-menu-2nd .count a {
  color: #fff;
}
.flyout-menu-2nd .countclose {
  display: flex;
  float: right;
  width: 54px;
  justify-content: center;
  height: 54px;
  padding-top: 0px;
  background-color: #fff;
  border-bottom: 1px solid #d0d0d0;
  align-items: center;
  color: #000;
}
.flyout-menu-2nd .countclose a {
  color: #000;
}
.flyout-menu-2nd .countwrapper {
  display: flex;
  background-color: #330938;
}
.flyout-menu-2nd .items::-webkit-scrollbar {
  width: 1px;
  height: 10px;
}
.flyout-menu-2nd .items::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #eee;
  box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
}
.flyout-menu-2nd .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000000, #000000);
  box-shadow: inset 0 0 1px 1px #5C6670;
}
.flyout-menu-2nd .items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000000, #000000);
}
.flyout-menu-2nd .items {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: calc(100% - 70px);
  padding-top: 20px;
  overflow-y: scroll;
  background-color: #330938;
}
.flyout-menu-2nd .items .menupont {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: initial;
  font-size: 20px;
  line-height: 1.13333;
  color: #918f90;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 10px;
}
.flyout-menu-2nd .items .menupont:hover {
  color: #fff;
}
.flyout-menu-2nd .items .almenupont {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 100;
  text-transform: initial;
  font-size: 20px;
  line-height: 1.13333;
  color: #918f90;
  text-decoration: none;
  cursor: pointer;
  padding-left: 15px;
  margin-bottom: 10px;
}
.flyout-menu-2nd .items .almenupont:hover {
  color: #fff;
}
.flyout-menu-2nd .items .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #330938;
  margin-bottom: 15px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
  padding: 25px;
  justify-content: left;
}
.flyout-menu-2nd .items .item .picture {
  display: flex;
  flex-wrap: wrap;
  width: 100px;
}
.flyout-menu-2nd .items .item .product {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 100px);
}
.flyout-menu-2nd .items .item .product .deletewrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  width: 50px;
}
.flyout-menu-2nd .items .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 50px);
}
.flyout-menu-2nd .items .item .product .namewrapper .name {
  width: 100%;
  font-size: 12px;
  text-transform: unset;
  line-height: 1.5;
  letter-spacing: 0.9px;
}
.flyout-menu-2nd .items .item .product .details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-end;
}
.flyout-menu-2nd .items .item .product .details .quantity-flyout {
  width: 50%;
  justify-content: left;
  text-align: left;
}
.flyout-menu-2nd .items .item .product .details .price {
  width: 50%;
  justify-content: right;
  text-align: right;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
}

.flyout-menu-2nd.active {
  transform: translateX(-102%);
  height: 100vh;
  position: fixed;
  left: 102%;
  top: 0;
  display: flex;
  flex-wrap: wrap;
}

.checkout-summary-items {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-right: 4px;
}
.checkout-summary-items .items {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  height: 100%;
  padding-top: 0px;
  background-color: #fff;
}
.checkout-summary-items .items .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  margin-bottom: 4px;
  margin-top: 4px;
  padding-top: 8px;
  padding-bottom: 5px;
  justify-content: left;
  border-top: 1px solid #d0d0d0;
}
.checkout-summary-items .items .item .picture {
  display: flex;
  flex-wrap: wrap;
  width: 60px;
  padding: 5px;
  background-color: #f8f3f9;
  border: 1px solid #d0d0d0;
}
.checkout-summary-items .items .item .product {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 60px);
  padding-left: 5px;
}
.checkout-summary-items .items .item .product .deletewrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  width: 50px;
}
.checkout-summary-items .items .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.checkout-summary-items .items .item .product .namewrapper .name {
  width: 100%;
  font-size: 14px;
  text-transform: unset;
  line-height: 1.3;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
}
.checkout-summary-items .items .item .product .namewrapper .attributes {
  width: 100%;
  font-size: 12px;
  text-transform: unset;
  line-height: 1.3;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  padding-top: 7px;
  padding-left: 7px;
}
.checkout-summary-items .items .item .product .details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-end;
}
.checkout-summary-items .items .item .product .details .quantity-flyout {
  width: 50%;
  justify-content: left;
  text-align: left;
}
.checkout-summary-items .items .item .product .details .price {
  width: 50%;
  justify-content: right;
  text-align: right;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  color: #575353;
  font-size: 0.875rem;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  letter-spacing: 0.1px;
}

.flyout-cart {
  position: absolute;
  width: 300px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  max-width: 450px;
  transform: translateX(102%);
  transition: transform 266ms ease-in-out;
  width: 100vw;
  will-change: transform;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 12;
}
.flyout-cart .count {
  display: flex;
  float: left;
  width: calc(100% - 54px);
  justify-content: left;
  padding-left: 20px;
  height: 54px;
  padding-top: 0px;
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #d0d0d0;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  align-items: center;
}
.flyout-cart .count a {
  color: #fff;
}
.flyout-cart .countclose {
  display: flex;
  float: right;
  width: 54px;
  justify-content: right;
  height: 54px;
  padding-top: 0;
  background-color: #fff;
  border-bottom: 1px solid #d0d0d0;
  align-items: center;
  padding-right: 20px;
}
.flyout-cart .countclose a {
  color: #fff;
}
.flyout-cart .countwrapper {
  display: flex;
}
.flyout-cart .items::-webkit-scrollbar {
  border-radius: 5px;
  width: 6px;
  background-color: #fff;
}
.flyout-cart .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.flyout-cart .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.flyout-cart .items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000, #000);
}
.flyout-cart .items {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  height: calc(100% - 234px);
  padding-top: 10px;
  overflow-y: scroll;
}
.flyout-cart .items .item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  margin-bottom: 4px;
  margin-top: 4px;
  padding-top: 8px;
  padding-bottom: 5px;
  justify-content: left;
  border-top: 1px solid #d0d0d0;
}
.flyout-cart .items .item .cartitemoverlay {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4117647059);
  justify-content: center;
  align-items: center;
}
.flyout-cart .items .item .picture {
  display: flex;
  flex-wrap: wrap;
  width: 100px;
  padding: 3px;
  background-color: #f8f3f9;
  border: 1px solid #d0d0d0;
  justify-content: center;
}
.flyout-cart .items .item .product {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 100px);
  padding-left: 5px;
}
.flyout-cart .items .item .product .deletewrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  width: 50px;
}
.flyout-cart .items .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 50px);
}
.flyout-cart .items .item .product .namewrapper .name {
  width: 100%;
  font-size: 14px;
  text-transform: unset;
  line-height: 1.3;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
}
.flyout-cart .items .item .product .namewrapper .attributes {
  width: 100%;
  font-size: 12px;
  text-transform: unset;
  line-height: 1.3;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  padding-top: 7px;
  padding-left: 7px;
}
.flyout-cart .items .item .product .details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-end;
}
.flyout-cart .items .item .product .details .quantity-flyout {
  width: 50%;
  justify-content: left;
  text-align: left;
}
.flyout-cart .items .item .product .details .price {
  width: 50%;
  justify-content: right;
  text-align: right;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  color: #000;
  font-size: 0.875rem;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  letter-spacing: 0.1px;
}
.flyout-cart .items-login {
  height: calc(100% - 100px);
}
.flyout-cart .items-cart {
  background-color: #fff;
}

.first {
  border-top: 1px solid #fff !important;
}

.fc-extra-info .flyout-cart-extra-info {
  min-height: 50px;
  max-height: 50px;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px solid #d0d0d0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: system-ui;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.3px;
  color: green;
}
.fc-extra-info .items {
  height: calc(100% - 284px);
}

.flyout-customer {
  position: absolute;
  width: 300px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  max-width: 450px;
  transform: translateX(102%);
  transition: transform 266ms ease-in-out;
  width: 100vw;
  will-change: transform;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 12;
}
.flyout-customer .count {
  display: flex;
  float: left;
  width: 80%;
  justify-content: left;
  padding-left: 20px;
  height: 70px;
  padding-top: 16px;
  background-color: #ff385c;
  color: #fff;
  border-bottom: 1px solid #ff385c;
  font-size: 24px;
}
.flyout-customer .count a {
  color: #fff;
}
.flyout-customer .countclose {
  display: flex;
  float: right;
  width: 20%;
  justify-content: center;
  height: 54px;
  padding-top: 0px;
  background-color: #fff;
  border-bottom: 1px solid #d0d0d0;
  align-items: center;
}
.flyout-customer .countclose a {
  color: #fff;
}
.flyout-customer .countwrapper {
  display: flex;
}
.flyout-customer .items::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.flyout-customer .items::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #eee;
  box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
}
.flyout-customer .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000000, #000000);
  box-shadow: inset 0 0 1px 1px #5C6670;
}
.flyout-customer .items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000000, #000000);
}
.flyout-customer .items {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: calc(100% - 100px);
  padding-top: 20px;
  padding-bottom: 60px;
  overflow-y: scroll;
}
.flyout-customer .items .item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  margin-bottom: 15px;
  padding: 25px;
  justify-content: left;
}
.flyout-customer .items .item .picture {
  display: flex;
  flex-wrap: wrap;
  width: 100px;
}
.flyout-customer .items .item .product {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 100px);
}
.flyout-customer .items .item .product .deletewrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  width: 50px;
}
.flyout-customer .items .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 50px);
}
.flyout-customer .items .item .product .namewrapper .name {
  width: 100%;
  font-size: 12px;
  text-transform: unset;
  line-height: 1.5;
  letter-spacing: 0.9px;
}
.flyout-customer .items .item .product .details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-end;
}
.flyout-customer .items .item .product .details .quantity-flyout {
  width: 50%;
  justify-content: left;
  text-align: left;
}
.flyout-customer .items .item .product .details .price {
  width: 50%;
  justify-content: right;
  text-align: right;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
}
.flyout-customer .items-cart {
  background-color: #f8f8f8;
}

.flyout-customer.active {
  transform: translateX(0);
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
}

.flyout-customer-bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 30px;
  position: fixed;
  bottom: 0px;
  justify-content: center;
  background-color: #31ccec;
  color: #fff;
  padding: 20px;
  flex-direction: column;
  z-index: 1;
}

.flyoutsubtotal-text {
  display: flex;
  width: 50%;
  justify-content: left;
  align-items: center;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
}

.flyoutsubtotal-ammount {
  display: flex;
  width: 50%;
  justify-content: right;
  align-items: center;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
}

.buttons-minicart {
  margin-top: 10px;
  width: 100%;
  justify-content: center;
  margin-bottom: 10px;
}

.mini-shopping-cart-bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 180px;
  position: fixed;
  bottom: 0;
  justify-content: center;
  background-color: #f2f2f2;
  color: #000;
  padding: 20px;
  flex-direction: column;
  border-top: 1px solid #000;
}
.mini-shopping-cart-bottom .totals {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
}
.mini-shopping-cart-bottom .checkout-button {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  background-color: #ff385c;
  border-color: #ff385c;
  border-radius: 30px;
}
.mini-shopping-cart-bottom .checkout-button:hover {
  background-color: #31ccec;
  border-color: #31ccec;
}
.mini-shopping-cart-bottom .cart-button {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  margin-top: 15px;
  background-color: #330938;
  border-color: #330938;
}
.mini-shopping-cart-bottom .cart-button:hover {
  background-color: #330938;
  border-color: #330938;
}

.mini-shopping-cart-bottom-login {
  height: 30px;
}

.flyout-cart.active {
  transform: translateX(0);
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-wrap: wrap;
}

.flyout-cart__overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  display: block;
}

.content {
  margin: 0px;
}

.header-links a:hover,
.header-links a:focus {
  color: #31ccec;
  text-decoration: underline;
}

.stickycard {
  position: fixed;
  top: 9px;
  right: 15px;
  justify-content: right;
  z-index: 6;
}

.stickylogo {
  position: fixed;
  top: 7px;
  left: 5px;
  justify-content: left;
  z-index: 6;
}

.logohide {
  display: none;
}

#topcartlink {
  display: inline-block;
  width: auto;
  margin: 0;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

.navit2 {
  display: inline-block;
  width: auto;
  margin: 0;
  margin: 0px 0px 0px 0px;
  padding: 0;
}

.rbrt-menu {
  width: 100%;
  float: left;
  list-style: none;
  position: relative;
  background: #fff;
  border-bottom: solid 1px #31ccec;
  display: flex;
  justify-content: center;
  z-index: -1;
}

.rbrt-menu > li {
  display: inline-block;
  float: left;
}

.rbrt-menu > li > a {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.2s linear, background 0.2s linear;
  font-size: 14px;
}

.rbrt-menu > li > a.active,
.rbrt-menu > li > a:hover,
li.drop-down ul > li > a:hover {
  background: #fff;
  color: #000;
}

.rbrt-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 20px !important;
}

li.drop-down,
.flyout-right,
.flyout-left {
  position: relative;
}

li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px;
}

li.drop-down > ul {
  left: 0px;
  min-width: 230px;
}

.drop-down-ul {
  display: none;
}

.flyout-right > ul,
.flyout-left > ul {
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670;
}

li.drop-down > ul > li > a,
.flyout-right ul > li > a,
.flyout-left ul > li > a {
  color: #000;
  display: block;
  padding: 10px 22px;
  text-decoration: none;
  background-color: #ffffff;
  border-bottom: 1px dotted #547787;
  transition: color 0.2s linear, background 0.2s linear;
}

.flyout-right ul > li > a,
.flyout-left ul > li > a {
  border-bottom: 1px dotted #B8C7BC;
}

/*Flyout Mega*/
.flyout-mega-wrap {
  top: 0;
  right: 0;
  left: 100%;
  width: 100%;
  display: none;
  height: 100%;
  padding: 15px;
  min-width: 742px;
}

.mega-title {
  color: #000;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
}

.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit;
}

.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus {
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important;
}

/*mega menu*/
.mega-menu {
  left: 0;
  right: 0;
  padding: 15px;
  display: none;
  min-height: 100%;
  opacity: 0;
  border-bottom: 1px solid #000;
}

.mega-title {
  color: #000;
  margin-top: 0px;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  padding-top: 15px;
}

.mega-menu ul li a {
  line-height: 25px;
  font-size: 90%;
  display: block;
}

ul.stander li a {
  padding: 3px 0px;
}

ul.description li {
  padding-bottom: 12px;
  line-height: 8px;
}

ul.description li span {
  color: #ccc;
  font-size: 85%;
}

a.view-more {
  border-radius: 1px;
  margin-top: 15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}

a.view-more:hover {
  color: #fff;
  background: #0DADEF;
}

ul.icon-des li a i {
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #009FE1;
  line-height: 35px !important;
}

ul.icon-des li {
  width: 100%;
  display: table;
  margin-bottom: 11px;
}

/*common*/
.flyout-right ul > li > a,
.flyout-left ul > li > a,
.flyout-mega-wrap,
.mega-menu {
  background-color: #ffffff;
  border-top: 1px solid #31ccec;
}

/*hover*/
.Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left > ul:hover,
li.flyout-right > ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover + ul,
li.flyout-right a:hover + ul,
.blog-drop-down > a:hover + .Blog,
li.drop-down > a:hover + .drop-down-ul,
.images-drop-down > a:hover + .Images,
.mega-drop-down a:hover + .mega-menu,
li.flyout-mega > a:hover + .flyout-mega-wrap {
  display: block;
  opacity: 1;
  transition: opacity 266ms ease-in-out;
  transition-delay: 266ms;
}

a.toggle-menu {
  position: absolute;
  right: 0px;
  padding: 20px;
  font-size: 27px;
  background-color: #ccc;
  color: #23364B;
  top: 0px;
}

.megamenu-container {
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background-color: rgb(255, 255, 255);
}

h2 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-transform: uppercase;
}

.megamenu-col {
  display: flex;
  flex-wrap: wrap;
  margin-left: 1%;
  margin-right: 1%;
  width: 18%;
  background-color: #ffffff;
}

.megamenu-title {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  background-color: #ffffff;
}

.header-links li {
  margin: 0;
  display: inline-block;
}

.linkeffect {
  display: inline-block;
  position: relative;
  text-decoration: none;
  padding: 10px 0;
  color: #fff;
}

.hover-6::before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 50%;
  height: 2px;
  background-color: #31ccec;
  transform: scaleX(0);
  transform-origin: bottom right;
  transition: transform 0.3s;
}

.hover-6::after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 0;
  left: 50%;
  height: 2px;
  background-color: #31ccec;
  transform: scaleX(0);
  transform-origin: bottom left;
  transition: transform 0.3s;
}

.hover-6:hover:before {
  transform: scaleX(1);
}

.hover-6:hover:after {
  transform: scaleX(1);
}

.product-filters {
  width: 100%;
  padding-right: 0px;
}

.product-filter {
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #e3e3e3;
  position: static;
  width: 100%;
}
.product-filterfirst-child {
  padding-top: 0;
  border-top: none;
}
.product-filter .filter-content label {
  font-size: 12px;
  color: #000;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 1px;
  font-family: "Nunito Sans";
}
.product-filter .card-header {
  padding: 0 10px 10px 0;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: none;
}
.product-filter .card-title {
  font-size: 12px;
  color: #000000;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin-right: 1%;
  margin-left: 1%;
  width: 98%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 300;
}
.breadcrumb a {
  text-decoration: none;
  color: #000000;
  font-weight: 300;
}
.breadcrumb .current-item {
  font-size: 12px;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #000000;
  content: ">";
}

.breadcrumb ul li {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 300;
  text-transform: initial;
  letter-spacing: normal;
}

#nav {
  position: absolute;
  left: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
}

#nav ul {
  margin: 0;
  padding: 0;
}

#nav ul li {
  margin: 0;
  padding: 0;
  float: left;
}

#nav ul li a {
  text-decoration: none;
  padding: 10px 20px;
  display: block;
  color: #000000;
  text-align: center;
}

.header-lower {
  background-color: #330938;
  height: auto;
  align-items: center;
}

.header-lower-huseg {
  background-color: #330938;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  justify-content: center;
  justify-items: center;
  height: 100%;
  padding: 0 6px 6px 6px;
}
.header-lower-huseg .huseg-mobile {
  font-size: 10px;
  color: #fff;
  font-weight: 600;
}

.husegprogram-hd {
  display: none !important;
}

.header-logo {
  margin-bottom: 0px;
}

.admin-header-links {
  background-color: #333;
  text-align: center;
  color: #fff;
}

.admin-header-links a, .admin-header-links span {
  display: inline-block;
  margin: 0 10px;
  line-height: 35px;
  font-weight: 500;
  text-transform: none;
  color: #fff;
}

.top-bar {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  font-size: 12px;
  text-transform: none;
  background-color: #31ccec;
}

.top-bar-content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Mega menü */
.shoperianav {
  display: flex;
  height: 100%;
  align-items: center;
}

#nav2 ul li a {
  text-decoration: none;
  padding: 10px 20px;
  display: block;
  color: #000000;
  text-align: center;
}

.header-links span {
  font-size: 20px; /*reset zeroing*/
  text-transform: initial;
  color: #31ccec;
  padding-left: 5px;
  font-weight: 600;
  line-height: inherit;
}

.header-links a {
  font-size: 20px; /*reset zeroing*/
  text-transform: initial;
  color: #31ccec;
  padding-left: 5px;
  font-weight: 600;
}

.header-lower-left {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 100px);
  justify-content: left;
  padding-top: 0px;
  align-items: center;
}

.header-lower-center {
  display: flex;
  flex-wrap: wrap;
  width: 200px;
  justify-content: left;
  align-items: center;
}

.header-lower-right {
  display: flex;
  flex-wrap: wrap;
  width: calc(50% - 100px);
  justify-content: right;
  padding-top: 0px;
}

.ico-account {
  cursor: pointer;
}
.ico-account .fa-check {
  font-size: 16px;
  top: 9px;
  left: 10px;
  color: #cf3e61;
}
.ico-account .fa-plus {
  font-size: 10px;
  top: -4px;
  left: 19px;
  color: #cf3e61;
}
.ico-account .fa-stack-1x, .ico-account .fa-stack-2x {
  text-align: right;
}

.ico-cart {
  cursor: pointer;
}

.ico-opc-chevron {
  cursor: pointer;
}

.row .three {
  box-sizing: border-box;
  color: #ecf0f1;
  text-align: center;
  z-index: 100;
}

.hamburger .line {
  width: 20px;
  height: 2px;
  background-color: #000;
  display: block;
  margin: 4px auto;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover {
  cursor: pointer;
}

/* ONE */
#hamburger-1.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg);
}

.action .account-menu {
  font-size: 18px;
}

.action .profile {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}

.action .profile img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.action .menu {
  position: absolute;
  top: 120px;
  right: 10px;
  padding: 10px 20px;
  background: rgb(255, 255, 255);
  width: 200px;
  box-sizing: 0 5px 25px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.action .menu.active {
  top: 55px;
  visibility: visible;
  opacity: 1;
  z-index: 10;
}

.action .menu::before {
  content: "";
  position: absolute;
  top: -5px;
  right: 60px;
  width: 20px;
  height: 20px;
  background: rgb(255, 255, 255);
  transform: rotate(45deg);
}

.action .menu h3 {
  width: 100%;
  text-align: center;
  font-size: 14px;
  padding: 20px 0;
  font-weight: 500;
  color: #555;
  line-height: 1.5em;
}

.action .menu h3 span {
  font-size: 14px;
  color: #cecece;
  font-weight: 300;
}

.action .menu ul li {
  list-style: none;
  padding: 16px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}

.action .menu ul li img {
  max-width: 20px;
  margin-right: 10px;
  opacity: 0.5;
  transition: 0.5s;
}

.action .menu ul li:hover img {
  opacity: 1;
}

.action .menu ul li a {
  display: inline-block;
  text-decoration: none;
  color: #555;
  font-weight: 500;
  transition: 0.5s;
}

.action .menu ul li:hover a {
  color: #ff5d94;
}

@media only screen and (max-width: 480px) {
  .flyout-customer .count {
    display: flex;
    float: left;
    width: 80%;
    justify-content: left;
    padding-left: 20px;
    height: 70px;
    padding-top: 21px;
    background-color: #ff385c;
    color: #fff;
    border-bottom: 1px solid #ff385c;
    font-size: 18px;
  }
  .flyout-customer .count a {
    color: #fff;
  }
  .flyout-cart .count {
    display: flex;
    float: left;
    width: 80%;
    justify-content: left;
    padding-left: 20px;
    height: 54px;
    padding-top: 0px;
    background-color: #fff;
    color: #000;
    border-bottom: 1px solid #d0d0d0;
    font-size: 18px;
  }
  .flyout-cart .count a {
    color: #000;
  }
  .navmobile-drill {
    left: -100%;
    width: 100%;
  }
  .navmobile-drill-search {
    left: -100%;
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .rbrt-menu {
    display: none;
    min-height: 58px;
    background-color: #23364B;
    width: 100%;
  }
  .rbrt-menu > li > a {
    width: 100%;
    display: none;
  }
  .rbrt-menu > li {
    width: 100%;
  }
  .display.rbrt-menu > li > a {
    display: block;
    padding: 20px 22px;
  }
  .mega-menu, .Images, .Blog, .flyout-right > ul,
  .flyout-left > ul, li.drop-down > ul {
    position: relative;
  }
  .navbar {
    display: flex;
  }
  .menu-toggle {
    background: url("../Themes/SHOPERIATESZT/Content/images/menu-icon.png") right center no-repeat #ffffff;
    padding: 15px;
    font-size: 15px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    cursor: pointer;
    text-align: left;
    width: 40px;
  }
  .mobile-menu {
    width: 100%;
    background: #fff;
    border-bottom: solid 1px #31ccec;
  }
  .navbar {
    min-height: 38px;
  }
}
.navigation {
  height: 60px;
  background: #ffffff;
  border-bottom: solid 1px #31ccec;
}

.nav-container {
  max-width: 100%;
  margin: 0 auto;
}

.brand {
  position: absolute;
  padding-left: 70px;
  float: left;
  line-height: 60px;
  text-transform: uppercase;
  font-size: 1.4em;
}
.brand a,
.brand a:visited {
  color: #F3F5F6;
  text-decoration: none;
}

#nav {
  float: right;
}
#nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#nav ul li {
  float: left;
  position: relative;
}
#nav ul li a {
  display: block;
  padding: 5px 20px 0 20px;
  line-height: 40px;
  background: #ffffff;
  color: #000000;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
}
#nav ul li a::before {
  transition: 300ms;
  height: 2px;
  content: "";
  position: absolute;
  background-color: #31ccec;
  width: 0%;
  bottom: 0px;
}
#nav ul li a:hover::before {
  width: 70%;
}
#nav ul li a:not(:only-child):after {
  padding-left: 4px;
  content: " ▾";
}
#nav ul li ul li {
  min-width: 190px;
}
#nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  display: none;
  position: absolute;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #000000;
  height: 60px;
  width: 60px;
}

@media only screen and (max-width: 992px) {
  .brand {
    position: relative;
    padding-left: 0;
    float: left;
    line-height: 60px;
    text-transform: uppercase;
    font-size: 1.4em;
  }
  .brand a,
  .brand a:visited {
    color: #F3F5F6;
    text-decoration: none;
  }
  .nav-mobile {
    display: block;
    position: relative;
    padding-left: 0px;
    float: left;
  }
  .nav-dropdown {
    position: static;
  }
}
#nav-toggle {
  position: absolute;
  left: 18px;
  top: 22px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #31ccec;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

@media (min-width: 640px) {
  .almenupontnyil {
    display: none !important;
  }
  .flyout-menu {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    min-width: 250px;
    width: 350px;
    will-change: transform;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100vh;
    position: fixed;
    left: -350px;
    top: 0;
    z-index: 12;
    transform: translateX(-102%);
    transition: transform 266ms ease-in-out;
  }
  .flyout-menu .count {
    display: flex;
    float: left;
    width: calc(100% - 70px);
    justify-content: left;
    padding-left: 20px;
    height: 70px;
    padding-top: 14px;
    font-size: 30px;
    background-color: #330938;
    border-bottom: 1px solid #ff385c;
    color: #fff;
  }
  .flyout-menu .count a {
    color: #fff;
  }
  .flyout-menu .closemenu1 {
    display: flex;
    float: right;
    width: 70px;
    justify-content: center;
    height: 70px;
    padding-top: 25px;
    background-color: #330938;
    border-bottom: 1px solid #ff385c;
    color: #fff;
  }
  .flyout-menu .closemenu1 a {
    color: #fff;
  }
  .flyout-menu .countwrapper {
    display: flex;
    background-color: #330938;
  }
  .flyout-menu .items::-webkit-scrollbar {
    width: 1px;
    height: 10px;
  }
  .flyout-menu .items::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #eee;
    box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
  }
  .flyout-menu .items::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: linear-gradient(left, #000000, #000000);
    box-shadow: inset 0 0 1px 1px #5C6670;
  }
  .flyout-menu .items::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(left, #000000, #000000);
  }
  .flyout-menu .items {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    height: calc(100% - 170px);
    padding-top: 20px;
    overflow-y: scroll;
    background-color: #330938;
  }
  .flyout-menu .items .menupont {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: initial;
    font-size: 25px;
    line-height: 1.13333;
    color: #918f90;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
  }
  .flyout-menu .items .menupont:hover {
    color: #fff;
  }
  .flyout-menu .items .almenupont {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 100;
    text-transform: initial;
    font-size: 20px;
    line-height: 1.13333;
    color: #918f90;
    text-decoration: none;
    cursor: pointer;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .flyout-menu .items .almenupont:hover {
    color: #fff;
  }
  .flyout-menu .items .menupont2 {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: initial;
    font-size: 25px;
    line-height: 1.13333;
    color: #918f90;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
  }
  .flyout-menu .items .menupont2:hover {
    color: #ffffff;
  }
  .flyout-menu .shoperia-menu-bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100px;
    position: fixed;
    bottom: 0px;
    justify-content: center;
    background-color: #330938;
    color: #fff;
    padding: 20px;
    flex-direction: column;
  }
  .flyout-menu.active {
    transform: translateX(0);
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
  }
  .flyout-menu.active.searchfl {
    animation-name: searchdivnagy;
    animation-duration: 1s;
    width: 500px;
  }
  .flyout-menu.active.searchfloff {
    animation-name: searchdivkicsi;
    animation-duration: 1s;
    width: 350px;
  }
  .flyout-menu-2nd {
    box-shadow: 0 0 2px rgb(255, 255, 255);
    background-color: #fff;
    min-width: 250px;
    width: 350px;
    will-change: transform;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 100vh;
    position: fixed;
    left: -350px;
    top: 0;
    z-index: 11;
    transform: translateX(-102%);
    transition: transform 266ms ease-in-out;
  }
  .flyout-menu-2nd .count {
    display: flex;
    float: left;
    width: calc(100% - 70px);
    justify-content: left;
    padding-left: 20px;
    height: 70px;
    padding-top: 25px;
    background-color: #330938;
    border-bottom: 1px solid #ff385c;
    color: #fff;
  }
  .flyout-menu-2nd .count a {
    color: #fff;
  }
  .flyout-menu-2nd .countclose {
    display: flex;
    float: right;
    width: 70px;
    justify-content: center;
    height: 54px;
    padding-top: 0px;
    background-color: #fff;
    border-bottom: 1px solid #d0d0d0;
    align-items: center;
  }
  .flyout-menu-2nd .countclose a {
    color: #fff;
  }
  .flyout-menu-2nd .countwrapper {
    display: flex;
    background-color: #330938;
  }
  .flyout-menu-2nd .items::-webkit-scrollbar {
    width: 1px;
    height: 10px;
  }
  .flyout-menu-2nd .items::-webkit-scrollbar-track {
    border-radius: 4px;
    background: #eee;
    box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
  }
  .flyout-menu-2nd .items::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: linear-gradient(left, #000000, #000000);
    box-shadow: inset 0 0 1px 1px #5C6670;
  }
  .flyout-menu-2nd .items::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(left, #000000, #000000);
  }
  .flyout-menu-2nd .items {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    height: calc(100% - 70px);
    padding-top: 20px;
    overflow-y: scroll;
    background-color: #330938;
  }
  .flyout-menu-2nd .items .menupont {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-transform: initial;
    font-size: 20px;
    line-height: 1.13333;
    color: #918f90;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
  }
  .flyout-menu-2nd .items .menupont:hover {
    color: #fff;
  }
  .flyout-menu-2nd .items .almenupont {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    font-weight: 100;
    text-transform: initial;
    font-size: 20px;
    line-height: 1.13333;
    color: #918f90;
    text-decoration: none;
    cursor: pointer;
    padding-left: 15px;
    margin-bottom: 10px;
  }
  .flyout-menu-2nd .items .almenupont:hover {
    color: #fff;
  }
  .flyout-menu-2nd .items .item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #330938;
    margin-bottom: 15px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
    padding: 25px;
    justify-content: left;
  }
  .flyout-menu-2nd .items .item .picture {
    display: flex;
    flex-wrap: wrap;
    width: 100px;
  }
  .flyout-menu-2nd .items .item .product {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 100px);
  }
  .flyout-menu-2nd .items .item .product .deletewrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    width: 50px;
  }
  .flyout-menu-2nd .items .item .product .namewrapper {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 50px);
  }
  .flyout-menu-2nd .items .item .product .namewrapper .name {
    width: 100%;
    font-size: 12px;
    text-transform: unset;
    line-height: 1.5;
    letter-spacing: 0.9px;
  }
  .flyout-menu-2nd .items .item .product .details {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-self: flex-end;
  }
  .flyout-menu-2nd .items .item .product .details .quantity-flyout {
    width: 50%;
    justify-content: left;
    text-align: left;
  }
  .flyout-menu-2nd .items .item .product .details .price {
    width: 50%;
    justify-content: right;
    text-align: right;
    font-weight: 700;
    font-size: 18px;
    white-space: nowrap;
  }
  .flyout-menu-2nd.active {
    transform: translateX(0);
    height: 100vh;
    position: fixed;
    left: 350px;
    top: 0;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .cart-qty {
    display: flex !important;
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #6cc5e7;
    font-size: 9px !important;
    height: 13px;
    width: 13px;
    padding: 0 !important;
    line-height: 20px;
    border-radius: 7px;
    color: #000 !important;
    text-align: center;
    transform: translateX(-50%) translateX(15px);
    justify-content: center;
    align-items: center;
    color: #000;
  }
  .header-lower {
    background-color: #330938;
    height: auto;
    align-items: center;
  }
  .header-lower-huseg {
    display: none;
  }
  .husegprogram-hd {
    display: inline-block !important;
  }
  .ico-account .fa-check {
    font-size: 23px;
    top: 14px;
    left: 15px;
    color: #cf3e61;
  }
  .ico-account .fa-plus {
    font-size: 12px;
    top: -3px;
    left: 28px;
    color: #cf3e61;
  }
  #topcartlink {
    display: inline-block;
    width: auto;
    margin: 0;
    margin: 0px 0px 0px 0px;
    padding: 0;
  }
  .navit2 {
    display: inline-block;
    width: auto;
    margin: 0;
    margin: 0px 0px 0px 12px;
    padding: 0;
  }
  .hdmenu {
    display: block;
  }
  .ldmenu {
    display: none;
  }
  .rbrt-menu > li > a {
    display: block;
    padding: 20px 22px;
  }
  .mega-menu, .flyout-mega-wrap, .Images, .Blog, .flyout-right > ul,
  .flyout-left > ul, li.drop-down > ul {
    position: absolute;
  }
  .flyout-right > ul {
    left: 100%;
  }
  .flyout-left > ul {
    right: 100%;
  }
  .nav-list {
    display: block !important;
  }
  .navmobile-top {
    display: none;
  }
  .header-lower-left {
    display: flex;
    flex-wrap: wrap;
    width: 200px;
    justify-content: left;
    padding-top: 0px;
    align-items: center;
  }
  .header-lower-center {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 400px);
    justify-content: center;
    align-items: center;
  }
  .header-lower-right {
    display: flex;
    flex-wrap: wrap;
    width: 200px;
    justify-content: right;
    padding-top: 0px;
  }
  .header-links span,
  .header-links a {
    font-size: 30px; /*reset zeroing*/
    text-transform: initial;
    color: #31ccec;
    padding-left: 5px;
    font-weight: 600;
  }
}/*# sourceMappingURL=navbar.css.map */
.footer-disclaimer-alert {
  background-color: #d93762;
  max-width: 200px;
  padding: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border-radius: 6px;
}

.footer-sh22 {
  display: flex;
  width: 100%;
  background-color: #330938;
  padding: 14px 14px 0 14px;
  flex-wrap: wrap;
  justify-content: left;
}

.sh22-footer-line {
  color: #fff;
  display: flex;
  width: 100%;
}

.footer-link-sh22 {
  color: #fff;
  font-family: "Rubik", sans-serif;
  letter-spacing: 0.2px;
  font-size: 11px;
  cursor: pointer;
  font-weight: 300;
}

.footer-link-sh22-inline {
  color: #fff;
  font-family: "Rubik", sans-serif;
  letter-spacing: 0.2px;
  font-size: 10px;
  cursor: pointer;
  font-weight: 300;
}

.footer-link-sh22-inline a {
  color: #fff;
  cursor: pointer;
}

.footer-text-sh22 {
  color: #fff;
  font-family: "Rubik", sans-serif;
  letter-spacing: 0.2px;
  font-size: 11px;
  font-weight: 300;
  line-height: 1;
}

.footer-text-sh22-lh {
  line-height: 1;
}

.footer-list-ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.footer-list-li {
  display: inline-block;
  margin: 4px 15px 0 0;
  padding-right: 5px;
  width: 100%;
}

.footer-list-ul-inline {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.footer-list-li-inline {
  display: inline-block;
  margin: 0px 10px 0px 0;
  padding-right: 5px;
}

.opc-dropdown-info-wrapper-black {
  background-color: transparent;
  border: 0;
  color: #fff;
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  min-width: 6.5rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  right: 0;
  text-align: left;
  transition: opacity 0.16s ease-in-out;
}

.footer-sh22-top-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.footer-sh22-left-wrapper {
  padding-top: 24px;
  display: flex;
  width: 100%;
  background-color: #330938;
  padding-bottom: 7px;
  justify-content: center;
  border-bottom: 1px solid #505050;
}

.newsletter {
  width: 100%;
  padding: 0 14px;
  max-width: 100%;
  margin-bottom: 0px;
}

.footer-sh22-right-wrapper {
  background-color: #330938;
  padding-top: 0px;
  display: flex;
  width: 100%;
  padding-bottom: 7px;
  align-items: baseline;
}

.footer-nodropdown-title-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  cursor: pointer;
  padding: 10px;
  background-color: transparent;
}

.footer-nodropdown-title-wrapper .footer-dropdown-title {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  justify-content: left;
}

.footer-nodropdown-title-wrapper .footer-dropdown-title-right {
  width: 50%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 14px;
  /* font-family: "Josefin Sans",sans-serif; */
  font-size: 34px;
  /* font-weight: 400; */
  /* text-transform: uppercase; */
  color: #fff;
  justify-content: right;
}

.footer-dropdown-txt {
  padding-top: 4px;
}

.footer-dropdown-title-right a {
  color: #fff;
}

.footer-disclaimer-sh22 {
  display: flex;
  color: #fff;
  font-size: 10px;
  font-weight: 300;
  padding-left: 10px;
}

.footer-disclaimer-sh22 a {
  color: #fff;
}

.footer-sh22-right {
  display: flex;
  width: 100%;
  background-color: #330938;
  padding: 14px 14px 0 14px;
  flex-wrap: wrap;
  justify-content: right;
}

.footer-mobile {
  display: flex;
}

.footer-desktop {
  display: none;
}

.footer-sh22-logo {
  display: flex;
  margin-bottom: 14px;
  justify-content: left;
  width: 100%;
}

.footer-sh22-logo img {
  height: 30px;
}

.footer-sh22-images-wrapper {
  display: flex;
  width: 100%;
  justify-content: right;
  align-items: center;
  padding: 10px;
}

.footer-sh22-images img {
  height: auto;
  max-height: 50px;
  padding-left: 10px;
}

.sh22-footer-dt-title {
  width: 100%;
  align-items: center;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width: 800px) {
  .footer-sh22-left-wrapper {
    padding-top: 24px;
    display: flex;
    width: 40%;
    background-color: #330938;
    padding-bottom: 7px;
    justify-content: center;
    padding-left: 14px;
    padding-right: 14px;
    border-right: 1px solid #505050;
  }
  .newsletter {
    width: 100%;
    padding: 0 14px;
    max-width: 100%;
    margin-bottom: 40px;
  }
  .footer-sh22-right-wrapper {
    background-color: #330938;
    padding-top: 0px;
    display: flex;
    width: 60%;
    padding-bottom: 7px;
    align-items: baseline;
  }
  .footer-mobile {
    display: none;
  }
  .footer-desktop {
    display: flex;
    padding-top: 24px;
  }
  .footer-sh22-desktop-content-wrapper {
    width: 38%;
  }
  .footer-sh22-desktop-content-logo-wrapper {
    width: 24%;
  }
  .footer-sh22-logo {
    display: flex;
    margin-bottom: 14px;
    justify-content: right;
    width: 100%;
  }
  .footer-sh22-inline-wrapper {
    display: flex;
    width: 100%;
    justify-content: right;
  }
}
.social {
  margin-top: 20px;
  margin-bottom: 20px;
}
.social a {
  font-size: 30px;
  margin-right: 10px;
  color: #fff;
}

.newsletter-subscribe-text {
  padding: 10px;
  width: 100%;
  border-radius: 30px;
  color: #fff;
  background-color: #6a426e;
}
.newsletter-subscribe-text::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.newsletter-subscribe-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}
.newsletter-subscribe-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}
.newsletter-subscribe-text::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

.newsletter-subscribe-button {
  background-color: #ff385c !important;
  padding: 10px;
  width: 100%;
  border-radius: 30px;
  margin-top: 10px;
  border-color: #ff385c !important;
}

.newsletter-result {
  color: #fff;
  padding-top: 15px;
  font-size: 12px;
  text-transform: uppercase;
}

.footer {
  z-index: 0;
  width: 100%;
  background-color: #31ccec;
  margin-top: 0px;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
}
.footer:after {
  display: none;
}

.footer-upper1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  order: 2;
  padding-top: 30px;
}
.footer-upper1 .footer-sub1 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.footer-upper2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  z-index: 3;
  padding-left: 20px;
  background-color: #330938;
  order: 1;
}

.footer-lower {
  width: 100%;
  padding: 20px 20px;
  order: 2;
}

.footer-block2 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: 35px;
  padding-bottom: 35px;
  justify-content: flex-start;
  height: 100%;
  flex-direction: column;
  padding-right: 20px;
}
.footer-block2 .title {
  color: #fff;
}
.footer-block2 .nltext {
  color: #fff;
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 14px;
  font-style: italic;
}

.footer-block {
  display: flex;
  flex-wrap: wrap;
  width: 33%;
  padding-left: 20px;
  justify-content: left;
  flex-direction: column;
}
.footer-block .title {
  margin: 0 0 1px;
  padding: 10px 0px;
  font-size: 14px;
  color: #330938;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.footer-block .list {
  width: 100%;
  line-height: 2;
}
.footer-block .list a {
  font-size: 14px;
  color: #330938;
}
.footer-block .list a:active, .footer-block .list a:hover {
  color: #fff;
  text-decoration: none;
}

.logo {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}

.information {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.customer-service {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.customer-service {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.footer-disclaimer {
  font-size: 12px;
  color: #fff;
}

.footer-powered-by {
  font-size: 12px;
  color: #fff;
}
.footer-powered-by a {
  color: #fff;
}

@media only screen and (min-width: 640px) {
  .logo {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .information {
    display: flex;
    flex-wrap: wrap;
    width: 33%;
  }
  .customer-service {
    display: flex;
    flex-wrap: wrap;
    width: 33%;
  }
  .customer-service {
    display: flex;
    flex-wrap: wrap;
    width: 33%;
  }
}
/* TABLET */
@media only screen and (min-width: 992px) {
  .footer-block {
    display: flex;
    flex-wrap: wrap;
    width: 33%;
    padding-right: 20px;
    justify-content: left;
    flex-direction: column;
  }
  .logo {
    width: 100% !important;
  }
  .footer {
    width: 100%;
    background-color: #31ccec;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
  }
  .footer:after {
    display: block;
    content: "";
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 30%;
    position: absolute;
    z-index: 2;
    background-color: #330938;
    background-size: auto 55%;
    background-repeat: no-repeat;
    background-position: right bottom;
    pointer-events: none;
  }
  .footer-upper1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    order: 1;
    padding-top: 30px;
  }
  .footer-upper1 .footer-sub1 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .footer-upper2 {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    justify-content: left;
    z-index: 3;
    padding-left: 20px;
    background-color: #330938;
    order: 2;
  }
}
.tiktoklogo {
  width: 30px;
  height: 30px;
  background: url(../Themes/SHOPERIATESZT/Content/images/tiktok.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}/*# sourceMappingURL=footer.css.map */
@charset "UTF-8";
.circle-badge, .circle-badge::before {
  content: " ";
  margin: 15px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.3s;
  background-color: #7f00ff;
}

.circle-badge::before {
  animation: mymove 2s infinite;
  position: absolute;
  background-color: #fff;
}

.proditem-xtra-info {
  position: absolute;
  right: 10px;
  padding: 2px 10px;
  z-index: 6;
  top: -12px;
  font-size: 10px;
  font-weight: 500;
}

.xtra-info1 {
  border: 1px solid #7c0bff;
  background-color: #7c0bff;
  color: #fff;
}
.xtra-info1:hover {
  background-color: #fff;
  color: #7c0bff;
  border: 1px solid #7c0bff;
}

.xtra-info2 {
  border: 1px solid #ff499f;
  background-color: #ff499f;
  color: #fff;
}
.xtra-info2:hover {
  background-color: #fff;
  color: #ff499f;
  border: 1px solid #ff499f;
}

.xtra-info3 {
  border: 1px solid #378205;
  background-color: #378205;
  color: #fff;
}
.xtra-info3:hover {
  background-color: #fff;
  color: #378205;
  border: 1px solid #378205;
}

.xtra-info4 {
  border: 1px solid #378205;
  background-color: #378205;
  color: #fff;
}
.xtra-info4:hover {
  background-color: #fff;
  color: #378205;
  border: 1px solid #378205;
}

.xtra-info5 {
  border: 1px solid #31ccec;
  background-color: #31ccec;
  color: #fff;
}
.xtra-info5:hover {
  background-color: #fff;
  color: #31ccec;
  border: 1px solid #31ccec;
}

.xtra-info6 {
  border: 1px solid #ff385c;
  background-color: #ff385c;
  color: #fff;
}
.xtra-info6:hover {
  background-color: #fff;
  color: #ff385c;
  border: 1px solid #ff385c;
}

.xtra-info7 {
  border: 1px solid #f79400;
  background-color: #f79400;
  color: #fff;
}
.xtra-info7:hover {
  background-color: #fff;
  color: #f79400;
  border: 1px solid #f79400;
}

.xtra-info-header1 {
  border: 1px solid #7c0bff;
  background-color: #7c0bff;
  color: #fff;
}

.xtra-info-header2 {
  border: 1px solid #ff499f;
  background-color: #ff499f;
  color: #fff;
}

.xtra-info-header3 {
  border: 1px solid #378205;
  background-color: #378205;
  color: #fff;
}

.xtra-info-header4 {
  border: 1px solid #378205;
  background-color: #378205;
  color: #fff;
}

.xtra-info-header5 {
  border: 1px solid #31ccec;
  background-color: #31ccec;
  color: #fff;
}

.xtra-info-header6 {
  border: 1px solid #ff385c;
  background-color: #ff385c;
  color: #fff;
}

.xtra-info-header7 {
  border: 1px solid #f79400;
  background-color: #f79400;
  color: #fff;
}

.new-proditem-upper {
  height: calc(100% - 110px);
}

.new-proditem-bottom {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  align-items: flex-start;
  height: 74px;
}

.proditem-new-badge-wrapper {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: left;
}

.new-proditem-bottom-oldprice-wrapper {
  width: 100%;
  padding-bottom: 4px;
}

.new-proditem-bottom-price-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 60px);
  background-color: #fff;
  justify-content: left;
  align-items: flex-start;
}

.new-proditem-bottom-button-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 60px;
  background-color: #fff;
  justify-content: right;
  align-content: end;
}

.new-proditem-bottom-add-info {
  display: flex;
  width: 100%;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  padding: 5px;
  font-size: 12px;
}
@keyframes mymove {
  50% {
    transform: scale(1.2);
    opacity: 0;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.badge {
  display: inline-block;
  padding: 2px 6px;
  color: #fff;
  background: #7f00ff;
  border-radius: 0 4px 4px 0;
}

.badge-wrap {
  display: flex;
  align-items: center;
}

.badge-icon {
  position: relative;
  display: inline-flex;
  margin-right: 2px;
}

.badge-icon-inner {
  position: absolute;
  top: -6px;
  right: 0;
  bottom: 0;
  left: 0;
  will-change: opacity;
  animation: ani-breath 1.8s ease infinite;
}

.badge-icon svg {
  fill: currentColor;
}

.badge-text {
  display: inline-flex;
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
  padding-left: 5px;
}

.container-badge {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding-top: 6px;
  text-align: left;
}
@keyframes ani-breath {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.actual-price-akcio {
  color: #ff385c;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0px;
}

.tier-price {
  color: #ff385c;
  font-size: 13px;
  font-weight: 600;
  white-space: normal;
}

.price .old-price {
  font-size: 12px;
  text-align: left;
  color: #000;
  font-weight: 400;
}

.kedvezmenyszazalek {
  background-color: #ff385c;
  padding: 4px 8px 3px 8px;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 7px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}

.kedvezmenyszazalek-small {
  background-color: #ff385c;
  padding: 3px 5px 2px 5px;
  color: #fff;
  font-size: 10px;
  border-radius: 5px;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 7px;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
}

s, strike {
  text-decoration: none;
  position: relative;
}

s::before, strike::before {
  top: 50%; /*tweak this to adjust the vertical position if it's off a bit due to your font family */
  background: red; /*this is the color of the line*/
  opacity: 0.7;
  content: "";
  width: 110%;
  position: absolute;
  height: 0.1em;
  border-radius: 0.1em;
  left: -5%;
  white-space: nowrap;
  display: block;
  transform: rotate(-15deg);
}

s.straight::before, strike.straight::before {
  transform: rotate(0deg);
  left: -1%;
  width: 102%;
}

.prodpageklubarok {
  background-color: #ff499f;
  padding: 3px 5px 1px 5px;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  height: -moz-fit-content;
  height: fit-content;
  margin-left: 7px;
  font-family: "PT Sans Narrow";
  font-weight: 300;
  text-transform: uppercase;
}

.container-product-box {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 2%;
  display: flex;
  float: left;
  outline: none;
  outline: 1px solid #fff;
  border-radius: 8px;
  background-color: #fff;
}
.container-product-box:hover {
  outline: 1px solid #31ccec;
  background-color: #eefcff;
}
.container-product-box .ribbon2-top-right {
  position: absolute;
  top: 10px;
  right: 10px;
}
.container-product-box .ribbon2-bottom-right {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.container-product-box .product-item {
  display: flex;
  flex-direction: column;
}
.container-product-box .product-item .prodItemBottom {
  background-color: transparent;
  border-top: 10px solid transparent;
  height: 100%;
  border-radius: 0 0 8px 8px;
  padding: 6%;
}
.container-product-box .product-item .prodItemBottom-lila {
  background-color: #535626;
  border-top: 10px solid #e83860;
  height: 100%;
  border-radius: 0 0 8px 8px;
  padding: 6%;
}
.container-product-box .product-item .buttons {
  align-self: flex-end;
  text-align: center;
  margin-top: auto;
  width: 100%;
  border-bottom: 15px;
}
.container-product-box .product-item .details {
  text-align: center;
}
.container-product-box .product-item .prices {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}
.container-product-box .product-item .picture {
  position: relative;
  padding: 6%;
  margin-bottom: 20px;
}
.container-product-box .product-item .product-title {
  word-wrap: break-word;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.375rem;
  margin-bottom: 8px;
  overflow-wrap: break-word;
  text-transform: none;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  text-align: center;
}
.container-product-box .product-item .product-title a {
  color: #000000;
}
.container-product-box .product-item .price {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding-top: 15px;
  border-top: 1px solid #000;
}
.container-product-box .product-item .add-info {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
  margin-bottom: auto;
}

.container-product-box-lila {
  position: relative;
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 2%;
  display: flex;
  float: left;
  outline: none;
  outline: 1px solid #330938;
  border-radius: 8px;
  background-color: #fff;
}
.container-product-box-lila:hover {
  outline: 1px solid #330938;
  background-color: #eefcff;
}
.container-product-box-lila .ribbon2-top-right {
  position: absolute;
  top: 10px;
  right: 10px;
}
.container-product-box-lila .ribbon2-bottom-right {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.container-product-box-lila .product-item {
  display: flex;
  flex-direction: column;
}
.container-product-box-lila .product-item .prodItemBottom {
  background-color: #330938;
  border-top: 10px solid #ff385c;
  height: 100%;
  border-radius: 0 0 8px 8px;
  padding: 6%;
}
.container-product-box-lila .product-item .prodItemBottom-lila {
  background-color: #535626;
  border-top: 10px solid #e83860;
  height: 100%;
  border-radius: 0 0 8px 8px;
  padding: 6%;
}
.container-product-box-lila .product-item .buttons {
  align-self: flex-end;
  text-align: center;
  margin-top: auto;
  width: 100%;
  border-bottom: 15px;
}
.container-product-box-lila .product-item .details {
  text-align: center;
  color: #fff;
}
.container-product-box-lila .product-item .prices {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}
.container-product-box-lila .product-item .picture {
  position: relative;
  padding: 6%;
  margin-bottom: 20px;
}
.container-product-box-lila .product-item .product-title {
  word-wrap: break-word;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.375rem;
  margin-bottom: 8px;
  overflow-wrap: break-word;
  text-transform: none;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  text-align: center;
  color: #fff;
}
.container-product-box-lila .product-item .product-title a {
  color: #fff;
}
.container-product-box-lila .product-item .price {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 20px;
  padding-top: 15px;
  border-top: 1px solid #fff;
  color: #ff385c;
}
.container-product-box-lila .product-item .add-info {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
  margin-bottom: auto;
}

.product-grid {
  display: flex;
  float: left;
  width: 100%;
}

.item-grid {
  display: flex;
  float: left;
  flex-wrap: wrap;
  width: 100%;
}

.product-card {
  cursor: pointer;
  border: none;
  margin: 18px;
}

.sh20-menu-prod-wrapper {
  width: 48%;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2%;
  display: flex;
  float: left;
  outline: none;
  outline: 1px solid #fff;
  border-radius: 0px;
  background-color: #fff;
  box-shadow: 0 0 8px rgba(23, 23, 26, 0.0509803922), 0 2px 8px rgba(23, 23, 26, 0.0784313725);
}
.sh20-menu-prod-wrapper:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.0509803922), 0 4px 12px rgba(0, 0, 0, 0.0784313725);
}
.sh20-menu-prod-wrapper .ribbon2-top-right {
  position: absolute;
  top: 10px;
  right: 10px;
}
.sh20-menu-prod-wrapper .ribbon2-bottom-right {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.sh20-menu-prod-wrapper .product-item {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sh20-menu-prod-wrapper .product-item .prodItemBottom {
  background-color: transparent;
  height: 100%;
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
}
.sh20-menu-prod-wrapper .product-item .prodItemBottom-lila {
  background-color: #535626;
  border-top: 10px solid #e83860;
  height: 100%;
  border-radius: 0 0 8px 8px;
  padding: 6%;
}
.sh20-menu-prod-wrapper .product-item .buttons {
  align-self: flex-end;
  text-align: center;
  margin-top: auto;
  width: 100%;
  border-bottom: 15px;
}
.sh20-menu-prod-wrapper .product-item .details {
  text-align: center;
}
.sh20-menu-prod-wrapper .product-item .prices {
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}
.sh20-menu-prod-wrapper .product-item .picture {
  position: relative;
  padding: 8px;
  margin-bottom: 10px;
  background-color: #f8f3f9;
  border: 1px solid #d0d0d0;
}
.sh20-menu-prod-wrapper .product-item .product-title {
  word-wrap: break-word;
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.375rem;
  margin-bottom: 8px;
  overflow-wrap: break-word;
  text-transform: none;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  text-align: center;
}
.sh20-menu-prod-wrapper .product-item .product-title a {
  color: #000000;
}
.sh20-menu-prod-wrapper .product-item .price {
  font-family: "Rubik", sans-serif;
  font-weight: 600;
  font-size: 18px;
  padding-top: 15px;
}
.sh20-menu-prod-wrapper .product-item .add-info {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-end;
  margin-bottom: auto;
}

/* TABLET */
@media (min-width: 992px) {
  .container-product-box {
    width: 31.3%;
    margin-left: 1%;
    margin-right: 1%;
    display: flex;
    float: left;
  }
  .container-product-box-lila {
    width: 31.3%;
    margin-left: 1%;
    margin-right: 1%;
    display: flex;
    float: left;
  }
}
/* KIS KÉPERNYŐ */
@media (min-width: 1024px) {
  .container-product-box {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    display: flex;
    float: left;
  }
  .container-product-box-lila {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    display: flex;
    float: left;
  }
}
/* NAGY KÉPERNYŐ */
@media (min-width: 1280px) {
  .container-product-box {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    display: flex;
    float: left;
  }
  .container-product-box-lila {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    display: flex;
    float: left;
  }
}
/* EXTRA NAGY KÉPERNYŐ */
@media (min-width: 1920px) {
  .container-product-box {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    display: flex;
    float: left;
  }
  .container-product-box-lila {
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    display: flex;
    float: left;
  }
}
.sh-prodboxteszt .box {
  background: white;
  border-radius: 20px;
  display: grid;
  grid-template-columns: 64px 1fr;
  position: relative;
}
.sh-prodboxteszt .box-icon {
  display: grid;
  place-items: center;
}
.sh-prodboxteszt .box-label {
  height: 64px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  font-size: 14px;
  letter-spacing: 0.125em;
}
.sh-prodboxteszt .box-title {
  white-space: nowrap;
  display: flex;
  align-items: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-size: 24px;
  padding-top: 16px;
}
.sh-prodboxteszt .box-image {
  width: 400px;
  height: 400px;
  border-radius: 18px 0 18px 0;
  overflow: hidden;
}
.sh-prodboxteszt .box-image img {
  width: 100%;
  display: block;
}
.sh-prodboxteszt .studio-button {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  background: #68009d;
  color: white;
  padding: 8px 10px;
  border-radius: 50px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  transition: 0.35s ease all;
  overflow: hidden;
  max-width: 22px; /* icon size */
}
.sh-prodboxteszt .studio-button-icon {
  position: relative;
  top: 1px;
}
.sh-prodboxteszt .studio-button-label {
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 8px;
  opacity: 0;
  transform: translateX(10px);
  transition: 0.25s ease all;
}
.sh-prodboxteszt .box:hover .studio-button {
  max-width: 100%;
}
.sh-prodboxteszt .box:hover .studio-button-label {
  opacity: 1;
  transform: translateX(0);
  transition: 0.25s 0.1s ease-in opacity, 0.15s 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275) transform;
}

.badge-wrapper-karton {
  position: absolute;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  background-color: transparent;
  left: 5px;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  padding-top: 5px;
}

.kartonszor {
  background-color: purple;
  color: #fff;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: 10px;
}/*# sourceMappingURL=productbox.css.map */
.sh-popup p {
  line-height: 1.1;
  margin: 7px 0 7px 0;
}
.sh-popup ul, .sh-popup li {
  list-style-type: disc;
  margin: 4px 10px;
  padding: 0;
}
.sh-popup .modal {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
  background: rgba(51, 51, 51, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: 0.4s;
  z-index: 99999;
}
.sh-popup .modal-container {
  display: flex;
  max-width: 720px;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  transition-duration: 0.3s;
  background: #fff;
  transform: translateY(100px) scale(0.4);
}
.sh-popup .modal-title {
  font-size: 22px;
  margin: 0;
  font-weight: 400;
  color: #8d3a97;
  letter-spacing: 0;
}
.sh-popup .modal-desc {
  margin: 6px 0 30px 0;
}
.sh-popup .modal-left {
  padding: 60px 30px 20px;
  background: #fff;
  flex: 1.5;
  transition-duration: 0.5s;
  transform: translateY(80px);
  opacity: 0;
}
.sh-popup .modal-button {
  color: #7d695e;
  font-family: "Nunito", sans-serif;
  font-size: 18px;
  cursor: pointer;
  border: 0;
  outline: 0;
  padding: 10px 40px;
  border-radius: 30px;
  background: white;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.16);
  transition: 0.3s;
}
.sh-popup .modal-button:hover {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.8);
}
.sh-popup .modal-right {
  flex: 2;
  font-size: 0;
  transition: 0.3s;
  overflow: hidden;
}
.sh-popup .modal-right img {
  width: 100%;
  height: 100%;
  transform: scale(2);
  -o-object-fit: cover;
  object-fit: cover;
  transition-duration: 1.2s;
}
.sh-popup .modal.is-open {
  height: 100%;
  background: rgba(51, 51, 51, 0.85);
  z-index: 99999;
}
.sh-popup .modal.is-open .modal-button {
  opacity: 0;
}
.sh-popup .modal.is-open .modal-container {
  opacity: 1;
  transition-duration: 0.6s;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}
.sh-popup .modal.is-open .modal-right img {
  transform: scale(1);
}
.sh-popup .modal.is-open .modal-left {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 0.1s;
}
.sh-popup .modal-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sh-popup .sign-up {
  margin: 60px 0 0;
  font-size: 14px;
  text-align: center;
}
.sh-popup .sign-up a {
  color: #8c7569;
}
.sh-popup .input-button {
  padding: 8px 12px;
  outline: none;
  border: 0;
  color: #fff;
  border-radius: 4px;
  background: #8c7569;
  font-family: "Nunito", sans-serif;
  transition: 0.3s;
  cursor: pointer;
}
.sh-popup .input-button:hover {
  background: #55311c;
}
.sh-popup .input-label {
  font-size: 11px;
  text-transform: uppercase;
  font-family: "Nunito", sans-serif;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #8c7569;
  transition: 0.3s;
}
.sh-popup .input-block {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.sh-popup .input-block input {
  outline: 0;
  border: 0;
  padding: 4px 0 0;
  font-size: 14px;
  font-family: "Nunito", sans-serif;
}
.sh-popup .input-block input::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
.sh-popup .input-block input::placeholder {
  color: #ccc;
  opacity: 1;
}
.sh-popup .input-block:focus-within {
  border-color: #8c7569;
}
.sh-popup .input-block:focus-within .input-label {
  color: rgba(140, 117, 105, 0.8);
}
.sh-popup .icon-button {
  outline: 0;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 32px;
  height: 32px;
  border: 0;
  background: 0;
  padding: 0;
  cursor: pointer;
}
.sh-popup .scroll-down {
  position: fixed;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #7d695e;
  font-size: 32px;
  font-weight: 800;
  transform: translate(-50%, -50%);
}
.sh-popup .scroll-down svg {
  margin-top: 16px;
  width: 52px;
  fill: currentColor;
}
@media (max-width: 750px) {
  .sh-popup .modal-container {
    width: 90%;
  }
  .sh-popup .modal-right {
    display: none;
  }
}/*# sourceMappingURL=popup.css.map */
.button1 {
  float: left;
  width: 145px;
  height: 45px;
  border: none;
  border: 1px solid #eeeeee;
  border-left: 0;
  border-radius: 0 3px 3px 0;
}
.button1:hover {
  background-color: #ff9933;
}

.product-box-add-to-cart-button {
  align-items: center;
  background-color: #31ccec;
  border: 1px solid #31ccec;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Rubik", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.0625rem;
  line-height: 0.875rem;
  min-height: 34px;
  padding: 8px 32px;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
  width: 70%;
  border-radius: 8px;
}
.product-box-add-to-cart-button:hover {
  background-color: #ff385c;
  color: #fff;
  border: 1px solid #ff385c;
}

.journey-box-add-to-cart-button {
  align-items: center;
  background-color: #31ccec;
  border: 1px solid #31ccec;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Rubik", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.0625rem;
  line-height: 0.875rem;
  min-height: 34px;
  padding: 8px 32px;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
  width: 100%;
}
.journey-box-add-to-cart-button:hover {
  background-color: #ff385c;
  color: #fff;
  border: 1px solid #ff385c;
}

.addProductToShoppingBagButton {
  flex-grow: 1;
  padding: 8px;
}

.button-1 {
  align-items: center;
  background-color: #31ccec;
  border: 1px solid #31ccec;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Rubik", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.0625rem;
  line-height: 0.875rem;
  min-height: 34px;
  padding: 8px 32px;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
}
.button-1:hover {
  background-color: #ff385c;
  color: #fff;
  border: 1px solid #ff385c;
}

.button-customer {
  align-items: center;
  background-color: #ff385c;
  border: 1px solid #ff385c;
  border-radius: 15px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 1px;
  min-height: 34px;
  padding: 12px 12px;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
  width: 100%;
}
.button-customer:hover {
  background-color: #31ccec;
  color: #fff;
  border: 1px solid #31ccec;
}

.button-3 {
  align-items: center;
  background-color: #fff;
  border: 1px solid #000;
  color: 0;
  cursor: pointer;
  display: inline-flex;
  font-family: "Rubik", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.0625rem;
  line-height: 0.875rem;
  min-height: 34px;
  padding: 8px 32px;
  text-decoration: none;
  text-transform: uppercase;
  transition-duration: 222ms;
  transition-property: background-color, color;
  transition-timing-function: linear;
}
.button-3:hover {
  background-color: rgb(245, 245, 245);
  color: rgb(0, 0, 0);
  border: 1px solid #000;
}

.checkout-as-guest-button {
  width: 100%;
  margin-bottom: 15px;
}

.register-button {
  width: 100%;
  margin-bottom: 15px;
}/*# sourceMappingURL=buttons.css.map */
.shopping-bag-journey-wrapper {
  background-color: rgb(255, 255, 255);
  border-top: 1px solid #000;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 99999;
  height: 120px;
  padding-top: 20px;
  display: flex;
  justify-content: left;
  width: 100%;
  box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.75);
}

.journey-img {
  max-height: 60px;
}

.journey-product-name {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
}

.journey-product-wrapper {
  background-color: #fff;
  padding-right: 10px;
  margin-right: 10px;
  justify-content: center;
  border-right: solid 1px rgb(151, 151, 151);
  height: 60%;
}

.journey-item-wrapper {
  display: flex;
  width: 40%;
  float: left;
}

.journey-item-wrapper2 {
  display: flex;
  width: 60%;
  float: left;
}/*# sourceMappingURL=journeybag.css.map */
@charset "UTF-8";
@keyframes change-color-anim {
  0% {
    background-color: #b3e6fa;
  }
  100% {
    background-color: #ff4500;
  }
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.marketing {
  line-height: 1.5em;
  color: #000;
  padding-bottom: 15px;
}

.osszetevok {
  list-style: square inside;
}

.safetywarning {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 15px;
  text-transform: uppercase;
}

.title-little {
  font-size: 10px;
  width: 100%;
}

.container-grid {
  display: grid;
}

.container-grid {
  --bs-gap: calc(3rem / 2);
}

.container-grid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.prod-detail-grid {
  grid-template-columns: minmax(0, 1fr);
}

.prod-detail-grid {
  display: grid;
  gap: var(--bs-gap, 1.5rem);
}

.col-b {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.proddetail-sticky {
  position: unset;
}

@media (min-width: 850px) {
  .prod-detail-grid {
    grid-template-rows: repeat(2, auto);
  }
  .col-b {
    grid-row: 2 span;
    grid-row: 1/-1;
    grid-column: 2;
    height: -moz-fit-content;
    height: fit-content;
  }
  .proddetail-sticky {
    position: sticky;
    top: 170px;
  }
  .prod-detail-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, auto);
  }
}
@media (min-width: 1440px) {
  .prod-detail-grid {
    grid-template-columns: minmax(0, 1fr) 660px;
    grid-template-rows: repeat(2, auto);
  }
}
.atc-gift-pdf {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23000000" d="M8.654 12.385h.77v-2h1.595l.404-.404V8.019l-.404-.404H8.654v4.77Zm.77-2.77v-1.23h1.23v1.23h-1.23Zm3.038 2.77h2.288l.404-.404V8.019l-.404-.404h-2.288v4.77Zm.769-.77v-3.23h1.154v3.23H13.23Zm3.154.77h.769v-2h1.384v-.77h-1.384v-1.23h1.384v-.77h-2.153v4.77ZM6.5 17V3h14v14h-14Zm1-1h12V4h-12v12Zm-4 4V6.615h1V19h12.385v1H3.5Zm4-16v12V4Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 38px;
  height: 38px;
}

.atc-gift-email {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24"><path fill="%23000000" d="m18 19.288l-.688-.688l2.055-2.1H14.5v-1h4.867l-2.055-2.1l.688-.688L21.288 16L18 19.288ZM4.115 16.5q-.666 0-1.14-.475q-.475-.474-.475-1.14v-9.77q0-.666.475-1.14q.474-.475 1.14-.475h12.77q.666 0 1.14.475q.475.474.475 1.14v5.408q-.125-.011-.25-.017q-.125-.006-.25-.006t-.25.003q-.125.003-.25.014v-5.27l-7.1 5.138l-6.9-5.133v9.633q0 .269.173.442t.442.173h8.402q-.011.125-.014.25q-.003.125-.003.25t.006.25q.006.125.017.25H4.115Zm.027-12L10.4 9.165L16.846 4.5H4.142Zm-.642 11v-11v11Z"/></svg>') no-repeat;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  width: 38px;
  height: 38px;
}

.atc-info-block {
  width: 100%;
  background-color: #b3e6fa;
  padding: 4px;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 7px;
  font-family: "Nunito Sans";
  border-radius: 10px;
}

.atc-info-block-akcio {
  width: 100%;
  background-color: #6b5fa0;
  padding: 4px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
  font-family: "Nunito Sans";
  border-radius: 10px;
  color: #fff;
  /*  animation: change-color-anim 1s linear; */
  /*    animation: blink-animation 1s steps(5, start) 3;
                                                                              -webkit-animation: blink-animation 1s steps(5, start) 3; */
}

.atc-info-image {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.atc-info-txt {
  width: calc(100% - 50px);
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
  padding-left: 7px;
}

.atc-info-txt-mid {
  width: calc(100% - 130px);
  display: flex;
  justify-content: left;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-left: 7px;
}

.atc-info-image2 {
  width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  background-color: #e0dafa;
  border: 1px solid #fff;
  border-radius: 5px;
}

.atc-info-txt-left {
  width: calc(100% - 60px);
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}

.atc-info-txt-right {
  width: 60px;
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}

.atc-info-title {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}

.atc-info-focim {
  font-weight: 700;
  padding-right: 7px;
  font-size: 15px;
}

.atc-info-szoveg {
  font-weight: 400;
  padding-right: 7px;
  font-size: 15px;
}

.animated-gradient2 {
  animation: animateBg 5s linear infinite;
  background-image: linear-gradient(105deg, rgb(107, 95, 160) 0%, rgb(255, 255, 255) 5%, rgb(107, 95, 160) 10%, rgb(107, 95, 160) 100%);
  background-size: 300% 100%;
}

.animated-gradient {
  animation: animateBg 5s linear infinite;
  background-image: linear-gradient(105deg, #6b5fa0 0%, #aea3de 10%, #6b5fa0 20%, #6b5fa0 100%);
  background-size: 300% 100%;
  background-position: 30% 0%;
}

@keyframes animateBg {
  0% {
    background-position: 30% 0%;
  }
  10% {
    background-position: -50% 0%;
  }
  100% {
    background-position: -50% 0%;
  }
}
.kosarba-wrapper-fel {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.kosarba-wrapper-100 {
  width: 100% !important;
}

.egyutt-atc-info-wrapper-new {
  font-size: 10px;
  font-family: "Montserrat";
  margin-bottom: 7px;
  background-color: #b3e6fa;
  padding: 5px;
  color: #000;
  border-radius: 5px;
  font-weight: 600;
  text-align: center;
}

.egyutt-atc-info-wrapper-new-elerted {
  font-size: 10px;
  font-family: "Montserrat";
  margin-bottom: 7px;
  background-color: green;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  font-weight: 600;
  text-align: center;
}

.kosarba-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.egyutt-atc-wrapper-info-wrapper-low-info-new {
  width: 100%;
  padding: 0 3px 3px 3px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #f6f6f6;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
}

.egyutt-atc-wrapper-info-wrapper-upper-new-olcsobb {
  width: 100%;
  padding: 5px 5px 5px 5px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-top: 1px solid #dedede;
  background-color: #ff385c;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  border-radius: 10px 10px 0 0;
  color: #fff;
}

.egyutt-atc-wrapper-info-upper-left-new {
  display: flex;
  width: 130px;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 10px 0 0 0;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 0px;
}

.egyutt-atc-wrapper-info-upper-right-new {
  display: flex;
  width: calc(100% - 130px);
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 0 10px 0 0;
  border-top: 1px solid #dedede;
  border-left: 0px;
  border-right: 1px solid #dedede;
}

.egyutt-atc-wrapper-info-upper-left-olcsobb-new {
  display: flex;
  width: 130px;
  justify-content: center;
  align-items: center;
  background-color: #ff385c;
  border-radius: 10px 0 0 0;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 0px;
}

.egyutt-atc-wrapper-info-upper-right-olcsobb-new {
  display: flex;
  width: calc(100% - 130px);
  justify-content: center;
  align-items: center;
  background-color: #ff385c;
  border-radius: 0 10px 0 0;
  border-top: 1px solid #dedede;
  border-left: 0px;
  border-right: 1px solid #dedede;
  color: #fff;
}

.egyutt-atc-wrapper-info-wrapper-upper-new {
  width: 100%;
  padding: 5px 5px 5px 5px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-top: 1px solid #dedede;
  background-color: #f6f6f6;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  border-radius: 10px 10px 0 0;
  color: #000;
}

.db-wrapper {
  width: 100%;
  margin-right: 3px;
}

.db-wrapper2 {
  width: 100%;
  margin-left: 3px;
}

.buy-more-new {
  font-size: 10px;
  font-weight: 400;
}

.sh2-product-details-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.sh2-product-details-main-info-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.sh2-product-details-main-info-images-wrapper {
  width: 100%;
  /* background-color: red; */
}

.sh2-product-details-main-info-description-wrapper {
  /* background-color: forestgreen; */
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.sh2-product-details-main-info-description-product-info {
  padding-left: 10px;
  padding-right: 10px;
}

.atc-new-small-button-prod {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM5.881 5.5l2.669 5.615h6.635q.173 0 .307-.086q.135-.087.231-.24l2.615-4.75q.116-.212.02-.376q-.096-.163-.327-.163H5.88Zm-.489-1h13.02q.651 0 .98.532q.33.531.035 1.095l-2.858 5.208q-.217.365-.564.573q-.347.207-.763.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.884v1H7.308q-.875 0-1.306-.738q-.43-.738-.021-1.482l1.504-2.68L3.808 3.5H2v-1h2.442l.95 2Zm3.158 6.615h7h-7Z"/></svg>');
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  display: flex;
  width: calc(100% - 130px);
  height: 45px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #000;
}
.atc-new-small-button-prod:hover {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path fill="%23000000" d="M11.5 8.5v-3h-3v-1h3v-3h1v3h3v1h-3v3h-1ZM7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM2 3.5v-1h2.448l4.096 8.615h6.635q.173 0 .308-.086q.134-.087.23-.24L19.213 4.5h1.14l-3.784 6.835q-.217.365-.565.573q-.348.207-.762.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.884v1H7.308q-.875 0-1.309-.735q-.434-.735-.018-1.485l1.504-2.68L3.808 3.5H2Z"/></svg>');
  background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #fff;
}

.atc-new-small-button-prod-more {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM5.881 5.5l2.669 5.615h6.635q.173 0 .307-.086q.135-.087.231-.24l2.615-4.75q.116-.212.02-.376q-.096-.163-.327-.163H5.88Zm-.489-1h13.02q.651 0 .98.532q.33.531.035 1.095l-2.858 5.208q-.217.365-.564.573q-.347.207-.763.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.884v1H7.308q-.875 0-1.306-.738q-.43-.738-.021-1.482l1.504-2.68L3.808 3.5H2v-1h2.442l.95 2Zm3.158 6.615h7h-7Z"/></svg>');
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  display: flex;
  width: calc(100% - 130px);
  height: 45px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #b385ef;
}
.atc-new-small-button-prod-more:hover {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 24 24"><path fill="%23b385ef" d="M11.5 8.5v-3h-3v-1h3v-3h1v3h3v1h-3v3h-1ZM7.308 21.115q-.633 0-1.067-.433q-.433-.434-.433-1.067q0-.632.433-1.066q.434-.434 1.067-.434q.632 0 1.066.434q.434.434.434 1.066q0 .633-.434 1.067q-.434.433-1.066.433Zm9.384 0q-.632 0-1.066-.433q-.434-.434-.434-1.067q0-.632.434-1.066q.434-.434 1.066-.434q.633 0 1.067.434q.433.434.433 1.066q0 .633-.433 1.067q-.434.433-1.067.433ZM2 3.5v-1h2.448l4.096 8.615h6.635q.173 0 .308-.086q.134-.087.23-.24L19.213 4.5h1.14l-3.784 6.835q-.217.365-.565.573q-.348.207-.762.207H8.1l-1.215 2.231q-.154.23-.01.5t.433.27h10.884v1H7.308q-.875 0-1.309-.735q-.434-.735-.018-1.485l1.504-2.68L3.808 3.5H2Z"/></svg>');
  background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #fff;
}

.add-to-cart-btn-cust-new2 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background-color: #1b1b1b;
  color: #fff;
  width: 100%;
  /* padding: 14px; */
  font-size: 14px;
  letter-spacing: 2px;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  cursor: pointer;
  text-transform: uppercase;
  width: calc(100% - 130px);
  float: right;
  height: 45px;
  padding: 0;
}
.add-to-cart-btn-cust-new2:hover {
  color: #1b1b1b;
  background-color: #fff;
}
.add-to-cart-btn-cust-new2:hover .atc-send-giftcard-button-prod {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23000000" d="M4.23 21V10.23H3V5.809h5.142q-.298-.264-.412-.625q-.115-.362-.115-.76q0-.994.696-1.689q.695-.696 1.689-.696q.575 0 1.056.27t.829.704q.348-.439.828-.706q.481-.268 1.056-.268q.994 0 1.69.696q.695.695.695 1.69q0 .39-.117.752q-.118.362-.41.632H21v4.423h-1.23V21H4.23Zm9.54-17.962q-.59 0-.987.399q-.398.398-.398.986q0 .589.398.987t.986.398q.589 0 .987-.398t.398-.987q0-.588-.398-.986q-.398-.399-.987-.399ZM8.614 4.423q0 .589.398.987q.399.398.987.398t.987-.398q.398-.398.398-.987q0-.588-.398-.986q-.399-.399-.987-.399t-.987.399q-.398.398-.398.986ZM4 6.808V9.23h7.5V6.808H4ZM11.5 20v-9.77H5.23V20h6.27Zm1 0h6.27v-9.77H12.5V20ZM20 9.23V6.809h-7.5V9.23H20Z"/></svg>');
  background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  background-color: #fff;
}

.add-to-cart-btn-cust-new3 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background-color: #1b1b1b;
  color: #fff;
  width: 100%;
  font-size: 14px;
  letter-spacing: 2px;
  border: 1px solid #dedede;
  cursor: pointer;
  text-transform: uppercase;
  float: right;
  height: 45px;
  padding: 0;
}
.add-to-cart-btn-cust-new3:hover {
  color: #1b1b1b;
  background-color: #fff;
}
.add-to-cart-btn-cust-new3:hover .atc-send-giftcard-button-prod {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23000000" d="M4.23 21V10.23H3V5.809h5.142q-.298-.264-.412-.625q-.115-.362-.115-.76q0-.994.696-1.689q.695-.696 1.689-.696q.575 0 1.056.27t.829.704q.348-.439.828-.706q.481-.268 1.056-.268q.994 0 1.69.696q.695.695.695 1.69q0 .39-.117.752q-.118.362-.41.632H21v4.423h-1.23V21H4.23Zm9.54-17.962q-.59 0-.987.399q-.398.398-.398.986q0 .589.398.987t.986.398q.589 0 .987-.398t.398-.987q0-.588-.398-.986q-.398-.399-.987-.399ZM8.614 4.423q0 .589.398.987q.399.398.987.398t.987-.398q.398-.398.398-.987q0-.588-.398-.986q-.399-.399-.987-.399t-.987.399q-.398.398-.398.986ZM4 6.808V9.23h7.5V6.808H4ZM11.5 20v-9.77H5.23V20h6.27Zm1 0h6.27v-9.77H12.5V20ZM20 9.23V6.809h-7.5V9.23H20Z"/></svg>');
  background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  background-color: #fff;
}

.atc-send-giftcard-button-prod {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23ffffff" d="M4.23 21V10.23H3V5.809h5.142q-.298-.264-.412-.625q-.115-.362-.115-.76q0-.994.696-1.689q.695-.696 1.689-.696q.575 0 1.056.27t.829.704q.348-.439.828-.706q.481-.268 1.056-.268q.994 0 1.69.696q.695.695.695 1.69q0 .39-.117.752q-.118.362-.41.632H21v4.423h-1.23V21H4.23Zm9.54-17.962q-.59 0-.987.399q-.398.398-.398.986q0 .589.398.987t.986.398q.589 0 .987-.398t.398-.987q0-.588-.398-.986q-.398-.399-.987-.399ZM8.614 4.423q0 .589.398.987q.399.398.987.398t.987-.398q.398-.398.398-.987q0-.588-.398-.986q-.399-.399-.987-.399t-.987.399q-.398.398-.398.986ZM4 6.808V9.23h7.5V6.808H4ZM11.5 20v-9.77H5.23V20h6.27Zm1 0h6.27v-9.77H12.5V20ZM20 9.23V6.809h-7.5V9.23H20Z"/></svg>');
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  display: flex;
  width: 43px;
  height: 43px;
  background-color: #1b1b1b;
  transition: 300ms all;
}

.atc-send-giftcard-button-prod-mini {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23ffffff" d="M4.23 21V10.23H3V5.809h5.142q-.298-.264-.412-.625q-.115-.362-.115-.76q0-.994.696-1.689q.695-.696 1.689-.696q.575 0 1.056.27t.829.704q.348-.439.828-.706q.481-.268 1.056-.268q.994 0 1.69.696q.695.695.695 1.69q0 .39-.117.752q-.118.362-.41.632H21v4.423h-1.23V21H4.23Zm9.54-17.962q-.59 0-.987.399q-.398.398-.398.986q0 .589.398.987t.986.398q.589 0 .987-.398t.398-.987q0-.588-.398-.986q-.398-.399-.987-.399ZM8.614 4.423q0 .589.398.987q.399.398.987.398t.987-.398q.398-.398.398-.987q0-.588-.398-.986q-.399-.399-.987-.399t-.987.399q-.398.398-.398.986ZM4 6.808V9.23h7.5V6.808H4ZM11.5 20v-9.77H5.23V20h6.27Zm1 0h6.27v-9.77H12.5V20ZM20 9.23V6.809h-7.5V9.23H20Z"/></svg>');
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  display: flex;
  width: calc(100% - 130px);
  height: 45px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #000;
}
.atc-send-giftcard-button-prod-mini:hover {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 24 24"><path fill="%23000000" d="M4.23 21V10.23H3V5.809h5.142q-.298-.264-.412-.625q-.115-.362-.115-.76q0-.994.696-1.689q.695-.696 1.689-.696q.575 0 1.056.27t.829.704q.348-.439.828-.706q.481-.268 1.056-.268q.994 0 1.69.696q.695.695.695 1.69q0 .39-.117.752q-.118.362-.41.632H21v4.423h-1.23V21H4.23Zm9.54-17.962q-.59 0-.987.399q-.398.398-.398.986q0 .589.398.987t.986.398q.589 0 .987-.398t.398-.987q0-.588-.398-.986q-.398-.399-.987-.399ZM8.614 4.423q0 .589.398.987q.399.398.987.398t.987-.398q.398-.398.398-.987q0-.588-.398-.986q-.399-.399-.987-.399t-.987.399q-.398.398-.398.986ZM4 6.808V9.23h7.5V6.808H4ZM11.5 20v-9.77H5.23V20h6.27Zm1 0h6.27v-9.77H12.5V20ZM20 9.23V6.809h-7.5V9.23H20Z"/></svg>');
  background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 36px 36px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #fff;
}

@keyframes popinfo {
  50% {
    transform: scale(1.2);
  }
}
@media (min-width: 800px) {
  .sh2-product-details-main-info-description-product-info {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sh2-product-details-main-info-images-wrapper {
    width: 300px;
    /* background-color: red; */
  }
  .sh2-product-details-main-info-description-wrapper {
    width: calc(100% - 300px);
    height: 100%;
    display: flex;
    justify-content: center;
    padding-left: 14px;
  }
}
.freeshipkarton {
  background-color: #02a01b;
  padding: 6px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  white-space: normal;
  margin-bottom: 4px;
}

@media (min-width: 850px) {
  .sh2-product-details-main-info-description-product-info {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sh2-product-details-main-info-images-wrapper {
    width: 350px;
    /* background-color: red; */
  }
  .sh2-product-details-main-info-description-wrapper {
    width: calc(100% - 350px);
    height: 100%;
    display: flex;
    justify-content: center;
    padding-left: 14px;
  }
}
@media (min-width: 900px) {
  .sh2-product-details-main-info-images-wrapper {
    width: 400px;
    /* background-color: red; */
  }
  .sh2-product-details-main-info-description-wrapper {
    width: calc(100% - 400px);
    height: 100%;
    display: flex;
    justify-content: center;
    padding-left: 14px;
  }
}
@media (min-width: 950px) {
  .sh2-product-details-main-info-images-wrapper {
    width: 450px;
    /* background-color: red; */
  }
  .sh2-product-details-main-info-description-wrapper {
    width: calc(100% - 450px);
    height: 100%;
    display: flex;
    justify-content: center;
    padding-left: 14px;
  }
}
@media (min-width: 1024px) {
  .sh2-product-details-main-info-images-wrapper {
    width: 500px;
    /* background-color: red; */
  }
  .sh2-product-details-main-info-description-wrapper {
    width: calc(100% - 500px);
    height: 100%;
    display: flex;
    justify-content: center;
    padding-left: 14px;
  }
}
@media (min-width: 1140px) {
  .sh2-product-details-main-info-images-wrapper {
    width: 600px;
    /* background-color: red; */
  }
  .sh2-product-details-main-info-description-wrapper {
    width: calc(100% - 600px);
    height: 100%;
    display: flex;
    justify-content: center;
    padding-left: 14px;
  }
}
@media (min-width: 1280px) {
  .sh2-product-details-main-info-images-wrapper {
    width: 650px;
    /* background-color: red; */
  }
  .sh2-product-details-main-info-description-wrapper {
    width: calc(100% - 650px);
    height: 100%;
    display: flex;
    justify-content: center;
    padding-left: 14px;
  }
}
.sh2-product-details-product-manufacturer {
  font-family: "Montserrat";
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 3px;
  font-size: 12px;
}

.sh2-product-details-product-name {
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
  transition: color 0.2s ease-in-out;
  font-size: 24px;
  line-height: 1.3;
}

.sh2-product-details-price-wrapper {
  margin-top: 15px;
}

.proddet-info-text {
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  color: #1c1b1b;
  background: #fff;
  line-height: 1.65;
  font-family: "Nunito Sans";
  font-size: 15px;
}

.prod-detail-maskiszereles-wrapper {
  margin-top: 7px;
  margin-bottom: 15px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.maskiszereles-termek {
  border: 1px solid #ddd;
  width: calc((100% - 32px) / 4);
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
  border-radius: 9px;
  margin-right: 4px;
  margin-left: 4px;
  cursor: pointer;
}

@media (min-width: 500px) {
  .maskiszereles-termek {
    width: calc((100% - 40px) / 5);
  }
}
@media (min-width: 540px) {
  .kosarba-wrapper-fel {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
  }
}
@media (min-width: 700px) {
  .maskiszereles-termek {
    width: calc((100% - 48px) / 6);
  }
}
@media (min-width: 800px) {
  .maskiszereles-termek {
    width: calc((100% - 32px) / 4);
  }
}
@media (min-width: 950px) {
  .maskiszereles-termek {
    width: calc((100% - 40px) / 5);
  }
}
@media (min-width: 1000px) {
  .maskiszereles-termek {
    width: calc((100% - 48px) / 6);
  }
}
@media (min-width: 1200px) {
  .maskiszereles-termek {
    width: calc((100% - 56px) / 7);
  }
}
@media (min-width: 1400px) {
  .maskiszereles-termek {
    width: calc((100% - 64px) / 8);
  }
}
.maskiszereles-termek:hover {
  border: 1px solid #7c0bff;
}

.maskiszereles-img-wrapper {
  width: 100%;
  padding: 3px;
  background-color: transparent;
}

.maskiszereles-info-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.maskiszereles-info-egysegar {
  display: flex;
  width: 100%;
  padding: 3px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 11px;
  justify-content: center;
  align-items: center;
}

.maskiszereles-info-tulajdonsag {
  display: flex;
  width: 100%;
  padding: 3px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 10px;
  justify-content: center;
  align-items: center;
  background-color: purple;
  color: #fff;
  border-radius: 0 0 9px 9px;
  text-align: center;
}

.maskiszereles-info-ar {
  display: flex;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  font-size: 14px;
  justify-content: center;
  align-items: center;
}

.maskiszereles-cart-wrapper {
  width: 100%;
  padding: 3px;
}

.maskiszereles-termek-title {
  font-family: "Josefin Sans";
  text-transform: uppercase;
  font-size: 12px;
  background-color: #2f0939;
  width: 100%;
  padding: 7px 7px 4px 7px;
  color: #fff;
  margin-bottom: 14px;
}

.activeHasonlo {
  background-color: #ece5f5;
}

.sh2-product-details-bottom-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: left;
}

.collapse-panel-wrapper {
  position: relative;
  max-width: 100%;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 30px;
}

.collapse-panel {
  overflow: hidden;
}
.collapse-panel.ui-hidden {
  height: 10.5rem;
}
.collapse-panel::after {
  content: "";
  display: block;
  height: 3rem;
}

.collapse-panel-content {
  border-radius: 20px;
  font-size: 12px;
}

.btn-wrapper {
  position: absolute;
  pointer-events: none;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background: linear-gradient(transparent, #fff);
}
.btn-wrapper .ui-btn {
  pointer-events: auto;
}
.btn-wrapper .ui-btn.ui-active span:first-child {
  display: none;
}
.btn-wrapper .ui-btn:not(.ui-active) span:last-child {
  display: none;
}

.tier-prices {
  margin-top: 10px;
  background-color: #330938;
  padding: 10px;
  color: #fff;
  width: 100%;
  max-width: 420px;
}
.tier-prices .title {
  font-weight: 300;
  font-size: 12px;
  font-family: "Rubik", sans-serif;
  text-transform: none;
  letter-spacing: 0;
  padding-bottom: 5px;
}
.tier-prices .tier-price-ar-info {
  font-weight: 300;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  text-transform: none;
  letter-spacing: 0;
}

.proddet-ul-list ul, .proddet-ul-list li {
  list-style-type: circle;
  margin: 0 0 0 14px;
  padding-bottom: 7px;
}

.product-main-swiper .swiper-horizontal > .swiper-pagination-bullets, .product-main-swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .product-main-swiper .swiper-pagination-custom, .product-main-swiper .swiper-pagination-fraction {
  bottom: 0px;
  left: 0;
  width: 100%;
}
.product-main-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  text-align: center;
  color: #000;
  opacity: 1;
  background: #fff;
  border: 1px solid #c9c9c9;
}
.product-main-swiper .swiper-pagination-bullet-active {
  color: #000;
  background: #000;
  border: none;
  width: 8px;
  height: 8px;
}
.product-main-swiper .swiper-container {
  overflow: hidden;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.product-main-swiper .swiper-container-wrapper {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
  padding-bottom: 20px;
  /*   height: 100vh;
    width: 100vw; */
}
.product-main-swiper .gallery-thumbs {
  display: none;
}
.product-main-swiper .gallery-top {
  width: 100%;
  margin-left: 10px;
}
.product-main-swiper .gallery-top {
  position: relative;
}
.product-main-swiper .swiper-pagination-sh2 {
  display: flex;
}
@media (min-width: 1024px) {
  .product-main-swiper .gallery-thumbs {
    width: 75px;
    display: flex;
    padding: 0;
    max-height: 400px;
  }
  .product-main-swiper .gallery-top {
    width: calc(100% - 70px);
    margin-left: 10px;
  }
  .product-main-swiper .swiper-pagination-sh2 {
    display: none;
  }
}
@media (min-width: 1024px) {
  .product-main-swiper .swiper-container {
    min-height: 320px;
  }
}
@media (min-width: 1024px) {
  .product-main-swiper .swiper-container-wrapper {
    flex-flow: row nowrap;
  }
}
.product-main-swiper .swiper-button-next, .product-main-swiper .swiper-button-prev {
  color: #000;
}
.product-main-swiper .swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  background-color: #f6f6f6;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 10px;
}
.product-main-swiper .swiper-slide .description,
.product-main-swiper .swiper-slide .title {
  display: block;
  opacity: 0;
  transition: 0.5s ease 0.5s;
}
.product-main-swiper .swiper-slide-active .description,
.product-main-swiper .swiper-slide-active .title {
  opacity: 1;
}
.product-main-swiper .swiper-slide-active .title {
  margin-bottom: 0.5rem;
  font-size: 24px;
  color: #000;
  transition: opacity 0.5s ease 0.5s;
}
.product-main-swiper .swiper-slide-active .description {
  font-size: 16px;
  color: #777;
  transition: opacity 0.5s ease 0.75s;
}
.product-main-swiper .gallery-thumbs .swiper-wrapper {
  flex-direction: row;
}
@media (min-width: 480px) {
  .product-main-swiper .gallery-thumbs .swiper-wrapper {
    flex-direction: column;
  }
}
.product-main-swiper .gallery-thumbs .swiper-slide {
  width: 70px !important;
  height: 70px !important;
  flex-flow: row nowrap;
  height: 100%;
  opacity: 0.75;
  cursor: pointer;
}
@media (min-width: 480px) {
  .product-main-swiper .gallery-thumbs .swiper-slide {
    flex-flow: column nowrap;
    width: 100%;
  }
}
.product-main-swiper .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 1px solid #949494 !important;
}
.product-main-swiper .sh2-prod-image-pagination-wrapper {
  display: flex;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}

.availability {
  font-family: "Rubik", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #02a01b;
  margin-bottom: 10px;
  font-size: 12px;
}

.akcioleiras {
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  padding: 15px;
  text-align: center;
  background-color: #31ccec;
  border-radius: 0px;
  margin-bottom: 20px;
  font-weight: 600;
  color: #fff;
}

.danger {
  display: flex;
  padding-top: 10px;
}
.danger .dangeritem {
  width: 50px;
  margin-right: 15px;
}

.heading-1 {
  font-size: 2.5em;
  font-weight: 100;
  line-height: 3.5rem !important;
  text-transform: initial;
  text-align: center;
}

.product-essential {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  float: left;
  background-color: #fff;
}

.product-name h1 {
  font-family: "Rubik", sans-serif;
  text-transform: initial;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
  font-size: 20px;
  margin-bottom: 15px;
}

.product-tabs-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.product-tabs-wrapper .product-tab-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1.5;
  font-size: 14px;
}

.picture-thumbs {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}
.picture-thumbs .thumb-item {
  float: left;
  display: flex;
  height: 50px;
}

.product-tab {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  float: left;
  background-color: #fff;
  flex-direction: column;
}

.product-tabs-text {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-width: 100%;
  float: left;
  background-color: #fff;
  padding-top: 20px;
  padding-left: 0px;
}

.tablinks {
  display: inline-block;
  width: 100%;
  min-width: 100%;
  padding: 0;
  padding: 10px;
  background-color: #31ccec;
  border-bottom: 1px solid #ccc;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  transition: all 0.25s;
  text-align: left;
}
.tablinks.active, .tablinks:hover {
  background-color: #ff385c;
  color: #fff;
}

.product-tabs-wrapper .product-tab li a {
  font-size: 16px;
  line-height: 1.75em;
  letter-spacing: 0.05em;
  text-transform: initial;
  float: none;
  padding-right: 20px;
  color: #fff;
  transition: all 0.25s;
}

.gallery .picture {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.old-product-price-akcioelott {
  font-size: 10px;
  font-weight: 300;
  padding-top: 5px;
  padding-bottom: 5px;
}

.old-product-price {
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  text-decoration: none;
}

.non-discounted-price {
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-size: 18px;
  color: #000000;
  text-decoration: none;
}

.product-price {
  font-family: "Rubik", sans-serif;
  font-weight: 700;
  font-size: 2rem;
  color: #000;
}

.kuponar {
  background-color: #ff385c;
  padding: 3px 10px 1px 10px;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
  height: -moz-fit-content;
  height: fit-content;
}

.kuponar-empty {
  background-color: #fff;
  padding: 3px 10px 1px 10px;
  color: #fff;
  font-size: 10px;
  border-radius: 5px;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
}

.akciolink {
  background-color: #7c0bff;
  border: 1px solid #7c0bff;
  color: #fff;
  padding: 3px 7px 3px 7px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  width: 100%;
  max-width: 420px;
  font-weight: 500;
  margin-bottom: 10px;
}
.akciolink:hover {
  border: 1px solid #7c0bff;
  background-color: #fff;
  color: #7c0bff;
}

.akciolink-new {
  border: 1px solid #fff;
  color: #fff;
  padding: 3px 7px 3px 7px;
  font-size: 9px;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-top: 4px;
  width: -moz-max-content;
  width: max-content;
  max-width: 420px;
  font-weight: 500;
  margin-bottom: 6px;
  border-radius: 5px;
  margin-left: 4px;
  cursor: pointer;
}

.akciolink-new-empty {
  background-color: #fff;
  border: 1px solid #fff;
  color: #fff;
  padding: 3px 7px 3px 7px;
  font-size: 10px;
  display: flex;
  justify-content: left;
  align-items: center;
  margin-top: 4px;
  width: -moz-max-content;
  width: max-content;
  max-width: 420px;
  font-weight: 500;
  margin-bottom: 6px;
  border-radius: 5px;
  margin-left: 5px;
}

.akciolink-empty {
  background-color: #fff;
  border: 1px solid #fff;
  color: #fff;
  padding: 3px 7px 3px 7px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  width: 100%;
  font-weight: 500;
  margin-bottom: 10px;
}

.discounted-price {
  font-size: 11px;
  background-color: red;
  color: #fff;
  padding: 3px 7px;
  width: -moz-max-content;
  width: max-content;
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 7px;
  font-family: "Montserrat";
  letter-spacing: 0;
  border-radius: 5px;
  margin-bottom: 7px;
}

.egysegar {
  font-family: "Rubik", sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #000000;
  border: 1px solid #ccc;
  width: -moz-max-content;
  width: max-content;
  padding: 1px 7px;
  border-radius: 10px;
}

.egysegar-small {
  font-family: "Rubik", sans-serif;
  font-weight: 300;
  font-size: 9px;
  color: #000000;
  width: -moz-max-content;
  width: max-content;
  padding-top: 2px;
}

.szuperbadge {
  width: 50px;
  height: 40px;
  background: url(../Themes/SHOPERIATESZT/Content/images/szuperar.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.klubbadge {
  width: 50px;
  height: 40px;
  background: url(../Themes/SHOPERIATESZT/Content/images/klubtagar.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.freeshipbadge {
  width: 50px;
  height: 38px;
  background: url(../Themes/SHOPERIATESZT/Content/images/ingyenesszallkartonbadge.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.freeshipkartonbadge {
  width: 50px;
  height: 35px;
  background: url(../Themes/SHOPERIATESZT/Content/images/ingyenesszallbadge.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.tierpricebadge {
  width: 50px;
  height: 35px;
  background: url(../Themes/SHOPERIATESZT/Content/images/tierpricebadge.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.klublink {
  padding: 4px;
  background-color: #ff499f;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  border: 1px solid #ff499f;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 7px;
}
.klublink:hover {
  background-color: #fff;
  color: #ff499f;
}

.szuperbadgeprodpage {
  width: 60px;
  height: 60px;
  background: url(../Themes/SHOPERIATESZT/Content/images/szuperar.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.klubbadgeprodpage {
  width: 80px;
  height: 80px;
  background: url(../Themes/SHOPERIATESZT/Content/images/klubtagar.png) no-repeat;
  background-size: contain;
  cursor: pointer;
}

.add-to-cart-panel {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  max-width: 420px;
}

.add-to-cart-panel-new {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 0px;
}

.add-to-cart-panel-low-new {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-top: 15px;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background-color: #f6f6f6;
  border-radius: 10px 10px 0 0;
}

.add-to-cart-karton-panel {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
  max-width: 420px;
}

.kartonolcsobb {
  width: 100%;
}

.add-to-cart-karton-top-panel {
  font-family: "Nunito Sans";
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  max-width: 420px;
  border-top: 1px solid #bababa;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
  padding: 3px 6px;
  font-size: 11px;
  font-weight: 300;
  background-color: #f0f0f0;
  border-radius: 5px 5px 0 0;
}

.kartonolcsobbar {
  font-size: 15px;
  font-weight: 600;
  color: #ff385c;
}

.add-to-cart-karton-bottom-panel {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-top: 0;
  margin-bottom: 15px;
  max-width: 420px;
  border-bottom: 1px solid #bababa;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 400;
  background-color: #f0f0f0;
  justify-content: center;
  border-radius: 0 0 5px 5px;
  font-family: "Nunito Sans";
}

.qty-karton-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 130px;
}

.add-to-cart-button {
  width: calc(100% - 130px);
  float: right;
  height: 45px;
  border-radius: 25px;
  margin-left: 25px;
  border-color: #ff385c;
  background-color: #ff385c;
  font-size: 100%;
}
.add-to-cart-button:hover {
  border-color: #31ccec;
  background-color: #31ccec;
}

.quantity {
  display: inline-block;
}

.quantity .input-text.qty {
  font-weight: 600;
  font-size: 22px;
  height: 45px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  width: 45px;
}

.quantity .input-text.qty-new {
  font-weight: 600;
  font-size: 22px;
  height: 45px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  width: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quantity .input-text.qtykarton {
  font-weight: 600;
  font-size: 18px;
  height: 30px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  border-top: 1px solid #dedede;
  width: 45px;
}

.quantity.buttons_added {
  display: flex;
  width: 130px;
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
}

.quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
}

.quantity.buttons_added .minus,
.quantity.buttons_added .plus {
  font-weight: 600;
  font-size: 22px;
  padding: 7px 10px 8px;
  height: 45px;
  background-color: #ffffff;
  border: 1px solid #bababa;
  cursor: pointer;
  width: 45px;
}

.quantity.buttons_added .minus {
  border-right: 0;
}

.quantity.buttons_added .plus {
  border-left: 0;
}

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
  background: #dbb0ff;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

.quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
  outline: none;
}

.buttons_added-csomag {
  display: flex;
  width: 130px;
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
  border-left: 1px solid #dedede;
  justify-content: center;
  font-size: 12px;
  align-items: center;
  padding: 3px;
}

.buttons_added-csomag-right {
  display: flex;
  width: calc(100% - 130px);
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
  border-right: 1px solid #dedede;
  justify-content: center;
  font-size: 12px;
  align-items: center;
  background-color: #000;
  color: #fff;
  padding: 3px;
}

.karton {
  width: 130px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 10px;
  height: 15px;
  background-color: #fff;
  border-left: 1px solid #bababa;
  border-right: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  text-transform: uppercase;
  justify-content: center;
  background-color: #eb375f;
  color: #fff;
}

.quantity.buttons_added .minusnew,
.quantity.buttons_added .plusnew {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  font-size: 20px;
  padding: 7px 10px 8px;
  height: 45px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  cursor: pointer;
  width: 45px;
}

.quantity.buttons_added .minusnew {
  border-right: 0;
}

.quantity.buttons_added .plusnew {
  border-left: 0;
}

.quantity.buttons_added .minusnew:hover,
.quantity.buttons_added .plusnew:hover {
  background: #dedede;
}

.quantity.buttons_added .minusnew:focus,
.quantity.buttons_added .plusnew:focus {
  outline: none;
}

.quantity.buttons_added .minuskarton,
.quantity.buttons_added .pluskarton {
  font-weight: 600;
  font-size: 22px;
  padding: 0px 10px 0px;
  height: 30px;
  background-color: #ffffff;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  cursor: pointer;
  width: 45px;
}

.quantity.buttons_added .minuskarton {
  border-right: 0;
}

.quantity.buttons_added .pluskarton {
  border-left: 0;
}

.quantity.buttons_added .minuskarton:hover,
.quantity.buttons_added .pluskarton:hover {
  background: #dbb0ff;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

.quantity.buttons_added .minuskarton:focus,
.quantity.buttons_added .pluskarton:focus {
  outline: none;
}

@media (min-width: 768px) {
  .szuperbadge {
    width: 60px;
    height: 45px;
    background: url(../Themes/SHOPERIATESZT/Content/images/szuperar.png) no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .klubbadge {
    width: 60px;
    height: 45px;
    background: url(../Themes/SHOPERIATESZT/Content/images/klubtagar.png) no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .freeshipbadge {
    width: 60px;
    height: 40px;
    background: url(../Themes/SHOPERIATESZT/Content/images/ingyenesszallbadge.png) no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .freeshipkartonbadge {
    width: 60px;
    height: 44px;
    background: url(../Themes/SHOPERIATESZT/Content/images/ingyenesszallkartonbadge.png) no-repeat;
    background-size: contain;
    cursor: pointer;
  }
  .tierpricebadge {
    width: 60px;
    height: 40px;
    background: url(../Themes/SHOPERIATESZT/Content/images/tierpricebadge.png) no-repeat;
    background-size: contain;
    cursor: pointer;
  }
}
/* TABLET */
@media (min-width: 992px) {
  .product-tab {
    display: flex;
    flex-wrap: wrap;
    width: 300px;
    float: left;
    background-color: #fff;
    flex-direction: column;
  }
  .product-tabs-text {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 300px);
    min-width: calc(100% - 300px);
    float: left;
    background-color: #fff;
    padding-left: 20px;
    padding-top: 0px;
  }
  .tablinks {
    display: inline-block;
    width: 100%;
    min-width: 100%;
    padding: 0;
    padding: 10px;
    background-color: #31ccec;
    border-bottom: 1px solid #ccc;
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-weight: 700;
    transition: all 0.25s;
    text-align: left;
  }
  .tablinks.active, .tablinks:hover {
    background-color: #ff385c;
    color: #fff;
  }
  .product-tabs-wrapper .product-tab li a {
    font-size: 16px;
    line-height: 1.75em;
    letter-spacing: 0.05em;
    text-transform: initial;
    float: none;
    padding-right: 20px;
    color: #fff;
    transition: all 0.25s;
  }
  .product-name h1 {
    font-size: 22px;
  }
}
/* KIS KÉPERNYŐ */
@media (min-width: 1024px) {
  .product-name h1 {
    font-size: 26px;
  }
}
/* NAGY KÉPERNYŐ */
@media (min-width: 1920px) {
  .product-name h1 {
    font-size: 30px;
  }
}
.quantitynewadd {
  display: inline-block;
}

.quantitynewadd .input-text.qty {
  font-weight: 600;
  font-size: 13px;
  height: 45px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  width: calc(100% - 90px);
}

.quantitynewadd.buttons_added {
  display: flex;
  width: 100%;
  text-align: left;
  position: relative;
  white-space: nowrap;
  justify-content: space-between;
  align-items: center;
}

.quantitynewadd.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
}

.quantitynewadd.buttons_added .minus,
.quantitynewadd.buttons_added .plus {
  font-weight: 600;
  font-size: 22px;
  padding: 7px 10px 8px;
  height: 45px;
  background-color: transparent;
  cursor: pointer;
  width: 45px;
}

.quantitynewadd.buttons_added .minus {
  border-right: 0;
}

.quantitynewadd.buttons_added .plus {
  border-left: 0;
}

.quantitynewadd.buttons_added .minus:hover,
.quantitynewadd.buttons_added .plus:hover {
  background: #dbb0ff;
}

.quantitynewadd input::-webkit-outer-spin-button,
.quantitynewadd input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0;
}

.quantitynewadd.buttons_added .minus:focus,
.quantitynewadd.buttons_added .plus:focus {
  outline: none;
}

.newAddToCart {
  display: flex;
  width: 100%;
  max-width: 800px;
  justify-content: left;
  align-items: start;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.savings-new-atc {
  background-color: #7c0bff !important;
  color: #FFFFFF !important;
  opacity: 100% !important;
  display: flex;
  width: 100%;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  text-transform: uppercase;
  font-weight: 600;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}

.savings-new-atc-new {
  background-color: #ff385c !important;
  color: #fff !important;
  opacity: 100% !important;
  display: flex;
  width: 100%;
  font-size: 11px;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  height: 100%;
  border-radius: 0 0 0 10px;
}

.savings-new-atc-new-alap {
  background-color: #fc728b !important;
  color: #fff !important;
  opacity: 100% !important;
  display: flex;
  width: 100%;
  font-size: 11px;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  height: 100%;
  border-radius: 0 0 0 10px;
}

.kedvszaznewatc {
  font-weight: 600;
  font-size: 14px;
}

.qty-input-karton {
  font-weight: 600;
  font-size: 22px;
  height: 45px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #dedede;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.qty-input-karton-txt {
  font-weight: 300;
  font-size: 14px;
}

.add-to-cart-btn-cust-new-karton {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background-color: #b385ef;
  color: #fff;
  padding: 14px;
  font-size: 14px;
  letter-spacing: 2px;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  cursor: pointer;
  text-transform: uppercase;
  width: calc(100% - 130px);
  float: right;
  height: 45px;
}

.savings {
  margin-bottom: 6px !important;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  width: 100%;
}

.savings {
  color: #1b1b1b;
  font-weight: 600;
  opacity: 60%;
  display: block;
  font-size: 11px;
  letter-spacing: 2px;
  padding: 4px;
  text-transform: uppercase;
  background-color: #E0DCD8;
  margin-bottom: 10px;
}

.servingcount {
  color: #81815d;
  font-size: 11px;
  background-color: transparent;
  border: none;
  font-weight: 500;
  margin-bottom: 3px;
  inline-size: -webkit-fill-available;
  margin-top: -3px !important;
  padding: 0px !important;
}

.newqstermekdb {
  background: none;
  border: none;
  color: #1b1b1b;
  opacity: 60%;
  font-size: 13px;
  /* inline-size: max-content; */
  font-weight: 600;
  margin: 0;
  padding: 0;
  cursor: pointer;
  /* text-transform: uppercase; */
  width: 100%;
  display: flex;
  justify-content: center;
  height: 40px;
  align-items: center;
}

.termek-ar {
  display: block;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
  color: #7a13ff;
  opacity: 60%;
  text-transform: none;
  width: 100%;
}

.quantitychoose {
  margin-top: 10px;
  font-family: "Montserrat", sans-serif;
  color: #000;
  -moz-text-align-last: left;
       text-align-last: left;
  padding: 0 0 2px 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 600;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product-option {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  flex: 1;
  padding: 0;
  border: 1px solid #e0dcd7;
  padding: 0 0 15px 0;
  cursor: pointer;
  justify-content: center;
  transition: background-color 0.3s ease;
}

.product-option:hover {
  text-align: center;
  flex: 1;
  padding: 0;
  border: 1px solid #000;
  padding: 0 0 15px 0;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.product-option.selected .savings {
  background-color: #7c0bff !important;
  color: #FFFFFF !important;
  opacity: 100% !important;
}

.product-option:hover, .product-option.selected {
  background-color: #FCFAF7 !important;
  border: solid;
  border-color: #7c0bff;
  border-width: 1px;
}

.product-option.selected .quantity-btn, .product-option.selected .newqstermekdb, .product-option.selected .termek-ar {
  opacity: 100%;
}

.pop2 {
  animation: pulse2 1s 1;
}

@keyframes pulse2 {
  25% {
    font-size: 9px;
    color: #7c0bff;
  }
  75% {
    font-size: 10px;
    color: #000;
  }
}
.minuspluscustom {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  background-color: #000;
  border-radius: 15px;
  margin-left: 10px;
  margin-right: 10px;
  color: #fff;
  font-weight: 300;
  font-size: 20px;
  font-family: "Nunito Sans";
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.customQtyNewInput {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.megeri {
  background-color: green;
  padding: 2px 9px;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  margin-top: 7px;
}

.megeriph {
  opacity: 0;
}

.add-to-cart-btn-cust {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background-color: #1b1b1b;
  color: #fff;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  letter-spacing: 2px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
}

.add-to-cart-btn-cust-new {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  background-color: #1b1b1b;
  color: #fff;
  width: 100%;
  padding: 14px;
  font-size: 14px;
  letter-spacing: 2px;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  cursor: pointer;
  text-transform: uppercase;
  width: calc(100% - 130px);
  float: right;
  height: 45px;
}
.add-to-cart-btn-cust-new:hover {
  border-color: #dedede;
  background-color: #fff;
  color: #000;
}

.atc-add-info {
  font-size: 12px;
  text-transform: lowercase;
}

.egyutt-wrapper-2 {
  display: flex;
  width: 100%;
  background-color: #fff;
  margin-bottom: 14px;
  justify-content: left;
  flex-wrap: wrap;
}

.actual-price-akcio-egyutt {
  color: #ff385c;
  font-size: 12px;
}

.egyutt-item {
  display: flex;
  width: 100%;
  background-color: #f6f6f6;
  padding: 3px;
  flex-wrap: wrap;
  border-radius: 10px;
  border: 1px solid #dedede;
  box-shadow: 0 0.5rem 1rem -1rem rgba(0, 0, 0, 0.5);
}

.egyutt-sel {
  background-color: #f1e7fc;
}

.egyutt-plus {
  display: flex;
  width: 24px;
  padding: 1px;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
}

.egyutt-image {
  display: flex;
  width: 100%;
  position: relative;
}

.egyutt-image-link {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.egyutt-image-kedv {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 5;
}

.egyutt-badges-2 {
  display: flex;
  width: 100%;
  height: 30px;
  justify-content: left;
  align-items: center;
  padding-left: 5px;
}

.egyutt-check {
  padding-top: 5px;
  background-color: #f6f6f6;
  display: flex;
  width: 30px;
  justify-content: center;
  align-items: flex-start;
}

.egyutt-image-img {
  margin: 0;
  width: 70%;
}

.egyutt-egywrapper {
  display: flex;
  width: calc(33% - 16px);
  flex-wrap: wrap;
}

.egyutt-egywrapper-plus {
  display: flex;
  width: 24px;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 22px;
  font-weight: 500;
  padding-top: 40px;
}

.kedvezmenyszazalek-egyutt {
  background-color: #ff385c;
  padding: 1px 2px 1px 3px;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 3px;
}

.egyutt-item-name {
  width: 100%;
  font-family: "PT Sans Narrow";
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: -moz-max-content;
  height: max-content;
  font-weight: 500;
}

.egyutt-item-name-wrapper {
  width: 100%;
  padding: 3px;
  display: flex;
  flex-wrap: wrap;
}

.egyutt-item-badges {
  width: 100%;
  padding: 3px;
  display: flex;
  flex-wrap: wrap;
  background-color: red;
}

.egyutt-item-name-wrapper .price {
  width: 100%;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-size: 12px;
}

.egysegar-egyutt {
  display: flex;
  width: 100%;
  justify-content: right;
  font-size: 9px;
  font-weight: 300;
  color: #000000;
}

.egyutt-info-wrapper {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem -1rem rgba(0, 0, 0, 0.5);
  color: #222;
  display: grid;
  gap: 0.5rem;
  margin-bottom: 10px;
  margin-top: 0px;
  width: 100%;
  padding: 7px;
  right: 0;
  text-align: left;
}

.egyutt-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.egyutt-box {
  display: flex;
  width: calc(33% - 20px);
}

.egyutt-box-plus {
  display: flex;
  width: 30px;
  justify-content: center;
  align-items: flex-start;
  font-size: 25px;
  font-weight: 600;
  padding-top: 20%;
}

.egyutt-atc-wrapper-info-wrapper-upper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  margin-top: 14px;
}

.egyutt-atc-wrapper-info-upper-left {
  display: flex;
  width: 130px;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 10px 0 0 0;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 0px;
}

.egyutt-atc-wrapper-info-upper-right {
  display: flex;
  width: calc(100% - 130px);
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 0 10px 0 0;
  border-top: 1px solid #dedede;
  border-left: 0px;
  border-right: 1px solid #dedede;
}

.egyutt-atc-wrapper-info-upper-left-olcsobb {
  display: flex;
  width: 130px;
  justify-content: center;
  align-items: center;
  background-color: #ff385c;
  border-radius: 10px 0 0 0;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 0px;
}

.egyutt-atc-wrapper-info-upper-right-olcsobb {
  display: flex;
  width: calc(100% - 130px);
  justify-content: center;
  align-items: center;
  background-color: #ff385c;
  border-radius: 0 10px 0 0;
  border-top: 1px solid #dedede;
  border-left: 0px;
  border-right: 1px solid #dedede;
  color: #fff;
}

.egyutt-atc-wrapper-info {
  display: flex;
  width: calc(100% - 130px);
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 10px 10px 0 0;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  margin-top: 34px;
}

.egyutt-atc-wrapper-info-olcsobb {
  display: flex;
  width: calc(100% - 130px);
  justify-content: center;
  align-items: center;
  background-color: #ff385c;
  color: #fff;
  border-radius: 10px 10px 0 0;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  margin-top: 34px;
}

.egyutt-atc-wrapper-info-also {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 0 0 10px 10px;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  margin-bottom: 7px;
}

.egyutt-atc-wrapper-info-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  margin-bottom: 34px;
}

.egyutt-atc-wrapper-info-left {
  display: flex;
  width: 130px;
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 0 0 0 10px;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
}

.egyutt-atc-wrapper-info-right {
  display: flex;
  width: calc(100% - 130px);
  justify-content: center;
  align-items: center;
  background-color: #f6f6f6;
  border-radius: 0 0 10px 0;
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

.best-price-wrapper {
  width: 100%;
  display: flex;
  background-color: #02a01b;
  height: 35px;
  position: relative;
}

.egyutt-atc-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.egyutt-total {
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 300;
  padding: 7px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.egyutt-total-karton-also {
  font-family: "Montserrat";
  font-size: 12px;
  padding-top: 0;
  padding-bottom: 7px;
  padding-left: 7px;
  padding-right: 7px;
  text-align: center;
  width: 100%;
}

.egyutt-total-price {
  font-family: "Rubik", sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.egyutt-total-price-ossz {
  font-family: "Rubik", sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.kartonolcsobb-alert-wraper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.kartonolcsobb-text-wraper {
  display: flex;
  width: 50%;
  background-color: white;
}

.kartonolcsobb-arrow-wraper {
  display: flex;
  width: 50%;
}

.tooltip-sh-cart {
  position: absolute;
  display: flex;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
  height: 25px;
  padding: 5px 10px;
  color: #ffffff;
  background: #ff385c;
  right: 30px;
  bottom: -36px;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  border-radius: 7px;
  animation-name: pulse-sh-cart;
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
  animation-duration: 0.3s;
  opacity: 0;
  animation-fill-mode: forwards;
}

.tooltip-sh-cart:before {
  content: "";
  position: absolute;
  right: 7px;
  bottom: 100%;
  border-bottom: 10px solid #ff385c;
  border-left: 10px solid transparent;
}

@keyframes pulse-sh-cart {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.5;
    transform-origin: 50% 50%;
    transform: rotate(-2deg) scale(5);
    transition: all 0.3s cubic-bezier(0.6, 0.04, 0.98, 0.335);
  }
  100% {
    opacity: 1;
    /*     transform: rotate(-15deg) scale(1); */
  }
}
.vegyeltobbet {
  width: calc(50% - 15px);
  display: flex;
  justify-content: right;
  align-items: center;
  padding-right: 5px;
  font-family: "PT Sans Narrow";
  font-weight: 900;
}

.cheaper {
  width: calc(50% - 15px);
  display: flex;
  justify-content: left;
  align-items: center;
  padding-left: 5px;
  font-family: "PT Sans Narrow";
  font-weight: 900;
}

.egyutt-atc-wrapper-info-wrapper-low-info {
  width: 100%;
  padding: 0 5px 5px 5px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background-color: #f6f6f6;
  font-size: 12px;
  padding-left: 130px;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  text-align: center;
}

.buy-more {
  font-size: 11px;
  padding: 5px;
  font-weight: 400;
  text-align: center;
}

.egyutt-best-price-wrapper {
  position: relative;
}

.egyutt-best-price {
  width: 20px;
  height: 20px;
  background-color: #7a13ff;
  position: absolute;
  top: -28px;
  right: -10px;
}

.checkbox-wrapper-egyutt {
  position: relative;
}

.checkbox-wrapper-egyutt > svg {
  position: absolute;
  top: -130%;
  left: -170%;
  width: 110px;
  pointer-events: none;
}

.checkbox-wrapper-egyutt * {
  box-sizing: border-box;
}

.checkbox-wrapper-egyutt input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  margin: 0;
}

.checkbox-wrapper-egyutt input[type=checkbox]:focus {
  outline: 0;
}

.checkbox-wrapper-egyutt .cbx {
  width: 20px;
  height: 20px;
  top: calc(50vh - 10px);
  left: calc(50vw - 10px);
}

.checkbox-wrapper-egyutt .cbx input {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #bfbfc0;
  border-radius: 50%;
}

.checkbox-wrapper-egyutt .cbx label {
  width: 20px;
  height: 20px;
  background: none;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transform: trasnlate3d(0, 0, 0);
  pointer-events: none;
}

.checkbox-wrapper-egyutt .cbx svg {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  pointer-events: none;
}

.checkbox-wrapper-egyutt .cbx svg path {
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 19;
  stroke-dashoffset: 19;
  transition: stroke-dashoffset 0.3s ease;
  transition-delay: 0.2s;
}

.checkbox-wrapper-egyutt .cbx input:checked + label {
  animation: splash-egyutt 0.6s ease forwards;
}

.checkbox-wrapper-egyutt .cbx input:checked + label + svg path {
  stroke-dashoffset: 0;
}
@keyframes splash-egyutt {
  40% {
    background: #7f00ff;
    box-shadow: 0 -18px 0 -8px #7f00ff, 16px -8px 0 -8px #7f00ff, 16px 8px 0 -8px #7f00ff, 0 18px 0 -8px #7f00ff, -16px 8px 0 -8px #7f00ff, -16px -8px 0 -8px #7f00ff;
  }
  100% {
    background: #7f00ff;
    box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
  }
}
.prod-icon-db {
  display: flex;
  border: 1px solid #585858;
  color: #585858;
  padding: 2px 4px;
  height: 20px;
  font-family: "PT Sans Narrow";
  font-size: 12px;
  align-items: center;
  margin-right: 6px;
  text-transform: uppercase;
}

.loadmore-button-wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}

.prodlist-banner-xl {
  display: none !important;
}

.prodlist-banner-l {
  display: none !important;
}

.prodlist-banner-m {
  display: none !important;
}

.prodlist-banner-s {
  display: none !important;
}

.prodlist-banner-xs {
  display: none !important;
}

.loadmore-info {
  font-family: "Rubik", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

@media (min-width: 451px) {
  .prodlist-banner-xs {
    display: block !important;
    width: 100%;
  }
}
@media (min-width: 650px) {
  .prodlist-banner-s {
    display: block !important;
    width: 100%;
  }
  .prodlist-banner-xs {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .prodlist-banner-m {
    display: block !important;
    width: 100%;
  }
  .prodlist-banner-s {
    display: none !important;
  }
  .prodlist-banner-xs {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .prodlist-banner-l {
    display: block !important;
    width: 100%;
  }
  .prodlist-banner-m {
    display: none !important;
  }
  .prodlist-banner-s {
    display: none !important;
  }
  .prodlist-banner-xs {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .prodlist-banner-xl {
    display: block !important;
  }
  .prodlist-banner-l {
    display: none !important;
  }
  .prodlist-banner-m {
    display: none !important;
  }
  .prodlist-banner-s {
    display: none !important;
  }
  .prodlist-banner-xs {
    display: none !important;
  }
}
.selectedfilter {
  padding-left: 15px !important;
}

.selectedfilter:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  top: calc(50% - 3px);
  left: 0;
  border-radius: 100%;
  background: #1c1b1b !important;
  opacity: 1 !important;
  transition: opacity 0.1s ease-in-out;
}

.filterlabel {
  padding-left: 0px;
  transition: 0.2s all ease;
  cursor: pointer;
  font-weight: 500;
}

.filterlabel:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  top: calc(50% - 3px);
  left: 0;
  border-radius: 100%;
  background: #8e8e8e;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

.filterlabel:hover {
  padding-left: 15px;
}

.filterlabel:hover::before {
  opacity: 1 !important;
}

.disabledfilter {
  /* color: red !important; */
  font-weight: 300 !important;
  cursor: default !important;
}

.disabledfilter:hover {
  padding-left: 0px;
}

.disabledfilter:hover::before {
  opacity: 0 !important;
}

.ui-widget.ui-widget-content {
  border: 1px solid #fff;
  background-color: #dbdbdb;
  color: #fff;
  font-family: "PT Sans Narrow";
  margin-top: 14px;
}

.ui-widget-header {
  border: 0 solid #ddd;
  background: #000;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
}

.ui-slider-horizontal {
  height: 3px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none;
  background: transparent;
  font-weight: normal;
  color: #fff;
  background-color: #000000 !important;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -8px;
  margin-left: -0.6em;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 17px;
  height: 17px;
  cursor: default;
  touch-action: none;
  border-radius: 15px;
}

.selected-price-range {
  color: #000;
  display: none;
}

.flblack {
  color: #000;
}

.selected-price-range2 {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.from2 {
  width: 50%;
  display: flex;
  justify-content: left;
}

.to2 {
  width: 50%;
  display: flex;
  justify-content: right;
}

.selectedfilters-wrapper {
  display: flex;
  width: 100%;
  background-color: #fff;
  margin-left: 1%;
  flex-wrap: wrap;
}

.selectedfilter-item {
  border: 1px solid #000;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 400;
  margin-right: 7px;
  margin-bottom: 7px;
  font-family: "Nunito Sans";
  cursor: pointer;
  color: #000;
  background-color: #fff;
}

.selectedfilter-item:hover {
  color: #fff;
  background-color: #000 !important;
}

.no-result {
  background-color: #f2e4f5;
  border: 1px solid #e0e0e0;
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem -1rem rgba(0, 0, 0, 0.5);
  color: #222;
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: 100%;
  padding: 1rem;
  right: 0;
  text-align: center;
  transition: opacity 0.16s ease-in-out;
}

.no-result-title {
  font-size: 22px;
  font-weight: 600;
  text-transform: uppercase;
}

.no-result-txt {
  font-size: 14px;
  font-weight: 300;
}

.kartonpic {
  position: relative;
}

.kartonpicnum {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #ff385c;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
}

.kartonpicnum-small {
  background-color: #ff385c;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 600;
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
}/*# sourceMappingURL=productpage.css.map */
.kuponkuldes-wrapper {
  width: 100%;
}

.kuponkuldes-input-wrapper {
  padding-left: 20px;
  padding-right: 20px;
}

.egykupon-info-wrapper {
  border: 1px solid #b9b9b9;
  padding: 7px;
  background-color: #faf0fd;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  margin-bottom: 10px;
}

.egykupon-info-wrapper p {
  margin: 2px 0;
}

.egykupon-info-title {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
}

.kuponkuldes-kedves {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}

.kuponkuldes-szoveg {
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}

.kuponkuldes-kuponok {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

.kuponkod {
  font-size: 24px;
  padding: 4px 14px;
  background-color: #fff;
  margin-top: 7px;
  border: 2px dashed;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  letter-spacing: 1px;
  justify-content: center;
  font-family: monospace;
}

.coupon {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  border-radius: 10px;
  overflow: hidden;
  margin: auto;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.5));
  display: flex;
  align-items: stretch;
  position: relative;
  text-transform: none;
  /* display: grid; */
  grid-template-columns: 1fr;
  margin-bottom: 14px;
}

.coupon::before,
.coupon::after {
  content: "";
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}

.coupon::before {
  left: 0;
  background-image: radial-gradient(circle at 0 50%, transparent 25px, gold 26px);
}

.coupon::after {
  right: 0;
  background-image: radial-gradient(circle at 100% 50%, transparent 25px, gold 26px);
}

.coupon > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
}

.left {
  width: 20%;
  border-right: 2px dashed rgba(0, 0, 0, 0.13);
}

.left div {
  white-space: nowrap;
  font-weight: bold;
}

.center {
  flex-grow: 1;
  text-align: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.right {
  width: 240px;
  background-image: radial-gradient(circle at 100% 50%, transparent 25px, #fff 26px);
  border-left: 1px dashed;
}

.right div {
  font-weight: 400;
}

.center h2 {
  background: #000;
  color: gold;
  padding: 5px 10px;
  font-size: 2.15rem;
  white-space: nowrap;
}

.center h3 {
  font-size: 22px;
}

.center small {
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.2px;
  margin-top: 6px;
}

@media screen and (max-width: 5000px) {
  .coupon {
    display: grid;
    grid-template-columns: 1fr;
  }
  .left div {
    transform: rotate(0deg);
  }
  .right div {
    transform: rotate(0deg);
  }
  .right {
    width: 100%;
    background-image: none;
    border-left: none;
    border-top: 1px dashed;
    background-color: #fff;
    padding: 5px 30px 10px 30px;
  }
}
.couponbuttontxt {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0.48px !important;
  line-height: 14px !important;
  color: #fff;
  line-height: 1.3 !important;
  text-align: center;
  font-family: "PT Sans Narrow";
}

.couponalert {
  background-color: red;
}

.couponapplied {
  background-color: green;
}

.coupon-leiras {
  padding: 5px 10px;
  border: 1px solid;
  margin-bottom: 14px;
  font-size: 12px;
  background-color: #f6e4f8;
}

.center-inner {
  width: 100%;
  text-align: center;
  width: calc(100% - 64px);
  position: relative;
}

.pipa {
  opacity: 0;
  background-color: green;
  padding: 10px;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 25px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  filter: drop-shadow(3px 3px 3px #000000);
}

.pipaok {
  opacity: 100;
  animation: fadeInPipa 1s;
}

.coupon-txt-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}

.kosarban {
  display: block;
}

@keyframes fadeInPipa {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.kuponprodlist {
  background-color: #000;
  color: #fff;
  padding: 4px 10px;
  font-size: 13px;
}

.kuponprodlist:hover {
  background-color: #fff;
  color: #000;
  padding: 4px 10px;
  font-size: 13px;
}/*# sourceMappingURL=kupon.css.map */
@charset "UTF-8";
/* kategóriaválaszás checkbox */
.bevasarlolista-valasztas-wrapper input[type=checkbox] {
  display: none;
}
.bevasarlolista-valasztas-wrapper input[type=checkbox]:hover + label:before {
  opacity: 0.5;
}
.bevasarlolista-valasztas-wrapper .checkbox {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  line-height: 40px;
  font-size: 20px;
  cursor: pointer;
  color: #111;
  font-weight: 600;
}
.bevasarlolista-valasztas-wrapper .checkbox:before {
  z-index: 15;
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 20px;
  border-width: 4px;
  border-style: solid;
  border-color: #444;
  height: 20px;
}
.bevasarlolista-valasztas-wrapper input[type=checkbox]:checked + label {
  color: #000;
}
.bevasarlolista-valasztas-wrapper input[type=checkbox]:checked + label:before {
  border-color: transparent;
  border-left-color: #2ecc71;
  border-bottom-color: #2ecc71;
  transform: rotate(-50deg);
  width: 22px;
  height: 12px;
  top: 3px;
}

/* kategóriaválaszás checkbox vége */
.bevasarlolista-legal-body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.bevasarlolista-legal-body::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #eee;
  box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
}

.bevasarlolista-legal-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(left, #96A6BF, #63738C);
  box-shadow: inset 0 0 1px 1px #5C6670;
}

.bevasarlolista-legal-body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #8391A6, #536175);
}

.bevasarlolista-wrapper {
  padding: 20px;
  background-color: #ffffff;
  height: calc(100vh - 100px);
  display: flex;
  flex-direction: column;
  width: 100%;
}

div.bevasarlolista-head {
  background: orange;
  flex: 0;
}

div.bevasarlolista-body {
  flex: 1; /* <------------------- required     */
  min-height: 0; /* <------------- required !!! */
  display: flex;
}

div.bevasarlolista-valasztas-wrapper {
  padding: 20px;
  background-color: #ffffff;
  opacity: 1;
  border: 1px solid #000;
  flex: 0 70%;
}

.bevasarlolista-lista-wrapper {
  padding: 20px;
  width: 30%;
  background-color: #fbee9f;
  flex: 1; /* <------------------- required     */
  min-height: 0; /* <------------- required !!! */
  display: flex;
  flex-direction: column;
  box-shadow: inset 12px 0 9px -6px rgba(0, 0, 0, 0.4);
}

div.bevasarlolista-head2 {
  text-align: center;
  flex: 0;
  font-family: "Kalam", cursive;
  font-size: 50px;
  font-weight: 700;
}

div.bevasarlolista-legal-body {
  flex: 1; /* <------------------- required     */
  overflow-y: auto; /* <---------- required !!! */
}

.text-legal {
  font-family: "Kalam", cursive;
  font-size: 24px;
  font-weight: 700;
  padding-top: 10px;
  padding-left: 10px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #f30a0a;
}
.text-legal a {
  color: #555;
}

.text-legal2 {
  font-family: "Kalam", cursive;
  font-size: 21px;
  font-weight: 700;
  padding-top: 10px;
  padding-left: 20px;
  text-transform: uppercase;
  text-decoration: underline;
  color: #555;
}
.text-legal2 a {
  color: #555;
}

.text-legal-sub {
  font-family: "Kalam", cursive;
  font-size: 18px;
  font-weight: 300;
  padding-top: 10px;
  padding-left: 30px;
  color: rgb(0, 0, 0);
}
.text-legal-sub a {
  color: #555;
}

.legal-line {
  width: 100%;
  border-bottom: 1px solid #c9d798;
}

.bevasarlolista-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 96% !important;
}
.bevasarlolista-table tr {
  width: 100%;
  border-bottom: 1px solid #c9d798;
}
.bevasarlolista-table table tbody {
  width: 100% !important;
}

table {
  width: 100%;
}

.bevasarlolista-element {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 26;
}

.flyout-bevasarlolista {
  position: absolute;
  top: 45px;
  right: 15px;
  z-index: 100;
  width: 100%;
  display: none;
}

.flyout-bevasarlolista.active {
  display: block;
}

.flyout-bevasarlolista {
  display: block;
  height: 100vh;
}

.flyout-bevasarlolista {
  transform: translateX(102%);
  transition: transform 266ms ease-in-out;
  width: 100vw;
  will-change: transform;
}

.flyout-bevasarlolista.active {
  transform: translateX(0);
  height: 100vh;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}

.flyout-bevasarlolista {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 12;
}

.flyout-bevasarlolista__overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}/*# sourceMappingURL=bevasarlolista.css.map */
.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer;opacity:.7}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #00bfff;opacity:1}.splide__arrow{-ms-flex-align:center;align-items:center;background:transparent;border:0;border-radius:0;cursor:pointer;display:-ms-flexbox;display:flex;height:2.5em;-ms-flex-pack:center;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2.5em;z-index:1}.splide__arrow svg{fill:#00bfff;height:2.5em;transition:fill .2s linear;width:2.5em}.splide__arrow:hover:not(:disabled) svg{fill:#66d9ff}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #00bfff;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #00bfff;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:10px;margin:3px;padding:0;position:relative;transition:background-color .2s linear,transform .2s linear;width:10px}.splide__pagination__page.is-active{background:#00bfff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{background:#66d9ff;cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #00bfff;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #00bfff;outline-offset:3px}.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #00bfff;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #00bfff;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #00bfff}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #00bfff;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #00bfff}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#00bfff}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #00bfff;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #00bfff;outline-offset:3px}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.cardkeppel {
  cursor: pointer;
}

.journey-szoveg {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 100;
  padding-top: 10px;
}

.journey-szoveg2 {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

.journey-szoveg-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}

.sub-journey-grid {
  display: flex;
  width: 100%;
}
.sub-journey-grid .item-grid {
  justify-content: center;
}
.sub-journey-grid .item-grid .journeysubcat button {
  font-size: 22px;
  background-color: #fff;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 8px;
  padding: 0 8px;
  text-transform: initial;
  font-weight: 100;
  color: rgb(123, 123, 123);
}
.sub-journey-grid .item-grid .journeysubcat button:hover {
  color: rgb(0, 0, 0);
}
.sub-journey-grid .item-grid .journeysubcat-active button {
  font-size: 22px;
  background-color: #fff;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 8px;
  padding: 0 8px;
  text-transform: initial;
  font-weight: 700;
  color: #ff385c;
}

.journey-cim {
  width: 100%;
  font-size: 30px;
  font-weight: 700;
  text-transform: initial;
  color: #ff385c;
  text-align: center;
}

.journey-breadcrumb {
  width: 100%;
  font-size: 20px;
  font-weight: 300;
  text-transform: initial;
  color: #000;
  text-align: center;
}

.journey-productlist {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.journey-productlist .picture-marka {
  display: flex;
  justify-content: center;
  height: 100px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dddddd;
  margin: 8px;
}
.journey-productlist .journey-kosar {
  background: #ff385c;
  color: #fff;
  border-radius: 50px;
  width: 55px;
  height: 55px;
}
.journey-productlist .count {
  display: flex;
  float: left;
  width: 80%;
  justify-content: left;
  padding-left: 20px;
  height: 70px;
  padding-top: 16px;
  background-color: #ff385c;
  color: #fff;
  border-bottom: 1px solid #ff385c;
  font-size: 24px;
}
.journey-productlist .count a {
  color: #fff;
}
.journey-productlist .countclose {
  display: flex;
  float: right;
  width: 20%;
  justify-content: center;
  height: 70px;
  padding-top: 25px;
  background-color: #ff385c;
  color: #fff;
  border-bottom: 1px solid #ff385c;
}
.journey-productlist .countclose a {
  color: #fff;
}
.journey-productlist .countwrapper {
  display: flex;
}
.journey-productlist .items::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.journey-productlist .items::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #eee;
  box-shadow: 0 0 1px 1px #bbb, inset 0 0 7px rgba(0, 0, 0, 0.3);
}
.journey-productlist .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000000, #000000);
  box-shadow: inset 0 0 1px 1px #5C6670;
}
.journey-productlist .items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000000, #000000);
}
.journey-productlist .items {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  height: 100%;
  padding-top: 0;
}
.journey-productlist .items .item {
  display: flex;
  flex-wrap: wrap;
  background-color: #f5f5f5;
  margin: 0 20px 10px 30px;
  padding: 7px 7px 7px 52px;
  justify-content: left;
  position: relative;
  min-height: 100px;
  border-radius: 15px;
}
.journey-productlist .items .item .kosarwrapper {
  display: flex;
  width: 55px;
  position: absolute;
  bottom: -4px;
  right: -14px;
}
.journey-productlist .items .item .picture {
  width: 75px;
  position: absolute;
  left: -28px;
  top: 10px;
}
.journey-productlist .items .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.journey-productlist .items .item .product .namewrapper .name {
  width: 100%;
  font-size: 11.5px;
  text-transform: unset;
  line-height: 1.2;
  letter-spacing: 0.6px;
}
.journey-productlist .items .item .product .details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-end;
  position: absolute;
  bottom: 3px;
  right: 46px;
}
.journey-productlist .items .item .product .details .quantity-flyout {
  width: 50%;
  justify-content: left;
  text-align: left;
}
.journey-productlist .items .item .product .details .price {
  width: 100%;
  justify-content: right;
  text-align: right;
  font-weight: 700;
  font-size: 14px;
  color: #330938;
}
.journey-productlist .items-cart {
  background-color: #ffffff;
}

.visuallyhidden {
  position: absolute;
  z-index: -1;
  right: 0;
  opacity: 0;
}

.jbutton {
  width: 100%;
}

.containerCard {
  width: 100%;
  overflow: hidden;
  padding: 20px;
  margin-top: 2em;
  background: #fff;
}

.card-carousel {
  --card-width: 80%;
  --card-max-width: 280px;
  --card-height: 450px;
  --carousel-min-width: 280px;
  z-index: 1;
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: var(--card-height);
  min-width: var(--carousel-min-width);
  transition: filter 0.2s ease;
}
.card-carousel .card {
  position: absolute;
  width: 315px; /* Remove for full width */
  height: 450px; /* Remove for full width */
  margin: 30px auto;
  background: #fff;
  text-align: center;
  min-width: 300px;
  margin: 0 auto;
  color: #000;
  transition: inherit;
  filter: brightness(0.9);
  /*display: flex;
  flex-direction: column;*/
  align-items: center;
  justify-content: center;
  /* opacity: 0.8 !important;*/
  border: 1px solid #000;
  padding-top: 30px;
}

.card.highlight {
  filter: brightness(1);
  transition: transform 0.1s ease;
  transform: scale(1) !important;
  opacity: 1 !important;
}

.card-carousel.smooth-return {
  transition: all 0.2s ease;
}

.card-header {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 220px;
  top: 140px;
  left: 0;
}
.card-header .image-container-1 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  transition: all 1s;
}
.card-header .image-container-1:hover {
  transform: scale(1.2);
}
.card-header .image-container-2 {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  transform: scale(0.8);
  transition: all 1s;
}
.card-header .image-container-2:hover {
  transform: scale(1);
}

.card-header-productlist {
  position: absolute;
  width: 100%;
  height: 438px;
  top: 10px;
  left: 0;
  color: #000;
  overflow-y: scroll;
  border-bottom: 15px solid #31ccec;
}
.card-header-productlist .image-container-1 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  transition: all 1s;
}
.card-header-productlist .image-container-1:hover {
  transform: scale(1.2);
}
.card-header-productlist .image-container-2 {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  transform: scale(0.8);
  transition: all 1s;
}
.card-header-productlist .image-container-2:hover {
  transform: scale(1);
}

.card-header-productlist::-webkit-scrollbar {
  width: 5px;
  height: 10px;
}

.card-header-productlist::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #fff;
}

.card-header-productlist::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #31ccec;
}

.card-header-productlist::-webkit-scrollbar-thumb:hover {
  background: #31ccec;
}

#scroller {
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.card-header-2 {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 435px;
  top: 10px;
  left: 0;
}
.card-header-2 .image-container-1 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  transition: all 1s;
}
.card-header-2 .image-container-1:hover {
  transform: scale(1.1);
}
.card-header-2 .image-container-2 {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  transform: scale(0.8);
  transition: all 1s;
}
.card-header-2 .image-container-2:hover {
  transform: scale(1);
}

.card-header-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  width: 100%;
  background-color: #ff385c;
  height: 10px;
}

.card-header-bar-csakszoveg {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
  width: 100%;
  background-color: #31ccec;
  height: 30px;
}

.btn-message {
  display: inline-block;
  margin-right: 10px;
  margin-top: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  float: right;
}

.btn-menu {
  display: inline-block;
  margin-left: 10px;
  margin-top: 6px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  float: left;
  text-transform: uppercase;
}

svg .polygon {
  fill: #fff;
}

.card-header-slanted-edge {
  position: absolute;
  bottom: -3px;
  z-index: 1;
  width: 100%;
  right: 0;
  left: 0;
}

.btn-follow {
  position: absolute;
  top: 10px;
  left: calc(50% - 17px);
  width: 34px;
  height: 35px;
  background-color: #31ccec;
  border-radius: 100%;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.53);
  z-index: 1000;
}

.btn-follow:after {
  content: "\f129";
  font-family: FontAwesome;
  /* position: absolute; */
  /* width: 17px; */
  /* height: 17px; */
  /* left: 50%; */
  /* top: 50%; */
  font-weight: 100;
  font-size: 24px;
  color: #fff;
  /* -webkit-transform: translate(-50%, -50%); */
  /* transform: translate(-50%, -50%); */
}

.card-body {
  position: absolute;
  width: 100%;
  top: 10px;
  left: 0;
  height: 130px;
  background-color: #fff;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
.card-body .name {
  position: absolute;
  top: 55px;
  font-size: 16px;
  font-weight: 700;
  text-transform: initial;
  margin: 0 auto;
  line-height: 1.2;
  padding-top: 5px;
  color: #000;
}

.job-title {
  font-size: 14px;
  font-weight: 300;
  margin-top: 5px;
  color: #919191;
}

.bio {
  font-size: 14px;
  color: #7B7B7B;
  font-weight: 300;
  margin: 10px auto;
  line-height: 20px;
}

.social-accounts img {
  width: 15px;
}

.social-accounts a {
  margin-left: 10px;
}

.social-accounts a:first-child {
  margin-left: 0;
}

.card-footer {
  /*position:fixed; /* Full card width/height */
  position: absolute; /* Fixed card width/height */
  left: 0;
  width: 100%;
  bottom: 0px;
  background-color: #fff;
}

.card-footer-2 {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0px;
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  padding-top: 30px;
}
.card-footer-2 .stats .stat1 {
  box-sizing: border-box;
  width: 100%;
  float: left;
  text-align: center;
  border: none;
}
.card-footer-2 .stats .stat1 .value {
  display: block;
  font-weight: 900;
  font-size: 30px;
  margin-bottom: 5px;
  color: #fff;
  line-height: 1.2;
  padding: 10px;
}

.stat {
  box-sizing: border-box;
  width: 100%;
  float: left;
  text-align: center;
  border-top: 0px solid #000;
}

.stat .label {
  display: block;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 1px;
  color: #95989A;
  margin-top: 5px;
}

.stat .value {
  display: block;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  margin-bottom: 5px;
}

.stat1 {
  box-sizing: border-box;
  width: 100%;
  float: left;
  text-align: center;
  border-top: 1px solid #EBEBEB;
}

.stat1 .label {
  display: block;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 11px;
  letter-spacing: 1px;
  color: #95989A;
  margin-top: 5px;
}

.stat1 .value {
  display: block;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 5px;
  color: #000;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
  border: 1px solid #000;
}

.buttonlink {
  display: none;
}

.buttonlink2 {
  display: block;
}

.swiper-slide-active .buttonlink {
  display: block;
}
.swiper-slide-active .buttonlink2 {
  display: none;
}/*# sourceMappingURL=journey.css.map */
.couponAlertDanger {
  font-family: "Rubik";
  font-size: 12px;
  margin-top: 10px;
  padding: 7px;
  border: 1px solid;
  background-color: red;
  color: #fff;
}

.couponAlertSiker {
  font-family: "Rubik";
  font-size: 12px;
  margin-top: 10px;
  padding: 7px;
  border: 1px solid;
  background-color: green;
  color: #fff;
}

.giftcard-cart-info {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid;
  padding: 10px;
  background-color: #ff0000;
  color: #fff;
  font-family: "Rubik", sans-serif;
  font-size: 12px;
  border-radius: 15px;
}

.sci-discount {
  width: 100%;
  justify-content: left;
  text-align: left;
  font-weight: 400;
  color: red;
  font-size: 0.675rem;
  font-family: "Josefin Sans";
  letter-spacing: 0.1px;
  padding-top: 10px;
}

.order-completed {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.flexfelezo {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flexfel {
  display: flex;
  width: 100%;
}

.hideAddAddresses {
  display: none;
}

@media screen and (min-width: 700px) {
  .flexfel {
    display: flex;
    width: 49%;
  }
}
.lsw-cart-cart {
  padding: 0 !important;
}
.lsw-cart-cart .fixcart-item-wrapper {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #d0d0d0;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  position: relative;
  align-items: flex-start;
}
.lsw-cart-cart .fixcart-item-wrapper .fixcart-details {
  display: flex;
  width: calc(100% - 100px);
  flex-wrap: wrap;
  /* min-height: 110px; */
}
.lsw-cart-cart .fixcart-item-wrapper .fixcart-details .attributes {
  font-size: 12px !important;
  text-transform: none !important;
  line-height: 1.3 !important;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif !important;
  padding-top: 7px !important;
  padding-left: 7px !important;
  padding-bottom: 7px !important;
  font-weight: 300 !important;
}
.lsw-cart-cart .fixcart-item-wrapper .fixcart-details-2 {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: right;
}
.lsw-cart-cart .fixcart-item-wrapper .fixcart-details-2 .attributes {
  font-size: 12px !important;
  text-transform: unset !important;
  line-height: 1.3 !important;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif !important;
  padding-top: 7px !important;
  padding-left: 7px !important;
}
.lsw-cart-cart .cartitemoverlay2 {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4117647059);
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.lsw-cart-cart .picture {
  display: flex;
  width: 100px;
  height: 100px;
  justify-content: center;
  align-items: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.lsw-cart-cart .namewrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-left: 10px;
}
.lsw-cart-cart .namewrapper-ajandek {
  display: flex;
  width: calc(100% - 100px);
  flex-wrap: wrap;
  padding-left: 10px;
}
.lsw-cart-cart .name {
  font-family: "Josefin Sans";
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
}
.lsw-cart-cart .price {
  font-family: "Josefin Sans";
  font-weight: 400;
  text-transform: uppercase;
  font-size: 12px;
  width: 100%;
}
.lsw-cart-cart .quantity-flyout {
  display: flex;
  width: 100px;
  justify-content: center;
}
.lsw-cart-cart .cum-price {
  display: flex;
  width: 100px;
  justify-content: right;
  font-family: "Josefin Sans";
  font-weight: 600;
  font-size: 16px;
  padding-right: 5px;
}
.lsw-cart-cart .cart-qtty {
  font-family: "Josefin Sans";
  font-weight: 600;
  font-size: 16px;
}
.lsw-cart-cart label {
  position: relative;
  display: inline-block;
}
.lsw-cart-cart label:before {
  content: "";
  height: 23px;
  position: absolute;
  right: 7px;
  top: 3px;
  width: 22px;
  background: #fff;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  pointer-events: none;
  display: block;
}
.lsw-cart-cart label:after {
  content: " ";
  position: absolute;
  right: 15px;
  top: 46%;
  margin-top: -3px;
  z-index: 2;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6.9px 4px 0 4px;
  border-color: #aaa transparent transparent transparent;
  pointer-events: none;
}
.lsw-cart-cart label select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 30px 0 10px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  line-height: 28px;
  height: 28px;
  background: #fff;
  margin: 0 5px 5px 0;
}
.lsw-cart-cart select::-ms-expand {
  display: none;
}

.fixcart-item-wrapper {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #d0d0d0;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
  align-items: flex-start;
}

.adjmegcimet-wrapper {
  display: flex;
  width: 100%;
  margin-top: 7px;
  margin-bottom: 7px;
  font-weight: 600;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
}

.opc-title-wrapper {
  display: none;
}

.opc-title-wrapper-mobile {
  position: fixed;
  top: 54px;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  min-height: 30px;
  max-height: 30px;
  z-index: 1;
  max-width: 1600px;
}

.opc-title-wrapper-mobile-title {
  display: flex;
  width: 100%;
  padding: 10px;
  background: #d0c5dc;
  min-height: 30px;
  max-height: 30px;
  border-bottom: 1px solid #000;
}

.opc-title-wrapper-left {
  display: flex;
  width: 60%;
  padding: 10px;
  background: #d0c5dc;
  min-height: 30px;
  max-height: 30px;
  border-bottom: 1px solid #000;
}

.opc-title-wrapper-full {
  display: flex;
  width: 100%;
  padding: 10px;
  background: #d0c5dc;
  min-height: 30px;
  max-height: 30px;
  border-bottom: 1px solid #000;
}

.opc-title-wrapper-right {
  display: flex;
  width: 40%;
  padding: 10px;
  background: #d0c5dc;
  min-height: 30px;
  max-height: 30px;
  border-left: 1px solid #99809f;
  border-bottom: 1px solid #000;
}

.opc-dropdown-wrapper {
  width: 100%;
  padding: 20px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  margin-bottom: 15px;
}

.plusminus {
  position: relative;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.plusminus.active:before {
  transform: translatey(-50%) rotate(-90deg);
  opacity: 0;
}
.plusminus.active:after {
  transform: translatey(-50%) rotate(0);
}
.plusminus:before, .plusminus:after {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transition: 0.35s;
  width: 100%;
  height: 1px;
}
.plusminus:before {
  transform: translatey(-50%);
}
.plusminus:after {
  transform: translatey(-50%) rotate(90deg);
}

.opc-dropdown-title-wrapper-white .opc-dropdown-ugyfelszolgalat-title {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: nowrap;
  font-family: "PT Sans Narrow", sans-serif;
  align-items: center;
  gap: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-transform: none;
  color: #000;
}

.opc-dropdown-title-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  cursor: pointer;
  padding: 10px;
  background-color: #330938;
}
.opc-dropdown-title-wrapper .opc-dropdown-title {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: nowrap;
  font-family: "PT Sans Narrow", sans-serif;
  align-items: center;
  gap: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}
.opc-dropdown-title-wrapper .plusminus:before, .opc-dropdown-title-wrapper .plusminus:after {
  background-color: #fff;
}

.opc-dropdown-title-wrapper-white {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  cursor: pointer;
  padding: 10px;
  background-color: #fff;
}
.opc-dropdown-title-wrapper-white .opc-dropdown-title {
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: nowrap;
  font-family: "PT Sans Narrow", sans-serif;
  align-items: center;
  gap: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
}
.opc-dropdown-title-wrapper-white .plusminus:before, .opc-dropdown-title-wrapper-white .plusminus:after {
  background-color: #000;
}

.opc-dropdown-title-top {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  font-family: "PT Sans Narrow", sans-serif;
  align-items: center;
  gap: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
}

.sh22-dropdown-title-top {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  font-family: "PT Sans Narrow", sans-serif;
  align-items: center;
  gap: 1rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  justify-content: center;
}

.opc-dropdown-txt {
  padding-top: 4px;
}

.opc-dropdown-title-info {
  display: flex;
  width: 30px;
  text-align: center;
  align-items: center;
  justify-content: right;
}

.opc-dropdown-info-wrapper {
  background-color: #fff;
  border: 0;
  color: #222;
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
  min-width: 6.5rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  right: 0;
  text-align: left;
  transition: opacity 0.16s ease-in-out;
}

.opc-dropdown-colleps-wrapper {
  max-height: 0;
  transition: max-height 300ms ease-in-out 50ms;
  overflow: hidden;
}

.opc-dropdown-colleps-wrapper.active {
  max-height: 100%;
}

.opc-dropdown-tooltip-title {
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

.opc-dropdown-tooltip-text {
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.2px;
}

.opc-extra-empty {
  height: 600px;
  /* background-color: red; */
}

.checkout-page {
  padding: 0px;
}

.checkout-data {
  display: flex;
  justify-content: left;
  width: 100%;
  flex-wrap: wrap;
}

.rsw-checkout-new {
  display: flex;
  background-color: red;
  width: 100%;
  min-height: 100%;
  order: 1;
}

.container-checkout {
  max-width: 100%;
}

.rsw-fixed {
  position: initial;
  height: initial;
}

.rsw-bottom {
  min-height: initial;
  top: initial;
}

.summary-bottom {
  position: initial;
  bottom: initial;
  height: 100%;
  width: 100%;
}

.checkout-mobile-summary-cartitems {
  display: block !important;
}

.checkout-desktop-summary-cartitems {
  display: none !important;
}

.box {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.box .row.headercosh20 {
  flex: 0 1 auto;
}

.box .row.contentcosh20 {
  flex: 1 1 auto;
  overflow: initial;
  overflow-y: initial;
}

.box .row.footercosh20 {
  display: none;
}

.borderleft {
  border-left: 0px solid #d0d0d0;
}

.opc-title-left {
  position: fixed;
  z-index: 100;
  width: calc(100% - 350px);
}

.checkout-upper-steps {
  display: flex;
  width: 100%;
  padding: 5px;
  margin-bottom: 10px;
  justify-content: center;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.checkout-form-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.checkout-form {
  width: 100%;
}

.checkout-form-margin {
  margin-top: 15px;
}

.checkout-result-title {
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.2px;
  padding-bottom: 0px;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
}

.checkout-result-content {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.2px;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
}

@media screen and (min-width: 650px) {
  .checkout-form {
    width: 49%;
  }
}
.chkoutOption-title-wrapper .chkoutOption:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 0.5em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em #000;
}

/*   .checkout-option-selector:hover .chkoutOption:before {
  box-shadow: inset 0 0 0 0.4375em #69ccec;
} */
.chkoutOption-title-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: unset;
  padding-bottom: 2px;
  align-items: center;
  margin-bottom: 7px;
}

.chkoutOption {
  width: calc(100% - 150px);
  font-weight: 600;
  display: flex;
}

.chkoutOption-price {
  width: 150px;
  font-weight: 600;
  text-align: right;
}

.chkoutOption-desc {
  width: calc(100% - 72px);
  display: flex;
  flex-wrap: wrap;
  font-size: 10px;
  font-weight: 400;
  padding-left: 34px;
  justify-content: left;
}

.chkoutOption-image {
  width: 70px;
  text-align: right;
  display: flex;
  justify-content: right;
  align-items: center;
}

.chkoutOption-image-left {
  width: 80px;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: center;
}

.chkoutOption-image-left-small {
  width: 32px;
  text-align: left;
  display: flex;
  justify-content: left;
  align-items: center;
}

.chkoutDescription {
  font-size: 13px;
  font-weight: 400;
  padding-top: 10px;
  width: calc(100% - 150px);
}

.plans-sh20 .plan input[type=radio]:checked + .checkout-option-selector {
  border: 2px solid #69ccec;
  max-height: 1000px;
  transition: ease-in 0.2s;
}

.plans-sh20 .plan input[type=radio]:checked + .plan-details-sh20 .chkoutOption:before {
  box-shadow: inset 0 0 0 0.5375em #000;
}

.kosarbanvanAlert {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  width: 100%;
  padding-top: 7px;
  padding: 4px 8px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 7px;
  background-color: #dbb0ff;
}

.chkoutAlert {
  font-size: 12px;
  color: #fb0707;
  font-weight: 500;
  width: 100%;
  padding-top: 7px;
  border: 1px solid #fb0707;
  padding: 7px;
  margin-top: 5px;
}

.plan-details-sh20 {
  padding: 7px 0;
  cursor: pointer;
}

.chkoutSelect {
  padding: 2em;
}

.chkoutSelectSpinner {
  padding: 0 15px 15px 15px;
}

.chkoutOption-desc-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
}

.chkoutOption-image-wrapper {
  display: flex;
  width: 100px;
}

.circular--square {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  border: 2px solid #dcdcdc;
  padding: 3px;
}

.circular--square-small {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  border: 1px solid #a5a3a3;
  padding: 3px;
}

.selected-method-checkout-wrapper {
  display: flex;
  align-items: center;
  justify-content: left;
  background-color: #f4f4f4;
  padding: 5px 15px;
  border-radius: 10px;
  flex-wrap: wrap;
}

.selected-method-checkout-price {
  display: flex;
  justify-content: right;
  text-align: right;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
  width: 120px;
}

.free {
  color: green;
}

.selected-method-checkout-method {
  font-size: 20px;
  font-weight: 600;
  /*   text-transform: uppercase; */
  width: calc(100% - 200px);
}

.selected-method-checkout-method-small {
  font-size: 20px;
  font-weight: 600;
  /*   text-transform: uppercase; */
  width: calc(100% - 152px);
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
}

.selected-method-checkout-price-small {
  display: flex;
  justify-content: right;
  text-align: right;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
  width: 120px;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
}

.option-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
}

.discount-input-field {
  font-size: 15px !important;
  padding: 12px 8px 5px 8px;
}

.discount-input-wrapper {
  width: calc(100% - 100px);
}

.checkout-as-guest-button {
  background-color: #fff;
  color: #000;
  border: none;
  margin-top: 15px;
}
.checkout-as-guest-button:hover {
  text-decoration: underline;
  background-color: #fff;
  color: #000;
  border: none;
}

.opclogin {
  padding: 0 20px 20px 20px;
  background-color: #fff;
}
.opclogin .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: initial;
}
.opclogin .info {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
  line-height: 1.3em;
}

.cart-delete {
  background: none;
  color: #ff385c;
}

.FlyoutSCUzenet {
  background-color: #ffffff;
  padding: 10px;
  color: #000;
  z-index: 10000;
  position: absolute;
  top: 0;
  width: calc(100% - 90px);
  text-align: left;
  height: 53px;
  max-height: 53px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
  display: flex;
  justify-content: left;
  align-items: center;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
}

.opc-checkout-adatok-wrapper {
  padding-top: 0px;
  width: 100%;
}

.lsw-cart {
  order: 2;
  width: 100%;
  padding: 15px;
}

.rsw-cart {
  order: 1;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  width: 100%;
  animation-name: ls-filtergrow;
  animation-duration: 1s;
}

.lsw-checkout {
  order: 2;
  width: 100%;
  padding: 0px;
  background-color: #f6f2f7;
}

.rsw-checkout {
  order: 1;
  margin-top: 32px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 0px;
  width: 100%;
  animation-name: ls-filtergrow;
  animation-duration: 1s;
}

.checkout-mobile-summary-wrapper {
  height: auto;
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  z-index: 8;
  box-shadow: 0px -2px 4px #e3e3e3;
}

.checkout-mobile-summary-wrapper .order-summary-sh20-title-wrapper {
  display: none;
}

.checkout-mobile-summary-wrapper .order-summary-sh20-total {
  display: none;
}

.checkout-mobile-summary-osszesen {
  min-height: 50px;
}

.terms-of-service {
  text-align: right;
  font-size: 10px;
  text-transform: uppercase;
  padding-top: 10px;
}

.coupon-wrapper {
  background-color: #fff;
  padding: 20px;
}

.coupon-code {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
}

.discount-coupon-code {
  width: calc(100% - 100px);
  height: 35px;
  padding: 7px;
  border: 1px solid #d0d0d0;
  border-radius: 15px;
}

.gift-card-coupon-code {
  width: calc(100% - 107px);
  height: 35px;
  padding: 7px;
  border: 1px solid #d0d0d0;
}

.apply-discount-coupon-code-button {
  height: auto;
  padding: 7px;
  width: auto;
  border-radius: 0;
  margin-left: 0px;
  margin-top: 10px;
  margin-bottom: 4px;
  width: 100px;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 0;
  background-color: #000;
  color: #fff;
}

.apply-discount-coupon-code-button:hover {
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 0;
  background-color: #fff;
  color: #000;
}

.apply-gift-card-coupon-code-button {
  height: 35px;
  padding: 7px;
  width: 100px;
}

.qty-dropdown {
  align-self: start;
  background-color: white;
  border: 1px solid #e6e6e6;
  padding: 12px 4px;
  font-size: 14px;
  font-weight: 500;
  width: 66px;
}

.parent {
  position: relative;
  width: 100%;
}
.parent .confirmation-overlay_title {
  margin-bottom: 24px;
  letter-spacing: 0.8px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
.parent .confirmation-overlay_buttons-wrapper {
  display: flex;
  padding: 0 16px;
  width: 100%;
  justify-content: center;
}
.parent .cart-item-deleteconfirm {
  width: 100%;
  background-color: rgb(250, 250, 250);
  z-index: 9;
  display: none;
  border-bottom: 1px solid #000;
}

.show {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  bottom: 0;
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
}

.cart th, .cart td {
  border-bottom: 1px solid black;
  vertical-align: top;
  padding: 7px;
}
.cart .product-picture {
  width: 120px;
}
.cart .product {
  width: 25%;
}
.cart .product .product-name {
  font-size: 14px;
  text-transform: uppercase;
}

.cart-options {
  margin-top: 20px;
}

.cart-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  background-color: #fff;
}

.cart-summary-wrapper .cart-footer {
  padding: 15px;
  width: 100%;
  background-color: #fff;
  align-self: flex-start;
  top: 0;
  border: 1px solid #d0d0d0;
  border-radius: 0px;
  margin-bottom: 15px;
}
.cart-summary-wrapper .opc-cart-footer-sh20 {
  padding: 0px;
  width: 100%;
  background-color: #fff;
  align-self: flex-start;
  top: 0;
  border: 1px solid #d0d0d0;
  border-radius: 0px;
  margin-bottom: 0px;
}
.cart-summary-wrapper .opc-cart-footer-sh20 .totals {
  padding: 10px;
}
.cart-summary-wrapper .checkout-button {
  width: 100%;
}
.cart-summary-wrapper .cart-total {
  line-height: 2.5;
  letter-spacing: 0.8px;
  font-size: 14px;
}
.cart-summary-wrapper .cart-total .cart-total-right {
  text-align: right;
  line-height: 1.5;
}
.cart-summary-wrapper .cart-total .cart-total-left {
  text-align: left;
}
.cart-summary-wrapper .cart-total .order-total {
  border-top: 1px solid #000;
  font-weight: 600;
  font-size: 16px;
}
.cart-summary-wrapper .cart-total .order-total .cart-total-left {
  text-transform: uppercase;
}

.cart-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
  border-bottom: 1px solid #808080;
  padding: 20px 7px 20px 7px;
  min-height: 120px;
  position: relative;
  top: 0;
  left: 0;
}

.cart-img {
  width: 120px;
  background-color: #fff;
}

.cart-details-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 120px);
  background-color: #fff;
  padding-left: 20px;
}

.cart-details-subwrapper {
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.cart-details-subwrapper2 {
  margin-top: 10px;
  padding-left: 20px;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.cart-prodname {
  letter-spacing: 0.8px;
  color: #000;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  background-color: #fff;
}

.cart-prodname a:hover, a:active, a {
  color: #000;
}

.cart-proddetails {
  padding-top: 10px;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  background-color: #fff;
}

.cart-remove {
  width: 100%;
  padding-top: 10px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.8px;
  background-color: #fff;
  text-transform: uppercase;
  align-self: flex-end;
  text-align: right;
  cursor: pointer;
}

.cart-quantity-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 40%;
  background-color: #fff;
  justify-content: left;
}

.cart-price-wrapper {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  flex-wrap: wrap;
  width: 35%;
  background-color: #fff;
  padding-left: 15px;
  justify-content: right;
  white-space: nowrap;
}

.cart-osszesen-wrapper {
  font-size: 14px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  width: 60%;
  background-color: #fff;
  padding-left: 15px;
  justify-content: right;
  white-space: nowrap;
}

.continue-shopping-button {
  width: 100%;
  margin-top: 20px;
}

@media (min-width: 960px) {
  .lsw-cart-cart {
    padding: 0 !important;
  }
  .lsw-cart-cart .fixcart-item-wrapper {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #d0d0d0;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    position: relative;
    align-items: flex-start;
  }
  .lsw-cart-cart .fixcart-item-wrapper .fixcart-details-2 {
    display: flex;
    width: 200px;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .lsw-cart-cart .fixcart-item-wrapper .fixcart-details-2 .attributes {
    font-size: 12px !important;
    text-transform: unset !important;
    line-height: 1.3 !important;
    font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif !important;
    padding-top: 7px !important;
    padding-left: 7px !important;
  }
  .lsw-cart-cart .fixcart-item-wrapper .fixcart-details {
    display: flex;
    width: calc(100% - 100px);
    flex-wrap: wrap;
  }
  .lsw-cart-cart .fixcart-item-wrapper .fixcart-details .attributes {
    font-size: 12px !important;
    text-transform: none !important;
    line-height: 1.3 !important;
    font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif !important;
    padding-top: 7px !important;
    padding-left: 7px !important;
    padding-bottom: 7px !important;
    font-weight: 300 !important;
  }
  .lsw-cart-cart .namewrapper {
    display: flex;
    width: calc(100% - 200px);
    flex-wrap: wrap;
    padding-left: 10px;
  }
  .lsw-cart-cart .namewrapper-ajandek {
    display: flex;
    width: calc(100% - 100px);
    flex-wrap: wrap;
    padding-left: 10px;
  }
}
/* TABLET */
@media (min-width: 800px) {
  .giftcard-cart-info {
    margin-top: 0;
    margin-bottom: 10px;
    border: 1px solid;
    padding: 10px;
    background-color: #ff0000;
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-size: 12px;
    border-radius: 15px;
  }
  .lsw-cart {
    width: calc(100% - 370px);
    order: 1;
    margin: 0;
    padding-left: 20px;
    padding-top: 20px;
  }
  .lsw-checkout {
    display: flex;
    width: 60%;
    padding: 0 15px;
    background-color: #f6f2f7;
    order: 1;
  }
  .rsw-checkout-new {
    display: flex;
    background-color: red;
    width: 40%;
    min-height: 100%;
    order: 2;
    position: relative;
  }
  .rsw-cart {
    order: 2;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 20px;
    width: 350px;
    animation-name: ls-filtergrow;
    animation-duration: 1s;
  }
  .rsw-checkout {
    order: 2;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 370px;
    width: 40%;
    animation-name: ls-filtergrow;
    animation-duration: 1s;
  }
  .rsw-checkout {
    transform: translateX(0);
    position: relative;
    right: 0;
    top: 105px;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
  }
  .checkout-mobile-summary-wrapper {
    display: none;
  }
  .opc-title-wrapper {
    position: fixed;
    top: 54px;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    min-height: 30px;
    max-height: 30px;
    z-index: 1;
    max-width: 1600px;
  }
  .opc-title-wrapper-mobile {
    display: none;
  }
  .sh22-title-wrapper {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    min-height: 30px;
    max-height: 30px;
    margin-bottom: 0px;
  }
  .sh22-title-wrapper-mobile {
    display: none;
  }
  .rsw-fixed {
    position: fixed !important;
    height: calc(100vh - 84px) !important;
    top: 84px !important;
    position: absolute;
    /* left: 0; */
    width: 40%;
    /* order: 2; */
  }
  .rsw-bottom {
    min-height: 100vh !important;
    top: 0 !important;
  }
  .box .row.contentcosh20 {
    flex: 1 1 auto;
    overflow: auto;
    /* scrollbar-width:none; */
    overflow-y: scroll;
  }
  .box .row.footercosh20 {
    flex: 0 1 40px;
    display: block;
  }
  .borderleft {
    border-left: 1px solid #d0d0d0;
  }
  .summary-bottom {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 100%;
  }
  .checkout-mobile-summary-cartitems {
    display: none !important;
  }
  .checkout-desktop-summary-cartitems {
    display: flex !important;
  }
  .opc-checkout-adatok-wrapper {
    padding-top: 40px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .cart-details-subwrapper {
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 70%;
  }
  .cart-details-subwrapper2 {
    padding-left: 20px;
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
    width: 30%;
  }
}
@media (min-width: 1600px) {
  .rsw-fixed {
    position: fixed !important;
    height: calc(100vh - 84px) !important;
    top: 84px !important;
    position: absolute;
    width: 640px;
    left: calc(50vw + 147px);
  }
}/*# sourceMappingURL=shoppingcart.css.map */
/**
 * Swiper 8.1.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 25, 2022
 */

@font-face {
  font-family: swiper-icons;
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px,0,0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

  .swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
  }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto
}

  .swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
  }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

  .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
  }

  .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
  }

  .swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15)
  }

  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
  }

  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
  }

  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
  }

  .swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
  }

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

  .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
  }

  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
  }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
  }

  .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
  }

  .swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
  }

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev'
  }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

  .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next'
  }

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0,0,0);
  z-index: 10
}

  .swiper-pagination.swiper-pagination-hidden {
    opacity: 0
  }

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
  }

  .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
  }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px,-50%,0)
}

  .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
    display: block
  }

  .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
  }

    .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
      display: inline-block;
      transition: .2s transform,.2s top
    }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

  .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
  }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
  background: rgba(0,0,0,.25);
  position: absolute
}

  .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
  }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

  .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
  }

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0,0,0,.1)
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 2px;
  width: 98%
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 2px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0,0,0,.5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

  .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
  }

.swiper-slide-zoomed {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

  .swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
  }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube {
  overflow: visible
}

  .swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
  }

    .swiper-cube .swiper-slide .swiper-slide {
      pointer-events: none
    }

  .swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
  }

  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
  }

  .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

  .swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
  }

    .swiper-cube .swiper-cube-shadow:before {
      content: '';
      background: #000;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      filter: blur(50px)
    }

.swiper-flip {
  overflow: visible
}

  .swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
  }

    .swiper-flip .swiper-slide .swiper-slide {
      pointer-events: none
    }

  .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
  }

  .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
  }

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height
}

.swiper-cards {
  overflow: visible
}

  .swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
  }

.proditemtudtad {
  background-color: #330938;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 13px;
  color: #fff;
  line-height: 1.7;
  font-family: "Nunito Sans";
  font-size: 19px;
}

.bgcover {
  background-size: cover;
}

.bgcontain {
  background-size: contain;
  background-position: top;
}

.proditemtudtadtitle {
  color: #69cde7;
  line-height: 1.7;
  font-family: "Nunito Sans";
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 14px;
}

.swiper {
  width: 300px;
  height: 450px;
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  background-color: #fff;
  border: none !important;
}

.swiper-slide .swiper-slide-content {
  width: 60%;
  margin: 0 auto;
}
.swiper-slide .button-banner-wrapper {
  position: absolute;
  top: calc(22.2222222222vw - 100px);
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
.swiper-slide .button-banner {
  align-items: center;
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Rubik", sans-serif;
  font-size: 22px;
  font-weight: 600;
  justify-content: center;
  letter-spacing: 0.2rem;
  line-height: 0.875rem;
  min-height: 34px;
  padding: 26px 32px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 35px;
  width: 200px;
  transform: translate3d(20px, 0, 0);
  opacity: 0;
}
.swiper-slide .button-banner:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.swiper-slide .timeline-year {
  display: block;
  font-weight: 600 !important;
  line-height: 1.2;
  font-size: 60px;
  margin-bottom: 50px;
  transform: translate3d(20px, 0, 0);
  color: #000;
  font-weight: 300;
  opacity: 0;
  transition: 0.2s ease 0.4s;
  text-align: center;
}
.swiper-slide .timeline-title {
  font-weight: 800;
  font-size: 24px;
  margin: 0 0 30px;
  opacity: 0;
  transform: translate3d(20px, 0, 0);
  transition: 0.2s ease 0.5s;
  text-align: center;
}
.swiper-slide .timeline-text {
  line-height: 1.5;
  opacity: 0;
  transform: translate3d(20px, 0, 0);
  transition: 0.2s ease 0.6s;
  text-align: center;
}
.swiper-slide-active .button-banner {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.swiper-slide-active .timeline-year {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.2s ease 0.8s;
}
.swiper-slide-active .timeline-title {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.2s ease 0.9s;
}
.swiper-slide-active .timeline-text {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 0.2s ease 1s;
}

.swiper-hero {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.swiper-hero .swiper {
  width: 100%;
  height: 20.8333333333vw !important;
}
.swiper-hero .swiper .swiper-slide {
  height: 500px;
  margin: auto;
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  justify-content: center;
}

.swiper-hero-alt {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.swiper-hero-alt .swiper {
  width: 100%;
  height: auto;
}
.swiper-hero-alt .swiper .swiper-slide {
  height: auto;
  margin: auto;
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  justify-content: center;
}
.swiper-hero-alt .swiper .swiper-slide .swiper-slide-content {
  width: 100%;
  margin: 0 auto;
}

.swiper-hero-belso {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  overflow: hidden;
}
.swiper-hero-belso .swiper {
  width: 100%;
  height: auto;
  margin-bottom: 14px;
}
.swiper-hero-belso .swiper .swiper-slide {
  height: auto;
  margin: auto;
  width: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  justify-content: center;
}
.swiper-hero-belso .swiper .swiper-slide .swiper-slide-content {
  width: 100%;
  margin: 0 auto;
}

.fullsize-banner {
  display: none;
}

.mobile-banner {
  display: block;
  border: 2px solid #986796;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
}

.swiper-akcioajanlo {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 25px;
  border: 1px solid;
  min-width: 0;
}
.swiper-akcioajanlo .swiper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.swiper-akcioajanlo .swiper .swiper-button-next {
  display: flex;
  flex-wrap: wrap;
  width: 50px;
}
.swiper-akcioajanlo .swiper .swiper-wrapper {
  position: relative;
  width: calc(100% - 100px);
  height: 400px;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  padding-top: 30px;
  padding-bottom: 30px;
}
.swiper-akcioajanlo .swiper .swiper-slide {
  color: #000;
  background-color: #fff;
  margin: auto;
  width: 100%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 20px;
  border: 1px solid;
  border-top: 9px solid #22c2f7;
  transition: 250ms all;
  cursor: pointer;
}
.swiper-akcioajanlo .swiper .swiper-slide:hover {
  transform: scale(1.1);
  z-index: 1;
}
.swiper-akcioajanlo .swiper .swiper-slide:first-child:hover {
  margin: 0 40px;
}
.swiper-akcioajanlo .swiper .swiper-slide:last-child:hover {
  margin: 0 -40px;
}
.swiper-akcioajanlo .swiper .swiper-slide .swiper-slide-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
.swiper-akcioajanlo .swiper .swiper-slide .swiper-slide-content .swiper-heading {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 600;
  color: #cd0303;
  text-transform: uppercase;
  text-align: center;
}
.swiper-akcioajanlo .swiper .swiper-slide .swiper-slide-content .swiper-subheading {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}
.swiper-akcioajanlo .swiper .swiper-slide .swiper-slide-content .swiper-text {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  color: #5b5b5b;
  text-align: center;
}
.swiper-akcioajanlo .swiper .swiper-slide .swiper-slide-content .swiper-img {
  display: flex;
  width: 80%;
  justify-content: center;
  height: auto;
  overflow: hidden;
}

.netflix-slider .swiper-wrapper {
  padding: 20px 0;
}
.netflix-slider .swiper-slide {
  transition: 250ms all;
}
.netflix-slider .swiper-slide:hover {
  transform: scale(1.2);
  z-index: 1;
}
.netflix-slider .swiper-slide:first-child:hover {
  margin: 0 40px;
}
.netflix-slider .swiper-slide:last-child:hover {
  margin: 0 -40px;
}

.swiper-brands {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 25px;
  min-width: 0;
}
.swiper-brands .swiper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.swiper-brands .swiper .swiper-button-next {
  display: flex;
  flex-wrap: wrap;
  width: 50px;
}
.swiper-brands .swiper .swiper-wrapper {
  position: relative;
  width: calc(100% - 100px);
  height: 150px;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  padding-bottom: 20px;
}
.swiper-brands .swiper .swiper-slide {
  color: #000;
  background-color: #fff;
  margin: auto;
  width: 100%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  padding: 5px;
  transition: 250ms all;
  cursor: pointer; /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.swiper-brands .swiper .swiper-slide:hover {
  transform: scale(1.1);
  z-index: 1; /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.swiper-brands .swiper .swiper-slide .swiper-slide-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
.swiper-brands .swiper .swiper-slide .swiper-slide-content .swiper-heading {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 600;
  color: #cd0303;
  text-transform: uppercase;
  text-align: center;
}
.swiper-brands .swiper .swiper-slide .swiper-slide-content .swiper-subheading {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}
.swiper-brands .swiper .swiper-slide .swiper-slide-content .swiper-text {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  color: #5b5b5b;
  text-align: center;
}
.swiper-brands .swiper .swiper-slide .swiper-slide-content .swiper-img {
  display: flex;
  width: 80%;
  justify-content: center;
  height: auto;
  overflow: hidden;
}

.topcatwrapper {
  display: flex;
  flex-wrap: wrap;
  place-content: stretch flex-start;
  align-items: stretch;
  min-width: 100%;
}
.topcatwrapper .topcatitem {
  align-self: auto;
  flex: 0 1 100%;
  max-width: 100%;
  padding-right: 12.5px;
  padding-left: 12.5px;
  margin-bottom: 20px;
  overflow: hidden;
}
.topcatwrapper .topcatitem .background--image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  z-index: 0;
  transform: scale(1);
}
.topcatwrapper .topcatitem .title {
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 2;
  color: #fff;
  font-weight: 600;
  background-color: #ff385c;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  width: 100%;
}
.topcatwrapper .topcatitemwrapper {
  border-radius: 15px;
  text-align: center;
  padding: 0;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  transition: border-color 200ms ease-out 0s;
  z-index: 1;
  background: none;
  overflow: hidden;
}
.topcatwrapper .text {
  font-size: 3rem;
  text-align: center;
  margin: 1rem 0;
}
.topcatwrapper main {
  overflow: hidden;
  margin: 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 2rem;
  text-align: center;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .topcatwrapper main {
    grid-template-columns: 1fr;
  }
}
.topcatwrapper main section {
  overflow: hidden;
}
.topcatwrapper main .background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
.topcatwrapper main .background--zoom:hover {
  transform: scale(1.1);
}
.topcatwrapper main .background--zoom:hover .caption {
  transform: scale(0.9);
  color: #1c1c1c;
}
.topcatwrapper main .background--1 {
  background-image: url("https://media-cldnry.s-nbcnews.com/image/upload/newscms/2016_10/1002361/cleaning-products-stock-today-160307-tease-1002361.jpg");
}
.topcatwrapper main .background--2 {
  background-image: url("https://media-cldnry.s-nbcnews.com/image/upload/newscms/2016_10/1002361/cleaning-products-stock-today-160307-tease-1002361.jpg");
}
.topcatwrapper main .background--2 .caption {
  font-size: 2rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.2);
  transform: scale(0.8);
  transition: all 0.6s ease-in-out;
}

.facilitywrapper {
  display: flex;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  place-content: stretch flex-start;
  align-items: stretch;
  min-width: 100%;
}

.facilityitem {
  align-self: auto;
  flex: 0 0 calc(100% - 0px);
  min-width: calc(25% - 20px);
  margin-bottom: 20px;
  background-color: #fff;
}

.background--image {
  align-self: auto;
  flex: 0 0 calc(100% - 0px);
  min-width: 100%;
  margin-bottom: 20px;
  transition: all 1s;
}

.facilityitemwrapper {
  border: 1px solid rgb(213, 222, 228);
  border-radius: 8px;
  text-align: center;
  padding: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  transition: border-color 200ms ease-out 0s;
}
.facilityitemwrapper:hover {
  border-color: rgb(210, 10, 45);
}
.facilityitemwrapper .title {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  color: rgb(70, 77, 84);
  margin: 15px 0px;
}
.facilityitemwrapper .leiras {
  font-size: 16px;
  line-height: 22px;
}

@media screen and (min-width: 768px) {
  .facilityitem {
    flex: 0 0 calc(33.3333% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
  .topcatwrapper .topcatitem {
    flex: 0 1 50%;
    max-width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .facilityitem {
    flex: 0 0 calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
  .topcatwrapper .topcatitem {
    flex: 0 1 25%;
    max-width: 100%;
  }
  .topcatwrapper .topcatitemwrapper {
    height: 180px;
  }
}
@media (min-width: 480px) {
  .swiper-hero .swiper {
    height: 240px !important;
  }
  .fullsize-banner {
    display: block;
    width: 100%;
    cursor: pointer;
    border: 2px solid #986796;
    border-radius: 15px;
    overflow: hidden;
  }
  .mobile-banner {
    display: none;
  }
}/*# sourceMappingURL=banners.css.map */
.pulse {
  animation: pulse 0.5s ease-in infinite;
}

.push {
  animation: pulse 1.8s ease-in 1;
}

.pop {
  animation: pop 0.5s ease-in 1;
}

@keyframes pulse {
  25% {
    transform: scale(0.9);
  }
  75% {
    transform: scale(1.1);
  }
}
@keyframes push {
  50% {
    transform: scale(1);
  }
}
@keyframes pop {
  50% {
    transform: scale(1.03);
  }
}
.password-status-hide {
  display: none;
}

.password-strength-status-wrapper {
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 5px;
}

.medium-password {
  background-color: #fd0;
}

.weak-password {
  background-color: #FBE1E1;
}

.strong-password {
  background-color: #D5F9D5;
}

.plan-details {
  padding-left: 32px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.presel-address-title {
  font-family: "PT Sans Narrow";
  text-transform: uppercase;
  font-weight: 600;
  padding-bottom: 5px;
}

.info {
  margin-bottom: 15px;
}

.opcbottom {
  display: none;
}

.flyout-uzenet-wrapper {
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 10px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  font-family: "PT Sans Narrow";
}

.info-name-flyout {
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 10px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  font-family: "PT Sans Narrow";
}

.info-adat-flyout {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.1px;
  font-family: "PT Sans Narrow";
}
.info-adat-flyout label {
  font-weight: 600;
}

.info-adat-flyout-cegmagan {
  padding: 4px 10px;
  background-color: #6e777c;
  font-family: "PT Sans Narrow";
  text-transform: uppercase;
  color: #fff;
  margin-top: 6px;
  font-size: 12px;
}

.flyout-info {
  font-size: 13px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.flyout-info-blokk {
  margin-bottom: 14px;
  font-size: 14px;
  font-family: "PT Sans Narrow";
  line-height: 1.4;
  padding: 7px;
  border: 1px solid #c6c6c6;
  margin-top: 7px;
}

.error-wrapper {
  margin-top: 15px;
  margin-bottom: 5px;
  border: 1px solid;
  padding: 10px;
  background-color: red;
  color: #fff;
  font-size: 14px;
  font-family: "Rubik", sans-serif;
  font-weight: 400;
}

.ui-widget.ui-widget-content {
  border: 1px solid #ffffff;
  background-color: #da0b0b;
  color: #fff;
  font-family: "PT Sans Narrow";
}

.checkout-preselected-address {
  margin-bottom: 7px;
}
.checkout-preselected-address .checkout-result-title {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.2px;
  padding-bottom: 0;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
}
.checkout-preselected-address .checkout-result-content {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.2px;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
}

.checkout-info-text {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-bottom: 14px;
  margin-top: 14px;
}

.checkout-result-upper-text {
  /* background-color: #fff; */
  color: #000;
  font-size: 16px;
  font-weight: 600;
  /* display: none; */
  letter-spacing: 0.1px;
  margin-bottom: 1px;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.opc-step-wrapper {
  width: 100%;
  /* padding: 10px; */
  /* border: 1px solid #dcdcdc; */
  /* border-radius: 5px; */
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.opc-step-title-wrapper {
  align-items: center;
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  cursor: pointer;
  border-bottom: 1px dashed #000000;
  padding-bottom: 7px;
}

.opc-step-title-wrapper-mobile {
  padding: 0 15px;
}

.packetawrapper {
  padding: 0px !important;
}

.opc-step-title {
  font-weight: 700;
  text-transform: uppercase;
  width: calc(100% - 30px);
  display: flex;
  flex-wrap: nowrap;
}

.opc-step-title-info {
  width: 30px;
  text-align: center;
}

.opc-step-info-wrapper {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem -1rem rgba(0, 0, 0, 0.5);
  color: #222;
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  min-width: 6.5rem;
  padding: 1rem;
  right: 0;
  text-align: left;
  transition: opacity 0.16s ease-in-out;
}

.opc-step-colleps-wrapper {
  max-height: 0;
  transition: max-height 300ms ease-in-out 50ms;
  overflow: hidden;
}

.opc-step-colleps-wrapper.active {
  max-height: 100%;
}

.opc-step-tooltip-title {
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

.opc-step-tooltip-text {
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.2px;
}

.step-ok {
  padding-left: 10px;
  color: green;
}

.checkout-option-selector {
  padding: 0 15px;
  /*  border: 1px solid #dcdcdc; */
  /* margin-bottom: 20px; */
  width: 100% !important;
  max-height: auto;
  margin-bottom: 7px;
}

.checkout-option-selector:hover {
  /*   border: 1px solid #69ccec; */
}

.checkout-option-selector .selected {
  /*  border: 1px solid #69ccec; */
}

.chkopactive {
  /*  border: 1px solid #69ccec; */
}

.container-checkout-selector form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.container-checkout-selector label {
  display: flex;
  cursor: pointer;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.375em;
}

.container-checkout-selector label input {
  position: absolute;
  left: -9999px;
}

/* .container-checkout-selector label input:checked + span {
    background-color: #414181;
    color: white;
} */
.container-checkout-selector label input:checked + span:before {
  box-shadow: inset 0 0 0 0.4375em #00005c;
}

.container-checkout-selector label span {
  display: flex;
  align-items: center;
  padding: 0.375em 0.75em 0.375em 0.375em;
  border-radius: 99em;
  transition: 0.25s ease;
  color: #414181;
}

/* .container-checkout-selector label span:hover {
    background-color: #d6d6e5;
} */
.container-checkout-selector label span:before {
  display: flex;
  flex-shrink: 0;
  content: "";
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin-right: 0.375em;
  transition: 0.25s ease;
  box-shadow: inset 0 0 0 0.125em #00005c;
}

.checkout-result-wrapper {
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #a5a3a3;
}

.checkout-result-edit {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: right;
  cursor: pointer;
}

.checkout-result-edit:hover {
  text-decoration: underline;
}

.checkout-selected-option-title {
  margin-top: 14px;
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 2px solid #dcdcdc;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

.order-summary-sh20-wrapper {
  grid-gap: 0.4rem 0;
  color: #575353;
  display: grid;
  font-size: 0.875rem;
  grid-auto-columns: min-content;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 1rem;
  font-family: "PT Sans Narrow", sans-serif;
  letter-spacing: 0.1px;
}

.order-summary-sh20-price {
  text-align: right;
}

.order-summary-sh20-total {
  border-top: 1px solid #e0e0e0;
  font-size: 1rem;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  font-weight: 700;
}

.summary-sticky {
  position: sticky;
  top: 120px;
}

.container-checkout {
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  background-color: #fff;
}

.fa22 {
  font-size: 22px;
  padding-right: 6px;
}

.checkoutButtonTxt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  line-height: 1.3;
  letter-spacing: 1px;
}

.chkoutSelectContent {
  padding-left: 2em;
  padding-right: 2em;
}
.chkoutSelectContent .edit-address {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chkoutSelectContent .sh-input-wrapper {
  position: relative;
  margin-bottom: 4px;
  width: 100%;
}
@media (min-width: 992px) {
  .chkoutSelectContent .sh-input-wrapper {
    position: relative;
    margin-bottom: 4px;
    width: 49%;
  }
}

.chkoutSelectContentPayment {
  padding-left: 2em;
  padding-right: 2em;
}
.chkoutSelectContentPayment .edit-address {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chkoutSelectContentPayment .sh-input-wrapper {
  position: relative;
  margin-bottom: 4px;
  width: 100%;
}
@media (min-width: 992px) {
  .chkoutSelectContentPayment .sh-input-wrapper {
    position: relative;
    margin-bottom: 4px;
    width: 49%;
  }
}

.opc-step-check {
  display: none;
  width: 30px;
  justify-content: left;
  align-items: center;
}

.opc-step-check-benefits {
  display: flex;
  width: 30px;
  justify-content: left;
  align-items: center;
}

.opc-step-txt {
  display: flex;
  width: calc(100% - 30px);
  align-items: center;
  justify-content: left;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  font-size: 22px;
  padding-top: 4px;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke: #cccccc;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark-sh {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0px;
  box-shadow: inset 0px 0px 0px #cccccc;
}

.checkmark-animate {
  animation: fill 0.8s ease-in-out 0.8s forwards, scale 0.6s ease-in-out 1.8s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #7ac142;
  }
}
.wrapper-co {
  display: flex;
  align-items: center;
  justify-content: center;
}

.card-co {
  background: #fff;
  max-width: 450px;
  padding: 16px;
  border-radius: 2px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
  color: #000;
  border: 2px solid #dcdcdc;
  margin-bottom: 12px;
}

.codepen-logo {
  font-size: 60px;
}

.badge-promo {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  margin-bottom: -8px;
  z-index: 1;
  padding: 8px;
  border-radius: 2px 2px 0 0;
  color: #fff;
  text-align: left;
}
.badge-promo:before, .badge-promo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.badge-promo:before {
  background: #dcdcdc;
  height: 100%;
  width: 110%;
  transform-origin: bottom right;
  transform: rotate(1deg);
}
.badge-promo:after {
  background: #96ccec;
  transform: rotate(-1deg);
  transform-origin: bottom left;
  height: 100%;
  width: 110%;
}

.badge-promo-content {
  position: relative;
  z-index: 1;
  font-size: 14px;
  text-transform: uppercase;
}

.edit-address {
  width: 100%;
}

#overlay-spinner-checkout {
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 100;
  width: 100%;
  min-height: 100px;
  display: flex;
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.is-hide {
  display: none;
}

.hiba {
  background-color: #ff385c;
  padding: 15px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}

.siker {
  background-color: #31ccec;
  padding: 15px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin-bottom: 20px;
}

.kedvezmenySzoveg {
  font-size: 14px;
  padding-bottom: 15px;
}

.kedvezmenyMegFelhasznalhato {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 15px;
}

.read {
  color: #31ccec;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.read:hover {
  text-decoration: underline;
}

.order-details-page .section.totals {
  width: 400px;
}
.order-details-page .re-order-button {
  width: 100%;
}
.order-details-page .cart-wrapper {
  margin-bottom: 20px;
}
.order-details-page .order-list {
  justify-content: left;
  display: flex;
  width: 100%;
  border-bottom: 1px solid;
  margin-bottom: 20px;
}
.order-details-page .order-list .order-item {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border: none;
}
.order-details-page .order-details-area {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  border-bottom: 1px solid;
  margin-bottom: 20px;
}
.order-details-page .order-details-area .billing-info-wrap {
  width: 50%;
  padding-right: 15px;
}
.order-details-page .order-details-area .shipping-info-wrap {
  width: 50%;
  padding-right: 15px;
}

.order-item {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #424242;
}

.add-address-button {
  width: 100%;
  margin-bottom: 25px;
  font-size: 20px;
}
.add-address-button:hover .addnewaddressfa {
  color: #31ccec;
}
.add-address-button .addnewaddressfa {
  font-size: 30px;
  color: #ff385c;
  position: relative;
  right: 10px;
}

.addnewaddressfa {
  font-size: 30px;
  color: #ff385c;
  position: relative;
  right: 10px;
}

.info-name {
  font-weight: 600;
  font-size: 22px;
  border-bottom: 1px solid #31ccec;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.info-adat {
  font-weight: 300;
  font-size: 16px;
  padding-bottom: 3px;
}

.edit-customer-info-button {
  width: 100%;
}

.delete-address-button {
  background-color: #ff385c;
  border-color: #ff385c;
}
.delete-address-button:hover {
  background-color: #31ccec;
  border-color: #31ccec;
}

.address-item {
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #424242;
}

.info-customername {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 3px;
}

.info-customeremail {
  text-align: center;
  font-weight: 300;
  font-size: 12px;
  padding-bottom: 15px;
}

.page-title-info {
  position: absolute;
  bottom: 3px;
  font-weight: 900;
  font-size: 24px;
  color: #fff;
}

.info-fejlec {
  height: 40px;
  width: 100%;
  background-color: white;
  border-radius: 20px 20px 0 0;
  text-align: center;
}

.info-fejlec-felso {
  height: 28px;
  width: 50px;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px 20px 0 0;
}

.info-customer-logo {
  font-size: 60px;
  color: #ff385c;
  position: relative;
  top: -30px;
}

.shoperia-info-header {
  min-height: 80px;
  background-color: #31ccec;
  padding-top: 50px;
}

.container-info {
  position: relative;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  background-color: transparent;
}

.lsw-info {
  display: block;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 20px;
  background-color: transparent;
  order: 2;
}

.rsw-info {
  width: 100%;
  position: relative;
  justify-content: center;
  display: flex;
  order: 1;
}

.lsw-withfilter-info {
  display: block;
  margin-right: 5px;
  margin-left: 5px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  animation-name: ls-filtergrow;
  animation-duration: 1s;
  background-color: #fff;
}

.ajandekaccordion {
  background-color: #31ccec;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: block;
  padding: 10px;
  color: #fff;
  cursor: pointer;
}
.ajandekaccordion.active {
  background-color: #2f0939 !important;
  color: #fff;
}
.ajandekaccordion.active .chevron {
  transform: rotate(180deg);
}
.ajandekaccordion .chevron {
  transform: none;
}
.ajandekaccordion {
  justify-content: space-between;
}
.ajandekaccordion .row {
  display: flex;
}
.ajandekaccordion .row:before {
  display: table;
  content: " ";
}
.ajandekaccordion .row .col-xs-5 {
  float: left;
  width: 41.66666667%;
}
.ajandekaccordion .row .col-xs-7 {
  float: right;
  width: 58.33333333%;
  text-align: right;
}
.ajandekaccordion .row .nc-icon-mini {
  display: inline-block;
  text-transform: none;
}
.ajandekaccordion .row .nc-icon-mini.arrows-1_circle-down-40:before {
  content: "\f13a";
  font-family: FontAwesome;
}
.ajandekaccordion .row .text-nowrap {
  white-space: nowrap;
}
.ajandekaccordion .row .nc-icon-outline {
  display: inline-block;
  font: normal normal normal 14px/1 "Nucleo Outline";
  font-size: inherit;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opcSummaryaccordion {
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  display: block;
  padding: 10px;
  color: #000;
  cursor: pointer;
}
.opcSummaryaccordion.active {
  background-color: #000 !important;
  color: #fff;
}
.opcSummaryaccordion.active .chevron {
  transform: rotate(180deg);
}
.opcSummaryaccordion .chevron {
  transform: none;
}
.opcSummaryaccordion {
  justify-content: space-between;
}
.opcSummaryaccordion .row {
  display: flex;
}
.opcSummaryaccordion .row:before {
  display: table;
  content: " ";
}
.opcSummaryaccordion .row .col-xs-5 {
  float: left;
  width: 41.66666667%;
}
.opcSummaryaccordion .row .col-xs-7 {
  float: right;
  width: 58.33333333%;
  text-align: right;
}
.opcSummaryaccordion .row .nc-icon-mini {
  display: inline-block;
  text-transform: none;
}
.opcSummaryaccordion .row .nc-icon-mini.arrows-1_circle-down-40:before {
  content: "\f13a";
  font-family: FontAwesome;
}
.opcSummaryaccordion .row .text-nowrap {
  white-space: nowrap;
}
.opcSummaryaccordion .row .nc-icon-outline {
  display: inline-block;
  font: normal normal normal 14px/1 "Nucleo Outline";
  font-size: inherit;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.opc-summary {
  display: none;
  margin: 20px;
}

.please-wait {
  font-size: 10px;
  font-weight: 600;
}

.opcinfowrapper {
  width: 100%;
  margin-bottom: 1rem;
  text-align: left;
}
.opcinfowrapper .infologo {
  font-size: 25px;
  color: #31ccec;
  background-color: transparent;
}

.opcinfowrapper span {
  position: absolute;
  padding: 0 0.5em;
  margin-left: 1em;
  margin-top: -11px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #000000;
  background-color: #fff;
}

.outside-block {
  padding: 3px;
  border: 1px solid #31ccec;
  border-radius: 8px;
  background-color: #fff;
}

.inside-block {
  padding: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  color: #000000;
  background-color: #fff;
  font-weight: 600;
  font-size: 14px;
}

.plans {
  display: flex;
  justify-content: left;
  width: 100%;
  align-items: stretch;
  flex-wrap: wrap;
  flex-grow: 1;
}
.plans .plan {
  cursor: pointer;
  flex-basis: 100%;
  margin-bottom: 1rem;
  min-width: 100%;
  max-width: 100%;
}
.plans .plan input[type=radio] {
  position: absolute;
  opacity: 0;
}
.plans .plan input[type=radio]:checked + .plan-content {
  border: 1px solid #31ccec;
  background: #eaf1fe;
  transition: ease-in 0.3s;
}
.plans .plan .plan-content {
  border: 1px solid #333;
  padding: 10px;
  margin-right: 0;
  margin-bottom: 0;
  position: relative;
  height: 100%;
}
.plans .plan .plan-content:hover {
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}
.plans .plan .plan-content .plan-details .payment-logo {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-left: 30px;
  padding-right: 30px;
}
.plans .plan .plan-content .plan-details .payment-logo img {
  max-width: 200px;
  justify-content: center;
}
.plans .plan .plan-content .plan-details .payment-name {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 15px;
}
.plans .plan .plan-content .plan-details .payment-description {
  font-size: 16px;
  margin-top: 15px;
}
.plans .plan .plan-content .plan-details img {
  justify-content: center;
}
.plans .plan .plan-content .plan-details .name {
  font-size: 1rem;
  font-weight: 600;
  text-transform: initial;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #000;
}
.plans .plan .plan-content .plan-details .company {
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.plans .plan .plan-content .plan-details .address {
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.plans .plan .plan-content .plan-details .phone {
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.plans .plan .plan-content .plan-details .email {
  font-size: 0.8rem;
  line-height: 1.3rem;
}

.selected-opc {
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  margin-bottom: 2rem;
}
.selected-opc .title {
  flex-basis: 40%;
  font-weight: 600;
  font-size: 12px;
  margin-right: 20px;
}
.selected-opc .content {
  flex-basis: 60%;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.5em;
}
.selected-opc .content .kiemelt {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.5em;
}

.opcEdit {
  display: none;
}

.allow .opcEdit {
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 25px !important;
  color: #31ccec;
  cursor: pointer;
}
.allow .opcEdit:hover {
  color: #ff385c;
}

.active .opcEdit {
  display: none;
}

.opcTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.33;
  color: #000;
}

.step-title {
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.address-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-grow: 1;
}
.address-box-wrapper .address-box {
  border: 1px solid #d0d0d0;
  border-radius: 0.25rem;
  padding: 10px;
  flex-basis: calc(33% - 1rem);
  margin-right: 1rem;
  margin-bottom: 1rem;
  flex-grow: 1;
  cursor: pointer;
}
.address-box-wrapper .address-box:hover {
  border: 1px solid #31ccec;
}
.address-box-wrapper .address-box input[type=radio] {
  position: absolute;
  opacity: 0;
}
.address-box-wrapper .address-box input[type=radio]:checked + .address-box:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background: #31ccec;
  right: 20px;
  top: 20px;
  border-radius: 100%;
  border: 3px solid #fff;
  box-shadow: 0px 0px 0px 2px #0066ff;
}
.address-box-wrapper .address-box input[type=radio]:checked + .address-box {
  border: 2px solid #ff385c;
  background: #eaf1fe;
  transition: ease-in 0.3s;
}
.address-box-wrapper .address-box .name {
  font-size: 1rem;
  font-weight: 600;
  text-transform: initial;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #000;
}
.address-box-wrapper .address-box .company {
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.address-box-wrapper .address-box .address {
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.address-box-wrapper .address-box .phone {
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.address-box-wrapper .address-box .email {
  font-size: 0.8rem;
  line-height: 1.3rem;
}

.field-validation-error {
  font-size: 12px;
  color: #ff385c;
  font-weight: 600;
}

.listbox .list li {
  background-color: #fff;
  padding: 14px;
  margin-bottom: 5px;
  font-size: 14px;
  letter-spacing: 0.8px;
  border-bottom: 1px solid #aaaaaa;
  border-left: 7px solid #fff;
}
.listbox .list li.active {
  border-left: 7px solid #31ccec;
}
.listbox .list li:hover {
  border-left: 7px solid #31ccec;
}

.address_form-row {
  display: flex;
  flex-wrap: wrap;
}

.fb30 {
  flex-basis: 100%;
}

.fb70 {
  flex-basis: 100%;
}

.address_form-column {
  width: 100%;
  margin-right: 1rem;
}

.inputs {
  margin-bottom: 4px;
}
.inputs input {
  position: relative;
  padding: 15px 10px;
  width: 100%;
  outline: 0;
  border: 1px solid #d0d0d0;
  border-radius: 0.25rem;
  background-color: transparent;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-top: 7px;
  height: 2.75rem;
}
.inputs textarea {
  position: relative;
  padding: 15px 10px;
  width: 100%;
  outline: 0;
  border: 1px solid #d0d0d0;
  border-radius: 0.25rem;
  background-color: transparent;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-top: 7px;
  height: 200px;
}
.inputs input[type=checkbox] {
  width: 15px !important;
}
.inputs input[type=radio] {
  width: 15px !important;
}
.inputs select {
  position: relative;
  padding: 15px 10px;
  width: 100%;
  outline: 0;
  border: 1px solid #d0d0d0;
  border-radius: 0.25rem;
  background-color: transparent;
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-top: 7px;
}
.inputs label {
  position: relative;
  left: 11px;
  top: 19px;
  color: #424242;
  background-color: #ffffff;
  z-index: 1;
  text-transform: initial;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 12px;
  padding: 0 6px;
}
.inputs .labelcb {
  position: relative;
  left: -2px;
  top: -17px;
  color: #000000;
  background-color: #ffffff;
  z-index: 1;
  text-transform: initial;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 12px;
  padding: 0 6px;
}

@media (min-width: 1024px) {
  .container-info {
    position: relative;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    background-color: transparent;
  }
  .lsw-info {
    display: block;
    margin-right: 0;
    margin-left: 0;
    width: 280px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    background-color: transparent;
    order: 1;
  }
  .rsw-info {
    width: calc(100% - 280px);
    position: relative;
    justify-content: center;
    display: flex;
    order: 2;
  }
  .info-fejlec-felso {
    height: 28px;
    width: auto;
    background-color: white;
    margin-left: 120px;
    margin-right: 120px;
    border-radius: 20px 20px 0 0;
  }
  .shoperia-info-header {
    min-height: 80px;
    background-color: #31ccec;
    padding-top: 20px;
  }
  .lsw-withfilter-info {
    display: block;
    margin-right: 5px;
    margin-left: 5px;
    width: 250px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px;
    animation-name: ls-filtergrow;
    animation-duration: 1s;
    background-color: #fff;
  }
}
/* TABLET */
@media (min-width: 800px) {
  .opc-step-title-wrapper-mobile {
    padding: 0;
  }
  .opcbottom {
    display: block;
  }
  .opcSummaryaccordion {
    display: none;
  }
  .plans .plan {
    flex-basis: 100%;
    margin-bottom: 1rem;
    min-width: 100%;
    max-width: 100%;
  }
  .opc-summary {
    display: block !important;
    margin: 0;
  }
  .address_form-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .fb30 {
    flex-basis: 30%;
  }
  .fb70 {
    flex-basis: 70%;
  }
}/*# sourceMappingURL=customer.css.map */
.swipermega {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}

section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 60px;
}

.recipe-container {
  background: rgba(189, 181, 181, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 25px;
  padding: 30px 0;
  width: min(1200px, 100%);
}

.recipe-container h1 {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #dda3b6;
  margin: 20px 0 40px;
}

.swiper {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
}

.swiper-scrollbar {
  --swiper-scrollbar-bottom: 0;
  --swiper-scrollbar-drag-bg-color: #dda3b6;
  --swiper-scrollbar-size: 2px;
}

.post {
  max-width: 210px;
  /* font-size: 1rem; */
  /* font-weight: 500; */
  color: #000;
  /* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
  /* border-radius: 10px; */
  /* padding: 16px 16px 0; */
  /* margin-bottom: 16px; */
  background-color: transparent;
}

.swiper-lastviewed {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 25px;
  margin-bottom: 25px;
  min-width: 0;
}
.swiper-lastviewed .swiper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.swiper-lastviewed .swiper .swiper-button-next {
  display: flex;
  flex-wrap: wrap;
  width: 50px;
}
.swiper-lastviewed .swiper .swiper-wrapper {
  position: relative;
  width: calc(100% - 100px);
  height: 150px;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
  padding-bottom: 20px;
}
.swiper-lastviewed .swiper .swiper-slide {
  color: #000;
  background-color: #fff;
  margin: auto;
  width: 100%;
  background-size: cover;
  justify-content: center;
  align-items: flex-start;
  padding: 5px;
  transition: 250ms all;
  cursor: pointer; /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.swiper-lastviewed .swiper .swiper-slide:hover {
  transform: scale(1.1);
  z-index: 1; /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.swiper-lastviewed .swiper .swiper-slide .swiper-slide-content {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
.swiper-lastviewed .swiper .swiper-slide .swiper-slide-content .swiper-heading {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 600;
  color: #cd0303;
  text-transform: uppercase;
  text-align: center;
}
.swiper-lastviewed .swiper .swiper-slide .swiper-slide-content .swiper-subheading {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  text-align: center;
}
.swiper-lastviewed .swiper .swiper-slide .swiper-slide-content .swiper-text {
  display: flex;
  width: 100%;
  justify-content: center;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  color: #5b5b5b;
  text-align: center;
}
.swiper-lastviewed .swiper .swiper-slide .swiper-slide-content .swiper-img {
  display: flex;
  width: 80%;
  justify-content: center;
  height: auto;
  overflow: hidden;
}

.sh20-header-nav {
  background-color: #fff;
  width: 100%;
}

.sh20-header-nav-desktop {
  display: none;
  justify-content: center;
}

.sh20-nav-items {
  align-items: center;
  display: flex;
  height: 39px;
}

.sh20-nav-item {
  padding: 0 15px;
}
.sh20-nav-item button {
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  padding: 0;
  cursor: pointer;
}

.sh20-nav-item-link {
  border-bottom: 1px solid transparent;
  color: #000;
  position: relative;
}

.sh20-nav-item-link-text {
  border-bottom: 1px solid transparent;
  display: inline-block;
  pointer-events: none;
}

.sh20-nav-item:hover .sh20-nav-item-link .sh20-nav-item-link-text {
  border-bottom: 1px solid #000;
}

.n1 {
  font-family: "Rubik", sans-serif;
  font-size: 13px;
  letter-spacing: 0.01em;
  line-height: 18px;
  font-weight: 400;
}

.pointer-ev-none {
  pointer-events: none;
}

.sh20-nav-subnav {
  background-color: #fff;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translate3d(0, -101%, 0);
  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  visibility: hidden;
  white-space: normal;
  width: 100%;
  z-index: -1;
}

.sh20-nav-subnav-active {
  opacity: 1;
  pointer-events: auto;
  transform: translateZ(0);
  visibility: visible;
}

.sh20-nav-subnav-overlay {
  background: #000;
  left: 0;
  min-height: 100vh;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  top: 100%;
  width: 100%;
}

.sh20-subnav-belso {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  max-height: 70vh;
  min-height: 40vh;
  overflow-y: scroll;
  overflow-x: hidden;
}

.menu-wrapper {
  padding: 15px 15px 15px 15px;
  display: flex;
  border-right: 1px solid #d8d8d8;
  min-width: 260px;
  max-width: 260px;
}

.menu-wrapper-osszes {
  padding: 7px 15px 20px 15px;
}

.menu-wrapper-right {
  width: calc(100% - 260px);
  padding: 20px 10px 0 10px;
}

.sh20-sublinks-item {
  margin-bottom: 13px;
  background-color: aqua;
}

.n2 {
  font-size: 15px;
  line-height: 16px;
  font-weight: 400;
}

.s3 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  padding-left: 15px;
}

.sh20-nav-sublink {
  width: calc(100% - 20px);
  background-color: beige;
}

@media (min-width: 992px) {
  .sh20-header-nav-desktop {
    border-bottom: none;
    display: flex;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 #ddd;
    position: relative;
  }
  .sh20-nav-item {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    top: 0;
    width: auto;
  }
  .sh20-nav-item-link {
    padding: 10px 0;
  }
}
.wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  background: white;
  margin: auto;
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0;
  transform: scale(0.95);
  transition: box-shadow 0.5s, transform 0.5s;
}
.wrapper:hover {
  transform: scale(1);
  box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.2);
}
.wrapper .container {
  width: 100%;
  height: 100%;
}
.wrapper .container .top {
  height: 80%;
  width: 100%;
  background: url(https://s-media-cache-ak0.pinimg.com/736x/49/80/6f/49806f3f1c7483093855ebca1b8ae2c4.jpg) no-repeat center center;
  background-size: 100%;
}
.wrapper .container .bottom {
  width: 200%;
  height: 20%;
  transition: transform 0.5s;
}
.wrapper .container .bottom.clicked {
  transform: translateX(-50%);
}
.wrapper .container .bottom h1 {
  margin: 0;
  padding: 0;
}
.wrapper .container .bottom p {
  margin: 0;
  padding: 0;
}
.wrapper .container .bottom .left {
  height: 100%;
  width: 50%;
  background: #f4f4f4;
  position: relative;
  float: left;
}
.wrapper .container .bottom .left .details {
  padding: 20px;
  float: left;
  width: calc(70% - 40px);
}
.wrapper .container .bottom .left .buy {
  float: right;
  width: calc(30% - 2px);
  height: 100%;
  background: #f1f1f1;
  transition: background 0.5s;
  border-left: solid thin rgba(0, 0, 0, 0.1);
}
.wrapper .container .bottom .left .buy i {
  font-size: 30px;
  padding: 30px;
  color: #254053;
  transition: transform 0.5s;
}
.wrapper .container .bottom .left .buy:hover {
  background: #A6CDDE;
}
.wrapper .container .bottom .left .buy:hover i {
  transform: translateY(5px);
  color: #00394B;
}
.wrapper .container .bottom .right {
  width: 50%;
  background: #A6CDDE;
  color: white;
  float: right;
  height: 200%;
  overflow: hidden;
}
.wrapper .container .bottom .right .details {
  padding: 20px;
  float: right;
  width: calc(70% - 40px);
}
.wrapper .container .bottom .right .done {
  width: calc(30% - 2px);
  float: left;
  transition: transform 0.5s;
  border-right: solid thin rgba(255, 255, 255, 0.3);
  height: 50%;
}
.wrapper .container .bottom .right .done i {
  font-size: 30px;
  padding: 30px;
  color: white;
}
.wrapper .container .bottom .right .remove {
  width: calc(30% - 1px);
  clear: both;
  border-right: solid thin rgba(255, 255, 255, 0.3);
  height: 50%;
  background: #BC3B59;
  transition: transform 0.5s, background 0.5s;
}
.wrapper .container .bottom .right .remove:hover {
  background: #9B2847;
}
.wrapper .container .bottom .right .remove:hover i {
  transform: translateY(5px);
}
.wrapper .container .bottom .right .remove i {
  transition: transform 0.5s;
  font-size: 30px;
  padding: 30px;
  color: white;
}
.wrapper .container .bottom .right:hover .remove, .wrapper .container .bottom .right:hover .done {
  transform: translateY(-100%);
}
.wrapper .inside {
  z-index: 9;
  background: #92879B;
  width: 140px;
  height: 140px;
  position: absolute;
  top: -70px;
  right: -70px;
  border-radius: 0px 0px 200px 200px;
  transition: all 0.5s, border-radius 2s, top 1s;
  overflow: hidden;
}
.wrapper .inside .icon {
  position: absolute;
  right: 85px;
  top: 85px;
  color: white;
  opacity: 1;
}
.wrapper .inside:hover {
  width: 100%;
  right: 0;
  top: 0;
  border-radius: 0;
  height: 80%;
}
.wrapper .inside:hover .icon {
  opacity: 0;
  right: 15px;
  top: 15px;
}
.wrapper .inside:hover .contents {
  opacity: 1;
  transform: scale(1);
  transform: translateY(0);
}
.wrapper .inside .contents {
  padding: 5%;
  opacity: 0;
  transform: scale(0.5);
  transform: translateY(-200%);
  transition: opacity 0.2s, transform 0.8s;
}
.wrapper .inside .contents table {
  text-align: left;
  width: 100%;
}
.wrapper .inside .contents h1, .wrapper .inside .contents p, .wrapper .inside .contents table {
  color: white;
}
.wrapper .inside .contents p {
  font-size: 13px;
}/*# sourceMappingURL=sh20menu.css.map */
.flyout-extra-space {
  width: 100%;
  background-color: transparent;
  min-height: 150px;
}

.top-flyout-wrapper {
  height: 0;
  opacity: 0;
  padding: 0 40px;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  transition: opacity 0.45s ease-in-out;
  width: 100%;
  background-color: #fff;
}

.top-flyout-wrapper.active {
  opacity: 1;
  padding: 0;
  pointer-events: all;
  height: auto;
  min-height: 67px;
  z-index: 100;
}

.left-flyout-acc-pm-wrapper {
  border-top: 1px solid #e0e0e0;
}

.LeftFlyoutPadding {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 0px;
}

.LeftFlyoutPaddingInner {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}

#overlay-spinner {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.is-hide {
  display: none;
}

.black {
  background-color: #000 !important;
}

.flyout-wrapper-base {
  overflow: hidden;
}

.flyout-submenu {
  position: relative;
  top: 0px;
  right: -100%;
  height: 100vh;
  background-color: #fff;
  width: 100%;
  z-index: 15;
  transition: all 0.35s ease;
}

.flyout-submenu.active {
  right: 0px;
  transition: all 0.35s ease;
}

.flyout-submenu-2 {
  position: relative;
  top: 0px;
  right: -100%;
  height: 100vh;
  background-color: #fff;
  width: 100%;
  z-index: 20;
  transition: all 0.35s ease;
}

.flyout-submenu-2.active {
  right: 0px;
  transition: all 0.35s ease;
}

.flyout-fomenu {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

.right-flyout-wrapper {
  position: fixed;
  top: 0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  left: 100%;
  width: 100%;
  background: #fff;
  transition: all 0.35s ease-in-out;
  z-index: 300;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100vh;
}

.right-flyout-wrapper.active {
  left: 0;
}

.right-flyout-wrapper.active2 {
  transform: translateX(-50%);
  transition: transform 0.35s ease;
  will-change: transform;
}

.filter-wrapper .count {
  display: flex;
  float: left;
  width: calc(100% - 54px);
  justify-content: left;
  padding-left: 20px;
  height: 54px;
  padding-top: 0px;
  background-color: #fff;
  color: #000;
  border-bottom: 1px solid #d0d0d0;
  font-family: "Josefin Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  align-items: center;
}
.filter-wrapper .count a {
  color: #fff;
}
.filter-wrapper .countclose {
  display: flex;
  float: right;
  width: 54px;
  justify-content: right;
  height: 54px;
  padding-top: 0;
  background-color: #fff;
  border-bottom: 1px solid #d0d0d0;
  align-items: center;
  padding-right: 20px;
}
.filter-wrapper .countclose a {
  color: #fff;
}
.filter-wrapper .countwrapper {
  display: flex;
}
.filter-wrapper .flyout-content-wrapper-footer {
  width: 100%;
  height: calc(100vh - 110px);
  padding-top: 0px;
  overflow-y: scroll;
}
.filter-wrapper .flyout-content-wrapper-footer::-webkit-scrollbar {
  display: block;
}
.filter-wrapper .items::-webkit-scrollbar {
  border-radius: 5px;
  width: 6px;
  background-color: #fff;
}
.filter-wrapper .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.filter-wrapper .items::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #000, #000);
  box-shadow: inset 0 0 1px 1px #5c6670;
}
.filter-wrapper .items::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(left, #000, #000);
}
.filter-wrapper .items-blog {
  height: calc(100% - 154px) !important;
}
.filter-wrapper .items {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  height: calc(100% - 234px);
  padding-top: 10px;
  overflow-y: scroll;
}
.filter-wrapper .items .item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #fff;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  justify-content: left;
}
.filter-wrapper .items .item .cartitemoverlay {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51, 51, 51, 0.4117647059);
  justify-content: center;
  align-items: center;
}
.filter-wrapper .items .item .picture {
  display: flex;
  flex-wrap: wrap;
  width: 100px;
  padding: 3px;
  background-color: #f8f3f9;
  border: 1px solid #d0d0d0;
  justify-content: center;
}
.filter-wrapper .items .item .product {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 100px);
  padding-left: 5px;
}
.filter-wrapper .items .item .product .deletewrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  width: 50px;
}
.filter-wrapper .items .item .product .namewrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 50px);
}
.filter-wrapper .items .item .product .namewrapper .name {
  width: 100%;
  font-size: 14px;
  text-transform: unset;
  line-height: 1.3;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
}
.filter-wrapper .items .item .product .details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-self: flex-end;
}
.filter-wrapper .items .item .product .details .quantity-flyout {
  width: 50%;
  justify-content: left;
  text-align: left;
}
.filter-wrapper .items .item .product .details .price {
  width: 50%;
  justify-content: right;
  text-align: right;
  font-weight: 700;
  font-size: 18px;
  white-space: nowrap;
  color: #000;
  font-size: 0.875rem;
  font-family: "PT Sans Narrow", Helvetica, Arial, sans-serif;
  letter-spacing: 0.1px;
}
.filter-wrapper .items-login {
  height: calc(100% - 100px);
}
.filter-wrapper .items-cart {
  background-color: #fff;
}
.filter-wrapper .flyout-main-footer-filter {
  position: sticky;
  bottom: 0;
  background: #f2f2f2;
  padding: 0px;
  z-index: 10;
  display: flex;
  width: 100%;
  border-top: 1px solid #000;
  height: 180px;
  min-height: 180px;
  max-height: 180px;
  flex-wrap: wrap;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 14px;
}
.filter-wrapper .flyout-main-footer-blog {
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
  padding-top: 0 !important;
}
.filter-wrapper .totals {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.left-flyout-wrapper-blog {
  position: fixed;
  top: 0;
  background-color: #fff;
  left: -100%;
  width: 100%;
  background: #fff;
  transition: all 0.35s ease-in-out;
  z-index: 300;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100vh;
}

.left-flyout-wrapper-blog.active {
  left: 0px;
}

.left-flyout-wrapper-blog.active2 {
  transform: translateX(-50%);
  transition: transform 0.35s ease;
  will-change: transform;
}

.left-flyout-wrapper {
  position: fixed;
  top: 0;
  background-color: #fff;
  left: -100%;
  width: 100%;
  background: #fff;
  transition: all 0.35s ease-in-out;
  z-index: 300;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 100vh;
}

.left-flyout-wrapper.active {
  left: 0px;
}

.left-flyout-wrapper.active2 {
  transform: translateX(-50%);
  transition: transform 0.35s ease;
  will-change: transform;
}

.main-header {
  position: sticky;
  top: 0;
  background: #fff;
  padding: 16px 20px;
  z-index: 10;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #d7d7d7;
  height: 54px;
  min-height: 54px;
  max-height: 54px;
}

.flyout-main-footer-content {
  width: 120px;
  margin-right: 15px;
}

.flyout-main-footer {
  position: sticky;
  bottom: 0;
  background: #330938;
  padding: 0px;
  z-index: 10;
  display: flex;
  width: 100%;
  border-top: 1px solid #000;
  height: 57px;
  min-height: 57px;
  max-height: 57px;
  justify-content: right;
  align-items: center;
}

.header-top {
  display: flex;
  align-items: center;
  width: calc(100% - 30px);
  margin-right: 10px;
  justify-content: left;
}

.header-top-sub {
  display: flex;
  align-items: center;
  width: calc(100% - 60px);
  margin-right: 10px;
  justify-content: center;
}

.scroller {
  position: relative;
  z-index: 0;
  flex-grow: 1;
  overflow: hidden;
  overflow-y: auto;
}

.flyout-content-wrapper {
  /*  position: relative;
          top: 100px;
          padding: 20px;
          background-color: #efefef;
          height: 100%;
          padding-left: 20px;
  padding-right: 20px; */
  width: 100%;
  height: calc(100vh - 110px);
  padding-top: 0px;
  overflow-y: scroll;
}

.flyout-content-wrapper::-webkit-scrollbar {
  display: none;
}

.flyout-text {
  background-color: #fff;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-bottom: 14px;
}

.flyout-text-huseg {
  background-color: #fff;
  color: #e52cd5;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.1px;
  margin-bottom: 14px;
}

.sliding-navbar {
  position: fixed;
  top: 0;
  left: -400px;
  height: 100vh;
  width: 400px;
  background: #000;
  transition: left 0.8s ease-in-out;
  z-index: 300;
}

.sliding-navbar--open {
  left: 0px;
}

.mask {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  background: #000;
  opacity: 0.8;
  z-index: -100;
}

.show {
  z-index: 200;
}

.brand {
  text-decoration: none;
  color: #fff;
  display: block;
  width: 140px;
  margin: 20px auto 0 auto;
  font-family: sans-serif;
  transition: color 0.2s ease-in-out;
}

.brand:hover {
  color: #ccc;
}

.navbar--items {
  list-style-type: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.navbar--item {
  margin: 20px;
  letter-spacing: 1px;
  color: white;
  font-family: sans-serif;
  text-transform: uppercase;
}

.menu-opened:before {
  bottom: 3px;
  transition: bottom 0.3s ease-in-out;
}

.menu-opened:after {
  top: 3px;
  transition: top 0.3s ease-in-out;
}

.main-content {
  height: 100vh;
  min-width: 100%;
  background: linear-gradient(45deg, #FEAC5E, #C779D0, #4BC0C8);
}

.desc {
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sh-input-field {
  font-family: "Rubik", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  transition: border-color 0.24s cubic-bezier(0.49, 0.07, 0.36, 0.09);
  border: 1px solid #8c8c8c;
  width: 100%;
  font-size: 15px !important;
  padding: 16px 8px 5px 8px;
  border-radius: 0px;
  caret-color: #171722;
  margin-bottom: 0px;
  margin-top: 10px;
  font-weight: 500 !important;
}

.sh-input-field.is-hiba {
  border-color: #c70000;
}

.input-label {
  font-family: "Rubik", sans-serif;
  position: absolute;
  font-size: 12px;
  top: 0;
  left: 0;
  padding: 24px 4px 4px 10px;
  transition: transform 0.08s;
  text-align: left;
  transform-origin: left;
  color: #000;
  pointer-events: none;
}

.is-hiba {
  font-size: 11px;
  font-weight: 400;
  color: #c70000;
}

.sh-input-wrapper {
  position: relative;
  margin-bottom: 4px;
}

.sh-input-field:not(:-moz-placeholder) + .input-label {
  transform: translate3d(1px, -11px, 0) scale(0.75);
}

.is-hiba + .input-label, .sh-input-field:focus + .input-label, .sh-input-field.has-value + .input-label, .sh-input-field:not(:placeholder-shown) + .input-label, .sh-input-field.label-shifted + .input-label, .sh-input-field.error + .input-label, .sh-input-field:hover + .input-label {
  transform: translate3d(1px, -11px, 0) scale(0.75);
}

.base-button.submit {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  font-size: 15px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  letter-spacing: 0.48px !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
  background-color: #963a96;
  color: #fff;
  border: 1px solid #963a96;
  line-height: 1.3 !important;
}

.base-button {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  transition: all 0.24s;
  cursor: pointer;
  line-height: 1.45;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
}

.base-button:hover {
  transition: all 0.24s;
  background-color: #E0B0FF;
  color: #fff;
  border: 1px solid #963a96;
}

.base-button2.submit {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.base-button2 {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  transition: all 0.24s;
  cursor: pointer;
  line-height: 1.45;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  align-items: center;
}

.base-button2:hover {
  transition: all 0.24s;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.base-button3.submit {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
}

.base-button3 {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  transition: all 0.24s;
  cursor: pointer;
  line-height: 1.45;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  align-items: center;
}

.base-button3:hover {
  transition: all 0.24s;
  background-color: #000;
  color: #fff;
  border: 1px solid #fff;
}

.base-button4.submit {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.base-button4 {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  transition: all 0.24s;
  cursor: pointer;
  line-height: 1.45;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  align-items: center;
}

.base-button4:hover {
  transition: all 0.24s;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}

.base-button5.submit {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
  background-color: transparent;
  color: #fff;
  border: 1px solid transparent;
}

.base-button5 {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  transition: all 0.24s;
  cursor: pointer;
  line-height: 1.45;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  align-items: center;
}

.base-button5:hover {
  text-decoration: underline;
}

.base-button6.submit {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
  background-color: #fff;
  color: #000;
  border: 1px solid #ffffff;
}

.base-button6 {
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 500;
  border-radius: 0px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  position: relative;
  transition: all 0.24s;
  cursor: pointer;
  line-height: 1.45;
  text-transform: uppercase;
  text-align: center;
  background-color: transparent;
  align-items: center;
}

.base-button6:hover {
  transition: all 0.24s;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.base-button-csakinfo {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 14px !important;
  text-transform: uppercase !important;
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.center {
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
}

.wave {
  width: 3px;
  height: 10px;
  background: #31ccec;
  margin: 3px;
  animation: wave 1s linear infinite;
  border-radius: 20px;
}

.wave:nth-child(2) {
  animation-delay: 0.1s;
}

.wave:nth-child(3) {
  animation-delay: 0.2s;
}

.wave:nth-child(4) {
  animation-delay: 0.3s;
}

.wave:nth-child(5) {
  animation-delay: 0.4s;
}

.wave:nth-child(6) {
  animation-delay: 0.35s;
}

.wave:nth-child(7) {
  animation-delay: 0.6s;
}

.wave:nth-child(8) {
  animation-delay: 0.7s;
}

.wave:nth-child(9) {
  animation-delay: 0.8s;
}

.wave:nth-child(10) {
  animation-delay: 0.9s;
}

@keyframes wave {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.flyout-back-wrapper {
  width: 20px;
  background-color: transparent;
  justify-content: left;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-right: 7px;
}

.flyout-close-wrapper {
  width: 20px;
  background-color: transparent;
  justify-content: right;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkbox-wrapper-sh-filter {
  width: 100%;
}

.checkbox-wrapper-sh-filter input[type=checkbox] {
  display: none;
  visibility: hidden;
}

.checkbox-wrapper-sh-filter .cbx {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: left;
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
  font-weight: 600;
}

.checkbox-wrapper-sh-filter .cbx span {
  display: inline-block;
  vertical-align: top;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-sh-filter .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  transition: all 0.2s ease;
}

.checkbox-wrapper-sh-filter .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-sh-filter .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}

.checkbox-wrapper-sh-filter .cbx span:last-child {
  padding-left: 8px;
  width: 100%;
}

.checkbox-wrapper-sh-filter .cbx:hover span:first-child {
  border-color: #9098A9;
}

.checkbox-wrapper-sh-filter .inp-cbx:checked + .cbx span:first-child {
  background: #000;
  border-color: #000;
  animation: wave-sh 0.4s ease;
}

.checkbox-wrapper-sh-filter .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-sh-filter .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

.checkbox-wrapper-sh input[type=checkbox] {
  display: none;
  visibility: hidden;
}

.checkbox-wrapper-sh .cbx {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: left;
  margin: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
  cursor: pointer;
  font-weight: 600;
}

.checkbox-wrapper-sh .cbx span {
  display: inline-block;
  vertical-align: top;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-sh .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #9098A9;
  transition: all 0.2s ease;
}

.checkbox-wrapper-sh .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper-sh .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}

.checkbox-wrapper-sh .cbx span:last-child {
  padding-left: 8px;
}

.checkbox-wrapper-sh .cbx:hover span:first-child {
  border-color: #9098A9;
}

.checkbox-wrapper-sh .inp-cbx:checked + .cbx span:first-child {
  background: #000;
  border-color: #000;
  animation: wave-sh 0.4s ease;
}

.checkbox-wrapper-sh .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox-wrapper-sh .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

.cbx-label-box {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  margin: 10px;
  background-color: #fff;
  color: #000;
  padding: 0 10px;
  border: 1px solid #000;
  font-weight: 400;
  text-transform: uppercase;
}

.cbx-label-box:hover {
  background-color: #000;
  color: #fff;
}

.cbx-text {
  padding: 10px;
  width: 100%;
}

@keyframes wave-sh {
  50% {
    transform: scale(0.9);
  }
}
.hp-kerdesek input[type=checkbox] {
  display: none;
}

.hp-kerdesek input[type=checkbox i] {
  margin: 3px 0.5ex;
}

.hp-kerdesek input[type=checkbox] + label {
  text-align: left;
}

.hp-kerdesek input[type=checkbox]:checked + label {
  color: #FFF;
  background-color: #000;
  border: 1px solid #000;
}

.hp-kerdesek input[type=radio] {
  display: none !important;
}

.hp-kerdesek input[type=radio i] {
  margin: 3px 0.5ex;
}

.hp-kerdesek input[type=radio] + label {
  text-align: left;
}

.hp-kerdesek input[type=radio]:checked + label {
  color: #FFF;
  background-color: #000;
  border: 1px solid #000;
}

.hp-kerdesek input[type=radio] + label::before {
  display: none;
  width: 0px;
}

.hp-kerdesek input[type=radio] + label::after {
  width: 0px;
  display: none;
}

.hp-kerdesek input[type=radio] + label {
  cursor: pointer;
  position: relative;
  padding-left: 7px;
}

.check-item {
  height: auto;
  font-size: 13px;
  font-weight: 400;
  color: #000;
  border: 1px solid #8c8c8c;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: none;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0, 0, 0.58, 1);
  display: flex;
  justify-content: left;
  margin-top: 7px;
  width: 100%;
}

.flyout-menupont {
  padding: 12px 0px;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  width: 100%;
  transition-duration: 0.35s;
}

.flyout-menupont-title {
  display: flex;
  width: calc(100% - 40px);
  align-items: center;
}

.flyout-menupont-chevron {
  display: flex;
  width: 40px;
  align-items: center;
  justify-content: right;
}

.flyout-menupont:hover {
  padding-left: 5px;
  transition-duration: 0.35s;
}

.flyout-menupont-mobile {
  padding: 12px 0px;
  border-bottom: 1px solid #e0e0e0;
  cursor: default;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  width: 100%;
  transition-duration: 0.35s;
  padding-left: 10px;
}

.flyout-menupont-mobile-chevron {
  display: flex;
  width: 40px;
  align-items: center;
  padding-right: 10px;
  cursor: pointer;
}

.flyout-menupont-mobile:hover {
  padding-left: 15px;
  transition-duration: 0.35s;
}

.flyout-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5rem;
  text-transform: none;
  letter-spacing: 0.2px;
}

.gg-arrow-left {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
}

.gg-arrow-left::after,
.gg-arrow-left::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
}

.gg-arrow-left::after {
  width: 8px;
  height: 8px;
  border-bottom: 2px solid;
  border-left: 2px solid;
  transform: rotate(45deg);
  bottom: 7px;
}

.gg-arrow-left::before {
  width: 16px;
  height: 2px;
  bottom: 10px;
  background: currentColor;
}

.gg-chevron-right {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}

.gg-chevron-right::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid;
  border-right: 2px solid;
  transform: rotate(-45deg);
  right: 6px;
  top: 4px;
}

.hp-flyout-balance {
  width: 100%;
  border: 1px solid #8c8c8c;
  text-align: center;
  padding: 0px;
  margin-bottom: 10px;
}

.hp-flyout-points {
  font-size: 40px;
  font-weight: 800;
}

.flyout-menupont-inner {
  padding: 3px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  display: flex;
  width: 100%;
}

@media screen and (min-width: 620px) {
  .left-flyout-wrapper {
    transition: all 0.35s ease-in-out;
    left: -420px;
    width: 420px;
  }
  .left-flyout-wrapper-blog {
    transition: all 0.35s ease-in-out;
    left: -520px;
    width: 520px;
  }
  .right-flyout-wrapper {
    transition: all 0.35s ease-in-out;
    left: 100%;
    width: 420px;
  }
  .right-flyout-wrapper.active {
    left: calc(100% - 420px);
  }
}
@media screen and (min-width: 1100px) {
  .left-flyout-wrapper {
    transition: all 0.35s ease-in-out;
    left: -540px;
    width: 540px;
  }
  .left-flyout-wrapper-blog {
    transition: all 0.35s ease-in-out;
    left: -840px;
    width: 840px;
  }
  .right-flyout-wrapper {
    transition: all 0.35s ease-in-out;
    left: 100%;
    width: 540px;
  }
  .right-flyout-wrapper.active {
    left: calc(100% - 540px);
  }
}
.checkbox-wrapper-sh20 {
  box-sizing: border-box;
  --background-color: #fff;
  --checkbox-height: 21px;
}
@keyframes dothabottomcheck-19 {
  0% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) / 2);
  }
}
@keyframes dothatopcheck-19 {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: calc(var(--checkbox-height) * 1.2);
  }
}
.checkbox-wrapper-sh20 input[type=checkbox] {
  display: none;
}

.checkbox-wrapper-sh20 .check-box {
  height: var(--checkbox-height);
  width: var(--checkbox-height);
  background-color: transparent;
  border: 1px solid #8c8c8c;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  transition: border-color ease 0.2s;
  cursor: pointer;
}

.checkbox-wrapper-sh20 .check-box::before,
.checkbox-wrapper-sh20 .check-box::after {
  box-sizing: border-box;
  position: absolute;
  height: 0;
  width: calc(var(--checkbox-height) * 0.2);
  background-color: #31ccec;
  display: inline-block;
  transform-origin: left top;
  border-radius: 5px;
  content: " ";
  transition: opacity ease 0.5;
}

.checkbox-wrapper-sh20 .check-box::before {
  top: calc(var(--checkbox-height) * 0.72);
  left: calc(var(--checkbox-height) * 0.41);
  box-shadow: 0 0 0 calc(var(--checkbox-height) * 0.05) var(--background-color);
  transform: rotate(-135deg);
}

.checkbox-wrapper-sh20 .check-box::after {
  top: calc(var(--checkbox-height) * 0.37);
  left: calc(var(--checkbox-height) * 0.05);
  transform: rotate(-45deg);
}

.checkbox-wrapper-sh20 input[type=checkbox]:checked + .check-box,
.checkbox-wrapper-sh20 .check-box.checked {
  border-color: #31ccec;
}

.checkbox-wrapper-sh20 input[type=checkbox]:checked + .check-box::after,
.checkbox-wrapper-sh20 .check-box.checked::after {
  height: calc(var(--checkbox-height) / 2);
  animation: dothabottomcheck-19 0.2s ease 0s forwards;
}

.checkbox-wrapper-sh20 input[type=checkbox]:checked + .check-box::before,
.checkbox-wrapper-sh20 .check-box.checked::before {
  height: calc(var(--checkbox-height) * 1.2);
  animation: dothatopcheck-19 0.4s ease 0s forwards;
}

.checkbox-wrapper-0 {
  display: flex;
  width: 100%;
  align-items: flex-start;
  margin-top: 15px;
}

.checkbox-wrapper-left {
  align-items: left;
  display: flex;
  width: 35px;
}

.checkbox-wrapper-right {
  width: calc(100% - 35px);
  font-size: 14px;
}

.input-error {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-top: 15px;
  color: #fff;
  background-color: red;
  padding: 10px;
}

.input-success {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-top: 15px;
  color: #fff;
  background-color: green;
  padding: 10px;
}/*# sourceMappingURL=sh20leftflyout.css.map */