/* Start:/local/templates/fiera/fonts/font.css?16558106418332*/ /* cyrillic-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url(/local/templates/fiera/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8SL2V6As.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url(/local/templates/fiera/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Qb2V6As.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url(/local/templates/fiera/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Sb2V6As.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url(/local/templates/fiera/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Rr2V6As.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url(/local/templates/fiera/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Sr2V6As.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url(/local/templates/fiera/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8S72V6As.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url(/local/templates/fiera/fonts/z7NHdQDnbTkabZAIOl9il_O6KJj73e7Fd_-7suD8Rb2V.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDujMR6WR.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuHMR6WR.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDunMR6WR.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDubMR6WR.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDurMR6WR.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuvMR6WR.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff1GhDuXMRw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuHMR6WR.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDunMR6WR.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDubMR6WR.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDurMR6WR.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuvMR6WR.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(/local/templates/fiera/fonts/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'RobotoCustom'; src: url(/local/templates/fiera/fonts/Roboto-Regular.ttf) format('truetype'); } @font-face { font-family: 'RobotoCustom'; font-style: normal; font-weight: 500; src: url(/local/templates/fiera/fonts/Roboto-Medium.ttf) format('truetype'); } /* End */ /* Start:/local/templates/fiera/js/library/jquery/ui/1.12.1/jquery-ui.min.css?165581064130980*/ /*! jQuery UI - v1.12.1 - 2019-04-17 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityHeader=&bgImgOpacityContent=&bgImgOpacityDefault=&bgImgOpacityHover=&bgImgOpacityActive=&bgImgOpacityHighlight=&bgImgOpacityError=&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc0000&fcError=%235f3f3f&borderColorError=%23f1a899&bgTextureError=flat&bgColorError=%23fddfdf&iconColorHighlight=%23777620&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgTextureHighlight=flat&bgColorHighlight=%23fffa90&iconColorActive=%23ffffff&fcActive=%23ffffff&borderColorActive=%23c5c5c5&bgTextureActive=flat&bgColorActive=%23f6f6f6&iconColorHover=%23555555&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgTextureHover=flat&bgColorHover=%23ededed&iconColorDefault=%23777777&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgTextureDefault=flat&bgColorDefault=%23f6f6f6&iconColorContent=%23444444&fcContent=%23333333&borderColorContent=%23dddddd&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23444444&fcHeader=%23333333&borderColorHeader=%23dddddd&bgTextureHeader=flat&bgColorHeader=%23F26422&cornerRadius=0px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-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-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.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-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-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:#F26422;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 #c5c5c5;background:#f6f6f6;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#c5c5c5;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/local/templates/fiera/js/library/jquery/ui/1.12.1/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/local/templates/fiera/js/library/jquery/ui/1.12.1/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/fiera/js/library/jquery/ui/1.12.1/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/local/templates/fiera/js/library/jquery/ui/1.12.1/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/local/templates/fiera/js/library/jquery/ui/1.12.1/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/local/templates/fiera/js/library/jquery/ui/1.12.1/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/local/templates/fiera/js/library/jquery/ui/1.12.1/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} /* End */ /* Start:/local/templates/fiera/css/header.css?172575184116857*/ [class^="ipg"] { font-family: 'RobotoCustom'; -webkit-box-sizing: border-box; box-sizing: border-box; } [data-modal] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } body { position: relative; } body.--active:before { content: ''; position: absolute; z-index: 801; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .71); } .ipg__modal { display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .7); width: 100%; height: 100%; z-index: 101; overflow-y: auto; } .ipg__modal-close { position: absolute; cursor: pointer; top: 22px; right: 24px; } .ipg__modal.--city .ipg__modal-title { font-weight: 500; font-size: 24px; color: #2A2F33; margin-bottom: 30px; } .ipg__modal.--city .ipg__modal-grid { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 16px 1fr 16px 1fr; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; } header.ipg__header { position: relative; z-index: 802; background: #fff; margin: 0 0 25px 0; } .ipg__header-top { height: 46px; color: #F6F6F6; background: #2A2F33; } .ipg__header-wrap { 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; width: 100%; height: 100%; max-width: 1300px; padding: 0 20px; margin: 0 auto; } .ipg__header-search__wrap { width: 100%; height: 100%; max-width: 1300px; padding: 0 20px; margin: 0 auto; } .ipg__header-search__result { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 24px 1fr 24px 1fr 24px 1fr; grid-template-columns: repeat(4, 1fr); grid-gap: 24px; padding-bottom: 24px; } .ipg__header-search__item { text-decoration: none; } .ipg__header-search__img { position: relative; width: 100%; height: 220px; margin-bottom: 12px; } .ipg__header-search__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .ipg__header-search__star { position: absolute; z-index: 1; top: 12px; left: 12px; width: 56px; height: 56px; color: #fff; } .ipg__header-search__star:before { position: absolute; top: 0; left: 0; display: block; content: attr(data-discount); width: 56px; height: 56px; line-height: 56px; text-align: center; font-weight: 900; font-size: 16px } .ipg__header-search__actions { position: absolute; z-index: 1; top: 12px; right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ipg__header-search__actions .ipg__counter.counter { align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; overflow: hidden; text-align: center; border: 2px solid #F6F6F6; } .ipg__counter.counter > .ipg__decrement, .ipg__counter.counter > .ipg__increment { 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; min-width: 40px; min-height: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__header-search__label { padding: 0 8px; line-height: 24px; color: #fff; background: #F58220; margin-right: 10px; } .ipg__header-search__flag { height: 24px; } .ipg__header-search__flag svg { height: 100%; } .ipg__header-search__title { font-size: 16px; line-height: 1.5; color: #79848E; margin-bottom: 12px; } .ipg__header-search__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ipg__header-search__current { font-weight: 500; font-size: 24px; color: #2A2F33; } .ipg__header-search__old { position: relative; top: 3px; font-size: 16px; color: #79848E; text-decoration: line-through; margin-left: 12px; } .ipg__header-search__result-item { position: relative; 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 65px 24px 0; text-decoration: none; border-bottom: 1px solid #E8EAEC; } .ipg__header-search__result-inner { 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; width: calc(100% - 350px); } .ipg__header-search__result-img { width: 50px; height: 50px; } .ipg__header-search__result-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .ipg__header-search__result-info { width: calc(100% - 50px); padding: 0 30px; } .ipg__header-search__result-title { font-size: 16px; line-height: 1.5; color: #2A2F33; } .ipg__header-search__result-article { font-size: 16px; line-height: 1.5; color: #79848E; } .ipg__header-search__result-actions { display: flex; align-items: center; } .ipg__header-search__result-cart { margin-left: 20px; cursor: pointer; user-select: none; } .ipg__header-search__result-cart button { padding: 0; background-color: #fff; } .ipg__header-search__result-price { width: 170px; padding-left: 20px; font-weight: 500; font-size: 24px; text-align: left; line-height: 1.3; color: #2A2F33; } .ipg__header-search__result-ico { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ipg__header-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ipg__header-link { font-size: 14px; color: #F6F6F6; text-decoration: none; margin-right: 30px; } .ipg__header-link:last-child { margin-right: 0; } .ipg__header-authorization { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ipg__header-authorization span { font-size: 14px; margin-left: 12px; } .ipg__header-authorization a { color: #F6F6F6; } .ipg__header-bottom { border-bottom: 1px solid #E8EAEC; } .ipg__header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ipg__header-nav__item { position: relative; } .ipg__header-nav__item:hover .ipg__header-nav__list { display: block; } .ipg__header-nav__item:hover .ipg__header-nav__title { color: #F58220; } .ipg__header-nav__title { height: 80px; padding: 0 20px; line-height: 80px; font-size: 16px; color: #2A2F33; text-decoration: none; } .ipg__header-nav__list { display: none; position: absolute; z-index: 11; top: 100%; left: 4px; width: 320px; -webkit-box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); background: #fff; } .ipg__header-nav__link { 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; width: 100%; height: 48px; padding: 0 16px; /*line-height: 48px;*/ font-size: 16px; color: #2A2F33; text-decoration: none; border-bottom: 1px solid #E8EAEC; } .ipg__header-nav__link:hover { color: #F58220; } .ipg__header-nav__link:hover path { fill: #F58220; } .ipg__header-nav__list-inner { display: none; position: absolute; z-index: 1; top: 0; left: 100%; width: 320px; -webkit-box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); background: #fff; } .ipg__header-nav__list-item { position: relative; } .ipg__header-nav__list-item:hover .ipg__header-nav__list-inner { display: block; } .ipg__header-nav__list-item:hover > .ipg__header-nav__link { color: #F58220; } .ipg__header-actions { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ipg__header-actions__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 80px; } .ipg__header-actions__hidden { display: none; position: absolute; z-index: 1; top: 100%; left: -300px; width: 350px; padding: 24px; border-radius: 4px; background: #FFF; -webkit-box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); } .ipg__header-actions__inner { margin-bottom: 24px; } .ipg__header-actions__inner:last-child { margin-bottom: 0; } .ipg__header-actions__title { font-weight: 500; font-size: 14px; line-height: 22px; color: #F58220; margin-bottom: 8px; } .ipg__header-actions__text { font-size: 16px; line-height: 1.5; color: #2A2F33; text-decoration: none; margin-bottom: 4px; } .ipg__header-actions__text a { color: #2A2F33; } .ipg__header-actions__info { font-size: 16px; line-height: 1.5; color: #79848E; } .ipg__header-phone { padding-right: 10px; border-right: 1px solid #E8EAEC; margin-right: 10px; } .ipg__header-favorites { margin-right: 28px; position: relative; } .ipg__header-magnifier { padding-left: 25px; border-left: 1px solid #E8EAEC; margin-left: 25px; } .ipg__header-cart { position: relative; } .ipg__header-cart__number { position: absolute; top: -6px; right: -10px; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; color: #fff; border-radius: 50%; background: #F58220; padding-left: 1px; } .ipg__header-phone, .ipg__header-favorites, .ipg__header-cart, .ipg__header-magnifier { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__header-search { position: absolute; z-index: 3; top: 100%; left: 0; width: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; } .ipg__header-search.--active { display: -webkit-box; display: -ms-flexbox; display: flex; } .ipg__header-search__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 1px solid #ccc; margin: 30px 0; } .ipg__header-search__field { width: calc(100% - 80px); height: 30px; font-weight: 500; font-size: 24px; color: #2A2F33; border: none; outline: none; } .ipg__header-search__field::-webkit-input-placeholder { font-weight: 500; font-size: 24px; color: #CCC; } .ipg__header-search__field::-moz-placeholder { font-weight: 500; font-size: 24px; color: #CCC; } .ipg__header-search__field:-ms-input-placeholder { font-weight: 500; font-size: 24px; color: #CCC; } .ipg__header-search__field::-ms-input-placeholder { font-weight: 500; font-size: 24px; color: #CCC; } .ipg__header-search__field::placeholder { font-weight: 500; font-size: 24px; color: #CCC; } .ipg__header-search__btn { width: 80px; height: 30px; text-align: right; font-weight: 500; font-size: 24px; color: #79848E; text-transform: none; background: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0; } .ipg__header-city { position: absolute; z-index: 1; top: 100%; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 24px; border-radius: 4px; background: #FFF; -webkit-box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); } .ipg__header-city.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .ipg__header-city__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; margin-right: 24px; } .ipg__header-city__title span { margin-right: 5px; } .ipg__header-city__title strong { font-weight: 500; color: #F58220; } .ipg__header-city__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ipg__header-city__btn { width: 86px; height: 40px; line-height: 38px; text-align: center; color: #fff; border: 1px solid #F58220; border-radius: 4px; background: #F58220; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 12px; } .ipg__header-city__btn a { color: #fff; } .ipg__header-city__btn:last-child { color: #F58220; background: #fff; margin-right: 0; } @media screen and (max-width: 1279px) { .ipg__header-search__result { -ms-grid-columns: 1fr 24px 1fr 24px 1fr; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 1023px) { .ipg__header-search__result { -ms-grid-columns: 1fr 24px 1fr; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 990px) { #title-search-desktop .ipg__header-search__inner { margin: 24px 0 20px 0; } } @media screen and (max-width: 767px) { .ipg__header-search__result { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); } .ipg__header-search__img { height: 200px; } .ipg__header-search__result-item { padding: 15px; } .ipg__header-search__result-inner { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .ipg__header-search__result-price { width: 100%; padding-left: 80px; text-align: left; } } /* End */ /* Start:/local/templates/fiera/js/library/dropdown/jquery.dropdown.css?16558106413443*/ /********************************************************************* jQuery UI DropDown v1.0 http://uraniuminteractive.com Copyright 2011, Frank Parent for Uranium Interactive Free to use and abuse under the MIT license. http://www.opensource.org/licenses/mit-license.php **********************************************************************/ /* The dropdown container */ .ddContainer { display: inline-block; } .ddContainer, .ddContainer a { color: #000; font-size: 15px; } .ddContainer a { display:block; cursor:default; text-decoration:none; outline: none; } .ddOptionList li { line-height: 90%; } .ddOptionList li a { padding:6px 10px; text-decoration: none; color:rgb(76,76,76) !important; } .ddContainer a.selected { background-color: #E5E5E5 !important; color: #069543; } /* The dropdown toggle button */ .ddToggle { background-color: #fff; border: 1px solid #B2B2B2; height: 38px; overflow: hidden; /* width: 100% !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/ padding-right: 44px; padding-left: 6px; line-height: 38px !important; font-family:Arial, Helvetica, sans-serif; color:rgb(76,76,76) !important; text-decoration: none !important; white-space: nowrap; position: relative; outline: none !important; } .ddToggle:hover { } .ddToggle:after { display: block; content: ""; position: absolute; height: 26px; width: 20px; right: 40px; top: 1px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } /* The dropdown arrow in the toggle box */ .ddToggle span { position:absolute; top:-1px; width: 40px; height: 40px; background: #7F7F7F url(/local/templates/fiera/js/library/dropdown/../../../img/dd.png) 50% 50% no-repeat; right: 0; } /* The dropdown option list */ .ddOptionList { border: 1px solid #ccc; background-color: #fff; list-style-type:none; padding:0; margin:0; position:absolute; right:0; top: 40px !important; z-index:999; /*max-height: 218px;*/ max-width: 290px !important; border-top: 0; } .ddOptionList li.optgroup { font-style:italic; font-weight:bold; cursor:default; } /* End */ /* Start:/local/templates/fiera/js/library/validationengine/css/validationEngine.jquery.css?16558106413151*/ /* Z-INDEX */ .formError { z-index: 990; } .formError .formErrorContent { z-index: 991; } .formError .formErrorArrow { z-index: 996; } .ui-dialog .formError { z-index: 5000; } .ui-dialog .formError .formErrorContent { z-index: 5001; } .ui-dialog .formError .formErrorArrow { z-index: 5006; } .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; } .formError.inline { position: relative; top: 0; left: 0; display: inline-block; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; } .formError .formErrorContent { width: 100%; background: #ee0101; position:relative; color: #fff; min-width: 120px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; -o-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; } .formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; } body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; } .formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px; } .formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; -o-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #FFF; } .formError .formErrorArrow .line10 { width: 13px; border: none; } .formError .formErrorArrow .line9 { width: 11px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; } .formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } .formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; } /* End */ /* Start:/local/templates/fiera/css/style.css?172575184115927*/ body{ margin: 0; } input, button { -webkit-appearance: none; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } #wrapper.wrap-main{ max-width: 1300px; margin: 0 auto; padding: 0 20px; } .top-nav{ background: #e8eaec; display: flex; justify-content: center; width: 100%; font-family: Arial, sans-serif; font-size: 13px; } .top-nav__container{ width: 678px; height: 30px; display: flex; align-items: center; justify-content: space-between; } .top-nav__item{ color: #79848e; text-decoration: none; } .header{ margin: 14px 0; font-family: 'OpenSansLight', sans-serif; line-height: 1; } .header__logo{ padding-top: 23px; } .header__logo-cont{ width: 17%; } .header__search-desktop{ width: 24%; } .header__address-cont{ width: 23%; } .catalog-detail__info-count{ display: flex; align-items: center; } .header__mob-basket{ width: 25%; } .header__logo-img{ width: 100%; } .header__desctop-cont{ display: flex; justify-content: space-between; width: 100%; } .header__logo-text{ font-size: 18px; color: #bcc1c6; line-height: 1.5; } .header__soc-vk{ background: url('/local/templates/fiera/css/../img/header/vk.png') no-repeat; } .header__soc-vk:hover, .header__soc-face:hover, .header__soc-inst:hover, .header__soc-ytube:hover{ -webkit-filter: grayscale(1); /* Webkit браузеры */ filter: grayscale(1); } .header__soc-face{ background: url('/local/templates/fiera/css/../img/header/faceb.png') no-repeat; } .header__soc-inst{ background: url('/local/templates/fiera/css/../img/header/inst.png') no-repeat; } .header__soc-ytube{ background: url('/local/templates/fiera/css/../img/header/ytube.png') no-repeat; } .header__soc-img{ height: 30px; width: 30px; display: inline-flex; background-size: contain; border-radius: 3px; } .header__search{ padding-top: 24px; display: flex; position: relative; } .mobile-search__search{ display: flex; position: relative; } .header__search-cont{ width: 100%; } .header__loop-img{ background: url('/local/templates/fiera/css/../img/header/loop.png') no-repeat; height: 40px; width: 27px; position: absolute; right: 7px; background-position: center; background-size: contain; cursor: pointer; } .header__search-input{ width: 100%; padding: 8px 38px 8px 8px; border-radius: 6px; box-shadow: none; border-style: solid; border-width: 1px; border-color: #79848e; font-size: 18px; font-family: OpenSansLight; color: #79848e; } .header__soc-icon{ margin-top: 18px; } .header__geo:before{ content: ''; background: url('/local/templates/fiera/css/../img/header/geo.png') no-repeat; height: 15px; width: 12px; display: inline-flex; background-size: contain; position: absolute; left: -16px; } .header__geo-text{ border-bottom: 1px dashed #79848e; } .header__geo{ display: flex; position: relative; } .header__geo-text{ color:#79848e; font-size: 13px; } .header__address{ line-height: 1; font-size: 21px; color: #1f3242; font-family: OpenSansLight; padding: 10px 0; } .header__phone{ font-size: 20px; color: #1f3242; font-family: OpenSansBold; } .header__address a, .header__phone a { color: #1f3242; } .header__work-time{ line-height: 1.7; font-size: 17px; } .header__auth-icon{ height: 15px; width: 12px; display: inline-flex; background-size: contain; padding-right: 5px; } .header__auth:hover .header__auth-icon{ -webkit-filter: grayscale(1); /* Webkit браузеры */ filter: grayscale(1); } .header__auth:hover{ color: #1f3242; } .header__auth{ display: flex; font-size: 13px; color: #79848e; cursor: pointer; } .header__auth a { color: #79848e; } .header__basket-img{ width: 47px; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; } .header__basket-cont{ display: inline-flex; border: 3px solid #f58220; margin-top: 10px; border-radius: 6px; } .header__basket-item{ display: flex; height: 44px; width: 157px; padding: 7px; } .header__basket-item-has{ background: #f58220; } .header__basket-text{ padding: 0 0 0 19px; color: #79848e; font-size: 20px; line-height: 1; font-family: OpenSansLight; } .header__basket-count{ font-size: 20px; font-family: OpenSansLight; } .header__basket-count-cont{ width: 62px; display: flex; align-items: center; justify-content: center; } .header__text-price{ color: #1f3242; font-size: 13px; margin-top: 12px; font-family: Arial, sans-serif; } .header__basket-img-count{ width: 47px; height: 36px; background: url('/local/templates/fiera/css/../img/header/heart-gray.png') no-repeat; background-size: contain; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: bold; } .header__basket-img-count-has{ background-image: url('/local/templates/fiera/css/../img/header/heart.png') } .header__basket-img-count-has:hover{ background-image: url('/local/templates/fiera/css/../img/header/heart-hov.png'); } .header__b-price{ font-family: OpenSansBold; color: #fff; margin-top: 3px; } .header__b-count{ color: #fff; } .header__b-item-cont{ display: flex; flex-direction: column; justify-content: center; width: 100%; margin-left: 12px; font-size: 20px; font-family: OpenSansLight; } .header__basket-item-has:hover{ background: #f26524; border-color: #f26524; } .menu{ display: flex; justify-content: space-around; font-family: 'OpenSansBold', sans-serif; } .meny__item-lvl1{ width: 100%; height: 44px; display: block; align-items: center; justify-content: center; text-transform: uppercase; font-weight: bold; color: #fff; background: #1f3242; border-right: 1px solid #40515e; text-align: center; line-height: 42px; position: relative; font-size: 16px; } .meny__item-lvl1:last-child{ border-right: none; border-radius: 0 4px 4px 0; } .meny__item-lvl1:first-child{ border-radius: 4px 0 0 4px; } .meny__item-lvl1:hover{ background: #f58220; } .meny__item-lvl1 > a { color: inherit; width: 100%; height: 100%; display: block; } .breadcrumbs__cont{ font-family: Arial; font-size: 13px; color: #79848e; } .breadcrumbs{ margin: 11px 0; } .breadcrumbs__item{ border-bottom: 2px solid #bcc1c6; } .catalog-detail{ color: #1f3242; font-family: 'OpenSansBold', sans-serif; } .catalog-detail__title{ font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 24px; line-height: 125%; color: #000000; margin-bottom: 10px; text-transform: none; } .catalog-detail__cb-cont{ display: flex; align-items: center; margin-top: 24px; } .catalog-detail__cont{ margin-top: 13px; display: flex; } .catalog-detail__prop{ font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #79848E; } @media (min-width: 991px) { .catalog-detail__img-cont{ width: 687px; } .catalog-detail__im-ic-cont{ position: relative; margin: 0 0 0 24px; width: calc(100% - 97px); max-width: 566px; } } .catalog-detail__im-ic-cont{ position: relative; } .catalog-detail__info-cont{ width: calc(100% - 687px); margin-left: 62px; display: flex; flex-direction: column; } .catalog-detail__button-middle{ flex-grow: 1; display: flex; align-items: flex-start; padding-top: 18px; } .catalog-detail__info-stock{ font-weight: bold; line-height: 1; } .catalog-detail__price{ display: flex; align-items: flex-end; color: #f58220; font-size: 35px; white-space: nowrap; text-transform: uppercase; line-height: 1; } .catalog-detail_old_price { display: flex; flex-direction: column; align-items: flex-start; color: #79848E; position: relative; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 14px; margin-left: 12px; align-self: end; } .catalog-detail_old_price_line { position: absolute; height: 0px; left: 0px; right: 0px; top: 6px; border: 1px solid #79848E; } .catalog-detail__info-calk .catalog-detail__count-input{ width: 38px; margin: 0 4px; font-size: 22px; text-align: center; border: 1px solid #79848e; font-family: OpenSansBold; padding: 0; color: #1f3242; } .catalog-detail__info-calk .catalog-detail__calculate{ width: 29px; height: 39px; display: flex; align-items: center; justify-content: center; font-size: 28px; color:#fff; background: #79848e; cursor: pointer; border-radius: 3px; font-weight: 700; position: relative; } .catalog-detail__calculate-icon{ width: 0.9375rem; } .catalog-detail__calculate:hover{ background-color: #1f3242; } .catalog-detail__info-calk{ display: flex; } .catalog-detail__basket{ margin-left: 8px; } .catalog-detail__buy-cont .catalog-detail__buy{ width: 100%; height: 40px; background: #f58220; border: none; border-radius: 4px; font-size: 21px; color: #fff; cursor: pointer; text-transform: none; } .catalog-detail__buy-cont .catalog-detail__buy:hover{ background-color: #f26524; } .catalog-detail__buy-cont .catalog-detail__buy-one-click, .cd-mobile__one-click .catalog-detail__buy-one-click{ background: #1f3242; border: none; color: #fff; font-size: 14px; height: 26px; border-radius: 0 0 4px 4px; cursor: pointer; width: 100%; text-transform: none; } .catalog-detail__buy-cont .catalog-detail__buy-one-click:hover, .cd-mobile__one-click .catalog-detail__buy-one-click:hover{ color: #f26524; } .catalog-detail__gallery-cont{ display: flex; } .catalog-detail__g-item{ width: 76px; height: 76px; background-size: cover; background-repeat: no-repeat; background-position: center; border: 2px solid transparent; margin-right: 14px; } .catalog-detail__g-item:hover{ border: 2px solid #1f3242; } .imagesnew_dotted .slick-slide{ margin-right: 10px; } .imagesnew_dotted .slick-slide img{ border: 2px solid transparent; } .imagesnew_dotted .slick-current img{ border: 2px solid #1f3242; } .catalog-detail__main-slide .slick-dots{ display: flex; position: absolute; bottom: 1.5625rem; padding-left: 0; width: 100%; justify-content: center; } .catalog-detail__main-slide .slick-dots li{ list-style-type: none; margin: 0 8px; } .catalog-detail__main-slide .slick-dots li:before{ content: ''; border: 0.25rem solid #79848e; width: 1rem; height: 1rem; display: flex; border-radius: 1.7rem; background: #fff; } .catalog-detail__main-slide .slick-dots .slick-active:before{ content: ''; border: 0.25rem solid #79848e; background: #79848e; width: 1rem; height: 1rem; display: flex; border-radius: 1.7rem; } .catalog-detail__main-slide .slick-dots button{ display: none; } .catalog-detail__fi{ border: 3px solid #f58220; border-radius: 4px; padding: 7px 12px; font-weight: bold; font-size: 16px; display: inline-flex; align-items: center; cursor: pointer; color: #1f3242; } .catalog-detail__interior a, .catalog-detail__fi a { color: #1f3242; width: 100%; height: 100%; text-decoration: none; } .catalog-detail__fi-img{ background: url('/local/templates/fiera/css/../img/body/heart-empty.png') no-repeat; } .catalog-detail__fi-has .catalog-detail__fi-img-common{ background-image: url('/local/templates/fiera/css/../img/header/heart.png'); background-repeat: no-repeat; } .catalog-detail__fi-has:hover .catalog-detail__fi-img-common{ background-image: url('/local/templates/fiera/css/../img/body/heart-white.png'); } .catalog-detail__fi-img-common{ background-size: contain; width: 20px; height: 16px; display: flex; margin-right: 8px; background-position: center; } .catalog-detail__link{ display: flex; position: relative; } .catalog-detail__favorites-has{ color: #f58220; } .catalog-detail__fi-has:hover{ background-color: #f58220; } .catalog-detail__fi-has:hover .catalog-detail__favorites-has{ color: #fff; } .rec-prod__item{ width: 31%; display: flex; flex-direction: column; background: #e8eaec; margin: 15px 0; } .rec-prod__item-list{ width: 100% } .rec-prod__cont{ display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } .rec-prod{ font-family: OpenSansBold; } .h3{ font-size: 25px; } .rec-prod__name{ font-size: 16px; text-transform: uppercase; flex-grow: 1; display: flex; padding: 0 12px; margin-top: 10px; color: #1f3242; align-items: flex-start; } .rec-prod__name a { color: #1f3242; text-decoration: none; } .rec-prod__buttons{ display: flex; padding: 0 10px; justify-content: space-between; padding-bottom: 17px; } .rec-prod__buy-cont{ display: flex; } .rec-prod__price{ font-size: 26px; color: #f58220; } .rec-prod__buy-img{ width: 27px; } .rec-prod__buy{ display: flex; margin-left: 5px; width: 37px; background-color: #f58220; border-radius: 4px; justify-content: center; display: flex; align-items: center; } .rec-prod__title{ margin-bottom: 0; color: #1f3242; } .cart-pay__elemnt{ margin: auto; text-align: center; border-top: 5px solid #e8eaec; border-bottom: 5px solid #e8eaec; padding: 10px 0px; } .cart-pay__elemnt div{ height: 100px; display: inline-block; } .cart-pay__visa{ background: url('/local/templates/fiera/css/../img/body/visa-c.png') no-repeat; background-size: auto 100px; background-position: center; width: 200px; } .cart-pay__visa:hover{ background: url('/local/templates/fiera/css/../img/body/visa.png') no-repeat; background-size: auto 100px; background-position: center; } .cart-pay__mastercard{ background: url('/local/templates/fiera/css/../img/body/mastercard-c.png') no-repeat; background-size: auto 100px; background-position: center; width: 200px; } .cart-pay__mastercard:hover{ background: url('/local/templates/fiera/css/../img/body/mastercard.png') no-repeat; background-size: auto 100px; background-position: center; } .cart-pay{ margin: 10px 0; } .header__mob-top, .footer-soc, .mobile-search, .mobile-arrow, .d-tab__arrow, .cd-mobile__one-click{ display: none; } .cd-mobile__one-click-cont{ flex-grow: 1; } .catalog-d__m-slide-js, .imagesnew_dotted{ display: none } .catalog-d__m-slide-js.slick-initialized, .imagesnew_dotted.slick-initialized{ display: block; } /* custom */ .catalog-detail__info-calk .ui-spinner.ui-widget-content{ width: 100%; height: 100%; text-align: center; } .rec-prod__buy button { padding: 0; background-color: inherit; height: 39px; } .d-tab .cart-table { margin-bottom: 0px; } .mobile-search button { background-color: transparent; } .header__search button { background-color: transparent; } #buyOneClick { font-family: Arial, Helvetica, sans-serif; } h3.rec-prod__title { text-transform: none; font-family: 'OpenSansBold'; } .header__basket-cont .header__basket-cont { border: 0px solid #f58220; margin-top: 0px; border-radius: 0px; } .rec-prod__item.rec-prod-item-empty { background: none; } .ui-widget.ui-widget-content.wf-tooltip-orange { width: 140px; padding: 10px 15px; border: 2px solid #F58220; border-radius: 5px; font-size: 15px; font-style: italic; color: #000; box-shadow: 0 0 15px #999; } /* end custom*/ /* End */ /* Start:/local/templates/fiera/css/media.css?172575184116249*/ @media (max-width: 1000px) { html{ font-size: 1.66vw!important; } .header{ margin: 0; } .top-nav, .menu, .block-hide, .header__logo-text, .header__basket-text, .breadcrumbs, .catalog-detail__gallery-cont, .catalog-detail__favorites, .imagesnew_dotted, .cart-pay, .header__b-item-cont, .catalog-detail__favorites-has{ display: none; } .catalog-detail__buy-one-click.block-hide { display: none; } #main-menu { display: block; } .header #main-menu > .meny__item-lvl1 .wrap { position: static; } .meny__item-lvl1 { height: auto; } .cd-mobile__one-click, .footer-soc{ display: block; } .header__mob-top{ display: flex; justify-content: space-between; display: -webkit-flex; background: #FFFFFF; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); height: 56px; padding: 0 35px 0 35px; align-items: center; -webkit-box-sizing: border-box; } #wrapper.wrap-main{ margin: 0px 35px 30px 35px; padding: 0; } .header__desctop-cont { display: none; } .header__desctop-cont .header__geo { display: none; } #header-search-form { display: none; } .ipg__header-top, .ipg__header-bottom { display: none; } .header__geo-text{ font-family: Arial; font-size: 21px; line-height: 1; } .header__geo:before{ height: 35px; width: 26px; left: -35px; } .header__phone{ font-size: 29px; text-decoration: none; } .header__mob-address{ width: 100%; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; -webkit-justify-content: center; align-items: flex-end; margin-right: 57px; } .header__mob-item{ font-size: 22px; font-family: Arial; color: #79848e; } .header__auth-icon{ /* height: 35px; */ width: 27px; } .header__mob-auth{ width: 114px; display: flex; display: -webkit-flex; } .header__mob-auth a { color: #79848e; } .header__mob-burger{ width: 18px; } .header__mob-top #menu-dd.open { color: #4D4D4D; position: fixed; top: 5px; left: 5px; } .header__mob-top .header__mob-burger.open .header__mob-item { display: none; } .header__mob-menu-icon{ width: 100%; } .header__desctop-cont{ margin-top: 23px; } .header__logo{ width: 100%; display: flex; display: -webkit-flex; height: 100%; align-items: center; padding-top: 0; } .header__logo-img{ width: 100%; } .header__logo-cont{ width: 250px; display: flex; display: -webkit-flex; height: 100%; } .header__mob-basket{ width: 158px; } .header__basket-cont{ border: 5px solid #f58220; width: 100%; margin-top: 0; box-sizing: border-box; min-height: 75px; } .header__basket-item{ width: 50%; padding: 0; display: flex; display: -webkit-flex; align-items: center; justify-content: center; -webkit-justify-content: center; height: 100%; } .header__basket-count-cont{ width: 50%; } .header__basket-img-count{ width: 100%; background-position: center; height: 4.3rem; margin: 0 15%; box-sizing: border-box; } .header__basket-count{ font-size: 2.5rem; } .header__text-price{ font-size: 14px; margin-top: 10px; } .mobile-search{ display: flex; display: -webkit-flex; margin-top: 17px; } .header__search-input{ border-width: 2px; font-size: 25px; border-radius: 5px; padding: 10px 8px 10px 14px; } .header__loop-img{ background-position: center; right: 13px; height: 100%; width: 29px; } .mobile-arrow{ display: flex; justify-content: left; margin: 27px 16px 0px 16px; } .mobile-arrow__text{ font-size: 21px; font-family: Arial; color: #f58220; margin-left: 10px; } .mobile-arrow__arrow{ height: 31px; } .mobile-arrow__arrow>img{ height: 100%; } .catalog-detail__im-ic-cont{ max-width: 100%; } .catalog-detail__info-cont{ max-width: 100%; margin: -5px 0 0 0; width: 100%; } .catalog-detail__title{ font-size: 42px; margin-top: 18px; line-height: 1.2; } .catalog-detail__prop{ font-size: 22px; line-height: 2; } .catalog-detail__cont{ display: block; margin-top: 4px; } .catalog-detail__cb-cont{ justify-content: space-around; -webkit-justify-content: space-around; } .catalog-detail__info-stock{ line-height: 0.7; } .catalog-detail__price{ font-size: 49px; line-height: 1.3; } .catalog-detail__info-calk .catalog-detail__calculate{ width: 60px; border-radius: 0.4375rem; height: 73px; } .catalog-detail__calculate-icon{ width: 31px; } .catalog-detail__info-calk .catalog-detail__count-input{ font-size: 38px; width: 59px; border: 3px solid #818589; margin: 0 8px; border-radius: 5px; } .catalog-detail__buy-cont{ background: none; width: auto; } .catalog-detail__buy{ font-size: 34px; height: auto; font-family: OpenSansBold; padding: 13px 18px 15px; border-radius: 5px; } .catalog-detail__info-calk{ margin-left: 0; } .cd-mobile__one-click{ width: 233px; } .cd-mobile__one-click-cont .catalog-detail__buy-one-click { font-size: 28px; padding: 17px 34px 17px 16px; font-family: OpenSansBold; height: auto; border-radius: 5px; max-width: 100%; } .catalog-detail__button-middle{ padding-top: 0; margin-left: 11px; align-items: initial; flex-grow: 0; } .catalog-detail__fi{ border: 5px solid #f58220; padding: 0; } .catalog-detail__f-cont{ width: 64px; height: 64px; justify-content: center; -webkit-justify-content: center; box-sizing: content-box; } .catalog-detail__fi-img-common{ width: 100%; height: 100%; margin: 0 10px; } .catalog-detail__interior{ font-size: 28px; margin-left: 10px; text-align: center; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; white-space: nowrap; padding: 12px 23px; } .d-tab__but{ display: block; } .d-tab__arrow{ display: inline; width: 44px; } .d-tab__title{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 25px 0 27px; line-height: 1; align-items: center; } .d-tab__but-item{ border-bottom: 0.25rem solid #79848e; padding: 0 23px; font-size: 28px; } .d-tab__title-content{ display: none; color: #1f3242; padding-bottom: 21px; font-size: 21px; } .d-tab__but-item.active .d-tab__arrow{ transform: rotate(180deg); } .h3{ font-size: 42px; margin-top: 3.125rem; } .rec-prod__item{ width: 48%; background: #fff; margin: 0; min-height: 20rem; margin: 2.4375rem 0 0 0; } .rec-prod__buttons{ display: block; padding: 0; } .rec-prod__name{ margin-top: 14px; padding: 0; font-size: 24px; line-height: 1.3; } .rec-prod__buy-cont{ justify-content: space-between; -webkit-justify-content: space-between; } .rec-prod__price{ font-size: 48px; line-height: 1; display: flex; height: 75px; margin-bottom: 6px; align-items: center; } .catalog-detail__ci-mobile{ width: 50px; font-size: 41px; } .catalog-detail__info-calk .catalog-detail__calculate-mobile{ width: 56px; height: 70px; padding: 0; } .rec-prod__buy-img{ width: 52px; } .rec-prod__buy-mobile{ margin-left: 0.65rem; } .rec-prod__buy{ width: calc(100% - 170px); } .catalog-detail__hit{ width: 37px; height: auto; margin-right: 10px; } .catalog-detail__status-prod{ left: 18px; top: 14px; } .catalog-detail__discount{ width: 49px; height: 100%; margin-right: 10px; font-size: 15px; } .catalog-detail__new{ width: 105px; height: 100%; } .header__soc-img{ width: 75px; height: 75px; border-radius: 5px; margin: 0 6px; } .footer-soc{ padding: 2.625rem 6%; background: #e8eaec; } .header__soc-icon{ display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; margin: 0; } .catalog-detail__main-slide .slick-dots{ bottom: 9px; } .catalog-detail__main-slide .slick-dots li:before{ width: 10px; height: 10px; } .catalog-detail__main-slide .slick-dots .slick-active:before{ width: 10px; height: 10px; } .cd-mobile__one-click-cont{ display: flex; display: -webkit-flex; margin-top: 24px; justify-content: space-between; -webkit-justify-content: space-between; } .rec-prod__item.rec-prod-item-empty { display: none; } #middle .readmore-mobile { overflow: hidden; } .ui-widget.ui-widget-content.wf-tooltip-orange { width: 40%; } } @media (max-width: 759px) { .cd-mobile__one-click-cont{ display: block; } .header__mob-top{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 0 6% 0 6%; } #wrapper.wrap-main{ margin: 0px 16px 40px 16px; padding: 0; width: calc(100% - 32px); } .header__geo-text{ font-family: Arial; font-size: 2.4375rem; line-height: 1; } .header__geo:before{ height: 189%; width: 3.5rem; left: -17%; } .header__phone{ font-size: 3.4375rem; } .header__mob-address{ width: 100%; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; -webkit-justify-content: center; align-items: center; margin: 0 0 0 12%; } .wrap-main .header__mob-item{ font-size: 2.4375rem; font-family: Arial; color: #79848e; } .header__auth-icon{ /* height: 79%; */ width: 100%; } .header__mob-auth{ width: 44%; display: flex; display: -webkit-flex; } .header__mob-menu-icon{ width: 100%; } .header__desctop-cont{ margin-top: 2.125rem; } .header__logo{ width: 100%; display: flex; display: -webkit-flex; height: 100%; align-items: center; } .header__logo-img{ width: 100%; } .header__logo-cont{ width: 74%; display: flex; display: -webkit-flex; height: 100%; } .header__mob-basket{ width: 48%; margin-left: 6%; } .header__basket-cont{ border: 0.5rem solid #f58220; height: 8rem; width: 18rem; min-height: auto; } .header__basket-item{ width: 50%; padding: 0; display: flex; display: -webkit-flex; align-items: center; justify-content: center; -webkit-justify-content: center; height: 100%; } .header__basket-count-cont{ width: 50%; } .header__basket-img{ width: 6rem; height: 5.65rem; padding: 0.9375rem; height: auto; padding: 0px; } .header__basket-img-count{ width: 100%; background-position: center; height: 4.3rem; margin: 0 15%; box-sizing: border-box; } .header__basket-count{ font-size: 2.5rem; } .header__text-price{ font-size: 1.66rem; margin-top: 0.75rem; } .mobile-search{ display: flex; display: -webkit-flex; margin-top: 4.3125rem; } .header__search-input{ border-width: 0.3125rem; font-size: 3.4375rem; border-radius: 0.75rem; padding: 0.8125rem 7.5625rem 0.8125rem 1.5625rem; } .header__loop-img{ background-position: center; right: 2.25rem; height: 100%; width: 4.3125rem; } .catalog-detail__im-ic-cont{ max-width: 100%; } .catalog-detail__info-cont{ max-width: 100%; margin: 0; width: 100%; } .catalog-detail__title{ font-size: 24px; margin-top: 0.625rem; line-height: 1.2; } .catalog-detail__prop{ font-size: 2.3rem; line-height: 2.5; } .catalog-detail__cont{ display: block; } .catalog-detail_price_block { flex-direction: column-reverse; align-items: center; } .catalog-detail__price{ font-size: 6.3rem; line-height: 1.3; } .catalog-detail__info-calk .catalog-detail__calculate{ font-size: 8.2rem; width: 7.75rem; border-radius: 0.4375rem; height: 9.25rem; } .catalog-detail__calculate-icon{ width: 4.375rem; } .catalog-detail__info-calk .catalog-detail__count-input{ font-size: 5.5rem; width: 7.125rem; border: 0.3125rem solid #818589; margin: 0 0.65rem; border-radius: 0.4375rem; } .catalog-detail__buy-cont{ background: none; width: auto; } .catalog-detail__buy-cont .catalog-detail__buy{ font-size: 4.4375rem; height: auto; font-family: OpenSansBold; padding: 1.4rem 1.5rem 2rem; border-radius: 0.4375rem; } .catalog-detail__info-calk{ margin-left: 0; } .cd-mobile__one-click{ width: 100%; } .cd-mobile__one-click-cont .catalog-detail__buy-one-click { font-size: 4.4375rem; padding: 1.6rem 0; font-family: OpenSansBold; height: auto; border-radius: 0.4375rem; } .catalog-detail__button-middle{ padding-top: 2.875rem; margin-left: 0; } .catalog-detail__fi{ border: 0.5625rem solid #f58220; padding: 0; } .catalog-detail__f-cont{ width: 8rem; height: 8rem; justify-content: center; -webkit-justify-content: center; box-sizing: content-box; } .catalog-detail__fi-img-common{ width: 100%; height: 100%; margin: 0 1rem; } .catalog-detail__interior, .calculate-sum-btn-block{ font-size: 3.4rem; margin-left: 0rem; width: 100%; height: 8rem; text-align: center; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; white-space: nowrap; padding: 0 .5rem; } .catalog-detail__interior a, .calculate-sum-btn-block a{ line-height: 7.5rem; } .d-tab__but-item{ font-size: 3.3rem; } .d-tab__but{ display: block; padding: 0.9rem 0; } .d-tab__arrow{ display: inline; width: 4.1875rem; } .d-tab__title{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; padding: 2.125rem 0; line-height: 1; align-items: center; } .d-tab__but-item{ border-bottom: 0.25rem solid #79848e; padding: 0 2.4375rem; } .d-tab__title-content{ display: none; color: #1f3242; padding-bottom: 2.4375rem; font-size: 2.2rem; line-height: 100%; } .d-tab__but-item.active .d-tab__arrow{ transform: rotate(180deg); } .h3{ font-size: 4.15rem; margin-top: 3.125rem; } .rec-prod__item{ width: 48%; background: #fff; margin: 2.4375rem 0 0 0; min-height: 20rem; } .rec-prod__buttons{ display: block; padding: 0; } .rec-prod__name{ margin-top: 1.25rem; padding: 0; font-size: 2.4375rem; } .rec-prod__price{ font-size: 4.3rem; height: 7.5rem; margin-bottom: .7rem; } .catalog-detail__info-calk .catalog-detail__ci-mobile{ width: 5.36rem; font-size: 3.5rem; } .catalog-detail__info-calk .catalog-detail__calculate-mobile{ width: 5.5rem; height: 7.0625rem; padding: 0; font-size: 4.9rem; } .rec-prod__buy-img{ width: 4rem; } .rec-prod__buy-mobile{ margin-left: 0.65rem; } .rec-prod__buy{ width: 5.9rem; } .catalog-detail__hit{ width: 5.875rem; height: 7.4rem; margin-right: 1.0625rem; } .catalog-detail__status-prod{ left: 1.8125rem; top: 1.1875rem; } .catalog-detail__discount{ width: 7.375rem; height: 6.9rem; margin-right: 1.0625rem; font-size: 2.3rem; } .catalog-detail__new{ width: 11.4375rem; height: 100%; } .header__soc-img{ width: 12rem; height: 12rem; border-radius: 0.375rem; } .footer-soc{ padding: 2.625rem 6%; background: #e8eaec; } .header__soc-icon{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; margin: 0; } .catalog-detail__calculate-mobile .catalog-detail__calculate-icon{ width: 3.25rem; } #cities-list { right: 0px; } .ui-widget.ui-widget-content.wf-tooltip-orange { width: 40%; } .items-matrix .item .wrap .pricing { margin-top: 0px; } } /* End */ /* Start:/local/templates/fiera/webformat.css?17257518414759*/ @media (max-width: 1000px){ body .header #main-menu > .meny__item-lvl1 { clear:both; } } div.item-animate-cancel{ position:fixed; bottom: 32px; text-align:center; left: 0px; right: 0px; z-index: 1; } .item-animate-cancel-block{ padding: 32px; position: relative; width: 495px; height: 111px; background: #FFFFFF; border-radius: 4px; display: inline-block; border: 1px solid #E8EAEC; box-sizing: border-box; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.04); border-radius: 4px; text-align: left; } .item-animate-cancel-block .count_block{ width:52px; height:52px; display: inline-block; float: left; margin-top: -4px; } .text_block{ color:#2A2F33; font-size: 16px; padding-left:15px; display: inline-block; font-weight: bold; width: 177px; float: left; } a.cancelset{ line-height: 42px; font-weight: bold; color: #fff; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-radius: 4px; background: #F58220; padding-left: 10px; padding-right: 10px; font-family: inherit; text-transform: inherit; display: inline-block; cursor: pointer; } #rotate_5 .code, #rotate_4 .code, #rotate_3 .code, #rotate_2 .code, #rotate_1 .code{ line-height: 52px; font-weight: bold; } #rotate_5, #rotate_4, #rotate_3, #rotate_2, #rotate_1 { position: relative; width: 52px; height: 52px; text-align: center; } #rotate_5:after { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-left: 2px solid #F6F6F6; border-right: 2px solid #F6F6F6; border-top: 2px solid #F6F6F6; border-bottom: 2px solid #F6F6F6; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #rotate_4:after { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-left: 2px solid #F6F6F6; border-right: 2px solid #F58220; border-top: 2px solid #F6F6F6; border-bottom: 2px solid #F6F6F6; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #rotate_3:after { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-left: 2px solid #F6F6F6; border-right: 2px solid #F58220; border-top: 2px solid #F6F6F6; border-bottom: 2px solid #F58220; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #rotate_2:after { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-left: 2px solid #F58220; border-right: 2px solid #F58220; border-top: 2px solid #F6F6F6; border-bottom: 2px solid #F58220; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #rotate_1:after { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 48px; border-left: 2px solid #F58220; border-right: 2px solid #F58220; border-top: 2px solid #F58220; border-bottom: 2px solid #F58220; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ipg-cart__code-field.error{ border:2px solid #FC7676; background-color: #FFF7F7; } .error-message{ color:#FC7676; margin-top: 2px; } .ipg-cart__code-field.active{ background-image: url('/local/templates/fiera/img/ico/sussec.svg'); background-repeat: no-repeat; background-position: right 5px center; } /* End */ /* Start:/local/templates/fiera/cart.css?172575184130984*/ [class^="ipg"] { font-family: 'Roboto', 'RobotoCustom', 'Arial', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; } #wrapper { overflow: initial; } [data-modal] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .my-custom-theme .tooltipster-box { border: none; } .my-custom-theme .tooltipster-arrow-border { display: none; } .my-custom-theme .tooltipster-arrow-background { display: none; } .my-custom-theme .tooltipster-content { font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; color: #79848E; padding: 8px 12px; border: none; background: #fff; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.05); box-shadow: 0 0 12px rgba(0, 0, 0, 0.05); } .ipg__counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 128px; height: 40px; border-radius: 4px; overflow: hidden; text-align: center; border: 2px solid #F6F6F6; } .ipg__counter.--disabled { position: relative; opacity: .4; } .ipg__counter.--disabled:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .ipg__counter-field { width: 48px; height: 40px; line-height: 40px; border: none; font-size: 14px; color: #2A2F33; text-align: center; background: #F6F6F6; } .ipg__decrement, .ipg__increment { 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: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__switch { position: relative; width: 32px; height: 16px; color: #2A2F33; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__switch:before { content: ''; display: block; position: absolute; left: 0; top: 2px; width: 32px; height: 16px; background: #E8EAEC; border-radius: 18px; } .ipg__switch:after { content: ''; display: block; position: absolute; left: 2px; top: 4px; width: 12px; height: 12px; background: #fff; border-radius: 50%; } .ipg__switch.--active:before { background: #5CB660; } .ipg__switch.--active:after { left: 17px; } .ipg__history-field { width: 100%; height: 40px; padding: 0 40px 0 16px; font-size: 14px; border: 2px solid #F6F6F6; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .ipg__history-date { position: relative; width: 135px; } .ipg__history-date svg { position: absolute; z-index: 1; top: 12px; right: 14px; } .ipg-tab__block { display: none; } .ipg-tab__block.--active { display: block; } .ipg-cart__content { width: calc(100% - 424px); border: 2px solid #F6F6F6; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 6px 8px -8px rgba(204, 204, 204, 0.5); box-shadow: 0 6px 8px -8px rgba(204, 204, 204, 0.5); border-radius: 4px; } .ipg-cart__content.--registration { padding: 50px; } .ipg-cart__content .wf-page-itemcount{ margin: 0; } .ipg-cart__content .wf-page-itemcount .wf-itemcount-list-btn{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-decoration: none; } .ipg-cart__content .wf-itemcount-list-btn-text { width: calc(100% - 34px); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #000; font-family: 'Roboto', 'RobotoCustom', 'Arial', sans-serif; } .ipg-cart__content .wf-page-itemcount #itemcount-list { width: 100%; } .ipg-cart__h1-wrapper { 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; } .ipg-cart__h1-remove { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #79848E; margin-bottom: 20px; } .ipg-cart__h1-remove svg { margin-right: 5px; } .ipg-cart__h1 { font-weight: 500; font-size: 24px; line-height: 36px; text-transform: none; color: #000; margin-bottom: 20px !important; } .ipg-cart__container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ipg-cart__container .ipg__tooltip { position: relative; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg-cart__content-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 48px; padding: 0 72px 0 24px; background: #F6F6F6; } .ipg-cart__content-header__item { font-weight: 500; font-size: 10px; line-height: 1; letter-spacing: 0.06em; text-transform: uppercase; color: #79848E; } .ipg-cart__content-header__item:nth-child(1) { width: 68%; } .ipg-cart__content-header__item:nth-child(2) { width: 16%; } .ipg-cart__content-header__item:nth-child(3) { width: 16%; text-align: right; } .ipg-cart__content-header__btn { position: absolute; top: 50%; right: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg-cart__item { position: relative; padding: 24px 72px 4px 24px; border-bottom: 1px solid #F6F6F6; } .ipg-cart__item.--active { background: #F9F9F9; } .ipg-cart__wrap{ position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; } .ipg-cart__info { display: -webkit-box; display: -ms-flexbox; display: flex; width: 68%; } .ipg-cart__img { min-width: 120px; max-width: 120px; max-height: 120px; padding: 4px; border: 2px solid #F6F6F6; border-radius: 4px; background: #fff; } .ipg-cart__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .ipg-cart__description { width: calc(100% - 120px); padding: 0 15px; } .ipg-cart__article { font-size: 12px; line-height: 14px; color: #79848E; margin-bottom: 2px; } .ipg-cart__title { font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 8px; } .ipg-cart__title:last-child{ margin-bottom: 0; } .ipg-cart__title a{ color: #2A2F33 !important; text-decoration: none !important; } .ipg-cart__actions { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } .ipg-cart__actions-item { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; line-height: 22px; color: #79848E; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 22px; } .ipg-cart__actions-item:last-child { margin-right: 0; } .ipg-cart__actions-item span { margin: 0 6px; } .ipg-cart__choose { display: -webkit-box; display: -ms-flexbox; display: flex; width: 32%; } .ipg-cart__number { width: 128px; text-align: center; font-size: 14px; line-height: 22px; color: #2A2F33; } .ipg-cart__prices { width: calc(100% - 128px); text-align: right; } .ipg-cart__prices-old { font-size: 12px; line-height: 1.4; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #79848E; } .ipg-cart__prices-total{ font-weight: 500; font-size: 14px; line-height: 22px; color: #2A2F33; } .ipg-cart__prices-pieces { font-size: 12px; line-height: 14px; color: #79848E; } .ipg-cart__remove { position: absolute; right: -48px; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg-cart__remove-text { font-size: 14px; color: #79848E; margin-left: 5px; } .ipg-cart__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% - 34px); padding: 18px 26px; border-radius: 4px; background: #fff; margin-left: 60px; margin-bottom: 4px; } .ipg-cart__inner-list { display: none; } .ipg-cart__inner-info { display: -webkit-box; display: -ms-flexbox; display: flex; width: 64%; } .ipg-cart__inner-img { min-width: 36px; max-width: 36px; max-height: 36px; padding: 4px; border: 2px solid #F6F6F6; border-radius: 4px; background: #fff; } .ipg-cart__inner-img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .ipg-cart__inner-description{ width: calc(100% - 36px); padding: 0 15px; } .ipg-cart__inner-choose { display: -webkit-box; display: -ms-flexbox; display: flex; width: 36%; } .ipg-cart__inner-number { min-width: 128px; font-size: 14px; line-height: 22px; text-align: center; color: #2A2F33; } .ipg-cart__inner-prices { width: calc(100% - 128px); text-align: right; } .ipg-cart__manage { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% - 34px); padding: 12px 26px; background: #FFF4E5; border-radius: 4px; margin-left: 60px; margin-bottom: 20px; } .ipg-cart__manage-text { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 14px; line-height: 20px; color: #663C00; } .ipg-cart__manage-text span{ padding-left: 16px; } .ipg-cart__manage-btn { min-width: 125px; line-height: 28px; padding: 0 8px; font-weight: bold; font-size: 12px; color: #fff; background: #F58220; border-radius: 2px; cursor:pointer; } .ipg-cart__composition.--active { color: #F58220; } .ipg-cart__composition.--active svg path{ fill: #F58220; } .ipg-cart__composition.--active svg:last-child { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .ipg-cart__aside { width: 400px; } .ipg-cart__aside-item:last-child { margin-bottom: 0; } .ipg-cart__registration { padding: 16px; border-radius: 4px; background: #EDF7ED; margin-bottom: 16px; } .ipg-cart__registration.--active { background: #FFF4E5; } .ipg-cart__registration-inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px; background: #fff; } .ipg-cart__registration-info { width: calc(100% - 32px); padding-left: 8px; } .ipg-cart__registration-title { font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 4px; } .ipg-cart__registration-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 18px; color: #777; } .ipg-cart__registration-bonus { color: #5CB560; margin-left: 5px; } .ipg-cart__registration-bonus.--active { color: #663C00; } .ipg-cart__available .ipg-cart__code-form { display: none; margin-top: 8px; } .ipg-cart__available .ipg-cart__code-form.--active { display: -webkit-box; display: -ms-flexbox; display: flex; } .ipg-cart__available-title { font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 8px; } .ipg-cart__available-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 18px; color: #777; margin-bottom: 8px; } .ipg-cart__available-bonus { font-size: 12px; line-height: 18px; color: #663C00; margin: 0 5px; } .ipg-cart__available-bonus.--active { color: #5CB560; } .ipg-cart__available-alert { padding: 12px 16px; background: #FFF4E5; border-radius: 4px; font-size: 12px; line-height: 18px; color: #663C00; } .ipg-cart__available-alert.--active { display: none; } .ipg-cart__available, .ipg-cart__code, .ipg-cart__price { padding: 24px; border: 2px solid #F6F6F6; border-radius: 4px; margin-bottom: 16px; } .ipg-cart__code-form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .ipg-cart__order-bonuspayd{ background-color: #fff; position: relative; } .ipg-cart__code-title, .ipg-cart__price-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; color: #2A2F33; margin-bottom: 10px; } .ipg-cart__code-title .ipg__tooltip, .ipg-cart__price-title .ipg__tooltip{ margin-left: 5px; } .ipg-cart__code-field { width: calc(100% - 128px); height: 40px; line-height: 40px; padding: 0 16px; font-size: 14px; color: #2A2F33; border: 2px solid #F6F6F6; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 0 0 4px; } .ipg-cart__code-field::-webkit-input-placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__code-field::-moz-placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__code-field:-ms-input-placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__code-field::-ms-input-placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__code-field::placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__code-btn { min-width: 128px; height: 40px; font-weight: bold; font-size: 14px; text-transform: none; border-radius: 0 4px 4px 0; } .ipg-cart__code-btn:disabled { color: #79848E; background: #F6F6F6; } .ipg-cart__order-item { padding: 16px 24px; border: 2px solid #F6F6F6; margin-bottom: -2px; } .ipg-cart__order-item:first-child{ border-radius: 4px 4px 0 0; } .ipg-cart__order-item:last-child{ border-radius: 0 0 4px 4px; } .ipg-cart__order-number { font-weight: 500; font-size: 14px; color: #2A2F33; } .ipg-cart__order-dots { position: relative; 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: 12px; } .ipg-cart__order-dots:before { display: block; position: absolute; bottom: 5px; left: 0; content: ''; width: 100%; height: 1px; border-bottom: 1px dashed #CCC; } .ipg-cart__order-dots:last-child { margin-bottom: 0; } .ipg-cart__order-text { position: relative; z-index: 1; font-size: 14px; color: #79848E; padding-right: 5px; background: #fff; } .ipg-cart__order-bonus { position: relative; z-index: 1; padding-left: 5px; font-weight: 500; font-size: 14px; color: #5CB560; background: #fff; } .ipg-cart__order-sum { position: relative; z-index: 1; padding-left: 5px; font-weight: 500; font-size: 14px; color: #2A2F33; background: #fff; } .ipg-cart__order-discount { position: relative; z-index: 1; padding-left: 5px; font-weight: 500; font-size: 14px; color: #F58220; background: #fff; } .ipg-cart__order-total { position: relative; z-index: 1; padding-left: 5px; font-weight: 500; font-size: 18px; color: #2A2F33; background: #fff; } .ipg-cart__order-btn { width: 100%; line-height: 48px; font-weight: bold; color: #fff; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-radius: 4px; background: #F58220; margin-top: 30px; } .ipg-cart__price-btn { width: 100%; line-height: 40px; font-weight: bold; color: #F58220; font-size: 14px; text-align: center; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; border-radius: 4px; background: #FFF; margin-top: 10px; margin-bottom: 10px; border:1px solid #F58220; cursor:pointer; } .ipg-cart__order-agreement { font-size: 12px; line-height: 18px; color: #79848E; margin-top: 12px; } .ipg-cart__order-agreement a { color: #79848E; text-decoration: underline; opacity: .5; } .ipg-cart__profile { margin-bottom: 44px; } .ipg-cart__profile-title { font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 8px; } .ipg-cart__profile-select { width: 100%; max-width: 274px; } .ipg-cart__data-item { position: relative; padding-left: 55px; padding-bottom: 60px; border-left: 1px solid #E8EAEC; } .ipg-cart__data-item:last-child { padding-bottom: 0; border: none; } .ipg-cart__data-title { font-weight: 500; font-size: 16px; line-height: 24px; color: #000; margin-bottom: 44px; } .ipg-cart__data-ico { position: absolute; z-index: 1; top: -5px; left: -16px; width: 32px; height: 32px; } .ipg-cart__data-ico svg { width: 100%; } .ipg-tab__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px } .ipg-tab__link { padding: 10px 16px; font-weight: 500; font-size: 14px; line-height: 22px; color: #79848E; border: 1px solid #E8EAEC; -webkit-box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.5); box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.5); border-bottom: none; background: #F6F6F6; margin-right: -1px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg-tab__link:first-child{ border-radius: 4px 0 0 4px; } .ipg-tab__link:last-child{ border-radius: 0 4px 4px 0; } .ipg-tab__link.--active { position: relative; z-index: 1; color: #000; background: #fff; } .ipg-cart__col, .ipg-cart__col-2 { margin-bottom: 36px; } .ipg-cart__col:last-child, .ipg-cart__col-2:last-child { margin-bottom: 0; } .ipg-cart__col-2 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 24px 1fr; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; } .ipg-cart__field-wrap { position: relative; } .ipg-cart__field-wrap .ipg-cart__profile-select { max-width: 100%; } .ipg-cart__field, .ipg-cart__textarea { width: 100%; height: 40px; line-height: 40px; padding: 0 16px; font-size: 14px; color: #2A2F33; border: 2px solid #F6F6F6; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px 0 0 4px; } .ipg-cart__textarea { height: 70px; padding: 16px; border-radius: 4px; line-height: 1.2; resize: vertical; } .ipg-cart__field::-webkit-input-placeholder, .ipg-cart__textarea::-webkit-input-placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__field::-moz-placeholder, .ipg-cart__textarea::-moz-placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__field:-ms-input-placeholder, .ipg-cart__textarea:-ms-input-placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__field::-ms-input-placeholder, .ipg-cart__textarea::-ms-input-placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__field::placeholder, .ipg-cart__textarea::placeholder { font-size: inherit; line-height: inherit; color: #888; } .ipg-cart__field-title { font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 8px; } .ipg-cart__field-not { position: absolute; bottom: -20px; left: 0; font-size: 12px; color: #79848E; } .ipg-cart__bonus .ipg__tooltip{ position: absolute; top: 15px; right: 18px; } .ipg-cart__bonus { position: relative; padding: 12px 80px 12px 16px; background: #EDF7ED; border-radius: 4px; margin-top: 8px } .ipg-cart__bonus.--active { color: #663C00; background: #FFF4E5; } .ipg-cart__bonus.--active path{ fill: #663C00; } .ipg-cart__bonus.--active .ipg-cart__bonus-text { display: none; } .ipg-cart__bonus.--active .ipg-cart__bonus-hidden { display: block; } .ipg-cart__bonus-text { font-size: 12px; line-height: 18px; color: #5CB660; } .ipg-cart__bonus-hidden{ display: none; font-size: 12px; line-height: 18px; color: #663C00; } .ipg-cart__payment-item { margin-bottom: 8px; } .ipg-cart__payment-item:last-child { margin-bottom: 0; } .ipg-cart__payment-label { position: relative; display: block; width: 100%; padding: 24px; border: 2px solid #F6F6F6; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg-cart__payment-title { padding-left: 24px; font-weight: 500; font-size: 14px; line-height: 22px; color: #000; } .ipg-cart__payment-text { padding-left: 24px; font-size: 11px; line-height: 16px; color: #79848E; } .ipg-cart__payment-label:before { content: ''; display: block; position: absolute; left: 25px; top: 25px; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #E8EAEC; -webkit-box-sizing: border-box; box-sizing: border-box; } .ipg-cart__payment-item input { display: none; } .ipg-cart__payment-item input:checked + .ipg-cart__payment-label { border-color: #FFF4E5; } .ipg-cart__payment-item input:checked + .ipg-cart__payment-label:before { -webkit-box-shadow: 0 0 0 2px white inset, 0 0 0 8px #F58220 inset; box-shadow: 0 0 0 2px white inset, 0 0 0 8px #F58220 inset; } @media screen and (max-width: 1279px) { .ipg-cart__info, .ipg-cart__choose { width: 100%; } .ipg-cart__choose { padding-left: 135px; } .ipg-cart__description { padding-right: 0; } .ipg-cart__inner { width: 100%; padding-right: 0; margin-left: 0; } .ipg-cart__inner-info{ width: 60%; } .ipg-cart__inner-choose { width: 40%; } .ipg-cart__inner-number { min-width: 30%; } .ipg-cart__inner-prices { min-width: 70%; text-align: center; } .ipg-cart__manage { width: 100%; margin-left: 0; } .ipg-cart__manage-text { width: 100%; margin-bottom: 8px; } .ipg-cart__manage-btn { margin-left: 40px; } .ipg-cart__content-header { display: none; } } @media screen and (max-width: 1023px) { .ipg-cart__content, .ipg-cart__aside { width: 100%; } .ipg-cart__content { margin-bottom: 16px; } } @media screen and (max-width: 990px) { .ipg-cart__content .wf-page-itemcount { display: block; } } @media screen and (min-width: 768px) { .ipg-cart__h1-remove, .ipg-cart__remove-text{ display: none; } } @media screen and (max-width: 767px) { .ipg-cart__price{ display: none !important; } .ipg-cart__content.--registration { padding: 16px; } .ipg-cart__col-2 { display: block; } .ipg-cart__field-wrap { width: 100%; margin-bottom: 16px; } .ipg-cart__field-wrap:last-child { margin-bottom: 0; } .ipg-cart__data-item { padding-left: 30px; padding-bottom: 40px; } .ipg-cart__profile-select { max-width: 100%; } .ipg-cart__profile { margin-bottom: 28px; } .ipg-cart__data { padding-left: 16px; } .ipg-cart__data-title { margin-bottom: 28px; } .ipg-tab__header { width: 100%; margin-bottom: 24px; } .ipg-tab__link { width: 50%; text-align: center; } .ipg-cart__col, .ipg-cart__col-2 { margin-bottom: 16px; } .ipg-cart__field-not { bottom: -12px; font-size: 10px; } .ipg-cart__payment-label { padding: 20px 16px; } .ipg-cart__payment-label:before { left: 14px; top: 22px; } .ipg-cart__bonus { padding-right: 36px; } .ipg-cart__content { border: none; } .ipg-cart__list, .ipg-cart__aside, .ipg-cart__content.--registration { position: relative; left: -20px; min-width: calc(100% + 40px); } .ipg-cart__item { padding: 16px; border-top: 2px solid #F6F6F6; border-bottom: 2px solid #F6F6F6; margin-bottom: -2px; } .ipg-cart__img { max-width: 44px; min-width: 44px; max-height: 44px; padding: 0; } .ipg-cart__description { width: calc(100% - 44px); padding-left: 10px; } .ipg-cart__title { margin-bottom: 0; } .ipg-cart__info { margin-bottom: 12px; } .ipg-cart__choose { padding-left: 54px; } .ipg-cart__wrap { margin-bottom: 50px; } .ipg-cart__remove { z-index: 3; top: calc(100% + 30px); right: initial; left: 54px; } .ipg-cart__remove svg { width: 14px; } .ipg-cart__item.--list .ipg-cart__wrap { margin-bottom: 80px; } .ipg-cart__item.--list .ipg-cart__remove { top: calc(100% + 56px); right: 0; left: initial; bottom: initial; } .ipg-cart__actions { position: absolute; left: 54px; top: calc(100% + 30px); -ms-flex-wrap: wrap; flex-wrap: wrap; } .ipg-cart__actions-item { width: 100%; } .ipg-cart__composition { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ipg-cart__picup { margin-bottom: 8px; } .ipg-cart__inner-list { margin-top: 90px; } .ipg-cart__inner { padding: 12px; } .ipg-cart__inner-info, .ipg-cart__inner-choose { width: 100%; } .ipg-cart__inner-choose { padding-left: 44px; } .ipg-cart__inner-description { padding-left: 10px; padding-right: 0; } .ipg-cart__inner-info { margin-bottom: 12px; } .ipg-cart__inner-number, .ipg-cart__inner-prices { width: 50%; } .ipg-cart__inner-number { text-align: left; } .ipg-cart__inner-prices { text-align: right; } .ipg-cart__manage { padding: 14px; margin-bottom: 0; } .ipg-cart__manage-btn { margin-left: 34px; } .ipg-cart__registration, .ipg-cart__code { padding: 16px; -webkit-box-shadow: 0 6px 8px -8px rgba(204, 204, 204, 0.5); box-shadow: 0 6px 8px -8px rgba(204, 204, 204, 0.5); margin-bottom: 8px; } .ipg-cart__registration-inner, .ipg-cart__order-item { padding: 12px 14px; } .ipg-cart__registration-text { width: 100%; } .ipg-cart__registration-text span:first-child { display: none; } } /* End */ /* Start:/local/templates/fiera/css/background.css?16558106411808*/ /*loader*/ @keyframes loader{ 100% { transform: rotate(360deg); } } @-o-keyframes loader{ 100% { -o-transform: rotate(360deg); transform: rotate(360deg) } } @-ms-keyframes loader{ 100% { -ms-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes loader { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes loader { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg) } } #modalBackground { display: none; width: 100%; left: 0px; position: fixed; top: 0px; height: 100%; background: #000; opacity: 0.5; z-index: 1000; } #modalBackground .loader-container { position: relative; width: 260px; height: 49px; text-align: center; top: 50%; left: 50%; margin: -25px 0 0 -130px; } #modalBackground .loader-container img{ display:none; width: 49px; } #modalBackground .loader-container[data-type='furniture'] img { display:inline-block; } #modalBackground .loader-container[data-type='furniture'] .loader { display:none; } #modalBackground .loader{ display:inline-block; width: 49px; height: 49px; margin: 0 auto; border-radius: 50%; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; box-shadow: 3px 3px 1px #fff; animation: loader 690ms infinite linear; -o-animation: loader 690ms infinite linear; -ms-animation: loader 690ms infinite linear; -webkit-animation: loader 690ms infinite linear; -moz-animation: loader 690ms infinite linear; } #modalBackground #text{ color: #fff !important; margin-top: 34px; font-size: 16px; } /* End */ /* Start:/local/templates/fiera/css/loader.css?17257518414923*/ .loader[id]{ display: none; width: 100%; left: 0px; position: fixed; top: 0px; height: 100%; z-index: 1000; } .loader #container { position: relative; width: 260px; height: 49px; text-align: center; top: 50%; left: 50%; margin: -9px 0 0 -130px; } .loader #container #load{ display:inline-block; } .loader #container #text{ color: #fff !important; margin-top: 34px; font-size: 16px; } .loader #close{ width: 50px; height: 50px; position: absolute; cursor:pointer; right: 10px; top: 10px; display:none; } .loader #close:before, .loader #close:after{ content: ''; width: 100%; height: 1px; background: #FFC107; position: absolute; top: 50%; left: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loader #close:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loader #close:hover:before, .loader #close:hover:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /***default***/ @keyframes default_animation{ 100% { transform: rotate(360deg); } } @-o-keyframes default_animation{ 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes default_animation{ 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes default_animation { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes default_animation { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader #container #load [data-type='default']{ display:inline-block; width: 49px; height: 49px; margin: 0 auto; border-radius: 50%; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; box-shadow: 3px 3px 1px #fff; animation: default_animation 690ms infinite linear; -o-animation: default_animation 690ms infinite linear; -ms-animation: default_animation 690ms infinite linear; -webkit-animation: default_animation 690ms infinite linear; -moz-animation: default_animation 690ms infinite linear; } /***default***/ /***furniture***/ .loader #container #load div[data-type='furniture']{ width: 55px; display:none; } /***furniture***/ /***pulse***/ .dot-pulse { position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; animation: animation_pulse 1.5s infinite linear; animation-delay: .25s; } .dot-pulse::before, .dot-pulse::after { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 5px; } .dot-pulse::before { animation: animation_pulse_before 1.5s infinite linear; animation-delay: 0s; } .dot-pulse::after { animation: animation_pulse_after 1.5s infinite linear; animation-delay: .5s; } @keyframes animation_pulse_before { 0% { box-shadow: 9984px 0 0 -5px #f58220; } 30% { box-shadow: 9984px 0 0 2px #f58220; } 60%, 100% { box-shadow: 9984px 0 0 -5px #f58220; } } @keyframes animation_pulse { 0% { box-shadow: 9999px 0 0 -5px #f58220; } 30% { box-shadow: 9999px 0 0 2px #f58220; } 60%, 100% { box-shadow: 9999px 0 0 -5px #f58220; } } @keyframes animation_pulse_after { 0% { box-shadow: 10014px 0 0 -5px #f58220; } 30% { box-shadow: 10014px 0 0 2px #f58220; } 60%, 100% { box-shadow: 10014px 0 0 -5px #f58220; } } /***pulse***/ /***loader-text***/ .loader-text:not(:empty):after{ content: " ."; animation: loader-text 1s steps(5, end) infinite; } @keyframes loader-text { 0%, 20% { text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0); } 40% { text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0); } 60% { text-shadow: .25em 0 0 white, .5em 0 0 rgba(0,0,0,0); } 80%, 100% { text-shadow: .25em 0 0 white, .5em 0 0 white; } } /***loader-text***/ /* End */ /* Start:/local/templates/fiera/css/fiera_module.css?172346492526513*/ .universal_modal{ display:none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 111998; border: 1px solid #cebfbf; background-color: #f6f6f7; min-width: 420px; width: 500px; border-radius: 5px; } .universal_modal *{ -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .universal_modal > #form{ position: relative; } .universal_modal > #form > #head{ margin: 0; font-size: 1.866em; text-transform: none; padding: 10px 50px 10px 25px; min-height: 28px; line-height: 25px; } .universal_modal > #form > #head:not(:empty){ border-bottom: 2px solid #7a4110; } .universal_modal > #form > #close{ width: 22px; height: 22px; position: absolute; cursor:pointer; right: 10px; top: 10px; } .universal_modal > #form > #close:before, .universal_modal > #form > #close:after{ content: ""; width: 100%; height: 1px; background: #FFC107; position: absolute; top: 50%; left: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .universal_modal > #form > #close:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .universal_modal > #form > #close:hover:before, .universal_modal > #form > #close:hover:after{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .universal_modal #body{ padding: 20px 30px 0px; min-height: 50px; line-height: 20px; } .universal_modal #footer{ text-align: center; } .universal_modal #footer:not(:empty){ padding: 20px 20px 20px 20px; } .universal_modal #footer button{ margin-right: 20px; text-transform: none; font-weight: normal; } .universal_modal a:hover{ text-decoration:none; } @media only screen and (max-width: 550px){ .universal_modal{ width: calc(100% - 20px); min-width: 300px; } .universal_modal > #form > #close > img{ height: 25px; } .universal_modal > #form > #head{ padding: 10px 50px 10px 10px; min-height: 15px; line-height: 17px; } } .modal #close[data-ico="close"]{ min-width:16px; min-height:16px; background: url("/public/image/ico/close.svg") no-repeat center center; } /******************************************************************/ .fiera_modal{ display: none; overflow-y: auto; } .fiera_modal.fix{ width: 100%; height: 100%; z-index: 999999; top: 0; left: 0; position: fixed; background: rgba(0, 0, 0, 0.6); } .fiera_modal, .fiera_modal *{ font-family: 'RobotoCustom', 'Arial', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; line-height: 1; outline: none; margin: 0; } .fiera_modal #body{ position: relative; padding: 16px 24px; background: #FFF; } .fiera_modal.fix #body{ border-radius: 6px; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 634px; } .fiera_modal.fix #body.fill{ top: 0; transform: translate(-50%,0); } .fiera_modal.fix #body.done{ width: 380px; } .fiera_modal #subject{ max-width: 300px; font-size: 16px; font-weight: 500; line-height: 150%; margin-bottom: 16px; color: #2A2F33; } .fiera_modal #subject.error{ width: calc(100% + 48px); margin-left: -24px; margin-top: -16px; height: 60px; line-height: 60px; padding: 0 24px; color: #FC7676; font-size: 14px; border-radius: 6px 6px 0 0; background: #fcdadb; max-width: inherit; margin-bottom: 24px; } .fiera_modal #subtitle{ color: #79848E; font-size: 12px; line-height: 1.5; font-weight: 400; margin-bottom: 16px; } .fiera_modal #subtitle.mistake{ color: #000; font-size: 14px; } .fiera_modal #alert{ margin-bottom: 16px; } .fiera_modal #alert:last-child{ margin-bottom: 0; } .fiera_modal #alert #title{ color: #2A2F33; font-size: 14px; font-weight: 500; line-height: 125%; margin-bottom: 8px; } .fiera_modal #alert #text{ color: #2A2F33; font-size: 12px; font-weight: 400; line-height: 150%; } .fiera_modal .description{ color: #2A2F33; font-size: 14px; line-height: 155%; margin-bottom: 8px; } .fiera_modal #footer #social span{ color: #f38433; } .fiera_modal #attach #frame #file{ display: block; padding-left: 45px; font-size: 12px; color: #8D8D92; line-height: 1.5; } .fiera_modal #attach #files{ display: grid; grid-template-columns: repeat(auto-fill, minmax(126px, 1fr)); grid-gap: 16px 12px; margin-bottom: 24px; } .fiera_modal #attach #files #clear{ font-size: 14px; margin-left: 5px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fiera_modal #attach #files .item{ position: relative; border-radius: 4px; overflow: hidden; } .fiera_modal #attach #files .item #close{ position: absolute; z-index: 1; top: 4px; right: 4px; width: 20px; height: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fiera_modal #attach #files .item #close img{ width:17px; opacity:0.5; } .fiera_modal #attach #files .item #image{ 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: 80px; background: #f4f4f5; } .fiera_modal #attach #files .item #image img{ display:none; } .fiera_modal #attach #files .item[data-stage="example"], .fiera_modal #attach #files .item#example{ display:none; } .fiera_modal #attach #files .item[data-stage="load"] #image img[data-image="load"]{ display:inline-block; -webkit-animation: spin-animate 2s linear infinite; animation: spin-animate 2s linear infinite; } .fiera_modal #attach #files .item[data-stage="error"] #image img[data-image="error"]{ display: inline-block; } .fiera_modal #attach #files .item[data-stage="success"] #image img[data-image="success"]{ display: inline-block; } .fiera_modal #attach #frame input[type="file"]{ display:none; } .fiera_modal #attach #frame input[type="file"]:last-of-type{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; display:inline-block; cursor:pointer; } .fiera_modal #attach #files .item #inner{ padding: 6px; border: 1px solid #f4f4f5; } .fiera_modal #attach #files .item.error #inner{ opacity: .5; } .fiera_modal #attach #files .item #inner #name{ color: #2A2F33; font-size: 12px; font-weight: 500; line-height: 150%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .fiera_modal #attach #files .item #inner #info{ color: #79848E; font-size: 12px; line-height: 150%; } .fiera_modal #footer{ 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; padding-top: 8px; } .fiera_modal #footer.fill{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .fiera_modal #body.flex #footer{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fiera_modal #body #footer #social, .fiera_modal #body.flex #footer #agreement{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-top: 0; padding-left: 16px; } .fiera_modal #footer.--btns{ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .fiera_modal #footer.--btns button:last-child{ margin-right: 0; margin-bottom: 0; } .fiera_modal #footer.--reg{ padding-top: 24px; } .fiera_modal #footer #social, .fiera_modal #footer #agreement{ width: 100%; padding-top: 16px; color: #79848E; font-size: 12px; font-weight: 400; line-height: 22px; } .fiera_modal #footer #social a{ text-decoration: none; vertical-align: middle; margin-left: 10px } .fiera_modal #footer #social a img{ width:30px; } .fiera_modal #footer #agreement.big{ font-size: 14px; } .fiera_modal #footer #agreement a{ color: #79848E; } .fiera_modal > #body > #close{ position: absolute; top: 16px; right: 16px; width: 24px; height: 24px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fiera_modal > #body > #close[data-ico="close"]{ background: url("/public/image/ico/close.svg") no-repeat center center; } .fiera_modal > #body > #close svg, .fiera_modal > #body > #close img{ -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } @media only screen and (max-width: 767px){ .fiera_modal #footer #agreement{ font-size: 12px !important; line-height: initial; } } @media only screen and (max-width: 633px){ .fiera_modal #attach #frame{ padding:0px; } .fiera_modal #body #footer #social{ margin-top: 10px; } .fiera_modal #footer button{ width:100%; } .fiera_modal.fix #body{ width: 90% !important; } .fiera_modal #body.flex{ width: 100% !important; padding: 15px 10px 140px 10px; border-radius: 0; top: 0; left: 0; transform: none !important; /*height:100%;*/ } .fiera_modal #body.flex #footer{ position: fixed; z-index: 1; left: 0; bottom: 0; width: 100%; padding: 24px 16px; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05); background-color: #fff; } .fiera_modal #body.flex #footer #agreement{ width: 100%; padding-top: 16px; padding-left: 0; } } @-webkit-keyframes spin-animate{ from{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin-animate{ from{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } to{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /******************************************************************/ .fiera_slide{ position: relative; } .fiera_slide *{ -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; line-height: 1; } .fiera_slide #list, .fiera_slide #pages{ opacity:0; } .fiera_slide.ready #list, .fiera_slide.ready #pages{ opacity:1; } .fiera_slide #load{ left:50%; top:50%; position:absolute; } .fiera_slide.ready #load{ display:none; } .fiera_slide #load #pulse{ position: relative; left: -9999px; width: 10px; height: 10px; border-radius: 5px; animation: animation_pulse 1.5s infinite linear; animation-delay: .25s; } .fiera_slide #load #pulse::before, .fiera_slide #load #pulse::after{ content: ""; position: absolute; width: 10px; height: 10px; border-radius: 5px; } .fiera_slide #load #pulse::before{ animation: animation_pulse_before 1.5s infinite linear; animation-delay: 0s; } .fiera_slide #load #pulse::after{ animation: animation_pulse_after 1.5s infinite linear; animation-delay: .5s; } .fiera_slide #list{ overflow: hidden; -ms-touch-action: pan-y; touch-action: pan-y; } .fiera_slide #list > #wrapper{ position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; transition: transform 0.5s ease ; } .fiera_slide #list > #wrapper .item{ -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; width:100%; position: relative; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform,-webkit-transform; text-decoration: none; } .fiera_slide #list > #wrapper .item #wrapper{ border-radius: 16px; overflow: hidden; } .fiera_slide #list > #wrapper a[href="#"], .fiera_slide #list > #wrapper a[href=""]{ cursor:default; } .fiera_slide #list > #wrapper .item #wrapper img{ width: 100%; min-height: 100%; -o-object-fit: contain; object-fit: contain } .fiera_slide #list > #wrapper .item #title{ margin-bottom: 8px; font-weight: 400; font-size: 16px; line-height: 150%; color: #79848e } .fiera_slide #list > #wrapper .item #price{ font-weight: 500; font-size: 24px; line-height: 125% } .fiera_slide #next, .fiera_slide #prev{ position: absolute; 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; z-index: 10; top: calc(50% - 22px); width: 44px; height: 44px; border: 1px solid #e8eaec; cursor: pointer; background: #fff; -webkit-box-shadow: 0 8px 24px rgba(0,0,0,.08); box-shadow: 0 8px 24px rgba(0,0,0,.08); border-radius: 50%; font-size: 0; opacity:0; } .fiera_slide #next.show, .fiera_slide #prev.show{ opacity:1; } .fiera_slide #prev{ left: -22px } .fiera_slide #next{ right: -22px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .fiera_slide #next.cannot, .fiera_slide #prev.cannot{ background: #e5e2e2; cursor: default; } .fiera_slide #next svg, .fiera_slide #prev svg{ width: 16px; height: 16px } .fiera_slide #pages{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: calc(100% + 12px); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .fiera_slide #pages .page{ display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 8px; height: 8px; margin: 0 4px; border: 0; padding: 0; background: #e8eaec; border-radius: 50%; font-size: 0; cursor: pointer } .fiera_slide #pages .page.active{ background-color: #79848e } @media only screen and (max-width: 1310px){ .fiera_slide #prev{ left: 1px; } .fiera_slide #next{ right: 1px; } } /******************************************************************/ .fiera_form, .fiera_form *{ font-family: 'RobotoCustom', 'Arial', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; line-height: 1; outline: none; margin: 0; } .fiera_form textarea, .fiera_form button, .fiera_form select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; text-transform: initial; } .fiera_form input[type="number"]::-webkit-outer-spin-button, .fiera_form input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } .fiera_form input[type="number"]{ -moz-appearance: textfield; } .fiera_form textarea{ width: 100%; height: 140px; padding: 8px 16px; font-family: 'Roboto', 'Arial', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 14px; line-height: 22px; border-radius: 6px; border: 2px solid #e6e8eb; resize: none; } .fiera_form .items .item.error textarea{ color: #fb7677; border-color: #fb7677; background-color: #fdf5f6; } .fiera_form .items .item.error textarea::-webkit-input-placeholder{ color: inherit; } .fiera_form .items .item.error textarea::-moz-placeholder{ color: inherit; } .fiera_form .items .item.error textarea::-ms-input-placeholder{ color: inherit; } .fiera_form .items .item.error textarea::placeholder{ color: inherit; } .fiera_form textarea::-webkit-input-placeholder{ color: #79848E; font-size: inherit; font-family: inherit; } .fiera_form textarea::-moz-placeholder{ color: #79848E; font-size: inherit; font-family: inherit; } .fiera_form textarea::-ms-input-placeholder{ color: #79848E; font-size: inherit; font-family: inherit; } .fiera_form textarea::placeholder{ color: #79848E; font-size: inherit; font-family: inherit; } .fiera_form .items .group{ display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 0 24px; } .fiera_form .items .group.in_two{ grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); } .fiera_form .items .group:last-child{ margin-bottom: 0; } .fiera_form .items .item{ margin-bottom: 24px; } .fiera_form .items .item .ico{ width: 48px; height: 48px; margin-bottom: 16px; } .fiera_form .items .item .title{ color: #2A2F33; font-size: 14px; line-height: 155%; margin-bottom: 8px; } .fiera_form .items .item .title:last-child{ margin-bottom: 0; } .fiera_form .items .item .title span{ color: #F16321; font-size: 14px; margin-left: 5px; } .fiera_form .items .item .title:last-child{ margin-bottom: 0; } .fiera_form .items .item .title span{ color: #F16321; font-size: 14px; margin-left: 5px; } .fiera_form .items .item.line{ 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; display: grid; grid-gap: 0 24px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .fiera_form .items .item.line .title{ color: #79848E; font-size: 14px; font-weight: 400; line-height: 125%; padding-right: 8px; margin-bottom: 0; } .fiera_form .field{ width: 100%; height: 40px; line-height: 40px; padding: 0 16px; font-family: 'RobotoCustom', 'Arial', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 14px; border-radius: 6px; border: 2px solid #e6e8eb; } .fiera_form .items .item .text{ display:none; } .fiera_form .items .item.error .text{ display:inline-block; padding-top: 8px; color: #FC7676; font-size: 12px; line-height: 16px; } .fiera_form .items .item.error .field{ border-color: #fb7677; } .fiera_form .items .item.error input.field, .fiera_form .items .item.error textarea.field{ color: #fb7677; background-color: #fdf5f6; } .fiera_form .field.error::-webkit-input-placeholder{ color: inherit; } .fiera_form .field.error::-moz-placeholder{ color: inherit; } .fiera_form .field.error::-ms-input-placeholder{ color: inherit; } .fiera_form .field.error::placeholder{ color: inherit; } .fiera_form .field::-webkit-input-placeholder{ color: #79848E; font-size: inherit; font-family: inherit; } .fiera_form .field::-moz-placeholder{ color: #79848E; font-size: inherit; font-family: inherit; } .fiera_form .field::-ms-input-placeholder{ color: #79848E; font-size: inherit; font-family: inherit; } .fiera_form .field::placeholder{ color: #79848E; font-size: inherit; font-family: inherit; } .fiera_form .items .item select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; width: 100%; height: 40px; line-height: 40px; padding: 0 40px 0 16px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #79848E; font-family: 'Roboto', 'Arial', sans-serif; font-size: 14px; border-radius: 6px; border: 2px solid #e6e8eb; background: url("/public/image/ico/select_arrow_down.svg") no-repeat calc(100% - 16px) center/10px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fiera_form .items .item select.error{ color: #fb7677; border-color: #fb7677; background-color: #fdf5f6; } .fiera_form .items .item select.active{ color: #333; } .fiera_form .items .item .title span{ color: #F16321; font-size: 14px; margin-left: 5px; } .fiera_form .button, .fiera_form input[type='submit'], .fiera_form button{ display: inline-block; height: 40px; padding: 0 24px; color: #fff; font-size: 14px; font-weight: 700; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-decoration: none; text-align: center; line-height: 40px; border-radius: 4px; background: #f38433; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: sans-serif !important; border:none; text-transform:inherit; } .fiera_form button.transparent, .fiera_form .button[type=reset], .fiera_form button[type=reset]{ color: #f38433; border: 1px solid #f38433; background-color: #fff; } .fiera_form .button[disabled], .fiera_form button[disabled]{ color: #ccc; background: #e8eaec; } .fiera_form button:nth-child(2n){ margin-left:16px; } .fiera_form .checkbox input[type='checkbox']{ display: none; } .fiera_form .checkbox label{ position: relative; display: block; padding-left: 24px; color: #2A2F33; font-size: 14px; line-height: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fiera_form .checkbox label:before{ content: ''; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: absolute; top: 2px; left: 0; width: 16px; height: 16px; border-radius: 2px; border: 2px solid #e6e8eb; background: #fff; } .fiera_form .checkbox input[type='checkbox']:checked + label:before{ border: none; background: url("/public/image/ico/checkbox-checked.svg") no-repeat center center/cover; } .fiera_form .switch{ 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; margin-bottom: 16px; } .fiera_form .switch #button{ position: relative; width: 32px; height: 16px; border-radius: 24px; background: #CCC; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-right: 10px; } .fiera_form .switch #button:before{ content: ''; display: block; position: absolute; z-index: 1; top: 2px; left: 2px; width: 12px; height: 12px; border-radius: 50%; background: #fff; } .fiera_form .switch input[type="checkbox"]:checked + #button{ background: #57b766; } .fiera_form .switch input[type="checkbox"]:checked + #button:before{ left: initial; right: 2px; } .fiera_form .switch #title{ color: #000; font-size: 14px; font-weight: 400; line-height: 22px; } .fiera_form .switch #text{ padding-top: 4px; } .fiera_form .small_text{ min-width: 100%; color: #79848E; font-size: 12px; line-height: 1.5; font-weight: 400; } .fiera_form #attach #frame{ position:relative; display: flex; padding: 14px 20px; border-radius: 4px; border: 2px dashed #F6F6F6; margin-bottom: 24px; } .fiera_form #attach #frame #text{ display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #8D8D92; line-height: 1.5; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fiera_form #attach #frame #text #button{ color: #f38433; } .fiera_modal #attach #frame > svg, .fiera_modal #attach #frame > img{ display: inline-flex; width: 24px; margin-right: 5px; } @media only screen and (max-width: 633px){ .fiera_form .items .item{ margin-bottom: 10px !important; } .fiera_form .items .group.in_two{ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } } @media only screen and (max-width: 499px){ .fiera_form .items .item .title.center{ text-align: center; } } /******************************************************************/ /* End */ /* Start:/local/templates/fiera/css/dop_styles.css?172575184111192*/ .cities-list { margin:0; padding: 0; font-family:"Open Sans Condensed"; font-size:20px; line-height:140%; color:rgb(51,51,51); text-align:left; text-transform: uppercase; -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:40px; -webkit-column-gap:40px; column-gap:40px; list-style: none; } .cities-list li { margin: 0; } .cities-list a { color:rgb(51,51,51); } .fr { float: right; } .backlink-cont.bright { color: #F16321; } .cart-table tbody td { text-align: center; } .cart-table tbody td.name { text-align: left; } .cart-table tbody td.sum, .cart-table tbody td.price { width: auto; } .cart-table tbody td, .cart-table th { padding-left: 10px; padding-right: 10px; } .cart-table .art { width: 60px; } .cart-table .img { width: 90px !important; } .cart-table tbody .name { width: auto; } #main-menu { position: relative; /*width: 100%;*/ } #main-menu > li { position: relative; text-align: center; vertical-align: middle; } #main-menu > li:last-child { border-right: none; } #main-menu > li > a { display: block; color: #fff; text-decoration: none; padding: 0 20px; height: 44px; font: bold 18px "Open Sans Condensed", sans-serif; line-height: 44px; font-stretch: condensed; text-transform: uppercase; } #main-menu > .meny__item-lvl1 .wrap { position: absolute; padding-top: 0; background-color: transparent; z-index: 1000; width: 100%; display: none; } #main-menu > .meny__item-lvl1 .wrap ul { background-color: #B2B2B2; } #main-menu > .meny__item-lvl1 .wrap li { margin: 0 0px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 15px; position: relative; } #main-menu > .meny__item-lvl1 .wrap li a, #main-menu > .meny__item-lvl1 .wrap li .a { color:#333332; padding: 12px 20px 12px; display: block; font-size: 13px; line-height: 120%; text-decoration: none; border-bottom: 1px solid gray; font-family: Arial, Helvetica, sans-serif; text-transform: none; font-weight: normal; } #main-menu > .meny__item-lvl1 .wrap li .a { cursor: pointer; } #main-menu > .meny__item-lvl1 .wrap a:hover, #main-menu > .meny__item-lvl1 .wrap .a:hover { background-color: #B2B2B2; color: #fff !important; text-decoration: none !important; } #main-menu .meny__item-lvl1 li.active > a, #main-menu .meny__item-lvl1 li.active > .a { background-color: #B2B2B2; } #main-menu > .meny__item-lvl1 a.active { background-color: #f16321 !important; } #main-menu > .meny__item-lvl1 .wrap li a.active { font-weight: bold; } #main-menu > .meny__item-lvl1 .wrap li a .ico-menuarr { position: absolute; right: 12px; top: 50%; margin-top: -6px; } #main-menu > .meny__item-lvl1 .wrap li:hover .ico-menuarr, #main-menu > .meny__item-lvl1 .wrap li .active .ico-menuarr { background-position: 0 -267px; } #main-menu > .meny__item-lvl1 .wrap li .wrap { right: -100%; top: 0; padding-top: 0; border-left: 2px solid transparent; } #main-menu > .meny__item-lvl1:last-child .wrap li .wrap { left: -100%; top: 0; padding-top: 0; border-right: 2px solid transparent; } @media screen and (min-width: 993px) { #main-menu .meny__item-lvl1:hover > .wrap, #main-menu li:hover > .wrap { display: block; } } #header-search-form .search-btn { z-index: 100; } .personal-menu { margin: 0 0 2em 0; padding:0; } .personal-menu li { display: inline-block; } .personal-menu li .btn { font-size: 18px; } .sections-matrix .item .wrap .ttl { display: table-cell; vertical-align: middle; } .calc-link .h2, .calc-block .h2 { font-size: 22px; } .search-form-container .nice-form .search-btn { position: relative } .search-form-container .nice-form .search-btn .ico { position: absolute; top:9px; left:8px; } .price-type { line-height: normal; } .price-type .lbl { display: inline-block; width: 30px; } .item-detail .price-type .lbl { display: inline-block; width: 50px; vertical-align: 5px; } /* items-slider-comp -------------------------------------------------*/ .sideLeft .items-matrix .item.tablet-grid-50 { width: 100% !important; margin: 0; } .sideLeft .items-matrix .item.grid-100 .wrap { border:none; border-bottom: 1px solid #d2d2d2; padding:20px 0; } .sideLeft .items-matrix .item.grid-100:last-child .wrap { border-bottom: none; } .sideLeft .items-matrix .item .wrap .pic-container { height: 120px; } .sideLeft .items-matrix .item .wrap .pic-container img { max-width: 70%; } .sideLeft .bigdata_recommended_products_container { display:none; border: 2px dashed #cccccc; padding: 10px; margin-bottom: 20px; margin-top: 20px; } .sideLeft .bigdata_recommended_products_container h3, .sideLeft .bigdata_recommended_products_container .h3 { font-size: 20px; margin-top:0; } .sideLeft .items-matrix { margin: 0; display: block; } .tooltip { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABaElEQVQ4T4WTSyvEURjGTSJG+QLk0pgFFi4pG1lYjZrFfANlgZJSipWdDRtKDIqVfAPFgpGVlMjKLbl+A4VR+D06p96OU/OvX+ec57zv857bP1H2/+tGGoUBaHTTD7SHsAYXNiVhBkn6yzAcMbXSBoNJeJfoDZS8D30lkv30MZ2MTLzBZlB5kbEq3UE5tMIQTLixjNZhTAba85mpPEd/FiohC9+wC19KgLyJ7ZKBnEaMWE//FeZh2ukztAtQA28mNi+DW2gx4in9H9Cya52uyipUBy8m9loGRagwou2qmk58C6pgB3ImoFjKQG+hAJ2wDe1BoT+DG0hHVvCJpuvVIeo2UpGYKxnodenlhZ/O4cmJDbT20fnYFYla3nnE4BmtzenaRk8kpsO7hlep2EdockkntL2BwSrjcW9QzWAP+iNVYtIR4iB82H3JZAnso4olq/KUkjUZOxidiUx0hc3O4Z72APR/XFrXXyM1QzpDXz4ZAAAAAElFTkSuQmCC"); width: 16px; height: 16px; display: inline-block; } .tooltip.fiz-jur { position: absolute; top: 1.7em; left: 152px; } #toPopup {background: none repeat scroll 0 0 transparent;border-radius: 3px 3px 3px 3px;color: #333333;display: none;font-size: 14px;left: 5%;position: fixed;bottom: 5%;max-width:450px; width: 90%; z-index: 900;padding:0; box-shadow: 1px 0 3 #ccc;} #toPopup a{ display: block; width: 25px; height: 25px; position: absolute; top: 20px; right: 10px; text-indent: -1000px; } #toPopup img { max-width: 100%; height: auto; } .form-line.delivery ul.show-part{ max-height: 250px; overflow: hidden; } .show-all { font-size: 18px; width: 100%; text-align: center; padding: 15px 0; cursor: pointer; } .form-line.delivery ul li { width: 49%; vertical-align: top; display: inline-block; } #showFilter:hover{ text-decoration:none; } #showFilter{ color: #f16321; text-decoration: underline; cursor:pointer; } @media screen and (max-width: 1250px){ .element .pic-container{ border: 1px solid #eaeaea; } } @media screen and (max-width: 850px){ .element .wrap{ border: 1px solid #eaeaea; } } /***basket bonus***/ .bonus{ background: linear-gradient(to top, #f16421,#ff801e,#ff8214); border-radius:3px; padding:15px; } .bonus_td_left{ display:inline-block; float:left; width: -webkit-calc(49.9% - 1px); width: -moz-calc(49.9% - 1px); width: calc(49.9% - 1px); border-right: 1px; border-color: #fff; border-style: dotted; } .bonus_td_right{ width:49.9%; display:inline-block; } .bonus_td_right .bonus_td_title,.bonus_td_right .bonus_td_balance_edit{ padding-left:15px; } .bonus_td_right .bonus_td_title{ margin-bottom:5px; } .uppercase{ text-transform:uppercase; } .bonus_label_left{ display:inline-block; margin-bottom:15px; margin-top: 25px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 20px; color:#333333; } a.bonus_label_right{ color: #333333; text-decoration:underline; font-size: 18px; } .bonus_td_balance{ font-size: 30px; color:white; margin-bottom:15px; font-weight:bold; } .bonus_td_title{ color:white; text-align: left; margin-bottom:15px; font-weight: bold; } .bonus_td_balance_edit input{ height: 40px; width: 115px; text-align: left; border-radius:3px; padding:5px; border:1px solid #FC7B1B; } .bonus_apply{ width: 100%; margin-top: 15px; height: 50px; background-color: #fff; color: #f16321; border: 1px solid #f16321; margin-bottom:15px; font-weight: normal; } .bonus_td_info{ color:white; font-size: 14px; } /***basket bonus***/ /***personal bonus***/ .personal_bonus_label{ font-size: 24px; color:#333333; margin-bottom:15px; } .bonus_bill_info{ display: inline-block; padding: 10px 30px 10px 30px; background-color: #f16321; min-width: 200px; height: 60px; color: #fff; text-align: center; line-height: 60px; border-radius: 3px; margin-bottom:20px; } .bonus_bill_info label{ font-size: 40px; font-weight:bold; } .bonus_bill_info span{ padding-left:15px; font-weight:bold; font-size:18px; } .bonus_info span{ color:#333333; display: inline-block; } .bonus_label_info{ font-size:14px; display:inline-block; margin-top:5px; } .personal_bonus .bonus_info{ margin-top:20px; } .personal_bonus .bonus_bill{ display:inline-block; margin-right:40px; float:left; } .personal_bonus .discount{ display:inline-block; } .personal_bonus .discount_info{ display: inline-block; padding: 10px 30px 10px 30px; border:1px solid #f16321; min-width: 200px; height: 60px; color: #f16321; border-radius: 3px; margin-bottom:20px; } .personal_bonus .discount_info>div{ } .personal_bonus .discount_info .percent{ font-size: 40px; font-weight: bold; margin-right:10px; vertical-align: bottom; } .personal_bonus .discount_info .percent_info{ display:inline-block; color:#000; } .personal_bonus .discount .more{ font-size: 12px; float: right; text-decoration: underline; text-decoration-style: dotted; color: #f16321; cursor:pointer; } .personal_bonus .discount .more:hover{ text-decoration:none; } /***personal bonus***/ /*Modal Eazy*/ .modal-eazy { display: none; position: fixed; z-index: 9999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .modal-eazy .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 40%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 1px 1px 1px #ccc; } .modal-eazy .modal-content #body{ margin-top: 25px; } .modal-eazy .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .modal-eazy .close:hover, .modal-eazy .close:focus { opacity:0.5; cursor: pointer; } .modal-eazy .modal-content .close{ background:url(/upload/catalog/element/image/close.png) no-repeat center center; width:20px; height:20px; } /*Modal Eazy*/ .grecaptcha-badge{ display:none; } .page_number_toggle span#second_number{ display:none; } .page_number_toggle:hover span#first_number{ display:none; } .page_number_toggle:hover span#second_number{ display:inline-block; } /* End */ /* Start:/local/templates/fiera/components/bitrix/search.title/search-title-header/style.css?16558106413555*/ .ipg__counter, .ipg__counter.counter { align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; overflow: hidden; text-align: center; border: 2px solid #F6F6F6; } @media screen and (max-width: 990px) { .ipg__header-search { position: fixed; } .header__mob-top { z-index: 996; } .ipg__header-search__field { width: calc(100% - 55px); font-size: 18px; } .ipg__header-search__field::-webkit-input-placeholder { font-size: inherit; } .ipg__header-search__field::-moz-placeholder { font-size: inherit; } .ipg__header-search__field:-ms-input-placeholder { font-size: inherit; } .ipg__header-search__field::-ms-input-placeholder { font-size: inherit; } .ipg__header-search__btn { font-size: 18px; color: var(--wf-txt-primary); width: 55px; } .ipg__header-search__result-img{ width: 32px; height: 32px; } .ipg__header-search__result-item { padding: 12px 0; } .ipg__header-search__result-info { width: calc(100% - 32px); padding: 0 0 0 12px; } .ipg__header-search__result-ico { display: none; } .ipg__header-search__result-title { margin-bottom: 4px; } .ipg__header-search__result-article { font-size: 14px; margin-bottom: 8px; } .ipg__header-search__result-actions { padding: 0 0 0 44px; width: 100%; } .ipg__header-search__result-price { width: calc(100% - 160px); font-weight: 500; font-size: 18px; line-height: 125%; text-align: right; padding-left: 0; } .ipg__counter.counter { -ms-flex-item-align: end; align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; overflow: hidden; text-align: center; border: 2px solid #F6F6F6; width: auto; } .ipg__counter.counter > .ipg__decrement, .ipg__counter.counter > .ipg__increment { 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: 34px; height: 34px; min-width: 34px; min-height: 34px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__counter-field { width: 34px; height: 34px; line-height: 34px; border: none; font-size: 14px; color: #2A2F33; text-align: center; background: #F6F6F6; } .ipg__search-item__cart { min-width: 28px; height: 28px; margin-left: 20px; } } /* End */ /* Start:/local/templates/fiera/components/bitrix/system.auth.form/popup/style.css?17326062283743*/ #login_popup{ display:none; } #login_modal{ width: 329px; background: #FFFFFF; border-radius: 4px; min-width: auto; padding-bottom: 28px; z-index: 9999999; } .universal_modal > #form > #head{ display:none; } #login_modal #close:before, #login_modal #close:after{ display:none; } #login_modal #close{ background: url("/local/templates/fiera/img/ico/close_black.svg") no-repeat center center; width: 24px !important; height: 24px !important; right: 16px !important; top: 16px !important; } #login_modal form{ display: inline-block; padding: 0px; width: 265px; height: 344px; margin-top: 20px; } #login_modal form #caption{ font-family: "RobotoCustom"; font-style: normal; font-weight: 500; font-size: 24px; color: #2A2F33; } #login_modal form #rows{ width: 265px; height: 282px; flex: none; margin: 4px 0px; } #login_modal form .row.input{ display: flex; flex-direction: column; width: 265px; height: 40px; margin: 28px 0px; } #login_modal form .row.input.captcha{ min-height: 81px; } #login_modal form .row.input:nth-child(2){ margin-bottom: 15px; position: relative; } #login_modal form .row.input input{ font-family: "RobotoCustom"; background: #FFFFFF; border: 2px solid #F6F6F6; box-sizing: border-box; border-radius: 4px; padding: 10px 16px; width: 265px; height: 41px; } #login_modal form .row.input input[name='USER_PASSWORD'] + span{ width: 16px; height: 12px; right: 12px; position: absolute; top: calc(50% - 6px); cursor:pointer; } #login_modal form .row.input input[name='USER_PASSWORD'][type='password'] + span{ background:url(/local/templates/fiera/img/ico/eyes_open.svg) no-repeat center right; } #login_modal form .row.input input[name='USER_PASSWORD'][type='text'] + span{ background:url(/local/templates/fiera/img/ico/eyes_close.svg) no-repeat center right; } #login_modal form #submit{ cursor:pointer; padding: 9px 24px; background: #F58220; border-radius: 4px; margin: 24px 0px; font-family: "RobotoCustom"; font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; text-align: center; color: #FFFFFF; display: inline-block; } #login_modal form label#remember input[type='checkbox']:checked + span{ color: #1890FF; } #login_modal form label#remember span{ border: 2px solid #E8EAEC; box-sizing: border-box; border-radius: 2px; display: inline-block; width: 16px; height: 16px; float: left; line-height: 16px; text-align: center; color: #fff; } #login_modal form #remember nan{ height: 16px; font-family: "RobotoCustom"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #79848E; margin-left: 8px; display: inline-block; float: left; } #login_modal form a{ font-family: "RobotoCustom"; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #F58220; text-decoration-line: underline; } #login_modal form a:hover{ text-decoration-line: none; } #login_modal form #register{ margin-top:17px; } #login_modal form #register span{ font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #2A2F33; margin: 16px 0px; } #login_modal form #error{ font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 12px; color: #FC7676; margin-top: 30px; } #login_modal form .row.button{ display: flex; flex-direction: column; } /* End */ /* Start:/local/templates/fiera/styles.css?172575184113681*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } @font-face { font-family: 'OpenSansBold'; src: url('/local/templates/fiera/fonts/OpenSansCondensed-Bold.ttf'); } @font-face { font-family: 'OpenSansLight'; src: url('/local/templates/fiera/fonts/OpenSansCondensed-Light.ttf'); } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 1.14em; font-weight: bold; margin: 1.33em 0; } h6 { font-size: 0.67em; margin: 2.33em 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: "courier new", monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } * html { font-size: 81.25%; } html { font-size: 13px; line-height: 1.38462em; } body { font-family: Arial, Helvetica, sans-serif; color: #333333; } a { color: #f16321; } h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-family: "Open Sans Condensed"; font-weight: bold; text-transform: uppercase; } h1, .h1 { font-size: 40px; margin-top: 0em; padding-top: 0em; padding-bottom: 0em; margin-bottom: 0.9em; line-height: 100%; color: #000; font-family: RobotoCustom; font-style: normal; font-weight: 500; text-transform: none; } h2, .h2 { font-size: 2.69231em; line-height: 1.54286em; margin-top: 0.77143em; padding-top: 0em; padding-bottom: 0em; margin-bottom: 0.51429em; line-height: 120%; } h3, .h3 { font-size: 2.15385em; line-height: 1.28571em; margin-top: 1.15714em; padding-top: 0em; padding-bottom: 0em; margin-bottom: 0.64286em; line-height: 120%; } h4, .h4 { font-size: 1.53846em; line-height: 1.8em; margin-top: 1.8em; padding-top: 0em; padding-bottom: 0em; margin-bottom: 0.9em; font-weight: bold; line-height: 120%; } p { margin-top: 0em; padding-top: 0em; padding-bottom: 0em; margin-bottom: 1.38462em; } hr { margin-top: 1.38462em; padding-top: 0em; padding-bottom: 0em; margin-bottom: 2.07692em; height: 11px; background: #F1F1F1; border: none; } hr.thin { height: 1px; } ol { list-style-type: decimal; } ul.dashlist { list-style: none; margin-left: 0; padding-left: 0; } ul.dashlist li:before { content: "\2014\00a0"; } .smaller { font-size: 0.84615em; line-height: 1.63636em; } .btn.cat_submit {padding:0;} .cat-sect { display:block; vertical-align: top; margin-top: 20px; } .cat-sect .ui-spinner { height: 100%; } .cat-sect .ui-spinner input { font-size: 23px; } input[type='submit'], input[type='button'], input[type='reset'], button, .btn { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: none; padding: 0.3em 1.2em; font-family: "Open Sans Condensed", sans-serif; text-transform: uppercase; font-size: 24px; line-height: 66%; color: #fefeff; text-align: center; line-height: 100%; color: #fff; text-align: center; text-decoration: none; background-color: #f16321; font-weight: bold; } input[type='submit'].bright, input[type='button'].bright, input[type='reset'].bright, button.bright, .btn.bright { color: #fff; } input[type='submit'].big, input[type='button'].big, input[type='reset'].big, button.big, .btn.big { font-size: 25px; padding: 0.6em; } input[type='submit'].big .ico, input[type='button'].big .ico, input[type='reset'].big .ico, button.big .ico, .btn.big .ico { margin-right: 10px; } input[type='submit'].big .ico-cart-small, input[type='button'].big .ico-cart-small, input[type='reset'].big .ico-cart-small, button.big .ico-cart-small, .btn.big .ico-cart-small { vertical-align: -4px; } .nice-form { font-family: "Open Sans Condensed", sans-serif; font-size: 18px; } .nice-form input[type="text"], .nice-form input[type="number"], .nice-form input[type="password"], .nice-form textarea { font-family: "Open Sans Condensed", sans-serif; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid #cccccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #4D4D4D; outline: none; background-color: #fff; width: 100%; max-width: 300px; } .nice-form input[type="text"]:focus, .nice-form input[type="password"]:focus, .nice-form textarea:focus { border: 2px solid #f16321; } .nice-form textarea { padding: 7px 12px; } .nice-form textarea:focus { margin: -1px; } .nice-form input[type="text"], .nice-form input[type="number"], .nice-form input[type="password"] { line-height: 40px; height: 40px; } .nice-form input[type="text"]:focus, .nice-form input[type="password"]:focus { padding: 0 11px; } .nice-form .form-line { font-size: 0; display: table; width: 100%; margin-bottom: 18px; } .nice-form .form-line .lbl, .nice-form .form-line .inpt { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: top; font-size: 18px; } .nice-form .form-line .lbl { width: 30%; } .nice-form .form-line .inpt { width: 70%; } .nice-form .radio-line { display: block; margin-bottom: 10px; } .nice-form .radio-group { padding: 0; margin: 0; list-style: none; } .nice-form .hint { font-size: 18px; } b, strong { font-weight: bold; } i, em { font-style: italic; } table th { text-align: center; font-weight: bold; } table td, table th { padding: 2px; } table td.numeric, table th.numeric { text-align: right; } table th:last-child, table th.last, table td:last-child, table td.last { border-right-width: 0px; } table tbody tr:last-child th, table tbody tr:last-child td, table tfoot tr:last-child th, table tfoot tr:last-child td { border-bottom-width: 0px; } table tbody tr.last th, table tbody tr.last td, table tfoot tr.last th, table tfoot tr.last td { border-bottom-width: 0px; } table td, table th { padding: 5px; } a.dashed { text-decoration: none; border-bottom: 1px dashed; } .asterick { color: #DA2820; } .h { font-size: 16px; font-weight: bold; margin: 1em 0 0.5em 0; display: block; } .h:first-child { margin-top: 0; } .em { font-style: italic; font-size: 14px; line-height: 140%; color: #4D4D4D; margin-bottom: 1.5em; } .bg { background: #F1F1F1; padding: 14px; } .bg.order-msg.error, .bg.error { background-color: #F4EEEE; border: 1px solid #B20000; } .order-container .bg, .bg.order-msg { font-family: "Open Sans Condensed", sans-serif; border: 1px solid #E5E5E5; font-size:16px; line-height: 100%; font-weight:bold; padding: 20px; margin-bottom: 20px; color:#4D4D4D; } h2.bg { background: #E5E5E5; color: #4D4D4D; padding: 10px 14px; } blockquote { background-color: #F1F1F1; padding: 1.5em; margin: 0; font-style: italic; margin-top: 0em; padding-top: 1.38462em; padding-bottom: 1.38462em; margin-bottom: 2.07692em; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } ul { list-style-type: disc; padding-left: 46px; margin: 1.5em 0; } ul > li { margin-bottom: 0.6em; } img.fl { float: left; margin: 0 30px 15px 0; } a.phone{ text-decoration: none; } .top-contacts .soc-block{ margin-left: 45px; margin-top: 10px; } .soc-block{ margin-top: 20px; text-align: center; } .soc-block img{ width: 30px; } ul.breadcrumb li { display: inline-block; } ul.breadcrumb li a { color: #7F7F7F; } .breadcrumb { margin-bottom: 10px; font-size: 13px; color: #7F7F7F; text-decoration: none; margin-left: 0; padding-left: 0; margin-top: 0; } ul.breadcrumb .arr { margin: 0px 3px; } .breadcrumb a:hover { color: #f16321; text-decoration: underline; } ul.breadcrumb li.last a { text-decoration: none; pointer-events: none; cursor: default; } #bgmodal { display:none; width:100%; left:0px; position:fixed; top:0px; height:100%; background:gray; opacity:0.5; z-index:1000; } #modalDelCart { background: white none repeat scroll 0 0; box-shadow: 0 0 5px 5px #f57d27; height: 100px; left: 50%; margin-left: -150px; margin-top: -50px; padding: 20px; position: fixed; text-align: center; top: 50%; width: 300px; display:none; z-index:1001; } #modalDelCart p{ font-size:18px; } .DelCartBtnModal { cursor:pointer; } .closeModalDel { cursor:pointer; } .sections-matrix.clearfix.sets-list::before, .sets-list::after { display: inline !important; } .default-tab-btn, .active-personal-tab { border: 2px solid #f16321; } .active-personal-tab, .default-tab-btn:hover { background-color: #f16321; color: white; } .default-tab-btn { background-color: white; color: #f16321; } .bonus-text { margin-top: 20px; font-family: Arial; font-size: 18px; color: #333333; } #id404 #banner{ text-align:center; } #id404 #banner img{ width:100%; max-width:400px; } #id404 #banner + p{ font-family: RobotoCustom; } #id404 ul{ padding-left:0px; list-style-type: none; } #id404 ul li{ height: 32px; line-height: 32px; background-size: 32px !important; padding-left: 40px; background-repeat: no-repeat !important; background-position: left center !important; font-family: RobotoCustom; font-size: 16px; } #id404 ul li:nth-child(1){ background: url(/public/image/page/404/search.png); } #id404 ul li:nth-child(2){ background: url(/public/image/page/404/home.png); } #id404 ul li:nth-child(3){ background: url(/public/image/page/404/phone.png); } /* End */ /* Start:/local/templates/fiera/template_styles.css?1725751841151902*/ /* Welcome to Compass. * In this file you should write your main styles. (or centralize your imports) * Import this file using the following HTML or equivalent: * */ :root{ --wf-txt-gray-800: #79848E; --wf-txt-gray-900: #2A2F33; --wf-txt-primary: #F58220; --wf-txt-error: #FC7676; --wf-background-error: #FFF7F7; } @media screen { .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .grid-container:before, .clearfix:before, .grid-container:after, .clearfix:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-container:after, .clearfix:after { clear: both; } .grid-container { margin-left: auto; margin-right: auto; max-width: 1300px; padding-left: 20px; padding-right: 20px; } .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px; } .grid-parent { padding-left: 0; padding-right: 0; } body { min-width: 320px; } } @media screen and (max-width: 990px) { .mobile-grid-100:before, .mobile-grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .mobile-grid-100:after { clear: both; } .mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 { position: relative; } .hide-on-mobile { display: none !important; } .mobile-grid-5 { float: left; width: 5%; } .mobile-prefix-5 { margin-left: 5%; } .mobile-suffix-5 { margin-right: 5%; } .mobile-push-5 { left: 5%; } .mobile-pull-5 { left: -5%; } .mobile-grid-10 { float: left; width: 10%; } .mobile-prefix-10 { margin-left: 10%; } .mobile-suffix-10 { margin-right: 10%; } .mobile-push-10 { left: 10%; } .mobile-pull-10 { left: -10%; } .mobile-grid-15 { float: left; width: 15%; } .mobile-prefix-15 { margin-left: 15%; } .mobile-suffix-15 { margin-right: 15%; } .mobile-push-15 { left: 15%; } .mobile-pull-15 { left: -15%; } .mobile-grid-20 { float: left; width: 20%; } .mobile-prefix-20 { margin-left: 20%; } .mobile-suffix-20 { margin-right: 20%; } .mobile-push-20 { left: 20%; } .mobile-pull-20 { left: -20%; } .mobile-grid-25 { float: left; width: 25%; } .mobile-prefix-25 { margin-left: 25%; } .mobile-suffix-25 { margin-right: 25%; } .mobile-push-25 { left: 25%; } .mobile-pull-25 { left: -25%; } .mobile-grid-30 { float: left; width: 30%; } .mobile-prefix-30 { margin-left: 30%; } .mobile-suffix-30 { margin-right: 30%; } .mobile-push-30 { left: 30%; } .mobile-pull-30 { left: -30%; } .mobile-grid-35 { float: left; width: 35%; } .mobile-prefix-35 { margin-left: 35%; } .mobile-suffix-35 { margin-right: 35%; } .mobile-push-35 { left: 35%; } .mobile-pull-35 { left: -35%; } .mobile-grid-40 { float: left; width: 40%; } .mobile-prefix-40 { margin-left: 40%; } .mobile-suffix-40 { margin-right: 40%; } .mobile-push-40 { left: 40%; } .mobile-pull-40 { left: -40%; } .mobile-grid-45 { float: left; width: 45%; } .mobile-prefix-45 { margin-left: 45%; } .mobile-suffix-45 { margin-right: 45%; } .mobile-push-45 { left: 45%; } .mobile-pull-45 { left: -45%; } .mobile-grid-50 { float: left; width: 50%; } .mobile-prefix-50 { margin-left: 50%; } .mobile-suffix-50 { margin-right: 50%; } .mobile-push-50 { left: 50%; } .mobile-pull-50 { left: -50%; } .mobile-grid-55 { float: left; width: 55%; } .mobile-prefix-55 { margin-left: 55%; } .mobile-suffix-55 { margin-right: 55%; } .mobile-push-55 { left: 55%; } .mobile-pull-55 { left: -55%; } .mobile-grid-60 { float: left; width: 60%; } .mobile-prefix-60 { margin-left: 60%; } .mobile-suffix-60 { margin-right: 60%; } .mobile-push-60 { left: 60%; } .mobile-pull-60 { left: -60%; } .mobile-grid-65 { float: left; width: 65%; } .mobile-prefix-65 { margin-left: 65%; } .mobile-suffix-65 { margin-right: 65%; } .mobile-push-65 { left: 65%; } .mobile-pull-65 { left: -65%; } .mobile-grid-70 { float: left; width: 70%; } .mobile-prefix-70 { margin-left: 70%; } .mobile-suffix-70 { margin-right: 70%; } .mobile-push-70 { left: 70%; } .mobile-pull-70 { left: -70%; } .mobile-grid-75 { float: left; width: 75%; } .mobile-prefix-75 { margin-left: 75%; } .mobile-suffix-75 { margin-right: 75%; } .mobile-push-75 { left: 75%; } .mobile-pull-75 { left: -75%; } .mobile-grid-80 { float: left; width: 80%; } .mobile-prefix-80 { margin-left: 80%; } .mobile-suffix-80 { margin-right: 80%; } .mobile-push-80 { left: 80%; } .mobile-pull-80 { left: -80%; } .mobile-grid-85 { float: left; width: 85%; } .mobile-prefix-85 { margin-left: 85%; } .mobile-suffix-85 { margin-right: 85%; } .mobile-push-85 { left: 85%; } .mobile-pull-85 { left: -85%; } .mobile-grid-90 { float: left; width: 90%; } .mobile-prefix-90 { margin-left: 90%; } .mobile-suffix-90 { margin-right: 90%; } .mobile-push-90 { left: 90%; } .mobile-pull-90 { left: -90%; } .mobile-grid-95 { float: left; width: 95%; } .mobile-prefix-95 { margin-left: 95%; } .mobile-suffix-95 { margin-right: 95%; } .mobile-push-95 { left: 95%; } .mobile-pull-95 { left: -95%; } .mobile-grid-33 { float: left; width: 33.33333%; } .mobile-prefix-33 { margin-left: 33.33333%; } .mobile-suffix-33 { margin-right: 33.33333%; } .mobile-push-33 { left: 33.33333%; } .mobile-pull-33 { left: -33.33333%; } .mobile-grid-66 { float: left; width: 66.66667%; } .mobile-prefix-66 { margin-left: 66.66667%; } .mobile-suffix-66 { margin-right: 66.66667%; } .mobile-push-66 { left: 66.66667%; } .mobile-pull-66 { left: -66.66667%; } .mobile-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 481px) and (max-width: 992px) { .tablet-grid-100:before, .tablet-grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .tablet-grid-100:after { clear: both; } .tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 { position: relative; } .hide-on-tablet { display: none !important; } .tablet-grid-5 { float: left; width: 5%; } .tablet-prefix-5 { margin-left: 5%; } .tablet-suffix-5 { margin-right: 5%; } .tablet-push-5 { left: 5%; } .tablet-pull-5 { left: -5%; } .tablet-grid-10 { float: left; width: 10%; } .tablet-prefix-10 { margin-left: 10%; } .tablet-suffix-10 { margin-right: 10%; } .tablet-push-10 { left: 10%; } .tablet-pull-10 { left: -10%; } .tablet-grid-15 { float: left; width: 15%; } .tablet-prefix-15 { margin-left: 15%; } .tablet-suffix-15 { margin-right: 15%; } .tablet-push-15 { left: 15%; } .tablet-pull-15 { left: -15%; } .tablet-grid-20 { float: left; width: 20%; } .tablet-prefix-20 { margin-left: 20%; } .tablet-suffix-20 { margin-right: 20%; } .tablet-push-20 { left: 20%; } .tablet-pull-20 { left: -20%; } .tablet-grid-25 { float: left; width: 25%; } .tablet-prefix-25 { margin-left: 25%; } .tablet-suffix-25 { margin-right: 25%; } .tablet-push-25 { left: 25%; } .tablet-pull-25 { left: -25%; } .tablet-grid-30 { float: left; width: 30%; } .tablet-prefix-30 { margin-left: 30%; } .tablet-suffix-30 { margin-right: 30%; } .tablet-push-30 { left: 30%; } .tablet-pull-30 { left: -30%; } .tablet-grid-35 { float: left; width: 35%; } .tablet-prefix-35 { margin-left: 35%; } .tablet-suffix-35 { margin-right: 35%; } .tablet-push-35 { left: 35%; } .tablet-pull-35 { left: -35%; } .tablet-grid-40 { float: left; width: 40%; } .tablet-prefix-40 { margin-left: 40%; } .tablet-suffix-40 { margin-right: 40%; } .tablet-push-40 { left: 40%; } .tablet-pull-40 { left: -40%; } .tablet-grid-45 { float: left; width: 45%; } .tablet-prefix-45 { margin-left: 45%; } .tablet-suffix-45 { margin-right: 45%; } .tablet-push-45 { left: 45%; } .tablet-pull-45 { left: -45%; } .tablet-grid-50 { float: left; width: 50%; } .tablet-prefix-50 { margin-left: 50%; } .tablet-suffix-50 { margin-right: 50%; } .tablet-push-50 { left: 50%; } .tablet-pull-50 { left: -50%; } .tablet-grid-55 { float: left; width: 55%; } .tablet-prefix-55 { margin-left: 55%; } .tablet-suffix-55 { margin-right: 55%; } .tablet-push-55 { left: 55%; } .tablet-pull-55 { left: -55%; } .tablet-grid-60 { float: left; width: 60%; } .tablet-prefix-60 { margin-left: 60%; } .tablet-suffix-60 { margin-right: 60%; } .tablet-push-60 { left: 60%; } .tablet-pull-60 { left: -60%; } .tablet-grid-65 { float: left; width: 65%; } .tablet-prefix-65 { margin-left: 65%; } .tablet-suffix-65 { margin-right: 65%; } .tablet-push-65 { left: 65%; } .tablet-pull-65 { left: -65%; } .tablet-grid-70 { float: left; width: 70%; } .tablet-prefix-70 { margin-left: 70%; } .tablet-suffix-70 { margin-right: 70%; } .tablet-push-70 { left: 70%; } .tablet-pull-70 { left: -70%; } .tablet-grid-75 { float: left; width: 75%; } .tablet-prefix-75 { margin-left: 75%; } .tablet-suffix-75 { margin-right: 75%; } .tablet-push-75 { left: 75%; } .tablet-pull-75 { left: -75%; } .tablet-grid-80 { float: left; width: 80%; } .tablet-prefix-80 { margin-left: 80%; } .tablet-suffix-80 { margin-right: 80%; } .tablet-push-80 { left: 80%; } .tablet-pull-80 { left: -80%; } .tablet-grid-85 { float: left; width: 85%; } .tablet-prefix-85 { margin-left: 85%; } .tablet-suffix-85 { margin-right: 85%; } .tablet-push-85 { left: 85%; } .tablet-pull-85 { left: -85%; } .tablet-grid-90 { float: left; width: 90%; } .tablet-prefix-90 { margin-left: 90%; } .tablet-suffix-90 { margin-right: 90%; } .tablet-push-90 { left: 90%; } .tablet-pull-90 { left: -90%; } .tablet-grid-95 { float: left; width: 95%; } .tablet-prefix-95 { margin-left: 95%; } .tablet-suffix-95 { margin-right: 95%; } .tablet-push-95 { left: 95%; } .tablet-pull-95 { left: -95%; } .tablet-grid-33 { float: left; width: 33.33333%; } .tablet-prefix-33 { margin-left: 33.33333%; } .tablet-suffix-33 { margin-right: 33.33333%; } .tablet-push-33 { left: 33.33333%; } .tablet-pull-33 { left: -33.33333%; } .tablet-grid-66 { float: left; width: 66.66667%; } .tablet-prefix-66 { margin-left: 66.66667%; } .tablet-suffix-66 { margin-right: 66.66667%; } .tablet-push-66 { left: 66.66667%; } .tablet-pull-66 { left: -66.66667%; } .tablet-grid-100 { clear: both; width: 100%; } } @media screen and (min-width: 993px) { .grid-100:before, .grid-100:after { content: "."; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .grid-100:after { clear: both; } .push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20, .pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35, .push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 { position: relative; } .hide-on-desktop { display: none !important; } .grid-5 { float: left; width: 5%; } .prefix-5 { margin-left: 5%; } .suffix-5 { margin-right: 5%; } .push-5 { left: 5%; } .pull-5 { left: -5%; } .grid-10 { float: left; width: 10%; } .prefix-10 { margin-left: 10%; } .suffix-10 { margin-right: 10%; } .push-10 { left: 10%; } .pull-10 { left: -10%; } .grid-15 { float: left; width: 15%; } .prefix-15 { margin-left: 15%; } .suffix-15 { margin-right: 15%; } .push-15 { left: 15%; } .pull-15 { left: -15%; } .grid-20 { float: left; width: 20%; } .prefix-20 { margin-left: 20%; } .suffix-20 { margin-right: 20%; } .push-20 { left: 20%; } .pull-20 { left: -20%; } .grid-25 { float: left; width: 25%; } .prefix-25 { margin-left: 25%; } .suffix-25 { margin-right: 25%; } .push-25 { left: 25%; } .pull-25 { left: -25%; } .grid-30 { float: left; width: 30%; } .prefix-30 { margin-left: 30%; } .suffix-30 { margin-right: 30%; } .push-30 { left: 30%; } .pull-30 { left: -30%; } .grid-35 { float: left; width: 35%; } .prefix-35 { margin-left: 35%; } .suffix-35 { margin-right: 35%; } .push-35 { left: 35%; } .pull-35 { left: -35%; } .grid-40 { float: left; width: 40%; } .prefix-40 { margin-left: 40%; } .suffix-40 { margin-right: 40%; } .push-40 { left: 40%; } .pull-40 { left: -40%; } .grid-45 { float: left; width: 45%; } .prefix-45 { margin-left: 45%; } .suffix-45 { margin-right: 45%; } .push-45 { left: 45%; } .pull-45 { left: -45%; } .grid-50 { float: left; width: 50%; } .prefix-50 { margin-left: 50%; } .suffix-50 { margin-right: 50%; } .push-50 { left: 50%; } .pull-50 { left: -50%; } .grid-55 { float: left; width: 55%; } .prefix-55 { margin-left: 55%; } .suffix-55 { margin-right: 55%; } .push-55 { left: 55%; } .pull-55 { left: -55%; } .grid-60 { float: left; width: 60%; } .prefix-60 { margin-left: 60%; } .suffix-60 { margin-right: 60%; } .push-60 { left: 60%; } .pull-60 { left: -60%; } .grid-65 { float: left; width: 65%; } .prefix-65 { margin-left: 65%; } .suffix-65 { margin-right: 65%; } .push-65 { left: 65%; } .pull-65 { left: -65%; } .grid-70 { float: left; width: 70%; } .prefix-70 { margin-left: 70%; } .suffix-70 { margin-right: 70%; } .push-70 { left: 70%; } .pull-70 { left: -70%; } .grid-75 { float: left; width: 75%; } .prefix-75 { margin-left: 75%; } .suffix-75 { margin-right: 75%; } .push-75 { left: 75%; } .pull-75 { left: -75%; } .grid-80 { float: left; width: 80%; } .prefix-80 { margin-left: 80%; } .suffix-80 { margin-right: 80%; } .push-80 { left: 80%; } .pull-80 { left: -80%; } .grid-85 { float: left; width: 85%; } .prefix-85 { margin-left: 85%; } .suffix-85 { margin-right: 85%; } .push-85 { left: 85%; } .pull-85 { left: -85%; } .grid-90 { float: left; width: 90%; } .prefix-90 { margin-left: 90%; } .suffix-90 { margin-right: 90%; } .push-90 { left: 90%; } .pull-90 { left: -90%; } .grid-95 { float: left; width: 95%; } .prefix-95 { margin-left: 95%; } .suffix-95 { margin-right: 95%; } .push-95 { left: 95%; } .pull-95 { left: -95%; } .grid-33 { float: left; width: 33.33333%; } .prefix-33 { margin-left: 33.33333%; } .suffix-33 { margin-right: 33.33333%; } .push-33 { left: 33.33333%; } .pull-33 { left: -33.33333%; } .grid-66 { float: left; width: 66.66667%; } .prefix-66 { margin-left: 66.66667%; } .suffix-66 { margin-right: 66.66667%; } .push-66 { left: 66.66667%; } .pull-66 { left: -66.66667%; } .grid-100 { clear: both; width: 100%; } } .bottom-shadow { position: relative; } .bottom-shadow:after { display: block; content: ""; position: absolute; width: 100%; height: 3em; right: 0; bottom: 0; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left-bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));*/ /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-8 */ } .right-shadow { position: relative; overflow-x: hidden; } .right-shadow:after { display: block; content: ""; position: absolute; height: 100%; width: 40px; right: 0; top: 0; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */ } /* Helpers -----------------------------------------------------------------------------*/ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .nolist, .header ul, .header .top-menu, #main-menu, #main-menu > li .wrap ul, #content .radio-group, .footer .footer-menu, .footer .footer-menu li, .footer .footer-menu ul { list-style: none; margin: 0; padding: 0; } .sitewidth { min-width: 960px; max-width: 1300px; margin-left: auto; margin-right: auto; width: 80%; } .tar { text-align: right; } /* Sprites -----------------------------------------------------------------------------*/ /*@import "/local/templates/fiera/compass/utilities/sprites"; @import "/local/templates/fiera/compass/utilities/sprites/base"; @import "/local/templates/fiera/compass/utilities/sprites/sprite-img"; @import "/local/templates/fiera/ico/*.png"; @include all-ico-sprites(true); .ico { @include inline-block(middle); }*/ /* Layout -----------------------------------------------------------------------------*/ body, html { height: 100%; } body > #wrapper { width: 100%; min-height: 100%; height: auto !important; height: 100%; overflow: hidden; } body > #wrapper > #middle { padding-bottom: 48px; } /* Helpers -----------------------------------------------------------------------------*/ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .nolist, .header ul, .header .top-menu, #main-menu, #main-menu > li .wrap ul, #content .radio-group, .footer .footer-menu, .footer .footer-menu li, .footer .footer-menu ul { list-style: none; margin: 0; padding: 0; } .nolist li, .header ul li, .header .top-menu li, #main-menu li, #main-menu > li .wrap ul li, #content .radio-group li, .footer .footer-menu li, .footer .footer-menu li li, .footer .footer-menu ul li { margin: 0; padding: 0; } .tar { text-align: right; } .gray { color: #999999; } .bright, a.bright { color: #F16321; } .backlink-cont { font-family: "Open Sans Condensed", sans-serif; font-size: 20px; line-height: 120%; color: #333333; text-transform: uppercase; } .backlink-cont.bright { color: #f16321; } .backlink-cont.bg { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #f16321; padding: 10px 20px; color: #fff; } .backlink-cont.bg a.backlink { color: #fff; text-decoration: none; outline: none; } .backlink { font-family: "Open Sans Condensed", sans-serif; font-size: 20px; line-height: 120%; color: #333333; text-transform: uppercase; } .backlink.bright { color: #f16321; } /* Sprites -----------------------------------------------------------------------------*/ .ico-sprite, .ico-calc, .ico-cart-big, .ico-download, .ico-filter, .ico-lock-w, .ico-lock, .ico-map-g, .ico-map-o, .ico-map-w, .ico-menu, .ico-menuarr, .ico-plus-big, .ico-search-w, .ico-search, #main-menu > li .wrap li:hover .ico-menuarr, #main-menu > li .wrap li .active .ico-menuarr { background: url('/local/templates/fiera/img/ico-s71fbd853f3.png') no-repeat; } .ico-cat-cart { background: url('/local/templates/fiera/img/cart.png') no-repeat; height: 26px; width: 27px; background-color: #f16321; border-radius: 6px; float: right; padding: 2px; } .ico-calc { background-position: 0 -69px; height: 46px; width: 37px; } .ico-cart-big { background-position: 0 0; height: 46px; width: 47px; } .ico-download { background-position: 0 -162px; height: 18px; width: 18px; } .ico-filter { background-position: 0 -115px; height: 24px; width: 24px; } .ico-lock-w { background-position: 0 -253px; height: 14px; width: 10px; } .ico-lock { background-position: 0 -212px; height: 14px; width: 10px; } .ico-map-g { background-position: 0 -180px; height: 16px; width: 10px; } .ico-map-o { background-position: 0 -196px; height: 16px; width: 10px; } .ico-map-w { background-position: 0 -226px; height: 16px; width: 10px; } .ico-menu { background-position: 0 -294px; height: 21px; width: 24px; } .ico-menuarr { background-position: 0 -242px; height: 11px; width: 8px; } .ico-menuarr:hover, .ico-menuarr.menuarr_hover, .ico-menuarr.menuarr-hover { background-position: 0 -267px; } .ico-plus-big { background-position: 0 -278px; height: 16px; width: 16px; } .ico-search-w { background-position: 0 -139px; height: 23px; width: 24px; } .ico-search { background-position: 0 -46px; height: 23px; width: 24px; } .ico { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; } .btn .ico{ display:inline; } .ico-open { background: url(/local/templates/fiera/img/open.png) 0 0 no-repeat; width: 35px; height: 35px; } .ico-open:hover { background-position: 0 100%; } .btn-choose { background: url(/local/templates/fiera/img/btn-choose.png) 0 0 no-repeat; width: 230px; height: 61px; } .wf-btn-primary, .wf-btn-primary.calc-link { padding: 9px 12px; background: #F58220; border-radius: 4px; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #FFFFFF; text-transform: none; } .wf-btn-primary:hover { background-color: #f16321; } .wf-btn-only-border { display: block; font-family: RobotoCustom; font-style: normal; font-weight: 550; font-size: 14px; line-height: 22px; text-align: center; color: #F58220; padding: 9px 24px; border: 1px solid #F58220; box-sizing: border-box; border-radius: 4px; text-decoration: none; background-color: transparent; } .wf-upakovka .wf-checkbox-switch { position: relative; display: inline-block; box-sizing: border-box; width: 28px; height: 14px; border-radius: 16px; vertical-align: middle; background: #E8EAEC; transition: .2s; } .wf-upakovka .wf-checkbox-switch:before { content: ''; position: absolute; top: 1px; left: 2px; display: inline-block; width: 12px; height: 12px; border-radius: 16px; background: white; } .wf-upakovka input[type=checkbox] { display: block; width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; } .wf-upakovka input[type=checkbox]:not(:disabled):active + .wf-checkbox-switch:before { box-shadow: inset 0 0 2px rgba(0, 0, 0, .3); } .wf-upakovka input[type=checkbox]:checked + .wf-checkbox-switch { background: #F58220; } .wf-upakovka input[type=checkbox]:checked + .wf-checkbox-switch:before { transform:translateX(12px); } /* Hover */ .wf-upakovka input[type="checkbox"]:not(:disabled) + .wf-checkbox-switch { cursor: pointer; border-color: rgba(0, 0, 0, .3); } /* Disabled */ .wf-upakovka input[type=checkbox]:disabled + .wf-checkbox-switch { filter: grayscale(70%); border-color: rgba(0, 0, 0, .1); } .wf-upakovka input[type=checkbox]:disabled + .wf-checkbox-switch:before { background: #eee; } /* Focus */ .wf-upakovka.focused .wf-checkbox-switch:before { box-shadow: inset 0px 0px 4px #ff5623; } .wf-form-control-lable { font-family: 'RobotoCustom'; font-style: normal; font-weight: 401; font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 8px; display: block; } .wf-field-group.error .wf-form-control-lable { color: var(--wf-txt-error); } .wf-form-control-field { width: calc(100% - 32px); height: 40px; line-height: 40px; padding: 0 16px; font-size: 14px; color: #2A2F33; border: 2px solid #F6F6F6; background: #fff; outline: none; border-radius: 4px; } .wf-field-group.error .wf-form-control-field { color: var(--wf-txt-error); background: var(--wf-background-error); border-color: var(--wf-txt-error); } .wf-field-group.error .wf-form-control-field::placeholder { color: var(--wf-txt-error); } .wf-form-control-txt { font-family: 'RobotoCustom'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: var(--wf-txt-gray-800); margin-top: 4px; } .wf-field-group.error .wf-form-control-txt { color: var(--wf-txt-error); } .wf-field-with-suffix { position: relative; } .wf-field-with-suffix .wf-field-suffix { position: absolute; top: 13px; font-size: 14px; color: var(--wf-txt-gray-800); } .wf-field-group.error .wf-field-with-suffix .wf-field-suffix { color: var(--wf-txt-error); } .wf-radioinp-label { margin-right: 32px; } .wf-radio-icon:after { content: " "; background-image: url(/local/templates/fiera/img/ico/radiobtn-off.png); position: relative; top: 2px; display: inline-block; width: 16px; height: 16px; background-size: 16px 16px; } .wf-radioinp-label > input:checked ~ .wf-radio-icon:after { background-image: url(/local/templates/fiera/img/ico/radiobtn-on.png); } .wf-radioinp-label .wf-radioinp-txt { font-family: 'RobotoCustom'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #79848E; margin-left: 8px; } /* Header -----------------------------------------------------------------------------*/ .header { position: relative; margin-bottom: 10px; } .header a { text-decoration: none; outline:none; } .header #logo-top { margin-top: -20px; } .header #logo-top a { display: block; } .header .top-line { padding-top: 6px; padding-bottom: 6px; margin-bottom: 7px; font-size: 13px; } .header .top-line a { color: #7F7F7F; text-decoration: none; } .header .top-line .login-block { text-align: right; white-space: nowrap; } .header .top-line .login-block .ico { margin-right: 4px; vertical-align: -2px; margin-left: 12px; } .header .top-menu { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 100%; text-align: left; } .header .top-menu li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 15px; } .header .top-menu a:hover { text-decoration: underline; } .header .top-contacts { text-align: center; white-space: nowrap; margin-left: 45px; } .header .top-contacts .phone-lbl { display: none; } .header .top-contacts .phone { font-family: "Open Sans Condensed", sans-serif; font-size: 28px; font-stretch: condensed; line-height: 100%; display: block; color: #333333; } .header .top-contacts .adres { font-family: "Open Sans Condensed", sans-serif; font-size: 22px; white-space: normal; padding-bottom: 7px; font-stretch: condensed; line-height: 100%; display: block; color: #333333; } .header .top-contacts .soc-block{ margin-left: 0px; text-align: center; } .header .top-contacts .email { font-size: 13px; color: #333333; text-decoration: none; } .header #menu-dd { display: none; } #header-search-form .input-container { float: left; width: 100%; position: relative; } #header-search-form .input-container .wrap { padding-right: 36px; padding-left: 20px; } #header-search-form .input-container #search-inpt { border: none; height: 40px; line-height: 40px; width: 100%; font-size: 14px; color: #333333; outline: none; background-color: transparent; } #header-search-form .input-container label { position: absolute; line-height: 40px; font-size: 14px; color: #e5e5e5; left: 20px; top: 0; } #header-search-form .search-btn { float: right; margin-left: -30px; margin-right: 6px; border: none; background: transparent; padding: 0; position: relative; z-index: 200; } #header-search-form .search-btn .ico { margin-top: 10px; } .header-favorites-link { margin-left: 9px; font-family: Open Sans Condensed; font-style: normal; font-weight: 300; font-size: 14px; line-height: 14px; color: #2A2F33; } .header-favorites-link img { vertical-align: middle; } .wf-favorites-badge { display: none; text-align: center; } .wf-favorites-badge.active { display: inline-block; } #main-menu { margin-top: 22px; position: relative; width: 100%; background-color: #333333; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #main-menu > li { position: relative; text-align: center; vertical-align: middle; border-right: 1px solid #424242; } #main-menu > li:last-child { border-right: none; } #main-menu > li > a { display: block; color: #fff; text-decoration: none; padding: 0 20px; height: 44px; font: bold 18px "Open Sans Condensed", sans-serif; line-height: 44px; font-stretch: condensed; text-transform: uppercase; } #main-menu > li .wrap { position: absolute; padding-top: 10px; background-color: #B2B2B2; z-index: 1000; width: 100%; display: none; } #main-menu > li .wrap li { margin: 0 8px; text-align: left; } #main-menu > li .wrap li a { color: #333332; padding: 0 20px 12px; display: block; font-size: 13px; line-height: 120%; text-decoration: none; } #main-menu > li .wrap li a:hover { text-decoration: underline; } #main-menu > li .wrap li a.active { font-weight: bold; } #main-menu > li .wrap li a .ico-menuarr { position: absolute; right: 12px; top: 50%; margin-top: -6px; } #main-menu > li .wrap li:hover .ico-menuarr, #main-menu > li .wrap li .active .ico-menuarr { background-position: 0 -267px; } #main-menu > li .wrap li .ttl { font: bold 17px "Open Sans Condensed", sans-serif; line-height: 120%; display: block; text-transform: uppercase; } #main-menu > li .wrap li .kak-h4 { font: bold 17px "Open Sans Condensed", sans-serif; line-height: 120%; display: block; text-transform: uppercase; } #main-menu > li:hover, #main-menu > li.active { border-right-color: #f16321; } #main-menu > li:hover > a, #main-menu > li.active > a { background-color: #f16321; text-shadow: 0px 1px 0px #333333; } #main-menu > li:hover:first-child > a, #main-menu > li.active:first-child > a { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #main-menu > li:hover:last-child, #main-menu > li.active:last-child { border-right: none; } #main-menu > li:hover:last-child > a, #main-menu > li.active:last-child > a { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } @media screen and (max-width: 400px) { .news-item .item-body .h3{ display:inline-block; } } @media screen and (min-width: 993px) { #main-menu { display: none; } } .cart-small { width: 156px; height: 45px; background-color: #f16321; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; float: right; position: relative; padding: 10px 12px; /*margin-top: -12px;*/ font-family: "Open Sans Condensed"; font-size: 20px; margin-top: 1px; } .cart-small .ico-cart-big { float: left; } .cart-small .cart-quantity, .cart-small .cart-price { color: #fff; text-align: left; display: block; margin-left: 62px; line-height: 120%; } .cart-small.cart-empty { background-color: #989898; } .all-offers-link { background: #f16321 url(/local/templates/fiera/img/obg.png) 100% 100% no-repeat; display: block; width: 170px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 32px 20px; font-family: "Open Sans Condensed"; font-size: 25px; line-height: 120%; text-transform: uppercase; color: #fff; text-decoration: none; } .banner-container { margin-bottom: 40px; } .breadcrumbs { margin-bottom: 40px; font-size: 13px; color: #7F7F7F; text-decoration: none; } .breadcrumbs a { color: #7F7F7F; } .breadcrumbs a:hover { color: #f16321; text-decoration: underline; } .sort-list-container { display: flex; } .sort-list-container, .num-on-page { font-family: "Open Sans Condensed", sans-serif; font-size: 18px; color: #333333; } .sort-list-container .open-dropdown, .num-on-page .open-dropdown { font-weight: bold; color: #333333; line-height: 100%; } .num-on-page { margin-top: 12px; } /* Catalog items matrix -------------------------------------------------*/ .section-items-list { margin-bottom: 30px; } .items-matrix { margin: 30px 0px 0; font-size: 0; display: table; width: 100%; position: relative; } .items-matrix .item { font-size: 12px; float: none; margin: 0 0 40px 0; position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; font-family: "Open Sans Condensed"; } .items-matrix .item a { outline: none; position: relative; } .items-matrix .item .wrap { padding: 0 8px; position: relative; } .items-matrix .item .wrap .promo-tag { position: absolute; top: 0; left: 20px; padding: 6px 8px; color: #fff; z-index: 30; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-family: "Open Sans Condensed"; font-size: 16px; font-weight: bold; } .items-matrix .item .wrap .promo-tag.tag-new { background-color: #198700; } .items-matrix .item .wrap .promo-tag.tag-discount { background-color: #FD0101; } .items-matrix .item .wrap .inner-wrap { position: relative; } .section-items-list .items-matrix .item .ipg__checkbox-wrap, .rec-prod .items-matrix .item .ipg__checkbox-wrap { display: none; } .items-matrix.recommend .element .wrap .item-body { margin-top: 12px; padding-top: 6px; } .items-matrix .item .wrap .item-body { margin-top: 12px; } .items-matrix .item .wrap .ttl { font-family: "Open Sans Condensed"; font-size: 18px; font-weight: normal; text-transform: none; line-height: 111%; color: #333333; margin-bottom: 6px; margin-top: 8px; } .items-matrix .item .wrap .ttl a { color: #333333; text-decoration: none; } .items-matrix .item .wrap .ttl a:hover { text-decoration: underline; color: #f16321; } .items-matrix .item .wrap .wf-product-name { padding-top: 0px; min-height: 80px; } .items-matrix .item .wrap .wf-product-name a.wf-product-name-link { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 16px; line-height: 150%; text-decoration: none; color: #2A2F33; height: 45px; display: inline-block; overflow: hidden; } .items-matrix .item .wrap .kak-h4 a { color: #333333; text-decoration: none; } .items-matrix .item .wrap .kak-h4 a:hover { text-decoration: underline; color: #f16321; } .items-matrix .item .wrap .props { font-size: 15px; margin-bottom: 8px; margin-top: 4px; color: #999999; } .items-matrix .item .wrap .props p { margin: 0; } .items-matrix .item .wrap .props .lbl { color: #999999; } .items-matrix .item .wrap .props .val { color: #333333; } .items-matrix .item .wrap .props a { color: #999999; text-decoration: none; } .items-matrix .item .wrap .props a:hover { text-decoration: underline; } .items-matrix .item .wrap .pricing { display: block; padding-top: 12px; } .wf-catalog-section-price-block { display: flex; flex-direction: row; } .wf-catalog-section-price-block .price-type { display: flex; text-align: left; } .items-matrix .item .wrap .pricing .wf-catalog-section-price-block .catalog-price { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 24px; line-height: 125%; color: #2A2F33; } .wf-catalog-section-price-block .wf-old-price { display: flex; position: relative; margin-left: 12px; align-items: end; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; text-decoration-line: line-through; color: #79848E; } .items-matrix .item .wrap .pricing p { margin: 0; line-height: 120%; } .view-product[data-view="list"] .items-matrix .item .wrap .pricing #comp_div2 { text-align: right; } .items-matrix .item .wrap .pricing .catalog-price { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 24px; line-height: 125%; color: #2A2F33; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .items-matrix .item .wrap .pricing .price-old { font-weight: normal; color: #999999; margin-left: 0.5em; } .items-matrix .item .wrap .pricing .discount-procent { font-size: 12px; margin-bottom: 4px; } .items-matrix .item .wrap .wf-catalog-section-calculate-block { display: inline-block; width: 130px; vertical-align: middle; } .items-matrix .item .wrap .wf-catalog-section-calculate-group { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; border-radius: 4px; } .items-matrix .item .wrap .wf-catalog-section-calculate-down, .items-matrix .item .wrap .wf-catalog-section-calculate-up { text-align: center; padding: 9px 12px; width: 17px; height: 22px; background: #FFFFFF; flex: none; flex-grow: 0; margin: 0px 0px; font-size: 20px; font-family: Arial; line-height: 22px; color: #2A2F33; user-select: none; } .items-matrix .item .wrap .wf-catalog-section-calculate-down:hover, .items-matrix .item .wrap .wf-catalog-section-calculate-up:hover { color:#F16321; } .items-matrix .item .wrap .wf-catalog-section-calculate-down:active, .items-matrix .item .wrap .wf-catalog-section-calculate-up:active { color:#F16321; } .items-matrix .item .wrap .wf-catalog-section-calculate-down { order: 1; box-shadow: inset 0px -2px 0px #F6F6F6, inset 0px 2px 0px #F6F6F6, inset 2px 0px 0px #F6F6F6; border-radius: 4px 0px 0px 4px; cursor: pointer; line-height: 19px; } .items-matrix .item .wrap .wf-catalog-section-calculate-up { order: 3; box-shadow: inset 0px -2px 0px #F6F6F6, inset 0px 2px 0px #F6F6F6, inset -2px 0px 0px #F6F6F6; border-radius: 0px 4px 4px 0px; cursor: pointer; } .items-matrix .item .wrap .wf-catalog-section-calculate-down img { vertical-align: middle; width: 10px; } .items-matrix .item .wrap .wf-catalog-section-calculate-up img { vertical-align: middle; width: 10px; } .items-matrix .item .wrap .wf-catalog-section-calculate-group input { text-align: center; padding: 0px; width: 48px; height: 40px; background: #F6F6F6; border: 2px solid #F6F6F6; box-sizing: border-box; flex: none; order: 2; flex-grow: 0; margin: 0px 0px; outline: none; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #2A2F33; } .items-matrix .item .wrap .cat_submit .cart-ico-block, .wf-btn-primary .cart-ico-block{ display: inline-block; height: 100%; } .items-matrix .item .wrap .cat_submit .cart-ico-block svg, .wf-btn-primary .cart-ico-block img { vertical-align: text-top; } .items-matrix .item .wrap .wf-btn-rm-good { display: none; background: url(/local/templates/fiera/img/ico/delgood.png) no-repeat center center; background-size: contain; width: 13px; height: 13px; margin-left: 16px; padding: 0; } .wf-btn-favorites { background: url(/local/templates/fiera/img/ico/like.svg) no-repeat center center; background-size: 20px; width: 40px; height: 40px; border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 4px; margin-left: 8px; padding: 0; } .wf-btn-favorites:hover { background: url(/local/templates/fiera/img/ico/like-hover.svg) no-repeat center center; background-size: 22px; border-color: #F58220; } .wf-btn-favorites.active { background: url(/local/templates/fiera/img/ico/like-act.svg) no-repeat center center; background-size: 20px; border: 1px solid #F58220; } .ui-widget.ui-widget-content.wf-tooltip-favorites { padding: 8px 12px; background: #FFFFFF; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); border-radius: 4px; border: none; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; display: flex; align-items: center; color: #79848E; } .items-matrix .item .wrap .detail-link { height: 30px; display: -moz-inline-stack; display: inline-block; vertical-align: 3px; *vertical-align: auto; zoom: 1; *display: inline; } .items-matrix .item .wrap .morelnk { width: 28px; height: 29px; background: url(/local/templates/fiera/img/morelnk.png) 0 100% no-repeat; } .items-matrix .item:hover .wf-product-name a { color: #F16321; } .items-matrix .item:active .wf-product-name a { color: #F58220; } .items-matrix .item:hover .ttl a { text-decoration: underline; color: #f16321; } .items-matrix .item:hover .kak-h4 a { text-decoration: underline; color: #f16321; } .items-matrix .item:hover .morelnk { background-position: 0 0; } .items-matrix .item p, .items-matrix .item .p { margin: 0 0 4px 0; } .sections-matrix { margin: 24px 0 0; font-family: "Open Sans Condensed"; } .sections-matrix .item { margin-bottom: 36px; } .sections-matrix .item .wrap { padding: 0 0 0 0; position: relative; } .sections-matrix .item:nth-child(4n-3) .wrap { padding-right: 18px; } .sections-matrix .item:nth-child(4n-2) .wrap { padding-left: 6px; padding-right: 12px; } .sections-matrix .item:nth-child(4n-1) .wrap { padding-left: 12px; padding-right: 6px; } .sections-matrix .item:nth-child(4n) .wrap { padding-left: 18px; } .sections-matrix .item .wrap:hover { border-color: #f16321; } .sections-matrix .item .wf-top-award-block { position: absolute; top: 16px; background: rgba(255, 255, 255, 0.88); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06); backdrop-filter: blur(2px); padding: 4px 0 0 4px; line-height: 1; } .sections-matrix .item .wf-top-award-block img { max-height: 34px; margin-right: 6px; margin-bottom: 4px; } .ui-widget.ui-widget-content.wf-tooltip-award { padding: 8px 12px; background: #FFFFFF; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); border-radius: 4px; border: none; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; display: flex; align-items: center; color: #79848E; } .sections-matrix .item .wrap .ttl { margin: 10px 0 6px 0; padding: 0 14px; font-size: 26px; } .sections-matrix .item .wrap .kak-h4 { margin: 8px 0 0 0; padding: 0; } .sections-matrix .item .wrap .kak-h4 a { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 16px; line-height: 125%; display: flex; align-items: center; color: #2A2F33; text-decoration: none; } .sections-matrix .item .wrap .item-descr { padding: 0 14px; font-size: 17px; line-height: 120%; } .catalog-price { font-size: 24px; color: #004181; white-space: nowrap; } .catalog-price.price-old { color: #5D5D5D; font-size: 20px; font-weight: bold; } .section-list > ul { margin: 0 0 28px 0; padding: 0; list-style: none; } .section-list > ul li { padding: 8px 12px; margin: 4px 0px; background: #F6F6F6; border-radius: 2px; } .section-list > ul li a { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 120%; display: flex; align-items: center; color: #79848E; text-decoration: none; } .section-list > ul li a:hover { text-decoration: none; } .section-list > ul li a.active { color: #f16321; } .section-list > ul li .ttl { font: bold 17px "Open Sans Condensed", sans-serif; line-height: 120%; display: block; text-transform: uppercase; } .section-list > ul li .kak-h4 { font: bold 17px "Open Sans Condensed", sans-serif; line-height: 120%; display: block; text-transform: uppercase; } /*----------------------- filter -----------------------*/ .filter ul.lsnn { margin: 0; padding: 0; list-style: none; } #prop_2 ul.lsnn { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .filter-color .checkbox-wrapper { display: none; } .filter-color .color-sample { height: 20px; width: 20px; cursor: pointer; vertical-align: middle; outline: none; border: 1px solid #cccccc; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .filter-color .color-sample.gray { background-color: #B3B3B3; } .filter-color .color-sample.black { background-color: #000; } .filter-color .color-sample.green { background-color: #59D5A5; } .filter-color .active .color-sample { border: 2px solid #f16321; margin: -1px; } .filter-vert { background: #FFFFFF; border: 1px solid #F6F6F6; border-radius: 4px; } .filter-vert .ico-open { display: none; outline: none; } .filter-vert .wf-filter-title { background: #F6F6F6; border-radius: 4px 4px 0px 0px; padding: 12px 8px; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 125%; color: #2A2F33; } .filter-vert .wf-filter-badge { display: inline-block; opacity:0; margin-left: 4px; background: url(/local/templates/fiera/img/ico/badge.png) no-repeat center center; width: 18px; height: 18px; background-size: contain; text-align: center; font-family: RobotoCustom; font-style: normal; font-weight: bold; font-size: 10px; line-height: 18px; color: #FFFFFF; } .filter-vert .wf-filter-title .wf-ico-filter { background: url(/local/templates/fiera/img/ico/filter_new.png) no-repeat center center; background-size: contain; width: 20px; height: 20px; float: right; } .filter-vert h3 { margin-top: 0; font-size: 20px; } .filter-vert h2.bg { margin-top: 0; background-color: #E5E5E5; font-size: 25px; } .filter-vert .group { border-bottom: 1px solid #F6F6F6; padding: 0; margin: 0; position: relative; } .filter-vert .group:last-of-type { border-bottom: 0; } .filter-vert .group .h4{ margin-top:0px; margin-bottom: 0; padding: 8px 28px 8px 8px; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 125%; color: #2A2F33; text-transform: none; cursor: pointer; } .filter-vert .group .wf-roll-up { background: url(/local/templates/fiera/img/ico/rollup.png) no-repeat center center; width: 24px; height: 24px; position: absolute; background-size: 12px 6px; top: 4px; right: 8px; } .filter-vert .group .wf-roll-up.closed { background: url(/local/templates/fiera/img/ico/rolldown.png) no-repeat center center; background-size: 12px 6px; } .filter-vert .group ul.lsnn { padding: 0px 8px 12px 8px; } .filter-vert .group .checkbox-wrapper { height: 17px; } .filter-vert .group .styled-checkbox { background: url(/local/templates/fiera/img/ico/checkbox.png) no-repeat center center; width: 16px; height: 16px; background-size: contain; } .filter-vert .group .lvl2:hover .styled-checkbox { background: url(/local/templates/fiera/img/ico/checkboxhover.png) no-repeat center center; background-size: contain; } .filter-vert .group .styled-checkbox.styled-checked, .filter-vert .group .lvl2:hover .styled-checkbox.styled-checked { background: url(/local/templates/fiera/img/ico/checkboxact.png) no-repeat center center; background-size: contain; } .filter-vert .group .lvl2 label { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #2A2F33; } .filter-vert .slider-container { width: 100%; margin-top: 36px; } .filter-vert .submit-btn-container { padding: 16px; margin: 0; } .filter-vert .submit-btn-container .btn { width: 100%; padding: 9px 24px; background: #F58220; border-radius: 4px; text-align: center; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #FFFFFF; text-transform: none; } .filter-vert .submit-btn-container .btn:active, .filter-vert .submit-btn-container .btn:hover { background-color: #f16321; } .filter-vert .sliderInputsContainer { font-size: 15px; color: #999999; margin-top: 14px; } .filter-vert .sliderInputsContainer input[type="text"].valueBox { color: #f16321; width: 64px; height: 25px; line-height: 25px; padding:5px; } .filter-vert .submit-btn-container a.btn[data-type='reset']{ padding: 9px 24px; background-color: #FFFFFF; border: 1px solid #F58220; box-sizing: border-box; border-radius: 4px; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #F58220; } /* Pagenav -------------------------------------------------*/ .pagenav { margin: 0; font-size: 0; font-family: "Open Sans Condensed", sans-serif; font-weight: bold; margin-bottom: 40px; text-align: center; } .pagenav .pn { width: 15px; height: 10px; vertical-align: -1px; } .pagenav .pn-prev { background-position: 0 0; margin-right: 10px; } .pagenav .pn-next { background-position: 100% 0; margin-left: 10px; } .pagenav .prev, .pagenav .next { display: -moz-inline-stack; display: inline-block; padding: 10px; background: #FFFFFF; border: 1px solid #E8EAEC; box-sizing: border-box; border-radius: 4px; margin: 0px 8px; min-width: 40px; } .pagenav .prev svg, .pagenav .next svg, .pagenav .prev img, .pagenav .next img { vertical-align: middle; } .pagenav .prev:hover, .pagenav .next:hover { background: #F58220; border: 1px solid #F58220; color: #FFFFFF; } .pagenav > a, .pagenav > span { display: -moz-inline-stack; display: inline-block; padding: 10px; background: #FFFFFF; border: 1px solid #E8EAEC; box-sizing: border-box; border-radius: 4px; margin: 0px 4px; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 125%; color: #79848E; text-decoration: none; min-width: 40px; } .pagenav a:hover { background: #F58220; border: 1px solid #F58220; color: #FFFFFF; } .pagenav .active { background: #F58220; border: 1px solid #F58220; color: #FFFFFF; } #content p, #content ul li { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 155%; color: #79848E; } #content p a, #content ul li a { text-decoration: none; color: #F58220; } #content h2 { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 16px; line-height: 125%; color: #2A2F33; margin: 16px 0px; text-transform: none; } /* Order -------------------------------------------------*/ .order-container { margin-bottom: 60px; } .order-container .cart-table { margin-bottom: 0; border-bottom: 0; } .order-container .cart-table tbody td { padding: 10px; } .order-container .cart-table tbody .name .item-name { color: #7F7F7F; } .order-container .cart-table tbody .q, .order-container .cart-table tbody .art, .order-container .cart-table tbody .cart-pice, .order-container .cart-table tbody .sum { color: #7F7F7F; text-align: center; } .order-container .total td { padding-top: 15px; border-top: 4px solid #f1f1f1; color: #f16321; font-size: 18px; text-align: right; white-space: nowrap; } .order-container .nice-form.ajax-form { margin-top: 45px; margin-bottom: 60px; } .order-container .nice-form.ajax-form .form-line { margin-bottom: 40px; } .order-container .nice-form.ajax-form .form-line .lbl { width: 250px; font-family: "Open Sans Condensed"; font-size: 18px; font-weight: bold; } .order-container .nice-form.ajax-form .form-line .inpt input[type='text'], .order-container .nice-form.ajax-form .form-line .inpt textarea { width: 300px; } .order-container .nice-form.ajax-form .form-line .inpt .hint { width: 278px; } .order-container .submit-btn-container { text-align: center; margin-left: 0; } .req { color: #f16321; } .payment-group li { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; width: 94px; margin-right: 10px; text-align: center; background-position: 50% 50%; } .payment-group li .radio-wrapper { width: 92px; height: 52px; } .payment-group li .radio-wrapper .styled-radio { width: 90px; height: 50px; border: 1px solid #cccccc; background: none; } .payment-group li .radio-wrapper .styled-radio.styled-checked { border-color: #004181; } .payment-group li .span-ra { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 92px; } .payment-group li label { font-size: 11px; color: #999999; letter-spacing: -0.03em; } /* Footer -----------------------------------------------------------------------------*/ .footer-container { position: relative; } .wf-footer-before-line { position: absolute; left: 0; width: 100%; height: 2px; background-color: #F6F6F6; } .footer { position: relative; display: flex; flex-direction: column; } .wf-footer-row { display: flex; flex-direction: row; justify-content: space-between; } .wf-footer-row .h3 { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #2A2F33; text-transform: none; margin: 0 0 24px 0; padding: 0; } .wf-footer-row .top-menu { margin: 0; padding: 0; } .wf-footer-row .top-menu li{ list-style: none; margin-bottom: 16px; } .wf-footer-row .top-menu li a { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #555555; text-decoration: none; } .wf-buyers-menu-block { width: 310px; } .wf-buyers-menu-block li { float: left; width: 130px; } .wf-buyers-menu-block li:nth-child(2n){ margin-left: 50px; } .wf-footer-info-block { flex-basis: 300px; } .wf-footer-application-row img { width: 145px; } .wf-footer-mobile-version { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #79848E; margin-top: 5px; } .wf-footer-mobile-version a { color: #F58220; } .wf-footer-paysystem-row { margin-top: 40px; } .wf-footer-paysystem-row .h3 { margin-bottom: 16px; } .wf-footer-paysystem-list { display: flex; justify-content: space-between; align-items: center; } #tr_visa { background:url(/local/templates/fiera/img/ico/visa.svg) no-repeat; background-size: contain; background-position:center; width: 50px; height: 25px; } #tr_mastercard { background:url(/local/templates/fiera/img/ico/mastercard.svg?v=1.01) no-repeat; background-size: contain; background-position:center; width: 25px; height: 25px; } #tr_yad { background:url(/local/templates/fiera/img/yad-c.png) no-repeat; background-size: auto 100px; background-position:center; width:200px; height:100px; } #tr_yad:hover { background:url(/local/templates/fiera/img/yad.png) no-repeat; background-size: auto 100px; background-position:center; } #tr_mir { background:url(/local/templates/fiera/img/ico/mir.svg) no-repeat; background-size: contain; background-position:center; width: 60px; height:25px; } #tr_fastpay { background:url(/local/templates/fiera/img/logo_fast_pay.png) no-repeat; background-size: contain; background-position:center; width:65px; height:35px; } #tr_payqr { background:url(/local/templates/fiera/img/logo_payqr.png) no-repeat; background-size: contain; background-position:center; width: 35px; height: 35px; } .wf-footer-socnetwork-block { display: flex; flex-basis: 210px; height: 40px; } .wf-footer-socnetwork-block a { margin-right: 16px; } .wf-footer-btn-gray { padding: 8px 16px; background: #F6F6F6; border-radius: 2px; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; text-align: center; color: #79848E; } .wf-footer-btn-gray a { vertical-align: middle; } .wf-footer-phone-btn { margin-right: 12px; } .wf-footer-phone-btn img { vertical-align: middle; margin-right: 8px; } .wf-footer-phone-btn a { color: #79848E; text-decoration: none; } .wf-footer-location-btn p{ margin-bottom: 0; } .wf-footer-location-btn { display: flex; flex-basis: 300px; } .wf-footer-location-btn img { margin-right: 11px; max-height: 24px; } .wf-footer-location-btn a { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 125%; color: #F58220; padding-bottom: 4px; } .wf-cities-list.dropdown { padding: 0 0 16px 0; } .wf-cities-list.dropdown .dropdown-inner { background: #FFFFFF; text-align: left; padding: 24px; border: 2px solid #F6F6F6; box-sizing: border-box; border-radius: 4px; } .wf-cities-list.dropdown .dropdown-inner li { margin-bottom: 16px; } .wf-cities-list.dropdown .dropdown-inner li:last-child { margin-bottom: 0; } .wf-cities-list.dropdown .dropdown-inner a { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #79848E; text-decoration: none; padding: 0; } .wf-cities-list.dropdown .corner.bottom { display: none; } .wf-footer-location-btn .ico-map-o { display: none; } .wf-footer-first-row { margin-top: 56px; } .wf-footer-midle-row { margin-top: 64px; margin-bottom: 40px; } .wf-footer-bottom-row { border-top: 1px solid #F6F6F6; padding: 24px 0 32px 0; align-items: center; } .wf-copyright-name { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #000000; } .wf-footer-privacy-policy a { text-decoration: none; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #555555; } .footer .footer-menu { margin: 0; padding: 0; margin-bottom: 24px; } .footer .footer-menu li, .footer .footer-menu ul { padding: 0; margin: 0; } .footer .footer-menu ul li { margin: 16px 0; font-size: 14px; } .footer .footer-menu ul li a { text-decoration: none; color: #666666; } .footer .footer-menu ul li a:hover { text-decoration: underline; } .footer .copyright { bottom: 8px; left: 0; color: #999999; font-size: 13px; } .footer .copyright a { color: inherit; } .footer .address { margin-top: 16px; color: #666666; } .footer .address .phone { font-family: "Open Sans Condensed", sans-serif; font-size: 28px; } .footer .address .adres { font-family: "Open Sans Condensed", sans-serif; font-size: 28px; white-space: normal; line-height: 100%; text-decoration: none; } .footer .address .phone div { font-family: "Open Sans Condensed", sans-serif; font-size: 28px; padding-bottom: 10px; } .footer .call-form { font-weight: normal; } /******************* dropdown ******************/ .open-dropdown { outline: none !important; position: relative; } .dropdown { padding: 10px 0; margin: 0; position: absolute; z-index: 100; font-family: "Open Sans Condensed", sans-serif; font-size: 16px; } .dropdown .dropdown-inner { background-color: #4D4D4D; padding: 16px; position: relative; color: #fff; } .dropdown a { color: #fff; } .dropdown a:hover, .dropdown a.active { color: #CF9981; } .dropdown ul { margin: 0; padding: 0; list-style: none; } .dropdown ul li { margin-bottom: 10px; } .dropdown .corner.top { background: url(/local/templates/fiera/img/tc.png) 0 0 no-repeat; width: 14px; height: 5px; display: block; content: ""; position: absolute; top: 5px; left: 50%; margin-left: -7px; } .dropdown .corner.bottom { background: url(/local/templates/fiera/img/sc.png) 0 100% no-repeat; width: 14px; height: 5px; display: block; content: ""; position: absolute; bottom: 5px; left: 50%; margin-left: -7px; } /************************** **********************/ .emptyLabelOnClick .form-line, .emptyLabelOnClick.form-line { display: block; position: relative; } .emptyLabelOnClick label { font-weight: normal; left: 12px; position: absolute; top: 12px; z-index: 2; font-size: 18px; line-height: 100%; color: #666666; font-family: "Open Sans Condensed"; } .emptyLabelOnClick label { cursor: text; width: auto; } .emptyLabelOnClick label.nonEmpty { opacity: 0 !important; z-index: -1; } .emptyHintOnClick .form-line .inpt, .emptyHintOnClick.form-line .inpt { position: relative; /*display: block;*/ } .emptyHintOnClick .hint { font-weight: normal; left: 12px; position: absolute; top: 10px; z-index: 2; font-size: 18px; color: #999999; font-style: normal; line-height: 120%; max-width: 286px; } .emptyHintOnClick .hint { cursor: text; width: auto; } .emptyHintOnClick .hint.nonEmpty { opacity: 0 !important; z-index: -1; } /*-------------------------------------------------------------------------------------*/ /* Styled Inputs ---------------------------------------------------------------------------------------*/ .styled-hidden { opacity: 0 !important; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; z-index: -1; outline: none; margin-right: 0; } .styled-wrapper { position: relative; vertical-align: top; } /* Checkbox * ------------------------------------------------------------*/ .styled-checkbox.styled-checked { background-position: 0 0; } .checkbox-wrapper { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; z-index: 2; height: 20px; width: 20px; position: relative; *zoom: 1; vertical-align: -4px; outline: none; } .checkbox-wrapper + label.active { color: #f16321; } .styled-checkbox { background: transparent url(/local/templates/fiera/img/checkbox.png) no-repeat center bottom; height: 20px; width: 20px; position: absolute; left: 0px; top: 0px; cursor: pointer; vertical-align: middle; outline: none; } label { cursor: pointer; } /* Radio * ------------------------------------------------------------*/ .styled-radio.styled-checked { background-position: center bottom; } .radio-wrapper { float: left; z-index: 2; height: 20px; width: 20px; position: relative; margin-right: 8px; } .styled-radio { background: transparent url(/local/templates/fiera/img/radio.png) no-repeat center top; height: 20px; width: 20px; position: absolute; left: 0px; top: 0px; cursor: pointer; vertical-align: middle; } .ui-slider .ui-slider-handle { width: 12px; height: 21px; outline: 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-slider-value { background-color: #4D4D4D; font-size: 13px; position: absolute; padding: 2px; width: 46px; top: -28px; left: 50%; margin-left: -25px; text-align: center; color: #fff; } .ui-slider .ui-slider-value:after { background: url(/local/templates/fiera/img/sc.png) 0 0 no-repeat; width: 11px; height: 6px; display: block; content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -6px; } /* For IE8 - See #6727 */ .ui-slider-horizontal { height: 11px; } .ui-slider-horizontal .ui-slider-handle { top: -6px; 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; } /* Spinner -------------------------------------------------*/ .ui-spinner { position: relative; display: inline-block; overflow: visible !important; padding: 0; vertical-align: middle; border: none !important; background: none; } .ui-spinner-input { border: 1px solid #989898; background: #fff; color: inherit; padding: 0; margin: 0; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; margin-right: 34px; margin-left: 34px; width: 40px; font-size: 25px; font-family: "Open Sans Condensed"; font-weight: bold; padding: 0; text-align: center; color: #5D5D5D; } .ui-spinner-input:focus { border-color: #f16321; border-width: 2px; margin-top: -1px; } .ui-spinner-button { width: 30px; height: 100%; 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: none; background: #989898; } .ui-spinner a.ui-spinner-button:hover, .ui-spinner a.ui-spinner-button:active { border: none; } .ui-spinner a.ui-spinner-button{ cursor:pointer; } .ui-spinner a.ui-spinner-button .ui-button-icon{ background: url(/local/templates/fiera/img/plusminus.png) 0 0 no-repeat; margin-top: -6px; } .ui-spinner a.ui-spinner-button.ui-spinner-down .ui-button-icon{ background-position: 50% -32px !important; } .ui-spinner-down { left: 0; } .add-pic { margin-top: 30px; } /* Detail -------------------------------------------------*/ .item-detail .catalog-price { font-family: "Open Sans Condensed"; font-weight: bold; font-size: 35px; line-height: 86%; color: #f16321; } .item-detail .catalog-price.price-old { font-size: 20px; color: #5D5D5D; } .item-detail .add-to-compare { font-size: 18px; font-weight: normal; width: 140px; float: right; padding: 0.3em; text-transform: none; } .item-detail .add-to-compare span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: middle; } .item-detail .add-to-compare .lbl { width: 80px; } .item-detail .l-col .wrap { margin-right: 10%; } .item-detail .l-col .item-mainpic .mp { display: block; position: relative; text-align: center; outline: none; } .item-detail .l-col .item-mainpic .mp img { max-width: 100%; border: 1px solid #e6e6e6; } .item-detail hr { margin: 20px 0; } .item-detail h4:first-of-type { margin-top: 0; margin-bottom: 12px; } .item-detail .price-container { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 16px; } .item-detail .price-container p { margin: 0; line-height: 120%; } .item-detail .price-container .catalogPrice { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .item-detail .item-actions { width: 240px; float: right; text-align: right; } .item-detail .item-actions input[type='text'] { font-size: 25px; font-family: "Open Sans Condensed"; font-weight: bold; padding: 0; text-align: center; color: #5D5D5D; } .item-detail .item-actions .btn { padding: 0.32em 0.6em; margin-left: 14px; } .item-detail .item-actions .order-install { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; text-align: right; margin-left: 10px; } .item-detail .item-actions .order-buy { display: -moz-inline-stack; display: inline-block; vertical-align: top; *vertical-align: auto; zoom: 1; *display: inline; } .item-detail .item-actions .order-buy .in-cart-msg { display: block; color: #666; margin-top: 3px; text-align: right; } .item-detail .item-actions .hint-lnk { font-size: 12px; color: #999999; } .item-detail .download-links { color: #f16321; font-family: "Open Sans Condensed"; font-weight: bold; font-size: 18px; text-transform: uppercase; text-align: right; } .item-detail .download-links a { color: #f16321; } .item-detail table.item-prop, .item-detail .item-description .item-full-descr table { border: none; margin: 0 0 40px 0; font-family: "Arial"; font-size: 16px; } .item-detail table.item-prop td, .item-detail .item-description .item-full-descr table td, .item-detail table.item-prop th, .item-detail .item-description .item-full-descr table th { border: none; padding: 6px 0; text-align: left; background: none; border: 0; } .item-detail table.item-prop th, .item-detail .item-description .item-full-descr table th { padding-right: 20px; font-weight: bold; } .item-detail table.item-prop td, .item-detail .item-description .item-full-descr table td { font-weight: normal; color: #000000; } .item-detail .short-text { margin: 40px 0 20px 0; } .item-detail .item-description { margin: 40px 0; font-family: "Arial"; font-size: 16px; } .item-detail .item-description .item-short-descr { margin-bottom: 2.5em; } .item-detail .item-description .item-full-descr table td:first-child { font-weight: normal; padding-right: 20px; } .item-detail .buy-container { background-color: #F1F1F1; margin: 40px 0 0; padding: 20px; } .calc-link.wf-btn-primary { display: block; text-decoration: none; text-align: left; margin-bottom: 16px; position: relative; padding: 9px 46px 9px 19px; cursor: pointer; } .calc-link .h2 { margin: 0; text-transform: uppercase; font-size: 20px; overflow: hidden; } .calc-link p { margin: 0; } .calc-link .ico { float: left; margin-right: 10px; margin-top: 4px; } .calc-link, .calc-block { background-color: #f16321; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 16px 25px; color: #fff; } .calc-block .h2 { color: #fff; font-size: 24px; } .calc-link2, .calc-link2.wf-btn-primary { display: block; text-decoration: none; text-align: left; margin-bottom: 16px; position: relative; padding: 9px 46px 9px 19px; } .calc-link2 .wf-ico-configurator { background: url(/local/templates/fiera/img/ico/configurator.png) no-repeat center center; background-size: contain; width: 20px; height: 22px; position: absolute; right: 19px; margin: auto 0; top: 0; bottom: 0; } .calc-link2 .ico-calc, .calc-link .ico-calc { background: url(/local/templates/fiera/img/ico/calc.png) no-repeat center center; background-size: contain; width: 20px; height: 22px; position: absolute; right: 19px; margin: auto 0; top: 0; bottom: 0; } .calc-block { background-color: #f16321; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 16px 25px; color: #fff; } .calc-link2 .h2, .calc-block .h2 { color: #fff; font-size: 24px; } /* Cart -------------------------------------------------*/ .cart-big-container { margin-bottom: 65px; } .cart-big-container .submit-btn-container { text-align: center; margin-top: 40px; } .blank-table { border: none; } .blank-table thead th { background-color: transparent; border: none; } .blank-table tbody td { border: none; } .cart-table thead th { background-color: transparent; border-bottom: 2px solid #cbcbcb; border-left: none; border-right: none; color: #7F7F7F; font-size: 13px; font-weight: normal; } .cart-table tbody td { border-bottom: 1px solid #e5e5e5; border-left: none; border-right: none; } .cart-table { border: none; margin-bottom: 50px; width: 100%; border-bottom: 4px solid #f1f1f1; } .cart-table td, .cart-table th { border: none; } .cart-table thead th { color: #7F7F7F; font-weight: normal; text-align: center; background-color: transparent; border-bottom: 2px solid #cbcbcb; } .cart-table tbody td { padding: 15px; border-bottom: 1px solid #e5e5e5; } .cart-table tbody .img { text-align: center; width: 130px; } .cart-table tbody .q input[type=text] { width: 25px; font-size: 25px; } .cart-table tbody .name { width: 25%; font-family: "Open Sans Condensed"; } .cart-table tbody .name .item-name { font-size: 20px; font-stretch: normal; line-height: 111%; color: #1f3242; font-family: Arial, Helvetica, sans-serif; font-weight: 600; text-decoration-color: #707880; margin-bottom: 30px; display: block; } .cart-table tbody .name .sect { font-size: 16px; color: #A3A3A3; } .cart-table tbody .art { text-align: center; color: #333333; font-size: 18px; } .cart-table tbody .price, .cart-table tbody .sum { white-space: nowrap; font-family: "Open Sans Condensed"; text-align: right; } .cart-table tbody .cart-pice, .cart-table tbody .cart-item-price { white-space: nowrap; font-size: 24px; font-weight: bold; color: #333333; } .cart-table tbody .price-old { font-size: 20px; color: #999999; font-weight: normal; } .cart-table tbody .sum { font-size: 24px; color: #f16321; font-weight: bold; } #content .total-table td { padding: 6px 0; } .total-table { font-family: "Open Sans Condensed"; width:100%; font-size: 20px; } .total-table .lbl { font-weight: bold; font-size: 20px; } .total-table .val { text-align: right; font-weight: normal; } .total-table .total-line { font-size: 18px; color: #F58220; } .total-table .btn { margin: 10px auto; padding: 0.3em 1em; } .total-table .deco { padding: 8px 0 !important; } .total-table .deco div { height: 0; font-size: 0; line-height: 0; border-bottom: 1px solid #cbcbcb; } .total-table .coupon { max-width:144x; } .total-total { font-size: 24px; font-weight: bold; } .ico-close { background: url(/local/templates/fiera/img/close.png) 0 0 no-repeat; width: 35px; height: 35px; } .ico-close:hover { background-position: 0 100%; } #coupon-hint { width: 300px; } .sets-table td { font-family: "Open Sans Condensed"; } .sets-table td.instock, .sets-table td.art { font-size: 16px; } .sets-table td.q { font-size: 24px; font-weight: bold; color: #333333; } /* Search-results -------------------------------------------------*/ .search-form-container { background: #E5E5E5; padding: 20px 30px; font-size: 14px; line-height: 140%; color: #4D4D4D; margin-bottom: 1.5em; } .search-form-container .ttl { font-family: "Open Sans Condensed"; font-size: 20px; font-weight: bold; line-height: 115%; margin-right: 30px; text-transform: uppercase; vertical-align: middle; } .search-form-container .kak-h4 { font-family: "Open Sans Condensed"; font-size: 20px; font-weight: bold; line-height: 115%; margin-right: 30px; text-transform: uppercase; vertical-align: middle; } .search-form-container .search-form { width: 350px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; vertical-align: middle; } .search-form-container .search-form .form-line.input-container { display: block; width: 100%; float: left; vertical-align: middle; margin: 0; } .search-form-container .search-form .form-line.input-container .input-content { padding-right: 50px; display: block; } .search-form-container .search-form .form-line.input-container #search-inpt2 { width: 100%; } .search-form-container .nice-form .search-btn { padding: 0 !important; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; height: 40px; width: 40px; text-align: center; margin-left: 8px; vertical-align: top; background-color: #f16321; float: right; margin-left: -100%; position: relative; z-index: 200; } .search-res-ttl { font-family: "Open Sans Condensed"; font-size: 28px; font-weight: bold; line-height: 100%; color: #333333; text-align: left; margin: 50px 0 30px 0; } .search-res-ttl .req-string { color: #f16321; } .search-res-list { font-size: 20px; margin: 0 0 30px; padding: 0 0 0 50px; font-family: "Open Sans Condensed"; font-weight: bold; } .search-res-list .res-item { margin-bottom: 20px; } .search-res-list .res-item .req-string { color: #f16321; } .search-res-list .res-item h4 { font-weight: bold; font-size: 20px; line-height: 120%; margin: 0 0 12px 0; text-transform: none; } .search-res-list .res-item h4 a { color: #333333; } .search-res-list .res-item .res-text { font-size: 14px; line-height: 143%; color: #4d4d4d; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .search-res-list .res-item .res-text b { color: #f16321; } .search-res-list .res-item .res-foot { font-size: 13px; color: #999999; margin-top: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; } .ajax-form .submit-btn-container { margin: 30px 0 40px 0; } /*-------------------------------------------------------------------------------------*/ /* Media Queries Adjustments ---------------------------------------------------------------------------------------*/ @media screen and (max-width: 990px) { .mobile-show { display: block; } .header .top-contacts { width: 200%; margin-left: -100%; margin-top: 20px; } .header .top-contacts .phone-lbl { /*//display: inline;*/ } .header .top-line .top-menu { display: none; } .header .top-contacts .adres { display: none; } .header #menu-dd { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } #main-menu { margin: 22px 16px 0px 16px; width: calc(100% - 32px); } #main-menu > li { border-right: none; } #main-menu > li:last-child { border-bottom: 0; } #main-menu > li .wrap .wrap { position: static !important; } #main-menu > li .wrap .wrap ul { background-color: #ccc; } #main-menu > li .wrap .wrap a { padding-left: 40px; padding-right: 40px; } #main-menu > li:hover:first-child > a, #main-menu > li.active:first-child > a { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } #main-menu > li:hover:last-child, #main-menu > li.active:last-child { border-right: none; } #main-menu > li:hover:last-child > a, #main-menu > li.active:last-child > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -ms-border-radius: 0 0 4px 4px; -o-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } #main-menu .active > .wrap { display: block !important; position: static; } .header__mob-top .mob-main-menu-block { display: none; flex-direction: column; position: fixed; z-index: 1002; background-color: #fff; top: 0; left: 0; right: 0; bottom: 57px; overflow-x: auto; } .ico.ico-menu.open { z-index: 99999; position: relative; background-image: url(/local/templates/fiera/img/cross.png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .mob-top-search-block { display: none; flex-grow: 1; } .wf-back-to-mob-top-block { display: none; } .mob-main-menu-top-block { width: 88%; display: flex; justify-content: space-between; align-items: center; height: 56px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); padding: 0 6% 0 6%; min-height: 56px; } .wf-hide-mob-main-menu-block { margin-right: 2px; } .wf-back-to-mob-main-menu-block { display: none; } .mob-main-menu-search-block { flex-grow: 1; } .mob-main-menu-search-block input, .mob-top-search-block input{ width: calc(100% - 14px); margin-left: 14px; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 28px; color: #79848E; border: 2px solid #F6F6F6; box-sizing: border-box; border-radius: 4px; padding: 4px 34px 4px 16px; background-image: url(/local/templates/fiera/img/mobile/search.svg); background-repeat: no-repeat; background-position-x: calc(100% - 12px); background-position-y: center; background-size: 16px; } .mob-main-menu-block ul { padding: 0; margin: 6px 0 0 0; flex-grow: 1; } .header__mob-top .top-menu li { padding: 8px 16px; background: #FFFFFF; margin: 0px 0px; list-style: none; } .header__mob-top .top-menu li a { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #2A2F33; text-decoration: none; } .mob-main-menu-location-block { padding: 16px; display: flex; justify-content: space-between; box-shadow: inset 0px 1px 0px #EEEEEE, inset 0px -1px 0px #EEEEEE; } .mob-main-menu-location-city-block { flex-grow: 1; margin-left: 15px; } .mob-main-menu-location-city-name { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #2A2F33; cursor: pointer; } .mob-main-menu-location-address { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #79848E; display: block; } .mob-main-menu-location-arrow { cursor: pointer; } .mob-main-menu-contact-block { display: flex; flex-direction: row; padding: 16px; background: #FFFFFF; justify-content: space-between; } .mob-main-menu-contact-phone { flex-grow: 1; margin-left: 13px; } .mob-main-menu-contact-phone a{ font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #2A2F33; text-decoration: none; } .mob-main-menu-contact-work-time { display: block; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 12px; line-height: 16px; color: #79848E; } .mob-main-menu-city-list { display: none; padding: 0 6% 0 6%; } .mob-main-menu-city-table { border:none; width: 100%; } .mob-main-menu-city-table td{ border: none; } .mob-main-menu-city-table-ico { width: 24px; padding: 0; } .mob-main-menu-city-table-ico img{ display: none; } .mob-main-menu-city-table-ico.active img{ display: block; width: 17px; } .mob-main-menu-city-table-title { padding-top: 8px; padding-bottom: 8px; } .mob-main-menu-city-table-title a { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; color: #000000; text-decoration: none; } .mob-main-menu-city-table-title.active a { color: #F58220; } .btn-choose { display: none; } .cart-small { width: 56px; } .cart-small .cart-quantity, .cart-small .cart-price { display: none; } #main-menu { background-color: #fff; } .meny__item-lvl1:first-child, .meny__item-lvl1:last-child { border-radius: inherit; } .meny__item-lvl1 { background: #fff; border: none; text-align: left; } .meny__item-lvl1 a { background: #79848E; border-radius: 2px; padding: 12px; margin-bottom: 4px; width: auto; border: none; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 120%; color: #FFFFFF; } #main-menu > .meny__item-lvl1 .wrap { padding: 0; } #main-menu > span.meny__item-lvl1 .wrap ul { background: #fff; } #main-menu > .meny__item-lvl1 .wrap ul li { padding: 0; margin: 0; } #main-menu > .meny__item-lvl1 .wrap ul li a { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 120%; color: #79848E; padding: 0; background: #F6F6F6; border: none; margin-bottom: 0; padding: 12px; border-radius: 2px; margin-bottom: 4px; } #main-menu > .meny__item-lvl1 .wrap ul li a .ico { display: none; } .inner #middle .sideLeftFirst { display: block; float: none; } .inner .content-l { padding: 0; } .calc-link2 { line-height: 130%; padding: 15px 36px 15px 27px; } .calc-link2 .wf-ico-configurator { right: 16px; } .sections-matrix .item .wf-top-award-block { top: 0; padding-right: 1px; } .sections-matrix .item .wf-top-award-block img { max-height: 20px; margin-right: 6px; } .items-matrix { margin-right: 0; margin-left: 0; } .items-matrix .item { margin: 0; } .items-matrix .item .wrap { border-left: none; padding: 0 0 40px 0; margin: 0 0 40px 0; } .items-matrix .item .wrap .item-body { overflow: visible; margin-top: 12px; position: relative; } .items-matrix .item .wrap .item-body .ttl { margin-top: 0; } .items-matrix .item .wrap .item-body .kak-h4 { margin-top: 0; } .items-matrix .item .wrap .item-body #body-sticker { display: block; position: absolute; right: 0; top: -46px; } .items-matrix .item .wrap .item-body #body-sticker #new { display: none; } .items-matrix .item .wrap .block-1 { position: absolute; bottom: 40px; } .items-matrix .item .wrap .block-1 .catalog-price { display: block; margin: 0; } .items-matrix .item:last-child .wrap { border-bottom: none; } .breadcrumbs { margin: 30px 0 40px 0; } .sections-matrix .item { padding: 0; margin-bottom: 28px; } .sections-matrix .item:nth-child(2n-1) { clear: both; } .sections-matrix .item .wrap { padding: 0 0 0 0; position: relative; } .sections-matrix .item:nth-child(4n-3) .wrap { padding-right: 0; } .sections-matrix .item:nth-child(4n-2) .wrap { padding-left: 0; padding-right: 0; } .sections-matrix .item:nth-child(4n-1) .wrap { padding-left: 0; padding-right: 0; } .sections-matrix .item:nth-child(4n) .wrap { padding-left: 0; } .sections-matrix .item:nth-child(2n-1) .wrap { padding-right: 10px; } .sections-matrix .item:nth-child(2n) .wrap { padding-left: 10px; } .sections-matrix .item .wrap .kak-h4 a { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 125%; } .sort-list-container .wf-sort-list-block { margin-left: 0; position: relative; } .items-matrix { margin-top: 24px; } .items-matrix .item { padding: 0; } .items-matrix .item .wrap { padding: 0; border: none; height: auto !important; margin: 0 0 48px 0; } .items-matrix .item:nth-child(3n) .wrap { padding: 0; } .items-matrix .item:nth-child(3n-2) .wrap { padding: 0; } .items-matrix .item .wrap .item-body { display: flex; flex-direction: column; } .items-matrix .item .wrap .item-body .kak-h4 { margin-bottom: 15px; } .items-matrix .item .wrap .item-body .wf-product-name { height: auto; } .items-matrix .item .wrap .item-body .block-1 { position: static; } .items-matrix .item .wrap .item-body .block-1 .catalog-price { display: block; margin: 0; } .items-matrix .item .wrap .item-body .block-1 .cat-sect { display: block; margin-top: 16px; } .items-matrix .item .wrap .item-body .block-1 .cat-sect .wf-cart-text { display: none; } .items-matrix .item .wrap .item-body .props { display: none; } .element .wrap #top-sticker { width: calc(100% - 12px); } .element .wrap #top-sticker #assembled{ display:none; } .element .wrap #top-sticker .wf-country { margin-right: 0; } .element .wrap #bottom-sticker { display: none; top: 140px; width: calc(100% - 12px); } .element .wrap #bottom-sticker span { margin-right: 0; } .view-product .pagenav { display: none; } .view-product .wf-btn-load-next-page { display: block; width: 100%; max-width: 100%; margin-bottom: 40px; } .filter-vert h3 { margin-top: 0; font-size: 28px; } .filter-vert .submit-btn-container { text-align: center; } .filter-vert .ico-open { display: block; float: right; outline: none; position: absolute; right: 10px; top: 10px; } .cart-table { margin: 40px 0; display: block; } .cart-table thead { display: none; } .cart-table tr { display: block !important; border-top: 1px solid #e5e5e5; position: relative; padding: 15px 0; } .cart-table tr:first-child { border-top: 0; } .cart-table tbody td { display: block; border: none; padding: 8px 0; } .cart-table tbody .img { float: left; width: 120px; text-align: left; } .cart-table tbody .name { width: auto; margin-right: 45px; font-size: 18px; font-weight: bold; } .cart-table tbody .name .sect { font-weight: normal; margin: 6px 0; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .cart-table tbody .art { display: none; } .cart-table tbody .name, .cart-table tbody .price, .cart-table tbody .q, .cart-table tbody .sum { text-align: left; margin-left: 120px; } .cart-table tbody .mobile-show.lbl { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; font-size: 20px; font-family: "Open Sans Condensed"; width: 110px; } .cart-table tbody .cart-pice { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .cart-table .act { position: absolute; top: 15px; right: 0; } .search-form-container .search-form { margin-top: 20px; display: block; width: 100% !important; } .nice-form .form-line { margin-bottom: 22px; } .nice-form .form-line .inpt, .nice-form .form-line .lbl { width: 100%; max-width: auto; display: block; } .nice-form .form-line .lbl { margin-bottom: 14px; } .nice-form .form-line input[type="text"], .nice-form .form-line input[type="password"], .nice-form .form-line textarea { max-width: 100%; } .ajax-form .submit-btn-container { margin: 30px 0 40px 0; text-align: center; } .item-detail .item-actions { float: none; text-align: left; } .slogan_header { display: none; } .catalog-detail__main-img { width: 100%; } .wf-mobile-footer-menu { position: fixed; bottom: 0; width: 100%; background: #FFFFFF; left: 0; z-index: 501; display: flex; justify-content: space-between; padding: 10px 24px 8px 24px; border-top: 1px solid #E8EAEC; box-sizing: border-box; z-index:99999; } .wf-mobile-footer-menu-item { text-decoration: none; display: flex; flex-direction: column; justify-content: center; position: relative; } .wf-mobile-footer-menu-item-ico { max-height: 21px; } .wf-mobile-footer-menu-item-title { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 10px; line-height: 100%; color: #2A2F33; margin-top: 5px; } .wf-basket-badge { background: url(/local/templates/fiera/img/ico/badge.png) no-repeat center center; width: 18px; height: 18px; background-size: contain; text-align: center; font-family: RobotoCustom; font-style: normal; font-weight: bold; font-size: 10px; line-height: 18px; color: #FFFFFF; position: absolute; top: -4px; right: 0px; } .upakovka-tooltip.ui-widget.ui-widget-content{ padding-right: 32px; } .upakovka-tooltip.ui-widget.ui-widget-content .close{ display: block; position: absolute; top: 14px; right: 14px; } .footer-container.grid-100 { padding: 0; } .footer-container .footer { padding-bottom: 0; } .wf-footer-row .h3 { margin: 0 0 12px 0; } .wf-footer-first-row { flex-wrap: wrap; } .wf-footer-info-block { margin-top: 40px; flex-basis: 100%; } .wf-footer-info-block .h3 { margin-bottom: 12px; } .wf-buyers-menu-block { margin-top: 8px; } .wf-buyers-menu-block li:nth-child(2n){ margin-left: 22px; } .wf-footer-midle-row { flex-direction: column; margin-top: 40px; margin-bottom: 32px; } .wf-footer-socnetwork-block { justify-content: start; flex-basis: auto; } .wf-footer-socnetwork-block a { margin-right: 16px; } .wf-footer-socnetwork-block img { width: 40px; } .wf-footer-phone-btn { margin: 32px 0 0 0; text-align: left; } .wf-footer-location-btn { margin-top: 16px; flex-basis: auto; } .wf-footer-location-btn a { padding-bottom: 2px; } .wf-footer-bottom-row { flex-direction: column; align-items: flex-start; } .wf-footer-privacy-policy { margin-top: 14px; } .wf-footer-bottom-row .copyright span { display: block; } .wf-footer-privacy-policy a{ font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #F58220; text-decoration: underline; } } @media screen and (min-width: 481px) and (max-width: 992px) { .mobile-show { display: none; } .mob-main-menu-block .mob-main-menu-top-block { width: calc(100% - 70px); padding: 0 35px; } .header__mob-top .mob-main-menu-block .top-menu li { padding: 8px 35px; } .mob-main-menu-block .mob-main-menu-location-block, .mob-main-menu-block .mob-main-menu-contact-block{ padding: 16px 35px; } .mob-main-menu-block .mob-main-menu-city-list { padding: 0 35px; } #main-menu > li:nth-child(2) { border-right: 0; } #main-menu > li:nth-child(3) { border-bottom: 0; } #main-menu > li:nth-child(4) { border-bottom: 0; border-right: 0; } #main-menu > li:hover:nth-child(1) a, #main-menu > li.active:nth-child(1) a { -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; -ms-border-radius: 4px 0 0 0; -o-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; } #main-menu > li:hover:nth-child(2) a, #main-menu > li.active:nth-child(2) a { -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } #main-menu > li:hover:nth-child(2) .wrap .wrap, #main-menu > li.active:nth-child(2) .wrap .wrap { left: -100%; border-left: 0; border-right: 2px solid transparent; } #main-menu > li:hover:nth-child(3) a, #main-menu > li.active:nth-child(3) a { -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; -ms-border-radius: 0 0 0 4px; -o-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } #main-menu > li:hover:nth-child(4) a, #main-menu > li.active:nth-child(4) a { -webkit-border-radius: 0 0 4px 0; -moz-border-radius: 0 0 4px 0; -ms-border-radius: 0 0 4px 0; -o-border-radius: 0 0 4px 0; border-radius: 0 0 4px 0; } #main-menu > li:hover:nth-child(4) .wrap .wrap, #main-menu > li.active:nth-child(4) .wrap .wrap { left: -100%; border-left: 0; border-right: 2px solid transparent; } #main-menu > li li .wrap ul { background-color: #ccc; } #main-menu > li li .wrap a { padding-left: 40px; padding-right: 40px; } .items-matrix { margin-right: 0; margin-left: 0; } #content .items-matrix .item { margin: 0; } #content .items-matrix .item:last-child .wrap { border-bottom: none; } .main .items-matrix .wrap .block-1 { float: right; margin-left: 10px; } .main .items-matrix .wrap .block-1 .catalog-price { display: block; margin: 0; } .main .items-matrix .wrap .ttl { overflow: hidden; } .main .items-matrix .wrap .kak-h4 { overflow: hidden; } .sets-list .item:nth-child(2n+1) { clear: both; } .inner #container { width: 100%; float: left; position: relative; } .inner .container { width: 100%; float: left; } .inner .content-r { padding: 0 270px 0 20px; } .inner .sideRight { float: right; width: 210px; margin-left: -100%; position: relative; padding-right: 0; } .filter { font-size: 0.9em; } .filter h3, .filter .h3 { font-size: 1.3em; } footer .wf-mobile-footer-menu { width: 100%; } } @media screen and (max-width: 992px) { .header .top-line { background-color: #656565; margin-bottom: 32px; font-size: 15px; } .header .top-line .top-menu { font-size: 18px; } .header .top-line a { color: #fff; } .header .top-line .ico-map-g { background-position: 0 -180px; } .header .top-line .ico-lock { background-position: 0 -196px; } #header-search-form { margin: 20px 0 0; } .footer-menu { display: none; } #main-menu > li { border-bottom: 1px solid #424242; } .footer { padding-bottom: 60px; } .banner-container { float: left; margin-bottom: 20px; margin-right: 25px; } .all-offers-link { height: 196px; } .bxslider-single .slide-text { padding: 10px 20px; } .bxslider-single .slide-text .slide-ttl { font-size: 30px; line-height: 110%; } .item-detail .item-description { margin: 40px 0; } .item-detail .l-col .wrap { margin-right: 0; } .cart-table tbody td { padding: 10px; } .sets-table td { font-family: "Open Sans Condensed"; } .sets-table tbody .cart-pice, .sets-table tbody .cart-item-price, .sets-table td.sum { font-size: 16px; } .sets-table td.q { font-size: 16px; font-weight: bold; color: #333333; } } @media screen and (min-width: 993px) { .mobile-show { display: none; } .header .top-line .top-menu { position: relative; top: 20px; margin-left:-155px; } .sections-matrix .item:nth-child(4n-3) { clear: both; } .items-matrix.matrix4 .item:nth-child(4n+1) .wrap { border-left: none; } .items-matrix.matrix4 .item:nth-child(3n+1) .wrap { border-left: 1px dashed #d2d2d2; } .items-matrix.matrix4 .item:first-child .wrap { border-left: none; } .items-matrix .item.grid-33:nth-child(3n+1) .wrap { border-left: none; } /* Middle -----------------------------------------------------------------------------*/ #container { width: 100%; float: left; position: relative; } .container { width: 100%; float: left; } .content-l { padding: 0 2px 0 214px; } .content-l h1 { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 24px; line-height: 36px; color: #2A2F33; } .content-r { padding: 0 270px 0 20px; } /* Sidebar Left -----------------------------------------------------------------------------*/ #sideLeft, .sideLeft { float: left; width: 190px; margin-left: -100%; position: relative; padding-left: 0; padding-top: 0; } .sideLeft.sideLeftFirst { margin-left: 0; margin-right: -100%; z-index: 100; } .sideRight { float: right; width: 210px; margin-left: -100%; position: relative; padding-right: 0; } .view-product[data-view="tile"] .items-matrix .item:nth-child(3n+1) .wrap #top-sticker{ width: calc(100% - 18px); } .view-product[data-view="tile"] .items-matrix .item:nth-child(3n) .wrap #top-sticker{ } .view-product[data-view="list"] .element #body-sticker { position: absolute; left: 14px; } .view-product[data-view="list"] .element #body-sticker #new { float: left; } .view-product[data-view="list"] .element #body-sticker #assembled { float: left; } .view-product[data-view="list"] .element #body-sticker .change-composition { float: left; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; text-align: center; color: #F58220; background: #FFF4E5; border-radius: 1px; padding: 0px 8px; } .view-product[data-view='list'] .items-matrix { border: 1px solid #E8EAEC; box-sizing: border-box; border-radius: 4px; } .view-product[data-view='list'] .items-matrix .item{ display: block; width: 100%; margin: 0; padding: 16px 24px; border-bottom: 1px solid #E8EAEC; } .view-product[data-view='list'] .items-matrix .item:last-child { border-bottom: none; } .view-product[data-view='list'] .items-matrix .item .wrap { width: 100%; padding: 0; display: flex; flex-direction: row; } .view-product[data-view='list'] .items-matrix .item .hit{ display:none; } .view-product[data-view='list'] .items-matrix .item .wrap{ border-left: none; height:auto !important; padding-bottom:0px !important; margin-bottom:0px !important; } .view-product[data-view='list'] .items-matrix .item .item-body { min-height:50px; height: 100%; overflow: initial; padding:0 !important; width: 100%; margin: 0; display:flex; justify-content: space-between; position: relative; } .view-product[data-view='list'] .items-matrix .item .item-body .wf-product-name { padding: 28px 0 0 14px; height: auto; align-self: center; min-height: auto; } .view-product[data-view='list'] .items-matrix .item .item-body .block-1{ min-width: 265px; } .view-product[data-view='list'] .items-matrix .item .item-body .block-1 .wf-catalog-section-price-block { flex-direction: row-reverse; } .view-product[data-view='list'] .items-matrix .item .item-body .block-1 .wf-catalog-section-price-block .price-type { margin-left: 12px; } .view-product[data-view='list'] .items-matrix .item .item-body .block-1 .pricing{ margin-bottom: 8px; padding: 0; } .view-product[data-view='list'] .items-matrix .item .item-body .block-1 .cat-sect { margin: 0; padding: 0; text-align: right; } .view-product[data-view='list'] .items-matrix .item .item-body .block-1 .cat-sect .wf-cart-text { display: none; } .view-product[data-view='list'] .items-matrix .item .item-body .props { display: none; } .view-product[data-view='list'] .items-matrix div.kak-h4{ display: block; } .view-product[data-view="list"] .element #bottom-sticker{ display:none; } .view-product[data-view="list"] .element #top-sticker { top: -8px; left: -8px; width: 140px; } .view-product[data-view="list"] .element #top-sticker #new{ display: none; } .view-product[data-view="list"] .element #top-sticker #assembled{ display: none; } .view-product[data-view="list"] .element #top-sticker .wf-country { margin-top: 8px; margin-right: 0; } .wf-mobile-footer-menu { display: none; } .upakovka-tooltip.ui-widget.ui-widget-content .close{ display: none; } } @media screen and (max-width: 425px) { .wf-footer-application-row img { width: calc(50% - 4px); } } div.kak-h4{ text-decoration: none; font-family: "Open Sans Condensed"; font-size: 18px; font-weight: normal; text-transform: none; line-height: 111%; color: #333333; margin-bottom: 6px; margin-top: 8px; } div.ttl{ } #callback_button { color:black; font-size:18px; text-decoration: underline; margin-right:20px; } .name_reviews { font-size:16px; margin-bottom: 0px; font-weight:bold; } .text_reviews { } .entry { clear: both; line-height: 1.4; margin: 0 0 15px; overflow: hidden; position: relative; } .flamp-post-pic.left { max-height: 100px; padding: 3px 10px 5px 0; } .flamp-post-pic { border: 4px solid #e2e0e1; height: 76px; margin-right: 10px; padding: 0 !important; position: relative; width: 109px; } .left { float: left; } .support-svg .big-rating, .support-svg .big-rating .current-rating { background-image: url("//static.flamp.ru/assets/img/rating/rating.svg"); background-size: 182px 15px; } .flamp-biz-company-replay .avatar { float: left; padding-top: 4px; } .flamp-biz-company-replay-text { overflow: hidden; padding-left: 10px; } .georgia, .row { font-family: "PT Serif","Times New Roman",times,serif; } .flamp-biz-company-replay-text .georgia { margin-bottom: 2px; } .flamp-biz-company-replay-text__cropper { background: rgba(0, 0, 0, 0) url("//static.flamp.ru/assets/img/layout/name-cropper.png") repeat-x scroll right -64px; bottom: 0; height: 16px; left: 0; position: absolute; width: 100%; } .current-rating { background: rgba(0, 0, 0, 0) url("http://static.flamp.ru/assets/img/rating/rating-big.png") no-repeat scroll -100px center / 200px auto; height: 20px; margin-bottom: 20px; } .rating-wrapper .current-rating { color: transparent; line-height: normal; text-indent: 100px; } #delivery_ { border:1px solid #F1F1F1; border-radius:5px; padding:10px; text-align:justify; } #delivery_click { font-size:22px; margin-bottom: 0px; } #delivery_click:hover { cursor:pointer; } #delivery_text { display:none; margin-top:15px; } #menu_information ul li{ float:left; width:150px; margin:8px 0px; } #toTop { width:100px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; bottom:10px; /* отступ кнопки от нижнего края страницы*/ right:10px; cursor:pointer; display:none; color:#333; font-family:verdana; font-size:11px; } .slogan_header { margin-top:5px; font-size:15px; color:#FF9552; text-transform: uppercase; font-weight:600; } #advantages table{ width:100%; border:none; } #advantages td { width:20%; text-align:center; border:none; } #advantages img{ width:100px; } #advantages p { font-family:"Open Sans Condensed"; font-size:16px; } #trust_element div{ height:100px; display:inline-block; } #trust_element { margin:auto; text-align:center; border-top:11px solid #f1f1f1; padding:10px 0px; } .filter .modef { margin-top: -25px; padding: 6px; background: #fff; border: 1px solid #cbcbcb; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; position: absolute; right: -85px; box-shadow: 0 1px 1px rgba(255,255,255,.75),inset 0 3px 6px rgba(215,215,215,.75); } .sideLeft .section-list ul { display: block; margin-bottom: 20px; padding: 0; } #cities-list { z-index: 140; top: 15px!important; left: auto!important; } .conf_polit a{ color: #333333; } @media (max-width: 991px) { .soc-block { margin-top: 0; margin-bottom: 15px; } .bxslider-single { display: none; } .banners-block { display: none; } #trust_element { display: none; } .breadcrumb { display: none; } .mob-back { margin-top: 20px; display: inline-block; } .grid-100 > img:not([class]) { display: none !important; } .filter-vert h2.bg, .filter-vert .h4.bg { margin-bottom: 0; font-size: 20px; display: flex; align-items: center; } .filter-vert .h4.bg:before, .filter-vert h2.bg:before { content: ""; width: 35px; height: 35px; flex-shrink: 0; display: inline-block; background-image: url(/local/templates/fiera/img/filter.png); background-position: center; background-repeat: no-repeat; margin-right: 14px; } .filter-vert .ico-open { background-image: url(/local/templates/fiera/img/filter-down.png); background-position: center; background-repeat: no-repeat; } .sideLeft .bigdata_recommended_products_container { display: none !important; } .item-detail .h4 + * { display: none; } .item-detail .h4 { display: flex; align-items: center; } .item-detail .h4:after { content: ""; display: inline-block; width: 20px; height: 20px; flex-shrink: 0; background-image: url(/local/templates/fiera/img/filter-down.png); background-position: center; background-repeat: no-repeat; margin-left: 14px; background-size: contain; } h1, .h1 { font-size: 25px; margin-top: 15px; } iframe { max-width: 100%; } .cart-table tbody .img { display: none; } .cart-table tbody .name, .cart-table tbody .price, .cart-table tbody .q, .cart-table tbody .sum { margin-left: 0; display: block; } .t-label { display: inline-block; min-width: 95px; } #delcart { background-color: transparent !important; color: #666; text-transform: none; font-weight: 400; text-decoration: underline; font-size: 18px; } .blank-table tbody td { border: none; display: block !important; text-align: left !important; } .blank-table tbody tr { display: flex !important; flex-direction: column; } .cart-table tbody td { text-align: left; } .mob-back:before { content: ""; display: inline-block; width: 8px; height: 8px; border: 2px solid #f16321; margin-right: 2px; transform: rotate(45deg); border-right: none; border-top: none; border-radius: 2px; } .total-block { padding: 0 !important; } body { min-width: 290px; } .grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 { padding-left: 10px; padding-right: 10px; } #middle > .grid-100 { padding-left: 0px; padding-right: 0px; } .cart-table { width:90vw; max-width: 450px; margin: 0 auto; } .cart-table tr:not(:last-child) { border-bottom: 1px solid #9E9E9E; } div#order_form_div tr { display: flex; flex-direction: column; width: 85vw; } input[type='submit'], input[type='button'], input[type='reset'], button, .btn:not(.wf-btn-primary) { max-width: 85vw; font-size: 16px; text-transform: none; padding: 15px; } [nowrap] { white-space: normal; } table.cart-table.sets-table tr { display: flex !important; flex-direction: column; width: 90% !important; flex-shrink: 0; } .cart-table thead th { display: none; } #basket_form p, #basket_form h4 { text-align: center; } .cart-table tbody .price-old { margin-left: 103px; display: block; margin-top: 5px; } .discount-procent { margin-left: 104px; margin-top: -15px; display: block; } } .h-spoiler { border: 1px solid #F1F1F1; border-radius: 5px; padding: 10px; margin: 20px 10px 0; } .h-spoiler .h4 { font-size: 22px; font-weight: 400; margin: 0; font-family: inherit; text-transform: none; line-height: 1; } .h-spoiler .h4:after { content: "▼"; color: #f16321; background: none !important; } #buyOneClick select { visibility: unset !important; } #advantages .advantage{ display:inline-block; width:19%; text-align:center; vertical-align:top } #advantages .advantage img{ width:50%; } .wf-item-view-group { display: flex; } .wf-item-view-group .wf-item-view-block { background: #FFFFFF; display: flex; flex-direction: row; align-items: flex-start; padding: 8px 10px 8px 16px; border: 1px solid #E8EAEC; box-sizing: border-box; border-radius: 0px 4px 4px 0px; cursor: pointer; } .wf-item-view-group .wf-item-view-block.active { background: #F6F6F6; } .wf-item-view-group .wf-item-view-block .wf-item-view-text { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 22px; color: #2A2F33; margin-right: 8px; } .wf-item-view-group .wf-item-view-block.active .wf-item-view-text { color: #79848E; } .wf-item-view-group .wf-item-view-block .wf-item-view-ico { width: 20px; height: 22px; } .wf-item-view-group .wf-item-view-block .wf-item-view-ico.wf-item-view-tile { background: url(/local/templates/fiera/img/ico/tile.png) no-repeat center center; background-size: contain; } .wf-item-view-group .wf-item-view-block.active .wf-item-view-ico.wf-item-view-tile { background: url(/local/templates/fiera/img/ico/tileact.png) no-repeat center center; background-size: contain; width: 15px; } .wf-item-view-group .wf-item-view-block .wf-item-view-ico.wf-item-view-list { background: url(/local/templates/fiera/img/ico/list.png) no-repeat center center; background-size: contain; width: 15px; } .wf-item-view-group .wf-item-view-block.active .wf-item-view-ico.wf-item-view-list { background: url(/local/templates/fiera/img/ico/listact.png) no-repeat center center; background-size: contain; width: 15px; } .section-items-list .wf-page-itemcount { margin-left: 24px; position: relative; } .wf-page-itemcount .lbl { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #2A2F33; } .wf-page-itemcount .wf-itemcount-list-btn { background: #FFFFFF; border: 2px solid #F6F6F6; box-sizing: border-box; border-radius: 4px; display: inline-block; } .wf-page-itemcount .wf-itemcount-list-btn-text { display: inline-block; padding: 8px 16px; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #000000; border-right: 2px solid #F6F6F6; } .wf-page-itemcount .wf-itemcount-list-btn .wf-itemcount-list-ico { display: inline-block; width: 34px; background: url(/local/templates/fiera/img/ico/arrowgray_down.png) no-repeat center center; background-size: 10px 6px; vertical-align: middle; } .wf-page-itemcount .wf-itemcount-list-btn.active .wf-itemcount-list-ico { background: url(/local/templates/fiera/img/ico/arrowgray_up.png) no-repeat center center; display: inline-block; width: 34px; background-size: 10px 6px; vertical-align: middle; } .wf-page-itemcount .wf-itemcount-list-btn.wf-opendropdown .wf-itemcount-list-ico { background: url(/local/templates/fiera/img/ico/arrowgray_up.png) no-repeat center center; background-size: 10px 6px; vertical-align: middle; } .wf-page-itemcount #itemcount-list { top: auto !important; left: auto !important; right: 0; } #itemcount-list { display: none; background: #FFFFFF; border: 2px solid #F6F6F6; box-sizing: border-box; border-radius: 4px; padding: 24px 0 8px 0; margin-top: 8px; } #itemcount-list li { margin-bottom: 16px; } #itemcount-list li span, #itemcount-list li a { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #79848E; text-decoration: none; padding: 0 49px 0 24px; } #itemcount-list li:hover span, #itemcount-list li:hover a { color: #2A2F33; } #itemcount-list li.active span, #itemcount-list li.active a { color: #F58220; } .wf-sort-list-block { margin-left: auto; align-self: center; } .wf-sort-list-block .lbl { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #2A2F33; } .wf-sort-list-block .wf-sort-list-btn { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #79848E; text-decoration: none; cursor:pointer; } .wf-sort-list-block .wf-sort-list-btn .wf-sort-list-ico { background: url(/local/templates/fiera/img/ico/rolldown.png) no-repeat center center; background-size: auto; background-size: contain; width: 8px; height: 100%; display: inline-block; margin-left: 2px; } .wf-sort-list-block .wf-sort-list-btn.wf-opendropdown .wf-sort-list-ico { background: url(/local/templates/fiera/img/ico/arrowgray_up.png) no-repeat center center; background-size: auto; background-size: contain; } .wf-sort-list-block #sort-list { display: none; position: absolute; top: auto!important; left: auto!important; right: 0; z-index: 9; background: #FFFFFF; border: 2px solid #F6F6F6; box-sizing: border-box; box-shadow: 0px 0px 24px -2px rgba(0, 0, 0, 0.08); border-radius: 4px; margin-top: 8px; padding: 0; } .wf-sort-list-block #sort-list ul { margin: 0; padding: 0; } .wf-sort-list-block #sort-list ul li { padding: 8px 16px; list-style: none; margin: 0; line-height: 22px; } .wf-sort-list-block #sort-list ul li a { text-decoration: none; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; color: #79848E; } .wf-sort-list-block #sort-list ul li:hover a { color: #2A2F33; } .wf-sort-list-block #sort-list ul li.active a { color: #F58220; } .wf-sort-list-block .wf-sort-list-btn span i, .wf-sort-list-block #sort-list ul li a i{ width: 22px; height: 22px; display: inline-block; position: absolute; margin-left:10px; } .wf-sort-list-block .wf-sort-list-btn span.price.desc i, .wf-sort-list-block #sort-list ul li.price.desc i{ background: url("/public/image/ico/sort-down.svg") no-repeat center center; } .wf-sort-list-block .wf-sort-list-btn span.price.asc i, .wf-sort-list-block #sort-list ul li.price.asc i{ background: url("/public/image/ico/sort-up.svg") no-repeat center center; } .wf-sort-list-block .wf-sort-list-btn span i{ margin-top:3px; margin-left:5px; } .product-control{ display:inline-block; margin-top: 10px; margin-right:10px; } .product-control .paginator { font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #000000; margin: 0px 16px; } .product-control .paginator select { background: #FFFFFF; border: 2px solid #F6F6F6; box-sizing: border-box; border-radius: 4px; width: 89px; height: 40px; } .product-control .paginator select option{ background-color: #fff; } #retail_price{ margin-top:5px; color:#989898; font-size:14px; font-weight:bold; } #retail_price span{ text-decoration: line-through; } a[href='#view-switcher'].open-dropdown{ margin-right:10px; } .element #top-sticker{ top: 12px; width: calc(100% - 18px); position: absolute; } .element #top-sticker span{ margin-right: 8px; } .element #top-sticker #hit{ background: url(/local/templates/fiera/img/ico/hit.png) no-repeat center center; background-size: contain; width: 44px; height: 56px; display: inline-block; margin-left: 12px; } .element #top-sticker #daysale{ background: url(/upload/catalog/element/image/daysale.png) no-repeat center center; width: 56px; height: 56px; display: inline-block; } .view-product[data-view='tile'] .element #top-sticker #daysale{ margin-left:12px; } .element #top-sticker .wf-country { width: 28px; height: 23px; float: right; display: inline-block; margin-right: 12px; } .element #top-sticker .wf-country.country-italy { background: url(/local/templates/fiera/img/ico/italy.png) no-repeat center center; background-size: contain; } .element #top-sticker .wf-country.country-germany { background: url(/local/templates/fiera/img/ico/germany.png) no-repeat center center; background-size: contain; } .element #new{ padding: 0px 8px 0px 8px; margin-right: 8px; background: #F58220; color: #FFFFFF; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 23px; text-align: center; display: inline-block; float: right; } .element #bottom-sticker{ position: absolute; top: 187px; width: calc(100% - 16px); } .element #bottom-sticker span{ margin-right: 12px; } .element .change-composition { font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 125%; text-align: center; color: #F58220; background: #FFF4E5; border-radius: 1px; padding: 0px 8px 1px 8px; float: right; margin-right: 12px; } .view-product[data-view="tile"] .element #body-sticker { display: none; } .wf-btn-load-next-page { display: none; } @media screen and (max-width: 1250px){ .view-product[data-view='list'] .items-matrix div.kak-h4{ display: block; } } @media screen and (max-width: 481px){ .product-control .dropdown{ top:initial !important; } .sort-list-container .wf-item-view-group { display: none; } .sort-list-container .wf-page-itemcount { display: none; } } @media screen and (max-width: 800px){ .view-product[data-view='list'] .items-matrix .item .item-body{ display: flex; flex-direction: column; } .view-product[data-view='list'] .items-matrix .item .item-body .block-1{ order:2; margin-left:0px; } .view-product[data-view='list'] .items-matrix div.kak-h4 { order: 1; } } @media screen and (max-width: 425px){ #toTop{ right:initial; } } #smartcube-button{ cursor:pointer; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 9px 16px; position: static; width: 190px; height: 54px; left: 0px; top: 0px; background: #F58220; border: 1px solid #F58220; box-sizing: border-box; border-radius: 4px; flex: none; order: 0; flex-grow: 0; margin: 16px 0px; } #smartcube-button span{ position: static; width: 77px; height: 36px; left: calc(50% - 77px/2 - 40.5px); top: calc(50% - 36px/2); font-style: normal; font-weight : 500; font-size: 14px; line-height: 130%; color: #FFFFFF; flex: none; order: 0; flex-grow: 0; margin: 0px 8px; font-family : 'RobotoCustom' } #smartcube-button i{ position: static; width: 28px; height: 28px; left: 146px; top: 13px; flex: none; order: 1; flex-grow: 0; margin: 0px 8px; background: url(/local/templates/fiera/img/ico/smartcube/calc.png) no-repeat; } @media (max-width: 991px) { #smartcube-button{ padding: 14px 16px; width: 100%; height: 48px; align-self: stretch; } #smartcube-button span{ width: 149px; height: 18px; left: calc(50% - 149px/2 - 53.5px); top: calc(50% - 18px/2); } #smartcube-button i{ width: 20px; height: 20px; left: 252px; top: 14px; background-size: 20px; } } .button-calculator{ display: block; text-decoration: none; font-family: "Open Sans Condensed"; font-size: 14px; background-color: #f16321; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; padding: 16px 25px; color: #fff; cursor:pointer; } .button-calculator .ico { float: left; margin-right: 10px; margin-top: 4px; } .button-calculator .h2{ font-size: 22px; color: #fff; margin: 0; text-transform: uppercase; overflow: hidden; } .delivery_deadline_text{ margin-bottom: 17px; font-size: 14px; color: #f00; font-weight: bold; } .submit-btn-container a.color{ color:#fff; } .ui-dialog-title{ color:#fff; } .calc-result .btn.color{ color:#fff; } #conclusion{ margin-top: 15px; } #conclusion #title{ font-size: 18px; color: #ff1b1b; margin-bottom: 5px; } #conclusion #text{ color: #036102; } section *, footer *{ line-height: 1.38462em; } .catalog-sticker-sale { position: relative; width: 48px; height: 48px; left: 0px; top: 0px; float: left; } .view-product[data-view='tile'] .catalog-sticker-sale{ left: 12px; } .catalog-sticker-sale-percent { position: absolute; width: 38px; height: 19px; left: 9px; top: 18px; font-family: Open Sans Condensed; font-style: normal; font-weight: 900; font-size: 16px; line-height: 19px; text-align: center; z-index: 10; color: #FFFFFF; } .catalog-sticker-sale-background { position: absolute; width: 56px; height: 56px; left: 0px; top: 0px; } .catalog-sticker-sale-elipse { position: absolute; width: 56px; height: 56px; left: 0px; top: 0px; background: linear-gradient(0deg, #F58220, #F58220), #FFFFFF; border-radius: 50%; } .catalog-sticker-sale-elipse.handle { width: 56px; height: 56px; background: url("/local/templates/fiera/img/ico/star.png"); background-size: contain; } @media (max-width: 991px){ .section-items-list .catalog-sticker-sale { /* display: none; */ top: -3px; left: -8px; } .element #top-sticker #hit { vertical-align: top; } .element .wrap #top-sticker #daysale { height: 39px; } } input#USER_REMEMBER { height: 13px; width: 13px; -webkit-appearance: checkbox; } /* modal */ .wf-modal { width: 300px; padding: 15px; } .wf-modal .wf-modal-txt { font-size: 16px; font-weight: bold; color: #000; } .wf-modal .wf-btn-fill { width: 100%; color: #fff; background-color: #F6821F; padding-top: 25px; padding-bottom: 25px; text-align: center; margin-top: 20px; margin-bottom: 15px; font-size: 22px; } .wf-modal .wf-btn-border { width: 100%; color: #000; background-color: #fff; padding-top: 25px; padding-bottom: 25px; text-align: center; border: 2px solid #F6821F; font-size: 21px; margin-bottom: 20px; } .wf-modal .wf-without-manager { font-size: 16px; margin: 0px; } .wf-modal .checkbox > .wf-checkbox-icon::after { top: 4px; } .wf-modal .wf-btn-border.wf-btn-pay-noonline { font-size: 19px; } @media (max-width: 1000px) { .wf-modal { width: auto; padding-top: 45px; } .wf-modal .wf-modal-txt { line-height: 1; } .wf-modal .wf-btn-fill, .wf-modal .wf-btn-border { text-transform: uppercase; padding-top: 20px; padding-bottom: 20px; } .wf-modal .wf-btn-border.wf-btn-pay-noonline { font-size: 18px; } .wf-modal label.wf-without-manager { display: inline-block; height: 100%; vertical-align: middle; width: 100%; text-align: center; margin: 0px; } .wf-modal .wf-without-manager-txt { font-size: 15px; font-weight: normal; vertical-align: middle; height: 35px; max-width: 230px; } } /* end modal */ .personal_title{ font-weight: 500; font-size: 24px; line-height: 36px; color: #000; margin-bottom: 26px; font-family: 'RobotoCustom'; } #frame-facade-button{ cursor:pointer; display: flex; flex-direction: row; align-items: center; padding: 9px 24px; position: static; width: 197px; height: 40px; left: 0px; top: 258px; border: 1px solid #F58220; box-sizing: border-box; border-radius: 4px; flex: none; order: 3; flex-grow: 0; margin: 24px 0px; } #frame-facade-button span{ position: static; width: 121px; height: 22px; left: calc(50% - 121px/2 - 14px); top: calc(50% - 22px/2); font-family : 'RobotoCustom'; font-style: normal; font-weight : 500; font-size: 14px; line-height: 22px; text-align: center; color: #F58220; flex: none; order: 0; flex-grow: 0; margin: 0px 8px; } #frame-facade-button i{ background: url(/local/templates/fiera/img/ico/frame-facade/calc.png) no-repeat; position: static; width: 20px; height: 20px; left: 153px; top: 10px; flex: none; order: 1; flex-grow: 0; margin: 0px 8px; } @media (max-width: 991px) { #smartcube-button{ width: 100%; justify-content: space-between; left: 0px; } } /** custom select **/ .custom_select{ margin-top: 35px; width: 100%; } .custom_select .select_wrap { position: relative; } .custom_select .select_wrap .select_button { background: #FFFFFF; box-sizing: border-box; border-radius: 4px; display: inline-block; width: calc(100% - 38px); padding: 8px 16px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #000000; border-right: 2px solid #F6F6F6; } .custom_select .select_wrap .icon{ display: inline-block; width: 34px; background: url(/local/templates/fiera/img/ico/arrowgray_down.png) no-repeat center center; background-size: 10px 6px; vertical-align: middle; } .custom_select.active .select_wrap .select_button + .icon{ background: url(/local/templates/fiera/img/ico/arrowgray_up.png) no-repeat center center; background-size: 10px 6px; } .custom_select .select_wrap .select_content { width: 100%; display: none; position: absolute; background: #FFFFFF; border: 2px solid #F6F6F6; box-sizing: border-box; border-radius: 4px; padding: 10px 0 8px 0; margin-top: 44px; z-index: 3; /*top: auto !important;*/ /*left: auto !important;*/ /*right: 0;*/ left:0; } .custom_select.active .select_wrap .select_content { display:inline-block; } .custom_select .opener { cursor:pointer; width:100%; background: #FFFFFF; border: 2px solid #F6F6F6; box-sizing: border-box; border-radius: 4px; display: inline-block; } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .custom_select .opener:before{ content:""; position: absolute; top: -15px; margin-left: 5px; color: #ccc; } .custom_select .opener:hover:before { content: attr(data-name); animation: fade-in 1s; } .custom_select .select_content ul { margin: 0; padding: 0; list-style: none; } .custom_select .select_content li{ margin-bottom: 16px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 22px; color: #79848E; text-decoration: none; padding-left: 26px; } .custom_select .select_content li:hover { color: #2A2F33; cursor:pointer; } .custom_select .select_content li input[checked="checked"] + label{ color: #F58220; } .custom_select .select_content li.caption{ text-align: center; padding-left: inherit; border-bottom: 1px dotted #ccc; padding-bottom: 10px; } /** custom select **/ /** calc modal **/ .ipg__calc [class^="ipg"] { font-family: 'RobotoCustom'; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .ipg__calc [data-modal] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__calc .wf-page-itemcount { margin: 0; } .ipg__calc .wf-page-itemcount .wf-itemcount-list-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; text-decoration: none; } .ipg__calc .wf-itemcount-list-btn-text { width: calc(100% - 34px); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; color: #000; font-family: 'Roboto', 'RobotoCustom', 'Arial', sans-serif; } .ipg__calc .wf-page-itemcount #itemcount-list { width: 100%; } .ipg__calc .ipg__counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 128px; height: 40px; border-radius: 4px; overflow: hidden; text-align: center; border: 2px solid #F6F6F6; } .ipg__calc .ipg__counter.--disabled { position: relative; opacity: .4; } .ipg__calc .ipg__counter.--disabled:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .ipg__calc .ipg__counter-field { width: 48px; height: 40px; line-height: 40px; border: none; font-size: 14px; color: #2A2F33; text-align: center; background: #F6F6F6; } .ipg__calc .ipg__decrement, .ipg__calc .ipg__increment { 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: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__calc { display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; z-index: 803; overflow-y: auto; } .ipg__calc .ipg__calc-block { position: relative; left: 50%; top: 24px; background: #FFF; width: 380px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); padding: 16px 24px 24px; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.05); box-shadow: 0 0 12px rgba(0, 0, 0, 0.05); border-radius: 4px; margin-bottom: 24px; } .ipg__calc .ipg__calc-block.--big { width: 796px; } .ipg__calc .ipg__calc-close { position: absolute; cursor: pointer; top: 22px; right: 30px; } .ipg__calc .ipg__calc-title { font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #2A2F33; margin-bottom: 16px; } .ipg__calc .ipg__calc-field { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 16px; font-size: 14px; color: #000; background: #FFF; border: 2px solid #F6F6F6; border-radius: 4px; } .ipg__calc .ipg__calc-item { position: relative; margin-bottom: 16px; } .ipg__calc .ipg__calc-item:last-child { margin-bottom: 0; } .ipg__calc .ipg__calc-item__title { font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 8px; } .ipg__calc .ipg__calc-item__text { font-size: 12px; line-height: 18px; color: #79848E; } .ipg__calc .ipg__calc-item__err { display: none; font-size: 12px; line-height: 18px; color: #FC7676; } .ipg__calc .ipg__calc-item.--error .ipg__calc-field { border-color: #FC7676; background: #FFF7F7; color: #FC7676; } .ipg__calc .ipg__calc-item.--error .ipg__calc-item__text { opacity: 0; font-size: 0; } .ipg__calc .ipg__calc-item.--error .ipg__calc-item__err { position: absolute; bottom: 0; left: 0; z-index: 1; display: block; } .ipg__calc .ipg__calc-btn { min-width: 125px; 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: 40px; padding: 0 24px; line-height: 40px; font-weight: 500; font-size: 14px; text-align: center; color: #fff; border-radius: 4px; background: #F58220; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: 8px; margin-bottom: 24px; } .ipg__calc .ipg__calc-btn svg { margin-right: 8px; } .ipg__calc .ipg__calc-btn:last-child { margin-bottom: 0; } .ipg__calc .ipg__calc-btn.--outline { color: #F58220; border: 1px solid #F58220; background: #fff; } .ipg__calc .ipg__calc-result__title { font-weight: 500; font-size: 16px; line-height: 24px; color: #2A2F33; margin-bottom: 8px; } .ipg__calc .ipg__calc-result__category { font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 4px; } .ipg__calc .ipg__calc-result__count { font-size: 14px; line-height: 24px; color: #000; margin-bottom: 4px; } .ipg__calc .ipg__calc-result__text { font-size: 12px; line-height: 16px; color: #79848E; margin-bottom: 16px; } .ipg__calc .ipg__calc-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ipg__calc .ipg__calc-aside { width: 356px; padding-right: 24px; } .ipg__calc .ipg__calc-img { position: relative; width: calc(100% - 356px); padding: 24px 46px; } .ipg__calc .ipg__calc-img img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } .ipg__calc .ipg__calc-img__close { display: none; position: absolute; cursor: pointer; top: 22px; right: 30px; } .ipg__calc .ipg__calc-footer { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 0; } .ipg__calc .ipg__calc-footer:last-child { padding-bottom: 0; } .ipg__calc .ipg__calc-footer .ipg__calc-btn { margin: 0; } .ipg__calc .ipg__calc-footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .ipg__calc .ipg__calc-footer__inner .ipg__counter { margin-right: 8px; } .ipg__calc .ipg__calc-footer__info { text-align: left; } .wrap-calculator #total, #smartcube #total{ font-family: 'RobotoCustom'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 41px; color: #2A2F33; margin: 0px 16px; } .ipg__calc .ipg__calc-footer__text { font-size: 14px; line-height: 22px; color: #79848E; margin-bottom: 4px; } .ipg__calc .ipg__calc-footer__link { font-size: 14px; line-height: 22px; color: #F58220; border-bottom: 1px solid #F58220; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__calc .ipg__calc-footer__link:hover { border-color: rgba(255, 255, 255, 0); } .ipg__calc .ipg__calc-table { border: 2px solid #F6F6F6; -webkit-box-shadow: 0 6px 8px -8px rgba(204, 204, 204, 0.5); box-shadow: 0 6px 8px -8px rgba(204, 204, 204, 0.5); border-radius: 4px; } .ipg__calc .ipg__calc-table__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 36px; background: #F6F6F6; } .ipg__calc .ipg__calc-table__header .ipg__calc-table__td { letter-spacing: 0.06em; font-weight: 500; font-size: 10px; text-transform: uppercase; color: #79848E; } .ipg__calc .ipg__calc-table__tr { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ipg__calc .ipg__calc-table__td { position: relative; width: 15%; padding: 24px; font-size: 14px; line-height: 1.2; color: #2A2F33; } .ipg__calc .ipg__calc-table__td:nth-child(1) { width: 40%; } .ipg__calc .ipg__calc-table__td:nth-child(3), .ipg__calc .ipg__calc-table__td:nth-child(4), .ipg__calc .ipg__calc-table__td:nth-child(5) { font-weight: 500; } .ipg__calc .ipg__calc-item__open { display: none; position: absolute; z-index: 1; top: 30px; right: 0; -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; } .ipg__calc .ipg__calc-img__hidden { display: none; } .ipg__calc .ipg__calc-img__hidden img { -o-object-fit: contain; object-fit: contain; width: 100%; height: 100%; } @media screen and (max-width: 990px) { .ipg__calc .ipg__calc .wf-page-itemcount { display: block; } } @media screen and (max-width: 796px) { .ipg__calc .ipg__calc-block.--big { left: 0; top: 0; width: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); border-radius: 4px; margin-bottom: 24px; } } @media screen and (max-width: 767px) { .ipg__calc .ipg__calc-block { left: 0; top: 0; width: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); border-radius: 4px; margin-bottom: 24px; } .ipg__calc .ipg__calc-item__open { display: -webkit-box; display: -ms-flexbox; display: flex; } .ipg__calc .ipg__calc-title { padding-right: 40px; } .ipg__calc .ipg__calc-aside { width: 100%; padding-right: 0; } .ipg__calc .ipg__calc-img { display: none; } .ipg__calc .ipg__calc-img__hidden { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 111; padding: 24px; } .ipg__calc .ipg__calc-img__close { display: block; } .ipg__calc .ipg__calc-btn.--w100 { min-width: 100%; } .ipg__calc .ipg__calc-footer__inner, .ipg__calc .ipg__calc-footer__info { width: 100%; } .ipg__calc .ipg__calc-footer__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .ipg__calc .ipg__calc-footer__info { padding-top: 16px; text-align: left; } .ipg__calc .ipg__calc-table { border: none; } .ipg__calc .ipg__calc-table__header { display: none; } .ipg__calc .ipg__calc-table__tr { padding: 32px 0 16px; border-top: 2px solid #F6F6F6; border-bottom: 1px solid #F6F6F6; margin-bottom: -1px; } .ipg__calc .ipg__calc-table__td { display: block; width: 100%; padding: 0; } .ipg__calc .ipg__calc-table__td:before { position: absolute; top: 0; left: 0; display: block; content: attr(data-text); font-size: 12px; color: #2A2F33; } .ipg__calc .ipg__calc-table__td:nth-child(1) { width: 100%; line-height: 1.2; margin-bottom: 12px; } .ipg__calc .ipg__calc-table__td:nth-child(2) { position: absolute; top: 10px; left: 0; font-size: 12px; line-height: 14px; color: #79848E; } .ipg__calc .ipg__calc-table__td:nth-child(3), .ipg__calc .ipg__calc-table__td:nth-child(4), .ipg__calc .ipg__calc-table__td:nth-child(5) { text-align: right; margin-bottom: 4px; font-size: 12px; color: #2A2F33; font-weight: 400; } .ipg__calc .ipg__calc-table__td:nth-child(4), .ipg__calc .ipg__calc-table__td:nth-child(4):before { color: #79848E; } } #smartcube input::-webkit-outer-spin-button, #smartcube input::-webkit-inner-spin-button { -webkit-appearance: none; } #smartcube input[type=number] { -moz-appearance: textfield; } #smartcube #result{ display:none; } /** calc modal **/ .view-product .item .wf-product-name .article{ display:none; } .view-product[data-view='list'] .item .wf-product-name .article{ display:block; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; color: #79848E; margin: 4px 0px; } #new_design .element.item .wrap{ max-width:307px !important; } #new_design .element.item a img{ max-width:291px !important; } #like_recommend .element.item .wrap{ max-width:307px !important; } #like_recommend .element.item a img{ max-width:291px !important; } /*counter*/ .counter *{ -webkit-box-sizing: initial; } .counter{ align-self: flex-end; display: inline-block; width: 130px; vertical-align: middle; } .counter > div{ display: flex; flex-direction: row; align-items: flex-start; padding: 0px; border-radius: 4px; } .counter > div input { text-align: center; padding: 0px; width: 48px; height: 40px; background: #F6F6F6; border: 2px solid #F6F6F6; box-sizing: border-box; flex: none; order: 2; flex-grow: 0; margin: 0px 0px; outline: none; font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; color: #2A2F33; } .counter > div input::-webkit-outer-spin-button, .counter > div input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .counter > div input[type=number] { -moz-appearance: textfield; } .counter > div #minus,.counter > div #plus{ text-align: center; padding: 9px 12px; width: 17px; height: 22px; background: #FFFFFF; flex: none; flex-grow: 0; margin: 0px 0px; font-size: 20px; font-family: Arial; line-height: 22px; color: #2A2F33; user-select: none; } @media screen and (max-width: 990px) { .ipg__header-search .counter > div #minus, .ipg__header-search .counter > div #plus{ height:100%; } } .counter > div #minus{ order: 1; box-shadow: inset 0px -2px 0px #f6f6f6, inset 0px 2px 0px #f6f6f6, inset 2px 0px 0px #f6f6f6; border-radius: 4px 0px 0px 4px; cursor: pointer; line-height: 19px; } .counter > div #plus{ order: 3; box-shadow: inset 0px -2px 0px #f6f6f6, inset 0px 2px 0px #f6f6f6, inset -2px 0px 0px #f6f6f6; border-radius: 0px 4px 4px 0px; cursor: pointer; } .counter > div #minus:hover,.counter > div #plus:hover{ color:#F16321; } .counter > div #minus:active,.counter > div #plus:active{ color:#F16321; } /*counter*/ .products .element .is_set, .products .detail .is_set{ color: #FFA117; width: 89px; height: 24px; background: url(/public/image/ico/set.svg) #FFF4E5 no-repeat 5px center; background-size: 14px; padding-right: 8px; text-align: right; font-family: 'RobotoCustom'; font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: end; } /* End */ /* Start:/local/components/fiera/define.city/templates/.default/style.css?17234649251645*/ .ipg__header-location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ipg__header-location span { font-size: 14px; margin-left: 12px; } #modal_cities_desk{ z-index: 1200; } #modal_cities_desk .ipg__modal-block{ opacity:1 !important; display:block !important; position: relative; left: 50%; top: 50%; background: #FFF; max-width: 620px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 32px; } .ipg__modal.--city .ipg__modal-city a { font-size: 16px; color: #2A2F33; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; outline: none; } .ipg__modal.--city .ipg__modal-city.active a, .ipg__modal.--city .ipg__modal-city a:hover { color: #F58220; } @media screen and (max-width: 767px) { #modal_cities_desk .ipg__modal-block{ } } #define_city{ width:426px; } @media (max-width: 991px){ #define_city{ top: 0 !important; left: calc(50% - 213px) !important; } #define_city .ipg__header-city__btn{ font-size:12px; } } @media (max-width: 420px){ #define_city{ width: 100%; left: 0px !important; } #define_city .ipg__header-city__btn{ width:50px; } } /* End */ /* Start:/local/components/fiera/user.profile/templates/.default/style.css?17167933012299*/ .fiera_modal#register{ display:inline-block; } .fiera_modal#register:not(.fix) #close{ display:none; } .fiera_modal#register .checkbox{ margin-bottom: 8px; } .fiera_modal#register .small_text{ margin-bottom: 8px; } .fiera_form #frame .item{ margin-bottom:0; } .fiera_modal#register #frame #update{ margin-top: 7px; } .fiera_modal#register #frame input{ //width: 230px; } .fiera_modal#register #frame{ display: grid; grid-gap: 0 24px; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .fiera_modal#register #frame #update{ cursor:pointer; } .fiera_modal#register #switch_block{ display:none; } .fiera_modal#register #frame #update{ cursor:pointer; } .fiera_modal#register input[type="search"]{ padding-right: 0px; } .fiera_modal#register input[type="search"]::-webkit-calendar-picker-indicator{ opacity:0; } .fiera_modal#register input[type="search"]::-webkit-search-cancel-button{ -webkit-appearance: none; height: 14px; width: 14px; display: block; background-image: url(/public/image/ico/close.svg); background-repeat: no-repeat; background-size: 14px; } .fiera_modal#register input:not([name]){ color: transparent; } .fiera_modal#register .error{ color: #FC7676; margin-bottom:10px; } .fiera_modal#register .error .text{ margin-left:10px; } .fiera_modal#register .error p{ line-height: 1.5; } .fiera_form .items .group.error#password .item{ margin-bottom: 5px; } .fiera_form .items #error_password{ margin-bottom: 10px; display:none; } .fiera_form .items #error_password #title{ margin-bottom:5px; } .fiera_form .items #error_password .list{ margin-left:3px; } .fiera_form .items .group.error#password[data-type="1"] + .group#error_password[data-type="1"]{ display: inline-block; } .fiera_form .items .group.error#password[data-type="2"] + .group#error_password[data-type="1"] + .group#error_password[data-type="2"]{ display: inline-block; } .fiera_form .items .group.error#password[data-type="2"] + .group#error_password[data-type="1"] + .group#error_password[data-type="2"] p{ color:#5CB660; } .fiera_form .items .group.error#password[data-type="2"] input{ color:#5CB660; border:2px solid #5CB660; } /* End */ /* Start:/local/components/fiera/menu/templates/.default/style.css?16874379725900*/ :root{ --menu-hover: #F58220; --menu-active: #f582219c; } header nav#mobile { display: none; } @media screen and (max-width: 990px){ header nav#mobile{ display:block; position: relative; background-color: #fff; margin: 22px 16px 0px 16px; width: calc(100% - 32px); border-radius: 4px; list-style: none; padding: 0; justify-content: space-around; font-family: 'OpenSansBold', sans-serif; } header nav#mobile .item{ clear: both; border-radius: inherit; background: #fff; border: none; text-align: left; height: auto; line-height: 42px; position: relative; font-size: 16px; width: 100%; display: block; align-items: center; justify-content: center; text-transform: uppercase; font-weight: bold; color: #fff; } header nav#mobile .item > a{ background: #79848E; border-radius: 2px; padding: 12px; margin-bottom: 4px; width: auto; border: none; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 120%; color: #FFFFFF; height: 100%; display: block; } header nav#mobile .item .children{ box-sizing: border-box; clear: both; float: left; padding: 0; background-color: transparent; z-index: 1000; width: 100%; position: static; } header nav#mobile .item .children .child{ display: none; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 15px; position: relative; } header nav#mobile .item .children .child a{ outline: none; width: auto; display: block; text-decoration: none; text-transform: none; padding: 12px; border-radius: 2px; margin-bottom: 4px; background: #F6F6F6; border: none; font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; line-height: 120%; color: #79848E; } header nav#mobile .item .children .child a svg{ float:right; } header nav#mobile .item .children .child .grandsons .grandson{ display:none; } header nav#mobile .item .children .child a{ padding-left: 20px; } header nav#mobile .item .children .child .grandsons{ padding-left: 20px; } header nav#mobile .item.active .children > .child, header nav#mobile .item.active .children > .child.active > .grandsons .grandson{ display: block !important; } header nav#mobile .item.active > a, header nav#mobile .item .child.active > a, header nav#mobile .item .child.active .grandson.active a{ color: #bbbbbb !important; } } @media screen and (min-width: 1100px){ header nav#desktop{ width: 100%; padding-left: 20px; } } header nav#desktop{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } header nav#desktop .item { position: relative; margin-right: 7px; } header nav#desktop .item a.name{ background: #F6F6F6; height: 40px; padding: 0 20px; /* line-height: 80px; */ font-size: 16px; color: #2A2F33; text-decoration: none; /* margin-right: 15px; */ border-radius: 4px; } header nav#desktop .item:hover a.name{ /*color: var(--menu-hover);*/ color:white; background: #79848E; } header nav#desktop .item .children { display: none; position: absolute; z-index: 11; top: 100%; left: 4px; width: 320px; -webkit-box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); background: #fff; } header nav#desktop .item:hover .children { display: block; } header nav#desktop .item a{ 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; //width: 100%; height: 48px; padding: 0 16px; font-size: 16px; color: #2A2F33; text-decoration: none; border-bottom: 1px solid #E8EAEC; } header nav#desktop .item.active > a, header nav#desktop .item .child.active > a, header nav#desktop .item .child.active .grandson.active a{ color: var(--menu-active); } header nav#desktop .item a:hover { color: var(--menu-hover); } header nav#desktop .item a:hover svg path { fill: var(--menu-hover); } header nav#desktop .item .children .child{ position: relative; } header nav#desktop .item .children .child > a{ box-sizing: border-box; } header nav#desktop .item .children .child:hover > a{ color: var(--menu-hover); } header nav#desktop .item .children .grandsons { display: none; position: absolute; z-index: 1; top: 0; left: 100%; width: 320px; -webkit-box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); box-shadow: 0 4px 15px rgba(34, 31, 31, 0.06), 0 4px 32px rgba(151, 173, 232, 0.15); background: #fff; } header nav#desktop .item .children .child:hover .grandsons{ display: block; } header nav#desktop .item [data-uid='catalog_ruchki_sale'] a{ color: var(--menu-hover); } header nav#desktop .item[data-uid='catalog_mebelnye_korpusa']>a, header nav#desktop .item[data-uid='catalog_mebelnye_napolneniya']>a{ background-color: #FFF4E5; color: #F58220; } /* End */ /* Start:/local/components/fiera/calculator.frame/templates/.default/style.css?17183505989268*/ button#calculator *{ font-family: "RobotoCustom"; } div#calculator #body{ width: 1200px; } button#calculator{ width:100%; } div#calculator{ display: block; } div#calculator #image img{ max-height: 400px } div#calculator #image img[src=""]{ visibility: hidden; } div#calculator .custom_select#frame{ margin-top: 0px; } div#calculator .custom{ display:inline-block; } div#calculator #loops .custom{ display:none; } div#calculator img:after{ content: ""; position: absolute; top: 0; left: 0; width: inherit; height: inherit; background: #ffffff; } div#calculator #loops[data-count="4"] .custom:nth-child(2), div#calculator #loops[data-count="4"] .custom:nth-child(3), div#calculator #loops[data-count="4"] .custom:nth-child(4){ display: inline-block; } div#calculator #loops[data-count="2-4"] .custom:nth-child(2), div#calculator #loops[data-count="2-4"] .custom:nth-child(4){ display: inline-block; } div#calculator #loops[data-count="6"] .custom{ display: inline-block; } div#calculator .ipg__calc-inner{ position: relative; } div#calculator .ipg__calc-aside{ padding-right: 0px; width: 500px; } div#calculator .ipg__calc-img{ padding: 0 10px; top: 0; position: absolute; right: 0; width: 396px; } div#calculator input[type="number"]{ padding-right:1px; } div#calculator .ipg__calc-block.--big{ min-height: 500px; } div#calculator .item .custom_select{ margin-top:0px; } div#calculator .custom .radio{ min-width: 40px; } div#calculator .custom .radio .number, div#calculator .custom .checkbox .number{ font-size: 14px; line-height: 22px; color: #2A2F33; margin-bottom: 8px; font-weight: initial; top: 1px; padding-left: 25px !important; } div#calculator .counter{ margin-right: 8px; } div#calculator .item{ display:none; } div#calculator #group.item{ display: block; } div#calculator .item#group{ margin-bottom: 16px; } div#calculator .item#group fieldset{ border: transparent; margin: 0; padding: 0; } div#calculator .item#group fieldset legend{ height: 0; color: transparent; } div#calculator .item#group fieldset#bottom{ display:none; } div#calculator .item#group[data-lifting="hf"] fieldset{ display:flex; } div#calculator .item#group[data-lifting="hf"] fieldset .item{ display: flow-root; width: 50%; margin-bottom: 0; } div#calculator .item#group[data-lifting="hf"] fieldset:nth-of-type(1){ margin-bottom:16px; } div#calculator .item#group[data-lifting="hf"] fieldset .item:nth-of-type(1){ margin-right: 10px; } div#calculator .item#group[data-lifting="hf"] fieldset legend{ height: initial; margin-bottom: 10px; font-style: normal; font-weight: 600; font-size: 14px; color: #2A2F33; } div#calculator .item#group[data-lifting="hf"] fieldset#bottom{ display: flex; } div#calculator .item#group[data-lifting="hf"] fieldset{ padding: 5px; } div#calculator .item#group[data-lifting="hf"] fieldset legend{ text-align: left; } div#calculator .item#group[data-lifting="hf"] .--error .ipg__calc-item__text{ display:none; } div#calculator .item#group[data-lifting="hf"] .--error .ipg__calc-item__err{ position:initial; } div#calculator button{ text-transform:initial; } div#calculator button:disabled{ opacity:0.4; } div#calculator #basket{ margin-top:24px; } div#calculator #success{ display:none; } div#calculator #total{ font-family: 'RobotoCustom'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 41px; color: #2A2F33; margin-right: 16px; } div#calculator #download{ text-decoration: none; } button.calculator{ width: 100%; } button.calculator.in-cart{ cursor: pointer; display: flex; flex-direction: row; align-items: center; padding: 9px 24px; position: static; width: 197px; height: 40px; left: 0px; top: 258px; border: 1px solid #F58220; box-sizing: border-box; border-radius: 4px; flex: none; order: 3; flex-grow: 0; margin: 24px 0px; background: transparent; text-transform: initial; } button.calculator.in-cart span{ position: static; width: 121px; height: 22px; left: calc(50% - 121px/2 - 14px); top: calc(50% - 22px/2); font-family : 'RobotoCustom'; font-style: normal; font-weight : 500; font-size: 14px; line-height: 22px; text-align: center; color: #F58220; flex: none; flex-grow: 0; margin: 0px 8px; } button.calculator.in-cart i{ background: url(/local/templates/fiera/img/ico/frame-facade/calc.png) no-repeat; position: static; width: 20px; height: 20px; left: 153px; top: 10px; flex: none; order: 1; flex-grow: 0; margin: 0px 8px; } /* custom radio & checkbox */ .custom .radio, .custom .checkbox{ position:relative; cursor: pointer; user-select: none; height: 24px; min-width: 54px; } .custom .radio input + label:before, .custom .checkbox input + label:before{ content: ""; position: absolute; width: 21px; height: 21px; border: 2px solid #E8EAEC; border-radius: 50%; box-sizing: border-box; } .item.--error .custom .radio input + label:before{ border: 1px solid #f00; } .custom .checkbox input + label:before{ border-radius: 2px; } .custom .radio input:checked + label:before, .custom .checkbox input:checked + label:before{ -webkit-box-shadow: inset #fff 0 0 0 2px; box-shadow: inset #fff 0 0 0 2px; background: #F58220; } .custom .radio .number, .custom .checkbox .number{ font-weight: 500; font-size: 16px; color: #2A2F33; padding-left: 30px !important; position: absolute; top: 4px; } /* custom radio & checkbox */ div#calculator.ipg__calc .ipg__calc-table__td { width: 20%; } div#calculator .button_checkbox{ } div#calculator .button_checkbox .body{ display: flex; gap: 8px; } div#calculator .button_checkbox label{ display: flex; flex-direction: row; align-items: center; padding: 8px 12px; gap: 8px; background: #F6F6F6; border-radius: 2px; flex: none; align-self: stretch; flex-grow: 0; font-size: 14px; height: 17px; -webkit-box-sizing: initial; } div#calculator .button_checkbox input label{ height: 17px; font-style: normal; font-size: 14px; line-height: 120%; display: flex; align-items: center; } div#calculator .button_checkbox input:checked + label{ font-style: normal; font-weight: 500; color: #F58220; font-size: 14px; } div#calculator .button_checkbox input{ position:absolute; } div#calculator .button_checkbox input:checked + label span{ width: 21px; height: 21px; background: url(/public/image/ico/circle_done.svg) no-repeat center center; background-size: 20px; } div#calculator #image #info{ background-color: #E8F4FD; padding: 16px; margin-bottom: 15px; font-style: normal; font-weight: 500; font-size: 14px; border-radius: 0px 0px 4px 4px; /* line-height: 56px; */ } div#calculator #image #info:before{ content: ""; width:24px; height: 24px; background: url(/public/image/ico/expand_up_down.svg) no-repeat center center; float: left; top: -3px; position: relative; margin-right: 5px; } div#calculator .ipg__calc-footer{ justify-content: initial; padding-bottom: 0; } div#calculator .ipg__calc-footer .ipg__calc-footer__inner{ margin-right: 25px; } div#calculator .ipg__calc-footer__text{ margin-bottom:0px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; flex-grow: 0; } div#calculator .ipg__calc-footer__link{ border: none; font-style: normal; font-weight: 500; font-size: 12px; line-height: 16px; display: flex; color: #F58220; } @media screen and (max-width: 767px) { div#calculator .items{ order:2; } div#calculator #image{ order:1; display: flex; position: initial; flex-flow: wrap; height: auto; width: 100%; } div#calculator #image img{ max-height: 270px; } div#calculator #image #info{ order: 1 !important; width: 100%; } div#calculator #image #info span{ margin-top: 5px; display: flex; } div#calculator #image img{ order: 0; margin-bottom: 20px; } div#calculator #modal{ width:100%; } } #lifting_hf{ margin-top: 10px; color: #ef7d31; } #basket-modal .ipg__add-img{ height:100%; } div#calculator .custom_select .select_wrap .select_button .select_text{ white-space: nowrap; overflow: hidden; } div#calculator .items .item.--error .title { color: #FC7676; } div#calculator .items .item.--error select{ border-color: #FC7676; background: #FFF7F7; color: #FC7676; } div#calculator table#dev{ width:100%; margin-top:50px; } div#calculator table#dev td{ border:1px solid #ccc; padding:10px; } /* End */ /* Start:/local/components/fiera/buy.one.click/templates/.default/style.css?1705744091714*/ .products form #buy-one-click{ cursor:pointer; text-transform: none; margin-left: 8px; } .fiera_modal#buy_one_click #body{ width:380px; } .fiera_modal#buy_one_click_done{ display:inline-block; } .fiera_modal#buy_one_click #counter{ display: flex; } .fiera_modal#buy_one_click #counter .counter{ margin-left: auto; width: auto; } .fiera_modal#buy_one_click #counter .title{ line-height: 40px; height: 40px; margin-bottom:0px; } @media (max-width: 991px){ .products form #buy-one-click-block{ flex-grow: 1; margin-top: 12px; } .products form #buy-one-click{ margin-left: 0; width: 100%; padding: 8px 24px; } } /* End */ /* Start:/local/components/fiera/element.image/templates/.default/style.css?16947807822320*/ section .products .element .slider *{ margin: 0; padding: 0; box-sizing: border-box; outline: none; user-select: none; } section .products .element .slider{ width: 100%; position: relative; overflow: hidden; } section .products .element .slider .slide{ width: 100%; height: 100%; position: absolute; transition: all 0.5s; text-align: center; } section .products .element .slider .slide img{ /*width: 100%;*/ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height:auto; cursor:pointer; } section .products .element .slider #next, section .products .element .slider #prev{ position: absolute; width: 50%; height: 100%; cursor: pointer; background: none; border: none; } section .products .element .slider #next:active, section .products .element .slider #prev:active{ transform: scale(1.1); } section .products .element .slider #prev{ left: 0; text-align: left; } section .products .element .slider #next{ right: 0; text-align: right; } section .products .element .slider #pages{ position: absolute; top: calc(100% - 30px); width: 100%; height: 50px; text-align: center; } section .products .element .slider #pages .page{ border: 1px solid #ffffff; display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 10px; cursor:pointer; } section .products .element .slider #pages .page.current{ background-color: #ffffff; } .view-product .products .element .wrap #picture{ display: flex; justify-content: center; } .view-product[data-view="tile"] .products .element .wrap #picture{ min-height: 221px; } .view-product[data-view="list"] .products .element .wrap #picture{ min-width: 132px; } @media screen and (min-width: 990px){ .view-product[data-view="tile"] .products .element .slider .slide img{ width: initial; height: 100% !important; height: 221px !important; /*max-width: initial !important;*/ } } @media screen and (max-width: 992px){ section .products .element .slider .slide img{ position: inherit !important; } } .view-product[data-view="tile"] .products .element #picture>img{ height: 221px; } /* End */ /* Start:/local/components/fiera/basket.add/templates/.default/style.css?171827736811594*/ /*счетчик*/ .ipg__counter{ align-self: flex-end; display: -webkit-box; display: -ms-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; overflow: hidden; text-align: center; border: 2px solid #F6F6F6; } .ipg__counter.--disabled{ position: relative; opacity: .4; } .ipg__counter.--disabled:before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .ipg__counter-field{ width: 48px; height: 40px; line-height: 40px; border: none; font-size: 14px; color: #2A2F33; text-align: center; background: #F6F6F6; } .ipg__decrement, .ipg__increment{ 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; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*корзина*/ .ipg__add-cart, .ipg__add-like{ 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; border-radius: 4px; } .ipg__add-cart{ background: #F58220; margin-right: 8px; } .ipg__add-cart:disabled{ opacity: .4; } .ipg__add-like{ background: #fff; border: 1px solid #F58220; } /*модлка*/ .ipg__add-modal{ display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100vh; z-index: 101; } .ipg__add-block{ position: relative; left: 50%; top: 50%; background: #FFF; width: 100%; max-height: 95vh; max-width: 1024px; transform: translate(-50%, -50%); padding: 55px 40px 35px; overflow-y: auto; } .ipg__add-close{ position: absolute; cursor: pointer; top: 22px; right: 24px; } .ipg__add-header__title{ font-weight: 500; font-size: 24px; line-height: 125%; color: #000; margin-bottom: 24px; } .ipg__add-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ipg__add-info{ display: -webkit-box; display: -ms-flexbox; display: flex; width: calc(100% - 225px); padding-right: 90px; } .ipg__add-info{ display: block; } .ipg__add-img{ position: relative; min-width: 132px; float: left; margin-right: 10px; } .ipg__add-img img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } #basket-modal .ipg__add-img > img{ width: 133px; height:auto; float: left; } .ipg__add-flag{ position: absolute; top: 0; right: 0; width: 28px; height: 22px; z-index: 1; } .ipg__add-flag img{ -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .ipg__add-description{ /*float: left;*/ margin-left: 10px; margin-bottom: 9px; } .ipg__add-title{ font-size: 16px; line-height: 1.5; color: #2A2F33; } .ipg__add-article{ font-size: 14px; color: #79848E; } .ipg__add-right{ display: flex; flex-wrap: wrap; flex-direction: column; width: 225px; } .ipg__add-priceInfo{ display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-end; margin-bottom: 8px; } .ipg__add-price{ font-weight: 500; font-size: 24px; color: #2A2F33; } .ipg__add-priceOld{ font-size: 16px; color: #79848E; text-decoration: line-through; margin-right: 12px; margin-bottom: 4px; } .ipg__add-actions{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding-top: 32px; } .ipg__add-actions__btn{ width: 190px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #F58220; text-decoration: none; border: 1px solid #F58220; background: #fff; border-radius: 4px; margin-right: 24px; cursor: pointer; user-select: none; } .ipg__add-actions__btn.--active{ color: #fff; background: #F58220; } .ipg__add-actions__btn:last-child{ margin-right: 0; margin-bottom: 0; } .ipg__add-additional:nth-child(1){ border-top: 1px solid #E8EAEC; } .ipg__add-additional{ position: relative; padding-top: 35px; margin-top: 35px; } .ipg__add-additional__header{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 20px; } .ipg__add-additional__header-checkbox{ position: relative; padding-left: 24px; font-size: 14px; line-height: 125%; color: #79848E; cursor: pointer; user-select: none; } .ipg__add-additional__header-checkbox:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 16px; background: #FFF; border-radius: 2px; height: 16px; border: 2px solid #E8EAEC; box-sizing: border-box; } .ipg__add-additional__header-check input{ display: none; } .ipg__add-additional__header-check input:checked + .ipg__add-additional__header-checkbox:before{ background: #F58220 url('/local/templates/fiera/img/ico/check.svg') no-repeat center center / contain; border-color: #F58220; } .ipg__add-additional__header-text{ font-size: 16px; line-height: 125%; color: #79848E; } .ipg__add-additional__item{ display: flex; flex-wrap: wrap; align-items: center; padding: 15px 0; border-bottom: 1px solid #E8EAEC; } .ipg__add-additional__item:last-child{ padding-bottom: 0; border: none; } .ipg__add-additional__info{ display: flex; align-items: center; width: calc(100% - 300px); } .ipg__add-additional__img{ min-width: 46px; height: 46px; } .ipg__add-additional__img img{ object-fit: cover; width: 100%; height: 100%; } .ipg__add-additional__discription{ padding: 0 16px; } .ipg__add-additional__title{ font-size: 14px; line-height: 155%; color: #2A2F33; } .ipg__add-additional__article{ font-size: 14px; line-height: 155%; color: #79848E; } .ipg__add-additional__price{ width: 120px; font-weight: 500; font-size: 16px; line-height: 125%; color: #2A2F33; } .ipg__add-additional__actions{ display: flex; justify-content: space-between; width: 180px; } .ipg__add-additional__cart{ display: flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; background: #F58220; border-radius: 4px; cursor: pointer; user-select: none; } .ipg__add-additional__cart span{ display: none; font-weight: 500; font-size: 14px; color: #fff; margin-left: 10px; } #basket-modal{ z-index:1000; } .basket_modal_hide_scroll body{ overflow: hidden !important; margin-right:17px; } .basket_modal_hide_scroll #basket-modal{ overflow-y: scroll; } .fancybox-margin{ margin-right: 0px !important; } .fancybox-lock body{ overflow: auto !important; } .fancybox-lock .fancybox-overlay{ overflow-y: hidden; } .quantity_not_equal{ background: #e1bdbd !important; } #basket-modal[data-possibility="cannot"] #close, #basket-modal[data-possibility="cannot"] .ipg__add-actions a{ pointer-events: none; opacity:0.3; } #basket-modal .ipg__add-additional{ opacity:1; } #basket-modal .ipg__add-additional.opacity{ animation-name: basket-modal-opacity; animation-duration: 2s; animation-iteration-count: 1; } @keyframes basket-modal-opacity{ 0%{ opacity: 0; } 100%{ opacity: 1; } } #screws *{ font-family: 'Roboto', 'RobotoCustom', 'Arial', sans-serif; } #screws{ display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100vh; z-index: 900; } #screws #body{ display: flex; flex-direction: column; align-items: flex-start; padding: 16px 24px 0px; gap: 10px; position: absolute; width: 380px; height: 206px; left: calc(50% - 428px/2); top: calc(50% - 206px/2); background: #FFFFFF; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.05); border-radius: 4px; } #screws #title{ width: 127px; height: 24px; font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #2A2F33; flex: none; order: 0; flex-grow: 0; } #screws #info{ position: absolute; width: 86px; height: 18px; top: 45px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 150%; color: #79848E; } #screws button{ margin-top: 20px; } @media screen and (max-width: 450px){ #screws #body{ width: 80%; left: 50%; transform: translate(-50%, -50%); } } @media screen and (max-width: 1279px){ .ipg__add-info{ padding-right: 20px; } } @media screen and (max-width: 767px){ .ipg__add-block{ padding: 50px 16px; } .ipg__add-header__title{ font-size: 16px; } .ipg__add-img{ min-width: 64px; height: 42px; } .ipg__add-description{ padding-left: 8px; } .ipg__add-flag{ width: 16px; height: 14px; } .ipg__add-title, .ipg__add-article{ font-size: 12px; } .ipg__add-info{ width: 100%; padding-right: 0; } .ipg__add-right{ display: flex; flex-direction: initial; align-items: center; justify-content: space-between; width: 100%; padding-top: 16px; } .ipg__add-priceInfo{ order: 2; } .ipg__add-priceInfo{ margin-bottom: 0; } .ipg__add-additional__discription{ padding-right: 0; } .ipg__add-actions{ padding-top: 20px; } .ipg__add-actions__btn{ width: 100%; margin-right: 0; margin-bottom: 12px; } .ipg__add-priceOld{ width: 100%; text-align: right; font-size: 12px; margin-right: 0; margin-bottom: 0; } .ipg__add-price{ font-size: 18px; } .ipg__add-additional__info{ width: 100%; margin-bottom: 10px; } .ipg__add-additional__price{ width: 100%; text-align: right; margin-bottom: 10px; } .ipg__add-additional__actions{ width: 100%; justify-content: space-between; } .ipg__add-additional__cart{ min-width: 126px; } .ipg__add-additional__cart span{ display: initial; } .ipg__add-additional{ padding-bottom: 50px; } .ipg__add-additional__header{ margin-bottom: 10px; } .ipg__add-additional__header-text{ font-size: 14px; } .ipg__add-additional__header-check{ position: absolute; width: 100%; left: 0; bottom: 0; } } .products form[id] #put-in-cart{ margin-left: 8px; } .products form[id] #put-in-cart.added, .products form[id] #update-cart.added{ background: #ccc; } /* End */ /* Start:/local/components/fiera/define.city/templates/footer_address/style.css?1723464925602*/ #footer_address { margin-top:20px; } #footer_address #text{ font-family: RobotoCustom; font-style: normal; font-weight: 500; font-size: 14px; display: flex; color: #2A2F33; margin-bottom: 15px; } #footer_address #address a{ font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 18px; color: #000000; margin: 8px 0px; text-decoration: none; } #footer_address #worktime{ font-family: RobotoCustom; font-style: normal; font-weight: normal; font-size: 14px; color: #79848E; margin: 8px 0px; } /* End */ /* Start:/local/components/fiera/notify.error/templates/.default/style.css?1711962417222*/ footer ul li[data-uid=notify_error]{ width:initial; } footer ul li[data-uid=notify_error] a{ outline:none; } #notify_error_done{ display:inline-block; } #notify_error #frame #text span{ color: #f38433; } /* End */ /* Start:/local/components/fiera/mobile.app/templates/offer/style.css?1723464925980*/ #offer_mobile_app{ display:none; position: fixed; bottom: 55px; width: 100%; height: 184px; background: #FFFFFF; box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.05); border-radius: 16px 16px 0px 0px; z-index: 2000; align-items: center; } .wf-application-row{ display: flex; } .wf-application-desc{ font-family: RobotoCustom; font-weight: 500; font-size: 16px; line-height: 24px; color: #000; padding-left: 24px; padding-top: 24px; } .wf-application-logo{ padding-top: 15px; padding-right: 24px; text-align: right; width: calc(100% - 192px); } .wf-application-appstore{ padding-left: 24px; padding-top: 14px; text-align: left; width: 50%; } .wf-application-playmarket{ padding-right: 24px; padding-top: 14px; text-align: right; width: 50%; } #offer_mobile_app #close{ position: absolute; cursor: pointer; top: 12px; right: 14px; } @media screen and (min-width: 993px){ #offer_mobile_app{ display: none !important; } } /* End */ /* Start:/local/components/fiera/cookie.info/templates/.default/style.css?1752784576901*/ #cookie_info{ width:400px; display:block; left:20px; bottom:30px; height:initial !important; top:initial !important; background:none; } #cookie_info #body{ top:initial !important; left:initial !important; transform:initial !important; background-color:#F6F6F6; width:400px; padding:11px 24px; } #cookie_info #body a{ text-decoration:none; color:#ff9568; } #cookie_info #body .item{ display:inline-block; } #cookie_info #body #footer{ display:inline-block; float:right; position:relative; top:-3px; } #cookie_info .description{ font-size:13px; } @media screen and (max-width: 992px) { #cookie_info{ bottom: 60px; } } @media screen and (max-width: 400px) { #cookie_info{ left:0; width: 100% !important; } #cookie_info #body { width: 100% !important; } } /* End */ /* /local/templates/fiera/fonts/font.css?16558106418332 */ /* /local/templates/fiera/js/library/jquery/ui/1.12.1/jquery-ui.min.css?165581064130980 */ /* /local/templates/fiera/css/header.css?172575184116857 */ /* /local/templates/fiera/js/library/dropdown/jquery.dropdown.css?16558106413443 */ /* /local/templates/fiera/js/library/validationengine/css/validationEngine.jquery.css?16558106413151 */ /* /local/templates/fiera/css/style.css?172575184115927 */ /* /local/templates/fiera/css/media.css?172575184116249 */ /* /local/templates/fiera/webformat.css?17257518414759 */ /* /local/templates/fiera/cart.css?172575184130984 */ /* /local/templates/fiera/css/background.css?16558106411808 */ /* /local/templates/fiera/css/loader.css?17257518414923 */ /* /local/templates/fiera/css/fiera_module.css?172346492526513 */ /* /local/templates/fiera/css/dop_styles.css?172575184111192 */ /* /local/templates/fiera/components/bitrix/search.title/search-title-header/style.css?16558106413555 */ /* /local/templates/fiera/components/bitrix/system.auth.form/popup/style.css?17326062283743 */ /* /local/templates/fiera/styles.css?172575184113681 */ /* /local/templates/fiera/template_styles.css?1725751841151902 */ /* /local/components/fiera/define.city/templates/.default/style.css?17234649251645 */ /* /local/components/fiera/user.profile/templates/.default/style.css?17167933012299 */ /* /local/components/fiera/menu/templates/.default/style.css?16874379725900 */ /* /local/components/fiera/calculator.frame/templates/.default/style.css?17183505989268 */ /* /local/components/fiera/buy.one.click/templates/.default/style.css?1705744091714 */ /* /local/components/fiera/element.image/templates/.default/style.css?16947807822320 */ /* /local/components/fiera/basket.add/templates/.default/style.css?171827736811594 */ /* /local/components/fiera/define.city/templates/footer_address/style.css?1723464925602 */ /* /local/components/fiera/notify.error/templates/.default/style.css?1711962417222 */ /* /local/components/fiera/mobile.app/templates/offer/style.css?1723464925980 */ /* /local/components/fiera/cookie.info/templates/.default/style.css?1752784576901 */