/* Start:/local/templates/bobox/css/slick.css?17395290331776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/bobox/css/jquery-ui.min.css?173952903315830*/ /*! jQuery UI - v1.12.1 - 2019-01-21 * 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 * 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} /* End */ /* Start:/local/templates/bobox/css/sumoselect.min.css?17395290337402*/ .SelectClass,.SumoSelect.open .search-txt,.SumoUnder{position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;top:0;left:0}.SumoSelect p{margin:0}.SumoSelect{width:200px}.SelectBox{padding:5px 8px}.sumoStopScroll{overflow:hidden}.SumoSelect .hidden{display:none}.SumoSelect .search-txt{display:none;outline:0}.SumoSelect .no-match{display:none;padding:6px}.SumoSelect.open .search-txt{display:inline-block;width:100%;margin:0;padding:5px 8px;border:none;box-sizing:border-box;border-radius:5px}.SumoSelect.open>.search>label,.SumoSelect.open>.search>span{visibility:hidden}.SelectClass,.SumoUnder{right:0;height:100%;width:100%;border:none;box-sizing:border-box;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}.SelectClass{z-index:1}.SumoSelect .select-all>label,.SumoSelect>.CaptionCont,.SumoSelect>.optWrapper>.options li.opt label{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.SumoSelect{display:inline-block;position:relative;outline:0}.SumoSelect.open>.CaptionCont,.SumoSelect:focus>.CaptionCont,.SumoSelect:hover>.CaptionCont{box-shadow:0 0 2px #7799D0;border-color:#7799D0}.SumoSelect>.CaptionCont{position:relative;border:1px solid #A4A4A4;min-height:14px;background-color:#fff;border-radius:2px;margin:0}.SumoSelect>.CaptionCont>span{display:block;padding-right:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:default}.SumoSelect>.CaptionCont>span.placeholder{color:#ccc;font-style:italic}.SumoSelect>.CaptionCont>label{position:absolute;top:0;right:0;bottom:0;width:30px}.SumoSelect>.CaptionCont>label>i{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);background-position:center center;width:16px;height:16px;display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-repeat:no-repeat;opacity:.8}.SumoSelect>.optWrapper{display:none;z-index:1000;top:30px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;box-shadow:2px 3px 3px rgba(0,0,0,.11);border-radius:3px;overflow:hidden}.SumoSelect.open>.optWrapper{top:35px;display:block}.SumoSelect.open>.optWrapper.up{top:auto;bottom:100%;margin-bottom:5px}.SumoSelect>.optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto}.SumoSelect>.optWrapper>.options{border-radius:2px;position:relative;max-height:250px}.SumoSelect>.optWrapper.okCancelInMulti>.options{border-radius:2px 2px 0 0}.SumoSelect>.optWrapper.selall>.options{border-radius:0 0 2px 2px}.SumoSelect>.optWrapper.selall.okCancelInMulti>.options{border-radius:0}.SumoSelect>.optWrapper>.options li.group.disabled>label{opacity:.5}.SumoSelect>.optWrapper>.options li ul li.opt{padding-left:22px}.SumoSelect>.optWrapper.multiple>.options li ul li.opt{padding-left:50px}.SumoSelect>.optWrapper.isFloating>.options{max-height:100%;box-shadow:0 0 100px #595959}.SumoSelect>.optWrapper>.options li.opt{padding:6px;position:relative;border-bottom:1px solid #f5f5f5}.SumoSelect>.optWrapper>.options>li.opt:first-child{border-radius:2px 2px 0 0}.SumoSelect>.optWrapper.selall>.options>li.opt:first-child{border-radius:0}.SumoSelect>.optWrapper>.options>li.opt:last-child{border-radius:0 0 2px 2px;border-bottom:none}.SumoSelect>.optWrapper.okCancelInMulti>.options>li.opt:last-child{border-radius:0}.SumoSelect>.optWrapper>.options li.opt:hover{background-color:#E4E4E4}.SumoSelect .select-all.sel,.SumoSelect>.optWrapper>.options li.opt.sel{background-color:#a1c0e4}.SumoSelect>.optWrapper>.options li label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;cursor:pointer}.SumoSelect>.optWrapper>.options li span{display:none}.SumoSelect>.optWrapper>.options li.group>label{cursor:default;padding:8px 6px;font-weight:700}.SumoSelect>.optWrapper.isFloating{position:fixed;top:0;left:0;right:0;width:90%;bottom:0;margin:auto;max-height:90%}.SumoSelect>.optWrapper>.options li.opt.disabled{background-color:inherit;pointer-events:none}.SumoSelect>.optWrapper>.options li.opt.disabled *{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}.SumoSelect>.optWrapper.multiple>.options li.opt{padding-left:35px;cursor:pointer}.SumoSelect .select-all>span,.SumoSelect>.optWrapper.multiple>.options li.opt span{position:absolute;display:block;width:30px;top:0;bottom:0;margin-left:-35px}.SumoSelect .select-all>span i,.SumoSelect>.optWrapper.multiple>.options li.opt span i{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:14px;height:14px;border:1px solid #AEAEAE;border-radius:2px;box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background-color:#fff}.SumoSelect>.optWrapper>.MultiControls{display:none;border-top:1px solid #ddd;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.13);border-radius:0 0 3px 3px}.SumoSelect>.optWrapper.multiple.isFloating>.MultiControls{display:block;margin-top:5px;position:absolute;bottom:0;width:100%}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls{display:block}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p{padding:6px}.SumoSelect>.optWrapper.multiple.okCancelInMulti>.MultiControls>p:focus{box-shadow:0 0 2px #a1c0e4;border-color:#a1c0e4;outline:0;background-color:#a1c0e4}.SumoSelect>.optWrapper.multiple>.MultiControls>p{display:inline-block;cursor:pointer;padding:12px;width:50%;box-sizing:border-box;text-align:center}.SumoSelect>.optWrapper.multiple>.MultiControls>p:hover{background-color:#f1f1f1}.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk{border-right:1px solid #DBDBDB;border-radius:0 0 0 3px}.SumoSelect>.optWrapper.multiple>.MultiControls>p.btnCancel{border-radius:0 0 3px}.SumoSelect>.optWrapper.isFloating>.options li.opt{padding:12px 6px}.SumoSelect>.optWrapper.multiple.isFloating>.options li.opt{padding-left:35px}.SumoSelect>.optWrapper.multiple.isFloating{padding-bottom:43px}.SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#11a911;box-shadow:none;border-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center center}.SumoSelect.disabled{opacity:.7;cursor:not-allowed}.SumoSelect.disabled>.CaptionCont{border-color:#ccc;box-shadow:none}.SumoSelect .select-all{border-radius:3px 3px 0 0;position:relative;border-bottom:1px solid #ddd;background-color:#fff;padding:8px 0 3px 35px;height:20px;cursor:pointer}.SumoSelect .select-all>label,.SumoSelect .select-all>span i{cursor:pointer}.SumoSelect .select-all.partial>span i{background-color:#ccc}.SumoSelect>.optWrapper>.options li.optGroup{padding-left:5px;text-decoration:underline} /* End */ /* Start:/local/templates/bobox/css/jquery.fancybox.min.css?173952903312795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/bobox/css/dropzone.min.css?17395290339830*/ @-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%,70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626} /* End */ /* Start:/local/templates/bobox/css/pweb.css?17513826769527*/ /* reviews drag-n-drop */ .dropzone{ outline: none!important; background: #F0F2F7!center; border: 1px dashed #E4E9F0!important; -webkit-box-sizing: border-box; box-sizing: border-box!important; -webkit-border-radius: 4px!important; border-radius: 4px!important; width: 100%; min-height: 100px!important; display: flex; justify-content: flex-start; flex-wrap: wrap; } .dropzone .dz-preview{ text-align: center; } .dropzone .dz-preview.dz-image-preview{ margin: 0 1% 2%; width: 23%; } .dropzone .dz-preview .dz-image{ max-width: 100%; max-height: 120px; margin: 0 auto; } .dropzone .dz-preview button{ background: none; border: none; font-size: 12px; outline: none; } .dropzone .dz-message{ display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100%; } .dropzone .dz-message .dz-button{ color: #A0AEB5!important; } .dropzone:hover .dz-message .dz-button{ color: #2067B0!important; } .rewievDragText{ opacity: 0.6 } .rewievDragImg{ margin-top: 10px; width: 60px; } /* END reviews drag-n-drop */ /* reviews */ .reviewAllimages__title{ line-height: 34px; font-size: 24px; margin-bottom: 20px; font-family: 'Proxima Nova Light', sans-serif; } .reviewAllimages{ display: flex; flex-wrap: wrap; margin-bottom: 30px; width: 100%; } .commentary .reviewAllimages{ margin-bottom: 0; } .reviewAllimages a{ display: block; margin-right: 7px; } .reviewAllimages a img{ max-width: 100%; } .fancybox-is-open .fancybox-bg{ opacity: .6; } .modal-default{ background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-align: center; max-width: 650px; padding: 50px; width: 100%; } /* формы с отступами */ #installmentPlan, #elementlogin{ max-width: 650px; padding: 50px; width: 100%; } .modal-default__title { margin: 0 0 40px 0; font-size: 30px; font-weight: 600; } .modal-default__sub_title{ font-size: 16px; line-height: 1.3; margin-bottom: 20px; } .modal-form__row{ margin: 0 0 15px; } .default-form__input{ color: #202020; font-family: 'Proxima Nova', sans-serif, PT Sans; font-size: 16px; line-height: 44px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 3px 20px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; background: #F9F9F9; border: 1px solid #DEDEDE; width: 100%; } .default-textrarea{ background: #F9F9F9; border: 1px solid #DEDEDE; color: #202020; display: block; font-family: 'Proxima Nova', sans-serif, PT Sans; font-size: 16px; line-height: 22px; height: 80px; padding: 11px 20px; width: 100%; } .default-form__submit{ display: inline-block; position: relative; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 15px; width: 100%; background: #D71921; color: #fff; font-size: 16px; text-align: center; font-weight: normal; cursor: pointer; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; text-transform: uppercase; max-width: 320px; height: 55px; letter-spacing: 2px; } .default-form__submit:hover{ transform: scale(1.05); } .modal-default input[type="text"], input[type="email"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; } /* tabs */ .tabs-list-item{ padding: 0; /*margin: 0 50px;*/ } .tabs-list-item.active{ background: #fff!important; color: #000!important; border-bottom: 2px solid #000; position: relative; } /*.tabs-list-item.active::after{*/ /* content: '';*/ /* position: absolute;*/ /* left: 0;*/ /* right: 0;*/ /* background: #000;*/ /* height: 1px;*/ /* bottom: -20px;*/ /*}*/ /* reviews */ .commentary-input{ border: 1px solid #E4E9F0; border-radius: 4px; padding: 15px; max-width: 900px; width: 100%; } .commentary-input-btn-wrapper{ margin-top: 20px; } .commentary-input__heading{ font-size: 30px; font-family: 'Proxima Nova', sans-serif, PT Sans; line-height: 1.3; text-align: center; border: none; } .commentary-input__heading_sm{ font-size: 20px; font-family: 'Proxima Nova', sans-serif, PT Sans; line-height: 1.3; text-align: center; border: none; } .commentary-input-block__input{ display: block; font-family: 'Proxima Nova', sans-serif, PT Sans; font-size: 16px; margin: 0; outline: none; padding: 15px; } .commentary-input-rate-time-use__input{ font-family: 'Proxima Nova', sans-serif, PT Sans; font-size: 16px; height: 42px; } .pweb_review__item{ border: 1px solid #E4E9F0; border-radius: 4px; padding: 15px; margin-bottom: 20px!important; } .review__name{ display: flex; align-items: center; } .review__name__quots{ margin-right: 20px; } .review__name__quots img{ width: 40px; } .review__name__text{ } .tabs-container-list-item-innercontainer-side-top-item-name{ margin-bottom: 5px!important; } .tabs-container-list-item-innercontainer-side-text-block{ display: flex; flex-direction: column; margin-bottom: 20px; } .tabs-container-list-item-innercontainer-side-text-block__head{ margin-bottom: 0; line-height: 32px; margin-right: 10px; font-family: 'Proxima Nova Semibold', sans-serif; font-size: 18px; font-weight: 700; } .tabs-container-list-item-innercontainer-side-text-block__main{ font-family: 'Proxima Nova', sans-serif, PT Sans; font-size: 18px; } .topreviewBlock{ align-items: center; display: flex; } .topreviewBlock__linkcount, .topreviewBlock__BlockCount{ color: #000; font-size: 18px; line-height: 1; padding: 20px 0 10px; margin-left: 20px; } .topreviewBlock__linkcount{ padding: 10px 0; } .topreviewBlock__linkcount:hover{ text-decoration: none; } .where-buy-city-selector-mobile{ display: none!important; } /* footer */ .footer__socList{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .footer__socList a:hover{ transform: scale(1.03); } .footer__socList svg{ height: auto; width: 30px; } .paySystemList{ display: flex; align-items: center; justify-content: space-between; margin-top: -10px; margin-bottom: 20px; } .paySystemList_mob{ margin-top: 0; justify-content: space-around; } .paySystemList img{ width: 44px; } .footer_wa a{ display: flex; align-items: center; } .footer_wa a img{ margin-right: 10px; width: 18px; } .footer-top-mob-row_horiz .footer-top-mob-row-item.w100{ flex: 90%; width: 90%; margin-bottom: 15px; } .footer-top-mob-row-item .footer-top-item-list__item a img{ width: 12px; height: 12px; display: none; } /* SUBHEADER */ .subHeader{ /*background: #F9F9F9;*/ /*border-bottom: 1px solid #DEDEDE;*/ background: #959595; /*background: #777777;*/ } .subHeader.hide{ display: none; } .subHeader__info{ display: flex; align-items: center; justify-content: center; padding: 4px 0; } .subHeader__text, .subHeader__link{ margin: 0 6px; } .subHeader__text{ color: #fff; text-decoration: none; } .subHeader__text:visited{ color: #fff; text-decoration: none; } .subHeader__text:hover{ color: #fff; text-decoration: none; } .subHeader__link a{ color: #fff; text-decoration: underline; } .subHeader__link a:hover{ color: #fff; text-decoration: underline; } /* forms */ .commonSelect{ display: block; background: #F0F2F7; border: 1px solid #E4E9F0; border-radius: 4px; font-family: 'Proxima Nova', sans-serif, PT Sans; font-size: 16px; height: 31px; padding: 0 7px; width: 100%; } @media screen and (max-width: 1300px) { .card-main-block-description-row{ flex-wrap: wrap; } .card-main-block-description-row-btn-wrapper{ flex-basis: auto; margin-bottom: 20px; margin-right: 2%; width: 45%; } } @media screen and (max-width: 1024px) { .subHeader__link{ display: none; } .subHeader__text{ font-size: 14px; text-align: center; } } @media screen and (max-width: 767px) { .modal-default, #installmentPlan, #elementlogin{ padding: 25px 20px; } .where-buy-city-selector-mobile{ display: flex!important; } } @media screen and (max-width: 480px) { .dropzone .dz-preview.dz-image-preview{ margin: 0 1% 2%; width: 48%; } .reviewAllimages__title{ margin: 0 20px 20px; } .reviewAllimages{ padding: 0 20px; } .commentary .reviewAllimages{ padding: 0; } .reviewAllimages a{ margin: 0 1% 1%; width: 31.333%; } #installmentPlan .modal-default__title, #elementlogin .modal-default__title{ font-size: 22px; } } /* End */ /* Start:/local/templates/bobox/css/pweb2024.css?1739529033504*/ .item__rateWrapper { align-items: center; display: flex; margin-right: 10px; padding: 10px 0; } .commonRateStar { height: 18px; margin-right: 5px; width: 18px; } .commonRateVal { color: #737373; font-size: 14px; line-height: 1; } /* element */ .elementLoginForm{ margin-bottom: 20px; } .elementLoginForm a{ align-items: center; color: #d71920; display: flex; font-size: 15px; gap: 15px; } .elementLoginForm a svg{ width: 16px; } /* End */ /* Start:/local/templates/bobox/css/main.css?1751383719344758*/ * { padding: 0; margin: 0; } @font-face { font-family: 'Roboto Bold'; src: url(/local/templates/bobox/css/../fonts/Roboto-Bold.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Gotham Pro'; src: url(/local/templates/bobox/css/../fonts/GothamProRegular.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Roboto Light'; src: url(/local/templates/bobox/css/../fonts/Roboto-Light.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Gotham Bold'; src: url(/local/templates/bobox/css/../fonts/GothamProBold.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Proxima Nova'; src: url(/local/templates/bobox/css/../fonts/ProximaNova.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Proxima Nova Bold'; src: url(/local/templates/bobox/css/../fonts/ProximaNovaBold.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Proxima Nova Light'; src: url(/local/templates/bobox/css/../fonts/ProximaNovaLight.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Proxima Nova Semibold'; src: url(/local/templates/bobox/css/../fonts/ProximaNovaSemibold.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Poppins'; src: url(/local/templates/bobox/css/../fonts/Poppins-regular.ttf); font-weight: 700; font-style: normal; } @font-face { font-family: 'Proxima Nova Extrabold'; src: url(/local/templates/bobox/css/../fonts/ProximaNovaExtrabld.ttf); } @font-face { font-family: 'test1'; src: url(/local/templates/bobox/css/../fonts/freeset-cyrillic_[allfont.ru].ttf); } @font-face { font-family: 'test2'; src: url(/local/templates/bobox/css/../fonts/freeset-bold-cyrillic_[allfont.ru].ttf); } @font-face { font-family: 'Tahoma'; src: url(/local/templates/bobox/css/../fonts/Tahoma.ttf); } @font-face { font-family: 'journalism'; src: url(/local/templates/bobox/css/../fonts/journalism.ttf); } @font-face { font-family: 'Arimo'; src: url('/local/templates/bobox/css/../fonts/Arimo-Regular.ttf'); } @font-face { font-family: 'Cormorant'; src: url('/local/templates/bobox/css/../fonts/Cormorant-Regular.ttf'); } @font-face { font-family: 'Montserrat'; src: url('/local/templates/bobox/css/../fonts/Montserrat-Regular.ttf'); } @font-face { font-family: 'PlayfairDisplay'; src: url('/local/templates/bobox/css/../fonts/PlayfairDisplay-Regular.ttf'); } * { padding: 0; margin: 0; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .wrapper { overflow: hidden; font-family: 'Proxima Nova', sans-serif, PT Sans; font-size: 18px; min-height: 100vh; } @media screen and (max-width: 768px) { .wrapper { -webkit-background-size: 100px 100px; background-size: 100px; } } @media screen and (min-width: 1920px) { .wrapper { background: url(/local/templates/bobox/css/../img/icons/parallax.svg) no-repeat; background-attachment: fixed; background-position: -40px 90%; } } a { text-decoration: none; } .container { max-width: 1440px; margin: 0 auto; position: relative; width: auto; } .container_slider { max-width: 1980px; } .main { padding-top: 80px; } /*.main.haveSub {*/ /* padding-top: 198px;*/ /*}*/ @media screen and (max-width: 1024px) { .main.haveSub { padding-top: 95px; } } .header.hidden { transform: translateY(-101%); } .header-mob { align-items: center; background: #f9f9f9; display: none; justify-content: space-between; /*position: fixed;*/ padding: 20px; -webkit-box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.05); box-shadow: 0px 7px 7px rgba(0, 0, 0, 0.05); height: 70px; /*z-index: 2001;*/ width: 100%; } @media screen and (max-width: 1024px) { .header-mob { display: flex; } } .header-mob-logo { height: 31px; } .header-mob-logo img { height: 100%; } .header-mob-phone { width: 20px; height: 20px; margin-left: auto; margin-right: 24px; } .header-mob-search { width: 20px; height: 20px; cursor: pointer; margin-right: 24px; } .header-mob-search svg { width: 100%; height: 100%; } .header-mob-wa { width: 20px; height: 20px; cursor: pointer; margin-right: 24px; } .header-mob-wa img { width: 22px; } .header-mob-burger { width: 25px; height: 18px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; } .header-mob-burger__line { width: 25px; height: 3px; background: #3a405b; position: relative; display: block; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .header-mob-burger:after, .header-mob-burger:before { content: ''; display: block; position: absolute; width: 25px; height: 3px; background: #3a405b; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .header-mob-burger:after { top: 0; left: 0px; z-index: 10; } .header-mob-burger:before { bottom: -1px; left: 0px; z-index: 10; } .header-mob-burger.active .header-mob-burger__line { opacity: 0; } .header-mob-burger.active:before { bottom: 8px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .header-mob-burger.active:after { top: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .header-mob-menu { /*position: fixed;*/ opacity: 0; height: 0; width: 100vw; padding-top: 0; background: #f9f9f9; overflow: hidden; -webkit-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; /*z-index: 2000;*/ } .header-mob-menu.active { opacity: 1; height: -webkit-calc(100vh); height: calc(100vh); /*padding-top: 120px;*/ padding-top: 40px; } .header-mob-menu-row { display: flex; justify-content: center; align-items: center; margin-bottom: 18px; font-family: 'Proxima Nova Semibold', sans-serif; } .header-mob-menu-row_socials { margin-bottom: 60px; } .header-mob-menu-row_socials a { margin-right: 15px; filter: grayscale(1); } .header-mob-menu-row_socials a:last-child { margin-right: 0px; } .header-mob-menu-row_horiz { -webkit-justify-content: space-around; justify-content: space-around; flex-direction: column; align-items: center; text-align: center; font-family: 'Proxima Nova', sans-serif; padding: 10px 0; } .header-mob-menu-row_horiz .header-mob-menu-row-item { display: flex; align-items: center; flex-direction: column; } .header-mob-menu-row_mb { margin-bottom: auto; } .header-mob-menu-row a { color: #000; } .header-mob-menu-row a svg { height: auto; width: 30px; } .header-mob-menu-row_red { -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .header-mob-menu-row_red a { color: #d71921; display: block; text-align: center; } .header-mob-menu-list > a { position: relative; } .header-mob-menu-list > a:before { position: absolute; right: -15px; top: 6px; content: ''; width: 5px; height: 5px; border-left: 2px solid #d71921; border-bottom: 2px solid #d71921; transform: rotate(-45deg); transition: 0.3s; } .header-mob-menu-list > a.active:before { transform: rotate(-225deg); top: 9px; } .header-mob-menu-list-wrap { display: none; margin-top: 10px; } .header-mob-menu-list-wrap a { font-size: 14px; color: #000; padding: 5px 0; } .header-mob-menu-row .header-wrapper-item-list-item { margin-right: 80px; } .header-mob-menu-row .header-wrapper-item-list-item svg { height: 35px; width: 35px; } .header-mob-menu-row .header-wrapper-item-list-item__count { bottom: -webkit-calc(100% - 18px); bottom: calc(100% - 18px); left: -webkit-calc(100% - 12px); left: calc(100% - 12px); } .header-mob-menu-row .header-wrapper-item-list-item:last-child { margin-right: 0px; } .header-mob-absoluted-bottom { bottom: 0px !important; left: 50% !important; top: unset !important; right: unset !important; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .header-mob-absoluted-bottom .header-wrapper-item-lang { -webkit-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; } .header-mob-absoluted-bottom .header-wrapper-item-lang:first-child { -webkit-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .header-wrapper { display: flex; position: relative; align-items: center; justify-content: space-between; padding: 29px 41px; } .header-wrapper.minified { padding: 10px 41px; } .header-wrapper__logo { width: 155px; } .header-wrapper__logo img { width: 100%; } .header-wrapper_background { background: #fff; position: relative; z-index: 10; } @media screen and (max-width: 1024px) { .header-wrapper_background { display: none; } } .header-wrapper-item-row { display: flex; align-items: center; } @media screen and (max-width: 1024px) { .header-wrapper-item-row:first-child { font-size: 18px; margin-bottom: 10px; } } @media screen and (max-width: 480px) { .header-wrapper-item-row { font-size: 14px; margin-bottom: 18px; } } .header-wrapper-item-row:first-child .header-wrapper-item-row__text { font-size: 18px; } @media screen and (max-width: 480px) { .header-wrapper-item-row:first-child .header-wrapper-item-row__text { font-size: 14px; } } .header-wrapper-item-row_hover:hover { text-decoration: underline; cursor: pointer; } .header-wrapper-item-row__text { font-size: 18px; margin-left: 10px; } .header-wrapper-item-row__link { color: #000; } .header-wrapper-item-lang { color: #a7a7a7; padding: 7px 15px; border: 1px solid #a7a7a7; display: flex; justify-content: center; align-items: center; -webkit-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0; } .header-wrapper-item-lang:first-child { -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; border-right: none; } .header-wrapper-item-lang.active { color: #000; } .header-wrapper-item-lang_updated { padding: 0px; border: none; -webkit-border-radius: none; border-radius: none; } .header-wrapper-item-list { display: flex; align-items: center; justify-content: space-between; } .header-wrapper-item-list_width1 { width: 400px; margin: 0 30px; } .header-wrapper-item-list_width1 .header-wrapper-item-list-item:nth-child(2) .header-wrapper-item-list-item-inner-ul { -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .header-wrapper-item-list_width2 { width: 260px; } .header-wrapper-item-list-item { color: #000; position: relative; display: flex; flex-direction: column; white-space: nowrap; position: relative; } .header-wrapper-item-list-item-inner-ul { display: none; flex-direction: column; position: absolute; z-index: 100; top: 100%; left: -10px; align-items: flex-start; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #c7c7c7; min-width: 150px; } .header-wrapper-item-list-item-inner-ul-item { padding: 10px 0; position: relative; color: inherit; outline: none; } .header-wrapper-item-list-item-inner-ul-item:after { content: ''; display: block; position: absolute; bottom: 0; width: 0%; background: #d71921; height: 2px; -webkit-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } .header-wrapper-item-list-item-inner-ul-item:hover:after { width: 100%; } .header-wrapper-item-list-item_red-hover:before { content: ''; width: 0%; position: absolute; display: block; bottom: -5px; left: 0px; height: 2px; background: #d71921; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-wrapper-item-list-item_red-hover:hover:before { width: 100%; } .header-wrapper-item-list-item__count { position: absolute; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; color: #fff; background: #d71921; -webkit-border-radius: 50%; border-radius: 50%; font-size: 14px; font-family: 'Poppins', sans-serif; bottom: -webkit-calc(100% - 12px); bottom: calc(100% - 12px); left: -webkit-calc(100% + 0px); left: calc(100% + 0px); } .header-wrapper-item-list-item:hover .header-wrapper-item-list-item-inner-ul { display: flex; background: #fff; padding: 5px 10px; } .header-wrapper-item_absoluted { position: absolute; top: 0; right: 83px; height: 29px; display: flex; } .header-nav { position: relative; z-index: 2; display: flex; justify-content: space-between; height: 50px; } .header-nav_background { border-bottom: 2px solid #d71921; background: -webkit-gradient(linear, left top, left bottom, from(#d71921), to(#a90108)); background: -webkit-linear-gradient(top, #d71921 0%, #a90108 100%); background: -o-linear-gradient(top, #d71921 0%, #a90108 100%); background: linear-gradient(180deg, #d71921 0%, #a90108 100%); z-index: 1; transition: 0.3s ease; } .header-nav_background.hidden { transform: translateY(-100%); } .error-page .header-nav_background.hidden { transform: translateY(0); } @media screen and (max-width: 1024px) { .header-nav_background { display: none; } } .header-nav-list { display: flex; justify-content: space-between; align-items: stretch; flex: 1; padding: 0 13px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-nav-list.active { opacity: 0; -webkit-box-flex: 0; -webkit-flex: 0 1 0%; -ms-flex: 0 1 0%; flex: 0 1 0%; overflow: hidden; } .header-nav-list-ul-outter { width: 100%; z-index: 1; background: #fff; } .header-nav-list-ul-outter:after { content: ''; display: block; position: absolute; width: 100vw; height: 100%; background: #fff; top: 0; right: 100%; z-index: 0; } .header-nav-list-ul-outter:before { content: ''; display: block; position: absolute; width: 100vw; height: 100%; background: #fff; top: 0; left: 100%; z-index: 0; } .header-nav-list-ul-outter.active-0 { background: #dec0dc; } .header-nav-list-ul-outter.active-0:before, .header-nav-list-ul-outter.active-0:after { background: #dec0dc; } .header-nav-list-ul-outter.active-1 { background: #fffbb4; } .header-nav-list-ul-outter.active-1:before, .header-nav-list-ul-outter.active-1:after { background: #fffbb4; } .header-nav-list-ul-outter.active-2 { background: #c7d0cc; } .header-nav-list-ul-outter.active-2:before, .header-nav-list-ul-outter.active-2:after { background: #c7d0cc; } .header-nav-list-ul-outter.active-3 { background: #dafff6; } .header-nav-list-ul-outter.active-3:before, .header-nav-list-ul-outter.active-3:after { background: #dafff6; } .header-nav-list-ul-outter.active-4 { background: #fcdc91; } .header-nav-list-ul-outter.active-4:before, .header-nav-list-ul-outter.active-4:after { background: #fcdc91; } .header-nav-list-item { width: 145px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; color: #fff; text-transform: uppercase; } .header-nav-list-item-ul { display: none; width: 100%; padding: 25px 40px; } .header-nav-list-item-ul.active { display: flex; } .header-nav-list-item-ul-side { display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 75%; -ms-flex: 0 1 75%; flex: 0 1 75%; flex-direction: column; } .header-nav-list-item-ul-side-head { font-size: 24px; font-weight: 300; font-family: 'Roboto Light', sans-serif; margin-bottom: 10px; } .header-nav-list-item-ul-side-ul { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-nav-list-item-ul-side-link { margin-top: 20px; text-align: center; } .header-nav-list-item-ul-side-link a { color: #d71921; font-family: 'Proxima Nova Semibold', sans-serif; } .header-nav-list-item-ul-side-link a:hover { text-decoration: underline; } .header-nav-list-item-ul-side-ul-item { -webkit-box-flex: 0; -webkit-flex: 0 1 33%; -ms-flex: 0 1 33%; flex: 0 1 33%; display: flex; align-items: center; height: 61px; padding-right: 10px; cursor: pointer; outline: none; color: #000; } .header-nav-list-item-ul-side-ul-item svg path { stroke-width: 1px; } .header-nav-list-item-ul-side-ul-item:hover { text-decoration: underline; color: #d71921; } .header-nav-list-item-ul-side-ul-item .transformed svg { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .header-nav-list-item-ul-side-ul-item .transformed-mod { -webkit-transform: translateX(-13%); -ms-transform: translateX(-13%); transform: translateX(-13%); } .header-nav-list-item-ul-side-ul-item__icon { margin-right: 15px; width: 90px; display: flex; align-items: center; justify-content: center; } .header-nav-list-item-ul-side-ul-item__icon img { max-width: 100%; height: 34px; } .header-nav-list-item-ul-side-ul-item__text { font-size: 18px; font-family: 'Roboto Light', sans-serif; color: inherit; flex: 1; } .header-nav-list-item_red { color: #ff0000; } .header-nav-list-item:hover { background: rgba(222, 192, 220, 0.7); opacity: 1; } .header-nav-list-item:nth-child(2):hover { background: rgba(255, 251, 180, 0.7); opacity: 1; } .header-nav-list-item:nth-child(3):hover { background: rgba(199, 208, 204, 0.7); opacity: 1; } .header-nav-list-item:nth-child(4):hover { background: rgba(218, 255, 246, 0.7); opacity: 1; } .header-nav-list-item:nth-child(5):hover { background: rgba(252, 220, 145, 0.7); opacity: 1; } .header-nav-list-item.active { opacity: 1; background: rgba(222, 192, 220, 0.7); } .header-nav-list-item:nth-child(2).active { background: rgba(255, 251, 180, 0.7); opacity: 1; } .header-nav-list-item:nth-child(3).active { background: rgba(199, 208, 204, 0.7); opacity: 1; } .header-nav-list-item:nth-child(4).active { background: rgba(218, 255, 246, 0.7); opacity: 1; } .header-nav-list-item:nth-child(5).active { background: rgba(252, 220, 145, 0.7); opacity: 1; } .header-nav-search-bar { display: flex; align-items: center; justify-content: flex-start; flex: 1; padding: 0 0 0 22px; /*border-left: 1px solid #DEDEDE*/ } .header-nav-search-bar.active { justify-content: flex-start; border-left: 1px solid transparent; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-nav-search-bar__search-input { border: none; outline: none; font-size: 18px; color: #fff; margin-left: 10px; width: 100%; background: transparent; } .header-nav-search-bar__search-input.active { padding-left: 10px; } .header-nav-search-bar__search-input::-webkit-input-placeholder { color: #fff; } .header-nav-search-bar__search-input:-ms-input-placeholder { color: #fff; } .header-nav-search-bar__search-input::-ms-input-placeholder { color: #fff; } .header-nav-search-bar__search-input::placeholder { color: #fff; } .header-nav-search-bar_wrapper { display: flex; align-items: stretch; -webkit-box-flex: 0; -webkit-flex: 0 1 271px; -ms-flex: 0 1 271px; flex: 0 1 271px; } .header-nav-search-bar_wrapper.active { flex: 1; padding: 0 0 0 183px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header-nav-list-ul-outter { display: block; position: absolute; top: 100%; } .arrow-down { display: inline-block; width: 8px; height: 8px; margin-left: 10px; -webkit-transform: rotate(-45deg) translateY(-30%); -ms-transform: rotate(-45deg) translateY(-30%); transform: rotate(-45deg) translateY(-30%); border-bottom: 1px solid #fff; border-left: 1px solid #fff; -webkit-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } .arrow-down_red { border-bottom: 1px solid #ff0000; border-left: 1px solid #ff0000; } .slider-wrapper { height: -webkit-calc(100vh - 165px); height: calc(100vh - 165px); position: relative; } @media screen and (max-width: 480px) { .slider-wrapper { height: 195px; } } .block { padding: 40px 0 20px; padding-left: 40px; padding-right: 40px; } @media screen and (max-width: 480px) { .block { padding: 15px 0; padding-left: 20px; padding-right: 20px; } .where-buy-loader--relative .block { position: relative; padding: 35px 10px 15px; margin-top: 20px; } } .block-h2 { text-align: center; margin-bottom: 10px; } .block-head { font-size: 36px; text-align: center; margin-bottom: 30px; font-family: 'Proxima Nova Light', sans-serif; } @media screen and (max-width: 480px) { .block-head { font-size: 24px; } } .block-head-mini { margin-bottom: 20px; font-family: 'Proxima Nova Semiblod', sans-serif; font-size: 24px; } .block-head_text-left { text-align: left; } .block_padding { padding: 80px 40px 50px 40px; } .block_padding-ext { padding: 20px 40px 120px 40px; } @media screen and (max-width: 480px) { .block_padding-ext { padding: 40px 20px 80px; } } .block_padding-less { padding: 0 40px 5px; } @media screen and (max-width: 480px) { .block_padding-less { padding: 0px 0px 5px; } } .block-text { font-family: 'Proxima Nova', sans-serif; line-height: 29px; font-size: 20px; text-align: justify; color: #000000; letter-spacing: 0.5px; } .block-text_full { width: 100%; max-width: 100%; margin-bottom: 20px; } @media screen and (max-width: 480px) { .block-text_full { line-height: 23px; font-size: 16px; } } .first-slider__arrow-next, .first-slider__arrow-prev { opacity: 0.4; position: absolute; z-index: 10; top: 50%; padding: 0 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; cursor: pointer; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .first-slider__arrow-next:hover, .first-slider__arrow-prev:hover { opacity: 1; } .first-slider__arrow-next:hover { background: rgba(0, 0, 0, 0.3); } .first-slider__arrow-prev:hover { background: rgba(0, 0, 0, 0.3); } @media screen and (max-width: 480px) { .first-slider__arrow-next, .first-slider__arrow-prev { display: none; } } .first-slider__arrow-next { right: 0px; padding: 0 10px 0 10px; } .first-slider__arrow-prev { left: 0px; padding: 0 10px 0 10px; } .first-slider-item { outline: none; height: -webkit-calc(100vh - 165px); height: calc(100vh - 165px); position: relative; background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden; } .first-slider-item img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; min-width: 100%; object-fit: cover; /*min-height: 100%;*/ /*width: 100%;*/ z-index: 1; margin: 0 auto; } .first-slider-item a { display: flex; width: 100%; height: 100%; position: relative; } .first-slider-item .first-slider__bannerWrapper { position: absolute; /*bottom: 0;*/ top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 100%; z-index: 2; } .first-slider__bannerWrapper .container { padding: 0 40px; } .first-slider-item .first-slider__banner { /*background: rgba(0,0,0,0.7);*/ background: rgba(241, 241, 241, 0.9); /*border-top: 2px solid #D71921;*/ box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); min-height: 470px; width: 400px; color: #111; padding: 30px; position: relative; display: flex; flex-direction: column; flex-shrink: 0; z-index: 1; } .first-slider__bannerSubzag { font-size: 24px; margin-bottom: 20px; font-family: 'Proxima Nova Light', sans-serif; text-align: center; } .first-slider__bannerZag { font-size: 32px; margin-bottom: 30px; text-align: center; font-family: 'Proxima Nova Light', sans-serif; } .first-slider__bannerText { font-size: 18px; line-height: 1.4; text-align: center; margin-bottom: 30px; } .first-slider__bannerButton { /*border: 2px solid #A8A8A8;*/ text-transform: uppercase; font-size: 14px; letter-spacing: 1px; border-radius: 4px; background: transparent; padding: 10px 15px; text-align: center; position: absolute; bottom: 30px; width: 80%; box-sizing: border-box; left: 10%; right: 10%; } .slider-wrapper, .first-slider-item { /*height: 654px;*/ height: 720px; } @media screen and (max-width: 1440px) { .slider-wrapper, .first-slider-item { height: 654px; } } @media screen and (max-width: 767px) { /*.first-slider-item {*/ /* height: 195px;*/ /*}*/ .first-slider-item .first-slider__banner { margin: 0 auto; } } @media screen and (max-width: 480px) { .slider-wrapper, .first-slider-item { height: auto; } .first-slider-item a { flex-wrap: wrap; } .first-slider-item img { position: absolute; /*top: 50%;*/ top: 0%; left: 50%; /*-webkit-transform: translate(-50%, -50%);*/ /*-ms-transform: translate(-50%, -50%);*/ /*transform: translate(-50%, -50%);*/ /*transform: translateX(-50%);*/ height: auto; min-width: auto; min-height: 220px; width: 100%; /*object-fit: cover;*/ position: static; transform: none; } .first-slider-item .first-slider__bannerWrapper { position: static; transform: none; } .first-slider__bannerWrapper .container { padding: 0; } .first-slider-item .first-slider__banner { /*min-height: 390px;*/ min-height: auto; width: 100%; } /*.first-slider-item .first-slider__banner{*/ /* background: rgba(0,0,0,1);*/ /*}*/ .first-slider__bannerSubzag { text-align: center; } .first-slider__bannerZag { font-size: 28px; margin-bottom: 20px; text-align: center; } .first-slider__bannerText { text-align: center; margin-bottom: 20px; } .first-slider__bannerButton { position: static; margin-bottom: 0; width: 100%; } } .first-slider-item-text-section { position: absolute; color: #fff; height: 100%; padding: 40px; display: flex; flex-direction: column; } .first-slider-item-text-section_bottom { -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .first-slider-item-text-section_center { width: 100%; height: 100%; align-items: center; justify-content: center; } .first-slider-item-text-section_center .first-slider-item-head { margin-bottom: 20px; } .first-slider-item-text-section_full-height { max-width: 400px; text-align: center; align-items: center; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .first-slider-item-head { font-size: 54px; font-family: 'Proxima Nova Bold'; } .first-slider-item-head_back { background: rgba(255, 102, 0, 0.4); display: flex; margin-bottom: 20px; padding: 0 20px; } .first-slider-item-head_back:first-child { margin-bottom: 0px; } .first-slider-item-text { font-size: 38px; } .first-slider-item-text_ff { font-family: 'Proxima Nova Light', sans-serif; letter-spacing: -2px; } .first-slider .first-slider-item-btn { display: flex; align-items: center; justify-content: center; width: 187px; height: 37px; color: #fff; font-size: 18px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #fff; outline: none; background: none; } .first-slider .first-slider-item-btn_full { background: #d71921; border: 1px solid #d71921; } .slick-dots { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: flex; align-items: center; justify-content: space-between; } .slick-dots li { list-style: none; margin-right: 14px; } .slick-dots li:last-child { margin-right: 0px; } .slick-dots li button { border: 2px solid #fff; background: transparent; /*width: 18px;*/ /*height: 18px;*/ width: 14px; height: 14px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0; cursor: pointer; outline: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .slick-dots .slick-active button { background: #fff; } .in-work { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 0px; } @media screen and (max-width: 480px) { .in-work { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 40px; } } .in-work-item { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 275px; } /*.in-work-item:nth-child(1) .in-work-item__img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4) } @media screen and (max-width: 480px) { .in-work-item:nth-child(1) .in-work-item__img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } } .in-work-item:nth-child(2) .in-work-item__img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } @media screen and (max-width: 480px) { .in-work-item:nth-child(2) .in-work-item__img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } @media screen and (max-width: 480px) { .in-work-item:nth-child(3) .in-work-item__img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } }*/ .in-work-item:nth-child(4) .in-work-item__img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } @media screen and (max-width: 480px) { .in-work-item:nth-child(4) .in-work-item__img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @media screen and (max-width: 480px) { .in-work-item { -webkit-box-flex: 0; -webkit-flex: 0 1 45%; -ms-flex: 0 1 45%; flex: 0 1 45%; margin-bottom: 20px; } } .in-work-item__head { font-size: 20px; font-family: 'Proxima Nova Semibold', sans-serif; font-weight: 900; margin-bottom: 10px; color: #d71921; } @media screen and (max-width: 480px) { .in-work-item__head { text-align: center; font-size: 16px; } } .in-work-item__img { height: 90px; margin-bottom: 20px; } .in-work-item__img img { height: 100%; } @media screen and (max-width: 480px) { .in-work-item__img img { width: 100%; } } .in-work-item__text { text-align: center; font-size: 16px; } @media screen and (max-width: 480px) { .in-work-item__text { font-size: 14px; display: none; } } .choice-of-customers { position: relative; z-index: 10; height: 436px; } .choice-of-customers-gallery { position: absolute; top: 80px; left: 40px; width: 100%; width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } @media screen and (max-width: 480px) { .choice-of-customers-gallery { top: 55px; width: -webkit-calc(100% - 175px); width: calc(100% - 175px); left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } } @media screen and (max-width: 480px) { .choice-of-customers-gallery { top: 55px; width: 301px; margin: 0 auto; } } .second-slider { display: flex; justify-content: space-between; } @media screen and (max-width: 374px) { .second-slider .card-item { width: 300px; } } .second-slider__arrow-prev, .second-slider__arrow-next { position: absolute; top: 150px; opacity: 0.5; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } @media screen and (max-width: 480px) { .second-slider__arrow-prev, .second-slider__arrow-next { height: 56px; top: 150px; } .second-slider__arrow-prev svg, .second-slider__arrow-next svg { height: 100%; } } .second-slider__arrow-prev:hover, .second-slider__arrow-next:hover { opacity: 1; } .second-slider__arrow-prev { left: -30px; } .second-slider__arrow-next { right: -30px; } .second-slider .slick-active:last-child, .slick-initialized .slick-slide.slick-active:last-child { margin-right: 0px; } .card-item { background: #ffffff; /*border: 1px solid #E3E8F0;*/ border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; /*-webkit-border-radius: 5px; border-radius: 5px;*/ width: 325px; padding: 10px 0 20px; margin: 35px 0 50px; outline: none; margin-right: 20px; } @media screen and (max-width: 1366px) { .card-item { width: 273px; } } @media screen and (max-width: 480px) { .card-item { width: 300px; } } @media screen and (max-width: 374px) { .card-item { width: 240px; } } .card-item:last-child { margin-right: 0px; } .card-item-row { display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; justify-content: space-between; padding: 0 10px; margin-bottom: 10px; } .card-item-row_relative { position: relative; } .card-item-row__img { cursor: pointer; width: 100%; display: flex; align-items: center; justify-content: center; } .card-item-row__img a { outline: none; height: 155px; } .card-item-row__img img { /*max-width: 100%; margin: 0 auto; height: 155px; outline: none; object-fit: contain;*/ width: 100%; margin: 0 auto; height: 100%; outline: none; object-fit: cover; } .card-item-row__fast-search { display: flex; align-items: center; font-size: 14px; color: #3d3d3d; cursor: pointer; } .card-item-row__fast-search svg { margin-left: 10px; } .card-item-row__like { cursor: pointer; } .card-item-row__like img { width: 22px; height: 20px; } .card-item-row-item { -webkit-box-flex: 0; -webkit-flex: 0 1 46%; -ms-flex: 0 1 46%; flex: 0 1 46%; } .card-item-row-item__head { font-size: 14px; color: #737373; } .card-item-row-item__value { font-size: 18px; color: #000; } .card-item-row-item__cost { font-size: 24px; white-space: nowrap; padding-top: 5px; } @media screen and (max-width: 1366px) { .card-item-row-item__cost { font-size: 18px; padding-top: 10px; } } .card-item-row-item__cost-red { font-size: 14px; color: #ff5050; margin-bottom: 3px; height: 15px; } .card-item-row-item__button { display: flex; align-items: center; justify-content: center; /*background: #D71921;*/ /*color: #FFF;*/ color: #000; text-transform: uppercase; -webkit-border-radius: 4px; border-radius: 4px; font-size: 14px; /*height: 37px;*/ line-height: 1; width: 140px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; outline: none; border: none; white-space: nowrap; position: relative; padding: 15px 0 10px; } .card-item-row-item .card-item-row-item__button { font-size: 15px; } .card-item-row-item .card-item-row-item__button::after { content: ''; background: url('/local/templates/bobox/css/../img/icons/i-bag_red.svg'); background-size: contain; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); height: 26px; width: 26px; } .card-item-row-item__button:hover { -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .card-item-row-item__button:active { -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); } @media screen and (max-width: 374px) { /*.card-item-row-item__button {*/ /* width: 101px*/ /*}*/ } .card-item-row-colors { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; position: absolute; z-index: 2; top: -15px; left: 10px; width: 30px; /*height: 134px; overflow-y: auto; */ padding-right: 5px; } .card-item-row-colors.notslick { top: 10px; } .card-item-row-colors::-webkit-scrollbar { width: 3px; } .card-item-row-colors::-webkit-scrollbar-thumb { border-radius: 3px; background: #d71921; height: 5px; width: 3px; } .card-item-row-colors::-webkit-scrollbar-track { width: 3px; background: transparent; } .card-item-row-colors__color { width: 14px; height: 14px; -webkit-border-radius: 50%; border-radius: 50%; position: relative; margin-bottom: 6px; cursor: pointer; outline: none; } .card-item-row-colors__color:after { content: ''; opacity: 0; position: absolute; top: 3px; left: 3px; z-index: 2; border-bottom: 1px solid #fff; border-left: 1px solid #fff; width: 7px; height: 4px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .card-item-row-colors__color:last-child { margin-bottom: 0px; } .card-item-row-colors__color:nth-child(1n) { background-color: #a75a2b; } .card-item-row-colors__color:nth-child(2n) { background-color: #d0ae78; } .card-item-row-colors__color:nth-child(3n) { background-color: #191516; } .card-item-row-colors__color:nth-child(4n) { background-color: #e2b874; } .card-item-row-colors__color:nth-child(5n) { background-color: #95873b; } .card-item-row-colors__color:nth-child(6n) { background-color: #191516; } .card-item-row-colors__color:nth-child(7n) { background-color: #e2b874; } .card-item-row-colors__color.active:after { opacity: 1; } @media screen and (max-width: 1025px) { .filter-mob-main .card-item-row-colors__color.active:after { opacity: 0; } } .card-item-row-colors_horiz { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: static; padding: 5px 0; height: unset; } .card-item-row-colors_horiz .card-item-row-colors__color { margin-right: 6px; margin-bottom: unset; width: 24px; height: 24px; margin-bottom: 10px; } .card-item-row-colors_horiz .card-item-row-colors__color:after { width: 14px; height: 9px; top: 4px; left: 4px; } .card-item.active { position: relative; z-index: 500; -webkit-transform: translateY(-42px); -ms-transform: translateY(-42px); transform: translateY(-42px); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border: 1px solid #a7a7a7; } .choice-of-customers-gallery .card-item.active { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .seond-slider .slick-active:last-child { margin-right: 0px; } .card-item_hide, .card-item_slide { display: none; } .needs-list { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 480px) { .needs-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .needs-list-item { width: 325px; height: 294px; display: flex; -webkit-border-radius: 5px; border-radius: 5px; position: relative; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; align-items: flex-start; overflow: hidden; padding: 27px 20px; margin-right: 20px; } .needs-list-item:last-child { margin-right: 0px; } .needs-list-item:nth-child(1) { background: #dec0dc; } .needs-list-item:nth-child(2) { background: #fffbb4; } .needs-list-item:nth-child(3) { background: #c7d0cc; } .needs-list-item:nth-child(4) { background: #dafff6; } @media screen and (max-width: 1366px) { .needs-list-item { width: 300px; } } @media screen and (max-width: 480px) { .needs-list-item { width: 150px; height: 135px; padding: 10px; margin-bottom: 20px; margin-right: 20px; } .needs-list-item:nth-child(even) { margin-right: 0px; } } @media screen and (max-width: 374px) { .needs-list-item { width: 130px; } } .needs-list-item__img { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; z-index: 0; } @media screen and (max-width: 480px) { .needs-list-item__img { -webkit-transform: scale(0.26) translate(143%, -203%); -ms-transform: scale(0.26) translate(143%, -203%); transform: scale(0.26) translate(143%, -203%); } } .needs-list-item:hover .needs-list-item__img { -webkit-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); transform: translateY(-50%) scale(1.1); } @media screen and (max-width: 480px) { .needs-list-item:hover .needs-list-item__img { -webkit-transform: scale(0.26) translate(143%, -203%); -ms-transform: scale(0.26) translate(143%, -203%); transform: scale(0.26) translate(143%, -203%); } } .needs-list-item-text { position: relative; z-index: 2; } .needs-list-item-text__head { color: #8b8b8b; font-size: 14px; } @media screen and (max-width: 480px) { .needs-list-item-text__head { font-size: 12px; } } .needs-list-item-text__name { font-size: 36px; margin-bottom: 30px; } @media screen and (max-width: 480px) { .needs-list-item-text__name { font-size: 14px; } } .needs-list-item-text__button { border: 2px solid #d71921; -webkit-border-radius: 4px; border-radius: 4px; width: 140px; height: 37px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #000; font-size: 14px; background: transparent; } .needs-list-item-text__button:hover { -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background: #d71921; color: #fff; } .needs-list-item-text__button:active { -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); background: #d71921; color: #fff; } @media screen and (max-width: 480px) { .needs-list-item-text__button { width: 107px; height: 27px; font-size: 10px; } } .text-crossed { text-decoration: line-through; } .collections-list { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; } @media screen and (max-width: 480px) { .collections-list { flex-direction: column; align-items: stretch; } } .collections-list-item { -webkit-box-flex: 0; -webkit-flex: 0 1 39.25%; -ms-flex: 0 1 39.25%; flex: 0 1 39.25%; height: 295px; display: flex; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 20px; -webkit-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; cursor: pointer; } .collections-list-item:first-child { margin-bottom: 10px; } .collections-list-item:hover { background-size: 105% 105%; } @media screen and (max-width: 480px) { .collections-list-item { height: 150px; -webkit-background-size: cover !important; background-size: cover !important; margin-bottom: 20px; flex: 1; /*-webkit-border-radius: 5px; border-radius: 5px;*/ overflow: hidden; } .collections-list-item:nth-child(3) { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .collections-list-item:nth-child(1) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .collections-list-item:nth-child(1) .collections-list-item__head, .collections-list-item:nth-child(1) .collections-list-item__name { color: #fff; } .collections-list-item:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .collections-list-item:nth-child(4) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .collections-list-item:nth-child(4) .collections-list-item__head, .collections-list-item:nth-child(4) .collections-list-item__name { color: #fff; } .collections-list-item:first-child { margin-bottom: 0px; } } .collections-list-item__head { color: #000000; font-size: 18px; margin-bottom: 10px; } .collections-list-item__name { color: #000; font-size: 48px; } .collections-list-item_white { -webkit-box-flex: 0; -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; } .collections-list-item_white .collections-list-item__head, .collections-list-item_white .collections-list-item__name { color: #fff; } /* .collections-list-item:nth-child(1) { background: url(/local/templates/bobox/css/../img/collection-1.png) no-repeat center center; -webkit-background-size: 113% 113%; background-size: 113% } .collections-list-item:nth-child(1):hover { -webkit-background-size: 120% 120%; background-size: 120% } .collections-list-item:nth-child(2) { background: url(/local/templates/bobox/css/../img/collection-2.png) no-repeat center center; -webkit-background-size: 103% 103%; background-size: 103%; margin: 0 0 10px 0 } .collections-list-item:nth-child(2):hover { -webkit-background-size: 110% 110%; background-size: 110% } .collections-list-item:nth-child(3) { background: url(/local/templates/bobox/css/../img/collection-3.png) no-repeat center center; -webkit-background-size: 101% 101%; background-size: 101% } .collections-list-item:nth-child(3):hover { -webkit-background-size: 108% 108%; background-size: 108% } .collections-list-item:nth-child(4) { background: url(/local/templates/bobox/css/../img/collection-4.png) no-repeat center center; -webkit-background-size: 121% 121%; background-size: 121% } .collections-list-item:nth-child(4):hover { -webkit-background-size: 128% 128%; background-size: 128% } */ /* .collections-list-item_img:nth-child(1) { background: url(/local/templates/bobox/css/../img/collection2-1.png) } .collections-list-item_img:nth-child(2) { background: url(/local/templates/bobox/css/../img/collection2-2.png) } .collections-list-item_img:nth-child(3) { background: url(/local/templates/bobox/css/../img/collection2-3.png) } .collections-list-item_img:nth-child(4) { background: url(/local/templates/bobox/css/../img/collection2-4.png) } */ .collections_padding-ext { padding: 20px 40px 60px; } @media screen and (max-width: 480px) { .collections_padding-ext { padding: 20px 20px 60px; } } .text-section { padding: 0px 40px 50px; } .text-section_pt { padding: 20px 40px 50px; } .text-section-main { text-align: center; line-height: 33px; font-size: 18px; position: relative; overflow: hidden; } .text-section-main.hidden { height: 173px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; } .text-section-main.hidden:after { content: ''; position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; background: -webkit-gradient( linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)) ); background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0)); background: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0)); background: linear-gradient(bottom, #fff, rgba(255, 255, 255, 0)); } .text-section-main:after { display: none; } @media screen and (max-width: 480px) { .text-section-main { line-height: 26px; font-size: 14px; } } @media screen and (max-width: 480px) { .text-section-main.hidden { height: 112px; } } .text-section-main__arrow { position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 10; cursor: pointer; } @media screen and (max-width: 480px) { .text-section-main__arrow { bottom: -10px; } .text-section-main__arrow svg { width: 56px; } } .footer-top { background: #f9f9f9; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } @media screen and (max-width: 480px) { .footer-top { border: none; } } .footer-top-wrapper { display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 480px) { .footer-top-wrapper { display: none; } } .footer-top-item { display: flex; flex-direction: column; } .footer-top-item_last { /**/ /**/ /**/ /*flex: 0 1 80%;*/ color: #656565; font-size: 12px; flex-direction: row; margin-top: 20px; display: flex; align-items: center; width: 100%; } .footer-top-item_last img { margin-right: 15px; max-width: 60px; } .footer-top-item:nth-last-child(2) .footer-top-item-list__item:first-child { margin-bottom: 30px; margin-top: 10px; } .footer-top-item__head { font-size: 20px; color: #000; font-weight: 400; margin-bottom: 20px; font-family: 'Proxima Nova', sans-serif; } .footer-top-item-list { display: flex; flex-direction: column; } .footer-top-item-list__item { display: flex; align-items: center; margin-bottom: 10px; position: relative; } .footer-top-item-list__item_logo a { max-width: 155px; } .footer-top-item-list__item_logo a img { width: 155px; height: 53.6px; } @media screen and (max-width: 1024px) { .footer-top-item-list__item_logo a img { width: 106px; height: 36.65px; } } .footer-top-item-list__item_hover:hover a { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); color: #d71921; } @media screen and (max-width: 480px) { .footer-top-item-list__item { justify-content: center; } } .footer-top-item-list__item_mb { margin-bottom: 20px; } .footer-top-item-list__item a { -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; margin-right: 20px; color: inherit; display: flex; align-items: center; } .footer-top-item-list__item a svg { margin-right: 10px; filter: grayscale(1); } .footer-top-item-list__item svg { height: 18px; margin-right: 10px; width: 18px; } @media screen and (max-width: 480px) { .footer-top-item-list__item a { justify-content: center; } .footer-top-item-list__item a:last-child { margin-right: 0px; } } .footer-top-mob { display: none; flex-direction: column; align-items: stretch; text-align: center; background: #f9f9f9; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 30px 0 10px; font-family: 'Proxima Nova Light', sans-serif; } @media screen and (max-width: 480px) { .footer-top-mob { display: flex; } } .footer-top-mob-row { margin-bottom: 10px; font-size: 14px; } .footer-top-mob-row .footer-top-item__head { font-size: 14px; } .footer-top-mob-row a { color: #000; } .footer-top-mob-row_last { max-width: 95%; margin: 0 auto; font-size: 12px; color: #656565; } .footer-top-mob-row_cursive { font-style: italic; font-size: 18px; margin-bottom: 25px; } .footer-top-mob-row_socials { margin-bottom: 35px; } .footer-top-mob-row_socials a { margin-right: 10px; } .footer-top-mob-row_socials a:last-child { margin-right: 0px; } .footer-top-mob-row_socials a svg { width: 35px; height: 35px; filter: grayscale(1); } .footer-top-mob-row_payment a { margin-right: 15px; } .footer-top-mob-row_payment a:last-child { margin-right: 0px; } .footer-top-mob-row_payment a svg { width: 35px; height: 35px; } .footer-top-mob-row_ff { font-family: 'Proxima Nova Semibold', sans-serif; } .footer-top-mob-row_horiz { display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; justify-content: center; } .footer-top-mob-row_horiz .footer-top-mob-row-item { -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; white-space: nowrap; } .footer-top-mob-row-item { display: flex; align-items: center; -webkit-box-flex: 50%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; justify-content: center; } .footer-top-mob-row-item .footer-top-item-list__item svg { width: 12px; height: 12px; } .footer-bottom { background: #fff; } .footer-bottom-wrapper { height: 56px; display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 480px) { .footer-bottom-wrapper { flex-direction: column; height: auto; padding: 10px 0; } } .footer-bottom-item { color: #737373; } .footer-bottom-item a { color: #737373; } .footer-bottom-item_ra { color: #000; } @media screen and (max-width: 480px) { .footer-bottom-item { font-size: 14px; } .footer-bottom-item:nth-child(1) { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 10px; } .footer-bottom-item:nth-child(4) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .footer-bottom-item:nth-child(5) { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; margin-bottom: 10px; } } .block_footer-bottom { padding: 0 40px; } .breadcrumbs { align-items: baseline; display: flex; flex-wrap: wrap; padding: 25px 40px; } .breadcrumbs__centered .breadcrumbs { justify-content: center; } @media screen and (max-width: 480px) { .breadcrumbs { padding: 25px 20px; } } .breadcrumbs__item { font-size: 14px; color: #000; margin-right: 22px; position: relative; white-space: nowrap; } .breadcrumbs__item:not(:last-child):after { content: ''; display: block; position: absolute; top: 50%; right: -15px; width: 5px; height: 5px; border-bottom: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(-45deg) translateY(-60%); -ms-transform: rotate(-45deg) translateY(-60%); transform: rotate(-45deg) translateY(-60%); } .breadcrumbs__item:last-child:after { display: none; } span.breadcrumbs__item { color: #d71920; font-size: 17px; font-family: 'Proxima Nova Semibold', sans-serif; } .card-main { display: flex; justify-content: space-between; } .fancybox-content#hidden-content { border-radius: 20px; } @media screen and (max-width: 480px) { .card-main { display: none; } } .card-main-block { -webkit-box-flex: 0; -webkit-flex: 0 1 785px; -ms-flex: 0 1 785px; flex: 0 1 785px; width: 755px; margin-right: 20px; display: flex; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: relative; } .card-main-block:nth-child(2) { margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 1 558px; -ms-flex: 0 1 558px; flex: 0 1 558px; } .card-main-block__like { position: absolute; top: 0px; right: 0px; cursor: pointer; } .card-main-block__like img { width: 27px !important; height: 25px !important; } .card-main-block-gallery-big { position: relative; -webkit-box-flex: 0 469px; -webkit-flex: 0 469px; -ms-flex: 0 469px; flex: 0 469px; margin-bottom: 20px; opacity: 0; transition: 0.3s; } @media screen and (max-width: 1024px) { .card-main-block-gallery-big { -webkit-box-flex: 0 389px; -webkit-flex: 0 389px; -ms-flex: 0 389px; flex: 0 389px; } } @media screen and (max-width: 1023px) { .card-main-block-gallery-big { -webkit-box-flex: 0 259px; -webkit-flex: 0 259px; -ms-flex: 0 259px; flex: 0 259px; } } .card-main-block-gallery-big.slick-initialized { opacity: 1; } .card-main-block-gallery-big-item { padding-top: 30px; /*display: none*/ } .card-main-block-gallery-big-item a:focus { outline: none; } .card-main-block-gallery-big-item img { width: 100%; object-fit: contain; max-height: 418px; } @media screen and (max-width: 767px) { .card-main-block-gallery-big-item img { max-height: 225px; } } .card-main-block-gallery-big-item.active { /*display: block;*/ width: 95%; } .card-main-block-gallery-mini { display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; justify-content: flex-start; } .card-main-block-gallery-mini .slick-list { width: 100%; } .card-main-block-gallery-mini .slick-arrow { background: none; font-size: 0; border: none; width: 15px; height: 25px; } .card-main-block-gallery-mini .slick-arrow:focus { outline: none; } .card-main-block-gallery-mini .slick-arrow.slick-prev { background: url('/local/templates/bobox/css/../img/arrow-prev.svg') center no-repeat; background-size: contain; margin-right: 10px; } .card-main-block-gallery-mini .slick-arrow.slick-next { background: url('/local/templates/bobox/css/../img/arrow-next.svg') center no-repeat; background-size: contain; margin-left: 10px; } .card-main-block-gallery-mini__item { display: flex; align-items: center; justify-content: center; height: 80px; width: 144px; border: 1px solid transparent; cursor: pointer; } .card-main-block-gallery-mini__item:focus { outline: none; } .card-main-block-gallery-mini__item img { max-height: 100%; object-fit: contain; margin: auto; } .card-main-block-gallery-mini__item.slick-current { border: 1px solid #d71921; -webkit-box-shadow: 0px 0px 2px #d71921; box-shadow: 0px 0px 2px #d71921; } .card-main-block-description { width: 100%; display: flex; flex-direction: column; } .card-main-block-description-name-wrapper { display: flex; flex-direction: column; } .card-main-block-description-head { font-size: 24px; color: #000; font-family: 'Proxima Nova Light'; } .card-main-block-description-head:nth-child(2) { /*font-size: 48px*/ font-size: 30px; } .card-main-block-description-share { display: none; } .card-main-block-description-row { display: flex; justify-content: flex-start; padding: 20px 0; align-items: flex-start; position: relative; } .card-main-block-description-row_center { align-items: center; } .card-main-block-description-row_border-bottom { border-bottom: 1px solid #eeeeee; } .card-main-block-description-row_align-stretch { align-items: stretch; } .final-price { align-items: center; } .card-main-block-description-row-cost { display: flex; flex-direction: column; /*-webkit-transform: translateY(-8px);*/ /*-ms-transform: translateY(-8px);*/ /*transform: translateY(-8px)*/ } .card-main-block-description-row-cost__number { font-size: 36px; } .card-main-block-description-row-cost__description { font-size: 14px; color: #3d3d3d; } .card-main-block-description-row-btn-wrapper { display: flex; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 1 274px; -ms-flex: 0 1 274px; flex: 0 1 274px; margin-right: 20px; } .card-main-block-description-row-btn-wrapper-like { height: 55px; width: 55px; border: 2px solid #d71921; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 10px; } .card-main-block-description-row-btn-wrapper-like img { height: 27px; width: 29px; } .card-main-block-description-row-btn-wrapper-buy, #nutnet a.card-main-block-description-row-btn-wrapper-buy { height: 55px; background: #d71921; display: flex; align-items: center; justify-content: center; flex: 1; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; letter-spacing: 2px; font-size: 16px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; text-transform: uppercase; } .card-main-block-description-row-btn-wrapper-buy:hover { -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .card-main-block-description-row-btn-wrapper-buy:active { -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); } .card-main-block-description-row-wrapper { flex: 1; width: 100%; display: flex; justify-content: flex-start; padding: 0; padding-bottom: 10px; } .card-main-block-description-row_column { flex-direction: column; } .card-main-block-description-row-item { margin-right: 10px; display: flex; flex-direction: column; align-items: center; } .card-main-block-description-row-item_left { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; justify-content: flex-start; } .card-main-block-description-row-item_left .type-item { margin-right: 10px; cursor: pointer; text-decoration: underline; } .card-main-block-description-row-item_left .type-item.active { color: #d71921; font-family: 'Proxima Nova Semibold'; } .card-main-block-description-row-item_left .type-item:last-child { margin-right: 0px; } .card-main-block-description-row-item_info { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; cursor: pointer; } .card-main-block-description-row-item_info:hover { color: #d71921; text-decoration: underline; } .card-main-block-description-row-item_info svg { margin-right: 10px; } .card-main-block-description-row-item_name { -webkit-box-flex: 0; -webkit-flex: 0 1 150px; -ms-flex: 0 1 150px; flex: 0 1 150px; margin-right: 10px; align-items: flex-start; } .card-main-block-description-row-item_btn { margin-left: auto; cursor: pointer; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; -ms-align-items: flex-end; align-items: flex-end; line-height: 18px; margin-right: 10px; flex: 0 0 100px; } .card-main-mob-main-accordion-item-main .card-main-block-description-row-item_btn { margin-left: 0px; margin-top: 10px; position: absolute; top: 0; right: 0; font-size: 16px; } .card-main-block-description-row-item_btn span { border-bottom: 1px solid #000; } .card-main-block-description-row-item__description { font-size: 14px; color: #737373; } .card-main-block-description-row-item__btn-change { margin-left: auto; cursor: pointer; border-bottom: 1px solid #000; line-height: 18px; } .card-main-block-description-row-item-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; } .card-main-block-description-row-item-list-item { display: flex; flex-direction: column; align-items: center; border: 1px solid transparent; padding: 5px 0; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; cursor: pointer; color: #000000; } .card-main-block-description-row-item-list-item svg { width: 70px; } .card-main-block-description-row-item-list-item:nth-child(-n + 3) { margin-bottom: 10px; } .card-main-block-description-row-item-list-item__text { margin-top: 10px; font-size: 14px; text-align: center; } .card-main-block-description-row-item-list-item.active { -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ff899e; } .card-main-block-description-row-item-tooltip { width: 20px; height: 20px; color: #737373; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #737373; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: 10px; position: relative; font-family: sans-serif; } .card-main-block-description-row-item-tooltip:hover .card-main-block-description-row-item-tooltip__card-wrapper { display: block; } @media screen and (max-width: 480px) { .card-main-block-description-row-item-tooltip { -webkit-flex: 1 40px; -ms-flex: 1 40px; flex: 1 40px; } } .card-main-block-description-row-item-tooltip__card-wrapper { position: absolute; display: none; z-index: 10; bottom: -webkit-calc(100% + 10px); bottom: calc(100% + 10px); left: 50%; -webkit-transform: translateX(-50%) translateY(20px); -ms-transform: translateX(-50%) translateY(20px); transform: translateX(-50%) translateY(20px); padding-bottom: 20px; } .card-main-block-description-row-item-tooltip__card { background: #fff; font-family: 'Proxima Nova', sans-serif; width: 200px; font-size: 14px; padding: 10px; border: 1px solid #737373; } .card-main-block-description-row-item-tooltip__card:after { content: ''; position: absolute; bottom: 20.5px; left: 50%; background: #fff; -webkit-transform: translate(-50%, 50%) rotate(45deg); -ms-transform: translate(-50%, 50%) rotate(45deg); transform: translate(-50%, 50%) rotate(45deg); display: block; height: 10px; width: 10px; border-right: 1px solid #737373; border-bottom: 1px solid #737373; } .card-main-block-description-row-item-tooltip__card_mod { -webkit-transform: translateX(-90%); -ms-transform: translateX(-90%); transform: translateX(-90%); } .card-main-block-description-row-item-tooltip__card_mod:after { left: 90%; } .card-main-block-description-row-item-ul-horiz { display: block; } .card-main-block-description-row-item-ul-horiz_wrapper { display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; justify-content: space-between; } .card-main-block-description-row-item-ul-horiz__item { cursor: pointer; margin-right: 15px; } .card-main-block-description-row-item-ul-horiz__item:hover { text-decoration: underline; } .card-main-block-description-row-item-ul-horiz__item:last-child { margin-right: 0px; } .card-main-block-description-row-item-ul-vert { display: none; padding: 0px 10px 10px 160px; flex-direction: column; } .card-main-block-description-row-item-ul-vert__item { margin-bottom: 5px; cursor: pointer; } .card-main-block-description-row-item-ul-vert__item:hover { text-decoration: underline; } .block-video-mini { position: relative; height: 80px; max-width: 100%; display: flex; justify-content: center; align-items: center; } .block-video-mini__button { position: absolute; z-index: 5; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tabs { display: block; } .tabs-list { align-items: stretch; display: flex; justify-content: space-between; height: 55px; } .tabs-list-item { align-items: center; display: flex; flex: 1; justify-content: center; padding: 0 50px; white-space: nowrap; cursor: pointer; } .tabs-list-item.active { background: #ededed; } .tabs-container-list { padding: 30px 0; } .tabs-container-list-item { display: none; } .tabs-container-list-item.active { display: block; } .tabs-container-list-item-innercontainer { align-items: flex-start; display: flex; justify-content: space-between; } .tabs-container-list-item-innercontainer-side { margin-right: 30px; } .tabs-container-list-item-innercontainer-side-material .fabrics-filter-column-row-value { margin-bottom: 30px; } .tabs-container-list-item-innercontainer-side-material__head { align-items: center; display: flex; justify-content: flex-start; margin-bottom: 25px; } .material-text-name { margin-right: 20px; } .material-detail a { font-size: 14px; color: #000; } .material-category { margin-left: auto; } .tabs-container-list-item-innercontainer-side-material-list { display: flex; align-items: flex-start; padding-bottom: 15px; border-bottom: 1px solid #c7c7c7; margin-bottom: 15px; } .tabs-container-list-item-innercontainer-side-material-list:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; } .tabs-container-list-item-innercontainer-side-material-list-item { display: flex; flex-direction: column; align-items: center; margin-right: 10px; cursor: pointer; flex: 0 1 125px; margin-bottom: 20px; } .tabs-container-list-item-innercontainer-side-material-list-item__img { background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; width: 83px; height: 83px; margin-bottom: 10px; border-radius: 50%; } .tabs-container-list-item-innercontainer-side-material-list-item__description { font-size: 14px; text-align: center; } .tabs-container-list-item-innercontainer-side-text-block__head { font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 10px; } .tabs-container-list-item-innercontainer-side-text-block__main { font-size: 18px; line-height: 1.6; } .tabs-container-list-item-innercontainer-side-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .tabs-container-list-item-innercontainer-side-top-item-name { font-size: 24px; font-family: 'Proxima Nova Light', sans-serif; line-height: 34px; margin-bottom: 20px; } @media screen and (max-width: 480px) { .commentary-input__heading { font-size: 20px; line-height: 1.5; } .tabs-container-list-item-innercontainer-side-top-item-name, .reviewAllimages__title { font-size: 20px; line-height: 1.5; } .tabs-container-list-item-innercontainer-side-top-item-date { margin-bottom: 0 !important; } } .tabs-container-list-item-innercontainer-side-top-item-rate { display: flex; align-items: center; } .tabs-container-list-item-innercontainer-side-top-item-rate-stars { display: flex; margin-right: 10px; } .tabs-container-list-item-innercontainer-side-top-item-rate-stars__star { margin-right: 2px; } .tabs-container-list-item-innercontainer-side-top-item-rate-number { font-size: 14px; margin-right: 10px; } .tabs-container-list-item-innercontainer-side-top-item-rate-count { font-size: 14px; color: #b8bfd3; margin-right: 60px; } .tabs-container-list-item-innercontainer-side-top-item-rate-time-use { font-size: 14px; color: #737373; } .tabs-container-list-item-innercontainer-side-top-item-date { font-size: 14px; margin-bottom: 15px; } .tabs-container-list-item-innercontainer-side-top-item-vote { display: flex; align-items: center; font-size: 14px; } .tabs-container-list-item-innercontainer-side-top-item-vote-like { color: #008f0e; margin-right: 15px; } .tabs-container-list-item-innercontainer-side-top-item-vote-like svg { margin-right: 10px; } .tabs-container-list-item-innercontainer-side-top-item-vote-dislike { color: #d71921; } .tabs-container-list-item-innercontainer-side-top-item-vote-dislike svg { -webkit-transform: translateY(45%); -ms-transform: translateY(45%); transform: translateY(45%); margin-right: 10px; } .tabs-container-list-item-innercontainer-side:last-child { margin-right: 0px; } .tabs-container-list-item-innercontainer-side-text { font-weight: 300; line-height: 42px; } .tabs-container-list-item-innercontainer-side-video { position: relative; display: inline-block; } .tabs-container-list-item-innercontainer-side-video video { width: 100%; } .tabs-container-list-item-innercontainer-side-video__play-btn { position: absolute; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; } .tabs-container-list-item-innercontainer-side_width100 { width: 100%; } .tabs-container-list-item-innercontainer-side-table { width: 65%; } @media screen and (max-width: 480px) { .tabs-container-list-item-innercontainer-side-table { width: 100%; } } .tabs-container-list-item-innercontainer-side-table-row { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e5e5e5; } .tabs-container-list-item-innercontainer-side-table-row__flex-start { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .tabs-container-list-item-innercontainer-side-table-row:last-child { border-bottom: none; } .tabs-container-list-item-innercontainer-side-table-row-item { display: flex; align-items: center; flex: 1; } @media screen and (max-width: 480px) { .tabs-container-list-item-innercontainer-side-table-row-item:last-child { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } } @media screen and (max-width: 480px) { .tabs-container-list-item-innercontainer-side-table-row-item .card-main-block-description-row-item-tooltip { -webkit-box-flex: 0; -webkit-flex: 0 1 20px; -ms-flex: 0 1 20px; flex: 0 1 20px; } } .commentary { margin-bottom: 40px; } .commentary-container { flex-direction: column; } .commentary-input { max-width: 770px; margin: 0 auto; } .commentary-input-top { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .commentary-input-top-name { font-size: 24px; font-family: 'Roboto', sans-serif; font-weight: 300; margin-left: 20px; } .commentary-input-rate { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .commentary-input-rate-stars { display: flex; align-items: center; margin-right: 20px; } .commentary-input-rate-stars__star { cursor: pointer; } .commentary-input-rate-time-use { display: flex; align-items: center; font-size: 14px; color: #737373; } .commentary-input-rate-time-use__input { margin-left: 10px; background: #f0f2f7; border: 1px solid #e4e9f0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; height: 31px; width: 204px; outline: none; font-size: 'Proxima Nova'; padding: 0 10px; } .commentary-input-block { margin-bottom: 20px; } .commentary-input-block__head { margin-bottom: 10px; font-size: 14px; color: #a4a9bd; font-family: 'Proxima Nova', sans-serif; letter-spacing: 1px; } .commentary-input-block__input { resize: none; outline: none; padding: 5px; background: #f0f2f7; border: 1px solid #e4e9f0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; width: 100%; min-height: 70px; } .commentary-input-btn { /*font-family: 'Roboto', sans-serif;*/ /*font-style: normal;*/ /*font-weight: 300;*/ line-height: normal; height: 55px; text-align: center; background: transparent; border: 2px solid #d71921; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; letter-spacing: 1px; background: #d71921; border-radius: 4px; letter-spacing: 2px; font-size: 16px; color: #fff; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; text-transform: uppercase; padding: 0 20px; } .commentary-input-btn:hover { -webkit-box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); box-shadow: 0px 4px 4px rgb(0 0 0 / 25%); } .commentary-input-btn:focus { outline: none; } .commentary-input-btn-wrapper { display: flex; align-items: center; justify-content: center; } .photo-wrapper { width: 75px; height: 75px; -webkit-border-radius: 50%; border-radius: 50%; background-position: center center; -webkit-background-size: cover; background-size: cover; } .recomendation { font-family: 'Proxima Nova'; } .recomendation-top { display: flex; align-items: center; justify-content: flex-start; margin-bottom: 30px; } .recomendation-top-name { margin-left: 20px; } .recomendation-top-name__names { font-style: normal; font-weight: 300; line-height: 34px; font-size: 24px; margin-bottom: 10px; } .recomendation-top-name__job { font-style: normal; font-weight: 300; line-height: 25px; font-size: 14px; color: #737373; } .recomendation-top-date { margin-left: auto; font-size: 14px; } .recomendation-text { margin-bottom: 30px; position: relative; } .recomendation-text__head { font-size: 18px; font-family: 'Roboto', sans-serif; margin-bottom: 10px; } .recomendation-text__main { font-style: normal; font-weight: 300; line-height: 32px; font-size: 18px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .recomendation-text__main.hidden { height: 160px; overflow: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .recomendation-text__arrow { position: absolute; bottom: 0px; left: 50%; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); cursor: pointer; } .recomendation-gallery { display: flex; margin-bottom: 30px; } .recomendation-gallery-item { width: 95px; height: 95px; margin-right: 20px; } .recomendation-gallery-item:last-child { margin-right: 0px; } .recomendation-gallery-item img { width: 100%; } .recomendation-btn { width: 187px; height: 42px; font-style: normal; font-weight: 300; line-height: normal; font-size: 14px; margin-right: 25px; } .recomendation-btn-wrapper { display: flex; align-items: center; } .card-wrapper { position: relative; display: flex; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; /*height: 382px;*/ /* display: grid; grid-template-columns: repeat(4, 345px); */ /*height: 312px*/ } .card-wrapper .card-item { position: absolute; top: 0; left: 0; margin: 10px 0 50px; } .card-wrapper .card-item-wrapper { position: relative; height: 372px; width: 340px; /*height: 312px; width: 345px;*/ outline: none; } @media screen and (max-width: 480px) { .card-wrapper_mob .card-item-wrapper { display: none; } .card-wrapper_mob .card-item-wrapper:first-child { display: flex; justify-content: center; width: 100%; } /* .card-wrapper_mob .card-item-wrapper:first-child .card-item { left: 50%; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%) } .card-wrapper_mob .card-item-wrapper:first-child .card-item.active { -webkit-transform: translate(-50%, -35px); -ms-transform: translate(-50%, -35px); transform: translate(-50%, -35px) }*/ } @media screen and (max-width: 1366px) { .card-wrapper .card-item-wrapper { width: 278px; } } .filter { position: relative; padding: 20px 20px 30px 20px; border: 1px solid #e3e8f0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; background: #f9f9f9; width: 325px; margin-right: 20px; } .filter .card-item-row-colors { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; } .filter .card-item-row-colors__color { margin-right: 15px; } .filter .card-item-row-colors__color:first-child { margin-bottom: 10px; } @media screen and (max-width: 480px) { .filter { display: none; } } .filter-checkbox { display: flex; align-items: center; margin-bottom: 10px; cursor: pointer; } .filter-checkbox-square { width: 15px; height: 15px; margin-right: 10px; background: #ffffff; border: 2px solid #e4e7ef; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } .filter-checkbox input[type='radio'], .filter-checkbox input[type='checkbox'] { display: none; } .filter-checkbox input[type='radio']:checked ~ .filter-checkbox-square, .filter-checkbox input[type='checkbox']:checked ~ .filter-checkbox-square { background: #d71921; border: 2px solid #d71921; } .filter-checkbox input[type='radio']:checked ~ .filter-checkbox-square:after, .filter-checkbox input[type='checkbox']:checked ~ .filter-checkbox-square:after { content: ''; position: absolute; top: 40%; left: 50%; width: 7px; height: 5px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .filter-row { margin-bottom: 30px; } .filter-row:last-child { margin-bottom: 0px; margin-top: 55px; } .filter-row-head { font-size: 18px; color: #000; margin-bottom: 15px; font-weight: 700; font-family: 'Proxima Nova Semibold', sans-serif; } .filter-btn-wrapper { display: flex; justify-content: space-between; align-items: center; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .filter-btn_cancel { background: #ffffff; border: 2px solid #a8a8a8; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; color: #a8a8a8; } .filter-btn_cancel-mob { background: #ffffff; border: 2px solid #a8a8a8; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; color: #a8a8a8; width: auto; flex: 1; } #slider-range-cost .ui-widget-header, #slider-range-width .ui-widget-header, [slider-range-filter] .ui-widget-header { background: #d71921; } #slider-range-cost.ui-slider-horizontal, #slider-range-width.ui-slider-horizontal, [slider-range-filter].ui-slider-horizontal { height: 4px; background: #d6d6d6; } #slider-range-cost .ui-slider-handle, #slider-range-width .ui-slider-handle, [slider-range-filter] .ui-slider-handle { background: #ffffff; border: 1px solid #bebebe; -webkit-border-radius: 50%; border-radius: 50%; outline: none; height: 15px; width: 15px; cursor: -webkit-grabbing; cursor: grabbing; } #slider-range-cost .ui-slider-handle .slider-range-cost-text, #slider-range-width .ui-slider-handle .slider-range-cost-text, [slider-range-filter] .ui-slider-handle .slider-range-cost-text { position: absolute; top: -webkit-calc(100% + 5px); top: calc(100% + 5px); left: 0%; background: transparent; border: none; outline: none; width: 80px; white-space: nowrap; font-size: 14px; cursor: text; } #slider-range-cost .ui-slider-handle:last-child .slider-range-cost-text, #slider-range-width .ui-slider-handle:last-child .slider-range-cost-text, [slider-range-filter] .ui-slider-handle:last-child .slider-range-cost-text { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 0%; } .filter-select-wrapper .ui-selectmenu-button.ui-button { background: #ffffff; border: 1px solid #e3e8f0; -webkit-border-radius: 5px; border-radius: 5px; outline: none; width: 100%; padding: 10px; } .filter-select-wrapper .ui-corner-all:after { content: ''; display: block; position: absolute; z-index: 10; width: 10px; height: 10px; border-bottom: 1px solid #3e435e; border-right: 1px solid #3e435e; -webkit-transform: rotate(45deg) translateY(-100%); -ms-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); top: 50%; right: 20px; } .ui-corner-top:after { content: ''; display: block; position: absolute; z-index: 10; width: 10px; height: 10px; border-bottom: 1px solid #3e435e; border-right: 1px solid #3e435e; -webkit-transform: rotate(45deg) translateY(-100%); -ms-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); top: 50%; right: 20px; } .filter-select-wrapper .ui-corner-top:after { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); top: 50%; right: 12px; } .ui-menu { background: #fff; font-family: 'Proxima Nova', sans-serif; font-size: 14px; } .ui-menu-item-wrapper { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 5px 12px !important; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0; background: #e3e8f0; } .ui-selectmenu-text { font-size: 14px; } .catalog { display: flex; align-items: flex-start; justify-content: space-between; padding: 40px 40px 30px; } @media screen and (max-width: 480px) { .catalog { flex-direction: column; align-items: stretch; padding: 40px 20px 30px; } } .catalog-main { flex: 1; } @media screen and (max-width: 480px) { .catalog-main .card-item-wrapper { display: flex; align-items: center; justify-content: center; } } .catalog-main-head { display: flex; align-items: stretch; justify-content: space-between; height: 55px; background: #f9f9f9; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #e3e8f0; padding: 0 0 0 20px; } @media screen and (max-width: 480px) { .catalog-main-head .catalog-main-head-sort, .catalog-main-head .catalog-main-head-grid { display: none; } } .catalog-main-head-breadcrumbs { display: flex; align-items: center; } .catalog-main-head .breadcrumbs { padding: 0px; } .catalog-main-head .breadcrumbs__item { color: #3a405b; letter-spacing: 1px; } .catalog-main-head .breadcrumbs__item:after { border-color: #dadada; } .catalog-main-head .breadcrumbs__item:last-child { color: #b8bfd3; letter-spacing: 1px; } .catalog-main-head-sort { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; margin-left: auto; border-left: 2px solid #f2f2f2; border-right: 2px solid #f2f2f2; font-size: 14px; letter-spacing: 1px; color: #b8bfd3; } .catalog-main-head-sort .ui-button { padding: 5px 10px; display: flex; align-items: center; height: 100%; outline: none; letter-spacing: 1px; color: #3a405b; } .catalog-main-head-sort .ui-corner-all:after { content: ''; display: block; position: absolute; z-index: 10; width: 10px; height: 10px; border-bottom: 1px solid #3e435e; border-right: 1px solid #3e435e; -webkit-transform: rotate(45deg) translateY(-100%); -ms-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); top: 50%; right: 20px; } .catalog-main-head-sort .ui-corner-top:after { content: ''; display: block; position: absolute; z-index: 10; width: 10px; height: 10px; border-bottom: 1px solid #3e435e; border-right: 1px solid #3e435e; -webkit-transform: rotate(45deg) translateY(-100%); -ms-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); top: 50%; right: 20px; -webkit-transform: rotate(225deg) translateY(-100%); -ms-transform: rotate(225deg) translateY(-100%); transform: rotate(225deg) translateY(-100%); top: 30%; right: 5px; } .catalog-main-head-grid { display: flex; justify-content: space-between; align-items: center; padding: 0 25px; width: 105px; } .catalog-main-head-grid__blocks, .catalog-main-head-grid__list { cursor: pointer; } .catalog-main-head-grid__blocks svg, .catalog-main-head-grid__list svg { fill: #b8b8b8; } .catalog-main-head-grid__blocks.active svg, .catalog-main-head-grid__list.active svg { fill: #3a405b; } .catalog-main-header { font-size: 36px; color: #000000; padding: 20px 0; font-family: 'Proxima Nova Light', sans-serif; font-weight: 700; } @media screen and (max-width: 480px) { .catalog-main-header { display: none; } } .catalog-main-gallery { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; margin-top: -35px; } @media screen and (max-width: 480px) { .catalog-main-gallery { flex-direction: column; margin-top: 0px; align-items: center; } } .catalog-main-gallery-item { /*height: 312px;*/ height: 354px; /* -webkit-box-flex: 0; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; */ position: relative; margin-bottom: 40px; } .catalog-main-gallery-item .card-item { width: 100%; } @media screen and (max-width: 480px) { .catalog-main-gallery-item { width: 300px; display: none; } .catalog-main-gallery-item:nth-child(-n + 3) { display: block; } } .catalog-main-show-more { padding: 40px 0 0 0; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 480px) { .catalog-main-show-more { padding: 100px 0 0 0; } } .catalog-main-show-more-btn { width: 170px; height: 40px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; color: #000000; border: 2px solid #a8a8a8; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; background: transparent; } @media screen and (max-width: 480px) { .catalog-main-show-more-btn { font-size: 11px; } } .catalog-main-show-more_modified { padding: 70px 0 60px; } .catalog-main-show-more_modified .card-item-row-item__button { margin-right: 20px; width: 180px; height: 50px; } .catalog-main-show-more_modified .card-item-row-item__button:last-child { margin-right: 0px; } @media screen and (max-width: 480px) { .catalog-main-show-more_modified .card-item-row-item__button { margin-right: 10px; } } @media screen and (max-width: 480px) { .catalog-main-show-more_modified { padding: 20px; } } .card-item-row-hit { position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; -webkit-border-radius: 50%; border-radius: 50%; color: #d71921; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 11px; -webkit-transform: scale(1.35) translateX(-5px); -ms-transform: scale(1.35) translateX(-5px); transform: scale(1.35) translateX(-5px); } .card-item-row-hit_mod { background: url(/local/templates/bobox/css/../img/icons/hit.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .card-item-row-hit_new { background: url(/local/templates/bobox/css/../img/icons/new.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .card-item-row-percentage { position: absolute; top: 5px; right: 5px; /*width: 30px;*/ /*height: 30px;*/ /*-webkit-border-radius: 50%;*/ /*border-radius: 50%;*/ height: 22px; width: 22px; color: #ff1506; background: transparent; display: flex; align-items: center; justify-content: center; text-transform: uppercase; /*background: url(/local/templates/bobox/css/../img/icons/percentage.svg) no-repeat center center;*/ background: url(/local/templates/bobox/css/../img/icons/i-percent-n.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; -webkit-transform: scale(1.35) translateX(-5px); -ms-transform: scale(1.35) translateX(-5px); transform: scale(1.35) translateX(-5px); /*display: none;*/ } .card-item-row-percentage_hot { background: url(/local/templates/bobox/css/../img/icons/hot.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .grey-line { background: #e9e9e9; height: 1px; } .collection-big { position: relative; } .collection-big img { width: 100%; } .collection-big-list { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .collection-big-list__item { width: 226px; height: 33px; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; color: #fff; font-size: 18px; font-family: 'Proxima Nova Light', sans-serif; margin-bottom: 20px; } .collection-big-list__item:last-child { margin-bottom: 0; } @media screen and (max-width: 480px) { .collection-big-list__item { width: 104px; font-size: 13px; margin-bottom: 10px; height: 20px; } } .collection-big__text-bottom { position: absolute; bottom: 60px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-size: 48px; } @media screen and (max-width: 480px) { .collection-big__text-bottom { bottom: 10px; left: 35%; } } .text-big-white { font-family: 'Proxima Nova Extrabold'; font-style: normal; font-weight: 900; } .where-buy-big { display: flex; align-items: stretch; } @media screen and (max-width: 768px) { .where-buy-big.active { -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .where-buy-big-img { margin-bottom: 20px; } .where-buy-big-info__head { margin-bottom: 5px; } } @media screen and (max-width: 480px) { .where-buy-big { flex-direction: column; } } .where-buy-big-img { margin-right: 20px; } @media screen and (max-width: 480px) { .where-buy-big-img { margin-right: 0px; } } .where-buy-big-img__item { display: none; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; width: 435px; height: 261px; } .where-buy-big-img__item.active { display: block; } .where-buy-big-img__item img { width: 435px; height: 261px; object-fit: cover; } @media screen and (max-width: 480px) { .where-buy-big-img__item { width: 100%; height: 250px; } .where-buy-big-img__item img { width: 100%; height: 250px; } } .where-buy-big-info { display: flex; flex-direction: column; align-items: stretch; } .where-buy-big-info__item { margin-bottom: 10px; line-height: 24px; color: #000; font-size: 18px; font-family: 'Proxima Nova Light', sans-serif; display: flex; align-items: center; } .where-buy-big-info__item_small { font-size: 16px; margin-bottom: 20px; } .where-buy-big-info__item svg { margin-right: 20px; } .where-buy-big-info__item a { color: #000; display: flex; align-items: center; } @media screen and (max-width: 480px) { .where-buy-big-info__item { line-height: 20px; font-size: 18px; } } .where-buy-big-info__head { margin-bottom: 5px; font-size: 24px; color: #d71921; } @media screen and (max-width: 480px) { .where-buy-big-info__head { font-size: 24px; } } .where-buy-big-info-gallery { display: flex; align-items: center; margin-top: auto; } .where-buy-big-info-gallery__item { margin-right: 10px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; width: 51px; height: 51px; cursor: pointer; display: flex; align-items: center; justify-content: center; background: #fff; } .where-buy-small { /* display: flex; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; */ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } @media screen and (max-width: 1080px) { .where-buy-small { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 720px) { .where-buy-small { grid-template-columns: repeat(1, 1fr); } } .where-buy-small-item { display: flex; align-items: stretch; /*cursor: pointer;*/ -webkit-box-flex: 0; -webkit-flex: 0 1 400px; -ms-flex: 0 1 400px; flex: 0 1 400px; height: auto; /*112*/ margin-bottom: 20px; } /*.where-buy-small-item-info__item.where-buy-small-item-info__item_address {*/ /* display: none;*/ /*}*/ .where-buy-small-item:nth-child(1) { margin-bottom: 20px; } @media screen and (max-width: 480px) { .where-buy-small-item { height: auto; margin-bottom: 20px; } } .where-buy-small-item__img { width: 113px; height: auto; -webkit-border-radius: 5px; border-radius: 5px; margin-right: 20px; overflow: hidden; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; justify-content: center; background: #fff; -webkit-box-flex: 0; -webkit-flex: 0 1 113px; -ms-flex: 0 1 113px; flex: 0 1 113px; } .where-buy-small-item__img img { width: 100%; border-radius: 4px; } .where-buy-small-item-info { display: flex; flex-direction: column; align-items: stretch; flex: 1; } .where-buy-small-item-info__item_head { font-size: 18px; margin-bottom: 5px; } .where-buy-small-item-info__item_address { font-size: 14px; font-family: 'Proxima Nova', sans-serif; margin-bottom: 10px; } .where-buy-small-item-info__item_text { font-size: 14px; } .contacts { padding: 25px 40px 0px; } @media screen and (max-width: 480px) { .contacts { padding: 25px 20px 0px; } } .contacts-img-big { width: 100%; } .contacts-info { display: flex; align-items: flex-start; justify-content: space-between; } @media screen and (max-width: 480px) { .contacts-info { flex-direction: column; } } .contacts-info-column { display: flex; flex-direction: column; flex: 1; } .contacts-info-column-row { margin-bottom: 35px; } .contacts-info-column-row_head { font-family: 'Proxima Nova Light', sans-serif; line-height: normal; font-size: 18px; margin-bottom: 15px; } .contacts-info-column-row_head.bold-title { font-family: 'Proxima Nova', sans-serif; font-size: 24px; } .contacts-info-column-row_text { font-family: 'Proxima Nova', sans-serif; line-height: 28px; font-size: 24px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .contacts-info-column-row_text a { color: #000; } @media screen and (max-width: 480px) { .contacts-info-column-row_text { font-size: 18px; } } .contacts-form { padding: 5px 0 50px; width: 570px; } @media screen and (max-width: 480px) { .contacts-form { width: 100%; } } .contacts-form-row { display: flex; margin-bottom: 25px; justify-content: space-between; } @media screen and (max-width: 480px) { .contacts-form-row { flex-direction: column; } } @media screen and (max-width: 480px) { .contacts-form-input-wrapper { margin-bottom: 20px; } } .contacts-form-row_full-width { display: block; } .contacts-form-input { width: 270px; height: 42px; padding: 15px; margin-left: 0px; } .contacts-form-input::-webkit-input-placeholder, .contacts-form-input::-moz-placeholder, .contacts-form-input:-ms-input-placeholder, .contacts-form-input::-ms-input-placeholder, .contacts-form-input::-webkit-input-placeholder { color: #b8bfd3; } .contacts-form-input::-webkit-input-placeholder, .contacts-form-input::-moz-placeholder, .contacts-form-input:-ms-input-placeholder, .contacts-form-input::-ms-input-placeholder, .contacts-form-input::placeholder { color: #b8bfd3; } .contacts-form-input-label { margin-bottom: 10px; font-family: 'Proxima Nova Light', sans-serif; line-height: normal; font-size: 18px; } .contacts-form-btn { border: none; cursor: pointer; letter-spacing: 1px; } .contacts-form-textarea { width: 100%; } .contacts-form-textarea::-webkit-input-placeholder, .contacts-form-textarea::-moz-placeholder, .contacts-form-textarea:-ms-input-placeholder, .contacts-form-textarea::-ms-input-placeholder, .contacts-form-textarea::-webkit-input-placeholder { color: #b8bfd3; } .contacts-form-textarea::-webkit-input-placeholder, .contacts-form-textarea::-moz-placeholder, .contacts-form-textarea:-ms-input-placeholder, .contacts-form-textarea::-ms-input-placeholder, .contacts-form-textarea::placeholder { color: #b8bfd3; } .contacts-bottom { display: flex; } @media screen and (max-width: 480px) { .contacts-bottom { flex-direction: column; } } .contacts-bottom-side { flex: 1; } .contacts-map { height: 300px; } .contacts-map #map { height: 100%; width: 100%; } .discount-head { display: flex; align-items: center; justify-content: center; } .discount-head-background { background: url(/local/templates/bobox/css/../img/discount-head.png) no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100%; } /*.discount-head-background_2 { background: url(/local/templates/bobox/css/../img/discount-head2.png) no-repeat center center }*/ .discount-head-text { font-size: 36px; text-align: center; font-family: 'Proxima Nova Light', sans-serif; } @media screen and (max-width: 480px) { .discount-head-text { font-size: 28px; } } .discount-card { display: flex; flex-direction: column; width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 1 440px; -ms-flex: 0 1 440px; flex: 0 1 440px; text-align: center; align-items: center; position: relative; } .discount-card:last-child { margin-right: 0px; } @media screen and (max-width: 480px) { .discount-card { width: 100%; margin-right: 0px; margin-bottom: 20px; } } .discount-card-wrapper { /* display: flex; align-items: flex-start; justify-content: center */ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; } @media screen and (max-width: 1024px) { .discount-card-wrapper { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 480px) { .discount-card-wrapper { grid-template-columns: repeat(1, 1fr); } } .discount-card-img { width: 100%; height: auto; position: relative; padding-bottom: 100%; margin-bottom: 30px; overflow: hidden; } @media screen and (min-width: 1025px) { .discount-card-img:hover img { transform: scale(1.05); } } .discount-card-img img { width: 100%; transition: 0.3s; position: absolute; left: 0; height: 100%; object-fit: cover; } @media screen and (max-width: 480px) { .discount-card-img { height: auto; margin-bottom: 20px; } } .discount-card-date { margin-bottom: 25px; font-size: 14px; } @media screen and (max-width: 480px) { .discount-card-date { margin-bottom: 15px; } } .discount-card-text { font-size: 24px; margin-bottom: 25px; font-family: 'Proxima Nova Semibold', sans-serif; color: #000; } @media screen and (max-width: 480px) { .discount-card-text { margin-bottom: 15px; } } .discount-card-text_small { font-size: 18px; max-width: 300px; font-family: 'Proxima Nova', sans-serif; } .discount-card-btn { width: 210px; height: 50px; } .discount-card-btn-wrapper { display: flex; align-items: center; justify-content: center; margin-top: auto; } @media screen and (max-width: 480px) { .discount-card-btn-wrapper .needs-list-item-text__button.discount-card-btn { font-size: 16px; } } .principels-block-head { font-size: 24px; font-family: 'Proxima Nova', sans-serif; margin-bottom: 10px; } .principels-block-text { font-family: 'Proxima Nova Light'; line-height: 36px; font-size: 18px; margin-bottom: 30px; } @media screen and (max-width: 480px) { .principels-block-text { line-height: 20px; font-size: 17px; } } .person { padding: 0px 40px 50px; } @media screen and (max-width: 480px) { .person { padding: 0px 20px 50px; } } .person-card { display: flex; align-items: stretch; } @media screen and (max-width: 480px) { .person-card { flex-direction: column; } } .person-card-img { margin-right: 20px; flex: 0 0 210px; height: 245px; } .person-card-img img { width: auto; height: 100%; } .person-card-info-item__sign { position: absolute; width: 120px; right: 30px; bottom: -20px; } @media screen and (max-width: 480px) { .person-card-img { margin-right: 0px; width: 100%; height: auto; margin-bottom: 20px; } } .person-card-info { /*max-width: 300px*/ position: relative; } .person-card-info-item { font-family: 'Proxima Nova Light'; font-size: 20px; margin-bottom: 20px; } .person-card-info-item:last-of-type { margin-bottom: 0; } .person-card-info-item a { color: #000; } @media screen and (max-width: 480px) { .person-card-info-item { font-size: 18px; } } .about-block { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 40px; } @media screen and (max-width: 1024px) { .about-block { -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .about-block-text { flex: 1; margin-right: 20px; } @media screen and (max-width: 1024px) { .about-block-text { margin-right: 0px; margin-bottom: 20px; } } .about-block-text__head { font-family: 'Proxima Nova Semibold', sans-serif; font-size: 24px; margin-bottom: 10px; } .about-block-text__main, .news-row-info__text { font-family: 'Proxima Nova Light', sans-serif; line-height: 36px; font-size: 18px; } @media screen and (max-width: 1024px) { .about-block-text__main, .news-row-info__text { line-height: 24px; font-size: 18px; } } @media screen and (max-width: 480px) { .about-block-text__main, .news-row-info__text { font-size: 16px; line-height: 23px; } } .about-block-img { -webkit-box-flex: 0; -webkit-flex: 0 1 555px; -ms-flex: 0 1 555px; flex: 0 1 555px; } .about-block-img img { border-radius: 5px; width: 100%; } @media screen and (max-width: 1024px) { .about-block-img { flex: 1; margin-top: 0px; margin-bottom: 20px; } } .about-block_reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .about-block_reverse .about-block-text { margin-right: 0px; margin-left: 20px; } @media screen and (max-width: 1024px) { .about-block_reverse { -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .about-block_reverse .about-block-text { margin: 0; } } .about { padding: 0px 40px 70px; } .about-slider-wrapper { position: relative; width: 920px; margin: 0 auto; } @media screen and (max-width: 480px) { .about-slider-wrapper { width: 100%; } } @media screen and (max-width: 374px) { .about-slider-wrapper { width: 220px; } } .about-slider-item { width: 286px; margin-right: 15px; margin-left: 15px; outline: none; color: transparent; display: flex; justify-content: center; align-items: center; } .about-slider-item:before { display: none; } .about-slider-item:last-child { margin-right: 0px; } @media screen and (max-width: 480px) { .about-slider-item { width: 300px; } } @media screen and (max-width: 374px) { .about-slider-item { width: 220px; } .about-slider-item img { width: 100%; } } .about-slider__arrow-next, .about-slider__arrow-prev { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; cursor: pointer; } .about-slider__arrow-next:hover, .about-slider__arrow-prev:hover { opacity: 1; } .about-slider__arrow-next { right: -70px; } .about-slider__arrow-prev { left: -70px; } .news-item-first-screen { position: relative; } .news-item-first-screen img { width: 100%; } @media screen and (max-width: 480px) { .news-item-first-screen { height: 200px; margin-bottom: 20px; } .news-item-first-screen img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: 100%; width: unset; } } .news-item-first-screen__text { position: absolute; bottom: 40px; font-family: 'Proxima Nova Extrabold'; line-height: normal; font-size: 36px; text-align: center; color: #fff; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 480px) { .news-item-first-screen__text { font-size: 24px; width: 100%; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; text-align: center; } } .news-item-first-screen-wrapper { padding: 0px 40px; } @media screen and (max-width: 480px) { .news-item-first-screen-wrapper { padding: 0 20px; } } .news-item-description { display: flex; align-items: center; justify-content: space-between; height: 75px; border-bottom: 1px solid #dedede; } @media screen and (max-width: 480px) { .news-item-description { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 45px; } } .news-item-description-item { display: flex; align-items: center; color: #777777; font-size: 18px; } .news-item-description-item:nth-child(2) svg { margin-right: 10px; } @media screen and (max-width: 480px) { .news-item-description-item:nth-child(2) svg { width: 15px; } } .news-item-description-item:nth-child(3) svg { margin-left: 10px; } @media screen and (max-width: 480px) { .news-item-description-item:nth-child(3) svg { margin-left: 10px; width: 15px; } } @media screen and (max-width: 480px) { .news-item-description-item { font-size: 12px; } .news-item-description-item:nth-child(1) { margin-right: 80px; } } .news-item-main { max-width: 1440px; margin: 0 auto; } .news-item-img-block { display: flex; align-items: center; flex-direction: column; padding: 10px 0; margin: 0 auto; max-width: 540px; } .news-item-img-block__img { width: 540px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; margin-bottom: 20px; } .news-item-img-block__img img { width: 100%; margin: 0 !important; } @media screen and (max-width: 480px) { .news-item-img-block__img { width: 100%; } } .news-item-img-block__description { font-family: Proxima Nova; font-size: 18px; text-align: center; color: #777777; font-style: italic; margin-bottom: 10px; } .mech-row { display: flex; align-items: stretch; margin-bottom: 45px; } @media screen and (max-width: 480px) { .mech-row { flex-direction: column; margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #e3e8f0; position: relative; padding-top: 60px !important; } .mech-row-info-item_head { position: absolute; top: 0; left: 0px; } .where-buy-loader--relative .mech-row-info-item_head { left: 10px; } } .mech-row-img { margin-right: 20px; width: 324px; height: 265px; } .mech-row-img img { width: 100%; } @media screen and (max-width: 480px) { .mech-row-img { width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px; } } .mech-row-info { flex: 1; display: flex; flex-direction: column; } .mech-row-info-item_head { font-size: 24px; color: #000000; margin-bottom: 10px; font-family: 'Proxima Nova', sans-serif; } .mech-row-info-item_text { font-family: 'Proxima Nova Light', sans-serif; line-height: 33px; font-size: 18px; } @media screen and (max-width: 480px) { .mech-row-info-item_text { font-size: 14px; line-height: 24px; } } .mech-row-info-item-btn { font-family: 'Proxima Nova', sans-serif; height: 37px; width: 140px; white-space: nowrap; font-size: 12px; margin-left: 25px; } @media screen and (max-width: 480px) { .mech-row-info-item-btn { width: 141px; } } .mech-row-info-item-btn-wrapper { display: flex; align-items: center; height: 47px; margin-top: auto; font-family: 'Proxima Nova Light', sans-serif; margin-top: 10px; } @media screen and (max-width: 480px) { .mech-row-info-item-btn-wrapper { font-size: 14px; } } .mech-row-info-item-btn_red { background: #d71921; color: #fff; border: 1px solid #d71921; } .mech-row-info-item-btn_red:active { background: #d71921; } .discont-search-bar { display: flex; align-items: stretch; margin-bottom: 30px; } .discont-search-bar:last-child { margin-bottom: 25px; } @media screen and (max-width: 480px) { .discont-search-bar { flex-direction: column; } } .discont-search-bar-item { display: flex; align-items: center; margin-right: 30px; } .discont-search-bar-item:last-child { margin-right: 0px; } @media screen and (max-width: 480px) { .discont-search-bar-item { margin-right: 0px; margin-bottom: 10px; } } .discont-search-bar-item .ui-selectmenu-button.ui-button { width: 272px; height: 42px; display: flex; align-items: center; padding: 20px; margin: 0 0 0 10px; background: #ffffff; border: 1px solid #e3e8f0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; outline: none; } .discont-search-bar-item .ui-corner-top:after, .discont-search-bar-item .ui-corner-all:after { content: ''; display: block; position: absolute; z-index: 10; width: 10px; height: 10px; border-bottom: 1px solid #3e435e; border-right: 1px solid #3e435e; -webkit-transform: rotate(45deg) translateY(-100%); -ms-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); top: 50%; right: 20px; } .discont-page .ui-menu-item-wrapper { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 5px 20px !important; } .discont-row { display: flex; align-items: stretch; margin-bottom: 65px; } @media screen and (max-width: 480px) { .discont-row { flex-direction: column; } } .discont-row-item { flex: 1; font-family: 'Proxima Nova Light'; line-height: 20px; font-size: 14px; } .discont-row-item:nth-child(1) { -webkit-box-flex: 0; -webkit-flex: 0 1 95px; -ms-flex: 0 1 95px; flex: 0 1 95px; margin-right: 30px; } @media screen and (max-width: 480px) { .discont-row-item:nth-child(1) { margin-right: 0px; flex: 1; } } .discont-row-item:nth-child(2) { -webkit-box-flex: 0; -webkit-flex: 0 1 460px; -ms-flex: 0 1 460px; flex: 0 1 460px; margin-right: 20px; } @media screen and (max-width: 480px) { .discont-row-item:nth-child(2) { margin-right: 0; flex: 1; } } .discont-row-item:nth-child(3) { margin-right: 20px; } @media screen and (max-width: 480px) { .discont-row-item:nth-child(3) { margin-right: 0px; } } .discont-row-item:nth-child(4) { -webkit-box-flex: 0; -webkit-flex: 0 1 446px; -ms-flex: 0 1 446px; flex: 0 1 446px; margin-right: 0px; } @media screen and (max-width: 480px) { .discont-row-item:nth-child(4) { flex: 1; } } .discont-row-item-gallery-mini { width: 360px; height: 80px; } @media screen and (max-width: 480px) { .discont-row-item-gallery-mini { width: 100%; margin-bottom: 30px; } } .discont-row-item-gallery-mini-wrapper { position: relative; } .discont-row-item-gallery-mini__arrow-prev, .discont-row-item-gallery-mini__arrow-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(0.7); -ms-transform: translateY(-50%) scale(0.7); transform: translateY(-50%) scale(0.7); cursor: pointer; opacity: 0.5; } .discont-row-item-gallery-mini__arrow-prev:hover, .discont-row-item-gallery-mini__arrow-next:hover { opacity: 1; } .discont-row-item-gallery-mini__arrow-prev { left: -20px; } .discont-row-item-gallery-mini__arrow-next { right: -20px; } .discont-row-item-gallery-mini-item { margin-bottom: 20px; outline: none; width: 95px; height: 80px; overflow: hidden; cursor: pointer; } .discont-row-item-gallery-mini-item img { margin: 0 auto; width: 95%; height: 100%; /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);*/ } @media screen and (max-width: 480px) { .discont-row-item-gallery-mini-item { height: 100%; margin: 0 10px; } .discont-row-item-gallery-mini-item img { width: 100%; } } .discont-row-item-gallery-big { width: 360px; margin-bottom: 10px; } @media screen and (max-width: 480px) { .discont-row-item-gallery-big { width: 100%; } .discont-row-item-gallery-mini img { max-height: 80px; } } .discont-row-item-gallery-big-item { width: 360px; height: 240px; overflow: hidden; outline: none; position: relative; } .discont-row-item-gallery-big-item img { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .discont-row-item-gallery-big-item .card-main-block__like { top: 5px; right: 5px; width: 27px; height: 25px; } .discont-row-item-row { display: flex; } .discont-row-item-row_name { margin-left: 15px; } .discont-row-item-row_head { font-size: 36px; font-family: 'Proxima Nova Light', sans-serif; margin-bottom: 30px; margin-top: 20px; line-height: 36px; } @media screen and (max-width: 1366px) { .discont-row-item-row_head { margin-bottom: 20px; } } .discont-row-item-row_text { line-height: 20px; margin-bottom: 20px; } @media screen and (max-width: 1366px) { .discont-row-item-row_text { line-height: 17px; } } .discont-row-item-row_question { margin-top: auto; margin-bottom: 10px; } .discont-row-item-row_address { color: #000; font-size: 18px; display: flex; align-items: center; margin-bottom: 25px; } .discont-row-item-row_address:last-child { margin-bottom: 0px; } .discont-row-item-row_address svg { margin-right: 10px; } .discont-row-item-row_address a { color: #000; } @media screen and (max-width: 480px) { .discont-row-item-row_address { font-size: 14px; } .discont-row-item-row_address:last-child { margin-bottom: 25px; } } @media screen and (max-width: 1366px) { .discont-row-item-row_address { font-size: 16px; } } .discont-row-item-row__button { width: 150px; height: 55px; display: flex; align-items: center; justify-content: center; font-family: 'Proxima Nova Semibold', sans-serif; font-size: 12px; margin-right: 10px; } @media screen and (max-width: 480px) { .discont-row-item-row__button { width: 150px; font-size: 10px; white-space: nowrap; -webkit-flex: 1 1 44%; -ms-flex: 1 1 44%; flex: 1 1 44%; } } .discont-row-item-row_wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .discont-row-item-row-cost { position: relative; display: flex; flex-direction: column; justify-content: space-between; margin-left: 20px; } .discont-row-item-row-cost__old { color: #9a9a9a; font-size: 24px; font-family: 'Proxima Nova Light', sans-serif; } .discont-row-item-row-cost__new { color: #000; font-size: 24px; font-family: 'Proxima Nova Light', sans-serif; } .discont-row-item-row-cost__percentage { position: absolute; bottom: -webkit-calc(100% + 20px); bottom: calc(100% + 20px); left: -webkit-calc(100% + 30px); left: calc(100% + 30px); -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); display: flex; align-items: center; justify-content: center; white-space: nowrap; color: #fff; font-size: 24px; } .discont-row-item-row-cost__percentage svg { position: absolute; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); z-index: -1; } @media screen and (max-width: 480px) { .discont-row-item-row-cost__percentage { -webkit-transform: rotate(-30deg) scale(0.5); -ms-transform: rotate(-30deg) scale(0.5); transform: rotate(-30deg) scale(0.5); bottom: -webkit-calc(100% + 10px); bottom: calc(100% + 10px); left: -webkit-calc(100% - 30px); left: calc(100% - 30px); } } .discont-row-item-row-list { display: flex; justify-content: space-between; flex-direction: column; width: 100%; margin-top: 25px; } .discont-row-item-row-list-item { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 10px; } .discont-row-item-row-list-item-name { width: 170px; } @media screen and (max-width: 480px) { .discont-row-item-row-list-item-name { width: 100px; } } .discont-row-item-row-list-item-value { flex: 1; display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 480px) { .discont-row-item-row-list-item-value { text-align: right; margin-left: auto; -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; white-space: nowrap; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; } .discont-row-item-row-list-item-value .card-main-block-description-row-item-tooltip { margin-right: 10px; white-space: normal; text-align: left; } } .discont-row-item-row-list-item-value__wrapper { display: flex; align-items: center; } .discont-row-item-row-list-item-value__wrapper .card-item-row-colors__color { margin-right: 10px; width: 24px; height: 24px; } .discont-row-item-row-list-item-value__wrapper .card-item-row-colors__color:after { top: 5px; left: 6px; width: 10px; height: 7px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; } .line-through { text-decoration: line-through; } .discont-btn-wrapper { padding: 0px 0 10px 0; } .news-row { display: flex; align-items: stretch; margin-bottom: 45px; } @media screen and (max-width: 480px) { .news-row { flex-direction: column; } } .news-row-img { width: 324px; margin-right: 20px; overflow: hidden; } .news-row-img img { width: 100%; height: 100%; border-radius: 5px; transition: 0.3s ease; } .news-row-img:hover img { transform: scale(1.05); } @media screen and (max-width: 480px) { .news-row-img { width: 100%; height: auto; margin-bottom: 20px; margin-right: 0px; } } .news-row-info { flex: 1; font-family: 'Proxima Nova Light', sans-serif; display: flex; flex-direction: column; } .news-row-info__name { font-size: 24px; margin-bottom: 10px; font-family: 'Proxima Nova', sans-serif; } .news-row-info__text { line-height: 33px; font-size: 18px; } @media screen and (max-width: 480px) { .news-row-info__text { font-size: 14px; line-height: 24px; margin-bottom: 20px; } } .news-row-info__btn { margin-right: 70px; width: 153px; height: 43px; font-family: 'Proxima Nova', sans-serif; font-size: 14px; } @media screen and (max-width: 480px) { .news-row-info__btn { margin-right: 50%; margin-bottom: 10px; } } .news-row-info__btn-wrapper { display: flex; margin-top: auto; align-items: center; } .news-row-info__btn-wrapper .news-item-description-item { color: #000; margin-right: 45px; } .news-row-info__btn-wrapper .news-item-description-item:last-child { margin-right: 0px; } @media screen and (max-width: 480px) { .news-row-info__btn-wrapper .news-item-description-item:last-child { margin-left: auto; } } .news-row-info__btn-wrapper .news-item-description-item svg { margin-right: 10px; } @media screen and (max-width: 480px) { .news-row-info__btn-wrapper .news-item-description-item { margin-right: 0px; margin-bottom: 10px; } } @media screen and (max-width: 480px) { .news-row-info__btn-wrapper { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .news-bottom-btn { width: 169px; height: 42px; border: 2px solid #f0f2f7; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; } @media screen and (max-width: 480px) { .news-bottom-btn { margin-right: 0px; margin-bottom: 20px; } } @media screen and (max-width: 480px) { .news-bottom-btn-wrapper { flex-direction: column; padding: 10px 0 30px; } } .news-bottom-pagination { display: flex; align-items: flex-start; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; } .news-bottom-pagination-item { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background: #f9f9f9; font-size: 12px; color: #3a405b; border-right: 1px solid #dadada; cursor: pointer; } .news-bottom-pagination-item:hover { background: #d71921; color: #fff; } .news-bottom-pagination-item:hover svg path { fill: #fff; } .news-bottom-pagination-item:last-child { border-right: none; } @media screen and (max-width: 480px) { .news-bottom-pagination-item { width: 30px; height: 30px; } } .catalog-main-gallery-linear { padding-top: 30px; } .catalog-main-gallery-linear .card-item-linear { display: flex; align-items: stretch; justify-content: space-between; border: 1px solid #e3e8f0; -webkit-border-radius: 5px; border-radius: 5px; } .catalog-main-gallery-linear .card-item-linear-item { flex: 1; position: relative; display: flex; flex-direction: column; justify-content: space-between; margin-right: 20px; padding: 30px 0 15px; } .catalog-main-gallery-linear .card-item-linear-item .card-item-row-hit { left: 10px; } .catalog-main-gallery-linear .card-item-linear-item:last-child { margin-right: 0px; } .catalog-main-gallery-linear .card-item-linear-item_img { -webkit-box-flex: 0; -webkit-flex: 0 1 323px; -ms-flex: 0 1 323px; flex: 0 1 323px; padding: 0px; } .catalog-main-gallery-linear .card-item-linear-item__head { color: #737373; font-size: 14px; } .catalog-main-gallery-linear .card-item-linear-item-wrapper { margin-bottom: 15px; } .catalog-main-gallery-linear .card-item-linear-item .card-item-row-colors_horiz .card-item-row-colors__color { width: 14px; height: 14px; } .catalog-main-gallery-linear .card-item-linear-item .card-item-row-colors_horiz .card-item-row-colors__color:after { width: 7px; height: 5px; top: 3px; left: 3px; } .catalog-main-gallery-linear .card-item-linear-item .card-item-linear-item__fast-search .card-item-row__fast-search svg { margin-left: 0px; margin-right: 10px; } .catalog-main-gallery-linear .card-item-linear-item__cost { font-size: 24px; color: #000; font-family: 'Proxima Nova Light', sans-serif; } .catalog-main-gallery-linear .card-item-linear-item__cost-red { font-size: 14px; font-family: 'Proxima Nova Light', sans-serif; color: #d71921; } .catalog-main-gallery-linear .card-item-linear-item__btn .card-main-block-description-row-btn-wrapper-like { width: 37px; height: 37px; border: 1px solid #d71921; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; } .catalog-main-gallery-linear .card-item-linear-item__btn .card-main-block-description-row-btn-wrapper-like svg { width: 18px; height: 16px; } .catalog-main-gallery-linear .card-item-linear-item__btn .card-main-block-description-row-btn-wrapper-buy { width: 140px; height: 37px; font-size: 14px; justify-content: center; padding: 0px; } .fabrics-banner { position: relative; } .fabrics-banner img { width: 100%; } @media screen and (max-width: 480px) { .fabrics-banner { height: 235px; } .fabrics-banner img { height: 235px; width: unset; } } .fabrics-banner__text { position: absolute; bottom: 60px; left: 20%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-size: 78px; font-family: 'Proxima Nova Extrabold'; } @media screen and (max-width: 480px) { .fabrics-banner__text { font-size: unset; } } .fabrics-filter { padding: 25px 155px 30px; border-top: 1px solid #e3e8f0; border-bottom: 1px solid #e3e8f0; } @media screen and (max-width: 480px) { .fabrics-filter { display: none; } } .fabrics-filter_mob { display: none; } @media screen and (max-width: 480px) { .fabrics-filter_mob { display: block; } } .fabrics-filter_mob-btn { width: 100%; display: flex; align-items: center; justify-content: center; background: #f9f9f9; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #e3e8f0; height: 55px; letter-spacing: 1px; color: #3a405b; font-size: 18px; } .fabrics-filter_mob-btn .arrow-down { border-color: #3a405b; } .fabrics-filter-letter { font-size: 14px; color: #656565; font-family: 'Proxima Nova Light'; } .fabrics-filter-column { flex: 1; display: flex; flex-direction: column; margin-right: 60px; } .fabrics-filter-column-wrapper { display: flex; align-items: flex-start; justify-content: space-between; } @media screen and (min-width: 1025px) { .fabrics-filter-column-wrapper { width: 100%; } .fabrics-filter-column-row-value-row.flex-start-row { justify-content: flex-start; } .fabrics-filter-column-row-value-row.flex-start-row .fabrics-filter-column-row-value-row-item { margin-bottom: 10px; } .fabrics-filter-column-wrapper .fabrics-filter-column { flex: 0 1 48%; width: 48%; } .fabrics-filter-column-wrapper .fabrics-filter-column-row-value-row { flex-wrap: wrap; } } .fabrics-filter-column:last-child { margin-right: 0px; } .fabrics-filter-column-row { display: flex; align-items: flex-start; margin-bottom: 20px; } .fabrics-filter-column-row { align-items: center; } .fabrics-filter-column-row_align-top { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; height: unset; } .fabrics-filter-column-row_align-top--nom { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .fabrics-filter-column-row_align-top .fabrics-filter-column-row-name { margin-top: 5px; } .fabrics-filter-column-row-name { font-family: 'Proxima Nova Semibold', sans-serif; line-height: normal; font-size: 18px; color: #242424; margin-right: 20px; white-space: nowrap; } .fabrics-filter-column-row-value { flex: 1; margin-top: 2px; } .fabrics-filter-column-row-value .SumoSelect { width: 270px; } .fabrics-filter-column-row-value .SumoSelect > .CaptionCont > label { padding: 0 20px; border-left: 2px solid #e4e7ef; } .fabrics-filter-column-row-value .SumoSelect > .CaptionCont > label > i { background-image: none; border-bottom: 1px solid #000; border-left: 1px solid #000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); width: 5px; height: 5px; } .fabrics-filter-column-row-value .SumoSelect > .optWrapper > .options { max-height: unset; font-size: 14px; } .fabrics-filter-column-row-value .CaptionCont.SelectBox { width: 270px; color: #000; font-size: 14px; height: 42px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #e4e7ef; display: flex; align-items: center; cursor: pointer; outline: none; } .fabrics-filter-column-row-value .CaptionCont.SelectBox span, .fabrics-filter-column-row-value .CaptionCont.SelectBox label { cursor: pointer; } .fabrics-filter-column-row-value .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i { background: url(/local/templates/bobox/css/../img/icons/sumoselect-active.svg) no-repeat center center; -webkit-background-size: 111% 111%; background-size: 111%; } .fabrics-filter-column-row-value .SumoSelect.open > .optWrapper { top: 110%; border: 2px solid #e4e7ef; } .fabrics-filter-column-row-value-item_row { display: flex; align-items: center; justify-content: flex-start; } .fabrics-filter-column-row-value-item_row .filter-checkbox { margin-right: 20px; font-size: 14px; margin-bottom: 0px; } .fabrics-filter-column-row-value-row { display: flex; justify-content: space-between; /* margin-bottom: 15px */ } .fabrics-filter-column-row-value-row_mb { margin-bottom: 0px; } .fabrics-filter-column-row-value-row .card-item-row-colors_horiz { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 308px; align-items: flex-start; height: unset; } .card-item-row-colors_horiz { width: 100%; } .fabrics-filter-column-row-value-row .card-item-row-colors__color { margin-right: 20px; border: 1px solid #49494924; } .fabrics-filter-column-row-value-row .card-item-row-colors__color:nth-child(1) { margin-bottom: 10px; } .fabrics-filter-column-row-value-row-item { display: flex; align-items: center; white-space: nowrap; margin-right: 10px; color: #656565; font-size: 14px; cursor: pointer; } .fabrics-filter-column-row-value-row-item:last-child { margin-right: 0px; } .fabrics-filter-column-row-value-row-item .card-main-block-description-row-item-tooltip { white-space: normal; width: 15px; height: 15px; } .fabrics-filter-btn-wrapper { justify-content: center; } .fabrics-filter-btn-wrapper .filter-btn { margin-right: 20px; } .fabrics-filter-btn-wrapper .filter-btn:last-child { margin-right: 0px; } .text-underline { text-decoration: underline; } .fabrics-result { /* display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; */ display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-rows: 1fr; grid-gap: 10px; padding: 40px; } @media screen and (max-width: 1270px) { .fabrics-result { grid-template-columns: repeat(5, 1fr); } } @media screen and (max-width: 1024px) { .fabrics-result { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; grid-gap: 10px; } } @media screen and (max-width: 870px) { .fabrics-result { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 667px) { .fabrics-result { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 480px) { .fabrics-result { grid-template-columns: 1fr; } } .fabrics-result_np { padding: 0px; } /*@media screen and (max-width: 480px) { .fabrics-result_np .fabrics-result-item { display: none } .fabrics-result_np .fabrics-result-item:first-child { display: flex } }*/ .fabrics-result-item { -webkit-box-flex: 0; -webkit-flex: 0 1 195px; -ms-flex: 0 1 195px; flex: 0 1 195px; display: flex; flex-direction: column; align-items: stretch; cursor: pointer; } .fabrics-result-item-img { margin-bottom: 15px; } @media screen and (min-width: 1024px) { .fabrics-result-item-img { height: 200px; } } .fabrics-result-item-img img { width: 100%; height: 100%; border-radius: 5px; display: block; } .fabrics-result-item-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; } .fabrics-result-item-row_align-top { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; min-height: 34px; } .fabrics-result-item-row:last-child { margin-bottom: 0px; } .fabrics-result-item-row-name { font-size: 18px; font-family: 'Proxima Nova', sans-serif; } .fabrics-result-item-row-category { font-size: 14px; color: #3a3a3a; text-align: right; } .fabrics-result-item-row-type { font-family: 'Proxima Nova', sans-serif; color: #3a3a3a; font-size: 14px; } .fabrics-result-btn-wrapper { padding: 0px 0px 50px; } .fabrics-active-banner { margin-bottom: 25px; } .fabrics-active-banner img { width: 100%; max-height: 426px; object-fit: cover; } @media screen and (max-width: 480px) { .fabrics-active-banner { display: none; } } .fabrics-active-banner-mob { margin-bottom: 25px; display: none; background: url(/local/templates/bobox/css/../img/fabrics-active.png) no-repeat center center; -webkit-background-size: cover; background-size: cover; height: 235px; width: 100%; margin-bottom: 10px; } @media screen and (max-width: 480px) { .fabrics-active-banner-mob { display: block; } } .fabrics-active-colors { margin-bottom: 25px; } .fabrics-active-colors-head { font-family: Proxima Nova; line-height: normal; font-size: 24px; color: #242424; margin-bottom: 30px; } .fabrics-active-colors-row { display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } .fabrics-active-colors-row .tabs-container-list-item-innercontainer-side-material-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .fabrics-active-colors-row-item { position: relative; margin-right: 10px; } @media screen and (max-width: 1366px) { .fabrics-active-colors-row-item { margin-right: 27px; } } @media screen and (max-width: 480px) { .fabrics-active-colors-row-item { margin-right: 0; flex: 0 0 16.66%; } } .fabrics-active-colors-row-item__img { -webkit-border-radius: 50%; border-radius: 50%; width: 90px; height: 90px; position: relative; } .fabrics-active-colors-row-item__img:after { content: ''; position: absolute; width: 0px; height: 0px; top: 45%; left: 50%; border-bottom: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); opacity: 0; } @media screen and (max-width: 480px) { .fabrics-active-colors-row-item__img { width: 35px; height: 35px; } } .fabrics-active-colors-row-item:nth-child(1) { margin-bottom: 30px; } @media screen and (max-width: 480px) { .fabrics-active-colors-row-item:nth-child(1) { margin-bottom: 10px; } } .fabrics-active-colors-row-item:nth-child(1n) .fabrics-active-colors-row-item__img { background: #a75a2b; } .fabrics-active-colors-row-item:nth-child(2n) .fabrics-active-colors-row-item__img { background: #cbba9f; } .fabrics-active-colors-row-item:nth-child(3n) .fabrics-active-colors-row-item__img { background: #191516; } .fabrics-active-colors-row-item:nth-child(4n) .fabrics-active-colors-row-item__img { background: #95873b; } .fabrics-active-colors-row-item.active .fabrics-active-colors-row-item__img { -webkit-border-radius: 50%; border-radius: 50%; position: relative; } .fabrics-active-colors-row-item.active .fabrics-active-colors-row-item__img:after { width: 25px; height: 15px; opacity: 1; } @media screen and (max-width: 480px) { .fabrics-active-colors-row-item.active .fabrics-active-colors-row-item__img:after { width: 11px; height: 7px; } } @media screen and (max-width: 480px) { .fabrics-active-colors-row-item__description { display: none; } } .fabrics-active-description { margin-bottom: 25px; } .fabrics-active-description-main { font-family: 'Proxima Nova Light', sans-serif; line-height: 37px; font-size: 18px; } @media screen and (max-width: 480px) { .fabrics-active-description-main { line-height: 29px; font-size: 14px; } } .fabrics-active-tech { margin-bottom: 35px; } .fabrics-active-include { margin-bottom: 40px; } .fabrics-active-include .card-item-wrapper_fabrics { width: 324px; } @media screen and (max-width: 1366px) { .fabrics-active-include .card-item-wrapper_fabrics { width: 310px; } .fabrics-active-include .card-item-wrapper_fabrics .card-item { width: 310px; } } .fabrics-filter-letter.fabrics-active { color: #d71921; font-weight: 900; font-family: 'Proxima Nova Semibold'; display: inline-block; text-decoration: underline; } .fabrics-filter-column-row-value-row-item .span-tooltip { color: initial; text-decoration: none; color: initial; font-family: 'Proxima Nova Semibold'; width: initial; height: initial; border: none; } .fabrics-filter-column-row-value-row-item.fabrics-active .text-underline { color: #d71921; font-family: 'Proxima Nova Semibold'; display: inline-block; } .fabrics-filter-column-row-value-row-item_osob.fabrics-active { color: #d71921; font-family: 'Proxima Nova Semibold'; } .designers { padding-top: 0px; } .designers-personal { display: flex; align-items: stretch; } @media screen and (max-width: 480px) { .designers-personal { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-items: center; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .designers-personal-img { width: 134px; height: 134px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; -webkit-box-flex: 0; -webkit-flex: 0 1 134px; -ms-flex: 0 1 134px; flex: 0 1 134px; margin-right: 20px; } .designers-personal-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media screen and (max-width: 480px) { .designers-personal-img { margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 1 48%; -ms-flex: 0 1 48%; flex: 0 1 48%; } } .designers-personal-name { display: flex; flex-direction: column; margin-right: 140px; } @media screen and (max-width: 480px) { .designers-personal-name { margin-right: 0px; margin-bottom: 20px; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; } } .designers-personal-name__name { font-family: 'Proxima Nova Semibold', sans-serif; font-size: 36px; } .designers-personal-name__job { white-space: nowrap; margin-top: auto; } .designers-personal-contacts { display: flex; flex-direction: column; justify-content: space-between; margin-right: 70px; } @media screen and (max-width: 480px) { .designers-personal-contacts { margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; text-align: left; margin: 20px 0; padding: 20px 0; } } .designers-personal-contacts__head { font-size: 24px; } @media screen and (max-width: 480px) { .designers-personal-contacts__head { font-size: 18px; margin-bottom: 10px; } } .designers-personal-contacts__phone { font-size: 18px; font-family: 'Proxima Nova Light', sans-serif; } .designers-personal-contacts__phone a { color: #000; } @media screen and (max-width: 480px) { .designers-personal-contacts__phone { margin-bottom: 10px; } } .designers-personal-contacts__link a { color: #75a4ff; font-style: italic; font-size: 18px; -webkit-text-decoration-line: underline; text-decoration-line: underline; } .designers-personal-about { -webkit-box-flex: 0; -webkit-flex: 0 1 440px; -ms-flex: 0 1 440px; flex: 0 1 440px; display: flex; flex-direction: column; justify-content: space-between; } @media screen and (max-width: 480px) { .designers-personal-about { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; width: 100%; text-align: left; } } .designers-personal-about__head { font-size: 24px; } @media screen and (max-width: 480px) { .designers-personal-about__head { margin: 10px 0px; } } .designers-project-block { border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; } .designers-project-block_nb { border: none; } .designers-head { font-family: 'Proxima Nova'; line-height: normal; font-size: 36px; } .designers-projects-head { font-family: 'Proxima Nova Semibold'; line-height: normal; font-size: 24px; margin-bottom: 20px; } @media screen and (max-width: 480px) { .designers-projects-head { line-height: normal; font-size: 18px; } } .designers-projects-gallery-wrapper { margin-bottom: 25px; position: relative; padding-left: 30px; padding-right: 30px; } @media screen and (max-width: 480px) { .designers-projects-gallery-wrapper { padding-left: 0px; padding-right: 0px; } } .designers-projects-gallery-item { -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; width: 300px; outline: none; } @media screen and (max-width: 480px) { .designers-projects-gallery-item img { margin: 0 auto; width: 100%; } } .designers-projects-gallery-arrow__prev { position: absolute; top: 125px; left: 0; /*top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/ opacity: 0.2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .designers-projects-gallery-arrow__prev:hover { opacity: 1; } .designers-projects-gallery-arrow__next { position: absolute; right: -9px; top: 125px; /*top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);*/ opacity: 0.2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .designers-projects-gallery-arrow__next:hover { opacity: 1; } .designers-projects-gallery-arrow__next, .designers-projects-gallery-arrow__prev { top: 50%; transform: translateY(-50%); } @media screen and (max-width: 480px) { .designers-projects-gallery-arrow__prev { left: -15px; } .designers-projects-gallery-arrow__next { right: -15px; } } /*@media screen and (max-width: 1440px){ .designers-projects-gallery-arrow__next, .designers-projects-gallery-arrow__prev { top: 120px; } } @media screen and (max-width: 1366px){ .designers-projects-gallery-arrow__next, .designers-projects-gallery-arrow__prev { top: 115px; } } @media screen and (max-width: 1200px){ .designers-projects-gallery-arrow__next, .designers-projects-gallery-arrow__prev { top: 100px; } } @media screen and (max-width: 1024px){ .designers-projects-gallery-arrow__next, .designers-projects-gallery-arrow__prev { top: 85px; } } @media screen and (max-width: 768px){ .designers-projects-gallery-arrow__next, .designers-projects-gallery-arrow__prev { top: 55px; } } @media screen and (max-width: 480px) { .designers-projects-gallery-arrow__next { display: none } }*/ .designers-projects-description { font-family: Proxima Nova; line-height: 33px; font-size: 18px; margin-bottom: 25px; } @media screen and (max-width: 480px) { .designers-projects-description { font-size: 14px; line-height: 26px; } } .designers-projects-btn { /*margin-right: 20px;*/ text-transform: uppercase; width: 183px; height: 37px; margin-top: 30px; } .designers-projects-btn-wrapper { display: flex; align-items: center; } .ptb25 { padding-top: 25px; padding-bottom: 25px; } .nowrap { white-space: nowrap; } .fancybox-content { max-width: 940px; padding: 0px; font-family: 'Proxima Nova', sans-serif; overflow: visible; } .fancybox-content .tabs-container-list-item-innercontainer-side-video { width: 100%; } .fancybox-content .tabs-container-list-item-innercontainer-side-video video { max-width: 100%; } .fancybox-content .fancybox-row { display: flex; align-items: center; justify-content: center; } .fancybox-content .block { padding: 40px 0px 40px 40px; } .fancybox-content .fancybox-btn { font-size: 14px; letter-spacing: 1px; color: #757575; width: 245px; height: 40px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #757575; text-transform: uppercase; } .fancybox-content .fancybox-btn:hover { -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .fancybox-content .fancybox-btn:active { -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25); } .fancybox-content .card-main-block-description-row-item { margin-right: 0px; } .fancybox-content .card-main-block-description-row-btn-wrapper-like { height: 40px; width: 40px; } .fancybox-content .card-main-block-description-row-btn-wrapper-buy { height: 55px; width: 130px; } .fancybox-content .card-main-block-description-row-btn-wrapper { flex: 1; } .fancybox-content .card-main-block-description-row-item_info { white-space: nowrap; } .fancybox-content .card-main-block-description-row-item_info:hover { color: #d71921; } .fancybox-content .card-main-block-gallery-big { -webkit-box-flex: 0; -webkit-flex: 0 1 300px; -ms-flex: 0 1 300px; flex: 0 1 300px; } .fancybox-content .row-yellow { background: #fdffb0; padding: 20px; } .fancybox-content .row-yellow .card-main-block-description-row { padding: 0px; } .fancybox-content .row-yellow .card-main-block-description-row:first-child { padding-bottom: 20px; } .fancybox-content .card-main-block-description-name-wrapper { padding: 0 0 20px 20px; } .fancybox-content .card-main-block-description-name-wrapper .card-main-block-description-head { font-size: 18px; } .fancybox-content .card-main-block-description-name-wrapper .card-main-block-description-head:nth-child(2) { font-size: 36px; } .fancybox-content .fancybox-button.fancybox-close-small { width: 40px; height: 40px; padding: 0; opacity: 1; top: -10px; right: -50px; } .fancybox-content .fancybox-button.fancybox-close-small svg { width: 100%; height: 100%; } .fancybox-content .fancybox-button.fancybox-close-small svg path { fill: #fff; } .jc-sb { justify-content: space-between; padding-right: 20px; } .to-top { position: fixed; bottom: -50px; -webkit-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; left: 20px; border-radius: 50%; border: 2px solid #d80027; z-index: 100; cursor: pointer; background: rgba(216, 0, 39, 0.7); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .to-top svg { width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: none; } .to-top:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -30%) rotate(135deg); -ms-transform: translate(-50%, -30%) rotate(135deg); transform: translate(-50%, -30%) rotate(135deg); display: block; width: 10px; height: 10px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; } .to-top.active { bottom: 20px; } .tahoma { font-family: 'Tahoma'; font-size: 45px; } @media screen and (max-width: 480px) { .tahoma { font-size: 30px; } } .block-404 { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100vw; height: 100vh; } .block-404__head { font-family: Roboto; font-style: normal; font-weight: 900; text-align: center; } .block-404__head img { max-width: 400px; } .block-404__text { font-family: Proxima Nova; font-size: 18px; text-align: center; } .block-404-nav { display: flex; justify-content: space-between; align-items: center; } @media screen and (max-width: 480px) { .block-404-nav { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } } .block-404-nav__item { font-family: Proxima Nova; line-height: normal; font-size: 18px; color: #d71921; margin-right: 80px; white-space: nowrap; } .block-404-nav__item:hover { border-bottom: none; } .block-404-nav__item:last-child { margin-right: 0px; } @media screen and (max-width: 480px) { .block-404-nav__item { margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; text-align: center; border-bottom: none; margin-bottom: 20px; } } .block-404__img { margin-bottom: 15px; } .block-404__img img { width: 100%; max-width: 880px; } .filter-mob { display: none; } @media screen and (max-width: 480px) { .filter-mob { display: block; } } .filter-mob-head { margin-bottom: 20px; text-align: center; font-family: Proxima Nova; line-height: normal; font-size: 24px; text-align: center; color: #000000; } .filter-mob-btn { flex: 1; width: auto; height: 55px; display: flex; align-items: center; justify-content: center; background: #f9f9f9; font-family: Proxima Nova; font-size: 16px; text-align: center; letter-spacing: 1px; color: #3a405b; } .filter-mob-btn:nth-child(1) { -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-right: 1px solid #e3e8f0; border-top: 1px solid #e3e8f0; border-bottom: 1px solid #e3e8f0; border-left: 1px solid #e3e8f0; } .filter-mob-btn:nth-child(2) { -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-right: 1px solid #e3e8f0; border-top: 1px solid #e3e8f0; border-bottom: 1px solid #e3e8f0; } .filter-mob-btn-wrapper { display: flex; align-items: center; justify-content: space-between; } .filter-mob-btn .arrow-down { border-color: #3a405b; } .filter-mob-side { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 2000; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .filter-mob-side.active { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .filter-mob-header { height: 64px; display: flex; align-items: center; padding: 0 20px; font-family: Proxima Nova Semibold; line-height: 14px; font-size: 18px; letter-spacing: 1px; color: #3a405b; border-bottom: 12px solid #e3e8f0; } .filter-mob-header-btn-back { height: 16px; cursor: pointer; margin-right: 20px; } .filter-mob-header-btn-cross { cursor: pointer; margin-left: auto; height: 21px; } .filter-mob-main { display: flex; flex-direction: column; align-items: stretch; height: -webkit-calc(100% - 64px); height: calc(100% - 64px); flex-grow: 1; overflow-y: scroll; } .filter-mob-main-row { height: 52px; padding: 0 20px; display: flex; align-items: center; font-family: Proxima Nova; line-height: 14px; font-size: 18px; letter-spacing: 1px; color: #3a405b; border-bottom: 1px solid #e3e8f0; } .filter-mob-main-btn-wrapper { display: flex; align-items: center; justify-content: space-between; margin-top: auto; margin-bottom: 20px; padding: 0 20px; } .filter-mob-main-custom { padding: 20px; } .filter-mob-main-custom-inputs { display: flex; align-items: center; justify-content: space-between; } .filter-mob-main-custom.filter-mob-main-custom-inputs .fabrics-filter-column-row-value-row { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; width: 100%; } .filter-mob-main-custom.filter-mob-main-custom-inputs .fabrics-filter-column-row-value-row label { display: flex; align-items: center; justify-content: center; } .filter-mob-main-custom.filter-mob-main-custom-inputs .fabrics-filter-column-row-value-row label .fabrics-filter-letter { font-size: 24px; } .filter-mob-main-input { background: #ffffff; border: 1px solid #e3e8f0; -webkit-border-radius: 5px; border-radius: 5px; outline: none; width: 49%; padding: 10px; height: 40px; } .filter-mob-main-width-input { width: 49%; position: relative; } .filter-mob-main-width-input input { width: 100%; } .filter-mob-main-width-input:after { content: 'см'; font-size: 14px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .filter-mob-filter-color-row { -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; padding: 20px; } .filter-mob-filter-color-row .card-item-row-colors__color { width: 40px; height: 40px; margin: 0 10px 10px 0; } .filter-mob-filter-color-row .card-item-row-colors__color:after { width: 18px; height: 12px; top: 9px; left: 10px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; } .filter-btn-mob { flex: 1; width: auto; margin-right: 20px; } .filter-btn-mob:last-of-type { margin-right: 0; } .filter-mob-side-additional .filter-mob-main-row.active { background: #d71921; color: #fff; } .filter-mob-sort .filter-mob-main-row.active { background: #d71921; color: #fff; } .card-main-mob { display: none; } @media screen and (max-width: 480px) { .card-main-mob { display: block; } } .card-main-mob .card-main-block-description-row-item-list-item__text { font-size: 10px; max-width: 90px; } .card-main-mob-head { text-align: center; font-family: Proxima Nova; line-height: normal; font-size: 24px; text-align: center; margin-bottom: 20px; color: #000000; } .card-main-mob-img { position: relative; margin-bottom: 50px; opacity: 0; transition: 0.3s; } .card-main-mob-img.slick-initialized { opacity: 1; } .card-main-mob-img .slick-dots { bottom: -30px; } .card-main-mob-img .slick-dots li button { border: 1px solid #b7b7b7; } .card-main-mob-img .slick-dots li.slick-active button { background: #b7b7b7; } .card-main-mob-img img { width: 100%; } .card-main-mob-img .card-main-block__like { top: 10px; right: 10px; } .card-main-mob-main { margin-top: 30px; } .card-main-mob-main-block-top { padding: 0 20px 20px; } .card-main-mob-main-block-top .card-main-block-description-head { font-family: Proxima Nova; line-height: normal; font-size: 14px; color: #797979; } .card-main-mob-main-block-top .card-main-block-description-head:nth-child(2) { font-family: Proxima Nova; line-height: normal; font-size: 24px; color: #000000; } .card-main-mob-main-block-top .card-main-block-description-row-item_name { font-size: 14px; } .card-main-mob-main-block-yellow { /*background: #FDFFB0;*/ padding: 20px; background: #f9f9f9; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } .card-main-mob-main-block-yellow-row { display: flex; align-items: center; justify-content: space-between; } .card-main-mob-main-block-yellow-row .card-main-block-description-row-item_info { font-size: 12px; margin-left: 0px; } .card-main-mob-main-block-yellow-row .card-main-block-description-row-item_info:hover { color: #d71921; } .card-main-mob-main-block-yellow .card-main-block-description-row { align-items: center; justify-content: space-between; } .card-main-mob-main-block-yellow .card-main-block-description-row-cost__number_main { font-size: 24px; } .card-main-mob-main-block-yellow .card-main-block-description-row-cost { -webkit-transform: none; -ms-transform: none; transform: none; } .card-main-mob-main-block-yellow .card-main-block-description-row-btn-wrapper { margin-right: 0px; -webkit-box-flex: 0; -webkit-flex: 0 1 49%; -ms-flex: 0 1 49%; flex: 0 1 49%; } .card-main-mob-main-block-yellow .card-main-block-description-row-btn-wrapper-like { width: 45px; height: 45px; } .card-main-mob-main-block-yellow .card-main-block-description-row-btn-wrapper-buy { height: 45px; font-size: 14px; } .card-main-mob-main-block-yellow .card-main-block-description-row-cost__description { text-align: center; } .card-main-mob-main-accordion-item-head { padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; font-family: Proxima Nova Semibold; font-size: 18px; color: #000000; border-bottom: 1px solid #eeeeee; } .card-main-mob-main-accordion-item-head .arrow-down { width: 8px; height: 8px; border-bottom: 1px solid #000000; border-left: 1px solid #000000; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .card-main-mob-main-accordion-item.active .card-main-mob-main-accordion-item-head .arrow-down { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .card-main-mob-main-accordion-item-main { display: none; padding: 20px 0; } .card-main-mob-main-accordion-item-main .card-main-block-description-row { padding: 20px; flex-direction: column; align-items: flex-start; } .card-main-mob-main-accordion-item-main .card-main-block-description-row .card-main-block-description-row-item_name { flex: 1; margin: 0 0 10px 0; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-table-row { padding: 10px 20px; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-table-row-item { -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; white-space: nowrap; } .card-main-mob-main-accordion-item-main .card-main-block-description-row-item-tooltip__card { white-space: normal; } .card-main-mob-main-accordion-item-main .card-main-block-description-row-item__btn-change { margin-left: 0px; margin-top: 20px; position: absolute; top: 0; right: 0; } .card-main-mob-main-accordion-item-main .card-main-block-description-row-item-ul-horiz { margin-top: 10px; } .card-main-mob-main-accordion-item-main .card-main-block-description-row-wrapper { flex-direction: column; align-items: flex-start; } .card-main-mob-main-accordion-item-main .card-main-block-description-row-item-tooltip { -webkit-flex: 1 20px; -ms-flex: 1 20px; flex: 1 20px; } .card-main-mob-main-accordion-item-main .card-main-block-description-row-item-ul-vert { padding: 0; margin-top: 10px; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-top { flex-direction: column; align-items: flex-start; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-top-item-rate { flex-direction: column; align-items: flex-start; margin-bottom: 20px; } .card-main-mob-main-accordion-item-main .commentary-input-top { flex-direction: column; align-items: center; } .card-main-mob-main-accordion-item-main .commentary-input-top-name { margin-top: 10px; margin-left: 0px; } .card-main-mob-main-accordion-item-main .commentary-input-rate { flex-direction: column; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-text-block__main { font-size: 14px; line-height: 20px; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer.commentary-container { padding: 0 20px; } .card-main-mob-main-accordion-item-main .commentary-input-btn { height: 45px; font-size: 16px; } .card-main-mob-main-accordion-item-main .recomendation-top { flex-direction: column; text-align: center; } .card-main-mob-main-accordion-item-main .recomendation-top-date { margin-left: 0px; } .card-main-mob-main-accordion-item-main .recomendation-text__main { font-size: 14px; line-height: 20px; } .card-main-mob-main-accordion-item-main .commentary-input-btn { font-size: 12px; } .card-main-mob-main-accordion-item-main .recomendation { padding: 0 20px; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-top-item-vote-like, .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-top-item-vote-dislike { white-space: nowrap; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-material-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-material-list-item { margin: 0 0 10px 0; -webkit-box-flex: 0; -webkit-flex: 0 1 30%; -ms-flex: 0 1 30%; flex: 0 1 30%; } @media screen and (max-width: 480px) { .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-material-list-item { margin: 20px 0; } } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-material { padding: 0 20px; } .card-main-mob-main-accordion-item-main .material-category { font-size: 16px; } .card-main-mob-main-accordion-item-main .material-text-name { font-size: 16px; margin-right: 10px; } .mob-row-flex-space-between { display: flex; align-items: center; } @media screen and (max-width: 480px) { .fabrics-active-see-with .fabrics-result.fabrics-result_np { align-items: center; justify-content: center; padding: 0 18px; } } .mech-row-gallery-big { width: 360px; max-width: 100%; height: 200px; margin-right: 40px; margin-bottom: 20px; } .mech-row-gallery-big .mech-row-img { width: 360px; height: 200px; position: relative; outline: none; border-radius: 4px; background: #dddddd; } .mech-row-gallery-big .mech-row-img img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; min-height: 100%; } .mech-row-gallery-big .mech-row-img video { height: 100%; } .mech-row-gallery-mini { width: 340px; max-width: 100%; } .mech-row-gallery-mini-wrapper { position: relative; width: 340px; max-width: 100%; } .mech-row-gallery-mini__arrow-prev { position: absolute; top: 50%; left: -20px; -webkit-transform: translateY(-50%) scale(0.7); -ms-transform: translateY(-50%) scale(0.7); transform: translateY(-50%) scale(0.7); cursor: pointer; opacity: 0.5; } .mech-row-gallery-mini__arrow-prev:hover { opacity: 1; } .mech-row-gallery-mini__arrow-next { position: absolute; top: 50%; right: -20px; -webkit-transform: translateY(-50%) scale(0.7); -ms-transform: translateY(-50%) scale(0.7); transform: translateY(-50%) scale(0.7); cursor: pointer; opacity: 0.5; } .mech-row-gallery-mini__arrow-next:hover { opacity: 1; } .mech-row-gallery-mini .mech-row-img { display: flex; align-items: center; justify-content: center; height: 90px; outline: none; margin-right: 0px; position: relative; } .mech-row-gallery-mini .mech-row-img img { width: 100%; margin: 0 auto; } .tabs-container-list-item-innercontainer-side-gallery { margin: 20px 0; display: flex; align-items: center; } .tabs-container-list-item-innercontainer-side-gallery a { width: 168px; height: 90px; margin-right: 20px; } .tabs-container-list-item-innercontainer-side-gallery a img { width: 168px; height: 90px; } .designers-projects { border-bottom: 2px solid #bebebe; } .search-tags { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } @media screen and (max-width: 480px) { .search-tags { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; } } .search-tags-name { margin-right: 100px; } @media screen and (max-width: 480px) { .search-tags-name { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } } .search-tag a { font-family: Proxima Nova; line-height: 14px; font-size: 14px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #767676; cursor: pointer; } @media screen and (max-width: 480px) { .search-tag { margin-right: 20px; margin-bottom: 10px; } } .search-tag.active a { color: #cb131a; font-family: Proxima Nova Semibold; } .designers-block { display: flex; align-items: stretch; justify-content: space-between; padding: 30px 0; position: relative; } @media screen and (max-width: 480px) { .designers-block { flex-direction: column; } } .designers-block:after, .designers-block:before { content: ''; position: absolute; display: block; height: 1px; background: #eaeaea; width: 100vw; bottom: 0; left: 50%; } .designers-block:before { left: unset; right: 50%; } .designers-block-profile { display: flex; flex-direction: column; -webkit-box-flex: 0; -webkit-flex: 0 1 300px; -ms-flex: 0 1 300px; flex: 0 1 300px; padding-right: 40px; } @media screen and (max-width: 480px) { .designers-block-profile { padding-right: 0px; flex: 1; margin-bottom: 20px; } } .designers-block-profile .designers-personal-name { margin-right: 0px; } .designers-block-profile .designers-personal-name .designers-personal-name__name { font-size: 24px; } .designers-block-profile .designers-personal-name .designers-personal-name__job { font-size: 14px; margin-top: 10px; } .designers-block-profile-top { display: flex; align-items: stretch; } .designers-block-profile-bottom { margin-top: auto; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } .designers-block-profile-bottom .designers-projects-btn { margin-right: 0px; } .designers-block-gallery { position: relative; display: flex; align-items: center; flex: 1; } .designers-block-gallery-inn { width: 800px; } .designers-block-gallery-inn-item { width: 211px; margin-right: 20px; text-align: center; cursor: pointer; outline: none; } .designers-block-gallery-inn-item-img { margin-bottom: 10px; } .designers-block-gallery-inn-item-img img { width: 100%; } .designers-block-gallery-arrow { padding-left: 10px; cursor: pointer; opacity: 0.5; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } @media screen and (max-width: 480px) { .designers-block-gallery-arrow { display: none; } } .designers-block-gallery-arrow:hover { opacity: 1; } .card-preview-cross { position: absolute; bottom: -webkit-calc(100% - 2px); bottom: calc(100% - 2px); right: -webkit-calc(100% + 5px); right: calc(100% + 5px); opacity: 0.5; cursor: pointer; height: 20px; width: 20px; display: flex; align-items: center; justify-content: center; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; display: none; } .card-preview-cross__line { width: 20px; height: 1px; background: #000; -webkit-transform: rotate(45deg) translate(6.5px, 4px); -ms-transform: rotate(45deg) translate(6.5px, 4px); transform: rotate(45deg) translate(6.5px, 4px); } .card-preview-cross__line:nth-child(2) { -webkit-transform: rotate(-45deg) translate(-3px, 6px); -ms-transform: rotate(-45deg) translate(-3px, 6px); transform: rotate(-45deg) translate(-3px, 6px); } .card-preview-cross:hover { opacity: 1; } @media screen and (max-width: 480px) { .card-preview-cross { bottom: -webkit-calc(100% - 40px); bottom: calc(100% - 40px); right: -webkit-calc(100% - 36px); right: calc(100% - 36px); padding: 10px; box-sizing: content-box; } } .card-preview-arrow { position: absolute; right: -webkit-calc(100% + 10px); right: calc(100% + 10px); top: 50%; display: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; cursor: pointer; } .card-preview-arrow:hover { opacity: 1; } .card-preview { position: fixed; bottom: 50px; right: -10px; width: 330px; padding: 20px 30px 20px 20px; background: #fff; z-index: 100; background: #ffffff; border: 1px solid #aeaeae; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); } .card-preview .card-main-block-description-row-btn-wrapper-like { height: 45px; width: 45px; } .card-preview .card-main-block-description-row-btn-wrapper-buy { height: 45px; } .card-preview .card-main-block-description-row-btn-wrapper { flex: 1; width: 100%; display: flex; flex-direction: column; align-items: stretch; } .card-preview .btn-wrapper { display: flex; self-align: stretch; } .card-preview-head { text-align: center; font-size: 18px; font-family: Proxima Nova Semibold; margin-bottom: 20px; } /*@media screen and (max-width: 480px) { .card-preview { display: none } }*/ .card-preview-img { margin-bottom: 20px; position: relative; } .card-preview-img__svg-mask { position: absolute; top: 22px; left: 0; opacity: 0.4; width: 100%; } .card-preview-info { display: flex; align-items: flex-start; flex-direction: column; margin-bottom: 10px; } .card-preview-info-item { font-size: 14px; color: #5e5e5e; margin-bottom: 10px; } .card-preview-info-item:last-child { margin-right: 0px; } .card-preview-info-item span { color: #000; } .card-preview-cost { text-align: center; display: flex; flex-direction: column; align-items: stretch; } .card-preview-cost-row { text-align: left; margin-bottom: 20px; font-size: 24px; } .card-preview.active { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .card-preview.active .card-preview-cross { display: block; } .card-preview.closed { -webkit-transform: translate(95%); -ms-transform: translate(95%); transform: translate(95%); } .card-preview.closed .card-preview-arrow { display: block; } .header-tablet { display: none; } .header-nav-tablet { display: none; } .block.catalog.tablet { display: none; } .tablet-design { display: none; } @media screen and (min-width: 480px) and (max-width: 1024px) { .ui-selectmenu-open .ui-menu-item .ui-menu-item-wrapper { font-size: 12px; } /*.card-preview { display: none }*/ .header-nav_background { display: block; } .header-nav_background .header-nav-search-bar_wrapper { display: none; } .main { padding-top: 130px; } .main .slider-wrapper { height: -webkit-calc(100vh - 300px); height: calc(100vh - 300px); } .block-head { font-size: 24px; } .first-slider .slick-list .slick-track .first-slider-item { height: -webkit-calc(100vh - 300px); height: calc(100vh - 300px); } .first-slider .slick-dots li button { width: 10px; height: 10px; } .block.text-section .text-section-main { font-size: 14px; } .block.collections { padding: 20px; padding-top: 0; } .block.collections .collections-list .collections-list-item { height: 20.4vw; padding: 10px; } .block.collections .collections-list .collections-list-item .collections-list-item__head { font-size: 12px; } .block.collections .collections-list .collections-list-item .collections-list-item__name { font-size: 24px; } .block.needs { padding: 20px; padding-top: 0; } .block.needs .needs-list .needs-list-item:last-child .needs-list-item__img { -webkit-transform: matrix(0.4, 0, 0, 0.4, 75, -170); -ms-transform: matrix(0.4, 0, 0, 0.4, 75, -170); transform: matrix(0.4, 0, 0, 0.4, 75, -170); } .block.needs .needs-list .needs-list-item { width: 167px; height: 151px; padding-left: 10px; padding-bottom: 14px; } .block.needs .needs-list .needs-list-item .needs-list-item-text__head { font-size: 10px; } .block.needs .needs-list .needs-list-item .needs-list-item__img { -webkit-transform: matrix(0.5, 0, 0, 0.5, 60, -140); -ms-transform: matrix(0.5, 0, 0, 0.5, 60, -140); transform: matrix(0.5, 0, 0, 0.5, 60, -140); } .block.needs .needs-list .needs-list-item .needs-list-item-text__name { font-size: 18px; margin-bottom: 13px; } .block.needs .needs-list .needs-list-item .needs-list-item-text__button { width: 72px; height: 19px; font-size: 9px; } .block.choice-of-customers { padding: 20px; height: 396px; } .block.choice-of-customers .block-head.choice-of-customers-head { margin-bottom: 0; } .block.choice-of-customers .choice-of-customers-gallery { width: -webkit-calc(100% - 38px); width: calc(100% - 38px); left: 20px; top: 40px; } .block.choice-of-customers .choice-of-customers-gallery .second-slider__arrow-prev { display: none; } .block.choice-of-customers .choice-of-customers-gallery .second-slider__arrow-next { display: none; } .block.choice-of-customers .card-item { width: 230px; padding: 10px 0 10px; margin-bottom: 20px; } .block.choice-of-customers .card-item .card-item-row .card-item-row-item .card-item-row-item__cost { font-size: 18px; } .block.choice-of-customers .card-item .card-item-row .card-item-row-item .card-item-row-item__button { width: 94px; height: 32px; } .in-work { padding: 20px 20px 0 20px; } .in-work .in-work-item:nth-child(1) .in-work-item__img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .in-work .in-work-item:nth-child(2) .in-work-item__img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .in-work .in-work-item:nth-child(3) .in-work-item__img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .in-work .in-work-item:nth-child(4) .in-work-item__img { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .in-work .in-work-item .in-work-item__head { display: none; } .in-work .in-work-item .in-work-item__text { font-size: 14px; } .main .container .block.block_padding, .main .container .block.block_padding-ext { padding: 20px; padding-top: 0; } .main .container .block.block_padding .block-head, .main .container .block.block_padding-ext .block-head { margin-bottom: 10px; } .main .container .block.block_padding .card-wrapper .card-item-wrapper, .main .container .block.block_padding-ext .card-wrapper .card-item-wrapper { width: 230px; } .main .container .block.block_padding .card-wrapper .card-item-wrapper .card-item, .main .container .block.block_padding-ext .card-wrapper .card-item-wrapper .card-item { width: 95%; } .main .container .block.block_padding .card-wrapper .card-item-wrapper .card-item .card-item-row .card-item-row-item .card-item-row-item__button, .main .container .block.block_padding-ext .card-wrapper .card-item-wrapper .card-item .card-item-row .card-item-row-item .card-item-row-item__button { width: 93px; height: 32px; } .main .container .block.block_padding .card-wrapper .card-item-wrapper .card-item .card-item-row .card-item-row-item .card-item-row-item__cost, .main .container .block.block_padding-ext .card-wrapper .card-item-wrapper .card-item .card-item-row .card-item-row-item .card-item-row-item__cost { font-size: 18px; } .main .container .block.block_padding .card-wrapper .card-item-wrapper:last-child, .main .container .block.block_padding-ext .card-wrapper .card-item-wrapper:last-child { display: none; } .main .container .block.tabs { padding: 20px; padding-bottom: 0; } .main .container .block.tabs .tabs-container-list { padding-top: 20px; padding-bottom: 20px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(1) .tabs-container-list-item-innercontainer { -webkit-box-pack: unset; -webkit-justify-content: unset; -ms-flex-pack: unset; justify-content: unset; } /*.main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(1) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side:nth-child(1) { width: 104px; height: 90px; margin-right: 20px; position: absolute }*/ .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(1) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side:nth-child(1) img { width: 100%; height: 100%; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(1) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side:nth-child(2) { -webkit-box-flex: 0; -webkit-flex: 0 0 63%; -ms-flex: 0 0 63%; flex: 0 0 63%; margin: 0 auto; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(1) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side:nth-child(2) .tabs-container-list-item-innercontainer-side-text { font-size: 12px; line-height: 28px; margin-bottom: 20px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(2) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-table { width: 85%; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(2) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-table .tabs-container-list-item-innercontainer-side-table-row .tabs-container-list-item-innercontainer-side-table-row-item { font-size: 12px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(2) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-table .tabs-container-list-item-innercontainer-side-table-row .tabs-container-list-item-innercontainer-side-table-row-item:last-child { flex: 1; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(2) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-table .tabs-container-list-item-innercontainer-side-table-row .tabs-container-list-item-innercontainer-side-table-row-item .card-main-block-description-row-item-tooltip { width: 15px; height: 15px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(3) .commentary-container .commentary-input .commentary-input-rate .commentary-input-rate-stars .commentary-input-rate-stars__star svg { width: 20px; height: 20px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(3) .commentary-container .commentary-input .commentary-input-top .photo-wrapper { width: 45px; height: 45px; background: url('/local/templates/bobox/css/../img/person-tablet.png') !important; -webkit-background-size: cover; background-size: cover; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(3) .commentary-container .commentary-input .commentary-input-top .commentary-input-top-name { font-size: 18px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(3) .commentary-container .commentary .tabs-container-list-item-innercontainer-side-text-block .tabs-container-list-item-innercontainer-side-text-block__head, .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(3) .commentary-container .commentary .tabs-container-list-item-innercontainer-side-text-block .tabs-container-list-item-innercontainer-side-text-block__main { font-size: 14px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(3) .commentary-container .commentary .tabs-container-list-item-innercontainer-side-top { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(3) .commentary-container .commentary .tabs-container-list-item-innercontainer-side-top .tabs-container-list-item-innercontainer-side-top-item .tabs-container-list-item-innercontainer-side-top-item-name { font-size: 18px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(4) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .recomendation .recomendation-top .photo-wrapper { width: 45px; height: 45px; background: url('/local/templates/bobox/css/../img/person-tablet.png') !important; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(4) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .recomendation .recomendation-top .recomendation-top-name .recomendation-top-name__names { font-size: 18px; margin-bottom: 0; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(4) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .recomendation .recomendation-top .recomendation-top-name .recomendation-top-name__job { font-size: 12px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(4) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .recomendation .recomendation-text .recomendation-text__head { font-size: 14px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(4) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .recomendation .recomendation-text .recomendation-text__main { font-size: 14px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(4) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .recomendation .recomendation-gallery .recomendation-gallery-item { width: 50px; height: 50px; margin-right: 10px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(4) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .recomendation .recomendation-btn-wrapper .commentary-input-btn { margin-right: 20px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side { width: 100%; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .fabrics-filter-column-row-value { display: flex; flex-direction: column; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .fabrics-filter-column-row-value .SumoSelect:first-child { margin-bottom: 10px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .tabs-container-list-item-innercontainer-side-material__head .material-text-name, .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .tabs-container-list-item-innercontainer-side-material__head .material-category { font-size: 14px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .tabs-container-list-item-innercontainer-side-material__head .material-detail a { font-size: 12px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .tabs-container-list-item-innercontainer-side-material-list .tabs-container-list-item-innercontainer-side-material-list-item { width: 60px; margin-right: 20px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .tabs-container-list-item-innercontainer-side-material-list .tabs-container-list-item-innercontainer-side-material-list-item .tabs-container-list-item-innercontainer-side-material-list-item__img { width: 40px; height: 40px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .tabs-container-list-item-innercontainer-side-material-list .tabs-container-list-item-innercontainer-side-material-list-item .tabs-container-list-item-innercontainer-side-material-list-item__img img { width: 100%; height: 100%; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:last-child .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-material .tabs-container-list-item-innercontainer-side-material-list .tabs-container-list-item-innercontainer-side-material-list-item .tabs-container-list-item-innercontainer-side-material-list-item__description { font-size: 12px; } .main .container .block.tabs .tabs-list { height: 40px; } .main .container .block.tabs .tabs-list .tabs-list-item { font-size: 12px; padding: 0 20px; } .main .container .block.catalog.tablet { display: block; padding: 25px 20px 0px 20px; } .main .container .block.catalog.tablet .catalog-main-head { padding-left: 0; } .main .container .block.catalog.tablet .catalog-main-head .catalog-main-head-sort { font-size: 12px; padding-left: 10px; padding-right: 10px; } .main .container .block.catalog.tablet .catalog-main-head .catalog-main-head-sort .ui-selectmenu-button.ui-button { width: unset; } .main .container .block.catalog.tablet .catalog-main-head .catalog-main-head-sort .ui-selectmenu-button.ui-button::after { right: 0px; width: 6px; height: 6px; } .main .container .block.catalog.tablet .catalog-main-head .catalog-main-head-sort .ui-corner-top:after { top: 40%; right: -10px !important; } .main .container .block.catalog.tablet .catalog-main-head .catalog-main-head-sort .ui-selectmenu-text { font-size: 12px; margin-right: 5px; } .main .container .block.catalog.tablet .catalog-main-head .catalog-main-head-grid { padding: 0 20px; width: 71px; } .main .container .block.catalog.tablet .catalog-main-head .catalog-main-head-grid .catalog-main-head-grid__item svg { width: 10.41px; height: 12px; } .main .container .block.designers-tablet { padding: 20px; } .main .container .block.designers-tablet .designers-personal .designers-personal-name { margin-right: 40px; } .main .container .block.designers-tablet .designers-personal .designers-personal-name .designers-personal-name__name { font-size: 24px; } .main .container .block.designers-tablet .designers-personal .designers-personal-name .designers-personal-name__job { font-size: 14px; } .main .container .block.designers-tablet .designers-personal .designers-personal-contacts { margin-right: 60px; } .main .container .block.designers-tablet .designers-personal .designers-personal-contacts .designers-personal-contacts__head { font-size: 18px; } .main .container .block.designers-tablet .designers-personal .designers-personal-contacts .designers-personal-contacts__phone a, .main .container .block.designers-tablet .designers-personal .designers-personal-contacts .designers-personal-contacts__link a { font-size: 14px; } .main .container .block.designers-tablet .designers-personal .designers-personal-about .designers-personal-about__head { font-size: 18px; } .main .container .block.designers-tablet .designers-personal .designers-personal-about .designers-personal-about__text { font-size: 14px; } .main .container .block.designers-tablet .designers-personal .designers-personal-img { width: 80px; height: 80px; -webkit-box-flex: 0; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; margin-right: 8px; } .main .container .block.designers-tablet .designers-personal .designers-personal-img img { width: 80px; height: 80px; } .main .container .block.designers-tablet .catalog-main-show-more { padding: 30px 0px 20px; } .main .container .block.designers-tablet .catalog-main-show-more .card-item-row-item__button { width: 168px; height: 42px; } .main .container .block.designers-tablet .search-tags { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 25px; } .main .container .block.designers-tablet .search-tags .search-tags-name { font-size: 14px; margin-right: 15px; } .main .container .block.designers-tablet .search-tags .search-tag a { font-size: 12px; margin-right: 15px; } .main .container .block.designers-tablet .search-tags .search-tag:nth-child(7), .main .container .block.designers-tablet .search-tags .search-tag:nth-child(8) { display: none; } .main .container .block.designers-tablet .designers-block .designers-block-profile { padding-right: 25px; } .main .container .block.designers-tablet .designers-block .designers-block-profile .designers-block-profile-top .designers-personal-img { width: 80px; height: 80px; -webkit-box-flex: 0; -webkit-flex: 0 1 80px; -ms-flex: 0 1 80px; flex: 0 1 80px; } .main .container .block.designers-tablet .designers-block .designers-block-profile .designers-block-profile-top .designers-personal-img img { width: 80px; height: 80px; } .main .container .block.designers-tablet .designers-block .designers-block-profile .designers-block-profile-bottom { justify-content: flex-start; } .main .container .block.designers-tablet .designers-block .designers-block-gallery .designers-block-gallery-arrow svg { width: 20px; height: 20px; } .main .container .block.designers-tablet .designers-block .designers-block-gallery .designers-block-gallery-inn .slick-list .slick-track .designers-block-gallery-inn-item { width: 140px !important; } .main .container .block.designers-tablet .designers-block .designers-block-gallery .designers-block-gallery-inn .slick-list .slick-track .designers-block-gallery-inn-item .designers-block-gallery-inn-item-text { font-size: 12px; } .main .container .designers .designers-head { font-size: 24px; } .main .container .designers-projects:first-child { padding-top: 0; } .main .container .designers-projects .designers-projects-head { font-size: 18px; } .main .container .designers-projects .designers-projects-description { font-size: 14px; line-height: 26px; } .main .container .designers-projects .designers-projects-btn-wrapper a { text-align: center; } /*.main .container .designers-projects .designers-projects-gallery-wrapper .designers-projects-gallery-arrow__next { right: 9px }*/ .main .container .designers-projects .designers-projects-gallery-wrapper .designers-projects-gallery .slick-list .slick-track .designers-projects-gallery-item { width: 224px; height: 165px; } .main .container .designers-projects .designers-projects-gallery-wrapper .designers-projects-gallery .slick-list .slick-track .designers-projects-gallery-item img { width: 210px !important; height: 165px; } .main .container .block.mechanics-tablet { padding: 20px; } .main .container .block.mechanics-tablet .mech-row .mech-row-info .mech-row-info-item_head { font-size: 18px; } .main .container .block.mechanics-tablet .mech-row .mech-row-info .mech-row-info-item_text { font-size: 14px; } .main .container .block.block_padding-less { padding: 0px 20px 5px; } .main .container .block.block_padding-less .fabrics-banner .fabrics-banner__text { font-size: 36px; } .main .container .block.discount { padding: 20px; } .main .container .block.discount .discont-row { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main .container .block.discount .discont-row .discont-row-item { margin-right: 20px; } .main .container .block.discount .discont-row .discont-row-item:nth-child(2) { margin-right: 0; -webkit-flex: 1 1 70%; -ms-flex: 1 1 70%; flex: 1 1 70%; } .main .container .block.discount .discont-row .discont-row-item:last-child { display: flex; } .main .container .block.discount .discont-row .discont-row-item:last-child .discont-row-item-row { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .main .container .block.discount .discont-row .discont-row-item:last-child .discont-row-item-row:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-left: auto; } .main .container .block.discount .discont-row .discont-row-item:last-child .discont-row-item-row:first-child a { margin-top: 15px; margin-right: 0; width: 191px; } .main .container .block.discount .discont-row .discont-row-item:last-child .discont-row-item-row:first-child .discont-row-item-row-cost .discont-row-item-row-cost__new { margin-top: 15px; } .main .container .block.discount .discont-row .discont-row-item:last-child .discont-row-item-row:first-child .discont-row-item-row-cost .discont-row-item-row-cost__percentage { left: -webkit-calc(100% - 60px); left: calc(100% - 60px); bottom: -webkit-calc(100% - 35px); bottom: calc(100% - 35px); font-size: 18px; } .main .container .block.discount .discont-row .discont-row-item:last-child .discont-row-item-row:first-child .discont-row-item-row-cost .discont-row-item-row-cost__percentage svg { width: 73px; height: 58px; } .main .container .block.discount .discont-row .discont-row-item:last-child .discont-row-item-row:last-child { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .main .container .block.discount .discont-row .discont-row-item:last-child .discont-row-item-row:last-child .card-main-block-description-row-item-tooltip__card { font-size: 12px; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-row_head { font-size: 24px; margin-top: 10px; margin-bottom: 15px; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-row_text { font-size: 12px; margin-bottom: 15px; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-row_address { font-size: 14px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-row_address:last-child { margin-left: 25px; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-big { width: 195px; height: 130px; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-big .slick-list { width: 100%; height: 100%; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-big .slick-list .slick-track .discont-row-item-gallery-big-item .card-main-block__like { width: 20px !important; height: 17px !important; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-big .slick-list .slick-track .discont-row-item-gallery-big-item .card-main-block__like img { width: 20px !important; height: 17px !important; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-big .slick-list .slick-track .discont-row-item-gallery-big-item img { width: 195px; height: 130px; -webkit-transform: unset; -ms-transform: unset; transform: unset; top: 0; left: 0; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-mini-wrapper .discont-row-item-gallery-mini__arrow-prev, .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-mini-wrapper .discont-row-item-gallery-mini__arrow-next { display: none; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-mini-wrapper .discont-row-item-gallery-mini { width: 195px; height: 65px; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-mini-wrapper .discont-row-item-gallery-mini .slick-list { width: 100%; height: 100%; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-mini-wrapper .discont-row-item-gallery-mini .slick-list .slick-track .discont-row-item-gallery-mini-item { width: 58px; height: 49px; } .main .container .block.discount .discont-row .discont-row-item .discont-row-item-gallery-mini-wrapper .discont-row-item-gallery-mini .slick-list .slick-track .discont-row-item-gallery-mini-item img { width: 58px; height: 49px; } .main .container .block.discount .discont-search-bar { margin-bottom: 20px; } .main .container .block.discount .discont-search-bar .discont-search-bar-item { font-size: 14px; } .main .container .block.discount .discont-search-bar .discont-search-bar-item .ui-selectmenu-button::after { width: 6px; height: 6px; } .main .container .block.discount .discont-search-bar .discont-search-bar-item:first-child .ui-selectmenu-button { width: 160px; height: 35px; padding: 10px; } .main .container .block.discount .discont-search-bar .discont-search-bar-item:last-child .ui-selectmenu-button { width: 175px; height: 35px; padding: 10px; } .main .container .block.stock-and-offers-tablet { padding: 20px; } .main .container .block.stock-and-offers-tablet .discount-card-wrapper .discount-card .discount-card-img { height: auto; margin-bottom: 20px; } .main .container .block.stock-and-offers-tablet .discount-card-wrapper .discount-card .discount-card-date { margin-bottom: 15px; } .main .container .block.stock-and-offers-tablet .discount-card-wrapper .discount-card .discount-card-text { margin-bottom: 15px; } .main .container .block.stock-and-offers-tablet .discount-head .discount-head-background .discount-head-text { font-size: 48px; } .main .container .block.where-buy-tablet { padding: 20px; } .main .container .block.where-buy-tablet .where-buy-small .where-buy-small-item { height: auto; margin-bottom: 20px; -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .main .container .block.where-buy-tablet .where-buy-small .where-buy-small-item .where-buy-small-item-info .where-buy-small-item-info__item_head { margin-bottom: 10px; } .main .container .block.where-buy-tablet .where-buy-small .where-buy-small-item .where-buy-small-item-info .where-buy-small-item-info__item_address { margin-bottom: 5px; } .main .container .block.where-buy-tablet .where-buy-small .where-buy-small-item .where-buy-small-item-info .where-buy-small-item-info__item_address .where-buy-small-item-info__item_text { font-size: 12px; } .main .container .block.where-buy-tablet .where-buy-big .where-buy-big-info .where-buy-big-info__head { font-size: 24px; } .main .container .block.where-buy-tablet .where-buy-big .where-buy-big-info .where-buy-big-info__item { font-size: 18px; } .main .container .block.block_padding-less .collection-big .collection-big__text-bottom { font-size: 36px; } .main .container .block.contacts { padding: 20px; } .main .container .block.contacts .contacts-bottom { flex-direction: column; } .main .container .block.contacts .contacts-bottom .contacts-bottom-side .contacts-form { width: 100%; padding-bottom: 25px; } .main .container .block.contacts .contacts-bottom .contacts-bottom-side .contacts-form form .contacts-info-column-row_head { font-size: 20px; } .main .container .block.contacts .contacts-bottom .contacts-bottom-side .contacts-form form .contacts-form-row .contacts-form-input-wrapper .contacts-form-input { width: 45vw; } .main .container .block.contacts .contacts-info .contacts-info-column { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; justify-content: space-between; } .main .container .block.contacts .contacts-info .contacts-info-column:last-child { -webkit-box-flex: 0; -webkit-flex: 0 1 40%; -ms-flex: 0 1 40%; flex: 0 1 40%; } .main .container .block.contacts .contacts-info .contacts-info-column .contacts-info-column-row .contacts-info-column-row_head { font-size: 20px; } .main .container .block.contacts .contacts-info .contacts-info-column .contacts-info-column-row .contacts-info-column-row_text { font-size: 18px; } .main .container .block.collections-tablet { padding: 20px; } .main .container .block.collections-tablet .block-head-mini, .main .container .block.collections-tablet .block-h2 { font-size: 20px; } .main .container .block.collections-tablet .block-text { font-size: 18px; } .main .container .block.about-tablet { padding: 20px; } .main .container .block.about { padding: 20px; } .main .container .block.about .about-slider-wrapper { width: 67%; } .main .container .block.about .about-slider-wrapper .about-slider .slick-list .slick-track .about-slider-item { width: 20vw; margin-right: 15px; } .main .container .block.about .about-slider-wrapper .about-slider .slick-list .slick-track .about-slider-item img { width: 100%; height: 100%; } .main .container .block.about .about-block .about-block-text .about-block-text__head { font-size: 18px; } .main .container .block.about .about-block .about-block-text .about-block-text__main { font-size: 14px; } .main .container .block.fabrics-result { padding: 20px 20px 0px; } .main .container .block.fabrics-result .fabrics-result-item { -webkit-box-flex: 0; -webkit-flex: 0 1 230px; -ms-flex: 0 1 230px; flex: 0 1 230px; margin-bottom: 20px; } .main .container .block.fabrics-result .fabrics-result-item .fabrics-result-item-row { margin-bottom: 10px; } .main .container .block.fabrics-result .fabrics-result-item .fabrics-result-item-row:last-child { margin-bottom: 0; } .main .container .block.fabrics-result .fabrics-result-item .fabrics-result-item-row .fabrics-result-item-row-name { font-size: 14px; } .main .container .block.fabrics-result .fabrics-result-item .fabrics-result-item-row .fabrics-result-item-row-type { font-size: 14px; } .main .container .block.fabrics-active { padding: 20px; } .main .container .block.fabrics-active .block-head { margin-bottom: 10px; } .main .container .block.fabrics-active .fabrics-active-description .fabrics-active-colors-head { margin-bottom: 15px; } .main .container .block.fabrics-active .fabrics-active-description .fabrics-active-description-main { font-size: 14px; } .main .container .block.fabrics-active .fabrics-active-include .fabrics-active-colors-head { margin-bottom: 15px; } .main .container .block.fabrics-active .fabrics-active-include .card-wrapper .card-item-wrapper { width: 230px; } .main .container .block.fabrics-active .fabrics-active-include .card-wrapper .card-item-wrapper .card-item { width: 100%; } .main .container .block.fabrics-active .fabrics-active-include .card-wrapper .card-item-wrapper .card-item .card-item-row .card-item-row-item .card-item-row-item__button { width: 93px; height: 32px; } .main .container .block.fabrics-active .fabrics-active-include .card-wrapper .card-item-wrapper .card-item .card-item-row .card-item-row-item .card-item-row-item__cost { font-size: 18px; } .main .container .block.fabrics-active .fabrics-active-include .card-wrapper .card-item-wrapper:last-child { display: none; } .main .container .block.fabrics-active .fabrics-active-see-with .fabrics-active-colors-head { margin-bottom: 15px; } .main .container .block.fabrics-active .fabrics-active-see-with .fabrics-result .fabrics-result-item { -webkit-box-flex: 0; -webkit-flex: 0 1 230px; -ms-flex: 0 1 230px; flex: 0 1 230px; margin-bottom: 20px; } .main .container .block.fabrics-active .fabrics-active-see-with .fabrics-result .fabrics-result-item .fabrics-result-item-img img { width: 230px; height: 230px; } .main .container .block.fabrics-active .fabrics-active-see-with .fabrics-result .fabrics-result-item .fabrics-result-item-row { margin-bottom: 10px; } .main .container .block.fabrics-active .fabrics-active-see-with .fabrics-result .fabrics-result-item .fabrics-result-item-row:last-child { margin-bottom: 0; } .main .container .block.fabrics-active .fabrics-active-see-with .fabrics-result .fabrics-result-item .fabrics-result-item-row .fabrics-result-item-row-name { font-size: 14px; } .main .container .block.fabrics-active .fabrics-active-see-with .fabrics-result .fabrics-result-item .fabrics-result-item-row .fabrics-result-item-row-type { font-size: 14px; } .main .container .block.fabrics-active .fabrics-active-tech .fabrics-active-colors-head { margin-bottom: 15px; } .main .container .block.fabrics-active .fabrics-active-tech .fabrics-active-tech-main .tabs-container-list-item-innercontainer-side-table { width: 85%; } .main .container .block.fabrics-active .fabrics-active-tech .fabrics-active-tech-main .tabs-container-list-item-innercontainer-side-table .tabs-container-list-item-innercontainer-side-table-row { font-size: 12px; } .main .container .block.fabrics-active .fabrics-active-tech .fabrics-active-tech-main .tabs-container-list-item-innercontainer-side-table .tabs-container-list-item-innercontainer-side-table-row .card-main-block-description-row-item-tooltip { width: 15px; height: 15px; } .main .container .block.fabrics-active .fabrics-active-tech .fabrics-active-tech-main .tabs-container-list-item-innercontainer-side-table .tabs-container-list-item-innercontainer-side-table-row .card-main-block-description-row-item-tooltip .card-main-block-description-row-item-tooltip__card { font-size: 12px; } .main .container .block.fabrics-active .fabrics-active-colors .fabrics-active-colors-row .tabs-container-list-item-innercontainer-side-material-list { width: 100%; justify-content: space-between; } .main .container .block.fabrics-active .fabrics-active-colors .fabrics-active-colors-row .tabs-container-list-item-innercontainer-side-material-list:first-child { padding-bottom: 0; } .main .container .block.fabrics-active .fabrics-active-colors .fabrics-active-colors-row .tabs-container-list-item-innercontainer-side-material-list .tabs-container-list-item-innercontainer-side-material-list-item { margin-right: 0; } .main .container .block.fabrics-active .fabrics-active-colors .fabrics-active-colors-row .tabs-container-list-item-innercontainer-side-material-list .tabs-container-list-item-innercontainer-side-material-list-item .tabs-container-list-item-innercontainer-side-material-list-item__img { width: 30px; height: 30px; } .main .container .block.fabrics-active .fabrics-active-colors .fabrics-active-colors-row .tabs-container-list-item-innercontainer-side-material-list .tabs-container-list-item-innercontainer-side-material-list-item .tabs-container-list-item-innercontainer-side-material-list-item__img::after { width: 12px; height: 7px; } .main .container .block.fabrics-active .fabrics-active-colors .fabrics-active-colors-row .tabs-container-list-item-innercontainer-side-material-list .tabs-container-list-item-innercontainer-side-material-list-item .tabs-container-list-item-innercontainer-side-material-list-item__description { font-size: 10px; } .main .container .block.fabrics-active .fabrics-active-colors .fabrics-active-colors-head { margin-bottom: 15px; } .main .container .block.fabrics-filter { padding: 25px 20px 30px; } .main .container .block.fabrics-filter .fabrics-filter-column-wrapper { flex-direction: column; } .main .container .block.fabrics-filter .fabrics-filter-column-wrapper .fabrics-filter-column { margin-right: 0; width: 100%; } .main .container .block.fabrics-filter .fabrics-filter-column-wrapper .fabrics-filter-column .tablet-design { display: flex; margin-bottom: 0; } .main .container .block.fabrics-filter .fabrics-filter-column-wrapper .fabrics-filter-column:last-child .fabrics-filter-column-row:first-child .fabrics-filter-column-row-value { display: flex; justify-content: flex-start; } .main .container .block.fabrics-filter .fabrics-filter-column-wrapper .fabrics-filter-column:last-child .fabrics-filter-column-row:first-child .fabrics-filter-column-row-value .fabrics-filter-column-row-value-row:first-child { margin-right: 10px; } .main .container .block.fabrics-filter .fabrics-filter-column-wrapper .fabrics-filter-column:last-child .fabrics-filter-column-row:last-child { display: none; } .main .container .block.fabrics-filter .fabrics-filter-column-wrapper .fabrics-filter-column .fabrics-filter-column-row .fabrics-filter-column-row-name { font-size: 14px; } .main .container .block.fabrics-filter .fabrics-filter-column-wrapper .fabrics-filter-column .fabrics-filter-column-row .fabrics-filter-column-row-value .fabrics-filter-column-row-value-row .card-item-row-colors { max-width: unset; padding-top: 0; } .main .container .block.news-item-main { padding: 20px; } .main .container .block.news-item-main .about-block-text .about-block-text__head { font-size: 20px; } .main .container .catalog-main-show-more { padding-top: 30px; } .main .container .block.news-item-first-screen-wrapper { padding: 0 20px; } .main .container .block.news-item-first-screen-wrapper .news-item-first-screen .news-item-first-screen__text { font-size: 24px; bottom: 30px; } .main .container .block.news-item-first-screen-wrapper .news-item-description .news-item-description-item { font-size: 14px; } .main .container .block.news-item-first-screen-wrapper .news-item-description .news-item-description-item:nth-child(2) svg { width: 15px; height: 15px; } .main .container .block.news-item-first-screen-wrapper .news-item-description .news-item-description-item:last-child svg { width: 14px; height: 14px; } .main .container .news-row { margin-bottom: 30px; } .main .container .news-row .news-row-info .news-row-info__name { font-size: 20px; margin-bottom: 10px; } .main .container .news-row .news-row-info .news-row-info__text { font-size: 14px; } .main .container .news-row .news-row-info .news-row-info__btn-wrapper { display: flex; justify-content: space-between; } .main .container .news-row .news-row-info .news-row-info__btn-wrapper .needs-list-item-text__button, .main .container .news-row .news-row-info .news-row-info__btn-wrapper .news-item-description-item { margin-right: 0; font-size: 14px; } .main .container .news-row .news-row-info .news-row-info__btn-wrapper .needs-list-item-text__button svg, .main .container .news-row .news-row-info .news-row-info__btn-wrapper .news-item-description-item svg { width: 15px; height: 15px; } .main .container .block.catalog { padding: 20px; } .main .container .block.catalog .catalog-main .catalog-main-head { display: none; } .main .container .block.catalog .catalog-main .catalog-main-header { display: none; } .main .container .block.catalog .catalog-main .catalog-main-gallery-linear { width: 100%; overflow: hidden; } .main .container .block.catalog .catalog-main .catalog-main-gallery-linear .card-item-linear { width: 100%; overflow: hidden; } .main .container .block.catalog .catalog-main .catalog-main-gallery .catalog-main-gallery-item { -webkit-box-flex: 0; -webkit-flex: 0 1 48.11%; -ms-flex: 0 1 48.11%; flex: 0 1 48.11%; height: 270px; } .main .container .block.catalog .catalog-main .catalog-main-gallery .catalog-main-gallery-item:first-child .card-item.active, .main .container .block.catalog .catalog-main .catalog-main-gallery .catalog-main-gallery-item:nth-child(2) .card-item.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .main .container .block.catalog .catalog-main .catalog-main-gallery .catalog-main-gallery-item .card-item-wrapper .card-item { width: 100%; } .main .container .block.catalog .catalog-main .catalog-main-gallery .catalog-main-gallery-item .card-item-wrapper .card-item .card-item-row:last-child { margin-bottom: 0; } .main .container .block.catalog .catalog-main .catalog-main-gallery .catalog-main-gallery-item .card-item-wrapper .card-item .card-item-row .card-item-row-item .card-item-row-item__button { width: 90px; height: 32px; } .main .container .block.catalog .catalog-main .catalog-main-gallery .catalog-main-gallery-item .card-item-wrapper .card-item .card-item-row .card-item-row-item .card-item-row-item__cost { font-size: 18px; } .main .container .block.catalog .filter { padding: 20px 10px; width: 230px; } .main .container .block.catalog .filter .filter-row:nth-child(6) { margin-bottom: 20px; } .main .container .block.catalog .filter .filter-row .filter-row-head { font-size: 14px; } .main .container .block.catalog .filter .filter-row .filter-checkbox { font-size: 12px; } .main .container .block.catalog .filter .filter-row .filter-btn-wrapper a { width: 100px; height: 28px; font-size: 12px; } .main .container .block.catalog .filter .filter-row .filter-btn-wrapper a:first-child { margin-right: 10px; } .main .container .block.catalog .filter .filter-row .slider-range-cost-text { font-size: 12px !important; } .main .container .block.catalog .filter .filter-row .card-item-row-colors .card-item-row-colors__color { width: 17px; height: 17px; margin-right: 14px; margin-bottom: 10px; } .main .container .block.catalog .filter .filter-row .card-item-row-colors .card-item-row-colors__color:nth-child(7n) { margin-right: 0; } .main .container .block.catalog .filter .filter-row .card-item-row-colors .card-item-row-colors__color::after { width: 8px; height: 5px; } .main .container .block.catalog .filter .filter-select-wrapper .ui-selectmenu-text { font-size: 12px; } .main .container .block.person { padding: 0 20px 30px; } .main .container .block.person .person-card .person-card-info .person-card-info-item { font-size: 14px; } .main .container .block.principels-tablet { padding: 20px; } .main .container .block.principels-tablet .principels-block .principels-block-head { font-size: 20px; margin-bottom: 10px; } .main .container .block.principels-tablet .principels-block .principels-block-text { font-size: 14px; line-height: 36px; } .main .container .block.card-main { padding: 0 20px; } .main .container .block.card-main .card-main-block .card-main-block-gallery-big .card-main-block-gallery-big-item { padding-top: 40px; } .main .container .block.card-main .card-main-block .card-main-block-gallery-big .card-main-block__like img { width: 21.5px !important; height: 20px !important; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.tablet { justify-content: space-between; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.tablet .card-main-block-description-row-item_info { display: flex; margin-left: unset; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.card-main-block-description-row_column .card-main-block-description-row-item-ul-vert { width: 100%; padding-left: 70px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.card-main-block-description-row_column .card-main-block-description-row-item-ul-vert .card-main-block-description-row-item-ul-vert__item .material-item { font-size: 12px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.card-main-block-description-row_column .card-main-block-description-row-wrapper { justify-content: space-between; align-items: center; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row .card-main-block-description-row-item.card-main-block-description-row-item_left { margin-right: auto; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row .card-main-block-description-row-item.card-main-block-description-row-item_name { -webkit-box-flex: 0; -webkit-flex: 0 1 60px; -ms-flex: 0 1 60px; flex: 0 1 60px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.card-main-block-description-row_column .card-main-block-description-row-wrapper .card-main-block-description-row-item__btn-change { margin-left: unset; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.card-main-block-description-row_column .card-main-block-description-row-wrapper .card-main-block-description-row-item-tooltip { width: 13px; height: 13px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.card-main-block-description-row_column .card-main-block-description-row-wrapper .card-main-block-description-row-item-tooltip .card-main-block-description-row-item-tooltip__card { font-size: 12px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.card-main-block-description-row_center .card-item-row-colors_horiz .card-item-row-colors__color { width: 15px; height: 15px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.card-main-block-description-row_center .card-item-row-colors_horiz .card-item-row-colors__color::after { width: 5.08px; height: 3.04px; top: 4px; left: 4px; border-bottom: 1.15px solid #fff; border-left: 1.15px solid #fff; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-cost { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-cost .card-main-block-description-row-cost__description { text-align: center; font-size: 12px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-cost .card-main-block-description-row-cost__number.card-main-block-description-row-cost__number_main { font-size: 24px; text-align: center; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-cost .card-main-block-description-row-cost__number.card-main-block-description-row-cost__number_main span { font-size: 24px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-btn-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-right: 0; margin-bottom: 20px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-btn-wrapper .vs-likeit { height: 40px; width: 40px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-btn-wrapper .card-main-block-description-row-btn-wrapper-buy { width: 150px; height: 40px; -webkit-box-flex: 0; -webkit-flex: 0 1 150px; -ms-flex: 0 1 150px; flex: 0 1 150px; font-size: 14px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-btn-wrapper .card-main-block-description-row-btn-wrapper-like { width: 40px; height: 40px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row.final-price .card-main-block-description-row-btn-wrapper .card-main-block-description-row-btn-wrapper-like img { width: 20px; height: 18px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row { /* justify-content: space-between;*/ padding-top: 10px; padding-bottom: 10px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row:nth-child(3) { border-bottom: none; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row .card-main-block-description-row-item_info { display: none; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row .card-main-block-description-row-item { font-size: 12px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row .card-main-block-description-row-item .card-main-block-description-row-item-list .card-main-block-description-row-item-list-item svg { width: unset; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row .card-main-block-description-row-item .card-main-block-description-row-item-list .card-main-block-description-row-item-list-item .card-main-block-description-row-item-list-item__text { font-size: 9px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-row .card-main-block-description-row-item .card-main-block-description-row-item__description { font-size: 10px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-name-wrapper .card-main-block-description-head { font-size: 24px; } .main .container .block.card-main .card-main-block .card-main-block-description .card-main-block-description-name-wrapper .card-main-block-description-head:first-child { font-size: 14px; } .main .container .breadcrumbs { padding: 20px; } .main .container .breadcrumbs .breadcrumbs__item { font-size: 12px; } .footer .footer-bottom .block.block_footer-bottom { padding: 0 20px; } .footer .footer-bottom .block.block_footer-bottom .footer-bottom-wrapper .footer-bottom-item { font-size: 14px; } .footer .footer-bottom .block.block_footer-bottom .footer-bottom-wrapper .footer-bottom-item a { font-size: 14px; } .footer .footer-top .container .block.footer-top-wrapper { padding: 25px 20px 30px 20px; } .footer .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(4) .footer-top-item-list__item svg { width: 28px; height: 28px; } .footer .footer-top .container .footer-top-item svg { width: 28px; height: 28px; } .footer .footer-top .container .footer-top-item .footer-top-item-list__item_logo { margin-top: 0; margin-bottom: 15px; } .footer .footer-top .container .footer-top-item .footer-top-item-list__item_logo a { width: 106px; } .footer .footer-top .container .footer-top-item .footer-top-item__head { font-size: 14px; } .footer .footer-top .container .footer-top-item .footer-top-item-list .footer-top-item-list__item { font-size: 14px; } } @media screen and (min-width: 769px) and (max-width: 1024px) { .block.block_padding .card-wrapper { -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .block.needs .needs-list { -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } } @media screen and (min-width: 480px) and (max-width: 1011px) { .news-row { flex-direction: column; } .news-row .news-row-img { margin-bottom: 25px; } .block.mechanics-tablet .mech-row { flex-direction: column; } .block.mechanics-tablet .mech-row .mech-row-gallery { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-bottom: 25px; } .footer-top .container .block.footer-top-wrapper { padding: 25px 20px 30px 20px; } .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(4) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; margin: 0 auto; } .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(4) .footer-top-item__head { text-align: center; } .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(4) .footer-top-item-list { -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(4) .footer-top-item-list .footer-top-item-list__item svg { width: 28px; height: 28px; } .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(4) .footer-top-item-list .footer-top-item-list__item:last-child { margin-bottom: 20px; } .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(5) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(5) .footer-top-item-list__item svg { width: 15px; height: 15px; } .footer-top .container .block.footer-top-wrapper .footer-top-item:nth-child(6) { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; display: none; } .footer-top .container .block.footer-top-wrapper .footer-top-item svg { width: 28px; height: 28px; } .footer-top .container .block.footer-top-wrapper .footer-top-item .footer-top-item-list__item_logo { margin-top: 0; margin-bottom: 15px; } .footer-top .container .block.footer-top-wrapper .footer-top-item .footer-top-item-list__item_logo a { width: 106px; } .footer-top .container .block.footer-top-wrapper .footer-top-item .footer-top-item__head { font-size: 14px; } .footer-top .container .block.footer-top-wrapper .footer-top-item .footer-top-item-list .footer-top-item-list__item { font-size: 14px; } } .block.about .slick-slide img { display: block; /*width: 100%;*/ margin: 0 auto; max-width: 100%; max-height: 100%; } .news-item-main p, .block-text_full { font-family: 'Proxima Nova Light', sans-serif; line-height: 36px; font-size: 18px; } .news-item-main img { margin: 20px 0; border-radius: 5px; max-width: 100%; height: auto; } .about-tablet a, .news-item-main a { color: #0053ff; display: inline-block; position: relative; } .news-item-main a:before, .about-tablet a:before { content: ''; position: absolute; bottom: 5px; left: 0; right: 0; width: 100%; height: 1px; background: #0053ff; } .designers-projects-gallery-item { padding: 10px; } .designers-projects-gallery-item img { width: 100%; } table { border-collapse: collapse; } th, td { padding: 10px; border: 1px solid #c2c2c2; } .quotes { position: relative; padding: 0 30px; display: inline-block; } .quotes:before { content: '«'; position: absolute; top: 40%; left: 0; font-size: 40px; transform: translateY(-50%); } .quotes:after { content: '»'; position: absolute; right: 0; top: 40%; font-size: 40px; transform: translateY(-50%); } .text-left { margin-right: auto; } .text-right { margin-left: auto; } .news-item-main--img-left img { float: left; } .news-item-main--img-right img { float: right; } #hidden-content-2 .block.card-main { padding: 40px; display: block; } .popup-img { width: 100%; margin-bottom: 30px; } .popup-img img { width: 100%; } .designers-projects-gallery-item__description { margin-top: 0; overflow: hidden; height: 65px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; font-family: Proxima Nova; font-size: 18px; color: #777777; font-style: italic; } .fancybox-caption { padding-top: 55px; font-family: Proxima Nova; font-size: 18px; color: #fff; font-style: italic; } .news-item-main-wrap { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; margin-bottom: 20px; } .news-item-main-wrap-col40 { width: calc(40% - 10px); } .news-item-main-wrap-col40 img { min-height: 100%; } .news-item-main-wrap-col50 { width: calc(50% - 10px); } .news-item-main-wrap-col60 { width: calc(60% - 10px); } .news-item-main-wrap img, .news-item-main-col img { width: 100%; height: auto; margin: 0 auto; object-fit: cover; display: block; border-radius: 4px; } .news-item-main-col img { max-width: 1000px; } .news-item-main-wrap__title { font-family: 'Proxima Nova Semibold', sans-serif; font-size: 24px; margin-bottom: 10px; } @media screen and (max-width: 768px) { .news-item-main-wrap { -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .news-item-main-wrap-col40 { width: 100%; } .news-item-main-wrap-col50 { width: 100%; } .news-item-main-wrap-col60 { width: 100%; } .news-item-main-wrap img, .news-item-main-col img { margin: 10px 0; } } .mech-row-wrap { display: none; } .block.mechanics-tablet .block-head { color: #d71921; cursor: pointer; position: relative; font-size: 24px; font-family: 'Proxima Nova', sans-serif; padding: 10px 0 10px 25px; margin-bottom: 10px; } .block.mechanics-tablet .block-head:before, .block.mechanics-tablet .block-head:after { content: ''; position: absolute; width: 2px; height: 15px; background: #ffffff; left: 0; top: 18px; transition: 0.3s; } .block.mechanics-tablet .block-head:after { transform: rotate(90deg); } .block.mechanics-tablet .block-head.out:before { transform: rotate(90deg); } .mechanics-tablet.block { padding: 20px 0; padding-left: 50px; padding-right: 50px; } .mech-row-wrap .mech-row:last-child { margin-bottom: 0; } .yandex-map { padding: 0 40px; } @media screen and (max-width: 1024px) { .mechanics-tablet.block .block-head { margin-left: 10px; } .yandex-map { padding: 0 20px; } } @media screen and (max-width: 480px) { .mechanics-tablet.block { padding: 20px; } } .text-page-block { max-width: 900px; margin: 0 auto; text-align: justify; } .text-page-block ol, .text-page-block ul { list-style-position: inside; } .designers-page { max-width: 1250px; margin: 0 auto -20px; } .designers-page .principels-block-head { text-align: center; font-size: 36px; line-height: 44px; margin-bottom: 30px; } .designers-page .principels-block-text { margin-bottom: 20px; } .designers-page .des_cat { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; } .designers-page .des_cat .des_a { font-size: 18px; line-height: 150%; width: 250px; font-family: 'Proxima Nova Semibold', sans-serif; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 20px; } .designers-page .des_cat .des_a img { flex: 0 0 60px; height: 60px; margin-right: 15px; } .block-404 { width: 100%; } .designers-page .des_cat .des_a a { color: #000; width: 100%; } .catalog-main-gallery { display: grid; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } .designer-page-item { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: flex-start; align-items: flex-start; margin-bottom: 40px; } .designer-page-item__img { margin-right: 20px; flex: 0 0 116px; height: 116px; overflow: hidden; border-radius: 50%; } .designer-page-item__img img { min-width: 100%; height: auto; } .designer-page-item__title { font-family: 'Proxima Nova', sans-serif; font-size: 24px; line-height: 44px; color: #000000; } .designer-page-item__text { font-size: 18px; line-height: 31px; font-style: italic; } @media screen and (max-width: 1330px) { .catalog-main-gallery { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 480px) { .catalog-main-gallery { grid-template-columns: 1fr; } .product-item-container { display: flex; align-items: center; justify-content: center; } } .card-item-linear { margin-bottom: 20px; } .news-item-main-wrap__text { font-family: 'Proxima Nova Light', sans-serif; line-height: 30px; font-size: 18px; margin-bottom: 10px; } .news-item-main-wrap__text p { font-family: 'Proxima Nova Light', sans-serif; line-height: 30px; font-size: 18px; margin-bottom: 10px; } b { font-family: 'Proxima Nova Semibold', sans-serif; } .person-card-info-item-under { text-align: right; margin-right: 170px; } @media screen and (max-width: 480px) { .person-card-img img { width: 100%; height: auto; } .person-card-info-item-under { margin-right: 150px; } } .where-buy-loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 10; background: rgba(255, 255, 255, 0.5); } .where-buy-loader__circle { width: 120px; height: 120px; border-radius: 50%; background: transparent; -webkit-animation: loader-animation 5s infinite linear; -moz-animation: loader-animation 5s infinite linear; -o-animation: loader-animation 5s infinite linear; animation: loader-animation 5s infinite linear; } .where-buy-loader__circle circle { stroke-width: 4px; stroke: #d0151d; background: transparent; fill: transparent; stroke-dasharray: 280px; } @-webkit-keyframes loader-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-moz-keyframes loader-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-o-keyframes loader-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes loader-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .designers-page .des_cat { margin-bottom: 30px; } .input-group { display: flex; flex-wrap: wrap; } .contacts-form-row.two-fields { width: 50%; } .contacts-form-row.contacts-form-row_full-width { width: 100%; } .dostavka-oplata-carts { display: flex; } .dostavka-oplata-carts-img { margin: 20px 20px 20px 0px; } .principels-block-text ul, .principels-block-text ol { margin-left: 20px; } .person-card-info-item-fonts { font-family: 'Proxima Nova Light'; line-height: 36px; font-size: 18px; } .img-box { width: 360px; max-width: 100%; height: 200px; margin-right: 40px; margin-bottom: 20px; } .img-box img { max-width: 100%; } .btm-question-contener { display: flex; justify-content: flex-start; } .btm-question-contener .card-item-row-item__button { width: 190px !important; } .form-question .mech-row { margin: 40px; } .text-on-buton { text-align: left; font-size: 24px; font-family: 'Proxima Nova', sans-serif; margin-bottom: 20px; } .text-under-buton { text-align: left; font-size: 24px; font-family: 'Proxima Nova', sans-serif; margin-bottom: 20px; font-family: 'Proxima Nova Light', sans-serif; line-height: 36px; } .contacts-under-text .footer-top-item-list__item { font-family: 'Proxima Nova Light', sans-serif; line-height: 36px; font-size: 18px; } .contacts-under-text { } .form-text1 { } .form-text2 { margin-bottom: 20px; } .under-text { display: flex; align-items: flex-start; justify-content: space-between; padding: 25px 40px; } .under-text-img { display: flex; align-items: center; justify-content: center; position: relative; width: 40%; overflow: hidden; flex: 0 1 40%; border-radius: 5px; margin-right: 40px; } .under-text-img img { border-radius: 5px; width: 100%; } .under-text-content { flex: 1; } .qa-header { padding: 25px 40px; display: flex; align-items: center; justify-content: center; } .qa-header h2 { font-family: 'Proxima Nova ExtraBold', sans-serif; max-width: 700px; text-align: center; font-size: 32px; font-size: 36px; font-family: 'Proxima Nova Light', sans-serif; } .red-cross { position: absolute; top: 13px; left: -12px; width: 26px; border-radius: 50%; height: 26px; background: #d71921; z-index: -1; } .mech-row-info-item.mech-row-info-item_text.qa-page { background: #ddd; border-radius: 5px; padding: 10px 25px; } @media screen and (max-width: 1024px) { .under-text { flex-direction: column; padding: 20px; } .under-text-img { width: 100%; margin-right: 0%; margin-bottom: 20px; } .text-on-buton, .text-under-buton { font-size: 16px; } .block.mechanics-tablet .block-head { font-size: 20px; } .qa-header h2 { font-size: 24px; } } .about-slider-item__img { display: flex; align-items: center; justify-content: center; width: 100%; height: 210px; } .about-slider-item__text { padding: 20px 0 0 0; overflow: hidden; height: 110px; text-overflow: ellipsis; -webkit-line-clamp: 4; font-family: 'Proxima Nova Light', sans-serif; line-height: 22px; font-size: 18px; color: #000000; } .choose-us-description { margin-bottom: 30px; text-align: left; margin-right: 3px; } .contacts-form-input::placeholder { color: #757575; font-family: 'Proxima Nova Light', sans-serif; line-height: normal; font-size: 18px; } .contacts-form-textarea::placeholder { color: #757575; font-family: 'Proxima Nova Light', sans-serif; line-height: normal; font-size: 18px; } .about-slider-wrapper__sertificate .about-slider-item__img { /*height: unset;*/ } .news-img-wrapper-container { display: flex; } .about-block-text__main p { margin-bottom: 10px; } .about-slider-wrapper__arrows-up .about-slider__arrow-next, .about-slider-wrapper__arrows-up .about-slider__arrow-prev { top: 145px; } .card-item-row-item__button.designers-projects-btn { margin-right: 20px; } @media screen and (max-width: 480px) { .card-item-row-item__button.designers-projects-btn { margin-right: 0px; } .designers-projects-btn-wrapper { flex-direction: column; } } .text-white { color: #ffffff !important; } .text-black { color: #000000 !important; } .bx-auth { padding-left: 40px; } .warning-buy { font-size: 14px; } .warning-buy a { color: #0000ee; } .news-item-main-wrap img, .news-item-main-col img { margin: 0 auto; } .text_under_dir { font-family: Proxima Nova light; font-style: italic; margin-bottom: 0px; } .about-block-text__head_dostavka { font-family: 'Proxima Nova Semibold', sans-serif; font-size: 24px; margin-top: 30px; } .under_dir { font-family: Proxima Nova light; } .dir_name { font-size: 24px; font-family: Proxima Nova; margin-bottom: 0px; } .person-new-din { padding: 0px 0px 50px; margin-top: 30px; } .about-block-text__head_dostavka { font-family: 'Proxima Nova', sans-serif; font-size: 24px; margin-top: 30px; } .dostavka-oplata-carts-up { margin-top: 40px; margin-bottom: 10px; } .dostavka-oplata-carts-down { margin-bottom: 40px; } .block.collections { padding-top: 20px; } .contacts-under-text .footer-top-item-list__item { margin-bottom: 20px; } .contacts-under-text { margin-top: 40px; margin-bottom: 40px; } .principels-block.text-page-block { max-width: unset; } .block.news-item-main .digit-header { display: flex; align-items: center; } .block.news-item-main .digit-header svg { width: 30px; height: 30px; margin-right: 10px; } .block-center { display: flex; align-items: stretch; flex-direction: column; } .lk { max-width: 500px; margin: 0 auto; font-family: 'Proxima Nova', sans-serif; margin-bottom: 150px; } .form-head { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .form-head svg { margin-right: 30px; } .lk .contacts-form-input { width: 100%; } .lk .contacts-form-input-wrapper { margin-bottom: 20px; display: block; } .lk-form-btn { width: 100%; margin-bottom: 20px; } .form-bottom-btns { display: flex; justify-content: center; align-items: center; } .form-bottom-btns .lk-checkbox { margin: 0 30px 0 0; } .red-link { color: #d25b5b; } .create-account { display: flex; align-items: center; justify-content: center; font-family: 'Proxima Nova'; font-size: 18px; line-height: 22px; color: #969696; } .create-account svg { margin-right: 30px; } .form-wrapper { margin-bottom: 50px; } .bobox-element-detail { flex-direction: column; align-items: stretch; justify-content: flex-start; /* max-width: 1000px; */ margin: 0 auto; } .news-item-main-col { margin-bottom: 20px; } .block.collections { padding-top: 20px; } .contacts-under-text .footer-top-item-list__item { margin-bottom: 20px; } .contacts-under-text { margin-top: 40px; margin-bottom: 40px; } .principels-block.text-page-block { max-width: unset; } .block.news-item-main .digit-header { display: flex; align-items: center; margin-bottom: 20px; } .block.news-item-main .digit-header { display: flex; align-items: center; margin-bottom: 20px; } .block.news-item-main .digit-header svg { width: 30px; height: 30px; margin-right: 10px; } .block.news-item-main .digit-header b { font-size: 24px; font-family: 'Proxima Nova', sans-serif; } .dealers_contacts_wrapper { display: flex; align-items: center; } .dealers_contacts_wrapper img { margin-right: 5px; } .under-text-content .form-text2 .text-under-buton { font-size: 18px; /*display: flex;*/ } .under-text-content .form-text2 .text-under-buton img { font-size: 18px; } .sale-personal-section-row-flex .fa-calculator:before { content: ''; background-image: url(/local/templates/bobox/img/icons/fa-calculator.svg); background-size: 58px 61px; width: 58px; height: 61px; background-repeat: no-repeat; display: block; } .sale-personal-section-row-flex .fa-user-secret:before { content: ''; background-image: url(/local/templates/bobox/img/icons/fa-user-secret.svg); background-size: 61px 61px; width: 61px; height: 61px; background-repeat: no-repeat; display: block; } .sale-personal-section-row-flex .fa-list-alt:before { content: ''; background-image: url(/local/templates/bobox/img/icons/fa-list-alt.svg); background-size: 48px 61px; width: 48px; height: 61px; background-repeat: no-repeat; display: block; } .sale-personal-section-row-flex .fa-shopping-cart:before { content: ''; background-image: url(/local/templates/bobox/img/icons/fa-shopping-cart.svg); background-size: 60px 57px; width: 60px; height: 57px; background-repeat: no-repeat; display: block; } .sale-personal-section-row-flex .fa-envelope:before { content: ''; background-image: url(/local/templates/bobox/img/icons/fa-envelope.svg); background-size: 71px 44px; width: 71px; height: 44px; background-repeat: no-repeat; display: block; } .popup-window-titlebar-text, .popup-window-titlebar-text-version { font-family: 'Proxima Nova Semibold', sans-serif; padding: 0; } .popup-window-with-titlebar .popup-window-content img { max-height: 170px !important; height: 170px !important; margin-bottom: 10px; display: block; } .popup-window.popup-window-with-titlebar { padding: 0 20px 10px; } .popup-window-with-titlebar .popup-window-content { padding: 0; } .popup-window-buttons .btn.btn-default.btn-buy.btn-sm { height: 35px; width: 50%; background: #d71921; display: flex; align-items: center; justify-content: center; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; font-size: 11px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; } .popup-window-buttons { display: flex; } .sale-personal-section-index-block.bx-theme-blue { background: #d71921; } .sale-personal-section-row-flex { justify-content: center; margin-bottom: 20px; } .sale-personal-section-index-block { width: 180px; height: 150px; } .card-item-row_height { /*height: 100px;*/ height: 90px; } .sale-personal-section-index-block { border-radius: 0px; } .principels-block-text .law-element { font-style: italic; line-height: 175%; width: 80%; margin-top: 20px; padding-left: 20px; padding-right: 20px; border-left: 2px solid #d71921; border-right: 2px solid #d71921; } @media screen and (max-width: 768px) { .principels-block-text .law-element { width: 100%; } } #privacy-policy .block { padding: 40px; } @media screen and (max-width: 768px) { #privacy-policy .block { padding: 15px; } } @media screen and (min-width: 1024px) and (max-width: 1330px) { .header-wrapper-item-list_width1 { width: 220px; margin: 0 15px; } .header-wrapper-item-list-item { font-size: 14px; } .header-wrapper-item-row__link { font-size: 14px; } .header-wrapper-item-row:first-child .header-wrapper-item-row__text { font-size: 14px; } .header-wrapper-item-list_width2 { width: 200px; } } .discont-content { position: relative; min-height: 400px; } [data-discont-select] { width: 272px; height: 42px; display: flex; align-items: center; padding: 0 20px; margin: 0 0 0 10px; background: #ffffff; border: 1px solid #e3e8f0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; outline: none; color: #000000; } .data-discont-select-wrapper { position: relative; } .data-discont-select-arrow { position: absolute; height: calc(100% - 2px); width: 40px; right: 1px; top: 1px; background: #ffffff; z-index: 10; border-radius: 4px; } .data-discont-select-arrow:after { content: ''; display: block; position: absolute; z-index: 10; width: 10px; height: 10px; border-bottom: 1px solid #3e435e; border-right: 1px solid #3e435e; -webkit-transform: rotate(45deg) translateY(-100%); -ms-transform: rotate(45deg) translateY(-100%); transform: rotate(45deg) translateY(-100%); top: 50%; right: 20px; } .hidden-content__arrow-prev { position: absolute; top: 50%; left: -50px; transform: translateY(-50%); cursor: pointer; opacity: 0.9; transition: 0.3s ease-in-out; } .hidden-content__arrow-prev:hover, .hidden-content__arrow-next:hover { opacity: 1; } .hidden-content__arrow-prev:hover path, .hidden-content__arrow-next:hover path { stroke: #d71921; } .hidden-content__arrow-next { position: absolute; top: 50%; right: -50px; transform: translateY(-50%); cursor: pointer; opacity: 0.9; transition: 0.3s ease-in-out; } .video-youtube { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: 100%; } .fabrics-filter-select-wrapper { width: 272px; height: 42px; display: flex; align-items: stretch; background: #ffffff; border: 1px solid #e3e8f0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; outline: none; position: relative; font-size: 14px; cursor: pointer; } .fabrics-filter-select-result { width: 100%; position: relative; padding: 10px 20px; display: flex; align-items: center; } .fabrics-filter-select-result:after { content: ''; position: absolute; top: 45%; right: 10px; height: 0px; width: 0px; border-top: 3px solid transparent; border-left: 3px solid transparent; border-right: 3px solid #000000; border-bottom: 3px solid #000000; transform: rotate(45deg); } .fabrics-filter-select-hidden { display: none; } .fabrics-filter-select-dropdown { position: absolute; top: calc(100% + 3px); left: 0; right: 0; background: #ffffff; border-radius: 4px; border: 1px solid #e3e8f0; padding: 20px 20px 20px 40px; display: none; width: 270px; cursor: pointer; } .fabrics-filter-select-dropdown label { position: relative; margin-bottom: 10px; display: block; } .fabrics-filter-select-dropdown label:last-child { margin-bottom: 0px; } .fabrics-filter-select-dropdown label.active { color: #d71921; } .fabrics-filter-select-dropdown label:before { content: ''; display: block; position: absolute; top: 13%; left: -20px; width: 10px; height: 10px; border: 1px solid #656565; border-radius: 2px; } .fabrics-filter-select-dropdown label.active:after { content: ''; display: block; position: absolute; top: 9px; left: -18px; width: 6px; height: 6px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; transform: translateY(-85%) rotate(-45deg); } .fabrics-filter-select-dropdown label.active:before { border: 1px solid #d71921; background: #d71921; } .fabrics-filter-select-dropdown.active { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; } /* .filter-tooltip-wrapper { display: inline-block; position: absolute; right: -156px; top: 0px; background: white; width: 134px; z-index: 10; text-align: center; box-shadow: 5px 0px 8px -4px black; } .filter { position: relative; } .filter .filter-tooltip-value { display: inline-block; } */ .old-price { font-size: 24px; color: #d71921; } .old-price span { text-decoration: line-through; } .card-main-block-description-row.tablet { justify-content: space-between; } .header-wrapper-item-row_relative-svg { position: relative; } .header-wrapper-item-row_relative-svg svg { position: absolute; top: 50%; left: -10px; transform: translateY(-50%); } @media screen and (max-width: 480px) { .fabrics-filter-column-row-value select { margin: 0 auto 20px; } .fabrics-filter-column-row-value { display: flex; align-items: center; flex-direction: column; } .fabrics-filter-column-row-value .SumoSelect { margin-bottom: 20px; } } .ui-selectmenu-menu .ui-menu { border-radius: 4px; border: 1px solid #e3e8f0; box-shadow: 0px 4px 7px #e3e8f0; padding-bottom: 0px; } .new-quote-1 { max-width: 1024px; margin: 0 auto; padding: 40px 0px; border: 1px solid #d3d3d3; box-sizing: border-box; border-radius: 4px; display: flex; justify-content: center; align-items: center; margin-top: 25px; margin-bottom: 25px; } .new-quote-1-container { width: 75%; } .new-quote-1-text { text-align: center; font-family: Cormorant; font-style: normal; font-weight: 600; font-size: 24px; line-height: 34px; position: relative; } .new-quote-1-author { margin-top: 30px; text-align: center; text-transform: uppercase; font-family: Montserrat; font-style: normal; font-weight: 300; font-size: 11px; line-height: 20px; color: #8c8c8c; } .new-quote-1-img { position: absolute; top: -10px; left: -10px; } .new-quote-1-img.quote-reverse { top: unset; left: unset; bottom: -10px; right: -10px; } .new-quote-1-img.quote-reverse img { transform: rotate(180deg); } .new-quote-2 { max-width: 869px; margin: 0 auto; padding: 50px 55px; background: rgba(215, 25, 33, 0.25); display: flex; justify-content: center; align-items: center; margin-top: 25px; margin-bottom: 25px; } .new-quote-2-container { width: 100%; } .new-quote-2-text { text-align: left; font-family: PlayfairDisplay; font-style: normal; font-weight: bold; font-size: 46px; line-height: 51px; } .new-quote-2-author { margin-top: 20px; text-align: left; font-family: Arimo; font-style: normal; font-weight: normal; font-size: 14px; line-height: 29px; color: #212121; position: relative; } .new-quote-2-img { position: absolute; top: -10px; left: -10px; } .new-quote-3 { max-width: 1024px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px; } .new-quote-3-container { width: 100%; } .new-quote-3-text { text-align: left; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 16px; line-height: 34px; margin-top: 30px; margin-bottom: 25px; } .new-quote-3-author { display: flex; align-items: center; } .new-quote-3-author-img { width: 66px; height: 66px; margin-right: 20px; } .new-quote-3-author-img img { width: 100%; height: 100%; } .new-quote-3-author-info { display: flex; flex-direction: column; } .new-quote-3-author-info__name { font-family: Roboto; font-style: normal; font-weight: 600; font-size: 18px; line-height: 20px; color: #313236; margin-bottom: 15px; } .new-quote-3-author-info__position { font-family: Roboto; font-style: normal; font-weight: normal; font-size: 15px; line-height: 18px; color: #313236; } .new-quote-4 { max-width: 869px; margin: 0 auto; padding-left: 30px; border-left: 3px solid #1a1a1a; margin-top: 25px; margin-bottom: 25px; } .new-quote-4-container { width: 100%; } .new-quote-4-text { text-align: left; font-family: PlayfairDisplay; font-style: italic; font-weight: normal; font-size: 46px; line-height: 51px; color: #212121; } .new-quote-4-author { margin-top: 25px; text-align: left; font-family: Arimo; font-style: normal; font-weight: normal; font-size: 16px; line-height: 18px; color: #1a1a1a; } .about-slider-item__text1 { text-align: center; height: auto; } .marked-list-icon { display: inline-block; width: 12px; height: 12px; border: 2px solid #d71921; box-sizing: border-box; border-radius: 50%; margin-right: 10px; } .card-main-block-wrapper { position: relative; } .card-main-block-wrapper--loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; z-index: 10; background: rgba(255, 255, 255, 0.5); } .card-main-block-wrapper--loader svg { width: 120px; height: 120px; border-radius: 50%; background: transparent; -webkit-animation: loader-animation 5s infinite linear; -moz-animation: loader-animation 5s infinite linear; -o-animation: loader-animation 5s infinite linear; animation: loader-animation 5s infinite linear; } .empty-photo img { width: unset !important; display: block; height: 300px; margin: 0 auto; } .card-item-row-colors__color.dark-arrow::after { border-bottom: 1px solid #000; border-left: 1px solid #000; } .card-item-row-colors__color.white-arrow::after { border-bottom: 1px solid #fff; border-left: 1px solid #fff; } /*LIKE*/ .vs-likeit { height: 55px; width: 55px; border: 2px solid #d71921; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 10px; } .vs-likeit:before { display: inline-block; vertical-align: middle; height: 30px; width: 30px; line-height: 30px; background: transparent url(/local/templates/bobox/img/icons/heart-red.svg) 0 0 no-repeat; background-size: contain; content: ''; } .product-item-container .vs-likeit:before { height: 27px; width: 29px; } .vs-likeit-active:before { background: url(/local/templates/bobox/img/icons/heart-active.svg) 0 0 no-repeat; background-size: contain; } .vs-likeit-action { cursor: pointer; } .card-main-block-gallery-big-item .vs-likeit, .card-main-mob-img .vs-likeit { position: absolute; top: -12px; right: 0px; border: none; } .card-main-block-gallery-big-item .vs-likeit:before { background: transparent url(/local/templates/bobox/img/icons/heart.svg) 0 0 no-repeat; background-size: contain; } .card-main-block-gallery-big-item .vs-likeit-active:before { background: url(/local/templates/bobox/img/icons/heart-active.svg); background-size: contain; } /*Представление на каточке товара*/ .card-item .vs-likeit:before { background: transparent url(/local/templates/bobox/img/icons/heart.svg) 0 0 no-repeat; background-size: contain; } .card-item .vs-likeit { border: none; width: 20px; height: 20px; margin: 6px 0px; } .card-item .vs-likeit-active:before { background: transparent url(/local/templates/bobox/img/icons/heart-active.svg) 0 0 no-repeat; background-size: contain; } /*Представление на каточке товара*/ /*Список товаров*/ .card-item-linear .vs-likeit { height: 37px; width: 37px; border: 1px solid #d71921; } /*Список товаров*/ /*Детальная страница товара*/ .card-preview .vs-likeit:before, .card-main .vs-likeit:before { height: 28px; width: 30px; } .card-main-mob-img .vs-likeit:before { height: 24px; width: 30px; } .card-main-mob-img .vs-likeit { margin-right: 0px; } /*Детальная страницп товара*/ /*LIKE*/ .filter-mob-main label.active { background: #d71921; } .filter-mob-main label.active span { color: white; } .one-row--pl-25 { padding-left: 25px; } .where-buy-select-wrapper { position: absolute; right: 40px; top: 19px; width: 272px; height: 42px; } .where-buy-select { display: flex; height: 40px; align-items: stretch; background: #ffffff; border: 1px solid #e3e8f0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; border-radius: 4px; outline: none; position: relative; font-size: 14px; cursor: pointer; position: relative; padding: 10px 20px; align-items: center; margin-left: auto; } .where-buy-select-arrow { position: absolute; top: 0; right: 0; width: 20px; height: 40px; z-index: 10; background: #ffffff; border-radius: 0 4px 4px 0; border-right: 1px solid #e3e8f0; border-bottom: 1px solid #e3e8f0; border-top: 1px solid #e3e8f0; } .where-buy-select-arrow:after { content: ''; position: absolute; top: 45%; right: 10px; height: 0px; width: 0px; border-top: 3px solid transparent; border-left: 3px solid transparent; border-right: 3px solid #000000; border-bottom: 3px solid #000000; transform: rotate(45deg); } @media screen and (max-width: 1024px) { .where-buy-select-wrapper { right: 20px; } } @media screen and (max-width: 480px) { .where-buy-select-wrapper { position: relative; margin: 0px; width: 195px; right: unset; left: 20px; top: 0; margin-bottom: 20px; } .where-buy-select { margin-left: 0px; } } .filter-row .card-item-row-colors { height: auto; } .where-buy-loader--relative { position: relative; } .choose-city-wrapper { display: grid; grid-gap: 10px; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; padding: 0px 0 10px; } .choose-city__link { padding: 10px; display: block; outline: none; text-align: center; line-height: 24px; color: #000; font-size: 18px; font-family: 'Proxima Nova Light', sans-serif; } .choose-city__link:hover { color: #d71921; text-decoration: underline; } .city-observer { height: 10px; } .design-3d-models-text { text-align: center; } .design-3d-models-text-img img { width: 70%; height: auto; } @media screen and (max-width: 480px) { .mob-svg-time { position: absolute; top: 3px !important; left: 30px !important; transform: unset !important; } .mob-svg-phone { position: absolute; top: 50%; transform: translateY(-50%); left: -18px; } .mob-svg-time--header { position: absolute; top: 1px !important; left: 38px !important; transform: unset !important; } } /* .card-wrapper-gallery { position: absolute; top: 136px; left: 40px; width: 100%; width: -webkit-calc(100% - 80px); width: calc(100% - 80px); } .block-with-gallery { position: relative; z-index: 10; height: 536px; } */ .card-wrapper-gallery { position: relative; z-index: 10; top: -40px; width: 100%; } .card-wrapper-gallery .card-item { position: static; outline: none; } .card-wrapper-gallery .card-wrapper .card-item-wrapper { height: auto; margin-top: 35px; width: 300px; display: flex; align-items: center; justify-content: center; margin: 35px 10px 0; } .card-item-row-item__value.card-item-row-item__value-title { height: 84px; } .data-gallery-arrow-prev, .data-gallery-arrow-next { position: absolute; top: 150px; opacity: 0.5; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; } .data-gallery-arrow-next { right: -30px; } .data-gallery-arrow-prev { left: -30px; } @media screen and (max-width: 480px) { .data-gallery-arrow-next { right: -18px; } .data-gallery-arrow-prev { left: -18px; } } .filter-btn-wrapper .card-item-row-item__button { width: 100%; } .filter-btn-wrapper.fabrics-filter-btn-wrapper .card-item-row-item__button { width: 140px; margin-right: 0; } .filter-btn-wrapper.fabrics-filter-btn-wrapper .card-item-row-item__button:first-child { margin-left: auto; } .class-ajax-load { padding-bottom: 60px; } [data-gallery] { display: block; width: 100%; } .second-slider .card-item { width: 300px; } .basket-items-list-wrapper .basket-items-list-container, .basket-items-list-wrapper .basket-items-list { min-height: auto !important; } .basket-items-list-wrapper .basket-items-list { padding-bottom: 25px; } .news-item-main-wrap .thumb-wrap-new iframe { width: 100%; height: 377px; } [slider-range-filter] .ui-slider-handle:first-of-type .slider-range-cost-text { top: calc(100% + -36px) !important; } .filter-row-head { margin-bottom: 30px; } div.bx-red .btn.btn-default { border-color: #d71921; background-color: #d71921; } .basket-item-block-actions { opacity: 1; } .sale_order_full_table { text-align: center; max-width: 655px; margin: 0 auto; } .sale_order_full_table__td-flex { display: flex; flex-direction: column; align-items: center; border: none; padding: 0; } .sale_order_full_table__main-svg { margin-bottom: 45px; } .sale_order_full_table__numOrder { font-size: 24px; text-transform: uppercase; display: inline-block; margin-bottom: 20px; } .sale_order_full_table__numOrder b { font-family: 'Proxima Nova', sans-serif; font-weight: normal; } .sale_order_full_table__numPayment { font-family: 'Proxima Nova Light', sans-serif; font-weight: 300; font-size: 18px; text-transform: uppercase; color: rgba(0, 0, 0, 0.9); display: inline-block; margin-bottom: 25px; } .sale_order_full_table__numPayment b { font-family: 'Proxima Nova Light', sans-serif; font-weight: normal; } .sale_order_full_table__text { font-weight: 300; font-size: 14px; line-height: 21px; color: rgba(0, 0, 0, 0.9); } .sale_order_full_table__meta td { padding: 0px; border: none; } .sale_order_full_table__meta .ps_logo { font-weight: 300; font-size: 12px; line-height: 18px; text-align: center; color: rgba(0, 0, 0, 0.8); border: 1px solid rgba(0, 0, 0, 0.3); width: 200px; padding: 20px 0; } .bx_profile-custom-personal-data { margin: 0 auto; max-width: 455px; width: 90%; } .bx_profile-custom-personal-data__title { font-size: 24px; text-transform: uppercase; text-align: center; margin-bottom: 40px; font-family: 'Proxima Nova Semibold', sans-serif; } .lk-form-profile-custom__title { font-size: 18px; text-transform: uppercase; text-align: center; margin-bottom: 15px; } .lk-form-profile-custom { display: flex; flex-direction: column; align-items: center; } .main-profile-form-label-custom { font-weight: 300; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; display: inline-block; } .main-profile-form-control-custom { border: 1px solid #cecece; padding: 13px 10px; width: 100%; resize: none; font-weight: 300; font-family: 'Proxima Nova', sans-serif; margin-bottom: 30px; border-radius: 5px; } .main-profile-form-control-custom:focus { outline: none; } .main-profile-form-control-custom__no-margin { margin-bottom: 0; } .main-profile-block-shown-custom { width: 100%; } .bx_profile .main-profile-form-password-annotation-custom { margin-bottom: 15px; } .main-profile-btn-custom { width: 100%; font-weight: 300; font-size: 12px; text-transform: uppercase; color: #ffffff; background: #d71921; height: 42px; cursor: pointer; border: 1px solid #d71921; border-radius: 5px; } .main-profile-form-buttons-block-custom { width: 100%; display: flex; justify-content: space-between; } .main-profile-submit-custom:hover { background: #fff; color: #d71921; } .main-profile-submit-custom:active { border: 2px solid #d71921; font-weight: bold; } .main-profile-submit-custom:active, .main-profile-submit-custom:focus, .main-profile-reset-custom:active, .main-profile-reset-custom:focus { outline: none; } .main-profile-reset-custom { background: none; color: #d71921; border: none; } .main-profile-reset-custom:hover { border: 1px solid #d71921; } .main-profile-reset-custom:active { border: 2px solid #d71921; font-weight: bold; } .card-main-block-gallery-big-item .vs-likeit-active:before { background-repeat: no-repeat; } div.bx-auth-custom { width: calc(100% - 20px); max-width: 380px; margin: 0 auto; padding-left: 0; margin-bottom: 40px; } .bx-auth-custom .bx-auth-note { font-size: 36px; line-height: 44px; text-align: center; letter-spacing: -0.72px; color: #181818; margin: 0; margin-bottom: 75px; } .bx-auth-custom .form-auth-title { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .bx-auth-custom .form-auth-title span, .bx-auth-custom .form-auth-title a { font-size: 20px; line-height: 24px; color: #282828; } .bx-auth-custom .form-auth-title a { color: #969696; } .bx-auth-custom .form-auth-title__bottom:hover a { color: #282828; } .bx-auth-custom .form-auth-title__bottom:hover svg path { stroke: #282828; } .bx-auth-custom .form-auth-title svg { margin-right: 10px; } .bx-auth-custom .bx-auth-table { margin-top: 0px; width: 100%; } .bx-auth-custom .bx-auth-table td { border: none; padding: 0; } .bx-auth-custom .bx-auth-input__control { width: 100%; display: block; margin-bottom: 20px; } .bx-auth-custom .bx-auth-input { background: #ffffff; border: 1px solid #cecece; box-sizing: border-box; border-radius: 5px; width: 100%; height: 46px; padding-left: 20px; font-family: Proxima Nova; font-size: 12px; line-height: 28px; } .bx-auth-custom .bx-auth-input:hover, .bx-auth-custom .bx-auth-input:focus { outline: none; } .bx-auth-custom .authorize-submit-cell { display: block; margin-bottom: 25px; } .bx-auth-custom .authorize-submit-cell input { width: 100%; height: 46px; background: #d71921; border-radius: 5px; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #ffffff; border: none; outline: none; cursor: pointer; } .bx-auth-custom .authorize-bottom-block { display: flex; justify-content: space-between; margin-bottom: 40px; } .bx-auth-custom .authorize-bottom-block a { font-size: 14px; line-height: 28px; color: #d25b5b; } .bx-auth-custom .authorize-bottom-block label { font-size: 14px; line-height: 28px; color: #282828; position: relative; padding-left: 15px; } .bx-auth-custom .authorize-bottom-block input:checked + label:before, .bx-auth-custom .authorize-bottom-block input:not(:checked) + label:before { content: ''; position: absolute; left: -15px; top: -2px; width: 16px; height: 16px; border: 1px solid #979797; background-color: #ffffff; box-sizing: initial; } .bx-auth-custom .authorize-bottom-block input:not(:checked) + label:after { opacity: 0; } .bx-auth-custom .authorize-bottom-block input:checked + label:after { opacity: 1; } .bx-auth-custom .authorize-bottom-block input:checked + label:after, .bx-auth-custom .authorize-bottom-block input:not(:checked) + label:after { content: ''; position: absolute; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; box-sizing: initial; left: -11px; top: 3px; width: 9px; height: 4px; -webkit-border-radius: 1px; border-radius: 1px; border-left: 2px solid #d71921; border-bottom: 2px solid #d71921; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .bx-auth-custom .authorize-bottom-block input { opacity: 0; } .header-wrapper-item-list-item-custom-width { width: 38px; } .header-wrapper-item-list-item-custom-width .header-wrapper-item-list-item__count { left: calc(100% - 10px); } .sale-order-list-container-custom { background: #ffffff; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; border: none; width: 800px; margin: 34px auto; font-family: Proxima Nova; } .sale-order-list-container-custom .sale-order-list-inner-container { border: none; padding: 30px; } .sale-order-list-container-custom .sale-order-list-about-link { display: flex; justify-content: center; align-items: center; width: 166px; height: 46px; background: #d71921; border-radius: 5px; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #ffffff; text-decoration: none; } .sale-order-list-container-custom .sale-order-list-title-container { background: linear-gradient(180deg, #d71921 0%, #a90108 100%); padding: 15px; } .sale-order-list-container-custom .sale-order-list-title-container .sale-order-list-title { color: #fff; text-align: center; font-size: 24px; font-family: Proxima Nova; } .sale-order-list-container-custom .sale-order-list-payment-title, .sale-order-list-container-custom .sale-order-list-shipment-title { font-size: 20px; margin-bottom: 10px; font-family: Proxima Nova SemiBold; } .sale-order-list-container-custom .sale-order-list-payment-price, .sale-order-list-container-custom .sale-order-list-shipment-status, .sale-order-list-container-custom .sale-order-list-shipment-item { font-size: 18px; margin-bottom: 20px; font-family: Proxima Nova; } .sale-order-list-container-custom .sale-order-list-shipment-status { margin-bottom: 0; } .main-profile-wrapper { display: flex; } .main-profile-nav { display: flex; flex-direction: column; padding-left: 40px; padding-top: 50px; margin-bottom: 40px; } @media screen and (max-width: 767px) { .main-profile-nav { display: none; } } .main-profile-nav__link { display: flex; margin-bottom: 40px; } .main-profile-nav__link.logout_link { padding-top: 40px; margin-bottom: 0px; border-top: 1px solid rgba(0, 0, 0, 0.4); } .main-profile-nav__link-item { display: flex; align-items: center; color: #111; text-decoration: none; opacity: 0.4; } .main-profile-nav__link-item:hover, .main-profile-nav__link-item.active { opacity: 1; } .main-profile-nav__link-item img { width: 30px; height: auto; margin-right: 10px; } .main-profile-wrapper__content { margin: 0 auto; } .main-profile-orders-item { display: flex; flex-direction: column; width: 800px; margin: 0 auto; background: #ffffff; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 30px; margin-bottom: 40px; } .main-profile-orders-item-header, .main-profile-orders-item-footer { display: flex; justify-content: space-between; } .main-profile-orders-item-header { margin-bottom: 30px; min-height: 55px; } .main-profile-orders-item-header-column { display: flex; flex-direction: column; justify-content: space-between; } .main-profile-orders-item-header-column__subtitle { font-size: 14px; line-height: 17px; color: rgba(0, 0, 0, 0.5); } .main-profile-orders-item-header-column__title { font-size: 18px; line-height: 22px; color: #000000; } .main-profile-orders-item-footer { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 30px; align-items: center; } .main-profile-orders-item-footer-info { display: flex; justify-content: space-between; align-items: center; width: calc(100% - 196px); } .main-profile-orders-item-footer-info__link { background: #d71921; border-radius: 5px; width: 166px; height: 46px; font-size: 14px; line-height: 17px; text-align: center; text-transform: uppercase; color: #ffffff; display: flex; justify-content: center; align-items: center; margin-left: 30px; } .main-profile-orders-item-footer-info__price { font-size: 24px; line-height: 29px; letter-spacing: -0.72px; color: #000000; } .main-profile-orders-item-footer-info__delivery { font-size: 14px; line-height: 17px; letter-spacing: -0.72px; text-transform: uppercase; color: #000000; display: flex; align-items: center; } .main-profile-orders-item-footer-info__delivery img { margin-right: 10px; } .main-profile-wrapper-nav-mobile { display: none; margin-bottom: 20px; } .main-profile-nav-mobile__toggler { width: calc(100% - 40px); height: 40px; margin: 0 auto; display: flex; justify-content: center; align-items: center; border: 1px solid #d71921; box-sizing: border-box; border-radius: 5px; font-size: 14px; line-height: 28px; text-align: center; color: #000000; } .main-profile-nav-mobile__wrapper { width: calc(100% - 40px); margin: 0 auto; margin-top: 20px; padding: 10px; border: 1px solid #d71921; box-sizing: border-box; border-radius: 5px; display: none; } .main-profile-nav-mobile__wrapper .main-profile-nav__link-item { display: flex; justify-content: center; font-size: 14px; line-height: 28px; text-align: center; color: #000000; opacity: 1; } .main-profile-nav-mobile__toggler img { margin-left: 10px; transition: 0.3s; } .main-profile-nav-mobile__toggler.opened img { transform: rotate(180deg); } @media screen and (max-width: 1365px) { .main-profile-orders-item { width: 700px; } } @media screen and (max-width: 1023px) { .main-profile-orders-item { width: 500px; } .main-profile-orders-item-header { flex-wrap: wrap; } .main-profile-orders-item-header-column { flex: 0 1 50%; } .main-profile-orders-item-header-column:nth-child(2n) { align-items: flex-end; } .main-profile-orders-item-header-column:first-child, .main-profile-orders-item-header-column:nth-child(2) { margin-bottom: 30px; } .main-profile-orders-item-footer-info { flex-direction: column; align-items: flex-start; width: unset; } .main-profile-orders-item-header-column__subtitle { margin-bottom: 10px; } .main-profile-orders-item-footer-info__delivery { margin-bottom: 10px; } } @media screen and (max-width: 767px) { .main-profile-wrapper__content { width: calc(100% - 40px); } .main-profile-orders-item { width: 100%; } .main-profile-orders-item-footer-info__link { width: 120px; height: 40px; font-size: 12px; line-height: 15px; margin-left: unset; background: #fff; border: 1px solid #d71921; color: #d71921; } .main-profile-wrapper-nav-mobile { display: block; } .main-profile-wrapper { flex-direction: column; } } @media screen and (max-width: 426px) { .main-profile-orders-item { padding: 20px; } .main-profile-orders-item-header-column { flex: 0 1 100%; margin-bottom: 20px; } .main-profile-orders-item-header-column:first-child, .main-profile-orders-item-header-column:nth-child(2) { margin-bottom: 20px; } .main-profile-orders-item-header-column:last-child { margin-bottom: 0px; } .main-profile-orders-item-header-column:nth-child(2n) { align-items: flex-start; } .main-profile-orders-item-footer-info { flex-direction: column-reverse; } .main-profile-orders-item-footer-info__price { font-size: 20px; line-height: 24px; margin-bottom: 10px; } .main-profile-orders-item-footer-info__delivery { font-size: 12px; line-height: 15px; margin-bottom: 0px; } } a.slick-prev.slick-arrow { transform: rotate(90deg) translateX(-15px); } a.slick-prev.prev.slick-arrow { transform: rotate(90deg) translateX(15px); } @media screen and (max-width: 480px) { .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-table-row { font-size: 12px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; align-items: flex-start; } .tabs-container-list-item-innercontainer-side-table-row-item:last-child { justify-content: flex-start; white-space: normal; } .card-main-mob-main-accordion-item-main .tabs-container-list-item-innercontainer-side-table-row-item { white-space: normal; } .block.about { padding: 15px 0; padding-left: 20px; padding-right: 20px; } } .filter-select-wrapper .SumoSelect { width: 100%; } .filter-select-wrapper .SumoSelect.open > .CaptionCont, .filter-select-wrapper .SumoSelect:focus > .CaptionCont, .filter-select-wrapper .SumoSelect:hover > .CaptionCont { box-shadow: none; border-color: #a4a4a4; } .filter-select-wrapper .SumoSelect .select-all.partial > span i, .filter-select-wrapper .SumoSelect .select-all.selected > span i, .filter-select-wrapper .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i { background-color: #d71921; } #modef { display: flex; align-items: center; justify-content: flex-start; position: absolute; z-index: 501; left: calc(100% + 5px); top: 100px; background: #ffffff; border-radius: 3px; box-shadow: 0px 0px 5px #ddd; transition: 0.5s ease-in-out; } #modef_num { margin-left: 5px; } #modef:after { content: ''; display: block; position: absolute; top: 50%; left: -5px; height: 10px; width: 10px; background: #ffffff; transform: translateY(-50%) rotate(45deg); box-shadow: -2px 2px 4px #f9f9f9; } #modef .filter-tooltip-btn { padding: 10px; display: flex; align-items: center; justify-content: center; background: #d71921; color: #ffffff; transition: 0.3s ease; border-radius: 0px 3px 3px 0px; } #modef .filter-tooltip-btn:hover { background: #d71921; } .modef-text { padding: 10px; white-space: nowrap; display: flex; align-items: center; justify-content: center; } /*20.08.19 review */ .commentary-container-empty { text-align: center; margin-top: 30px; align-items: center; } .commentary-container-empty .news-item-main-wrap__title { color: #d71920; } .mt-30 { margin-top: 30px; } .commentary-input.mw-100 { max-width: 100%; } .w-100 { width: 100%; } .card-wrapper .card-item-wrapper { width: 25%; } .news-item-description-item:last-child { display: none; } .designer-page-item__img img { width: 100%; } .header-wrapper-item-row-mywrap { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1024px) { .main .container .block.catalog { padding-bottom: 80px; } .header-mob-absoluted-bottom { position: relative; justify-content: center; } .header-mob-menu.active { overflow-y: scroll; } } @media screen and (max-width: 1024px) and (min-width: 480px) { .fabrics-filter-column-row-value .SumoSelect { margin-bottom: 10px; } .main .container .block.tabs .tabs-container-list .tabs-container-list-item:nth-child(2) .tabs-container-list-item-innercontainer .tabs-container-list-item-innercontainer-side .tabs-container-list-item-innercontainer-side-table { width: 100%; } .card-main-block-description-row-item_btn { font-size: 12px; line-height: 14px; } .main .container .catalog-main-show-more { padding-top: 90px; } .main { padding-top: 70px; } .mob-svg-time--header { position: absolute; top: 1px !important; left: 38px !important; transform: unset !important; } .header-wrapper-item-row { font-size: 14px; margin-bottom: 10px; } .catalog { flex-direction: column; align-items: stretch; padding: 40px 20px 30px; } .filter-mob { display: block; margin-bottom: 30px; } .main .container .block.block_padding, .main .container .block.block_padding-ext { padding: 20px 40px 50px 40px; } .main .container .block.block_padding .card-wrapper .card-item-wrapper, .main .container .block.block_padding-ext .card-wrapper .card-item-wrapper { width: 50%; } } @media screen and (max-width: 1200px) { .card-main-block { width: 605px; } .card-main-block:nth-child(2) { margin-right: 20px; } } @media screen and (max-width: 1023px) { .card-main-block { width: 375px; } .card-main-block:nth-child(2) { margin-right: 10px; } } @media screen and (max-width: 1024px) { .header-nav_background { display: none; } .header-mob { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .block.needs { padding-top: 80px; } .main .container .block.block_padding .card-wrapper .card-item-wrapper:last-child, .main .container .block.block_padding-ext .card-wrapper .card-item-wrapper:last-child { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .designers-personal { flex-wrap: wrap; } .designers-personal-about { margin-top: 30px; flex: 0 0 100%; } } @media screen and (max-width: 768px) { .where-buy-big { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } } @media screen and (max-width: 767px) { .card-wrapper_mob .card-item-wrapper { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .block.needs { padding-top: 20px; } .contacts-form-row.two-fields { width: 100%; } .contacts-form-input-wrapper { width: 100%; } .contacts-form-input { width: 100%; } /*.fancybox-content .fancybox-button.fancybox-close-small{*/ /* top: 0px;*/ /* right: 0px;*/ /*}*/ .fancybox-content .fancybox-button.fancybox-close-small svg path { fill: #000; } .tabs-container-list-item-innercontainer-side-material__head, .tabs-container-list-item-innercontainer-side-material-list { padding-left: 20px; padding-right: 20px; } .collections-list-item { flex: 0 0 150px !important; } /*.block.block_padding-ext{ display: none; }*/ .fabrics-banner__text { transform: translateX(-20%); } .about-slider__arrow-prev { left: -30px; } .about-slider__arrow-next { right: -30px; } .designer-page-item__img { flex: 0 0 86px; height: 86px; } .designers-block-gallery-inn-item { margin-right: 0; } .designers-block-gallery-inn { max-width: 100%; } .block-404 { padding-top: 70px; } .main-profile-wrapper__content { padding-bottom: 30px; } .basket-items-list-item-remove.hidden-xs { display: table-cell !important; position: absolute; right: -20px; } .basket-item-block-image.hidden-xs { display: block !important; margin: 0; padding: 0; } .basket-item-info-name { text-align: center; } .basket-items-list-item-price.hidden-xs:not(.basket-items-list-item-price-for-one) { display: table-cell !important; } } .news-row-info__btn { min-width: 200px; } @media screen and (max-width: 480px) { .tabs-container-list-item-innercontainer-side-material-list { padding: 0; width: 100%; } .main .container .block.block_padding-ext .card-wrapper .card-item-wrapper { width: 300px; margin-left: auto; margin-right: auto; } .designers-personal-about { margin-top: 0; } .block_padding-ext { padding: 10px 20px; } .needs-list-item { width: calc(50% - 10px); } .contacts-under-text .footer-top-item-list__item { justify-content: flex-start; } .warning-buy { margin-bottom: 20px; } .news-item-main-wrap img, .news-item-main-col img { max-width: 100%; } .designers-personal-img { margin-right: 20px; flex: 0 0 134px; } .designers-projects-btn { width: 100%; } .fabrics-result { grid-auto-rows: auto; } .news-row-info__btn { margin-right: none; } .img-box { height: auto !important; } .footer .footer-top-item-list__item { -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .footer-top-mob-row a { margin-right: 0; } } .box-price { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; margin-top: 2px; } .card-main-block-description-row-cost__number { margin-right: 20px; white-space: nowrap; } .card-main-block-description-row-cost .box-price .old-price { line-height: 37px; margin-right: 0; text-decoration: line-through; display: none; } @media screen and (max-width: 1024px) { .card-main-block-description-row-cost .box-price .old-price { line-height: 28px; } } .card-preview-cost-row { margin-right: 20px; } .footer-top-item-list__item-wrap { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .contacts-info-column-row-wrap { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; } .contacts-info-column-row-wrap svg { margin-right: 10px; } .where-buy-big-info__item-wrap { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; } .where-buy-big-info__item-wrap .where-buy-big-info__item:nth-child(3) { margin-right: 4px; } .where-buy-big-info__item-wrap svg { margin-right: 20px; } .where-buy-small-item-info__item_text svg { transform: translateY(2px); } .filter-mob-filter-color-row { margin-bottom: 30px; padding: 0; } .filter-mob-filter-color-row .card-item-row-colors__color { margin: 0; width: 30px; height: 30px; border: 1px solid #49494924; } .filter-mob-filter-color-row > label { width: 100%; border-bottom: 1px solid #e3e8f0; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; flex: 0 0 50px; padding: 0 30px; position: relative; } .filter-mob-main > label:last-of-type { margin-bottom: 30px; } .filter-mob-filter-color-row > label input + span { width: 20px; height: 12px; position: absolute; right: 40px; top: 42%; transform: translateY(-50%) rotate(-45deg); border-left: 2px solid #e3e8f0; border-bottom: 2px solid #e3e8f0; } .filter-mob-filter-color-row > label input:checked + span { border-left: 2px solid #d71921; border-bottom: 2px solid #d71921; } @media screen and (max-width: 480px) { .catalog-main { padding-bottom: 70px; } } .fancybox-content .card-main-block { width: 50%; } .fancybox-content .card-main-block-gallery-mini__item { display: flex !important; } .box-catalog-icon { position: absolute; top: 0px; right: 15px; z-index: 99; -webkit-border-radius: 50%; border-radius: 50%; color: #ff1506; background: transparent; display: flex; align-items: center; flex-direction: column; } .box-catalog-icon .icon { width: 30px; height: 30px; margin-right: 5px; } .box-catalog-icon .icon.new { background: url(/local/templates/bobox/css/../img/icons/new.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .box-catalog-icon .icon.percent { background: url(/local/templates/bobox/css/../img/icons/percentage.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .box-catalog-icon .icon.hot { background: url(/local/templates/bobox/css/../img/icons/hot.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .box-catalog-icon .icon.hit { background: url(/local/templates/bobox/css/../img/icons/hit.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .description-mobile { padding: 0 10px; } [id*='wait_comp_'] { background: #ffffff !important; border: 2px solid #a8a8a8 !important; color: #a8a8a8 !important; text-transform: uppercase !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; font-size: 11px !important; height: 37px !important; } @media screen and (max-width: 1023px) { .discount-card-wrapper { grid-template-columns: repeat(2, 1fr); grid-gap: 50px 20px; } } @media screen and (max-width: 480px) { .discount-card-wrapper { grid-template-columns: repeat(1, 1fr); grid-gap: 0; } .discount-card { padding: 30px 0; margin: 0; border-bottom: 1px solid #e3e8f0; } .discount-card:last-child { border-bottom: none; padding-bottom: 0; } .discont-row { margin-bottom: 0; padding: 30px 0 20px; border-bottom: 1px solid #e3e8f0; } .discont-row:first-child { padding-top: 0; } .discont-row:last-child { padding-bottom: 0; border-bottom: none; } } .slam-easyform .modal.in .modal-dialog { width: 95% !important; } @media screen and (max-width: 480px) { .card-preview { width: 240px; padding: 10px 20px 10px 25px; } .tooltip { display: none !important; } .card-preview .card-main-block-description-row-btn-wrapper-buy { height: 35px; letter-spacing: 1px; font-size: 14px; } .card-preview .vs-likeit { height: 35px; width: 40px; } .card-preview .vs-likeit:before { height: 23px; width: 25px; } .card-preview-info { margin-bottom: 0; } .card-preview-cost-row { margin-bottom: 10px; font-size: 20px; } } @media screen and (max-width: 360px) { .card-preview-head { font-size: 14px; margin-bottom: 10px; } } .recomindation-hide-block { text-align: left; } @media screen and (max-width: 1024px) { label, .filter-mob-main-row { cursor: pointer; } } .footer-ie { font-family: 'Myriad Pro'; position: fixed; z-index: 999999999; top: 0; left: 0; width: 100%; height: 100%; background: #fff; display: none; } .browser-container { width: 670px; margin: 0 auto; padding-top: 30px; } .browser-container .browser-container-title { width: 100%; text-align: center; font-size: 36px; margin-bottom: 30px; } .browser-container .browser-container-subtitle { width: 100%; text-align: center; font-size: 14px; margin-bottom: 40px; } .browser-container .browser-container-box { width: 100%; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } .browser-container .browser-container-box a { display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 33%; margin-bottom: 60px; justify-content: center; color: #000; line-height: 30px; } .browser-container .browser-container-box .browser-container-box-item { display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; justify-content: center; } .browser-container .browser-container-box .browser-container-box-item .browser-container-box-item-image { margin-right: 20px; } .browser-container .browser-container-box .browser-container-box-item .browser-container-box-item-image img { max-height: 50px; } .browser-container .browser-container-box .browser-container-box-item .browser-container-box-item-text { display: flex; flex-direction: column; justify-content: space-between; } .browser-container .browser-container-box .browser-container-box-item .browser-container-box-item-text .browser-container-box-item-name { font-size: 24px; } .browser-container .browser-container-box .browser-container-box-item .browser-container-box-item-text .browser-container-box-item-version { font-size: 14px; } .browser-container .browser-container-link a { display: flex; justify-content: center; align-items: center; margin: 0 auto; text-decoration: none; font-size: 14px; width: 200px; height: 40px; background: #d71921; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px; text-transform: uppercase; margin-bottom: 50px; } #vertical-multilevel-menu a.root-item { background: none; color: black; padding: 0; } #vertical-multilevel-menu li a { border: none; background: none; list-style: circle; padding: 0; } #vertical-multilevel-menu a.root-item:hover { background: none; } #vertical-multilevel-menu ul { display: block !important; } #vertical-multilevel-menu li { list-style: disc; } #vertical-multilevel-menu li ul { margin: 0; position: static; border: none; } #vertical-multilevel-menu li ul.root-item { /*margin: 0 0 210px;*/ margin: 0 0 0 50px; } #vertical-multilevel-menu { column-count: 2; column-gap: 30px; } ul#vertical-multilevel-menu, #vertical-multilevel-menu ul { width: auto; padding: 0 40px 0; } #vertical-multilevel-menu a, #vertical-multilevel-menu a.root-item { font-size: 16px; } #vertical-multilevel-menu > li { margin-bottom: 5px; page-break-inside: avoid; } #vertical-multilevel-menu li ul.root-item > li { margin-bottom: 5px; } #vertical-multilevel-menu li ul.root-item > li a { white-space: nowrap; } @media screen and (max-width: 767px) { #vertical-multilevel-menu { column-count: 1; } } .icon.tv-icon img { width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 50%; overflow: hidden; } .tv-icon { position: relative; } .tv-icon:hover .tv-icon-preview { display: block; } .tv-icon-preview { display: none; position: absolute; padding: 4px 20px; background-color: #ccc; top: calc(100% + 5px); right: -20px; font-size: 12px; line-height: 14px; white-space: nowrap; color: black; } .card-item-row-tv-wrapper { position: absolute; right: 5px; top: 50px; } .card-item-row-tv-icon { width: 30px; height: 30px; } .card-item-row-tv-icon:not(:last-child) { margin-bottom: 5px; } .card-item-row-tv-icon { transform: scale(1.35) translateX(-5px); } .card-item-row-tv-icon:hover .card-item-row-tv-icon-preview { display: block; } .card-item-row-tv-icon img { width: 100%; height: 100%; object-fit: cover; object-position: center center; border-radius: 50%; overflow: hidden; } .card-item-row-tv-icon-preview { display: none; position: absolute; padding: 10px 20px; background-color: #fff; top: calc(100% + 5px); -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.35); right: -6px; font-size: 14px; line-height: 14px; white-space: nowrap; color: black; transform: scale(0.75) translateX(25px); } .dostavka-iframe { display: inline-block; position: relative; } .dostavka-iframe:after { content: ''; display: block; width: 34%; height: 40px; background: #fff; top: 35px; right: 1px; position: absolute; } @media screen and (max-width: 600px) { .dostavka-iframe { display: none; } } .card-main-block-gallery-big-item .icons-wrapper { width: 55px; position: absolute; top: 50px; right: 0; margin-right: 10px; } .card-main-block-gallery-big-item .icons-wrapper .icons-wrapper__text { display: none; position: absolute; padding: 10px 20px; background-color: #fff; top: calc(100% + 5px); -webkit-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.35); box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.35); right: -6px; font-size: 17px; line-height: 14px; white-space: nowrap; color: black; transform: scale(0.75) translateX(25px); } .card-main-block-gallery-big-item .icons-wrapper__icon--tv:hover .icons-wrapper__text { display: block; } .card-item-row-item__button svg { margin-left: 5px; } .header-mob-menu-catalog .header-mob-menu-list-wrap { display: block; } .icons-wrapper__icon--promo { width: 36px; height: 36px; -webkit-border-radius: 50%; border-radius: 50%; color: #ff1506; background: transparent; display: flex; align-items: center; justify-content: center; text-transform: uppercase; background: url(/local/templates/bobox/css/../img/icons/percentage.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; margin: 0 auto 10px auto; } .main .hidedesktop { display: none; } .main .new-block { display: grid; grid-gap: 20px; grid-template-columns: repeat(4, 1fr); } .main .new-block-item__img { position: relative; padding-bottom: 100%; margin-bottom: 20px; } .main .new-block-item__img img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .main .new-block-item__title { position: absolute; bottom: 10px; left: 20px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 26px; } .main .new-block-item__text { text-align: center; color: #000; } @media screen and (max-width: 480px) { .main .hidemobile { display: none; } .main .hidedesktop { display: block; } .main .in-work { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: scroll; } .main .needs-list { overflow-x: scroll; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between; margin: 0 -20px; width: calc(100% + 40px); padding-left: 20px; } .main .needs-list:after { content: ''; flex: 0 0 20px; height: 1px; display: inline-block; } .main .in-work-item { flex: 0 0 200px; } .main .needs-list-item { flex: 0 0 102px; margin-right: 0; height: auto; flex-direction: column; background: none !important; margin-bottom: 0; } .main .needs-list-item-text__head, .main .needs-list-item-text__button { display: none; } .main .needs-list-item__img { position: static; transform: none; width: 100%; display: flex; justify-content: center; margin-bottom: 10px; height: 35px; } .main .needs-list-item-text { width: 100%; text-align: center; color: #000; } .main .needs-list-item-text__name { margin-bottom: 0; } } .footer-popup { /*border-radius: 10px;*/ background: #fff; /*background-repeat: no-repeat;*/ /*background-size: cover;*/ /*background-position: center;*/ /*padding: 40px 20px 20px 290px;*/ /*max-width: 600px;*/ max-width: 900px; padding: 0; width: 100%; } .popup__firtsWrapper { display: flex; } .popup__firstImg { background-repeat: no-repeat; background-size: cover; background-position: center; width: 50%; } /*.popup__firstImg img{*/ /* max-width: 100%;*/ /*}*/ .footer-popup-wrap { padding: 30px 20px; width: 50%; } .footer-popup__title { /*color: #fff;*/ font-weight: bold; font-size: 35px; padding: 0; margin: 0; text-align: center; } .footer-popup-form { background-color: #fff; padding: 15px; border-radius: 5px; width: 100%; } .footer-popup-form__title { font-size: 18px; margin-bottom: 20px; text-align: center; } .footer-popup-form__text { font-size: 12px; } .footer-popup-form__text a { color: #000; text-decoration: underline; } .footer-popup-form input { height: 50px; margin-bottom: 10px; width: 100%; padding-left: 10px; font-size: 18px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #c1c1c1; } .footer-popup-form button { height: 50px; width: 100%; /*background: #848484;*/ background: #d71921; display: flex; align-items: center; justify-content: center; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; font-size: 16px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; margin-bottom: 10px; text-transform: uppercase; border: none; cursor: pointer; } /* кусок стиля для формы из бустрап */ .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } #FORM4 .alert-success { background: #fff; border: none; color: #000; font-size: 20px; font-weight: bold; margin-bottom: 0; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .hidden { display: none !important; visibility: hidden !important; } @media screen and (max-width: 1200px) { .fancybox-content .fancybox-button.fancybox-close-small { top: 0; right: 0; } .fancybox-content .fancybox-button.fancybox-close-small svg path { fill: #000; } } @media screen and (max-width: 900px) { .footer-popup { /*padding: 20px 10px;*/ padding: 0; width: 90%; } .footer-popup__title { font-size: 23px; } .footer-popup-form { padding: 10px 10px; } .footer-popup-form__title { font-size: 15px; } .alert { font-size: 14px; padding: 10px; text-align: center; } .footer-popup-form input, .footer-popup-form button { height: 40px; font-size: 14px; } .needs-list-item:hover .needs-list-item__img { transform: none; } } @media screen and (max-width: 767px) { .popup__firtsWrapper { flex-wrap: wrap; } .footer-popup { padding: 0; } .footer-popup-form__title { font-size: 14px; margin-bottom: 10px; } .popup__firstImg { /*display: none;*/ height: 250px; width: 100%; } .footer-popup-form input, .footer-popup-form button { height: 35px; font-size: 13px; } .footer-popup-wrap { padding: 10px 0; width: 100%; } } @media screen and (max-width: 560px) { .popup__firstImg { height: 180px; } } .header-nav_background { background: #fff; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1); } .header-nav-list-item, .header-nav-search-bar__search-input, .header-nav-search-bar__search-input::placeholder { color: #333; } .arrow-down { border-bottom: 1px solid #333; border-left: 1px solid #333; } .header-nav-search-bar__search-icon svg path { fill: #333; } .header-nav-list-ul-outter.active-0, .header-nav-list-ul-outter.active-1, .header-nav-list-ul-outter.active-2, .header-nav-list-ul-outter.active-3, .header-nav-list-ul-outter.active-4 { border-top: 2px solid #d71921; } .header-nav-list-ul-outter.active-0, .header-nav-list-ul-outter.active-1, .header-nav-list-ul-outter.active-2, .header-nav-list-ul-outter.active-3, .header-nav-list-ul-outter.active-4, .header-nav-list-ul-outter.active-0:before, .header-nav-list-ul-outter.active-0:after, .header-nav-list-ul-outter.active-1:before, .header-nav-list-ul-outter.active-1:after, .header-nav-list-ul-outter.active-2:before, .header-nav-list-ul-outter.active-2:after, .header-nav-list-ul-outter.active-3:before, .header-nav-list-ul-outter.active-3:after, .header-nav-list-ul-outter.active-4:before, .header-nav-list-ul-outter.active-4:after { background: #f9f9f9; border-bottom: 1px solid #dedede; } .header-nav-list-item:hover, .header-nav-list-item:nth-child(2):hover, .header-nav-list-item:nth-child(3):hover, .header-nav-list-item:nth-child(4):hover, .header-nav-list-item:nth-child(5):hover, .header-nav-list-item.active, .header-nav-list-item:nth-child(2).active, .header-nav-list-item:nth-child(3).active, .header-nav-list-item:nth-child(4).active, .header-nav-list-item:nth-child(5).active { background: #ececec; } .new-white-btn { margin-top: -5px; background: #fff; color: #333; } .new-white-btn:hover, .new-white-btn:active { box-shadow: none; } .new-block-inst { padding-top: 0; margin-bottom: 20px; min-width: 1200px; } @media screen and (max-width: 1200px) { .new-block-inst-wrap { overflow-x: scroll; } } .new-block-inst .new-block-item { padding-bottom: 100%; position: relative; } .new-block-inst img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .new-back { position: relative; } .new-back-img { position: absolute; top: 0; opacity: 0; } .card-item-wrapper:hover .new-back-img { opacity: 1; } @media screen and (max-width: 1024px) { .main .new-block { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 1023px) { .main .new-block { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 767px) { .main .new-block { grid-template-columns: repeat(1, 1fr); } } @media screen and (max-width: 480px) { .in-work-item__img { transform: none !important; height: auto; margin-bottom: 0; } .in-work-item__img img { width: auto; height: 55px; } .new-white-btn { margin-top: -8px; } .main .in-work { padding: 40px 0 0; } .main .in-work-item { flex: auto; margin: 0 7px; } .in-work-item__head { font-size: 11px; } } .first-slider .slick-dots li button { border-radius: 0; } .header-nav-list-item { position: relative; } .header-nav-list-item:hover:before { content: ''; position: absolute; z-index: 2; width: 10px; height: 10px; background: #d71921; bottom: -6px; left: 50%; transform: translateX(-50%); } .main .new-block-inst { grid-template-columns: repeat(4, 1fr); padding-left: 20px; padding-right: 20px; } .popup .color-info { display: flex; align-items: center; justify-content: center; margin: 20px 0px 0px 0px; } .popup .card-item-row-colors__color { width: 30px; height: 30px; border: 1px solid #a8a8a8; cursor: default; } .tabs-container-list-item-innercontainer-side-material-list-item__img { color: white; display: flex; text-align: center; justify-content: center; font-size: 4em; } .tabs-container-list-item-innercontainer-side-material-list-item.inverse .tabs-container-list-item-innercontainer-side-material-list-item__img { color: black; } .product-procent { width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; color: #ff1506; background: transparent; display: flex; align-items: center; justify-content: center; text-transform: uppercase; background: url(/local/templates/bobox/css/../img/icons/percentage.svg) no-repeat center center; -webkit-background-size: cover; background-size: cover; } .slam-easyform .modal { z-index: 999999999 !important; } .fancybox-button.fancybox-close-small { cursor: pointer; } .nice-rub { font-family: 'Roboto', sans-serif; } .where-to-buy-main-content .buy-text { padding: 36px 40px 0 40px; font-family: 'Proxima Nova Semibold', sans-serif; font-size: 24px; text-align: center; } /* End */ /* Start:/local/templates/bobox/css/nutnet/nutnet.css?1743754046158524*/ /** * Swiper 11.1.14 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2024 Vladimir Kharlampidi * * Released under the MIT License * * Released on: September 12, 2024 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical>.swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal>.swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical>.swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode>.swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered>.swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical>.swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container>img, .swiper-zoom-container>svg, .swiper-zoom-container>canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid>.swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next+.swiper-slide { pointer-events: auto; visibility: visible; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube slide shadows end */ .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } :root { --f-spinner-width: 36px; --f-spinner-height: 36px; --f-spinner-color-1: rgba(0, 0, 0, 0.1); --f-spinner-color-2: rgba(17, 24, 28, 0.8); --f-spinner-stroke: 2.75 } .f-spinner { margin: auto; padding: 0; width: var(--f-spinner-width); height: var(--f-spinner-height) } .f-spinner svg { width: 100%; height: 100%; vertical-align: top; animation: f-spinner-rotate 2s linear infinite } .f-spinner svg * { stroke-width: var(--f-spinner-stroke); fill: none } .f-spinner svg *:first-child { stroke: var(--f-spinner-color-1) } .f-spinner svg *:last-child { stroke: var(--f-spinner-color-2); animation: f-spinner-dash 2s ease-in-out infinite } @keyframes f-spinner-rotate { 100% { transform: rotate(360deg) } } @keyframes f-spinner-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0 } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35 } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124 } } .f-throwOutUp { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp } .f-throwOutDown { animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown } @keyframes f-throwOutUp { to { transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0); opacity: 0 } } @keyframes f-throwOutDown { to { transform: translate3d(0, var(--f-throw-out-distance, 150px), 0); opacity: 0 } } .f-zoomInUp { animation: var(--f-transition-duration, 0.2s) ease .1s both f-zoomInUp } .f-zoomOutDown { animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown } @keyframes f-zoomInUp { from { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0 } to { transform: scale(1) translate3d(0, 0, 0); opacity: 1 } } @keyframes f-zoomOutDown { to { transform: scale(0.975) translate3d(0, 16px, 0); opacity: 0 } } .f-fadeIn { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn; z-index: 2 } .f-fadeOut { animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut; z-index: 1 } @keyframes f-fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-fadeOut { 100% { opacity: 0 } } .f-fadeFastIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn; z-index: 2 } .f-fadeFastOut { animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut; z-index: 2 } @keyframes f-fadeFastIn { 0% { opacity: .75 } 100% { opacity: 1 } } @keyframes f-fadeFastOut { 100% { opacity: 0 } } .f-fadeSlowIn { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn; z-index: 2 } .f-fadeSlowOut { animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut; z-index: 1 } @keyframes f-fadeSlowIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-fadeSlowOut { 100% { opacity: 0 } } .f-crossfadeIn { animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn; z-index: 2 } .f-crossfadeOut { animation: calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut; z-index: 1 } @keyframes f-crossfadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes f-crossfadeOut { 100% { opacity: 0 } } .f-slideIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext } .f-slideIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev } .f-slideOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext } .f-slideOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev } @keyframes f-slideInPrev { 0% { transform: translateX(100%) } 100% { transform: translate3d(0, 0, 0) } } @keyframes f-slideInNext { 0% { transform: translateX(-100%) } 100% { transform: translate3d(0, 0, 0) } } @keyframes f-slideOutNext { 100% { transform: translateX(-100%) } } @keyframes f-slideOutPrev { 100% { transform: translateX(100%) } } .f-classicIn.from-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext; z-index: 2 } .f-classicIn.from-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev; z-index: 2 } .f-classicOut.to-next { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext; z-index: 1 } .f-classicOut.to-prev { animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev; z-index: 1 } @keyframes f-classicInNext { 0% { transform: translateX(-75px); opacity: 0 } 100% { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes f-classicInPrev { 0% { transform: translateX(75px); opacity: 0 } 100% { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes f-classicOutNext { 100% { transform: translateX(-75px); opacity: 0 } } @keyframes f-classicOutPrev { 100% { transform: translateX(75px); opacity: 0 } } :root { --f-button-width: 40px; --f-button-height: 40px; --f-button-border: 0; --f-button-border-radius: 0; --f-button-color: #374151; --f-button-bg: #f8f8f8; --f-button-hover-bg: #e0e0e0; --f-button-active-bg: #d0d0d0; --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 1.5; --f-button-svg-fill: none; --f-button-svg-filter: none; --f-button-svg-disabled-opacity: 0.65 } .f-button { display: flex; justify-content: center; align-items: center; box-sizing: content-box; position: relative; margin: 0; padding: 0; width: var(--f-button-width); height: var(--f-button-height); border: var(--f-button-border); border-radius: var(--f-button-border-radius); color: var(--f-button-color); background: var(--f-button-bg); box-shadow: var(--f-button-shadow); pointer-events: all; cursor: pointer; transition: var(--f-button-transition) } @media(hover: hover) { .f-button:hover:not([disabled]) { color: var(--f-button-hover-color); background-color: var(--f-button-hover-bg) } } .f-button:active:not([disabled]) { background-color: var(--f-button-active-bg) } .f-button:focus:not(:focus-visible) { outline: none } .f-button:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color)) } .f-button svg { width: var(--f-button-svg-width); height: var(--f-button-svg-height); fill: var(--f-button-svg-fill); stroke: currentColor; stroke-width: var(--f-button-svg-stroke-width); stroke-linecap: round; stroke-linejoin: round; transition: opacity .15s ease; transform: var(--f-button-transform); filter: var(--f-button-svg-filter); pointer-events: none } .f-button[disabled] { cursor: default } .f-button[disabled] svg { opacity: var(--f-button-svg-disabled-opacity) } .f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next { position: absolute; z-index: 1 } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next { top: 50%; transform: translateY(-50%) } .is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev { left: var(--f-button-prev-pos) } .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next { right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev { left: auto; right: var(--f-button-next-pos) } .is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next { right: auto; left: var(--f-button-prev-pos) } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next { top: auto; left: 50%; transform: translateX(-50%) } .is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev { top: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next { bottom: var(--f-button-next-pos) } .is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg { transform: rotate(90deg) } .f-carousel__nav .f-button:disabled, .fancybox__nav .f-button:disabled { pointer-events: none } html.with-fancybox { width: auto; overflow: visible; scroll-behavior: auto } html.with-fancybox body { touch-action: none } html.with-fancybox body.hide-scrollbar { width: auto; margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)); overflow: hidden !important; overscroll-behavior-y: none } .fancybox__container { --fancybox-color: #dbdbdb; --fancybox-hover-color: #fff; --fancybox-bg: rgba(24, 24, 27, 0.98); --fancybox-slide-gap: 10px; --f-spinner-width: 50px; --f-spinner-height: 50px; --f-spinner-color-1: rgba(255, 255, 255, 0.1); --f-spinner-color-2: #bbb; --f-spinner-stroke: 3.65; position: fixed; top: 0; left: 0; bottom: 0; right: 0; direction: ltr; display: flex; flex-direction: column; box-sizing: border-box; margin: 0; padding: 0; color: #f8f8f8; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: visible; z-index: var(--fancybox-zIndex, 1050); outline: none; transform-origin: top left; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overscroll-behavior-y: contain } .fancybox__container *, .fancybox__container *::before, .fancybox__container *::after { box-sizing: inherit } .fancybox__container::backdrop { background-color: rgba(0, 0, 0, 0) } .fancybox__backdrop { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: var(--fancybox-bg); opacity: var(--fancybox-opacity, 1); will-change: opacity } .fancybox__carousel { position: relative; box-sizing: border-box; flex: 1; min-height: 0; z-index: 10; overflow-y: visible; overflow-x: clip } .fancybox__viewport { width: 100%; height: 100% } .fancybox__viewport.is-draggable { cursor: move; cursor: grab } .fancybox__viewport.is-dragging { cursor: move; cursor: grabbing } .fancybox__track { display: flex; margin: 0 auto; height: 100% } .fancybox__slide { flex: 0 0 auto; position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; margin: 0 var(--fancybox-slide-gap) 0 0; padding: 4px; overflow: auto; overscroll-behavior: contain; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn { padding-top: 40px } .fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video { overflow: hidden } .fancybox__slide.has-image { overflow: hidden } .fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected { overflow: visible } .fancybox__slide::before, .fancybox__slide::after { content: ""; flex: 0 0 0; margin: auto } .fancybox__backdrop:empty, .fancybox__viewport:empty, .fancybox__track:empty, .fancybox__slide:empty { display: block } .fancybox__content { align-self: center; display: flex; flex-direction: column; position: relative; margin: 0; padding: 2rem; max-width: 100%; color: var(--fancybox-content-color, #374151); background: var(--fancybox-content-bg, #fff); cursor: default; border-radius: 0; z-index: 20 } .is-loading .fancybox__content { opacity: 0 } .is-draggable .fancybox__content { cursor: move; cursor: grab } .can-zoom_in .fancybox__content { cursor: zoom-in } .can-zoom_out .fancybox__content { cursor: zoom-out } .is-dragging .fancybox__content { cursor: move; cursor: grabbing } .fancybox__content [data-selectable], .fancybox__content [contenteditable] { cursor: auto } .fancybox__slide.has-image>.fancybox__content { padding: 0; background: rgba(0, 0, 0, 0); min-height: 1px; background-repeat: no-repeat; background-size: contain; background-position: center center; transition: none; transform: translate3d(0, 0, 0); backface-visibility: hidden } .fancybox__slide.has-image>.fancybox__content>picture>img { width: 100%; height: auto; max-height: 100% } .is-animating .fancybox__content, .is-dragging .fancybox__content { will-change: transform, width, height } .fancybox-image { margin: auto; display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; user-select: none; filter: blur(0px) } .fancybox__caption { align-self: center; max-width: 100%; flex-shrink: 0; margin: 0; padding: 14px 0 4px 0; overflow-wrap: anywhere; line-height: 1.375; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); cursor: auto; visibility: visible } .is-loading .fancybox__caption, .is-closing .fancybox__caption { opacity: 0; visibility: hidden } .is-compact .fancybox__caption { padding-bottom: 0 } .f-button.is-close-btn { --f-button-svg-stroke-width: 2; position: absolute; top: 0; right: 8px; z-index: 40 } .fancybox__content>.f-button.is-close-btn { --f-button-width: 34px; --f-button-height: 34px; --f-button-border-radius: 4px; --f-button-color: var(--fancybox-color, #fff); --f-button-hover-color: var(--fancybox-color, #fff); --f-button-bg: transparent; --f-button-hover-bg: transparent; --f-button-active-bg: transparent; --f-button-svg-width: 22px; --f-button-svg-height: 22px; position: absolute; top: -38px; right: 0; opacity: .75 } .is-loading .fancybox__content>.f-button.is-close-btn { visibility: hidden } .is-zooming-out .fancybox__content>.f-button.is-close-btn { visibility: hidden } .fancybox__content>.f-button.is-close-btn:hover { opacity: 1 } .fancybox__footer { padding: 0; margin: 0; position: relative } .fancybox__footer .fancybox__caption { width: 100%; padding: 24px; opacity: var(--fancybox-opacity, 1); transition: all .25s ease } .is-compact .fancybox__footer { position: absolute; bottom: 0; left: 0; right: 0; z-index: 20; background: rgba(24, 24, 27, .5) } .is-compact .fancybox__footer .fancybox__caption { padding: 12px } .is-compact .fancybox__content>.f-button.is-close-btn { --f-button-border-radius: 50%; --f-button-color: #fff; --f-button-hover-color: #fff; --f-button-outline-color: #000; --f-button-bg: rgba(0, 0, 0, 0.6); --f-button-active-bg: rgba(0, 0, 0, 0.6); --f-button-hover-bg: rgba(0, 0, 0, 0.6); --f-button-svg-width: 18px; --f-button-svg-height: 18px; --f-button-svg-filter: none; top: 5px; right: 5px } .fancybox__nav { --f-button-width: 50px; --f-button-height: 50px; --f-button-border: 0; --f-button-border-radius: 50%; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: transparent; --f-button-hover-bg: rgba(24, 24, 27, 0.3); --f-button-active-bg: rgba(24, 24, 27, 0.5); --f-button-shadow: none; --f-button-transition: all 0.15s ease; --f-button-transform: none; --f-button-svg-width: 26px; --f-button-svg-height: 26px; --f-button-svg-stroke-width: 2.5; --f-button-svg-fill: none; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); --f-button-svg-disabled-opacity: 0.65; --f-button-next-pos: 1rem; --f-button-prev-pos: 1rem; opacity: var(--fancybox-opacity, 1) } .fancybox__nav .f-button:before { position: absolute; content: ""; top: -30px; right: -20px; left: -20px; bottom: -30px; z-index: 1 } .is-idle .fancybox__nav { animation: .15s ease-out both f-fadeOut } .is-idle.is-compact .fancybox__footer { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__slide>.f-spinner { position: absolute; top: 50%; left: 50%; margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5)); z-index: 30; cursor: pointer } .fancybox-protected { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 40; user-select: none } .fancybox-ghost { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 0; object-fit: contain; z-index: 40; user-select: none; pointer-events: none } .fancybox-focus-guard { outline: none; opacity: 0; position: fixed; pointer-events: none } .fancybox__container:not([aria-hidden]) { opacity: 0 } .fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content) { animation: var(--f-interface-enter-duration, 0.25s) ease .1s backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop { animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn } .fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop, .fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content) { animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut } .fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop { animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { max-width: 100%; flex-shrink: 1; min-height: 1px; overflow: visible } .has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content { width: calc(100% - 120px); height: 90% } .fancybox__container.is-compact .has-iframe .fancybox__content, .fancybox__container.is-compact .has-map .fancybox__content, .fancybox__container.is-compact .has-pdf .fancybox__content { width: 100%; height: 100% } .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { width: 960px; height: 540px; max-width: 100%; max-height: 100% } .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content { padding: 0; background: rgba(24, 24, 27, .9); color: #fff } .has-map .fancybox__content { background: #e5e3df } .fancybox__html5video, .fancybox__iframe { border: 0; display: block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0) } .fancybox-placeholder { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .f-carousel__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-outline: 0; --f-thumb-outline-color: #5eb0ef; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1; --f-thumb-border-radius: 2px; --f-thumb-offset: 0px; --f-button-next-pos: 0; --f-button-prev-pos: 0 } .f-carousel__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1; --f-thumb-selected-opacity: 1 } .f-carousel__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px } .f-thumbs { position: relative; flex: 0 0 auto; margin: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; perspective: 1000px; transform: translateZ(0) } .f-thumbs .f-spinner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-image: linear-gradient(#ebeff2, #e2e8f0); z-index: -1 } .f-thumbs .f-spinner svg { display: none } .f-thumbs.is-vertical { height: 100% } .f-thumbs__viewport { width: 100%; height: auto; overflow: hidden; transform: translate3d(0, 0, 0) } .f-thumbs__track { display: flex } .f-thumbs__slide { position: relative; flex: 0 0 auto; box-sizing: content-box; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; width: var(--f-thumb-width); height: var(--f-thumb-height); overflow: visible; cursor: pointer } .f-thumbs__slide.is-loading img { opacity: 0 } .is-classic .f-thumbs__viewport { height: 100% } .is-modern .f-thumbs__track { width: max-content } .is-modern .f-thumbs__track::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc((var(--f-thumb-clip-width, 0))*-0.5); width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0)); cursor: pointer } .is-modern .f-thumbs__slide { width: var(--f-thumb-clip-width); transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0); transition: none; pointer-events: none } .is-modern.is-resting .f-thumbs__slide { transition: transform .33s ease } .is-modern.is-resting .f-thumbs__slide__button { transition: clip-path .33s ease } .is-using-tab .is-modern .f-thumbs__slide:focus-within { filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color)) } .f-thumbs__slide__button { appearance: none; width: var(--f-thumb-width); height: 100%; margin: 0 -100% 0 -100%; padding: 0; border: 0; position: relative; border-radius: var(--f-thumb-border-radius); overflow: hidden; background: rgba(0, 0, 0, 0); outline: none; cursor: pointer; pointer-events: auto; touch-action: manipulation; opacity: var(--f-thumb-opacity); transition: opacity .2s ease } .f-thumbs__slide__button:hover { opacity: var(--f-thumb-hover-opacity) } .f-thumbs__slide__button:focus:not(:focus-visible) { outline: none } .f-thumbs__slide__button:focus-visible { outline: none; opacity: var(--f-thumb-selected-opacity) } .is-modern .f-thumbs__slide__button { --clip-path: inset(0 calc(((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) * (1 - var(--progress, 0)) * 0.5) round var(--f-thumb-border-radius, 0)); clip-path: var(--clip-path) } .is-classic .is-nav-selected .f-thumbs__slide__button { opacity: var(--f-thumb-selected-opacity) } .is-classic .is-nav-selected .f-thumbs__slide__button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: auto; bottom: 0; border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent); border-radius: var(--f-thumb-border-radius); animation: f-fadeIn .2s ease-out; z-index: 10 } .f-thumbs__slide__img { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: var(--f-thumb-offset); box-sizing: border-box; pointer-events: none; object-fit: cover; border-radius: var(--f-thumb-border-radius) } .f-thumbs.is-horizontal .f-thumbs__track { padding: 8px 0 12px 0 } .f-thumbs.is-horizontal .f-thumbs__slide { margin: 0 var(--f-thumb-gap) 0 0 } .f-thumbs.is-vertical .f-thumbs__track { flex-wrap: wrap; padding: 0 8px } .f-thumbs.is-vertical .f-thumbs__slide { margin: 0 0 var(--f-thumb-gap) 0 } .fancybox__thumbs { --f-thumb-width: 96px; --f-thumb-height: 72px; --f-thumb-border-radius: 2px; --f-thumb-outline: 2px; --f-thumb-outline-color: #ededed; position: relative; opacity: var(--fancybox-opacity, 1); transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1) } .fancybox__thumbs.is-classic { --f-thumb-gap: 8px; --f-thumb-opacity: 0.5; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-classic .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) } .fancybox__thumbs.is-modern { --f-thumb-gap: 4px; --f-thumb-extra-gap: 16px; --f-thumb-clip-width: 46px; --f-thumb-opacity: 1; --f-thumb-hover-opacity: 1 } .fancybox__thumbs.is-modern .f-spinner { background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)) } .fancybox__thumbs.is-horizontal { padding: 0 var(--f-thumb-gap) } .fancybox__thumbs.is-vertical { padding: var(--f-thumb-gap) 0 } .is-compact .fancybox__thumbs { --f-thumb-width: 64px; --f-thumb-clip-width: 32px; --f-thumb-height: 48px; --f-thumb-extra-gap: 10px } .fancybox__thumbs.is-masked { max-height: 0px !important } .is-closing .fancybox__thumbs { transition: none !important } .fancybox__toolbar { --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94)); --f-button-width: 46px; --f-button-height: 46px; --f-button-color: var(--fancybox-color); --f-button-hover-color: var(--fancybox-hover-color); --f-button-bg: rgba(24, 24, 27, 0.65); --f-button-hover-bg: rgba(70, 70, 73, 0.65); --f-button-active-bg: rgba(90, 90, 93, 0.65); --f-button-border-radius: 0; --f-button-svg-width: 24px; --f-button-svg-height: 24px; --f-button-svg-stroke-width: 1.5; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15)); --f-button-svg-fill: none; --f-button-svg-disabled-opacity: 0.65; display: flex; flex-direction: row; justify-content: space-between; margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif; color: var(--fancybox-color, currentColor); opacity: var(--fancybox-opacity, 1); text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5)); pointer-events: none; z-index: 20 } .fancybox__toolbar :focus-visible { z-index: 1 } .fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar { position: absolute; top: 0; left: 0; right: 0 } .is-idle .fancybox__toolbar { pointer-events: none; animation: .15s ease-out both f-fadeOut } .fancybox__toolbar__column { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start } .fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right { flex-grow: 1; flex-basis: 0 } .fancybox__toolbar__column.is-right { display: flex; justify-content: flex-end; flex-wrap: nowrap } .fancybox__infobar { padding: 0 5px; line-height: var(--f-button-height); text-align: center; font-size: 17px; font-variant-numeric: tabular-nums; -webkit-font-smoothing: subpixel-antialiased; cursor: default; user-select: none } .fancybox__infobar span { padding: 0 5px } .fancybox__infobar:not(:first-child):not(:last-child) { background: var(--f-button-bg) } [data-fancybox-toggle-slideshow] { position: relative } [data-fancybox-toggle-slideshow] .f-progress { height: 100%; opacity: .3 } [data-fancybox-toggle-slideshow] svg g:first-child { display: flex } [data-fancybox-toggle-slideshow] svg g:last-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child { display: none } .has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:first-child { display: flex } [data-fancybox-toggle-fullscreen] svg g:last-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child { display: none } :fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child { display: flex } .f-progress { position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff)); z-index: 30; user-select: none; pointer-events: none } @font-face { font-family: "CenturyGothic"; src: url(/local/templates/bobox/css/nutnet/fonts/CenturyGothic.woff2) format("woff2"); font-weight: 400; font-display: swap; } @font-face { font-family: "CenturyGothic"; src: url(/local/templates/bobox/css/nutnet/fonts/CenturyGothic-Bold.woff2) format("woff2"); font-weight: 700; font-display: swap; } @font-face { font-family: "Circe"; src: url(/local/templates/bobox/css/nutnet/fonts/Circe.woff2) format("woff2"); font-weight: 400; font-display: swap; } @font-face { font-family: "Circe"; src: url(/local/templates/bobox/css/nutnet/fonts/Circe-Bold.woff2) format("woff2"); font-weight: 700; font-display: swap; } @font-face { font-family: "Circe"; src: url(/local/templates/bobox/css/nutnet/fonts/Circe-Light.woff2) format("woff2"); font-weight: 350; font-display: swap; } /*! https://serp.co/tools/css-reset/ */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html#nutnet { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } #nutnet { /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ /** * Render the `index.pug` element consistently in IE. */ /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /** * Add the correct font weight in Chrome, Edge, and Safari. */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ /** * Add the correct font size in all browsers. */ /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ /** * Correct the inability to style clickable types in iOS and Safari. */ /** * Remove the inner border and padding in Firefox. */ /** * Restore the focus styles unset by the previous rule. */ /** * Correct the padding in Firefox. */ /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ /** * Remove the default vertical scrollbar in IE 10+. */ /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ /** * Correct the cursor style of increment and decrement buttons in Chrome. */ /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ /** * Remove the inner padding in Chrome and Safari on macOS. */ /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ /* * Add the correct display in all browsers. */ /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ /** * Add the correct display in IE 10. */ } #nutnet body { margin: 0; } #nutnet main { display: block; } #nutnet h1 { font-size: 2em; margin: 0.67em 0; } #nutnet hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } #nutnet pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } #nutnet a { background-color: transparent; } #nutnet abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ } #nutnet b, #nutnet strong { font-weight: bolder; } #nutnet code, #nutnet kbd, #nutnet samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } #nutnet ul { list-style-type: none; padding: 0; margin: 0; } #nutnet small { font-size: 80%; } #nutnet sub, #nutnet sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #nutnet sub { bottom: -0.25em; } #nutnet sup { top: -0.5em; } #nutnet img { border-style: none; } #nutnet button, #nutnet input, #nutnet optgroup, #nutnet select, #nutnet textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } #nutnet button, #nutnet input { /* 1 */ overflow: visible; } #nutnet button, #nutnet select { /* 1 */ text-transform: none; } #nutnet button, #nutnet [type="button"], #nutnet [type="reset"], #nutnet [type="submit"] { -webkit-appearance: button; } #nutnet button::-moz-focus-inner, #nutnet [type="button"]::-moz-focus-inner, #nutnet [type="reset"]::-moz-focus-inner, #nutnet [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } #nutnet button:-moz-focusring, #nutnet [type="button"]:-moz-focusring, #nutnet [type="reset"]:-moz-focusring, #nutnet [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } #nutnet fieldset { padding: 0.35em 0.75em 0.625em; } #nutnet legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } #nutnet progress { vertical-align: baseline; } #nutnet textarea { overflow: auto; } #nutnet [type="checkbox"], #nutnet [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } #nutnet [type="number"]::-webkit-inner-spin-button, #nutnet [type="number"]::-webkit-outer-spin-button { height: auto; } #nutnet [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } #nutnet [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #nutnet ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } #nutnet details { display: block; } #nutnet summary { display: list-item; } #nutnet template { display: none; } #nutnet [hidden] { display: none; } #nutnet .global_no-scroll { overflow: hidden; } #nutnet .global_no-scroll .page { margin-right: 17px; } @media (max-width: 767px) { #nutnet .global_no-scroll .page { margin-right: 0; } } @media (hover: none) { #nutnet .global_no-scroll .page { margin-right: 0; } } :root { --color-black: #000000; --color-black--rgb: 0, 0, 0; --color-white: #ffffff; --color-white--rgb: 255, 255, 255; --color-text-primary: #34393D; --color-text-primary--rgb: 52, 57, 61; --color-text-secondary: #888B8E; --color-text-secondary--rgb: 136, 139, 142; --color-text-disabled: #BBBDBE; --color-text-disabled--rgb: 187, 189, 190; --color-text-contrast: #ffffff; --color-text-contrast--rgb: 255, 255, 255; --color-background-main: #FFFFFF; --color-background-main--rgb: 255, 255, 255; --color-background-secondary: #F8F7F6; --color-background-secondary--rgb: 248, 247, 246; --color-background-contrast: #B9A281; --color-background-contrast--rgb: 185, 162, 129; --color-brand-1: #C4261D; --color-brand-1--rgb: 196, 38, 29; --color-brand-2: #B9A281; --color-brand-2--rgb: 185, 162, 129; --color-brand-3: #363B3F; --color-brand-3--rgb: 54, 59, 63; --color-brand-4: #72706F; --color-brand-4--rgb: 114, 112, 111; --color-brand-6: #E1E1E1; --color-brand-6--rgb: 225, 225, 225; --color-success: #1DC424; --color-success--rgb: 29, 196, 36; --color-error: #C4271D; --color-error--rgb: 196, 39, 29; --color-border-red: #F28C91; --color-border-red--rgb: 242, 140, 145; --color-border-focus: #72706F; --color-border-focus--rgb: 114, 112, 111; --color-icon-hover: #888B8E; --color-icon-hover--rgb: 136, 139, 142; --color-gray-Light: #E1E1E1; --color-gray-Light--rgb: 225, 225, 225; --color-divider: #EFEDEC; --color-divider--rgb: 239, 237, 236; --color-btn-hover: #8C8B8A; --color-btn-hover--rgb: 140, 139, 138; } html#nutnet, #nutnet body { min-height: 100%; height: 100%; } #nutnet a { color: inherit; text-decoration: none; } #nutnet p { margin: 0; } #nutnet html { -webkit-tap-highlight-color: transparent; } #nutnet body, #nutnet .body { margin: 0; font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; width: 100%; height: 100%; color: var(--color-text-primary); font-size: 16px; line-height: 22.4px; font-weight: 350; } @media (max-width: 767px) { #nutnet body, #nutnet .body { font-size: 14px; line-height: 19.2px; font-weight: 350; } } #nutnet body__small, #nutnet .body__small { font-size: 12px; line-height: 14.88px; font-weight: 400; } #nutnet body__strong, #nutnet .body__strong { font-weight: 700; } @media (max-width: 767px) { #nutnet body__strong, #nutnet .body__strong { font-size: 12px; line-height: 14.4px; font-weight: 700; letter-spacing: 0.04em; } } #nutnet .d-none { display: none !important; } #nutnet .link { display: inline-block; position: relative; } @media (hover: hover) { #nutnet .link:hover:after { width: 100%; } } #nutnet .link:after { -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; background: var(--color-btn-hover); content: ""; display: block; line-height: initial; height: 1px; width: 0; position: absolute; bottom: 0; left: 0; } #nutnet .fancybox__infobar { color: var(--color-text-contrast); font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-variant-numeric: normal; padding: 0; font-size: 16px; line-height: 22.4px; font-weight: 350; } @media (max-width: 767px) { #nutnet .fancybox__infobar { font-size: 12px; line-height: 14.88px; font-weight: 400; } } #nutnet .fancybox__container { --fancybox-bg: rgba(31, 31, 31, 0.98); } #nutnet .fancybox__toolbar { --f-button-height: 60px; --f-button-width: 60px; --f-button-svg-width: 60px; --f-button-svg-height: 60px; --f-button-bg: transparet; --f-button-active-bg: transparet; --f-button-hover-bg: transparet; --f-button-svg-stroke-width: 1px; --fancybox-color: #fff; } @media (max-width: 767px) { #nutnet .fancybox__toolbar { --f-button-height: 20px; --f-button-width: 20px; --f-button-svg-width: 20px; --f-button-svg-height: 20px; --f-button-svg-stroke-width: 3px; --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5)); } } #nutnet .fancybox__toolbar__column { -ms-flex-line-pack: center; align-content: center; } #nutnet .fancybox__nav { --f-button-width: 60px; --f-button-height: 60px; --f-button-svg-width: 60px; --f-button-svg-height: 60px; --f-button-bg: transparet; --f-button-active-bg: transparet; --f-button-hover-bg: transparet; --f-button-next-pos: 8px; --f-button-prev-pos: 8px; --f-button-svg-stroke-width: 1px; --fancybox-color: #fff; } @media (max-width: 767px) { #nutnet .fancybox__nav { --f-button-height: 24px; --f-button-width: 24px; --f-button-svg-width: 18px; --f-button-svg-height: 24px; --f-button-bg: #363B3F; --f-button-active-bg: #363B3F; --f-button-hover-bg: #363B3F; --f-button-svg-stroke-width: 2px; --f-button-border-radius: 0; --f-button-svg-filter: none; } } #nutnet .fancybox__toolbar { padding: 8px 8px 0; } @media (max-width: 767px) { #nutnet .fancybox__toolbar { padding: 24px 16px 0; } } #nutnet h2, #nutnet .h2 { font-family: "CenturyGothic", Helvetica, Arial, sans-serif; margin: 0; font-size: 40px; line-height: 49.6px; font-weight: 400; letter-spacing: 0.04em; } @media (max-width: 1440px) { #nutnet h2, #nutnet .h2 { font-size: 34px; line-height: 49.6px; font-weight: 400; } } @media (max-width: 767px) { #nutnet h2, #nutnet .h2 { font-size: 22px; line-height: 27.28px; font-weight: 400; letter-spacing: normal; } } #nutnet h3, #nutnet .h3, #nutnet .burger-menu__menu .accordion__title, #nutnet .burger-menu__menu a { font-family: "Circe", Helvetica, Arial, sans-serif; font-size: 24px; line-height: 29.76px; font-weight: 400; letter-spacing: 0.04em; margin: 0; } @media (max-width: 767px) { #nutnet h3, #nutnet .h3, #nutnet .burger-menu__menu .accordion__title, #nutnet .burger-menu__menu a { font-size: 20px; line-height: 24.8px; font-weight: 400; } } #nutnet h4, #nutnet .h4 { font-family: "CenturyGothic", Helvetica, Arial, sans-serif; margin: 0; font-size: 16px; line-height: 19.84px; font-weight: 700; letter-spacing: 0.04em; } @media (max-width: 767px) { #nutnet h4, #nutnet .h4 { font-weight: 400; letter-spacing: normal; } } #nutnet h5, #nutnet .h5 { font-family: "CenturyGothic", Helvetica, Arial, sans-serif; margin: 0; font-size: 16px; line-height: 19.84px; font-weight: 400; letter-spacing: 0.04em; } @media (max-width: 767px) { #nutnet h5, #nutnet .h5 { font-size: 12px; line-height: 12px; font-weight: 400; } } #nutnet .tabs { font-size: 16px; line-height: 19.84px; font-weight: 400; text-transform: uppercase; } @media (max-width: 1440px) { #nutnet .tabs { font-size: 14px; } } #nutnet .button { font-size: 16px; line-height: 22.4px; font-weight: 400; } @media (max-width: 767px) { #nutnet .button { font-size: 13px; line-height: 19.6px; font-weight: 700; } } #nutnet .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 100px; gap: 100px; } @media (max-width: 1440px) { #nutnet .content { margin-top: 75px; gap: 75px; } } @media (max-width: 767px) { #nutnet .content { margin-top: 32px; gap: 64px; } } #nutnet .swiper.banner-slider { --swiper-pagination-bottom: 73px; height: 796px; width: 100%; } @media (max-width: 1440px) { #nutnet .swiper.banner-slider { height: 650px; } } @media (max-width: 767px) { #nutnet .swiper.banner-slider { --swiper-pagination-bottom: 24px; height: 545px; } } #nutnet .swiper.banner-slider .swiper-slide { background-repeat: no-repeat; background-size: cover; background-position: 50%; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; } #nutnet .swiper.banner-slider .swiper-slide__wrapper { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nutnet .swiper.banner-slider .swiper-slide .video-slide { position: absolute; top: 0; right: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; bottom: 0; z-index: -1; } #nutnet .swiper.banner-slider .swiper-slide__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #nutnet .swiper.banner-slider .swiper-slide .title { text-align: center; font-size: 62px; line-height: 76.88px; color: var(--color-text-contrast); font-weight: 400; letter-spacing: 0.04em; } @media (max-width: 767px) { #nutnet .swiper.banner-slider .swiper-slide .title { font-size: 48px; line-height: 59.52px; color: var(--color-text-contrast); font-weight: 400; } } #nutnet .swiper.banner-slider .swiper-slide .title.style2 { font-size: 60px; line-height: 74.4px; font-weight: 400; letter-spacing: 0.08em; } @media (max-width: 767px) { #nutnet .swiper.banner-slider .swiper-slide .title.style2 { font-size: 22px; line-height: 27.28px; font-weight: 400; letter-spacing: 0.04em; } } #nutnet .swiper.banner-slider .swiper-slide .text { max-width: 720px; padding: 0 15px; font-size: 20px; line-height: 28px; color: var(--color-text-contrast); font-weight: 400; } @media (max-width: 767px) { #nutnet .swiper.banner-slider .swiper-slide .text { font-size: 16px; line-height: 22.4px; color: var(--color-text-contrast); font-weight: 400; } } #nutnet .swiper.banner-slider .swiper-slide .text.style2 { margin-top: 24px; font-size: 16px; line-height: 22.4px; color: var(--color-text-contrast); font-weight: 350; } @media (max-width: 767px) { #nutnet .swiper.banner-slider .swiper-slide .text.style2 { font-size: 14px; line-height: 19.6px; font-weight: 400; } } #nutnet .swiper.banner-slider .swiper-pagination-bullet { --swiper-pagination-bullet-inactive-color: rgb(255, 255, 255); --swiper-pagination-bullet-inactive-opacity: 0.24; --swiper-pagination-bullet-horizontal-gap: 8px; --swiper-pagination-bullet-size: 4px; --swiper-pagination-bullet-width: 4px; --swiper-pagination-bullet-height: 4px; -webkit-transition: width 0.2s ease; transition: width 0.2s ease; } #nutnet .swiper.banner-slider .swiper-pagination-bullet-active { --swiper-pagination-bullet-width: 24px; position: relative; border-radius: 4px; background: rgba(255, 255, 255, 0.24); } #nutnet .swiper.banner-slider .swiper-pagination-bullet-active:after { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: white; border-radius: 4px; -webkit-animation-name: countingBar; animation-name: countingBar; -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes countingBar { 0% { width: 0; } 100% { width: 100%; } } @keyframes countingBar { 0% { width: 0; } 100% { width: 100%; } } #nutnet .disclaimer { height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--color-text-contrast); padding: 8px 60px; background-color: var(--color-brand-3); z-index: 101; position: relative; box-sizing: content-box; } @media (max-width: 1023px) { #nutnet .disclaimer { padding: 8px 20px; } } @media (max-width: 767px) { #nutnet .disclaimer { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 24px; height: 14px; } } #nutnet .disclaimer__section { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; } @media (max-width: 1023px) { #nutnet .disclaimer__section { gap: 20px; } } #nutnet .disclaimer__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: var(--color-text-contrast); } #nutnet .disclaimer__icon { margin: 0 4px 2px 0; max-width: 16px; max-height: 16px; } @media (max-width: 1023px) { #nutnet .disclaimer__icon { display: none; } } #nutnet .disclaimer__icon-inner { height: 16px; width: 16px; } #nutnet .disclaimer__icon.left { margin: 0 0 0 4px; display: block; } #nutnet .disclaimer__text { font-size: 12px; line-height: 17.69px; color: var(--color-text-contrast); font-weight: 400; } #nutnet .disclaimer__center .disclaimer__text { font-size: 12px; line-height: 24px; color: var(--color-text-contrast); font-weight: 700; } @media (max-width: 767px) { #nutnet .disclaimer__center .disclaimer__text { font-size: 12px; line-height: 14.4px; color: var(--color-text-contrast); font-weight: 700; letter-spacing: 0.04em; } } @media (max-width: 767px) { #nutnet .disclaimer__left, #nutnet .disclaimer__right { display: none; } } #nutnet .header { position: fixed; top: 40px; left: 0; right: 0; z-index: 100; } #nutnet .header * { box-sizing: content-box; } @media (max-width: 767px) { #nutnet .header { z-index: 101; } } #nutnet .header__wrapper { position: relative; -webkit-transition: color 0.3s ease-in-out, border 0.3s ease-in-out, background-color 0.3s ease-in-out, top 0.1s ease-in-out; transition: color 0.3s ease-in-out, border 0.3s ease-in-out, background-color 0.3s ease-in-out, top 0.1s ease-in-out; color: var(--color-text-contrast); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: transparent; } #nutnet .header.light { top: 0; -webkit-box-shadow: 0 4px 16px 0 #72706f3d; box-shadow: 0 4px 16px 0 #72706f3d; } #nutnet .header.light .header__wrapper { background-color: var(--color-white); color: var(--color-text-primary); } #nutnet .header.light .header__search .search { border-bottom: 1px solid var(--color-text-primary); color: var(--color-text-primary); } #nutnet .header.light .header__search .search input { color: var(--color-text-primary); } #nutnet .header.light .header__search .search input::-webkit-input-placeholder { color: var(--color-text-primary); } #nutnet .header.light .header__search .search input::-moz-placeholder { color: var(--color-text-primary); } #nutnet .header.light .header__search .search input::-ms-input-placeholder { color: var(--color-text-primary); } #nutnet .header.light .header__search .search input::placeholder { color: var(--color-text-primary); } @media (hover: hover) { #nutnet .header .header__wrapper:hover, #nutnet .header .header__wrapper:has(input:focus) { background-color: var(--color-white); color: var(--color-text-primary); } #nutnet .header .header__wrapper:hover .header__search .search, #nutnet .header .header__wrapper:has(input:focus) .header__search .search { border-bottom: 1px solid var(--color-text-primary); color: var(--color-text-primary); } #nutnet .header .header__wrapper:hover .header__search .search input, #nutnet .header .header__wrapper:has(input:focus) .header__search .search input { color: var(--color-text-primary); } #nutnet .header .header__wrapper:hover .header__search .search input::-webkit-input-placeholder, #nutnet .header .header__wrapper:has(input:focus) .header__search .search input::-webkit-input-placeholder { color: var(--color-text-primary); } #nutnet .header .header__wrapper:hover .header__search .search input::-moz-placeholder, #nutnet .header .header__wrapper:has(input:focus) .header__search .search input::-moz-placeholder { color: var(--color-text-primary); } #nutnet .header .header__wrapper:hover .header__search .search input::-ms-input-placeholder, #nutnet .header .header__wrapper:has(input:focus) .header__search .search input::-ms-input-placeholder { color: var(--color-text-primary); } #nutnet .header .header__wrapper:hover .header__search .search input::placeholder, #nutnet .header .header__wrapper:has(input:focus) .header__search .search input::placeholder { color: var(--color-text-primary); } } #nutnet .header .mobile { display: none; } @media (max-width: 1440px) { #nutnet .header__wrapper { padding: 12px 30px; height: 56px; } } @media (max-width: 767px) { #nutnet .header { top: 30px; } #nutnet .header__wrapper { padding: 16px; } #nutnet .header__wrapper.desktop { display: none; } #nutnet .header__wrapper.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } #nutnet .header__left, #nutnet .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { #nutnet .header__left, #nutnet .header__right { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } } #nutnet .header__right { width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: 13px; } @media (max-width: 767px) { #nutnet .header__right { width: inherit; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin-bottom: 0; } } #nutnet .header__menu { cursor: pointer; height: 54px; width: 54px; margin-right: 24px; } @media (max-width: 1440px) { #nutnet .header__menu { height: 40px; margin-right: 0; } } #nutnet .header__menu-icon { width: 100%; height: 100%; } #nutnet .header__logo { width: 204px; height: 71px; } @media (max-width: 1440px) { #nutnet .header__logo { height: 56px; } } #nutnet .header__logo-icon { height: 100%; width: 100%; } @media (max-width: 767px) { #nutnet .header__logo { width: 109px; height: 40px; } } #nutnet .header__search { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 767px) { #nutnet .header__search { display: block; } } #nutnet .header__search .search { border-bottom: 1px solid var(--color-white); color: var(--color-text-contrast); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: 60px; -webkit-transition: flex-grow 0.3s ease-in-out, color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out, -webkit-box-flex 0.3s ease-in-out; transition: flex-grow 0.3s ease-in-out, color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out, -webkit-box-flex 0.3s ease-in-out; transition: flex-grow 0.3s ease-in-out, color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out; transition: flex-grow 0.3s ease-in-out, color 0.3s ease-in-out, border-bottom-color 0.3s ease-in-out, -webkit-box-flex 0.3s ease-in-out, -ms-flex-positive 0.3s ease-in-out; } @media (max-width: 1440px) { #nutnet .header__search .search { height: 36px; } } #nutnet .header__search .search:has(input:focus) { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #nutnet .header__search .search input { height: 33px; background-color: transparent; border: none; outline: none; padding: 0 12px 7px 0; min-width: 168px; width: 100%; color: var(--color-text-contrast); font-size: 12px; line-height: 15px; font-weight: 400; width: 180px; } #nutnet .header__search .search input::-webkit-input-placeholder { color: var(--color-text-contrast); -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #nutnet .header__search .search input::-moz-placeholder { color: var(--color-text-contrast); -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #nutnet .header__search .search input::-ms-input-placeholder { color: var(--color-text-contrast); -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #nutnet .header__search .search input::placeholder { color: var(--color-text-contrast); -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #nutnet .header__search .search__action { width: 32px; height: 32px; padding-bottom: 7px; } @media (max-width: 767px) { #nutnet .header__search .search__action { margin-left: 0; display: block; width: 26px; height: 26px; } } #nutnet .header__search .search__icon { width: 32px; height: 32px; cursor: pointer; } @media (max-width: 767px) { #nutnet .header__search .search__icon { width: 26px; height: 26px; } } #nutnet .header__nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 32px; margin-left: 60px; } @media (max-width: 1023px) { #nutnet .header__nav { margin-left: 32px; } } @media (max-width: 767px) { #nutnet .header__nav { margin-left: 0; margin-right: 8px; gap: 8px; } } #nutnet .header__nav-item { width: 32px; height: 32px; position: relative; } @media (max-width: 767px) { #nutnet .header__nav-item { width: 26px; height: 26px; } } #nutnet .header__nav-item#js-search { cursor: pointer; } @media (hover: hover) { #nutnet .header__nav-item:hover { color: var(--color-icon-hover); } } #nutnet .header__nav-icon { width: 32px; height: 32px; } @media (max-width: 767px) { #nutnet .header__nav-icon { width: 26px; height: 26px; } } #nutnet .header__nav-count { font-size: 11px; line-height: 15px; font-weight: 400; position: absolute; left: 17px; top: -3px; border-radius: 50%; background-color: var(--color-brand-1); color: var(--color-white); min-width: 14px; text-align: center; padding: 4px 4px 2px; } @media (max-width: 767px) { #nutnet .header__nav-count { left: 12px; top: 1px; font-size: 12px; line-height: 12px; font-weight: 400; padding: 2px 4.5px 0; min-width: 5px; } } #nutnet .header .search-popup { position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0, 0, 0, 0.2); } #nutnet .header .search-popup__input { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 1px solid var(--color-text-primary); } #nutnet .header .search-popup__input-wrapper { padding: 22px 31px; background-color: var(--color-background-secondary); display: -webkit-box; display: -ms-flexbox; display: flex; } #nutnet .header .search-popup__input input { background-color: transparent; border: none; outline: none; padding: 0; width: 100%; margin-bottom: 8px; height: 20px; font-size: 12px; line-height: 15px; font-weight: 400; } #nutnet .header .search-popup__input input::-webkit-search-cancel-button { display: none; } @media (max-width: 1023px) { #nutnet .header .search-popup__input input { line-height: 15px; font-weight: 400; font-size: 16px; -webkit-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: left top; transform-origin: left top; } } #nutnet .header .search-popup__input input::-webkit-input-placeholder { color: var(--color-text-disabled); } #nutnet .header .search-popup__input input::-moz-placeholder { color: var(--color-text-disabled); } #nutnet .header .search-popup__input input::-ms-input-placeholder { color: var(--color-text-disabled); } #nutnet .header .search-popup__input input::placeholder { color: var(--color-text-disabled); } #nutnet .header .search-popup__action { margin-left: 8px; } #nutnet .header .search-popup__icon { width: 20px; height: 20px; } #nutnet .burger-menu { position: absolute; top: 0; left: -100%; z-index: 10; max-width: 532px; width: 100%; max-height: 100dvh; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } #nutnet .burger-menu.show { left: 0; } @media (max-width: 767px) { #nutnet .burger-menu.show { position: fixed; top: 0; left: 0; right: 0; bottom: 0; max-width: none; } } #nutnet .burger-menu.show .burger-menu__overlay { opacity: 1; visibility: visible; } @media (max-width: 767px) { #nutnet .burger-menu { left: 100%; } } #nutnet .burger-menu__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } #nutnet .burger-menu__content { height: 100%; min-height: 100dvh; max-height: 100dvh; overflow-y: auto; background-color: var(--color-background-main); display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 532px; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 767px) { #nutnet .burger-menu__content { padding-bottom: 0 !important; max-width: none; } } #nutnet .burger-menu__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 60px; } @media (max-width: 767px) { #nutnet .burger-menu__inner { padding: 16px 16px 0; } } @media (max-width: 1440px) { #nutnet .burger-menu__inner { padding: 30px 60px 30px 40px; } } #nutnet .burger-menu__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { #nutnet .burger-menu__header { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } #nutnet .burger-menu__close { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 54px; height: 54px; cursor: pointer; margin-right: 24px; margin-bottom: 17px; } #nutnet .burger-menu__close-icon { width: 24px; height: 24px; } @media (max-width: 1440px) { #nutnet .burger-menu__close-icon { height: 20px; width: 20px; } } @media (max-width: 1440px) { #nutnet .burger-menu__close { margin-right: 0; } } @media (max-width: 767px) { #nutnet .burger-menu__close { width: 20px; height: 20px; margin-right: 0; margin-bottom: 0; } #nutnet .burger-menu__close-icon { width: 20px; height: 20px; } } #nutnet .burger-menu__logo { width: 204px; height: 71px; } #nutnet .burger-menu__logo-icon { width: 204px; height: 71px; } @media (max-width: 1440px) { #nutnet .burger-menu__logo-icon { height: 56px; } } @media (max-width: 767px) { #nutnet .burger-menu__logo { width: 109px; height: 40px; } #nutnet .burger-menu__logo-icon { width: 109px; height: 40px; } } #nutnet .burger-menu__city { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-size: 16px; line-height: 19.84px; font-weight: 350; margin-left: auto; } @media (max-width: 767px) { #nutnet .burger-menu__city { display: none; } } #nutnet .burger-menu__city-icon { width: 20px; height: 20px; } #nutnet .burger-menu__menu { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 24px; } @media (max-width: 1440px) { #nutnet .burger-menu__menu { margin-top: 20px; } } @media (max-width: 1440px) { #nutnet .burger-menu__menu .accordion__title { font-size: 20px; } } #nutnet .burger-menu__menu .accordion a { display: block; margin-top: 16px; margin-left: 24px; font-size: 16px; line-height: 19.84px; font-weight: 350; } @media (max-width: 1440px) { #nutnet .burger-menu__menu a { font-size: 20px; } } @media (max-width: 767px) { #nutnet .burger-menu__menu { margin-top: 32px; } #nutnet .burger-menu__menu .accordion a { margin-left: 16px; } } #nutnet .burger-menu__actions { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 24px 16px; gap: 24px; margin-top: 32px; background-color: var(--color-background-secondary); } @media (max-width: 767px) { #nutnet .burger-menu__actions { display: -webkit-box; display: -ms-flexbox; display: flex; } } #nutnet .burger-menu__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; font-size: 16px; line-height: 19.84px; font-weight: 350; } #nutnet .burger-menu__action-icon { width: 20px; height: 20px; } #nutnet .paragraph { margin-bottom: 40px; color: var(--color-black); } @media (max-width: 1440px) { #nutnet .paragraph { margin-bottom: 24px; } } @media (max-width: 767px) { #nutnet .paragraph { margin-bottom: 32px; } #nutnet .paragraph.smallMargin { margin-bottom: 24px; } } #nutnet .paragraph__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 16px; } @media (max-width: 767px) { #nutnet .paragraph__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } #nutnet .paragraph__description { margin-top: 16px; } #nutnet .paragraph__link { -webkit-transition: border-bottom 0.3s ease-in-out; transition: border-bottom 0.3s ease-in-out; white-space: nowrap; font-size: 16px; line-height: 19.84px; font-weight: 350; } #nutnet .paragraph__link-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; color: #737170; } @media (hover: hover) { #nutnet .paragraph__link-wrapper:hover .paragraph__link:after { width: 100%; } } @media (max-width: 767px) { #nutnet .paragraph__link { font-size: 12px; line-height: 14.88px; font-weight: 400; } } #nutnet .paragraph__link-icon { margin-left: 8px; width: 20px; height: 20px; } #nutnet .paragraph__link-icon.mobile { display: none; } @media (max-width: 767px) { #nutnet .paragraph__link-icon { margin-left: 4px; width: 16px; height: 16px; } #nutnet .paragraph__link-icon.mobile { display: block; } #nutnet .paragraph__link-icon.desktop { display: none; } } #nutnet .paragraph__link:after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: none repeat scroll 0 0 var(--color-btn-hover); content: ""; display: block; height: 1px; width: 0; } #nutnet .catalogSale__slide { line-height: 0; color: var(--color-text-contrast); } #nutnet .catalogSale__slide-text { position: absolute; top: 160px; left: 0; right: 0; padding: 0 24px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; } @media (max-width: 767px) { #nutnet .catalogSale__slide-text { top: 88px; letter-spacing: 0.04em; } } #nutnet .catalogSale__slide-text-heading { font-size: 24px; line-height: 24px; font-weight: 400; } @media (max-width: 767px) { #nutnet .catalogSale__slide-text-heading { font-size: 14px; line-height: 14px; font-weight: 400; } } #nutnet .catalogSale__slide-text-title { font-size: 54px; line-height: 54px; font-weight: 700; } @media (max-width: 767px) { #nutnet .catalogSale__slide-text-title { font-size: 32px; line-height: 32px; font-weight: 700; } } #nutnet .catalogSale__slide-img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; max-width: 100%; width: 342px; height: 433px; object-fit: cover; object-position: top; } #nutnet .catalogSale__slide-img-wrapper { position: relative; } #nutnet .catalogSale__slide-img-wrapper:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: var(--color-black); opacity: 0.24; } @media (max-width: 767px) { #nutnet .catalogSale__slide-img { height: 296px; width: 212px; } } #nutnet .catalogSale__slide-timer { position: absolute; right: 0; left: 0; bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { #nutnet .catalogSale__slide-timer { display: none; } } #nutnet .catalogSale__slide-action { background-color: var(--color-brand-4); padding: 12px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media (max-width: 767px) { #nutnet .catalogSale__slide-action { padding: 12px 28px; } } #nutnet .catalogSale__slide-action-icon { margin-left: 8px; width: 24px; height: 24px; } #nutnet .catalog-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 36px; } @media (max-width: 1440px) { #nutnet .catalog-banner { margin-top: 80px; } } @media (max-width: 767px) { #nutnet .catalog-banner { margin-top: 60px; } } #nutnet .catalog-banner__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1196px; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media (max-width: 1440px) { #nutnet .catalog-banner__inner { gap: 40px; } } @media (max-width: 1023px) { #nutnet .catalog-banner__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 24px; } } #nutnet .catalog-banner__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 550px; } @media (max-width: 1023px) { #nutnet .catalog-banner__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } #nutnet .catalog-banner__content-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 24px; } @media (max-width: 1023px) { #nutnet .catalog-banner__content-inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } } #nutnet .catalog-banner__title { color: var(--color-black); } #nutnet .catalog-banner__title-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 4px; } #nutnet .catalog-banner__subtitle { color: var(--color-brand-4); } #nutnet .catalog-banner__description { color: var(--color-brand-4); max-width: 462px; } #nutnet .catalog-banner__button { margin-top: 40px; } @media (max-width: 1023px) { #nutnet .catalog-banner__button { margin-top: 32px; } } #nutnet .catalog-banner__button .button { padding: 12px 24px; min-width: 170px; background-color: var(--color-brand-4); color: var(--color-text-contrast); border: 0; cursor: pointer; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; } #nutnet .catalog-banner__button .button:hover { background-color: var(--color-btn-hover); } @media (max-width: 767px) { #nutnet .catalog-banner__button .button { min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } } #nutnet .catalog-banner__image { width: 100%; max-width: 586px; height: 100%; aspect-ratio: 1/1; } @media (max-width: 1440px) { #nutnet .catalog-banner__image { max-width: 500px; } } @media (max-width: 1023px) { #nutnet .catalog-banner__image { max-width: 770px; aspect-ratio: 2/1; } } @media (max-width: 575px) { #nutnet .catalog-banner__image { aspect-ratio: 1/1; } } #nutnet .catalog-banner__image img { -o-object-fit: cover; object-fit: cover; -o-object-position: 50%; object-position: 50%; width: 100%; height: 100%; } #nutnet .timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 0; } #nutnet .timer__item { width: 53px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nutnet .timer__item .numbers { font-family: "CenturyGothic", Helvetica, Arial, sans-serif; margin: 0; font-size: 16px; line-height: 19.84px; font-weight: 700; letter-spacing: 0.04em; line-height: 16px; } #nutnet .container { max-width: 1440px; margin: 0 auto; padding: 0 60px; } #nutnet .container.fluid { padding: 0 60px; } @media (max-width: 767px) { #nutnet .container { padding: 0 16px; } #nutnet .container.fluid { padding: 0; } } #nutnet .catalogSlider .swiper { width: 100%; height: 100%; padding-bottom: 44px; } @media (max-width: 767px) { #nutnet .catalogSlider .swiper { padding-bottom: 32px; } } #nutnet .catalogSlider .swiper-scrollbar { max-width: 448px; left: 0; right: 0; bottom: 0; margin: 0 auto; height: 4px; border-radius: 4px; background: var(--color-brand-6); } #nutnet .catalogSlider .swiper-scrollbar-drag { -webkit-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; background: #737170; cursor: -webkit-grab; cursor: grab; border-radius: 4px; } @media (max-width: 767px) { #nutnet .catalogSlider .swiper-scrollbar { max-width: none; height: 2px; } } @media (hover: hover) { #nutnet .catalogSlider .swiper-scrollbar:hover .swiper-scrollbar-drag { background: var(--color-btn-hover); } } #nutnet .catalogSlider .swiper-scrollbar:active .swiper-scrollbar-drag { background: #615F5E; } #nutnet .catalogNames { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; gap: 24px; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } @media (max-width: 1440px) { #nutnet .catalogNames { margin-bottom: 24px; } } @media (max-width: 767px) { #nutnet .catalogNames { margin-bottom: 32px; margin-left: -16px; margin-right: -16px; padding: 0 16px; } } #nutnet .catalogNames__item { cursor: pointer; } #nutnet .catalogNames__item.active { color: var(--color-brand-1); } @media (hover: hover) { #nutnet .catalogNames__item :hover { color: var(--color-brand-1); } } #nutnet .catalogSlide { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; } #nutnet .catalogSlide__wrapper { max-width: 342px; } @media (max-width: 1440px) { #nutnet .catalogSlide__wrapper { max-width: 25%; } } @media (max-width: 767px) { #nutnet .catalogSlide__wrapper { max-width: 212px; } } @media (hover: hover) { #nutnet .catalogSlide:hover .catalogSlide__img-buy { -webkit-transform: translateY(0); transform: translateY(0); } } #nutnet .catalogSlide__img { aspect-ratio: 1/1; background-color: var(--color-background-secondary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; overflow: hidden; } #nutnet .catalogSlide__img img { width: 282px; } @media (max-width: 1440px) { #nutnet .catalogSlide__img img { max-width: 90%; } } @media (max-width: 767px) { #nutnet .catalogSlide__img img { width: 198px; } } #nutnet .catalogSlide__img-buy { position: absolute; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; -webkit-transform: translateY(100%); transform: translateY(100%); bottom: 0; left: 0; right: 0; background-color: var(--color-brand-2); color: var(--color-text-contrast); padding: 12px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; } #nutnet .catalogSlide__img-buy-icon { width: 24px; height: 24px; } #nutnet .catalogSlide__img-overlay { position: absolute; top: 0; right: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #nutnet .catalogSlide__img-overlay .overlay__sale { margin-right: 8px; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 19.84px; font-weight: 400; letter-spacing: 0.04em; } #nutnet .catalogSlide__img-overlay .overlay__sale .percent { color: var(--color-text-contrast); background-color: #F17E00; padding: 2px 5.5px; display: inline-block; } #nutnet .catalogSlide__img-overlay .overlay__sale .text { will-change: transform; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-transform: rotate(180deg); transform: rotate(180deg); padding: 4px 2px; color: var(--color-brand-4); } @media (max-width: 767px) { #nutnet .catalogSlide__img-overlay .overlay__sale .text { padding: 4px 2px; } } #nutnet .catalogSlide__img-overlay .overlay__tags { color: var(--color-text-contrast); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0 8px; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; line-height: 19.84px; font-weight: 400; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; } #nutnet .catalogSlide__img-overlay .overlay__tag { padding: 2px 4px; } #nutnet .catalogSlide__img-overlay .overlay__like { padding: 8px; -webkit-box-flex: 0; -ms-flex: 0 1; flex: 0 1; width: 24px; height: 24px; margin-left: auto; cursor: pointer; } @media (max-width: 767px) { #nutnet .catalogSlide__img-overlay .overlay__like { padding: 6px 7px; } } #nutnet .catalogSlide__img-overlay .overlay__like-icon { width: 24px; height: 24px; color: var(--color-text-primary); fill: transparent; } #nutnet .catalogSlide__img-overlay .overlay__like-icon.active { color: var(--color-brand-1); fill: var(--color-brand-1); } #nutnet .catalogSlide__description { margin-top: 16px; margin-bottom: 16px; gap: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 767px) { #nutnet .catalogSlide__description { margin-bottom: 0; } } #nutnet .catalogSlide__style { margin-bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #nutnet .catalogSlide__style-text { font-size: 12px; line-height: 14.88px; font-weight: 400; letter-spacing: 0.04em; color: var(--color-brand-4); text-transform: uppercase; } @media (max-width: 767px) { #nutnet .catalogSlide__style-text { letter-spacing: normal; } } #nutnet .catalogSlide__reviews { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 8px; } #nutnet .catalogSlide__reviews .reviews__item { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 4px; font-size: 12px; line-height: 14.88px; font-weight: 400; } #nutnet .catalogSlide__reviews .reviews__item p { margin-top: 1px; } #nutnet .catalogSlide__reviews .reviews__icon { width: 16px; height: 16px; } #nutnet .catalogSlide__name { font-size: 16px; line-height: 19.84px; font-weight: 400; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; letter-spacing: 0.04em; height: 40px; } @media (max-width: 767px) { #nutnet .catalogSlide__name { letter-spacing: normal; } } #nutnet .catalogSlide__price { font-size: 24px; line-height: 29.76px; font-weight: 400; letter-spacing: 0.04em; } @media (max-width: 767px) { #nutnet .catalogSlide__price { font-size: 20px; line-height: 24.8px; font-weight: 400; } } #nutnet .catalogSlide__price-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; gap: 16px; } #nutnet .catalogSlide__price-old { font-size: 12px; line-height: 14.88px; font-weight: 400; letter-spacing: 0.04em; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: var(--color-brand-4); margin-bottom: 3px; } @media (max-width: 767px) { #nutnet .catalogSlide__price-old { letter-spacing: normal; } } #nutnet .catalogSlide__colors { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nutnet .catalogSlide__colors-item { width: 20px; height: 20px; cursor: pointer; } #nutnet .catalogSlide__colors-item-icon { width: 100%; height: 100%; } #nutnet .catalogSlide__colors-item.text { font-size: 12px; line-height: 14.88px; font-weight: 400; color: var(--color-brand-4); width: inherit; height: inherit; } #nutnet .catalogVideo__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; } @media (max-width: 1440px) and (min-width: 1270px) { #nutnet .catalogVideo__content { position: relative; } } #nutnet .catalogVideo__video { width: 100%; height: 100%; max-width: 708px; aspect-ratio: 1/1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1540px) { #nutnet .catalogVideo__video { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media (max-width: 1440px) and (min-width: 1270px) { #nutnet .catalogVideo__video { position: absolute; width: calc(50% - 12px); } } #nutnet .catalogVideo__video video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } #nutnet .catalogVideo__video img { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } #nutnet .catalogVideo__video-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 12px 51px; background-color: var(--color-gray-Light); color: var(--color-text-secondary); gap: 8px; } #nutnet .catalogVideo__video-button-wrapper { width: 100%; position: absolute; bottom: 24px; left: 0; right: 0; 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; } #nutnet .catalogVideo__video-button-icon { width: 24px; height: 24px; } #nutnet .catalogVideo__grid { display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr); grid-auto-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-column-gap: 24px; -moz-column-gap: 24px; column-gap: 24px; row-gap: 24px; width: 100%; height: 100%; } @media (max-width: 1440px) and (min-width: 1270px) { #nutnet .catalogVideo__grid { width: calc(50% - 12px); margin-left: auto; } } @media (max-width: 1023px) { #nutnet .catalogVideo__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #nutnet .catalogVideo__video { max-width: none; aspect-ratio: 2/1; } } @media (max-width: 767px) { #nutnet .catalogVideo__content { gap: 8px; } #nutnet .catalogVideo__video { max-width: 708px; aspect-ratio: 1/1; } #nutnet .catalogVideo__grid { -webkit-column-gap: 8px; -moz-column-gap: 8px; column-gap: 8px; row-gap: 8px; } #nutnet .catalogVideo__video-button { padding: 5px 16px; } } #nutnet .catalogVideoItem { position: relative; padding: 24px; background-color: var(--color-background-secondary); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (hover: hover) { #nutnet .catalogVideoItem:hover .catalogVideoItem__favorite { opacity: 1; visibility: visible; } #nutnet .catalogVideoItem:hover .catalogVideoItem__title { -webkit-transform: translateY(0); transform: translateY(0); } #nutnet .catalogVideoItem:hover .catalogVideoItem__price { -webkit-transform: translateY(0); transform: translateY(0); } } #nutnet .catalogVideoItem__favorite { -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; opacity: 0; visibility: hidden; position: absolute; top: 24px; right: 24px; cursor: pointer; width: 24px; height: 24px; } #nutnet .catalogVideoItem__favorite-icon { width: 24px; height: 24px; } #nutnet .catalogVideoItem__image { width: 100%; max-width: 282px; height: 238px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } @media screen and (max-width: 1540px) { #nutnet .catalogVideoItem__image { height: 100%; } } #nutnet .catalogVideoItem__image img { -o-object-fit: contain; object-fit: contain; -o-object-position: 50%; object-position: 50%; height: 100%; width: 100%; } #nutnet .catalogVideoItem__content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; overflow: hidden; } #nutnet .catalogVideoItem__title { -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateY(30px); transform: translateY(30px); } #nutnet .catalogVideoItem__price { line-height: 19.84px; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateY(30px); transform: translateY(30px); } @media (max-width: 767px) { #nutnet .catalogVideoItem { padding: 6px 8px; } #nutnet .catalogVideoItem__favorite { top: 4px; right: 4px; opacity: 1; visibility: visible; } #nutnet .catalogVideoItem__title { -webkit-transform: translateY(0); transform: translateY(0); } #nutnet .catalogVideoItem__price { -webkit-transform: translateY(0); transform: translateY(0); } } #nutnet .banner-download { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; } #nutnet .banner-download__caption { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; } #nutnet .banner-download__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 4px; font-weight: 400; font-size: 12px; line-height: 124%; color: var(--color-text-contrast); white-space: nowrap; } #nutnet .banner-download__text--opacity { color: rgba(var(--color-text-contrast--rgb), 0.4); } #nutnet .banner-download__icon { width: 18px; height: 18px; } #nutnet .banner-download img { width: 100%; max-width: 202px; } @media (max-width: 1440px) { #nutnet .banner-download img { max-width: 170px; } } @media (max-width: 1023px) { #nutnet .banner-download img { max-width: 142px; } } #nutnet .footer-page { background-color: #72706f; } #nutnet .footer-page__container { max-width: 1720px; } #nutnet .footer-page__wrapper { padding: 40px 0; } @media (max-width: 575px) { #nutnet .footer-page__wrapper { padding: 40px 0 61px 0; } } #nutnet .footer-page__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; } @media (max-width: 1440px) { #nutnet .footer-page__content { gap: 22px; } } #nutnet .footer-page__columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; gap: 80px; max-width: 1398px; } @media (max-width: 1440px) { #nutnet .footer-page__columns { gap: 22px; } } @media (max-width: 1023px) { #nutnet .footer-page__columns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 575px) { #nutnet .footer-page__columns { gap: 32px; } } #nutnet .footer-page__col { max-width: 235px; } @media (max-width: 1279px) { #nutnet .footer-page__col { max-width: 200px; } } @media (max-width: 1023px) { #nutnet .footer-page__col { max-width: 235px; } } @media (max-width: 767px) { #nutnet .footer-page__col { max-width: 192px; } } #nutnet .footer-page__banner-download { display: none; } #nutnet .footer-page__nav { display: grid; grid-template-columns: repeat(3, minmax(auto, 206px)); grid-gap: 60px; } #nutnet .footer-page__nav .accordion article { max-height: 900px; } @media (max-width: 1023px) { #nutnet .footer-page__nav .accordion article { max-height: 0; } } #nutnet .footer-page__nav .accordion__header { margin: 0 0 24px 0; pointer-events: none; } @media (max-width: 1023px) { #nutnet .footer-page__nav .accordion__header { margin: 0 0 16px 0; pointer-events: all; } } #nutnet .footer-page__nav .accordion__title { font-size: 18px; line-height: inherit; font-weight: 700; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; color: var(--color-text-contrast); 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; gap: 20px; } @media (max-width: 1440px) { #nutnet .footer-page__nav .accordion__title { font-size: 16px; } } #nutnet .footer-page__nav .accordion__icon { color: var(--color-white); display: none; } @media (max-width: 1023px) { #nutnet .footer-page__nav .accordion__icon { display: block; } } @media (max-width: 1440px) { #nutnet .footer-page__nav { grid-template-columns: repeat(3, minmax(auto, 164px)); grid-gap: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 1279px) { #nutnet .footer-page__nav { grid-template-columns: repeat(2, minmax(auto, 164px)); } } @media (max-width: 1023px) { #nutnet .footer-page__nav { width: 100%; grid-template-columns: repeat(1, minmax(auto, 1fr)); grid-gap: 16px; } } #nutnet .footer-page__title { font-size: 18px; line-height: inherit; font-weight: 700; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; color: var(--color-text-contrast); margin: 0 0 24px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; } @media (max-width: 1440px) { #nutnet .footer-page__title { font-size: 16px; } } @media (max-width: 1023px) { #nutnet .footer-page__title { margin: 0 0 16px 0; } } #nutnet .footer-page__logo { width: 204px; height: 71px; margin-bottom: 71px; } @media (max-width: 1023px) { #nutnet .footer-page__logo { margin-bottom: 32px; } } #nutnet .footer-page__logo-icon { width: 100%; height: 100%; color: var(--color-text-contrast); } #nutnet .footer-page__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 12px; } @media (max-width: 575px) { #nutnet .footer-page__list { gap: 8px; } } #nutnet .footer-page__item a { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; font-weight: 350; font-size: 16px; line-height: 124%; color: var(--color-text-contrast); white-space: nowrap; } #nutnet .footer-page__item a .link:after { background: var(--color-text-contrast); } @media (max-width: 1440px) { #nutnet .footer-page__item a { font-size: 15px; } } #nutnet .footer-page__tab-icon { display: none; width: 20px; height: 20px; } @media (max-width: 1023px) { #nutnet .footer-page__tab-icon { display: block; } } #nutnet .footer-page__item-icon { width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; } #nutnet .footer-page__messengers-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } #nutnet .footer-page__messengers-item { width: 40px; height: 40px; -ms-flex-negative: 0; flex-shrink: 0; } @media (max-width: 575px) { #nutnet .footer-page__messengers-item { width: 32px; height: 32px; } } #nutnet .footer-page__messengers-icon { width: 100%; height: 100%; } #nutnet .footer-page__text-info { padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; max-width: 1180px; width: 100%; } @media (max-width: 1023px) { #nutnet .footer-page__text-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 32px 0; gap: 16px; } } #nutnet .footer-page__icon-since { width: 47px; height: 45px; -ms-flex-negative: 0; flex-shrink: 0; } #nutnet .footer-page__public-offer { font-weight: 400; font-size: 12px; line-height: 124%; color: var(--color-text-contrast); max-width: 915px; } #nutnet .footer-page__bot { border-top: 1px solid var(--color-text-contrast); padding-top: 24px; 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; gap: 20px; } @media (max-width: 1023px) { #nutnet .footer-page__bot { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } #nutnet .footer-page__bot-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; opacity: 0.4; } @media (max-width: 1023px) { #nutnet .footer-page__bot-icons { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } #nutnet .footer-page__bot-icon { color: var(--color-text-contrast); -ms-flex-negative: 0; flex-shrink: 0; width: 32px; height: 24px; } #nutnet .footer-page__legal-copyright { font-weight: 400; font-size: 12px; line-height: 124%; color: var(--color-text-contrast); } @media (max-width: 1023px) { #nutnet .footer-page__legal-copyright--underline { -webkit-text-decoration: solid underline rgba(var(--color-text-contrast--rgb), 0.25); text-decoration: solid underline rgba(var(--color-text-contrast--rgb), 0.25); text-underline-offset: 4px; } } @media (max-width: 1023px) { #nutnet .footer-page .banner-download { display: none; } #nutnet .footer-page .footer-page__banner-download { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } } @media (max-width: 575px) { #nutnet .footer-page__list--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } #nutnet .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; padding-top: 18px; } #nutnet .search-form__label { font-weight: 350; font-size: 16px; line-height: 140%; color: var(--color-text-secondary); position: absolute; top: 14px; -webkit-transition: font-size 0.3s ease-in-out, top 0.3s ease-in-out; transition: font-size 0.3s ease-in-out, top 0.3s ease-in-out; cursor: text; } #nutnet .search-form__input { background-color: var(--color-text-contrast); color: var(--color-text-primary); border: none; border-bottom: 1px solid #737170; font-weight: 350; font-size: 16px; line-height: 140%; outline: none; -webkit-transition: border-bottom 0.3s ease-in-out; transition: border-bottom 0.3s ease-in-out; padding: 0; padding-bottom: 2px; } #nutnet .search-form__input:hover { border-bottom: 1px solid var(--color-btn-hover); } #nutnet .search-form__input::-webkit-input-placeholder { font-size: inherit; line-height: inherit; font-weight: inherit; color: var(--color-text-disabled); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #nutnet .search-form__input::-moz-placeholder { font-size: inherit; line-height: inherit; font-weight: inherit; color: var(--color-text-disabled); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #nutnet .search-form__input::-ms-input-placeholder { font-size: inherit; line-height: inherit; font-weight: inherit; color: var(--color-text-disabled); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #nutnet .search-form__input::placeholder { font-size: inherit; line-height: inherit; font-weight: inherit; color: var(--color-text-disabled); opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } #nutnet .search-form__input:focus { border-bottom: 1px solid var(--color-text-primary); } #nutnet .search-form__input:focus::-webkit-input-placeholder { opacity: 1; } #nutnet .search-form__input:focus::-moz-placeholder { opacity: 1; } #nutnet .search-form__input:focus::-ms-input-placeholder { opacity: 1; } #nutnet .search-form__input:focus::placeholder { opacity: 1; } #nutnet .search-form__input:focus+.search-form__label { font-size: 12px; top: 0; } #nutnet .search-form__input--error { border-bottom: 1px solid var(--color-error); } #nutnet .search-form__clear-field { width: 16px; height: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: 0; padding: 0; margin: 0; cursor: pointer; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; display: none; } #nutnet .search-form__clear-field svg { width: 100%; height: 100%; } #nutnet .search-form--active .search-form__label { font-size: 12px; top: 0; } #nutnet .search-form--active .search-form__clear-field { display: block; } #nutnet .dialog-box { position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } #nutnet .dialog-box__overlay { background-color: rgba(0, 0, 0, 0.4); height: inherit; width: inherit; 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; } #nutnet .dialog-box__body { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 932px; width: 100%; position: relative; } @media (max-width: 767px) { #nutnet .dialog-box__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 500px; } } #nutnet .dialog-box__image-prev { max-width: 466px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } #nutnet .dialog-box__image-prev picture { width: 100%; } #nutnet .dialog-box__image-prev img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } @media (max-width: 767px) { #nutnet .dialog-box__image-prev { max-width: 100%; max-height: 212px; } } #nutnet .dialog-box__content { 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 60px 60px 43px 60px; background-color: var(--color-text-contrast); } #nutnet .dialog-box__content h3 { font-weight: 400; font-size: 24px; line-height: 124%; letter-spacing: 0.04em; text-align: center; color: #3d3a42; margin-bottom: 16px; } @media (max-width: 575px) { #nutnet .dialog-box__content h3 { font-size: 20px; margin-bottom: 4px; } } @media (max-width: 767px) { #nutnet .dialog-box__content { padding: 16px; } } #nutnet .dialog-box__content-description { margin-bottom: 24px; } #nutnet .dialog-box__content-description p { font-weight: 350; font-size: 16px; line-height: 140%; text-align: center; color: #3d3a42; } @media (max-width: 575px) { #nutnet .dialog-box__content-description p { font-size: 14px; } } @media (max-width: 575px) { #nutnet .dialog-box__content-description { margin-bottom: 16px; } } #nutnet .dialog-box__form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; margin-bottom: 4px; width: 100%; } #nutnet .dialog-box .saleButton { margin-top: 8px; position: static; padding: 0; margin: 0; border: 0; } #nutnet .dialog-box .saleButton p { text-align: center; } #nutnet .dialog-box .saleButton__wrapper { width: 100%; } #nutnet .dialog-box__personal-data { font-weight: 400; font-size: 12px; line-height: 124%; color: var(--color-text-secondary); margin-right: auto; } #nutnet .dialog-box__personal-data a { display: block; color: var(--color-text-primary); } #nutnet .dialog-box__button-close { width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: 0; padding: 0; margin: 0; cursor: pointer; position: absolute; top: 24px; right: 24px; } #nutnet .dialog-box__button-close svg { width: 100%; height: 100%; } #nutnet .dialog-box__text-error { font-weight: 400; font-size: 12px; line-height: 124%; color: var(--color-error); position: absolute; bottom: -18px; } #nutnet .dialog-box.active-dialog { opacity: 1; visibility: visible; } #nutnet .store { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--color-background-contrast); padding: 80px 0; gap: 80px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-text-contrast); } @media (max-width: 767px) { #nutnet .store { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 60px 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 56px; } } #nutnet .store__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 327px; padding-left: 40px; border-left: 1px solid var(--color-text-contrast); } @media (max-width: 767px) { #nutnet .store__item { padding-left: 24px; } } #nutnet .store__item-title { font-size: 18px; line-height: 22.07px; font-weight: 700; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; margin-bottom: 8px; } @media (max-width: 767px) { #nutnet .store__item-title { font-size: 22px; line-height: 27.28px; font-weight: 400; } } @media (max-width: 767px) { #nutnet .store__item-text { font-size: 14px; line-height: 17.36px; font-weight: 400; } } #nutnet .store__item-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; margin-top: 24px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; font-size: 16px; line-height: 19.84px; font-weight: 350; } @media (max-width: 767px) { #nutnet .store__item-link { font-size: 12px; line-height: 14.88px; font-weight: 400; gap: 4px; } } @media (hover: hover) { #nutnet .store__item-link:hover span:after { width: 100%; } } #nutnet .store__item-link span:after { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background: none repeat scroll 0 0 var(--color-text-contrast); content: ""; display: block; height: 1px; width: 0; } #nutnet .store__item-icon { width: 20px; height: 20px; } #nutnet .store__item-icon.mobile { display: none; } @media (max-width: 767px) { #nutnet .store__item-icon { width: 16px; height: 16px; } #nutnet .store__item-icon.mobile { display: block; } #nutnet .store__item-icon.desktop { display: none; } } #nutnet .accordion__header { 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; cursor: pointer; } #nutnet .accordion__icon { width: 24px; height: 24px; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } #nutnet .accordion__icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nutnet .accordion input { display: none; } #nutnet .accordion input:checked~.accordion__header .accordion__icon { -webkit-transform: rotate(270deg); transform: rotate(270deg); } #nutnet .accordion input:checked~.accordion__body article { max-height: 900px; } #nutnet .accordion article { overflow: hidden; max-height: 0; -webkit-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out; } #nutnet .catalogBlogSlide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } #nutnet .catalogBlogSlide__img { max-width: 342px; min-height: 342px; max-height: 342px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } @media (max-width: 1440px) and (min-width: 768px) { #nutnet .catalogBlogSlide__img { position: absolute; height: 100%; min-height: 0; max-height: none; top: 0; } } @media (max-width: 767px) { #nutnet .catalogBlogSlide__img { min-height: 212px; max-height: 212px; } } #nutnet .catalogBlogSlide__img-wrapper { max-height: 342px; overflow: hidden; } @media (max-width: 1440px) and (min-width: 768px) { #nutnet .catalogBlogSlide__img-wrapper { max-height: 342px; overflow: hidden; padding-top: 100%; position: relative; } } @media (max-width: 767px) { #nutnet .catalogBlogSlide__img-wrapper { max-height: 212px; } } #nutnet .catalogBlogSlide__title { font-size: 24px; line-height: 29.76px; color: var(--color-black); font-weight: 400; letter-spacing: normal; margin: 16px 0; } @media (max-width: 767px) { #nutnet .catalogBlogSlide__title { margin: 16px 0 8px; font-size: 16px; line-height: 19.84px; font-weight: 400; } } #nutnet .catalogBlogSlide__description { font-size: 16px; line-height: 19.84px; font-weight: 350; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } @media (hover: hover) { #nutnet .catalogBlogSlide:hover .catalogBlogSlide__img { -webkit-transform: scale(1.1); transform: scale(1.1); } } #nutnet .history__awards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 75px; margin-bottom: 40px; } @media (max-width: 1440px) { #nutnet .history__awards { gap: 16px; margin-bottom: 32px; padding-top: 8px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #nutnet .history__awards-item { min-width: 309px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 58px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 24px; max-width: 342px; width: 100%; } #nutnet .history__awards-item-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #nutnet .history__awards-item-wrap:last-child { gap: 80px; } @media (max-width: 1440px) { #nutnet .history__awards-item-wrap { gap: 16px; } #nutnet .history__awards-item-wrap:last-child { gap: 16px; } } #nutnet .history__awards-item:nth-child(-n+2) { max-width: 309px; } @media (max-width: 1440px) { #nutnet .history__awards-item { max-width: 220px; min-width: initial; padding: 32px 0; } #nutnet .history__awards-item:nth-child(-n+2) { max-width: 220px; } } @media (max-width: 767px) { #nutnet .history__awards-item { padding: 0; width: 100%; gap: 8px; max-width: 50%; } } #nutnet .history__awards-text { text-align: center; color: #72706f; white-space: nowrap; } #nutnet .history__awards-text .history__title { font-size: 24px; line-height: 120%; font-weight: 400; letter-spacing: 0.04em; margin: 0; } @media (max-width: 1440px) { #nutnet .history__awards-text .history__title { font-size: 19px; } } @media (max-width: 767px) { #nutnet .history__awards-text .history__title { font-size: 14px; } } @media (max-width: 1440px) { #nutnet .history__awards-text { white-space: wrap; } } #nutnet .history__awards-img { max-width: 160px; width: 100%; } @media (max-width: 1440px) { #nutnet .history__awards-img { max-width: 110px; } } @media (max-width: 1440px) { #nutnet .history__awards-img { max-width: 120px; } } @media (max-width: 767px) { #nutnet .history__awards-img { max-width: 50px; } } #nutnet .collection__wrapper { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(2, 1fr); gap: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; } @media (max-width: 1023px) { #nutnet .collection__wrapper { overflow-x: auto; } } @media (max-width: 767px) { #nutnet .collection__wrapper { gap: 8px; grid-template-columns: repeat(auto-fit, minmax(200px, 300px)); } } #nutnet .collection__description { position: absolute; left: 0; right: 0; bottom: 0; top: 0; opacity: 0; visibility: hidden; height: 100%; background-color: var(--color-background-secondary); color: var(--color-text-primary); -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px; text-align: center; gap: 16px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; } #nutnet .collection__description-link { font-size: 16px; line-height: 19.84px; font-weight: 350; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nutnet .collection__description-link-icon { width: 20px; height: 20px; margin-left: 8px; } #nutnet .collection__item { position: relative; overflow: hidden; height: 500px; max-height: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 24px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: var(--color-text-contrast); } @media (max-width: 1440px) { #nutnet .collection__item { max-height: 350px; padding: 17px 18px; } } @media (max-width: 1023px) { #nutnet .collection__item { height: 400px; max-height: 400px; min-width: 350px; } } @media (max-width: 767px) { #nutnet .collection__item { height: 220px; max-height: 220px; padding: 16px; min-width: 300px; width: 100%; } } #nutnet .collection__item .collection__title { font-size: 30px; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; margin: 0; line-height: 49.6px; font-weight: 400; letter-spacing: 0.04em; } @media (hover: hover) { #nutnet .collection__item:hover .collection__description { opacity: 1; visibility: visible; } } #nutnet .collection__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #nutnet .collection__link-icon { width: 24px; height: 24px; margin-left: 3px; margin-top: 6px; } @media (max-width: 767px) { #nutnet .collection__link-icon { width: 20px; height: 20px; margin-top: 2px; margin-left: 0; } } #nutnet .collection .item1 { background-color: var(--color-brand-2); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media (max-width: 767px) { #nutnet .collection .item1 { min-width: 200px; } } #nutnet .collection .item2 { grid-column: span 2 / span 2; background-color: var(--color-brand-2); } #nutnet .collection .item3 { grid-column: span 2 / span 2; grid-column-start: 4; background-color: var(--color-brand-2); } #nutnet .collection .item4 { grid-column: span 2 / span 2; grid-column-start: 1; grid-row-start: 2; background-color: var(--color-brand-2); } #nutnet .collection .item5 { grid-column: span 2 / span 2; grid-column-start: 3; grid-row-start: 2; background-color: var(--color-brand-2); } #nutnet .collection .item6 { grid-column-start: 5; grid-row-start: 2; background-color: var(--color-brand-2); } @media (max-width: 767px) { #nutnet .collection .item6 { min-width: 200px; } } #nutnet .comfortHome__items { display: grid; grid-template-columns: repeat(5, 1fr); } @media (max-width: 1023px) { #nutnet .comfortHome__items { grid-template-columns: repeat(2, 1fr); } } #nutnet .comfortHome__item { -webkit-box-sizing: border-box; box-sizing: border-box; background-position: center; background-size: cover; aspect-ratio: 1 / 1; 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: end; -ms-flex-pack: end; justify-content: flex-end; padding: 24px; color: var(--color-text-contrast); overflow: hidden; font-size: 16px; line-height: 19.84px; font-weight: 400; } #nutnet .comfortHome__item p { -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; opacity: 0; } #nutnet .comfortHome__item:after { content: ""; position: absolute; height: 100%; width: 100%; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } @media (hover: hover) { #nutnet .comfortHome__item:hover:after { background-color: rgba(0, 0, 0, 0); } #nutnet .comfortHome__item:hover p { opacity: 1; } } @media (hover: none) { #nutnet .comfortHome__item:after { display: none; } #nutnet .comfortHome__item p { opacity: 1; } } @media (max-width: 767px) { #nutnet .comfortHome__item { padding: 16px; font-size: 12px; line-height: 14.88px; font-weight: 400; } #nutnet .comfortHome__item:after { display: none; } #nutnet .comfortHome__item p { opacity: 1; } } #nutnet .saleButton { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 25px; left: 0; right: 0; width: 100%; color: var(--color-text-contrast); z-index: 99; } #nutnet .saleButton__wrapper { background: var(--color-brand-3); cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 32px; -webkit-transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } @media (max-width: 767px) { #nutnet .saleButton__wrapper { padding: 12px 24px; } } #nutnet .saleButton__wrapper:hover { background: var(--color-btn-hover); } #nutnet .saleButton__text { font-size: 16px; line-height: 28px; font-weight: 400; } @media (max-width: 767px) { #nutnet .saleButton__text { font-size: 16px; line-height: 22.4px; font-weight: 400; } } @media (max-width: 767px) { #nutnet .saleButton { bottom: 16px; } } #nutnet .furniture__slide { max-width: 474px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } @media (max-width: 1440px) { #nutnet .furniture__slide { max-width: calc(25% - 5px); } } @media (max-width: 767px) { #nutnet .furniture__slide { max-width: 347px; } } #nutnet .furniture__slide-img { width: 100%; } #nutnet .furniture__slide-product { position: absolute; } #nutnet .furniture__slide-product-marker { -webkit-filter: invert(1); filter: invert(1); width: 24px; height: 24px; cursor: pointer; } #nutnet .furniture__slide-product-marker-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #nutnet .furniture__slide-product-info { position: absolute; background: var(--color-background-main); display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; bottom: 40px; padding: 8px 16px; opacity: 1; visibility: visible; -webkit-transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out; transition: opacity 0.1s ease-in-out, visibility 0.1s ease-in-out; } #nutnet .furniture__slide-product-info.hide { opacity: 0; visibility: hidden; } #nutnet .furniture__slide-product-img { aspect-ratio: 1 / 1; -o-object-fit: contain; object-fit: contain; width: 74px; } #nutnet .furniture__slide-product-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 185px; min-width: 130px; } #nutnet .furniture__slide-product-text-wrap { margin-bottom: 12px; } #nutnet .furniture__slide-product-text h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #nutnet .furniture__slide-product-text p { margin-top: 6px; color: var(--color-brand-4); } /* End */ /* Start:/local/templates/bobox/css/nutnet/nutnet-custom.css?17513836344212*/ .grecaptcha-badge { display: none !important; } .search__action { cursor: pointer; } #nutnet .wrap__soDR9, #nutnet .wrap__aDHtG._show__lNUi8 { z-index: 27; } /* @media (min-width: 1200px) { #nutnet .catalogSlide__wrapper { max-width: 23.5%; } #nutnet .catalogSlide__img img { max-width: 90%; } #nutnet .catalogSale__slide-img { width: 100%; height: 100%; object-fit: cover; object-position: top; } } @media (min-width: 1000px) { #nutnet .catalogSlide__wrapper { max-width: 23%; } } */ /* ExNets*/ /* fonts */ .exnets__headerInner .wrapper { font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 350; line-height: 1.4; } .exnets__headerInner .news-item-main-wrap__text { font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 350; line-height: 1.6; margin-top: 10px; } .exnets__headerInner .news-item-main-wrap__text b { font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; line-height: 1.6; } .exnets__headerInner .tabs-list-item { font-size: 15px; font-weight: 400; font-family: "CenturyGothic", Helvetica, Arial, sans-serif; letter-spacing: 0.04em; line-height: 1.1; text-transform: uppercase; } .exnets__headerInner .block-head { color: var(--color-black); font-family: "CenturyGothic", Helvetica, Arial, sans-serif; font-weight: 400; } .card-main-block-description-head { font-family: "CenturyGothic", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.2; } .card-main-block-description-row-cost__number { font-weight: 400; line-height: 1.2; } #nutnet .exnets__headerInner .tabs { text-transform: none; } .exnets__headerInner .card-item-row-item__cost { font-weight: 400; line-height: 1.2; } .exnets__headerInner .card-main-block-gallery-mini .slick-arrow { font-size: 0 !important; } .exnets__headerInner .slick-dots li button { font-size: 0 !important; } @media screen and (max-width: 480px) { .block { padding: 40px 20px 15px; } .card-main-mob{ padding-top: 40px; } } /* END fonts */ #nutnet .exnets__headerInner .header { background-color: var(--color-white); color: var(--color-text-primary); -webkit-box-shadow: 0 4px 16px 0 #72706f3d; box-shadow: 0 4px 16px 0 #72706f3d; } #nutnet .exnets__headerInner .header__wrapper { background-color: var(--color-white); color: var(--color-text-primary); } #nutnet .exnets__headerInner .container { padding: 0; } #nutnet .exnets__headerInner .header__search .search { border-bottom: 1px solid var(--color-text-primary); color: var(--color-text-primary); } #nutnet .exnets__headerInner .header__search .search input { color: var(--color-text-primary); } #nutnet .exnets__headerInner .header__search .search input::-webkit-input-placeholder { color: var(--color-text-primary); } #nutnet .exnets__headerInner .header__search .search input::-moz-placeholder { color: var(--color-text-primary); } #nutnet .exnets__headerInner .header__search .search input::-ms-input-placeholder { color: var(--color-text-primary); } #nutnet .exnets__headerInner .header__search .search input::placeholder { color: var(--color-text-primary); } /*.exnets__headerInner .header__search .search{*/ /* border-bottom: 1px solid var(--color-text-primary);*/ /* color: var(--color-text-primary);*/ /*}*/ /*.exnets__headerInner .header__search .search input{*/ /* color: var(--color-text-primary);*/ /*}*/ /*.exnets__headerInner .header__search .search input::-webkit-input-placeholder{*/ /* color: var(--color-text-primary);*/ /*}*/ /*.exnets__headerInner .header__search .search input::-moz-placeholder{*/ /* color: var(--color-text-primary);*/ /*}*/ /*.exnets__headerInner .header__search .search input::-ms-input-placeholder {*/ /* color: var(--color-text-primary);*/ /*}*/ /*.exnets__headerInner .header__search .search input::placeholder {*/ /* color: var(--color-text-primary);*/ /*}*/ /* End */ /* Start:/local/templates/bobox/css/nutnet/fonts.css?1743714686734*/ @font-face { font-family: "CenturyGothic"; src: url(/local/templates/bobox/css/nutnet/./fonts/CenturyGothic.woff2) format("woff2"); font-weight: 400; font-display: swap; } @font-face { font-family: "CenturyGothic"; src: url(/local/templates/bobox/css/nutnet/./fonts/CenturyGothic-Bold.woff2) format("woff2"); font-weight: 700; font-display: swap; } @font-face { font-family: "Circe"; src: url(/local/templates/bobox/css/nutnet/./fonts/Circe.woff2) format("woff2"); font-weight: 400; font-display: swap; } @font-face { font-family: "Circe"; src: url(/local/templates/bobox/css/nutnet/./fonts/Circe-Bold.woff2) format("woff2"); font-weight: 700; font-display: swap; } @font-face { font-family: "Circe"; src: url(/local/templates/bobox/css/nutnet/./fonts/Circe-Light.woff2) format("woff2"); font-weight: 350; font-display: swap; } /* End */ /* Start:/local/templates/bobox/components/nutnet/component.dynamic/city/style.css?17436790897913*/ #nutnet .city-popup_disclaimer { position: absolute; bottom: -120px; display: none; flex-direction: column; padding: 15px 20px 20px 20px; background: #FFFFFF; } #nutnet .city-popup_disclaimer.active { display: flex; } #nutnet .city-popup_disclaimer_top { margin-bottom: 16px; } #nutnet .city-popup_disclaimer_top p { font-size: 16px; font-weight: 350; line-height: 22.4px; color: #34393D; } #nutnet .city-popup_disclaimer_top p span { font-size: 16px; font-weight: 700; color: #72706F; } #nutnet .city-popup_disclaimer_bottom { display: flex; gap: 8px; } #nutnet #city-popup-yes { background: #B9A281; color: #FFFFFF; font-size: 16px; font-weight: 350; line-height: 22.4px; padding: 12px 24px; } #nutnet #city-popup-no { background: #E1E1E1; color: #34393D; font-size: 16px; font-weight: 350; line-height: 22.4px; padding: 12px 24px; } #nutnet .city-popup_disclaimer_bottom span { cursor: pointer; } #nutnet .city-popup { position: fixed; top: 0; left: -120%; max-width: 558px; width: 100%; height: 100vh; overflow: auto; background: #FFFFFF; padding: 0 40px; transition: 0.3s linear; } #nutnet .city-popup.active { left: 0; z-index: 2; } #nutnet .city-popup::-webkit-scrollbar { width: 4px; background: var(--color-brand-6); } #nutnet .city-popup::-webkit-scrollbar-thumb { width: 4px; background: var(--color-btn-hover); } #nutnet .city-popup_top { display: flex; justify-content: space-between; align-items: center; margin-top: 40px; margin-bottom: 24px; } #nutnet .city-popup_top h2 { font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 24px; font-weight: 400; line-height: 29.76px; color: #3D3A42; } #nutnet .popup-menu__close { max-width: 20px; width: 100%; max-height: 20px; height: 100%; cursor: pointer; } #nutnet .popup-menu__close-icon { max-width: 20px; width: 100%; max-height: 20px; height: 100%; } .city-popup__overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); opacity: 0; cursor: none; user-select: none; pointer-events: none; transition: 0.3s linear; } .city-popup__overlay.active { opacity: 1; user-select: all; pointer-events: all; cursor: pointer; z-index: 1; } #nutnet .city-popup__search { } #nutnet .city-popup__search-container { position: relative; margin-bottom: 8px; } #nutnet .city-popup__search-icon { width: 24px; height: 24px; } #nutnet .city-popup__search-icon use { color: #000000; } #nutnet .city-popup__search p { display: flex; gap: 8px; font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 14.88px; color: #888B8E; } #nutnet .city-popup__search p span { font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: 400; line-height: 14.88px; color: #34393D; cursor: pointer; } #nutnet .store-icon-city { width: 12px; height: 12px; } #nutnet .city-popup__text { margin-top: 24px; } #nutnet .city-popup__text p { display: flex; align-items: center; gap: 5px; font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 350; line-height: 22.4px; color: #3D3A42; } #nutnet .city-popup__active-city { display: flex; align-items: center; gap: 16px; padding: 3px 0; margin: 24px 0; } #nutnet .city-popup-stories { display: flex; align-items: center; background: #737170; border-radius: 999px; padding: 0 2px; width: 24px; height: 16px; transition: 0.3s linear; cursor: pointer; } #nutnet .city-popup-stories__circle { width: 12px; height: 12px; background: #FFFFFF; border-radius: 50%; transition: 0.3s linear; } #nutnet #city-popup-stories:checked ~ .city-popup-stories { background: #B9A281; } #nutnet #city-popup-stories:checked ~ .city-popup-stories .city-popup-stories__circle { margin-left: 12px; } #nutnet .city-popup__active-city p { font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 350; line-height: 22.4px; color: #34393D; } #nutnet .city-popup__list { display: flex; flex-wrap: wrap; flex-flow: column wrap; gap: 24px 16px; margin-bottom: 40px; } #nutnet .city-popup__list .city-list-alphabet { display: flex; flex-direction: column; max-width: 149px; width: 100%; } #nutnet .city-popup__list .city-item-alphabet { font-family: "CenturyGothic", Helvetica, Arial, sans-serif; font-weight: 700; line-height: 19.84px; letter-spacing: 0.04em; color: #3D3A42; cursor: auto; margin-bottom: 16px; } #nutnet .city-popup__list li { font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 350; line-height: 19.84px; color: #34393D; cursor: pointer; margin-bottom: 8px; } #nutnet .city-item-alphabet.hidden { display: none; } #nutnet .city-popup__list li.icon { display: flex; align-items: center; gap: 10px; } #nutnet .city-popup__list li.icon svg.icon { display: inline-block; width: 16px; height: 16px; padding-top: 4px; } #nutnet .city-popup__search-field { display: flex; align-items: center; padding-bottom: 8px; border-bottom: 1px solid #000; } #nutnet #city-popup-search { width: 100%; padding: 4px 0 0 4px; font-size: 12px; color: #3D3A42; border: none; outline: none; } #nutnet #city-popup-search::placeholder { font-size: 12px; color: #3D3A42; } #nutnet .city-popup__search-icon_close { max-width: 20px; width: 100%; max-height: 20px; height: 100%; cursor: pointer; opacity: 0; transition: 0.3s linear; } #nutnet .city-popup__search-icon_close.active { opacity: 1; } #nutnet .city-popup__search-abs { position: absolute; top: 33px; left: -10px; width: 100%; max-height: 65vh; height: auto; overflow: auto; display: flex; flex-direction: column; gap: 8px; padding: 24px 10px; background: #FFF; opacity: 0; pointer-events: none; } #nutnet .city-popup__search-abs.active { opacity: 1; pointer-events: all; } #nutnet .city-popup__search-abs li { font-family: "Circe", Helvetica, Arial, sans-serif, Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 350; line-height: 19.84px; color: #34393D; cursor: pointer; } #nutnet .city-popup__search-abs::-webkit-scrollbar { width: 4px; background: var(--color-brand-6); } #nutnet .city-popup__search-abs::-webkit-scrollbar-thumb { width: 4px; background: var(--color-btn-hover); } #nutnet .city-popup-hidden.active { display: none !important; } @media (max-width: 768px) { #nutnet .disclaimer { z-index: 101; } #nutnet .city-popup { max-width: 768px; padding: 24px 0; } #nutnet .city-popup.active { z-index: 10; } #nutnet .city-popup > div { padding: 0 16px; } #nutnet .city-popup_top { margin-top: 0; } } @media (max-width: 500px) { #nutnet .city-popup__list { flex-direction: column; flex-flow: column; flex-wrap: nowrap; height: auto !important; } } @media (max-width: 768px) { #nutnet .disclaimer__left.disclaimer__section { display: block; } #nutnet .disclaimer__left.disclaimer__section .disclaimer__item { display: none; } } @media (max-width: 500px) { #nutnet .city-popup__list .city-list-alphabet { max-width: 220px; } #nutnet .city-popup_disclaimer { position: fixed; left: 0; bottom: 0; width: 100%; align-items: center; padding: 15px 0px 20px 0px; } } /* task 77445 */ #nutnet .city-popup__list li p { min-width: fit-content; } #nutnet .city-popup__list li.icon svg.icon { min-width: 16px; } @media (max-width: 365px) { #nutnet .city-popup__text p { gap: 3px; } } /* End */ /* Start:/local/templates/bobox/components/slam/easyform/subscribe/style.css?17395290331049*/ .slam-easyform .modal { text-align: center; } @media screen and (min-width: 768px) { .slam-easyform .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .slam-easyform .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .slam-easyform .modal .modal-header .title { margin: 0; font-size: 22px; display: inline-block; } .hide-formvalidation small.help-block{ display: none!important; } @keyframes spinner { to { transform: rotate(360deg) } } .slam-easyform .spinner,.slam-easyform .spinner:hover { position: relative; color: transparent } .slam-easyform .spinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #333; animation: spinner .6s linear infinite } /* End */ /* Start:/local/templates/bobox/components/bitrix/menu/bottom-menu/style.css?1739529033581*/ /* Left menu*/ ul.left-menu { list-style:none; margin:0; padding:0; margin-bottom:8px; position: relative; /*IE bug*/ } ul.left-menu li { padding: 10px 16px; background:#F5F5F5 url(/local/templates/bobox/components/bitrix/menu/bottom-menu/images/left_menu_bg.gif) top repeat-x; } ul.left-menu li a { font-size:100%; color:#BC262C; font-weight:bold; text-decoration:none; } ul.left-menu li a:visited { color:#BC262C; } ul.left-menu li a:hover { color:#BC262C; } ul.left-menu li a.selected:link, ul.left-menu li a.selected:visited, ul.left-menu li a.selected:active, ul.left-menu li a.selected:hover { color:#FC8D3D; } /* End */ /* /local/templates/bobox/css/slick.css?17395290331776 */ /* /local/templates/bobox/css/jquery-ui.min.css?173952903315830 */ /* /local/templates/bobox/css/sumoselect.min.css?17395290337402 */ /* /local/templates/bobox/css/jquery.fancybox.min.css?173952903312795 */ /* /local/templates/bobox/css/dropzone.min.css?17395290339830 */ /* /local/templates/bobox/css/pweb.css?17513826769527 */ /* /local/templates/bobox/css/pweb2024.css?1739529033504 */ /* /local/templates/bobox/css/main.css?1751383719344758 */ /* /local/templates/bobox/css/nutnet/nutnet.css?1743754046158524 */ /* /local/templates/bobox/css/nutnet/nutnet-custom.css?17513836344212 */ /* /local/templates/bobox/css/nutnet/fonts.css?1743714686734 */ /* /local/templates/bobox/components/nutnet/component.dynamic/city/style.css?17436790897913 */ /* /local/templates/bobox/components/slam/easyform/subscribe/style.css?17395290331049 */ /* /local/templates/bobox/components/bitrix/menu/bottom-menu/style.css?1739529033581 */