/* Start:/local/templates/joyenergy/css/plugins/jquery-ui.min.css?175895871431415*/
/*! jQuery UI - v1.14.1 - 2024-10-30
* https://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 https://jqueryui.com/themeroller/?bgColorDefault=%23f6f6f6&borderColorDefault=%23c5c5c5&fcDefault=%23454545&bgColorHover=%23ededed&borderColorHover=%23cccccc&fcHover=%232b2b2b&bgColorActive=%23007fff&borderColorActive=%23003eff&fcActive=%23ffffff&bgColorHeader=%23e9e9e9&borderColorHeader=%23dddddd&fcHeader=%23333333&bgColorContent=%23ffffff&borderColorContent=%23dddddd&fcContent=%23333333&bgColorHighlight=%23fffa90&borderColorHighlight=%23dad55e&fcHighlight=%23777620&bgColorError=%23fddfdf&borderColorError=%23f1a899&fcError=%235f3f3f&bgColorOverlay=%23aaaaaa&opacityOverlay=.3&bgColorShadow=%23666666&opacityShadow=.3&offsetTopShadow=0px&offsetLeftShadow=0px&thicknessShadow=5px&cornerRadiusShadow=8px&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif&fwDefault=normal&cornerRadius=3px&bgTextureDefault=flat&bgTextureHover=flat&bgTextureActive=flat&bgTextureHeader=flat&bgTextureContent=flat&bgTextureHighlight=flat&bgTextureError=flat&bgTextureOverlay=flat&bgTextureShadow=flat&bgImgOpacityDefault=75&bgImgOpacityHover=75&bgImgOpacityActive=65&bgImgOpacityHeader=75&bgImgOpacityContent=75&bgImgOpacityHighlight=55&bgImgOpacityError=95&bgImgOpacityOverlay=0&bgImgOpacityShadow=0&iconColorActive=%23ffffff&iconColorContent=%23444444&iconColorDefault=%23777777&iconColorError=%23cc0000&iconColorHeader=%23444444&iconColorHighlight=%23777620&iconColorHover=%23555555&opacityOverlayPerc=30&opacityShadowPerc=30&bgImgUrlActive=&bgImgUrlContent=&bgImgUrlDefault=&bgImgUrlError=&bgImgUrlHeader=&bgImgUrlHighlight=&bgImgUrlHover=&bgImgUrlOverlay=&bgImgUrlShadow=&iconsActive=url(/local/templates/joyenergy/css/plugins/%22images%2Fui-icons_ffffff_256x240.png%22)&iconsContent=url(/local/templates/joyenergy/css/plugins/%22images%2Fui-icons_444444_256x240.png%22)&iconsDefault=url(/local/templates/joyenergy/css/plugins/%22images%2Fui-icons_777777_256x240.png%22)&iconsError=url(/local/templates/joyenergy/css/plugins/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsHeader=url(/local/templates/joyenergy/css/plugins/%22images%2Fui-icons_444444_256x240.png%22)&iconsHighlight=url(/local/templates/joyenergy/css/plugins/%22images%2Fui-icons_777620_256x240.png%22)&iconsHover=url(/local/templates/joyenergy/css/plugins/%22images%2Fui-icons_555555_256x240.png%22)&bgDefaultRepeat=&bgHoverRepeat=&bgActiveRepeat=&bgHeaderRepeat=&bgContentRepeat=&bgHighlightRepeat=&bgErrorRepeat=&bgOverlayRepeat=&bgShadowRepeat=&bgDefaultYPos=&bgHoverYPos=&bgActiveYPos=&bgHeaderYPos=&bgContentYPos=&bgHighlightYPos=&bgErrorYPos=&bgOverlayYPos=&bgShadowYPos=&bgDefaultXPos=&bgHoverXPos=&bgActiveXPos=&bgHeaderXPos=&bgContentXPos=&bgHighlightXPos=&bgErrorXPos=&bgOverlayXPos=&bgShadowXPos=
* Copyright OpenJS 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}.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}.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;user-select:none}.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: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{touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;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%;opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{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:pointer;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-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{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;font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;background-image:none}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/joyenergy/css/plugins/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/joyenergy/css/plugins/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("/local/templates/joyenergy/css/plugins/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/joyenergy/css/plugins/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/joyenergy/css/plugins/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/joyenergy/css/plugins/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/joyenergy/css/plugins/images/ui-icons_777777_256x240.png")}.ui-icon-blank.ui-icon-blank.ui-icon-blank{background-image:none}.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:.3}.ui-widget-shadow{box-shadow:0 0 5px #666}
/* End */


/* Start:/local/templates/joyenergy/css/plugins/slick.min.css?17589677221257*/
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
/* End */


/* Start:/local/templates/joyenergy/css/index.css?1769179345206692*/
@font-face {
    font-family: 'DINPro';
    src: url('/local/templates/joyenergy/css/./fonts/DINPro-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('/local/templates/joyenergy/css/./fonts/DINPro-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('/local/templates/joyenergy/css/./fonts/DINPro-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'DINPro';
    src: url('/local/templates/joyenergy/css/./fonts/DINPro-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/joyenergy/css/./fonts/Montserrat-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/joyenergy/css/./fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family: 'DINPro', sans-serif;
    font-weight: 400;
    background: #FFFFFF;
    color: #1E1E1E;
    font-size: 14px;
    line-height: 140%;
    overflow-x: hidden;
    zoom: unset;
}

p {
    line-height: 140%;
}

a {
    text-decoration: none;
    line-height: 140%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

input,
button {
    font-family: 'DINPro', sans-serif;
    font-size: 14px;
    border: none;
    outline: none;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    width: 100%;
}

button {
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

h1 {
    font-weight: 400;
    font-size: 54px;
    line-height: 110%;
}

h2 {
    font-weight: 400;
    font-size: 38px;
    line-height: 110%;
}

h3 {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300;
    line-height: 120%;
}

h4 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 120%;
    padding-bottom: 12px;
    border-bottom: 1px solid #E6EBF3;
}

section {
    padding: 50px 0;
}

svg,
path {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding-left: 16px;
}

.btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 240px;
    height: 50px;
    background: -webkit-gradient(linear, left top, right top, color-stop(36.54%, #0CACF9), to(#3ADDFE)), #3CA0F0;
    background: -webkit-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -moz-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -o-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: linear-gradient(90deg, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    font-weight: 500;
    text-transform: uppercase;
    color: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.btn._filled {
    background: #0066CC;
}

.btn._filled::after {
    display: none;
}

.btn._filled:hover {
    background: #00BFFF;
}

.btn.mw240 {
    max-width: 240px;
}

.btn::after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(36.54%, #3ADDFE), to(#0CACF9)), #3CA0F0;
    background: -webkit-linear-gradient(left, #3ADDFE 36.54%, #0CACF9 100%), #3CA0F0;
    background: -moz-linear-gradient(left, #3ADDFE 36.54%, #0CACF9 100%), #3CA0F0;
    background: -o-linear-gradient(left, #3ADDFE 36.54%, #0CACF9 100%), #3CA0F0;
    background: linear-gradient(90deg, #3ADDFE 36.54%, #0CACF9 100%), #3CA0F0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.btn span {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
}

.btn:hover::after {
    opacity: 1;
}

.btn._border {
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
    min-width: 280px;
    background: transparent;
    border: 1px solid #0066CC;
    font-weight: 400;
    color: #0066CC;
    font-size: 16px;
}

.btn._border::after {
    display: none;
}

.btn._border:hover {
    color: #1E1E1E !important;
    border-color: #1E1E1E;
}

a {
    color: #1E1E1E;
}

.container {
    max-width: 1520px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    position: relative;
}

.col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.col.g6 {
    gap: 6px;
}

.col.g8 {
    gap: 8px;
}

.col.g12 {
    gap: 12px;
}

.col.g16 {
    gap: 16px;
}

.col.g24 {
    gap: 24px;
}

.col.g40 {
    gap: 40px;
}

.col.p20,
.row.p20 {
    padding: 20px 0;
}

.header {
    background: #000000;
    color: #FFFFFF;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 5;
}
.headerPadding{
    height: 90px;
}
.headerWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 90px;
    gap: 24px;
}

.logotype {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    font-size: 12px;
    max-width: 84px;
    color: #FFFFFF;
}
.box:hover{
    color: #00BFFF;
}

.call {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.call > a{
    display: none;
}

.phone {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
}

.phone:hover {
    color: #00BFFF;
}

.hGroup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.hGroup.g24 {
    gap: 24px;
}

.worktime {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 40px;
    font-size: 12px;
    padding-left: 10px;
    border-left: 1px solid #3D3E47;
    gap: 4px;
}

.worktime .small {
    font-size: 9px;
}

.worktime p:last-child {
    color: #FFFFFF;
}

.searchInput {
    max-width: 280px;
    width: 280px;
    position: relative;
}

.searchInput input {
    height: 60px;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    padding-left: 64px;
    color: #FFFFFF;
    text-transform: uppercase;
    background: #3D3E47;
}

.searchInput input::-webkit-input-placeholder {
    color: #FFFFFF;
}

.searchInput input:-moz-placeholder {
    color: #FFFFFF;
}

.searchInput input::-moz-placeholder {
    color: #FFFFFF;
}

.searchInput input:-ms-input-placeholder {
    color: #FFFFFF;
}

.searchInput input::-ms-input-placeholder {
    color: #FFFFFF;
}

.searchInput input::placeholder {
    color: #FFFFFF;
}

.searchInput button {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    top: 6px;
    left: 6px;
    color: #0066CC;
    background: #FFFFFF;
    border: 2px solid #FFFFFF;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

.searchInput button:hover {
    background: transparent;
    color: #FFFFFF;
}

.interactive {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 280px;
    width: 280px;
    height: 60px;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    padding: 8px 16px 8px 8px;
    gap: 20px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 500;
    background: -webkit-gradient(linear, left top, right top, color-stop(36.54%, #0CACF9), to(#3ADDFE)), #3CA0F0;
    background: -webkit-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -moz-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -o-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: linear-gradient(90deg, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
}

.intIcon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: #0066CC;
    border: 2px solid #0066CC;
    color: #FFFFFF;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.intArrow {
    width: 20px;
    min-width: 20px;
    height: 20px;
    color: #0066CC;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.interactive:hover .intIcon {
    background: transparent;
    border-color: #FFFFFF;
}

.interactive:hover .intArrow {
    color: #FFFFFF;
}

.cart {
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: #F3F5FA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: 2px solid #F3F5FA;
    color: #1E1E1E;
}

.cart:hover {
    background: transparent;
    color: #F3F5FA;
}

.hero {
    font-size: 18px;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.row.g12 {
    gap: 12px;
}

.row.g20 {
    gap: 20px;
}

.row.g32 {
    gap: 32px;
}

.row.g44 {
    gap: 44px;
}

.catGroup {
    width: -webkit-calc((100% - 64px) / 3);
    width: -moz-calc((100% - 64px) / 3);
    width: calc((100% - 64px) / 3);
    background: #F3F5FA;
    position: relative;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    overflow: hidden;
    padding: 40px 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #1E1E1E;
}

.catGroup:hover {
    color: #0066CC;
}

.catGroup::before {
    position: absolute;
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDYwIiBoZWlnaHQ9IjI5MCIgdmlld0JveD0iMCAwIDQ2MCAyOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODQzXzc3OSkiPgo8cGF0aCBkPSJNMTM1IDMxNlYxNDQuNDY3Vi0zMEgtNTYuMjcyMkwtNjIgMzE2SDEzNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yODQzXzc3OSkiLz4KPHBhdGggZD0iTTEzNS4xMjEgMTc1TDYyMSAtMzNILTQ1VjkyLjE3MjZMMTM1LjEyMSAxNzVaIiBmaWxsPSJ1cmwoI3BhaW50MV9saW5lYXJfMjg0M183NzkpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yODQzXzc3OSIgeDE9IjY1Ljg1ODkiIHkxPSIxNzkuOTc1IiB4Mj0iMTMxLjI5NiIgeTI9IjI3MS40MjMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U2RUJGMyIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KPC9saW5lYXJHcmFkaWVudD4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDFfbGluZWFyXzI4NDNfNzc5IiB4MT0iMzcyLjExNyIgeTE9IjQuMjYzODQiIHgyPSItMjA0Ljk3NSIgeTI9IjcyLjIyNjIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjIwODQ2MyIgc3RvcC1jb2xvcj0iI0U2RUJGMyIvPgo8c3RvcCBvZmZzZXQ9IjAuNzQ4NTUyIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yODQzXzc3OSI+CjxyZWN0IHdpZHRoPSI0NjAiIGhlaWdodD0iMjkwIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==);
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.catGroup .img {
    width: 100%;
    height: 150px;
    text-align: center;
}

.catGroup .img img {
    max-width: 280px;
    max-height: 100%;
}

.catGroup>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    position: relative;
    z-index: 1;
    width: 100%;
}

.catGroup .name {
    position: relative;
    padding-left: 24px;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 22px;
}

.catGroup .name::before,
.pageLink._active::before,
.popupContent h4::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 4px;
    height: 48px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQgNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBINFYzMi44NTcxTDAgNDBWMFoiIGZpbGw9IiMwMEJGRkYiLz4KPHBhdGggZD0iTTQgNDhIMFY0My4xNDI5TDQgMzZWNDhaIiBmaWxsPSIjMDA2NkNDIi8+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
}

.whatsapp {
    width: 76px;
    height: 76px;
    position: absolute;
    bottom: -90px;
    right: 82px;
}

.whatsapp:hover {
    opacity: 0.8;
}

._gray {
    background: #F3F5FA;
}

.selection {
    padding-bottom: 70px;
}

.tabHead {
    padding: 0 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.tabName {
    padding: 0 32px;
    text-transform: uppercase;
    position: relative;
    color: #0066CC;
    cursor: pointer;
    z-index: 0;
}

.tabName:hover {
    color: #1E1E1E;
}

.tabName._active {
    color: #1E1E1E;
    z-index: 1;
}

.tabName:not(:first-child) {
    margin-left: -24px;
}

.tabName > span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 14px 32px;
    -webkit-border-radius: 16px 16px 0 0;
       -moz-border-radius: 16px 16px 0 0;
            border-radius: 16px 16px 0 0;
    background: #E6EBF3;
    border-top: 1px solid #FFFFFF;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.tabName > span span{
    padding: 2px 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    border-bottom: 1px dashed #0066CC;
}
.tabName._active > span span{
    border-color: transparent;
}

.tabName._active span {
    background: #FFFFFF;
    border-color: #FFFFFF;
}

.tabName::before,
.tabName::after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 42px;
    height: 42px;
    z-index: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.tabName::before {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M35%200.000902432C22.5%2016.1894%2015.0264%2041.9884%200%2042H42V0L35%200.000902432Z%22%20fill%3D%22%23E6EBF3%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    left: 0;
}

.tabName._active::before {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M35%200.000902432C22.5%2016.1894%2015.0264%2041.9884%200%2042H42V0L35%200.000902432Z%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.tabName::after {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7%200.000902432C19.5%2016.1894%2026.9736%2041.9884%2042%2042H0V0L7%200.000902432Z%22%20fill%3D%22%23E6EBF3%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    right: 0;
}

.tabName._active::after {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2242%22%20viewBox%3D%220%200%2042%2042%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7%200.000902432C19.5%2016.1894%2026.9736%2041.9884%2042%2042H0V0L7%200.000902432Z%22%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%23FFFFFF%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.tabItem {
    display: none;
}

.tabItem._active {
    display: block;
}

.tabItem>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 32px;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    gap: 16px;
}

.tabItem>.g10 {
    gap: 10px;
}

.checkGroup {
    max-width: 290px;
    width: 290px;
}

.checkGroup {
    background: #F3F5FA;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    border: none;
    overflow: hidden;
    padding: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    max-height: 300px;
    overflow-y: auto;
}

.checkItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 24px;
    position: relative;
    cursor: pointer;
}

.checkItem input {
    position: absolute;
    opacity: 0;
    max-width: 12px;
    cursor: pointer;
}

.checkItem p, .checkItem a {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.checkItem input:checked+p {
    color: #0066CC;
}

.checkItem._uniq {
    color: #0066CC;
    text-decoration: underline;
    padding: 8px 16px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #F3F5FA;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.formGeneral {
    width: -webkit-calc(100% - 306px);
    width: -moz-calc(100% - 306px);
    width: calc(100% - 306px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
}

.formRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

.formCol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    width: -webkit-calc((100% - 64px) / 3);
    width: -moz-calc((100% - 64px) / 3);
    width: calc((100% - 64px) / 3);
}

.rangeItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
}

.rangeRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.rangeRow input {
    width: 86px;
    height: 34px;
    border: 1px solid #E6EBF3;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    padding-left: 10px;
    color: #5D677E;
    font-size: 12px;
}

.rangeSlider {
    height: 8px;
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px);
    margin: 0 auto;
}

.ui-slider-handle {
    border: none !important;
    outline: none !important;
    width: 18px !important;
    height: 18px !important;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #3CA0F0 !important;
}

.ui-widget.ui-widget-content {
    border: none;
    background: #F3F5FA;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}

.lastRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.advancedSearch {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
}

.advancedSearch span {
    display: block;
    color: #0066CC;
    border-bottom: 1px dashed #0066CC;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.advancedSearch:hover span {
    color: #1E1E1E;
    border-color: #1E1E1E;
}

.resetForm {
    color: #0066CC;
    border-bottom: 1px dashed #0066CC;
    min-width: 118px;
}

.lastRow .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 32px;
}

.titleRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.titleRow h2 span {
    font-weight: 700;
}

.aboutRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-top: 72px;
}

.countersWrapper {
    max-width: 480px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 40px 12px;
    position: relative;
}

.counterItem {
    width: -webkit-calc(50% - 6px);
    width: -moz-calc(50% - 6px);
    width: calc(50% - 6px);
    padding: 12px 12px 16px;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    background: #F3F5FA;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    position: relative;
}

.counterItem::before {
    position: absolute;
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMyIiBoZWlnaHQ9IjE5MCIgdmlld0JveD0iMCAwIDIzMiAxOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtYXNrIGlkPSJtYXNrMF8yODI0XzIwNDIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMzIiIGhlaWdodD0iMTkwIj4KPHJlY3Qgd2lkdGg9IjIzMiIgaGVpZ2h0PSIxOTAiIHJ4PSIxMCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMjMyIDApIiBmaWxsPSIjRjNGNUZBIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yODI0XzIwNDIpIj4KPHBhdGggZD0iTS0xMy44MDAyIDExNy41ODhMNDYuMzI5OCAxMTguNDk5TDM3LjY3OTggOTguMDMwN0wtMC4xMTAxNzYgOTcuNDU4OUwtMTguMzIwMiA2NC4wNzEzTC00My4xODAyIDYzLjY5MzRMLTEzLjgwMDIgMTE3LjU4OFoiIGZpbGw9IiNFNkVCRjMiLz4KPHBhdGggZD0iTTgxLjQyOTggNC42NTE5OUw1My42NDk4IC00Ny4wNDNMMzkuMTg5OCAtMjkuOTI3Nkw1Ni42NDk4IDIuNTY4MjlMMzUuMDA5OCAzMy45NjkxTDQ2LjQ4OTggNTUuMzM5TDgxLjQyOTggNC42NTE5OVoiIGZpbGw9IiNFNkVCRjMiLz4KPHBhdGggZD0iTTY3LjIxMDEgODYuNTQ1OEw5Ny41NjAxIDM2LjIyN0w3NC45MTAxIDMzLjQ3NDZMNTUuODMwMSA2NS4wOTgzTDE2Ljg4MDEgNjQuMDcxTDQuMzMwMDggODQuODY5MUw2Ny4yMTAxIDg2LjU0NThaIiBmaWxsPSIjRTZFQkYzIi8+CjwvZz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.counterItem .number {
    font-size: 50px;
    font-weight: 700;
    color: #0066CC;
}

.counterItem .number span {
    font-weight: 300;
}

.counterItem p {
    position: relative;
    z-index: 1;
    line-height: 120%;
}

.counterItem img {
    margin-top: -32px;
    position: relative;
    z-index: 1;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    width: 90px;
    height: 90px;
}

.counterItem._uniq {
    padding: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    left: 90%;
}

.counterItem._empty {
    opacity: 0;
}

.counterItem._uniq img {
    height: 474px;
    width: 580px;
    -webkit-border-radius: 12px;
       -moz-border-radius: 12px;
            border-radius: 12px;
}

.counterItem._uniq::before {
    display: none;
}

.benefits {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    max-width: 400px;
    width: 100%;
}

.benefits h3 {
    padding-left: 16px;
}

.benItem {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    padding: 10px;
    -webkit-border-radius: 52px;
       -moz-border-radius: 52px;
            border-radius: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    background: #F3F5FA;
}

.benItem .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 64px;
    min-width: 64px;
    height: 64px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #FFFFFF;
}

.benItem strong {
    font-weight: 500;
}

.partnersWrapper {
    padding-top: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
}

.sliderWrapper {
    position: relative;
    width: 100%;
}

.sliderWrapper[data-slider="partners"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
}

.sliderWrapper[data-slider="partners"] .slideItem,
.sliderWrapper[data-slider="cert"] .slideItem {
    width: -webkit-calc((100% - 80px) / 6);
    width: -moz-calc((100% - 80px) / 6);
    width: calc((100% - 80px) / 6);
    border: 1px solid #E6EBF3;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    min-height: 220px;
    position: relative;
}

.sliderWrapper[data-slider="partners"] .slideItem img {
    max-width: 170px;
    width: auto;
    max-height: 170px;
    height: auto;
}

.sliders {
    padding-bottom: 70px;
}

.sliderHead {
    height: 48px;
    border-bottom: 1px solid #E6EBF3;
    padding: 0 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}

.sliderHead .icon {
    text-align: center;
    width: 48px;
    height: 48px;
    border-bottom: 3px solid #0066CC;
}

.sliderTabs {
    padding-top: 52px;
}

.sliderTab {
    padding: 4px 16px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}

.sliderTab span {
    display: inline-block;
    padding: 2px 0;
    color: #0066CC;
    border-bottom: 1px dashed #0066CC;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.sliderTab:hover span {
    color: #1E1E1E;
    border-color: #1E1E1E;
}

.sliderTab._active {
    background: #FFFFFF;
    pointer-events: none;
}

.sliderTab._active span {
    border: none;
    color: #1E1E1E;
}

.sliderTabItem {
    display: none;
}

.sliderTabItem._active {
    display: block;
}

.sliderTabContainer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.prreneItem {
    width: 100%;
    background: #FFFFFF;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    overflow: hidden;
}

.prreneItem .image {
    width: 100%;
    height: 210px;
    overflow: hidden;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.image img {
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.bigItem {
    max-width: 580px;
}

.bigItem .image {
    height: 380px;
}

.prreneItem .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 16px 28px 24px;
}

.bigItem .content {
    padding: 16px 48px 24px;
}

.prreneItem h3 {
    font-weight: 400;
    text-transform: unset;
}

.prreneItem:not(.bigItem) h3 {
    font-size: 18px;
}

.prreneItem p span {
    color: #5D677E;
}

.sliderTabItem .sliderWrapper {
    width: -webkit-calc(100% - 620px);
    width: -moz-calc(100% - 620px);
    width: calc(100% - 620px);
}

.sliderTabItem .sliderWrapper .item,
.useful .sliderWrapper .item {
    padding: 0 16px;
}

.sliderTabItem .sliderWrapper .slick-list,
.useful .sliderWrapper .slick-list {
    margin: 0 -16px;
}

.slick-arrow {
    position: absolute;
    width: 60px;
    height: 40px;
    font-size: 0;
    border: 1px solid #E6EBF3;
    background: transparent;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    bottom: 32px;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.slick-next {
    left: 80px;
}

.slick-next::before {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    width: 15px;
    height: 4px;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%224%22%20viewBox%3D%220%200%2015%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%202.25C0.861929%202.25%200.75%202.13807%200.75%202C0.75%201.86193%200.861929%201.75%201%201.75V2V2.25ZM14.1768%201.82322C14.2744%201.92085%2014.2744%202.07915%2014.1768%202.17678L12.5858%203.76777C12.4882%203.8654%2012.3299%203.8654%2012.2322%203.76777C12.1346%203.67014%2012.1346%203.51184%2012.2322%203.41421L13.6464%202L12.2322%200.585787C12.1346%200.488155%2012.1346%200.329864%2012.2322%200.232233C12.3299%200.134602%2012.4882%200.134602%2012.5858%200.232233L14.1768%201.82322ZM1%202V1.75L14%201.75V2V2.25L1%202.25V2Z%22%20fill%3D%22%235D677E%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.slick-prev::before {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    width: 15px;
    height: 4px;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%224%22%20viewBox%3D%220%200%2015%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14%202.25C14.1381%202.25%2014.25%202.13807%2014.25%202C14.25%201.86193%2014.1381%201.75%2014%201.75V2V2.25ZM0.823223%201.82322C0.725592%201.92085%200.725592%202.07915%200.823223%202.17678L2.41421%203.76777C2.51184%203.8654%202.67014%203.8654%202.76777%203.76777C2.8654%203.67014%202.8654%203.51184%202.76777%203.41421L1.35355%202L2.76777%200.585787C2.8654%200.488155%202.8654%200.329864%202.76777%200.232233C2.67014%200.134602%202.51184%200.134602%202.41421%200.232233L0.823223%201.82322ZM14%202V1.75L1%201.75V2V2.25L14%202.25V2Z%22%20fill%3D%22%235D677E%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.slick-arrow:hover {
    border-color: #0066CC;
}

.slick-next:hover::before {
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%224%22%20viewBox%3D%220%200%2015%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%202.25C0.861929%202.25%200.75%202.13807%200.75%202C0.75%201.86193%200.861929%201.75%201%201.75V2V2.25ZM14.1768%201.82322C14.2744%201.92085%2014.2744%202.07915%2014.1768%202.17678L12.5858%203.76777C12.4882%203.8654%2012.3299%203.8654%2012.2322%203.76777C12.1346%203.67014%2012.1346%203.51184%2012.2322%203.41421L13.6464%202L12.2322%200.585787C12.1346%200.488155%2012.1346%200.329864%2012.2322%200.232233C12.3299%200.134602%2012.4882%200.134602%2012.5858%200.232233L14.1768%201.82322ZM1%202V1.75L14%201.75V2V2.25L1%202.25V2Z%22%20fill%3D%22%230066CC%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.slick-prev:hover::before {
    content: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%224%22%20viewBox%3D%220%200%2015%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14%202.25C14.1381%202.25%2014.25%202.13807%2014.25%202C14.25%201.86193%2014.1381%201.75%2014%201.75V2V2.25ZM0.823223%201.82322C0.725592%201.92085%200.725592%202.07915%200.823223%202.17678L2.41421%203.76777C2.51184%203.8654%202.67014%203.8654%202.76777%203.76777C2.8654%203.67014%202.8654%203.51184%202.76777%203.41421L1.35355%202L2.76777%200.585787C2.8654%200.488155%202.8654%200.329864%202.76777%200.232233C2.67014%200.134602%202.51184%200.134602%202.41421%200.232233L0.823223%201.82322ZM14%202V1.75L1%201.75V2V2.25L14%202.25V2Z%22%20fill%3D%22%230066CC%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.sliderTabContainer .btn {
    position: absolute;
    right: 0;
    bottom: 28px;
    z-index: 1;
    font-weight: 500;
}

.prreneItem.reviews .image {
    -o-object-fit: unset;
       object-fit: unset;
    -o-object-position: unset;
       object-position: unset;
    min-height: 150px;
    display: inline-block;
    height: unset;
    padding: 28px;
}

.prreneItem.reviews .image img {
    width: auto;
    height: auto;
    -o-object-fit: unset;
       object-fit: unset;
    -o-object-position: unset;
       object-position: unset;
}

.prreneItem.reviews.bigItem .image {
    padding: 48px;
    min-height: 300px;
}

.user {
    font-weight: 500;
    font-size: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    margin-top: 32px;
}

.user img {
    width: 48px;
    height: 48px;
}

.user span {
    font-weight: 400;
}

.consult {
    padding: 32px 32px 32px 64px;
    min-height: 260px;
    background: url(/upload/consultBg.png);
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    color: #FFFFFF;
    font-size: 18px;
    position: relative;
    -webkit-border-radius: 24px;
       -moz-border-radius: 24px;
            border-radius: 24px;
    overflow: hidden;
}

.consult h2 {
    position: relative;
    text-align: left;
}

.consult h2::after {
    position: absolute;
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNCIgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQgNDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBINFYzMi44NTcxTDAgNDBWMFoiIGZpbGw9IiMwMEJGRkYiLz4KPHBhdGggZD0iTTQgNDhIMFY0My4xNDI5TDQgMzZWNDhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    width: 4px;
    height: 48px;
    left: -30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.consultRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding-top: 24px;
}

.consultRow .inputWrapper {
    height: 65px;
    width: 275px;
}

.inputWrapper {
    position: relative;
}

.inputWrapper input {
    height: 100%;
    width: 100%;
    padding-left: 24px;
}

.inputWrapper span+input {
    padding-top: 12px;
}

.inputWrapper input::-webkit-input-placeholder {
    color: #000000;
}

.inputWrapper input:-moz-placeholder {
    color: #000000;
}

.inputWrapper input::-moz-placeholder {
    color: #000000;
}

.inputWrapper input:-ms-input-placeholder {
    color: #000000;
}

.inputWrapper input::-ms-input-placeholder {
    color: #000000;
}

.inputWrapper input::placeholder {
    color: #000000;
}

.inputWrapper span {
    color: #898989;
    position: absolute;
    left: 24px;
    font-size: 10px;
    top: 12px;
}

.inputWrapper small {
    font-size: 14px;
    color: #0066CC;
    padding-left: 4px;
}

.customCheckbox+p small {
    font-size: 14px;
    color: #0066CC;
}

.consultRow .btn {
    height: 65px;
    width: 240px;
    font-size: 16px;
}

.engine {
    position: absolute;
    bottom: -12px;
    right: 130px;
}

.sliderWrapper[data-slider="cert"] .slideItem img {
    position: absolute;
    top: 40px;
    left: 40px;
    max-width: 204px;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.sliderWrapper[data-slider="cert"] .slick-arrow {
    bottom: unset;
    top: -72px;
    right: 0;
    left: unset;
}

.sliderWrapper[data-slider="cert"] .slick-next {
    right: 0;
}

.sliderWrapper[data-slider="cert"] .slick-prev {
    right: 80px;
}

.sliderWrapper[data-slider="cert"] .slick-slide {
    padding: 0 5px;
}

.sliderWrapper[data-slider="cert"] .slick-list {
    margin: 0 -5px;
}

.sliderWrapper[data-slider="cert"] .slideItem:hover img {
    left: 20px;
    top: 20px;
}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 5;
    display: none;
}

.popupBg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    cursor: pointer;
}

.popupImage {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: 90vh;
    max-width: 90vw;
    display: none;
}

.popupImage img {
    width: auto;
    height: auto;
    max-width: 100vw;
    max-height: 100vh;
}

.popupClose {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #1E1E1E;
    cursor: pointer;
}

[data-popup="intStart"] .popupClose:hover,
[data-popup="intEnd"] .popupClose:hover {
    color: #FFFFFF;
}

.popupImage .popupClose {
    top: -24px;
    right: -24px;
    color: #FFFFFF;
}

.popupClose:hover {
    color: #00BFFF;
}

.popupContent {
    max-width: 700px;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background: #FFFFFF;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    font-size: 12px;
    height: 94%;
    max-height: 94%;
    display: none;
    overflow-y: auto;
}

.popupContent>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}

.footer {
    background: #000000;
    padding: 60px 0;
    color: #878898;
    font-size: 12px;
}

.footerRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 12px 24px;
}

.footerNav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-calc(100% - 600px);
    width: -moz-calc(100% - 600px);
    width: calc(100% - 600px);
    gap: 24px;
    position: relative;
}

.grayLink {
    color: #878898;
}

.grayLink:hover {
    color: #00BFFF;
}

.grayLink span {
    color: #FFFFFF;
}

.footerRow>.col {
    max-width: 400px;
    line-height: 140%;
}
.footerRow>.col:first-child{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
}
.footerRow>.col:first-child > .col{
    max-width: 300px;
}

.footerNav .col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.footer .big {
    font-size: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.footer a.big:hover {
    color: #00BFFF;
}

.footer .worktime {
    border: none;
}

[data-role="links"] {
    color: #00BFFF;
}

.footer ul a {
    color: #00BFFF;
}

.footer ul a:hover {
    color: #0066CC;
}

.socials {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    right: 40px;
    bottom: 0;
}

.socItem {
    width: 52px;
    height: 52px;
    background: rgba(87, 88, 95, 0.4);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #E6EBF3;
}

.socItem:hover {
    color: #00BFFF;
}

.breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 6px;
    color: #5D677E;
}

.breadcrumbs a {
    color: #000000;
}

.breadcrumbs a:hover {
    color: #0066CC;
}

.page h1 {
    font-size: 48px;
}

.pageWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 36px;
}

.pageNav {
    max-width: 340px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
}

.pageContent {
    width: -webkit-calc(100% - 376px);
    width: -moz-calc(100% - 376px);
    width: calc(100% - 376px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    min-height: 640px;
}

.pageLink {
    background: #F3F5FA;
    height: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 16px;
    position: relative;
}

.pageLink:hover {
    color: #0066CC;
}

.pageLink._active {
    font-weight: 400;
}

.pageNews {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.newsItem {
    padding: 16px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 36px;
    font-size: 12px;
    font-weight: 300;
    border-top: 1px solid #E6EBF3;
    border-bottom: 1px solid #E6EBF3;
    position: relative;
}

.newsItem:hover {
    background: #F3F5FA;
}
.newsItem::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(36.54%, #0CACF9), to(#3ADDFE)), #3CA0F0;
    background: -webkit-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -moz-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -o-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: linear-gradient(90deg, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.newsItem:hover::before{
    opacity: 1;
}

.newsItem:not(:last-child) {
    border-bottom: none;
}

.newsItem .image {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 180px;
    height: 124px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    overflow: hidden;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.newsItem .content {
    width: -webkit-calc(100% - 216px);
    width: -moz-calc(100% - 216px);
    width: calc(100% - 216px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}

.newsItem .date span {
    font-size: 10px;
    padding: 4px 6px;
    background: #F3F5FA;
    -webkit-border-radius: 40px;
       -moz-border-radius: 40px;
            border-radius: 40px;
}

.newsItem h3 {
    text-transform: unset;
    color: #0066CC;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    padding: 0;
}

.newsItem p {
    line-height: 150%;
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    margin-top: 24px;
}

.pagination a,
.pagination p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    border: 1px solid #E6EBF3;
    color: #1E1E1E;
}

.pagination .arrow {
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    max-width: 100px;
    padding: 0 20px;
    color: #1E1E1E;
}

.pagination .arrow svg {
    min-width: 4px;
    height: 7px;
}

.pagination a._active {
    color: #0066CC;
    border-color: #0066CC;
    pointer-events: none;
}

.pagination a:hover {
    border-color: #1E1E1E;
}

.pageBenefits {
    gap: 16px 90px;
    padding: 16px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.pageBenefits .benItem {
    max-width: 400px;
    width: 100%;
}

.pageImage {
    position: relative;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    margin: 16px 0;
    height: 380px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.pageImage>img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

.bInfo {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    max-width: 340px;
    padding: 40px;
    background: -webkit-gradient(linear, left top, right top, color-stop(36.54%, #0CACF9), to(#3ADDFE)), #3CA0F0;
    background: -webkit-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -moz-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -o-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: linear-gradient(90deg, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    z-index: 1;
    color: #FFFFFF;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

.bInfo._list img {
    margin-bottom: 8px;
}

.bInfo._list p {
    position: relative;
    padding-left: 20px;
}

.bInfo._list p::before {
    position: absolute;
    content: '';
    left: 0;
    top: 8px;
    width: 15px;
    height: 4px;
    background: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%224%22%20viewBox%3D%220%200%2015%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%202.25C0.861929%202.25%200.75%202.13807%200.75%202C0.75%201.86193%200.861929%201.75%201%201.75V2V2.25ZM14.1768%201.82322C14.2744%201.92085%2014.2744%202.07915%2014.1768%202.17678L12.5858%203.76777C12.4882%203.8654%2012.3299%203.8654%2012.2322%203.76777C12.1346%203.67014%2012.1346%203.51184%2012.2322%203.41421L13.6464%202L12.2322%200.585787C12.1346%200.488155%2012.1346%200.329864%2012.2322%200.232233C12.3299%200.134602%2012.4882%200.134602%2012.5858%200.232233L14.1768%201.82322ZM1%202V1.75L14%201.75V2V2.25L1%202.25V2Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.bInfo .row {
    font-weight: 500;
    gap: 12px;
}

.bInfo .col {
    gap: 10px;
}

.bInfo .icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #FFFFFF;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}

ul[role="arrow"] li {
    list-style-image: url(data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%224%22%20viewBox%3D%220%200%2015%204%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%202.25C0.861929%202.25%200.75%202.13807%200.75%202C0.75%201.86193%200.861929%201.75%201%201.75V2V2.25ZM14.1768%201.82322C14.2744%201.92085%2014.2744%202.07915%2014.1768%202.17678L12.5858%203.76777C12.4882%203.8654%2012.3299%203.8654%2012.2322%203.76777C12.1346%203.67014%2012.1346%203.51184%2012.2322%203.41421L13.6464%202L12.2322%200.585787C12.1346%200.488155%2012.1346%200.329864%2012.2322%200.232233C12.3299%200.134602%2012.4882%200.134602%2012.5858%200.232233L14.1768%201.82322ZM1%202V1.75L14%201.75V2V2.25L1%202.25V2Z%22%20fill%3D%22%2300BFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.newsNav {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #E6EBF3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 16px;
}

.newsNav a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    font-size: 12px;
    width: -webkit-calc(50% - 8px);
    width: -moz-calc(50% - 8px);
    width: calc(50% - 8px);
}

.newsNav .arrow {
    width: 60px;
    min-width: 60px;
    height: 40px;
    -webkit-border-radius: 20px;
       -moz-border-radius: 20px;
            border-radius: 20px;
    border: 1px solid #0066CC;
    color: #0066CC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.newsNav a:hover .arrow {
    color: #1E1E1E;
    border-color: #1E1E1E;
}

.newsNav p {
    color: #5D677E;
}

.newsNav strong {
    font-weight: 500;
}

.newsNav a:last-child {
    text-align: right;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.fz16 {
    font-size: 16px;
    max-width: 768px;
}

.pageContent>.col {
    font-weight: 300;
}

.pageContent>.col strong {
    font-weight: 500;
}

.pageContent .col a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}

.pageContent .col a:hover {
    color: #0066CC;
}

.mapWrapper {
    position: relative;
    width: 100%;
    height: 380px;
}
.mapWrapper iframe{
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    height: 380px;
}

.pageTopB {
    height: 192px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    overflow: hidden;
    background: url(/upload/vacBg.jpg);
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
    padding-left: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pageTopB h2 {
    max-width: 380px;
    font-weight: 500;
    font-size: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 140%;
    text-align: left;
}

.vacItem {
    border: 1px solid #E6EBF3;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    overflow: hidden;
}

.vacItem>h4 {
    height: 72px;
    background: #F3F5FA;
    padding: 0 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

.vacItem>h4::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, color-stop(36.54%, #0CACF9), to(#3ADDFE)), #3CA0F0;
    background: -webkit-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -moz-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -o-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: linear-gradient(90deg, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
}

.vacItem .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    padding: 24px 0;
    border-top: none;
}

.vacItem .content>.col,
.vacItem .content .hideContent .col>.col {
    padding: 0 36px;
}

.end {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 36px;
}

.more {
    color: #0066CC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.more span {
    border-bottom: 1px dashed #0066CC;
    padding: 2px 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.more:hover {
    color: #1E1E1E;
}

.more:hover span {
    border-color: #1E1E1E;
}

.hideContent {
    display: none;
}

.more._open svg {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.hideContent h4 {
    background: #000000;
    color: #FFFFFF;
    padding: 16px 36px;
    margin: 8px 0;
    border: none;
}

.vacancyForm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 0 36px;
    gap: 28px;
}

.vacancyForm .inputWrapper {
    height: 56px;
    width: -webkit-calc((100% - 56px) / 3);
    width: -moz-calc((100% - 56px) / 3);
    width: calc((100% - 56px) / 3);
}

.vacancyForm .inputWrapper input {
    background: #F3F5FA;
}

.vacancyForm .inputWrapper span {
    top: 10px;
}

.fileUploader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
}

.fileInput {
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    border: 1px dashed #E6EBF3;
    position: relative;
    padding: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 12px;
    gap: 8px;
    font-weight: 300;
    color: #898989;
}

.fileInput input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.vacancyForm .btn {
    min-width: 210px;
    max-width: 210px;
    height: 54px;
    font-size: 16px;
}

.formEnd {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 12px;
}

.customCheckbox {
    position: relative;
}

.customCheckbox p {
    position: relative;
    z-index: 0;
    padding-left: 24px;
}

.customCheckbox p::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    border: 1px solid #BECBDF;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    background: #FFFFFF;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.customCheckbox input:checked+p::before {
    border-color: #0066CC;
}

.customCheckbox p::after {
    position: absolute;
    content: '';
    background: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.70263%201.191C7.97509%200.918546%207.97509%200.476802%207.70263%200.204344C7.43017%20-0.0681146%206.98843%20-0.0681146%206.71597%200.204344L2.55814%204.36218L1.191%202.99504C0.918546%202.72258%200.476803%202.72258%200.204344%202.99504C-0.0681146%203.2675%20-0.0681146%203.70924%200.204344%203.9817L2.06481%205.84217C2.33727%206.11462%202.77901%206.11462%203.05147%205.84217L7.70263%201.191Z%22%20fill%3D%22%230066CC%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat;
    width: 8px;
    height: 7px;
    left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1;
}

.customCheckbox input:checked+p::after {
    opacity: 1;
}

.customCheckbox input {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    width: 16px;
    height: 16px;
    z-index: 0;
}

.mTable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    overflow: hidden;
    width: 100%;
    background: #F3F5FA;
    border: 1px solid #E6EBF3;
}

.mTable h4 {
    border: none;
    background: #000000;
    height: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    align-items: center;
    color: #FFFFFF;
    width: 100%;
    padding: 0;
}
.mTableRow{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.mTableRow strong{
    width: 40%;
    font-weight: 500;
}
.mTableRow p{
    width: 60%;
    background: #FFFFFF;
    font-weight: 300;
}

.mTable .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-top: 1px solid #E6EBF3;
    padding: 12px 24px;
    font-size: 16px;
    line-height: 110%;
}

.catFilterHide>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
}

.catalogFilters {
    margin-top: 24px;
}

.selectorCheckbox {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    border: 1px solid #E6EBF3;
    position: relative;
}

.selectorCheckbox .head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    height: 52px;
    padding: 0 24px;
    color: #000000;
    cursor: pointer;
}

.selectorCheckbox .head::after {
    position: absolute;
    content: '';
    top: 50%;
    width: 7px;
    height: 4px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC44MTIzNjIgMC4xMDk1ODRDMC41OTY3MzIgLTAuMDYyOTIwNSAwLjI4MjA4NyAtMC4wMjc5NiAwLjEwOTU4MyAwLjE4NzY3Qy0wLjA2MjkyMDQgMC40MDMzIC0wLjAyNzk1OTkgMC43MTc5NDUgMC4xODc2NyAwLjg5MDQ0OUwzLjE4NzY1IDMuODkwNDRDMy4zNzAyNiA0LjAzNjUyIDMuNjI5NzQgNC4wMzY1MiAzLjgxMjM1IDMuODkwNDRMNi44MTIzMyAwLjg5MDQ0OUM3LjAyNzk2IDAuNzE3OTQ1IDcuMDYyOTIgMC40MDMzIDYuODkwNDIgMC4xODc2N0M2LjcxNzkxIC0wLjAyNzk2IDYuNDAzMjcgLTAuMDYyOTIwNSA2LjE4NzY0IDAuMTA5NTg0TDMuNSAyLjg1OTY5TDAuODEyMzYyIDAuMTA5NTg0WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
    right: 16px;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.selectorCheckbox .head._open::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
         -o-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}
[data-selector="hide"] .selectorCheckbox{
    background: #F3F5FA;
    border: none;
}
[data-selector="hide"] .selectorWrapper {
    position: absolute;
    top: -webkit-calc(100% + 4px);
    top: -moz-calc(100% + 4px);
    top: calc(100% + 4px);
    background: #FFFFFF;
    border: 1px solid #E6EBF3;
    width: 100%;
    z-index: 3;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
}

[data-selector="hide"] .selectorWrapper>div {
    max-height: 160px;
    overflow-y: auto;
    scrollbar-width: none;
}

[data-selector="hide"] .customCheckbox {
    min-height: 40px;
}

.selectorWrapper {
    display: none;
}

.selectorWrapper>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.selectorWrapper .customCheckbox {
    padding: 0 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    width: 100%;
    border-top: 1px solid #E6EBF3;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.selectorWrapper .customCheckbox input {
    left: 24px;
}

.selectorWrapper .customCheckbox:hover {
    background: #F3F5FA;
}

.sortWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #E6EBF3;
}

.sortTypes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.sortTypes p,
.sortTypes a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.sortTypes p {
    margin-right: 12px;
}

.sortTypes a {
    color: #0066CC;
    height: 32px;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
}

.sortTypes a:hover {
    color: #000000;
}

.sortTypes a._active {
    background: #F3F5FA;
    color: #000000;
    pointer-events: none;
}

.viewType {
    width: 36px;
    height: 36px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: #F3F5FA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    color: #BECBDF;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.viewType:hover {
    color: #0066CC;
}

.viewType._active {
    color: #1E1E1E;
    pointer-events: none;
}

.viewChange {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.sortTags {
    width: -webkit-calc(100% - 140px);
    width: -moz-calc(100% - 140px);
    width: calc(100% - 140px);
}
.sortTags .sortFlow{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    height: 32px;
    overflow: hidden;
}

.sortTags .checkItem {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: auto;
}

.sortTags .checkItem a {
    color: inherit;
}

.sortTags .checkItem p {
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    background: #F3F5FA;
    height: 32px;
    padding: 0 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #F3F5FA;
}

.sortTags .checkItem:hover p {
    color: #0066CC;
}

.sortTags._active .sortFlow{
    height: auto;
}

.checkItem input:checked+p {
    border-color: #0066CC;
    color: #0066CC;
}

.moreTags {
    color: #0066CC;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

.moreTags:hover {
    color: #000000;
}

.moreTags._active svg {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.catalogWrapper {
    display: -ms-grid;
    display: grid;
    gap: 24px;
    -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

[data-type="rows"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
}

.cardItem {
    padding: 16px 0;
    border: 1px solid #E6EBF3;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    gap: 8px;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    position: relative;
        grid-template-areas:
        "image"
        "title"
        "price"
        "info"
        "control"
        "cart";
}

[data-type="rows"] .cardItem {
    grid-auto-columns: 1fr;
    -ms-grid-columns: 200px 0 250px 0 auto 0 250px;
    grid-template-columns: 200px 250px auto 250px;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    gap: 0;
        grid-template-areas:
        "image title info price"
        "image control info cart";
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px;
    padding: 0;
}

[data-type="rows"] .cardItem+.cardItem {
    border-top: 0;
}

[data-type="favourite"] {
    gap: 28px;
    -ms-grid-columns: 1fr 28px 1fr 28px 1fr;
    grid-template-columns: repeat(3, 1fr);
}

[data-type="favourite"] .cardItem {
    grid-auto-columns: 1fr;
    -ms-grid-columns: 200px 0 auto;
    grid-template-columns: 200px auto;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    gap: 0;
        grid-template-areas:
        "image title"
        "image info"
        "image price"
        "image cart";
    padding: 0;
}

[data-type="compare"] .cardItem {
    grid-auto-columns: 1fr;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: -webkit-min-content;
    -ms-grid-rows: min-content;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
    gap: 0;
        grid-template-areas:
        "image"
        "title"
        "info"
        "price";
    padding: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

.cardItem .image {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: image;
    width: 100%;
    height: 120px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.cardItem .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

[data-type="rows"] .cardItem .image {
    border-right: 1px solid #E6EBF3;
}

[data-type="rows"] .cardItem .image img {
    max-height: 104px;
}

[data-type="favourite"] .cardItem .image {
    border-right: 1px solid #E6EBF3;
    height: 100%;
}

[data-type="compare"] .cardItem .image {
    border-bottom: 1px solid #E6EBF3;
    height: unset;
    padding: 8px 0;
}

[data-type="compare"] .cardItem .image img {
    max-height: 100px;
}

.cardItem h3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: title;
    font-weight: 500;
    font-size: 16px;
    text-transform: unset;
    padding: 8px 20px;
    border-top: 1px solid #E6EBF3;
    border-bottom: 1px solid #E6EBF3;
    text-align: left;
}

[data-type="rows"] .cardItem h3 {
    border: none;
    padding: 0 20px;
    padding-top: 12px;
}

[data-type="favourite"] .cardItem h3 {
    border: none;
    padding-top: 16px;
    padding-right: 32px !important;
}

[data-type="compare"] .cardItem h3 {
    border: none;
}

.cardItem h3 a:hover {
    color: #0066CC;
}

.price {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: price;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}

[data-type="rows"] .cardItem > .price {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

[data-type="favourite"] .cardItem > .price {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

[data-type="compare"] .cardItem > .price {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}

[data-type="rows"] .cardItem .price {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 12px;
}

[data-type="favourite"] .cardItem .price {
    padding-top: 12px;
}

[data-type="compare"] .cardItem .price {
    padding-bottom: 12px;
}

.price .current {
    color: #0066CC;
    font-weight: 500;
    font-size: 22px;
}

.price .old {
    color: #5D677E;
    font-size: 12px;
    -webkit-text-decoration-line: line-through;
       -moz-text-decoration-line: line-through;
            text-decoration-line: line-through;
}

.cardItem .info,
.cartAction .info {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: info;
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
    font-size: 12px;
}

[data-type="rows"] .cardItem .info {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
    border-left: 1px solid #E6EBF3;
    border-right: 1px solid #E6EBF3;
}

.cardItem .info p,
.cartAction .info p {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}

.cardItem .info span,
.cartAction .info span {
    color: #5D677E;
}

.cardItem .info strong,
.cartAction .info strong {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2px;
    font-weight: 500;
}

.cardItem .control {
    padding: 0 20px;
    border-bottom: 1px solid #E6EBF3;
    padding-bottom: 8px;
}

[data-type="rows"] .cardItem .control {
    border: none;
}

.control {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    grid-area: control;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
}

[data-type="rows"] .cardItem > .control {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.like{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
    color: #BECBDF;
}
.compare{
    cursor: pointer;
    transition: all 0.4s;
}

.like:hover {
    color: #0066CC;
}

.like._active {
    color: #12CA62;
}

.compare {
    color: #0066CC;
}

.like span {
    color: #0066CC;
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
       -moz-text-decoration-style: dashed;
            text-decoration-style: dashed;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.like:hover span {
    color: #1E1E1E;
}

.compare:hover {
    color: #000000;
}

.toCart {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    grid-area: cart;
    padding: 0 20px;
    padding-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
}

[data-type="rows"] .cardItem > .toCart {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
}

[data-type="favourite"] .cardItem > .toCart {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
}

[data-type="rows"] .cardItem .toCart {
    padding-top: 0;
    padding-bottom: 12px;
}

.toCart .btn {
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    height: 42px;
    font-size: 16px;
    min-width: unset;
    width: 100%;
}

[data-type="favourite"] .cardItem .toCart {
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
       -moz-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    padding-bottom: 16px;
}

[data-type="favourite"] .cardItem .btn {
    max-width: 140px;
}

.cardItem .remove {
    position: absolute;
    color: #1E1E1E;
    right: 16px;
    top: 16px;
}

.cardItem .remove:hover {
    color: #0066CC;
}

.useful h3 {
    text-transform: unset;
}

.row .w50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.useful .sliderWrapper {
    padding-bottom: 120px;
}

.cardPage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0 96px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.cardPage>div {
    width: -webkit-calc(50% - 48px);
    width: -moz-calc(50% - 48px);
    width: calc(50% - 48px);
}

.cardPage .image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-height: 360px;
    height: 100%;
}

.cardPage .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: unset;
       object-fit: unset;
}

.cartAction {
    padding: 24px 0;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    border: 1px solid #E6EBF3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}

.cartAction>div {
    padding: 0 30px;
}

.cartAction .price {
    gap: 20px;
    padding-bottom: 6px;
    border-bottom: 1px solid #E6EBF3;
}

.cartAction .price .current {
    font-size: 38px;
}

.cartAction .price .old {
    font-size: 18px;
}

.in_stock,
.in_order {
    font-weight: 500;
    font-size: 12px;
    padding: 4px 12px;
    border: 2px solid #FFA323;
    -webkit-border-radius: 16px;
       -moz-border-radius: 16px;
            border-radius: 16px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}

.in_stock {
    border-color: #12CA62;
}

.cartAction .info .row {
    padding-bottom: 8px;
}

.cartAction .info {
    padding-bottom: 12px;
    border-bottom: 1px solid #E6EBF3;
    font-size: 14px;
}

.cartAction .toCart {
    padding-top: 10px;
}

.cartAction .toCart .btn {
    max-width: 140px;
}

.cardPage>.col {
    font-weight: 300;
}

.cardPage>.col:not(:last-child) {
    padding-top: 24px;
}

.cardPage .mTable h4 {
    background: #CFD7E3;
    color: #000000;
}

.cardPage .mTable strong {
    width: 45%;
}

.cardPage .mTable p{
    width: 55%;
}

.similar {
    width: 100% !important;
    padding-top: 16px;
    border-top: 1px solid #E6EBF3;
    margin-top: 44px;
}

.similar h3 {
    padding: 8px 0;
}

.cardLast .benItem {
    background: transparent;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    padding: 0;
    text-transform: unset;
    font-weight: 400;
}

.cardTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.cardTitle .control {
    min-width: 180px;
}

.sliderWrapper[data-slider="similar"] {
    padding-bottom: 100px;
}

.sliderWrapper[data-slider="similar"] .slick-next {
    left: unset;
    right: 0;
}

.sliderWrapper[data-slider="similar"] .slick-prev {
    left: unset;
    right: 80px;
}
.sliderWrapper[data-slider="similar"] .slick-slide > div:not(:first-child) .cardItem{
    border-top: none;
}

.compareCol {
    position: relative;
}

.compareCol .arrow {
    position: absolute;
    z-index: 1;
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border: 1px solid #E6EBF3;
    -webkit-box-shadow: 0px 4px 6.1px rgba(128, 134, 140, 0.6);
       -moz-box-shadow: 0px 4px 6.1px rgba(128, 134, 140, 0.6);
            box-shadow: 0px 4px 6.1px rgba(128, 134, 140, 0.6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    top: 72px;
    left: 0;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}

.compareCol .arrow:hover {
    border-color: #0066CC;
}

.compareCol .arrow._next {
    right: 0;
    left: unset;
}

.compareCol .arrow._next::after {
    width: 8px;
    height: 16px;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20viewBox%3D%220%200%209%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1.16438%2011.7234C0.905619%2012.0623%200.95806%2012.5567%201.28151%2012.8278C1.60495%2013.0989%202.07692%2013.0439%202.33567%2012.7051L6.83565%207.99083C7.05478%207.70387%207.05478%207.29613%206.83565%207.00917L2.33567%202.29491C2.07692%201.95606%201.60495%201.90113%201.28151%202.1722C0.958061%202.44328%200.905621%202.93772%201.16438%203.27657L5.28954%207.5L1.16438%2011.7234Z%22%20fill%3D%22%235D677E%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.compareCol .arrow._prev::after {
    width: 8px;
    height: 16px;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20viewBox%3D%220%200%209%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.83562%204.27657C8.09438%203.93772%208.04194%203.44328%207.71849%203.1722C7.39505%202.90113%206.92308%202.95606%206.66433%203.29491L2.16435%208.00917C1.94522%208.29613%201.94522%208.70387%202.16435%208.99083L6.66433%2013.7051C6.92308%2014.0439%207.39505%2014.0989%207.71849%2013.8278C8.04194%2013.5567%208.09438%2013.0623%207.83562%2012.7234L3.71046%208.5L7.83562%204.27657Z%22%20fill%3D%22black%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.compareCol>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.compareCol .group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
}

.compareCol .groupName {
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #000000;
    height: 40px;
    background: #CFD7E3;
}

.pageWrapper .w100 {
    width: 100%;
}

.sliderName {
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    height: 32px;
    background: #F3F5FA;
    font-weight: 500;
}

.compareRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
}

.compareRow .item {
    min-width: -webkit-calc(100% / 6);
    min-width: -moz-calc(100% / 6);
    min-width: calc(100% / 6);
    max-width: -webkit-calc(100% / 6);
    max-width: -moz-calc(100% / 6);
    max-width: calc(100% / 6);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    font-size: 12px;
    height: 32px;
    border: 1px solid #E6EBF3;
}

.compareRow .item+.item,
.compareRow .cardItem+.cardItem {
    border-left: none;
}

.compareCol .cardItem {
    min-width: -webkit-calc(100% / 6);
    min-width: -moz-calc(100% / 6);
    min-width: calc(100% / 6);
    max-width: -webkit-calc(100% / 6);
    max-width: -moz-calc(100% / 6);
    max-width: calc(100% / 6);
}

.compareTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.compareSetting {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 24px;
    gap: 16px;
    color: #0066CC;
    font-size: 14px;
}

.compareSetting>span {
    padding: 3px 0;
    border-bottom: 1px dashed #0066CC;
}

.compareCheckbox {
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 22px;
    cursor: pointer;
}

.compareCheckbox span {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
    border: 1px solid rgba(93, 103, 126, 0.5);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.compareCheckbox span::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: #00BFFF;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 0;
}

.compareCheckbox input {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    cursor: pointer;
}

.compareCheckbox input:checked+span {
    background: #00BFFF;
    border-color: #00BFFF;
}

.compareCheckbox input:checked+span::before {
    -webkit-transform: translateX(22px);
       -moz-transform: translateX(22px);
        -ms-transform: translateX(22px);
         -o-transform: translateX(22px);
            transform: translateX(22px);
    background: #FFFFFF;
}

.cartWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 32px;
    width: 100%;
}


.cartList,
.cartTable {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
}
.cartList {
    width: -webkit-calc(100% - 612px);
    width: -moz-calc(100% - 612px);
    width: calc(100% - 612px);
}

.cartTableTop {
    background: #F3F5FA;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.cartTableTop p {
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 30px;
    font-size: 12px;
    color: #5D677E;
}

.cartTable [data-name="product"] {
    width: 60%;
}

.cartTable [data-name="count"] {
    width: 20%;
}

.cartTable [data-name="price"] {
    width: 20%;
}

.cartTableRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #E6EBF3;
    font-size: 12px;
}

.cartTableRow>div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.cartTableRow>div:not(:last-child) {
    border-right: 1px solid #E6EBF3;
}

.cartTableRow .image {
    width: 160px;
    min-width: 160px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 88px;
    border-right: 1px solid #E6EBF3;
}

.cartTableRow .image img {
    max-height: 76px;
    width: auto;
}

.cartTableRow h3 {
    font-size: 14px;
    font-weight: 500;
    text-transform: unset;
    text-align: left;
}

.cartTableRow .info {
    padding: 0 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
}

.cartTableRow .info p {
    color: #5D677E;
}

.cartTableRow .info strong {
    font-weight: 500;
    color: #000000;
}

.cartTableRow [data-name="count"] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.cartControl {
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #1E1E1E;
}

.cartControl:hover {
    color: #0066CC;
}

.cartTableRow [data-name="count"] p {
    width: 28px;
    text-align: center;
    font-size: 16px;
}

.cartTableRow [data-name="price"] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 24px;
}

.cartTableRow [data-name="price"] .price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
       -moz-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding: 0;
}

.cartTableRow [data-name="price"] .price .current {
    font-size: 16px;
}

.cartTableRow [data-name="price"] .price .old {
    font-size: 12px;
}

.removeBtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    width: 34px;
    height: 34px;
    color: #0066CC;
    background: #F3F5FA;
}

.removeBtn:hover {
    color: #1E1E1E;
}

.cartTableBottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 64px;
    position: relative;
}

.cartTableBottom p {
    padding: 0 24px;
    width: 100%;
}

.cartTableBottom [data-name="start"] {
    min-width: 160px;
    width: 160px;
    text-transform: uppercase;
    font-size: 24px;
}

.cartTableBottom [data-name="end"] {
    font-size: 24px;
    font-weight: 500;
    color: #0066CC;
    text-align: right;
}

.cartTableBottom::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: -webkit-gradient(linear, left top, right top, color-stop(36.54%, #0CACF9), to(#3ADDFE)), #3CA0F0;
    background: -webkit-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -moz-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -o-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: linear-gradient(90deg, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    left: 0;
    bottom: 0;
}

.cartForm {
    max-width: 580px;
    width: 100%;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    border: 1px solid #E6EBF3;
    overflow: hidden;
}

.cartForm h4 {
    background: #000000;
    color: #FFFFFF;
    border: none;
    padding: 0 36px;
    height: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.cartForm .content {
    padding: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px 20px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.cartForm .content .w50 {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
}

.cartForm .inputWrapper,
.popupContent .inputWrapper {
    height: 52px;
    width: 100%;
}

.cartForm .inputWrapper input,
.popupContent .inputWrapper input {
    background: #F3F5FA;
}

.cartForm .inputWrapper span,
.popupContent .inputWrapper span {
    top: 6px;
}

.cartForm .col {
    max-width: -webkit-calc(50% - 10px);
    max-width: -moz-calc(50% - 10px);
    max-width: calc(50% - 10px);
}

.cartForm .btn {
    max-width: -webkit-calc(50% - 10px);
    max-width: -moz-calc(50% - 10px);
    max-width: calc(50% - 10px);
    min-width: unset;
    font-size: 16px;
}

.cartForm .customCheckbox p {
    font-size: 12px;
    line-height: 100%;
}

.cartForm small {
    font-size: 12px !important;
    line-height: 100%;
}

.cartForm {
    font-size: 12px;
}

.customSelect {
    width: 100%;
    position: relative;
    z-index: 2;
}

.customSelect.w50 {
    width: -webkit-calc(50% - 10px);
    width: -moz-calc(50% - 10px);
    width: calc(50% - 10px);
}

.selectHead {
    background: #F3F5FA;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    padding: 0 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 52px;
    cursor: pointer;
    position: relative;
}

.selectHead div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3px;
}

.selectHead span {
    font-size: 10px;
    color: #5D677E;
    line-height: 100%;
}

.selectHead p {
    line-height: 100%;
    font-size: 14px;
}

.selectHead::before {
    position: absolute;
    content: '';
    width: 8px;
    height: 4px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC44MTIzNjIgMC4xMDk1ODRDMC41OTY3MzIgLTAuMDYyOTIwNSAwLjI4MjA4NyAtMC4wMjc5NiAwLjEwOTU4MyAwLjE4NzY3Qy0wLjA2MjkyMDQgMC40MDMzIC0wLjAyNzk1OTkgMC43MTc5NDUgMC4xODc2NyAwLjg5MDQ0OUwzLjE4NzY1IDMuODkwNDRDMy4zNzAyNiA0LjAzNjUyIDMuNjI5NzQgNC4wMzY1MiAzLjgxMjM1IDMuODkwNDRMNi44MTIzMyAwLjg5MDQ0OUM3LjAyNzk2IDAuNzE3OTQ1IDcuMDYyOTIgMC40MDMzIDYuODkwNDIgMC4xODc2N0M2LjcxNzkxIC0wLjAyNzk2IDYuNDAzMjcgLTAuMDYyOTIwNSA2LjE4NzY0IDAuMTA5NTg0TDMuNSAyLjg1OTY5TDAuODEyMzYyIDAuMTA5NTg0WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    right: 20px;
}

.selectWrapper {
    position: absolute;
    content: '';
    background: #F3F5FA;
    padding: 12px;
    top: -webkit-calc(100% + 4px);
    top: -moz-calc(100% + 4px);
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    z-index: 1;
    border: 1px solid #E6EBF3;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    display: none;
}

.selectFlow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-y: auto;
    scrollbar-width: none;
    max-height: 150px;
    gap: 4px;
}

.selectItem {
    font-size: 14px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    color: #5D677E;
    cursor: pointer;
}

.selectItem:hover {
    color: #000000;
}

.selectItem._active {
    color: #0066CC;
}

.originalSelect {
    opacity: 0;
    width: 0;
    height: 0;
    border: none;
    outline: none;
    position: absolute;
    left: 0;
    top: 0;
}

.customSelect._open .selectHead::before {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
         -o-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
}

.selectFlow .selectItem:first-child {
    display: none;
}

[data-slider="favourite"] .slick-list {
    margin: 0 -16px;
}

[data-slider="favourite"] .element {
    padding: 0 16px;
}

[data-slider="favourite"] .cardItem {
    background: #FFFFFF;
}

[data-slider="favourite"] {
    padding-bottom: 80px;
}

[data-slider="favourite"] .slick-arrow {
    bottom: 0;
    right: 0;
    left: unset;
}

[data-slider="favourite"] .slick-prev {
    right: 80px;
}

[data-popup="intStart"] h3,
[data-popup="intEnd"] h3 {
    padding-top: 10px;
    padding-bottom: 54px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    background: -webkit-gradient(linear, left top, right top, color-stop(36.54%, #0CACF9), to(#3ADDFE)), #3CA0F0;
    background: -webkit-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -moz-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: -o-linear-gradient(left, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    background: linear-gradient(90deg, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
    font-size: 22px;
    color: #FFFFFF;
    -webkit-border-radius: 16px 16px 0 0;
       -moz-border-radius: 16px 16px 0 0;
            border-radius: 16px 16px 0 0;
}

.stepRow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -44px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.stepRow p {
    width: 50%;
    height: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 18px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 30px;
    color: #FFFFFF;
    background: rgba(255, 255, 255, 0.4);
}

.stepRow p span {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background: #FFFFFF;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
}

.stepRow p span::after {
    width: 8px;
    height: 16px;
    content: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.70263%201.191C7.97509%200.918546%207.97509%200.476802%207.70263%200.204344C7.43017%20-0.0681146%206.98843%20-0.0681146%206.71597%200.204344L2.55814%204.36218L1.191%202.99504C0.918546%202.72258%200.476803%202.72258%200.204344%202.99504C-0.0681146%203.2675%20-0.0681146%203.70924%200.204344%203.9817L2.06481%205.84217C2.33727%206.11462%202.77901%206.11462%203.05147%205.84217L7.70263%201.191Z%22%20fill%3D%22%230066CC%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.stepRow ._next {
    background: url(/upload/nextStep.svg);
}

.stepRow ._next span {
    background: transparent;
    border: 1px solid #76D7FD;
}

.stepRow ._next span::after {
    content: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.70263%201.191C7.97509%200.918546%207.97509%200.476802%207.70263%200.204344C7.43017%20-0.0681146%206.98843%20-0.0681146%206.71597%200.204344L2.55814%204.36218L1.191%202.99504C0.918546%202.72258%200.476803%202.72258%200.204344%202.99504C-0.0681146%203.2675%20-0.0681146%203.70924%200.204344%203.9817L2.06481%205.84217C2.33727%206.11462%202.77901%206.11462%203.05147%205.84217L7.70263%201.191Z%22%20fill%3D%22%2376D7FD%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.popupWrapper h4 {
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    padding: 0;
    height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    border: none;
}

.popupWrapper h4::before {
    height: 40px;
    background-position: bottom;
    z-index: 2;
}

.popupWrapper h4 span {
    padding: 0 20px;
    background: #FFFFFF;
    position: relative;
    z-index: 1;
}

.popupWrapper h4::after {
    position: absolute;
    content: '';
    background: #E6EBF3;
    width: 100%;
    height: 1px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 0;
}

.popupWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 12px 32px;
    padding: 12px 30px 50px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.popupContent .w50 {
    width: -webkit-calc(50% - 16px);
    width: -moz-calc(50% - 16px);
    width: calc(50% - 16px);
}

.popupContent .selectorCheckbox {
    background: #F3F5FA;
    font-size: 14px;
}

.popupContent .rangeItem {
    padding-bottom: 8px;
}

.btnCenter {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 32px;
}

.btnCenter .btn {
    max-width: 220px;
    min-width: 220px;
    font-size: 16px;
}

.customRadio {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    position: relative;
}

.customRadio p {
    height: 52px;
    width: 100%;
    position: relative;
    padding-left: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    border: 1px solid #E6EBF3;
    font-size: 14px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.customRadio input {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 16px;
    width: 16px;
    height: 16px;
    z-index: 0;
}

.customRadio p::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border: 1px dashed #BECBDF;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: 1;
    background: #FFFFFF;
}

.customRadio p::after {
    position: absolute;
    content: '';
    background: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.70263%201.191C7.97509%200.918546%207.97509%200.476802%207.70263%200.204344C7.43017%20-0.0681146%206.98843%20-0.0681146%206.71597%200.204344L2.55814%204.36218L1.191%202.99504C0.918546%202.72258%200.476803%202.72258%200.204344%202.99504C-0.0681146%203.2675%20-0.0681146%203.70924%200.204344%203.9817L2.06481%205.84217C2.33727%206.11462%202.77901%206.11462%203.05147%205.84217L7.70263%201.191Z%22%20fill%3D%22%23CFD7E3%22%2F%3E%0A%3C%2Fsvg%3E%0A);
    background-repeat: no-repeat !important;
    width: 8px;
    height: 7px;
    left: 21px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1;
}

.customRadio input:checked+p {
    background: #F3F5FA;
}

.customRadio input:checked+p:after {
    background: url(data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%227%22%20viewBox%3D%220%200%208%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.70263%201.191C7.97509%200.918546%207.97509%200.476802%207.70263%200.204344C7.43017%20-0.0681146%206.98843%20-0.0681146%206.71597%200.204344L2.55814%204.36218L1.191%202.99504C0.918546%202.72258%200.476803%202.72258%200.204344%202.99504C-0.0681146%203.2675%20-0.0681146%203.70924%200.204344%203.9817L2.06481%205.84217C2.33727%206.11462%202.77901%206.11462%203.05147%205.84217L7.70263%201.191Z%22%20fill%3D%22%230066CC%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.successer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    gap: 24px;
    padding: 48px 24px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    min-height: 560px;
    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
}

.successer h4 {
    font-size: 26px;
    font-weight: 400;
    border: none;
    padding: 0;
}

.successer p {
    max-width: 400px;
}

.successer strong {
    font-weight: 700;
    display: block;
}

.successer .btn {
    font-weight: 500;
}
.slick-dots{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 12px;
    padding: 0;
}
.slick-dots li{
    list-style: none;
    width: 12px;
    height: 12px;
    background: #E6EBF3;
    border: 1px solid #E6EBF3;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
.slick-dots li:hover{
    border-color: #1E1E1E;
}
.slick-dots .slick-active{
    border-color: #0066CC;
    background: #FFFFFF;
}
.slick-dots li button{
    font-size: 0;
}
.burgerBtn{
    display: none;
}
.burgerMenu{
    display: none;
}
.mobShow{
    display: none;
}
.taItemWrapper .tabName{
    display: none !important;
}
.sortWrapper .catalogFilters{
    display: none;
}
.sortOpen{
    display: none;
}
[data-slider="favourite"] .cardItem .price{
    padding-bottom: 8px !important;
}
@media screen and (max-width: 1219px) {
    .over{
        overflow: hidden;
    }
    .header{
        max-width: 100vw;
    }
    body{
        zoom: 1 !important;
    }
    [data-slider="favourite"] .element{
        padding: 0 8px;
    }
    .sliderWrapper[data-slider="favourite"] .slick-list{
        margin: 0 -64px;
    }
    .sliderWrapper[data-slider="favourite"]{
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
        padding: 0;
    }
    .cartForm .btn{
        max-width: 280px;
    }
    .cartForm .content{
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .cartList{
        width: 100%;
    }
    .cartForm{
        max-width: 100%;
    }
    .cartWrapper{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
    }
    [data-type="favourite"] .cardItem{
        -ms-grid-columns: 120px auto;
        grid-template-columns: 120px auto;
    }
    [data-type="favourite"] .cardItem .image img{
        max-width: 100px;
    }
    .sliderWrapper[data-slider="similar"] .cardItem{
        -ms-grid-columns: 180px 200px auto 200px;
        grid-template-columns: 180px 200px auto 200px;
    }
    .cardPage .image{
        max-height: 240px;
    }
    .cardPage{
        gap: 0 32px;
    }
    .cardPage>div{
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: calc(50% - 16px);
    }
    .cardPage .mTable .item{
        width: 50% !important;
    }
    .mTable h4{
        font-size: 16px;
    }
    .mTable .item{
        font-size: 14px;
    }
    .pageBenefits .benItem{
        width: -webkit-calc(50% - 16px);
        width: -moz-calc(50% - 16px);
        width: calc(50% - 16px);
    }
    .pageBenefits{
        padding: 0;
        gap: 16px 32px;
    }
    .box{
        display: none;
    }
    .hGroup .searchInput{
        display: none;
    }
    h1{
        font-size: 44px !important;
    }
    .catGroup .name{
        font-size: 20px;
        line-height: 110%;
    }
    .catGroup .img img {
        max-width: 100%;
    }
    .catGroup{
        padding: 32px 24px;
        padding-bottom: 24px;
        gap: 8px;
    }
    .tabHead{
        padding: 0;
    }
    .tabName > span{
        padding: 14px 16px;
    }
    .checkGroup{
        width: 100%;
        max-width: 100%;
    }
    .formGeneral{
        width: 100%;
    }
    .aboutRow{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 36px;
    }
    .benefits{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        max-width: 100%;
        gap: 16px 40px;
    }
    .benefits h3{
        width: 100%;
    }
    .benItem{
        width: -webkit-calc(50% - 20px);
        width: -moz-calc(50% - 20px);
        width: calc(50% - 20px);
        font-size: 16px;
    }
    .benItem .icon{
        width: 52px;
        min-width: 52px;
        height: 52px;
    }
    .benItem .icon img{
        max-width: 32px;
        height: auto;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 20px;
    }
    .counterItem .number{
        font-size: 44px;
    }
    .sliderWrapper[data-slider="partners"] .slideItem{
        min-height: 100px;
    }
    .sliderWrapper[data-slider="partners"] .slideItem img{
        max-width: 100%;
        max-height: 100px;
    }
    .bigItem{
        display: none;
    }
    .sliderTabItem .sliderWrapper{
        width: 100%;
    }
    .sliderTabContainer{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .sliderTabContainer .btn{
        position: relative;
        right: unset;
        bottom: unset;
        max-width: 220px;
        font-weight: 400;
    }
    .engine{
        display: none;
    }
    .footerRow{
        gap: 24px;
    }
    .footerRow > .col{
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
           -moz-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        gap: 24px;
    }
    .footerRow > .col:first-child{
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
           -moz-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        max-width: unset;
    }
    .footerNav{
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
           -moz-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        width: 100%;
        max-width: 960px;
    }
    .socials{
        position: relative;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
           -moz-box-ordinal-group: 5;
            -ms-flex-order: 4;
                order: 4;
        right: unset;
    }
    .footer .worktime{
        height: unset;
    }
    .sliderWrapper[data-slider="projects"],
    .sliderWrapper[data-slider="reviews"],
    .sliderWrapper[data-slider="news"],
    .sliderWrapper[data-slider="cert"],
    .sliderWrapper[data-slider="useful_news"]{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
    .useful .sliderWrapper{
        padding-bottom: 0;
    }
    .headerWrapper{
        height: 80px;
    }
    .interactive{
        height: 52px;
        gap: 8px;
        width: unset;
        max-width: unset;
    }
    .header .intArrow{
        display: none;
    }
    .intIcon{
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
    .headerPadding{
        height: 80px;
    }
    .burgerBtn{
        display: block;
        width: 24px;
        height: 20px;
        min-width: 24px;
        position: relative;
    }
    .burgerBtn::after, .burgerBtn::before, .burgerBtn span{
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background: #FFFFFF;
        -webkit-border-radius: 2px;
           -moz-border-radius: 2px;
                border-radius: 2px;
        left: 0;
        opacity: 1;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    .burgerBtn::after{
        top: 0;
    }
    .burgerBtn span{
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .burgerBtn::before{
        top: unset;
        bottom: 0;
    }
    .burgerBtn._active span{
        opacity: 0;
    }
    .burgerBtn._active::after{
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%) rotate(-45deg);
           -moz-transform: translate(-50%,-50%) rotate(-45deg);
            -ms-transform: translate(-50%,-50%) rotate(-45deg);
             -o-transform: translate(-50%,-50%) rotate(-45deg);
                transform: translate(-50%,-50%) rotate(-45deg);
        background: #00BFFF;
    }
    .burgerBtn._active::before{
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%) rotate(45deg);
           -moz-transform: translate(-50%,-50%) rotate(45deg);
            -ms-transform: translate(-50%,-50%) rotate(45deg);
             -o-transform: translate(-50%,-50%) rotate(45deg);
                transform: translate(-50%,-50%) rotate(45deg);
        background: #00BFFF;
    }
    .header .logotype{
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .burgerMenu{
        position: fixed;
        width: 100%;
        height: -webkit-calc(100vh - 80px);
        height: -moz-calc(100vh - 80px);
        height: calc(100vh - 80px);
        top: 80px;
        left: -120vw;
        display: block;
        background: #FFFFFF;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 5;
    }
    .burgerMenu._active{
        left: 0;
    }
    .burgerWrapper{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .searchInput{
        max-width: 100%;
        width: 100%;
        border-bottom: 1px solid #E6EBF3;
    }
    .searchInput input{
        height: 48px;
        background: #F3F5FA;
        color: #1E1E1E;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        padding-left: 56px;
    }
    .searchInput input::-webkit-input-placeholder{
        color: #5D677E;
    }
    .searchInput input:-moz-placeholder{
        color: #5D677E;
    }
    .searchInput input::-moz-placeholder{
        color: #5D677E;
    }
    .searchInput input:-ms-input-placeholder{
        color: #5D677E;
    }
    .searchInput input::-ms-input-placeholder{
        color: #5D677E;
    }
    .searchInput input::placeholder{
        color: #5D677E;
    }
    .searchInput button{
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        background: transparent;
        border: none;
        width: 24px;
        height: 24px;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        left: 16px;
    }
    .burgerWrapper .pageLink{
        background: #FFFFFF;
        border-bottom: 1px solid #E6EBF3;
    }
    .burgerWrapper .interactive{
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .popupWrapper{
        gap: 12px;
        -webkit-box-flex: unset;
        -webkit-flex-grow: unset;
           -moz-box-flex: unset;
            -ms-flex-positive: unset;
                flex-grow: unset;
    }
    .popupContent .w50{
        width: -webkit-calc(50% - 6px);
        width: -moz-calc(50% - 6px);
        width: calc(50% - 6px);
    }
    .popup{
        height: 100vh !important;
    }
    .popupContent{
        max-height: 96vh !important;
        height: 100% !important;
        overflow-y: auto;
    }
    .btnCenter{
        padding-top: 12px;
    }
    [data-popup="intStart"] h3, [data-popup="intEnd"] h3{
        font-size: 20px;
        padding-bottom: 52px;
        padding-top: 8px;
    }
    .popupWrapper{
        padding: 24px;
    }
    .countersWrapper{
        max-width: 50%;
        padding: 24px 0;
    }
    .counterItem._uniq img{
        margin-top: -12px;
        width: 45vw;
        height: auto;
    }
    .pageNav{
        max-width: 280px;
    }
    .pageNav .pageLink{
        font-size: 14px;
    }
    .pageContent{
        width: -webkit-calc(100% - 316px);
        width: -moz-calc(100% - 316px);
        width: calc(100% - 316px);
    }
    .catalogWrapper[data-type="cols"]{
        grid-template-columns: repeat(3, 1fr);
    }
    .compareCol .cardItem,
    .compareRow .item{
        min-width: -webkit-calc(100% / 5);
        min-width: -moz-calc(100% / 5);
        min-width: calc(100% / 5);
        max-width: -webkit-calc(100% / 5);
        max-width: -moz-calc(100% / 5);
        max-width: calc(100% / 5);
    }
}
@media screen and (max-width: 1160px) {
    [data-type="favourite"] {
        gap: 16px;
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
    .sortTags{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }
    .sortTags .sortFlow{
        overflow: unset;
        height: unset;
    }
    .sortTags .sortHide{
        display: none;
    }
    .sortOpen{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        background: #F3F5FA;
        height: 52px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        padding: 0 24px;
        color: #000000;
    }
    .filtersOpen{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        color: #FFFFFF;
        height: 52px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
        padding: 0 24px;
        background: #12CA62;
    }
    .filtersOpen._active svg,
    .sortOpen._active svg{
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    .sortWrapper{
        gap: 24px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
    .sortWrapper .catalogFilters{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
        width: -webkit-calc(50% - 12px);
        width: -moz-calc(50% - 12px);
        width: calc(50% - 12px);
        margin: 0;
        margin-bottom: 8px;
    }
    .catFilterHide{
        display: none;
    }
    .sortTags{
        width: -webkit-calc(50% - 12px);
        width: -moz-calc(50% - 12px);
        width: calc(50% - 12px);
    }
    .moreTags{
        display: none;
    }
    .header .worktime{
        display: none;
    }
    .phone{
        font-size: 16px;
    }
    .catGroup .img{
        height: 120px;
    }
    .sliderWrapper[data-slider="projects"] .slick-list, .sliderWrapper[data-slider="reviews"] .slick-list, .sliderWrapper[data-slider="news"] .slick-list, .sliderWrapper[data-slider="cert"] .slick-list{
        margin: 0 -64px;
    }
    .consult{
        padding: 32px 64px;
    }
    .consultRow .inputWrapper, .consultRow .btn{
        width: auto;
        min-width: unset;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
           -moz-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
    .row{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .row .w50{
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: none;
           -moz-box-flex: 0;
            -ms-flex: none;
                flex: none;
    }
    .col br{
        display: none;
    }
    .btn.mw240{
        margin: 0 auto;
    }
    body, html{
        overflow-x: hidden;
    }
    .lastRow .row{
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
    }
    .pageNav{
        display: none;
    }
    .pageContent{
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .compareTitle{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
        -webkit-box-align: unset;
        -webkit-align-items: unset;
           -moz-box-align: unset;
            -ms-flex-align: unset;
                align-items: unset;
    }
    .compareCol .cardItem,
    .compareRow .item{
        min-width: -webkit-calc(100% / 4);
        min-width: -moz-calc(100% / 4);
        min-width: calc(100% / 4);
        max-width: -webkit-calc(100% / 4);
        max-width: -moz-calc(100% / 4);
        max-width: calc(100% / 4);
    }
    .cardItem .image{
        height: 120px;
    }
    .sliderWrapper[data-slider="similar"]{
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 24px;
        padding-bottom: 24px;
    }
    .sliderWrapper[data-slider="similar"] .slick-list{
        margin: 0 -64px;
    }
    .sliderWrapper[data-slider="similar"] .element{
        padding: 0 8px;
    }
    .sliderWrapper[data-slider="similar"] .cardItem{
        width: 100%;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .toCart .btn{
        font-size: 14px;
        font-weight: 400;
    }
    [data-type="rows"]{
        gap: 24px;
        -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr;
        grid-template-columns: repeat(4, 1fr);
    }
    [data-type="rows"] .cardItem .toCart {
        padding: 0 20px;
        padding-top: 10px;
    }
    [data-type="rows"] .cardItem .control {
        border-bottom: 1px solid #E6EBF3;
    }
    [data-type="rows"] .cardItem .info {
        -webkit-box-pack: unset;
        -webkit-justify-content: unset;
           -moz-box-pack: unset;
            -ms-flex-pack: unset;
                justify-content: unset;
        padding: 0 20px;
        border: none;
    }
    [data-type="rows"] .cardItem .price {
        -webkit-box-pack: unset;
        -webkit-justify-content: unset;
           -moz-box-pack: unset;
            -ms-flex-pack: unset;
                justify-content: unset;
        padding-top: 0;
    }
    [data-type="rows"] .cardItem h3 {
        border-top: 1px solid #E6EBF3;
        border-bottom: 1px solid #E6EBF3;
        padding: 8px 20px;
    }
    [data-type="rows"] .cardItem .image {
        border: none;
    }

    [data-type="rows"] .cardItem .image img {
        max-height: 100%;
    }
    [data-type="rows"] .cardItem {
        grid-auto-columns: 1fr;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: -webkit-min-content;
        -ms-grid-rows: min-content;
        grid-template-rows: -webkit-min-content;
        grid-template-rows: min-content;
        gap: 8px;
            grid-template-areas:
            "image"
            "title"
            "price"
            "info"
            "control"
            "cart";
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        padding: 16px 0;
    }

    [data-type="rows"] .cardItem+.cardItem {
        border-top: 0;
    }
    [data-type="rows"] {
        gap: 24px;
        -ms-grid-columns: 1fr 24px 1fr 24px 1fr;
        grid-template-columns: repeat(3, 1fr);
    }
    .viewChange{
        display: none;
    }
    .mTable strong, .mTable p{
        width: 50% !important;
    }
    .pageTopB h2{
        font-size: 20px;
    }
    .prreneItem.reviews .image{
        padding: 16px;
    }
    .prreneItem.reviews .image img{
        width: 100%;
    }
    .tabHead{
        display: none;
    }
    .taItemWrapper .tabName{
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }
    .tabName::before{
        display: none !important;
    }
    .tabName > span{
        background: none !important;
        border: none !important;
        padding: 0 !important;
    }
    .tabName{
        background: #F3F5FA;
        border-bottom: 1px solid #FFFFFF;
        height: 52px;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .tabItem>div{
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    .container{
        padding: 0 32px;
    }
    .selection .container,
    .consultSection .container{
        padding: 0;
    }
    .selection h2{
        padding: 0 32px;
        text-align: center;
    }
    .tabName{
        text-decoration: none;
        color: #1E1E1E;
        padding: 0 32px;
    }
    .tabName::after{
        width: 7px;
        height: 4px;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC44MTIzNjIgMC4xMDk1ODRDMC41OTY3MzIgLTAuMDYyOTIwNSAwLjI4MjA4NyAtMC4wMjc5NiAwLjEwOTU4MyAwLjE4NzY3Qy0wLjA2MjkyMDQgMC40MDMzIC0wLjAyNzk1OTkgMC43MTc5NDUgMC4xODc2NyAwLjg5MDQ0OUwzLjE4NzY1IDMuODkwNDRDMy4zNzAyNiA0LjAzNjUyIDMuNjI5NzQgNC4wMzY1MiAzLjgxMjM1IDMuODkwNDRMNi44MTIzMyAwLjg5MDQ0OUM3LjAyNzk2IDAuNzE3OTQ1IDcuMDYyOTIgMC40MDMzIDYuODkwNDIgMC4xODc2N0M2LjcxNzkxIC0wLjAyNzk2IDYuNDAzMjcgLTAuMDYyOTIwNSA2LjE4NzY0IDAuMTA5NTg0TDMuNSAyLjg1OTY5TDAuODEyMzYyIDAuMTA5NTg0WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==) !important;
        right: 36px;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
    }
    .tabName._active::after{
        -webkit-transform: translateY(-50%) rotate(180deg);
           -moz-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
             -o-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg);
    }
    .selection{
        background: #FFFFFF;
    }
    .whatsapp{
        display: none;
    }
    section{
        padding: 32px 0;
    }
    .counterItem._uniq img{
        width: 52vw;
    }
    .consultSection{
        padding: 0;
        padding-bottom: 52px;
    }
    .consult{
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    .consultSection .col{
        padding: 0 32px;
    }
    .counterItem .number{
        font-size: 36px;
    }
    .prreneItem .content{
        font-size: 10px;
    }
    .prreneItem:not(.bigItem) h3{
        font-size: 14px;
    }
    .prreneItem .image{
        height: 180px;
    }
    .user{
        margin-top: 24px;
        gap: 6px;
    }
    .user img{
        width: 40px;
        height: 40px;
    }
    .sliderTabItem .sliderWrapper .item, .useful .sliderWrapper .item{
        padding: 0 12px;
    }
    .catGroup .img {
        height: 100px;
    }
    .newsItem h3{
        font-size: 18px;
    }
    .newsNav{
        padding-top: 24px;
        margin-top: 24px;
    }
    [data-type="rows"] .cardItem > .image {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    [data-type="rows"] .cardItem > h3 {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    [data-type="rows"] .cardItem > .price {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
    }
    [data-type="rows"] .cardItem > .info,
[data-type="rows"] .cardItem > .info {
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
        -ms-grid-column: 1;
    }
    [data-type="rows"] .cardItem > .control {
        -ms-grid-row: 9;
        -ms-grid-column: 1;
    }
    [data-type="rows"] .cardItem > .toCart {
        -ms-grid-row: 11;
        -ms-grid-column: 1;
    }
}
@media screen and (max-width: 960px) {
    .cartTableRow .image{
        width: 100px;
        min-width: 100px;
    }
    .cartTable [data-name="count"]{
        width: 15%;
    }
    .cartTable [data-name="price"]{
        width: 25%;
    }
}
@media screen and (max-width: 900px) {
    .sliderWrapper[data-slider="useful_news"] .slick-list{
        margin: 0 -32px;
    }
    .vacancyForm{
        padding: 0 24px;
        gap: 16px;
    }
    .vacancyForm .inputWrapper{
        width: -webkit-calc((100% - 32px) / 3);
        width: -moz-calc((100% - 32px) / 3);
        width: calc((100% - 32px) / 3);
    }
    .pageTopB h2{
        font-size: 18px;
        max-width: 320px;
    }
    .sliderHead{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        height: unset;
    }
    .sliderTab span{
        border: none;
        padding: 0;
        color: #1E1E1E;
    }
    .header .interactive{
        font-size: 10px;
        max-width: 156px;
        height: 44px;
        padding: 6px;
        padding-right: 12px;
    }
    .intIcon {
        width: 32px;
        min-width: 32px;
        height: 32px;
    }
    .phone{
        line-height: 120%;
    }
    .logotype img{
        max-height: 32px;
    }
}
@media screen and (max-width: 800px) {
    .cartTableTop p{
        padding: 0 12px;
    }
    .cartForm .content{
        padding: 30px;
    }
    .cartForm h4{
        padding: 0 30px;
    }
    .compareCol .group:last-child .compareSlider:last-child .compareRow{
        scrollbar-width: auto;
        padding-bottom: 12px;
    }
    .compareCol .group:last-child .compareSlider:last-child .compareRow::-webkit-scrollbar{
        width: 8px;
    }
    .compareCol .group:last-child .compareSlider:last-child .compareRow::-webkit-scrollbar-track {
        background: #FFFFFF;
        -webkit-border-radius: 10px;
                border-radius: 10px;
        border: 1px solid #E6EBF3;
    }
    .compareCol .group:last-child .compareSlider:last-child .compareRow::-webkit-scrollbar-thumb {
        background: #E6EBF3;
        -webkit-border-radius: 10px;
                border-radius: 10px;
    }
    .compareSetting{
        display: none;
    }
    .compareSlider{
        display: block !important;
    }
    .compareCol .cardItem,
    .compareRow .item{
        min-width: -webkit-calc(100% / 3);
        min-width: -moz-calc(100% / 3);
        min-width: calc(100% / 3);
        max-width: -webkit-calc(100% / 3);
        max-width: -moz-calc(100% / 3);
        max-width: calc(100% / 3);
    }
    .cardTitle{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }
    .cardTitle h1{
        font-size: 38px;
    }
    .sliderTabContainer{
        gap: 24px;
    }
    .mTable h4{
        font-size: 14px;
    }
    .mTable .item{
        padding: 12px 16px;
    }
    .hideContent h4{
        font-size: 14px;
    }
    .vacItem>h4{
        font-size: 14px;
        height: 56px;
    }
    .vacItem .content{
        font-size: 12px;
    }
    .newsNav a{
        font-size: 10px;
    }
    .newsItem .image{
        width: 140px;
        height: 96px;
    }
    .newsItem h3{
        font-size: 16px;
    }
    .newsItem .content{
        width: -webkit-calc(100% - 164px);
        width: -moz-calc(100% - 164px);
        width: calc(100% - 164px);
    }
    .newsItem{
        font-size: 10px;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 24px;
        padding: 16px;
    }
    .prreneItem .content{
        gap: 0;
    }
    .formRow{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        gap: 24px;
    }
    .formCol{
        width: -webkit-calc(50% - 12px);
        width: -moz-calc(50% - 12px);
        width: calc(50% - 12px);
    }
    .formCol:last-child{
        width: 100%;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 16px 24px;
    }
    .formCol:last-child .selectorCheckbox,
    .formCol:last-child .rangeItem{
        width: -webkit-calc(50% - 12px);
        width: -moz-calc(50% - 12px);
        width: calc(50% - 12px);
    }
    .countersWrapper{
        max-width: 360px;
    }
    .counterItem._uniq img{
        width: 56vw;
        left: -52%;
    }
    .counterItem .number{
        font-size: 30px;
    }
    .counterItem{
        font-size: 14px;
    }
    .counterItem img{
        width: 64px;
        height: 64px;
        margin-top: -24px;
    }
    .aboutRow{
        padding-top: 40px;
    }
    .btn._border{
        font-size: 12px;
        min-width: 200px;
        height: 40px;
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;
    }
    section{
        padding: 24px 0;
    }
    .page{
        padding: 32px 0;
    }
    .footerNav{
        max-width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0;
    }
    .footerNav [data-role="links"]{
        display: none;
        max-width: -webkit-calc(100% - 64px);
        max-width: -moz-calc(100% - 64px);
        max-width: calc(100% - 64px);
        width: 100%;
        padding: 24px;
        padding-top: 0;
        margin: 0 auto;
    }
    .footerNav .col{
        gap: 0;
    }
    .footer .container{
        padding: 0;
    }
    .footerRow > .col, .footer .socials{
        padding: 0 32px;
    }
    .footerNav .big{
        height: 52px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 0 32px;
        border-top: 1px solid rgba(135, 136, 152, 0.7);
        position: relative;
    }
    .footerNav > .col:last-child{
        border-bottom: 1px solid rgba(135, 136, 152, 0.7);
    }
    .footerNav p.big::after{
        position: absolute;
        content: '';
        width: 7px;
        height: 4px;
        background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiB2aWV3Qm94PSIwIDAgNyA0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC44MTIzNjIgMC4xMDk1ODRDMC41OTY3MzIgLTAuMDYyOTIwNSAwLjI4MjA4NyAtMC4wMjc5NiAwLjEwOTU4MyAwLjE4NzY3Qy0wLjA2MjkyMDQgMC40MDMzIC0wLjAyNzk1OTkgMC43MTc5NDUgMC4xODc2NyAwLjg5MDQ0OUwzLjE4NzY1IDMuODkwNDRDMy4zNzAyNiA0LjAzNjUyIDMuNjI5NzQgNC4wMzY1MiAzLjgxMjM1IDMuODkwNDRMNi44MTIzMyAwLjg5MDQ0OUM3LjAyNzk2IDAuNzE3OTQ1IDcuMDYyOTIgMC40MDMzIDYuODkwNDIgMC4xODc2N0M2LjcxNzkxIC0wLjAyNzk2IDYuNDAzMjcgLTAuMDYyOTIwNSA2LjE4NzY0IDAuMTA5NTg0TDMuNSAyLjg1OTY5TDAuODEyMzYyIDAuMTA5NTg0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        transition: all 0.4s;
        right: 36px;
        top: 50%;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .footerNav ._open p.big::after{
        -webkit-transform: translateY(-50%) rotate(180deg);
           -moz-transform: translateY(-50%) rotate(180deg);
            -ms-transform: translateY(-50%) rotate(180deg);
             -o-transform: translateY(-50%) rotate(180deg);
                transform: translateY(-50%) rotate(180deg);
    }
    .footerNav ._open [data-role="links"]{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
    .socials{
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .successer{
        font-size: 14px;
    }
}
@media screen and (max-width: 768px) {
    .headerWrapper{
        height: 64px;
    }
    .burgerMenu{
        top: 64px;
        height: -webkit-calc(100vh - 64px);
        height: -moz-calc(100vh - 64px);
        height: calc(100vh - 64px);
    }
    .headerPadding{
        height: 64px;
    }
    .logotype img{
        max-height: 30px;
    }
    body{
        font-size: 12px;
    }
    .resetForm{
        min-width: 102px;
    }
    .checkItem{
        height: 20px;
    }
    .consult{
        padding: 24px 36px;
        padding-left: 44px;
    }
    .consult h2::after{
        left: -24px;
    }
    .consultRow .btn{
        font-size: 14px;
    }
    .sliders,.selection{
        padding-bottom: 32px;
    }
    .sliderWrapper[data-slider="cert"] .slideItem{
        min-height: 160px;
    }
    .sliderWrapper[data-slider="cert"] .slideItem img{
        top: 32px;
        left: 32px;
    }
    .btn{
        height: 48px;
    }
    .consult{
        font-size: 14px;
    }
    .footer{
        padding: 32px 0;
    }
}
@media screen and (max-width: 740px) {
    .cartTableTop{
        display: none;
    }
    .cartTable [data-name="count"]{
        width: 30%;
        padding: 6px 16px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .cartTable [data-name="price"]{
        width: 70%;
        padding: 6px 16px;
        gap: 12px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .cartTableRow>div:not(:last-child){
        border: none;
    }
    .cartTableRow{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .cartTable [data-name="product"]{
        width: 100%;
        border-bottom: 1px solid #E6EBF3 !important;
    }
    .cartTableRow .image img{
        max-height: 60px;
    }
    .cartForm .content{
        padding: 24px;
    }
    .cartForm h4{
        padding: 0 24px;
    }
    .selectHead span{
        font-size: 8px;
    }
    .selectHead div{
        gap: 4px;
    }
    .selectHead{
        padding: 0 16px;
    }
    .selectHead p{
        font-size: 12px;
    }
    .cartForm .col{
        max-width: 100%;
    }
    .cartForm .btn{
        max-width: 100%;
    }
    .cartForm .content .w50{
        width: 100%;
    }
    [data-type="favourite"]{
        grid-template-columns: repeat(1, 1fr);
    }
    .sliderWrapper[data-slider="similar"] .slick-slide{
        width: 240px;
    }
    .cartAction .price{
        padding: 0 16px;
    }
    .cartAction .toCart{
        padding-top: 10px;
    }
    .cartAction .price .current{
        font-size: 32px;
    }
    .cartAction .price .old{
        font-size: 14px;
    }
    .in_stock, .in_order{
        font-size: 10px;
    }
    .cardPage>div{
        width: 100%;
    }
    .cardInfo{
        display: none;
    }
    .vacancyForm{
        gap: 12px;
    }
    .vacancyForm .inputWrapper{
        width: 100%;
    }
    .popupContent{
        width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        max-width: unset !important;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    [data-popup="intStart"] h3, [data-popup="intEnd"] h3{
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    .header .interactive{
        position: fixed;
        left: 0;
        width: 100%;
        bottom: 0;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        max-width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 12px;
        height: 48px;
    }
    .header .intArrow{
        display: block;
    }
    .hero .row.g32{
        gap: 12px;
    }
    .catGroup{
        width: 100%;
    }
    .counterItem._empty{
        display: none;
    }
    .counterItem._uniq{
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        top: unset;
        left: unset;
        z-index: 0;
    }
    .counterItem._uniq img{
        -o-object-fit: cover;
           object-fit: cover;
        -o-object-position: center;
           object-position: center;
        margin: unset;
        left: unset;
        width: 100%;
        height: 100%;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .countersWrapper{
        padding: 0;
        max-width: 100%;
    }
    .counterItem{
        max-height: 132px;
    }
    .benItem{
        font-size: 14px;
    }
    .sliderWrapper[data-slider="partners"]{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 16px;
    }
    .sliderWrapper[data-slider="partners"] .slick-list{
        margin: 0 -52px;
    }
    .sliderWrapper[data-slider="partners"] .slideItem{
        max-height: 100px;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .sliderWrapper[data-slider="partners"] .slick-slide{
        padding: 0 4px;
    }
    .sliderWrapper[data-slider="partners"] .slideItem img{
        max-height: 80px;
    }
    .mobHide{
        display: none;
    }
    .mobShow{
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 280px;
        margin: 0 auto;
    }
    .sliderHead{
        padding: 0;
        border: none;
    }
    .sliderHead .icon{
        display: none;
    }
    .sliderTabs{
        padding: 0;
        gap: 0;
    }
    .sliderTab{
        padding: 6px 16px;
    }
    .consult{
        -webkit-background-size: cover;
           -moz-background-size: cover;
             -o-background-size: cover;
                background-size: cover;
        padding: 36px;
        padding-left: 48px;
    }
    .consultRow{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        gap: 12px;
    }
    .consultRow .inputWrapper{
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: none;
           -moz-box-flex: 0;
            -ms-flex: none;
                flex: none;
    }
    .consultRow .btn{
        width: 100%;
        -webkit-box-flex: 0;
        -webkit-flex: none;
           -moz-box-flex: 0;
            -ms-flex: none;
                flex: none;
    }
    .consultRow .inputWrapper, .consultRow .btn{
        height: 48px;
        max-width: 100%;
    }
    .inputWrapper span{
        top: 8px;
        left: 16px;
        font-size: 9px;
    }
    .inputWrapper input{
        font-size: 12px;
        padding-left: 16px;
    }
    .btn{
        font-size: 12px !important;
    }
    h2{
        text-align: center;
        font-size: 24px;
    }
    h1{
        font-size: 36px !important;
    }
    .hero{
        font-size: 14px;
    }
}
@media screen and (max-width: 680px) {
    .filtersOpen, .sortOpen{
        height: 44px;
    }
    .catalogWrapper[data-type="rows"],
    .catalogWrapper[data-type="cols"]{
        gap: 16px;
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 640px) {
    [data-selector="hide"] .selectorWrapper{
        position: relative;
        top: unset;
        background: transparent;
        border: none;
    }
    .cartTableRow .info{
        padding: 6px 12px;
    }
    .cartTableBottom p{
        padding: 0 !important;
        width: auto !important;
        min-width: auto !important;
    }
    .cartTableBottom{
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .cartForm .content{
        padding: 16px;
    }
    .cartForm h4{
        padding: 0 16px;
    }
    .compareCol .cardItem,
    .compareRow .item{
        min-width: -webkit-calc(100% / 2);
        min-width: -moz-calc(100% / 2);
        min-width: calc(100% / 2);
        max-width: -webkit-calc(100% / 2);
        max-width: -moz-calc(100% / 2);
        max-width: calc(100% / 2);
    }
    .cartAction .toCart .btn{
        max-width: -webkit-calc(50% - 10px);
        max-width: -moz-calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
    .pageContent .col .btn{
        max-width: 100%;
    }
    .mTable h4{
        font-size: 12px;
    }
    .mTable .item{
        font-size: 12px;
        padding: 8px 12px;
    }
    .pageTopB h2{
        font-size: 14px;
        max-width: 200px;
    }
    .pageTopB{
        height: 100px;
        background-position: left !important;
        -webkit-background-size: cover !important;
           -moz-background-size: cover !important;
             -o-background-size: cover !important;
                background-size: cover !important;
        padding-left: 20px;
    }
    .formEnd{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 12px;
    }
    .formEnd .btn{
        max-width: 100%;
        width: 100%;
    }
    .newsNav strong{
        display: none;
    }
    .footer .big{
        font-size: 16px;
    }
    .pagination .arrow span{
        display: none;
    }
    .pagination a, .pagination p{
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        width: 40px;
    }
    h4{
        font-size: 16px;
    }
    .sliderHead{
        gap: 8px;
    }
    .formCol{
        width: 100%;
    }
    .formCol:last-child .selectorCheckbox, .formCol:last-child .rangeItem{
        width: 100%;
    }
    .lastRow{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        gap: 24px;
    }
    .lastRow .row{
        gap: 12px;
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
           -moz-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .resetForm, .btn{
        max-width: 240px;
        min-width: unset;
        width: 100%;
        height: 48px;
    }
    .resetForm{
        text-decoration: none;
        border: 1px solid #0066CC;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        font-size: 14px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;
                border-radius: 8px;
    }
    .benItem{
        width: 100% !important;
        max-width: 100% !important;
        font-size: 12px;
        padding: 8px;
    }
    .benItem .icon{
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
    .benItem .icon img{
        width: 20px;
        height: 20px;
    }
    .tabItem>div{
        padding: 20px;
    }
    .container,
    .consultSection .col,
    .footerRow > .col, .footer .socials,
    .footerNav .big,
    .tabName{
        padding: 0 20px;
    }
    .footerNav [data-role="links"]{
        max-width: -webkit-calc(100% - 40px);
        max-width: -moz-calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
    .consult{
         padding: 32px;
    }
    .consult h2, .consult p{
        padding: 0 20px;
    }
    .consult h2::after{
        left: 0;
        height: 36px;
        background-position: bottom;
    }
    h2{
        font-size: 22px;
    }
    .consult{
        font-size: 12px;
    }
    .bInfo{
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        top: unset;
        bottom: -80px;
        min-width: 290px;
        right: unset;
        padding: 24px;
    }
    .pageImage{
        margin-bottom: 90px;
    }
    .mapWrapper .bInfo{
        bottom: -44px;
    }
    .mapWrapper{
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 580px) {
    .cartAction{
        padding: 16px 0;
    }
    .cardTitle h1{
        font-size: 28px;
    }
    .sortTypes{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .sortTypes p{
        margin: 0;
        width: 100%;
    }
    .cardItem .image{
        height: 100px;
    }
    .cardItem h3{
        font-size: 14px;
    }
    .price .current{
        font-size: 16px;
    }
    .price .old{
        font-size: 10px;
    }
    .cardItem .info, .cartAction .info{
        font-size: 10px;
    }
    .pagination a, .pagination p{
        width: 36px;
        height: 36px;
        min-width: 36px;
        padding: 0 !important;
    }
    .pagination{
        gap: 8px;
        margin-top: 0;
    }
    .newsItem .content{
        width: 100%;
        padding: 0 12px;
    }
    .newsItem h3{
        font-size: 12px;
    }
    .newsItem .content p:not(.date){
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .newsItem .image{
        width: 100%;
        height: 108px;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    .pageNews{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        gap: 16px;
    }
    .newsItem{
        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
                border-radius: 10px;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0;
        width: -webkit-calc(50% - 8px);
        width: -moz-calc(50% - 8px);
        width: calc(50% - 8px);
        border: 1px solid #E6EBF3 !important;
        padding-bottom: 12px;
        gap: 12px;
    }
    .prreneItem .content{
        padding: 12px;
        padding-bottom: 16px;
    }
    .prreneItem .image{
        height: 140px;
    }
    .header .call .col,
    .header .call img{
        display: none;
    }
    .headerWrapper{
        gap: 16px;
    }
    .call > a, .cart{
        min-width: 36px;
        width: 36px;
        height: 36px;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
    }
    .call > a{
        background: #FFFFFF;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        color: #1E1E1E;
        border: 1px solid #FFFFFF;
    }
    .call > a:hover{
        color: #FFFFFF;
        background: transparent;
    }
    .cart svg{
        width: 24px;
        height: 24px;
    }
    .call > a svg{
        width: 20px;
        height: 20px;
    }
    .footerRow > .col:first-child{
        text-align: center;
        width: 100%;
        max-width: unset;
    }
    .footerRow>.col:first-child > .col{
        max-width: 100%;
    }
    .footer .logotype{
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer .phones{
        max-width: 100%;
        width: 100%;
    }
    .footer .call{
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer .worktime{
        text-align: center;
        padding: 0;
    }
    .footer .call .col{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        gap: 12px;
    }
    .footer .call .phone{
        font-weight: 400;
    }
}
@media screen and (max-width: 540px) {
    .sliderWrapper[data-slider="useful_news"] .slick-list{
        margin: 0 -64px;
    }
    .sortTags,
    .sortWrapper .catalogFilters{
        width: 100%;
        margin: 0;
    }
    .sortWrapper{
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        gap: 12px;
        padding-bottom: 12px;
    }
    .popupContent .w50{
        width: 100%;
    }
    .pageLink{
        font-size: 14px;
    }
}
@media screen and (max-width: 480px) {
    .compareCol .arrow{
        top: 52px;
    }
    .compareCol .cardItem{
        padding-bottom: 8px !important;
    }
    .compareCol .cardItem .image img{
        max-height: 80px !important;
    }
    .cardItem .remove{
        right: 10px;
        top: 10px;
    }
    [data-type="favourite"] .cardItem .btn{
        height: 32px !important;
        width: 100%;
        max-width: 100%;
    }
    [data-type="favourite"] .cardItem .toCart{
        padding: 10px 12px !important;
    }
    .mTable h4{
        height: 44px;
    }
    .cartAction .price .current{
        font-size: 28px;
    }
    .cardPage .image{
        max-height: 180px;
    }
    .sliderWrapper[data-slider="similar"] .slick-slide{
        width: 160px;
    }
    .cardItem h3{
        font-size: 12px !important;
        padding: 8px 12px !important;
    }
    .price, .cardItem .info, .cardItem .control{
        padding: 0 12px !important;
    }
    .toCart{
        padding: 0 12px !important;
        padding-top: 6px !important;
    }
    .cardItem .control{
        padding-bottom: 12px !important;
    }
    .vacItem>h4{
        padding: 0 24px;
    }
    .prreneItem h3{
        text-align: left;
    }
    .sliderTabItem .sliderWrapper .item, .useful .sliderWrapper .item{
        padding: 0 4px;
    }
    .sliderWrapper[data-slider="cert"] .slideItem{
        min-height: 120px;
    }
    .sliderWrapper[data-slider="cert"] .slideItem img{
        top: 12px;
        left: 12px;
    }
    .sliderWrapper[data-slider="cert"] .slideItem:hover img {
        left: 4px;
        top: 4px;
    }
    .counterItem .number{
        font-size: 26px;
    }
    .titleRow h2{
        width: 100%;
        line-height: 120%;
    }
    .formCol, .formRow{
        gap: 12px;
    }
    h1{
        font-size: 30px !important;
    }
    h2{
        font-size: 22px;
    }
    h3{
        text-align: center;
        font-size: 18px;
        padding-bottom: 10px;
    }
    .lastRow .row{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .benefits{
        gap: 12px;
    }
    .successer{
        padding: 24px;
        gap: 16px;
    }
}
@media screen and (max-width: 414px) {
    .cartTable [data-name="count"]{
        width: 40%;
        padding: 6px 12px;
    }
    .cartTable [data-name="price"]{
        width: 60%;
        padding: 6px 12px;
        padding-left: 0;
    }
    .successer h4{
        font-size: 20px;
    }
    .successer{
        font-size: 10px;
    }
    .cartTableBottom [data-name="start"]{
        font-size: 18px;
    }
    .cartTableBottom [data-name="end"]{
        font-size: 20px;
    }
    .selectHead{
        height: 44px;
    }
    .selectHead div{
        gap: 2px;
    }
    .compareCol .groupName{
        font-size: 10px;
        height: 32px;
    }
    .sliderName{
        font-size: 10px;
        height: 24px;
    }
    .compareRow .item{
        height: 24px;
    }
    .compareRow .item{
        font-size: 10px;
    }
    [data-type="favourite"] .cardItem h3{
        padding-right: 28px !important;
    }
    [data-type="favourite"] .cardItem .toCart{
        padding-top: 0 !important;
    }
    .sliderWrapper[data-slider="similar"] .element{
        padding: 0 4px;
    }
    .sortTags .checkItem p{
        height: 28px;
        padding: 0 8px;
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;
    }
    .footerNav p.big::after{
        right: 16px;
    }
    .sortTypes a{
        gap: 6px;
        padding: 0 6px;
        height: 28px;
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;
    }
    .sortTypes{
        gap: 8px 0;
    }
    .cardItem{
        gap: 6px !important;
    }
    .cardItem .image{
        height: 80px;
    }
    .toCart .btn{
        height: 32px !important;
        -webkit-border-radius: 6px;
           -moz-border-radius: 6px;
                border-radius: 6px;
    }
    .vacItem>h4{
        font-size: 12px;
        padding: 0 16px;
    }
    .pageTopB h2{
        max-width: 180px;
    }
    .newsNav a{
        gap: 12px;
    }
    .footer .big{
        font-size: 14px;
    }
    .pageNews{
        gap: 12px;
    }
    .newsItem{
        width: -webkit-calc(50% - 6px);
        width: -moz-calc(50% - 6px);
        width: calc(50% - 6px);
    }
    .pagination a, .pagination p{
        width: 32px;
        height: 32px;
        min-width: 32px;
    }
    .fz16{
        font-size: 12px;
    }
    .pageImage{
        width: 100vw;
        margin-left: -16px;
    }
    .pageImage>img{
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    .mapWrapper{
        width: 100vw;
        margin-left: -16px;
    }
    .mapWrapper iframe{
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }
    h4{
        font-size: 14px;
    }
    .popupWrapper{
        padding: 20px;
    }
    .popupClose{
        top: 16px;
        right: 16px;
    }
    .popupContent .intIcon{
        width: 28px;
        height: 28px;
        min-width: 28px;
    }
    .popupContent .intIcon svg{
        width: 16px;
        height: 16px;
    }
    [data-popup="intStart"] h3, [data-popup="intEnd"] h3{
        font-size: 14px;
    }
    .prreneItem .image{
        height: 120px;
    }
    .prreneItem .item{
        width: 140px;
    }
    .tabItem>div{
        padding: 16px;
    }
    .container,
    .consultSection .col,
    .footerRow > .col, .footer .socials,
    .footerNav .big,
    .tabName{
        padding: 0 16px;
    }
    .container{
        gap: 16px;
    }
    .row.g32{
        gap: 16px;
    }
    .socItem{
        width: 40px;
        height: 40px;
    }
    .logotype img{
        max-height: 22px;
    }
    .headerWrapper{
        gap: 12px;
    }
    .selectorCheckbox .head,
    .customRadio p,
    .inputWrapper{
        height: 44px !important;
    }
    .btn,
    .resetForm{
        height: 44px !important;
    }
    .prreneItem:not(.bigItem) h3{
        font-size: 12px;
    }
    .prreneItem .content{
        font-size: 9px;
    }
    .sliderTabContainer .sliderWrapper .slick-slide{
        width: 160px;
    }
    .btnCenter .btn{
        max-width: 240px;
        min-width: 240px;
    }
    .btnCenter{
        padding: 0;
    }
    .vacancyForm .inputWrapper span{
        top: 8px;
    }
    .vacancyForm{
        padding: 0 16px;
    }
    .vacItem .content>.col, .vacItem .content .hideContent .col>.col{
        padding: 0 16px;
    }
    .hideContent h4{
        padding: 16px;
        font-size: 12px;
    }
    .end{
        padding: 0 16px;
    }
    .pageTopB{
        background-position: -60px !important;
    }
}

/* End */


/* Start:/local/templates/joyenergy/styles.css?17601803321*/


/* End */


/* Start:/local/templates/joyenergy/template_styles.css?17727999832218*/
#bx-panel.bx-panel-fixed {
  bottom: 0!important;
  top: unset!important;
}
.customCheckbox :disabled, .customCheckbox :disabled + p {
  opacity: 0.5;
}

.sortTypes a._active {
  pointer-events: unset!important;
}

.like {
  cursor: pointer;
}

.logotype img {
  width: 100%;
  max-width: 300px;
}

.cart-message {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 15px 20px;
  color: white;
  border-radius: 8px;
  z-index: 10000;
  animation: slideIn 0.3s ease;

  &.cart-message--success {
    background: linear-gradient(90deg, #0CACF9 36.54%, #3ADDFE 100%), #3CA0F0;
  }

  &.cart-message--error {
    background: #f44336;
  }

  & a {
    text-decoration: underline;
    color: #fff;
    font-weight: bold;
  }
}

.cookie-notification {
  width: calc(100% - 30px);
  margin: 0 auto;
  position: fixed;
  left: 15px;
  bottom: 15px;
  background: #fff;
  z-index: 100;
  padding: 15px;
  border: 1px solid #D7D9DE;
}

.cookie-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  font-size: 16px;

  a {
    text-decoration: underline;
  }

  .btn {
    width: 100px;
  }
}

.w-100 {
  width: 100%;
}

.interactive-catalog-btn {
  display: none;
}

.catalogFilters {
  .selectorCheckbox .selectorWrapper{
    max-height: 400px;
    overflow-y: auto;
  }
}

.useful-news:not(.slick-initialized) {
  display: flex;
  align-items: baseline;
  justify-content: center;

  .item {
    max-width: 295px;
  }
}

.header .container {
  height: 90px;
  overflow: hidden;
}

label.checkItem {
  height: 32px;
}

.vertical-slider {
  height: 12px;
}

.breadcrumbs a:nth-last-child {
  pointer-events: none;
}

.catalogDescription {
  padding: 16px 0;
}
@media (max-width: 740px) {
  .heade .containerr {
    height: 64px;
    overflow: hidden;
  }

  .cookie-content {
    flex-direction: column;
    text-align: center;
  }

  .header .interactive {
    right: 0;
    left: unset;
  }

  .interactive-catalog-btn {
    display: flex;
    position: fixed;
    height: 48px;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    width: 45%;
    bottom: 0;
    left: 0;
    font-size: 12px;
    text-transform: uppercase;
  }
}



/* End */
/* /local/templates/joyenergy/css/plugins/jquery-ui.min.css?175895871431415 */
/* /local/templates/joyenergy/css/plugins/slick.min.css?17589677221257 */
/* /local/templates/joyenergy/css/index.css?1769179345206692 */
/* /local/templates/joyenergy/styles.css?17601803321 */
/* /local/templates/joyenergy/template_styles.css?17727999832218 */