/* vendor-frontend/jquery-ui/themes/cupertino/jquery-ui.min.css */ /*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=deedf7&bgTextureHeader=highlight_soft&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=highlight_hard&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=362b36&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=glass&bgImgOpacityDefault=80&borderColorDefault=aed0ea&fcDefault=2779aa&iconColorDefault=3d80b3&bgColorHover=e4f1fb&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=glass&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffef8f&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=25&borderColorHighlight=f9dd34&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=flat&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=highlight_hard&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.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}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.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-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.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-dialog{overflow:hidden;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-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url(../../vendor-frontend/jquery-ui/themes/cupertino/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{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-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(../../vendor-frontend/jquery-ui/themes/cupertino/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-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-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;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:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.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;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#f2f5f7 url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x;color:#362b36}.ui-widget-content a{color:#362b36}.ui-widget-header{border:1px solid #aed0ea;background:#deedf7 url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #aed0ea;background:#d7ebf9 url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#2779aa}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#2779aa;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #74b2e2;background:#e4f1fb url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#0070a3}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{color:#0070a3;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #2694e8;background:#3baae3 url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #f9dd34;background:#ffef8f url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#cd0a0a url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-icons_72a7cf_256x240.png)}.ui-widget-header .ui-icon{background-image:url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-icons_72a7cf_256x240.png)}.ui-state-default .ui-icon{background-image:url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-icons_3d80b3_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-icons_2694e8_256x240.png)}.ui-state-active .ui-icon{background-image:url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-icons_ffffff_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:6px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:6px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:6px}.ui-widget-overlay{background:#eee url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat;opacity:.8;filter:Alpha(Opacity=80)}.ui-widget-shadow{margin:-7px 0 0 -7px;padding:7px;background:#000 url(../../vendor-frontend/jquery-ui/themes/cupertino/images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /* composer/leongersen/nouislider/distribute/nouislider.min.css */ /*! nouislider - 14.5.0 - 5/11/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* styles/styles.css */ @charset "UTF-8"; /* CSS Barevnost */ /** ** ** ** Zde jsou obecne definovane Margin a Padding vsech elementu webove prezentace. ** ** ** ***/ /* Univerzalni Margin */ .margin0 { margin: 0px; } .margin5 { margin: 5px; } .margin10 { margin: 10px; } .margin15 { margin: 15px; } .margin20 { margin: 20px; } /* Margin Top */ .marginTop0 { margin-top: 0px; } .marginTop5 { margin-top: 5px; } .marginTop10 { margin-top: 10px; } .marginTop15 { margin-top: 15px; } .marginTop20 { margin-top: 20px; } /* Margin Right */ .marginRight0 { margin-right: 0px; } .marginRight5 { margin-right: 5px; } .marginRight10 { margin-right: 10px; } .marginRight15 { margin-right: 15px; } .marginRight20 { margin-right: 20px; } /* Margin Bottom */ .marginBottom0 { margin-bottom: 0px; } .marginBottom5 { margin-bottom: 5px; } .marginBottom10 { margin-bottom: 10px; } .marginBottom15 { margin-bottom: 15px; } .marginBottom20 { margin-bottom: 20px; } /* Margin Left */ .marginLeft0 { margin-left: 0px; } .marginLeft5 { margin-left: 5px; } .marginLeft10 { margin-left: 10px; } .marginLeft15 { margin-left: 15px; } .marginLeft20 { margin-left: 20px; } /* Univerzalni padding */ .padding0 { padding: 0px; } .padding5 { padding: 5px; } .padding10 { padding: 10px; } .padding15 { padding: 15px; } .padding20 { padding: 20px; } /* padding Top */ .paddingTop0 { padding-top: 0px; } .paddingTop5 { padding-top: 5px; } .paddingTop10 { padding-top: 10px; } .paddingTop15 { padding-top: 15px; } .paddingTop20 { padding-top: 20px; } .paddingTop25 { padding-top: 25px; } /* padding Right */ .paddingRight0 { padding-right: 0px; } .paddingRight5 { padding-right: 5px; } .paddingRight10 { padding-right: 10px; } .paddingRight15 { padding-right: 15px; } .paddingRight20 { padding-right: 20px; } /* padding Bottom */ .paddingBottom0 { padding-bottom: 0px; } .paddingBottom5 { padding-bottom: 5px; } .paddingBottom10 { padding-bottom: 10px; } .paddingBottom15 { padding-bottom: 15px; } .paddingBottom20 { padding-bottom: 20px; } /* padding Left */ .paddingLeft0 { padding-left: 0px; } .paddingLeft5 { padding-left: 5px; } .paddingLeft10 { padding-left: 10px; } .paddingLeft15 { padding-left: 15px; } .paddingLeft20 { padding-left: 20px; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0.2; } 30% { opacity: 0.3; } 40% { opacity: 0.4; } 50% { opacity: 0.5; } 60% { opacity: 0.6; } 70% { opacity: 0.7; } 80% { opacity: 0.8; } 90% { opacity: 0.9; } 100% { opacity: 1; display: block; } } @keyframes fadeIn { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0.2; } 30% { opacity: 0.3; } 40% { opacity: 0.4; } 50% { opacity: 0.5; } 60% { opacity: 0.6; } 70% { opacity: 0.7; } 80% { opacity: 0.8; } 90% { opacity: 0.9; } 100% { opacity: 1; display: block; } } img { max-width: 100%; height: auto; } .wrapped { max-width: 1170px; background-color: transparent; } /** ** Zde se definuje barevnost vsech elementu webove prezentace. **/ /* Kontrastni barva elementu */ .kontrastColor { background: #eeeeee; } /* ** ** Hlavicka ** **/ .languages { display: flex; justify-content: flex-end; list-style: none; } .SearchForm .hints .SearchResults { margin-right: 15px; z-index: 10; padding: 5px; } @media (max-width: 768px) { .SearchForm .hints .SearchResults { margin-right: 0px; } } .SearchForm .hints .SearchResults .card-header { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd; } .SearchForm .hints .SearchResults .search-result { letter-spacing: normal !important; line-height: 24px; font-size: 16px; } .SearchForm .hints .SearchResults .search-result em { background-color: #a30000; font-style: normal; color: white; border-radius: 4px; padding-left: 2px; padding-right: 2px; margin-left: -2px; margin-right: -2px; } .SearchForm .hints a.withImage { display: inline-flex; align-items: center; } .SearchForm .hints a.withImage img { flex: 0 0 75px; width: 75px; height: 75px; margin-right: 15px; max-width: none; object-fit: cover; } .SearchForm .hints:empty { display: none; } .hints .SearchResults { text-align: left; position: absolute; left: 0; width: 100%; top: 46px; background-color: #fff; overflow-y: visible; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } @media (min-width: 992px) { .hints .SearchResults { width: 915px; } } .hints .SearchResults .panel { margin-bottom: 0; } .hints .SearchResults .linkToAll { display: block; padding: 5px; border-top: 1px solid #ddd; margin-top: 10px; } @media (min-width: 992px) { .sticky .hints .SearchResults { left: -215px; } } .copyright { font-size: 12px; border-top: 1px solid #5f5962; padding-top: 20px; margin-top: 20px; } .copyright .u-text-md-right img { padding-left: 5px; padding-right: 5px; max-width: 100%; height: auto; vertical-align: middle; } .SearchResultsData { padding: 20px 0; } .searchBox { margin: auto; } /* ** ** === SideBar === ** **/ /* /* ** ** ** ==== Formulare ** ** */ .bs-form .input-group { margin-bottom: 10px; } .rating.gold { color: #FAE300; } /* ** ** ** Hlavni Content ** ** */ .mainContent { border: none; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; } /* ** ** ** Paticka ** ** */ .paticka { margin-left: 0px; margin-right: 0px; padding: 10px; text-align: right; } @media (min-width: 992px) { .collapse.dont-collapse-sm { display: block; height: auto !important; visibility: visible; } .collapse.dont-collapse-sm.row { display: flex; } } .AlignBlockLeft { float: left; margin: 0 10px 10px 0; } .AlignBlockRight { float: right; margin: 0 0 10px 10px; } .GoogleMap { width: 100%; height: 450px; } /* FIX - aby se to spravne barvicky napojovaly... kuli treba panelum a odkazu v nem!!!! MUSI BYT NA KONCI!!!! */ .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a, .panel-title > .small > a:hover, .panel-title > a:hover, .panel-title > small > a:visited, .panel-title > .small > a:visited, .panel-title > a:visited, .panel-title > small > a:visited { color: inherit; } .mainContent--custom-text .alert { max-width: 700px; position: relative; padding-left: 50px; } .mainContent--custom-text .alert span { font-size: 25px; position: absolute; top: calc(50% - 11px); left: 14px; color: #d22730; } .mainContent--custom-text .content-section--bg-gray { background-color: #F8F9FA; } .mainContent--custom-text .content-section--lower-p-bottom { padding-bottom: 10px; } .mainContent--custom-text .card-col { display: flex; } .mainContent--custom-text .card a { margin-top: auto; } .mainContent--custom-text .card-body { display: flex; flex-direction: column; } .footer { /*display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 0 0 0; .row{ width: 100%; } .c-navbar{ border-bottom: none; }*/ } .footer .footer-separator { border-top: 1px solid #5f5962; width: 100%; margin-top: 15px; margin-bottom: 15px; } .caAjaxHintWindow { display: none; } ._clear { clear: both; } [role=liveAdmin] { border: 1px dotted rgb(5, 46, 33); transition: box-shadow 0.3s ease-in-out; } [role=liveAdmin]:hover { box-shadow: 0 0 5px rgb(168, 181, 10); border: 1px dotted rgb(168, 181, 10); } [role=liveAdmin].mce-content-body { border-color: rgb(168, 181, 10); box-shadow: none; } .mce-tinymce { z-index: 1049 !important; } /* div.LiveAdminControlPanel { background-color: white; border: 1px dotted gray; left: 0; position: fixed; top: 10%; z-index: 1100; width: 0px; transition: width 5s; &:hover{ width: auto; &:before{ display: none; } a{ display: block; } } &:before{ content: '>>'; font-size: 11px; color: #001F10; display: block; position: absolute; right: -15px; background-color: white; padding: 10px 2px; top: -1px; border-left: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } a { display: none; margin: 4px; } @media (max-width: 768px) { display: none; } }*/ .row-centered { text-align: center; } /* LiveAdminNotice */ .noticeLiveAdminTempData { display: inline-block; background-color: #eeeeee; border: 2px dashed #535b69; color: #535b69; font-size: 85%; padding: 3px 10px; opacity: 0.1; cursor: help; transition: opacity 0.5s ease-in-out; } .noticeLiveAdminTempData:hover { opacity: 1 !important; } .noticeLiveAdminTempData .is_same { color: limegreen; font-weight: bold; margin-left: 10px; } .noticeLiveAdminTempData .is_not_same { color: darkred; font-weight: bold; margin-left: 10px; } .noticeLiveAdminTempData .is_not_same .publish, .noticeLiveAdminTempData .is_not_same .destroy { cursor: pointer; color: red; text-decoration: underline; } .noticeLiveAdminTempData .is_not_same .publish.publish, .noticeLiveAdminTempData .is_not_same .destroy.publish { color: #00b900; } /* ** ** ** Specialni prvky ** ** */ .col-centered { float: none; margin: 0 auto; } .btn-cis { color: rgb(255, 255, 255); background-color: rgb(5, 46, 33); background-image: none; border-color: rgb(5, 46, 33); text-shadow: none; } .btn-cis:hover, .btn-cis:focus, .btn-cis:active, .btn-cis.active, .open .dropdown-toggle.btn-cis { color: rgb(255, 255, 255); background-color: rgb(168, 181, 10); border-color: rgb(168, 181, 10); } .btn-cis:active, .btn-cis.active, .open .dropdown-toggle.btn-cis { background-image: none; } .btn-cis.disabled, .btn-cis[disabled], fieldset[disabled] .btn-cis, .btn-cis.disabled:hover, .btn-cis[disabled]:hover, fieldset[disabled] .btn-cis:hover, .btn-cis.disabled:focus, .btn-cis[disabled]:focus, fieldset[disabled] .btn-cis:focus, .btn-cis.disabled:active, .btn-cis[disabled]:active, fieldset[disabled] .btn-cis:active, .btn-cis.disabled.active, .btn-cis[disabled].active, fieldset[disabled] .btn-cis.active { background-color: rgb(5, 46, 33); border-color: rgb(5, 46, 33); } .btn-cis .badge { color: rgb(5, 46, 33); background-color: rgb(255, 255, 255); } /* fallback */ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url(../../styles/fonts/material-icons.woff2) format("woff2"); } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } @media (min-width: 768px) { .modal-xl { width: 90%; max-width: 1200px; } } [role=liveAdmin] { min-width: 100px; } /* CSS Texty */ /** ** ** ** Zde se definuji vsechny textove elementy. ** ** ** **/ h1 { color: #d22730; } @media print { .MainLayout > .head, .MainLayout > .menu, .MainLayout > .foot, .MainLayout .sideBar { display: none; } .MainLayout > .content { margin: 0; padding: 0; } .mainContent { float: none !important; width: auto !important; } .wrapper { width: auto !important; } } /* ** ** Hlavni Menu ** **/ .dropdown-menu { padding: 0; margin: 0; border: 0 solid transition !important; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 0; -webkit-box-shadow: none !important; box-shadow: none !important; background-color: #f8f9fa; transition: all ease-in-out 0.2s; } .dropdown-item, .nav-item { transition: all ease-in-out 0.2s; } .navbar-default .navbar-nav > li > a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link { font-size: 16px; text-transform: capitalize; padding: 16px 15px; font-family: "Roboto", sans-serif; display: block !important; } .mainmenu .active a, .mainmenu .active a:focus, .mainmenu .active a:hover, .mainmenu li a:hover, .mainmenu li a:focus, .navbar-default .navbar-nav > .show > a, .navbar-default .navbar-nav > .show > a:focus, .navbar-default .navbar-nav > .show > a:hover { outline: 0; } @media (max-width: 1199.98px) { .navbar-hlavni-menu.container { width: 100%; } } .dropdown { display: flex; justify-content: space-between; } .dropdown .dropdown-item.active, .dropdown .dropdown-item:active { text-decoration: underline; color: #d22730; background-color: transparent; } @media (min-width: 992px) { .nav-item.level1:hover a { text-decoration: none; } .nav-item.dropdown.level1 > ul { transform: none !important; top: 100% !important; } } @media (max-width: 1199.98px) { #menu.container { max-width: initial; } .navbar-nav .show .dropdown-menu .dropdown-menu > li > a { padding: 16px 5px 16px 5px; } .navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a { padding: 16px 15px 16px 45px; } .dropdown { display: flex; flex-wrap: wrap; } .dropdown > a { flex: 0 0 100%; } .dropdown > ul { flex: 0 0 100%; } .dropdown .dropdown-toggle { position: absolute; right: 0px; padding: 0px 8px; } .dropdown .dropdown-menu.show { transform: initial !important; width: 100%; position: relative !important; } } .wrap { width: 1.25rem; height: 1.25rem; display: inline-block; position: relative; margin: 0 0rem; } .wrap span.arrow > span { top: 50%; position: absolute; width: 0.75rem; height: 0.1rem; background-color: #000000; display: inline-block; transition: all 0.2s ease; } .wrap span.arrow > span:first-of-type { left: 0; transform: rotate(-45deg); } .wrap span.arrow > span:last-of-type { right: 0; transform: rotate(45deg); } .navbar-hlavni-menu ul { width: 100%; } .navbar-hlavni-menu ul.dropdown-menu { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .navbar-hlavni-menu ul .dropdown-toggle { cursor: pointer; } @media (min-width: 992px) { .dropdown-item .dropdown-menu { opacity: 0; } .dropdown-item:hover .dropdown-menu { opacity: 1; } .navbar-hlavni-menu.collapse { display: block; } .nav-item:hover { background-color: #edeeef; } .nav-item:hover > .dropdown-menu { display: block; opacity: 1; } .nav-item:hover > .dropdown-menu .dropdown-item .dropdown-toggle { transition: all ease-in-out 0.2s; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .nav-item:hover > .dropdown-menu .dropdown-item:hover { background-color: #edeeef; } .nav-item:hover > .dropdown-menu .dropdown-item:hover .dropdown-toggle { -webkit-transform: translateX(5px) rotate(-90deg); -moz-transform: translateX(5px) rotate(-90deg); -o-transform: translateX(5px) rotate(-90deg); -ms-transform: translateX(5px) rotate(-90deg); transform: translateX(5px) rotate(-90deg); } .nav-item:hover > .dropdown-menu .dropdown-item:hover > .dropdown-menu { display: block; } .navbar-hlavni-menu ul { width: auto; } .navbar-hlavni-menu ul .level1 > .dropdown-menu { left: 0%; } .navbar-hlavni-menu ul .level2 .dropdown-menu { left: 100%; top: 0; } .navbar-hlavni-menu .dropdown-item { padding: 0; border-bottom: 1px solid #f8f9fa; } .navbar-hlavni-menu .dropdown-item .dropdown-toggle { width: 0; } .navbar-hlavni-menu .dropdown-item a { padding: 0.5rem 1.5rem; width: 100%; display: block; } .navbar-hlavni-menu .dropdown-item:hover { border-bottom: 1px solid #d5d6d7; } .navbar-hlavni-menu .dropdown-item:hover a { text-decoration: none; } .navbar-hlavni-menu .dropdown-toggle { position: absolute; right: 0px; padding: 0px 8px; } .navbar-hlavni-menu [class^=cm_] { margin-right: 15px; } } .head button:not(.collapsed) { background-color: #d22730; color: #fff; } /* .dropdown-submenu { position: relative; } .dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; right: 6px; top: .8em; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem; } /* .wrap { width: 1.25rem; height: 1.25rem; display: inline-block; position: relative; margin: 0 0rem; span.arrow { > span { top: 50%; position: absolute; width: .75rem; height: .1rem; background-color: #000000; display: inline-block; transition: all .2s ease; &:first-of-type { left: 0; transform: rotate(-45deg); } &:last-of-type { right: 0; transform: rotate(45deg); } } } } .navbar-nav{ flex-wrap: wrap; } .nav-item{ a{ height: 3rem; line-height: 3rem; display: inline-block; padding: 0 0.5rem; } } .dropdown-menu{ .dropdown-item { display: flex; padding: .25rem; justify-content: space-between; a{ height: 1.5rem; line-height: 1.5rem; } } @include media-breakpoint-up(md){ &.show{ padding: 0; display: flex; flex-direction: column; li{ flex: 1; display: flex; a{ padding: 0 0.5rem; width: calc(100% + 50px); &.caret{ width: 20px; } } } } } } @include media-breakpoint-up(md) { .dropdown-submenu { position: relative; } .dropdown-submenu > a:after { float: right; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: 0px; margin-left: 0px; } .nav-item { display: flex; &.dropdown-submenu > .dropdown-menu { top: 100%; left: 0%; margin-top: 0px; margin-left: 0px; } &:hover { > .wrap { .arrow { // transition: .5s; > span { &:first-of-type { transform: rotate(45deg); } &:last-of-type { transform: rotate(-45deg); } } } } } } } .navbar .dropdown-toggle, .navbar .dropdown-menu a { cursor: pointer; } .navbar .dropdown-item.active, .navbar .dropdown-item:active { color: inherit; text-decoration: none; background-color: inherit; } .navbar .dropdown-item:focus, .navbar .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa; } @media (min-width: 767px) { .navbar .dropdown-toggle:not(.nav-link)::after { display: inline-block; width: 0; height: 0; margin-left: .5em; margin-top: .5rem; vertical-align: 0; border-bottom: .3em solid transparent; border-top: .3em solid transparent; border-left: .3em solid; } } .dropdown-submenu:hover > .dropdown-menu { display: block; } .breadcrumb{ li{ padding-right: 3px; } li:before { content: "/"; padding-right: 3px; } li:first-child:before { content: ""; padding-right: 0; } } /*.navbar-hlavni-menu .dropdown-menu { box-shadow: none; -webkit-box-shadow: none; border: none; } .navbar-hlavni-menu { .navbar-header { @media (min-width: 768px) { display: none; } margin: 0; padding-left: 0; padding-right: 0; } .navbar-collapse { margin: 0; padding-left: 0px; padding-right: 0px; @media (max-width: 768px) { /* bez tohodle se to menu male rozesralo... */ /* padding-left: 1px; padding-right: 1px; } } /* 1 uroven menu */ /* .navbar-nav { margin: 0px; li { &.pruchozi{ &>a { background-color: $menu_color_active; } } a { padding-left: 15px; padding-right: 15px; color: $menu_color_text; background-image: none !important; &:hover { background-image: none !important; @media (min-width: 768px) { background-color: $menu_color_hover; } } @media (max-width: 768px) { border-bottom: 1px solid $menu_color_hover; } } &.dropdown { a { &.caret { position: absolute; right: 0px; padding: 20px; top: 0px; border: 0px; border-left: 1px solid $menu_color_hover; margin: 0px; &:after { content: '▼'; position: absolute; width: 100%; top: 0; right: 0; text-align: center; padding: 13px; line-height: 25px; @media (max-width: 768px) { border: 0px; padding: 8px; margin-top: 0px; margin-right: 0px; } } @media (max-width: 768px) { right: 0px; } } &:hover { background-color: $menu_color_hover; @media (max-width: 768px) { background-color: transparent; } } } /* 2 uroven menu */ /* ul.dropdown-menu { padding-top: 0px; padding-bottom: 0px; border-radius: 0px; li { a:first-child { padding-top: 10px; padding-bottom: 10px; color: $menu_color_text; } &.dropdown-submenu { position: relative; & > a:first-child { &:after { @media (min-width: 768px) { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: $menu_color_hover; margin-top: 5px; margin-right: -10px; } } &:hover{ &:after { @media (min-width: 768px) { border-left-color: $menu_color_active; } } } } /* 3 uroven menu */ /* ul { &.dropdown-menu { margin-top: 0px; top: 0; left: 100%; } } } &.dropdown-submenu:hover { @media (min-width: 768px) { & > ul.dropdown-menu { display: block; } } } &.open { & > a.caret { border-color: $menu_color_active; &:after { content: '▲'; } } } } } &.open, &.active { & > a.caret { border-color: $menu_color_active; } } &.open { & > a.caret { &:after { content: '▲'; } } } } &:hover { @media (min-width: 768px) { background-color: $menu_color_active; box-shadow: none; -webkit-box-shadow: none; } & > ul { @media (min-width: 768px) { display: block; } } } &.active { a { box-shadow: none; -webkit-box-shadow: none; @media (max-width: 768px) { //background-color: @menu_color_active; } } & > a{ background-color: $menu_color_hover; font-weight: bold; } } &.open { a { box-shadow: none; -webkit-box-shadow: none; } & > a { @media (max-width: 768px) { background-color: $menu_color_hover; } } & > ul { @media (max-width: 768px) { //border-bottom: 2px solid @menu_color_hover; } } } @media (max-width: 768px) { &.level1 a { padding-left: 15px; } &.level2 a { padding-left: 25px; } &.level3 a { padding-left: 35px; } &.level4 a { padding-left: 45px; } &.level5 a { padding-left: 55px; } } } } } .navbar-default .navbar-nav .dropdown-submenu { a:after { @media (max-width: 770px) { border: 0px; } } a.caret { @media (max-width: 770px) { right: 0px; } &:after { @media (max-width: 770px) { border: 0px; padding: 8px; margin-top: 0px; margin-right: 0px; } } } &.open { @media (max-width: 767px) { .dropdown-menu, a:first-child { } } } } */ /** * Selectator jQuery Plugin * A plugin for select elements * version 1.1, Dec 10th, 2013 * by Ingi P. Jacobsen */ /* reset */ .selectator * { box-sizing: border-box; -moz-box-sizing: border-box; text-decoration: none; } .selectator img { display: block; } /* dimmer */ #selectator_dimmer { background-color: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; position: fixed; z-index: 999; } /* Main box */ .selectator { border: 1px solid #d0d1d4; box-sizing: border-box; background-color: #fff; display: inline-block; text-decoration: none; background: #f7f7f7; } .selectator.multiple { padding-right: 20px !important; padding-bottom: 5px !important; } .selectator.single { height: 36px; padding: 5px 10px !important; text-align: left; } .selectator:after { position: absolute; content: "▼"; font-size: 90%; right: 4px; color: #aaa; top: 50%; line-height: 0; } /* chosen items holder */ .selectator_chosen_items { display: inline; } .single .selectator_chosen_items { display: block; } /* chosen item */ .selectator_chosen_item { display: inline-block; background-color: #39f; border-radius: 2px; color: #fff; padding: 4px 20px 4px 4px; font-size: 13px; margin: 2px; position: relative; vertical-align: top; } .single .selectator_chosen_item { background-color: transparent; color: #000; display: block; text-decoration: none; padding: 0; margin: 0; font-size: inherit; } .multiple .selectator_chosen_item { margin: 5px 0 0 5px; padding: 3px 20px 2px 5px; } /* chosen item - left */ .selectator_chosen_item_left { float: left; width: 25px; } .selectator_chosen_item_left img { height: 23px; } .multiple .selectator_chosen_item_left { float: left; width: 22px; } .multiple .selectator_chosen_item_left img { height: 18px; } /* chosen item - title */ .single .selectator_chosen_item_title { height: auto; } .multiple .selectator_chosen_item_title { float: left; padding-top: 2px; } /* chosen item - subtitle */ .selectator_chosen_item_subtitle { display: none; } /* chosen item - right */ .selectator_chosen_item_right { float: right; width: 20px; background-color: #ccc; font-size: 15px; color: #fff; text-align: center; border-radius: 3px; padding: 3px; margin-right: 20px; } .multiple .selectator_chosen_item_right { display: none; } /* chosen item remove button */ .selectator_chosen_item_remove { display: inline-block; font-weight: bold; color: #fff; margin: 0 0 0 5px; padding: 6px 5px 4px 5px; cursor: pointer; font-size: 11px; line-height: 10px; vertical-align: top; border-radius: 0 2px 2px 0; position: absolute; right: 0; top: 0; bottom: 0; } .selectator_chosen_item_remove:hover { color: #000; background-color: #8cf; } .single .selectator_chosen_item_remove { display: none; } .multiple .selectator_chosen_item_remove { padding: 7px 5px 4px 5px; } .multiple .selectator_input, .multiple .selectator_textlength { padding: 1px 0 0 0; margin: 7px 0 2px 5px; } /* input box */ .selectator_input, .selectator_textlength { border: 0; display: inline-block; margin: 0; background-color: transparent; font-size: 13px; outline: none; padding: 6px 0 0 0; } .single .selectator_input { border: 1px solid #7f9db9; position: absolute; bottom: -40px; left: -1px; z-index: 10001; padding: 10px 25px; width: 100%; width: calc(100% + 2px); border-bottom: 0; background-color: #f6f6f6; color: #333; font-size: inherit; } .single.options-hidden .selectator_input { opacity: 0; position: absolute; left: -10000px; } .single.options-visible .selectator_input { opacity: 1; } .disable_search .selectator_input { opacity: 0; padding: 0 1px 1px 0 !important; } /* options holder */ .selectator_options { margin: 0; padding: 0; border: 1px solid #7f9db9; border-radius: 0 0 3px 3px; font-family: sans-serif; position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 10001; background-color: #fff; overflow-y: scroll; max-height: 250px; list-style: none; left: -1px; right: -1px; } .single .selectator_options { padding-top: 0; border-top: 0; } .disable_search .selectator_options { border-top: 1px solid #7f9db9; } .single.disable_search .selectator_options { padding-top: 0; } .selectator.options-hidden .selectator_options { display: none; } /* option item group header */ .selectator_group_header { padding: 5px; font-weight: bold; } /* option item group holder */ .selectator_group { margin: 0; padding: 0; list-style: none; } /* option item */ .selectator_option { padding: 5px; cursor: pointer; color: #000; } .selectator_option.active { background-color: #39f; color: #fff; } .selectator_group .selectator_option { padding: 5px 5px 5px 20px; } /* option item - left */ .selectator_option_left { float: left; } .selectator_option_left img { height: 30px; } /* option item - title */ /* option item - subtitle */ .selectator_option_subtitle { font-size: 75%; color: #888; } /* option item - right */ .selectator_option_right { float: right; width: 30px; background-color: #ccc; font-size: 15px; color: #fff; text-align: center; border-radius: 3px; padding: 6px; } .Page { padding-bottom: 5px; text-align: center; justify-content: space-between; } .Page .pagination { display: inline-flex; } .Page .pagination li + li { margin-left: -1px; } .Page .pagination .active { background-color: #d22730; } .Page .pagination .active span { color: #fff; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:focus { outline: none; border: 2px solid black; border-radius: 5px; margin: 2px; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: calc(100% - 12px); margin: 12px; min-height: 1px; display: none; } [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-slide:focus { outline: none; margin: 2px; border: 2px solid black; border-radius: 5px; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url(../../styles/./ajax-loader.gif) center center no-repeat; } /* Icons */ /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: FontAwesome; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "\f053"; } [dir=rtl] .slick-prev:before { content: "\f054"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "\f054"; } [dir=rtl] .slick-next:before { content: "\f053"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: FontAwesome; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /*------------------------------------*\ #Bootstrap (only necessary components) \*------------------------------------*/ .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #ea8e93; outline: 0; box-shadow: 0 0 0 0.2rem rgba(210, 39, 48, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); } .was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { background-color: #71dd8a; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label::after, .custom-file-input.is-valid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { background-color: #efa2a9; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label::after, .custom-file-input.is-invalid ~ .custom-file-label::after { border-color: inherit; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #d22730; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } /*------------------------------------*\ #SETTINGS Global variables, site-wide settings, config switches, etc. These are just for SCSS – nothing here gets compiled to CSS directly \*------------------------------------*/ .z { z-index: z(logobar); } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*------------------------------------*\ #TOOLS Site-wide mixins and functions. These are just for SCSS - nothing here gets directly compiled to CSS. \*------------------------------------*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } /*------------------------------------*\ #GENERIC Low-specificity, far-reaching rulesets (e.g. resets). Here we have our basic resets \*------------------------------------*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: hidden; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bold; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } .tooltip { z-index: 2000; } /* ========================================================================== #RESET ========================================================================== */ /** * A very simple reset that sits on top of Normalize.css. */ body, h1, h2, h3, h4, h5, h6, blockquote, p, pre, dl, dd, ol, ul, figure, hr, fieldset, legend { margin: 0; padding: 0; } /** * Remove trailing margins from nested lists. */ li > ol, li > ul { margin-bottom: 0; } /** * Remove default table spacing. */ table { border-collapse: separate; } th, td { width: 150px; } /** * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;` * on fieldsets. */ fieldset { min-width: 0; /* [1] */ border: 0; } /* ========================================================================== #BOX-SIZING ========================================================================== */ /** * More sensible default box-sizing: * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* ========================================================================== #SHARED ========================================================================== */ /** * Shared declarations for certain elements. */ /** * Always declare margins in the same direction: * csswizardry.com/2012/06/single-direction-margin-declarations */ /** * Consistent indentation for lists. */ /*------------------------------------*\ #ELEMENTS Unclassed HTML elements (e.g. a {}, blockquote {}, address {}). Here we style all our HTML-elements with the basic styling we want. \*------------------------------------*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ html { font-family: "Open Sans", Arial; line-height: 1.5; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 100%; position: relative; } html.has-modal-open { overflow: hidden; } html.has-modal-open:after { display: block; content: ""; left: 0; right: 0; top: 0; bottom: 0; position: absolute; background-color: rgba(255, 255, 255, 0.7); z-index: 40; } #cover { display: none; position: absolute; left: 0; right: 0; top: 77px; bottom: 0; background-color: rgba(0, 0, 0, 0.5019607843); z-index: 3; } #cover.show { display: block; } @-ms-viewport { width: device-width; } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Open Sans", Arial; font-kerning: normal; text-rendering: optimizeLegibility; font-weight: 300; color: #777777; text-align: left; background-color: white; overflow-x: hidden; } body p { word-break: break-word; max-width: 100%; } body span { max-width: 100%; } body.has-modal-open { overflow: hidden; } .FastMessages { position: fixed; width: 100vw; z-index: 1099; top: 0; left: 0; margin: 0 auto; } input:-webkit-autofill { animation-name: onAutoFillStart; } @keyframes onAutoFillStart { 0% { background-color: transparent; } 100% { background-color: transparent; } } .bFormError { padding: 8px; background-color: #FFF5F5; text-align: center; font-size: 80%; color: #dc3545; margin-bottom: 20px; } .c-discount-coupon-modal .title { font-size: 30px; font-size: 1.875rem; line-height: 1.0666666667; text-transform: uppercase; font-weight: bold; color: #2D2D2E; } .c-discount-coupon-modal .left { padding-right: 10px; } .c-discount-coupon-modal .left span { font-size: 20px; font-size: 1.25rem; line-height: 1.2; text-transform: uppercase; } .c-discount-coupon-modal .left span.ammount { color: #C53030; } .c-discount-coupon-modal .left p { color: #7f8081; font-size: 17px; font-size: 1.0625rem; line-height: 1.4117647059; } .c-discount-coupon-modal .left p.font-small { font-size: 12px; font-size: 0.75rem; line-height: 1.3333333333; } .c-discount-coupon-modal #form-newsletter-form-ajax-email { border: 1px solid #d22730; width: 100%; margin-bottom: 15px; } .c-discount-coupon-modal .btn { text-align: center; } .c-discount-coupon-modal .right { flex: 0 0 auto; } .c-logobar .c-logobar__right-site__top--bottom { line-height: 24px; } .c-logobar .c-logobar__right-site__top--bottom .account-link { display: flex; align-items: center; } .c-logobar .c-logobar__right-site__top--bottom .account-link.user .material-icons { margin-right: 4px; } .c-logobar .c-logobar__right-site__top--bottom .account-link.logout { margin-left: 10px; } .c-logobar.sticky { position: fixed; top: 0px; left: 0; right: 0; z-index: 100; background-color: #fff; border-bottom: 2px solid #d22730; height: 70px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; /* .c-logobar__right-site__top{ display: none; } */ } .c-logobar.sticky .c-logobar_container { margin-top: 0; margin-bottom: 0; } .c-logobar.sticky .c-logobar__right-site { display: flex; } .c-logobar.sticky .c-logobar__right-site__top { display: flex; flex-direction: column; } .c-logobar.sticky .c-logobar__right-site__top > div { flex-direction: column; } .c-logobar.sticky .c-logobar__left-site { width: 60px; } .c-logobar.sticky .c-logobar__right-site { width: calc(100% - 60px); } .c-logobar.sticky .c-logobar__right-site__top { width: 470px; margin-right: 40px; } .c-logobar.sticky .c-search-form__input { min-width: 250px; } .c-logobar.sticky .c-logobar_logo-link img { width: 50px; height: 50px; } .c-logobar.sticky .c-logobar_logo-link .claim { display: none; } .c-logobar.sticky .c-logobar__right-site__top--bottom { display: none !important; } .c-logobar.sticky.shrink { -webkit-transition: "all .3s ease"; -moz-transition: "all .3s ease"; -o-transition: "all .3s ease"; transition: "all .3s ease"; } p { font-size: 16px; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-weight: 400; font-family: "Open Sans", Arial; color: #2D2D2E; } h1, .h1 { font-size: 33.3112280417px; font-size: 2.0819517526rem; line-height: 1.2007963186; } h2, .h2 { font-size: 36px; font-size: 2.25rem; line-height: 1.1111111111; margin-bottom: 24px; margin-top: 32px; } h3, .h3 { font-size: 24px; font-size: 1.5rem; line-height: 1; margin-bottom: 24px; margin-top: 32px; } h4, .h4 { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; margin-bottom: 16px; color: #777777; } h5, .h5 { font-size: 16px; font-size: 1rem; line-height: 1; margin-bottom: 8px; font-weight: 300; } h6, .h6 { font-size: 18.08px; font-size: 1.13rem; line-height: 1.3274336283; margin-bottom: 8px; } @media screen and (max-width: 600px) { h1, h2, h3, h4, h5, h6 { font-weight: 400; } h1, .h1 { font-size: 30.7446240619px; font-size: 1.9215390039rem; line-height: 1.0408323724; } h2, .h2 { font-size: 27.5736538672px; font-size: 1.7233533667rem; line-height: 1.1605280952; margin-bottom: 24px; } h3, .h3 { font-size: 24.72973441px; font-size: 1.5456084006rem; line-height: 1.2939888261; margin-bottom: 8px; } h4, .h4 { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; margin-bottom: 8px; } h5, .h5 { font-size: 16px; font-size: 1rem; line-height: 1; margin-bottom: 8px; } h6, .h6 { font-size: 17.84px; font-size: 1.115rem; line-height: 1.3452914798; margin-bottom: 8px; } } a { color: #222222; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } a:hover { color: #222222; text-decoration: underline; } a:not([href]):not([tabindex]) { text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } .user-text h3:not(:first-child) { margin-top: 16px; } p { letter-spacing: 0.03em; font-size: 16px; font-size: 1rem; line-height: 2; } /*------------------------------------*\ #COMPONENTS (c-prefix) Discrete, complete chunks of UI (e.g. `.c-carousel {}`). \*------------------------------------*/ .z { z-index: 20; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } .p-homepage__section-benefits { margin-top: 75px; /*.benefits-text{ // box-shadow: 0 2px 4px 0 #000000; color: #FFFFFF; font-size: 32px; font-weight: 800; letter-spacing: -1px; line-height: 40px; text-align: center; }*/ } .p-homepage__section-benefits .container-fluid { overflow: hidden; } .p-homepage__section-benefits img { margin-bottom: 16px; max-height: 100px; width: auto; } .p-homepage__section-benefits .p-homepage__benefits-title { width: 100%; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .p-homepage__section-benefits .p-homepage__benefits-title h3 { background-color: #d22730; padding: 10px 30px; display: inline-block; font-weight: normal; margin: 0; color: #fff; font-size: 25px; font-size: 1.5625rem; line-height: 1.28; } .p-homepage__section-benefits .p-homepage__benefits-title h3 strong { font-weight: 700; } .p-homepage__section-benefits .benefits-box { display: flex; align-items: center; padding: 48px 0; border-right: 1px solid #DDDDDD; font-size: 20px; font-size: 1.25rem; line-height: 1.2; } .p-homepage__section-benefits .benefits-box span:first-child { padding-bottom: 5px; } .p-homepage__section-benefits .slick-slide:last-child .benefits-box { border-right: none; } .p-homepage__section-benefits .slick-dots { position: static; } .newsletter__input { background-color: #FFFFFF; border: none; outline: none; border: 1px solid #d22730; border-bottom-right-radius: 0; border-top-right-radius: 0; padding: 11px; height: 52px; font-size: 14px; flex-basis: 71%; color: #777; } .newsletter__input::placeholder { color: #0a0a0a; } .footer-top.footer__nav .collapsed .footer-expand { transform: rotate(0deg); } .footer-expand { transform: rotate(180deg); position: absolute; right: 15px; top: 10px; font-size: 30px; transition: all 300ms; } .footer .NewsletterForm { text-align: center; margin-top: 48px; margin-bottom: 48px; display: flex; justify-content: center; } .footer .NewsletterForm > div { display: flex; position: relative; width: 31%; justify-content: center; } @media (max-width: 74.99em) { .footer .NewsletterForm > div { width: 50%; } } @media (max-width: 61.99em) { .footer .NewsletterForm > div { width: 72%; } } @media (max-width: 47.99em) { .footer .NewsletterForm > div { width: 100%; flex-wrap: wrap; } } .footer .NewsletterForm > div .c-btn { border-radius: 0; flex-basis: 38%; } @media (max-width: 47.99em) { .footer .NewsletterForm > div .c-btn { flex-basis: 71%; } } .footer .NewsletterForm .invalid-feedback { top: 100%; right: unset; left: 0; text-align: left; } .c_footer-social-icons { margin: 24px 0 32px 0; text-align: center; } .c_footer-social-icons .c-btn { background-color: #222222; } @media (min-width: 75em) { .c_footer-social-icons { margin: 48px 0 48px 0; } } .c_footer-social-icons:before { background: #5f5962; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: calc(50% - 0.5px); z-index: 0; } .c_footer-social-icons .social-facebook { background-color: #3e5a9b; } .c_footer-social-icons .social-facebook:hover { background-color: #3e5a9b; } .c_footer-social-icons .social-google:hover { background-color: white; } .c_footer-social-icons .social-twitter { background-color: #5ea9dd; } .c_footer-social-icons .social-twitter:hover { background-color: #3e5a9b; } .c_footer-social-icons .social-youtube { background-color: #ff0000; } .c_footer-social-icons .social-youtube:hover { background-color: #c30000; } .c_footer-social-icons .social-linkedin { background-color: #0270ad; } .c_footer-social-icons .social-linkedin:hover { background-color: #00466d; } .c_footer-social-icons .social-pinterest { background-color: #df1a26; } .c_footer-social-icons .social-pinterest:hover { background-color: #c4020e; } .c_footer-social-icons .social-instagram { background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); } .c_footer-social-icons .social-instagram:hover { background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); } .c_footer-social-icons .zmdi { font-size: 50px; } .c_footer-social-icons .c-btn { width: 100px; height: 100px; border-radius: 160px; padding: 5px; margin-right: 5px; margin-left: 5px; border: 10px solid #352d38; } .c_footer-social-icons .c-btn:hover { border-color: #5f5962; } .footer-top { background-color: #2a222d; width: 100%; min-height: 360px; padding-top: 1.5rem; padding-bottom: 60px; color: #fff; } .footer-top .logo { background-color: white; padding: 5px 10px 10px 10px; } .footer-top h4 { color: #fff; } .footer-top ul { list-style: none; font-size: 17px; color: #fff; } .footer-top ul li { padding: 4px 0; } .footer-top ul li a { color: #fff; } .footer p { font-size: 17px; font-size: 1.0625rem; line-height: 1.4117647059; } .footer h3 { color: #fff; font-size: 28px; font-size: 1.75rem; line-height: 1.1428571429; } .footer h4 { font-size: 24px; font-size: 1.5rem; line-height: 1; font-weight: 400; margin: 0.5em auto; text-transform: uppercase; } .footer-text__big { font-size: 22px; font-weight: 500; } @media (min-width: 992px) { .c-footer-collapse { display: block !important; height: auto !important; visibility: visible; } } .c-newsletter { position: relative; color: #ffffff; width: 100%; padding: 2rem 0 0; overflow: hidden; background-color: #2a222d; display: flex; flex-direction: row; } .c-newsletter > div { line-height: 50px; justify-content: center; text-align: center; } .c-newsletter h3 { font-size: 40px; font-weight: 500; color: #fff; } @media (max-width: 1199.98px) { .c-newsletter { flex-direction: column; font-size: 16px; font-size: 1rem; line-height: 1; } .c-newsletter > div { flex-direction: column; line-height: 1.2; } .c-newsletter .NewsletterForm { padding-top: 5px; } } .footer-bottom { width: 100%; display: flex; justify-content: center; align-items: center; height: 40px; background-color: #222222; color: #FFFFFF; font-size: 14px; font-weight: 300; line-height: 26px; text-align: left; } @media (min-width: 1380px) { .container { max-width: 1350px; } } .c-topbar_container { width: 100%; } .c-topbar_container > div { display: flex; justify-content: space-between; align-items: center; } .c-topbar_container .c-topbar_left { display: flex; align-items: center; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } .c-topbar_container .c-topbar_left .free-shiping { margin-top: 1px; } .c-topbar_container .c-topbar_right { display: flex; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; font-weight: 300; text-align: left; color: #555555; align-items: center; } @media (max-width: 74.99em) { .c-topbar_container .c-topbar_right { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } } .c-topbar_container .c-topbar_right a.active { text-decoration: underline; } .c-topbar_container .c-topbar_right .c-btn { padding: 10px 0px 12px 15px; font-size: 15px; font-size: 0.9375rem; line-height: 1.0666666667; } @media (max-width: 74.99em) { .c-topbar_container .c-topbar_right .c-btn { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } } .c-topbar_container .c-topbar_right .c-btn:not(.registration):hover { text-decoration: underline; } .c-topbar_container .c-topbar_right .c-btn.registration { background-color: #d22730; } .c-topbar_container .c-topbar_right .c-btn.registration:hover { background-color: #ed5a63; } .header__languages { list-style: none; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } .z { z-index: 20; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } .c-logobar { height: 120px; } @media (max-width: 1199.98px) { .c-logobar { height: auto; } } .c-logobar_container { padding: 8px 16px; margin: 8px auto; display: flex; position: relative; } @media (max-width: 1199.98px) { .c-logobar_container { margin-top: 0; margin-bottom: 0; } } .c-logobar_logo-img { vertical-align: middle; } .c-logobar_logo-link { display: flex; flex: 1 1 auto; gap: 0.5em; align-items: center; color: #d22730; } @media (max-width: 1199.98px) { .c-logobar_logo-link .c-logobar_logo-img { width: 50px; height: 50px; } } @media (max-width: 767.98px) { .c-logobar_logo-link { margin-right: 5px; } .c-logobar_logo-link .c-logobar_logo-img { width: 40px; height: 40px; } } .c-logobar_logo-link:hover { text-decoration: none; color: #d22730; } .c-logobar_logo-link .claim { width: 100px; font-size: 18px; padding-left: 13px; padding-top: 7px; } @media (max-width: 1199.98px) { .c-logobar_logo-link .claim { display: none; } } .c-logobar__left-site { width: 250px; margin-right: 50px; display: flex; justify-content: start; align-items: center; } @media (max-width: 1199.98px) { .c-logobar__left-site { margin-right: 15px; } } .c-logobar__right-site { width: calc(100% - 120px); } .c-logobar__right-site__top { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } @media (max-width: 1199.98px) { .c-logobar__right-site__top { display: none; } } .c-logobar__right-site__bottom { width: 100%; display: flex; justify-content: space-between; } .c-logobar__right-site__bottom > div { width: 100%; } @media (max-width: 47.99em) { .c-logobar__right-site .c-btn { padding: 7px 7px; } .c-logobar__right-site .c-btn__icon { margin: 0; font-size: 24px; font-size: 1.5rem; line-height: 1; } } .c-basket-box { display: flex; gap: 0.5em; align-items: center; position: relative; } .c-basket-box a:hover { text-decoration: none; } .c-basket-box a:last-of-type { flex: 0 0 auto; } .c-basket-box__button { padding: 18px 17px; display: flex; align-items: center; justify-content: center; white-space: nowrap; font-size: 24px; transition: all ease-in-out 0.2s; text-decoration: none; } .c-basket-price { font-size: 16px; font-size: 1rem; line-height: 1; line-height: 25px; padding-left: 10px; } @media (max-width: 991.98px) { .c-basket-price { display: none; } } .c-basket-count { position: absolute; color: #000; height: 20px; min-width: 20px; line-height: 20px; border-radius: 13px; background-color: #fff; text-align: center; font-weight: bold; top: 9px; right: 5px; } .c-basket-count-favorite { background-color: #d22730; color: #fff; font-size: 16px; } .c-basket-box__fav { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); color: #222222; padding: 11px 11px 11px; font-size: 24px; font-weight: bold; line-height: 20px; text-align: left; position: relative; /*&:hover{ color: #fff; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; border-top-right-radius: 6px; border-top-left-radius: 6px; background-color: $color-primary; .c-basket-count-favorite{ background-color: #fff; color: #222222; font-size: 16px; } }*/ } @media (max-width: 400px) { .c-basket-box__fav { padding: 10px 10px 10px; } } .c-main { min-height: calc(100vh - 224px); } @media (max-width: 47.99em) { .c-main { min-height: calc(100vh - 226px); } } .z { z-index: 20; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } .z { z-index: 20; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } @media (max-width: 47.99em) { .c-category-menu__container { background-color: white; } } .d-flex { display: flex; } .c-currencies { display: none; } .c-top-menu-category-width { width: 280px; border: 2px solid #d22730; top: -2px; background: #fff; border-bottom: none; height: 47px; line-height: 44px; margin-top: 5px; padding-left: 0.5em; position: relative; text-align: center; color: #000; } .c-top-menu-category-width > .c-category-menu > ul { display: none; } .c-top-menu-category-width > .c-category-menu.show > ul { display: block; } .c-top-menu-category-width .hidden-desktop { visibility: hidden !important; pointer-events: none; } @media (max-width: 991.98px) { .c-top-menu-category-width .hidden-desktop { visibility: visible !important; pointer-events: all; } } .c-top-menu-category-width:hover > .c-category-menu > ul, .c-top-menu-category-width:focus > .c-category-menu > ul, .c-top-menu-category-width:focus-visible > .c-category-menu > ul, .c-top-menu-category-width:focus-within > .c-category-menu > ul { display: block !important; } @media (max-width: 991.98px) { .c-top-menu-category-width { width: 100%; border: none; height: auto; } .c-top-menu-category-width > .c-category-menu > ul { display: none; } .c-top-menu-category-width > .c-category-menu.show > ul { display: none; } .c-top-menu-category-width > span { display: none; } } .c-top-menu-other-width { width: calc(100% - 280px); } @media (max-width: 991.98px) { .c-top-menu-other-width { display: none; } } .c-category-menu { position: absolute; width: 280px; background-color: #fff; left: -2px; } @media (max-width: 991.98px) { .c-category-menu { width: 100%; } } .c-logobar_logo-link { flex: 0 1 auto; } .c-navbar { display: flex; flex-direction: column; position: relative; margin-left: auto; margin-right: auto; background-color: #fff; height: 50px; font-weight: bold; line-height: 50px; z-index: 10; border-bottom: 2px solid #d22730; width: 100%; } @media (max-width: 991.98px) { .c-navbar { height: auto; } } .c-navbar.no-bg { background: none; } .c-header-info { padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #d22730; } .c-navbar__list, .c-navbar__item, .c-navbar__admin-part { margin: 0; padding: 0; text-indent: 0; list-style-type: none; } .c-navbar__list { display: flex; justify-content: flex-start; flex-direction: column; } .c-navbar__list--level1 { flex-direction: row; } .c-navbar__item { position: relative; } @media (max-width: 991.98px) { .c-navbar__item { border-bottom: 1px solid; } } .c-navbar__item.level1:hover > .c-navbar__link, .c-navbar__item.level1:focus > .c-navbar__link { background-color: #d22730; transition: transform 500ms; color: #fff; text-decoration: none; border: none; outline: none; } @media (min-width: 992px) { .c-navbar__item.level1:hover > .c-navbar__link .js-navbar__dropdown, .c-navbar__item.level1:focus > .c-navbar__link .js-navbar__dropdown { transform: rotate(-90deg); transition: transform 300ms; } } .c-navbar__list--level2 .c-navbar__item.level1:hover > .c-navbar__link, .c-navbar__list--level2 .c-navbar__item.level1:focus > .c-navbar__link { background-color: #ffffff; color: #333; } .c-navbar__link { padding: 16px 24px; font-size: 17px; font-size: 1.0625rem; line-height: 1.4117647059; display: flex; align-items: center; justify-content: space-between; color: #2D2D2E; transition: all ease-in-out 0.2s; width: 100%; line-height: auto; font-weight: 500; } @media (max-width: 47.99em) { .c-navbar__link { line-height: 24px; } } .c-navbar__link.level1 { color: #fff; } .c-navbar__link[liveadminmenu] { cursor: pointer; } .c-navbar__link.c-navbar__link--active { background-color: #d22730; transition: all 500ms; color: #fff; text-decoration: none; border: none; outline: none; /*.js-navbar__dropdown{ transform: rotate(-90deg); transition: transform 300ms; }*/ } .c-navbar__list--level2 .c-navbar__link.c-navbar__link--active { background-color: #ffffff; color: #333; } .c-navbar__item.level2:hover, .c-navbar__item.level2:focus { background-color: #fff; text-decoration: underline; border: none; outline: none; } .c-navbar__list--level2 .c-navbar__item.level2:hover, .c-navbar__list--level2 .c-navbar__item.level2:focus { background-color: #fff; } .c-navbar__list--level2 .c-navbar__item.level2 { background-color: #fff; border: 1px solid #fff; width: 33%; } @media (max-width: 1199.98px) { .c-navbar__list--level2 .c-navbar__item.level2 { width: 100%; line-height: 16px; } .c-navbar__list--level2 .c-navbar__item.level2 .c-navbar__link { padding: 8px 24px; background-color: #f4f4f4; } } .c-filters__content .c-navbar__dropdown { color: #2D2D2E; } .c-navbar__list--level2 .c-navbar__link--active { background-color: #f6f6f6; } @media screen and (min-width: 992px) { .megamenu--root .c-navbar__link { padding: 10px 16px; height: 100%; } .megamenu--root.slick-slider { margin-bottom: 0; } .megamenu--root .slick-slide { display: flex !important; height: auto; flex: auto; } .megamenu--root .slick-slide > div { width: 100%; } .megamenu--root:not(.slick-initialized) { position: relative; border-bottom: 2px solid #d22730; z-index: 10; } .megamenu--root:not(.slick-initialized) > .c-navbar__item { height: auto; line-height: 30px; border-left: 2px solid #d22730; border-right: 2px solid #d22730; } .megamenu--root:not(.slick-initialized) > .c-navbar__item:hover { border-right: 2px solid #fff; } .megamenu--root .megamenu--level2 li { display: inline-block; } .megamenu--root .megamenu--level2 li .megamenu-item { text-align: center; overflow: hidden; height: 100%; width: 100%; } .megamenu--root .megamenu--level2 li img { max-width: none; object-fit: cover; flex: 0 0 auto; } .megamenu--root .megamenu--level2 li div.title { flex: 1 1 auto; max-width: 100%; width: 100%; display: flex; line-height: 2; text-align: left; justify-content: start; padding-left: 15px; } .megamenu--root .megamenu--level2 li a:hover { text-decoration: underline; } .megamenu--root > .c-navbar__item, .megamenu--root .slick-track .c-navbar__item.level1 { position: relative; display: flex !important; height: 100%; } .megamenu--root > .c-navbar__item > .megamenu, .megamenu--root .slick-track .c-navbar__item.level1 > .megamenu { left: 0; width: 100%; max-width: 1350px; flex-direction: row; flex-wrap: wrap; justify-content: start; } .megamenu--root > .c-navbar__item > .megamenu .megamenu-item, .megamenu--root .slick-track .c-navbar__item.level1 > .megamenu .megamenu-item { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .megamenu--root > .c-navbar__item > .c-navbar__link, .megamenu--root .slick-track .c-navbar__item.level1 > .c-navbar__link { white-space: initial; flex: 1 1 auto; justify-content: space-between; padding: 0.5em; } } @media screen and (min-width: 992px) and (min-width: 62em) { .megamenu--root > .c-navbar__item > .c-navbar__link, .megamenu--root .slick-track .c-navbar__item.level1 > .c-navbar__link { flex-wrap: wrap; } } @media screen and (min-width: 992px) { .megamenu--root > .c-navbar__item .c-navbar__list--level2, .megamenu--root .slick-track .c-navbar__item.level1 .c-navbar__list--level2 { top: 0; position: absolute; left: 100%; display: flex; flex-direction: row; flex-wrap: wrap; width: 880px; } .megamenu--root > .c-navbar__item .c-navbar__list--level2 .c-navbar__list, .megamenu--root .slick-track .c-navbar__item.level1 .c-navbar__list--level2 .c-navbar__list { top: 0; left: 100%; } .megamenu--root .slick-list { overflow: visible; } .megamenu--root .slick-list:before { content: ""; position: absolute; right: calc(100% + 5px); width: calc((100vw - 100%) / 2); height: 100%; background: white; top: 0; z-index: 9; } .megamenu--root .slick-list::after { content: ""; position: absolute; left: calc(100% + 5px); width: calc((100vw - 100%) / 2); height: 100%; background: white; top: 0; z-index: 9; } .megamenu--root .slick-prev, .megamenu--root .slick-next { z-index: 10; } .megamenu--root .slick-prev::before, .megamenu--root .slick-next::before { color: #333333; } .c-navbar__list .c-navbar__list { visibility: hidden; opacity: 0; position: absolute; top: 100%; background-color: #fefefe; border: 2px solid #d22730; pointer-events: none; z-index: 9; } .c-navbar__list .c-navbar__list img:not(.entered) { display: none; } .c-navbar__list--level2 .c-navbar__list { top: 0; left: 100%; } .c-navbar__item:hover > .c-navbar__list, .c-navbar__item:focus-within > .c-navbar__list, .c-navbar__link:focus-visible + .c-navbar__list, .c-navbar__link:focus + .c-navbar__list { visibility: visible; opacity: 1; pointer-events: auto; } .c-navbar__item:hover > .c-navbar__list img, .c-navbar__item:focus-within > .c-navbar__list img, .c-navbar__link:focus-visible + .c-navbar__list img, .c-navbar__link:focus + .c-navbar__list img { display: block; max-width: fit-content; width: 50px; } .c-navbar__item { display: flex; flex-direction: column; width: 100%; } .c-navbar__list--level1 { display: flex; justify-content: start; text-align: left; flex-direction: column; } .c-navbar__list--level1:not(.megamenu) { flex-wrap: wrap; } .c-navbar__list--level1 > ul { top: 0; position: absolute; left: 100%; display: flex; width: 100%; flex-direction: column; } } .c-navbar__list--level1 > li > a > span { margin-left: 1em; } .c-navbar__dropdown { width: 0; height: 0; display: inline-flex; justify-content: center; align-items: center; margin-left: 16px; margin-right: 16px; } @media screen and (min-width: 992px) { .c-navbar__dropdown { margin-right: 0; } } .c-navbar__dropdown:before { content: "keyboard_arrow_down"; font-family: "Material Icons"; /*display: inline-block; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;*/ } .c-navbar__list--level1 > li > a > span { margin-left: 0.5em; } @media screen and (min-width: 992px) { .c-navbar__list--level2 .c-navbar__dropdown:before { transform: rotate(-90deg); } } .c-navbar__admin-part { background-color: #f0f8ff; padding: 5px 0; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23777777' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); } .c-navbar__admin-btn { border-radius: 5px; margin: 10px; color: white; padding: 10px 10px; display: flex; align-items: center; white-space: nowrap; transition: all ease-in-out 0.2s; background: #48bb78; position: relative; } .c-navbar__admin-btn span:last-child { margin-right: 1rem; position: absolute; right: -5px; font-size: 20px; } .c-navbar__admin-btn:hover, .c-navbar__admin-btn:focus { text-decoration: none; color: white; } .c-navbar__admin-btn--add { background: #3182CE; } .c-navbar__admin-btn--add:hover, .c-navbar__admin-btn--add:focus { text-decoration: none; color: white; background: #2180cf; } @media screen and (max-width: 992px) { .megamenu--level2 { max-width: initial !important; } .megamenu-item { display: flex; flex-direction: row; justify-content: space-around; align-items: center; width: 100%; } .megamenu-item img { height: 70px; width: 150px; object-fit: cover; padding-right: 15px; flex: 0 0 auto; } .megamenu-item .title { flex: 1 1 auto; text-align: left; } .c-navbar { display: flex; flex-direction: column; align-items: flex-end; } .c-navbar__content { max-width: none; padding-right: 0; padding-left: 0; display: flex; flex-direction: column; align-items: flex-end; } .c-navbar__list { display: none; flex-direction: column; position: relative; left: 0; width: 100%; } .c-navbar__list.c-navbar__list--is-open { display: block; visibility: visible; opacity: 1; position: relative; top: auto; left: auto; } .c-navbar__link { justify-content: space-between; } .c-navbar__list .c-navbar__list { background-color: #fff; border-bottom: 1px solid #fff; border-top: 1px solid #fff; } .c-navbar__list.c-navbar__list--level2 { border: 2px solid #d22730; border-top: none; } .c-navbar__list--level1 > .c-navbar__item > .c-navbar__link { padding: 10px 30px; } .c-navbar__list--level3 { font-size: 14px; } .c-navbar__list--level4 .c-navbar__link { padding: 10px 20px 10px 40px; } .c-navbar__dropdown { border: 1px solid #fff; width: 30px; height: 30px; } .c-navbar__dropdown:before { margin-left: 0; transition: all ease-in-out 0.2s; } .c-navbar__dropdown--is-open::before { transform: rotate(-180deg); } } @media (max-width: 23.125em) { .megamenu-item img { height: 50px; width: 120px; object-fit: cover; padding-right: 15px; } } .z { z-index: 20; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } .c-hamburger { flex-direction: column; justify-content: center; cursor: pointer; display: none; background-color: #d22730; padding: 3px 6px 0; margin-right: 5px; background-color: #d22730; color: #fff; } @media screen and (max-width: 992px) { .c-hamburger { display: flex; height: 40px; width: 40px; } } .c-hamburger-text-menu { font-size: 10px; } .js-contact-container { display: none; position: absolute; top: 0px; left: 5px; line-height: 30px; flex-direction: row; color: #fff; font-weight: 400; justify-content: space-between; width: 55%; } @media screen and (max-width: 992px) { .js-contact-container { display: flex; } } @media screen and (max-width: 400px) { .js-contact-container { width: 60%; } } .js-contact-container .account .material-icons { position: relative; top: 7px; font-size: 25px; } .js-contact-container a { text-decoration: none; line-height: 50px; color: #fff; } .js-contact-container a:hover { text-decoration: none; } .js-contact-container .c-hamburger { margin-left: inherit; margin-right: 0px; } .js-contact-container .js-contact { display: flex; flex-direction: row; line-height: 30px; } .js-contact-container .js-contact span { position: relative; left: -7px; top: 5px; font-size: 25px; } #a-contact { display: none; background-color: #66c522; } #a-contact li { color: #fff; padding: 0 20px; border-bottom: 1px solid #00AA00; line-height: 33px; } #a-contact li a { color: #fff; } .c-hamburger__bar1, .c-hamburger__bar2, .c-hamburger__bar3 { width: 28px; height: 2px; background-color: #fff; margin: 3px auto; transition: 0.4s; } /* Rotate first bar */ .c-hamburger--active .c-hamburger__bar1 { -webkit-transform: rotate(-45deg) translate(-6px, 7px); transform: rotate(-45deg) translate(-6px, 7px); } /* Fade out the second bar */ .c-hamburger--active .c-hamburger__bar2 { opacity: 0; } /* Rotate last bar */ .c-hamburger--active .c-hamburger__bar3 { -webkit-transform: rotate(45deg) translate(-4px, -4px); transform: rotate(45deg) translate(-4px, -4px); } .c-btn { background-color: transparent; align-items: center; color: #777777; cursor: pointer; justify-content: center; padding: 11px 15px; text-align: center; white-space: nowrap; box-shadow: none; display: inline-flex; font-size: 16px; font-size: 1rem; line-height: 1; position: relative; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); border: none; } .c-btn:hover { text-decoration: none; color: #090909; } .c-btn--customer { padding-top: 16px; padding-bottom: 16px; font-size: 20px; color: white; background-color: #d22730; } .c-btn--customer:hover { background-color: #ff7b82; color: white; } .c-btn--customer.active { color: #2D2D2E; background-color: #ebebeb; } .c-btn--customer.active:hover { color: white; background-color: #ff7b82; } .c-btn__icon { font-size: 10px; font-size: 0.625rem; line-height: 0.8; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); margin: 0 8px 0 0; } .c-btn--full { width: 100%; } .c-btn--big { padding: 15px 47px; font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } @media (max-width: 47.99em) { .c-btn--big { padding: 15px 15px; font-size: 16px; font-size: 1rem; line-height: 1; } } .c-btn--small { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; padding: 7px 11px; } .c-btn--small .c-btn__icon { font-size: 13px; font-size: 0.8125rem; line-height: 1.2307692308; } .c-btn--icon-left .c-btn__icon { margin: 0 8px 0 0; } .c-btn--icon-right .c-btn__icon { margin: 0 0 0 8px; } .c-btn--primary { background-color: #d22730; color: white; } .c-btn--primary .c-btn__icon { color: #ff7b82; } .c-btn--primary:hover { background-color: #d22730; border-color: #d22730; color: white; } .c-btn--secondary { background-color: white; color: #d22730; box-shadow: inset 0 0 0 1px #222222; } .c-btn--secondary:hover { background-color: #d22730; border-color: #d22730; color: white; } .c-btn--black { background-color: #222222; color: #fff; box-shadow: none; border: none; } .c-btn--black:hover { background-color: #fff; border-color: none; color: #222222; } .c-btn--black:hover i { color: #222222; } .c-btn--light { background-color: #fff; color: #222222; } .c-btn--light:hover { background-color: #222222; border-color: none; color: #fff; } .c-btn--light:hover i { color: #fff; } .c-btn--light i { padding-left: 0; } .c-btn--red { background-color: #C53030; color: #FFF5F5; } .c-btn--red:hover { background-color: #E53E3E; color: #FFF5F5; } .c-btn--red-light { background-color: #FED7D7; color: #9B2C2C; } .c-btn--red-light:hover { background-color: #FEB2B2; color: #742A2A; } .btns-customer { flex: 1 1 auto; } @media (max-width: 47.99em) { .register-btn { padding: 0; } } @media (max-width: 47.99em) { .register-btn .c-btn { width: 100%; } } .c-spacer { display: block; } .c-spacer--vertical { width: 2px; height: 1.4em; } .c-spacer--gray { background-color: #d22730; } .c-alert { position: relative; padding: 16px 16px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.1), 0 2px 4px hsla(0, 0%, 0%, 0.08); } .c-alert span { font-size: 25px; font-size: 1.5625rem; line-height: 1.28; } @media (min-width: 48em) { .c-alert { flex-direction: row; padding: calc(16px - 1px) calc(16px - 1px); } } .c-alert__icon { color: #ffffff; padding: 0 0 calc(8px - 1px) 0; } @media (min-width: 48em) { .c-alert__icon { padding: 0 calc(16px - 1px) 0 0; } } .c-alert--blue { background-color: #d22730; color: #ffffff; } .c-alert--blue.alert-danger { background-color: #FED7D7; color: #ffffff; } .invalid-feedback { display: block; position: absolute; right: 5px; top: -2px; text-align: right; } .c-search-form { z-index: 30; position: relative; justify-content: start; } .c-search-form:not(.p404) { /* position: absolute; display: none; justify-content: center; left: 0; top: 101px; @include mq($until: md) { top: 70px; }*/ width: 100%; background-color: white; /* padding: space(4) space(16); box-shadow: 0 1.4px 3.8px rgba(0, 0, 0, 0.039), 0 11px 30px rgba(0, 0, 0, 0.06);*/ } .c-search-form:not(.p404).show { display: flex !important; } .c-search-form.p404 { display: flex; } body.fixed { /* .c-search-form { &:not(.p404) { position: fixed; top: 60px; } }*/ } /* .c-search-form__toggle { padding:0; width: 55px; height: 55px; z-index: 999; .c-btn__icon { margin-right: 0; color: #222222; font-size: 25px; } &:hover{ .c-btn__icon { color: #fff; } span{ text-decoration: none !important; } } }*/ .c-search-form__form { display: flex; width: auto; justify-content: start; /* .c-btn__icon { position: absolute; top: 20px; right: 0px; transform: translateY(-50%); font-size: 26px; transition: $transition; cursor: pointer; &:hover { color: #d00; } }*/ } @media (max-width: 991.98px) { #js-search-form { display: none; position: absolute; left: 0; top: 64px; border-bottom: 2px solid #d22730; background-color: #fff; padding-bottom: 5px; padding-right: 10px; padding-top: 5px; padding-left: 10px; width: calc(100% - 1px); } } .c-search-form__input { padding: 12px 12px 11px 12px; font-size: 16px; font-size: 1rem; line-height: 1; width: 100%; border: 0; border: 1px solid #e2e8f0; /* @include mq($until: $search-btn-breakpoint) { flex: 1; } @include mq(xl) { max-width: 170px; } @include mq(xl) { max-width: none; width: 250px; }*/ } header .c-search-form__form { width: 100%; } .c-card { display: flex; flex-direction: column; padding: 24px; height: 100%; border: 1px solid #d22730; } .c-card__body { display: flex; flex-direction: column; align-items: flex-start; height: 100%; } .c-card__text { display: flex; flex-direction: column; align-items: flex-start; max-width: 100%; } .contact { gap: 2em; } .contact form { padding: 2em; border-radius: 0.4em; box-shadow: 9px 9px 0px gray; border: 1px solid gray; } @media (max-width: 61.99em) { .contact form { padding: 1.5em; } } .contact form textarea { resize: vertical; } @media (max-width: 35.99em) { .contact form .c-btn { width: 100%; } } .c-inline-link { display: inline-flex; align-items: center; padding: 0; position: relative; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); color: #222222; background: none; border: none; font-size: 16px; font-size: 1rem; line-height: 1.5; } .c-inline-link:after { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 1px; left: 0; background-color: #222222; opacity: 0; } .c-inline-link:hover { color: #090909; text-decoration: none; cursor: pointer; } .c-inline-link:hover:after { opacity: 1; background-color: #090909; } .c-inline-link--with-icon { padding: 0 0 0 25px; } .c-inline-link--with-icon span:first-child { margin-right: 1rem; position: absolute; left: 0; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } .c-inline-link--with-icon span:first-child:hover { cursor: pointer; } .c-inline-link--with-icon:after { width: calc(100% - 25px); left: 25px; } .c-search-results { position: absolute; top: calc(100% + 8px); left: 0; width: 100%; background-color: white; box-shadow: 0 1.4px 3.8px rgba(0, 0, 0, 0.039), 0 11px 30px rgba(0, 0, 0, 0.07); padding: 16px; } .c-search-results__links { display: flex; flex-direction: column; } .c-search-results__header { color: #7f8081; font-family: "Open Sans", sans-serif; font-weight: 700; text-transform: uppercase; } .c-search-results__header:not(:last-child) { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px solid #d22730; } .c-search-results__links { margin-bottom: 16px; font-size: 14px; font-size: 0.875rem; line-height: 1.5; } .c-narrow-form { display: flex; flex-direction: column; align-items: center; } .invalid-feedback { display: block; position: absolute; right: 5px; top: -2px; text-align: right; } .c-narrow-form__item { box-sizing: border-box; margin-bottom: 8px; position: relative; width: 100%; /** active label */ } .c-narrow-form__item .c-narrow-form__input, .c-narrow-form__item .c-narrow-form__textarea { border: solid 1px #d22730; font-size: 16px; outline: 0; padding: 22px 16px 7px 16px; width: 100%; background-color: white; } .c-narrow-form__item .c-narrow-form__input:focus, .c-narrow-form__item .c-narrow-form__textarea:focus { border: solid 1px #3182CE; } .c-narrow-form__item .c-narrow-form__input::placeholder, .c-narrow-form__item .c-narrow-form__textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #f7f7f7; opacity: 1; /* Firefox */ } .c-narrow-form__item .c-narrow-form__input:-ms-input-placeholder, .c-narrow-form__item .c-narrow-form__textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #f7f7f7; } .c-narrow-form__item .c-narrow-form__input::-ms-input-placeholder, .c-narrow-form__item .c-narrow-form__textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #f7f7f7; } .c-narrow-form__item .c-narrow-form__textarea { padding: 16px; } .c-narrow-form__item .c-narrow-form__label:not(.textarea) { padding: 4px 16px; font-size: 16px; position: absolute; transform-origin: top left; transform: translate(0, 8px) scale(1); transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); color: #7f8081; } .c-narrow-form__item.active .c-narrow-form__label { padding: 4px 8px; transform: translate(9px, 0) scale(0.75); color: #777777; } .z { z-index: 20; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } .invalid-feedback { display: block; position: absolute; right: 5px; top: -2px; text-align: right; } .OrderCustomer .selectator { width: 100% !important; max-height: 42px !important; min-height: auto !important; } .c-form__item { display: flex; box-sizing: border-box; margin-bottom: 8px; position: relative; width: calc(100% + 10px); margin-left: -5px; margin-right: -5px; flex-wrap: wrap; } .c-form__item .col { padding: 0 5px; } .c-form__item .c-form__input, .c-form__item .c-form__textarea { border: solid 1px #d22730; box-shadow: inset 0 1px 2px hsla(0, 0%, 0%, 0.05); font-size: 16px; outline: 0; width: 100%; padding: 11px 7px; background-color: white; display: inline-block; color: #777777; } .c-form__item .c-form__input:focus, .c-form__item .c-form__textarea:focus { border: solid 1px #3182CE; } .c-form__item .c-form__input::placeholder, .c-form__item .c-form__textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #dddddd; opacity: 1; /* Firefox */ } .c-form__item .c-form__input:-ms-input-placeholder, .c-form__item .c-form__textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #dddddd; } .c-form__item .c-form__input::-ms-input-placeholder, .c-form__item .c-form__textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #dddddd; } .c-form__item .c-form__textarea { padding: 11px 7px; } .c-form__item .c-form__label { padding: 11px 5px 4px 5px; font-size: 16px; color: #777777; display: inline-block; } .c-form__item .c-form__label--optional { position: relative; } .c-form__item .c-form__label--optional:after { content: "(volitelné)"; position: absolute; right: 16px; top: calc(100% - 8px); font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; color: #7f8081; } @media (max-width: 47.99em) { .c-form__item { box-sizing: border-box; margin-bottom: 8px; position: relative; width: calc(100% + 10px); /** active label */ } .c-form__item .col { padding: 0 5px; } .c-form__item .c-form__input, .c-form__item .c-form__textarea { border: solid 1px #d22730; font-size: 16px; outline: 0; padding: 20px 16px 9px 16px; width: 100%; background-color: white; box-shadow: inset 20px 20px 60px #fafafa, inset -20px -20px 60px #ffffff, inset 0 2px 2px hsla(0, 0%, 0%, 0.1); } .c-form__item .c-form__input:focus, .c-form__item .c-form__textarea:focus { border: solid 1px #3182CE; } .c-form__item .c-form__input::placeholder, .c-form__item .c-form__textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #f7f7f7; opacity: 1; /* Firefox */ } .c-form__item .c-form__input:-ms-input-placeholder, .c-form__item .c-form__textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #f7f7f7; } .c-form__item .c-form__input::-ms-input-placeholder, .c-form__item .c-form__textarea::-ms-input-placeholder { /* Microsoft Edge */ color: #f7f7f7; } .c-form__item .c-form__textarea { padding: 16px; } .c-form__item .c-form__label:not(.textarea) { z-index: 50; padding: 4px 16px; font-size: 16px; position: absolute; transform-origin: top left; transform: translate(0, 8px) scale(1); transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); color: #7f8081; width: 100%; text-align: left; } .c-form__item .c-form__label--optional:after { position: relative; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; right: -8px; } .c-form__item.active .c-form__label { padding: 4px 8px; transform: translate(8px, 0) scale(0.75); color: #777777; } .c-form__item--select .c-form__label { position: relative !important; flex: 0 !important; white-space: nowrap; } } .form-group .invalid-feedback { position: relative; left: 0; top: 0; right: auto; bottom: auto; padding: 8px; background-color: #FFF5F5; margin-top: 0; text-align: left; } .c-form .invalid-feedback { position: relative; left: 0; top: 0; right: auto; bottom: auto; padding: 8px; background-color: #FFF5F5; margin-top: 0; margin-bottom: 4px; text-align: left; width: 100%; margin-left: auto; } @media (max-width: 47.99em) { .c-form .invalid-feedback { width: 100%; } } .c-narrow-form .invalid-feedback { position: relative; left: 0; top: 0; right: auto; bottom: auto; padding: 8px; background-color: #FFF5F5; margin-top: 0; margin-bottom: 4px; text-align: left; width: 100%; margin-left: auto; } .c-la-panel__wrapper { position: fixed; top: 340px; z-index: 1100; transform: translateX(-100%); transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } .c-la-panel__wrapper.active { transform: translateX(0); } .c-la-panel__wrapper.active .c-la-panel__toggle-arrow { transform: rotate(0); } .c-la-panel { background-color: white; left: 0; padding: 16px; transition: width 5s; width: auto; display: flex; flex-direction: column; box-shadow: 0 21.9px 10.2px -20px rgba(0, 0, 0, 0.085), 0 33px 26px -20px rgba(0, 0, 0, 0.17); position: relative; z-index: 4; border: 1px solid #f0f7ff; } .c-la-panel a { margin: 4px; } .c-la-panel .c-btn { margin: 4px 0; } .c-la-panel__toggle { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); cursor: pointer; font-family: "Open Sans", sans-serif; font-weight: 900; padding: 8px 16px 16px 8px; position: absolute; left: calc(100% - 1px); top: -50px; background-color: white; transform: rotate(90deg) translateY(8px); transform-origin: bottom left; color: #DD0000; display: flex; align-items: center; box-shadow: 0 19.6px 24.4px -21px rgba(0, 0, 0, 0.085), 0 51px 62px -21px rgba(0, 0, 0, 0.17); z-index: 3; border: 1px solid #f0f7ff; background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237f8081' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); } .c-la-panel__toggle span:first-child { color: #3182CE; } .c-la-panel__toggle:hover { transform: rotate(90deg) translateY(0); } .c-la-panel__toggle-arrow { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); width: 0; height: 0; display: inline-flex; justify-content: center; align-items: center; margin-left: 1em; color: #4299e1; transform: rotate(180deg); } .c-la-panel__toggle-arrow:before { content: ""; display: inline-block; border-top: 0.5em solid; border-right: 0.5em solid transparent; border-bottom: 0; border-left: 0.5em solid transparent; } .c-edit-page-button { position: fixed; top: calc(15% - 48px); z-index: 1100; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); background-color: #d22730; color: white; padding: 8px; display: flex; justify-content: center; align-items: center; transform: translateX(calc(40px - 100%)); cursor: pointer; text-decoration: none; } .c-edit-page-button:hover { transform: translateX(0); color: white; text-decoration: none; } .c-edit-page-button.item { transform: translate(calc(40px - 100%), -42px); } .c-edit-page-button.item:hover { transform: translate(0, -42px); color: white; } .c-edit-page-button__icon { margin-left: 16px; margin-right: 4px; font-size: 20px; } .c-liveadmin-menu { background-color: #d22730; } .c-liveadmin-menu .c-navbar__list { background-color: #d22730; } .c-liveadmin-menu .c-navbar__list.c-navbar__list--level1 { height: auto !important; } .c-liveadmin-menu .c-navbar__link { color: white; } .c-liveadmin-menu .c-navbar__link:hover, .c-liveadmin-menu .c-navbar__link:focus, .c-liveadmin-menu .c-navbar__link.c-navbar__link--active { color: #d22730; } .c-liveadmin-menu .c-navbar__item:hover, .c-liveadmin-menu .c-navbar__item:focus, .c-liveadmin-menu .c-navbar__item.c-navbar__link--active { color: #d22730; } .c-liveadmin-menu .c-navbar__item:hover > .c-navbar__link, .c-liveadmin-menu .c-navbar__item:focus > .c-navbar__link, .c-liveadmin-menu .c-navbar__item.c-navbar__link--active > .c-navbar__link { background-color: #f2f2f2; color: #d22730; } .c-liveadmin-menu ul ul > li.c-navbar__item { background-color: #d22730 !important; border: none !important; } /* Customize the label (the container) */ .c-checkbox { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; } /* Hide the browser's default checkbox */ .c-checkbox .c-checkbox__input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .c-checkbox__checkmark { display: block; position: relative; height: 20px; min-width: 20px; margin-right: 8px; border: 1px solid; border-radius: 3px; } .c-checkbox__input:focus + .c-checkbox__checkmark, .c-checkbox__input:focus-visible + .c-checkbox__checkmark { border: 2px solid black !important; } /* On mouse-over, add a grey background color */ .c-checkbox:hover .c-checkbox__input ~ .c-checkbox__checkmark { background-color: #ccc; } /* When the checkbox is checked, add a blue background */ .c-checkbox .c-checkbox__input:checked ~ .c-checkbox__checkmark { background-color: #d22730; } /* Create the checkmark/indicator (hidden when not checked) */ .c-checkbox__checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .c-checkbox .c-checkbox__input:checked ~ .c-checkbox__checkmark:after { display: block; } /* Style the checkmark/indicator */ .c-checkbox .c-checkbox__checkmark:after { position: relative; top: 3px; left: 6px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* class applies to select element itself, not a wrapper element */ .c-select { display: block; padding: 0.6em 1.4em 0.5em 0.8em; box-sizing: border-box; margin: 0; border: 1px solid #aaa; box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04); -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference */ background-image: url(../../styles/data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E), linear-gradient(to bottom, #d22730 0%, #d22730 100%); background-repeat: no-repeat, repeat; /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/ background-position: right 0.7em top 50%, 0 0; /* icon size, then gradient */ background-size: 0.65em auto, 100%; } /* Hide arrow icon in IE browsers */ .c-select::-ms-expand { display: none; } /* Hover style */ .c-select:hover { border-color: #888; } /* Focus style */ .c-select:focus { border-color: #aaa; /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */ box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7); box-shadow: 0 0 0 3px -moz-mac-focusring; color: #222; outline: none; } /* Set options to normal weight */ .c-select option { font-weight: normal; } /* Support for rtl text, explicit support for Arabic and Hebrew */ *[dir=rtl] .c-select, :root:lang(ar) .c-select, :root:lang(iw) .c-select { background-position: left 0.7em top 50%, 0 0; padding: 0.6em 0.8em 0.5em 1.4em; } /* Disabled styles */ .c-select:disabled, .c-select[aria-disabled=true] { color: graytext; background-image: url(../../styles/data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); } .c-select:disabled:hover, .c-select[aria-disabled=true] { border-color: #aaa; } @media (max-width: 47.99em) { .c-form__item--select .c-form__label { position: absolute !important; font-size: 16px; transform: translate(8px, 0) scale(0.75) !important; padding: 4px 8px !important; } } .selectator.single { border: 1px solid #979797; border-radius: 0px; padding: 7px 18px !important; min-height: 40px !important; width: 100% !important; } .selectator.single .selectator_chosen_item_title { font-size: 18px; font-weight: normal; } @media (max-width: 47.99em) { .selectator.single { padding-top: 20px !important; padding-left: 18px !important; height: 53px; max-height: initial !important; border: 1px solid #979797; width: 100% !important; } } @media (max-width: 47.99em) { .selectator.single .selectator_chosen_item { color: #777777; font-size: 1.125rem; font-weight: 600; } } .c-modal { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.66); z-index: 2001; display: flex; justify-content: center; align-items: flex-start; visibility: hidden; opacity: 0; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } #mapy_cz_branche > div { width: 100% !important; height: 100% !important; } .c-modal__body { max-height: calc(100vh - 300px); overflow: auto; } /*.tab-content{ overflow: auto; max-height: calc(100vh - 380px); padding: 0 16px; margin: 0 -16px; }*/ .c-modal.is-open { visibility: visible; opacity: 1; } .flex-buttons { margin: -12px 0 0 -12px; width: calc(100% + 12px); } .flex-buttons > * { margin: 12px 0 0 12px; white-space: initial; } .c-modal__content { visibility: hidden; opacity: 0; background-color: white; position: relative; max-width: 600px; min-width: 500px; padding: 48px 48px; box-shadow: 0px 52px 85px rgba(95, 97, 86, 0.1), 0px 4px 59px rgba(0, 0, 0, 0.05); top: 50%; transform: translateY(-75%); transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); transition-delay: 0.2s; } @media (max-width: 47.99em) { .c-modal__content { min-width: auto; max-width: 90vw; width: calc(100vw - 16px); padding-left: 16px; padding-right: 16px; } } .c-modal__content.c-modal__content-wider { max-width: 700px; } .c-modal__content.c-modal__content-wide { max-width: 1200px; } .c-modal__content.full-width { max-width: 95vw; width: 100%; } .c-modal__content.full-width .c-modal__body { max-height: calc(100vh - 200px); } .c-modal.is-open .c-modal__content { visibility: visible; opacity: 1; transform: translateY(-50%); } .c-modal__product { display: flex; flex-wrap: wrap; } .c-modal__product-image { max-width: 200px; max-height: 200px; } .c-modal__close { position: absolute; right: 16px; top: 16px; cursor: pointer; height: 32px; width: 32px; padding-left: 4px; padding-top: 14px; } .c-modal__close:before, .c-modal__close:after { content: ""; display: block; height: 1px; width: 24px; position: absolute; background-color: #7f8081; } .c-modal__close:hover:before, .c-modal__close:hover:after { background-color: #DD0000; } .c-modal__close:before { transform: rotate(45deg); } .c-modal__close:after { transform: rotate(-45deg); } .c-modal__close.removeFromList { z-index: 99; } .c-modal__close.removeFromList:before, .c-modal__close.removeFromList:after { background-color: #DD0000; } .c-breadcrumb__section { margin-bottom: 24px; } .c-breadcrumb { display: flex; list-style: none; padding: 24px 0 0; font-size: 16px; font-size: 1rem; line-height: 1; } .c-breadcrumb__item { font-size: 16px; font-size: 1rem; line-height: 1; display: flex; } .c-breadcrumb__seperator { margin: 0 8px; } .c-comparator { position: fixed; right: 0; top: 16%; background-color: #3182CE; color: white; display: flex; flex-direction: column; align-items: center; padding: 8px; z-index: 39; box-shadow: 0 1.5px 1.3px rgba(0, 0, 0, 0.028), 0 4.9px 4.2px rgba(0, 0, 0, 0.2); } .c-comparator .c-comparator__icon { font-size: 25px; } .c-comparator .c-comparator__close { margin-top: 4px; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } .c-comparator a { color: white; } @media (min-width: 48em) { .c-tabs__tab { padding: 16px 0; display: none; } } .c-tabs__tab h3 { font-size: 20px; margin-top: 8px; margin-bottom: 8px; position: relative; cursor: pointer; background-color: #F5F5F5; border-radius: 6px; padding: 8px; } .c-tabs__tab h3:after { content: "−"; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); } .c-tabs__tab h3.collapsed:after { content: "+"; } .c-tabs__tab .collapse { display: none; padding-bottom: 16px; } @media (min-width: 48em) { .c-tabs__tab .collapse { display: block; } } .c-tabs__tab .collapse.show { display: block; } .c-tabs__tab .collapsing { position: relative; height: 0; overflow: hidden; transition: height ease-in-out 0.2s; } .u-fade { opacity: 0; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } .u-fade.is-active { opacity: 1; -webkit-animation: fadeIn 0.15s; animation: fadeIn 0.15s; } .c-tabs__tab.is-active { display: block; opacity: 1; } .c-tabs__labels-list { display: none; } @media (min-width: 48em) { .c-tabs__labels-list { display: flex; list-style: none; } } .OrderCreate .c-tabs__labels-list { display: flex; } .OrderCreate .c-tabs__labels-list .c-tabs__label .nav-link::after { content: none; } .OrderCreate .c-tabs__tab { display: none; } .OrderCreate .c-tabs__tab.is-active { display: block; } @media (max-width: 767.98px) { .OrderCreate > div > div { padding: 0; } } .c-tabs__label { margin-right: 8px; } .c-tabs__label--order { display: flex; flex-direction: row; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); margin-right: 0; width: 50%; text-align: center; background-color: #777777; } .c-tabs__label--order .c-tabs__label-href { margin-right: 0; flex: 1 1 auto; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); text-transform: uppercase; font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; font-weight: bold; color: #222222; } .c-tabs__label--order .c-tabs__label-href.is-active { background-color: #ebebeb; color: #222222; } .c-tabs__label--order:hover { background-color: #ebebeb; } .c-tabs__label--order:hover .c-tabs__label-href { color: #222222; background-color: #ebebeb; } .c-tabs__label--order .c-tabs__label-href { color: white; background-color: #777777; } .c-tabs__label-href { padding: 8px 0; margin-right: 8px; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); position: relative; } @media (min-width: 75em) { .c-tabs__label-href { margin-right: 16px; } } .c-tabs__label-href:hover:not(.is-active) { cursor: pointer; } .c-tabs__label-href:hover:not(.is-active):after { opacity: 1; } .c-tabs__label-href:after { content: ""; width: 100%; height: 2px; display: block; position: absolute; bottom: -2px; left: 0; background-color: #30A2D8; opacity: 0; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } .c-tabs__label-href.is-active { color: #30A2D8; } .c-tabs__label-href.is-active:after { opacity: 1; } .c-sitemap { padding: 4px; font-size: 18px; } .c-sitemap a { margin-left: 2px; } .c-sitemap .c-sitemap { font-size: 0.9em; } .table-wrapper { margin: 10px 70px 70px; box-shadow: 0px 35px 50px rgba(0, 0, 0, 0.2); } .c-table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; } .c-table td, .c-table th { padding: 0.75rem; vertical-align: top; border-top: 1px solid #d22730; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .comparatorTable-images td, .comparatorTable-images .image, .comparatorTable-images a, .comparatorTable-images img, .comparatorTable-images { height: 100%; } .comparatorTable-images img { object-fit: cover; } /* .fl-table { border-radius: 5px; font-weight: normal; border: none; border-collapse: collapse; width: 100%; max-width: 100%; white-space: nowrap; background-color: white; } .fl-table td, .fl-table th { text-align: center; padding: 8px; } .fl-table td { border-right: 1px solid #f8f8f8; font-size: 12px; } .fl-table thead th { color: #ffffff; background: #3182ce; } .fl-table tr:nth-child(even) { background: #F8F8F8; } !* Responsive *! @media (max-width: 767px) { .fl-table { display: block; width: 100%; } .table-wrapper:before{ content: "Scroll horizontally >"; display: block; text-align: right; font-size: 11px; color: white; padding: 0 0 10px; } .fl-table thead, .fl-table tbody, .fl-table thead th { display: block; } .fl-table thead th:last-child{ border-bottom: none; } .fl-table thead { float: left; } .fl-table tbody { width: auto; position: relative; overflow-x: auto; } .fl-table td, .fl-table th { padding: 20px .625em .625em .625em; height: 60px; vertical-align: middle; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; width: 120px; font-size: 13px; text-overflow: ellipsis; } .fl-table thead th { text-align: left; border-bottom: 1px solid #f7f7f9; } .fl-table tbody tr { display: table-cell; } .fl-table tbody tr:nth-child(odd) { background: none; } .fl-table tr:nth-child(even) { background: transparent; } .fl-table tr td:nth-child(odd) { background: #F8F8F8; border-right: 1px solid #E6E4E4; } .fl-table tr td:nth-child(even) { border-right: 1px solid #E6E4E4; } .fl-table tbody td { display: block; text-align: center; } }*/ .shipping-banner { background: #e61f64; border-bottom: 2px solid #e71e64; border-top: 2px solid #e61f64; border-radius: 5px 0 0 5px; overflow: hidden; display: none; position: fixed; right: 0; top: 52px; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); z-index: 10; } @media only screen and (min-width: 1480px) { .shipping-banner { display: flex; } } .shipping-banner--header { background-repeat: no-repeat; background-position: left top; cursor: pointer; height: 151px; width: 36px; } .shipping-banner--main { background-repeat: no-repeat; background-position: left top; height: 151px; position: relative; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; width: 0; } .shipping-banner--main a { color: transparent; display: block; height: 100%; } .shipping-banner:hover .shipping-banner--main { width: 198px; } .c-catalog__filter-row { display: flex; justify-content: space-between; align-items: center; font-weight: 700; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } @media (max-width: 47.99em) { .c-catalog__filter-row { flex-direction: column; } .c-catalog__filter-row .c-catalog__filter-row { flex-direction: row; flex-wrap: wrap; } .c-catalog__filter-row .c-catalog__filter-row .c-filters__item { flex: 1 1 45%; } } .popisDescriptionInfo { font-size: 12px; background-color: #FFBFBF; border: 2px dotted red; border-bottom: 2px solid #DADFFF; display: inline-block; float: right; margin-top: -19px; line-height: 12px; color: black; padding: 2px 10px; } .c-description p { line-height: 1.5; margin-bottom: 10px; } .c-catalog__sortings { display: flex; flex-wrap: wrap; } .c-catalog__sortings > a { padding: 5px; } .c-catalog__sortings span { line-height: 36px; } .c-catalog__sortings .selectator.single { padding: 9px 20px 9px 10px !important; min-width: 170px; display: flex; align-items: center; } @media (max-width: 47.99em) { .c-catalog__sortings { flex-direction: row; flex-wrap: wrap; justify-content: center; margin-left: 0; margin-right: 0; margin-bottom: 8px; } } @media (max-width: 47.99em) { .c-catalog__per-page-products { text-align: center; color: #7f8081; } } .c-catalog__per-page-products .selectator_option_title { margin-left: 0; } .c-catalog__per-page-products .selectator.single { height: 32px; } .c-catalog__sorting { padding: 16px 0; white-space: nowrap; margin-right: 16px; } @media (max-width: 47.99em) { .c-catalog__sorting { padding: 12px; border: 1px solid #d22730; text-decoration: none; margin: 4px; } } .c-catalog__sorting--active { text-decoration: underline; } .c-catalog__items { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; align-items: stretch; } .c-catalog__loading { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 99; pointer-events: none; background-color: rgba(255, 255, 255, 0.7); width: 100%; height: 100%; } .z { z-index: 20; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } .c-quick { margin-bottom: -8px; align-self: stretch; } .c-quick .c-filters__item { flex: 0 1 0; } .c-filters { display: flex; flex-wrap: wrap; /* @include mq($until: md) { margin: 0; padding: 0 space(4) 0 0; }*/ } .c-filters__content { flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; background-color: transparent; margin: 16px 0; /*@include mq($until: lg) { .c-navbar__dropdown{ border: none; } }*/ } .c-mobile-togglers { margin: 0 -8px; } .c-mobile-togglers .col-6 { padding: 0 8px; } .apply-slider { flex: 1 1 100%; display: flex; justify-content: center; } .header-filters-count, .filters-count { min-width: 20px; top: -2px; max-width: 50px; text-decoration: none; display: inline-block; outline: none; color: white; background-color: #d22730; border-radius: 100%; overflow: unset; text-align: center; padding: 0; border: 1px solid #d22730; position: relative; line-height: 1; } .header-filters-count:before, .filters-count:before { content: ""; display: inline-block; vertical-align: middle; padding-top: 100%; } .header-filters-count .filter-count-item, .filters-count .filter-count-item { line-height: 1; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; color: white; display: inline-block; vertical-align: middle; max-width: 90%; font-weight: 700; } .filters-count { margin-left: 5px; } .header-filters-count { margin-left: 8px; min-width: 26px; top: -1px; } .c-filters__header { width: 100%; display: flex; align-items: center; text-transform: uppercase; position: relative; justify-content: space-between; /*@include mq($until: lg) { justify-content: space-between; margin-bottom: space(2); .buttons-block{ .c-btn{ padding: 10px 14px 8px 14px; &--red{ color: white; &:hover{ color: white; } } } } }*/ } .c-filters__header .c-modal__close { right: 0; top: -6px; } .c-filters__header h4 { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; font-weight: bold; color: black; } .c-filters__header span { text-transform: none; font-size: 17px; font-size: 1.0625rem; line-height: 1.4117647059; font-weight: normal; } .c-filters__category-wrapper { width: calc(33.33% - 16px); height: 34px; padding: 8px 0 8px 0; position: relative; } @media (max-width: 47.99em) { .c-filters__category-wrapper { width: calc(100% - 16px); height: auto; } } .c-filters__items.slider { display: flex; align-items: center; } .c-filters__items.slider .noUiSlider { line-height: 1; flex: 1 1 auto; padding-right: 20px; padding-left: 20px; } .c-filters__category-wrapper--slider .c-filters__items { padding: 24px 5px 24px 5px; } .c-filters__category-wrapper--slider .c-present-values span { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; margin-bottom: 2px; } .c-filters__category-wrapper--slider .c-present-values .present-value { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; padding: 5px 5px; border-radius: 6px; border: 1px solid; } .c-filters__category-wrapper--slider .c-present-values .present-value-parent { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; padding: 5px 5px; border-radius: 6px; border: 1px solid; display: flex; } .c-filters__category-wrapper--slider .c-present-values .present-value-parent input { border: none; width: 50px; } .filter-header-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 15px; align-items: center; border-bottom: 1px solid #cbd3df; width: 100%; } .filter-header-wrap .filter-header-left-side { line-height: 1.3; } .filter-header-wrap .filter-header-left-side .filter-header-title-wrap { display: flex; justify-content: space-between; align-items: center; } .filter-header-wrap .filter-header-left-side .filter-header-title-wrap .filter-header-title { margin-right: 10px; font-size: 22px; font-weight: bold; } .filter-header-wrap .filter-header-left-side .filter-header-title-wrap .filter-header-filters-count { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; font-size: 16px; } .c-filters__category-wrapper--is-open .c-filters__category-header .c-navbar__dropdown::after { transform: rotate(0) translateY(45%) translateX(90%); opacity: 0; } .c-filters__category { position: absolute; width: 100%; padding: 0 4px; } @media (max-width: 47.99em) { .c-filters__category { position: relative; } } .c-filters__category:last-child { flex: 1; } @media (max-width: 35.99em) { .c-filters__category { flex: 0 0 100%; width: 100%; } } .c-filters__category-header { padding-right: 32px; display: flex; justify-content: space-between; align-items: center; margin: 0; cursor: pointer; font-size: 16px; font-size: 1rem; line-height: 1; font-weight: 900; position: relative; } .c-filters__category-header:first-letter { text-transform: uppercase; } .c-filters__category-header .c-navbar__dropdown { position: absolute; right: 0; width: 20px; height: 20px; top: 50%; transform: translateY(calc(-50% - 2px)); } .c-filters__category-header .c-navbar__dropdown::before { position: absolute; width: 80%; height: 80%; border: none; border-top: 2px solid; content: ""; top: 85%; transform: translateY(-50%); } .c-filters__category-header .c-navbar__dropdown::after { opacity: 1; position: absolute; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); width: 80%; height: 80%; border: none; border-top: 2px solid; right: 85%; transform: rotate(90deg) translateY(-50%); content: ""; } .c-filters__items { font-size: 14px; font-size: 0.875rem; line-height: 2; display: flex; flex-wrap: wrap; top: 100%; z-index: 50; padding: 20px 0 0 0; max-height: 300px; overflow: auto; } @media (max-width: 47.99em) { .c-filters__items { padding-right: 16px; } } .c-filters__items .c-checkbox__checkmark { min-width: 20px; height: 20px; border-radius: 4px; border: 1px solid; } .c-filters__items .c-checkbox__checkmark::after { top: 2px; left: 6px; width: 6px; border-color: white; } .c-filters__items .noUiSlider .noUi-horizontal { border: none; background: none; box-shadow: none; } .c-filters__items .noUiSlider .noUi-horizontal .noUi-connect { height: 20%; transform: translate(0%, -50%) !important; top: 50%; } .c-filters__items .noUiSlider .noUi-horizontal .noUi-handle { top: 2px; border-radius: 50px; box-shadow: none; border: none; background-color: #2D2D2E; width: 15px; height: 15px; right: -8px; } .c-filters__items .noUiSlider .noUi-horizontal .noUi-handle::after, .c-filters__items .noUiSlider .noUi-horizontal .noUi-handle::before { display: none; } .c-filters__items .noUiSlider .noUi-horizontal .noUi-handle .noUi-tooltip { border: none; background: none; } .c-filters__items--color { flex-direction: column; } .c-filters__item { position: relative; font-size: 15px; font-size: 0.9375rem; line-height: 1.0666666667; margin-bottom: 8px; flex: 1 1 100%; white-space: nowrap; } .c-filters__item.c-checkbox.disabled { cursor: not-allowed; } .c-filters__item img { width: 20px; height: 20px; border-radius: 5px; margin-right: 5px; } .c-filters__items--size .c-filters__item { width: 50%; /*@include mq($until: map_get($mq-breakpoints, sm) - 200px) { width: 50%; }*/ } @media (max-width: 35.99em) { .c-filters__items--size .c-filters__item { width: 33%; } } @media (max-width: 47.99em) { .c-filters__items--color .c-filters__item { width: 70%; } } @media (max-width: 35.99em) { .c-filters__items--color .c-filters__item { width: 50%; } } @media (max-width: 23.5em) { .c-filters__items--color .c-filters__item { width: 80%; } } .c-checkbox__color-indicator { content: ""; display: block; width: 16px; height: 16px; position: absolute; right: 10px; border-radius: 16px; background-color: black; box-shadow: 0px 1.24201px 1.40812px rgba(0, 0, 0, 0.0470283), 0px 1.9451px 2.28785px rgba(0, 0, 0, 0.0991415), 0px 4px 5px rgba(0, 0, 0, 0.1); } @media (max-width: 47.99em) { .c-filter__slider { width: 50%; } } #showFilters { display: contents; } .c-filters--sidebar .c-filters__category-wrapper { width: 100%; height: auto; } .c-filters--sidebar .c-filters__category { position: relative; } .c-filters--sidebar .c-filters__category .c-filters__category-header { transition: color 0.3s ease; } .c-filters--sidebar .c-filters__category .c-filters__category-header:hover { color: #2D2D2E; } .c-selected-filters__item { background-color: white; display: inline-flex; margin-right: 8px; margin-bottom: 8px; border-radius: 50px; border: 1px solid #C53030; flex-wrap: wrap; align-items: center; white-space: initial; cursor: initial; } .c-selected-filters__item.c-btn:hover { color: #777777; } .c-selected-filters__item > div { display: inline-flex; } .removeFilter { cursor: pointer; } .c-selected-filters__label { margin-right: 4px; } .c-selected-filters__value { margin-right: 4px; font-weight: 800; } /*.c-selected-filters__item.c-btn { &:hover { color: color(red, 900); background-color: color(red,200); } }*/ .c-selected-filters { margin-top: 8px; } .c-selected-filters__remove { width: 16px; height: 16px; border-radius: 50%; color: white; background-color: #C53030; padding-left: 1px; } .c-sidebar__sections, .c-sidebar__section, .c-sidebar__list, .c-sidebar__item { list-style: none; } .c-sidebar { padding: 24px; } .c-sidebar-filter { max-width: 400px; } .c-sidebar__section { position: relative; } .c-sidebar__section [data-opener-class] { font-size: 28px; font-size: 1.75rem; line-height: 1.1428571429; color: #3182CE; display: block; position: absolute; right: 8px; top: 0; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); cursor: pointer; } .c-sidebar__section [data-opener-class]:hover { transform: scale(1.2); } .c-sidebar__sections--subsection { display: none; padding: 8px 0 8px 24px; } .c-sidebar__section-link { color: inherit; display: flex; margin-right: 24px; font-size: 16px; font-size: 1rem; line-height: 2; } .c-sidebar__section-link:hover { color: inherit; } .c-sidebar__section-link--active { font-weight: bold; } .c-sidebar__sections--subsection .c-sidebar__section-link:before { content: ""; display: block; position: absolute; left: -20px; width: 12px; height: 1px; background-color: #7f8081; top: 16px; } .c-sidebar__padding { padding-left: 24px; } @media (max-width: 61.99em) { .c-sidebar { padding-top: 48px; padding-bottom: 24px; position: fixed; top: 0; right: 0; background-color: white; display: block; transform: translateX(100%); z-index: 1000; height: 100vh; width: 80vw; box-shadow: 0 10px 17px hsla(0, 0%, 0%, 0.1), 0 3px 6px hsla(0, 0%, 0%, 0.08); transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } .c-sidebar.is-open { transform: translateX(0); } .c-sidebar__content { height: calc(100vh - 112px); overflow: auto; } .c-sidebar__footer { height: 40px; } } @media (min-width: 62em) { .c-sidebar__content { padding: 16px; border: 1px solid #d22730; } } @media (max-width: 35.99em) { .c-sidebar { width: 90vw; } } .c-subsections__items > div { margin-bottom: 8px; } .c-subsections__item { padding: 8px 8px; border: 1px solid #d22730; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); font-weight: bold; color: #777777; letter-spacing: 0.06em; display: flex; text-align: center; align-items: center; flex-direction: row; justify-content: center; height: 100%; font-size: 15px; font-size: 0.9375rem; line-height: 1.0666666667; } .c-subsections__item .image { flex: 0 0 30%; } .c-subsections__item .image img { vertical-align: middle; } .c-subsections__item .title { font-size: 15px; font-size: 0.9375rem; line-height: 1.0666666667; } .c-subsections__item:hover { cursor: pointer; color: white; background-color: #d22730; text-decoration: none; } .c-subsections__item--active { color: white; background-color: #3182CE; } .c-paginator { width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 16px; } .c-paginator__next-btn { margin-bottom: 16px; } .c-paginator__pages-list { list-style: none; display: flex; align-items: center; justify-content: center; } .c-paginator__pages-item { list-style: none; color: #d22730; margin: 0 4px; } @media (max-width: 380px) { .c-paginator__pages-item { margin: 0 2px; font-size: 12px; } } .c-paginator__page--active { font-weight: 800; } .c-paginator__page--active input { max-width: 50px; } .c-paginator__pages-link { padding: 4px; } .c-product__image { width: 100%; max-width: 100%; height: auto; position: relative; border: 1px solid #f4f4f4; } .c-product__image-wrapper { width: 100%; max-width: 100%; height: auto; position: relative; } .c-product__flags { position: absolute; display: flex; flex-direction: column; align-items: flex-start; left: -8px; top: 8px; } .c-product__flag { border: none; background-color: white; color: #d22730; box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.1), 0 1px 2px hsla(0, 0%, 0%, 0.1); font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; padding: 4px 8px; margin-top: 4px; } .c-product__price { font-size: 24px; font-size: 1.5rem; line-height: 1.6666666667; } .c-product__price span { font-size: 16px; font-size: 1rem; line-height: 1; } .c-product__price--without-vat { font-size: 16px; font-size: 1rem; line-height: 1.5; } .c-product__short-text p { font-size: 14px; font-size: 0.875rem; line-height: 1.7142857143; } .c-product__params-table { display: table; border: 1px solid #d22730; margin: 0; border-collapse: collapse; } .c-product__params-table-row { display: table-row; margin: 0; border-collapse: collapse; } .c-product__params-table-cell { border: 1px solid #d22730; border-collapse: collapse; padding: 4px 16px 4px 4px; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; margin: 0; display: table-cell; } @media (min-width: 576px) { .AddToBasket { justify-content: end; } } .AddToBasket .plus_minus { display: flex; align-items: center; /* Firefox */ } @media (min-width: 576px) { .AddToBasket .plus_minus { justify-content: end; } } .AddToBasket .plus_minus span.c-cart-table__product-quantity-modifier { padding-bottom: 0; } .AddToBasket .plus_minus input { width: 35px; border: none; text-align: center; padding: 0 0; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } .AddToBasket .plus_minus input::-webkit-outer-spin-button, .AddToBasket .plus_minus input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .AddToBasket .plus_minus input[type=number] { -moz-appearance: textfield; } .c-comment { padding: 32px; margin-bottom: 16px; background-color: #F8F9FA; } .c-comment__header { display: flex; justify-content: space-between; margin-bottom: 8px; } .c-comment__author { font-weight: bold; } .c-comment__text p { font-size: 14px; font-size: 0.875rem; line-height: 1.7142857143; } .z { z-index: 20; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ [disabled] { cursor: not-allowed; } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Black-Web.eot); src: url(../../styles/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/fonts/Graphik-Medium-Web.eot); src: url(../../styles/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ /* @font-face { font-family: 'Lato'; src: url(../../styles/fonts/Lato-Regular.woff2) format('woff2'), url(../../styles/fonts/Lato-Regular.woff) format('woff'), url(../../styles/fonts/Lato-Regular.ttf) format('truetype'); }*/ body.debug:before { background-color: #FCF8E3; border-bottom: 1px solid #FBEED5; border-left: 1px solid #FBEED5; color: #C09853; font: small-caption; padding: 3px 6px; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 100; } @media (min-width: 36em) { body.debug:before { content: "sm ≥ 576px (36em)"; } } @media (min-width: 48em) { body.debug:before { content: "md ≥ 768px (48em)"; } } @media (min-width: 62em) { body.debug:before { content: "lg ≥ 992px (62em)"; } } @media (min-width: 75em) { body.debug:before { content: "xl ≥ 1200px (75em)"; } } .c-pills { display: flex; flex-wrap: wrap; } .c-pills .c-pills__pill { padding: 8px 12px; border-radius: 6px; text-transform: uppercase; margin-right: 8px; margin-bottom: 8px; } .c-catalog-item { width: 33.3333333333%; position: relative; background-color: white; margin-bottom: 16px; } @media (max-width: 74.99em) { .c-catalog-item { width: 50%; } } @media (max-width: 35.99em) { .c-catalog-item { width: 100%; max-width: 310px; margin: 0 auto; } } .c-catalog-item .img-wrap { display: flex; flex-direction: column; flex-basis: 290px; max-height: 290px; align-items: center; justify-content: center; position: relative; overflow: hidden; } .c-catalog-item .img-wrap > div { width: 100%; height: 100%; } .c-catalog__items.items-4 .c-catalog-item { width: 25%; } @media (max-width: 74.99em) { .c-catalog__items.items-4 .c-catalog-item { width: 50%; } } @media (max-width: 35.99em) { .c-catalog__items.items-4 .c-catalog-item { width: 100%; } } .p-homepage__section-news .c-catalog-item { flex: 0 1 330px; } .p-homepage__section-news .slick-dots { position: relative; top: -1; } .c-catalog-item__annotation { margin-top: 8px; height: 56px; overflow: hidden; color: #6c6c6c; font-size: 14px; font-size: 0.875rem; line-height: 1.4; } .c-catalog-item__link { display: flex; flex-direction: column; height: 100%; position: relative; z-index: 3; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); padding: 24px; color: inherit; border-radius: 10px; } @media (max-width: 47.99em) { .c-catalog-item__link { padding: 8px; } } @media (max-width: 35.99em) { .c-catalog-item__link { padding: 48px; } } @media (max-width: 29.75em) { .c-catalog-item__link { padding: 16px 8px; } } .c-catalog-item:hover .c-catalog-item__link { box-shadow: 0 0.3px 1.1px rgba(0, 0, 0, 0.032), 0 1.1px 3.6px rgba(0, 0, 0, 0.048), 0 5px 16px rgba(0, 0, 0, 0.08); text-decoration: none; } .c-catalog-item:hover .c-catalog-item__link .c-catalog-item__image.canFade { opacity: 0; } .c-catalog-item:hover .c-catalog-item__link .c-catalog-item__image.hover { opacity: 1; } .c-catalog-item__image { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); min-width: 100%; flex: 0 0 auto; object-fit: cover; object-position: center top; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 1; } .c-catalog-item__image.hover { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; } .c-catalog-item__stock-row { margin-bottom: 0; margin-top: 8px; font-size: 14px; font-size: 0.875rem; line-height: 1.7142857143; } @media (max-width: 35.99em) { .c-catalog-item__stock-row { text-align: center; } } .c-catalog-item__on-stock { color: #48bb78; font-weight: bold; } .c-catalog-item__out-of-stock { color: #DD0000; } .c-catalog-item .c-product__flags { position: absolute; display: flex; left: 8px; top: 32px; z-index: 10; } .c-catalog-item__middle-row { flex: 1 1 auto; display: flex; flex-direction: column; } .c-catalog-item__title { margin-top: 8px; color: #222; font-size: 20px; font-size: 1.25rem; line-height: 1.2; flex: 1 1 auto; } .c-catalog-item__title h2 { margin-bottom: 8px; } .c-catalog-item__title h2 { margin-top: 8px; color: #222; font-size: 15px; font-size: 0.9375rem; line-height: 1.0666666667; flex: 1 1 auto; } [class^=p-homepage] .c-catalog-item__title h2:not(.article-top-link) { margin-top: 8px; color: #222; font-size: 20px; font-size: 1.25rem; line-height: 1.2; flex: 1 1 auto; text-align: left; font-weight: 400; } .c-catalog-item__price-sale { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; color: rgba(0, 0, 0, 0.53); line-height: 1; text-align: right; text-decoration: line-through; } .c-catalog-item__price { font-size: 26px; font-size: 1.625rem; line-height: 1.2307692308; color: #df2b2b; line-height: 1; text-align: right; } .c-catalog-item__price span { font-weight: 100; color: #6c6c6c; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; text-align: right; width: 100%; display: block; } @media (max-width: 47.99em) { .slick-slide .c-catalog-item__price { padding-right: 30px; } } .c-catalog-item__bottom-row { display: flex; justify-content: space-between; align-items: center; margin-top: auto; } /*.c-catalog-item .c-btn { position: absolute; right: space(6); bottom: 18px; z-index: 5; @include font-size(14px); padding: space(2) space(6); @include mq($until: md){ right: space(2); bottom: 10px; } @include mq($until: sm){ display: none; } }*/ .c-catalog-item .c-btn.c-btn--gray-blue { background-color: #EFEFEF; border-radius: 6px; padding: 4px 6px; line-height: 23px; font-size: 28px; font-weight: 700; color: #fff; } @media (max-width: 47.99em) { .c-catalog-item .c-btn.c-btn--gray-blue { padding: 2px; } } .c-catalog-item .c-btn.c-btn--gray-blue:hover { background-color: #d22730; } .c-catalog-6item { flex-wrap: wrap; } .c-catalog-6item .img-wrap { max-height: 160px; } .c-catalog-6item .c-catalog-item__link { padding: 15px; } .c-catalog-6item .c-catalog-item { width: 16.6666666667%; } @media (max-width: 74.99em) { .c-catalog-6item .c-catalog-item { width: 16.6666666667%; } } @media (max-width: 74.99em) { .c-catalog-6item .c-catalog-item { width: 33.3333333333%; } } @media (max-width: 47.99em) { .c-catalog-6item .c-catalog-item { width: 50%; } } @media (max-width: 35.99em) { .c-catalog-6item .c-catalog-item { width: 50%; } } @media screen and (max-width: 400px) { .c-catalog-6item .c-catalog-item { width: 100%; } } .c-catalog-6item .c-catalog-item .c-catalog-item__title { font-size: 16px; font-size: 1rem; line-height: 1; } .c-catalog-6item .c-catalog-item .c-catalog-item__price { font-size: 20px; font-size: 1.25rem; line-height: 1.2; } .c-catalog-6item .c-catalog-item__bottom-row .AddToBasket { justify-content: flex-start; } .c-catalog-6item .c-catalog-item__bottom-row .c-catalog-item__price { width: 100%; } .c-catalog-6item .c-catalog-item__bottom-row .addToBasketContainer { width: 100%; display: block; } .c-catalog-4item { flex-wrap: wrap; } .c-catalog-4item .c-catalog-item { width: 25%; } @media (max-width: 74.99em) { .c-catalog-4item .c-catalog-item { width: 25%; } } @media (max-width: 74.99em) { .c-catalog-4item .c-catalog-item { width: 33.3333333333%; } } @media (max-width: 47.99em) { .c-catalog-4item .c-catalog-item { width: 50%; } } @media (max-width: 35.99em) { .c-catalog-4item .c-catalog-item { width: 100%; } } @media screen and (max-width: 400px) { .c-catalog-4item .c-catalog-item { width: 100%; } } .c-catalog-4item .c-catalog-item .c-catalog-item__title { font-size: 16px; font-size: 1rem; line-height: 1; } .c-catalog-4item .c-catalog-item .c-catalog-item__price { font-size: 20px; font-size: 1.25rem; line-height: 1.2; } .c-comment { padding: 32px; margin-bottom: 16px; background-color: #F8F9FA; } .c-comment__header { display: flex; justify-content: space-between; margin-bottom: 8px; } .c-comment__author { font-weight: bold; } .c-comment__text p { font-size: 14px; font-size: 0.875rem; line-height: 1.7142857143; } .c-signpost { padding-bottom: 48px; padding-top: 48px; margin-top: 32px; margin-bottom: 32px; min-height: 192px; display: flex; align-items: center; position: relative; } .c-signpost .row { margin-left: -5px; margin-right: -5px; } .c-signpost img { min-width: 100%; min-height: 100%; } .c-signpost .col-12 { padding-left: 5px; padding-right: 5px; } .c-signpost_small { min-height: unset; height: 20px; } .c-signpost_small .c-signpost__background { height: 20px !important; } .c-signpost .c-btn { background-color: #fff; width: 52px; height: 52px; margin-bottom: 10px; padding: 0; } .c-signpost .c-btn.is-active { background-color: #222; } .c-signpost .c-btn.is-active img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); } .c-signpost .c-btn:hover, .c-signpost .c-btn.active { background-color: #222; } .c-signpost .c-btn:hover img, .c-signpost .c-btn.active img { -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); } .c-signpost__box { background: #FFFFFF; border-radius: 5px; display: grid; height: 100%; padding: 15px 15px; } .c-signpost__list { padding: 0 0 0 15px; } @media (max-width: 47.99em) { .c-signpost__list { max-width: 100%; flex-basis: inherit; flex-direction: row !important; justify-content: space-around; } } @media (max-width: 47.99em) { .c-signpost .c-tabs__labels-list { flex-direction: row !important; justify-content: space-between; } } .c-signpost__background { background-image: url(../../styles/../images/background-signpost.png); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .c-signpost__navigation { flex-basis: 0; flex-grow: 1; max-width: 80px; width: 100%; display: flex; align-items: flex-start; justify-content: center; padding-top: 24px; } @media (max-width: 47.99em) { .c-signpost__navigation { display: none; } } .c-signpost__tabs { flex-basis: 0; flex-grow: 1; max-width: 100%; } @media (max-width: 47.99em) { .c-signpost__tabs { max-width: 100%; flex-basis: inherit; flex-direction: row !important; justify-content: space-around; } } .c-signpost__tabs h3 { background-color: white; width: 100%; } .c-signpost__top-category { font-size: 16px; line-height: 22px; color: #555555; font-weight: bold; } .c-signpost__top-category .active { text-decoration: underline; } .c-signpost__top-category:hover { color: inherit; } .c-signpost__child-category { font-size: 14px; line-height: 18px; color: #555555; } .c-signpost__child-category i { top: 2px; position: relative; color: #DD0000; } .c-signpost__child-category a { width: 100%; display: inline-block; color: inherit; } .c-signpost__child-category a:hover, .c-signpost__child-category a.active { text-decoration: none; background: #222222; border-radius: 3px; color: #fff; } .c-signpost__child-category a:hover i, .c-signpost__child-category a.active i { color: #fff; } @media (max-width: 47.99em) { .c-signpost .c-tabs__tab.fade { opacity: 1; } } .p-product .product-info p { line-height: 1.2; } .p-product h2 { font-size: 20px; font-size: 1.25rem; line-height: 1.2; font-weight: 700; } .p-product .p-product__image { max-height: 760px; } .p-product .p-product__title { color: #333333; font-size: 32px; font-weight: 300; } .p-product .p-product__note { font-size: 14px; } .p-product .tab-variant { display: none; } .p-product .tab-variant.is-active { display: block; } .p-product .p-product__image-wrapper a { display: flex; justify-content: center; } .p-product .slick-slider { margin-bottom: 0 !important; } .p-product .slick-prev:before { color: #ffffff; } .p-product .slick-prev:hover { color: #d22730; } .p-product .slick-next:before { color: #ffffff; } .p-product .slick-next:hover { color: #d22730; } .p-product .slick-slide { margin: 0 2px; } .slick-arrow { background-color: #d22730; color: #ffffff; border: 1px solid #d22730; display: block; width: 30px; height: 30px; line-height: 30px; opacity: 1; } .slick-next:before { line-height: 25px; content: ">"; } .slick-prev:before { line-height: 25px; content: "<"; } .c-need-help { border: 1px solid #222222; background-color: #d22730; align-items: center; color: #ffffff; } .c-need-help a { color: #ffffff; } .c-need-help h3 { color: #ffffff; } .c-need-help div { align-items: center; } .c-need-help img { border-radius: 75px; width: 75px; height: 75px; border: 1px solid #222222; margin: 16px; margin-left: 32px; } .js-detail-wrap { position: relative; } #detail-sticky.sticky { position: fixed; top: 65px; } .p-product__labels .c-pills__pill { color: white; } .p-product__labels .is-red { background-color: #DD0000; } .p-product__labels .is-blue { background-color: #0A89FF; } .p-product__labels .p-product-description p { margin-bottom: 16px; } .product-info-box > div { width: 28%; } .product-info-box > div:first-child { width: 20%; } .product-info-box > div:last-child { width: 24%; } @media (max-width: 991.98px) { .product-info-box > div { width: 100%; } .product-info-box > div span { text-align: left; } .product-info-box > div:first-child { width: 100%; } .product-info-box > div:last-child { width: 100%; } } .c-product-description ul { margin: 15px 0 15px 15px !important; } .c-product-description ul li { /* &:before{ height: 16px; width: 8px; @include transform-origin(left top); @include transform(translate3d(20px,2px,0) rotate(45deg)); border-right: 3px solid color(primary); border-bottom: 3px solid color(primary); content: ''; left: 0; top: 0; position: absolute; }*/ } .c-product-description iframe { max-width: 100% !important; } .p-product__price-before { color: #DD0000; text-decoration: line-through; } .p-product__price-before strong { font-weight: 400; } .p-product__price { font-size: 32px; color: #DD0000; line-height: 30px; flex: 1 1 auto; } .p-product__price.novat { color: #222222; font-size: 18px; line-height: 16px; } .p-product__price .info-text { margin-top: 5px; color: #848484; font-style: italic; font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } .p-product__price strong { font-weight: 400; } .p-product__price + .u-flex-col { flex: 1 1 0; } .p-product__stockno { background-color: #effafe; } .c-border-box { border: 1px solid #d22730; color: #222222; } .c-product__delivery { border-bottom: 1px solid #d22730; } .c-product__delivery strong { font-style: normal; } h3 { font-size: 20px; font-size: 1.25rem; line-height: 1.2; } .p-product__sizes .c-pills__pill { background-color: #ebebeb; font-weight: bold; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } .p-product__sizes .c-pills__pill.is-active, .p-product__sizes .c-pills__pill:hover { cursor: pointer; background-color: #222222; color: white; } .p-product__add-to-basket-row { display: flex; } .p-product__add-to-basket-row .AddToBasket { margin: -12px 0 0 -12px; width: calc(100% + 12px); } .p-product__add-to-basket-row .AddToBasket > * { margin: 12px 0 0 12px; } .p-product__add-to-basket-row .AddToBasket .plus_minus { flex: 1 1 0; } .p-product__add-to-basket-row .AddToBasket .plus_minus > * { flex: 1 1 40px; } .p-product__add-to-basket-row .c-btn { flex: 1 1 120px; } .c-product__buttons { display: flex; flex-wrap: wrap; } .c-product__buttons .c-product__button, .c-product__buttons button { display: flex; align-items: center; padding: 8px 16px; cursor: pointer; } .c-product__buttons .c-product__button:focus, .c-product__buttons button:focus { border: 2px solid black; border-radius: 4px; } .c-product__buttons .c-product__button .text, .c-product__buttons button .text { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); text-transform: uppercase; color: #222222; font-size: 16px; font-size: 1rem; line-height: 1; position: relative; } .c-product__buttons .c-product__button .text:after, .c-product__buttons button .text:after { content: ""; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); width: 100%; height: 1px; position: absolute; display: block; background-color: #d22730; bottom: -3px; left: 0; opacity: 0; } .c-product__buttons .c-product__button .material-icons, .c-product__buttons button .material-icons { color: #d22730; font-size: 30px; font-size: 1.875rem; line-height: 1.0666666667; margin-right: 16px; } .c-product__buttons .c-product__button:hover .text, .c-product__buttons button:hover .text { color: #d22730; } .c-product__buttons .c-product__button:hover .text:after, .c-product__buttons button:hover .text:after { opacity: 1; } @media (min-width: 48em) { .c-product__buttons .c-product__button, .c-product__buttons button { flex: 1 1 100%; } } .c-product__buttons button { -webkit-appearance: none; appearance: none; -moz-appearance: none; outline: none; box-shadow: none; background: none; border: none; } .p-product__comp-fav-share-row { background-color: rgba(204, 204, 204, 0.2); border-radius: 6px; padding: 8px 12px; display: flex; justify-content: space-around; } .p-product__comp-fav-share-row .c-inline-link--with-icon { padding: 0 0 0 20px; color: #999999; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); font-size: 16px; } .p-product__comp-fav-share-row .c-inline-link--with-icon:after { display: none; } .p-product__comp-fav-share-row .c-inline-link--with-icon:hover { color: #666666; } @media (min-width: 48em) { .p-product__comp-fav-share-row .c-inline-link--with-icon { font-size: 14px; } } @media (min-width: 62em) { .p-product__comp-fav-share-row .c-inline-link--with-icon { font-size: 16px; padding: 0 0 0 26px; } } @media (min-width: 75em) { .p-product__comp-fav-share-row .c-inline-link--with-icon { padding: 0 0 0 31px; } } .p-product__comp-fav-share-row .c-inline-link--with-icon .material-icons { font-size: 18px; color: #DD0000; } @media (min-width: 62em) { .p-product__comp-fav-share-row .c-inline-link--with-icon .material-icons { font-size: 22px; } } @media (min-width: 75em) { .p-product__comp-fav-share-row .c-inline-link--with-icon .material-icons { font-size: 27px; } } .p-product__ask a, .p-product__ask div.la { border: 1px solid #cae8f5; background: #effafe; color: #000; padding: 0.778em 1em; margin-top: 1em; margin-bottom: 1em; text-align: center; text-transform: uppercase; justify-content: center; display: flex; } .p-product__ask a span, .p-product__ask div.la span { line-height: 1.2; } .p-product__ask a p, .p-product__ask div.la p { font-size: 16px; } #hce-product-cert { display: flex; } #hce-product-cert .hce-certificate-text-container { padding-left: 15px; display: flex; flex-direction: column; justify-content: center; } #hce-product-cert .hce-certificate-heading { font-size: 22px; font-weight: bold; } #hce-product-cert .hce-certificate-links { font-size: 12px; } .c-product-parameters { font-size: 17px; font-weight: 300; font-family: "Lato", sans-serif; } .c-product-parameters span { font-size: 17px; } .c-product-parameters .u-text-bold { font-weight: 700 !important; } .c-product-parameters .row:nth-of-type(odd) [class*=col-] { background-color: #e1e1e1; } .image-parameter { position: relative; top: 0px; width: 20px; height: 30px; line-height: 30px; float: left; } .c-order-process { display: flex; margin-left: auto; margin-right: auto; justify-content: center; position: relative; } @media (max-width: 47.99em) { .c-order-process { width: 100%; } } .c-order-process__step { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); position: relative; display: flex; padding: 10px 4px; flex-direction: column; align-items: center; width: 25%; background-color: #e1e1e1; /* @include mq($until: md) { width: 100%; &:not(.c-order-process__step--active){ display: none; } }*/ } .c-order-process__step:first-child { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .c-order-process__step:last-child { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .c-order-process__step:not(:last-of-type):after { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); content: ""; background: transparent; clip-path: polygon(0 0, 0% 100%, 100% 50%); position: absolute; top: 0; right: -13px; height: 100%; width: 13px; display: block; z-index: 2; } @media (max-width: 767.98px) { .c-order-process__step:not(:last-of-type):after { display: none; } } .c-order-process__step.done { background-color: #222222; } .c-order-process__step.done .c-order-process__step-name { color: #FFFEFE; } .c-order-process__step.done:after { background-color: #222222; color: #FFFEFE; } .c-order-process__step-name { font-size: 16px; font-size: 1rem; line-height: 1; font-weight: 16px; color: #2D2D2E; padding: 2px 0; } @media (max-width: 767.98px) { .c-order-process__step-name { font-size: 12px; font-size: 0.75rem; line-height: 1.3333333333; text-align: center; } } .c-order-process__step-indicator { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } .c-order-process__step-indicator:hover { text-decoration: none; } .c-order-process__step--active, .c-order-process__step:hover { text-decoration: none; background-color: #d22730; } .c-order-process__step--active .c-order-process__step-name, .c-order-process__step:hover .c-order-process__step-name { color: #FFFEFE; } .c-order-process__step--active:after, .c-order-process__step:hover:after { background-color: #d22730 !important; } @media (max-width: 767.98px) { .c-order-process__step--active:after, .c-order-process__step:hover:after { background-color: none; } } .c-cart-table__labels { display: flex; border-bottom: 2px solid #d22730; padding-bottom: 16px; } .c-cart-table__labels > div:not(:last-of-type) { padding-right: 8px; } .c-cart-table__product-wrap { display: flex; flex-direction: row; align-items: center; width: 42%; } div.c-cart-table__product { display: flex; align-items: center; position: relative; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #d22730; } div.c-cart-table__product.last { border-bottom-width: 2px; } div.c-cart-table__product > div:not(:last-of-type) { padding-right: 8px; } .c-cart-table__label { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; letter-spacing: 1px; } .c-cart-table__label--title { width: 42%; } div.c-cart-table__label--availability { width: 11%; text-align: left; } .c-cart-table__label--price-per-piece { width: 13%; text-align: right; } .c-cart-table__label--quantity { width: 21%; } .c-cart-table__label--price { width: 10%; } .c-cart-table__label--price-with-vat { text-align: right; width: 13%; } .c-cart-table__product-image { padding-right: 8px; flex: 0 0 auto; /*width: 8%; padding-right: space(6); img { max-width: 100%; height: auto; display: block; }*/ } .c-cart-table__product-title { /*width: 36%; padding-right: space(4); font-weight: bold; */ } .c-cart-table__product-title * { font-weight: bold; font-size: 20px; font-size: 1.25rem; line-height: 1.2; } @media (max-width: 47.99em) { .c-cart-table__product-title * { font-size: 16px; font-size: 1rem; line-height: 1; } } .c-cart-table__product-price-per-piece { width: 13%; font-weight: 400; } .c-cart-table__product-availability { width: 11%; } .c-cart-table__product-availability p { font-weight: 400; font-size: 14px; letter-spacing: 0.2px; } .c-cart-table__product-availability .stock { color: #48bb78; } .c-cart-table__product-availability .outOfStock { color: #DD0000; } .c-cart-table__product-quantity { width: 21%; display: flex; align-items: center; } .c-cart-table__product-quantity > div.plus_minus { justify-content: flex-start; } .c-cart-table__product-price { width: 13%; } .c-cart-table__product-price-with-vat { width: 13%; font-weight: 400; text-align: right; font-size: 20px; font-size: 1.25rem; line-height: 1.2; } .c-cart-table__product-price-with-vat strong { font-weight: 400; } .c-cart-table__product-quantity-text { padding: 0 8px; } .AddToBasket .plus_minus { display: flex; justify-content: flex-end; align-items: center; /* Firefox */ } .AddToBasket .plus_minus input { width: 40px; height: 40px; border: 1px solid #c9c9c9; text-align: center; padding: 0 0; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } .AddToBasket .plus_minus input::-webkit-outer-spin-button, .AddToBasket .plus_minus input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .AddToBasket .plus_minus input[type=number] { -moz-appearance: textfield; } .c-cart-table__product-quantity-modifier { font-size: 24px; font-size: 1.5rem; line-height: 36px; display: flex; position: relative; width: 40px; height: 40px; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); justify-content: center; cursor: pointer; color: #ffffff; background-color: #c9c9c9; /*&.js-minus{ border-radius: 6px 0px 0px 6px; } &.js-plus{ border-radius: 0px 6px 6px 0px; }*/ } .c-cart-table__product-quantity-modifier:hover { color: white; background-color: #222222; } .c-cart-table__product-price-per-piece, .c-cart-table__product-price-with-vat { text-align: right; } .c-cart-table__label--title { text-align: left; } .c-cart-table__product-remove { position: absolute; right: -32px; cursor: pointer; height: 16px; width: 16px; top: 50%; transform: translateY(calc(-50% - 8px)); } .c-cart-table__product-remove:before, .c-cart-table__product-remove:after { content: ""; position: absolute; top: 7px; display: block; height: 2px; width: 16px; background-color: #DD0000; } .c-cart-table__product-remove:hover:before, .c-cart-table__product-remove:hover:after { background-color: #DD0000; } .c-cart-table__product-remove:before { transform: rotate(45deg); } .c-cart-table__product-remove:after { transform: rotate(-45deg); } @media (max-width: 61.99em) { .c-cart-table__label--title { width: 50%; } .c-cart-table__label--price-per-piece, .c-cart-table__label--availability, .c-cart-table__product-availability { display: none; } .c-cart-table__label--quantity { width: 25%; } .c-cart-table__label--price { display: none; } .c-cart-table__label--price-with-vat { width: 25%; } .c-cart-table__product-wrap { width: 50%; } .c-cart-table__product-price-per-piece { display: none; } .c-cart-table__product-quantity { width: 25%; } .c-cart-table__product-price { display: none; } .c-cart-table__product-price-with-vat { width: 25%; } } @media (max-width: 47.99em) { /* .c-cart-table__product { flex-wrap: wrap; position: relative; border: 1px solid color(border); padding: space(6) 0; margin-bottom: space(4); }*/ .c-cart-table__label { display: none; } /*.c-cart-table__product-image { width: 60px; position: absolute; top: 0; height: 100%; display: flex; align-items: center; padding: space(2); }*/ /*.c-cart-table__product-title { width: 80%; margin-left: 80px; padding-right: space(8); margin-bottom: space(4); }*/ /* .c-cart-table__product-quantity { width: calc(100% - 60px); margin-left: 80px; text-align: left; @include font-size(14px); justify-content: flex-start; }*/ /*.c-cart-table__product-price-with-vat { margin-top: space(4); @include font-size(16px); width: calc(100% - 60px); text-align: right; margin-left: 80px; padding-right: space(8); }*/ .c-cart-table__product { flex-wrap: wrap; } .c-cart-table__product-remove { right: 4px; top: 12px; } .c-cart-table__product-wrap { width: 100%; } .c-cart-table__product-quantity { width: 50%; } .c-cart-table__product-price-with-vat { width: 50%; } } .c-discount label { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } .c-discount input { border-radius: 0px 0px 0px 0px; max-width: 60%; } .c-discount .c-discount-btn { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); border-radius: 0 0px 0px 0; background: #d22730; color: white; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; font-weight: 400; border: none; } .c-discount .c-discount-btn:hover { cursor: pointer; background-color: #090909; } .c-progress { display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #48bb78; position: relative; padding-top: 25px; } .c-progress .material-icons { font-size: 33px; font-size: 2.0625rem; line-height: 1.2121212121; } .c-progress .progress { width: 90%; } .c-progress .progress .progress-bar { background-color: #48bb78; } .c-progress .free-delivery-note { position: absolute; top: 5px; font-size: 11px; font-size: 0.6875rem; line-height: 1.4545454545; width: 100%; font-weight: 400; color: #48bb78; } .c-progress .free-delivery-note .highlight { font-weight: bold; } @media (min-width: 28.125em) { .c-progress .free-delivery-note { top: 15px; } } @media (min-width: 48em) { .c-progress .free-delivery-note { top: 0px; } } @media (min-width: 75em) { .c-progress .free-delivery-note { top: 15px; } } .c-btn-order { border-radius: 0px; box-shadow: none; font-size: 24px; font-size: 1.5rem; line-height: 1; font-weight: bold; } @media (max-width: 47.99em) { .c-btn-order { font-size: 16px; font-size: 1rem; line-height: 1; } } .c-order-eshop-href { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; text-decoration: underline; } @media (max-width: 47.99em) { .c-order-eshop-href { font-size: 16px; font-size: 1rem; line-height: 1; } } .c-order-eshop-garance { color: #303030; font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } @media (max-width: 47.99em) { .c-order-eshop-garance { font-size: 16px; font-size: 1rem; line-height: 1; } } .c-order-eshop-garance img { margin-left: -15px; max-width: 100%; height: auto; } .c-price-box { font-size: 16px; font-size: 1rem; line-height: 2; } .c-price-box__row { display: flex; } .c-price-box__row--price-with-vat { font-weight: 700; display: flex; font-size: 20px; font-size: 1.25rem; line-height: 1.6; } .c-price-box__row--price-with-vat .c-price-box__value { font-size: 20px; font-size: 1.25rem; line-height: 1.6; } .c-price-box__col1 { width: 50%; } .c-price-box__col2 { width: 50%; text-align: right; } .c-price-box__row--price.price { align-items: flex-end; font-size: 24px; font-size: 1.5rem; line-height: 1; font-weight: 600; } @media (max-width: 47.99em) { .c-price-box__row--price.price { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } } .c-price-box__row--price.price .c-price-box__label { text-transform: uppercase; } @media (max-width: 47.99em) { .c-price-box__row--price.price .c-price-box__label { text-align: left !important; } } .c-price-box__row--price.price-wv { font-weight: 700; font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } @media (max-width: 47.99em) { .c-price-box__row--price.price-wv { font-size: 16px; font-size: 1rem; line-height: 1; } } @media (max-width: 47.99em) { .c-price-box__row--price.price-wv .c-price-box__label { text-align: left !important; } } .c-cart-form__section { display: flex; flex-direction: column; margin-bottom: 48px; } @media (max-width: 47.99em) { .c-cart-form__section { margin-bottom: 16px; } } .c-cart-form__section-left { width: 20%; border-right: 1px solid #d22730; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } @media (max-width: 47.99em) { .c-cart-form__section-left { width: 100%; border-right: none; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #d22730; } } .c-cart-form__section-right { width: 80%; padding-left: 16px; } @media (max-width: 47.99em) { .c-cart-form__section-right { width: 100%; padding-left: 0; } } .ChoosePaymentTypes .c-cart-select__title { grid-row-gap: 0; } @media (max-width: 35.99em) { .ChoosePaymentTypes .c-cart-select__title { grid-template-areas: "info"; } } @media (min-width: 48em) { .ChoosePaymentTypes .c-cart-select__title div { padding: 0 1em 0 0; } } .c-cart-select__item { display: flex; justify-content: space-between; position: relative; flex-wrap: wrap; flex-direction: row; background-color: #fff; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; /*&:not(.last)::after{ position: absolute; bottom: 0; right: space(8); content: ''; width: calc(100% - calc(64px + 32px)); height: 2px; display: block; background: $color-border; }*/ } .c-cart-select__item:nth-child(odd) { border: 1px solid #e1e1e1; background: #fafafa; } .c-cart-select__item:last-child { border-bottom: 1px solid #e1e1e1; } .c-cart-select__item .branches { flex: 1 0 100%; padding-left: 50px; display: none; } .c-cart-select__item .branches .c-cart-select__item { width: 50%; } .c-cart-select__item .BranchesPreview { padding: 16px 50px 16px 50px; flex: 1 0 100%; display: none; text-align: center; } .c-cart-select__item--focus { border: 2px solid black !important; border-radius: 4px; } .c-cart-select__item-left { flex: 1; } .c-cart-select__item-right { padding: 32px 32px 32px 0; position: absolute; right: 0; pointer-events: none; } .c-cart-select__label { cursor: pointer; position: relative; flex: 1; padding: 16px 32px 16px 64px; } .c-cart-select__label > div.info { flex: 1 0 100%; } @media (max-width: 35.99em) { .c-cart-select__label { padding: 8px 32px 8px 64px; } } .PaymentNote { padding: 24px 24px 24px 24px; color: #d22730; } .c-cart-select__items { padding: 16px 0px; } @media (min-width: 62em) { .OderDeliveryForm .c-cart-btns { flex-direction: column; } } #SelectDelivery { background: rgba(235, 235, 235, 0.3); padding: 15px; border: 1px solid #cae8f5; font-weight: 700; color: #d22730; } @media (max-width: 61.99em) { .information .mb { display: block; } .information .pc { display: none; } } @media (min-width: 62em) { .information .mb { display: none; } .information .pc { display: block; } } .c-cart-select__title { display: grid; grid-template-areas: "image info tooltips branchMap"; grid-template-columns: auto 1fr 1em 1em; justify-content: flex-start; align-items: center; } @media (max-width: 47.99em) { .c-cart-select__title { grid-template-areas: "info tooltips branchMap"; grid-template-columns: 1fr 1em 1em; } } @media (max-width: 35.99em) { .c-cart-select__title { grid-template-areas: "info" "branchMap"; grid-template-columns: 1fr; grid-row-gap: 0.5em; } } .c-cart-select__title .showCPBrancheMap { grid-area: branchMap; } @media (max-width: 35.99em) { .c-cart-select__title .showCPBrancheMap { width: 1em; } } .c-cart-select__title a { grid-area: tooltips; text-decoration: none; } .c-cart-select__title .image { width: 60px; grid-area: image; display: inline-block; } .c-cart-select__title .image img { width: 60px; vertical-align: middle; } @media (min-width: 62em) { .c-cart-select__title .image { width: 85px; } .c-cart-select__title .image img { width: 85px; } } .c-cart-select__title a { text-decoration: none; } .c-cart-select__title div { display: flex; grid-area: info; padding: 0 1em 0em 2em; align-items: center; justify-content: space-between; } @media (max-width: 61.99em) { .c-cart-select__title div .price { text-align: right !important; } .c-cart-select__title div span { flex: 1 1 auto; } } @media (max-width: 35.99em) { .c-cart-select__title div { padding: 0; } } .c-cart-select__title div .price { white-space: nowrap; } .c-cart-select__title .c-cart-form__space { width: 20px; } .c-cart-select__title .free_delivery_info, .c-cart-select__title .pay-label, .c-cart-select__title .delivery-label { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } .c-cart-select__title .price { transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; font-weight: bold; text-align: right; display: inline; } /* Hide the browser's default radio button */ .c-cart-select__item input[type=radio] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom radio button */ .c-cart-select__indicator { position: absolute; top: calc(50% - 12.5px); left: 24px; height: 24px; width: 24px; background-color: white; border: 1px solid; border-radius: 50%; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } /* On mouse-over, add a grey background color */ .c-cart-select__label:hover > .c-cart-select__indicator { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .c-cart-select__item input:checked ~ .c-cart-select__indicator { background-color: white; } .c-cart-select__item input:checked ~ .c-cart-select__title .free_delivery_info, .c-cart-select__item input:checked ~ .c-cart-select__title .pay-label, .c-cart-select__item input:checked ~ .c-cart-select__title .delivery-label { font-weight: bold; } /* Create the indicator (the dot/circle - hidden when not checked) */ .c-cart-select__indicator:after { content: ""; position: absolute; opacity: 0; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } /* Show the indicator (dot/circle) when checked */ .c-cart-select__item input:checked ~ .c-cart-select__indicator:after { opacity: 1; } /* Style the indicator (dot/circle) */ .c-cart-select__item .c-cart-select__indicator:after { width: 12px; left: 5px; top: 5px; height: 12px; border-radius: 50%; background: #222222; } .delivery-header { font-size: 24px; font-size: 1.5rem; line-height: 1; font-weight: 400; } .c-invoice-summary { background: #fafafa; border: 1px solid #e1e1e1; padding: 32px; font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } .c-invoice-summary h2 { margin: 0; font-size: 20px; font-size: 1.25rem; line-height: 1.2; font-weight: bold; margin-bottom: 16px; } .c-invoice-summary h4 { font-weight: bold; } .c-invoice-summary .customer, .c-invoice-summary .address { flex: 1 1 auto; } .c-invoice-summary .phone, .c-invoice-summary .email { margin-top: 16px; } .c-invoice-summary .phone .bold, .c-invoice-summary .email .bold { font-weight: bold; } .c-invoice-summary .body { flex: 1 1 auto; } .c-order-summary__header { font-size: 24px; font-size: 1.5rem; line-height: 1; font-weight: 400; } .c-order-summary { padding: 18px 0 32px 0; } .c-order-summary > .title { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; padding: 16px; font-weight: bold; background-color: #fff; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; } .c-order-summary .item { display: flex; flex-direction: row; justify-content: space-between; position: relative; padding: 16px; background-color: #fff; border-right: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; } .c-order-summary .item:last-child { border-top: 1px solid #e1e1e1; } .c-order-summary .item .item__info { align-self: flex-end; } .c-order-summary .item .item__info a { text-decoration: none; } .c-order-summary .item .item__info .count { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; font-weight: 400; } .c-order-summary .item .item__info .price { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; font-weight: 400; } .c-order-summary .item .item__info .price .small { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; text-decoration: line-through; } .c-order-summary .item-delivery { border-top: 1px solid #e1e1e1; } .c-order-summary .footer { background: #fafafa; font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; font-weight: 400; padding: 16px; border: 1px solid #e1e1e1; border-bottom: 0px; } .c-order-summary .footer div { padding-bottom: 8px; } .c-order-summary .footer div:last-of-type { padding: 0px; } .c-order-summary .footer .price-box div:first-of-type { padding-top: 8px; } .c-order-summary .total { background: #fafafa; padding: 0 16px 16px; border: 1px solid #e1e1e1; border-top: 0px; } .c-order-summary .total p { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; font-weight: 400; } .c-order-summary .total .label { font-weight: 400; text-transform: uppercase; font-size: 20px; font-size: 1.25rem; line-height: 1.2; } @media (max-width: 61.99em) { .c-order-summary .total .label { font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } } .c-order-summary .total .price { font-size: 24px; font-size: 1.5rem; line-height: 1; font-weight: bold; } .chooseDeliveryPoint { width: 100%; position: relative; margin-left: 165px; margin-right: 50px; margin-bottom: 15px; } @media (max-width: 61.99em) { .chooseDeliveryPoint { margin-left: 60px; } } @media (max-width: 47.99em) { .chooseDeliveryPoint { margin-left: 15px; margin-right: 15px; } } .chooseDeliveryPoint .hints { position: absolute; width: 100%; background-color: #fff; z-index: 9; } .chooseDeliveryPoint .hints ul { list-style: none; padding: 15px; } .chooseDeliveryPoint .hints ul li:hover { cursor: pointer; text-decoration: underline; } .personalCollectionInfo, .terms-of-condition { font-size: 18px; font-size: 1.125rem; line-height: 24px; } .ShipAddressLabel input[type=radio] { margin-right: 5px; } .ShipAddressLabel input[type=radio]:after { width: 20px; height: 20px; border-radius: 20px; top: -4px; left: -1px; position: relative; background-color: #fff; content: ""; display: inline-block; visibility: visible; border: 2px solid #000; } .ShipAddressLabel input[type=radio]:checked:after { width: 20px; height: 20px; border-radius: 20px; top: -3px; left: -1px; position: relative; background-color: #d00; content: ""; display: inline-block; visibility: visible; border: 2px solid #000; } #summary.sticky { position: fixed; top: 0; width: 100%; } #summary input[type=submit].disabled { cursor: not-allowed; background-color: #e1e1e1; } #summary input[type=submit].disabled:hover { border-color: transparent; } #ppl-parcelshop-map .smap { height: inherit !important; } .c-cart-btns { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; } @media (max-width: 47.99em) { .c-cart-btns { flex-direction: column; } .c-cart-btns > * { width: 100%; } } .c-cart-btns .c-btn:only-child { margin-bottom: 16px; } .c-cart-btns > *:not(:last-child) { margin-bottom: 16px; } @media (max-width: 767.98px) { .c-cart-row-btns .c-btn { width: 100%; } .c-cart-row-btns .c-btn:last-of-type { margin-top: 16px; } } .c-cart-recap__item-label { font-size: 16px; font-size: 1rem; line-height: 1; color: #7f8081; } .c-gallery { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: -24px; } @media (max-width: 47.99em) { .c-gallery { margin: 0; } } .c-gallery_tiny { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } @media (max-width: 47.99em) { .c-gallery_tiny { margin: 0; } } .c-gallery__item { width: calc(33.33% - 48px); margin: 24px; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } @media (max-width: 61.99em) { .c-gallery__item { width: calc(50% - 48px); } } @media (max-width: 47.99em) { .c-gallery__item { width: 100%; margin: 0 0 16px 0; } } .c-gallery__text { width: calc(33.33% - 48px); margin: 24px; } @media (max-width: 61.99em) { .c-gallery__text { width: calc(50% - 48px); } } @media (max-width: 47.99em) { .c-gallery__text { width: 100%; margin: 0 0 16px 0; } } .c-gallery__item a { display: flex; justify-content: center; align-items: center; } .c-gallery__item img { max-width: 100%; height: auto; } .c-border { border: thin gray solid; } .c-gallery__item:hover { box-shadow: 0 0 20px #3182ce; transform: scale(1.05); } /*@font-face { font-family: "fira_coderegular"; src: url(../../styles/'/fonts/firacode-regular.woff2) format('woff2'), url(../../styles/'/fonts/firacode-regular.woff) format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/'/fonts/Graphik-Black-Web.eot); src: url(../../styles/"/fonts/Graphik-Black-Web.woff) format("woff"); font-style: normal; font-weight: 800; font-stretch: normal; } @font-face { font-family: "Graphik"; src: url(../../styles/'/fonts/Graphik-Medium-Web.eot); src: url(../../styles/"/fonts/Graphik-Medium-Web.woff) format("woff"); font-style: normal; font-weight: 600; font-stretch: normal; }*/ .z { z-index: 20; } .la-modal { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100vw; height: 100vh; z-index: 2001; display: flex; justify-content: center; align-items: center; visibility: hidden; opacity: 0; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } .la-modal__body { overflow: auto; max-height: calc(100vh - 200px); padding: 0 20px; } .la-modal.is-open { visibility: visible; opacity: 1; } .la-modal__content { visibility: hidden; opacity: 0; background-color: white; position: relative; max-width: 600px; min-width: 500px; padding: 48px 48px; box-shadow: 0px 52px 85px rgba(95, 97, 86, 0.1), 0px 4px 59px rgba(0, 0, 0, 0.05); transform: translateY(-50px); transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); transition-delay: 0.2s; } @media (max-width: 47.99em) { .la-modal__content { min-width: auto; width: calc(100vw - 16px); padding: 48px 16px; } } .la-modal__content.c-modal__content-wider { max-width: 800px; width: 800px; } .la-modal__content.c-modal__content-wide { max-width: 1200px; width: 1200px; } .la-modal.is-open .la-modal__content { visibility: visible; opacity: 1; transform: translateY(0); } .la-modal__product { display: flex; } .la-modal__product-image { max-width: 200px; max-height: 200px; } .la-modal__product-text { margin-left: 24px; padding-top: 16px; } .la-modal__close { position: absolute; right: 16px; top: 16px; cursor: pointer; height: 32px; width: 32px; padding-left: 4px; padding-top: 14px; } .la-modal__close:before, .la-modal__close:after { content: ""; display: block; height: 1px; width: 24px; position: absolute; background-color: #7f8081; } .la-modal__close:hover:before, .la-modal__close:hover:after { background-color: #DD0000; } .la-modal__close:before { transform: rotate(45deg); } .la-modal__close:after { transform: rotate(-45deg); } .la-modal__close.removeFromList { z-index: 99; } .la-modal__footer { border-top: 2px solid rgb(242, 242, 242); padding: 24px 0 0 0; margin-top: 24px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .la-modal__footer-left, .la-modal__footer-right { display: flex; align-items: center; flex: 1 1 auto; margin-bottom: 5px; } .la-modal__footer-right { justify-content: space-between; } .la-tabs__tab { display: none; } .la-tabs__labels-list { margin-bottom: 32px; } .la-tabs__tab.is-active { display: block; } .la-tabs__labels-list { display: flex; list-style: none; } .la-tabs__label { margin: 0 2px 0 0; flex: 1; position: relative; } .la-tabs__label:last-child { margin: 0; } .la-tabs__label:after { content: ""; height: 2px; display: block; width: 16px; background-color: #F2F2F2; position: absolute; bottom: 0; left: 100%; } .la-tabs__label:last-child:after { display: none; } .la-tabs__labels-list { width: 100%; } .la-tabs__label-href { padding: 8px; border-left: 2px solid #F2F2F2; border-top: 2px solid #F2F2F2; border-right: 2px solid #F2F2F2; width: 100%; display: block; background-color: #F2F2F2; text-align: center; font-weight: 800; color: #5D7081; } .la-tabs__label-href.is-active { background-color: white; color: #2D2D2E; box-shadow: none; } .la-tabs__label-href:hover { color: #2D2D2E; text-decoration: none; } .la-form-group:not(:last-child) { margin-bottom: 24px; } .la-form-group { margin: 0; } .la-form-group__label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; font-weight: 800; color: #5D7081; } .la-form-group__controls { display: flex; align-items: center; margin-bottom: 0; font-size: inherit; line-height: 1.5; } .la-form-group__controls .presenter-settings.has-settings { width: 100%; } .la-form-group__controls .presenter-settings.has-settings > .col-12 { padding-right: 0; } .la-form-group__input, .la-form-group__select, .la-form-group__textarea { display: block; width: 100%; height: 2.25rem; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-clip: padding-box; border: 2px solid white; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; background: #F7F7F7; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.15); border-radius: 8px; } .la-form-group__input:hover, .la-form-group__input:focus, .la-form-group__select:hover, .la-form-group__select:focus, .la-form-group__textarea:hover, .la-form-group__textarea:focus { box-shadow: inset 0px 1px 2px rgba(2, 6, 29, 0.44); } .la-form-group__input:focus, .la-form-group__select:focus, .la-form-group__textarea:focus { border: 2px solid rgba(2, 126, 253, 0.19); } .la-form-group__select { box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(../../styles/data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E), linear-gradient(to bottom, #F7F7F7 0%, #F7F7F7 100%); background-repeat: no-repeat, repeat; background-position: right 0.7em top 50%, 0 0; background-size: 0.65em auto, 100%; cursor: pointer; border: 2px solid transparent; } .la-form-group__select:hover, .la-form-group__select:focus { box-shadow: 0px 1px 2px rgba(2, 6, 29, 0.44); } .la-form-group__select:focus { border: 2px solid rgba(2, 126, 253, 0.19); } .la-form-group__select option:disabled { color: red; } .la-form-group__textarea { height: auto; } .la-form-group__textarea:disabled { cursor: not-allowed; box-shadow: none; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); } .la-nice-select__item { display: flex; align-items: center; justify-content: flex-start; padding: 16px 64px 16px 16px; box-shadow: 0 1px 3px hsla(0, 0%, 0%, 0.1), 0 1px 2px hsla(0, 0%, 0%, 0.1); position: relative; cursor: pointer; transition: all ease-in-out 0.2s; } .la-nice-select__item:not(:last-child) { margin-bottom: 8px; } .la-nice-select__item:hover { box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.1), 0 2px 4px hsla(0, 0%, 0%, 0.08); } @media (max-width: 35.99em) { .la-nice-select__item { flex-wrap: wrap; } } /* Hide the browser's default radio button */ .la-nice-select__item input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .la-nice-select__title { font-weight: 800; margin-right: 1em; } .la-nice-select__icon { font-size: 30px; margin-right: 16px; } /* Create a custom radio button */ .la-nice-select__indicator { position: absolute; top: calc(50% - 12.5px); right: 24px; height: 25px; width: 25px; background-color: #eee; border-radius: 50%; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } /* On mouse-over, add a grey background color */ .la-nice-select__item:hover input ~ .la-nice-select__indicator { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .la-nice-select__item input:checked ~ .la-nice-select__indicator { background-color: #3182CE; } /* Create the indicator (the dot/circle - hidden when not checked) */ .la-nice-select__indicator:after { content: ""; position: absolute; opacity: 0; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); } /* Show the indicator (dot/circle) when checked */ .la-nice-select__item input:checked ~ .la-nice-select__indicator:after { opacity: 1; } /* Style the indicator (dot/circle) */ .la-nice-select__item .la-nice-select__indicator:after { top: 9px; left: 9px; width: 8px; height: 8px; border-radius: 50%; background: white; } .la-btn { background-color: transparent; align-items: center; color: #5D7081; cursor: pointer; justify-content: center; padding: 12px 24px; text-align: center; white-space: nowrap; box-shadow: none; display: inline-flex; font-size: 16px; font-size: 1rem; line-height: 1; position: relative; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); border: none; opacity: 1; } .la-btn:not(:last-child) { margin-right: 16px; } .la-btn:hover { text-decoration: none; color: #2180cf; } .la-btn:disabled { opacity: 0.5; cursor: not-allowed; } .la-btn__icon { font-size: 18px; font-size: 1.125rem; line-height: 0.8888888889; transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); margin: 0 8px 0 0; } .la-btn--full { width: 100%; } .la-btn--big { padding: 16px 48px; font-size: 18px; font-size: 1.125rem; line-height: 1.3333333333; } .la-btn--small { font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; padding: 8px 12px; } .la-btn--small .la-btn__icon { font-size: 13px; font-size: 0.8125rem; line-height: 1.2307692308; } .la-btn--icon-left .la-btn__icon { margin: 0 8px 0 0; } .la-btn--icon-right .la-btn__icon { margin: 0 0 0 8px; } .la-btn--primary { background-color: #3182CE; color: white; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), inset 0px 2px 0px #4299E1; } .la-btn--primary .la-btn__icon { color: #EBF8FF; } .la-btn--primary:hover { background-color: #2B6CB0; border-color: #2B6CB0; color: white; } .la-btn--secondary { background-color: #EBF8FF; color: #2C5282; } .la-btn--secondary:hover { background-color: #BEE3F8; color: #2C5282; } .la-btn--red { background-color: #C53030; color: #FFF5F5; } .la-btn--red:hover { background-color: #E53E3E; color: #FFF5F5; } .la-btn--red-light { background-color: #FED7D7; color: #9B2C2C; } .la-btn--red-light:hover { background-color: #FEB2B2; color: #742A2A; } /* Customize the label (the container) */ .la-checkbox { position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; } .la-checkbox:not(:last-child) { margin-right: 24px; } /* Hide the browser's default checkbox */ .la-checkbox .la-checkbox__input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .la-checkbox__checkmark { display: block; position: relative; height: 16px; min-width: 16px; background-color: #eee; margin-right: 4px; box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.15); } /* On mouse-over, add a grey background color */ .la-checkbox:hover .la-checkbox__input ~ .la-checkbox__checkmark { background-color: #ddd; } /* Create the checkmark/indicator (hidden when not checked) */ .la-checkbox__checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .la-checkbox .la-checkbox__input:checked ~ .la-checkbox__checkmark:after { display: block; } /* Style the checkmark/indicator */ .la-checkbox .la-checkbox__checkmark:after { position: relative; top: 1px; left: 5px; width: 7px; height: 13px; border: solid #3182CE; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .la-color-green { color: #48BB78; } .la-color-orange { color: #A56300; } .la-color-red { color: #C33232; } .p-blog__2-row-gallery { display: flex; } .p-blog__item { width: 50%; } .p-blog__center { display: block; margin-left: auto; margin-right: auto; } @media (min-width: 48em) { .OrderCustomer .c-form__label { padding-left: 16px; padding-right: 8px; text-align: right; } } #validateAres { position: absolute; right: 15px; top: -5px; } .BasketForm .plus_minus { display: flex; justify-content: flex-end; align-items: center; /* Firefox */ } .BasketForm .plus_minus input { width: 24%; border: none; text-align: center; padding: 0 0; font-size: 14px; font-size: 0.875rem; line-height: 1.1428571429; } .BasketForm .plus_minus input::-webkit-outer-spin-button, .BasketForm .plus_minus input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .BasketForm .plus_minus input[type=number] { -moz-appearance: textfield; } .js-reveal { display: none; } .c-gls-branch { position: absolute; right: 0; top: 0; background-color: white; height: 500px; overflow: auto; border-radius: 8px; box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3); padding: 12px; font-size: 13px; } .c-gls-branch .c-gls-branch__head { color: #fcbf00; font-size: 20px; margin-bottom: 8px; font-weight: 500; } .c-gls-branch .close-branch { position: absolute; right: 0; top: 0; padding: 10px; cursor: pointer; } .c-gls-branch hr { margin: 0 0 15px 0; } .c-gls-branch img { display: block; margin: 0 auto 8px auto; max-width: 300px; height: auto; } .c-gls-branch .c-gls-address > div { flex: 1 1 auto; } .c-gls-branch .c-gls-address > div:first-child { margin: 0 10px 7px 0; } .c-gls-branch .c-gls-address > div:last-child > div { display: flex; align-items: center; } .c-gls-branch .material-icons { margin-right: 5px; } .c-gls-branch .c-gls-branch__contact { margin-bottom: 5px; } .c-gls-branch .c-gls-branch__contact > div { display: flex; align-items: center; } .c-gls-branch .c-gls-branch__contact > div .material-icons { color: #212529; } .c-gls-branch .c-gls-branch__open .c-gls-branch__open--head { font-size: 16px; color: #212529; font-weight: 500; } .c-gls-branch .c-gls-branch__open tr td:first-child { font-weight: bolder; } .c-gls-branch .c-gls-branch__open .today { color: #ffc107; } /*------------------------------------*\ #UTILITIES (u-prefix) Set of utility classes geretators. (e.g. u-mt-4.) \*------------------------------------*/ /* ========================================================================== #SPACINGS ========================================================================== */ /** * Utility classes to put specific spacing values onto elements. The below loop * will generate us a suite of classes like: * * .u-margin-top {} * .u-padding-left-large {} * .u-margin-right-small {} * .u-padding {} * .u-padding-right-none {} * .u-padding-horizontal {} * .u-padding-vertical-small {} */ .u-p-6 { padding: 24px !important; } .u-p-4 { padding: 16px !important; } .u-p-2 { padding: 8px !important; } .u-p-1 { padding: 4px !important; } .u-p-8 { padding: 32px !important; } .u-p-12 { padding: 48px !important; } .u-p-16 { padding: 64px !important; } .u-p-32 { padding: 128px !important; } .u-p-auto { padding: auto !important; } .u-p-none { padding: 0 !important; } .u-pt-6 { padding-top: 24px !important; } .u-pt-4 { padding-top: 16px !important; } .u-pt-2 { padding-top: 8px !important; } .u-pt-1 { padding-top: 4px !important; } .u-pt-8 { padding-top: 32px !important; } .u-pt-12 { padding-top: 48px !important; } .u-pt-16 { padding-top: 64px !important; } .u-pt-32 { padding-top: 128px !important; } .u-pt-auto { padding-top: auto !important; } .u-pt-none { padding-top: 0 !important; } .u-pr-6 { padding-right: 24px !important; } .u-pr-4 { padding-right: 16px !important; } .u-pr-2 { padding-right: 8px !important; } .u-pr-1 { padding-right: 4px !important; } .u-pr-8 { padding-right: 32px !important; } .u-pr-12 { padding-right: 48px !important; } .u-pr-16 { padding-right: 64px !important; } .u-pr-32 { padding-right: 128px !important; } .u-pr-auto { padding-right: auto !important; } .u-pr-none { padding-right: 0 !important; } .u-pb-6 { padding-bottom: 24px !important; } .u-pb-4 { padding-bottom: 16px !important; } .u-pb-2 { padding-bottom: 8px !important; } .u-pb-1 { padding-bottom: 4px !important; } .u-pb-8 { padding-bottom: 32px !important; } .u-pb-12 { padding-bottom: 48px !important; } .u-pb-16 { padding-bottom: 64px !important; } .u-pb-32 { padding-bottom: 128px !important; } .u-pb-auto { padding-bottom: auto !important; } .u-pb-none { padding-bottom: 0 !important; } .u-pl-6 { padding-left: 24px !important; } .u-pl-4 { padding-left: 16px !important; } .u-pl-2 { padding-left: 8px !important; } .u-pl-1 { padding-left: 4px !important; } .u-pl-8 { padding-left: 32px !important; } .u-pl-12 { padding-left: 48px !important; } .u-pl-16 { padding-left: 64px !important; } .u-pl-32 { padding-left: 128px !important; } .u-pl-auto { padding-left: auto !important; } .u-pl-none { padding-left: 0 !important; } .u-px-6 { padding-left: 24px !important; padding-right: 24px !important; } .u-px-4 { padding-left: 16px !important; padding-right: 16px !important; } .u-px-2 { padding-left: 8px !important; padding-right: 8px !important; } .u-px-1 { padding-left: 4px !important; padding-right: 4px !important; } .u-px-8 { padding-left: 32px !important; padding-right: 32px !important; } .u-px-12 { padding-left: 48px !important; padding-right: 48px !important; } .u-px-16 { padding-left: 64px !important; padding-right: 64px !important; } .u-px-32 { padding-left: 128px !important; padding-right: 128px !important; } .u-px-auto { padding-left: auto !important; padding-right: auto !important; } .u-px-none { padding-left: 0 !important; padding-right: 0 !important; } .u-py-6 { padding-top: 24px !important; padding-bottom: 24px !important; } .u-py-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .u-py-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .u-py-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .u-py-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .u-py-12 { padding-top: 48px !important; padding-bottom: 48px !important; } .u-py-16 { padding-top: 64px !important; padding-bottom: 64px !important; } .u-py-32 { padding-top: 128px !important; padding-bottom: 128px !important; } .u-py-auto { padding-top: auto !important; padding-bottom: auto !important; } .u-py-none { padding-top: 0 !important; padding-bottom: 0 !important; } .u-m-6 { margin: 24px !important; } .u-m-4 { margin: 16px !important; } .u-m-2 { margin: 8px !important; } .u-m-1 { margin: 4px !important; } .u-m-8 { margin: 32px !important; } .u-m-12 { margin: 48px !important; } .u-m-16 { margin: 64px !important; } .u-m-32 { margin: 128px !important; } .u-m-auto { margin: auto !important; } .u-m-none { margin: 0 !important; } .u-mt-6 { margin-top: 24px !important; } .u-mt-4 { margin-top: 16px !important; } .u-mt-2 { margin-top: 8px !important; } .u-mt-1 { margin-top: 4px !important; } .u-mt-8 { margin-top: 32px !important; } .u-mt-12 { margin-top: 48px !important; } .u-mt-16 { margin-top: 64px !important; } .u-mt-32 { margin-top: 128px !important; } .u-mt-auto { margin-top: auto !important; } .u-mt-none { margin-top: 0 !important; } .u-mr-6 { margin-right: 24px !important; } .u-mr-4 { margin-right: 16px !important; } .u-mr-2 { margin-right: 8px !important; } .u-mr-1 { margin-right: 4px !important; } .u-mr-8 { margin-right: 32px !important; } .u-mr-12 { margin-right: 48px !important; } .u-mr-16 { margin-right: 64px !important; } .u-mr-32 { margin-right: 128px !important; } .u-mr-auto { margin-right: auto !important; } .u-mr-none { margin-right: 0 !important; } .u-mb-6 { margin-bottom: 24px !important; } .u-mb-4 { margin-bottom: 16px !important; } .u-mb-2 { margin-bottom: 8px !important; } .u-mb-1 { margin-bottom: 4px !important; } .u-mb-8 { margin-bottom: 32px !important; } .u-mb-12 { margin-bottom: 48px !important; } .u-mb-16 { margin-bottom: 64px !important; } .u-mb-32 { margin-bottom: 128px !important; } .u-mb-auto { margin-bottom: auto !important; } .u-mb-none { margin-bottom: 0 !important; } .u-ml-6 { margin-left: 24px !important; } .u-ml-4 { margin-left: 16px !important; } .u-ml-2 { margin-left: 8px !important; } .u-ml-1 { margin-left: 4px !important; } .u-ml-8 { margin-left: 32px !important; } .u-ml-12 { margin-left: 48px !important; } .u-ml-16 { margin-left: 64px !important; } .u-ml-32 { margin-left: 128px !important; } .u-ml-auto { margin-left: auto !important; } .u-ml-none { margin-left: 0 !important; } .u-mx-6 { margin-left: 24px !important; margin-right: 24px !important; } .u-mx-4 { margin-left: 16px !important; margin-right: 16px !important; } .u-mx-2 { margin-left: 8px !important; margin-right: 8px !important; } .u-mx-1 { margin-left: 4px !important; margin-right: 4px !important; } .u-mx-8 { margin-left: 32px !important; margin-right: 32px !important; } .u-mx-12 { margin-left: 48px !important; margin-right: 48px !important; } .u-mx-16 { margin-left: 64px !important; margin-right: 64px !important; } .u-mx-32 { margin-left: 128px !important; margin-right: 128px !important; } .u-mx-auto { margin-left: auto !important; margin-right: auto !important; } .u-mx-none { margin-left: 0 !important; margin-right: 0 !important; } .u-my-6 { margin-top: 24px !important; margin-bottom: 24px !important; } .u-my-4 { margin-top: 16px !important; margin-bottom: 16px !important; } .u-my-2 { margin-top: 8px !important; margin-bottom: 8px !important; } .u-my-1 { margin-top: 4px !important; margin-bottom: 4px !important; } .u-my-8 { margin-top: 32px !important; margin-bottom: 32px !important; } .u-my-12 { margin-top: 48px !important; margin-bottom: 48px !important; } .u-my-16 { margin-top: 64px !important; margin-bottom: 64px !important; } .u-my-32 { margin-top: 128px !important; margin-bottom: 128px !important; } .u-my-auto { margin-top: auto !important; margin-bottom: auto !important; } .u-my-none { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================================== #RESPONSIVE-SPACINGS ========================================================================== */ /** * Utility classes enhancing the normal spacing classes by adding responsiveness * to them. By default, there are not responsive spacings defined. You can * generate responsive spacings by adding entries to the following three Sass * maps, e.g.: * * $responsive-spacing-directions: ( * null: null, * "-bottom": "-bottom", * ); * * $responsive-spacing-properties: ( * "margin": "margin", * ); * * $responsive-spacing-sizes: ( * "-small": $global-spacing-unit-small, * ); * * This would bring us the following classes: * * .u-margin-small@mobile {} * .u-margin-small@tablet {} * .u-margin-small@desktop {} * .u-margin-small@wide {} * .u-margin-bottom-small@mobile {} * .u-margin-bottom-small@tablet {} * .u-margin-bottom-small@desktop {} * .u-margin-bottom-small@wide {} * * You can change the generated CSS classes by further extending the Sass maps. * If you want every ‘normal’ spacing (those from `utilities.spacings`) also as * a responsive version, you can just mirror the ‘normal’ spacings: * * $responsive-spacing-directions: $spacing-directions !default; * * $responsive-spacing-properties: $spacing-properties !default; * * $responsive-spacing-sizes: $spacing-sizes !default; * * BUT BE AWARE: This can generate a huge chunk of extra CSS, depending on the * amount of breakpoints you defined. So please check your CSS’ output and * filesize! */ /* stylelint-disable max-nesting-depth */ @media (min-width: 36em) { .u-p-sm-4 { padding: 16px !important; } .u-p-sm-2 { padding: 8px !important; } .u-p-sm-1 { padding: 4px !important; } .u-p-sm-8 { padding: 32px !important; } .u-p-sm-12 { padding: 48px !important; } .u-p-sm-16 { padding: 64px !important; } .u-p-sm-32 { padding: 128px !important; } .u-p-sm-auto { padding: auto !important; } .u-p-sm-none { padding: 0 !important; } .u-pt-sm-4 { padding-top: 16px !important; } .u-pt-sm-2 { padding-top: 8px !important; } .u-pt-sm-1 { padding-top: 4px !important; } .u-pt-sm-8 { padding-top: 32px !important; } .u-pt-sm-12 { padding-top: 48px !important; } .u-pt-sm-16 { padding-top: 64px !important; } .u-pt-sm-32 { padding-top: 128px !important; } .u-pt-sm-auto { padding-top: auto !important; } .u-pt-sm-none { padding-top: 0 !important; } .u-pr-sm-4 { padding-right: 16px !important; } .u-pr-sm-2 { padding-right: 8px !important; } .u-pr-sm-1 { padding-right: 4px !important; } .u-pr-sm-8 { padding-right: 32px !important; } .u-pr-sm-12 { padding-right: 48px !important; } .u-pr-sm-16 { padding-right: 64px !important; } .u-pr-sm-32 { padding-right: 128px !important; } .u-pr-sm-auto { padding-right: auto !important; } .u-pr-sm-none { padding-right: 0 !important; } .u-pb-sm-4 { padding-bottom: 16px !important; } .u-pb-sm-2 { padding-bottom: 8px !important; } .u-pb-sm-1 { padding-bottom: 4px !important; } .u-pb-sm-8 { padding-bottom: 32px !important; } .u-pb-sm-12 { padding-bottom: 48px !important; } .u-pb-sm-16 { padding-bottom: 64px !important; } .u-pb-sm-32 { padding-bottom: 128px !important; } .u-pb-sm-auto { padding-bottom: auto !important; } .u-pb-sm-none { padding-bottom: 0 !important; } .u-pl-sm-4 { padding-left: 16px !important; } .u-pl-sm-2 { padding-left: 8px !important; } .u-pl-sm-1 { padding-left: 4px !important; } .u-pl-sm-8 { padding-left: 32px !important; } .u-pl-sm-12 { padding-left: 48px !important; } .u-pl-sm-16 { padding-left: 64px !important; } .u-pl-sm-32 { padding-left: 128px !important; } .u-pl-sm-auto { padding-left: auto !important; } .u-pl-sm-none { padding-left: 0 !important; } .u-px-sm-4 { padding-left: 16px !important; padding-right: 16px !important; } .u-px-sm-2 { padding-left: 8px !important; padding-right: 8px !important; } .u-px-sm-1 { padding-left: 4px !important; padding-right: 4px !important; } .u-px-sm-8 { padding-left: 32px !important; padding-right: 32px !important; } .u-px-sm-12 { padding-left: 48px !important; padding-right: 48px !important; } .u-px-sm-16 { padding-left: 64px !important; padding-right: 64px !important; } .u-px-sm-32 { padding-left: 128px !important; padding-right: 128px !important; } .u-px-sm-auto { padding-left: auto !important; padding-right: auto !important; } .u-px-sm-none { padding-left: 0 !important; padding-right: 0 !important; } .u-py-sm-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .u-py-sm-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .u-py-sm-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .u-py-sm-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .u-py-sm-12 { padding-top: 48px !important; padding-bottom: 48px !important; } .u-py-sm-16 { padding-top: 64px !important; padding-bottom: 64px !important; } .u-py-sm-32 { padding-top: 128px !important; padding-bottom: 128px !important; } .u-py-sm-auto { padding-top: auto !important; padding-bottom: auto !important; } .u-py-sm-none { padding-top: 0 !important; padding-bottom: 0 !important; } .u-m-sm-4 { margin: 16px !important; } .u-m-sm-2 { margin: 8px !important; } .u-m-sm-1 { margin: 4px !important; } .u-m-sm-8 { margin: 32px !important; } .u-m-sm-12 { margin: 48px !important; } .u-m-sm-16 { margin: 64px !important; } .u-m-sm-32 { margin: 128px !important; } .u-m-sm-auto { margin: auto !important; } .u-m-sm-none { margin: 0 !important; } .u-mt-sm-4 { margin-top: 16px !important; } .u-mt-sm-2 { margin-top: 8px !important; } .u-mt-sm-1 { margin-top: 4px !important; } .u-mt-sm-8 { margin-top: 32px !important; } .u-mt-sm-12 { margin-top: 48px !important; } .u-mt-sm-16 { margin-top: 64px !important; } .u-mt-sm-32 { margin-top: 128px !important; } .u-mt-sm-auto { margin-top: auto !important; } .u-mt-sm-none { margin-top: 0 !important; } .u-mr-sm-4 { margin-right: 16px !important; } .u-mr-sm-2 { margin-right: 8px !important; } .u-mr-sm-1 { margin-right: 4px !important; } .u-mr-sm-8 { margin-right: 32px !important; } .u-mr-sm-12 { margin-right: 48px !important; } .u-mr-sm-16 { margin-right: 64px !important; } .u-mr-sm-32 { margin-right: 128px !important; } .u-mr-sm-auto { margin-right: auto !important; } .u-mr-sm-none { margin-right: 0 !important; } .u-mb-sm-4 { margin-bottom: 16px !important; } .u-mb-sm-2 { margin-bottom: 8px !important; } .u-mb-sm-1 { margin-bottom: 4px !important; } .u-mb-sm-8 { margin-bottom: 32px !important; } .u-mb-sm-12 { margin-bottom: 48px !important; } .u-mb-sm-16 { margin-bottom: 64px !important; } .u-mb-sm-32 { margin-bottom: 128px !important; } .u-mb-sm-auto { margin-bottom: auto !important; } .u-mb-sm-none { margin-bottom: 0 !important; } .u-ml-sm-4 { margin-left: 16px !important; } .u-ml-sm-2 { margin-left: 8px !important; } .u-ml-sm-1 { margin-left: 4px !important; } .u-ml-sm-8 { margin-left: 32px !important; } .u-ml-sm-12 { margin-left: 48px !important; } .u-ml-sm-16 { margin-left: 64px !important; } .u-ml-sm-32 { margin-left: 128px !important; } .u-ml-sm-auto { margin-left: auto !important; } .u-ml-sm-none { margin-left: 0 !important; } .u-mx-sm-4 { margin-left: 16px !important; margin-right: 16px !important; } .u-mx-sm-2 { margin-left: 8px !important; margin-right: 8px !important; } .u-mx-sm-1 { margin-left: 4px !important; margin-right: 4px !important; } .u-mx-sm-8 { margin-left: 32px !important; margin-right: 32px !important; } .u-mx-sm-12 { margin-left: 48px !important; margin-right: 48px !important; } .u-mx-sm-16 { margin-left: 64px !important; margin-right: 64px !important; } .u-mx-sm-32 { margin-left: 128px !important; margin-right: 128px !important; } .u-mx-sm-auto { margin-left: auto !important; margin-right: auto !important; } .u-mx-sm-none { margin-left: 0 !important; margin-right: 0 !important; } .u-my-sm-4 { margin-top: 16px !important; margin-bottom: 16px !important; } .u-my-sm-2 { margin-top: 8px !important; margin-bottom: 8px !important; } .u-my-sm-1 { margin-top: 4px !important; margin-bottom: 4px !important; } .u-my-sm-8 { margin-top: 32px !important; margin-bottom: 32px !important; } .u-my-sm-12 { margin-top: 48px !important; margin-bottom: 48px !important; } .u-my-sm-16 { margin-top: 64px !important; margin-bottom: 64px !important; } .u-my-sm-32 { margin-top: 128px !important; margin-bottom: 128px !important; } .u-my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .u-my-sm-none { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (min-width: 48em) { .u-p-md-4 { padding: 16px !important; } .u-p-md-2 { padding: 8px !important; } .u-p-md-1 { padding: 4px !important; } .u-p-md-8 { padding: 32px !important; } .u-p-md-12 { padding: 48px !important; } .u-p-md-16 { padding: 64px !important; } .u-p-md-32 { padding: 128px !important; } .u-p-md-auto { padding: auto !important; } .u-p-md-none { padding: 0 !important; } .u-pt-md-4 { padding-top: 16px !important; } .u-pt-md-2 { padding-top: 8px !important; } .u-pt-md-1 { padding-top: 4px !important; } .u-pt-md-8 { padding-top: 32px !important; } .u-pt-md-12 { padding-top: 48px !important; } .u-pt-md-16 { padding-top: 64px !important; } .u-pt-md-32 { padding-top: 128px !important; } .u-pt-md-auto { padding-top: auto !important; } .u-pt-md-none { padding-top: 0 !important; } .u-pr-md-4 { padding-right: 16px !important; } .u-pr-md-2 { padding-right: 8px !important; } .u-pr-md-1 { padding-right: 4px !important; } .u-pr-md-8 { padding-right: 32px !important; } .u-pr-md-12 { padding-right: 48px !important; } .u-pr-md-16 { padding-right: 64px !important; } .u-pr-md-32 { padding-right: 128px !important; } .u-pr-md-auto { padding-right: auto !important; } .u-pr-md-none { padding-right: 0 !important; } .u-pb-md-4 { padding-bottom: 16px !important; } .u-pb-md-2 { padding-bottom: 8px !important; } .u-pb-md-1 { padding-bottom: 4px !important; } .u-pb-md-8 { padding-bottom: 32px !important; } .u-pb-md-12 { padding-bottom: 48px !important; } .u-pb-md-16 { padding-bottom: 64px !important; } .u-pb-md-32 { padding-bottom: 128px !important; } .u-pb-md-auto { padding-bottom: auto !important; } .u-pb-md-none { padding-bottom: 0 !important; } .u-pl-md-4 { padding-left: 16px !important; } .u-pl-md-2 { padding-left: 8px !important; } .u-pl-md-1 { padding-left: 4px !important; } .u-pl-md-8 { padding-left: 32px !important; } .u-pl-md-12 { padding-left: 48px !important; } .u-pl-md-16 { padding-left: 64px !important; } .u-pl-md-32 { padding-left: 128px !important; } .u-pl-md-auto { padding-left: auto !important; } .u-pl-md-none { padding-left: 0 !important; } .u-px-md-4 { padding-left: 16px !important; padding-right: 16px !important; } .u-px-md-2 { padding-left: 8px !important; padding-right: 8px !important; } .u-px-md-1 { padding-left: 4px !important; padding-right: 4px !important; } .u-px-md-8 { padding-left: 32px !important; padding-right: 32px !important; } .u-px-md-12 { padding-left: 48px !important; padding-right: 48px !important; } .u-px-md-16 { padding-left: 64px !important; padding-right: 64px !important; } .u-px-md-32 { padding-left: 128px !important; padding-right: 128px !important; } .u-px-md-auto { padding-left: auto !important; padding-right: auto !important; } .u-px-md-none { padding-left: 0 !important; padding-right: 0 !important; } .u-py-md-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .u-py-md-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .u-py-md-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .u-py-md-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .u-py-md-12 { padding-top: 48px !important; padding-bottom: 48px !important; } .u-py-md-16 { padding-top: 64px !important; padding-bottom: 64px !important; } .u-py-md-32 { padding-top: 128px !important; padding-bottom: 128px !important; } .u-py-md-auto { padding-top: auto !important; padding-bottom: auto !important; } .u-py-md-none { padding-top: 0 !important; padding-bottom: 0 !important; } .u-m-md-4 { margin: 16px !important; } .u-m-md-2 { margin: 8px !important; } .u-m-md-1 { margin: 4px !important; } .u-m-md-8 { margin: 32px !important; } .u-m-md-12 { margin: 48px !important; } .u-m-md-16 { margin: 64px !important; } .u-m-md-32 { margin: 128px !important; } .u-m-md-auto { margin: auto !important; } .u-m-md-none { margin: 0 !important; } .u-mt-md-4 { margin-top: 16px !important; } .u-mt-md-2 { margin-top: 8px !important; } .u-mt-md-1 { margin-top: 4px !important; } .u-mt-md-8 { margin-top: 32px !important; } .u-mt-md-12 { margin-top: 48px !important; } .u-mt-md-16 { margin-top: 64px !important; } .u-mt-md-32 { margin-top: 128px !important; } .u-mt-md-auto { margin-top: auto !important; } .u-mt-md-none { margin-top: 0 !important; } .u-mr-md-4 { margin-right: 16px !important; } .u-mr-md-2 { margin-right: 8px !important; } .u-mr-md-1 { margin-right: 4px !important; } .u-mr-md-8 { margin-right: 32px !important; } .u-mr-md-12 { margin-right: 48px !important; } .u-mr-md-16 { margin-right: 64px !important; } .u-mr-md-32 { margin-right: 128px !important; } .u-mr-md-auto { margin-right: auto !important; } .u-mr-md-none { margin-right: 0 !important; } .u-mb-md-4 { margin-bottom: 16px !important; } .u-mb-md-2 { margin-bottom: 8px !important; } .u-mb-md-1 { margin-bottom: 4px !important; } .u-mb-md-8 { margin-bottom: 32px !important; } .u-mb-md-12 { margin-bottom: 48px !important; } .u-mb-md-16 { margin-bottom: 64px !important; } .u-mb-md-32 { margin-bottom: 128px !important; } .u-mb-md-auto { margin-bottom: auto !important; } .u-mb-md-none { margin-bottom: 0 !important; } .u-ml-md-4 { margin-left: 16px !important; } .u-ml-md-2 { margin-left: 8px !important; } .u-ml-md-1 { margin-left: 4px !important; } .u-ml-md-8 { margin-left: 32px !important; } .u-ml-md-12 { margin-left: 48px !important; } .u-ml-md-16 { margin-left: 64px !important; } .u-ml-md-32 { margin-left: 128px !important; } .u-ml-md-auto { margin-left: auto !important; } .u-ml-md-none { margin-left: 0 !important; } .u-mx-md-4 { margin-left: 16px !important; margin-right: 16px !important; } .u-mx-md-2 { margin-left: 8px !important; margin-right: 8px !important; } .u-mx-md-1 { margin-left: 4px !important; margin-right: 4px !important; } .u-mx-md-8 { margin-left: 32px !important; margin-right: 32px !important; } .u-mx-md-12 { margin-left: 48px !important; margin-right: 48px !important; } .u-mx-md-16 { margin-left: 64px !important; margin-right: 64px !important; } .u-mx-md-32 { margin-left: 128px !important; margin-right: 128px !important; } .u-mx-md-auto { margin-left: auto !important; margin-right: auto !important; } .u-mx-md-none { margin-left: 0 !important; margin-right: 0 !important; } .u-my-md-4 { margin-top: 16px !important; margin-bottom: 16px !important; } .u-my-md-2 { margin-top: 8px !important; margin-bottom: 8px !important; } .u-my-md-1 { margin-top: 4px !important; margin-bottom: 4px !important; } .u-my-md-8 { margin-top: 32px !important; margin-bottom: 32px !important; } .u-my-md-12 { margin-top: 48px !important; margin-bottom: 48px !important; } .u-my-md-16 { margin-top: 64px !important; margin-bottom: 64px !important; } .u-my-md-32 { margin-top: 128px !important; margin-bottom: 128px !important; } .u-my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .u-my-md-none { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (min-width: 62em) { .u-p-lg-4 { padding: 16px !important; } .u-p-lg-2 { padding: 8px !important; } .u-p-lg-1 { padding: 4px !important; } .u-p-lg-8 { padding: 32px !important; } .u-p-lg-12 { padding: 48px !important; } .u-p-lg-16 { padding: 64px !important; } .u-p-lg-32 { padding: 128px !important; } .u-p-lg-auto { padding: auto !important; } .u-p-lg-none { padding: 0 !important; } .u-pt-lg-4 { padding-top: 16px !important; } .u-pt-lg-2 { padding-top: 8px !important; } .u-pt-lg-1 { padding-top: 4px !important; } .u-pt-lg-8 { padding-top: 32px !important; } .u-pt-lg-12 { padding-top: 48px !important; } .u-pt-lg-16 { padding-top: 64px !important; } .u-pt-lg-32 { padding-top: 128px !important; } .u-pt-lg-auto { padding-top: auto !important; } .u-pt-lg-none { padding-top: 0 !important; } .u-pr-lg-4 { padding-right: 16px !important; } .u-pr-lg-2 { padding-right: 8px !important; } .u-pr-lg-1 { padding-right: 4px !important; } .u-pr-lg-8 { padding-right: 32px !important; } .u-pr-lg-12 { padding-right: 48px !important; } .u-pr-lg-16 { padding-right: 64px !important; } .u-pr-lg-32 { padding-right: 128px !important; } .u-pr-lg-auto { padding-right: auto !important; } .u-pr-lg-none { padding-right: 0 !important; } .u-pb-lg-4 { padding-bottom: 16px !important; } .u-pb-lg-2 { padding-bottom: 8px !important; } .u-pb-lg-1 { padding-bottom: 4px !important; } .u-pb-lg-8 { padding-bottom: 32px !important; } .u-pb-lg-12 { padding-bottom: 48px !important; } .u-pb-lg-16 { padding-bottom: 64px !important; } .u-pb-lg-32 { padding-bottom: 128px !important; } .u-pb-lg-auto { padding-bottom: auto !important; } .u-pb-lg-none { padding-bottom: 0 !important; } .u-pl-lg-4 { padding-left: 16px !important; } .u-pl-lg-2 { padding-left: 8px !important; } .u-pl-lg-1 { padding-left: 4px !important; } .u-pl-lg-8 { padding-left: 32px !important; } .u-pl-lg-12 { padding-left: 48px !important; } .u-pl-lg-16 { padding-left: 64px !important; } .u-pl-lg-32 { padding-left: 128px !important; } .u-pl-lg-auto { padding-left: auto !important; } .u-pl-lg-none { padding-left: 0 !important; } .u-px-lg-4 { padding-left: 16px !important; padding-right: 16px !important; } .u-px-lg-2 { padding-left: 8px !important; padding-right: 8px !important; } .u-px-lg-1 { padding-left: 4px !important; padding-right: 4px !important; } .u-px-lg-8 { padding-left: 32px !important; padding-right: 32px !important; } .u-px-lg-12 { padding-left: 48px !important; padding-right: 48px !important; } .u-px-lg-16 { padding-left: 64px !important; padding-right: 64px !important; } .u-px-lg-32 { padding-left: 128px !important; padding-right: 128px !important; } .u-px-lg-auto { padding-left: auto !important; padding-right: auto !important; } .u-px-lg-none { padding-left: 0 !important; padding-right: 0 !important; } .u-py-lg-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .u-py-lg-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .u-py-lg-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .u-py-lg-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .u-py-lg-12 { padding-top: 48px !important; padding-bottom: 48px !important; } .u-py-lg-16 { padding-top: 64px !important; padding-bottom: 64px !important; } .u-py-lg-32 { padding-top: 128px !important; padding-bottom: 128px !important; } .u-py-lg-auto { padding-top: auto !important; padding-bottom: auto !important; } .u-py-lg-none { padding-top: 0 !important; padding-bottom: 0 !important; } .u-m-lg-4 { margin: 16px !important; } .u-m-lg-2 { margin: 8px !important; } .u-m-lg-1 { margin: 4px !important; } .u-m-lg-8 { margin: 32px !important; } .u-m-lg-12 { margin: 48px !important; } .u-m-lg-16 { margin: 64px !important; } .u-m-lg-32 { margin: 128px !important; } .u-m-lg-auto { margin: auto !important; } .u-m-lg-none { margin: 0 !important; } .u-mt-lg-4 { margin-top: 16px !important; } .u-mt-lg-2 { margin-top: 8px !important; } .u-mt-lg-1 { margin-top: 4px !important; } .u-mt-lg-8 { margin-top: 32px !important; } .u-mt-lg-12 { margin-top: 48px !important; } .u-mt-lg-16 { margin-top: 64px !important; } .u-mt-lg-32 { margin-top: 128px !important; } .u-mt-lg-auto { margin-top: auto !important; } .u-mt-lg-none { margin-top: 0 !important; } .u-mr-lg-4 { margin-right: 16px !important; } .u-mr-lg-2 { margin-right: 8px !important; } .u-mr-lg-1 { margin-right: 4px !important; } .u-mr-lg-8 { margin-right: 32px !important; } .u-mr-lg-12 { margin-right: 48px !important; } .u-mr-lg-16 { margin-right: 64px !important; } .u-mr-lg-32 { margin-right: 128px !important; } .u-mr-lg-auto { margin-right: auto !important; } .u-mr-lg-none { margin-right: 0 !important; } .u-mb-lg-4 { margin-bottom: 16px !important; } .u-mb-lg-2 { margin-bottom: 8px !important; } .u-mb-lg-1 { margin-bottom: 4px !important; } .u-mb-lg-8 { margin-bottom: 32px !important; } .u-mb-lg-12 { margin-bottom: 48px !important; } .u-mb-lg-16 { margin-bottom: 64px !important; } .u-mb-lg-32 { margin-bottom: 128px !important; } .u-mb-lg-auto { margin-bottom: auto !important; } .u-mb-lg-none { margin-bottom: 0 !important; } .u-ml-lg-4 { margin-left: 16px !important; } .u-ml-lg-2 { margin-left: 8px !important; } .u-ml-lg-1 { margin-left: 4px !important; } .u-ml-lg-8 { margin-left: 32px !important; } .u-ml-lg-12 { margin-left: 48px !important; } .u-ml-lg-16 { margin-left: 64px !important; } .u-ml-lg-32 { margin-left: 128px !important; } .u-ml-lg-auto { margin-left: auto !important; } .u-ml-lg-none { margin-left: 0 !important; } .u-mx-lg-4 { margin-left: 16px !important; margin-right: 16px !important; } .u-mx-lg-2 { margin-left: 8px !important; margin-right: 8px !important; } .u-mx-lg-1 { margin-left: 4px !important; margin-right: 4px !important; } .u-mx-lg-8 { margin-left: 32px !important; margin-right: 32px !important; } .u-mx-lg-12 { margin-left: 48px !important; margin-right: 48px !important; } .u-mx-lg-16 { margin-left: 64px !important; margin-right: 64px !important; } .u-mx-lg-32 { margin-left: 128px !important; margin-right: 128px !important; } .u-mx-lg-auto { margin-left: auto !important; margin-right: auto !important; } .u-mx-lg-none { margin-left: 0 !important; margin-right: 0 !important; } .u-my-lg-4 { margin-top: 16px !important; margin-bottom: 16px !important; } .u-my-lg-2 { margin-top: 8px !important; margin-bottom: 8px !important; } .u-my-lg-1 { margin-top: 4px !important; margin-bottom: 4px !important; } .u-my-lg-8 { margin-top: 32px !important; margin-bottom: 32px !important; } .u-my-lg-12 { margin-top: 48px !important; margin-bottom: 48px !important; } .u-my-lg-16 { margin-top: 64px !important; margin-bottom: 64px !important; } .u-my-lg-32 { margin-top: 128px !important; margin-bottom: 128px !important; } .u-my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .u-my-lg-none { margin-top: 0 !important; margin-bottom: 0 !important; } } @media (min-width: 75em) { .u-p-xl-4 { padding: 16px !important; } .u-p-xl-2 { padding: 8px !important; } .u-p-xl-1 { padding: 4px !important; } .u-p-xl-8 { padding: 32px !important; } .u-p-xl-12 { padding: 48px !important; } .u-p-xl-16 { padding: 64px !important; } .u-p-xl-32 { padding: 128px !important; } .u-p-xl-auto { padding: auto !important; } .u-p-xl-none { padding: 0 !important; } .u-pt-xl-4 { padding-top: 16px !important; } .u-pt-xl-2 { padding-top: 8px !important; } .u-pt-xl-1 { padding-top: 4px !important; } .u-pt-xl-8 { padding-top: 32px !important; } .u-pt-xl-12 { padding-top: 48px !important; } .u-pt-xl-16 { padding-top: 64px !important; } .u-pt-xl-32 { padding-top: 128px !important; } .u-pt-xl-auto { padding-top: auto !important; } .u-pt-xl-none { padding-top: 0 !important; } .u-pr-xl-4 { padding-right: 16px !important; } .u-pr-xl-2 { padding-right: 8px !important; } .u-pr-xl-1 { padding-right: 4px !important; } .u-pr-xl-8 { padding-right: 32px !important; } .u-pr-xl-12 { padding-right: 48px !important; } .u-pr-xl-16 { padding-right: 64px !important; } .u-pr-xl-32 { padding-right: 128px !important; } .u-pr-xl-auto { padding-right: auto !important; } .u-pr-xl-none { padding-right: 0 !important; } .u-pb-xl-4 { padding-bottom: 16px !important; } .u-pb-xl-2 { padding-bottom: 8px !important; } .u-pb-xl-1 { padding-bottom: 4px !important; } .u-pb-xl-8 { padding-bottom: 32px !important; } .u-pb-xl-12 { padding-bottom: 48px !important; } .u-pb-xl-16 { padding-bottom: 64px !important; } .u-pb-xl-32 { padding-bottom: 128px !important; } .u-pb-xl-auto { padding-bottom: auto !important; } .u-pb-xl-none { padding-bottom: 0 !important; } .u-pl-xl-4 { padding-left: 16px !important; } .u-pl-xl-2 { padding-left: 8px !important; } .u-pl-xl-1 { padding-left: 4px !important; } .u-pl-xl-8 { padding-left: 32px !important; } .u-pl-xl-12 { padding-left: 48px !important; } .u-pl-xl-16 { padding-left: 64px !important; } .u-pl-xl-32 { padding-left: 128px !important; } .u-pl-xl-auto { padding-left: auto !important; } .u-pl-xl-none { padding-left: 0 !important; } .u-px-xl-4 { padding-left: 16px !important; padding-right: 16px !important; } .u-px-xl-2 { padding-left: 8px !important; padding-right: 8px !important; } .u-px-xl-1 { padding-left: 4px !important; padding-right: 4px !important; } .u-px-xl-8 { padding-left: 32px !important; padding-right: 32px !important; } .u-px-xl-12 { padding-left: 48px !important; padding-right: 48px !important; } .u-px-xl-16 { padding-left: 64px !important; padding-right: 64px !important; } .u-px-xl-32 { padding-left: 128px !important; padding-right: 128px !important; } .u-px-xl-auto { padding-left: auto !important; padding-right: auto !important; } .u-px-xl-none { padding-left: 0 !important; padding-right: 0 !important; } .u-py-xl-4 { padding-top: 16px !important; padding-bottom: 16px !important; } .u-py-xl-2 { padding-top: 8px !important; padding-bottom: 8px !important; } .u-py-xl-1 { padding-top: 4px !important; padding-bottom: 4px !important; } .u-py-xl-8 { padding-top: 32px !important; padding-bottom: 32px !important; } .u-py-xl-12 { padding-top: 48px !important; padding-bottom: 48px !important; } .u-py-xl-16 { padding-top: 64px !important; padding-bottom: 64px !important; } .u-py-xl-32 { padding-top: 128px !important; padding-bottom: 128px !important; } .u-py-xl-auto { padding-top: auto !important; padding-bottom: auto !important; } .u-py-xl-none { padding-top: 0 !important; padding-bottom: 0 !important; } .u-m-xl-4 { margin: 16px !important; } .u-m-xl-2 { margin: 8px !important; } .u-m-xl-1 { margin: 4px !important; } .u-m-xl-8 { margin: 32px !important; } .u-m-xl-12 { margin: 48px !important; } .u-m-xl-16 { margin: 64px !important; } .u-m-xl-32 { margin: 128px !important; } .u-m-xl-auto { margin: auto !important; } .u-m-xl-none { margin: 0 !important; } .u-mt-xl-4 { margin-top: 16px !important; } .u-mt-xl-2 { margin-top: 8px !important; } .u-mt-xl-1 { margin-top: 4px !important; } .u-mt-xl-8 { margin-top: 32px !important; } .u-mt-xl-12 { margin-top: 48px !important; } .u-mt-xl-16 { margin-top: 64px !important; } .u-mt-xl-32 { margin-top: 128px !important; } .u-mt-xl-auto { margin-top: auto !important; } .u-mt-xl-none { margin-top: 0 !important; } .u-mr-xl-4 { margin-right: 16px !important; } .u-mr-xl-2 { margin-right: 8px !important; } .u-mr-xl-1 { margin-right: 4px !important; } .u-mr-xl-8 { margin-right: 32px !important; } .u-mr-xl-12 { margin-right: 48px !important; } .u-mr-xl-16 { margin-right: 64px !important; } .u-mr-xl-32 { margin-right: 128px !important; } .u-mr-xl-auto { margin-right: auto !important; } .u-mr-xl-none { margin-right: 0 !important; } .u-mb-xl-4 { margin-bottom: 16px !important; } .u-mb-xl-2 { margin-bottom: 8px !important; } .u-mb-xl-1 { margin-bottom: 4px !important; } .u-mb-xl-8 { margin-bottom: 32px !important; } .u-mb-xl-12 { margin-bottom: 48px !important; } .u-mb-xl-16 { margin-bottom: 64px !important; } .u-mb-xl-32 { margin-bottom: 128px !important; } .u-mb-xl-auto { margin-bottom: auto !important; } .u-mb-xl-none { margin-bottom: 0 !important; } .u-ml-xl-4 { margin-left: 16px !important; } .u-ml-xl-2 { margin-left: 8px !important; } .u-ml-xl-1 { margin-left: 4px !important; } .u-ml-xl-8 { margin-left: 32px !important; } .u-ml-xl-12 { margin-left: 48px !important; } .u-ml-xl-16 { margin-left: 64px !important; } .u-ml-xl-32 { margin-left: 128px !important; } .u-ml-xl-auto { margin-left: auto !important; } .u-ml-xl-none { margin-left: 0 !important; } .u-mx-xl-4 { margin-left: 16px !important; margin-right: 16px !important; } .u-mx-xl-2 { margin-left: 8px !important; margin-right: 8px !important; } .u-mx-xl-1 { margin-left: 4px !important; margin-right: 4px !important; } .u-mx-xl-8 { margin-left: 32px !important; margin-right: 32px !important; } .u-mx-xl-12 { margin-left: 48px !important; margin-right: 48px !important; } .u-mx-xl-16 { margin-left: 64px !important; margin-right: 64px !important; } .u-mx-xl-32 { margin-left: 128px !important; margin-right: 128px !important; } .u-mx-xl-auto { margin-left: auto !important; margin-right: auto !important; } .u-mx-xl-none { margin-left: 0 !important; margin-right: 0 !important; } .u-my-xl-4 { margin-top: 16px !important; margin-bottom: 16px !important; } .u-my-xl-2 { margin-top: 8px !important; margin-bottom: 8px !important; } .u-my-xl-1 { margin-top: 4px !important; margin-bottom: 4px !important; } .u-my-xl-8 { margin-top: 32px !important; margin-bottom: 32px !important; } .u-my-xl-12 { margin-top: 48px !important; margin-bottom: 48px !important; } .u-my-xl-16 { margin-top: 64px !important; margin-bottom: 64px !important; } .u-my-xl-32 { margin-top: 128px !important; margin-bottom: 128px !important; } .u-my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .u-my-xl-none { margin-top: 0 !important; margin-bottom: 0 !important; } } /* stylelint-enable max-nesting-depth */ /* ========================================================================== #Color utility ========================================================================== */ .u-color-primary-base { color: #d22730 !important; } .u-color-primary-light { color: #ffffff !important; } .u-color-primary-lightest { color: #ff7b82 !important; } .u-color-primary-dark { color: #d22730 !important; } .u-color-primary-darkest { color: rgba(210, 39, 48, 0.1) !important; } .u-color-primary-trans { color: rgba(210, 39, 48, 0.1) !important; } .u-color-primary-text { color: white !important; } .u-color-secondary-base { color: #222222 !important; } .u-color-secondary-light { color: #3c3c3c !important; } .u-color-secondary-dark { color: #090909 !important; } .u-color-secondary-trans { color: rgba(34, 34, 34, 0.1) !important; } .u-color-secondary-text { color: white !important; } .u-color-text-base { color: #777777 !important; } .u-color-text-light { color: #7f8081 !important; } .u-color-text-placeholder { color: #dddddd !important; } .u-color-text-lightest { color: #f7f7f7 !important; } .u-color-text-dark { color: #2D2D2E !important; } .u-color-text-link { color: #222222 !important; } .u-color-text-link-hover { color: #090909 !important; } .u-color-text-navbar { color: #333333 !important; } .u-color-text-bg { color: #ebebeb !important; } .u-color-text-order-nav { color: #2D2D2E !important; } .u-color-text-order-nav-selected { color: #FFFEFE !important; } .u-color-text-promorain { color: #d22730 !important; } .u-color-border-base { color: #d22730 !important; } .u-color-border-light { color: #e8eef6 !important; } .u-color-border-dark { color: #a71f26 !important; } .u-color-border-lighter { color: #DDDDDD !important; } .u-color-border-promorain { color: #d22730 !important; } .u-color-red-base { color: #DD0000 !important; } .u-color-red-100 { color: #FFF5F5 !important; } .u-color-red-200 { color: #FED7D7 !important; } .u-color-red-300 { color: #FEB2B2 !important; } .u-color-red-400 { color: #FC8181 !important; } .u-color-red-500 { color: #F56565 !important; } .u-color-red-600 { color: #E53E3E !important; } .u-color-red-700 { color: #C53030 !important; } .u-color-red-800 { color: #9B2C2C !important; } .u-color-red-900 { color: #742A2A !important; } .u-color-red-hover { color: #ed5a63 !important; } .u-color-blue-base { color: #3182CE !important; } .u-color-blue-light { color: #90CDF4 !important; } .u-color-blue-lightest { color: #BEE3F8 !important; } .u-color-blue-dark { color: #2180cf !important; } .u-color-blue-trans { color: rgba(66, 153, 225, 0.1) !important; } .u-color-blue-text { color: white !important; } .u-color-blue-promorain { color: #effafe !important; } .u-color-green-base { color: #48bb78 !important; } .u-color-green-100 { color: #F0FFF4 !important; } .u-color-green-200 { color: #C6F6D5 !important; } .u-color-green-300 { color: #9AE6B4 !important; } .u-color-green-400 { color: #68D391 !important; } .u-color-green-500 { color: #48BB78 !important; } .u-color-green-600 { color: #38A169 !important; } .u-color-green-700 { color: #2F855A !important; } .u-color-green-800 { color: #276749 !important; } .u-color-green-900 { color: #22543D !important; } .u-color-grey-order-nav { color: #e1e1e1 !important; } .u-color-black-order-nav { color: #DD0000 !important; } .u-color-bg-plus-minus { color: #c9c9c9 !important; } .u-bg-primary-base { background-color: #d22730 !important; } .u-bg-primary-light { background-color: #ffffff !important; } .u-bg-primary-lightest { background-color: #ff7b82 !important; } .u-bg-primary-dark { background-color: #d22730 !important; } .u-bg-primary-darkest { background-color: rgba(210, 39, 48, 0.1) !important; } .u-bg-primary-trans { background-color: rgba(210, 39, 48, 0.1) !important; } .u-bg-primary-text { background-color: white !important; } .u-bg-secondary-base { background-color: #222222 !important; } .u-bg-secondary-light { background-color: #3c3c3c !important; } .u-bg-secondary-dark { background-color: #090909 !important; } .u-bg-secondary-trans { background-color: rgba(34, 34, 34, 0.1) !important; } .u-bg-secondary-text { background-color: white !important; } .u-bg-text-base { background-color: #777777 !important; } .u-bg-text-light { background-color: #7f8081 !important; } .u-bg-text-placeholder { background-color: #dddddd !important; } .u-bg-text-lightest { background-color: #f7f7f7 !important; } .u-bg-text-dark { background-color: #2D2D2E !important; } .u-bg-text-link { background-color: #222222 !important; } .u-bg-text-link-hover { background-color: #090909 !important; } .u-bg-text-navbar { background-color: #333333 !important; } .u-bg-text-bg { background-color: #ebebeb !important; } .u-bg-text-order-nav { background-color: #2D2D2E !important; } .u-bg-text-order-nav-selected { background-color: #FFFEFE !important; } .u-bg-text-promorain { background-color: #d22730 !important; } .u-bg-border-base { background-color: #d22730 !important; } .u-bg-border-light { background-color: #e8eef6 !important; } .u-bg-border-dark { background-color: #a71f26 !important; } .u-bg-border-lighter { background-color: #DDDDDD !important; } .u-bg-border-promorain { background-color: #d22730 !important; } .u-bg-red-base { background-color: #DD0000 !important; } .u-bg-red-100 { background-color: #FFF5F5 !important; } .u-bg-red-200 { background-color: #FED7D7 !important; } .u-bg-red-300 { background-color: #FEB2B2 !important; } .u-bg-red-400 { background-color: #FC8181 !important; } .u-bg-red-500 { background-color: #F56565 !important; } .u-bg-red-600 { background-color: #E53E3E !important; } .u-bg-red-700 { background-color: #C53030 !important; } .u-bg-red-800 { background-color: #9B2C2C !important; } .u-bg-red-900 { background-color: #742A2A !important; } .u-bg-red-hover { background-color: #ed5a63 !important; } .u-bg-blue-base { background-color: #3182CE !important; } .u-bg-blue-light { background-color: #90CDF4 !important; } .u-bg-blue-lightest { background-color: #BEE3F8 !important; } .u-bg-blue-dark { background-color: #2180cf !important; } .u-bg-blue-trans { background-color: rgba(66, 153, 225, 0.1) !important; } .u-bg-blue-text { background-color: white !important; } .u-bg-blue-promorain { background-color: #effafe !important; } .u-bg-green-base { background-color: #48bb78 !important; } .u-bg-green-100 { background-color: #F0FFF4 !important; } .u-bg-green-200 { background-color: #C6F6D5 !important; } .u-bg-green-300 { background-color: #9AE6B4 !important; } .u-bg-green-400 { background-color: #68D391 !important; } .u-bg-green-500 { background-color: #48BB78 !important; } .u-bg-green-600 { background-color: #38A169 !important; } .u-bg-green-700 { background-color: #2F855A !important; } .u-bg-green-800 { background-color: #276749 !important; } .u-bg-green-900 { background-color: #22543D !important; } .u-bg-grey-order-nav { background-color: #e1e1e1 !important; } .u-bg-black-order-nav { background-color: #DD0000 !important; } .u-bg-bg-plus-minus { background-color: #c9c9c9 !important; } /* ========================================================================== # Text utility ========================================================================== */ /* // .u-text-justify { // text-align: justify !important // } // // @media (min-width: 20em) { // .u-text-sm-left { // text-align: left !important // } // } */ .u-text-left { text-align: left !important; } .u-text-center { text-align: center !important; } .u-text-right { text-align: right !important; } .u-text-justify { text-align: justify !important; } @media (min-width: 36em) { .u-text-sm-left { text-align: left !important; } .u-text-sm-center { text-align: center !important; } .u-text-sm-right { text-align: right !important; } .u-text-sm-justify { text-align: justify !important; } } @media (min-width: 48em) { .u-text-md-left { text-align: left !important; } .u-text-md-center { text-align: center !important; } .u-text-md-right { text-align: right !important; } .u-text-md-justify { text-align: justify !important; } } @media (min-width: 62em) { .u-text-lg-left { text-align: left !important; } .u-text-lg-center { text-align: center !important; } .u-text-lg-right { text-align: right !important; } .u-text-lg-justify { text-align: justify !important; } } @media (min-width: 75em) { .u-text-xl-left { text-align: left !important; } .u-text-xl-center { text-align: center !important; } .u-text-xl-right { text-align: right !important; } .u-text-xl-justify { text-align: justify !important; } } .u-text-normal { font-weight: normal !important; } .u-text-bold { font-weight: bold !important; } .u-text-light { font-weight: light !important; } .u-text-italic { font-weight: italic !important; } .u-text-lowercase { text-transform: lowercase !important; } .u-text-uppercase { text-transform: uppercase !important; } .u-text-capitalize { text-transform: capitalize !important; } /* ========================================================================== # Display utility ========================================================================== */ .u-none { display: none !important; } .u-inline { display: inline !important; } .u-inline-block { display: inline-block !important; } .u-block { display: block !important; } .u-flex { display: flex !important; } .u-inline-flex { display: inline-flex !important; } @media (min-width: 36em) { .u-sm-none { display: none !important; } .u-sm-inline { display: inline !important; } .u-sm-inline-block { display: inline-block !important; } .u-sm-block { display: block !important; } .u-sm-flex { display: flex !important; } .u-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 48em) { .u-md-none { display: none !important; } .u-md-inline { display: inline !important; } .u-md-inline-block { display: inline-block !important; } .u-md-block { display: block !important; } .u-md-flex { display: flex !important; } .u-md-inline-flex { display: inline-flex !important; } } @media (min-width: 62em) { .u-lg-none { display: none !important; } .u-lg-inline { display: inline !important; } .u-lg-inline-block { display: inline-block !important; } .u-lg-block { display: block !important; } .u-lg-flex { display: flex !important; } .u-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 75em) { .u-xl-none { display: none !important; } .u-xl-inline { display: inline !important; } .u-xl-inline-block { display: inline-block !important; } .u-xl-block { display: block !important; } .u-xl-flex { display: flex !important; } .u-xl-inline-flex { display: inline-flex !important; } } /* ========================================================================== # Display utility ========================================================================== */ .u-flex-row { flex-direction: row !important; } .u-flex-row-reverse { flex-direction: row-reverse !important; } .u-flex-col { flex-direction: column !important; } .u-flex-col-reverse { flex-direction: column-reverse !important; } .u-flex-wrap { flex-wrap: wrap !important; } .u-flex-no-wrap { flex-wrap: nowrap !important; } .u-justify-start { justify-content: start !important; } .u-justify-end { justify-content: end !important; } .u-justify-center { justify-content: center !important; } .u-justify-between { justify-content: space-between !important; } .u-justify-around { justify-content: space-around !important; } .u-items-stretch { align-items: stretch !important; } .u-items-start { align-items: flex-start !important; } .u-items-center { align-items: center !important; } .u-items-end { align-items: flex-end !important; } .u-items-baseline { align-items: baseline !important; } .u-content-start { justify-content: start !important; } .u-content-end { justify-content: end !important; } .u-content-center { justify-content: center !important; } .u-content-between { justify-content: space-between !important; } .u-content-around { justify-content: space-around !important; } .u-flex-initial { flex: 0 1 auto !important; } .u-flex-fill { flex: 1 1 0% !important; } .u-flex-auto { flex: 1 1 auto !important; } .u-flex-none { flex: none !important; } @media (min-width: 36em) { .u-flex-sm-row { flex-direction: row !important; } .u-flex-sm-row-reverse { flex-direction: row-reverse !important; } .u-flex-sm-col { flex-direction: column !important; } .u-flex-sm-col-reverse { flex-direction: column-reverse !important; } } @media (min-width: 48em) { .u-flex-md-row { flex-direction: row !important; } .u-flex-md-row-reverse { flex-direction: row-reverse !important; } .u-flex-md-col { flex-direction: column !important; } .u-flex-md-col-reverse { flex-direction: column-reverse !important; } } @media (min-width: 62em) { .u-flex-lg-row { flex-direction: row !important; } .u-flex-lg-row-reverse { flex-direction: row-reverse !important; } .u-flex-lg-col { flex-direction: column !important; } .u-flex-lg-col-reverse { flex-direction: column-reverse !important; } } @media (min-width: 75em) { .u-flex-xl-row { flex-direction: row !important; } .u-flex-xl-row-reverse { flex-direction: row-reverse !important; } .u-flex-xl-col { flex-direction: column !important; } .u-flex-xl-col-reverse { flex-direction: column-reverse !important; } } /* ========================================================================== # Display utility ========================================================================== */ .u-float-left { float: left !important; } .u-float-right { float: right !important; } @media (min-width: 36em) { .u-float-sm-left { float: left !important; } .u-float-sm-right { float: right !important; } } @media (min-width: 48em) { .u-float-md-left { float: left !important; } .u-float-md-right { float: right !important; } } @media (min-width: 62em) { .u-float-lg-left { float: left !important; } .u-float-lg-right { float: right !important; } } @media (min-width: 75em) { .u-float-xl-left { float: left !important; } .u-float-xl-right { float: right !important; } } /* ========================================================================== # Position utility ========================================================================== */ .u-position-static { position: static !important; } .u-position-relative { position: relative !important; } .u-position-absolute { position: absolute !important; } .u-position-fixed { position: fixed !important; } .u-position-sticky { position: sticky !important; } /*------------------------------------*\ #Vendor \*------------------------------------*/ ul.slick-dots { bottom: 0; } ul.slick-dots li { margin: 0 10px; } ul.slick-dots li button { background-color: white; border-radius: 10px; border: 1px solid #d22730; transform: scale(0.7); -webkit-transform: scale(0.7); } ul.slick-dots li button:before { display: none; } ul.slick-dots li.slick-active button { transform: scale(1); -webkit-transform: scale(1); border-color: transparent; background-color: #d22730; -webkit-box-shadow: inset 0px 0px 0px 3px rgb(255, 255, 255); -moz-box-shadow: inset 0px 0px 0px 3px rgb(255, 255, 255); box-shadow: inset 0px 0px 0px 3px rgb(255, 255, 255); } .c-modal__close.fm-close:before, .c-modal__close.fm-close:after { background-color: white !important; } .c-modal__close.fm-close:hover:before, .c-modal__close.fm-close:hover:after { background-color: white !important; } .js-cookie-settings { padding-left: 5px; } .CookieApprove { position: fixed; line-height: 20px; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.85); font-size: 14px; text-align: center; padding: 20px; color: white; z-index: 1000; font-weight: normal; } .CookieApprove h3 { color: #fff; margin-bottom: 12px; margin-top: 24px; } @media (max-width: 768px) { .CookieApprove h3 { color: #fff; margin-bottom: 6px; margin-top: 12px; } } .CookieApprove p { line-height: 1.5; } .CookieApproveSettings { position: fixed; line-height: 20px; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.85); font-size: 14px; text-align: center; padding: 20px; z-index: 1000; font-weight: normal; display: flex; justify-content: center; /* The switch - the box around the slider */ /* Hide default HTML checkbox */ /* The slider */ /* Rounded sliders */ } .CookieApproveSettings .agreeCookie { display: none; } .CookieApproveSettings .bannedCookie { display: block; } .CookieApproveSettings .CookieClose { position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; opacity: 0.3; cursor: pointer; } .CookieApproveSettings .CookieClose:hover { opacity: 1; } .CookieApproveSettings .CookieClose:before, .CookieApproveSettings .CookieClose:after { position: absolute; left: 15px; content: " "; height: 33px; width: 2px; background-color: #333; } .CookieApproveSettings .CookieClose:before { transform: rotate(45deg); } .CookieApproveSettings .CookieClose:after { transform: rotate(-45deg); } .CookieApproveSettings .checked .agreeCookie { display: block; } .CookieApproveSettings .checked .bannedCookie { display: none; } .CookieApproveSettings .headerAgreeContainer { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; } .CookieApproveSettings .headerAgreeContainer label { margin-bottom: 12px; margin-top: 24px; } .CookieApproveSettings .headerAgreeContainer label.disabled { opacity: 0.5; } .CookieApproveSettings .buttonsContainer { display: flex; justify-content: flex-end; flex-wrap: wrap; } .CookieApproveSettings .buttonsContainer a.gdpr-component-holder:not(.gdpr-component-holder-agree) { background-color: #3e3e3e; } .CookieApproveSettings .buttonsContainer a.gdpr-component-holder:not(.gdpr-component-holder-agree):hover { background-color: #000; } .CookieApproveSettings .CookieApproveSettingsContainer { max-width: 700px; background-color: #fff; padding: 30px; text-align: left; overflow-y: scroll; position: relative; } .CookieApproveSettings p { font-size: 14px; line-height: 1.2; } .CookieApproveSettings h2 { margin-bottom: 12px; margin-top: 24px; } .CookieApproveSettings h3 { margin-bottom: 12px; margin-top: 24px; font-size: 20px; } .CookieApproveSettings .switch { position: relative; display: inline-block; width: 50px; height: 26px; margin-right: 140px; } .CookieApproveSettings .switch > div { position: absolute; margin-left: 71px; top: 5px; font-size: 15px; font-weight: 700; width: 110px; } .CookieApproveSettings .switch input { opacity: 0; width: 0; height: 0; } .CookieApproveSettings .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; transition: 0.4s; } .CookieApproveSettings .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } .CookieApproveSettings input:checked + .slider { background-color: #D22730; } .CookieApproveSettings input:focus + .slider { box-shadow: 0 0 1px #D22730; } .CookieApproveSettings input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } .CookieApproveSettings .slider.round { border-radius: 26px; } .CookieApproveSettings .slider.round:before { border-radius: 50%; } a.gdpr-component-holder.gdpr-component-holder-agree { color: #fff; background-color: #D22730; border-color: #D22730; } a.gdpr-component-holder.gdpr-component-holder-agree:hover { background-color: #a71f26; } a.gdpr-component-holder { margin: 10px; font-size: 16px; padding: 9px 15px; transition-property: color, border-color, background; transition-duration: 0.5s; display: inline-block; text-decoration: none; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; line-height: 1.6; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 180px; color: #fff; border-color: #fff; text-decoration: none; } a.gdpr-component-holder:hover { background-color: #000; } .c-cookie-buttons { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 0 0 -10px; } body #hw-87kwowifjjowiklsadh666right { z-index: 90 !important; } .top-headerinfo .headerInfo { text-align: center; width: 100%; } /* SEM SI DAVEJTE STYLY PRO DANY PROJEKT! */ .flex-column { flex-direction: column; } div.slick-track { display: flex; } .custom-checkbox .custom-control-input + label { cursor: pointer; } .custom-checkbox .custom-control-input:disabled + label, .custom-checkbox .custom-control-input.disabled + label { cursor: not-allowed; } .c-description { font-weight: 400; } .padding0 { padding: 0; } .page-not-found .image404 { width: 55vw; } .main { width: 100%; overflow: hidden; } .star-no-cancle .rating-cancel { display: none !important; } body div.star-rating.star-rating-on a { background-position: 0 -32px !important; } body div.star-rating.star-rating-readonly { cursor: initial; } .tox.tox-tinymce { z-index: 10; } .copyright a[data-original-title] { display: inline-block; } iframe { max-width: 100%; } .balikovnyIframe { min-height: 500px; } .balikovnyIframe iframe { min-height: 500px; } .c-modal__content { visibility: hidden; opacity: 0; background-color: white; position: relative; max-width: 600px; padding: 48px 48px; box-shadow: 0px 52px 85px rgba(95, 97, 86, 0.1), 0px 4px 59px rgba(0, 0, 0, 0.05); top: 50%; transform: translateY(-75%); transition: all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76); transition-delay: 0.2s; padding: 48px 16px; } @media (max-width: 47.99em) { .c-modal__content { min-width: auto; width: calc(100vw - 16px); padding: 16px 16px; } } .c-modal__content.c-modal__content-wider { max-width: 700px; width: 700px; } .c-modal__content.c-modal__content-wider-balikobot { max-width: 700px; width: 700px; overflow: auto; } @media (max-width: 61.99em) { .c-modal__content.c-modal__content-wider-balikobot { min-width: auto; width: calc(100vw - 16px); padding: 16px 16px; height: 90vh; min-height: 90vh; } } .c-modal__content.c-modal__content-wide { max-width: 1200px; width: 1200px; } .c-modal__content.c-modal__content-wide .c-modal__body { height: calc(100vh - 300px); } /*# sourceMappingURL=styles.css.map */ /* composer/studio-42/elfinder/css/elfinder.min.css */ /*! * elFinder - file manager for web * Version 2.1.60 (2021-11-12) * http://elfinder.org * * Copyright 2009-2021, Studio 42 * Licensed under a 3-clauses BSD license */ .elfinder-resize-container{margin-top:.3em}.elfinder-resize-type{float:left;margin-bottom:.4em}.elfinder-resize-control{float:left}.elfinder-resize-control input[type=number]{border:1px solid #aaa;text-align:right;width:4.5em}.elfinder-resize-control input.elfinder-resize-bg{text-align:center;width:5em;direction:ltr}.elfinder-dialog-resize .elfinder-resize-control-panel{margin-top:10px}.elfinder-dialog-resize .elfinder-resize-imgrotate,.elfinder-dialog-resize .elfinder-resize-pallet{cursor:pointer}.elfinder-dialog-resize .elfinder-resize-picking{cursor:crosshair}.elfinder-dialog-resize .elfinder-resize-grid8+button{padding-top:2px;padding-bottom:2px}.elfinder-resize-preview{width:400px;height:400px;padding:10px;background:#fff;border:1px solid #aaa;float:right;position:relative;overflow:hidden;text-align:left;direction:ltr}.elfinder-resize-handle,div.elfinder-cwd-wrapper-list tr.ui-state-default td{position:relative}.elfinder-resize-handle-hline,.elfinder-resize-handle-vline{position:absolute;background-image:url(../../composer/studio-42/elfinder/css/../img/crop.gif)}.elfinder-resize-handle-hline{width:100%;height:1px!important;background-repeat:repeat-x}.elfinder-resize-handle-vline{width:1px!important;height:100%;background-repeat:repeat-y}.elfinder-resize-handle-hline-top{top:0;left:0}.elfinder-resize-handle-hline-bottom{bottom:0;left:0}.elfinder-resize-handle-vline-left{top:0;left:0}.elfinder-resize-handle-vline-right{top:0;right:0}.elfinder-resize-handle-point{position:absolute;width:8px;height:8px;border:1px solid #777;background:0 0}.elfinder-resize-handle-point-n{top:0;left:50%;margin-top:-5px;margin-left:-5px}.elfinder-resize-handle-point-e,.elfinder-resize-handle-point-ne{top:0;right:0;margin-top:-5px;margin-right:-5px}.elfinder-resize-handle-point-e{top:50%}.elfinder-resize-handle-point-se{bottom:0;right:0;margin-bottom:-5px;margin-right:-5px}.elfinder-resize-handle-point-s,.elfinder-resize-handle-point-sw{bottom:0;left:50%;margin-bottom:-5px;margin-left:-5px}.elfinder-resize-handle-point-sw{left:0}.elfinder-resize-handle-point-nw,.elfinder-resize-handle-point-w{top:50%;left:0;margin-top:-5px;margin-left:-5px}.elfinder-resize-handle-point-nw{top:0}.elfinder-dialog.elfinder-dialog-resize .ui-resizable-e{width:10px;height:100%}.elfinder-dialog.elfinder-dialog-resize .ui-resizable-s{width:100%;height:10px}.elfinder-resize-loading{position:absolute;width:200px;height:30px;top:50%;margin-top:-25px;left:50%;margin-left:-100px;text-align:center;background:url(../../composer/studio-42/elfinder/css/../img/progress.gif) center bottom repeat-x}.elfinder-resize-row{margin-bottom:9px;position:relative}.elfinder-resize-label{float:left;width:80px;padding-top:3px}.elfinder-resize-checkbox-label{border:1px solid transparent}.elfinder-dialog-resize .elfinder-resize-whctrls{margin:-20px 5px 0}.elfinder-ltr .elfinder-dialog-resize .elfinder-resize-whctrls{float:right}.elfinder-help-team div,.elfinder-rtl .elfinder-dialog-resize .elfinder-resize-whctrls{float:left}.elfinder-dialog-resize .ui-resizable-e,.elfinder-dialog-resize .ui-resizable-w{height:100%;width:10px}.elfinder-dialog-resize .ui-resizable-n,.elfinder-dialog-resize .ui-resizable-s{width:100%;height:10px}.elfinder-dialog-resize .ui-resizable-e{margin-right:-7px}.elfinder-dialog-resize .ui-resizable-w{margin-left:-7px}.elfinder-dialog-resize .ui-resizable-s{margin-bottom:-7px}.elfinder-dialog-resize .ui-resizable-n{margin-top:-7px}.elfinder-dialog-resize .ui-resizable-ne,.elfinder-dialog-resize .ui-resizable-nw,.elfinder-dialog-resize .ui-resizable-se,.elfinder-dialog-resize .ui-resizable-sw{width:10px;height:10px}.elfinder-dialog-resize .ui-resizable-se{background:0 0;bottom:0;right:0;margin-right:-7px;margin-bottom:-7px}.elfinder-dialog-resize .ui-resizable-sw{margin-left:-7px;margin-bottom:-7px}.elfinder-dialog-resize .ui-resizable-ne{margin-right:-7px;margin-top:-7px}.elfinder-dialog-resize .ui-resizable-nw{margin-left:-7px;margin-top:-7px}.elfinder-touch .elfinder-dialog-resize .ui-resizable-n,.elfinder-touch .elfinder-dialog-resize .ui-resizable-s{height:20px}.elfinder-touch .elfinder-dialog-resize .ui-resizable-e,.elfinder-touch .elfinder-dialog-resize .ui-resizable-w{width:20px}.elfinder-touch .elfinder-dialog-resize .ui-resizable-ne,.elfinder-touch .elfinder-dialog-resize .ui-resizable-nw,.elfinder-touch .elfinder-dialog-resize .ui-resizable-se,.elfinder-touch .elfinder-dialog-resize .ui-resizable-sw{width:30px;height:30px}.elfinder-touch .elfinder-dialog-resize .elfinder-resize-preview .ui-resizable-se{width:30px;height:30px;margin:0}.elfinder-dialog-resize .ui-icon-grip-solid-vertical{position:absolute;top:50%;right:0;margin-top:-8px;margin-right:-11px}.elfinder-dialog-resize .ui-icon-grip-solid-horizontal{position:absolute;left:50%;bottom:0;margin-left:-8px;margin-bottom:-11px}.elfinder-dialog-resize .elfinder-resize-row .ui-buttonset{float:right}.elfinder-dialog-resize .elfinder-resize-degree input,.elfinder-dialog-resize input.elfinder-resize-quality,.elfinder-mobile .elfinder-resize-control input[type=number]{width:3.5em}.elfinder-mobile .elfinder-dialog-resize .elfinder-resize-degree input,.elfinder-mobile .elfinder-dialog-resize input.elfinder-resize-quality{width:2.5em}.elfinder-dialog-resize .elfinder-resize-degree button.ui-button{padding:6px 8px}.elfinder-dialog-resize button.ui-button span{padding:0}.elfinder-dialog-resize .elfinder-resize-jpgsize{font-size:90%}.ui-widget-content .elfinder-resize-container .elfinder-resize-rotate-slider{width:195px;margin:10px 7px;background-color:#fafafa}.elfinder-dialog-resize .elfinder-resize-type span.ui-checkboxradio-icon{display:none}.elfinder-resize-preset-container{box-sizing:border-box;border-radius:5px}.elfinder-file-edit{width:100%;height:100%;margin:0;padding:2px;border:1px solid #ccc;box-sizing:border-box;resize:none}.elfinder-touch .elfinder-file-edit{font-size:16px}.elfinder-dialog-edit .ui-dialog-content.elfinder-edit-editor{background-color:#fff}.elfinder-dialog-edit .ui-dialog-content.elfinder-edit-editor .elfinder-edit-imageeditor{width:100%;height:300px;max-height:100%;text-align:center}.elfinder-dialog-edit .ui-dialog-content.elfinder-edit-editor .elfinder-edit-imageeditor *{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none}.elfinder-edit-imageeditor .tui-image-editor-main-container .tui-image-editor-main{top:0}.elfinder-edit-imageeditor .tui-image-editor-main-container .tui-image-editor-header{display:none}.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-wrap,.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-wrap,.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-wrap,.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-wrap,.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-wrap,.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-wrap,.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-wrap,.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-wrap,.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-wrap{height:calc(100% - 150px)}.elfinder-touch.elfinder-fullscreen-native textarea.elfinder-file-edit{padding-bottom:20em;margin-bottom:-20em}.elfinder-dialog-edit .ui-dialog-buttonpane .elfinder-dialog-confirm-encoding{font-size:12px}.ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras{margin:0 1em 0 .2em;float:left}.ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras-quality{padding-top:6px}.ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras select{font-size:12px;margin-top:8px}.elfinder-dialog-edit .ui-dialog-buttonpane .ui-icon,.elfinder-edit-onlineconvert-bottom-btn button,.elfinder-edit-onlineconvert-button button,.elfinder-preference dt label{cursor:pointer}.elfinder-edit-spinner{position:absolute;top:50%;text-align:center;width:100%;font-size:16pt}.elfinder-dialog-edit .elfinder-edit-spinner .elfinder-spinner,.elfinder-dialog-edit .elfinder-edit-spinner .elfinder-spinner-text{float:none}.elfinder-dialog-edit .elfinder-toast>div{width:280px}.elfinder-edit-onlineconvert-button{display:inline-block;width:180px;min-height:30px;vertical-align:top}.elfinder-edit-onlineconvert-bottom-btn button.elfinder-button-ios-multiline{-webkit-appearance:none;border-radius:16px;color:#000;text-align:center;padding:8px;background-color:#eee;background-image:-webkit-linear-gradient(top,#fafafa 0%,#c4c4c4 100%);background-image:linear-gradient(to bottom,#fafafa 0%,#c4c4c4 100%)}.elfinder-edit-onlineconvert-button .elfinder-button-icon{margin:0 10px;vertical-align:middle;cursor:pointer}.elfinder-edit-onlineconvert-bottom-btn{text-align:center;margin:10px 0 0}.elfinder-edit-onlineconvert-link{margin-top:1em;text-align:center}.elfinder-edit-onlineconvert-link .elfinder-button-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/editor-icons.png);background-repeat:no-repeat;background-position:0 -144px;margin-bottom:-3px}.elfinder-edit-onlineconvert-link a,ul.elfinder-help-integrations a{text-decoration:none}div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon{position:absolute;top:4px;left:0;right:0;margin:auto 0 auto auto}.elfinder-touch div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon{top:7px}.elfinder-rtl div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon{margin:auto auto auto 0}.elfinder-help{margin-bottom:.5em;-webkit-overflow-scrolling:touch}.elfinder-help .ui-tabs-panel{overflow:auto;padding:10px}.elfinder-dialog .ui-tabs .ui-tabs-nav li{overflow:hidden}.elfinder-dialog .ui-tabs .ui-tabs-nav li a{padding:.2em .8em;display:inline-block}.elfinder-touch .elfinder-dialog .ui-tabs .ui-tabs-nav li a{padding:.5em}.elfinder-dialog .ui-tabs-active a{background:inherit}.elfinder-help-shortcuts{height:auto;padding:10px;margin:0;box-sizing:border-box}.elfinder-help-shortcut{white-space:nowrap;clear:both}.elfinder-help-shortcut-pattern{float:left;width:160px}.elfinder-help-logo{width:100px;height:96px;float:left;margin-right:1em;background:url(../../composer/studio-42/elfinder/css/../img/logo.png) center center no-repeat}.elfinder-help h3{font-size:1.5em;margin:.2em 0 .3em}.elfinder-help-separator{clear:both;padding:.5em}.elfinder-help-link{display:inline-block;margin-right:12px;padding:2px 0;white-space:nowrap}.elfinder-rtl .elfinder-help-link{margin-right:0;margin-left:12px}.elfinder-help .ui-priority-secondary{font-size:.9em}.elfinder-help .ui-priority-primary{margin-bottom:7px}.elfinder-help-team{clear:both;text-align:right;border-bottom:1px solid #ccc;margin:.5em 0;font-size:.9em}.elfinder-help-license{font-size:.9em}.elfinder-help-disabled{font-weight:700;text-align:center;margin:90px 0}.elfinder-help .elfinder-dont-panic{display:block;border:1px solid transparent;width:200px;height:200px;margin:30px auto;text-decoration:none;text-align:center;position:relative;background:#d90004;-moz-box-shadow:5px 5px 9px #111;-webkit-box-shadow:5px 5px 9px #111;box-shadow:5px 5px 9px #111;background:-moz-radial-gradient(80px 80px,circle farthest-corner,#d90004 35%,#960004 100%);background:-webkit-gradient(radial,80 80,60,80 80,120,from(#d90004),to(#960004));-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;outline:none}.elfinder-help .elfinder-dont-panic span{font-size:3em;font-weight:700;text-align:center;color:#fff;position:absolute;left:0;top:45px}ul.elfinder-help-integrations ul{padding:0;margin:0 1em 1em}ul.elfinder-help-integrations a:hover{text-decoration:underline}.elfinder-help-debug{height:100%;padding:0;margin:0;overflow:none;border:none}.elfinder-help-debug .ui-tabs-panel{padding:0;margin:0;overflow:auto}.elfinder-help-debug fieldset{margin-bottom:10px;border-color:#789;border-radius:10px}.elfinder-help-debug legend{font-size:1.2em;font-weight:700;color:#2e8b57}.elfinder-help-debug dl{margin:0}.elfinder-help-debug dt{color:#789}.elfinder-help-debug dt:before{content:"["}.elfinder-help-debug dt:after{content:"]"}.elfinder-help-debug dd{margin-left:1em}.elfinder-dialog .elfinder-preference .ui-tabs-nav{margin-bottom:1px;height:auto}.elfinder-preference .ui-tabs-panel{padding:10px 10px 0;overflow:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}.elfinder-preference a.ui-state-hover,.elfinder-preference label.ui-state-hover{border:none}.elfinder-preference dl{width:100%;display:inline-block;margin:.5em 0}.elfinder-preference dt{display:block;width:200px;clear:left;float:left;max-width:50%}.elfinder-rtl .elfinder-preference dt{clear:right;float:right}.elfinder-preference dd{margin-bottom:1em}.elfinder-preference dd input[type=checkbox],.elfinder-preference dd label{white-space:nowrap;display:inline-block;cursor:pointer}.elfinder-preference dt.elfinder-preference-checkboxes{width:100%;max-width:none}.elfinder-preference dd.elfinder-preference-checkboxes{padding-top:3ex}.elfinder-preference select{max-width:100%}.elfinder-preference dd.elfinder-preference-iconSize .ui-slider{width:50%;max-width:100px;display:inline-block;margin:0 10px}.elfinder-preference button{margin:0 16px}.elfinder-preference button+button{margin:0 -10px}.elfinder-preference .elfinder-preference-taball .elfinder-reference-hide-taball{display:none}.elfinder-preference-theme fieldset{margin-bottom:10px}.elfinder-preference-theme legend a{font-size:1.8em;text-decoration:none;cursor:pointer}.elfinder-preference-theme dt{width:20%;word-break:break-all}.elfinder-preference-theme dt:after{content:" :"}.elfinder-preference-theme dd{margin-inline-start:20%}.elfinder-preference img.elfinder-preference-theme-image{display:block;margin-left:auto;margin-right:auto;max-width:90%;max-height:200px;cursor:pointer}.elfinder-preference-theme-btn,.elfinder-rename-batch-type{text-align:center}.elfinder-preference-theme button.elfinder-preference-theme-default{display:inline;margin:0 10px;font-size:8pt}.elfinder-rtl .elfinder-info-title .elfinder-cwd-icon:before{right:33px;left:auto}.elfinder-info-title .elfinder-cwd-icon.elfinder-cwd-bgurl:after{content:none}.elfinder-upload-dialog-wrapper .elfinder-upload-dirselect{position:absolute;bottom:2px;width:16px;height:16px;padding:10px;border:none;overflow:hidden;cursor:pointer}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-item .ui-icon,.elfinder-ltr .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect{left:2px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-item .ui-icon,.elfinder-rtl .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect{right:2px}.elfinder-ltr .elfinder-rm-title .elfinder-cwd-icon:before{left:38px}.elfinder-rtl .elfinder-rm-title .elfinder-cwd-icon:before{right:86px;left:auto}.elfinder-rm-title .elfinder-cwd-icon.elfinder-cwd-bgurl:after{content:none}.elfinder-rename-batch div{margin:5px 8px}.elfinder-rename-batch .elfinder-rename-batch-name input{width:100%;font-size:1.6em}.elfinder-rename-batch .elfinder-rename-batch-type label{margin:2px;font-size:.9em}.elfinder-rename-batch-preview{padding:0 8px;font-size:1.1em;min-height:4ex}.ui-front{z-index:100}.elfinder .elfinder-cwd table td div,.elfinder-cwd table td,div.elfinder *,div.elfinder :after,div.elfinder :before{box-sizing:content-box}div.elfinder fieldset{display:block;margin-inline-start:2px;margin-inline-end:2px;padding-block-start:.35em;padding-inline-start:.75em;padding-inline-end:.75em;padding-block-end:.625em;min-inline-size:min-content;border-width:2px;border-style:groove;border-color:threedface;border-image:initial}div.elfinder legend{display:block;padding-inline-start:2px;padding-inline-end:2px;border-width:initial;border-style:none;border-color:initial;border-image:initial;width:auto;margin-bottom:0}div.elfinder{padding:0;position:relative;display:block;visibility:visible;font-size:18px;font-family:Verdana,Arial,Helvetica,sans-serif}.elfinder-ios input,.elfinder-ios select,.elfinder-ios textarea{font-size:16px!important}.elfinder.elfinder-fullscreen>.ui-resizable-handle{display:none}.elfinder-font-mono{line-height:2ex}.elfinder.elfinder-processing *{cursor:progress!important}.elfinder.elfinder-processing.elfinder-touch .elfinder-workzone:after{position:absolute;top:0;width:100%;height:3px;content:'';left:0;background-image:url(../../composer/studio-42/elfinder/css/../img/progress.gif);opacity:.6;pointer-events:none}.elfinder :not(input):not(textarea):not(select):not([contenteditable=true]),.elfinder-contextmenu :not(input):not(textarea):not(select):not([contenteditable=true]){-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none}.elfinder .overflow-scrolling-touch{-webkit-overflow-scrolling:touch}.elfinder-rtl{text-align:right;direction:rtl}.elfinder-workzone{padding:0;position:relative;overflow:hidden}.elfinder-lock,.elfinder-perms,.elfinder-symlink{position:absolute;width:16px;height:16px;background-image:url(../../composer/studio-42/elfinder/css/../img/toolbar.png);background-repeat:no-repeat}.elfinder-perms,.elfinder-symlink{background-position:0 -528px}.elfinder-na .elfinder-perms{background-position:0 -96px}.elfinder-ro .elfinder-perms{background-position:0 -64px}.elfinder-wo .elfinder-perms{background-position:0 -80px}.elfinder-group .elfinder-perms{background-position:0 0}.elfinder-lock{background-position:0 -656px}.elfinder-drag-helper{top:0;left:0;width:70px;height:60px;padding:0 0 0 25px;z-index:100000;will-change:left,top}.elfinder-drag-helper.html5-native{position:absolute;top:-1000px;left:-1000px}.elfinder-drag-helper-icon-status{position:absolute;width:16px;height:16px;left:42px;top:60px;background:url(../../composer/studio-42/elfinder/css/../img/toolbar.png) 0 -96px no-repeat;display:block}.elfinder-drag-helper-move .elfinder-drag-helper-icon-status{background-position:0 -720px}.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status{background-position:0 -544px}.elfinder-drag-num{display:inline-box;position:absolute;top:0;left:0;width:auto;height:14px;text-align:center;padding:1px 3px;font-weight:700;color:#fff;background-color:red;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.elfinder-drag-helper .elfinder-cwd-icon{margin:0 0 0 -24px;float:left}.elfinder-overlay{position:absolute;opacity:.2;filter:Alpha(Opacity=20)}.elfinder .elfinder-panel{position:relative;background-image:none;padding:7px 12px}[draggable=true]{-khtml-user-drag:element}.elfinder [contentEditable=true]:empty:not(:focus):before{content:attr(data-ph)}.elfinder div.elfinder-bottomtray{position:fixed;bottom:0;max-width:100%;opacity:.8}.elfinder div.elfinder-bottomtray>div{top:initial;right:initial;left:initial}.elfinder.elfinder-ltr div.elfinder-bottomtray{left:0}.elfinder.elfinder-rtl div.elfinder-bottomtray{right:0}.elfinder .elfinder-ui-tooltip,.elfinder-ui-tooltip{font-size:14px;padding:2px 4px}.elfinder-ui-progressbar{pointer-events:none;position:absolute;width:0;height:2px;top:0;border-radius:2px;filter:blur(1px)}.elfinder-ltr .elfinder-ui-progressbar{left:0}.elfinder-rtl .elfinder-ui-progressbar{right:0}.elfinder .elfinder-contextmenu,.elfinder .elfinder-contextmenu-sub{position:absolute;border:1px solid #aaa;background:#fff;color:#555;padding:4px 0;top:0;left:0}.elfinder .elfinder-contextmenu-sub{top:5px}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-sub{margin-left:-5px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-sub{margin-right:-5px}.elfinder .elfinder-contextmenu-header{margin-top:-4px;padding:0 .5em .2ex;border:none;text-align:center}.elfinder .elfinder-contextmenu-header span{font-size:.8em;font-weight:bolder}.elfinder .elfinder-contextmenu-item{position:relative;display:block;padding:4px 30px;text-decoration:none;white-space:nowrap;cursor:default}.elfinder .elfinder-contextmenu-item.ui-state-active{border:none}.elfinder .elfinder-contextmenu-item .ui-icon{width:16px;height:16px;position:absolute;left:auto;right:auto;top:50%;margin-top:-8px}.elfinder-touch .elfinder-contextmenu-item{padding:12px 38px}.elfinder-navbar-root-local.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_local.svg);background-size:contain}.elfinder-navbar-root-trash.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_trash.svg);background-size:contain}.elfinder-navbar-root-ftp.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_ftp.svg);background-size:contain}.elfinder-navbar-root-sql.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_sql.svg);background-size:contain}.elfinder-navbar-root-dropbox.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_dropbox.svg);background-size:contain}.elfinder-navbar-root-googledrive.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_googledrive.svg);background-size:contain}.elfinder-navbar-root-onedrive.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_onedrive.svg);background-size:contain}.elfinder-navbar-root-box.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_box.svg);background-size:contain}.elfinder-navbar-root-zip.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_zip.svg);background-size:contain}.elfinder-navbar-root-network.elfinder-contextmenu-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_network.svg);background-size:contain}.elfinder .elfinder-contextmenu .elfinder-contextmenu-item span{display:block}.elfinder .elfinder-contextmenu-sub .elfinder-contextmenu-item{padding-left:12px;padding-right:12px}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-item{text-align:left}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-item{text-align:right}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon{padding-left:28px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon{padding-right:28px}.elfinder-touch .elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon{padding-left:36px}.elfinder-touch .elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon{padding-right:36px}.elfinder .elfinder-contextmenu-arrow,.elfinder .elfinder-contextmenu-extra-icon,.elfinder .elfinder-contextmenu-icon{position:absolute;top:50%;margin-top:-8px;overflow:hidden}.elfinder-touch .elfinder-button-icon.elfinder-contextmenu-icon{transform-origin:center center}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-icon{left:8px}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-extra-icon,.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-icon{right:8px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-extra-icon{left:8px}.elfinder .elfinder-contextmenu-arrow{width:16px;height:16px;background:url(../../composer/studio-42/elfinder/css/../img/arrows-normal.png) 5px 4px no-repeat}.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-arrow{right:5px}.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-arrow{left:5px;background-position:0 -10px}.elfinder .elfinder-contextmenu-extra-icon a,.elfinder .elfinder-contextmenu-extra-icon span{position:relative;width:100%;height:100%;margin:0;color:transparent!important;text-decoration:none;cursor:pointer}.elfinder .elfinder-contextmenu .ui-state-hover{border:0 solid;background-image:none}.elfinder .elfinder-contextmenu-separator{height:0;border-top:1px solid #ccc;margin:0 1px}.elfinder .elfinder-contextmenu-item .elfinder-button-icon.ui-state-disabled{background-image:url(../../composer/studio-42/elfinder/css/../img/toolbar.png)}.elfinder-cwd-wrapper{overflow:auto;position:relative;padding:2px;margin:0}.elfinder-cwd-wrapper-list{padding:0}.elfinder-cwd{position:absolute;top:0;cursor:default;padding:0;margin:0;-ms-touch-action:auto;touch-action:auto;min-width:100%}.elfinder-ltr .elfinder-cwd{left:0}.elfinder-rtl .elfinder-cwd{right:0}.elfinder-cwd.elfinder-table-header-sticky{position:-webkit-sticky;position:-ms-sticky;position:sticky;top:0;left:auto;right:auto;width:-webkit-max-content;width:-moz-max-content;width:-ms-max-content;width:max-content;height:0;overflow:visible}.elfinder-cwd.elfinder-table-header-sticky table{border-top:2px solid;padding-top:0}.elfinder-cwd.elfinder-table-header-sticky td{display:inline-block}.elfinder-droppable-active .elfinder-cwd.elfinder-table-header-sticky table{border-top:2px solid transparent}.elfinder .elfinder-cwd table tbody.elfinder-cwd-fixheader,.elfinder-cwd-fixheader .elfinder-cwd{position:relative}.elfinder .elfinder-cwd-wrapper.elfinder-droppable-active{outline:2px solid #8cafed;outline-offset:-2px}.elfinder-cwd-wrapper-empty .elfinder-cwd:after{display:block;height:auto;width:90%;width:calc(100% - 20px);position:absolute;top:50%;left:50%;-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);line-height:1.5em;text-align:center;white-space:pre-wrap;opacity:.6;filter:Alpha(Opacity=60);font-weight:700}.elfinder-cwd-file .elfinder-cwd-select{position:absolute;top:0;left:0;background-color:transparent;opacity:.4;filter:Alpha(Opacity=40)}.elfinder-mobile .elfinder-cwd-file .elfinder-cwd-select{width:30px;height:30px}.elfinder .elfinder-cwd-selectall,.elfinder-cwd-file.ui-selected .elfinder-cwd-select{opacity:.8;filter:Alpha(Opacity=80)}.elfinder-rtl .elfinder-cwd-file .elfinder-cwd-select{left:auto;right:0}.elfinder .elfinder-cwd-selectall{position:absolute;width:30px;height:30px;top:0}.elfinder .elfinder-workzone.elfinder-cwd-wrapper-empty .elfinder-cwd-selectall{display:none}.elfinder-ltr .elfinder-workzone .elfinder-cwd-selectall{text-align:right;right:18px;left:auto}.elfinder-rtl .elfinder-workzone .elfinder-cwd-selectall{text-align:left;right:auto;left:18px}.elfinder-ltr.elfinder-mobile .elfinder-workzone .elfinder-cwd-selectall{right:0}.elfinder-rtl.elfinder-mobile .elfinder-workzone .elfinder-cwd-selectall{left:0}.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-select.ui-state-hover{background-color:transparent}.elfinder-cwd-view-icons .elfinder-cwd-file{width:120px;height:90px;padding-bottom:2px;cursor:default;border:none;position:relative}.elfinder .std42-dialog .ui-dialog-content label,.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-active{border:none}.elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file{float:left;margin:0 3px 2px 0}.elfinder-rtl .elfinder-cwd-view-icons .elfinder-cwd-file{float:right;margin:0 0 5px 3px}.elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover{border:0 solid}.elfinder-cwd-view-icons .elfinder-cwd-file-wrapper{width:52px;height:52px;margin:1px auto;padding:2px;position:relative}.elfinder-cwd-size1 .elfinder-cwd-icon:before,.elfinder-cwd-size2 .elfinder-cwd-icon:before,.elfinder-cwd-size3 .elfinder-cwd-icon:before{top:3px;display:block}.elfinder-cwd-size1.elfinder-cwd-view-icons .elfinder-cwd-file{width:120px;height:112px}.elfinder-cwd-size1.elfinder-cwd-view-icons .elfinder-cwd-file-wrapper{width:74px;height:74px}.elfinder-cwd-size1 .elfinder-cwd-icon,.elfinder-cwd-size2 .elfinder-cwd-icon,.elfinder-cwd-size3 .elfinder-cwd-icon{-ms-transform-origin:top center;-ms-transform:scale(1.5);-webkit-transform-origin:top center;-webkit-transform:scale(1.5);transform-origin:top center;transform:scale(1.5)}.elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:before{-ms-transform-origin:top left;-ms-transform:scale(1.35) translate(-4px,15%);-webkit-transform-origin:top left;-webkit-transform:scale(1.35) translate(-4px,15%);transform-origin:top left;transform:scale(1.35) translate(-4px,15%)}.elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl:after{-ms-transform:scale(1) translate(10px,-5px);-webkit-transform:scale(1) translate(10px,-5px);transform:scale(1) translate(10px,-5px)}.elfinder-cwd-size1 .elfinder-cwd-icon.elfinder-cwd-bgurl{-ms-transform-origin:center center;-ms-transform:scale(1);-webkit-transform-origin:center center;-webkit-transform:scale(1);transform-origin:center center;transform:scale(1);width:72px;height:72px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.elfinder-cwd-size2.elfinder-cwd-view-icons .elfinder-cwd-file{width:140px;height:134px}.elfinder-cwd-size2.elfinder-cwd-view-icons .elfinder-cwd-file-wrapper{width:98px;height:98px}.elfinder-cwd-size2 .elfinder-cwd-icon,.elfinder-cwd-size3 .elfinder-cwd-icon{-ms-transform:scale(2);-webkit-transform:scale(2);transform:scale(2)}.elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:before{-ms-transform-origin:top left;-ms-transform:scale(1.8) translate(-5px,18%);-webkit-transform-origin:top left;-webkit-transform:scale(1.8) translate(-5px,18%);transform-origin:top left;transform:scale(1.8) translate(-5px,18%)}.elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl:after{-ms-transform:scale(1.1) translate(0,10px);-webkit-transform:scale(1.1) translate(0,10px);transform:scale(1.1) translate(0,10px)}.elfinder-cwd-size2 .elfinder-cwd-icon.elfinder-cwd-bgurl{-ms-transform-origin:center center;-ms-transform:scale(1);-webkit-transform-origin:center center;-webkit-transform:scale(1);transform-origin:center center;transform:scale(1);width:96px;height:96px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.elfinder-cwd-size3.elfinder-cwd-view-icons .elfinder-cwd-file{width:174px;height:158px}.elfinder-cwd-size3.elfinder-cwd-view-icons .elfinder-cwd-file-wrapper{width:122px;height:122px}.elfinder-cwd-size3 .elfinder-cwd-icon{-ms-transform:scale(2.5);-webkit-transform:scale(2.5);transform:scale(2.5)}.elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:before{-ms-transform-origin:top left;-ms-transform:scale(2.25) translate(-6px,20%);-webkit-transform-origin:top left;-webkit-transform:scale(2.25) translate(-6px,20%);transform-origin:top left;transform:scale(2.25) translate(-6px,20%)}.elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl:after{-ms-transform:scale(1.2) translate(-9px,22px);-webkit-transform:scale(1.2) translate(-9px,22px);transform:scale(1.2) translate(-9px,22px)}.elfinder-cwd-size3 .elfinder-cwd-icon.elfinder-cwd-bgurl{-ms-transform-origin:center center;-ms-transform:scale(1);-webkit-transform-origin:center center;-webkit-transform:scale(1);transform-origin:center center;transform:scale(1);width:120px;height:120px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.elfinder-cwd-view-icons .elfinder-cwd-filename{text-align:center;max-height:2.4em;line-height:1.2em;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:3px 1px 0;padding:1px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;word-break:break-word;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.elfinder-cwd-view-icons .elfinder-perms{bottom:4px;right:2px}.elfinder-cwd-view-icons .elfinder-lock{top:-3px;right:-2px}.elfinder-cwd-view-icons .elfinder-symlink{bottom:6px;left:0}.elfinder-cwd-icon{display:block;width:48px;height:48px;margin:0 auto;background-image:url(../../composer/studio-42/elfinder/css/../img/icons-big.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/icons-big.png) \9;background-position:0 0;background-repeat:no-repeat;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.elfinder-cwd .elfinder-navbar-root-local.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon,.elfinder-navbar-root-local .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_local.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_local.png) \9;background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-local.elfinder-droppable-active .elfinder-cwd-icon{background-position:1px -1px}.elfinder-cwd .elfinder-navbar-root-trash.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-trash td .elfinder-cwd-icon,.elfinder-navbar-root-trash .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_trash.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_trash.png) \9;background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-trash.elfinder-droppable-active .elfinder-cwd-icon{background-position:1px -1px}.elfinder-cwd .elfinder-navbar-root-ftp.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon,.elfinder-navbar-root-ftp .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_ftp.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_ftp.png) \9;background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-ftp.elfinder-droppable-active .elfinder-cwd-icon{background-position:1px -1px}.elfinder-cwd .elfinder-navbar-root-sql.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon,.elfinder-navbar-root-sql .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_sql.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_sql.png) \9;background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-sql.elfinder-droppable-active .elfinder-cwd-icon{background-position:1px -1px}.elfinder-cwd .elfinder-navbar-root-dropbox.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon,.elfinder-navbar-root-dropbox .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_dropbox.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_dropbox.png) \9;background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-dropbox.elfinder-droppable-active .elfinder-cwd-icon{background-position:1px -1px}.elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon,.elfinder-navbar-root-googledrive .elfinder-cwd-icon{background-position:0 0}.elfinder-cwd .elfinder-navbar-root-googledrive.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon,.elfinder-navbar-root-googledrive .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_googledrive.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_googledrive.png) \9;background-size:contain}.elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon,.elfinder-navbar-root-onedrive .elfinder-cwd-icon{background-position:0 0}.elfinder-cwd .elfinder-navbar-root-onedrive.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon,.elfinder-navbar-root-onedrive .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_onedrive.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_onedrive.png) \9;background-size:contain}.elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon,.elfinder-navbar-root-box .elfinder-cwd-icon{background-position:0 0}.elfinder-cwd .elfinder-navbar-root-box.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon,.elfinder-navbar-root-box .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_box.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_box.png) \9;background-size:contain}.elfinder-cwd .elfinder-navbar-root-zip.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-zip td .elfinder-cwd-icon,.elfinder-navbar-root-zip .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_zip.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_zip.png) \9;background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-box.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd .elfinder-navbar-root-googledrive.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd .elfinder-navbar-root-onedrive.elfinder-droppable-active .elfinder-cwd-icon{background-position:1px -1px}.elfinder-cwd .elfinder-navbar-root-network.elfinder-droppable-active .elfinder-cwd-icon,.elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon,.elfinder-navbar-root-network .elfinder-cwd-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_network.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_network.png) \9;background-position:0 0;background-size:contain}.elfinder-cwd .elfinder-navbar-root-network.elfinder-droppable-active .elfinder-cwd-icon{background-position:1px -1px}.elfinder-cwd-icon:before{content:none;position:absolute;left:0;top:5px;min-width:20px;max-width:84px;text-align:center;padding:0 4px 1px;border-radius:4px;font-family:Verdana;font-size:10px;line-height:1.3em;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);-o-transform:scale(.9);transform:scale(.9)}.elfinder-cwd-view-icons .elfinder-cwd-icon.elfinder-cwd-bgurl:before{left:-10px}.elfinder-cwd-icon.elfinder-cwd-icon-mp2t:before{content:'ts'}.elfinder-cwd-icon.elfinder-cwd-icon-dash-xml:before{content:'dash'}.elfinder-cwd-icon.elfinder-cwd-icon-x-mpegurl:before{content:'hls'}.elfinder-cwd-icon.elfinder-cwd-icon-x-c:before{content:'c++'}.elfinder-cwd-icon.elfinder-cwd-bgurl{background-position:center center;background-repeat:no-repeat}.elfinder-cwd-icon.elfinder-cwd-bgurl,.elfinder-cwd-icon.elfinder-cwd-bgurl.elfinder-cwd-bgself{-moz-background-size:cover;background-size:cover}.elfinder-cwd-icon.elfinder-cwd-bgurl:after{content:' '}.elfinder-cwd-bgurl:after{position:relative;display:inline-block;top:36px;left:-38px;width:48px;height:48px;background-image:url(../../composer/studio-42/elfinder/css/../img/icons-big.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/icons-big.png) \9;background-repeat:no-repeat;background-size:auto!important;opacity:.8;filter:Alpha(Opacity=60);-webkit-transform-origin:54px -24px;-webkit-transform:scale(.6);-moz-transform-origin:54px -24px;-moz-transform:scale(.6);-ms-transform-origin:54px -24px;-ms-transform:scale(.6);-o-transform-origin:54px -24px;-o-transform:scale(.6);transform-origin:54px -24px;transform:scale(.6)}.elfinder-cwd-icon.elfinder-cwd-icon-drag{width:48px;height:48px}.elfinder-cwd-icon-directory.elfinder-cwd-bgurl:after,.elfinder-cwd-icon-image.elfinder-cwd-bgurl:after,.elfinder-cwd-icon.elfinder-cwd-icon-drag:after,.elfinder-cwd-icon.elfinder-cwd-icon-drag:before{content:none}.elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon{background-position:0 -100px}.elfinder-cwd .elfinder-droppable-active{outline:2px solid #8cafed;outline-offset:-2px}.elfinder-cwd-icon-directory{background-position:0 -50px}.elfinder-cwd-icon-application,.elfinder-cwd-icon-application:after{background-position:0 -150px}.elfinder-cwd-icon-text,.elfinder-cwd-icon-text:after{background-position:0 -1350px}.elfinder-cwd-icon-plain,.elfinder-cwd-icon-plain:after,.elfinder-cwd-icon-x-empty,.elfinder-cwd-icon-x-empty:after{background-position:0 -200px}.elfinder-cwd-icon-image,.elfinder-cwd-icon-image:after,.elfinder-cwd-icon-vnd-adobe-photoshop,.elfinder-cwd-icon-vnd-adobe-photoshop:after{background-position:0 -250px}.elfinder-cwd-icon-postscript,.elfinder-cwd-icon-postscript:after{background-position:0 -1550px}.elfinder-cwd-icon-audio,.elfinder-cwd-icon-audio:after{background-position:0 -300px}.elfinder-cwd-icon-dash-xml,.elfinder-cwd-icon-flash-video,.elfinder-cwd-icon-video,.elfinder-cwd-icon-video:after,.elfinder-cwd-icon-vnd-apple-mpegurl,.elfinder-cwd-icon-x-mpegurl{background-position:0 -350px}.elfinder-cwd-icon-rtf,.elfinder-cwd-icon-rtf:after,.elfinder-cwd-icon-rtfd,.elfinder-cwd-icon-rtfd:after{background-position:0 -400px}.elfinder-cwd-icon-pdf,.elfinder-cwd-icon-pdf:after{background-position:0 -450px}.elfinder-cwd-icon-ms-excel,.elfinder-cwd-icon-ms-excel:after,.elfinder-cwd-icon-vnd-ms-excel,.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-excel:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template:after{background-position:0 -1450px}.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template:after,.elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet:after{background-position:0 -1700px}.elfinder-cwd-icon-vnd-ms-powerpoint,.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-powerpoint:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template:after{background-position:0 -1400px}.elfinder-cwd-icon-vnd-oasis-opendocument-presentation,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template:after,.elfinder-cwd-icon-vnd-oasis-opendocument-presentation:after{background-position:0 -1650px}.elfinder-cwd-icon-msword,.elfinder-cwd-icon-msword:after,.elfinder-cwd-icon-vnd-ms-word,.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12,.elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12:after,.elfinder-cwd-icon-vnd-ms-word:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document:after,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template,.elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template:after{background-position:0 -1500px}.elfinder-cwd-icon-vnd-oasis-opendocument-text,.elfinder-cwd-icon-vnd-oasis-opendocument-text-master,.elfinder-cwd-icon-vnd-oasis-opendocument-text-master:after,.elfinder-cwd-icon-vnd-oasis-opendocument-text-template,.elfinder-cwd-icon-vnd-oasis-opendocument-text-template:after,.elfinder-cwd-icon-vnd-oasis-opendocument-text-web,.elfinder-cwd-icon-vnd-oasis-opendocument-text-web:after,.elfinder-cwd-icon-vnd-oasis-opendocument-text:after{background-position:0 -1750px}.elfinder-cwd-icon-vnd-ms-office,.elfinder-cwd-icon-vnd-ms-office:after{background-position:0 -500px}.elfinder-cwd-icon-vnd-oasis-opendocument-chart,.elfinder-cwd-icon-vnd-oasis-opendocument-chart:after,.elfinder-cwd-icon-vnd-oasis-opendocument-database,.elfinder-cwd-icon-vnd-oasis-opendocument-database:after,.elfinder-cwd-icon-vnd-oasis-opendocument-formula,.elfinder-cwd-icon-vnd-oasis-opendocument-formula:after,.elfinder-cwd-icon-vnd-oasis-opendocument-graphics,.elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template,.elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template:after,.elfinder-cwd-icon-vnd-oasis-opendocument-graphics:after,.elfinder-cwd-icon-vnd-oasis-opendocument-image,.elfinder-cwd-icon-vnd-oasis-opendocument-image:after,.elfinder-cwd-icon-vnd-openofficeorg-extension,.elfinder-cwd-icon-vnd-openofficeorg-extension:after{background-position:0 -1600px}.elfinder-cwd-icon-html,.elfinder-cwd-icon-html:after{background-position:0 -550px}.elfinder-cwd-icon-css,.elfinder-cwd-icon-css:after{background-position:0 -600px}.elfinder-cwd-icon-javascript,.elfinder-cwd-icon-javascript:after,.elfinder-cwd-icon-x-javascript,.elfinder-cwd-icon-x-javascript:after{background-position:0 -650px}.elfinder-cwd-icon-x-perl,.elfinder-cwd-icon-x-perl:after{background-position:0 -700px}.elfinder-cwd-icon-x-python,.elfinder-cwd-icon-x-python:after{background-position:0 -750px}.elfinder-cwd-icon-x-ruby,.elfinder-cwd-icon-x-ruby:after{background-position:0 -800px}.elfinder-cwd-icon-x-sh,.elfinder-cwd-icon-x-sh:after,.elfinder-cwd-icon-x-shellscript,.elfinder-cwd-icon-x-shellscript:after{background-position:0 -850px}.elfinder-cwd-icon-x-c,.elfinder-cwd-icon-x-c--,.elfinder-cwd-icon-x-c--:after,.elfinder-cwd-icon-x-c--hdr,.elfinder-cwd-icon-x-c--hdr:after,.elfinder-cwd-icon-x-c--src,.elfinder-cwd-icon-x-c--src:after,.elfinder-cwd-icon-x-c:after,.elfinder-cwd-icon-x-chdr,.elfinder-cwd-icon-x-chdr:after,.elfinder-cwd-icon-x-csrc,.elfinder-cwd-icon-x-csrc:after,.elfinder-cwd-icon-x-java,.elfinder-cwd-icon-x-java-source,.elfinder-cwd-icon-x-java-source:after,.elfinder-cwd-icon-x-java:after{background-position:0 -900px}.elfinder-cwd-icon-x-php,.elfinder-cwd-icon-x-php:after{background-position:0 -950px}.elfinder-cwd-icon-xml,.elfinder-cwd-icon-xml:after{background-position:0 -1000px}.elfinder-cwd-icon-x-7z-compressed,.elfinder-cwd-icon-x-7z-compressed:after,.elfinder-cwd-icon-x-xz,.elfinder-cwd-icon-x-xz:after,.elfinder-cwd-icon-x-zip,.elfinder-cwd-icon-x-zip:after,.elfinder-cwd-icon-zip,.elfinder-cwd-icon-zip:after{background-position:0 -1050px}.elfinder-cwd-icon-x-gzip,.elfinder-cwd-icon-x-gzip:after,.elfinder-cwd-icon-x-tar,.elfinder-cwd-icon-x-tar:after{background-position:0 -1100px}.elfinder-cwd-icon-x-bzip,.elfinder-cwd-icon-x-bzip2,.elfinder-cwd-icon-x-bzip2:after,.elfinder-cwd-icon-x-bzip:after{background-position:0 -1150px}.elfinder-cwd-icon-x-rar,.elfinder-cwd-icon-x-rar-compressed,.elfinder-cwd-icon-x-rar-compressed:after,.elfinder-cwd-icon-x-rar:after{background-position:0 -1200px}.elfinder-cwd-icon-x-shockwave-flash,.elfinder-cwd-icon-x-shockwave-flash:after{background-position:0 -1250px}.elfinder-cwd-icon-group{background-position:0 -1300px}.elfinder-cwd-filename input{width:100%;border:none;margin:0;padding:0}.elfinder-cwd-view-icons,.elfinder-cwd-view-icons input{text-align:center}.elfinder-cwd-view-icons textarea{width:100%;border:0 solid;margin:0;padding:0;text-align:center;overflow:hidden;resize:none}.elfinder-cwd-wrapper.elfinder-cwd-fixheader .elfinder-cwd::after,.std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar select{display:none}.elfinder-cwd table{width:100%;border-collapse:separate;border:0 solid;margin:0 0 10px;border-spacing:0;box-sizing:padding-box;padding:2px;position:relative}.elfinder-cwd-wrapper-list.elfinder-cwd-fixheader{position:absolute;overflow:hidden}.elfinder-cwd-wrapper-list.elfinder-cwd-fixheader:before{content:'';position:absolute;width:100%;top:0;height:3px;background-color:#fff}.elfinder-droppable-active+.elfinder-cwd-wrapper-list.elfinder-cwd-fixheader:before{background-color:#8cafed}.elfinder .elfinder-workzone div.elfinder-cwd-fixheader table{table-layout:fixed}.elfinder-ltr .elfinder-cwd thead .elfinder-cwd-selectall{text-align:left;right:auto;left:0;padding-top:3px}.elfinder-rtl .elfinder-cwd thead .elfinder-cwd-selectall{text-align:right;right:0;left:auto;padding-top:3px}.elfinder-touch .elfinder-cwd thead .elfinder-cwd-selectall{padding-top:4px}.elfinder .elfinder-cwd table thead tr{border-left:0 solid;border-top:0 solid;border-right:0 solid}.elfinder .elfinder-cwd table thead td{padding:4px 14px}.elfinder-ltr .elfinder-cwd.elfinder-has-checkbox table thead td:first-child{padding:4px 14px 4px 22px}.elfinder-rtl .elfinder-cwd.elfinder-has-checkbox table thead td:first-child{padding:4px 22px 4px 14px}.elfinder-touch .elfinder-cwd table thead td,.elfinder-touch .elfinder-cwd.elfinder-has-checkbox table thead td:first-child{padding-top:8px;padding-bottom:8px}.elfinder .elfinder-cwd table thead td.ui-state-active{background:#ebf1f6;background:-moz-linear-gradient(top,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ebf1f6),color-stop(50%,#abd3ee),color-stop(51%,#89c3eb),color-stop(100%,#d5ebfb));background:-webkit-linear-gradient(top,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);background:-o-linear-gradient(top,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);background:-ms-linear-gradient(top,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);background:linear-gradient(to bottom,#ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf1f6', endColorstr='#d5ebfb', GradientType=0)}.elfinder .elfinder-cwd table td{padding:0 12px;white-space:pre;overflow:hidden;text-align:right;cursor:default;border:0 solid}.elfinder .elfinder-cwd table tbody td:first-child{position:relative}tr.elfinder-cwd-file td .elfinder-cwd-select{padding-top:3px}.elfinder-mobile tr.elfinder-cwd-file td .elfinder-cwd-select{width:40px}.elfinder-touch tr.elfinder-cwd-file td .elfinder-cwd-select{padding-top:10px}.elfinder-touch .elfinder-cwd tr td{padding:10px 12px}.elfinder-touch .elfinder-cwd tr.elfinder-cwd-file td{padding:13px 12px}.elfinder-ltr .elfinder-cwd table td{text-align:right}.elfinder-ltr .elfinder-cwd table td:first-child{text-align:left}.elfinder-rtl .elfinder-cwd table td{text-align:left}.elfinder-ltr .elfinder-info-tb tr td:first-child,.elfinder-rtl .elfinder-cwd table td:first-child{text-align:right}.elfinder-odd-row{background:#eee}.elfinder-cwd-view-list .elfinder-cwd-file-wrapper{width:97%;position:relative}.elfinder-ltr .elfinder-cwd-view-list.elfinder-has-checkbox .elfinder-cwd-file-wrapper{margin-left:8px}.elfinder-rtl .elfinder-cwd-view-list.elfinder-has-checkbox .elfinder-cwd-file-wrapper{margin-right:8px}.elfinder-cwd-view-list .elfinder-cwd-filename{padding-top:4px;padding-bottom:4px;display:inline-block}.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-filename{padding-left:23px}.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-filename{padding-right:23px}.elfinder-cwd-view-list .elfinder-lock,.elfinder-cwd-view-list .elfinder-perms,.elfinder-cwd-view-list .elfinder-symlink{margin-top:-6px;opacity:.6;filter:Alpha(Opacity=60)}.elfinder-cwd-view-list .elfinder-perms{bottom:-4px}.elfinder-cwd-view-list .elfinder-lock{top:0}.elfinder-cwd-view-list .elfinder-symlink{bottom:-4px}.elfinder-ltr .elfinder-cwd-view-list .elfinder-perms{left:8px}.elfinder-rtl .elfinder-cwd-view-list .elfinder-perms{right:-8px}.elfinder-ltr .elfinder-cwd-view-list .elfinder-lock{left:10px}.elfinder-rtl .elfinder-cwd-view-list .elfinder-lock{right:-10px}.elfinder-ltr .elfinder-cwd-view-list .elfinder-symlink{left:-7px}.elfinder-rtl .elfinder-cwd-view-list .elfinder-symlink{right:7px}.elfinder-cwd-view-list td .elfinder-cwd-icon{width:16px;height:16px;position:absolute;top:50%;margin-top:-8px;background-image:url(../../composer/studio-42/elfinder/css/../img/icons-small.png)}.elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-icon{left:0}.elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-icon{right:0}.elfinder-cwd-view-list .elfinder-cwd-icon:after,.elfinder-cwd-view-list .elfinder-cwd-icon:before{content:none}.elfinder-cwd-view-list thead td .ui-resizable-handle{height:100%;top:6px}.elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-handle{top:-4px;margin:10px}.elfinder-cwd-view-list thead td .ui-resizable-e{right:-7px}.elfinder-cwd-view-list thead td .ui-resizable-w{left:-7px}.elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-e{right:-16px}.elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-w{left:-16px}.elfinder-cwd-wrapper-empty .elfinder-cwd-view-list.elfinder-cwd:after{margin-top:0}.elfinder-cwd-message-board{position:-webkit-sticky;position:sticky;width:100%;height:calc(100% - .01px);top:0;left:0;margin:0;padding:0;pointer-events:none;background-color:transparent}.elfinder-cwd-wrapper-trash .elfinder-cwd-message-board{background-image:url(../../composer/studio-42/elfinder/css/../img/trashmesh.png)}.elfinder-cwd-message-board .elfinder-cwd-trash{position:absolute;bottom:0;font-size:30px;width:100%;text-align:right;display:none}.elfinder-rtl .elfinder-cwd-message-board .elfinder-cwd-trash{text-align:left}.elfinder-mobile .elfinder-cwd-message-board .elfinder-cwd-trash{font-size:20px}.elfinder-cwd-wrapper-trash .elfinder-cwd-message-board .elfinder-cwd-trash{display:block;opacity:.3}.elfinder-cwd-message-board .elfinder-cwd-expires{position:absolute;bottom:0;font-size:24px;width:100%;text-align:right;opacity:.25}.elfinder-rtl .elfinder-cwd-message-board .elfinder-cwd-expires{text-align:left}.elfinder-mobile .elfinder-cwd-message-board .elfinder-cwd-expires{font-size:20px}.std42-dialog{padding:0;position:absolute;left:auto;right:auto;box-sizing:border-box}.std42-dialog.elfinder-dialog-minimized{overFlow:hidden;position:relative;float:left;width:auto;cursor:pointer}.elfinder-rtl .std42-dialog.elfinder-dialog-minimized{float:right}.std42-dialog input{border:1px solid}.std42-dialog .ui-dialog-titlebar{border-left:0 solid transparent;border-top:0 solid transparent;border-right:0 solid transparent;font-weight:400;padding:.2em 1em}.std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar{padding:0 .5em;height:20px}.elfinder-touch .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar{padding:.3em .5em}.std42-dialog.ui-draggable-disabled .ui-dialog-titlebar{cursor:default}.std42-dialog .ui-dialog-titlebar .ui-widget-header{border:none;cursor:pointer}.std42-dialog .ui-dialog-titlebar span.elfinder-dialog-title{display:inherit;word-break:break-all}.std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar span.elfinder-dialog-title{display:list-item;display:-moz-inline-box;white-space:nowrap;word-break:normal;overflow:hidden;word-wrap:normal;overflow-wrap:normal;max-width:-webkit-calc(100% - 24px);max-width:-moz-calc(100% - 24px);max-width:calc(100% - 24px)}.elfinder-touch .std42-dialog .ui-dialog-titlebar span.elfinder-dialog-title{padding-top:.15em}.elfinder-touch .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar span.elfinder-dialog-title{max-width:-webkit-calc(100% - 36px);max-width:-moz-calc(100% - 36px);max-width:calc(100% - 36px)}.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button{position:relative;float:left;top:10px;left:-10px;right:10px;width:20px;height:20px;padding:1px;margin:-10px 1px 0;background-color:transparent;background-image:none}.elfinder-touch .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button{-moz-transform:scale(1.2);zoom:1.2;padding-left:6px;padding-right:6px;height:24px}.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button-right{float:right}.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button.elfinder-titlebar-button-right{left:10px;right:-10px}.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon{width:17px;height:17px;border-width:1px;opacity:.7;filter:Alpha(Opacity=70);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}.elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon{opacity:.5;filter:Alpha(Opacity=50)}.std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon{opacity:1;filter:Alpha(Opacity=100)}.elfinder-spinner{width:14px;height:14px;background:url(../../composer/studio-42/elfinder/css/../img/spinner-mini.gif) center center no-repeat;margin:0 5px;display:inline-block;vertical-align:middle}.elfinder-ltr .elfinder-info-tb span,.elfinder-ltr .elfinder-spinner,.elfinder-ltr .elfinder-spinner-text{float:left}.elfinder-rtl .elfinder-info-tb span,.elfinder-rtl .elfinder-spinner,.elfinder-rtl .elfinder-spinner-text{float:right}.elfinder-touch .std42-dialog.ui-dialog:not(ui-resizable-disabled) .ui-resizable-se{width:12px;height:12px;-moz-transform-origin:bottom right;-moz-transform:scale(1.5);zoom:1.5;right:-7px;bottom:-7px;margin:3px 7px 7px 3px;background-position:-64px -224px}.elfinder-rtl .elfinder-dialog .ui-dialog-titlebar{text-align:right}.std42-dialog .ui-dialog-content{padding:.3em .5em}.elfinder .std42-dialog .ui-dialog-content,.elfinder .std42-dialog .ui-dialog-content *{-webkit-user-select:auto;-moz-user-select:text;-khtml-user-select:text;user-select:text}.std42-dialog .ui-dialog-buttonpane{border:0 solid;margin:0;padding:.5em;text-align:right}.elfinder-rtl .std42-dialog .ui-dialog-buttonpane{text-align:left}.std42-dialog .ui-dialog-buttonpane button{margin:.2em 0 0 .4em;padding:.2em;outline:0 solid}.std42-dialog .ui-dialog-buttonpane button span{padding:2px 9px}.std42-dialog .ui-dialog-buttonpane button span.ui-icon{padding:2px}.elfinder-dialog .ui-resizable-e,.elfinder-dialog .ui-resizable-s{width:0;height:0}.std42-dialog .ui-button input{cursor:pointer}.std42-dialog select{border:1px solid #ccc}.elfinder-dialog-icon{position:absolute;width:32px;height:32px;left:10px;top:50%;margin-top:-15px;background:url(../../composer/studio-42/elfinder/css/../img/dialogs.png) 0 0 no-repeat}.elfinder-rtl .elfinder-dialog-icon{left:auto;right:10px}.elfinder-dialog-confirm .ui-dialog-content,.elfinder-dialog-error .ui-dialog-content{padding-left:56px;min-height:35px}.elfinder-rtl .elfinder-dialog-confirm .ui-dialog-content,.elfinder-rtl .elfinder-dialog-error .ui-dialog-content{padding-left:0;padding-right:56px}.elfinder-dialog-error .elfinder-err-var{word-break:break-all}.elfinder-dialog-notify{top:36px;width:280px}.elfinder-ltr .elfinder-dialog-notify{right:12px}.elfinder-rtl .elfinder-dialog-notify{left:12px}.elfinder-dialog-notify .ui-dialog-titlebar{height:5px;overflow:hidden}.elfinder.elfinder-touch>.elfinder-dialog-notify .ui-dialog-titlebar{height:10px}.elfinder>.elfinder-dialog-notify .ui-dialog-titlebar .elfinder-titlebar-button{top:2px;left:-18px;right:18px}.elfinder.elfinder-touch>.elfinder-dialog-notify .ui-dialog-titlebar .elfinder-titlebar-button{top:4px}.elfinder>.elfinder-dialog-notify .ui-dialog-titlebar .elfinder-titlebar-button.elfinder-titlebar-button-right{left:18px;right:-18px}.ui-dialog-titlebar .elfinder-ui-progressbar{position:absolute;top:17px}.elfinder-touch .ui-dialog-titlebar .elfinder-ui-progressbar{top:26px}.elfinder-dialog-notify.elfinder-titlebar-button-hide .ui-dialog-titlebar-close,.elfinder-rm-title+br{display:none}.elfinder-dialog-notify.elfinder-dialog-minimized.elfinder-titlebar-button-hide .ui-dialog-titlebar span.elfinder-dialog-title{max-width:initial}.elfinder-dialog-notify .ui-dialog-content{padding:0}.elfinder-notify{border-bottom:1px solid #ccc;position:relative;padding:.5em;text-align:center;overflow:hidden}.elfinder-ltr .elfinder-notify{padding-left:36px}.elfinder-rtl .elfinder-notify{padding-right:36px}.elfinder-notify:last-child{border:0 solid}.elfinder-notify-progressbar{width:180px;height:8px;border:1px solid #aaa;background:#f5f5f5;margin:5px auto;overflow:hidden}.elfinder-notify-progress{width:100%;height:8px;background:url(../../composer/studio-42/elfinder/css/../img/progress.gif) center center repeat-x}.elfinder-notify-progress,.elfinder-notify-progressbar{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}.elfinder-notify-cancel{position:relative;top:-18px;right:calc(-50% + 15px)}.elfinder-notify-cancel .ui-icon-close{width:18px;height:18px;border-radius:9px;border:none;background-position:-80px -128px;cursor:pointer}.elfinder-dialog-icon-file,.elfinder-dialog-icon-open,.elfinder-dialog-icon-readdir,.elfinder-dialog-icon-reload{background-position:0 -225px}.elfinder-dialog-icon-mkdir{background-position:0 -64px}.elfinder-dialog-icon-mkfile{background-position:0 -96px}.elfinder-dialog-icon-copy,.elfinder-dialog-icon-move,.elfinder-dialog-icon-prepare{background-position:0 -128px}.elfinder-dialog-icon-chunkmerge,.elfinder-dialog-icon-upload{background-position:0 -160px}.elfinder-dialog-icon-rm{background-position:0 -192px}.elfinder-dialog-icon-download{background-position:0 -260px}.elfinder-dialog-icon-save{background-position:0 -295px}.elfinder-dialog-icon-chkcontent,.elfinder-dialog-icon-rename{background-position:0 -330px}.elfinder-dialog-icon-archive,.elfinder-dialog-icon-extract,.elfinder-dialog-icon-zipdl{background-position:0 -365px}.elfinder-dialog-icon-search{background-position:0 -402px}.elfinder-dialog-icon-chmod,.elfinder-dialog-icon-dim,.elfinder-dialog-icon-loadimg,.elfinder-dialog-icon-netmount,.elfinder-dialog-icon-netunmount,.elfinder-dialog-icon-preupload,.elfinder-dialog-icon-resize,.elfinder-dialog-icon-url{background-position:0 -434px}.elfinder-dialog-confirm-applyall,.elfinder-dialog-confirm-encoding{padding:0 1em;margin:0}.elfinder-ltr .elfinder-dialog-confirm-applyall,.elfinder-ltr .elfinder-dialog-confirm-encoding{text-align:left}.elfinder-rtl .elfinder-dialog-confirm-applyall,.elfinder-rtl .elfinder-dialog-confirm-encoding{text-align:right}.elfinder-dialog-confirm .elfinder-dialog-icon{background-position:0 -32px}.elfinder-dialog-confirm .ui-dialog-buttonset{width:auto}.elfinder-info-title .elfinder-cwd-icon{float:left;width:48px;height:48px;margin-right:1em}.elfinder-rtl .elfinder-info-title .elfinder-cwd-icon,.elfinder-rtl .elfinder-rm-title .elfinder-cwd-icon{float:right;margin-right:0;margin-left:1em}.elfinder-info-title strong{display:block;padding:.3em 0 .5em}.elfinder-info-tb{min-width:200px;border:0 solid;margin:1em .2em;width:100%}.elfinder-info-tb td{white-space:pre-wrap;padding:2px}.elfinder-info-tb td.elfinder-info-label{white-space:nowrap}.elfinder-info-tb td.elfinder-info-hash{display:inline-block;word-break:break-all;max-width:32ch}.elfinder-rtl .elfinder-info-tb tr td:first-child{text-align:left}.elfinder-info-tb a{outline:none;text-decoration:underline}.elfinder-info-tb a:hover{text-decoration:none}.elfinder-netmount-tb{margin:0 auto}.elfinder-netmount-tb .elfinder-button-icon,.elfinder-netmount-tb select{cursor:pointer}button.elfinder-info-button{margin:-3.5px 0;cursor:pointer}.elfinder-upload-dropbox{display:table-cell;text-align:center;vertical-align:middle;padding:.5em;border:3px dashed #aaa;width:9999px;height:80px;overflow:hidden;word-break:keep-all}.elfinder-upload-dropbox.ui-state-hover{background:#dfdfdf;border:3px dashed #555}.elfinder-upload-dialog-or{margin:.3em 0;text-align:center}.elfinder-upload-dialog-wrapper{text-align:center}.elfinder-upload-dialog-wrapper .ui-button{position:relative;overflow:hidden}.elfinder-upload-dialog-wrapper .ui-button form{position:absolute;right:0;top:0;width:100%;opacity:0;filter:Alpha(Opacity=0)}.elfinder-upload-dialog-wrapper .ui-button form input{padding:50px 0 0;font-size:3em;width:100%}.dialogelfinder .dialogelfinder-drag{border-left:0 solid;border-top:0 solid;border-right:0 solid;font-weight:400;padding:2px 12px;cursor:move;position:relative;text-align:left}.elfinder-rtl .dialogelfinder-drag{text-align:right}.dialogelfinder-drag-close{position:absolute;top:50%;margin-top:-8px}.elfinder-ltr .dialogelfinder-drag-close{right:12px}.elfinder-rtl .dialogelfinder-drag-close{left:12px}.elfinder-rm-title{margin-bottom:.5ex}.elfinder-rm-title .elfinder-cwd-icon{float:left;width:48px;height:48px;margin-right:1em}.elfinder-rm-title strong{display:block;white-space:pre-wrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.elfinder-font-mono{font-family:"Ricty Diminished","Myrica M",Consolas,"Courier New",Courier,Monaco,monospace;font-size:1.1em}.elfinder-contextmenu .elfinder-contextmenu-item span{font-size:.72em}.elfinder-cwd-view-icons .elfinder-cwd-filename,.elfinder-cwd-view-list td,.elfinder-statusbar div{font-size:.7em}.std42-dialog .ui-dialog-titlebar{font-size:.82em}.std42-dialog .ui-dialog-content{font-size:.72em}.std42-dialog .ui-dialog-buttonpane{font-size:.76em}.dialogelfinder .dialogelfinder-drag,.elfinder-info-tb{font-size:.9em}.elfinder-upload-dialog-or,.elfinder-upload-dropbox{font-size:1.2em}.elfinder .elfinder-navbar{font-size:.72em}.elfinder-place-drag .elfinder-navbar-dir{font-size:.9em}.elfinder-quicklook-title{font-size:.7em;font-weight:400}.elfinder-quicklook-info-data{font-size:.72em}.elfinder-quicklook-preview-text-wrapper{font-size:.9em}.elfinder-button-menu-item{font-size:.72em}.elfinder-button-search input{font-size:.8em}.elfinder-drag-num{font-size:12px}.elfinder-toast{font-size:.76em}.elfinder .elfinder-navbar{width:230px;padding:3px 5px;background-image:none;border-top:0 solid;border-bottom:0 solid;overflow:auto;position:relative}.elfinder .elfinder-navdock{box-sizing:border-box;width:230px;height:auto;position:absolute;bottom:0;overflow:auto}.elfinder-navdock .ui-resizable-n{top:0;height:20px}.elfinder-ltr .elfinder-navbar{float:left;border-left:0 solid}.elfinder-rtl .elfinder-navbar{float:right;border-right:0 solid}.elfinder-ltr .ui-resizable-e,.elfinder-touch .elfinder-quicklook-titlebar-icon.elfinder-titlebar-button-right .ui-icon{margin-left:10px}.elfinder-tree{display:table;width:100%;margin:0 0 .5em;-webkit-tap-highlight-color:rgba(0,0,0,0)}.elfinder-navbar-dir{position:relative;display:block;white-space:nowrap;padding:3px 12px;margin:0;outline:0 solid;border:1px solid transparent;cursor:default}.elfinder-touch .elfinder-navbar-dir{padding:12px}.elfinder-ltr .elfinder-navbar-dir{padding-left:35px}.elfinder-rtl .elfinder-navbar-dir{padding-right:35px}.elfinder-navbar-arrow,.elfinder-navbar-icon{position:absolute;top:50%;margin-top:-8px;background-repeat:no-repeat}.elfinder-navbar-arrow{display:none;width:12px;height:14px;background-image:url(../../composer/studio-42/elfinder/css/../img/arrows-normal.png)}.elfinder-ltr .elfinder-navbar-arrow{left:0}.elfinder-rtl .elfinder-navbar-arrow{right:0}.elfinder-touch .elfinder-navbar-arrow{-moz-transform-origin:top left;-moz-transform:scale(1.4);zoom:1.4;margin-bottom:7px}.elfinder-ltr.elfinder-touch .elfinder-navbar-arrow{left:-3px;margin-right:20px}.elfinder-rtl.elfinder-touch .elfinder-navbar-arrow{right:-3px;margin-left:20px}.ui-state-active .elfinder-navbar-arrow{background-image:url(../../composer/studio-42/elfinder/css/../img/arrows-active.png)}.elfinder-navbar-collapsed .elfinder-navbar-arrow{display:block}.elfinder-subtree-chksubdir .elfinder-navbar-arrow{opacity:.25;filter:Alpha(Opacity=25)}.elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow{background-position:0 4px}.elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow{background-position:0 -10px}.elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow,.elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow{background-position:0 -21px}.elfinder-navbar-icon{width:16px;height:16px;background-image:url(../../composer/studio-42/elfinder/css/../img/toolbar.png);background-position:0 -16px}.elfinder-ltr .elfinder-navbar-icon{left:14px}.elfinder-rtl .elfinder-navbar-icon{right:14px}.elfinder-places .elfinder-navbar-root .elfinder-navbar-icon{background-position:0 -704px}.elfinder-tree .elfinder-navbar-root-box .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-dropbox .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-ftp .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-googledrive .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-local .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-network .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-onedrive .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-sql .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-trash .elfinder-navbar-icon,.elfinder-tree .elfinder-navbar-root-zip .elfinder-navbar-icon{background-position:0 0;background-size:contain}.elfinder-tree .elfinder-navbar-root-local .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_local.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_local.png) \9}.elfinder-tree .elfinder-navbar-root-trash .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_trash.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_trash.png) \9}.elfinder-tree .elfinder-navbar-root-ftp .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_ftp.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_ftp.png) \9}.elfinder-tree .elfinder-navbar-root-sql .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_sql.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_sql.png) \9}.elfinder-tree .elfinder-navbar-root-dropbox .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_dropbox.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_dropbox.png) \9}.elfinder-tree .elfinder-navbar-root-googledrive .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_googledrive.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_googledrive.png) \9}.elfinder-tree .elfinder-navbar-root-onedrive .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_onedrive.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_onedrive.png) \9}.elfinder-tree .elfinder-navbar-root-box .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_box.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_box.png) \9}.elfinder-tree .elfinder-navbar-root-zip .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_zip.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_zip.png) \9}.elfinder-tree .elfinder-navbar-root-network .elfinder-navbar-icon{background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_network.svg);background-image:url(../../composer/studio-42/elfinder/css/../img/volume_icon_network.png) \9}.elfinder-droppable-active .elfinder-navbar-icon,.ui-state-active .elfinder-navbar-icon,.ui-state-hover .elfinder-navbar-icon{background-position:0 -32px}.elfinder-ltr .elfinder-navbar-subtree{margin-left:12px}.elfinder-rtl .elfinder-navbar-subtree{margin-right:12px}.elfinder-tree .elfinder-spinner{position:absolute;top:50%;margin:-7px 0 0}.elfinder-ltr .elfinder-tree .elfinder-spinner{left:0;margin-left:-2px}.elfinder-rtl .elfinder-tree .elfinder-spinner{right:0;margin-right:-2px}.elfinder-navbar .elfinder-lock,.elfinder-navbar .elfinder-perms,.elfinder-navbar .elfinder-symlink{opacity:.6;filter:Alpha(Opacity=60)}.elfinder-navbar .elfinder-perms{bottom:-1px;margin-top:-8px}.elfinder-navbar .elfinder-lock{top:-2px}.elfinder-ltr .elfinder-navbar .elfinder-perms{left:20px;transform:scale(.8)}.elfinder-rtl .elfinder-navbar .elfinder-perms{right:20px;transform:scale(.8)}.elfinder-ltr .elfinder-navbar .elfinder-lock{left:20px;transform:scale(.8)}.elfinder-rtl .elfinder-navbar .elfinder-lock{right:20px;transform:scale(.8)}.elfinder-ltr .elfinder-navbar .elfinder-symlink{left:8px;transform:scale(.8)}.elfinder-rtl .elfinder-navbar .elfinder-symlink{right:8px;transform:scale(.8)}.elfinder-navbar input{width:100%;border:0 solid;margin:0;padding:0}.elfinder-navbar .ui-resizable-handle{width:12px;background:url(../../composer/studio-42/elfinder/css/../img/resize.png) center center no-repeat}.elfinder-nav-handle-icon{position:absolute;top:50%;margin:-8px 2px 0;opacity:.5;filter:Alpha(Opacity=50)}.elfinder-navbar-pager{width:100%;box-sizing:border-box;padding-top:3px;padding-bottom:3px}.elfinder-touch .elfinder-navbar-pager{padding-top:10px;padding-bottom:10px}.elfinder-places{border:none;margin:0;padding:0}.elfinder-navbar-swipe-handle{position:absolute;top:0;height:100%;width:50px;pointer-events:none}.elfinder-ltr .elfinder-navbar-swipe-handle{left:0;background:linear-gradient(to right,#dde4eb 0,rgba(221,228,235,.8) 5px,rgba(216,223,230,.3) 8px,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%)}.elfinder-rtl .elfinder-navbar-swipe-handle{right:0;background:linear-gradient(to left,#dde4eb 0,rgba(221,228,235,.8) 5px,rgba(216,223,230,.3) 8px,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%)}.elfinder-navbar-root .elfinder-places-root-icon{position:absolute;top:50%;margin-top:-9px;cursor:pointer}.elfinder-ltr .elfinder-places-root-icon{right:10px}.elfinder-rtl .elfinder-places-root-icon{left:10px}.elfinder-navbar-expanded .elfinder-places-root-icon{display:block}.elfinder-place-drag{font-size:.8em}.elfinder-quicklook{position:absolute;background:url(../../composer/studio-42/elfinder/css/../img/quicklook-bg.png);overflow:hidden;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;padding:20px 0 40px}.elfinder-navdock .elfinder-quicklook{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;font-size:90%;overflow:auto}.elfinder-quicklook.elfinder-touch{padding:30px 0 40px}.elfinder-quicklook .ui-resizable-se{width:14px;height:14px;right:5px;bottom:3px;background:url(../../composer/studio-42/elfinder/css/../img/toolbar.png) 0 -496px no-repeat}.elfinder-quicklook.elfinder-touch .ui-resizable-se{-moz-transform-origin:bottom right;-moz-transform:scale(1.5);zoom:1.5}.elfinder-quicklook.elfinder-quicklook-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;box-sizing:border-box;width:100%;height:100%;object-fit:contain;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-webkit-background-clip:padding-box;padding:0;background:#000;display:block}.elfinder-quicklook-fullscreen .elfinder-quicklook-titlebar,.elfinder-quicklook-fullscreen.elfinder-quicklook .ui-resizable-handle{display:none}.elfinder-quicklook-fullscreen .elfinder-quicklook-preview{border:0 solid}.elfinder-quicklook-cover,.elfinder-quicklook-titlebar{width:100%;height:100%;top:0;left:0;position:absolute}.elfinder-quicklook-cover.elfinder-quicklook-coverbg{background-color:#fff;opacity:.000001;filter:Alpha(Opacity=.0001)}.elfinder-quicklook-titlebar{text-align:center;background:#777;height:20px;-moz-border-radius-topleft:7px;-webkit-border-top-left-radius:7px;border-top-left-radius:7px;-moz-border-radius-topright:7px;-webkit-border-top-right-radius:7px;border-top-right-radius:7px;border:none;line-height:1.2}.elfinder-navdock .elfinder-quicklook-titlebar{-moz-border-radius-topleft:0;-webkit-border-top-left-radius:0;border-top-left-radius:0;-moz-border-radius-topright:0;-webkit-border-top-right-radius:0;border-top-right-radius:0;cursor:default}.elfinder-touch .elfinder-quicklook-titlebar{height:30px}.elfinder-quicklook-title{display:inline-block;white-space:nowrap;overflow:hidden}.elfinder-touch .elfinder-quicklook-title{padding:8px 0}.elfinder-quicklook-titlebar-icon{position:absolute;left:4px;top:50%;margin-top:-8px;height:16px;border:none}.elfinder-touch .elfinder-quicklook-titlebar-icon{height:22px}.elfinder-quicklook-titlebar-icon .ui-icon{position:relative;margin:-9px 3px 0 0;cursor:pointer;border-radius:10px;border:1px solid;opacity:.7;filter:Alpha(Opacity=70)}.elfinder-quicklook-titlebar-icon .ui-icon.ui-icon-closethick{padding-left:1px}.elfinder-mobile .elfinder-quicklook-titlebar-icon .ui-icon{opacity:.6;filter:Alpha(Opacity=60)}.elfinder-touch .elfinder-quicklook-titlebar-icon .ui-icon{margin-top:-5px}.elfinder-quicklook-titlebar-icon.elfinder-titlebar-button-right{left:auto;right:4px;direction:rtl}.elfinder-quicklook-titlebar-icon.elfinder-titlebar-button-right .ui-icon{margin:-9px 0 0 3px}.elfinder-touch .elfinder-quicklook-titlebar .ui-icon{-moz-transform-origin:center center;-moz-transform:scale(1.2);zoom:1.2}.elfinder-touch .elfinder-quicklook-titlebar-icon .ui-icon{margin-right:10px}.elfinder-quicklook-preview{overflow:hidden;position:relative;border:0 solid;border-left:1px solid transparent;border-right:1px solid transparent;height:100%}.elfinder-navdock .elfinder-quicklook-preview{border-left:0;border-right:0}.elfinder-quicklook-preview.elfinder-overflow-auto{overflow:auto;-webkit-overflow-scrolling:touch}.elfinder-quicklook-info-wrapper{display:table;position:absolute;width:100%;height:100%;height:calc(100% - 80px);left:0;top:20px}.elfinder-navdock .elfinder-quicklook-info-wrapper{height:calc(100% - 20px)}.elfinder-quicklook-info{display:table-cell;vertical-align:middle}.elfinder-ltr .elfinder-quicklook-info{padding:0 12px 0 112px}.elfinder-rtl .elfinder-quicklook-info{padding:0 112px 0 12px}.elfinder-ltr .elfinder-navdock .elfinder-quicklook-info{padding:0 0 0 80px}.elfinder-rtl .elfinder-navdock .elfinder-quicklook-info{padding:0 80px 0 0}.elfinder-quicklook-info .elfinder-quicklook-info-data:first-child{color:#fff;font-weight:700;padding-bottom:.5em}.elfinder-quicklook-info-data{clear:both;padding-bottom:.2em;color:#fff}.elfinder-quicklook-info-progress{width:0;height:4px;border-radius:2px}.elfinder-quicklook .elfinder-cwd-icon{position:absolute;left:32px;top:50%;margin-top:-20px}.elfinder-navdock .elfinder-quicklook .elfinder-cwd-icon{left:16px}.elfinder-rtl .elfinder-quicklook .elfinder-cwd-icon{left:auto;right:32px}.elfinder-rtl .elfinder-navdock .elfinder-quicklook .elfinder-cwd-icon{right:6px}.elfinder-quicklook .elfinder-cwd-icon:before{top:-10px}.elfinder-ltr .elfinder-quicklook .elfinder-cwd-icon:before{left:-20px}.elfinder-ltr .elfinder-navdock .elfinder-quicklook .elfinder-cwd-icon:before{left:-14px}.elfinder-ltr .elfinder-quicklook .elfinder-cwd-icon:after{left:-42px}.elfinder-ltr .elfinder-navdock .elfinder-quicklook .elfinder-cwd-icon:after{left:-12px}.elfinder-rtl .elfinder-quicklook .elfinder-cwd-icon:before{left:auto;right:40px}.elfinder-rtl .elfinder-quicklook .elfinder-cwd-icon:after{left:auto;right:42px}.elfinder-quicklook-preview>div>canvas,.elfinder-quicklook-preview>img{display:block;margin:auto}.elfinder-quicklook-navbar{position:absolute;left:50%;bottom:4px;width:140px;height:32px;padding:0;margin-left:-70px;border:1px solid transparent;border-radius:19px;-moz-border-radius:19px;-webkit-border-radius:19px}.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar{width:188px;margin-left:-94px;padding:5px;border:1px solid #eee;background:#000;opacity:.4;filter:Alpha(Opacity=40)}.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-icon-close,.elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-separator{display:inline}.elfinder-quicklook-navbar-icon{width:32px;height:32px;margin:0 7px;float:left;background:url(../../composer/studio-42/elfinder/css/../img/quicklook-icons.png) 0 0 no-repeat}.elfinder-quicklook-navbar-icon-fullscreen{background-position:0 -64px}.elfinder-quicklook-navbar-icon-fullscreen-off{background-position:0 -96px}.elfinder-quicklook-navbar-icon-prev{background-position:0 0}.elfinder-quicklook-navbar-icon-next{background-position:0 -32px}.elfinder-quicklook-navbar-icon-close{background-position:0 -128px;display:none}.elfinder-quicklook-navbar-separator{width:1px;height:32px;float:left;border-left:1px solid #fff;display:none}.elfinder-quicklook-encoding{height:40px}.elfinder-quicklook-encoding>select{color:#fff;background:#000;border:0;font-size:12px;max-width:100px;display:inline-block;position:relative;top:6px;left:5px}.elfinder-navdock .elfinder-quicklook .elfinder-quicklook-encoding,.elfinder-statusbar:after,.elfinder-statusbar:before{display:none}.elfinder-quicklook-preview-archive-wrapper,.elfinder-quicklook-preview-text-wrapper{width:100%;height:100%;background:#fff;color:#222;overflow:auto;-webkit-overflow-scrolling:touch}.elfinder-quicklook-preview-archive-wrapper{font-size:90%}.elfinder-quicklook-preview-archive-wrapper strong{padding:0 5px}pre.elfinder-quicklook-preview-text,pre.elfinder-quicklook-preview-text.prettyprint{width:auto;height:auto;margin:0;padding:3px 9px;border:none;overflow:visible;-o-tab-size:4;-moz-tab-size:4;tab-size:4}.elfinder-quicklook-preview-charsleft hr{border:none;border-top:dashed 1px}.elfinder-quicklook-preview-charsleft span{font-size:90%;font-style:italic;cursor:pointer}.elfinder-quicklook-preview-html,.elfinder-quicklook-preview-iframe,.elfinder-quicklook-preview-pdf{width:100%;height:100%;background:#fff;margin:0;border:none;display:block}.elfinder-quicklook-preview-flash{width:100%;height:100%}.elfinder-quicklook-preview-audio{width:100%;position:absolute;bottom:0;left:0}embed.elfinder-quicklook-preview-audio{height:30px;background:0 0}.elfinder-quicklook-preview-video{width:100%;height:100%}.elfinder-quicklook-preview .vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:12pt;padding:0;color:#fff}.elfinder .elfinder-quicklook .elfinder-quicklook-info *,.elfinder .elfinder-quicklook .elfinder-quicklook-preview *{-webkit-user-select:auto;-moz-user-select:text;-khtml-user-select:text;user-select:text}.elfinder-statusbar{display:flex;justify-content:space-between;cursor:default;text-align:center;font-weight:400;padding:.2em .5em;border-right:0 solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent}.elfinder-path,.elfinder-statusbar span{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}.elfinder-statusbar span{vertical-align:bottom}.elfinder-statusbar span.elfinder-path-other{flex-shrink:0;text-overflow:clip;-o-text-overflow:clip}.elfinder-statusbar span.ui-state-active,.elfinder-statusbar span.ui-state-hover{border:none}.elfinder-statusbar span.elfinder-path-cwd{cursor:default}.elfinder-path{display:flex;order:1;flex-grow:1;cursor:pointer;white-space:nowrap;max-width:30%\9}.elfinder-ltr .elfinder-path{text-align:left;float:left\9}.elfinder-rtl .elfinder-path{text-align:right;float:right\9}.elfinder-workzone-path{position:relative}.elfinder-workzone-path .elfinder-path{position:relative;font-size:.75em;font-weight:400;float:none;max-width:none;overflow:hidden;overflow-x:hidden;text-overflow:initial;-o-text-overflow:initial}.elfinder-mobile .elfinder-workzone-path .elfinder-path{overflow:auto;overflow-x:scroll}.elfinder-ltr .elfinder-workzone-path .elfinder-path{margin-left:24px}.elfinder-rtl .elfinder-workzone-path .elfinder-path{margin-right:24px}.elfinder-workzone-path .elfinder-path span{display:inline-block;padding:5px 3px}.elfinder-workzone-path .elfinder-path span.elfinder-path-cwd{font-weight:700}.elfinder-workzone-path .elfinder-path span.ui-state-active,.elfinder-workzone-path .elfinder-path span.ui-state-hover{border:none}.elfinder-workzone-path .elfinder-path-roots{position:absolute;top:0;width:24px;height:20px;padding:2px;border:none;overflow:hidden}.elfinder-ltr .elfinder-workzone-path .elfinder-path-roots{left:0}.elfinder-rtl .elfinder-workzone-path .elfinder-path-roots{right:0}.elfinder-stat-size{order:3;flex-grow:1;overflow:hidden;white-space:nowrap}.elfinder-ltr .elfinder-stat-size{text-align:right;float:right\9}.elfinder-rtl .elfinder-stat-size{text-align:left;float:left\9}.elfinder-stat-selected{order:2;margin:0 .5em;white-space:nowrap;overflow:hidden}.elfinder .elfinder-toast{position:absolute;top:12px;right:12px;max-width:90%;cursor:default}.elfinder .elfinder-toast>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:8px 16px 8px 50px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.9;filter:alpha(opacity=90);background-color:#030303;text-align:center}.elfinder .elfinder-toast>.toast-info{background-color:#2f96b4;background-image:url(../../composer/studio-42/elfinder/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}.elfinder .elfinder-toast>.toast-error{background-color:#bd362f;background-image:url(../../composer/studio-42/elfinder/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}.elfinder .elfinder-toast>.toast-success{background-color:#51a351;background-image:url(../../composer/studio-42/elfinder/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}.elfinder .elfinder-toast>.toast-warning{background-color:#f89406;background-image:url(../../composer/studio-42/elfinder/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}.elfinder .elfinder-toast>div button.ui-button{background-image:none;margin-top:8px;padding:.5em .8em}.elfinder .elfinder-toast>.toast-success button.ui-button{background-color:green;color:#fff}.elfinder .elfinder-toast>.toast-success button.ui-button.ui-state-hover{background-color:#add6ad;color:#254b25}.elfinder .elfinder-toast>.toast-info button.ui-button{background-color:#046580;color:#fff}.elfinder .elfinder-toast>.toast-info button.ui-button.ui-state-hover{background-color:#7dc6db;color:#046580}.elfinder .elfinder-toast>.toast-warning button.ui-button{background-color:#dd8c1a;color:#fff}.elfinder .elfinder-toast>.toast-warning button.ui-button.ui-state-hover{background-color:#e7ae5e;color:#422a07}.elfinder-toolbar{padding:4px 0 3px;border-left:0 solid transparent;border-top:0 solid transparent;border-right:0 solid transparent;max-height:50%;overflow-y:auto}.elfinder-buttonset{margin:1px 4px;float:left;background:0 0;padding:0;overflow:hidden}.elfinder .elfinder-button{min-width:16px;height:16px;margin:0;padding:4px;float:left;overflow:hidden;position:relative;border:0 solid;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;line-height:1;cursor:default}.elfinder-rtl .elfinder-button{float:right}.elfinder-touch .elfinder-button{min-width:20px;height:20px}.elfinder .ui-icon-search{cursor:pointer}.elfinder-toolbar-button-separator{float:left;padding:0;height:24px;border-top:0 solid;border-right:0 solid;border-bottom:0 solid;width:0}.elfinder-rtl .elfinder-toolbar-button-separator{float:right}.elfinder-touch .elfinder-toolbar-button-separator{height:28px}.elfinder .elfinder-button.ui-state-disabled{opacity:1;filter:Alpha(Opacity=100)}.elfinder .elfinder-button.ui-state-disabled .elfinder-button-icon,.elfinder .elfinder-button.ui-state-disabled .elfinder-button-text{opacity:.4;filter:Alpha(Opacity=40)}.elfinder-rtl .elfinder-buttonset{float:right}.elfinder-button-icon{width:16px;height:16px;display:inline-block;background:url(../../composer/studio-42/elfinder/css/../img/toolbar.png) no-repeat}.elfinder-button-text{position:relative;display:inline-block;top:-4px;margin:0 2px;font-size:12px}.elfinder-touch .elfinder-button-icon{transform:scale(1.25);transform-origin:top left}.elfinder-rtl.elfinder-touch .elfinder-button-icon{transform-origin:top right}.elfinder-touch .elfinder-button-text{transform:translate(3px,3px);top:-5px}.elfinder-rtl.elfinder-touch .elfinder-button-text{transform:translate(-3px,3px)}.elfinder-touch .elfinder-button-icon.elfinder-contextmenu-extra-icon{transform:scale(2);transform-origin:12px 8px}.elfinder-rtl.elfinder-touch .elfinder-button-icon.elfinder-contextmenu-extra-icon{transform-origin:4px 8px}.elfinder-button-icon-home{background-position:0 0}.elfinder-button-icon-back{background-position:0 -112px}.elfinder-button-icon-forward{background-position:0 -128px}.elfinder-button-icon-up{background-position:0 -144px}.elfinder-button-icon-dir{background-position:0 -16px}.elfinder-button-icon-opendir{background-position:0 -32px}.elfinder-button-icon-reload{background-position:0 -160px}.elfinder-button-icon-open{background-position:0 -176px}.elfinder-button-icon-mkdir{background-position:0 -192px}.elfinder-button-icon-mkfile{background-position:0 -208px}.elfinder-button-icon-rm{background-position:0 -832px}.elfinder-button-icon-trash{background-position:0 -224px}.elfinder-button-icon-restore{background-position:0 -816px}.elfinder-button-icon-copy{background-position:0 -240px}.elfinder-button-icon-cut{background-position:0 -256px}.elfinder-button-icon-paste{background-position:0 -272px}.elfinder-button-icon-getfile{background-position:0 -288px}.elfinder-button-icon-duplicate{background-position:0 -304px}.elfinder-button-icon-rename{background-position:0 -320px}.elfinder-button-icon-edit{background-position:0 -336px}.elfinder-button-icon-quicklook{background-position:0 -352px}.elfinder-button-icon-upload{background-position:0 -368px}.elfinder-button-icon-download{background-position:0 -384px}.elfinder-button-icon-info{background-position:0 -400px}.elfinder-button-icon-extract{background-position:0 -416px}.elfinder-button-icon-archive{background-position:0 -432px}.elfinder-button-icon-view{background-position:0 -448px}.elfinder-button-icon-view-list{background-position:0 -464px}.elfinder-button-icon-help{background-position:0 -480px}.elfinder-button-icon-resize{background-position:0 -512px}.elfinder-button-icon-link{background-position:0 -528px}.elfinder-button-icon-search{background-position:0 -561px}.elfinder-button-icon-sort{background-position:0 -577px}.elfinder-button-icon-rotate-r{background-position:0 -625px}.elfinder-button-icon-rotate-l{background-position:0 -641px}.elfinder-button-icon-netmount{background-position:0 -688px}.elfinder-button-icon-netunmount{background-position:0 -96px}.elfinder-button-icon-places{background-position:0 -704px}.elfinder-button-icon-chmod{background-position:0 -48px}.elfinder-button-icon-accept{background-position:0 -736px}.elfinder-button-icon-menu{background-position:0 -752px}.elfinder-button-icon-colwidth{background-position:0 -768px}.elfinder-button-icon-fullscreen{background-position:0 -784px}.elfinder-button-icon-unfullscreen{background-position:0 -800px}.elfinder-button-icon-empty{background-position:0 -848px}.elfinder-button-icon-undo{background-position:0 -864px}.elfinder-button-icon-redo{background-position:0 -880px}.elfinder-button-icon-preference{background-position:0 -896px}.elfinder-button-icon-mkdirin{background-position:0 -912px}.elfinder-button-icon-selectall{background-position:0 -928px}.elfinder-button-icon-selectnone{background-position:0 -944px}.elfinder-button-icon-selectinvert{background-position:0 -960px}.elfinder-button-icon-opennew{background-position:0 -976px}.elfinder-button-icon-hide{background-position:0 -992px}.elfinder-button-icon-text{background-position:0 -1008px}.elfinder-rtl .elfinder-button-icon-back,.elfinder-rtl .elfinder-button-icon-forward,.elfinder-rtl .elfinder-button-icon-getfile,.elfinder-rtl .elfinder-button-icon-help,.elfinder-rtl .elfinder-button-icon-redo,.elfinder-rtl .elfinder-button-icon-rename,.elfinder-rtl .elfinder-button-icon-search,.elfinder-rtl .elfinder-button-icon-undo,.elfinder-rtl .elfinder-button-icon-view-list,.elfinder-rtl .ui-icon-search{-ms-transform:scale(-1,1);-webkit-transform:scale(-1,1);transform:scale(-1,1)}.elfinder-rtl.elfinder-touch .elfinder-button-icon-back,.elfinder-rtl.elfinder-touch .elfinder-button-icon-forward,.elfinder-rtl.elfinder-touch .elfinder-button-icon-getfile,.elfinder-rtl.elfinder-touch .elfinder-button-icon-help,.elfinder-rtl.elfinder-touch .elfinder-button-icon-redo,.elfinder-rtl.elfinder-touch .elfinder-button-icon-rename,.elfinder-rtl.elfinder-touch .elfinder-button-icon-search,.elfinder-rtl.elfinder-touch .elfinder-button-icon-undo,.elfinder-rtl.elfinder-touch .elfinder-button-icon-view-list,.elfinder-rtl.elfinder-touch .ui-icon-search{-ms-transform:scale(-1.25,1.25) translateX(16px);-webkit-transform:scale(-1.25,1.25) translateX(16px);transform:scale(-1.25,1.25) translateX(16px)}.elfinder .elfinder-menubutton{overflow:visible}.elfinder-button-icon-spinner{background:url(../../composer/studio-42/elfinder/css/../img/spinner-mini.gif) center center no-repeat}.elfinder-button-menu{position:absolute;margin-top:24px;padding:3px 0;overflow-y:auto}.elfinder-touch .elfinder-button-menu{margin-top:30px}.elfinder-button-menu-item{white-space:nowrap;cursor:default;padding:5px 19px;position:relative}.elfinder-touch .elfinder-button-menu-item{padding:12px 19px}.elfinder-button-menu .ui-state-hover{border:0 solid}.elfinder-button-menu-item-separated{border-top:1px solid #ccc}.elfinder-button-menu-item .ui-icon{width:16px;height:16px;position:absolute;left:2px;top:50%;margin-top:-8px;display:none}.elfinder-button-menu-item-selected .ui-icon{display:block}.elfinder-button-menu-item-selected-asc .ui-icon-arrowthick-1-s,.elfinder-button-menu-item-selected-desc .ui-icon-arrowthick-1-n{display:none}.elfinder-button form{position:absolute;top:0;right:0;opacity:0;filter:Alpha(Opacity=0);cursor:pointer}.elfinder .elfinder-button form input{background:0 0;cursor:default}.elfinder .elfinder-button-search{border:0 solid;background:0 0;padding:0;margin:1px 4px;height:auto;min-height:26px;width:70px;overflow:visible}.elfinder .elfinder-button-search.ui-state-active{width:220px}.elfinder .elfinder-button-search-menu{font-size:8pt;text-align:center;width:auto;min-width:180px;position:absolute;top:30px;padding-right:5px;padding-left:5px}.elfinder-ltr .elfinder-button-search-menu{right:22px;left:auto}.elfinder-rtl .elfinder-button-search-menu{right:auto;left:22px}.elfinder-touch .elfinder-button-search-menu{top:34px}.elfinder .elfinder-button-search-menu div{margin:5px auto;display:table}.elfinder .elfinder-button-search-menu div .ui-state-hover{border:1px solid}.elfinder-ltr .elfinder-button-search{float:right;margin-right:10px}.elfinder-rtl .elfinder-button-search{float:left;margin-left:10px}.elfinder-rtl .ui-controlgroup>.ui-controlgroup-item{float:right}.elfinder-button-search input[type=text]{box-sizing:border-box;width:100%;height:26px;padding:0 20px;line-height:22px;border:1px solid #aaa;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;outline:0 solid}.elfinder-button-search input::-ms-clear{display:none}.elfinder-touch .elfinder-button-search input{height:30px;line-height:28px}.elfinder-rtl .elfinder-button-search input{direction:rtl}.elfinder-button-search .ui-icon{position:absolute;height:18px;top:50%;margin:-8px 4px 0;opacity:.6;filter:Alpha(Opacity=60)}.elfinder-button-search-menu .ui-checkboxradio-icon{display:none}.elfinder-ltr .elfinder-button-search .ui-icon-search{left:0}.elfinder-ltr .elfinder-button-search .ui-icon-close,.elfinder-rtl .elfinder-button-search .ui-icon-search{right:0}.elfinder-rtl .elfinder-button-search .ui-icon-close{left:0}.elfinder-toolbar-swipe-handle{position:absolute;top:0;left:0;height:50px;width:100%;pointer-events:none;background:linear-gradient(to bottom,#dde4eb 0,rgba(221,228,235,.8) 2px,rgba(216,223,230,.3) 5px,rgba(0,0,0,.1) 95%,rgba(0,0,0,0) 100%)} /* styles/manufacturers.css */ .z{z-index:z(logobar)}[disabled]{cursor:not-allowed}body.debug:before{background-color:#fcf8e3;border-bottom:1px solid #fbeed5;border-left:1px solid #fbeed5;color:#c09853;font:small-caption;padding:3px 6px;pointer-events:none;position:fixed;right:0;top:0;z-index:100}@media(min-width: 36em){body.debug:before{content:"sm ≥ 576px (36em)"}}@media(min-width: 48em){body.debug:before{content:"md ≥ 768px (48em)"}}@media(min-width: 62em){body.debug:before{content:"lg ≥ 992px (62em)"}}@media(min-width: 75em){body.debug:before{content:"xl ≥ 1200px (75em)"}}.c-manufacturer img{width:100%}.c-manufacturer a:hover{text-decoration:none}.c-manufacturer a:hover h3{text-decoration:underline}.c-manufacturer .c-manufacturer-description{line-height:1.5;max-height:7.5rem;overflow:hidden}.c-manufacturer .c-manufacturer-description p{line-height:1.5}.c-text-manufacturers .letter{font-weight:bold;color:#d22730;border-bottom:2px solid #d22730}/*# sourceMappingURL=manufacturers.css.map */ /* styles/sites-links.css */ body.debug:before{background-color:#fcf8e3;border-bottom:1px solid #fbeed5;border-left:1px solid #fbeed5;color:#c09853;font:small-caption;padding:3px 6px;pointer-events:none;position:fixed;right:0;top:0;z-index:100}@media(min-width: 36em){body.debug:before{content:"sm ≥ 576px (36em)"}}@media(min-width: 48em){body.debug:before{content:"md ≥ 768px (48em)"}}@media(min-width: 62em){body.debug:before{content:"lg ≥ 992px (62em)"}}@media(min-width: 75em){body.debug:before{content:"xl ≥ 1200px (75em)"}}a.newListLinks{opacity:.5;font-size:17px;font-weight:bold;line-height:1.25em;text-align:left;cursor:pointer;vertical-align:baseline;display:inline-block}a.newListLinks:hover{opacity:1}a.deleteListLinks{height:24px;width:24px;display:block;position:absolute;right:0px;top:-1px}a.deleteListLinks:hover{border-color:red;cursor:pointer}.footer-top .SitesGroup ul{list-style:none;padding-left:20px}.footer-top .SitesGroup ul li{position:relative}@media(min-width: 36em){.footer-top .SitesGroup ul li:before{position:absolute;left:-14px;content:"▪"}}.footer-top .SitesGroup a.deleteListLinks{display:none}.footer-top .SitesGroup:hover a.deleteListLinks{display:block}div.EditSitesLinkDialogForm select{border:1px solid #aed0ea}/*# sourceMappingURL=sites-links.css.map */ /* plugins/star-rating/jquery.rating.css */ /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{background:url(../../plugins/star-rating/delete.gif) no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url(../../plugins/star-rating/star.gif) no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background-position:0 -16px!important} div.star-rating-hover a{background-position:0 -32px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} /* END jQuery.Rating Plugin CSS */ /* styles/order-address.css */ .z{z-index:z(logobar)}[disabled]{cursor:not-allowed}body.debug:before{background-color:#fcf8e3;border-bottom:1px solid #fbeed5;border-left:1px solid #fbeed5;color:#c09853;font:small-caption;padding:3px 6px;pointer-events:none;position:fixed;right:0;top:0;z-index:100}@media(min-width: 36em){body.debug:before{content:"sm ≥ 576px (36em)"}}@media(min-width: 48em){body.debug:before{content:"md ≥ 768px (48em)"}}@media(min-width: 62em){body.debug:before{content:"lg ≥ 992px (62em)"}}@media(min-width: 75em){body.debug:before{content:"xl ≥ 1200px (75em)"}}.z{z-index:20}[disabled]{cursor:not-allowed}body.debug:before{background-color:#fcf8e3;border-bottom:1px solid #fbeed5;border-left:1px solid #fbeed5;color:#c09853;font:small-caption;padding:3px 6px;pointer-events:none;position:fixed;right:0;top:0;z-index:100}@media(min-width: 36em){body.debug:before{content:"sm ≥ 576px (36em)"}}@media(min-width: 48em){body.debug:before{content:"md ≥ 768px (48em)"}}@media(min-width: 62em){body.debug:before{content:"lg ≥ 992px (62em)"}}@media(min-width: 75em){body.debug:before{content:"xl ≥ 1200px (75em)"}}.c-cart-form__section-label{font-size:24px;font-size:1.5rem;line-height:1;font-weight:400;text-transform:uppercase;margin-bottom:16px}.c-form__item{width:auto;flex-direction:column;margin:0px 0px 16px 0px}.c-form__item .c-form__label{padding:0px 0px 2px 0px;text-align:left;font-size:14px;font-size:.875rem;line-height:1.1428571429;font-weight:400}.c-form__item .c-form__input,.c-form__item .c-select{transition:all 200ms cubic-bezier(0.445, 0.05, 0.655, 0.76);box-shadow:none;font-size:18px;font-size:1.125rem;line-height:1.3333333333;font-weight:400;border-radius:0px;padding:7px 18px;border:1px solid #979797;background:rgba(255,255,255,.7)}.c-form__item .c-form__input:focus,.c-form__item .c-select:focus{border:1px solid #d22730;background-color:#fff}.c-form__item .c-select{background-image:url(../../styles/data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-color:rgba(255,255,255,.7);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}.c-form__item #validateAres{padding:12px 15px;right:0;top:unset;bottom:0;box-shadow:none;border-radius:0px 0px 0px 0px}@media(max-width: 47.99em){.c-form__item #validateAres{padding:12px 15px;right:1px;top:-8px;bottom:0;height:38px;box-shadow:none;margin-top:9px;border-radius:0px 0px 0px 0px}}@media(max-width: 47.99em){.c-form__item.active .c-form__input{padding-top:20px}}#tab-customer .c-btn.rounded{font-size:24px;font-size:1.5rem;line-height:1;font-weight:bold}@media(max-width: 47.99em){.c-form__item .c-form__label:not(.textarea).c-form_label-select{position:relative;font-size:14px;height:15px;transform:translate(0, 12px) scale(1)}}/*# sourceMappingURL=order-address.css.map */ /* styles/reviews.css */ .z{z-index:z(logobar)}[disabled]{cursor:not-allowed}body.debug:before{background-color:#fcf8e3;border-bottom:1px solid #fbeed5;border-left:1px solid #fbeed5;color:#c09853;font:small-caption;padding:3px 6px;pointer-events:none;position:fixed;right:0;top:0;z-index:100}@media(min-width: 36em){body.debug:before{content:"sm ≥ 576px (36em)"}}@media(min-width: 48em){body.debug:before{content:"md ≥ 768px (48em)"}}@media(min-width: 62em){body.debug:before{content:"lg ≥ 992px (62em)"}}@media(min-width: 75em){body.debug:before{content:"xl ≥ 1200px (75em)"}}.c-reviews .review-toggle-button .next{display:block}.c-reviews .review-toggle-button .prev{display:none}.c-reviews .review-toggle-button[aria-expanded=true] .next{display:none}.c-reviews .review-toggle-button[aria-expanded=true] .prev{display:block}.c-reviews .pager{margin-top:16px;text-align:center}.c-reviews .pager a.active{color:#777}.c-reviews .review-summary{flex-direction:row !important}.c-reviews .review-summary>.row{flex:1 1 100%}.c-reviews .review-summary>.row>div:last-child{flex-basis:380px}.c-reviews .review-summary .total-rating{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.c-reviews .review-summary .total-rating>div{text-align:center}.c-reviews .review-summary .total-rating .total-number{font-size:46px;font-size:2.875rem;line-height:1.0434782609;font-weight:bold}.c-reviews .review-summary .total-rating .total-stars{padding:16px 0 8px;-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}.c-reviews .review-summary .partial-rating .rating{display:flex;align-items:center}.c-reviews .review-summary .partial-rating .rating span{font-size:18px;font-size:1.125rem;line-height:1.3333333333}.c-reviews .review-summary .partial-rating .rating span.count{font-weight:bold}.c-reviews .review-summary .partial-rating .rating .progress{height:8px;flex:1 1 auto;margin:3px 16px 0}.c-reviews .c-review-user{display:flex;height:100%;justify-content:center;background-color:#effafe;flex-direction:column;white-space:nowrap;align-items:center;padding:16px}.c-reviews .c-review-user>div{text-align:center}.c-reviews .c-review-user .date{padding:4px 0 8px}.c-reviews .c-review{height:100%;padding:16px;border:1px solid color(border, promorain)}.c-reviews .c-review .plus,.c-reviews .c-review .minus{position:relative;display:flex;width:22px;height:22px;text-align:center;align-items:center;justify-content:center}.c-reviews .c-review .plus:before,.c-reviews .c-review .plus:after{position:absolute;left:9px;content:" ";height:10px;width:2px;background-color:#d22730;top:5px}.c-reviews .c-review .plus:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.c-reviews .c-review .minus:after{position:absolute;left:9px;content:" ";height:10px;width:2px;background-color:#d00;top:5px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}/*# sourceMappingURL=reviews.css.map */