/* Start:/local/templates/technologia/files/css/jquery-ui.min.css?168059410932130*/ /*! jQuery UI - v1.13.1 - 2022-01-20 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/local/templates/technologia/files/css/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/local/templates/technologia/files/css/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/local/templates/technologia/files/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/local/templates/technologia/files/css/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/local/templates/technologia/files/css/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/local/templates/technologia/files/css/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/local/templates/technologia/files/css/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix: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;-ms-filter:"alpha(opacity=0)"}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;-ms-filter:"alpha(opacity=25)";opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:pointer;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;-ms-filter:"alpha(opacity=70)";font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;-ms-filter:"alpha(opacity=35)";background-image:none}.ui-state-disabled .ui-icon{-ms-filter:"alpha(opacity=35)"}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/technologia/files/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/technologia/files/css/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/technologia/files/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/technologia/files/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/technologia/files/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/technologia/files/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/technologia/files/css/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:.003;-ms-filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/technologia/files/css/datepicker.material.css?16831934135125*/ .datepicker { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .datepicker__wrapper { z-index: 98 !important; } .datepicker table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .datepicker table thead { background-color: var(--c-accent-add); } .datepicker table th, .datepicker table td { width: calc(100% / 7); padding: 1px; } .datepicker table td div { transition: var(--trans); } .datepicker table th { height: 20px; color: var(--c-neutral); font-weight: 400; font-size: 13px; text-align: center; } .datepicker__wrapper { color: #fff; padding: 12px 10px 16px; position: relative; z-index: 1; background: #293044; border-radius: 10px 0px 10px 10px; width: 200px; transform: translateX(-19px); } .datepicker__wrapper::after { content: ''; display: table; clear: both; } /* .datepicker:not(.is-inline) .datepicker__wrapper { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2); margin: 0.25rem 0; } */ .datepicker__header { display: flex; justify-content: space-between; align-items: center; position: relative; text-align: center; padding: 0.25rem; margin: -0.5rem -0.5rem 0; } .datepicker__title { display: inline-block; padding: 0.25rem; font-size: 15px; line-height: 1.5rem; font-weight: 400; color: #fff; } .datepicker__title span::after { content: ''; display: inline-block; width: 20px; height: 12px; background: no-repeat center / 50%; background-image: url('data:image/svg+xml,'); } .datepicker__prev, .datepicker__next { display: block; cursor: pointer; position: relative; outline: none; width: 12px; height: 20px; background: no-repeat center / 50%; font-size: 0; } .datepicker__prev:hover, .datepicker__next:hover { background-color: var(--c-accent-add); } .datepicker__prev { float: left; background-image: url('data:image/svg+xml,'); } .datepicker__next { float: right; background-image: url('data:image/svg+xml,'); } .datepicker__prev.is-disabled, .datepicker__next.is-disabled { pointer-events: none; cursor: default; opacity: 0.4; } .datepicker__time { padding: 0.5rem 1rem; margin: 0 -0.5rem; font-size: 0.75rem; text-align: right; background: #E3F2FD; border-bottom: 1px solid #BBDEFB; } .datepicker__label { margin-right: 1rem; color: rgba(0, 0, 0, 0.4); float: left; } .datepicker__field { display: inline-block; margin: 0 0.125rem; color: #333; width: 2ch; } .datepicker__field span { display: block; width: 100%; } .datepicker__day { color: #fff; } .datepicker__day div { cursor: pointer; display: block; box-sizing: border-box; border: 0; margin: 0; background: transparent; position: relative; border: 1px solid transparent; border-radius: 2px; } .datepicker__day div::after { content: ''; display: block; border-radius: 50%; padding-top: 100%; position: relative; background: inherit; z-index: 1; } .datepicker__day div:hover span, .datepicker__day.is-highlighted div span { color: var(--c-accent-main); } .datepicker__day.is-today { color: #ffffff; font-weight: 600; } /* .datepicker__day.is-today div::after { box-shadow: inset 0 0 0 1px currentColor; } .datepicker__day.is-today.is-disabled.is-selected div::after, .datepicker__day.is-today.is-otherMonth.is-selected div::after { box-shadow: none; } */ .datepicker__day.is-selected div { border-color: var(--c-accent-main); } /* .datepicker__day.is-selected:hover div::after { background: #1E88E5; } */ .datepicker__day.is-selected .datepicker__daynum { color: var(--c-accent-main); } .datepicker__day.is-selected + .is-selected div::before, .datepicker__day.is-highlighted + .is-highlighted div::before { content: ''; position: absolute; top: 0; left: -50%; width: 100%; height: 100%; background: inherit; z-index: 0; } .datepicker__day.is-disabled, .datepicker__day.is-otherMonth { cursor: default; pointer-events: none; color: var(--c-neutral); } .datepicker__day.is-weekend { color: var(--c-danger); } .datepicker__day.is-disabled.is-selected .datepicker__daynum, .datepicker__day.is-otherMonth.is-selected .datepicker__daynum { color: rgba(0, 0, 0, 0.2); } .datepicker__day.is-disabled.is-selected div, .datepicker__day.is-otherMonth.is-selected div, .datepicker__day.is-disabled.is-selected + .is-selected div::before, .datepicker__day.is-otherMonth.is-selected + .is-selected div::before { background: #E3F2FD; } .datepicker__daynum { position: absolute; top: 50%; left: 0; width: 100%; font-size: 13px; line-height: 1rem; margin-top: -0.5rem; text-align: center; z-index: 2; } /* End */ /* Start:/local/templates/technologia/files/css/dropzone.min.css?16831934139830*/ @-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} /* End */ /* Start:/local/templates/technologia/components/bitrix/sale.basket.basket.line/ts_basket_button/style.min.css?16814092634065*/ .basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/technologia/components/bitrix/sale.basket.basket.line/ts_basket_button/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/technologia/components/bitrix/sale.basket.basket.line/ts_basket_button/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.vcenter{bottom:10px;top:auto !important}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-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)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em} /* End */ /* Start:/local/templates/technologia/components/bitrix/search.title/ts_search/style.css?1683986115887*/ .searche-title {} .search-title-button { background-image: url(/local/templates/technologia/components/bitrix/search.title/ts_search/images/icon-search.svg); background-repeat: no-repeat; background-position: center; min-width: 45px; /* min-height: 38px; */ height: calc(1.5em + 0.75rem); } .title-search-result { display: none; overflow: hidden; z-index: 205; background-color: #fff; border: none; border-radius: 10px; padding: 0 15px; } .title-search-result:last-of-type { display: none !important; } .search-title-result-item { border-bottom: 1px solid #ddd; } .search-title .search-title-result-item:last-child { border-bottom: none; } .search-title-result-item-link { font-size: 16px; transition: 170ms linear all; } .search-title-result-item-price { font-size: 16px; } .search-title-result-item-current-price { font-weight: bold; } .search-title-result-item-old-price { font-size: 80%; text-decoration: line-through; } /* End */ /* Start:/local/templates/technologia/css/style.css?1788843957159925*/ @charset "UTF-8"; *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus, *:active { outline: none; } html:focus-within { scroll-behavior: smooth; } body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ul, li, button, input, textarea { padding: 0; margin: 0; } body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } ul[role=list], ol[role=list] { list-style: none; } a, a:visited { text-decoration: none; } a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; } button { cursor: pointer; } img, picture { max-width: 100%; -o-object-fit: cover; object-fit: cover; display: block; } a, img, picture { -ms-flex-negative: 0; flex-shrink: 0; } input, button, textarea, select { font: inherit; } button { border: none; } html { --c-main: #000; --c-main-add: #2B2B2B; --c-accent-main: #38B86B; --c-btn-hover: #2D8A52; --c-accent-add: #383F53; --c-neutral: #7B7B7B; --c-neutral-light: #EAEAEA; --c-neutral-middle: #B0B0B0; --c-bg: #F3F3F3; --c-danger: #EB5757; --trans: all 0.2s ease; --ff-main: "Arial", sans-serif; --ff-add: "Arial", sans-serif; } body { font: 400 18px var(--ff-main); color: var(--c-main); line-height: 1.3; letter-spacing: 0.035em; background-color: var(--c-bg); overflow-x: hidden; } html, body { height: 100%; } .wrapper { min-height: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .main { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-top: 20px; padding-bottom: 120px; overflow-x: hidden; } .main.no-padding { padding: 0; } .container { max-width: 1470px; width: 100%; padding: 0 15px; margin: auto; } button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button :focus { outline: none; } h1, h2, h3, h4, h5 { font: 400 18px var(--ff-add); text-transform: uppercase; color: var(--c-main-add); } .h1 { font-size: 45px; } .page-title .h1 { font-size: 38px; color: var(--c-accent-add); } .h2 { font-size: 38px; color: var(--c-accent-add); } .h3 { font-size: 26px; line-height: 1.3; color: var(--c-main-add); } .h4 { font-size: 15px; color: var(--c-main); } .h5 { font-size: 15px; color: var(--c-main); text-transform: unset; } ul { list-style: none; } a { color: var(--c-main); } a, button, input[type=submit], label { -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } a:active { color: inherit; } button { background-color: transparent; -ms-flex-negative: 0; flex-shrink: 0; } .svg { fill: var(--c-main); width: 100%; height: 100%; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); -ms-flex-negative: 0; flex-shrink: 0; } .svg path { fill: inherit; } img { width: 100%; height: 100%; } .ts-link:hover { color: var(--c-accent-main); } .ts-link_second { color: var(--c-accent-add); text-decoration: underline; } .ts-link_second:hover { text-decoration: none; } .italic { font-style: italic; } .strong { font-weight: 600; } .ts-highlight { position: relative; display: inline-block; } .ts-highlight::before { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; width: 102%; height: 40%; background-color: rgba(0, 0, 0, 0.2); } .ts-highlight_high::before { height: 70%; } .ts-highlight_mono::before { background-color: rgba(43, 81, 177, 0.2); } .ts-highlight_color::before { background-color: rgba(56, 184, 107, 0.5); } .ts-text-anno { position: relative; } .ts-text-anno::after { display: block; position: absolute; content: ""; background: url(/local/templates/technologia/css/../img/text-star.svg) no-repeat center/contain; width: 20px; height: 20px; bottom: 65%; right: -20px; } /* -- Scrollbar -- */ /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -ms-flex-order: 9999; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .btn { display: block; background-color: var(--c-accent-main); font-weight: 700; font-size: 18px; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; line-height: 1.2225em; color: #fff; border: 1px solid var(--c-accent-main); border-radius: 6px; cursor: pointer; padding: 13px 40px; } .btn:hover { background-color: var(--c-btn-hover); border-color: var(--c-btn-hover); } .btn:active { color: #fff; } .btn_ghost { color: var(--c-accent-main); background-color: transparent; border: 1px solid var(--c-accent-main); } .btn_ghost:hover { color: #fff; border-color: var(--c-btn-hover); } .btn_small { font-size: 16px; padding: 9px; } .btn_small-account { font-size: 13px; line-height: 1.08em; color: var(--c-accent-add); padding: 12px 16px; } .btn_small-text { text-transform: unset; padding: 9px 17px; } .btn_normal-text { text-transform: unset; } .btn_icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: 1px solid var(--c-neutral); padding: 9px; } .btn_icon .svg { width: 20px; height: 20px; fill: var(--c-neutral); } .btn_icon .svg:not(:first-child) { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .btn_icon .svg.hide { opacity: 0; } .btn_icon:hover { background-color: var(--c-accent-main); border-color: transparent; } .btn_icon:hover .svg { fill: #fff; } .btn_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 9px; } .btn_flex-cart { position: relative; } .btn_flex-cart .btn__icon { margin-right: 0; } .btn_flex-cart .btn__text { font-size: 13px; margin-left: 10px; } .btn_flex-cart-count { position: absolute; right: -6px; top: -7px; font-size: 10px; background-color: #fff; border-radius: 5px; color: var(--c-accent-main); line-height: 1; border: 1px solid var(--c-accent-main); padding: 3px 5px; } .btn_accent-add { text-transform: unset; font-size: 16px; background-color: var(--c-accent-add); border: none; padding: 9px 22px; } .btn_accent-add:hover { background-color: #222A3C; } .btn_catalog { min-width: 160px; font-size: 14px; color: #fff; border: 2px solid #fff; } .btn_catalog:hover { color: var(--c-accent-add); border-color: #fff; background-color: #fff; } .btn_add { text-transform: unset; font-size: 16px; border: none; background-color: rgba(56, 63, 83, 0.7); padding: 14px 18px; } .btn_add:hover { background-color: var(--c-accent-add); } .btn_add-reverse { background-color: var(--c-accent-add); } .btn_add-reverse:hover { background-color: rgba(56, 63, 83, 0.7); } .btn_add-ghost { background-color: transparent; border: 1px solid var(--c-neutral); color: var(--c-neutral); } .btn_add-ghost:hover { background-color: transparent; border-color: var(--c-accent-add); color: var(--c-accent-add); } .btn__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 6px; } .btn__icon.only-icon { margin-right: 0; } .btn__icon .svg { width: 20px; height: 20px; fill: #fff; } .btn__text { font-size: 16px; line-height: 1em; } .btn_danger { background-color: var(--c-danger); border: none; } .btn_danger:hover { background-color: #c93131; } .button-wrapp__btn { margin: auto; } .text-block { color: var(--c-main-add); } .text-block p:not(:first-of-type) { margin-top: 20px; } .text-block ul { list-style: decimal; padding-left: 25px; } .img-block { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 30px; overflow: hidden; } .search { position: relative; } .search__btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 50%; right: 20px; z-index: 60; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search__btn .svg { width: 18px; height: 18px; fill: var(--c-neutral-middle); } .search__input { display: block; min-width: 264px; width: 100%; max-height: 40px; height: 100%; font-family: var(--ff-main); font-weight: 400; font-size: 14px; letter-spacing: 0.04em; color: #fff; background-color: #6e7078; border: none; border-radius: 100px; padding: 11px 48px 11px 21px; } .search *::-webkit-input-placeholder { color: var(--c-neutral-light); -webkit-transition: var(--trans); transition: var(--trans); } .search *::-moz-placeholder { color: var(--c-neutral-light); -moz-transition: var(--trans); transition: var(--trans); } .search *:-moz-placeholder { color: var(--c-neutral-light); -moz-transition: var(--trans); transition: var(--trans); } .search *:-ms-input-placeholder { color: var(--c-neutral-light); -ms-transition: var(--trans); transition: var(--trans); } .search *:focus::-webkit-input-placeholder { color: #D4D4D4; -webkit-transition: var(--trans); transition: var(--trans); } .search *:focus::-moz-placeholder { color: #D4D4D4; -moz-transition: var(--trans); transition: var(--trans); } .search *:focus:-moz-placeholder { color: #D4D4D4; -moz-transition: var(--trans); transition: var(--trans); } .search *:focus:-ms-input-placeholder { color: #D4D4D4; -ms-transition: var(--trans); transition: var(--trans); } .img-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 200px; overflow: hidden; } .img-wrapper img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .logo { max-width: 210px; width: 100%; } .logo.hide { opacity: 0; pointer-events: none; } .menu-list__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .menu-list__show-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .menu-list__item:not(:first-of-type) { margin-left: 38px; } .menu-list__item a { white-space: nowrap; } .menu-list__add { display: -webkit-box; display: -ms-flexbox; display: flex; display: none; border-color: #fff; margin-left: 28px; } .menu-list__add .svg { fill: #fff; } .menu-list__add.active { border-color: var(--c-neutral-middle); } .menu-list__add.active .svg { fill: var(--c-neutral-middle); } .menu-list__add:hover { background: transparent; border-color: var(--c-neutral-middle); } .menu-list__add:hover .svg { fill: var(--c-neutral-middle); } .menu-list__hide-menu { position: absolute; right: 0; top: 100%; max-width: 300px; padding: 10px 20px; display: none; } .menu-list__hide-menu .menu-list__item:not(:first-of-type) { margin-left: 0; } .menu-list__hide-menu .menu-list__item a { white-space: unset; } .categories-menu { display: none; position: absolute; left: 0; top: calc(100% + 10px); background-color: var(--c-accent-add); padding-bottom: 10px; } .categories-menu__child { display: none; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; position: absolute; left: 100%; top: 0; background-color: #fff; } .categories-menu__item { position: relative; } .categories-menu__item > a { display: block; color: #fff; font-size: 13px; text-transform: uppercase; text-align: left; padding: 7px 20px 6px; } .categories-menu__item > a:hover { background-color: #293044; } .categories-menu__item:hover .categories-menu__child { display: block; } .categories-menu__item.open .categories-menu__icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .categories-menu__icon { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 10px; z-index: 10; width: 30px; height: 30px; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .categories-menu__icon .svg { width: 12px; height: 12px; fill: #fff; } .categories-menu__child-item { display: inline-block; } .categories-menu__child-item > a { display: block; min-width: 270px; color: var(--c-main); font-size: 13px; width: 100%; height: 100%; text-transform: uppercase; padding: 7px 20px 6px; } .categories-menu__child-item > a:hover { background-color: var(--c-neutral-light); } .overlay-mobile-menu, .ts-menu-mobile { --overlay-bg: rgba(0, 0, 0, 0.5); --overlay-z-index: 997; --menu-z-index: 998; --menu-bg: #fff; --menu-shadow: unset; --menu-transition: all 0.5s ease; --menu-padding: 80px 25px 25px; --close-color: #666; } .overlay-mobile-menu { display: none; position: fixed; top: 0; left: 0; z-index: var(--overlay-z-index); background-color: var(--overlay-bg); width: 100%; min-height: 100%; cursor: pointer; } .ts-menu-mobile { position: absolute; top: 0; height: 100vh; right: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); z-index: var(--menu-z-index); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-width: 300px; max-width: 80%; background-color: var(--menu-bg); -webkit-box-shadow: var(--menu-shadow); box-shadow: var(--menu-shadow); -webkit-transition: var(--menu-transition); -o-transition: var(--menu-transition); transition: var(--menu-transition); overflow-y: auto; padding: var(--menu-padding); } .ts-menu-mobile.active { -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .ts-menu-mobile__close { position: absolute; top: 20px; right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 25px; height: 25px; } .ts-menu-mobile__close .svg { fill: var(--close-color); } .ts-menu-mobile__footer { margin-top: 30px; } .breadcrumbs { margin-bottom: 40px; } .breadcrumbs__wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 13px; font-size: 14px; color: var(--c-main-add); } .breadcrumbs__current { color: var(--c-neutral); } .long-slider { padding-bottom: 20px; } .long-slider__wrap { max-width: 170px; margin: auto; } .long-slider__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border-radius: 20px; width: 170px; height: 120px; padding: 15px; } .long-slider__item img { -o-object-fit: contain; object-fit: contain; } .block-spoiler__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; border-bottom: 1px solid var(--c-neutral-middle); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 25px 20px 22px; } .block-spoiler__item.open > .block-spoiler__header .block-spoiler__icon { display: none; } .block-spoiler__item_simple:first-of-type { margin-top: 15px; } .block-spoiler__item_simple .catalog__filter-checkboxes { display: block; } .block-spoiler__item-simple-first { margin-top: 15px; } .block-spoiler__title { font-weight: 500; font-size: 24px; padding-right: 70px; } .block-spoiler__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 32px; height: 30px; padding: 4px; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .block-spoiler__icon .svg { fill: var(--c-main-add); } .block-spoiler__content { display: none; padding-top: 40px; } .work-item__title { max-width: 1075px; margin-bottom: 40px; } .work-item__title .h3 { color: var(--c-accent-add); } .work-item__subtitle { font-size: 20px; color: var(--c-main); padding-top: 20px; margin-bottom: 20px; } .work-item__content-block:not(:last-child) { margin-bottom: 20px; } .work-item__content-text p { margin-bottom: 10px; } .work-item__content-text ul { list-style: decimal; padding-left: 25px; } .work-item__content-text ul.dots { list-style: outside; } .work-item__add { margin-top: 30px; } .work-item__add-text { max-width: 710px; } .work-item__add-strong { font-weight: 700; margin-top: 30px; } .work-item:not(:last-child) { margin-bottom: 120px; } .work-item .block-spoiler__item:not(:last-child) { margin-bottom: 10px; } .work-item .block-spoiler__item.open > .block-spoiler__header .block-spoiler__icon { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .work-item .block-spoiler__header { border: none; background-color: #fff; padding: 17px 30px; } .work-item .block-spoiler__title .h4 { font-size: 20px; } .work-item .block-spoiler__icon { width: 22px; height: 22px; } .work-item .block-spoiler__content { background-color: #fff; padding: 30px; } .filter-categories a { display: block; } .filter-categories a:hover { color: var(--c-btn-hover); } .filter-categories__item { font-size: 16px; text-transform: uppercase; } .filter-categories__item > a { padding: 3px 0; } .filter-categories__item.active a { color: var(--c-btn-hover); } .filter-categories__child > a { padding-left: 15px; } .price-range input[type=number]::-webkit-inner-spin-button, .price-range input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .price-range__header { margin-bottom: 30px; } .price-range__header-values { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 12px 1fr; grid-template-columns: 1fr 12px 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } .price-range__number { width: 100%; font-family: var(--ff-main); font-weight: 400; font-size: 15px; color: var(--c-main); border: 1px solid var(--c-neutral-middle); border-radius: 6px; padding: 9px 20px; } .price-range span { font-size: 14px; text-align: center; color: var(--c-neutral-middle); } .price { font-weight: 700; font-size: 20px; color: var(--c-accent-add); white-space: nowrap; } .price_old { color: var(--c-neutral); text-decoration: line-through; margin-right: 10px; } .simple-table__column { padding-top: 7px; padding-bottom: 7px; } .simple-table__column_1 { display: -ms-grid; display: grid; -ms-grid-columns: -webkit-max-content auto; -ms-grid-columns: max-content auto; grid-template-columns: -webkit-max-content auto; grid-template-columns: max-content auto; gap: 5px; -webkit-box-align: end; -ms-flex-align: end; align-items: end; width: 360px; color: var(--c-neutral); } .simple-table__column_1::after { display: inline-block; content: ""; width: 100%; height: 1px; background-color: #D9D9D9; -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } .simple-table__column_2 { padding-left: 5px; } .small-table__column { padding-top: 7px; padding-bottom: 7px; } .small-table__column_1 { display: -ms-grid; display: grid; -ms-grid-columns: -webkit-max-content auto; -ms-grid-columns: max-content auto; grid-template-columns: -webkit-max-content auto; grid-template-columns: max-content auto; gap: 5px; -webkit-box-align: end; -ms-flex-align: end; align-items: end; width: 255px; } .small-table__column_1::after { display: inline-block; content: ""; width: 100%; min-width: 10px; height: 1px; background-color: #D9D9D9; -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } .small-table__column_2 { padding-left: 5px; } .setting-slider { --ss-line-heigth: 1px; --ss-bg: var(--c-neutral-middle); --ss-color: var(--c-accent-main); } .setting-slider { width: calc(100% - 24px); height: var(--ss-line-heigth); background: var(--ss-bg); border-radius: 5px; border: none !important; cursor: pointer; margin: auto; } .setting-slider .ui-slider-handle { width: 23px; height: 23px; background-color: #fff; border: 1px solid var(--ss-color); border-radius: 50%; top: 50%; margin-left: unset; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .setting-slider .ui-widget-header { background-color: var(--ss-color); } .slider-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider-navigation__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 42px; height: 42px; background-color: rgba(234, 234, 234, 0.5); border-radius: 6px; cursor: pointer; } .slider-navigation__button .svg { width: 24px; height: 24px; fill: rgba(43, 43, 43, 0.5); } .slider-navigation__button:hover { background-color: var(--c-neutral-ligth); } .slider-navigation__button:hover .svg { fill: var(--c-main); } .slider-navigation__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 20px; } .slider-navigation__pagination .swiper-pagination-bullet { display: block; width: 5px; height: 5px; border-radius: 50%; background: rgba(123, 123, 123, 0.5); cursor: pointer; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); margin: 4px; } .slider-navigation__pagination .swiper-pagination-bullet-active { background: var(--c-neutral); } .hide-items__button { display: block; font-size: 15px; color: var(--c-neutral); text-decoration: underline; margin: 5px; } .products-block { padding: 50px 0; } .products-block__title-wrap { margin-bottom: 60px; } .products-block__title { text-align: center; } .pages-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pages-pagination a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; background-color: var(--c-neutral-light); border: 1px solid var(--c-neutral-light); border-radius: 6px; cursor: pointer; } .pages-pagination a .svg { width: 24px; height: 24px; fill: var(--c-neutral); } .pages-pagination a:hover { border-color: var(--c-accent-main); } .pages-pagination a.active { font-weight: 700; border-color: var(--c-accent-main); color: #fff; background-color: var(--c-accent-main); } .pages-pagination__pages { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; } .pages-pagination__pages a:not(:first-child, .pages-pagination__more) { margin-left: 10px; } .pages-pagination__page-link { font-family: "Inter", sans-serif; font-weight: 400; font-size: 15px; color: var(--c-main-add)!important; border: 1px solid var(--c-accent-main); width: 40px; height: 40px; box-sizing: border-box; padding: 0 10px; display: flex; align-items: center; justify-content: center; border-radius: 6px; text-align: center; } .pages-pagination__page-link:hover{ color: #fff; background-color: var(--c-accent-main); } .pages-pagination__prev { margin-right: 20px; } .pages-pagination__next { margin-left: 20px; } .pages-pagination__more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; background-color: unset !important; border-color: transparent !important; margin: 0 10px 0 20px; } .pages-pagination__more:hover { background-color: unset !important; border-color: transparent !important; } .pages-pagination__bullet { display: block; -ms-flex-negative: 0; flex-shrink: 0; width: 5px; height: 5px; border-radius: 50%; background: var(--c-neutral); -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); margin: 4px; } .ts-tabs__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 60px; } .ts-tabs__tab { font-family: var(--ff-add); font-size: 26px; text-align: center; text-transform: uppercase; color: var(--c-neutral); border-bottom: 2px solid var(--c-neutral-light); padding: 6px 10px; } .ts-tabs__tab.active { border-bottom-color: var(--c-accent-add); color: var(--c-accent-add); } .ts-tabs__item { display: none; opacity: 0; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .ts-tabs__item.active { display: block; } .ts-tabs__item.show { opacity: 1; } .ts-tabs__item_mobile-scroll { scrollbar-width: thin; scrollbar-color: var(--c-accent-main) var(--c-neutral-middle); } .ts-tabs__item_mobile-scroll::-webkit-scrollbar { height: 6px; width: 6px; } .ts-tabs__item_mobile-scroll::-webkit-scrollbar-thumb { background-color: var(--c-accent-main); border-radius: 2px; height: 20px; width: 20px; } .ts-tabs__item_mobile-scroll::-webkit-scrollbar-track { background: var(--c-neutral-middle); border-radius: 50px; } .product { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 600px; width: 100%; height: 100%; background-color: #fff; border-radius: 10px; overflow: hidden; } .product:hover .product__quickview-wrap { opacity: 1; z-index: 50; } .product__mark { position: absolute; top: 0; right: 0; z-index: 10; border-radius: 0 0 0 8px; background-color: var(--c-accent-add); padding: 8px 17px 7px; } .product__mark p { font-weight: 700; font-size: 15px; color: #fff; text-transform: uppercase; text-align: center; } .product__mark_sale { background-color: var(--c-danger); } .product__mark_new { background-color: var(--c-accent-main); } .product__mark_hit { background-color: var(--c-accent-add); } .product__visual { position: relative; border-bottom: 1px solid var(--c-neutral-light); } .product__quickview-wrap { opacity: 0; position: absolute; top: 50%; left: 0; z-index: -1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .product__img { height: 260px; padding: 20px; } .product__img img { -o-object-fit: contain; object-fit: contain; width: auto; height: 100%; margin: auto; } .product__title { padding: 25px 20px 15px; } .product__title a:hover { color: var(--c-accent-main); } .product__footer { padding: 0 20px 26px; } .product__price { font-weight: 700; font-size: 16px; color: var(--c-accent-add); } .product__price-old { font-size: 14px; color: var(--c-neutral); text-decoration: line-through; margin-right: 10px; } .product__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product__controls { display: -webkit-box; display: -ms-flexbox; display: flex; } .product__controls .svg { width: 20px; height: 20px; fill: var(--c-neutral); } .product__controls .svg_active { position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; fill: var(--c-danger); } .product__controls button, .product__controls label { position: relative; cursor: pointer; width: 20px; height: 20px; } .product__controls button.active .svg, .product__controls label.active .svg { fill: var(--c-accent-main); } .product__controls button.active .svg_active, .product__controls label.active .svg_active { fill: var(--c-danger); } .product__controls button.active:hover .svg, .product__controls label.active:hover .svg { opacity: 0; fill: var(--c-accent-main); } .product__controls button.active:hover .svg_active, .product__controls label.active:hover .svg_active { opacity: 1; fill: var(--c-danger); } .product__controls button:hover .svg, .product__controls label:hover .svg { fill: var(--c-accent-main); } .product__controls button:hover .svg_active, .product__controls label:hover .svg_active { fill: var(--c-danger); } .product__controls button:last-child, .product__controls label:last-child { margin-left: 10px; } .product__control-add { width: 50px; height: 50px; cursor: pointer; } .product__control-add .svg_active { opacity: 0; fill: #fff; } .product__control-add.active { background-color: var(--c-accent-main); border-color: transparent; } .product__control-add.active .svg { fill: #fff; } .product__control-add.active .svg_active { fill: #fff; } .product__control-add.active:hover .svg { opacity: 0; fill: var(--c-accent-main); } .product__control-add.active:hover .svg_active { opacity: 1; fill: #fff; } .product__buttons { display: -ms-grid; display: grid; -ms-grid-columns: auto -webkit-max-content; -ms-grid-columns: auto max-content; grid-template-columns: auto -webkit-max-content; grid-template-columns: auto max-content; gap: 10px; margin-top: 20px; } .product__button { font-size: 14px; text-transform: unset; padding: 9px 13px; } .product__button .btn__text { font-size: 14px; } .product__button .btn__text.hide { display: none; } .product__button.btn_ghost { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__button.hide { display: none; } .product__button-added { display: none; font-size: 14px; height: 100%; padding: 9px; } .product__button-added.show { display: block; } .product-back { padding-bottom: 30px; } .product-back__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-back__link span { width: 20px; height: 20px; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); margin-right: 8px; } .product-back__link span .svg { fill: var(--c-neutral); } .product-back__link p { font-size: 15px; color: var(--c-neutral); -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .product-back__link:hover span .svg { fill: var(--c-main-add); } .product-back__link:hover p { color: var(--c-main-add); } .cart-qty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart-qty__remove { margin-right: 15px; } .cart-qty__remove span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 24px; cursor: pointer; padding: 2px; } .cart-qty__remove span .svg { fill: var(--c-neutral); } .cart-qty__remove span:hover .svg { fill: var(--c-danger); } .cart-qty__control { margin-left: 18px; } .cart-qty__control-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; } .cart-qty__control-wrap .ts-input { max-width: 50px; text-align: center; padding: 12px 8px; } .cart-qty__amount { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 20px; text-align: center; width: 15px; height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .cart-qty__amount_plus:hover { color: var(--c-accent-main); } .cart-qty__amount_minus:hover { color: var(--c-danger); } .socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .socials__item { position: relative; width: 37px; height: 37px; } .socials__item .svg { fill: var(--c-bg); } .socials__item:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .overlay, .ts-popup { --overlay-bg: rgba(0, 0, 0, 0.5); --overlay-z-index: 999; --popup-z-index: 1000; --popup-max-width: 600px; --popup-container-padding: 40px 50px; --popup-container-padding-mobile: 50px 20px 30px; --popup-container-bg: var(--c-bg); --popup-container-border-radius: 10px; --popup-container-shadow: unset; --popup-close-color: #fff; --popup-close-color-hover: var(--c-neutral-middle); } .overlay { display: none; position: fixed; top: 0; left: 0; z-index: var(--overlay-z-index); background-color: var(--overlay-bg); width: 100%; min-height: 100%; cursor: pointer; } .ts-popup { display: none; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: var(--popup-max-width); width: 100%; padding: 0 15px; z-index: var(--popup-z-index); } .ts-popup__container { position: relative; background-color: var(--popup-container-bg); -webkit-box-shadow: var(--popup-container-shadow); box-shadow: var(--popup-container-shadow); border-radius: var(--popup-container-border-radius); padding: var(--popup-container-padding); overflow: hidden; } .ts-popup__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; position: absolute; right: 0; top: 0; z-index: 10; border-radius: 0 0 0 10px; background-color: var(--c-accent-add); cursor: pointer; } .ts-popup__close .svg { width: 26px; height: 26px; fill: var(--popup-close-color); } .ts-popup__close:hover .svg { fill: var(--popup-close-color-hover); } .ts-popup__title { text-align: center; color: var(--c-accent-main); } /* -- Scrollbar Popup -- */ /* -- Scrollbar END -- */ .ts-form, .ts-form-simple, .cart, .checkout, .form-garanty, .search-page { --form-main-color: var(--c-main); --form-add-color: var(--c-neutral); --form-block-padding: 0 0 20px; --form-input-font: 400 15px var(--ff-main); --form-input-bg: #fff; --form-input-border: none; --form-input-border-radius: 6px; --form-input-padding: 14px 24px; --form-input-margin: 0; --form-input-error-color: var(--c-danger); --form-input-placeholer: rgba(43, 43, 43, 0.5); --form-input-placeholer-focus: rgba(43, 43, 43, 0.3); } .ts-input { width: 100%; font: var(--form-input-font); color: var(--form-main-color); border: var(--form-input-border); border-radius: var(--form-input-border-radius); font-variant-numeric: lining-nums; padding: var(--form-input-padding); margin: var(--form-input-margin); } .ts-input.error { border-color: var(--form-input-error-color); background-color: #f8d5d5; } .ts-input.valid { background-color: #e3ffe6; } textarea.ts-input { resize: vertical; } label.error { display: none !important; } .ts-check input.error ~ label { border-color: var(--c-danger); } .ts-form *::-webkit-input-placeholder, .cart *::-webkit-input-placeholder, .checkout *::-webkit-input-placeholder, .form-garanty *::-webkit-input-placeholder { color: var(--form-input-placeholer); -webkit-transition: var(--trans); transition: var(--trans); } .ts-form *::-moz-placeholder, .cart *::-moz-placeholder, .checkout *::-moz-placeholder, .form-garanty *::-moz-placeholder { color: var(--form-input-placeholer); -moz-transition: var(--trans); transition: var(--trans); } .ts-form *:-moz-placeholder, .cart *:-moz-placeholder, .checkout *:-moz-placeholder, .form-garanty *:-moz-placeholder { color: var(--form-input-placeholer); -moz-transition: var(--trans); transition: var(--trans); } .ts-form *:-ms-input-placeholder, .cart *:-ms-input-placeholder, .checkout *:-ms-input-placeholder, .form-garanty *:-ms-input-placeholder { color: var(--form-input-placeholer); -ms-transition: var(--trans); transition: var(--trans); } .ts-form *:focus::-webkit-input-placeholder, .cart *:focus::-webkit-input-placeholder, .checkout *:focus::-webkit-input-placeholder, .form-garanty *:focus::-webkit-input-placeholder { color: var(--form-input-placeholer-focus); -webkit-transition: var(--trans); transition: var(--trans); } .ts-form *:focus::-moz-placeholder, .cart *:focus::-moz-placeholder, .checkout *:focus::-moz-placeholder, .form-garanty *:focus::-moz-placeholder { color: var(--form-input-placeholer-focus); -moz-transition: var(--trans); transition: var(--trans); } .ts-form *:focus:-moz-placeholder, .cart *:focus:-moz-placeholder, .checkout *:focus:-moz-placeholder, .form-garanty *:focus:-moz-placeholder { color: var(--form-input-placeholer-focus); -moz-transition: var(--trans); transition: var(--trans); } .ts-form *:focus:-ms-input-placeholder, .cart *:focus:-ms-input-placeholder, .checkout *:focus:-ms-input-placeholder, .form-garanty *:focus:-ms-input-placeholder { color: var(--form-input-placeholer-focus); -ms-transition: var(--trans); transition: var(--trans); } .ts-check { margin: var(--form-input-margin); } .ts-check input { position: absolute; z-index: -1; width: 0; height: 0; visibility: hidden; opacity: 0; } .ts-check input:checked ~ label .svg { opacity: 1; } .ts-check label { display: block; width: 20px; height: 20px; background: transparent; border: 1.5px solid var(--c-neutral); border-radius: 2px; cursor: pointer; position: relative; } .ts-check label .svg { display: block; opacity: 0; width: 14px; height: 14px; fill: var(--c-accent-add); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .ts-check_button label { display: inline-block; max-width: 180px; width: 100%; height: auto; background: #FFFFFF; border: 1px solid var(--c-neutral); border-radius: 6px; font-size: 15px; color: var(--c-neutral); text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 9px 14px; } .ts-check_button label .svg { position: static; opacity: 1; -webkit-transform: unset; -ms-transform: unset; transform: unset; } .ts-check_button input:checked ~ label { color: var(--c-main-add); border-color: var(--c-accent-main); } .ts-check_button-icon label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: unset; padding: 9px 25px; } .ts-check_button-icon label .btn__icon { width: 22px; height: 22px; margin-right: 8px; } .ts-check_button-icon label .btn__icon .svg { width: 22px; height: 22px; fill: var(--c-neutral); } .ts-radio { margin: var(--form-input-margin); } .ts-radio input { position: absolute; z-index: -1; width: 0; height: 0; visibility: hidden; opacity: 0; } .ts-radio input:checked ~ label::after { opacity: 1; } .ts-radio label { display: block; width: 16px; height: 16px; background: var(--form-input-bg); border: 1px solid var(--form-main-color); border-radius: 50%; cursor: pointer; position: relative; } .ts-radio label::after { content: ""; display: block; opacity: 0; width: 8px; height: 8px; border-radius: 50%; background-color: var(--form-main-color); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .ts-form__block { padding: var(--form-block-padding); } .ts-form__block_last { padding: 0; margin-top: 20px; } .ts-form__grid-block { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-bottom: 20px; } .ts-form__flex-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: var(--form-input-margin); } .ts-form__flex-block .ts-input { margin: 0; } .ts-form__flex-block > .ts-check { margin-right: 9px; } .ts-form__flex-block > .ts-radio { -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .ts-form__input-title { font-size: 16px; } .ts-form__button-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ts-form__button { cursor: pointer; } .ts-form__agreement { font-size: 18px; text-align: left; color: var(--form-add-color); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ts-form__policy { text-decoration: underline; cursor: pointer; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .ts-form__policy:hover { text-decoration: none; } .search-page form { display: -ms-grid; display: grid; -ms-grid-columns: 3fr 1fr; grid-template-columns: 3fr 1fr; max-width: 500px; gap: 10px; } .main-form { padding: 100px 0 20px; } .main-form__title { margin-bottom: 60px; } .main-form__subtitle { max-width: 700px; margin-bottom: 40px; } .main-form__visual { border-radius: 30px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 38px; } .main-form-success { background-color: var(--c-accent-add); border-radius: 20px; padding: 20px 30px; color: #fff; cursor: pointer; } .main-form-success__text { font-weight: 400; font-size: 24px; text-align: center; line-height: 1.5; } .form-add-block__title { margin-bottom: 36px; } .form-add-block__form-block { margin-top: 120px; } .form-add-block__form-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 350px auto; grid-template-columns: 350px auto; gap: 20px; } .form-add__subtitle { margin-bottom: 30px; } .form-add .ts-form__grid-block { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 10px; } .form-add .ts-form__agreement { font-size: 15px; } .section-text__content p:not(:last-child) { margin-bottom: 25px; } .no-page__img { max-width: 550px; width: 80%; margin: auto; } .no-page__title { font-family: "Poiret One"; font-style: normal; font-weight: 400; font-size: 35px; text-align: center; } .no-page__button-wrapp { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; } .ts-bx-popup .main-user-consent-request-popup-header { font: 600 20px var(--ff-main); color: var(--c-main-add); } .ts-bx-popup .main-user-consent-request-popup-button { font: 400 18px var(--ff-main); height: auto; text-transform: unset; } .header { position: static; z-index: 100; width: 100%; } .header__row_first { position: relative; background-color: #fff; padding: 17px 0; } .header__row_second { background-color: var(--c-accent-add); padding: 10px 0; } .header__row_second .header__content { position: relative; } .header__row_third { background-color: var(--c-accent-add); display: none; border-top: 1px solid var(--c-neutral); } .header__simple-links { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .header__simple-links a { font-size: 14px; text-align: center; color: var(--c-neutral-light); padding: 6px 0 7px; } .header__simple-links a:not(:last-child) { border-right: 1px solid var(--c-neutral); } .header__content_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header__content-main { display: -ms-grid; display: grid; -ms-grid-columns: -webkit-max-content 1fr -webkit-max-content; -ms-grid-columns: max-content 1fr max-content; grid-template-columns: -webkit-max-content 1fr -webkit-max-content; grid-template-columns: max-content 1fr max-content; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 50px; } .header__logo-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .header__logo { margin-right: 20px; } .header__company-text { white-space: nowrap; max-width: 280px; font-size: 14px; color: var(--c-neutral-middle); } .header__company-text.mobile { display: none; } .header__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 13px; } .header__contacts-new { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; } .header__contacts-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .header__contacts-phones { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; line-height: 1; } .header__contacts-phones-main { font-weight: 700; margin-right: 30px; } .header__contacts-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 30px; padding-bottom: 2px; } .header__contacts-link { width: 28px; height: 28px; } .header__contacts-link:hover { opacity: 0.8; } .header__contacts-link:not(:last-child) { margin-right: 12px; } .header__contacts-cities { font-size: 15px; color: var(--c-neutral); margin-top: 10px; } .header__contacts-cities.mobile { display: none; } .header__contacts-block { -ms-flex-negative: 0; flex-shrink: 0; } .header__contacts-block p { font-size: 13px; color: var(--c-main-add); } .header__contacts-block a { display: block; font-size: 13px; color: var(--c-main-add); } .header__contacts-block a:not(:first-child) { margin-top: 7px; } .header__contacts-block a:hover { color: var(--c-accent-main); } .header__contacts-block:not(:first-child) { margin-left: 20px; } .header__contacts-light { color: var(--c-neutral); } .header__controls { -ms-grid-column-align: end; justify-self: end; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 40px; } .header__controls .btn:not(:first-child) { margin-left: 15px; } .header__controls_mobile { display: none; } .header__controls-basket { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 15px; } .header__catalog-btn { margin-right: 35px; } .header__catalog-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__search { margin-right: 15px; } .header__mobile-account { display: none; border-color: var(--c-accent-main); } .header__mobile-menu { display: none; line-height: 0; } .header__mobile-menu:hover { background-color: transparent; border-color: var(--c-neutral-middle); } .header__mobile-menu:hover .svg { fill: var(--c-neutral-middle); } .hidden-menu-wrap { position: fixed; z-index: 1000; width: 100vw; } .menu-list__item a { font-size: 15px; text-align: center; color: #fff; } .menu-list__item a:hover { color: #ddd; } .menu-list__show-menu .menu-list__item.hide { display: none; } .ts-menu-mobile__body .menu-list__item { text-align: right; } .ts-menu-mobile__body .menu-list__item a { display: block; color: var(--c-main); font-size: 18px; text-align: right; padding: 5px 0; } .ts-menu-mobile__body .menu-list__item a:hover { color: var(--c-main); } .menu-list__hide-menu { background-color: var(--c-accent-add); } .menu-list__hide-menu .menu-list__item.hide { display: none; } .menu-list__hide-menu a { display: block; color: #fff; text-align: left; padding: 5px 10px; padding-left: 0; } .menu-list__hide-menu a:hover { color: var(--c-accent-main); } .footer { background-color: #383F53; padding: 60px 0; } .footer__row_second { padding-top: 40px; } .footer__row_mobile { display: none; padding-top: 30px; } .footer__row_mobile .footer__contacts-block:not(:first-child) { margin-left: 0; } .footer__row_third { margin-top: 30px; } .footer__row_third .ts-link { color: var(--c-neutral-middle); } .footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__flex-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__flex-block_sb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .footer__logo { margin-right: 30px; } .footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 30px; } .footer__contacts_grid { display: -ms-grid; display: grid; -ms-grid-columns: 223px auto 137px; grid-template-columns: 223px auto 137px; gap: 20px; } .footer__contacts-block { -ms-flex-negative: 0; flex-shrink: 0; } .footer__contacts-block p { font-size: 13px; color: #fff; } .footer__contacts-block a { display: block; font-size: 13px; color: #fff; } .footer__contacts-block a:hover { color: var(--c-accent-main); } .footer__contacts-block_shrink { -ms-flex-negative: 1; flex-shrink: 1; } .footer__contacts-block > *:not(:first-child) { margin-top: 7px; } .footer__contacts-block:not(:first-child) { margin-left: 20px; } .footer__contacts-block-adaptive { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__contacts-block-adaptive > *:not(:first-child) { margin-left: 25px; } .footer__contacts-light { color: var(--c-neutral-middle); } .footer__search .search__input { background-color: #2E3445; } .footer__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 30px; } .footer__controls .btn { color: var(--c-accent-main); } .footer__controls .btn:not(:first-child) { margin-left: 15px; } .footer__controls .btn:hover { color: #fff; } .footer__wrap { display: -ms-grid; display: grid; -ms-grid-columns: 210px auto auto; grid-template-columns: 210px auto auto; gap: 30px; } .footer__info-item { font-size: 13px; color: var(--c-neutral-middle); } .footer__info-item:not(:first-child) { margin-top: 12px; } .footer__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__info a { display: block; } .footer__info a:hover { color: var(--c-neutral-light); } .footer__info-footer { margin-top: 12px; } .footer__categories { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .footer__categories a { display: block; font-weight: 700; font-size: 15px; color: var(--c-neutral-middle); padding-bottom: 12px; } .footer__categories a:hover { color: var(--c-neutral-light); } .footer__menu { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; } .footer__menu a { display: block; color: var(--c-neutral-middle); font-size: 15px; padding-bottom: 12px; } .footer__menu a:hover { color: var(--c-neutral-light); } .ts-main-block { padding: 60px 0; } .home-banners { padding: 20px 0 40px; } .home-banners__main-slider { position: relative; overflow: hidden; padding-right: 20px; } .home-banners__wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } .home-banners__content { padding: 60px 0; } .home-banners__subtitle { max-width: 450px; width: 100%; color: var(--c-main-add); margin-top: 30px; } .home-banners__button { display: inline-block; margin-top: 40px; } .home-banners__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; -ms-flex-negative: 0; flex-shrink: 0; } .home-banners__icon .svg { fill: var(--c-accent-add); } .home-banners__add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 500px; width: 100%; color: var(--c-main-add); margin-top: 40px; } .home-banners__add .home-banners__icon { width: 20px; height: 20px; margin-right: 10px; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .home-banners__visual-slider { overflow: hidden; } .home-banners__visual { border-radius: 30px; overflow: hidden; } .home-banners__navigation { position: absolute; left: 0; bottom: 0; z-index: 10; } .about { padding: 30px 0 0; } .about__main { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: end; -ms-flex-align: end; align-items: end; gap: 20px; } .about__main-first .page-title { margin-bottom: 60px; } .about__main-first .text-block { margin-bottom: 26px; } .about__main-accent { margin-top: 38px; } .about__main-accent h2 { font-size: 45px; color: var(--c-accent-main); } .about__info { max-width: 1080px; margin-top: 50px; } .about__info .text-block:first-child { margin-bottom: 40px; } .about__info .text-block ul li::before { content: "•"; font-size: 20px; margin-right: 3px; } .about__info .text-block ul:first-of-type { margin-bottom: 20px; } .about__garanty { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .about__garanty .text-block p:nth-child(1) { max-width: 610px; } .about__garanty .text-block p:nth-child(2) { padding: 20px 0 0 150px; } .about__photos { padding-top: 60px; } .about__photos .h3 { max-width: 1000px; margin-bottom: 40px; } .about__photos-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 20px; } .about .text-block ul { list-style: none; padding-left: 0; } .requisites { padding-top: 60px; } .requisites__main { display: -ms-grid; display: grid; -ms-grid-columns: auto 350px; grid-template-columns: auto 350px; gap: 20px; } .requisites__title { margin-bottom: 36px; } .requisites__text { line-height: 1.8; margin-bottom: 30px; } .requisites__text span { font-weight: 700; } .requisites__text-title { font-weight: 700; margin-bottom: 15px; } .requisites__info-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -15px; } .requisites__info-footer > div { padding: 5px 15px; } .requisites__info-footer .btn__icon .svg { width: 14px; height: 14px; } .requisites__info { margin-top: 56px; } .requisites__info-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 30px; } .requisites__info-rules p { font-size: 14px; } .requisites__info-rules p:not(:first-of-type) { margin-top: 20px; } .requisites__info-rules li { font-size: 14px; } .requisites__info-sec { background: var(--c-neutral-light); border-radius: 10px; padding: 30px; } .requisites__info-sec p { font-size: 14px; } .requisites__info-sec p:not(:first-of-type) { margin-top: 20px; } .requisites__info-sec-title { font-family: var(--ff-main); text-transform: unset; font-weight: 700; margin-bottom: 20px; } .contacts { padding-top: 60px; } .contacts__location-block { display: -ms-grid; display: grid; -ms-grid-columns: 350px auto; grid-template-columns: 350px auto; gap: 20px; } .contacts__title { margin-bottom: 36px; } .contacts__info-content { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 20px; } .contacts__info-item { display: -ms-grid; display: grid; -ms-grid-columns: auto; grid-template-columns: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 10px; } .contacts__info-item span { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .contacts__info-item span .svg { fill: var(--c-accent-main); } .contacts a.contacts__info-item p { -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .contacts a.contacts__info-item:hover p { color: var(--c-accent-main); } .contacts__info-phones a:not(:first-child) { margin-top: 10px; } .contacts__info-time { -ms-grid-column-align: start; justify-self: start; font-style: italic; font-size: 13px; color: var(--c-neutral); background-color: var(--c-neutral-light); border-radius: 10px; padding: 12px 11px; margin-left: 34px; } .contacts__map { position: relative; border-radius: 30px; overflow: hidden; } .contacts__map iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .categories { padding: 100px 0 20px; } .categories__title { margin-bottom: 30px; } .categories__title-add { text-transform: uppercase; font-family: var(--ff-add); font-size: 28px; padding-top: 20px; padding-left: 20px; margin-bottom: 10px; } .categories__wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } .categories__demo-img { background-color: #fff; border-radius: 20px; padding: 57px 75px; margin-bottom: 20px; } .categories__demo-img img { width: auto; -o-object-fit: contain; object-fit: contain; margin: auto; } .categories__demo-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .categories__demo-button { display: inline-block; } .categories__list { display: -ms-grid; display: grid; -webkit-box-align: start; -ms-flex-align: start; align-items: start; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .categories__list-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; border-radius: 10px; background-color: transparent; padding: 19px 20px; } .categories__list-item:hover a { background-color: #fff; } .categories__list-img { width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 8px; } .categories__list-img img { -o-object-fit: contain; object-fit: contain; } .clients { padding: 100px 0 20px; } .clients__wrap { display: -ms-grid; display: grid; -ms-grid-columns: -webkit-max-content auto; -ms-grid-columns: max-content auto; grid-template-columns: -webkit-max-content auto; grid-template-columns: max-content auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 60px; } .clients__subtitle { max-width: 330px; margin-top: 60px; } .clients__button { display: inline-block; margin-top: 30px; } .clients__logos { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 10px; } .clients__logo-item { height: 160px; background: #FFFFFF; border-radius: 10px; overflow: hidden; } .clients__logo-item img { -o-object-fit: contain; object-fit: contain; } .features { padding: 100px 0 20px; } .features__title { margin-bottom: 60px; } .features__list { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 30px 20px; } .features__item { display: -ms-grid; display: grid; -ms-grid-columns: -webkit-max-content 1fr; -ms-grid-columns: max-content 1fr; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; gap: 16px 20px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .features__item-icon { max-width: 102px; width: 100%; -ms-grid-row-span: 2; grid-row: span 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border-radius: 10px; padding: 28px; } .features__item-icon img { -o-object-fit: contain; object-fit: contain; } .features__item-title { color: var(--c-main); } .catalog { padding: 60px 0 20px; } .catalog__wrap { display: -ms-grid; display: grid; -ms-grid-columns: 345px 1fr; grid-template-columns: 345px 1fr; gap: 20px; } .catalog__filter .block-spoiler__item { border-bottom: 1px solid var(--c-neutral-middle); } .catalog__filter .block-spoiler__item_simple { border: none; } .catalog__filter .block-spoiler__item_simple .block-spoiler__content { padding: 5px 0; } .catalog__filter .block-spoiler__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: unset; padding: 20px 0; } .catalog__filter .block-spoiler__title { padding-right: 20px; } .catalog__filter .block-spoiler__icon { width: 18px; height: 18px; padding: 0; } .catalog__filter .block-spoiler__icon .svg { fill: var(--c-neutral-middle); } .catalog__filter .block-spoiler__content { padding-top: 0; padding-bottom: 20px; } .catalog__filter .catalog__filter-mobile-item { border-bottom: none; } .catalog__filter .catalog__filter-mobile-content { padding-bottom: 0; } .catalog__filter-mobile-item { border-bottom: none; } .catalog__filter-mobile-header { display: none; } .catalog__filter-mobile-content { display: block; padding-top: 0; } .catalog__filter-mobile-content .block-spoiler__item:first-child .block-spoiler__header { padding-top: 0; } .catalog__filter-subtitle { font-weight: 700; font-size: 15px; text-transform: uppercase; color: var(--c-main-add); } .catalog__filter-subtitle span { text-transform: initial; } .catalog__grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 20px; } .catalog__grid-pagination { margin-top: 30px; } .catalog__filter-checkboxes { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px; } .catalog__filter-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-preferred-size: 46%; flex-basis: 46%; margin: 5px; } .catalog__filter-checkbox .ts-check { margin-right: 10px; } .catalog__filter-checkbox p { white-space: nowrap; } .catalog__filter-checkbox-title { font-size: 15px; color: var(--c-main-add); cursor: pointer; } .catalog__filter-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 30px; } .catalog__filter-buttons > *:not(:first-child) { margin-left: 10px; } .catalog__filter-buttons .btn_ghost { max-width: 168px; width: 100%; } .catalog__grid-categories { margin-bottom: 30px; } .catalog__grid-categories ul { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 10px; } .catalog__grid-categories a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px 10px; border: 1px solid var(--c-accent-add); border-radius: 5px; font-size: 14px; color: var(--c-accent-add); height: 100%; } .catalog__grid-categories a:hover { background: var(--c-accent-add); color: var(--c-bg); } .product-section { padding-bottom: 50px; } .product-section__grid { max-width: 1075px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: -webkit-max-content 1fr; -ms-grid-columns: max-content 1fr; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; gap: 0 20px; } .product-section__visual { -ms-grid-row-span: 3; grid-row: span 3; } .product-section__visual-main { max-width: 345px; width: 100%; height: 345px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #fff; border-radius: 10px; overflow: hidden; } .product-section__visual-control { max-width: 345px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 16px calc(100% - 32px) 16px; grid-template-columns: 16px calc(100% - 32px) 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 15px; } .product-section__visual-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 18px; height: 100px; } .product-section__visual-nav .svg { fill: var(--c-neutral-middle); } .product-section__visual-thumbs { height: 100px; overflow: hidden; } .product-section__visual-thumbs .swiper-slide { border-radius: 10px; overflow: hidden; cursor: pointer; } .product-section__visual-thumbs .product-section__visual-img { opacity: 0.5; } .product-section__visual-thumbs .swiper-slide-thumb-active .product-section__visual-img { opacity: 1; } .product-section__visual-img { width: 100%; height: 100%; -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .product-section__visual-img img { width: auto; -o-object-fit: contain; object-fit: contain; } .product-section__title-block { max-width: 500px; } .product-section__title { line-height: 1.3em; } .product-section__article-wrap { margin-top: 10px; } .product-section__article { font-size: 15px; color: var(--c-neutral); } .product-section__control { padding-top: 30px; } .product-section__control-description { margin-bottom: 30px; } .product-section__control-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .product-section__control-buttons { display: -ms-grid; display: grid; -ms-grid-columns: (-webkit-max-content)[4]; -ms-grid-columns: (max-content)[4]; grid-template-columns: repeat(4, -webkit-max-content); grid-template-columns: repeat(4, max-content); gap: 10px; } .product-section__info { padding-top: 60px; } .product-section__info-header { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 40px; } .product-section__info-tab { font-size: 20px; } .product-section__info-features { display: -ms-grid; display: grid; -ms-grid-columns: -webkit-max-content 1fr; -ms-grid-columns: max-content 1fr; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; gap: 20px; margin-top: 40px; } .product-section__info-features-item { font-family: var(--ff-add); text-transform: uppercase; font-size: 16px; color: var(--c-accent-add); line-height: 1.4em; } .product-section__info-phone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: var(--ff-add); color: var(--c-main-add); margin-top: 20px; } .product-section__info-phone a { color: var(--c-main-add); margin-left: 20px; } .product-section__info-phone a:hover { color: var(--c-accent-main); } .product-section__info-payment { margin-top: 40px; } .product-section__info-payment-title { font-family: var(--ff-add); text-transform: uppercase; font-size: 16px; color: var(--c-accent-add); line-height: 1.4em; margin-bottom: 10px; } .product-section__info-payment-list { display: -ms-grid; display: grid; -ms-grid-columns: 100px 100px 100px 170px 170px; grid-template-columns: 100px 100px 100px 170px 170px; gap: 10px; } .product-section__info-payment-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 70px; border-radius: 6px; text-transform: uppercase; text-align: center; font-size: 15px; background-color: #fff; color: var(--c-main-add); overflow: hidden; } .product-section__info-payment-item img { width: auto; height: auto; padding: 8px 10px; } .product-section__info-payment-item p { padding: 0 20px; } .product-section__info-link { margin-top: 30px; } .product-section__info-link a p { display: inline; font-family: var(--ff-add); text-transform: uppercase; font-size: 16px; color: var(--c-accent-add); line-height: 1.4em; margin-right: 20px; } .product-section__info-link a span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 8px; } .product-section__info-link a span .svg { fill: var(--c-main-add); } .product-section__info-link a:hover .svg { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .cart { padding-top: 60px; } .cart__row { display: -ms-grid; display: grid; -ms-grid-columns: 160px 1.2fr 1.8fr; grid-template-columns: 160px 1.2fr 1.8fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; padding: 20px 0; } .cart__row:first-child { padding-top: 0; } .cart__row:not(:last-child) { border-bottom: 1px solid var(--c-neutral-middle); } .cart__row .price_old { font-size: 20px; color: var(--c-main-add); margin-right: 10px; } .cart__row .price { font-size: 26px; } .cart__image { display: block; width: 160px; height: 160px; background-color: #fff; border-radius: 10px; padding: 9px; } .cart__image img { -o-object-fit: contain; object-fit: contain; height: 100%; } .cart__title { font-size: 20px; } .cart__article-wrap { font-size: 15px; color: var(--c-neutral-middle); margin-top: 10px; } .cart__control { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; padding-right: 30px; } .cart__control-price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart__control-quantity { -ms-grid-column-align: center; justify-self: center; } .cart__control-cost { text-align: right; -ms-grid-column-align: end; justify-self: end; } .cart__total { display: -ms-grid; display: grid; -ms-grid-columns: 1.5fr 1fr; grid-template-columns: 1.5fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 20px; background: #FFFFFF; border-radius: 10px; padding: 30px; margin-top: 10px; } .cart__counts { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; padding-top: 8px; } .cart__total-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .cart__total-products-count { font-family: var(--ff-add); font-size: 20px; margin-left: 20px; } .cart__total-sum { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cart__total-sum-count { font-weight: 700; font-size: 26px; color: var(--c-accent-add); margin-left: 20px; } .cart__promocode { -ms-grid-column-align: end; justify-self: end; } .cart__promocode-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; } .cart__promocode-buttons .ts-input { border: 1px solid var(--c-neutral-middle); } .cart__promocode-buttons .btn_add { margin-left: 10px; } .cart__promocode-alerts .basket-coupon-alert-section { padding-top: 10px; text-align: right; } .cart__promocode-alerts .close-link { cursor: pointer; font-weight: 600; color: var(--c-neutral); -webkit-transition: var(--trans); -o-transition: var(--trans); transition: var(--trans); } .cart__promocode-alerts .close-link:hover { color: var(--c-accent-add); } .cart__promocode-alerts .text-danger .basket-coupon-text strong { color: var(--c-danger); } .cart__promocode-alerts .text-muted .basket-coupon-text strong { color: var(--c-accent-main); } .cart__main-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 30px; } .cart__btn-print .btn__icon .svg { width: 15px; height: 15px; } .cart__btn-catalog { margin-left: 20px; } .cart__btn-checkout { margin-left: 10px; } .cart__simple-total { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 30px; margin-top: 30px; } .cart__simple-total-title { font-family: var(--ff-add); font-size: 20px; text-transform: uppercase; color: var(--c-accent-add); } .cart__main-header { background-color: #fff; border-radius: 10px; padding: 15px 30px; margin-top: 0; margin-bottom: 30px; } .checkout { padding-top: 60px; } .checkout__wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 20px; } .checkout__block:not(:last-child) { margin-bottom: 50px; } .checkout__form .bx-soa-pp-company-desc { font-size: 15px; } .checkout__delivery-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 20px; } .checkout__delivery-wrap .ts-check_button label { max-width: unset; } .checkout__pay-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px; margin-left: -10px; margin-right: -10px; } .checkout__pay-wrap .bx-soa-pp-company { padding: 10px; } .checkout__contacts .bx-soa-customer { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 10px 20px; } .checkout__contacts .bx-soa-customer[data-type=person] { -ms-grid-columns: 0.5fr; grid-template-columns: 0.5fr; } .checkout__contacts .bx-soa-customer[data-type=company] { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .checkout__contacts .bx-soa-customer[data-type=company] .checkout__contacts-comment { -ms-grid-column-span: 2; grid-column: span 2; } .checkout__contacts .bx-soa-customer[data-type=company] .checkout__contacts-address { -ms-grid-column-span: 2; grid-column: span 2; } .checkout__contacts .bx-soa-customer[data-type=company] .checkout__contacts-company-adr { -ms-grid-column-span: 2; grid-column: span 2; } .checkout__contacts .bx-soa-customer[data-type=company] .bx-soa-location-input-container { -ms-grid-column-span: 2; grid-column: span 2; } .checkout__contacts .bx-sls .dropdown-block, .checkout__contacts .bx-slst .dropdown-block { border: 1px solid var(--c-neutral); border-radius: 6px; padding-top: 2px; padding-bottom: 2px; } .checkout__contacts .bx-sls .dropdown-icon, .checkout__contacts .bx-slst .dropdown-icon { top: 11px; } .checkout__contacts .bx-sls .dropdown-fade2white, .checkout__contacts .bx-slst .dropdown-fade2white { right: 3px; } .checkout__contacts .bx-sls .bx-ui-sls-clear, .checkout__contacts .bx-slst .bx-ui-sls-clear { margin-top: 4px; } .checkout__contacts .bx-sls .bx-ui-sls-fake, .checkout__contacts .bx-sls .bx-ui-sls-route, .checkout__contacts .bx-slst .bx-ui-sls-fake, .checkout__contacts .bx-slst .bx-ui-sls-route { color: var(--c-neutral) !important; } .checkout__contacts-comment { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .checkout__cart .bx-soa-section-content { max-width: 550px; } .checkout__cart .bx-soa-section-title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .checkout__cart .bx-soa-item-img-block { float: none; } .checkout__cart .bx-soa-item-table { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 20px; } .checkout__cart .bx-soa-item-tr { display: -ms-grid; display: grid; -ms-grid-columns: 110px 1fr; grid-template-columns: 110px 1fr; gap: 30px 20px; } .checkout__cart .bx-soa-item-img-block { width: 110px; height: 110px; -ms-grid-row-span: 2; grid-row: span 2; } .checkout__cart .bx-soa-item-img-block { -ms-grid-row-span: 2; grid-row: span 2; width: 110px; height: 110px; padding: 0; background: #fff; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .checkout__cart .bx-soa-item-imgcontainer { width: 90px; height: 90px; border: none; } .checkout__cart .bx-soa-item-title { font-family: var(--ff-add); font-size: 20px; } .checkout__cart .bx-soa-item-properties { padding: 0; } .checkout__cart .bx-soa-item-td { -ms-grid-column-align: start; justify-self: start; } .checkout__cart .bx-price-old { font-weight: 400; font-size: 14px; margin-left: 10px; } .checkout__cart-columns { display: -ms-grid; display: grid; -ms-grid-columns: 0.3fr 1fr; grid-template-columns: 0.3fr 1fr; gap: 90px; } .checkout__cart-change { font-weight: 400; font-size: 15px; color: var(--c-neutral); } .checkout__cart-change:hover { color: var(--c-accent-main); } .checkout__summary { position: sticky; top: 200px; } .checkout__total { background-color: #fff; border-radius: 10px; color: var(--c-main-add); padding: 30px; } .checkout__total-tax { font-size: 15px; font-style: italic; } .checkout__total-price { margin-top: 15px; } .checkout__total-sum { font-weight: 700; } .checkout__total-delivery { font-size: 15px; font-style: italic; margin-top: 15px; } .checkout__total-delivery-price { margin-top: 15px; } .checkout__total-total { font-size: 24px; margin-top: 20px; } .checkout__confirm { margin-top: 30px; } .checkout__confirm .checkbox { max-width: 600px; margin-bottom: 10px; } .checkout__confirm .ts-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .checkout__confirm .ts-check label { -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } .checkout__confirm .main-user-consent-request-announce-link { font-size: 14px; } .checkout__confirm-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .checkout .ts-input { border: 1px solid var(--c-neutral); color: var(--c-neutral); padding: 9px 19px; } .checkout .bx-soa-pp-company-smalltitle { font-size: 15px; text-align: left; color: var(--c-neutral); cursor: pointer; margin-top: 10px; } .checkout .bx-soa-pp-company-graf-container { height: auto; padding: 0; } .checkout .bx-selected .bx-soa-pp-company-smalltitle { color: var(--c-main); } .checkout .bx-soa-section-title-container { margin-bottom: 30px; } .checkout .bx-soa-auth .bx-soa-section-title-container { margin-bottom: 40px; } .checkout .bx-soa-section-title { font-size: 20px; } .checkout .form-check-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -10px; margin-left: -10px; margin-right: -10px; } .checkout .form-check-group .ts-check { padding: 10px; } .checkout .btn_add { min-width: 110px; } .checkout .bx-soa-more { margin-top: 30px; } .checkout .bx-soa-more-btn { display: -ms-grid; display: grid; -ms-grid-columns: -webkit-max-content -webkit-max-content; -ms-grid-columns: max-content max-content; grid-template-columns: -webkit-max-content -webkit-max-content; grid-template-columns: max-content max-content; gap: 20px; } .checkout .alert { border: unset; position: relative; font-size: 15px; } .checkout .alert-success { background-color: #eeeeee; color: var(--c-btn-hover); } .checkout .bx-authform { max-width: 345px; } .checkout .bx-authform .form-group { margin-bottom: 10px; } .checkout .bx-authform .ts-input { border: none; padding: 14px 24px; } .checkout .bx-authform .btn { cursor: pointer; width: 100%; margin-bottom: 10px; } .checkout .bx-title { text-align: center; font-size: 26px; padding: 0 5px 8px; border-bottom: 2px solid var(--c-accent-add); margin-bottom: 30px; } .checkout .ts-skip-msg { color: var(--c-neutral); } .checkout .ts-skip-msg span { cursor: pointer; text-decoration: underline; color: var(--c-accent-add); } .checkout .ts-skip-msg span:hover { text-decoration: none; } .checkout .ts-auth-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0; } .checkout .ts-auth-checkbox .form-check-label { font-size: 15px; color: var(--c-neutral); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-left: 9px; } .checkout .ts-forgot-wrap { font-size: 15px; color: var(--c-neutral); text-align: center; padding-top: 10px; } .checkout .ts-forgot-wrap a { text-decoration: underline; color: var(--c-neutral); margin-left: 3px; } .checkout .ts-forgot-wrap a:hover { text-decoration: none; } .checkout .ts-auth-captcha { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 10px; } .checkout .ts-auth-captcha .bx-authform-input-container { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .checkout .bx-captcha { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .checkout .bx-captcha img { height: auto; } .checkout .ts-auth-note { font-size: 15px; color: var(--c-neutral); margin: 10px 0 20px; } .checkout-confirm__title-block { font-family: "Tenor Sans", "Arial", sans-serif; font-size: 26px; text-transform: uppercase; margin-bottom: 20px; color: var(--c-accent-add); } .checkout-confirm__note { background-color: #fff; border-radius: 10px; padding: 15px 20px; margin-bottom: 50px; } .checkout-confirm__pay-title { margin-bottom: 30px; } .checkout-confirm__pay-title .h3 { font-size: 20px; } .checkout-confirm__pay-item-title { margin-bottom: 10px; } .checkout-confirm__block { max-width: 600px; margin: 15px 0; } .checkout-confirm__continue { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px 0 0; } .checkout-confirm a:not(.btn) { color: var(--c-accent-add); font-weight: 600; } .checkout-confirm a:not(.btn):hover { color: var(--c-accent-main); } .ts-compare-page { padding: 60px 0 0; } .cross { padding: 100px 0 20px; } .products-slider { overflow: hidden; } .products-slider__navigation { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } .products-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } .delivery { padding-top: 60px; } .delivery__grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 80px 50px; } .delivery__title { color: var(--c-accent-add); margin-bottom: 36px; } .delivery__bill h3 { max-width: 530px; font-size: 20px; color: var(--c-accent-add); margin-bottom: 40px; } .delivery__bill h4 { font-size: 20px; color: var(--c-accent-add); margin-bottom: 20px; } .delivery__bill-block:not(:last-child) { margin-bottom: 40px; } .delivery__bill-text { color: var(--c-main-add); line-height: 1.5; } .delivery__bill-text ul { list-style: decimal; padding-left: 25px; } .delivery__options-list { line-height: 2; list-style: decimal; padding-left: 25px; } .delivery__options-item { font: 400 20px var(--ff-add); color: var(--c-accent-add); text-transform: uppercase; line-height: 2; } .delivery__conditions .delivery__title { margin-bottom: 16px; } .delivery__conditions .simple-table__row { max-width: 350px; } .credit { padding-top: 60px; } .credit__title { color: var(--c-accent-add); margin-bottom: 40px; } .credit__wrap { display: -ms-grid; display: grid; -ms-grid-columns: auto 350px; grid-template-columns: auto 350px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 20px; } .credit__info { color: var(--c-accent-add); background-color: #fff; border-radius: 10px; padding: 20px 16px 20px 20px; } .credit__info p { font-size: 15px; margin-bottom: 10px; } .credit__info a { color: var(--c-accent-add); font-size: 15px; } .garanty { padding-top: 60px; } .garanty__wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 350px; grid-template-columns: 1fr 350px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 34px; } .garanty__block { color: var(--c-main-add); } .garanty__block:not(:first-of-type) { margin-top: 60px; } .garanty__block-content p:not(:first-of-type) { margin-top: 20px; } .garanty__block-content ul { list-style: outside; padding-left: 25px; } .garanty__block-content ul li::marker { font-size: 15px; } .garanty__title { color: var(--c-accent-add); margin-bottom: 20px; } .garanty__info { color: var(--c-accent-add); position: sticky; top: 200px; } .garanty__info-return { background-color: #fff; border-radius: 10px; padding: 20px; margin-bottom: 20px; } .garanty__info-return p { font-family: var(--ff-add); font-size: 20px; text-transform: uppercase; color: var(--c-accent-add); margin-bottom: 20px; } .garanty__info-phone { background-color: #fff; border-radius: 10px; padding: 20px 30px 20px 20px; } .garanty__info-phone p { font-size: 15px; margin-bottom: 10px; } .garanty__info-phone a { color: var(--c-accent-add); font-size: 15px; } .garanty__add { margin-top: 60px; } .garanty__add p { font-family: var(--ff-add); text-transform: uppercase; font-size: 20px; color: var(--c-main-add); } .garanty-form { padding-top: 60px; } .garanty-form__intro { color: var(--c-accent-add); display: -ms-grid; display: grid; -ms-grid-columns: 1fr 350px; grid-template-columns: 1fr 350px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 34px; margin-bottom: 26px; } .garanty-form__intro-text { max-width: 735px; } .garanty-form__title { font-size: 20px; } .garanty-form__intro-phone { background-color: #fff; border-radius: 10px; padding: 20px 30px 20px 20px; } .garanty-form__intro-phone p { font-size: 15px; margin-bottom: 10px; } .garanty-form__intro-phone a { color: var(--c-accent-add); font-size: 15px; } .garanty-form__wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 20px; } .garanty-form__block { color: var(--c-main-add); max-width: 650px; } .garanty-form__block:not(:first-of-type) { margin-top: 60px; } .garanty-form__block .garanty-form__title { color: var(--c-accent-add); margin-bottom: 20px; } .garanty-form__block-content p:not(:first-of-type) { margin-top: 20px; } .garanty-form__block-content ul { list-style: outside; padding-left: 25px; } .form-garanty { background-color: var(--c-accent-add); border-radius: 30px; padding: 60px; } .form-garanty__header { margin-bottom: 30px; } .form-garanty__title { text-align: center; color: #fff; } .form-garanty__content { max-width: 380px; margin: auto; } .form-garanty__subtitle { text-align: center; color: #fff; margin-bottom: 20px; } .form-garanty__subtitle:nth-of-type(2) { margin-bottom: 15px; } .form-garanty__block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; } .form-garanty__block_doc { margin-bottom: 15px; } .form-garanty__block .form-garanty__input-block { margin-bottom: 0; } .form-garanty__block .btn { font-size: 16px; } .form-garanty__input-block { margin-bottom: 15px; } .form-garanty__agreement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } .form-garanty__agreement .ts-check { margin-right: 9px; } .form-garanty__agreement .ts-check label { border-color: var(--c-neutral-light); } .form-garanty__agreement .ts-check label .svg { fill: var(--c-neutral-light); } .form-garanty__agreement-text { font-size: 15px; line-height: 1.5; color: var(--c-neutral-light); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-garanty__files { margin-bottom: 20px; } .form-garanty__files .ts-dropzone { padding: 15px 0 0; } .form-garanty__files-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-garanty__files-add p { color: #fff; } .form-garanty__files-add .btn { max-width: 180px; width: 100%; font-weight: 400; font-size: 15px; color: #fff; border-color: #fff; cursor: pointer; padding: 6px 10px; margin-left: 10px; } .form-garanty .ts-input { padding: 9px 19px; } .form-garanty .ts-check_button label { max-width: unset; border: unset; } .form-garanty .ts-check_button input:checked ~ label { color: #fff; background-color: var(--c-accent-main); } .form-garanty .dropzone { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: unset; border: unset; background: unset; padding: unset; } .form-garanty .dropzone .dz-preview { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; border-radius: 10px; margin: 3px; } .form-garanty .dropzone .dz-preview:hover { z-index: 20; } .form-garanty .dropzone .dz-preview .dz-image { width: auto; height: auto; margin: auto; } .form-garanty .dropzone .dz-preview .dz-filename { display: none; } .form-garanty .dropzone .dz-preview .dz-size { font-size: 12px; } .form-garanty .dropzone .dz-preview .dz-progress { z-index: 10; } .service { padding-top: 60px; } .service__intro { color: var(--c-accent-add); display: -ms-grid; display: grid; -ms-grid-columns: 1fr 350px; grid-template-columns: 1fr 350px; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 20px; margin-bottom: 60px; } .service__intro-button-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #FFFFFF; border-radius: 10px; padding: 20px; margin-bottom: 40px; } .service__intro-button-text { max-width: 390px; font-family: var(--ff-add); font-size: 20px; line-height: 1.2; text-transform: uppercase; color: var(--c-accent-add); margin-right: 18px; } .service__intro-phone { background-color: #fff; border-radius: 10px; padding: 20px 30px 20px 20px; } .service__intro-phone p { font-size: 15px; margin-bottom: 10px; } .service__intro-phone a { color: var(--c-accent-add); font-size: 15px; } .service__title { color: var(--c-accent-add); margin-bottom: 40px; } .service__block { color: var(--c-main-add); } .service__block:not(:first-of-type) { margin-top: 60px; } .service__block .service__title { max-width: 970px; margin-bottom: 20px; } .service__block-content p:not(:first-of-type) { margin-top: 20px; } .service__block-content ul { list-style: outside; padding-left: 25px; } .service__block-content ul li::marker { font-size: 15px; } .service__types { margin-bottom: 120px; } .service__types-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 30px; } .service__type { display: -ms-grid; display: grid; -ms-grid-columns: 96px auto; grid-template-columns: 96px auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; background-color: #fff; border-radius: 10px; padding: 22px 30px; } .service__type-img { width: auto; margin: auto; } .service__type-text p { font-family: var(--ff-add); font-size: 20px; line-height: 1.2; text-transform: uppercase; } .service__steps .h3 { margin-bottom: 60px; } .service__steps-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 30px 42px; margin-bottom: 120px; } .service__step { display: -ms-grid; display: grid; -ms-grid-columns: 90px auto; grid-template-columns: 90px auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .service__step-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 90px; background-color: #fff; border-radius: 50%; border-bottom: 1px solid rgba(56, 184, 107, 0.5); } .service__step-number span { font-family: var(--ff-add); font-size: 26px; text-align: center; color: var(--c-accent-main); } .service-popup { max-height: 90vh; overflow-y: auto; } .service-popup .ts-popup__container { background-color: var(--c-accent-add); border-radius: 30px 0 30px 30px; } .service-popup .form-garanty { border-radius: 0; padding: 0; } .service-popup .form-garanty__header { max-width: 345px; margin: 0 auto 30px; } .clients-page { padding-top: 60px; } .clients-page__title { color: var(--c-accent-add); margin-bottom: 26px; } .clients-page__grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 10px 20px; margin-top: 60px; } .clients-page__item { height: 160px; background: #FFFFFF; border-radius: 10px; overflow: hidden; } .clients-page__item img { -o-object-fit: contain; object-fit: contain; } .montage { padding-top: 40px; } .montage__action-wrap { max-width: 585px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; } .montage__action-text { color: var(--c-main-add); max-width: 230px; } .montage .img-block { border-radius: 10px; } .design { padding-top: 40px; } .design__action-wrap { max-width: 970px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 28px; } .design__action-text { color: var(--c-main-add); max-width: 635px; padding-right: 15px; } .design__anno { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; color: var(--c-main-add); margin-top: 30px; margin-bottom: 40px; } .design__anno-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 20px; height: 20px; margin-right: 10px; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); } .design__anno-icon .svg { fill: var(--c-accent-add); } .design__types { padding-top: 120px; } .design__subtitle { max-width: 1150px; margin-bottom: 48px; } .design__types-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 20px; } .design__type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 10px; background-color: #fff; padding: 30px 20px 20px; } .design__type-img { width: 78px; height: 78px; margin-bottom: 15px; } .design__type-img img { -o-object-fit: contain; object-fit: contain; } .design__type-title { font-family: var(--ff-add); font-size: 20px; text-transform: uppercase; color: var(--c-accent-add); text-align: center; } .design__steps { margin-top: 120px; } .design__steps-title { margin-bottom: 60px; } .design__steps-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 30px 20px; } .design__step-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .design__step-number { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 10px; width: 64px; height: 64px; background-color: var(--c-accent-add); margin-right: 20px; } .design__step-number span { font-family: var(--ff-add); font-size: 38px; color: #fff; } .design__step-title { color: var(--c-accent-add); font-size: 20px; line-height: 1.3; } .design__step-text { color: var(--c-accent-add); } .design-page-form { padding-top: 60px; } .design-page-form .main-form__title { color: var(--c-accent-add); max-width: 1075px; margin-bottom: 15px; } .design-type { padding-top: 60px; } .design-type_gallery { overflow-x: hidden; padding-top: 120px; } .design-type.cart { padding-top: 120px; } .design-type__action-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 60px; } .design-type__action-text { max-width: 1075px; color: var(--c-main-add); padding-right: 15px; } .design-type__title { color: var(--c-accent-add); margin-bottom: 60px; } .design-type__concept { padding-top: 120px; } .design-type__concept-block:not(:last-child) { margin-bottom: 40px; } .design-type__concept-wrap { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 20px; } .design-type__concept-title { color: var(--c-accent-add); margin-bottom: 20px; } .design-type__concept-text { color: var(--c-main); } .design-type__concept-add { background-color: #fff; border-radius: 10px; padding: 40px 54px 40px 40px; } .design-type__concept-add .design-type__concept-text ul { list-style: outside; } .design-type__concept-add .design-type__concept-text ul li::marker { font-size: 15px; } .design-type__gallery-slider { max-width: 460px; margin: auto; } .design-type__gallery-slide { width: 460px; height: 260px; border-radius: 10px; overflow: hidden; } .design-type__gallery-navigation { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 40px; } .design-type__types { padding-top: 60px; } .design-type .cart__row:first-child { border-top: 1px solid var(--c-neutral-middle); padding-top: 20px; } .design-type .cart__row:not(:last-child) { border-bottom: unset; } .design-type .cart__row:last-child { border-bottom: 1px solid var(--c-neutral-middle); } .not-found { padding: 120px 0 150px; } .not-found__title { font-size: 50px; text-align: center; margin-bottom: 30px; } .not-found__number { display: block; font-weight: 500; font-size: 200px; text-align: center; color: var(--c-accent); margin-bottom: 30px; } .not-found__link { display: block; color: var(--c-main); font-size: 30px; text-align: center; } .not-found__link:hover { color: var(--c-accent); } .privacy { padding: 120px 0 150px; } .privacy h1 { font-size: 40px; color: var(--c-accent); margin-bottom: 50px; } .privacy h5 { font-size: 30px; color: var(--c-accent); margin-bottom: 20px; margin-top: 40px; } @media screen and (min-width: 1000px) { .ts-bx-popup .main-user-consent-request-popup-text { height: 400px; } } @media screen and (min-width: 1200px) { .ts-popup { scrollbar-width: thin; scrollbar-color: var(--c-accent-main) var(--c-neutral-light); } .ts-popup::-webkit-scrollbar { height: 6px; width: 6px; } .ts-popup::-webkit-scrollbar-thumb { background-color: var(--c-accent-main); } .ts-popup::-webkit-scrollbar-track { background: var(--c-neutral-light); } } @media screen and (max-width: 1450px) { .footer__contacts-block-adaptive { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__contacts-block-adaptive > *:not(:first-child) { margin-left: 0; margin-top: 7px; } } @media screen and (max-width: 1440px) { .search__input { min-width: 200px; } .header__contacts-light { display: block; } .header__controls { margin-left: 20px; } } @media screen and (max-width: 1400px) { .service__types-wrap { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 1350px) { .header__mail { display: none; } } @media screen and (max-width: 1300px) { .header__content-main { -ms-grid-columns: -webkit-max-content 1fr -webkit-max-content; -ms-grid-columns: max-content 1fr max-content; grid-template-columns: -webkit-max-content 1fr -webkit-max-content; grid-template-columns: max-content 1fr max-content; } .header__contacts-phones { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .header__contacts-phones-main { margin-right: 0; margin-bottom: 5px; } .catalog__grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .catalog__grid-categories ul { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 1200px) { .categories-menu__child-item > a { min-width: 200px; } .header__content-main { gap: 20px; } .header__contacts-phones { font-size: 16px; } .footer__row_first .footer__contacts { display: none; } .footer__row_mobile { display: block; } .footer__search .search { width: 300px; } .footer__contacts { margin-right: 0; } .footer__contacts-block:last-child { justify-self: flex-end; } .footer__wrap { -ms-grid-columns: 223px auto auto; grid-template-columns: 223px auto auto; gap: 20px; } .footer__categories { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .footer__menu { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .footer__menu li { display: block; } .home-banners { padding-top: 0; } .categories__wrap { -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; } .categories__list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .clients__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .clients__info-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .clients__button { margin-top: 0; margin-left: 35px; } .cart__control { padding-right: 0; } .cart__total { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .cart__simple-total { padding-right: 0; } .cart__main-header { padding: 15px; } } @media screen and (max-width: 1100px) { .ts-form__grid-block { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .ts-form__flex-block { max-width: 460px; } .header__mobile-account { display: -webkit-box; display: -ms-flexbox; display: flex; } .header__controls .btn:not(:first-child) { margin-left: 8px; } .header__controls-basket { margin-left: 8px; } .header .btn_small-account { display: none; } } @media screen and (max-width: 1075px) { .product-section__visual { -ms-grid-row-span: 2; grid-row: span 2; } .product-section__info { -ms-grid-column-span: 2; grid-column: span 2; } } @media screen and (max-width: 1000px) { .btn_flex-cart .btn__icon { margin-right: 0; } .btn_flex-cart .btn__text { display: none; } .header__content-main { -ms-grid-columns: 1fr -webkit-max-content 1fr; -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr -webkit-max-content 1fr; grid-template-columns: 1fr max-content 1fr; } .header__logo-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .header__logo { margin-right: 0; } .header__company-text.desktop { display: none; } .header__company-text.mobile { display: block; } .header__company-text { max-width: unset; color: var(--c-main); font-size: 18px; margin-top: 10px; } .header__contacts-phones { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__contacts-phones-main { margin-right: 20px; margin-bottom: 0; } .catalog__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .catalog__grid { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .catalog__filter .block-spoiler__header { padding-left: 15px; padding-right: 15px; } .catalog__filter .block-spoiler__content { padding-left: 15px; padding-right: 15px; } .catalog__filter .block-spoiler__item_simple .block-spoiler__content { padding: 5px 15px; } .catalog__filter .catalog__filter-mobile-content { padding-bottom: 20px; } .catalog__filter-mobile-header { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__filter-mobile-content { display: none; } .catalog__filter-mobile-content .block-spoiler__item:first-child .block-spoiler__header { padding-top: 20px; } .catalog__filter-buttons { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .catalog__grid-categories { display: none; } .cart__row { -ms-grid-columns: 160px 1fr; grid-template-columns: 160px 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 32px 20px; } .cart__image { -ms-grid-row-span: 2; grid-row: span 2; } .cart__total { max-width: 600px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin-left: auto; } .cart__promocode { width: 100%; } .garanty-form__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .garanty-form__form { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .service__intro { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .service__types-wrap { gap: 20px; } .service__type { -ms-grid-columns: 70px auto; grid-template-columns: 70px auto; gap: 15px; padding: 15px; } .service__type-text p { font-size: 16px; } .service__steps-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .service__step:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .service__step:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .service__step:nth-child(6) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .clients-page__grid { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .design__types-wrap { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media screen and (max-width: 950px) { .categories-menu__child { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; max-height: 70vh; overflow-y: auto; } } @media screen and (max-width: 900px) { .header__contacts-phones { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .header__contacts-phones-main { margin-right: 0; margin-bottom: 4px; } .header__contacts-cities { color: var(--c-neutral-middle); } .header__contacts-cities.desktop { display: none; } .header__contacts-cities.mobile { display: block; margin-top: 10px; } .footer__flex-block_sb { -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } .footer__flex-block_sb .footer__flex-block { width: 100%; } .footer__flex-block_sb .footer__flex-block:first-child { display: none; } .footer__search { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .footer__search .search { width: 100%; } .footer__wrap { -ms-grid-columns: 466px auto; grid-template-columns: 466px auto; } .footer__menu { -ms-grid-column-align: end; justify-self: end; } .footer__info { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-column-span: 2; grid-column: span 2; } .footer__info-footer { margin-top: 40px; } .home-banners__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .home-banners__content { padding-top: 40px; } .categories__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .categories__demo-footer { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .catalog__grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 800px) { .h3 { font-size: 20px; } .header .search { display: none; } .long-slider__wrap { max-width: 100%; } .long-slider__item { width: auto; } .block-spoiler__header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .work-item__subtitle { font-size: 18px; } .work-item:not(:last-child) { margin-bottom: 80px; } .work-item .block-spoiler__header { padding: 12px 16px; } .work-item .block-spoiler__title .h4 { font-size: 18px; } .work-item .block-spoiler__content { padding: 16px; } .form-add-block__form-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 40px; } .header__row_first { padding-bottom: 7px; } .header__row_first .header__controls { margin-left: 10px; } .header__row_first .header__controls a { display: none; } .header__row_first .header__controls .btn:not(:first-child) { margin-left: 0; } .header__row_second .menu-list { display: none; } .header__row_third { display: block; } .header__controls_mobile { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; } .header__controls_mobile .btn_icon { border-color: var(--c-accent-main); } .header__controls_mobile .btn_icon .svg { fill: var(--c-accent-main); } .header__controls_mobile .btn_icon.header__mobile-menu { border-color: var(--c-neutral-light); } .header__controls_mobile .btn_icon.header__mobile-menu .svg { fill: var(--c-neutral-light); } .header__content-main { -ms-grid-columns: -webkit-max-content auto; -ms-grid-columns: max-content auto; grid-template-columns: -webkit-max-content auto; grid-template-columns: max-content auto; } .header__content-main .header__controls { display: none; } .header__contacts-new { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-grid-column-align: end; justify-self: end; } .header__contacts-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: end; } .header__contacts-phones { margin-bottom: 10px; } .header__contacts-phones a { display: none; } .header__contacts-phones a.header__contacts-phones-main { display: block; } .header__contacts-socials { margin-left: 0; } .header__contacts-link { width: 32px; height: 32px; } .header__contacts-link:not(:last-child) { margin-right: 15px; } .header__catalog-btn { margin-right: 8px; padding: 10px 15px 9px; margin-right: 8px; } .header__mobile-menu { display: block; } .footer__search .search { width: auto; } .about__main { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .about__main-accent { margin-top: 60px; } .about__info { margin-top: 30px; } .about__garanty { -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin-top: 40px; } .about__photos { padding-top: 50px; } .about__photos .h3 { font-size: 26px; } .about__photos-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .requisites__main { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 50px; } .requisites__info-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .contacts__location-block { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 40px; } .contacts__map { height: 300px; } .features__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .product-section__control-buttons { -ms-grid-columns: (-webkit-max-content)[3]; -ms-grid-columns: (max-content)[3]; grid-template-columns: repeat(3, -webkit-max-content); grid-template-columns: repeat(3, max-content); } .product-section__control-buttons .btn_ghost { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-grid-column-span: 3; grid-column: span 3; } .checkout__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .checkout__summary { margin-top: 30px; } .delivery__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 40px; } .delivery__title { margin-bottom: 20px; } .delivery__options-item { font-size: 16px; } .delivery__bill h3 { font-size: 16px; margin-bottom: 30px; } .delivery__bill h4 { font-size: 16px; } .credit__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .garanty__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .garanty__block:not(:first-of-type) { margin-top: 30px; } .garanty__add p { font-size: 16px; } .garanty-form__intro { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .service__types { margin-bottom: 80px; } .service__types-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .clients-page__grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; gap: 10px; } .design__types-wrap { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .design__steps-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .design__step:nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .design__step:nth-child(4) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .design__step:nth-child(6) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .design-type_gallery { padding-top: 60px; } .design-type.cart { padding-top: 60px; } .design-type__concept { padding-top: 60px; } .design-type__concept-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .design-type__title { margin-bottom: 40px; } .design-type__types { padding-top: 20px; } } @media screen and (max-width: 768px) { .cart__image { grid-row: unset; } .cart__control { -ms-grid-column-span: 2; grid-column: span 2; } .cart__main-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .cart__btn-print { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 20px; } .cart__btn-catalog { margin-left: 0; } .cart__btn-checkout { margin-left: 0; margin-top: 10px; } } @media screen and (max-width: 750px) { .categories-menu__child { -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; } } @media screen and (max-width: 700px) { .simple-table__column_2 { white-space: nowrap; } .ts-tabs__item_mobile-scroll { overflow-x: auto; } .footer__controls { display: none; } .footer__contacts_grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .footer__contacts-block:last-child { -ms-grid-column-align: unset; justify-self: unset; } .footer__categories { display: none; } .footer__wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .footer__info { grid-column: unset; } .footer__menu { -ms-grid-column-align: unset; justify-self: unset; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .clients__wrap { gap: 35px; } .clients__subtitle { margin-top: 30px; } .clients__info-block { display: block; } .clients__button { margin-top: 20px; margin-left: 0; } .clients__logos { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .product-section__grid { display: block; } .product-section__visual { grid-row: unset; padding-top: 30px; } .product-section__title-block { max-width: unset; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; padding-top: 30px; } .product-section__info { grid-column: unset; } .product-section__info-features { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .product-section__info-payment-list { grid-template-areas: "mir mir visa visa mastercard mastercard" "nocash nocash nocash paydelivery paydelivery paydelivery"; -ms-grid-columns: unset; grid-template-columns: unset; } .product-section__info-payment-item p { padding: 0 3px; } .product-section__info-payment-item:nth-child(1) { grid-area: mir; } .product-section__info-payment-item:nth-child(2) { grid-area: visa; } .product-section__info-payment-item:nth-child(3) { grid-area: mastercard; } .product-section__info-payment-item:nth-child(4) { grid-area: nocash; } .product-section__info-payment-item:nth-child(5) { grid-area: paydelivery; } } @media screen and (max-width: 700px){ .product-section__info-payment-item:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; } .product-section__info-payment-item:nth-child(2) { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-span: 2; } .product-section__info-payment-item:nth-child(3) { -ms-grid-row: 1; -ms-grid-column: 5; -ms-grid-column-span: 2; } .product-section__info-payment-item:nth-child(4) { -ms-grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 3; } .product-section__info-payment-item:nth-child(5) { -ms-grid-row: 2; -ms-grid-column: 4; -ms-grid-column-span: 3; } } @media screen and (max-width: 600px) { .ts-menu-mobile { min-width: 250px; } .pages-pagination .pages-pagination__page-link { display: none; } .pages-pagination .pages-pagination__page-link.active { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 0; } .pages-pagination .pages-pagination__page-link.active + .pages-pagination__page-link { display: -webkit-box; display: -ms-flexbox; display: flex; } .pages-pagination .pages-pagination__more { display: none; } .ts-tabs__header { padding-bottom: 30px; } .ts-tabs__tab { font-size: 15px; } .product__buttons { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .product__button.btn_ghost { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product__title { padding: 15px 10px 10px; } .product__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product__price { margin-bottom: 5px; } .product__footer { padding: 0 10px 15px; } .product .btn__icon .svg { width: 17px; height: 17px; } .ts-popup__container { padding: var(--popup-container-padding-mobile); } .ts-popup__close { width: 30px; height: 30px; right: 10px; top: 10px; } .ts-popup__close .svg { width: 18px; height: 18px; } .ts-form__grid-block { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .ts-form__agreement { font-size: 15px; } .main-form { padding-top: 60px; } .main-form__close { right: 20px; top: 20px; } .main-form__title { font-size: 25px; margin-bottom: 25px; } .main-form__group-col-2 { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .main-form__visual { height: 250px; } .no-page__title { font-size: 20px; } .ts-bx-popup .main-user-consent-request-popup-header { white-space: unset; max-width: unset; } .header__contacts { display: none; } .header__company-text { font-size: 3vw; } .header__contacts-cities { white-space: nowrap; font-size: 2.5vw; margin-top: 5px; } .footer__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer__flex-block_sb { margin-top: 25px; } .categories { padding-top: 60px; } .categories__list { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .clients { padding-top: 60px; } .features { padding-top: 60px; } .catalog__grid { gap: 15px; } .cart__counts { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 10px; } .checkout-confirm__title-block { font-size: 20px; } .cross { padding-top: 60px; } .form-garanty { padding: 40px 20px; } .service__intro-button-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .service__intro-button-text { margin-right: 0; margin-bottom: 15px; } .design__action-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .design__action-text { padding-right: 0; margin-bottom: 15px; } .design__types { padding-top: 80px; } .design__steps { margin-top: 80px; } .design__types-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .design-page-form .main-form__title { font-size: 18px; } .design-type__action-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .design-type__action-text { padding-right: 0; margin-bottom: 15px; } .design-type__gallery-slider { max-width: 360px; } .design-type__gallery-slide { width: 360px; height: 160px; } .design-type__concept-add { padding: 30px 24px 30px 20px; } .not-found__title { font-size: 35px; } .not-found__number { font-size: 120px; margin-bottom: 0; } .not-found__link { font-size: 24px; } } @media screen and (max-width: 550px) { .categories-menu { max-height: 70vh; overflow-y: auto; } .categories-menu__item a { padding-right: 50px; } .categories-menu__item:hover .categories-menu__child { display: none; } .categories-menu__icon { display: -webkit-box; display: -ms-flexbox; display: flex; } .categories-menu__child { position: static; background-color: var(--c-accent-add); -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; max-height: unset; overflow: visible; } .categories-menu__child-item > a { color: #fff; } .categories-menu__child-item > a::before { content: "—"; margin-right: 3px; } .categories-menu__child-item > a:hover { background-color: #293044; } } @media screen and (max-width: 500px) { .h1 { font-size: 30px; } .page-title .h1 { font-size: 24px; } .h2 { font-size: 24px; } .h3 { font-size: 15px; } .h4 { font-size: 13px; } .ts-text-anno::after { width: 12px; height: 12px; } .block-spoiler__header { padding: 12px 0; } .block-spoiler__title { font-size: unset; padding-right: 20px; } .block-spoiler__icon { width: 22px; height: 22px; } .work-item__title .h3 { font-size: 20px; } .work-item__subtitle { font-size: 16px; } .work-item .block-spoiler__title .h4 { font-size: 16px; } .small-table__column_1 { width: auto; } .product__title .h5 { font-size: 12px; } .product__price { font-size: 14px; } .product__button { font-size: 12px; } .product__button .btn__text { font-size: 12px; } .product__img { height: 180px; } .product .btn_accent-add { font-size: 12px; } .cart-qty__remove { margin-right: 8px; } .cart-qty__control { margin-left: 9px; } .cart-qty__control-wrap .ts-input { max-width: 40px; } .socials__item { position: relative; width: 22px; height: 22px; } .form-add-block__form-block { margin-top: 70px; } .form-add-block__title { font-size: 18px; margin-bottom: 20px; } .home-banners__content { padding-top: 30px; } .about__main-accent h2 { font-size: 26px; } .about__info { margin-top: 60px; } .about__garanty { margin-top: 60px; } .about__garanty .text-block p:nth-child(2) { padding-left: 0; } .about__photos .h3 { font-size: 15px; } .contacts__map { height: 200px; } .categories__title-add { padding: 0; font-size: 22px; } .categories__list-item a { padding: 19px 10px; } .categories__demo-img { padding: 30px 45px; } .categories__demo-button { width: 100%; } .features__item-icon { max-width: 72px; grid-row: unset; padding: 15px; } .features__item-title { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .features__item-text { -ms-grid-column-span: 2; grid-column: span 2; } .product-section__info-tab { font-size: 15px; } .product-section__info-phone { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product-section__info-phone a { margin-left: 0; margin-top: 10px; } .cart__row { -ms-grid-columns: 80px 1fr; grid-template-columns: 80px 1fr; gap: 20px 10px; } .cart__row .price { font-size: 15px; } .cart__image { width: 80px; height: 80px; } .cart__title { font-size: 15px; } .cart__article-wrap { margin-top: 4px; } .cart__control { -ms-grid-columns: 1fr -webkit-max-content 1fr; -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr -webkit-max-content 1fr; grid-template-columns: 1fr max-content 1fr; gap: 10px; } .cart__control-price .price_old { font-size: 12px; color: var(--c-neutral-middle); } .cart__control-price .price { color: var(--c-neutral); } .cart__total-products-count { font-family: var(--ff-main); font-weight: 700; font-size: 15px; margin-left: 10px; } .cart__total-sum-count { font-size: 15px; margin-left: 10px; } .cart__promocode-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cart__promocode-buttons .btn_add { margin-left: 0; margin-top: 10px; } .cart__main-buttons { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .cart__main-header { padding: 10px; } .cart__simple-total-title { font-size: 15px; } .checkout__block:not(:last-child) { margin-bottom: 30px; } .checkout__delivery-wrap { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .checkout__pay-wrap { margin-top: -5px; margin-left: -5px; margin-right: -5px; } .checkout__pay-wrap .bx-soa-pp-company { padding: 5px; } .checkout__contacts .bx-soa-customer { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .checkout__contacts .bx-soa-customer[data-type=person] { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .checkout__contacts .bx-soa-customer[data-type=company] { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .checkout__contacts .bx-soa-customer[data-type=company] .checkout__contacts-comment { grid-column: unset; } .checkout__contacts .bx-soa-customer[data-type=company] .checkout__contacts-address { grid-column: unset; } .checkout__contacts .bx-soa-customer[data-type=company] .checkout__contacts-company-adr { grid-column: unset; } .checkout__contacts .bx-soa-customer[data-type=company] .bx-soa-location-input-container { grid-column: unset; } .checkout__cart .bx-soa-item-tr { -ms-grid-columns: 80px 1fr; grid-template-columns: 80px 1fr; gap: 10px; } .checkout__cart .bx-soa-item-img-block { width: 80px; height: 80px; grid-row: unset; } .checkout__cart .bx-soa-item-imgcontainer { width: 70px; height: 70px; } .checkout__cart .bx-soa-item-title { font-size: 15px; } .checkout .form-check-group { margin-top: -5px; margin-left: -5px; margin-right: -5px; } .checkout .form-check-group .ts-check { padding: 5px; } .delivery__title { font-size: 20px; } .credit__title { font-size: 20px; } .garanty__title { font-size: 20px; } .form-garanty__title { font-size: 20px; } .form-garanty__block { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 10px; } .form-garanty .datepicker { width: 100%; } .form-garanty .dropzone { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .service__title { font-size: 20px; } .service__type { -ms-grid-columns: 50px auto; grid-template-columns: 50px auto; gap: 10px; padding: 10px; } .service__type-text p { font-size: 16px; } .service__step { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .service__step-number { -ms-grid-column-align: center; justify-self: center; width: 90px; } .service__step-text { text-align: center; } .clients-page__title { font-size: 20px; } .clients-page__grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .clients-page__item { height: 120px; } .montage__action-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .montage__action-text { margin-bottom: 15px; } .design__subtitle { font-size: 18px; } .design__action-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .design__action-text { padding-right: 0; margin-bottom: 15px; } .design__type { padding: 20px 10px 10px; } .design__step-number { width: 50px; height: 50px; margin-right: 10px; } .design__step-number span { font-size: 26px; } .design__step-title { font-size: 18px; } } @media screen and (max-width: 450px) { .header .search input { width: calc(100vw - 80px); } .catalog__grid { gap: 10px; } .design-type__gallery-slider { max-width: 100%; padding: 0 15px; } .design-type__gallery-slide { width: auto; height: auto; } } @media screen and (max-width: 400px) { .header .logo { max-width: 160px; } .product__price span { display: block; } .product__price-old { margin-right: 0; margin-bottom: 3px; } .product__img { height: 130px; } .product__mark { padding: 4px 11px 3px; } .product__mark p { font-size: 12px; } .header__content-main { gap: 10px; } .header__catalog-btn { margin-right: 8px; } .header__catalog-btn { min-width: unset; } .header__contacts-phones { font-size: 4.5vw; } .header__contacts-link { width: 28px; height: 28px; } .product-section__visual-thumbs { height: 90px; } .product-section__control-buttons { -ms-grid-columns: auto -webkit-max-content -webkit-max-content; -ms-grid-columns: auto max-content max-content; grid-template-columns: auto -webkit-max-content -webkit-max-content; grid-template-columns: auto max-content max-content; } .form-garanty__files-add { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .form-garanty__files-add .btn { margin-left: 0; margin-top: 10px; } .form-garanty .dropzone { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 350px) { .product__title .h5 { font-size: 3.5vw; } .product__button { font-size: 3.5vw; white-space: nowrap; } .product .btn__icon .svg { width: 15px; height: 15px; } .header__catalog-btn { border-width: 1px; } .header__content-main { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .header__simple-links { font-size: 12px; } .header__catalog-btn { padding-left: 10px; padding-right: 10px; margin-right: 0; } .features__item { gap: 16px 10px; } .features__item-icon { max-width: 60px; padding: 10px; } } @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0.01ms !important; -o-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } .header_btns a { color: #999; } .header_btns a:hover { color: #000; } .sssmodulebox h2 { font-size: 1.4em; font-weight: 600; } /* End */ /* Start:/local/templates/technologia/files/css/add.css?171220969124289*/ form { margin: 0; } .main { display: flex; flex-direction: column; } .product-section__control-price.mobile { display: none; } @media screen and (max-width: 700px) { .product-back { order: -1; padding-bottom: 20px; } .breadcrumbs { margin-bottom: 30px; } .product-section__visual-main { max-width: unset; } .product-section__visual-img img { margin: auto; } .product-section__visual-control { display: none; } .product-section__grid { display: flex; flex-direction: column; } .product-section__title-block { order: -2; padding-top: 0; padding-bottom: 15px; } .product-section__control-price { order: -1; } .product-section__control-price.mobile { display: block; margin-bottom: 0; } .product-section__control-price.desktop { display: none; } .product-section__info-tab { font-size: 14px; } .ts-widget-buttons { display: none; } } @media screen and (max-width: 500px) { .product-section__info-tab { font-size: 11px; } .product-section__info { padding-top: 30px; } } .bx-filter-select-block { position: relative; border: 1px solid var(--c-neutral-middle); padding: 5px 15px; border-radius: 5px; background: #fff; cursor: pointer; } .bx-filter-select-arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); display: block; height: 16px; width: 16px; } .bx-filter-select-arrow .svg path { fill: var(--c-neutral-middle); } .home-title-block { padding: 60px 0 30px; } .home-banners__title, .categories__subtitle, .categories__list-title, .features__item-title, .catalog__filter-subtitle { font-family: var(--ff-add); text-transform: uppercase; } .product__title .h5 { font-family: var(--ff-add); } .home-banners__title { color: var(--c-main-add); } .popup-window.ts-notice-add-to-cart { position: fixed !important; bottom: 15px !important; right: 15px !important; left: 15px !important; top: unset !important; flex-direction: row !important; -webkit-box-orient: horizontal !important; -ms-flex-direction: row !important; align-items: center; font: 400 18px 'PT Sans', 'Arial', sans-serif; padding-right: 30px; } .popup-window.ts-notice-add-to-cart.hide { display: none !important; } .popup-window.ts-notice-add-to-cart .popup-window-content { order: -1; } .popup-window.ts-notice-add-to-cart .popup-window-content img { width: auto; max-height: 60px; } @media screen and (max-width: 600px) { .popup-window.ts-notice-add-to-cart { flex-direction: column !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-end; } } .ts-notice-add-to-cart__item { display: flex; align-items: center; } .ts-notice-add-to-cart__img { width: 60px; height: 60px; margin-right: 20px; } .ts-notice-add-to-cart__img img { flex-shrink: 0; object-fit: contain; margin: auto; } .ts-notice-add-to-cart__item p { max-width: 400px; font-size: 16px; text-align: left; } .ts-notice-add-to-cart__item p span { font-weight: 600; color: var(--c-accent-add); } .popup-window.ts-notice-add-to-cart .popup-window-buttons { margin-left: 20px; } .popup-window.ts-notice-add-to-cart .popup-window-close-icon { z-index: 100; } .popup-window.ts-notice-add-to-cart .popup-window-close-icon:after { width: 13px; height: 13px; } @media screen and (max-width: 800px) { .title-search-result { left: 0 !important; width: 100% !important; } } .title-search-result:nth-of-type(2) { display: none !important; } .search-title-result-item { display: flex; padding: 7px 0; } .search-title-result-item-image-container { margin-right: 10px; } .search-title-result-item-image { width: 40px; height: 40px; } .search-page-form { padding: 60px 0 20px; } .errors { font-size: 14px; margin-bottom: 10px; } .errors font.errortext { color: var(--c-danger) !important; } .error-msg { color: var(--c-danger); font-size: 14px; margin-bottom: 10px; } .success-msg { display: none; font-size: 20px; color: var(--c-accent-main); margin-bottom: 10px; } .main-form .success-msg { text-align: right; } @media screen and (max-width: 1100px) { .main-form .success-msg { text-align: left; } } .grecaptcha-badge { visibility: hidden; } .ts-personal-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px 30px; margin-bottom: 60px; } .sale-personal-section-index-block { border-radius: 0; height: auto; background-color: var(--c-accent-main); margin: 0; } .ts-personal-list__item .sale-personal-section-index-block-link { padding: 15px; } .ts-personal-list__item .sale-personal-section-index-block-name { font-size: 20px; } @media screen and (max-width: 900px) { .ts-personal-list { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 600px) { .ts-personal-list { grid-template-columns: 1fr; } } .ts-logout-form__text { color: var(--c-accent-add); } .ts-logout-form__text span { color: var(--c-neutral); } .ts-logout-form .btn { margin: 15px 0 0; } .ts-personal-orders .btn { display: inline-block; } .ts-personal-orders__history { margin-bottom: 50px; } .ts-personal-orders__subtitle { padding: 30px 0; } .ts-personal-orders__subtitle h2 { font-size: 30px; } .sale-order-title { font-size: 30px; padding: 30px 0; } @media screen and (max-width: 600px) { .ts-personal-orders__subtitle { padding: 10px 0; } .ts-personal-orders__subtitle h2 { font-size: 20px; } .sale-order-title { font-size: 20px; padding: 10px 0; } } .ts-personal-orders__item { border: 1px solid var(--c-neutral-middle); border-radius: 10px; padding: 20px; margin-bottom: 30px; } .sale-order-list-inner-container { border: none; } .ts-personal-orders__item .sale-order-list-title-container, .ts-personal-orders__item .sale-order-list-accomplished-title-container { display: inline-block; border: none; padding: 10px 20px; border-radius: 6px; background-color: var(--c-accent-add); margin-bottom: 20px; } .ts-personal-orders__item .sale-order-list-accomplished-date.canceled-order { color: #fff; } .ts-personal-orders__item .sale-order-list-title-container h3, .ts-personal-orders__item .sale-order-list-accomplished-title-container h3 { color: #fff; } .ts-personal-orders__item .sale-order-list-inner-container { padding: 5px 0; } .ts-personal-orders__item .sale-order-list-inner-row { padding: 0 0 20px; } .ts-personal-orders__add-links { margin-top: 15px; } .ts-personal-orders__add-links a:not(.btn) { color: var(--c-accent-add); display: block; padding: 5px 0; } /*.ts-personal-orders__add-links .sale-order-list-repeat-link { color: #73a8e7; }*/ .ts-personal-orders__control-buttons { display: flex; align-items: center; flex-wrap: wrap; margin: 0 -10px; } .ts-personal-orders__control-buttons .col-auto { padding: 10px; } .ts-personal-orders__add-links .sale-order-list-repeat-link:before { content: unset; } /*.ts-personal-orders__add-links .sale-order-list-cancel-link { color: var(--c-danger); }*/ .ts-personal-orders__item .sale-order-list-inner-title-line-item { font: 400 18px "PT Sans", Arial, sans-serif; color: var(--c-neutral); } .ts-personal-orders__item .sale-order-list-payment-title, .ts-personal-orders__item .sale-order-list-shipment-title, .sale-order-payment-change-payment-title, .sale-order-payment-change-payment-title-element { color: var(--c-accent-add); font: 400 20px "PT Sans", Arial, sans-serif; } .sale-order-list-shipment-status, .sale-order-list-shipment-item, .sale-order-list-payment-check, .sale-order-list-payment-price, .sale-order-list-shipment-button, .sale-order-list-change-payment, .sale-order-payment-change-payment-price { font: 400 16px "PT Sans", Arial, sans-serif; } .sale-order-list-payment-number, .sale-order-payment-change-payment-number { font-weight: 700; color: var(--c-accent-add); } .sale-order-list-payment { padding-bottom: 10px; } .sale-order-list-shipment-status-block { color: var(--c-neutral); font: 400 16px "PT Sans", Arial, sans-serif; border-radius: 3px; } .sale-order-list-status-restricted, .sale-order-payment-change-status-restricted, .sale-order-detail-payment-options-methods-info-title-status-restricted { border-radius: 3px; font: 400 16px "PT Sans", Arial, sans-serif; margin: 10px; } .sale-order-list-status-success, .sale-order-payment-change-status-success, .sale-order-detail-payment-options-methods-info-title-status-success { border-radius: 3px; font: 400 16px "PT Sans", Arial, sans-serif; border: 1px solid var(--c-accent-main); background: #e2feed; color: var(--c-accent-main); margin: 10px; } .sale-order-list-status-alert, .sale-order-payment-change-status-alert, .sale-order-detail-payment-options-methods-info-title-status-alert { border-radius: 3px; font: 400 16px "PT Sans", Arial, sans-serif; color: var(--c-danger); margin: 10px; } .sale-order-payment-change-pp-list { display: flex; flex-wrap: wrap; } .sale-order-payment-change-pp-company { width: 120px; height: auto; z-index: 1; padding: 10px; cursor: pointer; } .sale-order-payment-change-pp-company-graf-container { border: 1px solid var(--c-accent-add); transition: var(--trans); } .sale-order-payment-change-pp-company:hover .sale-order-payment-change-pp-company-graf-container { border-color: var(--c-accent-main); } .sale-order-payment-change-pp-company-smalltitle { font-size: 14px; margin-top: 10px; } .sale-order-list-cancel-payment { color: var(--c-main-add); } .sale-order-list-inner-row-template { padding: 15px 0; } .sale-order-payment-change-pp [id="paysystem-yandex-form"] { padding: 15px 0; } .sale-order-payment-change-pp [id="paysystem-yandex-form"] .btn-success { border-radius: 6px !important; margin-bottom: 10px; } .ts-personal-order__title-wrap { display: flex; align-items: flex-start; justify-content: space-between; } .ts-personal-order__title { font-size: 30px; margin-bottom: 30px; } .ts-personal-order .sale-order-detail-card-title { font-size: 20px; color: var(--c-accent-add); } .ts-personal-order__line { padding: 3px 0; } .ts-personal-order__line > div { display: inline-block; } .ts-personal-order .sale-order-detail-prop-value { color: var(--c-accent-add); font-weight: 600; font-size: 16px; } .ts-personal-order__buttons { display: flex; align-items: center; flex-wrap: wrap; margin: 20px -10px; } .ts-personal-order__buttons > div { padding: 10px; } .ts-personal-order .sale-order-detail-more-info-details-title { text-transform: unset; font-weight: 400; font-size: 20px; margin-bottom: 15px; } .ts-personal-order .sale-order-detail th { text-align: left; font-weight: 400; color: var(--c-neutral); padding-right: 10px; } .ts-personal-order .sale-order-detail-section-title { padding: 20px 0; background: unset; font-size: 18px; } .ts-personal-order .sale-order-detail-payment-options-info-order-number, .ts-personal-order .sale-order-detail-payment-options-info-total-price { font: 400 16px 'PT Sans', 'Arial', sans-serif; padding: 2px 0; } .sale-order-detail-payment-options-methods-info-title, .sale-order-detail-payment-options-methods-shipment-list-item-title { font: 400 16px 'PT Sans', 'Arial', sans-serif; margin-bottom: 10px; } .sale-order-detail-payment-options-methods-info-total-check, .sale-order-detail-payment-options-methods-info-total-price { font: 400 14px 'PT Sans', 'Arial', sans-serif; } .sale-order-detail-payment-options-methods-shipment-list { font: 400 14px 'PT Sans', 'Arial', sans-serif; } .sale-order-detail-payment-options-methods-shipment-list-item { padding: 5px 0; } .sale-order-detail-payment-options-methods-info-change-link { display: inline-block; font: 400 14px 'PT Sans', 'Arial', sans-serif; padding: 0; margin: 10px 0 20px; } .ts-personal-order div.payment-options-methods-row { padding: 0; margin: 0; } .ts-personal-order div.payment-options-methods-row:before, .ts-personal-order div.payment-options-methods-row:last-child:after { content: unset; } .ts-personal-order .sale-order-detail-payment-options-methods-image-container, .ts-personal-order .sale-order-detail-payment-options-shipment-image-container { display: inline-block; padding: 2px 10px; border: 1px solid var(--c-neutral-light); width: 104px; border-radius: 5px; } .sale-order-detail-payment-options-methods-shipment-list { padding-left: 0 !important; } .sale-order-detail-payment-options-shipment-composition-map { margin-top: 30px; } .table-responsive { overflow-x: auto; } .sale-order-detail-payment-options-shipment-composition-map { overflow-x: auto; } .sale-order-detail-order-item-img-container { border-radius: 5px; } .table { border-spacing: 12px; } .sale-order-detail th, .sale-order-detail td { font-size: 14px; } .sale-order-detail-total-payment-list-left-item, .sale-order-detail-total-payment-list-right-item { font: 400 14px 'PT Sans', 'Arial', sans-serif; text-align: left; } .ts-personal-order__cart { margin-top: 30px; } .ts-personal-order__total { display: grid; grid-template-columns: max-content max-content; gap: 20px; } .ts-personal-order__total .sale-order-detail-total-payment-list-left-item, .ts-personal-order__total .sale-order-detail-total-payment-list-right-item { font-size: 18px; margin-bottom: 10px; } .ts-personal-order__total .sale-order-detail-total-payment-list-right-item { font-weight: 600; } .ts-personal-data__form { max-width: 600px; } .ts-personal-data__form .form-group { margin-bottom: 10px; } .ts-personal-data__form #emailHelp { display: block; margin-top: 15px; } .ts-personal-data__buttons { display: flex; align-items: center; flex-wrap: wrap; margin: 0 -10px; } .ts-personal-data__buttons > div { padding: 10px; } .bx_compare .bx_filtren_container { padding: 0; border: none; background: unset; } .bx_compare .bx_filtren_container h5 { font-size: 22px; text-shadow: unset; margin: 30px 0 20px 0; } .bx_compare .bx_sort_container .sortbutton { font-weight: 400; font-size: 16px; background: unset; text-shadow: unset; } .bx_compare .bx_sort_container .sorttext { margin-right: 15px; } .bx_compare .bx_sort_container .sortbutton.current { background-image: unset; box-shadow: unset; text-shadow: unset; background-color: var(--c-accent-add); color: #fff; } .bx_compare .table_compare table tr td:first-child { font-weight: 400; font-size: 16px; } .bx_compare .table_compare table tr td a { color: var(--c-accent-add); } .bx_compare .table_compare table tr td a.btn { color: #fff; } .bx_compare .table_compare table tr td a.btn:hover { text-decoration: none; } .bx_compare .table_compare table tr td a.ts-compare-page__remove { color: var(--c-danger); } .ts-compare-page .ts-compare-page__buy { display: inline-block; padding: 5px 10px; font-weight: 400; margin-top: 10px; } .ts-compare-page__link { display: block; } .ts-tabs__tab h2 { color: inherit; font-size: inherit; } .site-map { padding: 60px 0; } .map-level-0 { column-count: 3; } .map-level-1 { padding-bottom: 10px; } @media screen and (max-width: 800px) { .map-level-0 { column-count: 2; } } @media screen and (max-width: 500px) { .map-level-0 { column-count: 1; } } .catalog-description { padding: 70px 0 50px; } .catalog-description h2 { font-size: 26px; line-height: 1.3; color: var(--c-main-add); padding: 30px 0 20px; } .catalog-description p { padding-bottom: 10px; } .catalog-description__content { border-top: 1px solid var(--c-neutral-middle); padding-top: 30px; } .catalog-description__content img { border-radius: 10px; max-width: 500px; } .catalog-description__content img.left { float: left; margin-right: 30px; margin-bottom: 20px; } .catalog-description__content img.right { float: right; margin-left: 30px; margin-bottom: 20px; } .catalog-description__content ul { list-style: disc; transform: translateX(20px); padding-right: 20px; } .catalog-description a { color: var(--c-accent-main); } .catalog-description a:hover { color: var(--c-main); } @media screen and (max-width: 900px) { .catalog-description__content img.left, .catalog-description__content img.right { float: none; margin: 20px auto; } } @media screen and (max-width: 500px) { .catalog-description h2 { font-size: 20px; } } .ts-form__captcha { display: flex; align-items: center; padding-bottom: 15px; } .ts-form__captcha_vertical { display: block; } .ts-form__captcha .ts-input { max-width: 250px; } .ts-form__captcha_vertical .ts-input { max-width: unset; } .ts-form__captcha img { max-width: 200px; margin-left: 10px; } .ts-form__captcha_vertical img { max-height: 44px; margin-left: 0; margin-top: 15px; } @media screen and (max-width: 450px) { .ts-form__captcha { display: block; } .ts-form__captcha .ts-input { max-width: unset; } .ts-form__captcha img { margin-left: 0; margin-top: 15px; } } .ts-form__flex-block-agrement > div { display: flex; align-items: flex-start; } .ts-form__flex-block-agrement .ts-check label { flex-shrink: 0; margin-right: 10px; } .bx-captcha { max-height: 44px; max-width: 200px; } .about__main { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .home-banners__file-link { padding: 10px 0; } .home-banners__file-link a { color: var(--c-btn-hover); } .home-banners__file-link a:hover { color: var(--c-accent-main); } /*TS Widget Buttons*/ html { --ts-widget-main: var(--c-accent-main); --ts-widget-shadow: 0px 10px 20px rgba(56, 184, 107, 0.15); } .ts-widget-buttons { position: fixed; bottom: 40px; right: 40px; z-index: 98; } .ts-widget-buttons__open { position: relative; width: 64px; height: 64px; border-radius: 50%; } .ts-widget-buttons__open_pulsed::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); width: 100%; height: 100%; border: 1px solid var(--ts-widget-main); border-radius: 50%; -webkit-animation: tsPuls 2s ease 1s infinite; -moz-animation: tsPuls 2s ease 1s infinite; animation: tsPuls 2s ease 1s infinite; } .ts-widget-buttons__open.active .ts-widget-buttons__change-icons { display: none; } .ts-widget-buttons__open.active::before { display: none; } .ts-widget-buttons__main-button { position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: var(--ts-widget-main); box-shadow: var(--ts-widget-shadow); transition: all 0.4s ease; border: none; } .ts-widget-buttons__main-button.active { transform: scale(0.8) rotate(90deg); background-color: #c2c2c2; box-shadow: unset; } .ts-widget-buttons__icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; z-index: -1; transition: all 0.6s ease; } .ts-widget-buttons__icon.show { opacity: 1; z-index: 1; } .ts-widget-buttons__icon img, .ts-widget-buttons__icon svg { width: 28px; } .ts-widget-buttons__buttons { position: absolute; bottom: calc(100% + 20px); left: 50%; transition: all 0.3s ease; transform: translateX(-50%) translateY(10px); opacity: 0; z-index: -1; pointer-events: none; } .ts-widget-buttons__buttons.active { opacity: 1; z-index: 1; pointer-events: unset; transform: translateX(-50%) translateY(0); } .ts-widget-buttons__button { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background-color: #fff; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); transition: all 0.2s ease; } .ts-widget-buttons__button:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.25); transform: scale(1.05); } .ts-widget-buttons__button:hover .ts-widget-buttons__button-title { opacity: 1; z-index: 1; pointer-events: unset; } .ts-widget-buttons__button:not(:last-child) { margin-bottom: 15px; } .ts-widget-buttons__button img, .ts-widget-buttons__button svg { width: 55%; height: auto; } .ts-widget-buttons__button-title { position: absolute; right: calc(100% + 10px); top: 50%; transform: translateY(-50%); transition: all 0.6s ease; border-radius: 10px; font-size: 14px; color: #222; opacity: 0; z-index: -1; pointer-events: none; background-color: #efefef; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15); padding: 5px 15px; } .ts-widget-buttons__button-title p { line-height: 1.3em; margin-bottom: 0; } .back-top { bottom: 52px; right: 140px; opacity: 0; } @media screen and (max-width: 600px) { .ts-widget-buttons { bottom: 40px; right: 15px; } .ts-widget-buttons__open { width: 50px; height: 50px; } .ts-widget-buttons__open_pulsed::before { width: 50px; height: 50px; } .ts-widget-buttons__icon img, .ts-widget-buttons__icon svg { width: 30px; } .back-top { bottom: 180px; right: 17px; } .back-top:hover { opacity: 0; } .back-top.active:hover { opacity: 0.5; } } @-webkit-keyframes tsPuls { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 70% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; } } @-moz-keyframes tsPuls { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 70% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; } } @keyframes tsPuls { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 70% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1.6); opacity: 0; } } .product-section__info-parameters { margin-bottom: 30px; } @media screen and (max-width: 1000px) { .product-section__info-parameters { border-spacing: unset; } .simple-table__row { display: block; } .simple-table__row:not(:last-child) { margin-bottom: 10px; } .simple-table__column_1 { display: block; width: 100%; padding: 0; } .simple-table__column_2 { padding-left: 0; } .simple-table__column_1::after { display: none; } } @media screen and (max-width: 900px) { .product-section__info-parameters { font-size: 16px; } .simple-table__column { padding-top: 3px; padding-bottom: 3px; } } @media screen and (max-width: 700px) { .simple-table__column_2 { white-space: unset; } } @media screen and (max-width: 600px) { /*.product-section__info-parameters-wrap { overflow-x: auto; } .product-section__info-parameters { width: 550px; }*/ .simple-table__row:not(:last-child) { margin-bottom: 5px; } } .catalog__filter-mobile-header { background-color: var(--c-accent-add); } .catalog__filter-mobile-header .catalog__filter-subtitle { color: var(--c-bg); } .filter-collapse-hide { display: none; } @media screen and (max-width: 600px) { .product__header H3 { font-size: 3.5vw; } } @media screen and (max-width: 350px) { .product__button-added { font-size: 3.5vw; } } @media screen and (max-width: 800px) { .product__price-old { display: block; margin-right: 0; } } /* End */ /* /local/templates/technologia/files/css/jquery-ui.min.css?168059410932130 */ /* /local/templates/technologia/files/css/datepicker.material.css?16831934135125 */ /* /local/templates/technologia/files/css/dropzone.min.css?16831934139830 */ /* /local/templates/technologia/components/bitrix/sale.basket.basket.line/ts_basket_button/style.min.css?16814092634065 */ /* /local/templates/technologia/components/bitrix/search.title/ts_search/style.css?1683986115887 */ /* /local/templates/technologia/css/style.css?1788843957159925 */ /* /local/templates/technologia/files/css/add.css?171220969124289 */