/* Start:/local/templates/maksiled/css/jquery-ui.min.css?158141322216384*/ /*! jQuery UI - v1.12.1 - 2017-09-07 * 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 */ /*! jQuery UI - v1.12.1 - 2017-09-07 * http://jqueryui.com * 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;padding:20px 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{color:#fe7f1c;transition:all .3s ease-in-out;display:inline-block;position:relative;padding:0;margin-bottom:5px;}.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{border-color:transparent;}.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{display:inline-block;transition:padding .3s ease-in-out;transition:max-height .3s ease-in-out;background-color:#fff;z-index:1;box-shadow:0px 0px 17px 0px rgba(245, 118, 19, 0.5);-moz-box-shadow:0px 0px 17px 0px rgba(245, 118, 19, 0.5);-webkit-box-shadow: 0px 0px 17px 0px rgba(245, 118, 19, 0.5);padding:0 20px;max-height:0;overflow:hidden;margin:0;position:absolute;top:0;left:0;}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:20px}.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{max-height:400px;}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;}.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/maksiled/css/bootstrap.min.css?159282227620907*/ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2017 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.3/customize/?id=13fb0d11dadabf7dea70841e81167905) * Config saved to config.json and https://gist.github.com/13fb0d11dadabf7dea70841e81167905 */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } // @media (min-width:768px) { // .container { // width: 740px; // } // } // @media (min-width:1024px) { // .container { // width: 1000px; // } // } // @media (min-width:1280px) { // .container { // width: 1240px; // } // } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } .row { margin-left: -15px; margin-right: -15px } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left } .col-xs-12 { width: 100% } .col-xs-11 { width: 91.66666667% } .col-xs-10 { width: 83.33333333% } .col-xs-9 { width: 75% } .col-xs-8 { width: 66.66666667% } .col-xs-7 { width: 58.33333333% } .col-xs-6 { width: 50% } .col-xs-5 { width: 41.66666667% } .col-xs-4 { width: 33.33333333% } .col-xs-3 { width: 25% } .col-xs-2 { width: 16.66666667% } .col-xs-1 { width: 8.33333333% } .col-xs-pull-12 { right: 100% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-9 { right: 75% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-6 { right: 50% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-3 { right: 25% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-0 { right: auto } .col-xs-push-12 { left: 100% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-9 { left: 75% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-6 { left: 50% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-3 { left: 25% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-0 { left: auto } .col-xs-offset-12 { margin-left: 100% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-0 { margin-left: 0 } @media (min-width:768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left } .col-sm-12 { width: 100% } .col-sm-11 { width: 91.66666667% } .col-sm-10 { width: 83.33333333% } .col-sm-9 { width: 75% } .col-sm-8 { width: 66.66666667% } .col-sm-7 { width: 58.33333333% } .col-sm-6 { width: 50% } .col-sm-5 { width: 41.66666667% } .col-sm-4 { width: 33.33333333% } .col-sm-3 { width: 25% } .col-sm-2 { width: 16.66666667% } .col-sm-1 { width: 8.33333333% } .col-sm-pull-12 { right: 100% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-9 { right: 75% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-6 { right: 50% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-3 { right: 25% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-0 { right: auto } .col-sm-push-12 { left: 100% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-9 { left: 75% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-6 { left: 50% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-3 { left: 25% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-0 { left: auto } .col-sm-offset-12 { margin-left: 100% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-0 { margin-left: 0 } } @media (min-width:1024px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left } .col-md-12 { width: 100% } .col-md-11 { width: 91.66666667% } .col-md-10 { width: 83.33333333% } .col-md-9 { width: 75% } .col-md-8 { width: 66.66666667% } .col-md-7 { width: 58.33333333% } .col-md-6 { width: 50% } .col-md-5 { width: 41.66666667% } .col-md-4 { width: 33.33333333% } .col-md-3 { width: 25% } .col-md-2 { width: 16.66666667% } .col-md-1 { width: 8.33333333% } .col-md-pull-12 { right: 100% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-9 { right: 75% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-6 { right: 50% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-3 { right: 25% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-0 { right: auto } .col-md-push-12 { left: 100% } .col-md-push-11 { left: 91.66666667% } .col-md-push-10 { left: 83.33333333% } .col-md-push-9 { left: 75% } .col-md-push-8 { left: 66.66666667% } .col-md-push-7 { left: 58.33333333% } .col-md-push-6 { left: 50% } .col-md-push-5 { left: 41.66666667% } .col-md-push-4 { left: 33.33333333% } .col-md-push-3 { left: 25% } .col-md-push-2 { left: 16.66666667% } .col-md-push-1 { left: 8.33333333% } .col-md-push-0 { left: auto } .col-md-offset-12 { margin-left: 100% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-0 { margin-left: 0 } } @media (min-width:1280px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left } .col-lg-12 { width: 100% } .col-lg-11 { width: 91.66666667% } .col-lg-10 { width: 83.33333333% } .col-lg-9 { width: 75% } .col-lg-8 { width: 66.66666667% } .col-lg-7 { width: 58.33333333% } .col-lg-6 { width: 50% } .col-lg-5 { width: 41.66666667% } .col-lg-4 { width: 33.33333333% } .col-lg-3 { width: 25% } .col-lg-2 { width: 16.66666667% } .col-lg-1 { width: 8.33333333% } .col-lg-pull-12 { right: 100% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-9 { right: 75% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-6 { right: 50% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-3 { right: 25% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-0 { right: auto } .col-lg-push-12 { left: 100% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-9 { left: 75% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-6 { left: 50% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-3 { left: 25% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-0 { left: auto } .col-lg-offset-12 { margin-left: 100% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-0 { margin-left: 0 } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .affix { position: fixed } @-ms-viewport { width: device-width } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important } @media (max-width:767px) { .visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } th.visible-xs, td.visible-xs { display: table-cell !important } } @media (max-width:767px) { .visible-xs-block { display: block !important } } @media (max-width:767px) { .visible-xs-inline { display: inline !important } } @media (max-width:767px) { .visible-xs-inline-block { display: inline-block !important } } @media (min-width:768px) and (max-width:1023px) { .visible-sm { display: block !important } table.visible-sm { display: table !important } tr.visible-sm { display: table-row !important } th.visible-sm, td.visible-sm { display: table-cell !important } } @media (min-width:768px) and (max-width:1023px) { .visible-sm-block { display: block !important } } @media (min-width:768px) and (max-width:1023px) { .visible-sm-inline { display: inline !important } } @media (min-width:768px) and (max-width:1023px) { .visible-sm-inline-block { display: inline-block !important } } @media (min-width:1024px) and (max-width:1279px) { .visible-md { display: block !important } table.visible-md { display: table !important } tr.visible-md { display: table-row !important } th.visible-md, td.visible-md { display: table-cell !important } } @media (min-width:1024px) and (max-width:1279px) { .visible-md-block { display: block !important } } @media (min-width:1024px) and (max-width:1279px) { .visible-md-inline { display: inline !important } } @media (min-width:1024px) and (max-width:1279px) { .visible-md-inline-block { display: inline-block !important } } @media (min-width:1280px) { .visible-lg { display: block !important } table.visible-lg { display: table !important } tr.visible-lg { display: table-row !important } th.visible-lg, td.visible-lg { display: table-cell !important } } @media (min-width:1280px) { .visible-lg-block { display: block !important } } @media (min-width:1280px) { .visible-lg-inline { display: inline !important } } @media (min-width:1280px) { .visible-lg-inline-block { display: inline-block !important } } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:1023px) { .hidden-sm { display: none !important } } @media (min-width:1024px) and (max-width:1279px) { .hidden-md { display: none !important } } @media (min-width:1280px) { .hidden-lg { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table !important } tr.visible-print { display: table-row !important } th.visible-print, td.visible-print { display: table-cell !important } } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } } @media print { .hidden-print { display: none !important } } @media(min-width:1500px) { .container { width: 100%; max-width: 1652px; } .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { float: left; } .col-xl-12 { width: 100%; } .col-xl-11 { width: 91.66666667%; } .col-xl-10 { width: 83.33333333%; } .col-xl-9 { width: 75%; } .col-xl-8 { width: 66.66666667%; } .col-xl-7 { width: 58.33333333%; } .col-xl-6 { width: 50%; } .col-xl-5 { width: 41.66666667%; } .col-xl-4 { width: 33.33333333%; } .col-xl-3 { width: 25%; } .col-xl-2 { width: 16.66666667%; } .col-xl-1 { width: 8.33333333%; } .col-xl-pull-12 { right: 100%; } .col-xl-pull-11 { right: 91.66666667%; } .col-xl-pull-10 { right: 83.33333333%; } .col-xl-pull-9 { right: 75%; } .col-xl-pull-8 { right: 66.66666667%; } .col-xl-pull-7 { right: 58.33333333%; } .col-xl-pull-6 { right: 50%; } .col-xl-pull-5 { right: 41.66666667%; } .col-xl-pull-4 { right: 33.33333333%; } .col-xl-pull-3 { right: 25%; } .col-xl-pull-2 { right: 16.66666667%; } .col-xl-pull-1 { right: 8.33333333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-12 { left: 100%; } .col-xl-push-11 { left: 91.66666667%; } .col-xl-push-10 { left: 83.33333333%; } .col-xl-push-9 { left: 75%; } .col-xl-push-8 { left: 66.66666667%; } .col-xl-push-7 { left: 58.33333333%; } .col-xl-push-6 { left: 50%; } .col-xl-push-5 { left: 41.66666667%; } .col-xl-push-4 { left: 33.33333333%; } .col-xl-push-3 { left: 25%; } .col-xl-push-2 { left: 16.66666667%; } .col-xl-push-1 { left: 8.33333333%; } .col-xl-push-0 { left: auto; } .col-xl-offset-12 { margin-left: 100%; } .col-xl-offset-11 { margin-left: 91.66666667%; } .col-xl-offset-10 { margin-left: 83.33333333%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-offset-8 { margin-left: 66.66666667%; } .col-xl-offset-7 { margin-left: 58.33333333%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-offset-5 { margin-left: 41.66666667%; } .col-xl-offset-4 { margin-left: 33.33333333%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-offset-2 { margin-left: 16.66666667%; } .col-xl-offset-1 { margin-left: 8.33333333%; } .col-xl-offset-0 { margin-left: 0%; } } /* End */ /* Start:/local/templates/maksiled/css/jquery.mCustomScrollbar.min.css?158141322242839*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/maksiled/css/mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/templates/maksiled/css/style.css?1779288975235645*/ }@charset "UTF-8"; html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } header, section, footer { clear: both; } html { overflow-y: scroll; } ul { list-style: outside disc; margin: 15px 0 15px 30px; } ol { list-style: outside decimal; margin: 15px 0 15px 30px; } table { border-collapse: collapse; border-spacing: 0; } td, td img { vertical-align: top; } button, input, select, textarea { margin: 0; outline: none; } input::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; } input, select { vertical-align: middle; } input[type="radio"], input[type="checkbox"] { margin: 1px 4px 4px 0; } input[type="text"], input[type="password"] { border-radius: 0; -webkit-appearance: none; } textarea { overflow: auto; resize: vertical; border-radius: 0; -webkit-appearance: none; } button, input[type="submit"] { width: auto; overflow: visible; } .ie7 input[type="submit"], .ie7 input[type="reset"], .ie7 input[type="button"] { -webkit-filter: chroma(color=#000000); filter: chroma(color=#000000); } input[type="button"], input[type="submit"], button { cursor: pointer; border-radius: 0; -webkit-appearance: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } small { font-size: 80%; line-height: 22px; display: inline-block; } strong { font-weight: bold; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } .main_baner_consultations sup { top: 0.2em; } sub { bottom: -0.25em; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; font-size: 0; line-height: 0; } pre, code, kbd, samp { font-family: PT Sans; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } .ie7 img { -ms-interpolation-mode: bicubic; } .clear { clear: both; height: 0; font-size: 0; line-height: 0; } .center { text-align: center; margin-left: auto; margin-right: auto; } @font-face { font-family: "PT Sans Icons"; src: url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.eot?u7s333tc8"); src: url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.eot?u7s333tc8#iefix") format("embedded-opentype"), url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.ttf?u7s333tc8") format("truetype"), url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.woff?u7s333tc8") format("woff"), url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.svg?u7s333tc8#icomoon") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: FontAwesome; src: url(/font-awesome-4.7.0/fonts/fontawesome-webfont.eot); src: url(/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(/font-awesome-4.7.0/fonts/fontawesome-webfont.woff) format("woff"), url(/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf) format("truetype"), url(/font-awesome-4.7.0/fonts/fontawesome-webfont.svg#fontawesomeregular) format("svg"); font-weight: 400; font-style: normal; } svg:not(.b24-crm-button-icon, .b24-widget-button-icon) { /*background-color: white;*/ } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "PT Sans Icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ letter-spacing: 0; -webkit-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-car:before { content: "\e91e"; } .icon-place:before { content: "\e91f"; } .icon-chat:before { content: "\e914"; color: #fe7f1c; } .icon-chat-bg:before { content: "\e915"; color: #eee; } .icon-delivery:before { content: "\e916"; color: #fe7f1c; } .icon-delivery-bg:before { content: "\e917"; color: #eee; } .icon-like:before { content: "\e918"; color: #fe7f1c; } .icon-like-bg:before { content: "\e919"; color: #eee; } .icon-list:before { content: "\e91a"; color: #fe7f1c; } .icon-list-bg:before { content: "\e91b"; color: #eee; } .icon-storage:before { content: "\e91c"; color: #fe7f1c; } .icon-storage-bg:before { content: "\e91d"; color: #eee; } .icon-checkbox:before { content: "\e913"; } .icon-minus:before { content: "\e911"; } .icon-plus:before { content: "\e912"; } .icon-phone:before { content: "\e910"; } .icon-arrow-back:before { content: "\e90f"; } .icon-hamburger:before { content: "\e90d"; } .icon-location:before { content: "\e90e"; } .icon-archive:before { content: "\e90c"; } .icon-close:before { content: "\e90b"; } .icon-price-tag:before { content: "\e90a"; } .icon-person:before { content: "\e909"; } .icon-arrow-bottom:before { content: "\e900"; } .icon-letter:before { content: "\e908"; } .icon-check:before { content: "\e905"; } .icon-chart:before { content: "\e907"; } .icon-arrow-top:before { content: "\e901"; } .icon-basket:before { content: "\e902"; } .icon-basket1:before { content: "\e902"; } .icon-calculator:before { content: "\e903"; } .icon-instagram:before { content: "\e904"; } .icon-vk:before { content: "\e906"; } .icon-search:before { content: "\e986"; } .icon-search1:before { content: "\e986"; color: white; } .icon-youtube:before { content: "\ea9d"; } .main-partners { /*padding-bottom: 50px;*/ } .disclaim-main-partners { font-size: 0.7rem; color: #9a9085; text-align: end; line-height: 1.5; } /* ------------------------------------------------- Custom fonts ------------------------------------------------- */ /* @font-face { font-family: 'PT Sans'; src: url("/local/templates/maksiled/css/../fonts/HelveticaNeueCyrRoman1.eot"); src: url("/local/templates/maksiled/css/../fonts/HelveticaNeueCyrRoman1.eot") format("embedded-opentype"), url("/local/templates/maksiled/css/../fonts/HelveticaNeueCyrRoman1.woff") format("woff"), url("/local/templates/maksiled/css/../fonts/HelveticaNeueCyrRoman1.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'PT Sans'; src: url("/local/templates/maksiled/css/../fonts/helveticaneuebold.woff2") format("woff2"), url("/local/templates/maksiled/css/../fonts/helveticaneuebold.woff") format("woff"), url("/local/templates/maksiled/css/../fonts/helveticaneuebold.ttf") format("ttf"); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'PT Sans'; src: url(/local/templates/maksiled/css/../fonts/PTS55F.ttf); src: url(/local/templates/maksiled/css/../fonts/PTS55F.ttf?#iefix) format('embedded-opentype'),url(/local/templates/maksiled/css/../fonts/PTS55F.ttf) format('woff2'),url(/local/templates/maksiled/css/../fonts/PTS55F.ttf) format('woff'),url(/local/templates/maksiled/css/../fonts/PTS55F.ttf) format('truetype'),url(/local/templates/maksiled/css/../fonts/HelveticaNeueCyr-Thin.svg#svgFontName) format('svg') } @keyframes bannermove { 0% { margin-left: 0px; } 100% { margin-left: -412.5px; } } @-webkit-keyframes bannermove { 0% { margin-left: 0px; } 100% { margin-left: -412.5px; } } .line-clamp { overflow: hidden; position: relative; line-height: 25px; max-height: 75px; margin-right: -1em; } .line-clamp:before { content: "..."; position: absolute; right: 0; bottom: 0; opacity: 0; } .line-clamp.overflowed { text-align: justify; padding-right: 1em; } .line-clamp.overflowed:before { opacity: 1; } .imitate-h2 { color: #222222; font-size: 25px; line-height: 32px; margin-bottom: 25px; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; } form .imitate-h2 { width: 350px; text-align: center; } /*------pro----*/ .prodject { width: 48%; min-height: 150px; /*background: #ccc;*/ float: left; background-image: url("/local/templates/maksiled/images/racshet.jpg"); background-position: 50% 50%; background-repeat: no-repeat; } .program { width: 50%; min-height: 150px; /*background: #c00;*/ margin-left: 50%; background-image: url("/local/templates/maksiled/images/programa.jpg"); background-position: 50% 50%; background-repeat: no-repeat; } .subbanners_main { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: space-between; flex-wrap: wrap; } .subbanners_main .banners { min-height: 150px; background-position: 50% 50%; background-repeat: no-repeat; } .subbanners_main .linkblock { flex: 0 1 calc((100% - 33px)/3); } .banners.banner_1 { background-image: url("/local/templates/maksiled/images/main_banners/1_visual.jpg"); } .banners.banner_2 { background-image: url("/local/templates/maksiled/images/main_banners/2_calc.jpg"); } .banners.banner_3 { background-image: url("/local/templates/maksiled/images/main_banners/3_soft.jpg"); } .centerspace { width: 50%; min-height: 150px; background: white; } .text_prodj { padding-top: 30px; padding-left: 30px; } .text_prodj3 { padding-top: 30px; padding-left: 30px; } .button1 { padding-top: 10px; } .buttonsbody [type="submit"] { border: 2px solid #fe7f1c; height: 38px; font-family: PT Sans; font-size: 15px; line-height: 35px; position: relative; background-color: transparent; background-color: #fe7f1c; color: white; width: 150px; } /*------pro------*/ .mainquestions { border-bottom: 2px solid #fe7f1c; } .prodject1 { width: 50%; /*min-height: 262px; background: #fff; */ float: left; /* background-image: url('/local/templates/maksiled/images/racshet.jpg'); */ } .prodject1 h1 { margin-top: 0; } .mainquestions .prodject1 { width: 43%; } .program1 { width: 57%; background: #fff; margin-left: 43%; /*background-image: url("/local/templates/maksiled/images/questions.jpg"); min-height: 250px; */ background-position: right; background-repeat: no-repeat; } .centerspace1 { width: 50%; min-height: 150px; background: white; } .text_prodj1 { padding-top: 30px; padding-left: 10px; line-height: 1.8; } .mainquestions .text_prodj1 { line-height: 1; padding-top: 3px; padding-left: 0; } .mainquestions .text_prodj2 { float: left; padding-top: 3px; } .mainquestions .button2 { text-align: center; } .mainquestions .checkbox2 { padding-top: 2px; text-align-last: center; } .text_prodj2 { padding-top: 12px; padding-left: 10px; } .button2 { padding-top: 32px; padding-left: 10px; } .checkbox2 { padding-top: 42px; padding-left: 10px; font-size: 13px; } .resultform { padding-left: 10px; font-size: 12px; } /*------que------*/ .machine { background-image: url("/local/templates/maksiled/images/dostav.svg"); background-position: left 2px; background-repeat: no-repeat; background-size: 32px; padding-left: 38px; } /*------que------*/ .v2-catalog-list .catalogsvetodiodnye_moduli { background-image: url("/local/templates/maksiled/img/catalogsvetodiodnye.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogsvetodiodnye_lenty { background-image: url("/local/templates/maksiled/img/catalogsvetodiodnye_lenty.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogsmart_produktsiya { background-image: url("/local/templates/maksiled/img/catalogsmart_produktsiya.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogneon_flex, .v2-catalog-list .cataloggibkiy_neon { background-image: url("/local/templates/maksiled/img/neon_flex.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .maksbrightru { background-image: url("/local/templates/maksiled/img/arkhitekturnoe_osveshchenie.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogsvetodiodnye_pikseli { background-image: url("/local/templates/maksiled/img/svetodiodnye_pikseli.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogbloki_pitaniya { background-image: url("/local/templates/maksiled/img/bloki_pitaniya.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; } .v2-catalog-list .catalogprozhektory { background-image: url("/local/templates/maksiled/img/prozhektory.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogkontrollery { background-image: url("/local/templates/maksiled/img/kontrollery.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogpaneli_svetilniki { background-image: url("/local/templates/maksiled/img/paneli_svetilniki.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .profilialyuminievyedlyasvetodiodnoylenty { background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-item>.profilialyuminievyedlyasvetodiodnoylenty{ background-image: url("/local/templates/maksiled/img/profili.png"); } .v2-catalog-list .catalogbegushchie_stroki_displei_beydzhi { background-image: url("/local/templates/maksiled/img/begushchie_stroki_displei_beydzhi.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogsvetodiodnye_lampy { background-image: url("/local/templates/maksiled/img/svetodiodnye_lampy.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; white-space: nowrap; } .v2-catalog-list .catalogsale { background-image: url("/local/templates/maksiled/img/sale.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; color: red; } .v2-catalog-list .catalogprovoda_konnektory_komplektuyushchie { background-image: url("/local/templates/maksiled/img/komplektuyushchie_dlya_podklyucheniya_lent_i_moduley.png"); background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; } .v2-catalog-list .v2-catalog-item__link[style*="background-image"] { background-position: 9px center; background-size: 32px auto; background-repeat: no-repeat; } .v2-catalog-item__submenu-item a { padding: 0 15px; } /* .v2-catalog-item__submenu-item a.catalog.svetodiodnyemoduli.tipmodulya, .v2-catalog-item__submenu-item a.catalog.svetodiodnyemoduli.kolichestvodiodov, .v2-catalog-item__submenu-item a.catalog.svetodiodnyemoduli.tsvet, .v2-catalog-item__submenu-item a.plotnost.active.custom-link, .v2-catalog-item__submenu-item a.pitanie.active.custom-link, .v2-catalog-item__submenu-item a.cvet.active.custom-link, .v2-catalog-item__submenu-item a.stabilizaciya.active.custom-link, .v2-catalog-item__submenu-item a.dimmirovanie.active.custom-link, .v2-catalog-item__submenu-item a.proizvodstvo.active.custom-link, .v2-catalog-item__submenu-item a.upravlyaemie.active.custom-link, .v2-catalog-item__submenu-item a.diametr.active.custom-link { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; width: 200px; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; padding-top: 7px; padding-left: 0; } */ /*------search------*/ .searchv1 { width: 38%; min-height: 60px; background: #ebecec; float: left; padding-top: 17px; padding-left: 50px; border-radius: 10px; } .searchv2 { width: 62%; min-height: 60px; background: #ebecec; float: left; padding-top: 10px; border-radius: 10px; margin-left: -12px; } .bodysearch { width: 95% !important; border-radius: 20px !important; } .bodysearch1 { width: 200px !important; border-radius: 20px !important; } .quest1 { display: none; } .buttonfind[type="submit"] { position: absolute; top: 6%; bottom: 6%; right: 5.4%; z-index: 9; outline: none; border: none; display: inline-block; background: #fe7f1c; background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-image: none; color: #fff; padding: 1px 1px; padding-left: 1px; border-radius: 25px; cursor: pointer; background-image: url(/local/templates/maksiled/images/search-icon-button.png); background-position: 63px center; background-repeat: no-repeat; background-size: 16px 17px; font-size: 16px; font-family: PT Sans; width: 90px; padding-left: 14px; text-align: left; } .questa { display: none; } /*------search------*/ /* End required CSS. */ /*----------icon font----------------*/ /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; 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; /*width: 1800px;*/ /*margin-left: 30px;*/ } .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); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .main_banner_list-wrap .slick-track { display: flex; justify-content: space-evenly; } .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; /*width: 340px !important;*/ } [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; } /* select with custom icons */ .ui-selectmenu-menu .badge { width: 21px; height: 21px; display: inline-block; } .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper { padding: 0.5em 0 0.5em 3em; } .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon { height: 24px; width: 24px; top: 0.1em; } .ui-icon.video { background: url("/local/templates/maksiled/css/images/24-video-square.png") 0 0 no-repeat; } .ui-icon.podcast { background: url("/local/templates/maksiled/css/images/24-podcast-square.png") 0 0 no-repeat; } .ui-icon.rss { background: url("/local/templates/maksiled/css/images/24-rss-square.png") 0 0 no-repeat; } /* select with CSS avatar icons */ option.avatar { background-repeat: no-repeat !important; padding-left: 20px; } .avatar .ui-icon { background-position: left top; } .button.disabled { background-color: #f4f1ee; color: #d0c7be; cursor: not-allowed; border-color: #f4f1ee; } .animated-button-wrap { min-width: 165px; } .animated-button-wrap button, .animated-button-wrap a, .animated-button-wrap input { display: block; width: 100%; } .animated-button-wrap.disabled { background-color: #f4f1ee !important; color: #d0c7be !important; cursor: not-allowed; border-color: #f4f1ee !important; } .animated-button-wrap.disabled .animated-button { border-color: #f4f1ee !important; border-width: 2px !important; color: #d0c7be !important; cursor: not-allowed !important; } .animated-button-wrap.disabled:hover { color: #d0c7be; } .animated-button-wrap.disabled:hover .animated-button { border-width: 2px !important; border-color: transparent !important; color: #d0c7be !important; } .animated-button-wrap.disabled:hover:before { -webkit-transform: scale(0) !important; -ms-transform: scale(0) !important; transform: scale(0) !important; } /* ------------------------------------------------- Basic styles ------------------------------------------------- */ html { min-width: 320px; } body { position: relative; margin: 0 auto; font-family: PT Sans; font-size: 15px; line-height: 24px; background: #fff; color: #222222; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-height: 100vh; } .page-wrap { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; min-height: 350px; } a, .workarea a { -webkit-transition: all ease-in-out 0s; -o-transition: all ease-in-out 0s; transition: all ease-in-out 0s; color: inherit; text-decoration: none; } a:hover, .workarea a:hover { text-decoration: none; } a.ajax-link { text-decoration: none; border-bottom: 1px dashed; } .compare .icon { cursor: pointer; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .compare .icon.active { color: #fe7f1c; } .compare .icon:hover { color: #fe7f1c; } p { margin-bottom: 20px; line-height: 22px; } h1 { /*padding-left: 15px;*/ color: #222222; font-size: 35px; font-weight: 800; line-height: 50px; margin-bottom: 20px; margin-top: 50px; } h2 { color: #222222; font-size: 30px; line-height: 32px; margin-bottom: 25px; } h3 { color: #222222; font-size: 24px; line-height: 30px; margin-bottom: 20px; } h4 { color: #222222; font-size: 20px; line-height: 30px; margin-bottom: 20px; } h5 { color: #222222; font-size: 17px; line-height: 30px; margin-bottom: 20px; } h6 { color: #222222; font-size: 14px; line-height: 30px; margin-bottom: 20px; } input[type="text"], input[type="password"] { outline: none; border: none; } input[type="tel"], input[type="email"] { border: 1px solid #dadada; } figure { padding: 0; margin-bottom: 30px; } figure figcaption { font-size: 15px; line-height: 22px; color: #9a9085; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } * { min-height: 0; min-width: 0; } /* ------------------------------------------------- Print styles ------------------------------------------------- */ ::-webkit-input-placeholder { color: #9a9085; } ::-moz-placeholder { color: #393734; } /* Firefox 19+ */ :-moz-placeholder { color: #9a9085; } /* Firefox 18- */ :-ms-input-placeholder { color: #9a9085; } /* ------------------------------------------------- Styles ------------------------------------------------- */ .wrapper { margin: 0 auto; } .no-spinners { -moz-appearance: textfield; } .no-spinners::-webkit-outer-spin-button, .no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .date { color: #9a9085; font-size: 15px; line-height: 20px; } .cities-dropdown { /* Track */ /* Handle */ display: none; z-index: 105; color: #000; position: absolute; width: 280px; background-color: #fff; overflow: hidden; /*height: 0px;*/ padding: 0px 20px; /* padding-right: 10px; */ /* -webkit-transition: all ease-in-out 0.6s; transition: all ease-in-out 0.6s; */ } .cities-dropdown > div > div > div { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .cities-dropdown::-webkit-scrollbar { width: 3px; } .cities-dropdown::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px transparent; border-radius: 3px; } .cities-dropdown::-webkit-scrollbar-thumb { border-radius: 10px; background: #9a9085; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .cities-dropdown::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.5); } .cities-dropdown.active { padding: 20px !important; /* padding-right: 10px !important; height: 300px !important; */ } .v2-header .cities-dropdown p { margin-bottom: 10px; } .cities-dropdown .title { font-size: 18px; margin-bottom: 25px; } .cities-dropdown p { margin-bottom: 0; } .cities-dropdown .cities-list { /*height: 340px;*/ overflow: auto; } .cities-dropdown .cities-list a { line-height: 24px; font-size: 13px; color: #9a9085; border-bottom: 1px solid rgba(154, 144, 133, 0.5); } .cities-dropdown .cities-list a:hover { border-color: transparent; } .cities-dropdown .cities-list .all-cities-unit-title { padding: 15px 0; text-transform: uppercase; } .popup { position: relative; padding: 25px; -webkit-box-shadow: 1px 1px 17px 0px rgba(254, 127, 28, 0.2); box-shadow: 1px 1px 17px 0px rgba(254, 127, 28, 0.2); margin-bottom: 20px; } .popup-wrap { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 505; } .popup-wrap .popup { background-color: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-wrap.active { opacity: 1; visibility: visible; z-index: 990; } .popup .animated-button-wrap { position: relative; display: inline-block; overflow: hidden; z-index: 1; height: 38px; border-radius: 38px; } .popup .animated-button-wrap:before { z-index: 0; content: ""; -webkit-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; -webkit-transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); -o-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); width: 200px; height: 200px; display: block; background-color: #fff; position: absolute; top: 50%; border-radius: 100px; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .popup .animated-button-wrap:hover:before { background-color: #fe7f1c; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .popup .animated-button-wrap:hover .animated-button { color: #fff; } .popup .animated-button-wrap .animated-button { overflow: hidden; text-align: center; border: 2px solid #fe7f1c; height: 38px; border-radius: 38px; font-size: 15px; line-height: 30px; position: relative; background-color: transparent; color: #fe7f1c; } .popup .animated-button-wrap:active:before { background-color: #e46b0d; } .popup input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) { font-family: PT Sans; font-size: 15px; padding-left: 15px; width: 100%; height: 40px; line-height: 40px; border: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #dadada; text-decoration: none; outline: none; margin: 0; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .popup input:focus, .popup textarea:focus { border: 1px solid #fe7f1c; } .popup textarea { font-family: PT Sans; font-size: 15px; padding-left: 15px; width: 100%; height: 70px; min-height: 70px; line-height: 40px; border: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #dadada; text-decoration: none; outline: none; margin: 0; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; resize: vertical; } .popup .form-input, .popup .form-textarea { padding-left: 15px; float: right; border: 1px solid #dadada; width: calc(100% - 100px); margin-bottom: 25px; } .popup-title { margin-bottom: 20px; font-size: 24px; line-height: 30px; text-align: center; padding-top: 20px; } .popup .form-input-submit { width: 180px; } .popup a.popup-phone, .popup a.popup-mail { display: block; margin-bottom: 5px; border: none; } a.popup-phone span, a.popup-mail span { border-bottom: 1px dashed #ccc; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } a.popup-phone span:hover, a.popup-mail span:hover { border-bottom: 1px dotted transparent; } .popup-city, .popup-departament-title { font-size: 18px; margin-bottom: 5px; } .popup .form-submit-wrap { margin: auto; } .popup-contacts { margin-bottom: 10px; } .popup--subscribe .form-submit-wrap { margin-left: 0; } .popup-close { position: absolute; top: 15px; right: 15px; color: #fe7f1c; cursor: pointer; } .form-unput-wrap { margin-bottom: 20px; } .form-unput-wrap h2 { text-align: center; font-weight: normal; padding-top: 25px; } .dropdown-shadow { -webkit-box-shadow: 0px 5px 17px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 17px 0px rgba(50, 50, 50, 0.5); } .header { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; z-index: 100; width: 100%; padding-top: 30px; background: url("/local/templates/maksiled/css/../images/header-bg.jpg") no-repeat top center; background-size: cover; height: 100px; color: #fff; position: fixed; top: 0; left: 0; } .header .container { height: 100%; position: relative; } .header-logo .mobile-logo { display: block; width: 137px; height: 30px; background: url("/local/templates/maksiled/css/../images/maksiled-logo-mobile.svg") no-repeat top left; background-size: cover; } .header .row { margin: 0; } .header-phones { padding-top: 5px; float: right; } .header-phones-unit .number { line-height: 21px; font-size: 18px; margin-bottom: 0; } .header-phones-unit .info { vertical-align: top; display: inline-block; font-size: 13px; line-height: 13px; color: #9a9085; position: relative; } .header-phones-unit .icon { display: inline-block; color: #fff; position: absolute; font-size: 6px; top: 8px; right: -15px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .header-phones-unit .icon.active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .header-phones-unit:nth-child(2) { padding-left: 19px; } .header-phones-unit:nth-child(2) .info { cursor: pointer; } .header-phones-dropdown { top: 45px; left: -30px; } .city-choose .city_curent_name { display: block; margin-top: 3px; -webkit-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } .city-choose .city_curent_name:hover { color: #fff; } .header-info { padding-top: 1px; } .header-info a { font-size: 13px; line-height: 24px; border-bottom: 1px solid rgba(154, 144, 133, 0.5); } .header-info a:hover { border-color: #9a9085; } .header-switch { text-align: right; padding-top: 5px; } .header-switch .switch-wrap { margin-bottom: 10px; display: inline-block; } .header-switch .switch-wrap .switch { margin: 0 10px; -webkit-transform: translate(0, 25%); -ms-transform: translate(0, 25%); transform: translate(0, 25%); position: relative; display: inline-block; width: 38px; height: 19px; } .header-switch .switch-wrap .switch input { display: none; } .header-switch .switch-wrap .switch.checked .slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px); } .header-switch .switch-wrap .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255, 255, 255, 0.5); background-color: transparent; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-radius: 19px; } .header-switch .switch-wrap .slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 2px; bottom: 1px; background-color: #f57613; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; border-radius: 15px; -webkit-box-shadow: 0px 0px 11px 0px rgba(245, 118, 19, 0.5); box-shadow: 0px 0px 11px 0px rgba(245, 118, 19, 0.5); } .header-switch .switch-wrap input:focus + .slider { -webkit-box-shadow: 0 0 1px #2196f3; box-shadow: 0 0 1px #2196f3; } .header-switch .lang-wrap { margin-left: 30px; display: inline-block; } .header-switch .lang-wrap span { margin: 0 5px; color: #9a9085; } .header-switch a { font-size: 13px; line-height: 18px; color: #9a9085; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .header-switch a.active { border: none; color: #fff; } .header-switch a.active:hover { border: none; } .header-switch a:hover { border-color: #fff; } .header-mobile-menu-button { display: none; padding: 0; position: absolute; top: -25px; /*right: 670px;*/ height: 80px; width: 90px; /*border-right: 1px solid rgba(255, 255, 255, 0.5);*/ /*border-right-color: rgba(255, 255, 255, 0.5);*/ } .header .phone-mobile { position: absolute; top: 0; right: 75px; border-left: 1px solid rgba(255, 255, 255, 0.5); height: 60px; width: 75px; } .header .phone-mobile .icon { font-size: 33px; height: 33px; width: 33px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .menu-mobile { padding: 0; opacity: 0; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; /* top: 0;*/ top: 0px; left: 0; visibility: hidden; position: fixed; width: 100%; height: 0; z-index: 9999999; background-color: white; } .menu-mobile-wrapper { -webkit-overflow-scrolling: touch; height: 90vh; width: 100%; overflow-y: auto; overflow-x: hidden; padding: 0; -webkit-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; transition: all ease-in-out 0.4s; padding-bottom: 50px; position: absolute; top: 10px; left: 0; } .menu-mobile.active { opacity: 1; visibility: visible; height: 100%; /* height: 100vh; */ max-height: none; } .menu-mobile-header { /* padding-left: 30px; */ /* position: relative; */ /* height: 80px;*/ /* height: 0px; */ /* line-height: 80px; */ /* display: none; */ } .menu-mobile-header .lang { display: block; opacity: 1; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; float: left; } .menu-mobile-header .lang a { color: #9a9085; } .menu-mobile-header .lang a.active { color: #222222; } .menu-mobile-header .lang span { color: #9a9085; margin: 0 5px; } .menu-mobile-header .container { position: relative; } .menu-mobile-header .arrow-prev { cursor: pointer; line-height: 30px; display: none; opacity: 0; width: 30px; height: 30px; position: fixed; top: 10px; left: 15px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .menu-mobile-header.submenu { background: url("/local/templates/maksiled/css/../images/header-mobile-menu-bg.png"); background-size: cover; } .menu-mobile-header.submenu .lang { opacity: 0; display: none; } .menu-mobile-header.submenu .arrow-prev { opacity: 1; display: block; z-index: 20000; } .menu-mobile-close-wrap { position: fixed; width: 30px; height: 30px; /* float: right;*/ text-align: center; right: 8px; top: 10px; z-index: 1000; } .menu-mobile-close-wrap .header-hamburger > * { background-color: #222222; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .menu-mobile-second .catalograsprodazha { color: red; } .menu-mobile-second .menu-mobile-unit-next .catalograsprodazha { color: #444444; } .menu-mobile-first { width: 100%; float: none; } .menu-mobile-first .menu-mobile-unit:last-child { border-bottom: 1px solid #dadada; } .menu-mobile-second { width: 100%; /* float: left; */ opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #fff; z-index: 10; pointer-events: none; } .menu-mobile-second.submenu { pointer-events: auto; opacity: 1; } .menu-mobile-second .menu-mobile-unit { border-top: none; } .menu-mobile-second .mobile-cities .menu-mobile-unit { border-bottom: 1px solid #dadada; } .menu-mobile-second .mobile-catalogue .menu-mobile-unit { border-bottom: none; } .menu-mobile-unit-title.catalogsale { display: none; } .menu-mobile-second .menu-mobile-unit > a { border-bottom: 1px solid #dadada; } .menu-mobile-second .chosen { display: block; } .menu-mobile-second > div { display: none; } .menu-mobile-unit { font-size: 18px; /* min-height: 50px;*/ /* line-height: 50px;*/ min-height: 30px; line-height: 35px; border-top: 1px solid #dadada; } .menu-mobile-unit .container { padding: 0 15px; } .menu-mobile-unit a { display: block; position: relative; } .menu-mobile-unit.city-choose a { padding-left: 40px; } .menu-mobile-unit.city-choose a:before { position: absolute; left: 5px; top: 0px; font-family: "PT Sans Icons"; content: "\e90e"; /* color: #222222;*/ font-size: 25px; color: #999; } .menu-mobile-unit.catalogue-unit a { padding-left: 40px; } .menu-mobile-unit.catalogue-unit a:before { position: absolute; left: 0px; top: 0px; font-family: "PT Sans Icons"; content: "\e90d"; /* color: #222222;*/ font-size: 18px; color: #999; } .menu-mobile-unit.expanded a:after { position: absolute; right: 0px; top: 0px; font-family: "PT Sans Icons"; content: "\e900"; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); color: #222222; font-size: 6px; } .menu-mobile-unit.controls { position: absolute; width: 100%; bottom: 0; background-color: #fff; left: 0; border-bottom: 1px solid #dadada; height: 6vh; min-height: 44px; } .menu-mobile-unit.controls .container { height: 100%; } .menu-mobile-unit.controls .mobile-search { position: absolute; bottom: 103%; left: -100%; height: 50px; padding-left: 20px; font-size: 18px; width: 100%; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; visibility: hidden; } .menu-mobile-unit.controls .mobile-search.active { visibility: visible; left: 0; border-color: #dadada; } .menu-mobile-unit.controls .controls-unit { height: 100%; text-align: center; border-left: 1px solid #dadada; width: 25%; float: left; line-height: 50px; display: none; } .menu-mobile-unit.controls .controls-unit:first-child { border-left: none; } .menu-mobile-unit.controls .controls-unit a { height: 100%; display: block; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .menu-mobile-unit.controls .controls-unit a:after { content: ""; position: absolute; height: 4px; visibility: hidden; bottom: 0; left: 0; background: -webkit-gradient( linear, left top, right top, from(#f57613), to(#fca600) ); background: -o-linear-gradient(left, #f57613 0%, #fca600 100%); background: linear-gradient(90deg, #f57613 0%, #fca600 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f57613', endColorstr='#fca600', GradientType=1); width: 100%; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .mobile_basket_icon { position: relative; display: inline; } .mobile_basket_icon .count-badge { top: -10px; right: -5px; } .menu-mobile-unit.controls .controls-unit a:hover { color: #fe7f1c; } .menu-mobile-unit.controls .controls-unit a:hover:after { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .menu-mobile-unit.controls .controls-unit.active a { color: #fe7f1c; } .menu-mobile-unit.controls .controls-unit.active a:after { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .menu-mobile-unit .collapse-unit { margin-bottom: 0; } .menu-mobile-unit .collapse-unit-title { font-size: 18px; border: none; padding: 0 15px; border-bottom: 1px solid #dadada; font-weight: bold; } .menu-mobile-unit .collapse-unit-title:after { right: 0; top: 0; } .tipmodul { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .kolichestvodiod { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .cvetdiodov { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .svetodiodlenty { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .svetodiodlentynapryaz { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .svetodiodlentycvet { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .blokipitaniyastabilizaciya { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .blokipitaniyadimirovaniya { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .blokipitaniyaproizvoditel { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .svetodiodnyepicsili { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .svetodiodnyepicsiliupravlenie { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .svetodiodnyepicsilisize { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; } .menu-mobile .menu-mobile-unit-next { opacity: 0; pointer-events: none; position: absolute; top: 30px; left: 0; right: 0; bottom: 0; background: #fff; z-index: 2; padding: 0px 0px; /* overflow: hidden; */ } .menu-mobile .menu-mobile-unit.active .menu-mobile-unit-next { opacity: 1; pointer-events: auto; } .menu-mobile .menu-mobile-unit.active > .menu-mobile-unit-title { position: absolute; top: -2px; left: 0; right: 0; background: #fff; padding-left: 50px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding-right: 50px; white-space: nowrap; } .menu-mobile .menu-mobile-unit.active > .menu-mobile-unit-title:after { content: none; } a.menu-mobile-unit-title { padding: 7px 15px; color: #444444; line-height: 22px; position: relative; } .menu-mobile-unit .collapse-unit-text a { background: #eee; } .menu-mobile-unit .collapse-unit-text { margin: 0; } .menu-mobile .menu-mobile-unit.mobile-cities-title { border-bottom: none; padding-left: 50px; } .breadcrumbs { margin-top: 20px; line-height: 24px; color: #9a9085; margin-bottom: 20px; } .breadcrumbs-divider { display: inline-block; padding: 0 12px; } .breadcrumbs-divider:last-child { display: none; } .breadcrumbs-unit { position: relative; border-bottom: 1px solid #ccc; color: #9a9085; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .breadcrumbs-unit:hover { border-color: transparent; } .breadcrumbs-unit:nth-last-child(2) { float: none; border: none; } .breadcrumbs-unit:nth-last-child(2):after { display: none; } .video-preview { margin-bottom: 30px; } .video-preview-wrap { display: inline-block; position: relative; } .video-preview img { max-width: 100%; } .play-button { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 68px; height: 69px; border-bottom: none !important; } .play-button img { position: absolute; } .play-button .hover { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; opacity: 0; } .play-button:hover .hover { opacity: 1; } .news-unit figure { padding-left: 15px; } .news-unit figure img { max-width: 100%; } .news-unit figure p { margin-bottom: 0; text-align: center; } .news-unit .date { padding-bottom: 20px; padding-left: 0; } .news-unit .news-subtitle { margin-bottom: 20px; } .news-unit .text-wrap { padding-right: 30px; text-align: justify; } .news-unit .text-content { padding: 0; } .news-sidebar { background-color: #f8f5f2; padding: 25px 40px 35px 25px; } .news-sidebar-title { padding: 0 15px; margin-bottom: 20px; font-size: 24px; line-height: 26px; } .news-sidebar-unit { margin-bottom: 40px; } .news-sidebar-unit-date { margin-bottom: 10px; font-size: 15px; color: #9a9085; } .news-sidebar-unit-title { color: #fe7f1c; font-size: 18px; line-height: 22px; margin-bottom: 10px; } .news-sidebar-unit-title a { border-bottom: 1px solid #fe7f1c; } .news-sidebar-unit-text { font-size: 15px; line-height: 22px; } .news-sidebar-archive { margin: 20px 0; line-height: 20px; font-size: 18px; color: #fe7f1c; position: relative; } .news-sidebar-archive .icon { padding-right: 15px; color: #222222; } .news-sidebar-archive a { border-bottom: 1px solid #fe7f1c; } .header-hamburger { cursor: pointer; /* margin-left: 16px; */ top: 0; bottom: 0; right: 0; left: 0; position: absolute; width: 35px; height: 28px; font-size: 10px; /* margin-top: 4px; */ } .header-hamburger.active { top: 2px; } .header-hamburger-unit { position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #fff; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .header-hamburger-unit:nth-child(1) { top: 0; } .header-hamburger-unit:nth-child(2) { top: 12px; opacity: 1; } .header-hamburger-unit:nth-child(3) { top: 24px; } .header-hamburger.active .header-hamburger-unit:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 9px; } .header-hamburger.active .header-hamburger-unit:nth-child(2) { opacity: 0; } .header-hamburger.active .header-hamburger-unit:nth-child(3) { top: 9px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-hamburger { cursor: pointer; top: 17px; left: 0; position: absolute; height: 15px; width: 20px; } .navbar-hamburger.active:hover .navbar-hamburger-unit:nth-child(1) { top: 7px; } .navbar-hamburger.active:hover .navbar-hamburger-unit:nth-child(3) { top: 7px; } .navbar-hamburger.active .navbar-hamburger-unit:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 7px; } .navbar-hamburger.active .navbar-hamburger-unit:nth-child(2) { opacity: 0; } .navbar-hamburger.active .navbar-hamburger-unit:nth-child(3) { top: 7px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-hamburger-unit { height: 3px; width: 100%; position: absolute; left: 0; background-color: #222222; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .navbar-hamburger-unit:nth-child(1) { top: 0; } .navbar-hamburger-unit:nth-child(2) { opacity: 1; top: 6px; } .navbar-hamburger-unit:nth-child(3) { top: 12px; } .navbar { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; z-index: 99; background-color: #fff; width: 100%; position: fixed; top: 100px; left: 0; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; height: 52px; line-height: 54px; /* overflow: hidden; */ } .navbar .row { height: 100%; padding: 0 15px; } .navbar .container { height: 100%; } .navbar-catalogue { border-right: 1px solid #dadada; height: 100%; line-height: 49px; position: relative; padding-left: 40px; cursor: pointer; } .navbar-catalogue:after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 5px; } /*.navbar-catalogue:hover .navbar-hamburger .navbar-hamburger-unit:nth-child(1) { top: -3px; } .navbar-catalogue:hover .navbar-hamburger .navbar-hamburger-unit:nth-child(3) { top: 15px; } .navbar-catalogue:hover .navbar-hamburger.active .navbar-hamburger-unit:nth-child(1) { top: -3px; } .navbar-catalogue:hover .navbar-hamburger.active .navbar-hamburger-unit:nth-child(3) { top: 15px; }*/ .navbar-catalogue > span { display: block; line-height: 50px; position: relative; font-size: 18px; } .navbar-catalogue > span:after { position: absolute; top: 0; bottom: 0; margin: auto; height: 7px; font-family: "PT Sans Icons"; content: "\e900"; right: 12px; font-size: 7px; line-height: 7px; } .navbar-catalogue .icon { position: absolute; top: 25px; right: 36px; font-size: 7px; -webkit-transform: translate(0, -30%); -ms-transform: translate(0, -30%); transform: translate(0, -30%); display: -webkit-inline-box; } .navbar-menu { -webkit-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; margin-top: -1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 52px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 20px; visibility: visible; opacity: 1; } .navbar-menu.hidden { opacity: 0; visibility: hidden; } .navbar-menu-unit { font-size: 18px; position: relative; } .navbar-menu-unit:after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; height: 4px; background-color: #fff; visibility: hidden; /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: -webkit-gradient( linear, left top, right top, from(#f57613), to(#fca600) ); background: -o-linear-gradient(left, #f57613 0%, #fca600 100%); background: linear-gradient(90deg, #f57613 0%, #fca600 100%); /* w3c */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f57613', endColorstr='#fca600', GradientType=1); /* ie6-9 */ -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } .navbar-menu-unit:hover:after, .navbar-menu-unit.active:after { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar-menu-unit > a { display: block; } .navbar-menu-unit:hover .about-dropdown { min-height: 185px; padding: 30px 50px 30px 30px; pointer-events: auto; } .navbar-controls-unit:hover .about-dropdown { min-height: 48px; padding: 0 14px; pointer-events: auto; } .navbar-menu-unit.about-unit { padding-right: 20px; } .navbar-menu-unit.about-unit:before { font-family: "PT Sans Icons"; content: "\e900"; right: 3px; top: 24px; position: absolute; color: #222222; line-height: 7px; font-size: 7px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .navbar-menu-unit.about-unit:hover:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .navbar-menu-unit .icon { font-size: 7px; -webkit-transform: translate(0, -30%); -ms-transform: translate(0, -30%); transform: translate(0, -30%); display: -webkit-inline-box; } .navbar-menu-unit .about-dropdown, .navbar-controls-unit .about-dropdown { pointer-events: none; height: 0; overflow: hidden; position: absolute; top: 52px; left: -30px; z-index: 1; background-color: #fff; padding: 0px 50px 0px 30px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .navbar-controls-unit .about-dropdown { left: 0; padding: 0 10px; } .navbar-menu-unit .about-dropdown-unit, .navbar-controls-unit .about-dropdown-unit { color: #9a9085; display: block; height: 25px; line-height: 25px; font-size: 15px; /*width: 100px;*/ width: 100%; } .navbar-controls-unit .about-dropdown-unit { height: 36px; } .navbar-menu-unit .about-dropdown-unit a, .navbar-controls-unit .about-dropdown-unit a { border-bottom: 1px solid #9a9085; color: #0b0b0b; } .navbar-menu-unit .about-dropdown-unit a:hover { border-color: transparent; } form.search-form { position: relative; } .navbar-controls { height: 51px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .navbar-controls .input-wrap { width: 0; background-color: transparent; width: 275px; top: 0; right: 0; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; position: absolute; height: 36px; border-bottom: 1px solid #dadada; overflow: hidden; padding-left: 0; background-color: #fff; color: #222222; bottom: 0; margin: auto; } .navbar-controls .input-wrap .icon { color: #dadada; font-family: "PT Sans Icons"; content: "\e90b"; position: absolute; left: 10px; display: inline-block; height: 100%; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; font-size: 23px; padding-top: 13px; cursor: pointer; } .navbar-controls .input-wrap .icon:hover { color: #222222; } .navbar-controls .input-wrap.active { border-left: 1px solid #dadada; /* padding-left: 5px; */ width: 275px; overflow: visible; } .navbar-controls .navbar-search { vertical-align: top; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; font-size: 12px; line-height: 36px; padding-left: 0px; height: 36px; color: black; padding-left: 10px; width: 100%; background-color: #d9dada; border-radius: 64px; /* background-image: url('/local/templates/maksiled/images/searchicons.png'); */ /* background-position: 230px center; */ /* background-repeat: no-repeat; */ /* background-size: 25px 25px; */ } .navbar-controls-unit { position: relative; margin-top: -1px; /* border-left: 1px solid #dadada; */ width: 92px; width: 70px; /* float: left; */ -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .navbar-controls-unit .count-badge { top: 5px; right: 5px; } .navbar-controls-unit .icon-search { font-size: 28px; pointer-events: none; } .navbar-controls-unit .icon-chart { font-size: 21px; } .navbar-controls-unit .icon-basket { font-size: 22px; text-align: center; } .navbar-controls-unit .icon-person { font-size: 24px; text-align: center; } .navbar-controls-unit:last-child { border-right: 1px solid #dadada; } .navbar-controls-unit a { display: block; height: 100%; width: 100%; line-height: 52px; position: relative; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; color: #222222; text-decoration: none; } .navbar-controls-unit a:hover, .navbar-controls-unit a:focus, .navbar-controls-unit a:active { border: none !important; text-decoration: none; } .navbar-controls-unit span { display: block; height: 100%; width: 100%; line-height: 52px; position: relative; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; color: #222222; } .navbar-controls-unit a:after, .navbar-controls-unit span:after { content: ""; position: absolute; height: 4px; visibility: hidden; bottom: 0; left: 0; /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */ background: -webkit-gradient( linear, left top, right top, from(#f57613), to(#fca600) ); background: -o-linear-gradient(left, #f57613 0%, #fca600 100%); background: linear-gradient(90deg, #f57613 0%, #fca600 100%); /* w3c */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f57613', endColorstr='#fca600', GradientType=1); /* ie6-9 */ width: 100%; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .navbar-controls-unit a:hover, .navbar-controls-unit span:hover { /*color: #fe7f1c;*/ cursor: pointer; } .navbar-controls-unit a:hover:after, .navbar-controls-unit span:hover:after { visibility: visible; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } .navbar-controls-unit.active { border-color: transparent; } .catalogue { height: 0px; opacity: 0; padding-top: 0; overflow: hidden; position: fixed; top: 151px; left: 0; right: 0; margin: auto; max-width: 1620px; z-index: 105; width: 100%; border: 1px #dadada solid; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalogue .row { margin: 0; } .catalogue.active { min-height: 621px; display: block; opacity: 1; } .catalogue-header { padding-bottom: 16px; } .catalogue-phones { padding-top: 5px; } .catalogue-phones-unit:nth-child(2) { padding-left: 25px; } .catalogue-phones-unit .number { line-height: 21px; font-size: 18px; margin-bottom: 6px; } .catalogue-phones-unit .info { vertical-align: top; line-height: 13px; font-size: 13px; color: #9a9085; margin-top: 3px; } .catalogue-close { position: relative; height: 52px; } .catalogue-close .navbar-hamburger { left: 15px; } .catalogue-wrap { height: calc(82vh - 157px); overflow: auto; background: #fff; padding: 20px 10px; } .catalogue-wrap::-webkit-scrollbar { width: 3px; } .catalogue-wrap::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px transparent; border-radius: 3px; } .catalogue-wrap::-webkit-scrollbar-thumb { border-radius: 10px; background: #9a9085; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); } .catalogue-wrap::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.5); } .catalogue-menu-list { -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; padding: 0 15px 35px 15px; } .catalogue-menu-list.sale-list .catalogue-menu-list-title { color: #fe7f1c; position: relative; } .catalogue-menu-list.sale-list .catalogue-menu-list-title a { text-decoration: none; border-bottom: 1px solid transparent; } .catalogue-menu-list.sale-list .catalogue-menu-list-title a:hover { border-bottom: 1px solid #fe7f1c; } .catalogue-menu-list .icon-price-tag { font-size: 17px; color: #fe7f1c; margin-right: 5px; } .catalogue-menu-list-title { line-height: 22px; font-size: 20px; padding-bottom: 20px; margin-bottom: 0px; } .catalogue-menu-list-title a { border-bottom: 1px solid transparent; } .catalogue-menu-list-title a:hover { border-color: #222222; } .catalogue-menu-list-unit { line-height: 20px; margin-bottom: 10px; font-size: 15px; color: #94908c; text-decoration: none; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalogue-menu-list-unit a { display: block; } .catalogue-menu-list-unit a { display: inline; border-bottom: 1px solid transparent; } .catalogue-menu-list-unit a:hover { border-color: #9a9085; } .collapse-unit { margin-bottom: 20px; } .collapse-unit-title { cursor: pointer; position: relative; font-size: 20px; border-bottom: 1px dotted #fe7f1c; /* transition: all ease-in-out 0.3s */ } .collapse-unit-title:hover { border-color: transparent; } .collapse-unit-title:after, .parent > .menu-mobile-unit-title:after { /* -webkit-transition: all ease-in-out 0.3s; */ /* transition: all ease-in-out 0.3s; */ /* font-family: 'PT Sans'; */ /* content: '\e900'; */ /* right: -20px; */ /* position: absolute; */ /* color: #222222; */ /* font-size: 7px; */ position: absolute; /* right: 0px; */ /* top: 0px; */ font-family: "PT Sans Icons"; content: "\e900"; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); color: #222222; font-size: 6px; padding-bottom: 1px; padding: 0px 5px; } .parent > .menu-mobile-unit-title:after { top: 0; right: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); bottom: 0; } .collapse-unit-title.active:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .collapse-unit-text { display: none; overflow: hidden; margin-top: 15px; font-size: 15px; line-height: 22px; overflow-y: auto; } .collapse-unit.active > .collapse-unit-title:after { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .count-badge { z-index: 1; position: absolute; width: 17px; height: 17px; color: #fff; font-size: 13px; line-height: 17px; text-align: center; border-radius: 17px; background-color: #fe7f1c; font-family: PT Sans !important; } .workarea { position: relative; padding: 152px 0px 50px 0px; } .workarea.full-layout { padding-bottom: 0; } .workarea hr { height: 1px; width: 100%; background-color: #dadada; } .workarea ul { margin: 0; margin-bottom: 20px; list-style-type: none; font-size: 15px; line-height: 15px; width: 100%; padding-inline-start: 20px; } .workarea ul li { line-height: 22px; position: relative; padding-bottom: 10px; } .workarea ul li:before { position: absolute; left: -20px; top: 0; font-family: "PT Sans Icons"; content: "\e905"; color: #fe7f1c; font-size: 12px; padding-right: 12px; } .workarea ul li.select2-selection__choice:before { content: ""; } .workarea ul.exclamation li:before { content: "!"; font-size: 24px; } .workarea ol { margin: 0; margin-bottom: 20px; counter-reset: item; list-style-type: none; } .workarea ol li { line-height: 22px; font-size: 15px; /* line-height: 15px; */ counter-increment: item; padding-bottom: 10px; padding-left: 25px; position: relative; } .workarea ol li:before { position: absolute; top: 0; left: 0; padding-right: 7px; color: #fe7f1c; text-align: center; content: counter(item) "."; } .workarea .contacts { font-size: 15px; line-height: 22px; margin-bottom: 20px; } .workarea .contacts p { margin-bottom: 10px; } .workarea .contacts a { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .workarea .contacts a:hover { border-color: transparent; } .workarea .table { border-collapse: collapse; width: 100%; } .workarea .table-title { font-size: 24px; line-height: 30px; margin-bottom: 15px; } .workarea .table tr { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; line-height: 30px; height: 30px; } .workarea .table th { font-weight: normal; height: 40px; line-height: 40px; color: #9a9085; } .workarea .table td, .workarea .table th { padding-right: 10px; padding-left: 15px; text-align: left; } .workarea .table td:not(:last-child) { border-right: 1px solid #dadada; } .workarea .table tr:nth-child(even) { border: 1px solid #dadada; background-color: #f4f1ee; } .workarea .table tr:not(:first-child):hover { cursor: pointer; color: #fe7f1c; } .workarea .table-comment { padding-left: 15px; color: #9a9085; margin-top: 20px; margin-bottom: 25px; } .workarea .button { color: #fe7f1c; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; border: 2px solid #fe7f1c; height: 38px; border-radius: 38px; text-align: center; font-family: PT Sans; font-size: 15px; line-height: 35px; background-color: #fff; } .workarea .button:active { border-color: #e46b0d; color: #ffd4b3; background-color: #e46b0d; } .workarea .calculator-icon { z-index: 1; position: fixed; right: 0; cursor: pointer; width: 50px; height: 50px; background-color: #fe7f1c; color: #fff; top: 250px; font-size: 23px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .workarea .calculator-icon .icon { width: 22px; height: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .workarea .calculator-icon:hover { background-color: #fff; color: #fe7f1c; } .workarea .ui-slider-horizontal { margin: 10px 0; height: 2px; background-color: #dadada; } .workarea .ui-slider-range { background-color: #fe7f1c; } .workarea .ui-slider-handle { z-index: 1; -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out; transition: width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out; display: block; cursor: pointer; top: -7px; width: 16px; height: 16px; border-radius: 25px; background-color: #fe7f1c; border: 2px solid #fff; } .workarea .ui-slider .ui-state-active { width: 22px; height: 22px; top: -10px; } .workarea .ui-slider .ui-state-hover { display: inline-block; top: -10px; width: 22px; height: 22px; } .workarea textarea { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; font-family: PT Sans; font-size: 15px; } .workarea textarea:focus:not([type="submit"]) { border-color: #fe7f1c !important; } /* Start:/local/templates/maksiled/components/bitrix/system.auth.form/modal/style.css?15073009653287*/ .bx-authform input[type="checkbox"]:not(:checked), .bx-authform input[type="checkbox"]:checked { position: absolute; left: -9999px; } .bx-authform input[type="checkbox"] { background-color: #fff; width: 20px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #dadada; } .bx-authform input[type="checkbox"]:not(:checked) + label, .bx-authform input[type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } .bx-authform input[type="checkbox"]:not(:checked) + label:before, .bx-authform input[type="checkbox"]:checked + label:before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; border: 1px solid grey; background: #fff; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .bx-authform input[type="checkbox"]:not(:checked) + label:after, .bx-authform input[type="checkbox"]:checked + label:after { font-family: "PT Sans Icons"; content: "\e913"; position: absolute; top: 3px; left: 4px; font-size: 13px; font-weight: 900; line-height: 0.8; color: orange; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .bx-authform input[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .bx-authform input[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } /* End ----------------------------------------------------------------------------------*/ .workarea input { font-family: PT Sans; font-size: 15px; border: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; outline: none; margin: 0; padding: 0; height: 42px; line-height: 32px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* disabled checkbox */ } .workarea input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) { padding-left: 25px; } .workarea input:not([type="submit"]):focus { border: 1px solid #fe7f1c !important; } .workarea input[type="text"] { border: 1px solid #dadada; } /* .workarea input[type="checkbox"] { background-color: #fff; width: 15px; height: 15px; text-align: center; line-height: 20px; border: 1px solid #dadada; } */ .workarea input[type="checkbox"][value="on"] { background-color: red; } .workarea input[type="tel"], .workarea input[type="email"] { border: 1px solid #dadada; } .workarea input[type="password"] { border: 1px solid #dadada; } .workarea input[type="checkbox"]:not(:checked), .workarea input[type="checkbox"]:checked { /* position: absolute; */ /* left: -9999px; */ } .workarea input[type="checkbox"]:not(:checked) + label, .workarea input[type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } .workarea input[type="checkbox"]:not(:checked) + label:before, .workarea input[type="checkbox"]:checked + label:before { content: ""; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid rgba(154, 144, 133, 0.4); background: #fff; border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .workarea input[type="checkbox"]:not(:checked) + label:after, .workarea input[type="checkbox"]:checked + label:after { font-family: "PT Sans Icons"; content: "\e913"; position: absolute; top: 6px; left: 4px; font-size: 13px; font-weight: 900; line-height: 0.8; color: orange; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .workarea input[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .workarea input[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .workarea input[type="checkbox"]:disabled:not(:checked) + label:before, .workarea input[type="checkbox"]:disabled:checked + label:before { -webkit-box-shadow: none; box-shadow: none; border-color: #bbb; background-color: #ddd; } .workarea input[type="checkbox"]:disabled:checked + label:after { color: #999; } .workarea input[type="checkbox"]:disabled + label { color: #aaa; } .workarea input[type="submit"], .workarea input[type="button"] { border: 2px solid #fe7f1c; height: 38px; font-family: PT Sans; font-size: 15px; line-height: 35px; position: relative; background-color: transparent; /* background-color: #fe7f1c;*/ /* color: white;*/ /* width: 150px;*/ } .workarea input[type="submit"]:before, .workarea input[type="button"]:before { display: inline-block; content: ""; position: absolute; background-color: #fe7f1c; width: 20px; height: 20px; } .workarea .form-submit-wrap { position: relative; overflow: hidden; border-radius: 38px; display: inline-block; } .workarea .animated-button-wrap { position: relative; display: inline-block; overflow: hidden; z-index: 1; height: 42px; border-radius: 38px; } .workarea .animated-button-wrap:before { z-index: 0; content: ""; -webkit-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; -webkit-transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); -o-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); width: 200px; height: 200px; display: block; background-color: #fff; position: absolute; top: 50%; border-radius: 100px; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .workarea .animated-button-wrap:hover:before { background-color: #fe7f1c; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .workarea .animated-button-wrap:hover .animated-button { color: #fff; } .workarea .animated-button-wrap .animated-button { overflow: hidden; text-align: center; border: 2px solid #fe7f1c; height: 40px; border-radius: 40px; font-size: 15px; line-height: 35px; position: relative; background-color: transparent; outline: none; } .workarea .animated-button-wrap:active:before { background-color: #e46b0d; } .footer .subscription { min-height: 108px; padding-top: 20px; background-color: #e7e1db; padding-bottom: 0px; } .footer .subscription .row { margin: 0; } .footer .subscription-icon { color: #c7bdb3; font-size: 36px; } .footer .subscription-info { padding-top: 10px; } .footer .subscription-info-title { font-size: 18px; } .footer .subscription-info-form form { -webkit-transform: translate(0, -30%); -ms-transform: translate(0, -30%); transform: translate(0, -30%); position: relative; height: 38px; } .footer .subscription-info-form form input { border: none; outline: none; height: 100%; border-radius: 38px; } .footer .subscription-info-form form input[type="email"] { padding-left: 22px; width: 100%; font-size: 14px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; height: 38px; } .footer .subscription-info-form form input[type="checkbox"] { /*border: 1px solid #fe7f1c;*/ height: 13px; border-radius: 1px; } .footer .subscription-info-form form input[type="email"]:focus { background-color: rgba(255, 255, 255, 0.7); } .footer .subscription-info-form form .animated-button-wrap { width: 140px; position: absolute; top: 2px; right: 2px; background-color: #fe7f1c; border: 2px solid #fff; display: inline-block; overflow: hidden; z-index: 1; height: 35px; line-height: 28px; border-radius: 38px; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .footer .subscription-info-form form .animated-button-wrap:before { z-index: 0; content: ""; -webkit-transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); -webkit-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; -o-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; -webkit-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); width: 200px; height: 200px; display: block; background-color: #fe7f1c; position: absolute; top: 50%; border-radius: 100px; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .footer .subscription-info-form form .animated-button-wrap:hover { /*border-color: #fe7f1c;*/ background-color: #fb6e00; } .footer .subscription-info-form form .animated-button-wrap:hover:before { /*background-color: #fff; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1);*/ background-color: #fb6e00; } .footer .subscription-info-form form .animated-button-wrap:hover .animated-button { /* color: #fe7f1c;*/ } .footer .subscription-info-form form .animated-button-wrap:active { /*color: #e46b0d; border-color: #e46b0d;*/ background-color: #fb6e00; } .footer .subscription-info-form form .animated-button-wrap .animated-button { -webkit-transform: translate3d(0, 0, 0); width: 100%; color: #fff; height: 100%; overflow: hidden; text-align: center; border-radius: 38px; font-size: 15px; position: relative; background-color: transparent; } .footer .subscription-info-text { font-size: 13px; line-height: 16px; color: #9a9085; } .footer form .subscription-info-text { margin-top: 10px; } .footer .footer-main { font-size: 15px; padding-top: 20px; padding-bottom: 40px; color: #9a9085; min-height: 340px; background: url("/local/templates/maksiled/css/../images/footer-bg.jpg") no-repeat center center; background-size: cover; } .footer .footer-main .row { margin: 0; } .footer .footer-main .footer-contacts { padding-left: 0px; } .footer .footer-main .footer-contacts .footer-phones-unit { vertical-align: top; line-height: 13px; position: relative; margin-bottom: 20px; width: 220px; margin-left: auto; } .footer .footer-main .footer-contacts .footer-phones-unit .info { position: relative; display: inline-block; -webkit-transition: all 0.35s ease-in; -o-transition: all 0.35s ease-in; transition: all 0.35s ease-in; padding-left: 35px; margin-bottom: 10px; } .footer .footer-main .footer-contacts .footer-phones-unit .info:hover { color: #fff; } .footer .footer-main .footer-contacts .footer-phones-unit .icon { position: absolute; color: #fff; top: 5px; right: -18px; /* margin-left: 5px; */ font-size: 7px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .footer .footer-main .footer-contacts .footer-phones-unit .icon.active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .footer .footer-main .footer-contacts .footer-phones-unit:nth-child(2) { cursor: pointer; } .footer .footer-main .footer-contacts .footer-phones .number { display: block; line-height: 35px; font-size: 30px; padding-left: 25px; } .footer .footer-main .footer-contacts .footer-phones-dropdown { left: -30px; bottom: 20px; } .footer .footer-main .footer-contacts .footer-socials { padding-top: 10px; line-height: 25px; margin-left: 100px; } .footer .footer-main .footer-contacts .footer-socials-unit { float: left; margin: 0 3px; } .footer .footer-main .footer-contacts .footer-socials-unit a { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .footer .footer-main .footer-contacts .footer-socials-unit a:hover { color: #fe7f1c; } .footer .footer-main .footer-contacts .footer-socials-unit a:active { color: #e46b0d; } .footer .footer-main .footer-contacts .footer-socials .icon-vk { font-size: 20px; } .vk_icon_section { width: 30px; height: 37px; margin-top: 5px !important; } .footer .footer-main .footer-contacts .footer-socials .icon-instagram { padding: 0 20px; font-size: 19px; } .footer .footer-main .footer-contacts .footer-socials .icon-youtube { font-size: 24px; } .footer .footer-main .footer-menu ul { margin: 0; list-style-type: none; } .footer .footer-main .footer-menu-title { line-height: 22px; color: #fff; font-size: 25px; padding-top: 5px; padding-bottom: 20px; white-space: nowrap; } .footer .footer-main .footer-menu-unit { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; font-size: 15px; line-height: 1.2; padding-bottom: 10px; color: #9d9e9e; } .footer .footer-main .footer-menu-unit a { /* border-bottom: 1px solid rgba(154, 144, 133, 0.3);*/ } .footer .footer-main .footer-menu-unit a:hover { border-color: transparent; } .footer .footer-main .footer-menu-additional { margin-top: 47px; } .footer .collapse-unit-title { font-size: 18px; border: none; color: #fff; display: inline-block; } .footer .collapse-unit-title:after { top: 0; color: #fff; } .footer .collapse-unit a { height: 30px; line-height: 30px; display: block; } .footer .copyright { font-size: 13px; background-color: #171717; height: 34px; line-height: 34px; color: #9a9085; } .footer .copyright .row { margin: 0; } .footer .copyright .divider { margin: 0 15px; width: 1px; height: 13px; -webkit-transform: translate(0, 10%); -ms-transform: translate(0, 10%); transform: translate(0, 10%); display: inline-block; background-color: #fff; } .footer .copyright-maksiled { float: left; } .footer .copyright-maksiled span:nth-child(1) { color: #fff; } .footer .copyright-nineseven { float: right; } .footer .copyright a { color: #fff; text-decoration: underline; } .footer .copyright a:hover { text-decoration: none; } .footer .mobile-menu-wrap { padding: 0 15px; } .footer .cities-dropdown { z-index: 3; } .specialOffers h1 { padding-left: 15px; } .specialOffers-unit { position: relative; border: 1px solid #dadada; width: calc(25% - 30px); margin-right: 40px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-box-shadow: 0 8px 15px -15px black; box-shadow: 0 8px 15px -15px black; margin-bottom: 40px; } .specialOffers-unit-image { width: 100%; } .specialOffers-unit-image img { display: block; width: 100%; height: 100%; } .specialOffers-unit:hover { -webkit-box-shadow: 0px 5px 16px 0px rgba(155, 155, 155, 0.26); box-shadow: 0px 5px 16px 0px rgba(155, 155, 155, 0.26); } .specialOffers-unit-info { padding: 15px 20px 40px 20px; } .specialOffers-unit-title { font-size: 18px; line-height: 24px; color: #222222; margin-bottom: 15px; } .specialOffers-unit-title a { border-bottom: 1px solid #cccccc; } .specialOffers-unit-text { color: #9a9085; font-size: 15px; line-height: 22px; /* margin-bottom: 15px; */ padding-bottom: 15px; text-align: justify; } .specialOffers-unit-date { position: absolute; bottom: 20px; left: 20px; } .specialOffers-unit-more { position: absolute; right: 20px; bottom: 20px; line-height: 20px; color: #fe7f1c; border-bottom: 1px solid transparent; } .specialOffers-unit-more:hover { border-color: #fe7f1c !important; } .specialOffers-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 15px; } .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 10px 0; margin-bottom: 15px; line-height: 60px; /* height: 60px; */ position: relative; } .pagination-wrap { position: relative; /* width: 500px; */ margin: 0 auto; } .pagination-info { color: #9a9085; top: 10px; left: 0; position: absolute; } .pagination-controls { text-align: center; float: left; width: 50px; } .pagination-controls a { display: inline-block; color: #9a9085; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .pagination-controls a:hover { color: #222222; } .pagination-controls.prev a { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .pagination-controls.next a { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .pagination-unit { max-width: 50px; color: #222222; border-right: 1px solid #fff; text-align: center; float: left; width: 50px; } .pagination-unit.active a, .pagination-unit.active span { background-color: #fe7f1c; color: #fff; border-radius: 5px; } .pagination-unit:nth-child(2) a, .pagination-unit:nth-child(2) span { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .pagination-unit:nth-last-child(2) a, .pagination-unit:nth-last-child(2) span { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .pagination-unit a, .pagination-unit span { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; background-color: #e7e1db; display: block; } .pagination-unit a:hover { background-color: #fe7f1c; color: #fff; } .ui-menu-item-wrapper { line-height: 20px; vertical-align: top; } .ui-menu-item-wrapper.badge { margin-right: 5px; border: 1px solid #000; } .ui-menu-item { height: 35px; } .ui-menu-item-wrapper .badge { border: 1px solid #000; margin-right: 5px; } .form-submit-wrap { text-align: center; } font.notetext { color: #000 !important; } .ui-menu-item-wrapper span { vertical-align: top; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; border-bottom: 1px dotted #fe7f1c; } .ui-menu-item-wrapper:hover span { border-color: transparent; } .ui-selectmenu-open { pointer-events: all !important; max-height: 1000px !important; } .ui-selectmenu-menu { pointer-events: none; } .ui-menu-item .badge { margin-bottom: 10px; } .ui-menu-item:first-child .badge { display: none; } .catalog { padding: 0 15px; } .catalog-filters { position: relative; padding: 15px 15px 0px 15px; border: 1px solid #dadada; } .catalog-filters-title { margin-bottom: 9px; color: #222222; font-size: 15px; line-height: 18px; } .catalog-filters-title.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-filters-price { min-width: 250px; padding: 0 10px; margin-bottom: 20px; } .catalog-filters-price input[type="text"] { width: 100px; padding-left: 30px; } .catalog-filters-price .price-range { z-index: 0; width: 225px; } .catalog-filters-price .input-wrap { display: inline-block; position: relative; } .catalog-filters-price .input-wrap.price-from:before { position: absolute; color: #9a9085; line-height: 41px; left: 7px; content: "от"; } .catalog-filters-price .input-wrap.price-to:before { position: absolute; color: #9a9085; line-height: 41px; left: 7px; content: "до"; } .catalog-filters-price .input-wrap:not(:nth-last-child(2)) { margin-right: 20px; } .catalog-filters-color { position: relative; } .catalog-filters-color .catalog-filters-title { display: inline-block; } .catalog-filters-color .ui-selectmenu-text { display: inline; } .catalog-filters-color .ui-menu-item-wrapper { border-bottom: 1px dotted #fe7f1c; } .catalog-filters-color .ui-button { padding: 0; padding-bottom: 20px; vertical-align: top; margin-top: 4px; } .catalog-filters-color .ui-button span { border-bottom: 1px dotted #fe7f1c; color: #fe7f1c; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-filters-color .ui-button span:hover { border-color: transparent; } .catalog-filters-color .ui-selectmenu-menu { background-color: #fff; } .catalog-filters-color .color-picker { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; line-height: 15px; height: 23px; text-decoration: underline; vertical-align: top; color: #fe7f1c; display: inline-block; } .catalog-filters-color .color-picker > a { margin-top: 3px; display: inline-block; } .catalog-filters-color .color-picker a { border-bottom: 1px dotted #fe7f1c; } .catalog-filters-color .color-picker .option-colors div { width: 10px; height: 10px; background-color: black; } .catalog-filters-color .color-picker:hover a { cursor: pointer; border-color: transparent; } .catalog-filters-color .color-picker > .color-dropdown-unit { margin: 0; } .catalog-filters-color .color-picker > .color-dropdown-unit.all-colors { margin-bottom: 0px; } .catalog-filters-color .color-picker > .color-dropdown-unit .title { margin-top: 4px; } .catalog-filters-color .color-dropdown { position: absolute; background-color: #fff; z-index: 1; height: 0; left: 40px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; width: 170px; padding: 0 20px; -webkit-box-shadow: 0px 0px 17px 0px rgba(245, 118, 19, 0.5); box-shadow: 0px 0px 17px 0px rgba(245, 118, 19, 0.5); overflow: hidden; } .catalog-filters-color .color-dropdown.active { height: 260px; padding: 20px; } .catalog-filters-color .color-dropdown a { border-bottom: 1px dotted #fe7f1c; } .catalog-filters-color .color-dropdown a:hover { border-color: transparent; } .catalog-filters-color .color-dropdown-unit { line-height: 15px; margin-bottom: 5px; } .catalog-filters-color .color-dropdown-unit.all-colors { margin-bottom: 25px; } .catalog-filters-color .color-dropdown-unit.all-colors a { color: #fe7f1c; } .catalog-filters-color .color-dropdown-unit .sample { margin-right: 3px; display: inline-block; width: 21px; height: 21px; } .catalog-filters-color .color-dropdown-unit .title { vertical-align: top; margin-top: 5px; display: inline-block; } .catalog-filters-color .color-dropdown-unit:nth-child(2) .sample { background-color: #eacf19; } .catalog-filters-color .color-dropdown-unit:nth-child(3) .sample { background-color: #faa331; } .catalog-filters-color .color-dropdown-unit:nth-child(4) .sample { background-color: #fd3e3e; } .catalog-filters-color .color-dropdown-unit:nth-child(5) .sample { background-color: #2ddd24; } .catalog-filters-color .color-dropdown-unit:nth-child(6) .sample { background-color: #2b9ee7; } .catalog-filters-color .color-dropdown-unit:nth-child(7) .sample { background-color: #e8e8e8; } .catalog-filters-others-unit { position: relative; padding-left: 150px; margin-bottom: 13px; } .catalog-filters-others-unit .catalog-filters-title { position: absolute; left: 0; top: 0; max-width: 140px; display: inline-block; } .catalog-filters-others-unit .content { display: inline-block; } .catalog-filters-others-unit .content label { color: #9a9085; line-height: 22px; height: 20px; display: inline-block; margin-bottom: 10px; } .catalog-filters-others-unit .content label:not(:last-child) { margin-right: 30px; } .catalog-list-settings { padding: 20px 0; } .catalog-list-wrap { margin-bottom: 25px; } .catalog-list-data { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .catalog-list-sort { color: #222222; float: left; } .catalog-list-sort .sort-unit { margin-left: 25px; color: #fe7f1c; border-bottom: 1px dotted #fe7f1c; } .catalog-list-sort .sort-unit.active { border: none; color: #9a9085; } .catalog-list-amount { color: #222222; float: right; } .catalog-list-amount .amount-unit { margin-left: 25px; color: #fe7f1c; border-bottom: 1px dotted #fe7f1c; } .catalog-list-amount .amount-unit.active { border: none; color: #9a9085; } .catalog-list-unit { position: relative; height: 174px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .catalog-list-unit:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.3); z-index: 1; } .catalog-list-unit:not(:first-child) { border-left: 1px solid #dadada; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; } .catalog-list-unit:first-child { border: 1px solid #dadada; } .catalog-list-unit-image { border-right: 1px solid #dadada; width: 200px; text-align: center; position: relative; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; } .catalog-list-unit-image:hover { border-color: #dadada !important; border-right: 1px solid #dadada; } .catalog-list-unit-image img { position: relative; left: 0; right: 0; z-index: -1; top: 0; bottom: 0; margin: auto; display: block; max-width: 100%; } .catalog-list-unit-image .tags { text-align: left; width: calc(100% - 6px); position: absolute; top: 3px; left: 3px; } .catalog-list-unit-image .tag { /* display: none; */ display: inline-block; height: 22px; line-height: 22px; color: #fff; padding: 0 5px; margin-bottom: 6px; font-size: 15px; } .catalog-list-unit-image .tag:not(:last-child) { margin-right: 3px; } .catalog-list-unit-image .tag-new { background-color: #7cc576; } .catalog-list-unit-image .tag-popular { background-color: #fe7f1c; } .catalog-list-unit-image .tag-sale { background-color: #ed1c24; } .catalog-list-unit-info { padding: 25px; width: calc(100% - 310px); } .catalog-list-unit-info-news { padding: 25px; } .catalog-list-unit-info li { position: relative; overflow-x: hidden; line-height: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; min-width: 300px; max-width: 400px; padding: 0 !important; color: #9a9085; } .catalog-list-unit-info li:before { display: none; } .catalog-list-unit-info li:after { position: absolute; content: "..........................................................................................."; font-size: 15px; z-index: -1; top: -4px; left: 0px; display: inline-block; } .catalog-list-unit-info li .title { padding-right: 12px; background-color: #fff; } .catalog-list-unit-info li .spec { padding-left: 10px; background-color: #fff; } .catalog-list-unit-info li .dots { height: 100%; width: 100%; position: absolute; top: -5px; left: 0; border-bottom: 1px dotted #9a9085; } .catalog-list-unit-title { font-size: 18px; line-height: 24px; /* padding-bottom: 25px; */ display: inline-block; } .catalog-list-unit-title a { border-bottom: 1px solid #dbdbdb; } .catalog-list-unit-controls { position: relative; padding: 20px; background-color: #f6f4f1; width: 310px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .catalog-list-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .catalog-list-row--center { margin-left: auto; margin-right: auto; } .catalog-list-row:first-child { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .catalog-list-row:last-child { margin-bottom: 0; } .catalog-list-unit-controls .price { text-align: center; font-size: 24px; line-height: 24px; margin-bottom: 0; } .catalog-list-unit-controls .price .sale { margin-right: 15px; display: none; color: #9a9085; text-decoration: line-through; } .catalog-list-unit-controls .price .current { color: #fe7f1c; display: inline-block; } .catalog-list-unit-controls .compare { line-height: 15px; padding-bottom: 20px; text-align: center; } .catalog-list-unit-controls .compare-wrap { vertical-align: top; margin-top: 2px; display: inline-block; } .catalog-list-unit-controls .compare a { border-bottom: 1px solid #9a9085; } .catalog-list-unit-controls .compare a:hover { border-color: transparent; } .catalog-list-unit-controls .compare .icon { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; font-size: 20px; margin-right: 13px; } .catalog-list-unit-controls .in-stock { line-height: 15px; color: #9a9085; } .catalog-list-unit-controls .in-stock:before { font-family: "PT Sans Icons"; color: #fe7f1c; content: "\e905"; font-size: 11px; margin-right: 5px; } .catalog-list-unit-controls .oneclick-purchase { line-height: 15px; color: #222222; } .catalog-list-unit-controls .oneclick-purchase a { border-bottom: 1px solid #9a9085; } .catalog-list-unit-controls .notInStock.oneclick-purchase a { border-bottom: transparent; color: #222222; } .catalog-list-unit-controls .notInStock.oneclick-purchase a:hover { color: #fff; } .catalog-list-unit-controls .oneclick-purchase a:hover { border-color: transparent; } .catalog-list-unit-controls .addToCart { display: inline-block; width: 100%; cursor: pointer; background-color: transparent; -webkit-transition: none; -o-transition: none; transition: none; z-index: 1; } .catalog-list-unit-controls .addToCart-wrap { width: 150px; } .catalog-list-unit-controls .addToCart-wrap:before { background-color: #f6f4f1; } .catalog-list-unit-controls .amount { text-align: center; line-height: 38px; background-color: #fff; position: relative; width: 100px; height: 38px; } .catalog-list-unit-controls .amount input { position: absolute; top: 0; left: 0; border: 1px solid #dadada; width: 100%; padding: 0; line-height: 38px; height: 38px; text-align: center; } .catalog-list-unit-controls .amount .reduce { position: absolute; top: 0; left: 12px; cursor: pointer; vertical-align: top; height: 100%; display: inline-block; font-size: 2px; color: #9a9085; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-list-unit-controls .amount .reduce .icon:before { margin-top: 2px; padding-right: 2px; } .catalog-list-unit-controls .amount .reduce:hover { color: #fe7f1c; } .catalog-list-unit-controls .amount-unit { display: inline-block; margin: 0 18px; } .catalog-list-unit-controls .amount .add { top: 1; right: 10px; position: absolute; cursor: pointer; display: inline-block; height: 100%; font-size: 12px; color: #9a9085; } .catalog-list-unit-controls .amount .add .icon { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-list-unit-controls .amount .add:before { display: inline-block; margin-top: 6px; } .catalog-list-unit-controls .amount .add:hover .icon { color: #fe7f1c; } .catalog-list-unit-controls .notInStock { /* // position: absolute; // bottom: 20px; // left: 20px; // width: -webkit-calc(100% - 40px); // width: calc(100% - 40px); */ width: 100%; background-color: #e7e1db; text-align: center; color: #9a9085; border-radius: 38px; height: 38px; line-height: 38px; display: none; } .catalog-list-unit-mobileCompare { position: absolute; top: 17px; right: 20px; cursor: pointer; } .catalog-list-unit-mobileCompare .mobile-added { display: none; } .catalog-list-unit-new .tag-new { display: inline-block; } .catalog-list-unit-popular .tag-popular { display: inline-block; } .catalog-list-unit-popular .tag-sale { display: inline-block; } .catalog-list-unit-notInStock .catalog-list-unit-controls .price .current { color: #9a9085; } .catalog-list-unit-notInStock.oneclickPurchase .catalog-list-unit-controls .price .current { color: #fe7f1c; } .catalog-list-unit-notInStock .catalog-list-unit-controls .in-stock { display: none; } .catalog-list-unit-notInStock .catalog-list-unit-controls .oneclick-purchase { display: none; } .catalog-list-unit-notInStock .catalog-list-unit-controls .addToCart-wrap { display: none; } .catalog-list-unit-notInStock .catalog-list-unit-controls .amount { display: none; } .catalog-list-unit-notInStock .catalog-list-unit-controls .notInStock { display: block; } .catalog-list-unit-sale .catalog-list-unit-controls .price .sale { display: inline-block; } .catalog-list-unit-addedToCompare .mobile-add { display: none; } .catalog-list-unit-addedToCompare .mobile-added { display: block; } .description { -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; color: #222222; /* position:relative; */ } .description .description-more { bottom: 10px; } .description-main { -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; color: #222222; } .description-main.opened { max-height: 1100px; } .description.opened { max-height: 1200px; } .description-title { margin-top: 25px; margin-bottom: 30px; font-family: PT Sans; } .description-more { position: relative; height: 34px; /* background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 12%, white 31%, white 50%, white 51%, white 84%, white 85%, white 100%);*/ /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 12%, white 31%, white 50%, white 51%, white 84%, white 85%, white 100%);*/ /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(251, 251, 251, 0.87) 17%, white 31%, #fff 50%, #fff 51%, white 84%, white 85%, #afa7a7 100%); */ /* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); */ position: absolute; bottom: 0px; width: 100%; border-bottom: 4px solid #b1b1b3; background: -webkit-gradient( linear, right top, left top, from(transparent), color-stop(5%, #ffffff), color-stop(95%, #ffffff), to(transparent) ); background: -o-linear-gradient( right, transparent 0%, #ffffff 5%, #ffffff 95%, transparent 100% ); background: linear-gradient( to left, transparent 0%, #ffffff 5%, #ffffff 95%, transparent 100% ); border-top: 4px solid #b1b1b3; border-width: 4px 0 4px 0; border-style: solid; -o-border-image: -o-linear-gradient( right, transparent 0%, #b1b1b3 50%, transparent 100% ); border-image: -webkit-gradient( linear, right top, left top, from(transparent), color-stop(50%, #b1b1b3), to(transparent) ); border-image: linear-gradient( to left, transparent 0%, #b1b1b3 50%, transparent 100% ); border-image-slice: 1; left: 0; } .description-more::before, .description-more::after { content: ""; position: absolute; left: 0; bottom: -31px; border: 18px solid transparent; border-top: 13px solid #b1b1b3; right: 0; width: 0px; height: 0px; margin: auto; } .description-more.opened:before, .description-more.opened:after { content: none; } .description-more::after { border-top: 13px solid white; bottom: -26px; } .description-more span { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; opacity: 1; cursor: pointer; position: absolute; bottom: 3px; left: 0; right: 0; text-align: center; font-size: 16px; } .description-more span:after { margin-left: 3px; font-size: 7px; font-family: "PT Sans"; /* content: '\e900'; */ color: #222222; } .description-more span.opened { opacity: 1; } .description-more_1 { position: relative; height: 37px; /* background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 12%, white 31%, white 50%, white 51%, white 84%, white 85%, white 100%);*/ /* background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.87) 12%, white 31%, white 50%, white 51%, white 84%, white 85%, white 100%);*/ background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(17%, rgba(253, 248, 248, 0.87)), color-stop(31%, white), color-stop(50%, #fff), color-stop(51%, #fff), color-stop(84%, white), color-stop(85%, white), to(#afa7a7) ); background: -o-linear-gradient( top, rgba(255, 255, 255, 0) 0%, rgba(253, 248, 248, 0.87) 17%, white 31%, #fff 50%, #fff 51%, white 84%, white 85%, #afa7a7 100% ); background: linear-gradient( to bottom, rgba(255, 255, 255, 0) 0%, rgba(253, 248, 248, 0.87) 17%, white 31%, #fff 50%, #fff 51%, white 84%, white 85%, #afa7a7 100% ); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); position: absolute; bottom: 10px; width: 100%; border-bottom: 0px solid #b1b1b3; } .description-more_1::before, .description-more_1::after { content: ""; position: absolute; left: 46%; bottom: -20px; border: 10px solid transparent; border-top: 10px solid #c1bdbd; } .description-more_1::after { border-top: 10px solid white; bottom: -12px; } .description-more_1 span { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; opacity: 1; cursor: pointer; position: absolute; bottom: 0; left: 0; } .description-more_1 span:after { margin-left: 3px; font-size: 7px; font-family: "PT Sans"; /* content: '\e900';*/ color: #222222; } .description-more_1 span.opened { opacity: 0; } .relative_pos { position: relative; } .big-slider { position: relative; margin-bottom: 25px; z-index: 9; } .big-slider-controls { width: 100%; position: absolute; z-index: 1; left: 0; top: 47%; top: calc(50% - 20px); } .big-slider-controls-unit { width: 41px; height: 41px; border-radius: 41px; border: 2px solid #fe7f1c; background-color: #fff; color: #fe7f1c; cursor: pointer; } .big-slider-controls-unit:hover { background-color: #fe7f1c; } .big-slider-controls-unit:active { background-color: #e46b0d; border-color: #e46b0d; } .big-slider-controls-unit.arrow-prev { position: absolute; top: 0; left: -1%; /* left: -3%; */ overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .big-slider-controls-unit.arrow-prev .icon { position: absolute; top: 11px; left: 4px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .big-slider-controls-unit.arrow-prev .icon:last-child { left: 41px; } .big-slider-controls-unit.arrow-prev:hover .icon:first-child { left: -41px; } .big-slider-controls-unit.arrow-prev:hover .icon:last-child { left: 4px; } .big-slider-controls-unit.arrow-prev .icon:before { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .big-slider-controls-unit.arrow-prev .icon:last-child:before { color: #fff !important; } .big-slider-controls-unit.arrow-next .icon:last-child:before { color: #fff !important; } .big-slider-controls-unit.arrow-next { position: absolute; top: 0; right: -1%; /* right: -3%; */ overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .big-slider-controls-unit.arrow-next .icon { position: absolute; top: 11px; right: 4px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .big-slider-controls-unit.arrow-next .icon:before { display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .big-slider-controls-unit.arrow-next .icon:last-child { right: 41px; } .big-slider-controls-unit.arrow-next:hover .icon:first-child { right: -41px; } .big-slider-controls-unit.arrow-next:hover .icon:last-child { right: 4px; } .big-slider-wrap { width: 100%; } .big-slider-wrap .slick-track { padding: 0px 0; /* margin-bottom: 30px; */ } .big-slider-wrap .slick-slide { margin: 0 30px; } @media (max-width: 767.97px) { .big-slider-wrap .slick-slide { margin: 0 38px; } article.news-unit img { width: 100%; } } .big-slider-wrap .slick-list { margin: 0 -20px; } .big-slider-title { font-size: 30px; font-family: PT Sans; /* margin-left: -12px;*/ /* margin-top: -20px; */ line-height: 50px; margin-bottom: 20px; margin-top: 50px; } .big-slider-unit { border: 1px solid #9a9085; width: 100%; margin: 0 auto; text-align: center; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } span.ncurrent { color: #9a9085; font-size: 16px; position: relative; } .ncurrent::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/local/templates/maksiled/img/1.png); background-size: cover; pointer-events: none; } .big-slider-unit-info { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 90px 10px 25px 10px; } .big-slider-unit-title { position: absolute; top: 15px; /*left: 0px;*/ width: 96%; padding: 0 9px; line-height: 18px; max-height: 70px; overflow: hidden; text-align: initial; white-space: pre-wrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-left: 0px; } .big-slider-unit-title a { /*border-bottom: 1px solid #9a9085;*/ } .big-slider-unit-add { position: relative; width: 140px; color: #fe7f1c; font-size: 18px; margin: 0 auto; margin-top: 10px; } @media (min-width: 1280px) and (max-width: 1379px) { .big-slider-unit-add.animated-button-wrap{ min-width: unset; } } .big-slider-unit-add a { display: inline-block; width: 100%; height: 38px; } .big-slider-unit-price { color: #fe7f1c; font-size: 18px; margin-bottom: -15px; } .catalog-product-seen .big-slider-unit-price { margin-bottom: -5px; } .catalog-product-similar .big-slider-unit-price { margin-bottom: -5px; } .big-slider-unit-price .current { text-decoration: none; color: #fe7f1c; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .big-slider-unit.sale .current { /*display: flex !important;*/ } .big-slider-unit.sale .sale + .current .currentmob { text-decoration: line-through; color: #9a9085; margin-left: auto; font-size: 24px; } .big-slider-unit-inStock { color: #9a9085; margin-top: 15px; } .big-slider-unit-inStock:before { font-family: "PT Sans Icons"; content: "\e905"; margin-right: 5px; font-size: 13px; color: #fe7f1c; } .big-slider-unit-notInStock { display: none; width: 140px; height: 38px; border-radius: 38px; background-color: #e7e1db; text-align: center; line-height: 38px; margin: 0 auto; margin-top: 10px; margin-bottom: 17px; } .big-slider-unit-inform { display: none; } .big-slider-unit-inform a { border-bottom: 1px solid rgba(34, 34, 34, 0.3); } .big-slider-unit.notInStock .big-slider-unit-inStock { display: none; } .big-slider-unit.notInStock .big-slider-unit-price { color: #9a9085; } .big-slider-unit.notInStock .big-slider-unit-add { display: none; } .big-slider-unit.notInStock .big-slider-unit-notInStock { display: block; } .big-slider-unit.notInStock .big-slider-unit-inform { display: block; width: 55%; max-height: 26px; margin-top: -13px; line-height: 1; } .big-slider-unit:hover { -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.2); } .big-slider-unit:hover .big-slider-image img { /* -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); */ } .big-slider-unit.sale .sale { display: inline !important; float: left; max-height: 26px; } .big-slider-image { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; overflow: hidden; text-align: center; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; } .big-slider-image img { display: block; width: 100%; height: 100%; -webkit-transition: all ease-in-out 5s; -o-transition: all ease-in-out 5s; transition: all ease-in-out 5s; } .big-slider-unit-title a { max-height: 65px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; min-height: 60px; } .catalog-product-unit { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border: 1px solid #dadada; border-collapse: collapse; margin-bottom: 25px; } .big-slider.main-category-popular .big-slider-unit-info { padding: 20px 10px 50px 5px; text-align: center; } .big-slider.main-category-popular .big-slider-unit-title { text-align: center; font-size: 18px; font-weight: bold; } .big-slider.main-category-popular .big-slider-image { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .big-slider.main-category-popular .big-slider-image { min-height: 210px; overflow: hidden; max-height: 210px; } .big-slider.main-category-popular .big-slider-unit:hover { background: #fe7f1c; color: #fff; } .main-category-popular .big-slider-wrap .slick-slide { margin: 0px 0px 0px -1px; background: #fff; } .main-category-popular .big-slider-wrap .slick-slide.slick-current.slick-active { margin: 0px -1px 0px 0px; } .main-category-popular .big-slider-wrap .slick-list { margin: 0 0px; } .main-category-popular .big-slider-unit { border-radius: 0px; } .catalog-product-unit-slider { position: relative; float: left; /*padding: 20px;*/ height: 100%; /*width: 600px;*/ width: 560px; } .catalog-product-unit-slider a:active, .catalog-product-unit-slider a:focus { border-color: transparent !important; outline: none !important; } .catalog-product-unit-slider img { width: 100%; } .catalog-product-unit-slider .slider-thumbnail { display: block; float: left; width: 100%; height: 100%; position: relative; } .catalog-product-unit-slider .slider-thumbnail img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .catalog-product-unit-slider .slick-dots { width: 100%; margin-top: 30px; } .catalog-product-unit-slider .slick-dots li { cursor: pointer; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; -webkit-box-sizing: content-box; box-sizing: content-box; border: 2px solid #dadada; padding: 0; margin-bottom: 20px; float: left; width: 70px; height: 70px; margin-right: 18px; } .catalog-product-unit-slider .slick-dots li:hover { border-color: #fe7f1c; } .catalog-product-unit-slider .slick-dots li:last-child { margin-right: 0px; } .catalog-product-unit-slider .slick-dots li:before { content: ""; } .catalog-product-unit-slider .slick-dots li.slick-active { border: 2px solid #fe7f1c; } .catalog-product-unit .tags { width: calc(100% - 40px); position: absolute; top: 20px; left: 20px; z-index: 1; } .catalog-product-unit-tag { color: #fff; padding: 0 10px; display: none; margin-bottom: 10px; } .catalog-product-unit-tag:not(:last-child) { margin-right: 5px; } .catalog-product-unit-tag.new { background-color: #7cc576; } .catalog-product-unit-tag.popular { background-color: #fe7f1c; } .catalog-product-unit-tag.sale { background-color: #ed1c24; } .catalog-product-unit-about { border-left: 1px solid #dadada; width: calc(100% - 600px); float: right; } .catalog-product-unit-controls { position: relative; border-bottom: 1px solid #dadada; padding: 25px 20px 25px 25px; float: right; width: 100%; } .catalog-product-unit-controls .price { line-height: 40px; display: inline-block; color: #fe7f1c; font-size: 40px; } .catalog-product-unit-controls .price .sale { display: inline-block; } .catalog-product-unit-controls .price .current { display: inline-block; margin-right: 10px; } .catalog-product-unit-controls .inStock { margin-right: 30px; line-height: 15px; margin-top: 12px; vertical-align: top; display: inline-block; /*margin-left: 20px;*/ color: #9a9085; } .catalog-product-unit-controls .inStock:before { font-family: "PT Sans Icons"; content: "\e905"; margin-right: 5px; font-size: 13px; color: #fe7f1c; } .catalog-product-unit-controls .compare { line-height: 15px; vertical-align: top; margin-top: 10px; display: inline-block; } .catalog-product-unit-controls .compare .icon { font-size: 20px; margin-right: 9px; } .catalog-product-unit-controls .compare a { vertical-align: top; border-bottom: 1px solid #dadada; } .catalog-product-unit-controls .compare a:hover { border-color: transparent; } .catalog-product-unit-controls .compare-mobile { display: none; top: 30px; position: absolute; right: 25px; } .catalog-product-unit-controls .amount { position: relative; vertical-align: top; text-align: center; display: inline-block; line-height: 38px; background-color: #fff; width: 110px; height: 38px; margin-top: 20px; } .catalog-product-unit-controls .amount input { text-align: center; padding: 0; position: absolute; top: 0; left: 0; border: 1px solid #dadada; line-height: 38px; height: 38px; width: 100%; } .catalog-product-unit-controls .amount .reduce { top: 0; left: -34px; position: absolute; /* // padding-top: 18px; */ cursor: pointer; vertical-align: top; height: 100%; display: inline-block; position: relative; font-size: 2px; color: #9a9085; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-product-unit-controls .amount .reduce .icon { padding-top: 18px; padding-bottom: 18px; } .catalog-product-unit-controls .amount .reduce .icon:before { margin-top: 2px; padding-right: 2px; } .catalog-product-unit-controls .amount .reduce:hover { color: #fe7f1c; } .catalog-product-unit-controls .amount-unit { display: inline-block; margin: 0 18px; } .catalog-product-unit-controls .amount .add { position: absolute; z-index: 1; top: 0; right: 12px; /* // padding-top: 13px; */ vertical-align: top; cursor: pointer; display: inline-block; height: 100%; font-size: 12px; color: #9a9085; } .catalog-product-unit-controls .amount .add .icon { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; padding-top: 13px; padding-bottom: 13px; } .catalog-product-unit-controls .amount .add:before { display: inline-block; margin-top: 6px; } .catalog-product-unit-controls .amount .add:hover .icon { color: #fe7f1c; } .catalog-product-unit-controls .notInStock { margin-top: 20px; /* display: none; */ width: 220px; height: 38px; border-radius: 38px; line-height: 35px; text-align: center; color: #9a9085; background-color: #e7e1db; } .catalog-product-unit-controls .notInStock.oneclick-purchase { height: 40px; } .catalog-product-unit-controls .oneclick-purchase { line-height: 15px; margin-top: 30px; vertical-align: top; margin-left: 60px; display: inline-block; } .catalog-product-unit-controls .oneclick-purchase a { border-bottom: 1px solid #dadada; } .catalog-product-unit-controls .oneclick-purchase a:hover { border-color: transparent; } .catalog-product-unit-controls .addToCart-wrap { margin-left: 20px; margin-top: 20px; display: inline-block; } .catalog-product-unit-controls .addToCart-wrap .button { display: block; height: 38px; line-height: 35px; width: 220px; } .catalog-product-unit-controls .addToCart-wrap:before { width: 240px; height: 240px; } .catalog-product-unit-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 25px; float: right; width: 100%; } .catalog-product-unit-info .right { width: 55%; /* // float: right; // flex-grow:1; */ } .catalog-product-unit-info .right .table { width: 100%; } .catalog-product-unit-info .right .table tr:first-child { display: none; } .catalog-product-unit-info .left { padding-right: 30px; width: 45%; /* // float: left; */ } .catalog-product-unit-info .left .unit-description { margin-bottom: 25px; } .catalog-product-unit-info .left .docs-unit { display: inline-block; margin-bottom: 12px; } .catalog-product-unit-info .left .docs-unit:hover .docs-unit-title { border-color: transparent; } .catalog-product-unit-info .left .docs-unit-img { margin-right: 10px; float: left; } .catalog-product-unit-info .left .docs-unit-title { vertical-align: top; border-bottom: 1px solid #888888; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-product-unit-info .left .docs-unit-title:hover { border-color: transparent; } .catalog-product-unit-info .left .docs-unit-size { vertical-align: top; line-height: 13px; display: inline-block; margin-top: 0px; color: #888888; font-size: 13px; } .catalog-product-unit-info .left .docs-unit-size .number { margin-right: 5px; } .catalog-product-unit-info-title { font-family: PT Sans; font-size: 18px; line-height: 24px; margin-bottom: 15px; } .catalog-product-unit.notInStock .amount { display: none; } .catalog-product-unit.notInStock .oneclick-purchase { display: none; } .catalog-product-unit.notInStock .inStock { display: none; } .catalog-product-unit.notInStock .compare { margin-left: 30px; } .catalog-product-unit.notInStock .notInStock { display: block; } .catalog-product-unit.notInStock .addToCart-wrap { display: none; } .catalog-product-unit-popular .catalog-product-unit-tag.popular { display: inline-block; } .catalog-product-unit-new .catalog-product-unit-tag.new { display: inline-block; } .catalog-product-unit-new .catalog-product-unit-tag.sale { display: inline-block; } .catalog-product-usage { position: relative; padding-bottom: 30px; } .catalog-product-usage-controls { width: 100%; position: absolute; z-index: 1; left: 0; top: 52%; } .catalog-product-usage-controls-unit { width: 41px; height: 41px; border-radius: 41px; border: 2px solid #fe7f1c; background-color: #fff; color: #fe7f1c; cursor: pointer; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-product-usage-controls-unit:hover { background-color: #fe7f1c; color: #fff; } .catalog-product-usage-controls-unit:active { background-color: #e46b0d; border-color: #e46b0d; } .catalog-product-usage-controls-unit.arrow-prev { position: absolute; top: 0; left: -5px; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-product-usage-controls-unit.arrow-prev .icon { position: absolute; top: 11px; left: 4px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-product-usage-controls-unit.arrow-prev .icon:before { display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .catalog-product-usage-controls-unit.arrow-prev .icon:last-child { left: 41px; } .catalog-product-usage-controls-unit.arrow-prev:hover .icon:first-child { left: -41px; } .catalog-product-usage-controls-unit.arrow-prev:hover .icon:last-child { left: 4px; } .catalog-product-usage-controls-unit.arrow-next { position: absolute; top: 0; right: -7px; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-product-usage-controls-unit.arrow-next .icon { position: absolute; top: 11px; right: 4px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .catalog-product-usage-controls-unit.arrow-next .icon:before { display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .catalog-product-usage-controls-unit.arrow-next .icon:last-child { right: 41px; } .catalog-product-usage-controls-unit.arrow-next:hover .icon:first-child { right: -41px; } .catalog-product-usage-controls-unit.arrow-next:hover .icon:last-child { right: 4px; } .catalog-product-usage-title { color: #222222; text-align: left; width: 100%; font-size: 28px; padding-left: 15px; padding-bottom: 20px; font-family: PT Sans; } .catalog-product-usage-unit { overflow: hidden; position: relative; width: 380px; } .catalog-product-usage-unit:hover .catalog-product-usage-unit-info { bottom: 0; } .catalog-product-usage-unit-image { margin: 0 auto; width: 90%; overflow: hidden; } .catalog-product-usage-unit-image img { width: 100%; height: 100%; display: block; -webkit-transition: all ease-in-out 3s; -o-transition: all ease-in-out 3s; transition: all ease-in-out 3s; } .catalog-product-usage-unit-image img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .catalog-product-usage-unit-info { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; position: absolute; background-color: #000; opacity: 0.85; color: #fff; height: 70px; width: 90%; bottom: -70px; left: 5%; line-height: 70px; } .catalog-product-usage-unit-info a { margin-left: 25px; border-bottom: 1px solid #fff; } .catalog-product-bestPrice { position: relative; margin-bottom: 25px; position: relative; line-height: 140px; color: #fff; font-size: 34px; height: 140px; background: #fe8d32; background: -webkit-gradient( linear, left top, right top, from(#fe8d32), color-stop(55%, #fc872c), to(#fe8d32) ); background: -o-linear-gradient(left, #fe8d32 0%, #fc872c 55%, #fe8d32 100%); background: linear-gradient(to right, #fe8d32 0%, #fc872c 55%, #fe8d32 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe8d32', endColorstr='#fe8d32', GradientType=1); background-size: cover; } .catalog-product-bestPrice p { line-height: inherit; } .catalog-product-bestPrice .animated-button-wrap { position: absolute; top: 0px; right: 0px; background-color: #fe7f1c; border: 2px solid #fff; display: inline-block; overflow: hidden; z-index: 1; border-radius: 38px; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .catalog-product-bestPrice .animated-button-wrap:before { z-index: 0; content: ""; -webkit-transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); -webkit-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; -o-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; -webkit-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); width: 500px; height: 500px; display: block; background-color: transparent; position: absolute; top: 50%; border-radius: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .catalog-product-bestPrice .animated-button-wrap:hover { border-color: #fe7f1c; } .catalog-product-bestPrice .animated-button-wrap:hover:before { background-color: #fff; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .catalog-product-bestPrice .animated-button-wrap:hover .animated-button { color: #fe8d32; } .catalog-product-bestPrice .animated-button-wrap:active { color: #e46b0d; border-color: #e46b0d; } .catalog-product-bestPrice .animated-button-wrap .animated-button { border: none !important; display: block; -webkit-transform: translate3d(0, 0, 0); width: 100%; color: #fff; height: 100%; overflow: hidden; text-align: center; position: relative; background-color: transparent; } .catalog-product-bestPrice-button.button { cursor: pointer; height: 60px; width: 320px; line-height: 60px; border-color: #fff; position: absolute; top: 37px; right: 0; color: #fff; font-size: 24px; line-height: 55px; background-color: transparent; } .catalog-product-bestPrice:before { position: absolute; top: 0; background: #fe8d32; background: -webkit-gradient( linear, left top, right top, from(#fe8d32), color-stop(55%, #fc872c), to(#fe8d32) ); background: -o-linear-gradient(left, #fe8d32 0%, #fc872c 55%, #fe8d32 100%); background: linear-gradient(to right, #fe8d32 0%, #fc872c 55%, #fe8d32 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe8d32', endColorstr='#fe8d32', GradientType=1); background-size: cover; right: 100%; display: block; width: calc(100vw - 100%); height: 100%; content: ""; } .catalog-product-bestPrice:after { position: absolute; top: 0; background: #fe8d32; background: -webkit-gradient( linear, left top, right top, from(#fe8d32), color-stop(55%, #fc872c), to(#fe8d32) ); background: -o-linear-gradient(left, #fe8d32 0%, #fc872c 55%, #fe8d32 100%); background: linear-gradient(to right, #fe8d32 0%, #fc872c 55%, #fe8d32 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fe8d32', endColorstr='#fe8d32', GradientType=1); background-size: cover; left: 100%; display: block; width: calc(100vw - 100%); height: 100%; content: ""; } .catalog-product-bestPrice p { float: left; font-size: 30px; margin: 0 0 10px; } .text-area img { width: 100%; } /* .main-body .header { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; background: none; background-position: top center; } .main-body .header.is-fixed { background-image: url("/local/templates/maksiled/css/../images/header-bg.jpg"); background-size: cover; } .main-body .navbar { background-color: transparent; color: #fff; } .main-body .navbar-controls-unit a, .main-body .navbar-controls-unit span { color: #fff; } .main-body .navbar-controls .input-wrap { color: #fff; background-color: transparent; } .main-body .navbar-controls .input-wrap .icon:hover { color: #fff; } .main-body .navbar-menu-unit.about-unit:before { color: #fff; } .main-body .navbar.is-fixed { color: #222222; background-color: #fff; } .main-body .navbar.is-fixed .navbar-controls-unit a, .main-body .navbar.is-fixed .navbar-controls-unit span { color: #222222; } .main-body .navbar.is-fixed .navbar-controls .input-wrap { color: #222222; } .main-body .navbar.is-fixed .navbar-controls .input-wrap .icon:hover { color: #222222; } .main-body .navbar.is-fixed .navbar-hamburger-unit { background-color: #222222; } .main-body .navbar.is-fixed .navbar-menu-unit.about-unit:before { color: #222222; } .main-body .navbar .navbar-hamburger-unit { background-color: #fff; } .main-body .workarea { padding-top: 0; } */ @media (min-width: 501px) and (max-width: 1023.92px) { #panel { position: absolute; } body:not(.main-body) .workarea { margin-top: 10px !important; } } @media (max-width: 500px) { #panel { position: absolute; } body:not(.main-body) .workarea { margin-top: 0px !important; } } body .header { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; background: none; background-position: top center; } body .header.is-fixed { background-image: url("/local/templates/maksiled/css/../images/header-bg.jpg"); background-size: cover; } body .navbar { background-color: transparent; color: #fff; } body .navbar-controls-unit a, body .navbar-controls-unit span { color: #fff; } body .navbar-controls .input-wrap { color: #fff; background-color: transparent; } body .navbar-controls .input-wrap .icon:hover { color: #fff; } body .navbar-menu-unit.about-unit:before { color: #fff; } body .navbar.is-fixed { color: #222222; background-color: #fff; } body .navbar.is-fixed .navbar-controls-unit a, body .navbar.is-fixed .navbar-controls-unit span { color: #222222; } body .navbar.is-fixed .navbar-controls .input-wrap { color: #222222; } body .navbar.is-fixed .navbar-controls .input-wrap .icon:hover { color: #222222; } body .navbar.is-fixed .navbar-hamburger-unit { background-color: #222222; } body .navbar.is-fixed .navbar-menu-unit.about-unit:before { color: #222222; } body .navbar .navbar-hamburger-unit { background-color: #fff; } body .workarea { padding-top: 0; } .main-slider { color: #fff; height: 676px; background: url("/local/templates/maksiled/css/../images/main-slider-bg.jpg"); background-size: cover; background-position: center; } .main-slider .container { height: 100%; position: relative; } .main-slider-controls { margin-left: 7px; padding: 0 60px; display: inline-block; position: relative; } .main-slider-controls-dots { display: inline-block; margin-bottom: 0 !important; margin-top: 13px !important; } .main-slider-controls-dots li { border-radius: 11px; background-color: rgba(255, 255, 255, 0.3); width: 11px; height: 11px; list-style-type: none; padding: 0 !important; margin: 0; display: inline-block; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; margin-right: 16px; } .main-slider-controls-dots li:last-child { margin-right: 0; } .main-slider-controls-dots li.slick-active { background-color: #fff; } .main-slider-controls-dots li:hover { background-color: #fe7f1c; } .main-slider-controls-dots li:active { background-color: #fff; } .main-slider-controls-dots li:before { display: none; } .main-slider-controls-dots li button { width: 11px; height: 11px; border-radius: 11px; font-size: 0; } .main-slider-controls .arrow { position: absolute; top: 0; cursor: pointer; width: 39px; height: 39px; border-radius: 100%; border: 2px solid rgba(255, 255, 255, 0.3); font-size: 12px; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-slider-controls .arrow:hover { background-color: #fe7f1c; border-color: #fff; } .main-slider-controls .arrow:active { background-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3); } .main-slider-controls .arrow .icon { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; position: absolute; width: 100%; height: 100%; float: left; } .main-slider-controls .arrow .icon:before { top: 13px; position: absolute; } .main-slider-controls .arrow-prev { left: 0; } .main-slider-controls .arrow-prev:hover .icon:first-child { left: -39px; } .main-slider-controls .arrow-prev:hover .icon:last-child { left: 0px; } .main-slider-controls .arrow-prev .icon { left: 0px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main-slider-controls .arrow-prev .icon:last-child { left: 39px; } .main-slider-controls .arrow-prev .icon:before { left: 7px; } .main-slider-controls .arrow-next { right: 0; } .main-slider-controls .arrow-next:hover .icon:first-child { right: -39px; } .main-slider-controls .arrow-next:hover .icon:last-child { right: 0px; } .main-slider-controls .arrow-next .icon { right: 0px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .main-slider-controls .arrow-next .icon:last-child { right: 39px; } .main-slider-controls .arrow-next .icon:before { right: 7px; } .main-slider-wrap { width: 45%; position: absolute; top: 243px; left: 30px; } .main-slider-unit { padding-right: 20px; } .main-slider-unit-title { font-family: "PT Sans"; font-size: 40px; line-height: 48px; margin-bottom: 21px; max-width: 650px; } .main-slider-unit-text { overflow: hidden; max-height: 100px; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 18px; line-height: 25px; max-width: 500px; margin-bottom: 43px; } .main-slider-unit-button { margin-left: 4px; margin-bottom: 35px; } .main-slider-unit-button.animated-button-wrap { width: 183px; height: 50px; line-height: 47px; border-radius: 50px; } .main-slider-unit-button.animated-button-wrap:before { background-color: transparent; } .main-slider-unit-button.animated-button-wrap .animated-button { font-size: 18px; line-height: 47px; display: block; height: 50px; border-radius: 50px; } .main-slider-usefulInfo { padding-top: 88px; position: absolute; top: 250px; right: 300px; height: 244px; padding-left: 39px; border-left: 1px solid rgba(255, 255, 255, 0.3); pointer-events: none; } .main-slider-usefulInfo:hover .hover { opacity: 1; } .main-slider-usefulInfo:hover .main-slider-usefulInfo-link a { border-color: transparent; } .main-slider-usefulInfo:hover .default { opacity: 0; } .main-slider-usefulInfo-button { position: relative; pointer-events: auto; margin-right: 27px; float: left; cursor: pointer; } .main-slider-usefulInfo-button .hover { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; left: 0; top: 0; position: absolute; opacity: 0; } .main-slider-usefulInfo-button .default { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-slider-usefulInfo-button:hover .hover { opacity: 1; } .main-slider-usefulInfo-button:hover .default { opacity: 0; } .main-slider-usefulInfo-link { pointer-events: auto; max-width: 340px; margin-top: 5px; font-size: 18px; line-height: 28px; max-height: 84px; overflow: hidden; } .main-slider-usefulInfo-iconed { position: relative; } .main-slider-usefulInfo-iconed::after { content: ""; position: absolute; top: 50%; right: -15px; width: 10px; height: 13px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url("/local/templates/maksiled/css/../images/arrow-right-white.svg") no-repeat 0 0; background-size: cover; } .main-slider-usefulInfo-link a { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .main-menu { /* padding-bottom: 50px; */ width: 100%; margin: 0 auto; padding-top: 15px; position: relative; margin-top: 0px; } .main-menu .container { position: relative; padding: 0 23px 0 30px; } .main-menu .wrap { position: relative; } .main-menu-unit { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; overflow: hidden; cursor: pointer; position: relative; vertical-align: top; display: inline-block; float: left; background-color: #e5e5e5; margin: 0 7px 7px 0; background-size: cover; } .main-menu-unit img { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; } .main-menu-unit-title { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; opacity: 0; visibility: visible; bottom: 0; left: 0; padding: 0 120px; padding-top: 0px; color: #797272; font-size: 25px; white-space: nowrap; padding-top: 24px; } section.advantages { margin-top: 30px; } .main-menu-unit-hover { display: block; top: 0; left: 0; position: absolute; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); background-image: url("/local/templates/maksiled/css/../images/main-menu-filter.png"); background-size: cover; text-align: center; } .main-menu-unit-hover-link { color: #fff; font-size: 24px; text-align: center; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 20px 0; } .main-menu-unit-hover-link:before { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: block; content: ""; position: absolute; top: -20px; left: calc(50% - 50px); width: 98px; height: 2px; background-color: #fe7f1c; } .main-menu-unit-hover-link:after { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: block; content: ""; position: absolute; bottom: -20px; left: calc(50% - 50px); width: 98px; height: 2px; background-color: #fe7f1c; } .main-menu-unit:hover .main-menu-unit-title { opacity: 0; visibility: hidden; } .main-menu-unit:hover .main-menu-unit-hover { opacity: 1; visibility: visible; } .main-menu-unit:hover .main-menu-unit-hover-link:before { top: 0; } .main-menu-unit:hover .main-menu-unit-hover-link:after { bottom: 0; } .main-menu-unit.small { width: calc(25% - 8px); padding-top: calc(25% - 4px); } .main-menu-unit.row { width: calc(50% - 8px); padding-top: calc(25% - 4px); } .main-menu-unit.column { width: calc(25% - 7px); padding-top: calc(50% - 2px); } .main-menu-unit:nth-child(10) { position: absolute; top: 40%; right: 2px; } .main-projects { padding-bottom: 60px; /* margin-top: 30px; */ } .main-projects .container { padding: 0 30px; } h1.main-projects-title{ margin-bottom: 0; } .main-projects-title { /* margin-bottom: 20px; */ font-size: 30px; font-family: PT Sans; padding-left: 0px !important; /* margin-top: 0; */ } .main-projects-unit { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; cursor: pointer; position: relative; } .main-projects-unit-image { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; position: relative; } .main-projects-unit-image img { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: block; width: 100%; /* // -webkit-transform-style: preserve-3d; */ -webkit-backface-visibility: hidden; } .main-projects-unit-image .image-filter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-projects-unit-image .image-filter img { height: 100%; width: 100%; display: block; } .main-projects-unit-title { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; text-align: center; color: #fff; font-size: 18px; position: absolute; width: 100%; bottom: 0px; left: 0; line-height: 70px; line-height: 24px; padding: 25px 20px; background-color: rgba(1, 1, 1, 0.65); word-wrap: break-word; } .main-projects-unit-title span { line-height: 26px; } .main-projects-controls { pointer-events: none; z-index: 1; width: 100%; top: 46%; top: calc(50% - 20px); position: absolute; left: 0; } .main-projects-controls .arrow { pointer-events: all; cursor: pointer; border-radius: 41px; border: 2px solid #fe7f1c; width: 41px; height: 41px; color: #fe7f1c; background-color: #fff; position: relative; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-projects-controls .arrow .icon { position: absolute; top: 10px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-projects-controls .arrow:hover { background-color: #fe7f1c; border-color: #fff; } .main-projects-controls .arrow-prev { margin-left: -20px; float: left; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-projects-controls .arrow-prev .icon { left: 3px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main-projects-controls .arrow-prev .icon:last-child { left: 41px; } .main-projects-controls .arrow-prev:hover .icon:first-child { left: -41px; } .main-projects-controls .arrow-prev:hover .icon:last-child { left: 3px; } .main-projects-controls .arrow-next { margin-right: -20px; float: right; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-projects-controls .arrow-next .icon { right: 3px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-projects-controls .arrow-next .icon:last-child { right: 41px; } .main-projects-controls .arrow-next:hover .icon:first-child { right: -41px; } .main-projects-controls .arrow-next:hover .icon:last-child { right: 3px; } .main-projects-controls .arrow-prev .icon:last-child:before { color: #fff !important; } .main-projects-controls .arrow-next .icon:last-child:before { color: #fff !important; } .main-projects .slick-slide { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow: hidden; margin: 5px 0; } .main-projects .slick-slide:hover .main-img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .main-projects .slick-center { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; z-index: 1; -webkit-transform: scale(1.025); -ms-transform: scale(1.025); transform: scale(1.025); } .main-projects .slick-center .image-filter { opacity: 0; } .main_actions_slider { padding-bottom: 60px; /* margin-top: 30px; */ } .main_actions_slider .container { padding: 0 30px; } .gray_line { width: 100%; height: 150px; background-color: #eaedec; border-radius: 25px; position: absolute; margin-top: 120px; } .main_banner_list .slick-slide { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow: hidden; margin: 5px 0; } .main_banner_list .slick-initialized .slick-slide.main_banner_item { display: flex; justify-content: center; align-self: end; } .main_banner_list-controls { pointer-events: none; z-index: 1; width: 100%; top: 46%; top: calc(50% - 20px); position: absolute; left: 0; } .main_banner_list-controls .arrow { pointer-events: all; cursor: pointer; border-radius: 41px; border: 2px solid #fe7f1c; width: 41px; height: 41px; color: #fe7f1c; background-color: #fff; position: relative; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_banner_list-controls .arrow .icon { position: absolute; top: 10px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_banner_list-controls .arrow:hover { background-color: #fe7f1c; border-color: #fff; } .main_banner_list-controls .arrow-prev { margin-left: -20px; float: left; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_banner_list-controls .arrow-prev .icon { left: 3px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main_banner_list-controls .arrow-prev .icon:last-child { left: 41px; } .main_banner_list-controls .arrow-prev:hover .icon:first-child { left: -41px; } .main_banner_list-controls .arrow-prev:hover .icon:last-child { left: 3px; } .main_banner_list-controls .arrow-next { margin-right: -20px; float: right; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_banner_list-controls .arrow-next .icon { right: 3px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_banner_list-controls .arrow-next .icon:last-child { right: 41px; } .main_banner_list-controls .arrow-next:hover .icon:first-child { right: -41px; } .main_banner_list-controls .arrow-next:hover .icon:last-child { right: 3px; } .main_banner_list-controls .arrow-prev .icon:last-child:before { color: #fff !important; } .main_banner_list-controls .arrow-next .icon:last-child:before { color: #fff !important; } h1.main_actions_slider-title, h2.main_actions_slider-title{ margin-bottom: 0; margin-top: 50px; font-weight: 800; line-height: 50px; } .main_actions_slider-title { /* margin-bottom: 20px; */ font-size: 30px; font-family: PT Sans; padding-left: 0px !important; /* margin-top: 0; */ } .main_actions_slider-unit { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; cursor: pointer; position: relative; } .main_actions_slider-unit.home_slider { border: 1px solid #aaaaac; border-radius: 10px; /*height: 352px;*/ height: 402px; } .main_actions_img_name { position: relative; } .main_actions_name { z-index: 1; color: #fe7f1c; line-height: 18px; font-weight: 600; background: #ffffff; height: 50px; align-items: center; display: flex; padding: 0 10px; width: 100%; } .main_actions_desc, .main_actions_price { padding: 5px 12px; line-height: 18px; } .main_actions_desc { color: #5b5b5b; margin-top: 5px; height: 82px; } .main_actions_price { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; } .main_actions_price_new { color: #fe7f1c; font-weight: 600; font-size: 18px; } .main_actions_price_old { margin-right: 20px; font-size: 14px; } .main_actions_price_old:before { border-bottom: 1px solid #5b5b5b; position: absolute; content: ""; width: 25%; height: 35%; transform: rotate(-12deg); } .main_actions_href { margin-bottom: 7px; font-size: 14px; color: #31398e; text-align: center; font-weight: 600; padding: 5px 0px; line-height: 18px; } .main_actions_href a { border-bottom: 1px solid #31398e; } } @media (max-width: 767.97px){ .main_actions_img_name a { font-size: 100%; } } @media (max-width: 1023px){ .main_actions_slider-unit.home_slider { height: 100%; } } .main_actions_slider-unit-image img { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: block; width: 100%; /* // -webkit-transform-style: preserve-3d; */ -webkit-backface-visibility: hidden; } .main_actions_slider-unit-image .image-filter { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_actions_slider-unit-image .image-filter img { height: 100%; width: 100%; display: block; } .main_actions_slider-unit-title { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; text-align: center; color: #fff; font-size: 18px; position: absolute; width: 100%; bottom: 0px; left: 0; line-height: 70px; line-height: 24px; padding: 25px 20px; background-color: rgba(1, 1, 1, 0.65); word-wrap: break-word; } .main_actions_slider-unit-title span { line-height: 26px; } .main_actions_slider-controls { pointer-events: none; z-index: 1; width: 100%; top: 46%; top: calc(50% - 20px); position: absolute; left: 0; } .main_actions_slider-controls .arrow { pointer-events: all; cursor: pointer; border-radius: 41px; border: 2px solid #fe7f1c; width: 41px; height: 41px; color: #fe7f1c; background-color: #fff; position: relative; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_actions_slider-controls .arrow .icon { position: absolute; top: 10px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_actions_slider-controls .arrow:hover { background-color: #fe7f1c; border-color: #fff; } .main_actions_slider-controls .arrow-prev { margin-left: -20px; float: left; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_actions_slider-controls .arrow-prev .icon { left: 3px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main_actions_slider-controls .arrow-prev .icon:last-child { left: 41px; } .main_actions_slider-controls .arrow-prev:hover .icon:first-child { left: -41px; } .main_actions_slider-controls .arrow-prev:hover .icon:last-child { left: 3px; } .main_actions_slider-controls .arrow-next { margin-right: -20px; float: right; overflow: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_actions_slider-controls .arrow-next .icon { right: 3px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main_actions_slider-controls .arrow-next .icon:last-child { right: 41px; } .main_actions_slider-controls .arrow-next:hover .icon:first-child { right: -41px; } .main_actions_slider-controls .arrow-next:hover .icon:last-child { right: 3px; } .main_actions_slider-controls .arrow-prev .icon:last-child:before { color: #fff !important; } .main_actions_slider-controls .arrow-next .icon:last-child:before { color: #fff !important; } .main_actions_slider .slick-slide { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow: hidden; margin: 5px; } .main_actions_slider .slick-center { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; z-index: 1; -webkit-transform: scale(1.025); -ms-transform: scale(1.025); transform: scale(1.025); } .main_actions_slider .slick-center .image-filter { opacity: 0; } .main-news { padding-top: 10px; height: auto; position: relative; /* background-image: url("/local/templates/maksiled/css/../images/main-news-bg.png");*/ background-position-x: 0; background-position-y: 0; background-size: 110% 110%; background: #ebecec; } .main-news-unit .slick-slide { float: left !important; height: 100% !important; min-height: 1px !important; width: 340px !important; } .main-news1 { padding-top: 20px; height: auto; position: relative; /* background-image: url("/local/templates/maksiled/css/../images/main-news-bg.png");*/ background-position-x: 0; background-position-y: 0; background-size: 110% 110%; background: #ebecec; padding-bottom: 20px; } .main-news .container { /* margin: 0 70px; */ position: relative; padding: 0px 23px 0 30px; } .main-news-controls { z-index: 1; width: 100%; position: absolute; top: 45%; display: none; } .main-news-controls .arrow { cursor: pointer; width: 41px; height: 41px; border-radius: 41px; border: 2px solid #fe7f1c; background-color: #fff; color: #fe7f1c; position: absolute; z-index: 1; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .main-news-controls .arrow .icon { position: absolute; top: 11px; } .main-news-controls .arrow-prev { left: -15px; } .main-news-controls .arrow-prev .icon { left: 4px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .main-news-controls .arrow-next { right: 40px; } .main-news-controls .arrow-next .icon { right: 4px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .main-news-controls .arrow:hover { color: #fff; background-color: #fe7f1c; border-color: #fff; } .main-news-title { /* margin-bottom: -30px; */ /*padding-left: 25px;*/ /* margin-top: -40px; */ } .main-news-title a { font-family: PT Sans; font-size: 30px; color: #222222; /* border-bottom: 1px solid rgba(36, 35, 35, 0.71);*/ } .main-news-title a:hover { border-color: transparent; color: black; } .main-news-unit { padding-right: 30px; width: 33.3%; /* width: 310px !important;*/ } .main-news-unit-date { /* float: left;*/ /* padding-top: 20px;*/ /* text-align: center;*/ /* color: #fe7f1c;*/ /* width: 98px;*/ /* height: 87px;*/ /* border: 2px solid #fe7f1c;*/ color: #aeaeae; font-weight: 300; padding-left: 0; font-size: 15px; } .main-news-unit-date .number { font-family: PT Sans; /*display: block;*/ /*font-size: 36px;*/ margin-bottom: 5px; padding-left: 0px; } .main-news-unit-title { /* width: -webkit-calc(100% - 130px); */ /* width: calc(91% - 10px); */ /*float: left;*/ margin-left: 0px; } .main-news-unit-title a { color: #7b7474; font-size: 16px; border-bottom: 1px solid rgba(40, 37, 37, 0.4); /* font-weight: bold;*/ } .main-news-unit-title a:hover { border-color: transparent; color: black; } .main-stats { padding-bottom: 90px; padding-top: 50px; } .main-stats-title { margin-bottom: 25px; text-align: left; width: 100%; font-size: 30px; font-family: PT Sans; } .main-stats-wrap { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .main-stats-unit { padding: 0 30px 20px 30px; position: relative; border: 1px solid rgba(255, 255, 255, 0); text-align: center; width: 20%; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; cursor: pointer; } .main-stats-unit.active { border: 1px solid #fe7f1c; } .main-stats-unit.active .main-stats-unit-dropdown { max-height: 500px; padding: 25px; overflow: visible; margin-top: 30px; } .main-stats-unit.active .main-stats-unit-title:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .main-stats-unit.active:hover { border-color: #fe7f1c; } .main-stats-unit:hover { border-color: #dadada; } .main-stats-unit-image { padding-top: 30px; height: 115px; position: relative; } .main-stats-unit-image .icon { left: 0; right: 0; margin: 0 auto; } .main-stats-unit-image .icon-like { position: absolute; z-index: 1; font-size: 52px; } .main-stats-unit-image .icon-like-bg { position: absolute; z-index: 0; font-size: 41px; } .main-stats-unit-image .icon-chat { position: absolute; z-index: 1; font-size: 49px; } .main-stats-unit-image .icon-chat-bg { position: absolute; z-index: 0; font-size: 29px; } .main-stats-unit-image .icon-list { position: absolute; z-index: 1; font-size: 50px; } .main-stats-unit-image .icon-list-bg { position: absolute; z-index: 0; font-size: 43px; } .main-stats-unit-image .icon-storage { position: absolute; z-index: 1; font-size: 50px; } .main-stats-unit-image .icon-storage-bg { position: absolute; z-index: 0; font-size: 45px; } .main-stats-unit-image .icon-delivery { position: absolute; z-index: 1; font-size: 50px; } .main-stats-unit-image .icon-delivery-bg { position: absolute; z-index: 0; font-size: 35px; } .main-stats-unit-title { font-size: 18px; } .main-stats-unit-dropdown { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; overflow: hidden; max-height: 0; top: 200px; position: absolute; background-color: #fff; z-index: 2; padding: 0 25px; width: 500px; } .main-stats-unit-dropdown:before { content: ""; width: 0; height: 0; top: -5px; left: 150px; position: absolute; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #fff; } .main-stats-unit:nth-child(1) .main-stats-unit-dropdown { left: 0%; } .main-stats-unit:nth-child(1) .main-stats-unit-dropdown:before { left: 120px; } .main-stats-unit:nth-child(2) .main-stats-unit-dropdown { left: -30%; } .main-stats-unit:nth-child(2) .main-stats-unit-dropdown:before { left: 250px; } .main-stats-unit:nth-child(3) .main-stats-unit-dropdown { left: -30%; } .main-stats-unit:nth-child(3) .main-stats-unit-dropdown:before { left: 250px; } .main-stats-unit:nth-child(4) .main-stats-unit-dropdown { left: -30%; } .main-stats-unit:nth-child(4) .main-stats-unit-dropdown:before { left: 250px; } .main-stats-unit:nth-child(5) .main-stats-unit-dropdown { right: 0; } .main-stats-unit:nth-child(5) .main-stats-unit-dropdown:before { left: 330px; } .main-partners-title { text-align: left; margin-bottom: 20px; font-size: 30px; font-family: PT Sans; padding-left: 14px !important; /* padding-left: 0px !important; */ margin-top: 50px; line-height: 50px; } .main-partners-unit { display: inline-block; height: 100%; } .main-partners-unit-wrap { /* // height: 45px; // width: 3037.5px; */ } .main-partners-unit-pic { /* // display: flex!important; // align-items: center; // justify-content: center; */ height: 70px; margin-left: 20px; margin-right: 20px; background-size: contain !important; background-position: center center !important; background-repeat: no-repeat !important; } .main-partners-unit-wrap img { width: 100%; max-width: 100%; height: auto; max-height: 100%; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .main-partners-unit-wrap img { width: auto; } } .main-partners-wrap { /* margin-top: 45px; */ overflow: hidden; width: 100%; /* margin-bottom: 45px; */ /* // height: 45px; */ } .main-partners .first { /* // -ms-animation-name: bannermove; // -ms-animation-duration: 15s; // -ms-animation-iteration-count: infinite; // -webkit-animation: bannermove 15s both linear infinite; // animation: bannermove 15s both linear infinite; */ } .cart-title { padding-left: 15px; } .cart-wrap { margin: 0 15px; padding-top: 25px; border-top: 1px solid #dadada; } .cart-wrap-unit { padding-right: 20px; padding-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .cart-wrap-unit-wrapper { max-width: 900px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-right: 35px; width: 50%; } .cart-wrap-unit:last-child { padding-bottom: 40px; } .cart-wrap-unit-image { float: left; margin-right: 25px; display: inline-block; width: 104px; min-width: 100px; } .cart-wrap-unit-image img { width: 100%; } .cart-wrap-unit-title { float: left; display: inline-block; font-size: 18px; line-height: 24px; vertical-align: top; margin-top: 25px; } .cart-wrap-unit-title a { border-bottom: 1px solid #dadada; } .cart-wrap-unit-amount { vertical-align: top; margin-top: 18px; text-align: center; display: inline-block; width: 110px; height: 38px; position: relative; line-height: 38px; } .cart-wrap-unit-amount input { position: absolute; top: 0; left: 0; border: 1px solid #dadada; width: 100%; height: 38px; line-height: 38px; padding: 0 !important; text-align: center; } .cart-wrap-unit-amount .reduce { top: 0; left: 18px; position: absolute; /* // padding-top: 18px; */ cursor: pointer; vertical-align: top; height: 100%; display: inline-block; font-size: 2px; color: #9a9085; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .cart-wrap-unit-amount .reduce .icon { padding-top: 18px; padding-bottom: 18px; } .cart-wrap-unit-amount .reduce .icon:before { margin-top: 2px; padding-right: 2px; } .cart-wrap-unit-amount .reduce:hover { color: #fe7f1c; } .cart-wrap-unit-amount .amount-unit { display: inline-block; margin: 0 18px; } .cart-wrap-unit-amount .add { right: 18px; top: 0; position: absolute; /* // padding-top: 13px; */ vertical-align: top; cursor: pointer; display: inline-block; height: 100%; font-size: 12px; color: #9a9085; } .cart-wrap-unit-amount .add .icon { padding-top: 13px; padding-bottom: 13px; } .cart-wrap-unit-amount .add .icon { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .cart-wrap-unit-amount .add:before { display: inline-block; margin-top: 6px; } .cart-wrap-unit-amount .add:hover .icon { color: #fe7f1c; } .cart-wrap-unit-price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 25px; margin-left: 45px; font-size: 24px; min-width: 175px; } .cart-wrap-unit-price.cart-no-sale { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .cart-wrap-unit-price .current { display: inline-block; color: #fe7f1c; } .cart-wrap-unit-price .sale { margin-right: 30px; display: inline-block; color: #9a9085; text-decoration: line-through; } .cart-wrap-unit-remove { margin-left: 50px; margin-top: 25px; white-space: nowrap; } .cart-wrap-unit-remove a span { -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .cart-wrap-unit-remove a span:last-child { margin-left: 10px; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; border-bottom: 1px solid #dadada; } .cart-wrap-unit-remove a span:last-child:hover { border-color: transparent; } .cart-wrap-unit-remove a:hover span:first-child { color: #fe7f1c; } .cart-wrap-unit-controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: reverse-row; -ms-flex-direction: reverse-row; flex-direction: reverse-row; } .cart-result { line-height: 90px; height: 90px; background-color: #f5f5f5; padding: 0 15px; margin: 0 15px; } .cart-result-title { float: left; } .cart-result-checkout { margin-top: 20px; margin-left: 50px; float: right; } .cart-result-checkout.animated-button-wrap { width: 211px; height: 44px; border-radius: 44px; } .cart-result-checkout.animated-button-wrap:before { width: 250px; height: 250px; border-radius: 250px; background-color: #f5f5f5; } .cart-result-checkout.animated-button-wrap .animated-button { color: #fe7f1c; font-size: 18px; line-height: 40px; display: block; height: 100%; vertical-align: top; } .cart-result-total { float: right; } .cart-result-total .price { color: #fe7f1c; font-size: 30px; } .cart-result-total span:first-child { display: inline-block; vertical-align: top; margin-top: 1px; } .cart-ordering { position: relative; } .cart-ordering-title { padding-left: 15px; } .cart-ordering-wrap { padding-left: 15px; position: relative; overflow: hidden; float: left; width: 800px; } .cart-ordering-steps { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 45px; line-height: 45px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #dadada; } .cart-ordering-steps-unit.active { color: #fe7f1c; } .cart-ordering-steps-unit.active:after { content: ""; width: 100%; height: 2px; margin-top: -2px; background-color: #fe7f1c; display: block; } .cart-ordering-steps-wrap { width: 100%; overflow-x: hidden; padding-top: 20px; padding-bottom: 25px; } .cart-ordering-steps-wrap .cart-ordering-step { width: 100%; float: left; } .cart-ordering-steps-wrap .delivery-unit { padding: 20px; background-color: #f4f1ee; border: 1px solid #dadada; margin-bottom: 20px; } .cart-ordering-steps-wrap .delivery-unit:last-child { margin-bottom: 0px; } .cart-ordering-steps-wrap .delivery-unit input[type="radio"] { display: none; } .cart-ordering-steps-wrap .delivery-unit input:checked + label .radiobutton:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .cart-ordering-steps-wrap .delivery-unit label { cursor: pointer; padding-left: 30px; position: relative; } .cart-ordering-steps-wrap .delivery-unit .radiobutton { position: absolute; top: -2px; left: 0; width: 20px; height: 20px; display: inline-block; background-color: #fff; border-radius: 20px; border: 1px solid #dadada; } .cart-ordering-steps-wrap .delivery-unit .radiobutton:after { border-radius: 10px; position: absolute; content: ""; top: 0; bottom: 0; left: 0; margin: auto; right: 0; width: 10px; height: 10px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); background-color: #fe7f1c; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .cart-ordering-steps-wrap .delivery-unit .delivery-title { position: relative; display: inline-block; margin-bottom: 20px; } .cart-ordering-steps-wrap .delivery-unit .delivery-title:after { position: absolute; right: -40px; top: 1px; display: inline-block; font-family: "PT Sans Icons"; font-size: 18px; color: black; content: "\e91e"; } .cart-ordering-steps-wrap .delivery-unit .pickup-title { position: relative; display: inline-block; margin-bottom: 20px; } .cart-ordering-steps-wrap .delivery-unit .pickup-title:after { position: absolute; top: 0; right: -25px; display: inline-block; font-family: "PT Sans Icons"; font-size: 20px; color: black; content: "\e91f"; } .cart-ordering-step { min-height: 370px; } .cart-ordering-step form .form-unit { width: 264px; float: left; margin-right: 36px; margin-bottom: 15px; } .cart-ordering-step form .form-unit .form-input-title { margin-bottom: 5px; } .cart-ordering-step form .form-unit input { padding-left: 15px; width: 100%; height: 40px; } .cart-ordering-step form .form-unit input.redborder { border-color: red; } .cart-ordering-step form .form-unit.multiple { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .cart-ordering-step form .form-unit.multiple .form-unit { margin-right: 0; width: 30%; } .cart-ordering-step.adress { padding-left: 30px; padding-top: 30px; border: 1px solid #dadada; } .cart-ordering-step .preview-unit { margin-bottom: 30px; } .cart-ordering-step .preview-unit-image { float: left; width: 104px; margin-right: 24px; } .cart-ordering-step .preview-unit-image img { display: block; width: 100%; } .cart-ordering-step .preview-unit-title { max-width: 350px; float: left; font-size: 18px; line-height: 24px; } .cart-ordering-step .preview-unit-title a { border-bottom: 1px solid #dadada; } .cart-ordering-step .preview-unit-title a:hover { border-color: transparent; } .cart-ordering-step .preview-unit-price { font-size: 24px; float: right; } .cart-ordering-step .preview-unit-price .sale { text-decoration: line-through; color: #9a9085; display: inline-block; } .cart-ordering-step .preview-unit-price .current { margin-left: 30px; color: #fe7f1c; display: inline-block; } .cart-ordering-controls { width: 100%; height: 50px; } .cart-ordering-controls-unit { height: 100%; line-height: 50px; width: 160px; color: #222222; background-color: #e7e1db; padding-left: 15px; padding-right: 15px; border-radius: 5px; cursor: pointer; opacity: 1; visibility: visible; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .cart-ordering-controls-unit.hidden { opacity: 0; visibility: hidden; } .cart-ordering-controls-unit .icon { font-size: 11px; } .cart-ordering-controls-unit:hover { background-color: #fe7f1c; color: #fff; } .cart-ordering-controls-unit.prev { float: left; } .cart-ordering-controls-unit.prev .icon:before { margin-right: 30px; display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .cart-ordering-controls-unit.next { text-align: right; float: right; } .cart-ordering-controls-unit.next .icon:before { margin-left: 15px; display: inline-block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .cart-ordering-info { visibility: hidden; opacity: 0; padding: 20px; margin-left: 30px; margin-top: 44px; float: left; width: 325px; height: 370px; border: 1px solid #dadada; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .cart-ordering-info.active { visibility: visible; opacity: 1; position: relative; } .cart-ordering-info .title { color: #9a9085; } .cart-ordering-info .text { color: #222222; } .cart-ordering-info-unit { margin-bottom: 10px; } .cart-ordering-info-unit.multiple .unit { display: inline-block; margin-right: 20px; } .cart-ordering-result { -ms-flex-pack: unset; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; visibility: hidden; opacity: 0; position: absolute; bottom: -20px; left: 200px; height: 90px; width: 970px; background-color: #f5f5f5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 90px; padding-left: 55px; padding-right: 20px; } .cart-ordering-result.active { visibility: visible; opacity: 1; } .cart-ordering-result-title { margin-right: auto; } .cart-ordering-result-sum span:first-child { display: inline-block; vertical-align: top; } .cart-ordering-result-sum .price { color: #fe7f1c; font-size: 24px; } .cart-ordering-result-submit { margin-left: 50px; margin-top: 25px; width: 211px; height: 44px; line-height: 44px; } .cart-ordering-result-submit.animated-button-wrap:before { width: 250px; height: 250px; background-color: #f5f5f5; } .cart-ordering-result-submit .animated-button { cursor: pointer; display: block; } #warning_message { padding-left: 15px; } .profile-wrap { margin-left: 15px; position: relative; width: 660px; } .profile-title { margin-left: 15px; } .profile-leave { position: absolute; top: 0; right: 0; line-height: 45px; } .profile-leave .icon { font-size: 18px; display: none; } .profile-leave a { border-bottom: 1px solid #dadada; } .profile-pagination { width: 45%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 45px; } .profile-pagination-unit { line-height: 45px; position: relative; cursor: pointer; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .profile-pagination-unit:after { position: absolute; width: 100%; height: 2px; opacity: 0; display: block; content: ""; bottom: -1px; z-index: 1; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; background-color: #fe7f1c; } .profile-pagination-unit.active { color: #fe7f1c; } .profile-pagination-unit.active:after { opacity: 1; } .profile-pagination-unit:hover { color: #fe7f1c; } .profile-pagination-unit:hover:after { opacity: 1; } .profile-unit .form-unit { width: 264px; float: left; margin-right: 30px; margin-bottom: 15px; } .profile-unit .form-unit-title { margin-bottom: 5px; } .profile-unit .form-unit input { width: 100%; height: 40px; line-height: 40px; } .profile-unit .form-unit.multiple { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .profile-unit .form-unit.multiple .form-unit { margin: 0; width: 30%; } .profile-unit .animated-button-wrap { /* // margin-top: 15px; */ width: 264px; height: 50px; background-color: #fe7f1c; } .profile-unit .animated-button-wrap:before { width: 780px; height: 780px; border-radius: 390px; background-color: #fe7f1c; } .profile-unit .animated-button-wrap:hover .animated-button { color: #fe7f1c; } .profile-unit .animated-button-wrap:hover:before { background-color: #fff !important; } .profile-unit .animated-button-wrap .animated-button { display: block; width: 100%; height: 100%; color: #fff; font-size: 18px; } .profile-unit-wrap { padding: 30px; border: 1px solid #dadada; } .profile-unit label { float: left; margin-bottom: 25px; display: block; } .error-page { padding-left: 15px; } .error-page-title { margin-bottom: 40px; margin-top: 40px; } .error-page-title-number { line-height: 120px; color: #fe7f1c; font-size: 120px; margin-right: 20px; } .error-page-title-text { color: #222222; font-size: 40px; line-height: 56px; } .error-page-text { color: #9a9085; } .error-page-text p { line-height: 22px; } .error-page-text a { color: #fe7f1c; border-bottom: 1px solid #fe7f1c; } .body-select { overflow: hidden; } .select { height: 100vh; width: 100%; overflow: hidden; background-color: #231107; } .select .animated-button-wrap { position: relative; display: inline-block; overflow: hidden; z-index: 1; height: 38px; border-radius: 38px; } .select .animated-button-wrap:before { z-index: 0; content: ""; -webkit-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; -webkit-transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); -o-transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); width: 200px; height: 200px; display: block; background-color: #fff; position: absolute; top: 50%; border-radius: 100px; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .select .animated-button-wrap:hover:before { background-color: #fe7f1c; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .select .animated-button-wrap:hover .animated-button { color: #fff; } .select .animated-button-wrap .animated-button { overflow: hidden; text-align: center; border: 2px solid #fe7f1c; height: 38px; border-radius: 38px; font-size: 15px; line-height: 35px; position: relative; background-color: transparent; } .select-unit { position: absolute; overflow: hidden; } .select-unit:hover .select-unit-net img { -webkit-filter: blur(0px); filter: blur(0px); } .select-unit:hover .select-unit-net-unit { text-shadow: none; color: #ebd0bb; } .select-unit:hover .select-unit-gradient { opacity: 1; } .select-unit > img { display: block; height: 100%; } .select-unit-content { pointer-events: none; text-align: center; position: relative; margin: 0 auto; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; height: 100%; z-index: 2; } .select-unit-content-wrap { pointer-events: none; width: 100%; position: absolute; left: 0; top: 30%; height: 405px; } .select-unit-button { pointer-events: all; } .select-unit-button.animated-button-wrap { width: 207px; height: 50px; line-height: 50px; font-size: 18px; } .select-unit-button.animated-button-wrap:before { width: 250px; height: 250px; border-radius: 125px; background-color: transparent; } .select-unit-button.animated-button-wrap > .animated-button { line-height: 50px; display: block; width: 100%; height: 100%; color: #fff; } .select-unit-logo { z-index: 2; } .select-unit-net { width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; } .select-unit-net img { width: 100%; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; -webkit-filter: blur(2px); filter: blur(2px); height: 100%; } .select-unit-net-unit { -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; position: absolute; display: inline-block; font-size: 18px; color: rgba(235, 208, 187, 0.1); text-align: center; text-shadow: 0px 0px 4px #ebd0bb; } .select-unit-gradient { position: absolute; top: 0; height: 100%; width: 70%; z-index: 2; opacity: 0; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; } .select-maksiled { z-index: 1; width: 53%; height: 110%; } .select-maksiled .bg-wrap { overflow: hidden; position: absolute; -webkit-transform: rotate(4deg); -ms-transform: rotate(4deg); transform: rotate(4deg); width: 106%; top: -10%; left: -10%; height: 110%; border-right: 10px solid #fff; } .select-maksiled .bg-wrap:hover .img { -webkit-transform: scale(1.05) rotate(-4deg); -ms-transform: scale(1.05) rotate(-4deg); transform: scale(1.05) rotate(-4deg); } .select-maksiled .bg-wrap .img { background: url("/local/templates/maksiled/css/../images/select-maksiled.png"); background-position: center; background-size: cover; -webkit-transition: all ease-in-out 3s; -o-transition: all ease-in-out 3s; transition: all ease-in-out 3s; -webkit-transform: rotate(-4deg); -ms-transform: rotate(-4deg); transform: rotate(-4deg); width: 110%; height: 100%; } .select-maksiled .select-unit-gradient { left: 0; background: url("/local/templates/maksiled/css/../images/gradient-left.png"); background-size: cover; } .select-maksiled .select-unit-content { padding-top: 100px; width: 423px; } .select-maksiled .select-unit-logo { margin-bottom: 30px; } .select-maksiled .select-unit-net .unit-01 { top: -8%; left: 21%; } .select-maksiled .select-unit-net .unit-02 { right: -18%; top: 0%; } .select-maksiled .select-unit-net .unit-03 { left: -36%; top: 8%; } .select-maksiled .select-unit-net .unit-04 { top: 57%; left: -35%; } .select-maksiled .select-unit-net .unit-05 { right: -7%; top: 62%; } .select-maksiled .select-unit-net .unit-06 { top: 82%; right: -3%; } .select-maksiled .select-unit-net .unit-07 { top: 98%; left: -18%; } .select-maksbright { height: 105%; width: 53%; right: 0; top: 0; } .select-maksbright > .img { width: 110%; height: 105%; -webkit-transition: all ease-in-out 3s; -o-transition: all ease-in-out 3s; transition: all ease-in-out 3s; background: url("/local/templates/maksiled/css/../images/select-maksbright.png"); background-position: center; background-size: cover; } .select-maksbright > .img:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .select-maksbright .select-unit-gradient { width: 50%; right: 0; background: url("/local/templates/maksiled/css/../images/gradient-right.png"); background-size: cover; } .select-maksbright .select-unit-content { padding-top: 57px; width: 430px; } .select-maksbright .select-unit-net .unit-01 { top: -8%; right: -6.5%; } .select-maksbright .select-unit-net .unit-02 { left: -2.5%; top: -3%; } .select-maksbright .select-unit-net .unit-03 { right: -17%; top: 60%; } .select-maksbright .select-unit-net .unit-04 { text-align: right; left: -27%; top: 67%; } .select-maksbright .select-unit-net .unit-05 { top: 100%; right: -12.5%; } .select-maksbright .select-unit-logo { width: 282px; height: 132px; margin: 0 auto; margin-bottom: 30px; } .select-maksbright .select-unit-logo img { width: 100%; height: 100%; } .select-maksbright .select-unit-button .animated-button { border-color: #f60a00 !important; } .select-maksbright .select-unit-button:hover:before { background-color: #f60a00; } .upButton { -webkit-transform-style: preserve-3d; -webkt-backface-visibility: hidden; padding-top: 0px; right: 20px; position: fixed; z-index: 1; width: 40px; height: 40px; text-align: center; background-color: #dedede; -webkit-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; cursor: pointer; /* background-image: url('/local/templates/maksiled/images/arrow-new.png'); */ background-position: center; background-repeat: no-repeat; font-size: 0px !important; opacity: 0.8; top: -100px; /*background-size: 20px 20px;*/ z-index: 9999999; font-size: 20px; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .upButton.active { top: 20px; } .upButton .icon { margin-bottom: 0px; font-size: 15px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(90deg); text-align: center; width: 20px; height: 15px; } .upButton:hover { opacity: 1; } .text-area { padding-right: 15px; padding-left: 15px; } .advantages__list { padding: 50px 0; padding-top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .advantages__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 25%; position: relative; padding-left: 70px; } .advantages__item--price { padding-left: 70px; } .advantages__item--price::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 44px; height: 50px; background: url("/local/templates/maksiled/css/../images/money-icon.png") no-repeat 0 0; background-size: contain; } .advantages__item--accessories { padding-left: 85px; } .advantages__item--accessories::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 52px; height: 53px; background: url("/local/templates/maksiled/css/../images/cool-icon.png") no-repeat 0 0; background-size: contain; } .advantages__item--repairs { padding-left: 115px; } .advantages__item--repairs::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 89px; height: 61px; background: url("/local/templates/maksiled/css/../images/fast-icon.png") no-repeat 0 0; background-size: contain; } .advantages__item--guarantee { padding-left: 80px; } .advantages__item--guarantee::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 59px; height: 66px; background: url("/local/templates/maksiled/css/../images/shield-icon.png") no-repeat 0 0; background-size: contain; } .advantages__item--specialists { padding-left: 75px; } .advantages__item--specialists::before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 54px; height: 59px; background: url("/local/templates/maksiled/css/../images/qual-icon.png") no-repeat 0 0; background-size: contain; } .advantages__text { display: block; max-width: 140px; } .feedback { padding: 50px 15px; margin: 0 15px; background: #f5f5f5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .feedback__form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .feedback__title { text-align: center; margin-bottom: 35px; color: #959090; } .feedback .feedback__input { width: 280px; padding: 23px 0; padding-right: 15px; margin-right: 15px; } .feedback .animated-button-wrap { height: 48px; width: 200px; } .feedback .animated-button-wrap .animated-button { height: 48px; width: 100%; } .inputfile { line-height: 3px !important; padding-top: 8px !important; } .map-area { position: relative; background: url("/local/templates/maksiled/css/../images/map_img.png") no-repeat 0 0; max-width: 1450px; height: 780px; background-size: cover; z-index: 10; } .m-cities-list { display: none; } .map-area__city { position: relative; font-size: 14px; color: #d3d3d3; text-shadow: 0px 1px 0px #000; } .map-area__city::before { content: ""; opacity: 1; position: absolute; top: 50%; left: -23px; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); width: 15px; height: 15px; border-radius: 50%; background: #fe7f1c; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .map-area__point { position: absolute; top: auto; right: auto; bottom: auto; left: auto; cursor: pointer; } .map-area__point::before { position: absolute; top: 50%; left: -57px; width: 70px; height: 70px; border: 2px solid rgba(238, 122, 19, 0.7); border-radius: 50%; content: ""; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateY(-50%) scale(0.2); -ms-transform: translateY(-50%) scale(0.2); transform: translateY(-50%) scale(0.2); } .map-area__point::after { position: absolute; top: 50%; left: -52px; width: 60px; height: 60px; border-width: 6px; border: 2px solid rgba(238, 122, 19, 0.5); border-radius: 50%; content: ""; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; -webkit-transform: translateY(-50%) scale(0.2); -ms-transform: translateY(-50%) scale(0.2); transform: translateY(-50%) scale(0.2); } .map-area__point:hover::before { opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .map-area__point:hover::after { opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); -webkit-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; } .map-area__point:hover .map-area__city::before { -webkit-transform-origin: 50% 80%; -ms-transform-origin: 50% 80%; transform-origin: 50% 80%; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); opacity: 0; } .map-area__point--moscow { top: 325px; left: 225px; } .map-area__point--spb { top: 255px; left: 275px; } .map-area__point--samara { bottom: 280px; left: 250px; } .map-area__point--nijniy { top: 350px; left: 280px; } .map-area__point--perm { top: 420px; left: 420px; } .map-area__point--voronej { top: 420px; left: 185px; } .map-area__point--volgograd { top: 530px; left: 165px; } .map-area__point--krym { top: 420px; left: 50px; } .map-area__point--rostov { top: 450px; left: 125px; } .map-area__point--ufa { top: 500px; left: 360px; } .map-area__point--kazan { top: 410px; left: 300px; } .map-area__point--vladimir { top: 370px; left: 260px; } .map-area__point--yaroslavl { top: 300px; left: 280px; } .map-area__point--lipeck { top: 390px; left: 200px; } .map-area__point--chelyaba { top: 515px; left: 425px; } .map-area__point--ekb { top: 450px; left: 470px; } .map-area__point--stavropol { top: 500px; left: 120px; } .map-area__point--krasnodar { top: 470px; left: 80px; } h2.scheme__title { text-align: center; margin-bottom: 10px; } .scheme { padding-top: 50px; padding-bottom: 25px; } p.scheme__desc { text-align: center; font-size: 30px; line-height: 36px; color: #959090; font-weight: 700; margin-bottom: 50px; } p.scheme__desc span { color: #ff954d; } .scheme__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; counter-reset: count; } .scheme__item { position: relative; width: 25%; padding-right: 70px; } .scheme__item::after { content: ""; display: block; position: absolute; top: 50%; right: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 11px; background: url("/local/templates/maksiled/css/../images/arrow-icon.png") no-repeat 0 0; background-size: cover; } .scheme__item:last-child { padding-right: 0; } .scheme__item:last-child::after { display: none; } p.scheme__text { font-size: 14px; line-height: 20px; font-weight: 800; color: #000; max-width: 200px; text-align: center; margin: 0 auto; } p.scheme__text span { color: #959090; } .scheme__phone { color: #ff954d; } .scheme__icon { position: relative; width: 95px; height: 85px; margin: 0 auto; margin-bottom: 35px; } .scheme__icon::after { content: counter(count); counter-increment: count; color: #d8d8d8; position: absolute; right: -20px; bottom: -5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 30px; font-weight: bold; } .scheme__icon--application::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 64px; height: 63px; background: url("/local/templates/maksiled/css/../images/pencil-icon.png") no-repeat 0 0; background-size: cover; } .scheme__icon--specialist::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 71px; height: 71px; background: url("/local/templates/maksiled/css/../images/man-icon.png") no-repeat 0 0; background-size: cover; } .scheme__icon--calculator::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 84px; height: 84px; background: url("/local/templates/maksiled/css/../images/cacl-icon.png") no-repeat 0 0; background-size: cover; } .scheme__icon--repairs::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 78px; height: 78px; background: url("/local/templates/maksiled/css/../images/screwdriver-icon.png") no-repeat 0 0; background-size: cover; } .scheme__icon--acceptance::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 79px; height: 68px; background: url("/local/templates/maksiled/css/../images/pay-icon.png") no-repeat 0 0; background-size: cover; } .contacts-area { background: #f5f5f5; margin: 0 15px; } h2.contacts-area__title { text-align: center; padding: 40px 0; color: #959090; margin-bottom: 0; } .contacts-area__map iframe { height: 720px; } font.errortext { padding-left: 15px; color: black !important; } .error-fld { color: #ff0000; } .bx-authform { padding-left: 15px; padding-right: 15px; } .input_hidden_container { display: none; } .restoring__group { margin-bottom: 20px; } .restoring .animated-button-wrap { width: 150px; margin-bottom: 20px; } .restoring .animated-button-wrap .animated-button { width: 100%; } .restoring__auth-link { color: #9a9085; border-bottom: 1px solid #9a9085; cursor: pointer; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; } .restoring__auth-link:hover { color: #9a9085; text-decoration: none; border-color: transparent; } .selectpicker { opcaity: 0; visibility: hidden; } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #ccc !important; } .catalog-list-message a { border-bottom: 1px solid #9a9085; } .popup-info { text-align: center; } .catalog-filters-others { padding-bottom: 15px; } .bx_item_list_you_looked_horizontal { border-bottom: none; } .adres_blok { font-size: 24px; padding-left: 15px; } .manager_block { margin-bottom: 60px; margin-top: 60px; } .title_block h2 { padding-left: 15px; color: #222222; font-size: 40px; font-weight: 800; line-height: 50px; margin-bottom: 20px; } .office_item { width: 23%; margin-left: 1%; margin-bottom: 1%; display: inline-block; text-align: center; vertical-align: top; min-height: 275px; padding: 10px; border: 1px solid #fca600; } .office_item:hover { background-color: rgb(236, 233, 233); } .office_item .name { font-size: 18px; color: #fca600; margin-bottom: 15px; } .manager_item { width: 23%; margin-left: 1%; margin-bottom: 1%; display: inline-block; text-align: center; vertical-align: top; min-height: 275px; padding: 10px; border: 1px solid #fca600; } .manager_item:hover { background-color: rgb(236, 233, 233); } .office_item:nth-child(14) { height: 460px; } .office_item:nth-child(15) { height: 460px; } .office_item:nth-child(16) { height: 460px; } .office_item:nth-child(17) { height: 460px; } .block_left { width: 50%; display: inline-block; } .block_right { display: inline-block; width: 49%; } .block_right a { font-size: 30px; text-decoration: none; } .block_right span { text-decoration: none; } .manager_item { width: 25%; display: inline-block; text-align: center; } .manager_item .name { font-size: 18px; padding-top: 20px; margin-bottom: 20px; } .manager_item .dolgnost { color: #b0b3b4; margin-bottom: 15px; } .manager_item .email { margin-top: 20px; } .office_item .name { font-size: 18px; color: #fca600; margin-bottom: 35px; } .office_item .email { text-decoration: none; color: #fca600; margin-top: 15px; margin-bottom: 15px; } .webform_zakaz { /* margin: 50px auto; */ display: none; left: 40%; position: absolute; font-size: 24px; line-height: 30px; text-align: center; padding-top: 20px; padding: 40px; background: white; width: 300px; top: 4%; z-index: 9; -webkit-box-shadow: 1px 1px 17px 0px rgba(254, 127, 28, 0.2); box-shadow: 1px 1px 17px 0px rgba(254, 127, 28, 0.2); } .webform_zakaz.active { display: block; } .pol_form { margin-bottom: 20px; } span.naz_pol { font-size: 18px; } .zagolovok_form { margin-bottom: 20px; font-size: 22px; } .knop_form input { overflow: hidden; padding: 0px 15px 0 15px; text-align: center; border: 2px solid #fe7f1c; height: 38px; border-radius: 38px; font-size: 15px; line-height: 35px; position: relative; background-color: transparent; } /* Fix 13.08 */ .v2-slider-slick .slick-next { z-index: 4 !important; } .navbar-controls .input-wrap.active { color: #fff; background-color: transparent; } .v2-slider-slick__item { background-size: cover; } .info.city-choose .city_curent_name { margin-top: 4px; } .header-phones-unit .zakaz_knop span { position: relative; top: -5px; font-family: "PT Sans"; font-size: 13px; color: rgb(92, 92, 92); } .header-phones-unit .zakaz_knop { margin-top: 0; } .header-switch .switch-wrap a:first-of-type { color: transparent !important; width: 83px; height: 22px; display: inline-block; background-image: url(/local/templates/maksiled/images/maksiled_logo.jpg); background-repeat: no-repeat; background-size: contain; } .header-switch .switch-wrap a:last-of-type { color: transparent !important; width: 142px; height: 22px; display: inline-block; background-image: url(/local/templates/maksiled/images/maksbright_logo.jpg); background-size: contain; background-repeat: no-repeat; } .search-form .input-wrap.active { border: 0; } /* /Fix 13.08 */ /* Правка от: 24.08.18, 16:23 @ 103435/2535555/2556421, S.Maxim */ .container > h1 { padding-left: 12px; } .main_baner_consultations .btn_repairs { display: none; } .main_baner_consultations { width: calc(100% - 33px); background: url(/images/repairs/header.jpg) no-repeat; background-position: center 80%; background-size: cover; padding: 25px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 30px auto 0; } .main_baner_consultations.main_baner_ceiling_lighting { margin-top: 0; margin-bottom: 60px; background: url(/images/main/banner_ceiling.jpg) no-repeat; } @media screen and (max-width: 769px) { .main_baner_consultations.main_baner_ceiling_lighting { background-size: cover; background-position: center center; } } .main_baner_consultations_left { 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: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; max-width: 100%; width: 100%; margin-right: 25px; } .main_baner_consultations_left .buttonsbody { padding: 8px; max-width: 240px; width: 100%; } .main_baner_consultations_left h2 { color: #fff; font-size: 40px; } .main_baner_consultations_left p { font-size: 28px; line-height: 120%; } .main_baner_consultations_left ul li { font-size: 1.5em; } .main_baner_consultations_right { max-width: 350px; -ms-flex-negative: 0; flex-shrink: 0; } .main_baner_consultations .form_free_consultations form > *:not(:last-child) { margin-bottom: 0; } .form_free_consultations { background: #fff; color: #000; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; padding: 15px 4px 7px; } .form_free_consultations .inform { font-size: 14px; text-align: center; color: #5b5b5b; margin: 0; } .form_free_consultations .min_container .button2 { margin-bottom: 0; } .form_free_consultations input { border-radius: 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; } .form_free_consultations input[type="tel"] { background: #ebecec; width: 100%; height: 38px !important; } .form_free_consultations form { text-align: center; } .form_free_consultations form > *:not(:last-child) { margin-bottom: 15px; } .form_free_consultations .button2 { padding-top: 0; padding-left: 0; } .main_baner_consultations_left .button1 .buttonsbody, .form_free_consultations .buttonsbody1[type="submit"] { position: static; } .form_free_consultations .title_consultations { text-align: center; font-size: 20px; margin-bottom: 0; } .form_free_consultations form .checkbox2 { padding-top: 0; padding-left: 0; font-size: 12px; color: #5b5b5b; } .form_free_consultations form .checkbox2 .tooltip { font-size: 12px; } .form_free_consultations .disclaimer { font-size: 11px; margin-top: 5px; } .min_container { max-width: 220px; width: 220px; margin: 0px auto; } .min_container > *:not(:last-child) { margin-bottom: 15px; } .hidden { display: none !important; } .highlight { color: #ee6600; } .close_consultations_item { display: none; } @media screen and (max-width: 996px) { .main_baner_consultations_left h2 { font-size: 36px; } .main_baner_consultations_left p { font-size: 20px; } } @media screen and (max-width: 850px) { .main_baner_consultations_left h2 { font-size: 30px; } .main_baner_consultations_left p { font-size: 16px; } .main_baner_consultations_left { margin-right: 20px; } } @media screen and (max-width: 769px) { .main_baner_consultations { margin: 20px auto 0 auto; width: 100%; padding: 20px 25px; } .main_baner_consultations_right { position: fixed; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; top: 0; bottom: 0; right: 0; background: #000c; max-width: 100%; z-index: 99999; } .main_baner_consultations_right.active { display: -webkit-box; display: -ms-flexbox; display: flex; } .form_free_consultations { max-width: 320px; padding: 10px 20px 25px 20px; } .form_free_consultations .buttonsbody1[type="submit"] { font-size: 17px !important; } .main_baner_consultations_left { margin-right: 0; } .main_baner_consultations_left > p { display: none; } .main_baner_consultations_left .button1 { display: flex; flex-direction: column; align-items: center; } .main_baner_consultations_left .button1 > *{ max-width: 240px; width: 100%; display: block; } .main_baner_consultations_left .buttonsbody { display: block; } .main_baner_consultations_left h2 { line-height: 120%; text-align: center; } .close_consultations_item { display: block; width: 30px; height: 30px; position: relative; cursor: pointer; margin-left: auto; margin-bottom: 15px; } .close_consultations_item::after, .close_consultations_item::before { content: ""; display: block; height: 3px; width: 100%; position: absolute; left: 0; right: 0; top: 50%; background: #ee6600; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .close_consultations_item::after { transform: translateY(-50%) rotate(45deg); -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); } .close_consultations_item::before { transform: translateY(-50%) rotate(-45deg); -webkit-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); } .main_baner_consultations .btn_repairs { color: #ffffff; cursor: pointer; border: 1px solid #ee6600; margin-top: 10px; display: inline-block; color: #fff; padding: 8px; max-width: 240px; width: 100%; border-radius: 25px; cursor: pointer; font-size: 19px; font-family: PT Sans; background: none; } } @media screen and (max-width: 550px) { .main_baner_consultations_left h2 { text-align: left; } } .articlecard { display: inline-flex; } .flex_card { display: flex; flex-wrap: wrap; gap: 10px; } .flex_card .flex_img { width: 24%; } @media (max-width: 767.97px) { .flex_card img.flex_img { width: 48%; } iframe.dimmvideo { height: 225px; } .flex_img.img_1 { order: 1; } .flex_img.img_2 { order: 2; } .flex_img.img_3 { order: 4; } .flex_img.img_4 { order: 3; } .main_banner_list-controls .arrow-prev { margin-left: 0px; } .main_banner_list-controls .arrow-next { margin-right: 0px; } } .telega_btn{ background-color: #fe7f1c; border-radius: 25px; font-size: 27px; line-height: 1.6; font-family: FuturaPT-Heavy; letter-spacing: 0.3px; } .telega_link-0{ display: none; } .telega_link{ color: #fe7f1c; text-align: center; margin-top: 15px; } .telega_link a{ font-size: 18px; background-color: white; border-radius: 10px; padding: 5px 11px; font-family: FuturaPT-Heavy; } .telega_mid { font-size: 31px; display: flex; flex-direction: column; justify-content: space-around; text-align: center; padding: 20px 20px; line-height: 1.3; } .telega_txt { font-family: FuturaPT-Bold; margin: 95px 0; letter-spacing: 0.1px; } @media screen and (max-width: 767.97px) { .news_video { width: auto; height: auto; } .articlecard { display: block; text-align: center; } #bx-admin-prefix { left: 0; max-width: 100%; } #bx-admin-prefix .bx-core-adm-dialog-content { max-width: 100%; } .popup-window#TelegaPopup { width: 296px; height: 180px; left: 40px; } .telega_phone img { height: 160px; } .telega_mid { font-size: 14px; padding: 0; line-height: 1.3; width: 66% !important; align-items: center; } .telega_link-0{ display: block; color: #fe7f1c; text-align: center; margin: 20px 0 0; } .telega_link-0 a{ border-radius: 5px; padding: 2px; font-size: 12px; background-color: white; font-family: FuturaPT-Heavy; } .tg_col.telega_right{ display: none; width: 0%; } .telega_btn { font-size: 14px; letter-spacing: 0.5px; } .telega_qr img{ height: 140px; } .telega_link { margin: 0; } .telega_link a{ border-radius: 5px; padding: 2px; font-size: 8px; } .telega_mid .animated-button-wrap{ min-width: unset; width: 110px; } .telega_txt { margin: 0 20px 20px; letter-spacing: 0.2px; width: 140px; font-size: 16px; } .specialOffers-unit .video-preview-wrap { /*width: unset;*/ } .aboutreviews-page .video-preview-wrap iframe{ max-width: 100%; } } .workarea article a:not(.picture) { border-bottom: 1px solid #fe7f1c; color: #fe7f1c; } .workarea .catalog-product-info-content a { border-bottom: 1px solid #fe7f1c; color: #fe7f1c; } .workarea ul li.exclamation:before { content: "!"; font-size: 36px; top: -4px; } .video-preview-wrap img { max-width: 100%; width: 100%; } .videopage .specialOffers-unit { box-shadow: none; margin-bottom: 30px; } .videopage .specialOffers-unit p { margin: 5px; text-align: center; } @media (min-width: 1500px) { .catalog-list-unit-features { display: flex; align-items: center; height: 100%; } } .workarea .catalog-list-row .amount input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) { padding-left: 5px; } @media (min-width: 1420px) { .newsfloatl{ float: left; margin-right: 10px; } .newsfloatr{ float: right; margin-left: 30px; } #TelegaPopup { width: 900px; height: 405px; } } .mob50 { max-width: 100%; } @media screen and (min-width: 768px) { .mob50 { width: 50%; } #TelegaPopup { top: 200px !important; } } @media screen and (min-width: 768px) and (max-width: 1419.97px) { #TelegaPopup { width: 600px; height: 270px; } .telega_phone img { height: 240px; } .telega_mid { font-size: 21px; padding: 0 5px; } .telega_btn { font-size: 18px; width: 160px; } .telega_qr img{ height: 200px; } .telega_link { margin-top: 7px; } .telega_link a{ border-radius: 7px; padding: 4px; font-size: 12px; } .telega_txt { margin: 60px 0 35px; letter-spacing: 0.7px; } .aboutreviews-page .specialOffers-wrap .specialOffers-unit{ width: 560px; margin: 10px 0; } .aboutreviews-page .specialOffers-wrap{ justify-content: flex-start; } .aboutreviews-page .specialOffers .specialOffers-wrap{ padding: 0; } } .fotorama .fotorama__wrap { z-index: 1; } #TelegaPopup { max-width: 100%; color: white; background: linear-gradient(90deg, rgb(0, 176, 231), rgb(0, 148, 214)); } #popup-window-content-TelegaPopup { background-color: unset; } @font-face { font-family: "FuturaPT-Medium"; src: url("/local/templates/maksiled/css/../fonts/FuturaPT-Medium.woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "FuturaPT-Bold"; src: url("/local/templates/maksiled/css/../fonts/FuturaPT-Bold.woff"); } @font-face { font-family: "FuturaPT-Heavy"; src: url("/local/templates/maksiled/css/../fonts/FuturaPT-Heavy.woff"); } #TelegaPopup .popup-window-close-icon:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTcuNzg3IDFMNSAzLjc4NyAyLjIxMyAxIDEgMi4yMTMgMy43ODcgNSAxIDcuNzg3IDIuMjEzIDkgNSA2LjIxMyA3Ljc4NyA5IDkgNy43ODcgNi4yMTMgNSA5IDIuMjEzIiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=); width: 40px; height: 20px; } .telega_d { display: flex; } .tg_col { width: 33%; text-align: center; } bx_telega_popup{ padding:0px; margin: 20px; text-align: center; } .main-review-wrap .fotorama__stage{ border-color: black; border-width: 1px; border-style: solid; } .aboutreviews-page .main-projects .container { padding: 0; } .main-review-wrap .main-projects-unit{ margin: 5px; } .aboutreviews-page .specialOffers-unit{ width: 561px; margin: 15px; } .aboutreviews-page .specialOffers-wrap{ margin-bottom: 30px; padding: 0 39px; } .aboutreviews-page .specialOffers{ margin-top: 15px; } .video-preview-wrap{ /*width: 282px;*/ width: 100%; } .aboutreviews-page .ytp-large-play-button { left: 60%; top: 60%; width: 40px; } .v-preview-textbody{ margin-left: 10px; display: flex; flex-direction: column; justify-content: space-between; } .v-preview-txt{ font-size: 13px; line-height: 1.5; } .v-preview-name{ font-size: 13px; line-height: 1.5; font-weight: bold; } .aboutreviews-page .fotorama__fullscreen-icon{ opacity: 0; width: 100%; height: 100%; } .v-preview-name a{ color: #f06413; text-decoration: underline; } .actions_main{ display:flex; justify-content: space-around; } .action-m-card img{ max-width:200px; } .action-m-card{ margin:0; } .notInStock.oneclick-purchase.item_for_order{ line-height: 35px; margin-top: 20px; margin-left: 0; display: block; } .catalog-product-unit-controls .inStock.item_for_order{ margin-top: 0; } .big-slider-unit-inform.big-slider-unit-inStock.item_for_order{ width: unset; margin-top: 0; } .catalog-list-unit-controls .in-stock.item_for_order{ display: block; } .workarea .animated-button-wrap.item_for_order_button-wrap:before{ width: 300px; height: 300px; } .catalog-list-unit-notInStock .catalog-list-message{ line-height: 15px; } @media (min-width: 1499.01px) { .animated-button-wrap.item_for_order_button-wrap { width: 100%; } } @media (min-width: 320px) and (max-width: 767px) { .animated-button-wrap.item_for_order_button-wrap{ width: 100%; } .workarea .catalog-product-unit-controls .item_for_order.animated-button-wrap:before { width: 770px; } } .catalog-product-unit-controls .item_for_order.animated-button-wrap{ background-color: unset; } .big-slider-unit-info .item_for_order.animated-button-wrap{ background-color: unset; } .workarea .item_for_order.animated-button-wrap:before { width: 250px; } .calc_form .popup { padding: 0; } .calc_form .butmain { padding-top: 30px; } .calc_form .checkbox4 { text-align: center; } .calc_form .btn { background-image: url(/local/templates/maksiled/images/attach.png); } .mb5 { margin-bottom: 10px; } .mb10 { margin-bottom: 5px; } ul.pricelist a { border-bottom: 1px solid #ccc; } @media (max-width: 1379px) { .catalog-product-info-content iframe { width: 100%; } } body form span.select2.select2-container.select2-container--bootstrap-5:before { content: ""; } body form span.select2-selection.select2-selection--multiple { color: #676a6d; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; } @media (max-width: 1024px) { .fancybox-container .fancybox-slide--iframe .fancybox-content { width: 100%; height: 40%; } } @media (max-width: 480px) { .fancybox-container .fancybox-slide--iframe .fancybox-content { width: 100%; height: 30%; max-width: calc(100% - 44px); } } /*Main tg start*/ .section__tg { display: flex; align-items: center; background-color: #ebecec; padding: 20px; margin-top: 53px; border-radius: 10px; height: 60px; } .image-section__tg { display: flex; flex: 0 0 5%; align-items: center; justify-content: center; margin-right: 20px; } .image-section__tg img { max-width: 100%; width: 60px; height: auto; } .text-section__tg { flex: 0 0 80%; } .text-section__tg p a { color: #7c89aa; } .text-section__tg p { font-size: 22px; } .button-section__tg { flex: 0 0 15%; margin-left: 15px; } .button-section__tg a.button__tg { display: inline-block; background-color: #fe7f1c; color: white; padding: 10px 20px; text-decoration: none; border-radius: 25px; font-size: 16px; } @media (max-width: 768px) { .section__tg { flex-direction: column; text-align: center; height: auto; } .section__tg, .text-section__tg, .button-section__tg { width: 100%; } .image-section__tg { margin-bottom: 15px; } .button-section__tg { margin-left: 0; } .button-section__tg .button__tg { width: 50%; box-sizing: border-box; } } /*Main tg end*/ .mt10 { margin-top: 10px; } .fotorama__img { cursor: pointer; } /*news styles*/ .dimmvideo { flex: 0 0 49%; } .videos_block { display: flex; flex-wrap: wrap; } .dimmvideo:not(:last-child) { margin-bottom: 5px; } .dimmvideo:nth-child(2n+1) { margin-right: 5px; } .article_blocks_list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; margin-bottom: 30px; } .article_block { flex: 0 0 calc(50% - 10px); box-sizing: border-box; } .article_block_item { display: flex; flex-direction: column; align-items: center; text-align: center; height: 100%; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-radius: 8px; } .article_title { font-weight: bold; margin: 15px 0; font-size: 18px; } .article_title a { text-decoration: none; color: inherit; } .picture img { max-width: 100%; height: auto; border-radius: 4px; object-fit: cover; } .article_block_item > div:last-child { margin-top: 10px; text-align: left; width: 100%; line-height: 1.5; } .article_block_item { transition: transform 0.3s, box-shadow 0.3s; } .article_block_item:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .article_blocks_list .small_text { font-size: 13px; } @media (max-width: 560px) { .article_block { flex-basis: 100%; } .dimmvideo { width: 320px; height: 180px; flex-basis: 100%; } .dimmvideo:nth-child(2n+1) { margin-right: 0; } } .features-container { margin: 20px 0; font-family: 'Arial', sans-serif; } .feature-item { display: flex; align-items: center; padding: 12px 0; border-bottom: 1px solid #f0f0f0; transition: all 0.3s ease; } .feature-item:last-child { border-bottom: none; } .feature-item:hover { background-color: #f9f9f9; transform: translateX(5px); } .feature-icon { width: 24px; height: 24px; margin-right: 15px; object-fit: contain; } .feature-text { font-size: 16px; color: #333; line-height: 1.5; } @media (max-width: 768px) { .feature-text { font-size: 14px; } .feature-icon { width: 20px!important; height: 20px; margin-right: 12px; } } .SmartCaptcha-Shield { display: none!important; } /* End */ /* Start:/local/templates/maksiled/css/owl.carousel.min.css?15970523053351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/maksiled/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/maksiled/css/owl.theme.default.min.css?15970523071013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/maksiled/css/personal.css?169530517412975*/ /*Стили только для личного кабинета*/ .pesonal-settings .profile-unit { display:flex; flex-wrap:wrap; padding: 30px; border: 1px solid #dadada; max-width:660px; } .pesonal-settings__info { margin-bottom:20px; } .pesonal-settings .profile-unit .form-unit { float:none; } .form-unit__buttons { width:100%; display: flex; align-items:center; } .form-unit__reset { margin: 0 auto; } .workarea input.form-unit__reset-button { font-size: 18px; padding-left: 0; background: transparent; cursor:pointer; transition: all ease-in-out 0.3s; border-bottom: 1px dotted #cccccc; } .workarea input.form-unit__reset-button:hover { border-color:transparent; } .workarea input.form-unit__reset-button:active, .workarea input.form-unit__reset-button:focus { border:none!important; outline:none!important; } .sale-order { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; } .sale-order__row { margin-left:0!important; margin-right:0!important; border: 1px solid #dadada; margin-bottom:-1px; } .sale-order__row:last-child { margin-bottom:0px; } .sale-order__panel, .sale-order__date { padding:10px 15px; background:#e7e1db; } sale-order__panel { margin-top:0; margin-bottom:0; } .sale-order__title { margin-bottom:0; } .sale-order__date { text-align:right; } .sale-order__inner-row { padding:10px 0px; } .sale-order__inner-repeat { text-align:right; } a.sale-order__inner-link, a.history-section__link { text-decoration:none; color:#9a9085; border-bottom: 1px solid #9a9085; } a.sale-order__inner-link:hover, a.history-section__link:hover { color:#9a9085; text-decoration:none; border-color: transparent; } .history-section { display:flex; justify-content: space-between; margin-bottom:20px; } .sale-order-detail-general { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; border: 1px solid #dadada; margin-bottom:20px; } .sale-order-detail-general-head { padding: 10px 15px; background:transparent; } .sale-order-detail-general-head .sale-order-detail-general-item { margin:0; color:#000; font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif; font-size: 24px; line-height: 30px; font-weight:400; } .sale-order-detail-about-order { margin-top:0; } .sale-order-detail-about-order-inner-container-repeat-button { display:inline; height: auto; background: transparent; border-radius: 0; font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; font-weight:400; color: #9a9085!important; border-bottom: 1px solid #9a9085; } .sale-order-detail-about-order-inner-container-repeat-button:hover { color: #9a9085; text-decoration: none; background: transparent; border-color: transparent; } ul.sale-order-detail-about-order-inner-container-details-list { display:flex; flex-wrap:wrap; max-width: 450px; } ul.sale-order-detail-about-order-inner-container-details-list li::before { display:none; } .workarea ul.sale-order-detail-about-order-inner-container-details-list li { width:50%; font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; font-weight:400; color: #9a9085; padding-left:0; padding-bottom: 10px; } .sale-order-detail-about-order-inner-container-list-item-element { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; font-weight:400; color: #222222; } a.sale-order-detail-about-order-inner-container-list-item-link { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; font-weight:400; display: inline-block; vertical-align: middle; color: #222222; border-bottom:1px dotted #222222; } a.sale-order-detail-about-order-inner-container-list-item-link:hover { color: #222222; text-decoration:none; border-color:transparent; } .sale-order-detail-payment-options-methods-info-title-status-success { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 1; font-weight:400; background: #fe7f1c; border:none; padding: 5px 10px 5px 10px; margin-left: 15px; color:#fff; } div.payment-options-methods-row:before, .sale-order-detail-payment-options-methods-container:before { display:none; } .sale-order-detail-payment-options-methods-button-container .animated-button-wrap { max-width:200px; width:200px; top:10px; } .sale-order-detail-payment-options-methods-button-container .animated-button-wrap .animated-button { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; font-weight:400; color:#000; width:100%; } .sale-order-detail-payment-options-methods-button-container .animated-button-wrap .animated-button:hover { text-decoration:none; } .sale-order-detail-payment-options-methods-button-container .animated-button-wrap .animated-button.inactive-button, .animated-button-wrap .animated-button.inactive-button { border-color: #f4f1ee !important; border-width: 2px !important; color: #d0c7be !important; cursor: not-allowed !important } div.payment-options-methods-row { padding-left:0; margin:0; } div.sale-order-detail-payment-options-methods-button-container { text-align:right; } .sale-order-detail-about-order-inner-container-name-title, .sale-order-detail-about-order-inner-container-status-title, .sale-order-detail-about-order-inner-container-status-detail, .sale-order-detail-about-order-inner-container-price-title, .sale-order-detail-about-order-inner-container-price-detail, .sale-order-detail-payment-options-info-order-number, .sale-order-detail-payment-options-info-total-price, .sale-order-detail-methods-title, .sale-order-detail-sum-name, .sale-order-detail-sum-number, .sale-order-detail-payment-options-methods-shipment-list-item-title, .sale-order-detail-payment-options-methods-shipment-list-item, .sale-order-detail-order-item-td-title, .sale-order-detail-order-item-title, .sale-order-detail-order-item-td-text, .sale-order-detail-order-item-td-text strong, .sale-order-detail-about-order-inner-container-details-title { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; font-weight:400; } .sale-order-detail-about-order-inner-container-status-title, .sale-order-detail-about-order-inner-container-price-title, .sale-order-detail-payment-options-info-order-number, .sale-order-detail-methods-title, .sale-order-detail-payment-options-methods-shipment-list-item-title, .sale-order-detail-order-item-td-title, .sale-order-detail-about-order-inner-container-details-title { color:#9a9085; } a.sale-order-detail-about-order-inner-container-name-read-more, a.sale-order-detail-about-order-inner-container-name-read-less, a.sale-order-detail-show-link, a.sale-order-detail-hide-link { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; font-weight:400; color:#9a9085; text-decoration:none; border-bottom:1px dotted #9a9085; } a.sale-order-detail-about-order-inner-container-name-read-more:hover, a.sale-order-detail-about-order-inner-container-name-read-less:hover, a.sale-order-detail-hide-link:hover, a.sale-order-detail-show-link:hover { text-decoration:none; color:#9a9085; border-color:transparent; } a.sale-order-detail-about-order-inner-container-name-read-more::after, a.sale-order-detail-show-link::after { width: 6px; height: 4px; border: 4px solid transparent; border-bottom: 4px solid transparent; border-top: 4px solid #9a9085; background-position:0 0; background:none; position: relative; bottom: 0px; } a.sale-order-detail-about-order-inner-container-name-read-less::after, a.sale-order-detail-hide-link::after { width: 6px; height: 4px; border: 4px solid transparent; border-top: 4px solid transparent; border-bottom: 4px solid #9a9085; background-position:0 0; background:none; position: relative; bottom: 3px; } .sale-order-detail-about-order-title, .sale-order-detail-payment-options-title, .sale-order-detail-payment-options-shipment-composition-title, .sale-order-detail-payment-options-order-content-title { padding: 10px 15px; background: #e7e1db; } .sale-order-detail-about-order-title-element, .sale-order-detail-payment-options-title-element, .sale-order-detail-payment-options-shipment-composition-title-element, .sale-order-detail-payment-options-order-content-title-element { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; font-weight:400; margin:0; } .sale-order-detail-order-item-title a { border-bottom: 1px solid #9a9085; color: #9a9085; transition: all ease-in-out 0.3s; } .sale-order-detail-order-item-title a:hover { color: #9a9085; border-color: 1px solid transparent; text-decoration:none; } ul.sale-order-detail-total-payment-list-left, ul.sale-order-detail-total-payment-list-right { padding-bottom:0; margin-bottom:0; } ul.sale-order-detail-total-payment-list-left li::before, ul.sale-order-detail-total-payment-list-right li::before { display:none; } .workarea ul.sale-order-detail-total-payment-list-left li, .workarea ul.sale-order-detail-total-payment-list-right li { padding-left:0; } .sale-order-detail-total-payment-list-left-item:last-child, .sale-order-detail-total-payment-list-right-item:last-child { padding-bottom:0; } .workarea .sale-order-detail-total-payment-list-right-item { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 20px; line-height: 24px!important; font-weight:400; color: #fe7f1c; padding-left:0; height:auto; } .sale-order-detail-order-item-td.sale-order-detail-order-item-properties { vertical-align:top; padding-top: 10px; } .sale-order-detail-order-item-tr:first-child .sale-order-detail-order-item-td.sale-order-detail-order-item-properties { vertical-align:middle; } .sale-order-detail-about-order-inner-container-details { padding-left:0; } .sale-order-detail-payment-options, .sale-order-detail-payment-options-order-content { margin-top:0; } .sale-order-detail-about-order-inner-container { position:relative; } h1.sale-order-detail-title-element { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-weight:400; padding-left: 0; color: #222222; font-size: 40px; line-height: 50px; margin-bottom: 20px; } @media screen and (max-width:992px) { h1.sale-order-detail-title-element { font-size: 26px; line-height: 36px; margin-bottom: 15px; } .sale-order__title { max-width:300px; } .sale-order-detail-general-head .sale-order-detail-general-item { font-size: 22px; line-height: 28px; } .sale-order-detail-payment-options-methods-info-title-status-success { margin-left:0; } .sale-order__date, .sale-order__panel { min-height:68px; } .sale-order-detail-payment-options-methods-button-element { padding:0; margin:0; } div.sale-order-detail-payment-options-methods-button-container { text-align:center; } .sale-order-detail-order-item-properties.bx-text-right .sale-order-detail-order-item-td-title { text-align:left; padding-left:0; } } @media screen and (max-width:767px) { .sale-order-detail-general-head .sale-order-detail-general-item.sale-order-detail-general-item { font-size: 20px; line-height: 24px; } .history-section, a.history-section__link { display:block; border:none!important; } .sale-order__date, .sale-order__inner-repeat { text-align:left; } .sale-order__date, .sale-order__panel { display: flex; flex-direction: column; justify-content: center; } ul.sale-order-detail-about-order-inner-container-details-list { max-width:100%; } .workarea ul.sale-order-detail-about-order-inner-container-details-list li { width:100%; } a.sale-order-detail-about-order-inner-container-list-item-link { display:block; border-bottom:none; } .sale-order-detail-about-order-inner-container-name-read-more, .sale-order-detail-about-order-inner-container-name-read-less { margin-top:0; margin-bottom:10px; } div.sale-order-detail-about-order-inner-container-repeat { padding: 0 0px; } } @media screen and (max-width:320px) { .sale-order-detail-payment-options-info-image { display:block!important; } } /* End */ /* Start:/local/templates/maksiled/css/mq.css?177642654362113*/ /* @font-face { font-family: 'icomoon'; src: url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.eot?u7s333tc8"); src: url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.eot?u7s333tc8#iefix") format("embedded-opentype"), url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.ttf?u7s333tc8") format("truetype"), url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.woff?u7s333tc8") format("woff"), url("/local/templates/maksiled/css/../fonts/icomoon/fonts/icomoon.svg?u7s333tc8#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ /* font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ /*letter-spacing: 0; -webkit-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; /* Better Font Rendering =========== */ /* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-car:before { content: "\e91e"; } .icon-place:before { content: "\e91f"; } .icon-chat:before { content: "\e914"; color: #fe7f1c; } .icon-chat-bg:before { content: "\e915"; color: #eee; } .icon-delivery:before { content: "\e916"; color: #fe7f1c; } .icon-delivery-bg:before { content: "\e917"; color: #eee; } .icon-like:before { content: "\e918"; color: #fe7f1c; } .icon-like-bg:before { content: "\e919"; color: #eee; } .icon-list:before { content: "\e91a"; color: #fe7f1c; } .icon-list-bg:before { content: "\e91b"; color: #eee; } .icon-storage:before { content: "\e91c"; color: #fe7f1c; } .icon-storage-bg:before { content: "\e91d"; color: #eee; } .icon-checkbox:before { content: "\e913"; } .icon-minus:before { content: "\e911"; } .icon-plus:before { content: "\e912"; } .icon-phone:before { content: "\e910"; } .icon-arrow-back:before { content: "\e90f"; } .icon-hamburger:before { content: "\e90d"; } .icon-location:before { content: "\e90e"; } .icon-archive:before { content: "\e90c"; } .icon-close:before { content: "\e90b"; } .icon-price-tag:before { content: "\e90a"; } .icon-person:before { content: "\e909"; } .icon-arrow-bottom:before { content: "\e900"; } .icon-letter:before { content: "\e908"; } .icon-check:before { content: "\e905"; } .icon-chart:before { content: "\e907"; } .icon-arrow-top:before { content: "\e901"; } .icon-basket:before { content: "\e902"; } .icon-calculator:before { content: "\e903"; } .icon-instagram:before { content: "\e904"; } .icon-vk:before { content: "\e906"; } .icon-search:before { content: "\e986"; } .icon-youtube:before { content: "\ea9d"; } .icon-phone_light:before { content: "\ea9e"; } */ @media (max-width: 1023px) { .header { height: 80px; padding-top: 25px; position: fixed; top: 0; left: 0; z-index: 2; width: 100%; } .header-phones { padding: 0; float: left; } .header-switch { padding-top: 5px; padding-left: 0; padding-right: 0; } .header-mobile-menu-button { display: block; } .catalogue { display: none; } .workarea { padding-top: 113px; } .workarea .specialOffers-unit { width: -webkit-calc(50% - 30px); width: calc(50% - 30px); } .footer .subscription-info-title { padding-left: 20px; } .footer .subscription-info-text { padding-left: 20px; } .footer .subscription-info-form form { margin: 16px 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .footer .footer-main .footer-menu-additional { margin-top: 37px !important; } .footer .footer-main .footer-menu > div { min-height: 185px; width: 50%; float: left; } .footer .footer-main .footer-menu > div:nth-child(n) { width: 60%; } .footer .footer-main .footer-menu > div:nth-child(2n) { width: 40%; } .footer .footer-main .footer-menu > div:last-child { width: 40%; min-height: auto; min-height: initial; } .footer .footer-main .footer-menu-title { min-height: auto; min-height: initial !important; } .pagination-wrap { float: right; } .catalog-filters { padding: 20px 0; } .catalog-list-sort .sort-unit { margin-left: 15px; } .catalog-list-amount .amount-unit { margin-left: 15px; } .catalog-list-unit-info { height: auto; height: initial !important; padding: 10px 10px 10px 25px; } .catalog-list-unit-title { width: -webkit-calc(100% - 80px); width: calc(100% - 80px); padding-bottom: 5px; } .catalog-list-unit-controls { padding: 0; height: auto; height: initial !important; padding: 0 20px 25px 25px; } .catalog-list-unit-controls .compare { display: none; } .catalog-list-unit-controls .addToCart-wrap { width: 180px; } .description { background-color: #ebecec; #padding-left: 20px; padding-right: 20px; max-height: 230px; overflow: hidden; padding-top: 0px; padding-bottom: 34px; margin-top: 40px; } .description-main { background-color: #ebecec; padding-left: 10px; padding-right: 10px; max-height: 335px; overflow: hidden; padding-top: 30px; padding-bottom: 34px; } .catalog-product-unit-slider { width: -webkit-calc(100% - 330px); width: calc(100% - 330px); } .catalog-product-unit-slider .slick-dots li { margin-right: 8px; width: 65px; height: 65px; } .catalog-product-unit-about { width: 330px; } .catalog-product-unit-controls .addToCart-wrap { margin-left: 25px; } .catalog-product-unit-controls .price { width: 100%; } .catalog-product-unit-controls .oneclick-purchase { margin-left: 40px; } .catalog-product-unit-controls .inStock { margin-top: 7px; margin-left: 0; } .catalog-product-unit-controls .compare { display: none; } .catalog-product-unit-controls .compare-mobile { display: block; } .catalog-product-unit-info .left .unit-description { margin-bottom: 0px; } .catalog-product-unit-info-title { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: inline-block; cursor: pointer; color: #fe7f1c; border-bottom: 1px dotted #fe7f1c; } .catalog-product-unit-info-title:hover { border-color: transparent; } .catalog-product-unit-info-title.active { color: #222222; border-color: transparent; } .catalog-product-unit-info-dropdown { display: none; } .catalog-product-usage-controls-unit.arrow-next { right: 0; } .main-slider { height: 546px; } .main-slider-wrap { top: 130px; width: 60%; } .main-slider-unit-text { margin-bottom: 20px; } .main-slider-usefulInfo { padding-top: 38px; top: 130px; width: 260px; } .main-slider-usefulInfo-button { display: inline-block; width: 100%; float: none; } .main-projects { padding-bottom: 10px; } .main-projects-title { margin-left: 0px !important; padding-left: 0px; } .main-projects .slick-slide { padding: 0; } .main-projects-controls { padding: 0 0; } .main-projects-unit-image .image-filter { display: none; } .main-projects-unit-title { font-size: 26px; bottom: 0; background: none; } .cart-wrap-unit-title { max-width: 200px; } .cart-wrap-unit-remove { margin-left: 25px; } .cart-wrap-unit-price { margin-left: 25px; } .cart-wrap-unit-price .sale { margin-right: 5px; } .upButton { top: auto; bottom: -100px; } .upButton.active { top: auto; bottom: 100px; } .workarea .animated-button-wrap.personal-logout{ max-width: 165px; margin: 20px auto; display: block; } } @media (max-width: 767px) { .office_item { width: 31%; } h1 { font-size: 30px; line-height: 36px; margin-bottom: 25px; margin-top: 34px; } h2 { font-size: 20px; line-height: 25px; margin-bottom: 15px; } h3 { color: #222222; font-size: 18px; line-height: 24px; margin-bottom: 15px; } h4 { color: #222222; font-size: 16px; line-height: 24px; margin-bottom: 15px; } h5 { color: #222222; font-size: 14px; line-height: 20px; margin-bottom: 15px; } h6 { color: #222222; font-size: 12px; line-height: 18px; margin-bottom: 15px; } figure figcaption { font-size: 13px; } .collapse-unit-title { font-size: 18px; } .popup { padding: 15px; } .popup-wrap { width: 100% !important; } .special_form .popup-wrap .popup { width: 100% } .popup-title { width: auto; width: initial; font-size: 18px; line-height: 22px; padding-top: 35px; } .popup .input-title { float: none; font-size: 13px; line-height: 30px; } .popup .form-input, .popup .form-textarea { width: 100%; } .popup .form-textarea { min-height: 100px; } .popup input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]) { height: 30px; line-height: 30px; } .popup .form-input-submit { display: block; margin: 0 auto; } .popup .form-submit-wrap { margin: 0; } .popup .form-submit-wrap-wrap { text-align: center; } .workarea .table-title { font-size: 20px; } .workarea .table-comment { margin-top: 15px; margin-bottom: 15px; font-size: 13px; } .workarea table { font-size: 13px; } .workarea table th { line-height: 30px !important; height: 30px !important; } .workarea table tr { line-height: 25px !important; height: 25px !important; } .workarea table .table-comment { font-size: 13px; padding: 10px 0 15px 0; } .container { padding: 0; } .header { padding-top: 0; height: 100px; } .header .container { height: 100%; } .header .container > .row { height: 100%; } .header-mobile-menu-button { top: 40px; width: 75px; height: 60px; } .header-logo { height: 60px; } .header-logo .mobile-logo { margin-top: 8px; width: 184px; height: 41px; } .header-switch { padding: 0; height: 60px; line-height: 40px; border-top: 1px solid rgba(255, 255, 255, 0.5); text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); background-color: #fefefe; } .header-switch .switch-wrap { margin: 0; display: block; } .menu-mobile-unit .container { padding: 0 15px; top: 10px; } .menu-mobile-unit.phone .container { padding: 0 0px; top: 10px; } .menu-mobile-unit.phone { border-top: none; padding-top: 5px; } .menu-mobile-close-wrap { #width: 75px; #height: 60px; #top: 85px; #z-index: 1000; /* width: 75px; */ /* height: 60px; */ /* margin-top: -44px; */ /* z-index: 1000; */ /* margin-left: 330px; */ } .menu-mobile-close-wrap .header-hamburger { margin-right: 35px; } .menu-mobile-header .arrow-prev { #margin-top: -10px; /* margin-top: -70px; */ z-index: 20000; /* margin-left: 412px; */ } .menu-mobile-header .lang { line-height: 60px; } .footer .subscription { position: relative; min-height: 173px; } .footer .subscription-info { padding: 0; } .footer .subscription-info-title { padding-left: 100px; } .footer .subscription-info-text { font-size: 11px; } .footer .subscription-info-form { margin-top: 20px; } .footer .subscription-icon { position: absolute; padding: 0; top: 20px; left: 15px; } .footer .copyright { padding-top: 10px; height: 80px; } .footer .copyright-maksiled { font-size: 13px; height: 30px; line-height: 30px; float: none; } .footer .copyright-nineseven { font-size: 13px; height: 40px; line-height: 40px; float: none; } .footer .copyright .row { padding: 0 15px; } .footer .footer-main { background-size: auto; background-size: initial; background-repeat: repeat; } .footer .footer-main .footer-socials { padding-top: 0px; padding-bottom: 20px; } .breadcrumbs { font-size: 13px; line-height: 20px; } .breadcrumbs-unit { margin-bottom: 5px; } .breadcrumbs-unit:after { right: 5px; } .breadcrumbs.active { float: none; } .workarea .specialOffers-wrap { padding: 0 15px; } .workarea .specialOffers-unit { /* padding-top: 35px; */ width: 100%; } .workarea .specialOffers-unit-title { font-size: 15px; line-height: 18px; margin-bottom: 5px; } .workarea .specialOffers-unit-text { font-size: 13px; } .workarea .specialOffers-unit-date { font-size: 15px; height: 35px; line-height: 35px; } .pagination { display: block; } .pagination-info { position: static; text-align: center; } .pagination-wrap { float: none; display: flex; justify-content: center; width: 100%; } .catalog-wrap { padding: 0 15px; } .catalog-list-unit-image:hover { border-right: none; } .catalog-list-unit-controls .in-stock { margin-left: 0 !important; } .catalog-filters { margin-bottom: 20px; padding: 20px; } .catalog-filters-price { margin-bottom: 0px; } .catalog-filters-price .input-wrap:not(:nth-last-child(2)) { margin-right: 15px; } .catalog-filters-price .catalog-filters-dropdown { margin-bottom: 25px; } .catalog-filters-color .catalog-filters-title { margin-right: 10px; display: inline-block; } .catalog-filters-color .catalog-filters-title:after { display: none; } .catalog-filters-others-unit { padding: 0; } .catalog-filters-others-unit .catalog-filters-title { max-width: 100%; display: block; position: static; } .catalog-filters-title { display: block; cursor: pointer; } .catalog-filters-title:after { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; display: inline-block; font-family: 'icomoon'; content: '\e900'; color: #222222; font-size: 8px; margin-left: 10px; } .catalog-filters .filters-wrap { padding: 0; } .catalog-filters-dropdown { display: none; } .catalog-product-unit { display: block; } .catalog-product-unit-slider { border-bottom: 1px solid #dadada; width: 100%; float: none; padding-bottom: 0px; } .catalog-product-unit-slider .slick-dots li { width: 28px; height: 4px; border: none; background-color: #dadada; } .catalog-product-unit-slider .slick-dots li.slick-active { border: none; background-color: #fe7f1c; } .catalog-product-unit-slider .slick-dots li img { display: none; } .catalog-product-unit-about { width: 100%; border-left: none; } .catalog-product-unit-controls { padding: 20px; } .catalog-product-unit-controls .oneclick-purchase { margin-left: 0px; float: right; } .catalog-product-unit-controls .addToCart-wrap { display: block; margin-left: 0px; } .catalog-product-unit-controls .addToCart-wrap:before { width: 770px; height: 770px; border-radius: 770px; } .catalog-product-unit-controls .addToCart-wrap .button { width: 100%; } .catalog-product-unit-info { padding: 20px; } .catalog-product-usage-controls-unit.arrow-prev { left: 15px; } .catalog-product-usage-controls-unit.arrow-next { right: 15px; } .catalog-product-usage-title { font-size: 24px; } .catalog-product-usage-unit-image { width: 100%; } .catalog-product-usage-unit-info { left: 0; width: 100%; } .catalog-product-bestPrice { padding-top: 20px; height: 170px; } .catalog-product-bestPrice p { float: none; text-align: center; font-size: 24px; line-height: 24px; } .catalog-product-bestPrice .animated-button-wrap { position: absolute; } .catalog-product-bestPrice .animated-button-wrap:before { width: 780px; height: 780px; } .catalog-product-bestPrice-button.button { margin-top: 25px; height: 40px; line-height: 35px; top: 80px; width: 100%; } .big-slider-title { font-size: 26px; } .big-slider-controls { display: none; } .big-slider-wrap .slick-track { margin-left: 29%; } .big-slider-unit-info { padding-top: 110px; #min-height: 270px; } .cart-wrap { padding: 0 15px; border: none; } .cart-wrap-unit { padding-right: 0px; position: relative; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #dadada; display: block; overflow: hidden; } .cart-wrap-unit-wrapper { width: 100%; padding-right: 0; } .cart-wrap-unit-image { width: 100px; margin-right: 20px; } .cart-wrap-unit-title { margin-bottom: 20px; float: none; width: -webkit-calc(100% - 120px); width: calc(100% - 120px); max-width: 700px; padding-right: 0; } .cart-wrap-unit-controls { display: block; width: -webkit-calc(100% - 120px); width: calc(100% - 120px); float: right; } .cart-wrap-unit-amount { float: none; display: block; } .cart-wrap-unit-price { margin-left: 0px; display: block; float: none; } .cart-wrap-unit-price .sale { margin-right: 15px; } .cart-wrap-unit-remove { margin-left: 0px; display: block; float: none; } .cart-wrap-unit-remove a span:last-child { display: inline !important; } .cart-result { height: 180px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 20px; text-align: left; line-height: 24px; } .cart-result-title { float: none; width: 100%; margin-bottom: 15px; } .cart-result-total { margin-bottom: 20px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; float: none; width: 100%; } .cart-result-checkout { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin: 0; float: none; width: 100% !important; } .cart-result-checkout:before { width: 780px !important; height: 780px !important; border-radius: 780px !important; } .main-projects .container { padding: 0; } .main-menu .container { #padding: 0 15px; padding: 0 0px; } .main-partners .container { /* padding: 0 15px; */ } .main-partners-title { text-align: left; } } @media (max-width: 379px) { .header-switch { padding: 0; height: 60px; line-height: 40px; border-top: 1px solid rgba(255, 255, 255, 0.5); text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.5); background-color: #fefefe; } .header-switch .switch-wrap { margin: 0; display: block; } .menu-mobile-unit .container { padding: 0 15px; top: 10px; } .menu-mobile-close-wrap { #width: 75px; #height: 60px; #top: 85px; #z-index: 1000; /* width: 75px; */ /* height: 60px; */ /* margin-top: -45px; */ /* z-index: 1000; */ /* margin-left: 280px; */ } .menu-mobile-close-wrap .header-hamburger { margin-right: 35px; } .menu-mobile-header .arrow-prev { #margin-top: -10px; /* margin-top: -70px; */ z-index: 20000; /* margin-left: 352px; */ } .menu-mobile-header .lang { line-height: 60px; } } @media (max-width: 1500px) { .main-slider-usefulInfo { right: 0; } } @media (max-width: 1279px) { .footer .footer-main .footer-menu-title { min-height: 60px; } .footer .footer-main .footer-menu-additional { margin-top: 60px; } .header-switch { padding-top: 0px; padding-left: 0; padding-right: 0; } .navbar-controls { padding: 0; } .navbar-catalogue { padding-left: 30px; width: 19%; } .navbar-menu { width: 81%; } .catalog-product-unit-controls .inStock { margin-right: 0px; } .cart-wrap-unit-title { margin-top: 5px; } .cart-wrap-unit-remove a span:last-child { display: none; } } @media (min-width: 768px) and (max-width:1500px) { .main-stats .container, .main-partners .container { /* padding: 0 30px; */ } } @media (min-width: 1201px) { .main-menu-title { height: 50px; } } @media (max-width: 1499px) { .catalog-filters-color, .catalog-filters-price { padding-left: 0; } .catalog-list-unit-controls { width: 100%; padding: 0px 20px 10px 25px; display: flex; align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .catalog-list-unit-info { width: 100%; } .catalog-list-row:first-child { justify-content: flex-end; width: 20%; } .catalog-list-row { width: 30%; margin-bottom: 0; justify-content: center; } .catalog-list-row:last-child { justify-content: flex-end; } .catalogue-menu { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .catalog-list-unit { border: 1px solid #dadada; /* margin-bottom: 10px; */ height: auto; } .catalog-list-data { flex-direction: column; justify-content: flex-start; } .catalog-list-unit-image { width: 204px; /* min-width: 240px; */ } .catalog-list-unit li { float: left; min-width: auto; max-width: auto; } .catalog-list-unit li .title { padding-right: 0; } .catalog-list-unit li:after { content: ','; padding-right: 5px; position: static; } .catalog-list-unit li:last-child:after { display: none; } .catalog-list-unit-controls { background-color: transparent; } .catalog-list-unit-controls .addToCart-wrap { display: inline-block; } .catalog-list-unit-controls .addToCart-wrap:before { background-color: #fff; } .catalog-list-unit-controls .price { display: inline-block; float: none; margin-bottom: 0; margin-top: 0; } .catalog-list-unit-controls .in-stock { vertical-align: top; display: inline-block; float: none; margin-right: 30px; } .catalog-list-unit-controls .compare { top: 32px; left: 27px; position: absolute; padding-bottom: 15px; text-align: left; width: 225px; } .catalog-list-unit-controls .clear { display: none; } .catalog-list-unit-controls .amount { vertical-align: top; float: none; margin-right: 30px; } .catalog-list-unit-controls .oneclick-purchase { margin-bottom: 0px; float: none; display: inline-block; } .catalog-list-unit-controls .notInStock { position: static; float: right; width: 180px; } .catalog-list-unit-notInStock .compare { display: none; } .catalog-list-unit-notInStock .price { margin-top: 7px; } .specialOffers-unit { width: -webkit-calc(100%/3 - 30px); width: calc(100%/3 - 30px); position: relative; /* padding-top: 44px; */ } .specialOffers-unit-info { position: static; position: initial; padding-bottom: 20px; } /* .specialOffers-unit-date { position: absolute; top: 0; left: 0; width: 100%; bottom: unset; height: 44px; font-size: 18px; color: #fff; padding-left: 20px; background-color: #fe7f1c; line-height: 44px; } */ .specialOffers-unit-more { display: none; } .header-switch { padding-top: 0px; } .catalog-product-unit-slider { border-right: none; } .catalog-product-unit-info { flex-wrap: wrap; } .catalog-product-unit-info .left { padding: 0; width: 100%; float: none; } .catalog-product-unit-info .left .docs-unit { display: inline-block; } .catalog-product-unit-info .left .docs-unit:first-child { margin-right: 30px; } .catalog-product-unit-info .right { width: 100%; float: none; } } @media (min-width: 1500px) { .header-phones-unit:first-child { text-align: center; } .header-phones-unit:nth-child(2) { padding: 0; float: right; } .catalogue-phones-unit:nth-child(2) { padding: 0; } .footer .subscription-icon { padding: 0; padding-left: 15px; width: 100px; } .footer .subscription-info-text { padding-left: 20px; } .footer-menu .col-xl-3 { /*margin-left: -30px;*/ } .footer-socials { padding-right: 0px; } .navbar-catalogue { min-width: 156px; width: 156px; } .specialOffers-unit:nth-child(4n) { margin-right: 0; } .catalog-list-unit-info li .spec { position: absolute; right: 0; } .catalog-product-bestPrice-button.button .animated-button { line-height: 55px; font-size: 24px; } } @media (min-width: 1024px) and (max-width: 1279px) { .specialOffers-unit:nth-child(3n) { margin-right: 0; } .specialOffers-wrap { padding: 0px 0px 0px 15px; } // .catalog-filters-color { // position: absolute; // bottom: 0px; // left: 10px; // } .catalog-list-unit-controls .addToCart-wrap { width: 180px; } /* .catalog-list-unit-controls .oneclick-purchase { top: 34px; left: 258px; } */ .catalog-product-bestPrice-button.button { position: relative; width: 270px; height: auto; top: 0; } .catalog-product-bestPrice-button.button .animated-button { line-height: 36px; font-size: 22px; } .catalog-product-bestPrice { display: flex; flex-direction: column; align-items: center; padding: 30px 0; } .catalog-product-bestPrice p { font-size: 24px; line-height: 1; } .catalog-product-unit-slider { width: 450px; } .catalog-product-unit-about { width: -webkit-calc(100% - 450px); width: calc(100% - 450px); } .catalog-product-unit-controls .oneclick-purchase { margin-left: 40px; } .catalog-product-unit-controls .addToCart-wrap { margin-left: 30px; } .catalog-product-unit-controls .addToCart-wrap .button { width: 140px; } .catalog-product-unit-controls .compare { margin-left: 0px; margin-top: 20px; } .catalog-product-unit.notInStock .compare { margin-left: 0px; } .main-news-controls { display: none; } .main-news-unit { padding-left: 0px; padding-right: 20px; } .main-stats-unit { width: 30%; } .main-stats-unit:nth-child(4) .main-stats-unit-dropdown { left: -40%; } .main-stats-unit:nth-child(5) .main-stats-unit-dropdown { left: -40%; } .main-stats-unit:nth-child(5) .main-stats-unit-dropdown:before { left: 50%; } .main-stats-unit:nth-child(3) .main-stats-unit-dropdown { left: -70%; } .main-stats-unit:nth-child(3) .main-stats-unit-dropdown:before { left: 70%; } .cart-wrap-unit-title { max-width: 330px; } .cart-ordering-wrap { width: 615px; } .cart-ordering-result { width: 770px; } .cart-ordering-step form .form-unit { width: 240px; } .cart-ordering-step .preview-unit-title { max-width: 270px; } } @media (min-width: 320px) and (max-width: 767px) { .specialOffers-unit:nth-child(n) { margin-right: 0; } .catalog { padding: 0; } .catalog h1 { padding-left: 15px; } // .catalog-filters-price { // padding: 0 15px; // } .catalog-filters-others { padding-left: 0; } .catalog-filters-price .input-wrap:not(:nth-last-child(2)) { margin-right: 12px; } .catalog-filters-color { height: 35px; } .catalog-list-unit { height: auto; height: initial; } .catalog-list-unit-image { float: none; display: inline-block; width: 100%; border-right: none; height: 200px; border-bottom: 1px solid #dadada; max-height: 100px; overflow: hidden; } .catalog-list-unit-image img { position: static; width: 100%; margin: -40px 0 0; } .catalog-list-unit-image .product_colors img { position: static; width: 100%; margin: unset; } .catalog-list-unit-info { padding: 10px 10px 0; width: 100%; border: none; position: relative; } .catalog-list-unit-info ul { display: none; } .catalog-list-unit-title { padding-bottom: 0px; width: -webkit-calc(100% - 10px); width: calc(100% - 10px); height: 120px; } .catalog-list-unit-controls { border: none; padding: 0 20px; width: 100%; } .catalog-list-unit-controls .oneclick-purchase { display: none; } .catalog-list-unit-controls .price { margin-bottom: 0; text-align: left; display: block; } .catalog-list-unit-controls .amount { display: none; } .catalog-list-unit-controls .in-stock { margin-bottom: 0; margin-right: 0; } .catalog-list-row:last-child, .catalog-list-row:first-child, .catalog-list-row { width: 100%; justify-content: flex-start; margin-bottom: 10px; } .catalog-list-unit-controls .addToCart-wrap { width: 100%; } .catalog-list-unit-controls .addToCart-wrap:before { border-radius: 380px; width: 760px; height: 760px; } .catalog-list-unit-controls .notInStock { /* margin-top: 20px; */ float: none; width: 100%; } .catalog-product-unit-controls .price { font-size: 30px; line-height: 30px; } .catalog-product-unit-controls .compare-mobile { top: 22px; } .catalog-product-unit-controls .notInStock { width: 100%; } .main-news { height: auto; background-size: cover; background-position: center center!important; padding-top: 0px; padding: 0px 30px 20px 30px; } .main-news .container { padding: 0 0px; } .main-news-title { padding-left: 50px; font-size: 26px; } .main-news-controls { top: 40%; } .main-news-controls .arrow-prev { left: 15px; } .main-news-controls .arrow-next { right: 45px; } .main-news-unit { padding: 0 0px; width: 100%; } .main-news-unit-date { float: none; margin: 0 auto; margin-bottom: 1px; padding-top: 15px; } .main-news-unit-title { width: 100%; #margin: 0; float: none; #text-align: center; } .main-stats { padding: 50px 15px 0px; margin-bottom: 50px; } .main-stats-title { font-size: 26px; } .main-stats-wrap { display: block; } .main-stats-unit { width: 100%; padding: 9px 30px 15px 20px; } .main-stats-unit-title:after { -webkit-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; vertical-align: top; display: inline-block; font-family: "icomoon"; margin-left: 5px; font-size: 7px; content: "\e900"; color: #222222; } .main-stats-unit-dropdown { position: static; width: 100%; border: none; box-shadow: none; } .main-stats-unit-dropdown:before { display: none; } .main-slider { padding: 0 15px; } .main-slider-wrap { height: 230px; position: static; margin-top: 130px; width: 100%; margin-bottom: 50px; } .main-slider-unit-title { font-size: 30px; line-height: 36px; } .main-slider-unit-text { /* display: none;*/ font-size: 16px; } .main-slider-unit-button { margin-bottom: 40px; } .main-slider-unit-button a { font-size: 16px !important; } .main-slider-usefulInfo { padding: 0; padding-top: 24px; border-left: none; border-top: 1px solid rgba(255, 255, 255, 0.4); position: static; width: 100%; } .main-slider-usefulInfo-button { width: auto; float: left; } .main-slider-usefulInfo-link { width: 67%; font-size: 17px; float: left; } .main-menu { width: 100%; } .main-menu-unit-svetomoduli { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/modules.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 20px; background-color: white; } .main-menu-unit-svetolenti { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/lent.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 20px; background-color: white; } .main-menu-unit-blokipitaniya { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/bloki_pitania.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 0px; background-color: white; } .main-menu-unit-smartproduciya { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/SMART_prod.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 20px; background-color: white; } .main-menu-unit-svetopixel { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/pixels.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 20px; background-color: white; } .main-menu-unit-prozektory { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/projecttor.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 30px; background-color: white; } .main-menu-unit-kontrolery { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/controls.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 20px; background-color: white; } .main-menu-unit-begstroky { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/beg_stroki.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 20px; background-color: white; } .main-menu-unit-kom { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/complects.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 30px; background-color: white; } .main-menu-unit-pansvet { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/svet.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 20px; background-color: white; } .main-menu-unit-profili { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/profili.png"); /* background-size: 80px 42px; */ background-repeat: no-repeat; background-position: 30px; background-color: white; } .main-menu-unit-sale { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/sale.png"); /* background-size: 40px 42px; */ background-repeat: no-repeat; background-position: 30px; background-color: white; } .main-menu-unit-arch_svet { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/arh_swet.png"); /* background-size: 40px 42px; */ background-repeat: no-repeat; background-position: 10px; background-color: white; } .main-menu-unit-neon { width: 100% !important; float: none; padding-top: 0; height: 65px !important; padding-top: 0 !important; background-position: center; margin-bottom: 5px; border: 2px solid #a2a2a2 !important; border-radius: 15px; background-image: url("/local/templates/maksiled/css/../cats_img/NEON_Flex.png"); /* background-size: 40px 42px; */ background-repeat: no-repeat; background-position: 20px; background-color: white; } .main-menu-unit:nth-child(10) { margin-left: 2px; position: relative; } .main-menu-unit img { /* height: initial; */ height: auto; } .main-menu-unit-title { line-height: 15px; } .main-partners-title { font-size: 26px; } .description-title { font-size: 26px; } .main-projects-title { padding-left: 15px; } .main-projects-controls .arrow-next { margin-right: 30px; } .main-projects-controls .arrow-prev { margin-left: 30px; } .cart-ordering-wrap { width: 100%; padding: 0 15px; } .cart-ordering-step.adress { padding: 20px; } .cart-ordering-step form .form-unit { width: 100%; } .cart-ordering-step .preview-unit-price { float: left; margin-top: 15px; } .cart-ordering-info { position: absolute; width: 100%; margin-left: 0; } .cart-ordering-result { position: absolute; padding: 15px; text-align: center; margin-top: 20px; font-size: 22px; line-height: 30px; height: 180px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: static; width: 100%; } .cart-ordering-result-title { margin-right: 0; } .cart-ordering-result-submit { margin-top: 0; width: 100%; margin-left: 0; } .cart-ordering-result-submit:before { height: 780px !important; width: 780px !important; border-radius: 390px !important; } .cart-ordering-controls-unit { width: 140px; } .cart-ordering-controls-unit.next { text-align: left; padding-left: 10px; padding-right: 5px; } .cart-ordering-steps { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 90px; } .cart-ordering-steps-unit { text-align: center; width: 50%; display: inline-block; position: relative; padding: 0 10px; } .cart-ordering-steps-unit:after { position: absolute; left: 0; bottom: 0; } .cart-wrap { margin: 0; } .cart-result { margin: 0; } .profile-wrap { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); } .profile-leave { top: -13px; } .profile-leave .icon { display: inline-block; } .profile-leave span:last-child { display: none; } .profile-pagination { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; width: 80%; } .profile-pagination-unit { margin-right: 15px; line-height: 20px; } .profile-unit .form-unit { float: none; width: 100%; } .profile-unit .animated-button-wrap { width: 100%; } .form-unit__buttons { flex-wrap: wrap; flex-direction: column; align-items: center; } .form-unit__reset { margin-top: 20px; } .error-page { width: 100%; padding: 0 15px; } .error-page-title { margin-bottom: 20px; } .error-page-title-number { display: block; margin: 0 auto; } } @media (min-width: 1023px) and (max-width: 1300px) { .catalog-list-row:first-child { margin-bottom: 25px; width: 65%; } .catalog-list-row { width: 50%; justify-content: flex-start; } /* .catalog-list-unit-notInStock .catalog-list-unit-controls .notInStock { width: 35%; } */ } @media (min-width: 768px) and (max-width: 1023px) { .catalog-list-unit-notInStock .catalog-list-row:first-child { width: 100%; } .catalog-list-unit-notInStock .catalog-list-row--center { margin-bottom: 0; } .catalog-list-unit-notInStock .catalog-list-row { width: 50%; } .catalog-list-row:first-child { width: 50%; } .catalog-list-row { width: 100%; margin-bottom: 10px; justify-content: space-between; } /* .catalog-list-row:last-child { justify-content: space-between; } */ .specialOffers-unit:nth-child(2n) { margin-right: 0; } // .catalog-filters-color { // position: absolute; // left: -3px; // top: 120px; // } .catalog-list-unit { height: auto; } .catalog-list-unit-controls .oneclick-purchase { display: block; position: relative; left: -30px; } .catalog-list-unit-notInStock .catalog-list-unit-controls .notInStock { width: 180px; } .catalog-product-bestPrice { font-size: 18px; display: flex; flex-direction:column; align-items:center; padding: 25px 0; } .catalog-product-bestPrice-button.button { position: relative; width: 230px; height: 40px; line-height: 40px; font-size: 18px; top: 0px; } .catalog-product-unit-controls .price { font-size: 35px; line-height: 35px; } .catalog-product-bestPrice p { line-height: 1; } .main-news { height: auto; background-size: cover; background-position: center center!important; } .main-news-controls { display: none; } .main-news-unit { padding-left: 0px; padding-right: 20px; } .main-stats-unit { width: 30%; } .main-stats-unit:nth-child(1) .main-stats-unit-dropdown:before { left: 20%; } .main-stats-unit:nth-child(5) .main-stats-unit-dropdown { left: -90%; } .main-stats-unit:nth-child(5) .main-stats-unit-dropdown:before { left: 60%; } .main-stats-unit:nth-child(4) .main-stats-unit-dropdown:before { left: 30%; } .main-stats-unit:nth-child(3) .main-stats-unit-dropdown { left: -120%; } .main-stats-unit:nth-child(3) .main-stats-unit-dropdown:before { left: 70%; } .main-stats-unit:nth-child(2) .main-stats-unit-dropdown { left: -70%; } .main-menu-unit-hover { font-size: 20px; line-height: 25px; } .main-menu-unit-hover-link { font-size: 20px; line-height: 25px; } .main-menu-unit-title { font-size: 18px; line-height: 24px; } .cart-wrap-unit { padding-right: 0; } .cart-ordering-wrap { width: 100%; } .cart-ordering-step { min-height: 300px; } .cart-ordering-info { position: absolute; margin-left: 15px; height: 250px; width: -webkit-calc(100% - 15px); width: calc(100% - 15px); } .cart-ordering-info-unit { width: 50%; float: left; } .cart-ordering-info.active { position: relative; } .cart-ordering-result { margin-top: 20px; margin-left: 15px; position: static; width: -webkit-calc(100% - 15px); width: calc(100% - 15px); } .big-slider-controls .arrow-prev { left: -1.2%; } .big-slider-controls .arrow-next { right: -1.2%; } .item_for_order_button-wrap .notInStock.oneclick-purchase{ left: 0; } } @media (min-width: 1280px) and (max-width: 1499px) { .specialOffers-unit:nth-child(3n) { margin-right: 0; } // .catalog-filters-color { // position: absolute; // bottom: 0px; // left: 10px; // } .catalog-list-unit-title { padding-bottom: 10px; } .catalog-list-unit-info { // height: 50%; width: 100%; } .catalog-list-unit-controls .in-stock .addToCart-wrap { width: 180px; } .catalog-product-bestPrice-button.button .animated-button { line-height: 55px; font-size: 24px; } .catalog-product-usage-unit { width: 30%; } .catalog-product-unit-controls .compare { margin-left: 0px; margin-top: 20px; } .catalog-product-unit.notInStock .compare { margin-top: 10px; } .main-stats-unit:nth-child(4) .main-stats-unit-dropdown { left: -65%; } .main-stats-unit:nth-child(4) .main-stats-unit-dropdown:before { left: 57%; } .main-stats-unit:nth-child(2) .main-stats-unit-dropdown { left: -50%; } .main-stats-unit:nth-child(2) .main-stats-unit-dropdown:before { left: 50%; } .main-stats-unit:nth-child(3) .main-stats-unit-dropdown { left: -50%; } .main-stats-unit:nth-child(3) .main-stats-unit-dropdown:before { left: 50%; } } @media (min-width: 1500px) { .text-area { width: 75%; } .text-area a { border-bottom: 1px solid #ccc; } } @media (min-width: 1280px) { .text-area { width: 66.66666667%; } .text-area a { border-bottom: 1px solid #ccc; } } @media (max-width: 1300px) { .advantages__list, .scheme__list { justify-content: center; flex-wrap: wrap; } .advantages__item, .scheme__item { width: 33.333%; margin-bottom: 50px; } .scheme__item:last-child { margin-bottom: 0; } } @media (max-width:1023px) { .advantages__list { padding-bottom: 25px; } .feedback { display: block; } } @media (max-width: 1030px) { // .main-partners-unit-pic { // height: 100px; // } .scheme__item { width: 50%; } .scheme__item::after { display: none; } .scheme__item { max-width: 100%; } p.scheme__text { max-width: 100%; } .advantages__item--price, .advantages__item--accessories, .advantages__item--repairs, .advantages__item--guarantee, .advantages__item--specialists { padding-left: 70px; } .advantages__item--price::before, .advantages__item--accessories::before, .advantages__item--repairs::before, .advantages__item--guarantee::before, .advantages__item--specialists::before { width: 70px; height: 50px; } .advantages__item--repairs::before { left: -20px; } } @media (max-width: 767px) { .catalog-list-unit { flex-wrap: wrap; } p.scheme__desc { font-size: 20px; line-height: 25px; } .text-area { width: 100%; // padding-right: 0px; // padding-left: 0px } .text-area a { border-bottom: 1px solid #ccc; } .feedback { padding: 30px 15px; } .feedback__form { display: block; } .feedback .feedback__input { display: block; width: 100%; margin-right: 0; margin-bottom: 20px; } .feedback .animated-button-wrap { display: block; margin: 0 auto; } .header-logo { height: 60px; width: 30%; } .header-phones { padding: 0; float: right; margin-right: 180px; position: static; } .header-phones-unit { width: 135px; position: static; margin-top: 10px; padding: 0; } .header-phones-unit p {margin: 0!important;} } @media (max-width:680px) { .office_item { width: 48%; } .advantages__item { width: 50%; } .advantages__item:last-child { margin-bottom: 0; } } @media (max-width: 480px) { h2.contacts__title { font-size: 23px; } .adres_blok { font-size: 18px; } .workarea .contacts div { width: 100%; } .workarea .contacts .block_right { margin: 10px auto; } .workarea .contacts { text-align: center; } .manager_item { width: 95%; margin: 5px auto; display: block; } .office_item { width: 100%; } .restoring .animated-button-wrap, .animated-button-wrap { /*width: 100%;*/ } .advantages__item--price, .advantages__item--accessories, .advantages__item--repairs, .advantages__item--guarantee, .advantages__item--specialists { padding-top: 80px; padding-left: 0; } .advantages__item--price::before, .advantages__item--accessories::before, .advantages__item--repairs::before, .advantages__item--guarantee::before, .advantages__item--specialists::before { width: 60px; height: 65px; top: 0; left: 50%; transform: translate(-50%, 0); } .advantages__item--repairs::before { width: 95px; height: 65px; background-size: cover; } .advantages__list { max-width: 200px; margin: 0 auto; } .advantages__item { width: 100%; margin-bottom: 25px; } .scheme__item { padding-right: 0; width: 100%; margin-bottom: 25px; } .advantages__item:last-child, .scheme__item:last-child { margin-bottom: 0; } .scheme__icon { margin-bottom: 15px; } .advantages__text { max-width: 100%; font-size: 14px; line-height: 20px; font-weight: 800; color: #000; text-align: center; margin: 0 auto; } .feedback .animated-button-wrap { width: 100%; } } @media (max-width: 1450px) { .select-maksiled .bg-wrap { width: 105%; } } @media (max-width: 1190px) { .select-maksiled { width: 55%; } .select-maksiled .bg-wrap { width: 102%; } } @media screen and (min-width:1501px) { .main-partners-title { /*padding-left: 15px;*/ padding-right: 15px; } } @media (max-width: 1480px) { .select-maksiled .select-unit-content { padding-top: 70px; width: 380px; margin-left: 22%; } .select-maksbright .select-unit-content { margin-right: 12%; width: 380px; padding-top: 27px; } .select-unit-net-unit { font-size: 16px; line-height: 20px; } } @media (max-width: 1280px) { .select-unit-net { display: none; } .select-maksiled .select-unit-content { width: 233px; margin: 0 auto; } .contacts__map iframe { height: 600px; } } @media (max-width: 767px) { .contacts__map iframe { height: 400px; } .select .bg-wrap { display: none; } .select-unit-gradient { display: none; } .select-unit-content-wrap { position: relative; width: 100%; height: 100%; top: 0; left: 0; } .select-maksiled { position: relative; background: url("/local/templates/maksiled/css/../images/select-maksiled-mobile.png"); background-position: center top; width: 100%; height: 50%; background-position: center top; background-size: cover; border-bottom: 4px solid #fff; } .select-maksiled .select-unit-content { width: 233px; height: 140px; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .select-maksiled .select-unit-logo { margin-bottom: 15px; } .select-maksbright { position: relative; border-top: 4px solid #fff; width: 100%; height: 50%; background: url("/local/templates/maksiled/css/../images/select-maksbright-mobile.png"); background-position: center top; background-size: cover; } .select-maksbright .select-unit-logo { margin-bottom: 15px; } .select-maksbright .img { display: none; } .select-maksbright > img { display: none; } .select-maksbright .select-unit-content { width: 285px; height: 200px; padding: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } } @media screen and (max-height:650px) { .popup-wrap-reg .popup { height: 100vh; overflow: hidden; overflow-y: scroll; } } @media screen and (min-width:768px) { .column-repairs { margin-top: -25.2%; } } @media screen and (max-width:767px) { /*.popup-wrap .popup { max-height: 400px; overflow-y: auto; }*/ .popup-info { text-align: center; } .column-repairs { margin-top: none; } .map-area { display: none; } .m-cities-list { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .m-cities-list__item { display: block; width: 50%; font-size: 18px; } } @media (max-width: 500px) { .cities-dropdown { top: 119px; width: 100%; left: 0; position: fixed; } .pagination-wrap { display: flex; justify-content: center; width: 100%; } .pagination-controls { width: 10%; } .pagination-unit { width: 15%; } .workarea {padding-top: 160px;} .header { padding-top: 0; height: 100px; } .header.is-fixed { background-image: url(/local/templates/maksiled/css/../images/main-slider-bg.jpg)!important; background-position: center top!important; background-size: auto!important; } .header-phones { float: none; margin: 60px 0px 0px; position: static; } .header-phones .row {display: flex;} .header-phones-unit { display: block!important; padding: 0!important; flex-basis: 50%; text-align: center; position: static; } .main-slider-wrap { margin-top: 160px!important; margin-bottom: 40px!important; } } @media screen and (max-width:360px) { .m-cities-list__item { font-size: 14px; } } @media (min-width: 768px) and (max-width:1499px) { .catalog-list-row { width: 30%; } .catalog-list-row:first-child { width: 20%; } } @media (min-width: 841px) and (max-width:1499px) { .catalog-list-unit-controls .amount { margin: 0 5% 0 -40%; } } @media (min-width: 768px) and (max-width:840px) { .catalog-list-unit-controls .amount { margin: 0 5% 0 -50%; } } /* End */ /* Start:/local/templates/maksiled/css/new_contact.css?17525873343547*/ .contact-tabs-labels { display: flex; align-items: center; justify-content: center; margin-bottom: 40px; } .contact-tabs { min-height: 450px; } .contact-tabs a[href^="mailto:"], .contact-tabs a.site_name { color: blue; border-bottom: 1px solid blue; font-weight: bold; } .contact-tab-label { padding: 0px 0px; font-size: 20px; position: relative; margin: 0 35px; cursor: pointer; } .contact-tab-label:before{ position:absolute; right:-35px; width:1px; top:0; bottom:0; background: #000; background: linear-gradient(0deg, transparent 0%, black 50%, transparent 100%); content: ''; } .contact-tab-label:last-child:before{ content: none; } .contact-tab-label:after { position: absolute; bottom: -4px; height: 2px; background: #000; content: ''; left: 0; right: 0; opacity: 0; transition: 0.2s ease-in; } .contact-tab-label.active:after,.contact-tab-label:hover:after { opacity: 1; } .contact-tab.active { display: flex; flex-wrap: wrap; } .contact-tab { display: none; position: relative; } .contact-tab-text { width: 40%; padding-right: 10px; } .contact_block { margin-top: 15px; } .contact_block img { vertical-align: middle; margin-right: 3px; } .map-wrapper { height: 430px; width: 100%; } .marketing-info__list { display: flex; align-items: center; justify-content: flex-start; margin-top: 20px; } .marketing-info__list-item { width: 100%; position: relative; margin: 0 0px; margin-right: 40px; } .marketing-info h3 { margin-bottom: 2px; } .marketing-info__list-item:before{ position:absolute; right:0px; width:1px; top:0; bottom:0; background: #000; background: linear-gradient(0deg, transparent 0%, black 50%, transparent 100%); content: ''; } .marketing-info__list-item:last-child:before{ content: none; } .marketing-info { margin-top: 40px; width: 100%; } .contact-tab .offices__map.maps { width: 60%; } .contact-tab-text>div { margin-bottom: 15px; } @media (max-width:767.97px) { .marketing-info__list { flex-wrap:wrap; } .contact-tab-text { width: 100%; } .contact-tab { flex-wrap: wrap; } .map-wrapper { height: 300px; } .offices__map.maps { margin-top: 40px; } .contact-tab-label:before { right: -15px; } .contact-tab-label { font-size: 14px; margin: 0 15px; } .contact-tabs h3 { font-size: 20px; } .contact-tabs { min-height: 600px; } .marketing-info__list-item { width: 50%; margin-right: 0; padding-right: 30px; margin-bottom: 15px; } .marketing-info__list-item:before { right: 10px; } .marketing-info__list-item:nth-child(2n):before { content:none } .marketing-info h3 { margin-bottom: 2px; font-size: 20px; } .contact-tab .offices__map.maps { width: 100%; } } @media (max-width:419.97px) { .contact-tab-label { font-size: 14px; margin: 0 7px; } .contact-tab-label:before { right: -7px; } .marketing-info__list-item { padding-right: 5px; } } /* End */ /* Start:/local/templates/maksiled/css/new-header.css?174800771366923*/ @font-face { font-family: 'PT Sans'; src: url(/local/templates/maksiled/css/../fonts/PTS55F.ttf); src: url(/local/templates/maksiled/css/../fonts/PTS55F.ttf?#iefix) format('embedded-opentype'),url(/local/templates/maksiled/css/../fonts/PTS55F.ttf) format('woff2'),url(/local/templates/maksiled/css/../fonts/PTS55F.ttf) format('woff'),url(/local/templates/maksiled/css/../fonts/PTS55F.ttf) format('truetype'),url(/local/templates/maksiled/css/../fonts/HelveticaNeueCyr-Thin.svg#svgFontName) format('svg') } @font-face { font-family: 'HelveticaNeueCyrThin'; src: url('/local/templates/maksiled/css/../fonts/HelveticaNeueCyr-Thin.eot'); /* IE9 Compat Modes */ src: url('/local/templates/maksiled/css/../fonts/HelveticaNeueCyr-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/local/templates/maksiled/css/../fonts/HelveticaNeueCyr-Thin.woff2') format('woff2'), /* Super Modern Browsers */ url('/local/templates/maksiled/css/../fonts/HelveticaNeueCyr-Thin.woff') format('woff'), /* Pretty Modern Browsers */ url('/local/templates/maksiled/css/../fonts/HelveticaNeueCyr-Thin.ttf') format('truetype'), /* Safari, Android, iOS */ url('/local/templates/maksiled/css/../fonts/HelveticaNeueCyr-Thin.svg#svgFontName') format('svg'); /* Legacy iOS */ } * { font-family: 'PT Sans'; } input[type="radio"], input[type="checkbox"] { margin: 2px 0 0; vertical-align: text-top; display: inline-block; } input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"], input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: relative !important; width: 13px; width: 16px \0; height: 13px; height: 16px \0; -webkit-appearance: none; background: white; border: 1px solid #fe7f1c; border: 1px solid transparent \0; border-radius: 1px; line-height: 1.5; } input[type="radio"]:focus, .radio input[type="radio"]:focus, .radio-inline input[type="radio"]:focus, input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus { border-color: #fe7f1c; outline: 0; } input[type="radio"]:active, .radio input[type="radio"]:active, .radio-inline input[type="radio"]:active, input[type="checkbox"]:active, .checkbox input[type="checkbox"]:active, .checkbox-inline input[type="checkbox"]:active { background-color: #ebebeb; border-color: #c6c6c6; } input[type="radio"]:checked, .radio input[type="radio"]:checked, .radio-inline input[type="radio"]:checked, input[type="checkbox"]:checked, .checkbox input[type="checkbox"]:checked, .checkbox-inline input[type="checkbox"]:checked { background: #fff; } input[type="radio"], .radio input[type="radio"], .radio-inline input[type="radio"] { width: 15px; width: 18px \0; height: 15px; height: 18px \0; border-radius: 1em; } input[type="radio"]:checked::after, .radio input[type="radio"]:checked::after, .radio-inline input[type="radio"]:checked::after { position: relative; top: 3px; left: 3px; display: block; width: 7px; height: 7px; content: ''; background: #fe7f1c; border-radius: 1em; } input[type="checkbox"]:hover, .checkbox input[type="checkbox"]:hover, .checkbox-inline input[type="checkbox"]:hover { border-color: #c6c6c6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); -webkit-box-shadow: none \9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); box-shadow: none \9; } input[type="checkbox"]:checked::after, .checkbox input[type="checkbox"]:checked::after, .checkbox-inline input[type="checkbox"]:checked::after { position: absolute; top: -8px; left: 1px; display: block; content: '\2714'; font-size: 15px; color: #fe7f1c; } @media (max-width:767.97px) { a,abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video { font-size: 95% } } .spaceblock { padding-top: 20px; padding-bottom: 20px } .blockmobilemenu,.checkbox3 { display: none } .Рasprodaja { color: red } .linkblock,.tooltip { text-decoration: none; color: #000 } .tooltip { border-bottom: 1px dotted #000; outline: 0; /*cursor: help;*/ position: relative } .linkblock { pointer-events: none; cursor: default } .linkblock a { pointer-events: visible; cursor: pointer } .projmo { color: #fff; font-size: 26px; } .subbanners_main .banners .projmo { font-size: 19px; } .buttonsbody { position: absolute; z-index: 9; outline: 0; border: 0; display: inline-block; background: #fe7f1c; color: #fff; padding: 8px 45px; border-radius: 25px; cursor: pointer; font-size: 19px; font-family: PT Sans } .subbanners_main .banners .buttonsbody { padding: 8px; max-width: 160px; width: 100%; } .subbanners_main .banners .button1 { position: relative; } .subbanners_main .banners.banner_2 .buttonsbody { background: #fff; color: #fe7f1c; } .subbanners_main .text_prodj, .subbanners_main .text_prodj3 { padding: 30px 3%; width: 50%; } .workarea .workarea .main-slider { display: none } .v2-header { position: relative; z-index: 100; top: 0; left: 0; width: 100%; background-color: #fff } /* .container.v2-header__logo-container { height: 70px } */ .v2-header .container.v2-header_top-line { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 30px } .v2-header .container.v2-header_top-line .maks_log { font-size: 14px; line-height: 1 } .v2-header .container.v2-header_top-line .maks_logo { width: 90%; margin: 0 5%; /* height: 17px; */ display: block } .container.v2-header_top-line a { line-height: 1; max-width: 35%; } .nomer1 { margin-left: 8px } hr { border: 0; height: 2px; background: #000; background-image: -webkit-gradient(linear, left top, right top, from(#fff),color-stop(#a49898),to(#fff)); background-image: -o-linear-gradient(left, #fff,#a49898,#fff); background-image: linear-gradient(to right, #fff,#a49898,#fff); } .v2-header .header-phones-dropdown { left: -15px } .v2-header .container { padding: 0 32px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .v2-header .container:after,.v2-header .container:before { content: none!important } .v2-header-logo { margin: 10px 0; padding: 0; font-size: 0; line-height: 0 } .v2-header .container,.v2-header-info,.v2-header-logo,.v2-header__logo-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .v2-header-info { margin: auto 0; padding: 6px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 51px; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } .v2-header__logo-info { max-width: 306px; /* min-width: 306px; */ height: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -ms-align-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width:1499.97px) { .v2-header__logo-info { /* min-width: 260px; */ } } .v2-header__wrapper-content { margin: 0 auto; height: 100%; position: relative } .v2-header-switch { -ms-align-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: auto } .v2-header-switch img { margin: 1px; vertical-align: middle; max-width: 100% } .v2-header .header-info-unit { line-height: .7 } .v2-header .header-info-unit a { font-family: "PT Sans"; font-size: 15px; line-height: 1.083; color: #f57613; opacity: 1; transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; border-bottom: 1px dotted #f57613; } .v2-header .header-info-unit a:hover,.v2-header .v2-header__phone-city .city-choose:hover>span,.v2-header .v2-header__phone-city .city-choose:hover>span+span,.v2-header .v2-header__phone-city .number:hover,.v2-header .v2-header__phone-order .number:hover,.v2-header .v2-header__phone-order .zakaz_knop:hover { opacity: .7 } .v2-header-switch,.v2-header-switch .switch-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .v2-header-switch .switch-wrap a { position: relative; top: 1px; display: block; font-size: 15px; line-height: 18px; color: transparent; background-repeat: no-repeat; background-size: contain; border: 0; -webkit-transition: -webkit-filter .3s; transition: -webkit-filter .3s; transition: filter .3s; transition: filter .3s, -webkit-filter .3s; transition: filter .3s,-webkit-filter .3s; -webkit-background-size: contain; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: filter .3s; -o-transition: filter .3s; padding-left: 0; } .orandge { color: #f57613 } .v2-header-switch .switch-wrap a:first-of-type { height: 23px; border-bottom: 1px solid #dee8e6; color: #5c5c5c } .v2-header-switch .switch-wrap a:last-of-type { height: 23px; color: #5c5c5c; border-bottom: 1px solid #dee8e6; padding-left: 15px } .v2-header-switch .switch-wrap a.active { color: #5c5c5c; border: 0; -webkit-filter: grayscale(0); filter: grayscale(0); border-bottom: 2px solid #989f9e } .v2-header-switch .switch-wrap .switch { position: relative; margin: 0 10px; display: inline-block; width: 38px; height: 19px } .v2-header-switch .switch-wrap .slider { position: absolute; top: 0; right: 0; left: 0; bottom: 0; cursor: pointer; background-color: transparent; border: 1px solid rgba(121,121,121,.5); border-radius: 19px; -o-transition: .4s; transition: .4s; -webkit-transition: .4s } .v2-header-switch .switch-wrap .slider:before { position: absolute; left: 2px; bottom: 1px; width: 15px; height: 15px; content: ""; background-color: #f57613; border-radius: 15px; -webkit-box-shadow: 0 0 11px 0 rgba(245,118,19,.5); box-shadow: 0 0 11px 0 rgba(245,118,19,.5); -o-transition: .4s; transition: .4s; -webkit-transition: .4s } .v2-header-switch .switch-wrap .switch.checked .slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px) } .v2-header .v2-header__phones-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .v2-header .v2-header__phones { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; height: 100%; width: 100% } .v2-header .v2-header__phone-order { line-height: 16px } .v2-header__phone-order1 { margin-right: -3px; line-height: 16px; margin-top: -46px; font-size: 12px; color: #6a6464 } .v2-header p { margin-bottom: 0 } .v2-header .v2-header__phone-city .number,.v2-header .v2-header__phone-order .number { font-family: "PT Sans"; font-size: 15px; color: #5c5c5c; opacity: 1; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; margin-top: 0; } .v2-header .v2-header__phone-order .zakaz_knop { margin-top: 3px; opacity: 1; cursor: pointer; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s } .v2-header__phone-order .zakaz_knop img { margin-right: 7px } .v2-header .v2-header__phone-order .zakaz_knop span { position: relative; top: 1px; font-family: "PT Sans"; font-size: 12px; color: #5c5c5c } .v2-header .v2-header__phone-city { position: relative; padding-right: 20px } .v2-header .v2-header__phone-city .number { margin-bottom: 7px; line-height: 16px } .v2-header .v2-header__phone-city span.city_current_name { font-family: "PT Sans"; font-size: 15px; line-height: 17px; color: #5c5c5c; -webkit-text-decoration-style: solid; text-decoration-style: solid; border-bottom: 1px dotted #5c5c5c; } .v2-header .v2-header__phone-city .city-choose { cursor: pointer; opacity: 1; transition: opacity .25s; -webkit-transition: opacity .25s; -o-transition: opacity .25s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: right } .v2-header .v2-header__phone-city .icon-arrow-bottom { position: relative; top: 8px; margin-right: 7px; display: block; width: 11px; height: 8px } .v2-header .v2-header__phone-city .icon-arrow-bottom:before { position: absolute; top: -.5px; right: 0; left: 0; bottom: 0; display: block; content: ''; background-image: url(/local/templates/maksiled/images/arrow_down.png); background-repeat: no-repeat; background-size: contain } .v2-header_mobile_item_path { display: none; } .v2-slider-section { background-color: #fff; } .v2-slider-section .container { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 100% } .v2-slider-catalog { width: 100%; min-height: 100%; padding-left: 20px; padding-top: 20px; } .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick,.v2-slider-section .v2-slider-slick__item { width: 100%; min-height: 100%; height: 100% } .v2-slider-slick__item { background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-background-size: contain } .v2-slider-slick .slick-arrow { position: absolute; top: 50%; width: 39px; height: 39px; color: transparent; background-color: transparent; border: 0; outline: 0; opacity: 1; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s } .v2-slider-slick .slick-arrow:hover { opacity: .7 } .v2-slider-slick .slick-next,.v2-slider-slick .slick-prev { z-index: 50; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-background-size: contain } .v2-slider-slick .slick-prev { left: 3px; background-image: url(/local/templates/maksiled/images/arrow_left.png); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .v2-slider-slick .slick-next { right: 3px; background-image: url(/local/templates/maksiled/images/arrow_right.png); -webkit-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); transform: translate(50%,-50%); } .v2-slider-catalog .slick-dots { position: absolute; bottom: 0; display: inline-block; text-align: center; width: 100% } .v2-slider-catalog li { margin: 0 15px; display: inline-block } .v2-slider-catalog li button { width: 17px; height: 17px; color: transparent; background-color: #8c8784; border: 0; border-radius: 50%; outline: 0 } .v2-slider-catalog li.slick-active button { background-color: #3d3d3d } .v2-slider-slick__item-content .main-slider-unit { width: auto!important } .v2-slider-slick__item-content .main-slider-wrap { position: relative; width: auto } .v2-slider-slick__item-content .main-slider-unit-text,.v2-slider-slick__item-content .main-slider-unit-title { color: #fff } .v2-slider-slick__item-content .animated-button-wrap .animated-button { position: relative; display: block; overflow: hidden; height: 50px; font-size: 18px; line-height: 47px; text-align: center; color: #fff; background-color: transparent; border: 2px solid #fe7f1c; border-radius: 50px } .v2-slider-slick__item-content .main-slider-unit-button.animated-button-wrap { position: relative; overflow: hidden } .v2-slider-slick__item-content .main-slider-unit-button.animated-button-wrap:before { background-color: transparent } .v2-slider-slick__item-content .animated-button-wrap:before { position: absolute; z-index: 0; top: 50%; left: 50%; display: block; width: 200px; height: 200px; content: ''; background-color: #fff; border-radius: 100px; -o-transition: transform .5s cubic-bezier(.9,.07,.77,.76),background-color .2s ease-in; transition: background-color .2s ease-in,-webkit-transform .5s cubic-bezier(.9,.07,.77,.76); transition: transform .5s cubic-bezier(.9,.07,.77,.76),background-color .2s ease-in; transition: transform .5s cubic-bezier(.9,.07,.77,.76),background-color .2s ease-in,-webkit-transform .5s cubic-bezier(.9,.07,.77,.76); transform: translateY(-50%) translateX(-50%) scale(0); -webkit-transition: transform .5s cubic-bezier(.9,.07,.77,.76),background-color .2s ease-in; -webkit-transition: background-color .2s ease-in,-webkit-transform .5s cubic-bezier(.9,.07,.77,.76); -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0) } .v2-slider-slick__item-content .animated-button-wrap:hover:before { background-color: #fe7f1c; transform: translateY(-50%) translateX(-50%) scale(1); -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1) } .v2-slider-section ul li:before { content: none } .v2-slider-section ul li { padding-left: 0 } .v2-slider-slick__item-content { min-height: 100% } .v2-header_old .bg-wrap { background-color: #fff } .v2-header_old.is-fixed .bg-wrap { -webkit-box-shadow: 0 7px 16px rgba(0,0,0,.3); box-shadow: 0 7px 16px rgba(0,0,0,.3) } .v2-slider-section { /* padding-left: 15px; padding-right: 15px; */ } .v2-header_old { z-index: 190 } .v2-header_old .header-phones-unit { color: #5c5c5c } .v2-header_old .phone-mobile { border-color: rgba(121,121,121,.5) } .v2-header_old .icon-phone:before { color: rgba(121,121,121,.5) } .v2-header_old .header-hamburger-unit { background-color: rgba(121,121,121,.5) } .v2-header_old .header-mobile-menu-button,.v2-header_old .header-switch,.v2-header_old .header-switch .switch-wrap .slider { border-color: rgba(121,121,121,.5) } .v2-header_old .header-switch a.active { color: #fe7f1c } .v2-catalog-list { -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .up-body .navbar { background-color: transparent; color: #fff } .up-body .navbar .navbar-hamburger-unit { background-color: #fff } .up-body .navbar-menu-unit.about-unit:before { color: #fff } .up-body .workarea { padding-top: 0!important } .up-body .header.is-fixed { background-image: none!important; background-color: #fff!important; -webkit-transition: none!important; -o-transition: none!important; transition: none!important } .up-body:not(.main-body) { margin-bottom: -9px } .up-body .header.is-fixed .switch-wrap { background-color: #fff!important } .up-body:not(.main-body) .navbar-catalogue:not(:hover) .v2-catalog-list { display: none } .buttonfind-small { position: absolute; background: transparent; border: none; font-size: 22px; right: 5px; height: 30px; line-height: 1; top: 0; bottom: 0; margin: auto; cursor: pointer; z-index: 30; padding-left: 0; padding-right: 0; } .icon-basket1.addToCartAction { margin-left: auto; margin-right: 0px; padding-left: 0 !important; } .main-news-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 20px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .test-new { padding-left: 15px; } .buttonfind[type=submit] { background-size: auto; background-image: none; background-position: right; background-repeat: no-repeat; } .buttonfind[type=submit]:before { content: "\e986"; font-family: 'PT Sans Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; letter-spacing: 0; -webkit-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; -webkit-font-variant-ligatures: discretionary-ligatures; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; position:absolute; color:#fff; right: 10px; top: 0; bottom: 0; margin: auto; height: 15px; } .v2-catalog-item>a.v2-catalog-item__link { padding-left: 50px; } .v2-catalog-item__submenu-item .v2-catalog-item__submenu { position: initial; -webkit-transform: none; -ms-transform: none; transform: none; display: block; border: none; padding: 8px 0px 0px 0px; } .v2-catalog-item__submenu-item.parent>a { height: 32px; color: rgb(92, 92, 92); border-bottom: 1px solid #dee8e6; padding-left: 0px; border-top: 1px solid #dee8e6; width: 201px; pointer-events: none; cursor: default; text-decoration: none; color: black !important; font-weight: 400; padding-top: 7px; padding-left: 0; } .v2-catalog-item__submenu-item.root-item.menu_color a { color: #f57613; } .v2-catalog-item__submenu-item.root-item a .menu_new_color { color: #f57613; font-weight: 600; } @media (max-width:1370px) { .navbar-controls .input-wrap.active { padding-left: 5px; width: 150px; overflow: visible; } .navbar-controls-unit { width: 60px; } .navbar-controls .navbar-search { vertical-align: top; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; font-size: 12px; line-height: 36px; height: 36px; color: #000; padding-left: 10px; width: 100%; background-color: #d9dada; border-radius: 64px; } .v2-navbar .navbar-menu { width: 70% } .subbanners_main .text_prodj, .subbanners_main .text_prodj3 { padding-left: 11px; } } @media (max-width:991.97px) { .prodject1 { width: 60%; min-height: none; background: #fff; float: none; /* background-image: url(/local/templates/maksiled/images/racshet.jpg); */ border-bottom: none; margin:auto } .program1 { width: 60%; min-height: 250px; background: #fff; margin-left: 0%; background-image: url(/local/templates/maksiled/images/questions.jpg); background-position: right; background-repeat: no-repeat; border-bottom: 2px solid #fe7f1c; margin:auto; } .searchv1 { width: 0%; min-height: 0; background: #ebecec; float: left; padding-top: 0; padding-left: 0; border-radius: 0; display: none; } .searchv2 { width: 96%; min-height: 130px; background: #ebecec; border-radius: 10px; margin-left: 9px; text-align: center; } .quest1 { display: inline-block; font-size: 25px!important; font-size: 3.4vmax!important; white-space: nowrap; margin-bottom: 30px; /* padding-bottom: 20px; */ } .bodysearch { width: 90% !important; border-radius: 20px !important; } .navbar-controls .input-wrap.active { padding-left: 5px; width: 100%; overflow: visible; } .big-slider.main-category-popular { display: none; } } @media (min-width:900px) { .wrapper { margin: 0 auto; width: 0; overflow: hidden; padding-top: 0 } .search { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .search:focus { width: 0 } } @media (max-width:767.97px) { .spaceblock { display: none } .wrapper { margin: 0 auto 0 38%; width: 150px; padding-top: 12px } .main-partners { padding-bottom: 0; margin-top: 30px; } .workarea { overflow-x: hidden; overflow-y: hidden; position: relative; padding: 152px 0 10px; } .test-new { font-size: 14px; padding-left: 30px; } .line-head-mob { margin-top: 4px } .blockmobilemenu { display: inherit; margin-top: -40px; } .weekbuy { display: none } .projmo { color: #fff; font-size: 36px } .maks_log { margin-left: -230px } .linkblock { pointer-events: visible; cursor: pointer } .subbanners_main .linkblock { flex: 0 1 100%; } .wrapper1,.wrapper2 { width: 10px; margin: -1px auto 0; padding-left: 300px } .wrapper2 { margin: -45px auto 0; padding-left: 230px } .main-menu { padding-bottom: 0px; width: 100%; margin: 0 auto; padding-top: 0px; position: relative; /* padding-top: 0; */ /* background: #ebecec; */ margin-top: 30px; } .big-slider-wrap .slick-track { padding: 2px 0 } .big-slider-title { font-size: 30px; /* margin-bottom: -1; */ font-family: PT Sans; /* margin-top: 0; */ padding-left: 15px; } .main-news-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .big-slider-unit-title { position: absolute; top: 15px; width: 96%; padding: 0 9px; line-height: 22px; max-height: 70px; overflow: hidden; text-align: left; white-space: pre-wrap; font-size: 18px; padding-left: 0; } .big-slider-unit-price { color: #fe7f1c; font-size: 18px; margin-bottom: -10px; padding-top: 10px } .icon-basket1::before { color: #9b9494!important } .currentmob,.salemob { font-size: 30px!important } .currentmob { color: #ec691f } .icon-basket1 { padding-left: 0!important; font-size: 26px!important; word-break: keep-all; margin-left: auto; margin-right: 15px; } .menu-mobile-header .submenu .menu-mobile-close-wrap { width: 75px!important; height: 60px!important; margin-top: -50px!important; z-index: 1000; margin-left: 760px!important } .search { width: 0; height: 41px; padding: 5px 26px 5px 10px; float: right; border: solid 3px #999; background: #eee0 url(/local/templates/maksiled/img/searchmobile.png) no-repeat right 0; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer; background-size: 35px; margin-top: -3px } .tooltip { border-bottom: 1px dotted #090808; color: #000; outline: 0; cursor: help; text-decoration: none; position: relative } .search:focus { width: 150%; border: 3px solid #bababa; background-color: #fff; outline: 0; display: block; background-image: url(/local/templates/maksiled/images/searchicons.png); background-size: auto } .checkbox3,.checkbox4 { display: inherit; font-size: 17px!important; /*padding-top: 10px*/ } .checkbox4 { padding-left: 1px; font-size: 13px!important } .checkbox2 { /* display: none */ } .prodject,.program { width: 100%; background-position: 50% 50%; background-repeat: no-repeat } .prodject { min-height: 150px; float: none; background-image: url(/local/templates/maksiled/images/racshet.jpg); } .program { min-height: 150px; margin-left: 0; background-image: url(/local/templates/maksiled/images/programa.jpg); padding-top: 0px; margin-bottom: 0; float: none; margin-top: 20px; } .banners.banner_2, .banners.banner_3 { margin-top: 20px; } .text_prodj { padding-top: 50px; padding-left: 30px } .text_prodj1, .text_prodj_form, .text_prodj2 { padding-top: 20px; padding-left: 30px; line-height: 1.3; font-size: 12px; padding-right: 30px; text-align: center; } .prodject1 .text_prodj1 { text-align: left; } .text_prodj_form { padding-top: 10px; padding-left: 55px } .mainquestions .text_prodj2 { padding-top: 14px; } .mobile-pro { color: #000!important; margin-left: 0!important; font-size: 23px!important } .buttonsbody1[type=submit] { position: initial !important; z-index: 9!important; outline: 0!important; border: 0!important; display: inline-block!important; background: #fe7f1c!important; color: #fff!important; padding: 8px 70px!important; border-radius: 25px!important; cursor: pointer!important; font-family: PT Sans!important; font-size: 25px!important; margin-bottom: 15px; } .button2 { padding-top: 0px; padding-left: 0px; text-align: center; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .mobileprodj { /* margin-left: 30px!important; */ padding-left: 30px !important; /* margin-top: -10px; */ } .checkbox2 { padding-top: 24px; padding-left: 0px; font-size: 12px; text-align: center; } .text_prodj3 { padding-top: 50px; padding-left: 30px } .resultform { margin-top: -12px; padding-left: 10px; font-size: 12px } .bodysearch1 { width: 250px!important; border-radius: 30px!important; height: 50px!important } .bodysearch { width: 96%!important; border-radius: 20px!important } .searchv1 { width: 0%; min-height: 0; background: #ebecec; float: left; padding-top: 0; padding-left: 0; border-radius: 0; display: none; } .searchv2 { width: 96%; min-height: 130px; background: #ebecec; border-radius: 10px; margin-left: 9px; text-align: center; } .quest1 { display: inline-block; font-size: 25px!important; font-size: 3vmax!important; white-space: nowrap; margin-bottom: 30px; /* padding-bottom: 20px; */ } .search-form .input-wrap.active { border: 0; padding-left: 1px } .description-more span,.footer .subscription-info-form form input[type=email],.workarea input { -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s } .workarea input:not([type="checkbox"]):not([type="radio"]) { font-family: PT Sans; font-size: 15px; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; outline: 0; margin: 0; padding: 0; height: 42px; line-height: 32px; /*border: 2px solid #a2a2a2!important*/ border: 1px solid #dadada; } .workarea .popup .animated-button-wrap .animated-button { border: 2px solid #fe7f1c; } .video-page .content_area input:not([type="checkbox"]):not([type="radio"]) { height: auto; color: #000; border: 2px solid #fe7f1c; } .video-page .animated-button-wrap:before { width: 98%; height: 90%; } .buttonfind[type=submit] { position: absolute; right: 20px; z-index: 9; outline: 0; border: 0; display: inline-block; background: #fff; background-position-x: 0; background-position-y: 0; color: #fff0; border-radius: 25px; cursor: pointer; background-size: auto; background-image: none; background-position: right; background-repeat: no-repeat; width: 40px; } .buttonfind[type=submit]:before { content: "\e986"; color: #f57613; font-size: 20px; height: 20px; right: 6px; } .main-partners-title { text-align: left; /* margin-bottom: 15px; */ font-size: 30px; font-family: PT Sans; padding-left: 30px!important; /* margin-top: 30px; */ line-height: 1; } .main-news-unit-title a { /* color: #666565; */ /* font-size: 18px; */ /* border-bottom: 1px solid rgba(40,37,37,.4); */ line-height: 0 } .main-news-controls { display: none } .main-news-wrap .slick-track { opacity: 1!important; width: 225px!important; -webkit-transform: translate3d(0,0,0)!important; transform: translate3d(0,0,0)!important } .mobile { margin: 0!important; } .mobile-news { margin-top: 0px; } .main-news-unit-date { /* color: #9b9b9b; */ /* font-weight: bolder; */ padding-left: 0; /* font-size: 19px; */ } .main-projects-wrap { border: 2px solid #fe7f1c!important; } .main-projects-unit-image { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; position: relative; /* border: 2px solid #fe7f1c!important */ } .main-projects .slick-slide{ margin: 0px 0; } .prodject1,.program1 { /* min-height: 250px; */ background: #fff; border-bottom: none; } .prodject1 { width: 100%; float: none; padding-bottom: 5px; } .program1 { width: 100%; background-position-x: right; background-position-y: 0px; margin-left: 0%; background-image: url(/local/templates/maksiled/images/questions.jpg); /* background-position: right; */ background-repeat: no-repeat; display: block; /* background-size: cover; */ background: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .questa { display: block } .main-stats-unit-image { padding-top: 0; height: 30px; position: relative; } .main-stats-unit-title { font-size: 22px; margin-top: -20px; margin-left: 70px; } .main-news-title { margin-bottom: 0px; padding-left: 30px; margin-top: 0px; /* position: absolute; */ z-index: 9; background: #ebecec; padding-top: 30px; } .main-stats-unit { text-align: left; cursor: pointer; border-bottom: 1px solid #fe7f1c; border-top: 1px solid #fe7f1c; margin-top: -1px; /* padding-left: 10px; */ background: #ebecec; /*z-index: 999999;*/ z-index: 4; } .main-stats-unit-image .icon-like { position: absolute; z-index: 1; font-size: 52px; top: -3px; } .main-news1 { padding-top: 0; height: auto; position: relative; background-position-x: 0; background-position-y: 0; background-size: 110% 110%; background: #ebecec; padding-bottom: 0px; } .main-stats-unit-image .icon-chat,.main-stats-unit-image .icon-list { position: absolute; z-index: 1; font-size: 42px; padding-top: 3px; } .main-stats-unit-image .icon-list { padding-top: 0px; } .main-stats-unit-image .icon-storage { position: absolute; z-index: 1; font-size: 36px; padding-top: 3px; } .main-stats-unit-image .icon-delivery { position: absolute; z-index: 1; font-size: 42px; padding-top: 2px; margin-left: -6px; } .icon-car:before { content: "\e91e" } .icon-place:before { content: "\e91f" } .icon-chat:before { content: "\e914"; color: #fe7f1c } .icon-chat-bg:before { content: "\e915"; color: #eee0 } .icon-delivery:before { content: "\e916"; color: #fe7f1c } .icon-delivery-bg:before { content: "\e917"; color: #eee0 } .icon-like:before { content: "\e918"; color: #fe7f1c } .icon-like-bg:before { content: "\e919"; color: #eee0 } .icon-list:before { content: "\e91a"; color: #fe7f1c } .icon-list-bg:before { content: "\e91b"; color: #eee0 } .icon-storage:before { content: "\e91c"; color: #fe7f1c } .icon-storage-bg:before { content: "\e91d"; color: #eee0 } .main-partners { padding-top: 0px!important; } /*.footer .subscription { min-height: 108px; padding-top: 20px; background-color: #171717; padding-bottom: 0px; } .footer .subscription-icon { color: #e7e1db; font-size: 36px; display: none; } .footer .subscription-info-title { font-size: 28px; color: #fff; padding-left: 20px; } .footer .subscription-info-text, .footer .subscription-info-text a { font-size: 13px; line-height: 16px; color: #fff; }*/ .footer .collapse-unit-title { font-size: 18px; border: 0; color: #fff; display: none } .footer .footer-main .footer-contacts .footer-phones .number { display: block; line-height: 35px; font-size: 36px } .footer .footer-main .footer-contacts .footer-socials { padding-top: 10px; line-height: 25px; margin-left: 0 } .footer .footer-main .footer-contacts .footer-phones-unit .info { position: relative; display: none; -webkit-transition: all .35s ease-in; -o-transition: all .35s ease-in; transition: all .35s ease-in } .footer .footer-main .footer-contacts { padding-left: 10px!important; white-space: nowrap!important; padding-top: 10px!important } .footer .subscription-info-form form input { outline: 0; height: 102%; border-radius: 38px } .footer .subscription-info-form form input[type=email] { padding-left: 22px; width: 100%; font-size: 14px; border: 2px solid #fe7f1c } .footer .footer-main { font-size: 13px; padding-top: 20px; color: #9a9085; min-height: 50px; background: url(/local/templates/maksiled/css/../images/footer-bg.jpg) no-repeat center center; background-repeat: no-repeat; background-size: cover } .description-more span { opacity: 1; cursor: pointer; position: absolute; bottom: 3px; left: 0; right: 0; text-align: center; font-size: 16px } .v2-slider-section { padding-top: 0; padding-left: 0; padding-right: 0 } .buttonsbody { /*display: none*/ } .navbar-controls.v2-header_mobile_item .search-form.active { position: absolute; width: 100%; width: 70vw; overflow: hidden; left: -50%; right: 0px; top: 0; height: 50px; z-index: 2; } .main-menu-unit-title { -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; opacity: 1; visibility: visible; bottom: 0; left: 0; color: #797272; font-size: 20px; white-space: nowrap; padding: 20px 10px 0 100px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: 1; } } @media (max-width:411px) { .workarea { overflow-x: hidden; position: relative; padding: 152px 0 10px; width: 100%; } .header-mobile-menu-button { top: 39px; width: 75px; height: 60px } .mob_brand_span { margin-left: -290px!important } .prodject,.program { /* width: 90%; */ background-position: 50% 50%; background-repeat: no-repeat; } .program { min-height: 150px; margin-left: 0; background-image: url(/local/templates/maksiled/images/programa.jpg); padding-top: 0px; margin-bottom: 0; } .prodject { min-height: 150px; float: none; background-image: url(/local/templates/maksiled/images/racshet.jpg); } .searchv2 { width: 95%; min-height: 130px; background: #ebecec; border-radius: 10px; margin-left: 9px; text-align: center; /* margin-right: 9px; */ } .prodject1 h1 { margin-top: 30px; } .big-slider-unit-price .current { /* margin-right: -10px!important; */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .header-logo .mobile-logo { margin-top: 8px; width: 174px; height: 40px } .v2-slider-catalog { /* width: 90%!important; */ min-height: 100%; } .wrapper1,.wrapper2 { width: 10px; margin: -1px auto 0; padding-left: 270px } .wrapper2 { margin: -45px auto 0; padding-left: 220px } .big-slider-unit-title { position: absolute; top: 15px; width: 96%; padding: 0 9px; line-height: 22px; max-height: 70px; overflow: hidden; text-align: left; white-space: pre-wrap; font-size: 16px; padding-left: 0; } .main-stats-unit { text-align: left; cursor: pointer; border-bottom: 1px solid #fe7f1c; border-top: 1px solid #fe7f1c; margin-top: -1px; /* padding-left: 1px */ } .main-partners-title { text-align: left; /* margin-bottom: 15px; */ font-size: 30px; font-family: PT Sans; padding-left: 30px!important; /* margin-top: 10px; */ } .main-projects-unit-image img { -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; display: block; width: 100%; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .main-projects-controls { pointer-events: none; z-index: 1; width: 100%; top: 50%; position: absolute; left: 0; } .main-projects-unit-title { font-size: 16px; bottom: 0; background: 0 0; /* padding-right: 60px */ } .main-stats-unit-title { font-size: 16px; } .popup-window[style*="block"] { width: 100%; } .popup-window-close-icon { opacity: 1; } } @media (max-width:1279px) { .v2-header_old:after { display: none } .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick,.v2-slider-section .v2-slider-slick__item { /* height: 509px */ } } @media (max-width:1023.92px) { .v2-header_old { display: block; position: relative } .v2-header .v2-header__logo-container { padding: 0; } .container.v2-header__logo-container .v2-header__logo-info{ display: none; } .container.v2-header__logo-container .v2-header__phones-button{ display: none; } .v2-slider-catalog { padding: 0 0px; } .v2-slider-section .container { padding: 0 0px; } .v2-slider-section { padding-top: 0; overflow: hidden; } .v2-slider-slick { height: 47vw!important } .v2-slider-slick .slick-prev { -webkit-transform: translate(25%,-50%); -ms-transform: translate(25%,-50%); transform: translate(25%,-50%) } .v2-slider-slick .slick-next { -webkit-transform: translate(-25%,-50%); -ms-transform: translate(-25%,-50%); transform: translate(-25%,-50%) } .v2-slider-slick__item-content .main-slider-wrap { top: 200px; left: 80px } .workarea ul { margin-bottom: 6px; margin-left: 20px; } .navbar.v2-navbar .row > div { display:none; } .navbar.v2-navbar .row .v2-header_mobile_item_path { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .navbar.v2-navbar .row .v2-header_mobile_item_path.with-logo a { height: 30px; overflow: hidden; } /* .navbar.v2-navbar .row .v2-header_mobile_item_path.with-logo a img{ height: 60px; margin: 10px 0 0 0; } */ nav.navbar.v2-navbar { position: relative; top: 0; left: 0; right: 0; } nav.navbar.v2-navbar .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .header-hamburger-unit { background-color: #8c8784; } .header-mobile-menu-button { position: relative; top: 0; left: 0; height: 28px; width: 36px; margin-left: 25px; margin-right: 20px; } .navbar.v2-navbar .row > .navbar-controls.v2-header_mobile_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40%; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } .v2-header_mobile_item_path { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-controls.v2-header_mobile_item .search-form { position: absolute; width: 0; overflow: hidden; } .v2-header_mobile_item_path { height: auto; text-align: center; line-height: 52px; min-width: 50px; } .v2-header_mobile_item .navbar-controls-unit { display:none; } .v2-header_mobile_item .navbar-controls-unit.header_basket { display:block; margin-right: 10px; } .v2-header_mobile_item .navbar-controls-unit .count-badge { display: none; } .v2-header_mobile_item .navbar-controls-unit a:after,.v2-header_mobile_item .navbar-controls-unit span:after { content: none; } .v2-header_mobile_item .navbar-controls-unit a,.v2-header_mobile_item .navbar-controls-unit span { color: #8c8784 !important; } .v2-header_mobile_item .navbar-controls-unit .icon-basket { font-size: 30px; } .v2-header_mobile_item .navbar-controls-unit a:hover,.v2-header_mobile_item .navbar-controls-unit span:hover { color: #8c8784 !important; } .line-head hr { display: none; } .v2-header .container.v2-header_top-line { padding: 0px 16px; } .prodject, .program { background-size: cover; } .buttonfind-small { position: absolute; background: transparent; border: none; font-size: 22px; right: 6px; width: 35px; height: 35px; line-height: 1; top: 0; bottom: 0; margin: auto; cursor: pointer; z-index: 30; color: #ec691f; text-align: center; padding: 0; } .navbar-controls .navbar-search { /* vertical-align: 3px; */ -webkit-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; font-size: 12px; line-height: 36px; height: 36px; color: #000; padding-left: 10px; width: 100%; background-color: #ffffff; border-radius: 64px; border: 2px solid #8c8784; /* margin-top: 7px; */ } .navbar-controls.v2-header_mobile_item .search-form.active { position: absolute; width: 100%; width: 58vw; overflow: hidden; left: auto; right: 70%; top: 0; height: 50px; z-index: 2; } .controls-unit.navbar-controls-unit.v2-header_mobile_item_path.search-toggle.active { opacity:0; pointer-events:none; } .navbar.v2-navbar .row.opened-search .v2-header_mobile_item_path.with-logo a { opacity:0; pointer-events:none; } .navbar-controls .input-wrap.active { padding-left: 5px; width: 100%; overflow: visible; } } @media (min-width:767.98px) and (max-width:1023.92px) { .subbanners_main .banners .projmo { font-size: 16px; line-height: 1px; } .subbanners_main .banners .buttonsbody { font-size: 16px; } .subbanners_main .text_prodj, .subbanners_main .text_prodj3 { padding: 20px 3%; } } @media (max-width:991.97px) { .mobile-menu-wrap { display: none; } } @media (max-width:767.97px) { .header-phones { border-top: 1px solid rgba(121,121,121,.5) } .header-logo { width: 30%; padding-left: 18% } .v2-slider-section { padding-top: 1px; padding-bottom: 20px; background: #ebecec; } .v2-slider-catalog { padding: 0 } .v2-slider-slick { height: 47vw!important } .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick__item { height: 55vw; } .v2-slider-slick__item-content .main-slider-wrap { top: 180px; left: 80px; margin-top: 0; margin-bottom: 0; width: 73%; height: auto } .workarea ul { margin-bottom: 4px } .workarea ul.pricelist { margin-left: 0; } body .workarea .header_repairs ul.title { margin: 1.2em 0; } .v2-slider-slick .slick-arrow { width: 24px; height: 24px } .v2-slider-catalog li button { width: 12px; height: 12px; padding: 0 } .big-slider-wrap { width: 100%; /* padding-left: 18px; */ } .footer .footer-main .footer-contacts .footer-phones-unit { margin-left: 0; } } @media (max-width:600px) { .prodject, .program { background-size: auto; min-height: 120px; } .text_prodj { padding-top: 30px; } .text_prodj3 { padding-top: 30px; } .projmo { font-size: 30px; } } @media (max-width:500px) { .v2-header .container.v2-header_top-line { padding: 0; } .v2-slider-section { padding-top: 30px; padding-left: 0; padding-right: 0 } .v2-slider-slick { height: 59vw!important } .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick__item { height: 59vw } .v2-slider-catalog li { margin: 0 10px } .v2-slider-slick__item-content .main-slider-wrap { top: 80px; left: 70px; margin-top: 0!important; margin-bottom: 0!important; width: 64%; height: auto } .v2-slider-slick__item-content .main-slider-unit-title { font-size: 20px } .workarea ul { /* margin-bottom: -21px; */ } body .workarea .header_repairs ul.title { margin: 1.2em 0; } .v2-slider-slick .slick-arrow { width: 20px; height: 20px; display: none!important } .v2-slider-catalog li button { width: 10px; height: 10px; padding: 0 } .navbar.v2-navbar .row > .navbar-controls.v2-header_mobile_item { width: 45%; } .header-mobile-menu-button { margin-left: 15px; margin-right: 15px; } .navbar.v2-navbar .row .v2-header_mobile_item_path.with-logo a img { width: 100%; } .navbar.v2-navbar .row .v2-header_mobile_item_path.with-logo a { height: 30px; width: 140px; } .navbar-controls.v2-header_mobile_item .search-form.active { position: absolute; width: 100%; width: 52vw; overflow: hidden; left: auto; right: 70%; top: 0; height: 50px; z-index: 2; } } @media (max-width:400px) { .v2-slider-slick__item-content .main-slider-wrap { left: 52px } } @media (max-width:360px) { .navbar.v2-navbar .row .v2-header_mobile_item_path.with-logo a { height: 22px; width: 100px; } } @media (max-width:320px) {.v2-header .container.v2-header_top-line .maks_log { font-size: 12px; } } @media (min-width:767.97px) { .v2-header_old:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 100%; left: 0; background: rgba(121,121,121,.5) } .container { width: 100% } .v2-slider-section { padding-left: 0; padding-right: 0 } .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick,.v2-slider-section .v2-slider-slick__item { /* min-height: 430px!important; */ /* height: 500px!important */ } } @media (min-width:1024px) { .navbar-controls-unit { width: 60px; } .up-body .navbar,.up-body .navbar.is-fixed { background-color: #3d3d3d } .v2-slider-slick__item-content .main-slider-wrap { top: 170px; left: 45px } .navbar,.navbar.is-fixed { position: relative; top: 0; border-color: transparent } .navbar-controls-unit { border-color: #373737 } .navbar-controls-unit:last-child { border-color: #373737 } .icon-basket:before,.icon-person:before,.icon-search:before { color: #fe7f1c } .icon-basket1:before { color: #9b9494!important } .navbar-catalogue { position: relative; cursor: default; background-color: #373737; border-color: #373737 } .v2-catalog-item__submenu-item { /* font-size: 0; */ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 7px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .v2-catalog-item>a { padding: 8px 0; font-size: 14px; line-height: 1.2; text-align: left; color: #333; opacity: 1; -webkit-transition: opacity .25s; -o-transition: opacity .25s; transition: opacity .25s; position: relative; display: block; } .v2-catalog-item a:hover { color: #f57613 } .v2-catalog-item__submenu-item>a { font-size: 14px; line-height: 1; color: #333; } .v2-catalog-item.parent>a:after { position: absolute; top: 12px; right: 10px; width: 7px; height: 12px; content: ''; background-image: url(/local/templates/maksiled/images/arrow-right.png); background-repeat: no-repeat; background-size: contain; transition: right .25s linear; -webkit-background-size: contain; -webkit-transition: right .25s linear; -o-transition: right .25s linear; } .v2-catalog-item>a:hover:after { /* right: 5px; */ background-image: url(/local/templates/maksiled/images/arrow-right1.png); } .v2-catalog-item__submenu,.v2-catalog-list { position: absolute; top: 51px; right: 0; left: 0; color: #6b6b6b; background-color: #fff; border: 1px solid #e5e5e5 } .v2-catalog-item__submenu { top: -1px; display: none; min-height: calc(100% + 2px); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .v2-catalog-item:hover .v2-catalog-item__submenu { display: block } .navbar-catalogue>span:after { content: none } .navbar-catalogue>span,.navbar-menu-unit a { font-size: 14px; /* font-family: HelveticaNeueCyrThin; */ font-family: PT Sans; } .navbar-menu-unit a { color: #d2c8c8 } .navbar-menu-unit:after { bottom: 10px; height: 2px } .navbar-menu-unit:hover .about-dropdown { padding: 17px 50px 17px 30px; border: 1px solid #e5e5e5; /*min-height: 165px*/ min-height: auto; height: auto; } .navbar-menu-unit .about-dropdown-unit a { /* font-family: HelveticaNeueCyrThin */ } .v2-menu-catalog { min-height: 100% } .up-body .navbar.is-fixed,.up-body .navbar.is-fixed .navbar-menu-unit.about-unit:before { color: #fff } .up-body .navbar.is-fixed .navbar-hamburger-unit { background-color: #fff } .v2-overlay-content { position: absolute; z-index: 60; top: 0; right: 0; left: 0; bottom: 0; display: none; background-color: rgba(0,0,0,.3) } .v2-slider-section { /* padding-top: 20px; */ background-color: #fff; } .v2-header_old { display: none } .v2-header { display: block } .navbar-hamburger { left: 20px } .v2-slider-section .container { padding-right: 30px; } .navbar-catalogue { padding-left: 60px; /*width: 240px*/ width: 30% } .v2-catalog-list { padding: 0; } .v2-catalog-item__submenu { padding: 5px 10px 10px 10px; } .v2-catalog-item>a { padding-right: 20px; /* width: 187px; */ -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .v2-menu-catalog { min-width: 240px; margin-left: 17px; } .v2-slider-section { height: 513px; } .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick,.v2-slider-section .v2-slider-slick__item { /* min-height: 430px!important; */ /* height: 448px!important; */ } .controls-unit.search, .search-form .controls-unit.search-close { display:none; } } @media (min-width: 1024px) and (max-width: 1340px) { .v2-slider-slick__item { background-size: contain; -webkit-background-size: contain; } } @media (min-width:1280px) { .v2-slider-section .container { padding-right: 30px; } .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick,.v2-slider-section .v2-slider-slick__item { /* min-height: 480px!important; */ /* height: 480px!important; */ } .navbar-controls { padding-right: 15px } } @media (min-width:1360px) { .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick,.v2-slider-section .v2-slider-slick__item { /* min-height: 510px!important; */ /* height: 510px!important; */ } } @media (min-width:1500px) { .v2-slider-section .slick-list,.v2-slider-section .slick-track,.v2-slider-section .v2-slider-slick,.v2-slider-section .v2-slider-slick__item { /* min-height: 524px!important; */ /* height: 524px!important; */ } .v2-header__wrapper-content { max-width: 1652px } .v2-menu-catalog { min-width: 260px } .navbar-catalogue { padding-left: 53px; width: 264px } .v2-catalog-list { padding: 5px 0 5px 2px; } .v2-catalog-item__submenu { padding: 15px 0 0px 20px; } .navbar-menu { /*padding-left: 45px*/ padding-left: 0px } .v2-catalog-item>a { padding-right: 33px; /* width: 199px */ } .v2-slider-section { height: 523px; } } @media (max-width:1339.92px) { .container { max-width: 1100px } } @media (min-width:1340px) { .container { max-width: 1200px } .main-news { height: auto; } .main-news1 { height: 220px } } @media (min-width:1380px) { .container { max-width: 1320px } } @media (max-width: 1280px) { .navbar-menu { width:63%; } } .main-partners .main-partners-wrap { height: 75px } /*.v2-catalog-item:last-of-type a { color: red }*/ .v2-catalog-item:last-of-type>a:after { background-image: url(/local/templates/maksiled/images/arrow-right-red.png) } .menu-mobile.active { z-index: 980; } .v2-slider-catalog li button { font-size: 0; line-height: 0 } .h-aside { z-index: 99 } /* span.icon-search:before { content: '\00a0'; background-image: url(/local/templates/maksiled/images/lupa.svg); display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: center; min-width: 1.2em; } */ @media (min-width:1024px) and (max-width:1439px) { } /* End */ /* Start:/local/components/bitrix/form.result.new/templates/.default/style.css?1594374569623*/ table.form-table { width:100%; background-color:white; border-collapse:collapse; font-size:100%; font-weight:normal; line-height:160%; } table.form-table th, table.form-table td { border:1px solid #ADC3D5; padding: 5px 5px; vertical-align:top; } table.form-table th { background-image:url(/local/components/bitrix/form.result.new/templates/.default/images/table_head.gif); background-repeat:repeat-x; text-align: left; color:#25639A; } table.form-table td { padding: 15px 5px; } .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 15px; background-repeat: no-repeat; background-image: url(/local/components/bitrix/form.result.new/templates/.default/images/icon_warn.gif); } /* End */ /* Start:/local/templates/maksiled/components/nineseven/search.title/.default/style.css?15839436362764*/ div.title-search-result { border: none; top: 100%!important; left: 0!important; width: 1000%!important; /* display: none !important; */ overflow: hidden; z-index: 205; } table.title-search-result { border-collapse: collapse; border: none; width: 100%; } table.title-search-result th { background-color: #F7F7F7; border-right: 1px solid #e8e8e8; color: #949494; font-weight: normal; padding-top: 2px; padding-bottom: 2px; padding-left: 14px; padding-right: 12px; text-align: right; vertical-align: top; white-space: nowrap; width: 1%; } table.title-search-result td { background: rgba(255, 255, 255, 0.95); color: black; font-weight: normal; padding-top: 2px; padding-bottom: 2px; text-align: left; white-space: nowrap; } table.title-search-result td.title-search-item { margin-left: 8px; padding-right: 15px; width: 100%; } table.title-search-result td.title-search-item a { padding-left: 15px; padding-right: 15px; text-decoration: none; color: black; vertical-align: top; display: block; } table.title-search-result td.title-search-item img { display: none; vertical-align: top; } table.title-search-result td.title-search-item b { color: #fe7f1c; font-weight: 400; } table.title-search-result tr.title-search-selected td, table.title-search-result tr.title-search-selected a, table.title-search-result tr.title-search-selected td.title-search-more a { background-color: rgba(254, 127, 28, 0.95); color: #fff; } table.title-search-result tr.title-search-selected td b, table.title-search-result tr.title-search-selected a b, table.title-search-result tr.title-search-selected td.title-search-more a b, table.title-search-result tr.title-search-selected td.title-search-all a { color: #fff; } table.title-search-result td.title-search-more { font-size: 11px; font-weight: normal; padding-right: 15px; padding-left: 24px; padding-top: 0px; } table.title-search-result td.title-search-more a { padding-left: 12px; padding-right: 15px; text-decoration: none; color: #999999; } table.title-search-result td.title-search-all { padding-left: 15px; padding-right: 15px; } table.title-search-result td.title-search-all a { text-decoration: none; color: #808080; } table.title-search-result td.title-search-separator, table.title-search-result th.title-search-separator { padding-top: 0px; padding-bottom: 0px; font-size: 4px; } div.title-search-fader { display: none; background-image: url('/local/templates/maksiled/components/nineseven/search.title/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position: absolute; } /* End */ /* Start:/local/templates/maksiled/components/bitrix/catalog.section/product_day/style.css?15814132222080*/ .product-day__block { position: fixed; top: 305px; z-index: 1; background: #fff; text-align: center; right: -200px; max-width: 200px; transition: 0.3s; } .product-day__block.active {right: 0;} .product-day__label { background: #fe7f1c; color: #fff; font-weight: bold; text-transform: uppercase; position: absolute; left: -125px; top: 75px; padding: 13px 0px; width: 199px; transform: rotate(-90deg); cursor: pointer; } .big-slider-unit-price.product-day { font-size: 25px; margin: 5px auto; } .big-slider-unit-title.product-day { line-height: 20px; font-size: 14px; max-height: 80px; } .big-slider-unit-info.product-day {padding: 100px 10px 15px 10px;} .big-slider-unit-add.animated-button-wrap.product-day {margin: 5px auto;} .big-slider-unit-inStock.product-day {margin: 0;} .sale-price__block { display: flex; justify-content: space-around; align-items: center; text-align: center; color: #fe7f1c; line-height: 16px; } .sale-price__delimiter { width: 2px; height: 35px; background: #fe7f1c; } .sale-price__value, .sale-price__difference { width: 48%; } .sale-price__value:after {content: '';display: block;position: absolute;transform: rotate(-11deg);top: 7px;left: 0;right: 0;margin: auto;width: 75%;height: 1px;background: #fe7f1c;} span.new_data { background: grey; padding: 5px; border-radius: 10px; color: white; } div#event-mess { margin-top: 5px; } .big-slider-unit-price.product-day { font-size: 25px; margin: 5px auto; } .sale-price__value {position: relative;} @media screen and (max-width:360px) { .product-day__block { display: none; top: 100%; max-width: none; right: 0; width: 100%; } .product-day__label { transform: none; top: -50px; left: 0; width: 100%; } .product-day__block.active { top: 37%; } .big-slider-unit-info.product-day { min-height: 100px; } } /* End */ /* Start:/local/templates/maksiled/components/bitrix/sender.subscribe/popup_subscribe/style.css?17389311354762*/ .subscribe_popup_block { width: 100%; max-width: 550px; position: fixed; bottom: 130px; right: 20px; display: none; z-index: 135; } .subscribe_popup { width: 100%; background-color: #fff; height: 100%; background-size: 100%; background-repeat: no-repeat; border: 1px solid #fe7f1c; border-radius: 1px; } .subscribe_content { padding: 40px 30px; position: relative; } .subscribe_close { position: absolute; width: 30px; height: 30px; top: 20px; right: 20px; cursor: pointer; } .subscribe_close::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .subscribe_close::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .subscribe_close::before, .subscribe_close::after { content: ""; position: absolute; width: 30px; height: 2px; background: #9d9d9d; top: 15px; } .subscribe_title { color: #fe7f1c; font-weight: 600; font-size: 24px; line-height: 10px; margin-bottom: 15px; max-width: 365px; } .subscribe_subtitle { font-size: 16px; margin-bottom: 20px; } .subscribe_form { max-width: 380px; margin-bottom: -10px; } .subscribe_form .sub_email { font-size: 12px; line-height: 15px; padding: 7px 10px 8px; max-width: 210px; width: 210px; margin-right: 5px; border: 1px solid #fe7f1c; background: #ececec; } .subscribe_form button:focus, .subscribe_form button { outline: 0; border: 0; } .subscribe_form button { background: #fe7f1c; font-size: 13px; line-height: 15px; color: #fff; line-height: 30px; width: 107px; margin-right: 10px; } .subscribe_form button:hover { background-color: #fb6e00; } .sub_form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subscribe_col { margin-top: 10px; font-size: 13px; } .subscribe_form input[type="checkbox"] { background: #ececec; } .sub_href { display: flex; margin-right: 5px; } .sub_href:first-child { margin-right: 5px; } .sub_ico { width: 32px; height: 32px; } .subscribes_form_block { display: flex; justify-content: space-between; flex-wrap: wrap; } .subscribe_form_block { display: flex; align-items: center; } .subscribe_form_block img.sub_img { width: 85px; height: 85px; } .subscribe_form_text { margin-right: 15px; } .sub_hrefs { display: flex; } .subscribe_popup_block #SENDER_SUBSCRIBE_EMAIL-error.error, .subscribe_popup_block #check_me_popup-error.error { background-color: #eb4650; border-radius: 12px; padding: .77em 1em; width: 19.2em; display: block; color: #fff; position: absolute; } .subscribe_popup_block #SENDER_SUBSCRIBE_EMAIL-error.error { top: 50px; } .subscribe_popup_block #check_me_popup-error.error { bottom: -20px; width: 28.2em; } .subscribe_popup_block #SENDER_SUBSCRIBE_EMAIL-error.error:after { border-color: #eb4650 #0000 #0000 #0000; border-style: solid; border-width: 5px 7px 0; content: ""; height: 0; left: 47%; position: absolute; top: 100%; width: 0 } .subscribe_popup_block #check_me_popup-error.error:after { border-color: #0000 #0000 #eb4650 #0000; border-style: solid; border-width: 0px 7px 5px; content: ""; height: 0; left: 47%; position: absolute; bottom: 100%; width: 0 } .subscribe_popup_block form input[type="checkbox"].error, .subscribe_popup_block form input.sub_email.error { border: 1px solid #eb4650; } .success-text { font-size: 21px; line-height: 32px; margin-bottom: 25px; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .success-text-popup { font-size: 15px; } .success_text{ margin: 38px 0 5px; } .subscribe_form .error-text { margin-top: 10px; color: #eb4650; font-size: 14px; } @media (max-width: 480px) { .sub_form { flex-wrap: wrap; } .subscribe_popup_block { right: 0px; } .subscribe_content { padding: 40px 20px; } .subscribe_form_block img.sub_img { width: 75px; height: 60px; } .subscribe_form_text { margin-right: 0px; } .subscribe_form button { width: 103px; } .subscribe_form .sub_email { width: 170px; } .subscribe_col, .subscribe_subtitle { width: 350px; } .sub_hrefs { margin-top: 10px; } } /* End */ /* Start:/local/templates/maksiled/components/bitrix/sender.subscribe/footer_subscribe/style.css?17078579842615*/ .subscription-info-text { padding-bottom: 10px; } .tooltip span { margin-left: -999em; position: absolute; } .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 250px; } .tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; } .tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } .classic { padding: 0.8em 1em; } .custom { padding: 0.5em 0.8em 0.8em 2em; } * html a:hover { background: transparent; } .classic {background: #FFFFAA; border: 1px solid #FFAD33; } .critical { background: #FFCCAA; border: 1px solid #FF3334; } .help { background: #9FDAEE; border: 1px solid #2BB0D7; } .warning { background: #FFFFAA; border: 1px solid #FFAD33; } .subscription #SENDER_SUBSCRIBE_EMAIL-error.error, .subscription #check_me-error.error { background-color: #eb4650; border-radius: 12px; padding: .77em 1em; width: 19.2em; display: block; color: #fff; position: absolute; } .subscription #SENDER_SUBSCRIBE_EMAIL-error.error { top: -55px; } .subscription #check_me-error.error { top: 30px; width: 28.2em; } .subscription #SENDER_SUBSCRIBE_EMAIL-error.error:after { border-color: #eb4650 #0000 #0000 #0000; border-style: solid; border-width: 5px 7px 0; content: ""; height: 0; left: 47%; position: absolute; top: 100%; width: 0 } .subscription #check_me-error.error:after { border-color: #0000 #0000 #eb4650 #0000; border-style: solid; border-width: 0px 7px 5px; content: ""; height: 0; left: 47%; position: absolute; bottom: 100%; width: 0 } .footer .subscription-info-form form .col-md-5 .animated-button-wrap { right: 17px; } .footer .subscription-info-form form input[type="checkbox"].error, .footer .subscription-info-form form input.bx-form-control.error { border: 1px solid #eb4650; } .subscription-info-form .success-text { font-size: 21px; line-height: 32px; margin-bottom: 25px; display: block; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .subscription-info-form .error-text { margin-top: 10px; margin-left: 5px; color: #eb4650; } /* End */ /* Start:/local/templates/maksiled/components/bitrix/form.result.new/popup/style.css?17141065233998*/ .form-required { color: red; } .error-fld { display: block; float: left; height: 13px; width: 150px; background-repeat: no-repeat; background-image: url(/local/templates/maksiled/components/bitrix/form.result.new/popup/images/icon_warn.gif); padding-left: 20px; } .inter { padding-top: 10px; color: red; } label.error { color: red; } .btn { #background-position: 230px center; background-repeat: no-repeat; #background-size: 23px 23px; padding-left: 16px; text-decoration: underline; text-decoration-style: solid; text-decoration-style: solid; text-decoration-style: dotted; font-size: 15px; background-position: 0px bottom; cursor:pointer; } #RecallPopup .btn, #VisualPopup .btn, #RepairPopup .btn { background-image: url('/local/templates/maksiled/images/attach.png'); } .titlepro { font-size: 25px; font-family: PT Sans; text-align: center; line-height: 1; } .inputpro[type="text"], .inputpro[type="tel"], .inputpro[type="email"] { background-color: #e1e0e0; border-radius: 10px; } .buttonsbody2[type="submit"] { position: absolute; #top: 3px; #right: 38px; z-index: 9; outline: none; border: none; display: inline-block; background: #fe7f1c; color: #fff; padding: 8px 70px; border-radius: 25px; cursor: pointer; } .checkbox3{ font-size: 10px; } .butmain{ padding-left: 48px; padding-top: 20px; padding-right: 48px; text-align: center; } .popup1 { position: relative; padding: 25px; #box-shadow: 1px 1px 17px 0px rgba(254, 127, 28, 0.2); margin-bottom: 20px; } div#calculation_form { position: absolute; height: 100%; } div#calculation_form .popup { position: absolute; width: 30%; min-width: 320px; } input[type="file"] { display: inline-block; } label.btn{ padding-left: 16px; vertical-align: baseline; display: inline; padding-bottom: 0px; border: 0; } .checkbox4{ margin-top: 15px; margin-bottom: -15px; text-align: center; } .tooltip{ opacity: 1; line-height: normal; font-size: 13px; font-family: inherit; display: inline; } #job_heading1 { padding-bottom: 20px; } .popup input.inputFile[type="file"] { display: none; } body .popup { box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); } .popup input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) { display: block; margin: 10px 0; } .agrees_check.error, form input.inputpro.error { border: 1px solid red!important; } #checkme1-error { /*display: none!important;*/ bottom: 25px; width: 28.2em; background-color: #eb4650; border-radius: 12px; padding: 0.77em 1em; display: block; color: #fff; position: absolute; left: 0; z-index: 2; } .popup #checkme1-error.error:after { border-color: #0000 #0000 #eb4650 #0000; border-style: solid; border-width: 0px 7px 5px; content: ""; height: 0; left: 1.9em; position: absolute; bottom: 100%; width: 0; } form p.title { text-align: center; color: #3d3d3d; margin-top: -10px; margin-bottom: 15px; } .restoring__group + .calc_form, .restoring__group + .special_form { width: 50%; } .special_form .popup { padding: 0; } .special_form #modal_SIMPLE_FORM_18 .popup, .special_form #modal_SIMPLE_FORM_19 .popup { padding: 25px; } #modal_SIMPLE_FORM_18 .popup .imitate-h2 { font-size: 22px; } #modal_SIMPLE_FORM_19 .popup .imitate-h2 { font-size: 20px; } .workarea input[type="checkbox"]:not(:checked) + label#checkme1-error:before { display: none; } .workarea .popup #checkme1-error { bottom: 0px; } .workarea .popup #checkme1-error.error:after { top: -5px; left: 4.5em; opacity: 1; -webkit-transform: none; transform: none; } .popup-window .popup #checkme1-error.error:after { left: 5.6em; } @media (max-width:767.97px) { .restoring__group + .calc_form, .restoring__group + .special_form { width: 100%; } .workarea .popup .butmain input.form-input-submit { margin: 0 auto; } .workarea .popup #checkme1-error { bottom: -10px; } } /* End */ /* Start:/local/templates/maksiled/components/bitrix/system.auth.form/modal/style.css?17103649573398*/ div.bx-system-auth-form span.bx-auth-secure { background-color: #FFFAE3; border: 1px solid #DEDBC8; padding: 2px; display: inline-block; vertical-align: bottom; margin-top: -1px; } div.bx-system-auth-form div.bx-auth-secure-icon { background-image: url(/local/templates/maksiled/components/bitrix/system.auth.form/modal/images/sec.png); background-repeat: no-repeat; background-position: center; width: 19px; height: 18px; } div.bx-system-auth-form div.bx-auth-secure-unlock { background-image: url(/local/templates/maksiled/components/bitrix/system.auth.form/modal/images/sec-unlocked.png); } .modal-auth__form { text-align: center; } .modal-auth__group { margin-bottom: 20px; } .modal-auth__group:last-child { margin-bottom: 0; } .modal-auth .animated-button-wrap, .modal-auth__btn.animated-button-wrap { width: 150px; } .modal-auth .animated-button-wrap .animated-button, .modal-auth__btn.animated-button-wrap .animated-button { width: 100%; } .modal-auth__name, .modal-auth__login, .modal-auth__profile-link { font-size: 18px; margin-bottom: 20px; } @media screen and (max-width:480px) { .modal-auth .animated-button-wrap { width: 100%; } } .register_modal_link, .auth_modal_link { position: relative; margin-right: 15px; } .register_modal_link:not(.not_forget_link)::after, .auth_modal_link::after { content:'/'; position: absolute; top:50%; right:-12px; transform:translateY(-50%); color:#9a9085; } .forgotpassword_modal_link, .register_modal_link, .auth_modal_link { display: inline-block; vertical-align: middle; color: #9a9085; border-bottom: 1px solid #9a9085; cursor:pointer; transition: all ease-in-out 0.3s; } .forgotpassword_modal_link:hover, .register_modal_link:hover, .auth_modal_link:hover { color: #9a9085; text-decoration: none; border-color: transparent; } /* .modal-auth input[type="checkbox"]:not(:checked), .modal-auth input[type="checkbox"]:checked { position: absolute; left: -9999px; } .modal-auth input[type="checkbox"] { background-color: #fff; width: 20px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #dadada; } .modal-auth input[type="checkbox"]:not(:checked) + label, .modal-auth input[type="checkbox"]:checked + label { position: relative; padding-left: 1.95em; cursor: pointer; } .modal-auth input[type="checkbox"]:not(:checked) + label:before, .modal-auth input[type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 50%; transform:translateY(-50%); width: 20px; height: 20px; border: 1px solid grey; background: #fff; border-radius: 0px; box-shadow: none; } .modal-auth input[type="checkbox"]:not(:checked) + label:after, .modal-auth input[type="checkbox"]:checked + label:after { font-family: "icomoon"; content: '\e913'; position: absolute; top: 3px; left: 4px; font-size: 13px; font-weight: 900; line-height: 0.8; color: orange; -webkit-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; } .modal-auth input[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .modal-auth input[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } */ /* End */ /* Start:/local/templates/maksiled/components/bitrix/main.register/modal/style.css?1581413222861*/ div.bx-auth-reg input.bx-auth-input { vertical-align: middle; } div.bx-auth-reg span.bx-auth-secure { background-color: #FFFAE3; border: 1px solid #DEDBC8; padding: 2px; display: inline-block; vertical-align: middle; } div.bx-auth-reg div.bx-auth-secure-icon { background-image: url(/local/templates/maksiled/components/bitrix/main.register/modal/images/sec.png); background-repeat: no-repeat; background-position: center; width: 19px; height: 18px; } div.bx-auth-reg div.bx-auth-secure-unlock { background-image: url(/local/templates/maksiled/components/bitrix/main.register/modal/images/sec-unlocked.png); } .reg-modal__group { margin-bottom: 20px; } .reg-modal__field.animated-button-wrap { width: 180px; } .reg-modal__field.animated-button-wrap input { width: 100%; } .reg-modal__text { margin-bottom: 0; } @media screen and (max-width:480px) { .reg-modal__field.animated-button-wrap { width: 100%; } } /* End */ /* Start:/local/templates/maksiled/components/bitrix/form.result.new/oneclick/style.css?1597046261114*/ form[name="SIMPLE_FORM_5"] p{ font-size: 13px; margin-bottom: 0; margin-top: 10px; text-align: center; } /* End */ /* Start:/local/templates/maksiled/styles.css?161346506412205*/ /* @font-face { font-family: 'PFDinTextProBold'; src: url('/local/templates/maksiled/fonts/PFDinTextPro-Bold.eot'); src: url('/local/templates/maksiled/fonts/PFDinTextPro-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/maksiled/fonts/PFDinTextPro-Bold.woff') format('woff'), url('/local/templates/maksiled/fonts/PFDinTextPro-Bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaNeueCyrMedium'; src: url('/local/templates/maksiled/fonts/HelveticaNeueCyr-Medium.eot'); src: url('/local/templates/maksiled/fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/maksiled/fonts/HelveticaNeueCyr-Medium.woff') format('woff'), url('/local/templates/maksiled/fonts/HelveticaNeueCyr-Medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ALSRubl'; src: url('/local/templates/maksiled/fonts/ALSRubl.eot'); src: url('/local/templates/maksiled/fonts/ALSRubl.eot?#iefix') format('embedded-opentype'), url('/local/templates/maksiled/fonts/ALSRubl.woff') format('woff'), url('/local/templates/maksiled/fonts/ALSRubl.ttf') format('truetype'); font-weight: normal; font-style: normal; } */ .rubl { font-family: 'PT Sans'; font-weight: inherit; font-style: inherit; text-transform: none; } /* Модальное окно и блок с товарами */ .h-modal-wrapper { position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.4); overflow: auto; z-index: 99999; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; align-items: center; } .h-modal { position: relative; } .h-modal__close { position: absolute; top: 10px; right: 12px; display: block; fill: #f57613; transition: fill 0.3s ease 0s; cursor: pointer; } .h-modal__close:hover { fill: #000; } .week-goods { display: block; position: relative; width: 820px; background-color: #fff; overflow: hidden; padding: 12px 10px 16px; line-height: normal; } .week-goods .rubl { font-weight: bold; margin-left: -0.25em; } .week-goods_modal { border-radius: 8px; } .week-goods_aside { border-bottom-left-radius: 8px; } .week-goods::before { content: ''; position: absolute; left: 0; top: 0; width: 85%; height: 85%; background-repeat: no-repeat; background-position: top left; background-image: url(/local/templates/maksiled/images/decor.png); } .week-goods__head, .week-goods__main, .week-goods__desc { position: relative; } .week-goods__head { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; padding: 0 50px 0 10px; margin-bottom: 8px; } .week-goods__title { display: inline-block; text-transform: uppercase; font-family: 'PT Sans'; color: #fff; font-size: 24px; } .h-timer { display: block; font-family: 'PT Sans'; font-size: 16px; text-align: center; user-select: none; } .h-timer__title { display: block; margin-bottom: 10px; } .h-timer__col { display: inline-block; vertical-align: top; } .h-timer__val, .h-timer__separator { display: block; font-size: 36px; font-family: 'PT Sans'; line-height: 0.8em; } .h-timer__desc { display: block; font-size: 12px; } .week-goods__main { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; } .week-goods__item { position: relative; display: block; margin: 0 4px 8px; padding: 26px 15px 80px; border-radius: 8px; background-color: #fff; /*border: 1px solid rgba(0,0,0,0.1);*/ box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); width: 262px; box-sizing: border-box; overflow: hidden; text-decoration: none; } .week-goods__item:nth-child(3n+1) { margin-left: 0; } .week-goods__item:nth-child(3n) { margin-right: 0; } .week-goods__item-img { position: relative; display: block; /*width: 100%; margin: 0 auto 10px;*/ margin: -26px -16px 10px; width: auto; } .week-goods__item-img::before { content: ''; display: block; padding-top: 70%; } .week-goods__item-img img { display: block; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .week-goods__item-title { display: block; text-transform: uppercase; font-family: 'PT Sans'; font-size: 14px; color: rgba(0,0,0,0.8); padding-right: 10px; margin-bottom: 21px; text-decoration: none; } .week-goods__item-bottom { position: absolute; bottom: 0; left: 0; right: 0; } .week-goods__item-actions { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; align-items: center; padding: 0 10px 0 15px; } .week-goods__item-actions > * { margin: 0 6px; } .week-goods__item-actions > *:last-child { margin-right: 0; } .week-goods__item-actions > *:first-child { margin-left: 0; } .week-goods__item-oldprice { position: relative; text-transform: uppercase; font-family: 'PT Sans'; color: rgba(0,0,0,0.5); font-size: 16px; flex-shrink: 0; } .week-goods__item-oldprice::after { content: ''; position: absolute; display: block; background-color: #fe4949; height: 2px; width: 110%; top: 0; bottom: 0; left: 50%; margin: auto 0 auto -55%; transform: rotate(-20deg); } .week-goods__item-price { text-transform: uppercase; font-family: 'PT Sans'; color: #f57613; font-size: 24px; } .week-goods__item-buy { width: auto; flex: 1; min-width: 0; height: 30px; border-radius: 30px; } .week-goods__item-buy, .week-goods__item-buy .animated-button { height: 30px !important; border-radius: 30px !important; line-height: 26px !important; } .week-goods__item-buy .animated-button { line-height: 26px !important; } .week-goods__item-discount { display: block; width: 120px; height: 120px; position: absolute; top: -34px; left: -27px; border-radius: 50%; background-color: #fe4949; color: #fff; font-family: 'PT Sans'; font-size: 30px; padding: 34px 0 0 27px; line-height: 75px; text-align: center; } .week-goods__item-profit { display: block; color: #fff; font-family: 'PT Sans'; text-transform: uppercase; font-size: 12px; padding: 10px 14px; background-color: #fe7f1c; margin-top: 13px; } .week-goods__desc { display: block; font-family: 'PT Sans'; font-size: 12px; } .week-goods__desc p { margin: 0; font-size: inherit; line-height: inherit; } .week-goods__desc a { text-decoration: none; font-family: 'PT Sans'; color: #fe4949; font-size: inherit; line-height: inherit; margin-top: 12px; } /* Боковые кнопки */ .workarea .calculator-icon { display: none !important; } .h-aside { position: fixed; right: 0; top: 230px; z-index: 135; } @media (max-height: 820px) { .h-aside { top: 160px; } } .h-aside__item { position: relative; display: flex; margin-bottom: 11px; transform: translate(0px, 0px); transition: transform 0.5s ease 0s; } .h-aside__item.is-active { z-index: 2; } .h-aside__btn { position: relative; display: block; height: 200px; width: 63px; color: #fff !important; text-decoration: none; cursor: pointer; background-color: rgba(254,127,28,0.5); font-family: 'PT Sans'; font-size: 14px; text-transform: uppercase; padding: 21px 0 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; transition: background-color 0.5s ease 0s; } .h-aside__btn:hover { background-color: rgba(254,127,28,1); } .h-aside__btn-icon { display: block; width: 27px; height: 27px; margin: 0 auto; } .h-aside__btn-icon img { display: block; max-width: 100%; max-height: 100%; } .h-aside__btn_gift .h-aside__btn-icon img { width: 25px; height: 25px; } .h-aside__btn-title { display: block; transform: rotate(-90deg) translate(-100%, -50%); transform-origin: left top; white-space: nowrap; position: absolute; left: 50%; top: 68px; } .h-aside__btn_gift .h-aside__btn-title { top: 62px; } .h-aside__window { position: absolute; top: 0; left: 100%; margin-left: 1px; } .product-day__label { display: none!important; } /* На главной */ .h-home-wrapper { padding: 0 15px; margin: 20px 0; } .h-home.week-goods { width: 100%; display: flex; align-items: center; justify-content: flex-start; border: 2px solid #fe7f1c; padding: 20px 0; } .h-home.week-goods:before { content: none; } .h-home .week-goods__main { width: 100%; max-width: 70%; margin-right: 80px; } .h-home .week-goods__head { width: 100%; max-width: 30%; padding: 0; } .h-home .week-goods__item:nth-child(3n+1) { margin-left: 15px; } .h-home .week-goods__item { margin-left: 15px; margin-right: 15px; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; padding: 5px 0px 75px; width: 100%; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); max-width: 25%; } .h-home .week-goods__item-discount { display: block; width: 90px; height: 90px; position: absolute; top: -34px; left: -34px; border-radius: 0% 0% 100% 80%; background-color: #fe7f1c; color: #fff; font-family: 'PT Sans'; font-size: 17px; padding: 20px 0 0 22px; line-height: 75px; text-align: center; } .h-home .week-goods__item-img { width: 100%; order: 2; margin: 0; } .h-home .week-goods__item-title { padding-left: 60px; height: 45px; text-overflow: ellipsis; overflow: hidden; font-family: 'PT Sans'; line-height: 1.4; font-size: 15px; padding-right: 10px; width: 100%; text-indent: 10px; text-transform: initial; color: #222222; } .h-home .rubl { font-family: 'PT Sans'; font-weight: initial; margin-left: -0.2em; } .h-home .week-goods__item-actions { flex-direction: column; padding: 5px; } .h-home .week-goods__item-bottom { display: flex; align-items: center; justify-content: space-between; } .h-home .week-goods__item-oldprice,.h-home .week-goods__item-price { font-family: 'PT Sans'; } .h-home .week-goods__item-price { font-size: 26px; margin-left: 0; } .h-home .week-goods__item-oldprice { margin-left: 4px; } .h-home .week-goods__item-profit>span>span { display: block; margin: auto; color: #fe7f1c; font-size: 26px; } .h-home .week-goods__item-profit { font-family: 'PT Sans'; background: transparent; color: #222222; padding: 0; margin: 0; font-size: 16px; text-transform: initial; padding-right: 10px; } .h-home .week-goods__timer { font-family: 'PT Sans'; width: 250px; height: 250px; color: #fff; background: #fe7f1c; border-radius: 250px; margin: auto; padding-top: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; } .h-home .h-timer__val,.h-home .h-timer__separator { font-family: 'PT Sans'; } .h-home .h-timer__title { /* text-transform: uppercase; */ font-size: 40px; margin-bottom: 20px; z-index: 2; } .h-home .week-goods__timer:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; width: 250px; height: 250px; border-radius: 250px; background: rgba(254, 127, 28, 0.6); transform: scale(1); z-index: 1; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate; animation-name: h-timer__alert; animation-timing-function: ease-in; } .h-home .h-timer__container { z-index: 2; } @keyframes h-timer__alert { from { transform: scale(1); } to { transform: scale(1.2); } } @media (max-width:1399.97px) { .h-home .week-goods__item-price { font-size: 20px; } .h-home .week-goods__item-profit>span>span { font-size: 20px; } } @media (max-width:1099.97px) { .h-home .week-goods__item-price { font-size: 18px; } .h-home .week-goods__item-profit>span>span { font-size: 18px; } } @media (max-width: 768px) { .catalog-list-unit-title { font-size: 15px; line-height: 20px; } } /* End */ /* Start:/local/templates/maksiled/template_styles.css?17120010936512*/ .grecaptcha-badge{ display: none; } .sale-paysystem-yandex-button-container { display: flex; align-items: center; } .sale-paysystem-yandex-button-descrition { margin-bottom:0; } .sale-paysystem-yandex-button .sale-paysystem-yandex-button-item { font-family: 'HelveticaNeueCyrRoman1',Helvetica, Arial, sans-serif!important; font-size: 15px!important; line-height: 1!important; font-weight: 400; overflow: hidden; text-align: center; border: 2px solid #fe7f1c; height: 38px; border-radius: 38px; position: relative; background-color: transparent; color: #000; width: 100%; overflow: hidden; } .sps { display: none; } .activeEI{ top: 150px!important; } .sale-paysystem-yandex-button-container .sale-paysystem-yandex-button { position: relative; display: inline-block; overflow: hidden; width: 180px; height: 38px; border-radius: 38px; z-index: 1; } .sale-paysystem-yandex-button-container .sale-paysystem-yandex-button::before { content: ''; transition: background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in; transition: transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76), background-color 0.2s ease-in, -webkit-transform 0.5s cubic-bezier(0.9, 0.07, 0.77, 0.76); width: 200px; height: 200px; display: block; background-color: #fff; position: absolute; top: 50%; border-radius: 100px; left: 50%; transform: translateY(-50%) translateX(-50%) scale(0); } .sale-paysystem-yandex-button-container .sale-paysystem-yandex-button:hover::before { background-color: #fe7f1c; transform: translateY(-50%) translateX(-50%) scale(1); z-index: -1; } .sale-paysystem-wrapper { position: relative; padding: 20px 30px 20px 30px; border: 1px solid #fe7f1c; font-family: 'HelveticaNeueCyrRoman1',Helvetica, Arial, sans-serif!important; } .bx-authform-formgroup-container.animated-button-wrap { min-width:200px; } .bx-authform-formgroup-container .animated-button { width: 100%; color:#000; } .alert-danger { background-color: #f5f5f5; } label.bx-filter-param-text { display: inline-block; vertical-align: middle; } .bx-authform-link-container { font-family: 'HelveticaNeueCyrRoman1',Helvetica, Arial, sans-serif; font-size: 15px; line-height: 24px; font-weight: 400; } a.bx-authform-link { color: #9a9085; text-decoration: none; border-bottom: 1px solid #dadada; } a.bx-authform-link:hover { text-decoration: none; border-color: transparent; } .bx-authform-link-row { margin-bottom:10px; } .bx-authform-content-container, .bx-authform-label-container { font-size: 14px; color:#000; } .bx-authform-social ul li::before { display: none; } .workarea .bx-authform-social ul li { padding-left:0; } .bx-authform-description-container { font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size:15px; line-height: 24px; color: #9a9085 } .bx-authform-link-container a { display: inline; height: auto; background: transparent; border-radius: 0; font-family: 'HelveticaNeueCyrRoman1', Helvetica, Arial, sans-serif!important; font-size: 15px; line-height: 24px; font-weight: 400!important; color: #9a9085!important; text-decoration: none; border-bottom: 1px solid #9a9085; } .bx-authform-link-container a:hover { border-color: transparent; } @media screen and (max-width:767px) { .bx-authform-formgroup-container.animated-button-wrap { width: 100%; } } @media screen and (max-width:480px) { .sale-paysystem-yandex-button-container { flex-wrap:wrap; } .sale-paysystem-yandex-button-container .sale-paysystem-yandex-button { width:100%; } } .pol_form input { display: block; border: 1px solid #dadada; width: 100%; padding: 5px; } .vpl { top: 25%; left: 1%; } .tenn { width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.7); z-index: 4; display: none; } .tenn.active { width: 100%; height: 100%; position: absolute; background-color: rgba(0, 0, 0, 0.7); z-index: 4; display: block; } .zakaz_knop { margin-left: 20px; cursor: pointer; display: block; margin-top: 5px; text-decoration: underline; } .zakaz_knop img { position: absolute; margin-left: -20px; } .big-slider-unit{ border: 1px solid #dadada; border-radius: 10px; } .big-slider-unit-price .current{ margin-right: 0px; } .catalogue{ top: 50px; } .catalogue-wrap { color: #222222; cursor: auto; } .vpl { position: fixed; top: 151px; right: 141px; width: 365px; height: 175px; border: 1px solid #dadada; z-index: 100; background: white; display: none; left: 40%; } .vpl.active {display: block;} .img_blol_vspl {width: 25%; display: inline-block;} .img_blol_vspl img {width: 100%;} .nazvan_blol_vspl {width: 70%; display: inline-block; vertical-align: top;} .dobavl {font-size: 20px; font-weight: 900; text-align: center; margin-bottom: 10px; margin-top: 10px;} .oformit_blol_vspl {text-align: center;} .oformit_blol_vspl a {border: 2px solid #fe7f1c; padding: 7px; border-radius: 20px;} .news-sidebar-unit-title.news_new { color: black; } .knop_form.animated-button-wrap { margin: auto; text-align: center; display: block; width: 33%; } .footer-phones-unit .zakaz_knop img { margin-top: -5px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .catalogue-wrap{height: calc(100vh - 157px);} .catalogue{ top: 151px; } } span.incorrect_phone_mq{ position: absolute; left: 135px; bottom: 100px; color: #ff0000; text-align: center; padding: 10px 0; width: 100%; } span.incorrect_phone_rp{ color: #ff0000; padding-top: 10px; width: 100%; display: block; font-size: 13px; margin-bottom: -5px; } span.incorrect_phone_oncl { display: block; color: #ff0000; text-align: left; padding: 10px 0; width: 100%; margin-bottom: -23px; } span.incorrect_phone_calc { display: block; color: #ff0000; text-align: left; padding: 12px 0; width: 100%; margin-bottom: -10px; } /* End */ /* Start:/include/popup/style.css?1782314011781*/ .sub_env { position: fixed; cursor: pointer; display: none; z-index: 4; right: 20px; bottom: 20px; width: 68px; height: 68px; border-radius: 50%; background: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, .18); transition: bottom .3s ease, left .3s ease, opacity .25s ease, transform .2s ease, box-shadow .2s ease; } .sub_env:hover { transform: scale(1.08); box-shadow: 0 6px 20px rgba(0, 0, 0, .24); } .sub_env.envelope img { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; transform: translate(-50%, -50%); } @media (max-width: 480px) { .sub_env { width: 56px; height: 56px; } .sub_env.envelope img { width: 32px; height: 32px; } } /* End */ /* /local/templates/maksiled/css/jquery-ui.min.css?158141322216384 */ /* /local/templates/maksiled/css/bootstrap.min.css?159282227620907 */ /* /local/templates/maksiled/css/jquery.mCustomScrollbar.min.css?158141322242839 */ /* /local/templates/maksiled/css/style.css?1779288975235645 */ /* /local/templates/maksiled/css/owl.carousel.min.css?15970523053351 */ /* /local/templates/maksiled/css/owl.theme.default.min.css?15970523071013 */ /* /local/templates/maksiled/css/personal.css?169530517412975 */ /* /local/templates/maksiled/css/mq.css?177642654362113 */ /* /local/templates/maksiled/css/new_contact.css?17525873343547 */ /* /local/templates/maksiled/css/new-header.css?174800771366923 */ /* /local/components/bitrix/form.result.new/templates/.default/style.css?1594374569623 */ /* /local/templates/maksiled/components/nineseven/search.title/.default/style.css?15839436362764 */ /* /local/templates/maksiled/components/bitrix/catalog.section/product_day/style.css?15814132222080 */ /* /local/templates/maksiled/components/bitrix/sender.subscribe/popup_subscribe/style.css?17389311354762 */ /* /local/templates/maksiled/components/bitrix/sender.subscribe/footer_subscribe/style.css?17078579842615 */ /* /local/templates/maksiled/components/bitrix/form.result.new/popup/style.css?17141065233998 */ /* /local/templates/maksiled/components/bitrix/system.auth.form/modal/style.css?17103649573398 */ /* /local/templates/maksiled/components/bitrix/main.register/modal/style.css?1581413222861 */ /* /local/templates/maksiled/components/bitrix/form.result.new/oneclick/style.css?1597046261114 */ /* /local/templates/maksiled/styles.css?161346506412205 */ /* /local/templates/maksiled/template_styles.css?17120010936512 */ /* /include/popup/style.css?1782314011781 */