/* Chosen v1.4.1 | (c) 2011-2015 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .search-choice .group-name,.chosen-container .chosen-single .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .search-choice .group-name:after,.chosen-container .chosen-single .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/chosen/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/chosen/chosen-sprite.png) no-repeat 100% -20px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/chosen/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/chosen/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/chosen/chosen-sprite.png) no-repeat -30px -20px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/chosen/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/chosen/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} /*! jQuery UI - v1.10.4 - 2014-03-06 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/ * Copyright 2014 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-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block}.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-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.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:49%}.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-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.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("https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/animated-overlay.gif");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding: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:Verdana,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:Verdana,Arial,sans-serif;font-size:1em; width: 30px;}.ui-widget-content{border:1px solid #aaa;background:#fff url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_highlight-soft_75_cccccc_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 #d3d3d3;background:#e6e6e6 url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;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 #999;background:#dadada url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.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:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% 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:#fef1ec url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.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(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-icons_cd0a0a_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:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px} /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/core/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } * { margin: 0; padding: 0; } body { font: 75%/150% Arial, Helvetica, sans-serif; background-color: #fff; text-align: center; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } img { border: 0; vertical-align: top; max-width: 100%; } a { color: #888; text-decoration: none; } a:hover { text-decoration: none; color: #333; } :focus { outline: 0; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: 0 0 10px; font-weight: normal; } h1 { font-size: 2.6666em; line-height: 1.25em; margin-bottom: 20px; } h2 { font-size: 2em; line-height: 1.25em; } h3 { font-size: 1.6666em; line-height: 1.2em; } h4 { font-size: 1.3333em; line-height: 1.25em; } h5 { font-size: 1.1666em; line-height: 1.1428em; } h6 { font-size: 1em; line-height: 1.1666em; } /* Forms */ form { display: inline; } fieldset { border: 0; } legend { display: none; } /* Table */ table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; } caption, th, td { vertical-align: top; text-align: left; font-weight: normal; } /* Content */ strong { font-weight: bold; } address, cite { font-style: normal; } q, blockquote { quotes: none; } q:before, q:after { content: ''; } small, big { font-size: 1em; } sup { font-size: 1em; vertical-align: top; } /* Lists */ ul, ol { list-style: none; } /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; min-height: 147px; position: relative; } .no-display { display: none !important; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page { text-align: left; background-repeat: repeat; background-position: center top; } .page-print { background: #fff; padding: 20px; text-align: left; } .page-empty { background: #fff; padding: 20px; text-align: left; } .page-popup { padding: 20px; text-align: left; background: #fff; } .main-container { background-repeat: repeat; background-position: center top; } .main { padding: 20px 0; min-height: 370px; } /* Base Columns */ .col-left { float: left; } .col-main { float: left; } .col-right { float: right; } /* 1 Column Layout */ .col1-layout .col-main { width: 100%; } /* 2 Columns Layout */ .col2-left-layout .col-main { float: right; } .col3-layout .col-wrapper { float: left; } .col3-layout .col-wrapper .col-main { float: right; } /* Content Columns */ .col2-set .col-1 { float: left; width: 49%; } .col2-set .col-2 { float: right; width: 49%; } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /**/ .preface { clear: both; } .postscript { clear: both; } /* Basic -------------------------------------------------------------- */ input, select, textarea, button { vertical-align: middle; } /* Fix: remove default formatting on iOS (e.g. rounded corners) */ input.input-text, textarea { -webkit-appearance: none; } input.input-text, select, textarea { background: #fff; border: 1px solid #ddd; color: #888; box-sizing: border-box; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } input.input-text { height: 42px; } select { text-overflow: ellipsis; } select.multiselect { height: auto; } input.input-text, textarea { padding: 8px; text-overflow: ellipsis; } select option { padding-right: 10px; padding-left: 5px; } select option:disabled { color: #ccc; } select.multiselect option { border-bottom: 1px solid #eee; padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0; } textarea { overflow: auto; } input.radio { margin-right: 3px; } input.checkbox { margin-right: 3px; } input.qty { width: 3em !important; text-align: center; } /* Active and others -------------------------------------------------------------- */ input.input-text:hover, select:hover, textarea:hover, input.input-text:focus, select:focus, textarea:focus { border-color: #aaa; color: #333; outline: none; } /* Buttons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ button.button::-moz-focus-inner { padding: 0; border: 0; } /* FF Fix */ .button { display: inline-block; margin: 0; border: 0; overflow: visible; cursor: pointer; font-size: 12px; font-weight: normal; white-space: nowrap; text-align: center; background-color: #ddd; color: #333; line-height: 45px; padding: 0 25px; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .button:hover { background-color: #333; color: #fff; } /* Smaller button - for inline display, e.g. with input boxes -------------------------------------------------------------- */ .button.btn-inline, .sidebar .block .button, .product-view .box-tags .form-add .button, .title-buttons .button { padding: 0 15px; line-height: 36px; } /* Big button: Add to cart (product view) & Proceed to checkout -------------------------------------------------------------- */ .product-view .btn-cart, .btn-checkout { line-height: 55px; font-size: 1.1666em; } /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ p.control input.checkbox, p.control input.radio { margin-right: 6px; } /* Form lists */ /* Grouped fields */ .form-list li { margin: 0 0 14px; } .form-list label { float: left; font-weight: bold; position: relative; z-index: 0; margin: 0 0 2px; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; position: absolute; top: 0; right: -8px; } .form-list li.control label { float: none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } .form-list .input-box { display: block; clear: both; } .form-list .field { float: left; width: 275px; margin-bottom: 5px; } .form-list .field .input-box { width: 262px; } .form-list input.input-text { width: 262px; } .form-list textarea { width: 244px; height: 10em; } .form-list select { width: 262px; } .form-list li.additional-row { border-top: 1px solid #e5e5e5; margin-top: 10px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto; } .form-list .name-prefix { width: 65px; } .form-list .name-prefix select { width: 55px; } .form-list .name-prefix input.input-text { width: 49px; } .form-list .name-suffix { width: 65px; } .form-list .name-suffix select { width: 55px; } .form-list .name-suffix input.input-text { width: 49px; } .form-list .name-middlename { width: 70px; } .form-list .name-middlename input.input-text { width: 49px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 46px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 134px; } /* Orders and Returns form -------------------------------------------------------------- */ #oar_widget_orders_and_returns_form .buttons-set button { float: left; margin-left: 0; } #oar_widget_orders_and_returns_form .buttons-set .required { text-align: left; } /* Fieldset -------------------------------------------------------------- */ .fieldset + .fieldset { margin-top: 30px; } /* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */ .fieldset, .multiple-checkout .col2-set, .multiple-checkout .col3-set, .info-set { margin: 0 0 10px; padding: 0; } /* Buttons set -------------------------------------------------------------- */ .buttons-set { clear: both; margin: 30px 0 0; padding-top: 10px; border-top: 1px solid #e5e5e5; } .buttons-set p.required { float: right; line-height: 1em; margin: -33px 0 0; } .buttons-set button.button { float: right; margin-left: 5px; min-width: 140px; } /* Back link */ .buttons-set .back-link { float: left; margin: 0; line-height: 36px; } .buttons-set .back-link small { display: none; } .buttons-set .back-link a:before { margin-right: 7px; } /* Form Validation -------------------------------------------------------------- */ .validation-advice { clear: both; font-size: 0.9166em; line-height: 1em; color: #ee001c; margin-top: 5px; margin-bottom: 5px; } .validation-failed { border: 1px solid #ee001c !important; background: #fff !important; } /* Required */ p.required { font-size: 0.8333em; text-align: right; } p.required, .product-options dt label.required em, .form-list label.required em { color: #ee001c; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Selected buttons sets -------------------------------------------------------------- */ /* Log in */ .account-login .buttons-set .button, /* Create account */ .account-create .buttons-set .button, /* Forgot password */ .customer-account-forgotpassword .buttons-set .button, /* Advanced search */ .catalogsearch-advanced-index .buttons-set .button, /* Orders and Returns form */ #oar_widget_orders_and_returns_form .buttons-set .button, /* Contact us */ .contacts-index-index .buttons-set .button { min-width: 180px; } /* Selected forms -------------------------------------------------------------- */ #contactForm textarea { width: 100%; max-width: 535px; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .success { color: #3d6611; font-weight: bold; } .error { color: #ee001c; font-weight: bold; } .notice { color: #ccc; } .messages, .messages ul { list-style: none !important; margin: 0; padding: 0; } .messages { overflow: hidden; margin: 0 0 10px; } .messages li { margin: 0 0 1%; } .messages > li:last-child { margin-bottom: 0; } .messages li li { margin: 0; } .messages a { text-decoration: underline; } .catalog-category-view .messages { margin-top: 15px; margin-bottom: 15px; } .cms-index-index .messages, .cms-home .messages { margin: 20px 0 20px; } .error-msg, .success-msg, .note-msg, .notice-msg { background-position: 25px center !important; background-repeat: no-repeat !important; padding: 25px 25px 25px 80px !important; font-size: 12px !important; } .error-msg { border-color: #c02230; background-color: #F5DAD3; background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/i_msg-error.png); color: #c02230; } .success-msg { border-color: #296a23; background-color: #e9ffca; background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/i_msg-success.png); color: #296a23; } .note-msg, .notice-msg { border-color: #7c622a; background-color: #FDEDA4; background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/i_msg-note.png); color: #7c622a; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs li { float: left; font-size: 0.9166em; } .breadcrumbs li > * { display: inline-block; vertical-align: middle; } /* Left padding smaller because inline-block layout adds a space between elements */ .breadcrumbs li .sep { margin-left: 4px; margin-right: 6px; } /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin-bottom: 0; } .page-title { margin-bottom: 20px; } /*.category-title { margin-bottom:10px; }*/ /* Links in page title */ .page-title .separator { margin: 0 3px; } .page-title .separator, .page-title .link-reorder, .page-title .link-rss, .page-title .link-print { font-weight: normal; display: inline-block; margin-top: 10px; } .page-title .link-rss { float: right; margin-top: 15px; } /* Title with buttons */ .title-buttons { text-align: right; } .title-buttons button { margin-left: 1em; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; text-align: left; /* TRICKY: align left as opposition to other elements */ } /* Sorter -------------------------------------------------------------- */ .sorter { padding: 10px 0; } /* View mode */ .sorter .view-mode { float: right; } .sorter .view-mode label { margin-right: 5px; } .sorter .view-mode .grid, .sorter .view-mode .list { margin-left: 1px; } /* Sort by */ .sorter .sort-by { float: left; margin-right: 10px; padding-right: 3px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat; } /* Pager -------------------------------------------------------------- */ .pager { margin: 10px 0; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .pager .pages { float: right; vertical-align: middle; } .pager .pages strong, .pager .pages span { float: left; margin-right: 5px; font-weight: normal; } .pager .pages ol { display: inline-block; vertical-align: middle; } .pager .pages li { float: left; margin: 0 0 0 1px; display: block; text-align: center; } .pager .pages li a { display: block; color: inherit; } .pager .pages a.previous, .pager .pages a.next { font-size: 16px; } /* Toolbar. Pager and sorter inside toolbar -------------------------------------------------------------- */ .toolbar { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-bottom: -1px; position: relative; z-index: 10; } /* Pager inside toolbar - align center */ .toolbar .pager { margin: 0; border-bottom: none; border-top: 1px dashed #e5e5e5; text-align: center; } /* Bottom toolbar */ .toolbar-bottom { margin-top: 10px; } .toolbar-bottom .toolbar { border-bottom: none; } .toolbar-bottom .toolbar .pager { border-top: none; } .toolbar-bottom .sorter { display: none; } /* Common styles for toolbar elements -------------------------------------------------------------- */ /* Height */ .sorter, .pager { line-height: 36px; } /* Important: the same as the height of the form elements */ /* Icons */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { display: inline-block; vertical-align: middle; font-size: 14px; } /* Icons and elements of pager */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc { width: 30px; height: 30px; line-height: 30px; text-align: center; } /* Amount */ .pager .amount, .sorter .amount { float: left; padding-right: 10px; margin-right: 10px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/link-separator.png) right center no-repeat; } /* Limiter */ .pager .limiter, .sorter .limiter { float: left; margin-right: 15px; } .sorter .limiter { margin-right: 0; } /* Data Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .data-table { width: 100%; } .data-table th, .data-table td { padding: 10px; } .data-table thead { background: none; border-bottom: 1px solid #e5e5e5; } .data-table thead th { font-weight: bold; vertical-align: bottom; border-right: none; } .data-table thead th.wrap { white-space: normal; } .data-table tr.odd td, .data-table tr.odd th { border-right: 1px solid #f5f5f5; } .data-table tr.odd td.last { border-right: none; } .data-table tr.odd.last { border-bottom: #eee solid 1px; } .data-table tr.even td, .data-table tr.even th { border-right: 1px solid #f5f5f5; } .data-table tr.even td.last { border-right: none; } .data-table tr.even { background-color: #fbfbfb; } .data-table tbody tr.product-shop-row:hover { background-color: #fff; } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.odd tr.last { border-bottom: #e5e5e5 solid 1px; } .data-table tbody.even { background-color: #f5f5f5; } .data-table tbody.even td { border-width: 0 1px; } .data-table th .tax-flag { font-weight: normal; } /* Additional classes for mobile devices -------------------------------------------------------------- */ /* Cell title */ .data-table .cell-label { display: none; } /* Shopping cart total summary row expandable to details %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ tr.summary-total { cursor: pointer; } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px; } tr.summary-details td { font-size: 11px; background-color: #f5f5f5; color: #777; padding: 2px 5px !important; } tr.summary-details-first td { border-top: 1px solid #d5d5d5; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .link-cart, .link-reorder { font-weight: bold; } .link-print { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/i_print.gif) 0 center no-repeat; padding: 2px 0 2px 25px; } .link-rss { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/i_rss.gif) 0 center no-repeat; padding-left: 16px; white-space: nowrap; } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .separator { margin: 0 3px; font-weight: normal; color: #e5e5e5; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #e5e5e5; text-indent: -9999em; overflow: hidden; } /* Global site notices -------------------------------------------------------------- */ .global-site-notice { background: #f5f5f5; color: #333; } .global-site-notice .notice-inner { max-width: 66%; margin: 0 auto; padding: 10px 0 10px 80px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/i_notice.gif) 20px center no-repeat; text-align: left; } .global-site-notice .notice-inner p { width: 80%; margin: 0; padding: 10px 10px 10px 0; display: inline-block; vertical-align: middle; } .global-site-notice .notice-inner .actions { display: inline-block; vertical-align: middle; } /* Cookie Notice */ .global-site-notice.notice-cookie { position: fixed; bottom: 0; right: 0; left: 0; } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 12px; line-height: 1.15; border: 0; text-align: center; color: #fff; } .demo-notice .notice-inner { width: auto; padding: 0; background: none; text-align: center; } .demo-notice .notice-inner p { padding: 0; border: 0; } /* Common styles for many buttons -------------------------------------------------------------- */ .btn-remove, /* Generic "close" button */ .btn-remove2, /* Button "remove" on the cart page */ .map-popup-close, .remember-me-popup-head .remember-me-popup-close, /* "Remember me" pop-up, only the "close" button in the header */ .btn-edit { display: inline-block; width: 18px; height: 18px; line-height: 18px; font-size: 16px; text-align: center; overflow: hidden !important; } /* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles for admin-controlled content */ .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std dl dt { font-weight: bold; margin: 0.5em 0; } .std dl dd { margin: 0 0 0 10px; } .std dl, .std p, .std address, .std blockquote { margin: 0 0 1em; padding: 0; } /* Unordered lists -------------------------------------------------------------- */ /* Common basic styling */ ul.bullet, ul.disc { margin: 0 0 1em; padding: 0; } /* Disc */ ul.disc { list-style: disc outside none; padding-left: 1.5em; } ul.disc li { background-image: none; padding-left: 0; } /* Bullet */ ul.bullet { list-style: none outside none; } ul.bullet li { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left: 25px; -webkit-transition: background-position 150ms ease-out; transition: background-position 150ms ease-out; } ul.bullet li:hover { background-position: 3px 0; } /* Different bullets. IMPORTANT: use together with class "bullet" */ ul.list1 li { background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list1.png); } ul.list2 li { background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list2.png); } ul.list11 li { background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list11.png); } ul.list12 li { background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list12.png); } ul.list13 li { background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/list13.png); } /* Separator */ ul .separator { border-bottom: 1px solid #fff; margin: 8px 1px; overflow: hidden; } /* Nested unordered lists -------------------------------------------------------------- */ ul.bullet ul, ul.disc ul { margin-top: 0.5em; margin-bottom: 0.5em; } ul.bullet ul li, ul.disc ul li { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat; padding-left: 1.5em; } /* Lists inside ".std" %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list without any bullets */ .std ul.no-bullets { list-style: none outside none !important; padding-left: 0 !important; } .std ul.no-bullets li { background-image: none !important; padding-left: 0 !important; } /* Ordered lists */ .std ol { list-style: decimal outside; margin: 10px 0; padding: 0 0 0 1.5em; } .std ol ol, .std ul ol, .std ol ul { margin: 0.5em 0; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std blockquote { font-style: italic; padding: 0 0 0 1.5em; } .std address { font-style: normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style: italic; } /* Override std styles for selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .std .products-grid p { margin-bottom: 0; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-container, .header-container2, .header-container3 { background-repeat: repeat; background-position: center top; background-attachment: scroll; } .header { padding: 0; } /* Misc header elements -------------------------------------------------------------- */ .header .item-left { float: left; margin-right: 10px; text-align: left; } .header .item-right { float: right; margin-left: 10px; text-align: right; } /* User menu inside header top -------------------------------------------------------------- */ .header-top .item-left .user-menu > * { float: left; } .header-top .item-right .user-menu > * { float: right; } /* User menu and Top Links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear floats and override custom styles to avoid incorrect position of elements */ .user-menu { width: 100%; float: none; margin: 0; clear: both; } .user-menu:before, .user-menu:after { display: table; content: " "; } .user-menu:after { clear: both; } /* Top Links - clear floats */ .top-links ul:before, .top-links ul:after { display: table; content: " "; } .top-links ul:after { clear: both; } /* Logo %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header .logo-wrapper .logo { display: inline-block; max-width: 94%; margin: 10px 0; text-decoration: none !important; } /* Fix for Firefox and IE. In regular header, stretch the image to full width. Thanks to that, on small screens when logo is scaled down it will not expand its container. */ .header-regular .logo-wrapper .logo img { width: 100%; } /* If logo is h1, the link is inside so make it displayed as block */ .header .logo-wrapper h1.logo a { display: block; } .header .logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; } /* Quick search %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #search_mini_form { clear: both; display: block; } /* Clear floats of ".form-search" element inside search form */ .form-search:before, .form-search:after { display: table; content: " "; } .form-search:after { clear: both; } /* Basic styles */ .form-search { position: relative; } .form-search label { float: left; margin: 3px 4px 0 0; display: none; } .form-search .input-text { float: right; width: 100%; display: block; height: 36px; line-height: 36px; padding: 0 35px 0 7px; color: #bbb; background-color: #fff; overflow: hidden; text-overflow: ellipsis; } /* Button */ .form-search .button { position: absolute; right: 0; top: 0; margin: 1px; padding: 0; background-color: transparent !important; color: #000; width: 34px; height: 34px; line-height: 34px; text-align: center; } .form-search .button:hover { background-color: transparent; color: #000; } .form-search .button span { background-image: none !important; } .form-search .button span span { display: none; } /* Hide text label */ /* Search autocomplete */ .form-search .search-autocomplete { left: 0 !important; top: 42px !important; position: relative; z-index: 4100 !important; } .form-search .search-autocomplete ul { background-color: #fff; text-align: left; padding: 3px; } .form-search .search-autocomplete li { padding: 3px 5px; cursor: pointer; line-height: 24px; } .form-search .search-autocomplete li:hover { } .form-search .search-autocomplete li .amount { float: right; padding-left: 5px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: small box. Deprecated. -------------------------------------------------------------- */ .search-wrapper-small .form-search .input-text { height: 28px; line-height: 28px; } .search-wrapper-small .form-search .button { width: 28px; height: 28px; line-height: 28px; font-size: 10px; } .search-wrapper-small .form-search .search-autocomplete { top: 30px !important; } /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline #search_mini_form { display: inline-block; vertical-align: middle; } /* Search box in the top header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-top #search_mini_form { display: inline-block; vertical-align: middle; } .header-top .form-search .input-text { height: 28px; line-height: 28px; } .header-top .form-search .button { width: 28px; height: 28px; line-height: 28px; font-size: 10px; } .header-top .form-search .search-autocomplete { top: 30px !important; } /* Mini-cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .after-mini-cart { clear: both; } /* Mini-cart heading -------------------------------------------------------------- */ .mini-cart .mini-cart-heading .ic { font-size: 16px; line-height: 1em; } /* Mini-cart content -------------------------------------------------------------- */ /* If it is a dropdown */ .mini-cart.dropdown .mini-cart-content { width: 300px; padding: 25px; text-align: left; } /* Elements of the cart */ .mini-cart .mini-cart-content .empty { padding: 10px 0; } .mini-cart .mini-cart-content .block-subtitle { padding: 0; margin: 0 0 20px; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .subtotal { margin: 20px 0; font-size: 14px; font-weight: bold; } .mini-cart .mini-cart-content .mini-products-list li { padding: 0; margin: 0 0 5px; } .mini-cart .mini-cart-content .mini-products-list li.last { margin: 0; } .mini-cart .mini-cart-content .btn-remove, .mini-cart .mini-cart-content .btn-edit { float: right; } .mini-cart .mini-cart-content .product-details strong { font-weight: normal; } .mini-cart .mini-cart-content .actions { margin: 10px 0 0; padding: 0; border: none; text-align: left; } .mini-cart .mini-cart-content .actions button { float: left; margin-right: 1px; } .mini-cart .mini-cart-content .truncated { margin-left: 3px; } .mini-cart .mini-cart-content .truncated .item-options { -webkit-transform: translateZ(0); } /* Block: Recently Compared (dropdown) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-compare { margin: 0; padding: 0; border: none; } /* Mini-compare heading -------------------------------------------------------------- */ .mini-compare .mini-compare-heading .ic { font-size: 16px; line-height: 1em; } /* Mini-compare content -------------------------------------------------------------- */ .mini-compare.dropdown .mini-compare-content { width: 300px; padding: 25px; text-align: left; } .mini-compare .mini-compare-content .block-subtitle { padding: 0; margin: 0 0 20px; font-size: 14px; font-weight: bold; } .mini-compare .mini-compare-content .empty { padding: 10px 0; } .mini-compare .mini-compare-content .product-name { padding-right: 20px; } .mini-compare .mini-compare-content .btn-remove { float: right; } .mini-compare .mini-compare-content .actions { margin-top: 20px; } .mini-compare .mini-compare-content .actions a { float: right; line-height: 36px; } .mini-compare .mini-compare-content .actions button { float: left; } /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block { margin: 0 0 10px; } .block .block-title strong { font-weight: inherit; } .block .block-title a { text-decoration: none !important; } .block .block-subtitle { margin: 5px 0 10px; padding: 0; font-size: 1em; font-weight: bold; } .block .block-content { padding: 10px 0; } .block .block-content li.item { padding: 5px 0; } .block .btn-remove { float: right; } .block .btn-edit { float: right; } .block .actions { margin: 10px 0 0 0; padding: 10px 0 0; border-top: 1px dotted #e5e5e5; } .block .actions a { float: left; } .block .actions .button { float: right; } .block .actions .button ~ a { margin-right: 5px; line-height: 36px; } /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { list-style: outside disc none; padding-left: 20px; } .block-viewed .block-content ol li, .block-compare .block-content ol li, .block-compared .block-content ol li { padding: 3px 0; } /* Mini Products List %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .mini-products-list li { padding: 5px 0; } .mini-products-list .product-image { float: left; width: 50px; } .mini-products-list .product-details { margin-left: 60px; } .mini-products-list .product-details h4 { font-size: 1em; font-weight: bold; margin: 0; } .mini-products-list .item .btn-remove, .mini-products-list .item .btn-edit { margin-left: 7px; } /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-content { padding: 10px 0; } .block-account .block-content ul { list-style: outside disc none; padding-left: 25px; } .block-account li > * { padding: 4px; display: block; text-transform: uppercase; } .block-account li strong { font-weight: normal; } /* Block: Layered Navigation %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { display: none; cursor: pointer; border-bottom: 1px solid #e5e5e5; padding: 7px 10px 7px 25px; margin-top: 10px; position: relative; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .block-layered-nav .block-subtitle--filter:after { content: '+'; position: absolute; width: 0; height: 0; display: block; left: 6px; top: 50%; margin-top: -15px; } .block-layered-nav .block-subtitle--filter.active:after { content: '-'; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content .toggle-tabs { display: none; } .block-layered-nav .block-content > dl > dt { display: block; margin-top: 1px; position: relative; padding: 7px 0; font-weight: bold; text-rendering: optimizeSpeed; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .block-layered-nav .block-content > dl > dd { padding: 0 5px; margin: 0; } .block-layered-nav dl dd { margin-bottom: 10px; margin-top: 10px; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: relative; display: block; padding: 3px 0 3px 12px; } .block-layered-nav dl dd ol > li > a:before { display: block; /* Show on desktop */ content: ''; position: absolute; width: 0; height: 0; border-right: none; border-left: 4px solid #ddd; border-top: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid rgba(0, 0, 0, 0); left: 0; top: 50%; margin-top: -5px; -webkit-transition: left 150ms ease-in-out; transition: left 150ms ease-in-out; } .block-layered-nav dl dd ol > li > a:hover:before { left: 3px; } /* Currently selected filters %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-layered-nav .currently .block-subtitle { padding: 10px 10px 0; margin: 0 0 10px; font-size: 14px; font-weight: bold; } .block-layered-nav .currently ol { padding: 10px; } .block-layered-nav .currently ol li { margin-bottom: 5px; } .block-layered-nav .currently ol li:after { content: ''; display: table; clear: both; } .block-layered-nav .currently ol li .value { color: #d90000; } .block-layered-nav .currently .btn-remove { float: left; margin-right: 8px; } .block-layered-nav .actions { border-top: none; margin: 0 0 15px; padding: 0 10px 10px; } .block-layered-nav .actions a { float: left; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Ccommon styles for all types of the block */ .block-related .block-subtitle { display: none; position: absolute; padding: 1em 0; margin: -20px 0 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-weight: normal; z-index: 1; } .block-related:hover .block-subtitle { display: block; padding: 8px; background-color: #fff; } /* Block: Related. Single product slider -------------------------------------------------------------- */ .block-related-slider input.checkbox { float: left; margin: 7px 5px 0 0; } /* Block: Related. Simple thumbnails slider -------------------------------------------------------------- */ .block-related-thumbnails .product-image { float: left; margin-bottom: 10px; } .block-related-thumbnails .product-details { margin-left: 110px; } .block-related-thumbnails .product-details > * { margin-bottom: 5px; } .block-related-thumbnails .product-name, .block-related-thumbnails .related-add-to-wishlist { font-size: 1em; line-height: 1.25em; font-family: inherit; font-weight: inherit; display: inline-block; } .block-related-thumbnails .price-box { font-size: 1em; line-height: 1.25em; } .block-related-thumbnails .checkbox { float: left; margin: 2px 5px 0 0; } /* Add space above item */ .block-related-thumbnails .item { padding-top: 20px; } /* Block: Compare Products %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .compare-table { border: 0; } .compare-table .btn-remove { float: right; } .compare-table tbody tr:hover { background-color: #e5e5e5; } .compare-table .product-shop-row { border-bottom: 1px solid #ccc; } .compare-table .product-shop-row th, .compare-table .product-shop-row td { border-color: #eee !important; } .compare-table tr.add-to-row { background-color: #fff; border-top: 1px solid #ccc; } .compare-table tr.add-to-row:hover { background-color: #fff; } /* Cover background applied on tr hover */ .compare-table tr.add-to-row td { text-align: left; } .compare-table tr.first td { text-align: left; } .compare-table tr.first td .product-name { font-family: inherit; font-size: 1.1666em; font-weight: bold; margin: 10px 0; } .compare-table tr.first td .ratings { width: 145px; margin: 10px 0; } .compare-table .price-box { margin: 10px 0; line-height: 15px; } /* Changes after setting text-align:left */ .compare-table .product-image img { display: block; margin: 0 auto; } .compare-table .add-to-links { margin-top: 5px; } .compare-table .add-to-links li { float: none; } .compare-table a.link-wishlist { overflow: visible; text-indent: 0; background: none; display: inline; border: none; } /* Block: Poll %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-poll .block-subtitle { font-weight: normal; } .block-poll input.radio { float: left; margin: 1px -18px 0 0; } .block-poll .label { display: block; margin-left: 18px; } .block-poll li { padding: 3px 9px; } .block-poll .answer { font-weight: bold; } .block-poll .votes { float: right; margin-left: 10px; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-tags .block-content .tags-list { background: none; border: 0; font-size: 12px; } .block-tags .actions { text-align: right; } .block-tags .actions a, .block-subscribe .actions button.button { float: none; } /* Block: Subscribe %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-subscribe .input-box { margin-top: 5px; } .block-subscribe input { width: 155px; } /* Block: Reorder %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-reorder input.checkbox { float: left; margin: 2px -20px 0 0; } .block-reorder .product-name { margin-left: 20px; } .block-reorder .validation-advice { margin: 3px 9px 7px; } .block-banner .block-content { text-align: center; } /* Block: Login %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } /* Paypal -------------------------------------------------------------- */ .sidebar .paypal-logo { display: block; margin: 10px 0; text-align: center; } .sidebar .paypal-logo a { float: none; } /* Block: vertical main menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-vertnav .block-content { padding-left: 0; padding-right: 0; } .category-image { width: 100%; overflow: hidden; margin: 10px 0; text-align: center; } .category-image img { } .category-description { margin: 20px 0; position: relative; } /* Negative top margin: to cover bottom border of the category title */ .category-products { margin: -1px 0 10px; } /* General product list styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ h2.product-name a, h3.product-name a, h4.product-name a, h5.product-name a, p.product-name a { color: inherit; } /* Common styles for view types: list and grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .price-box.map-info a, .products-grid .price-box.map-info a { margin-left: 3px; } /* Product image -------------------------------------------------------------- */ /* Product alternative image */ .products-list .product-image .alt-img, .products-grid .product-image .alt-img { position: absolute; top: 0; left: 0; display: none; } /* Fix possible glitches during animation */ .products-list .product-image img, .category-products-grid .product-image img { -moz-transform: translateZ(0); } /* View type: list %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-list .item { border-top: 1px solid #e5e5e5; padding-top: 20px; padding-bottom: 20px; background-color: #fff; position: relative; -webkit-transition: box-shadow 0ms ease-in; transition: box-shadow 0ms ease-in; } .products-list .product-shop-inner { padding-right: 15px } .products-list .right-column { float: right; } .products-list .product-name { margin: 0 0 15px; } .products-list .product-image { display: block; position: relative; margin-left: auto; margin-right: auto; } .products-list .price-box { margin: 0 0 15px; font-size: 1.3333em; line-height: 1.25em; } .products-list .ratings { margin: 10px 0; } .products-list .desc { margin: 15px 0; } .products-list .link-learn { } .products-list .btn-cart { width: 100%; max-width: 180px; } .products-list a.btn-cart { padding-left: 0; padding-right: 0; } .products-list .button span { float: none; } .products-list .availability { float: none; margin: 15px 0; } .products-list .add-to-links { margin: 15px 0 0; } /* Hover effect -------------------------------------------------------------- */ .products-list.hover-effect .item:hover { margin-left: -1%; margin-right: -1%; padding-left: 1%; padding-right: 1%; z-index: 10; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-color: transparent; -webkit-transition: box-shadow 400ms ease-out; transition: box-shadow 400ms ease-out; } /* View type: grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { padding-top: 20px; padding-bottom: 20px; position: relative; } .products-grid .product-name { margin: 15px 0 10px; } .products-grid .product-image-wrapper { margin: 0 auto; position: relative; } .products-grid .product-image { display: block; } .products-grid .price-box { margin: 10px 0 10px; } .products-grid .ratings { margin: 10px 0; line-height: 1.0833em; } /* If ratings wrapped, remove margin from ratings, leave maring in wrapper */ .products-grid .actions { margin: 10px 0 0; } .products-grid .availability { float: none; margin: 5px 0; } .products-grid .add-to-links { margin: 10px 0 0; } /* Grid: additional styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Equal height of items (buttons displayed at the bottom of items) -------------------------------------------------------------- */ .products-grid.equal-height .item .actions { position: absolute; bottom: 15px; } /* Remove equal height */ .products-grid.auto-height .item .actions { position: static; bottom: auto; } /* Deprecated */ /* Display grid item elements only on hover -------------------------------------------------------------- */ .products-grid .item .display-onhover { display: none; } /* Display grid item elements only on hover: fade-in (for sliders) */ .products-grid .item .visible-onhover { visibility: hidden; opacity: 0; -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms; } .products-grid .item:hover .visible-onhover { visibility: visible; opacity: 1; -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms; } /* Product name in a single line -------------------------------------------------------------- */ .products-grid.single-line-name .product-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .products-grid.single-line-name .item:hover .product-name { overflow: visible; white-space: normal; } /* Align to the center -------------------------------------------------------------- */ .products-grid.centered .item { text-align: center; } .products-grid.centered .item .ratings .rating-box, .products-grid.centered .item .btn-cart { margin-left: 0; margin-right: 0; } .products-grid.centered .item .ratings .amount { margin-left: 3px; } .products-grid.centered .item input.checkbox { float: none; } .products-grid.centered .item .actions .add-to-links li { float: none; margin: 0; } /* Grid: only in category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .category-products-grid .item { border-top: 1px solid #e5e5e5; border-left: none; border-right: none; padding-top: 2%; padding-left: 1%; padding-right: 1%; background-color: #fff; -webkit-transition: box-shadow 0ms ease-in; transition: box-shadow 0ms ease-in; } /* Hover effect -------------------------------------------------------------- */ .category-products-grid.hover-effect .item:hover { margin-left: -1%; margin-right: -1%; padding-left: 2%; padding-right: 2%; z-index: 10; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); border-color: transparent; -webkit-transition: box-shadow 400ms ease-out; transition: box-shadow 400ms ease-out; } /* Grid: override grid elements to change size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product name -------------------------------------------------------------- */ .products-grid.size-s .product-name { font-size: 1.1666em; line-height: 1.2307em; } .products-grid.size-xs .product-name { font-size: 1em; line-height: 1.25em; } /* Buttons -------------------------------------------------------------- */ .products-grid.size-s .item .btn-cart { line-height: 3em; padding-left: 15px; padding-right: 15px; } .products-grid.size-xs .item .btn-cart { line-height: 2.5em; padding-left: 8px; padding-right: 8px; } /* Product labels -------------------------------------------------------------- */ .products-grid.size-s .sticker { font-size: 1em; } .products-grid.size-xs .sticker { font-size: 0.9166em; } /* Rating %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ratings, .no-rating { line-height: 15px; margin: 15px 0 15px; } .ratings strong { float: left; margin: 1px 5px 0 0; } /* For backward compatibility */ .rating-box { width: 69px; height: 13px; font-size: 0; line-height: 0; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/rating.png) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/rating.png) 0 100% repeat-x; } .ratings .rating-box, .ratings .amount, .ratings .rating-links { display: inline-block; vertical-align: middle; } .ratings .rating-box { margin-right: 6px; } .ratings .amount { white-space: nowrap; font-size: 10px; text-transform: uppercase; } .ratings .rating-links .separator { display: inline-block; vertical-align: middle; text-indent: -9999px; border-left: 1px solid #e5e5e5; height: 13px; width: 1px; margin: 0 3px; } .ratings-table th, .ratings-table td { line-height: 1.1666em; padding: 3px 0; } .ratings-table th { padding-right: 8px; } /* Generic block for feature presentation on product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-action { display: block; margin: 10px 0; } .product-action .ic { vertical-align: middle; font-size: 16px; width: 24px; text-align: center; } .product-action .label { vertical-align: middle; margin-left: 3px; } a.availability-only { cursor: pointer; } /* It may also be a link to toggle more details */ /* Enlarge the icon */ .availability-only .ic { font-size: 20px; } /* Inside the label */ .availability-only strong { font-weight: normal; } .availability-only .caret { margin-left: 8px; opacity: 1; } /* Table with details */ .availability-only-details { width: 100%; margin: -10px auto 20px; } .availability-only-details thead { border-bottom: 1px solid #e5e5e5; } .availability-only-details th { padding: 4px 12px; font-weight: bold; } .availability-only-details td { padding: 1px 12px; border-right: 1px solid #f5f5f5; } .availability-only-details td.last { border-right: none; } /* Product increments %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .extrahint-wrapper .product-pricing { padding: 10px; background-color: #f5f5f5; } .product-options-bottom .product-pricing { clear: left; } /* Product Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .price { white-space: nowrap !important; } .price-box { margin: 0; } /* Common labels */ .old-price .price-label, .special-price .price-label { white-space: nowrap; } .old-price .price-label { display: none; } /* Old price */ .old-price, .configured-price, .price-from { margin: 0; } .old-price .price { text-decoration: line-through; } /* Minimal price (as low as) */ .minimal-price { margin: 0 0 5px; } .minimal-price .price-label, .price-excluding-tax .label, .price-including-tax .label { white-space: nowrap; } .minimal-price-link, .price-excluding-tax { display: block; } .price-excluding-tax .price { font-weight: normal; } /* Including tax */ .price-including-tax, .price-excl-tax, .price-excl-tax .price, .price-incl-tax { display: block; } .configured-price .price-label { font-weight: bold; white-space: nowrap; } .configured-price .price { font-weight: bold; } /* FPT */ .weee { display: block; font-size: 11px; } .weee .price { font-size: 11px; font-weight: normal; } .price-excl-tax .label, .price-incl-tax .label { display: block; white-space: nowrap; } .price-incl-tax .price { display: block; font-weight: bold; } .price-from .price-label, .price-to .price-label { white-space: nowrap; } .price-to { margin: 0; } /* Price notice next to the options */ .price-notice { margin-left: 5px; } .price-notice .price { padding-left: 3px; } /* Price as configured */ .price-as-configured .price-label { font-size: 1.1666em; font-weight: bold; text-transform: uppercase; white-space: nowrap; color: inherit; } .price-box-bundle .price-box { margin: 0 !important; padding: 0 !important; border: none !important; } /* Tier Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .tier-prices { margin: 0 0 25px; padding-left: 10px; } .tier-prices li { line-height: 15px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat; padding: 0 0 0 11px; margin: 3px 0; } .tier-prices .benefit { color: #ee001c; font-weight: normal; } .tier-prices-grouped li { padding: 2px 0; } .tier-prices-grouped li .price { font-weight: bold; } /* Add-to links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .add-to-links .separator { display: none; } .add-to-links li { float: left; } .addto-gaps-right li { margin-right: 10px; } /* If displayed in a group: add margin between icons */ .addto-links-icons .link-compare { margin-left: 3px; } .addto-links-icons a { display: block; } .addto-links-icons .ic { font-size: 16px; } /* If displayed on product image */ .addto-links-icons.addto-onimage { float: right; margin-top: -40px; position: relative; z-index: 1; padding-bottom: 4px; padding-right: 4px; } /* Add to Cart box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Display elements inline, no floating */ .product-view .add-to-cart { float: none; } .add-to-cart .qty-wrapper, .add-to-cart .button { display: inline-block; } .add-to-cart .qty-wrapper .qty { text-align: center; margin-right: 10px; } /* PayPal -------------------------------------------------------------- */ .product-view .paypal-wrapper { float: left; } .product-view .paypal-wrapper .paypal-logo { margin: 0; padding: 5px 0 0; text-align: right; } .product-view .paypal-wrapper .paypal-logo .paypal-or, .add-to-cart .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 60px 5px 0; } /* Magento's default */ .add-to-cart .paypal-logo { clear: left; margin: 0; padding: 10px 0 0; text-align: right; } /* Button "Add to cart" on product page */ .product-view .btn-cart { min-width: 200px; min-height: 66px; } /* Add class "left-side" to place the buttom at the left side of the quantity field -------------------------------------------------------------- */ .add-to-cart.left-side { float: none !important; /* In case floating is set in some other styles */ } .add-to-cart.left-side .button { float: left; } .add-to-cart.left-side .qty-wrapper { line-height: 55px; /* The same height as button */ } .add-to-cart.left-side .qty-wrapper label { padding-left: 7px; } /* Basic layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1 Column Layout -------------------------------------------------------------- */ /* Stretch content area (full page width) */ .catalog-product-view .col1-layout .col-main { margin-left: 0; margin-right: 0; width: 100%; } /* Product images %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-img-column { float: left; margin-bottom: 10px; position: relative; } .col3-layout .product-view .product-img-column { float: none; margin: 0 auto; } /* Product primary column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-shop { float: left; } .product-view .product-shop .product-name { margin: 0 0 1.6666em; } .product-view .product-shop .product-name h1 { margin: 0; } .product-view .product-shop .ratings-table { margin: 15px 0 5px; } /* Product secondary Column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-secondary-column .inner { padding-top: 1px; padding-bottom: 10px; /* Stop collapsing margins */ } /* Product primary column's elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .short-description { margin: 15px 0; line-height: 1.25em; /*15px*/ } .product-view .short-description ul { margin-top: 5px; margin-bottom: 5px; } /* Add-to links */ .product-view .action-box { margin: 20px 0; } /* Add-to links in different places of the product page */ .product-view .add-to-links li { margin-right: 10px; } .product-view .add-to-links a { display: block; } .product-view .add-to-links .ic { font-size: 16px; } /* Other elements */ .extrahint-wrapper { margin-bottom: 15px; } /* Downloadable product -------------------------------------------------------------- */ .product-type-data .item-options { clear: both; } .product-type-data .item-options dt { float: none; margin: 0 0 5px; } /* The same style as "item-options" in cart */ .product-type-data .item-options dd { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/bullet.png) 3px 4px no-repeat; padding-left: 15px; } /* Additional information table -------------------------------------------------------------- */ .product-view .data-table th { font-weight: bold; } /* Prices - common for product view and MAP popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices on product page and MSRP */ .product-view .product-shop .price-box .price-including-tax .price { font-size: 18px; } .product-view .product-shop .price-box .price-excluding-tax .price { font-size: inherit; } /* Main price (prominent) */ .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .old-price .price, .product-view .product-shop .price-box .old-price .price-label, .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-options-bottom .price-box .regular-price .price, .product-view .price-as-configured .price, .map-popup-price .regular-price .price, .product-view .price-box.map-info .old-price .price { font-size: 1.6666em; } /* Old price */ .product-view .product-shop .price-box .old-price .price-label { white-space: nowrap; display: none; } /* MSRP price (only in MSRP box) */ .map-popup-msrp .price, .product-view .product-shop .price-box.map-info .old-price { display: block; } /* Special price */ .product-view .price-box .special-price .price-label { white-space: normal; } .product-view .price-box .special-price .price-including-tax, .product-view .price-box .special-price .price-excluding-tax { padding: 0 0 0 15px; } /* Price box inside "Add-to-cart" box or inside product options box */ .product-view .add-to-box .price-box, .product-options-bottom .price-box { float: left; margin: 18px 15px 10px 0; padding: 0; } /* Main containers (e.g. for add-to-cart, product options) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product type specific data */ .product-view .product-type-data { margin: 10px 0 0; } /* Lower part of the container */ .product-view .container1-wrapper, .product-view .container2-wrapper, .product-view .add-to-box { padding: 0 0 15px; margin: 0 0 15px; border-bottom: 1px solid #e5e5e5; } .product-view .container2-wrapper { margin-bottom: 30px; } /* Button container */ .product-view .add-to-box { margin-top: 15px; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Unordered list in product description (for lists with no bullet class) */ .product-view .short-description .std ul:not(.ic-ul), .product-view .box-tabs .std ul:not(.ic-ul) { list-style: none outside none; } .product-view .short-description .std ul:not(.ic-ul) li, .product-view .box-tabs .std ul:not(.ic-ul) li { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat; padding-left: 25px; } /* Margin for list in long description */ .product-view .box-tabs .std ul { margin-bottom: 1em; } /* If unordered list has "disc" class, override */ .product-view .short-description .std ul.disc, .product-view .box-tabs .std ul.disc { list-style: disc outside none; padding-left: 1.5em; } .product-view .short-description .std ul.disc li, .product-view .box-tabs .std ul.disc li { background-image: none; padding-left: 0; } /* Product options %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-options { position: relative; margin-bottom: 15px; } .product-options dt { font-weight: normal; } .product-options dt label { display: inline-block; font-weight: bold; } .product-options dt label.required em { float: right; margin-left: 3px; } .product-options dd .qty-holder { display: block; padding: 5px 0 0; } .product-options dd .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; } .product-options dd { margin: 3px 0 10px; } .product-options dl.last dd.last { border-bottom: 0; } .product-options dd input.input-text { width: 100%; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 100%; height: 8em; } .product-options dd select { width: 100%; } .product-options dd .multiselect option { border-bottom: 1px dotted #d9e5ee; padding: 2px 4px; } .product-options ul.options-list { margin-right: 5px; } .product-options ul.options-list li { line-height: 1.5; padding: 2px 0; } .product-options ul.options-list input.radio { float: left; } .product-options ul.options-list input.checkbox { float: left; margin-top: 2px; } .product-options ul.options-list .label { display: block; margin-left: 18px; } .product-options ul.options-list label { font-weight: normal; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.note { margin: 0; font-size: 0.9166em; } .product-options p.required { position: absolute; right: 0; top: -15px; } /*bottom*/ .product-options-bottom { margin-top: 20px; } .product-options-bottom .tier-prices { margin: 0 0 10px; padding: 0; border: 0; background: 0; } .product-options-bottom .tier-prices li { background: 0; padding: 2px 0; } .product-options-bottom .add-to-cart { clear: both; } /* To avoid floating after price */ .product-shop .product-options-bottom { margin: 0; } .product-shop .product-options-bottom .price-label { float: none; padding-right: 0; } .product-shop .product-options-bottom .price-tax { float: none; } .product-shop .product-options-bottom .add-to-cart-box { clear: both; float: left; padding-top: 12px; } /* Grouped Product %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .grouped-items-table { margin: 0; clear: both; } .product-view .grouped-items-table thead th { font-weight: bold; } .product-view .grouped-items-table .price-box { margin: 0; padding: 0; border: 0; } .product-view .grouped-items-table .price-box .price-including-tax .price { font-size: inherit; font-family: inherit; } .product-view .grouped-items-table td { vertical-align: middle; } .product-view .grouped-items-table .price-box .regular-price .price { font-size: inherit; font-family: inherit; } /* Block: Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-tags .product-tags { display: block; margin: 0 0 25px; } .product-view .box-tags .product-tags li { display: inline; padding: 0 7px; border-right: 1px solid #e5e5e5; } .product-view .box-tags .product-tags li.first { padding-left: 0; } .product-view .box-tags .product-tags li.last { padding-right: 0; border-right: 0; } .product-view .box-tags .form-add label { display: block; font-weight: bold; margin: 0 0 5px; } .product-view .box-tags .form-add .input-box { float: left; margin: 0 5px 5px 0; } .product-view .box-tags .form-add input.input-text { width: auto; } .product-view .box-tags .note { margin: 3px 0 0; } /* Block: Reviews %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .box-reviews { margin-top: 15px; } .product-view .box-reviews dl { margin: 30px 0 15px; } .product-view .box-reviews dt .heading { font-weight: normal; font-size: 1.5em; margin-right: 10px; } .product-view .box-reviews dt span { font-weight: bold; } .product-view .box-reviews dt a { font-size: 18px; margin-right: 8px; } .product-view .box-reviews dd { margin: 0 0 15px 15px; padding-bottom: 15px; border-bottom: 1px dashed #e5e5e5; } .product-view .box-reviews dd:last-child { border-bottom: none; } .product-view .box-reviews dd .date { display: block; margin-top: 3px; font-style: italic; } .product-view .box-reviews .ratings-table { margin: 5px 0; } .product-view .box-reviews .pager { margin-bottom: 25px; } .product-view .box-reviews .form-add h3 { font-size: 1em; font-weight: normal; margin-bottom: 0; } .product-view .box-reviews .form-add h3 span { font-weight: bold; } .product-view .box-reviews .form-add h4 { font-size: 1em; font-weight: normal; } .product-view .box-reviews .form-add h3, .product-view .box-reviews .form-add h4 { font-family: inherit; } .product-view .box-reviews .form-add .form-list { margin: 15px 0 0; } .product-view .box-reviews .form-add .form-list input.input-text { width: 100%; max-width: 340px; } .product-view .box-reviews .form-add .form-list textarea { width: 100%; max-width: 500px; } .product-view .box-reviews .buttons-set button.button { float: left; margin-left: 0; } .product-view .box-reviews .form-add .data-table { max-width: 176px; } .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { text-align: center; line-height: 1em; } .product-view .box-reviews .form-add .data-table td .radio { margin: 0; } /* Send a Friend %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .send-friend .form-list li p { margin: 0 15px 0 0; } .send-friend .form-list .field { margin-bottom: 8px; } .send-friend .form-list textarea { width: 100%; } .send-friend .buttons-set .limit { float: right; margin: 0 7px; } /* Product collateral data container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Generic wrapper for lower part of the product page */ .product-view .box-additional { margin-top: 20px; } /* Boxes for collateral data -------------------------------------------------------------- */ .product-view .box-collateral { margin-top: 0; margin-bottom: 30px; } /* Remove margin if box is inside one of the main sections of product page */ .product-view .product-img-column .box-collateral, .product-view .product-primary-column .box-collateral, .product-view .product-secondary-column .box-collateral { margin-bottom: 15px; } /* Remove margin if box is inside tabs */ .product-view .box-tabs .box-collateral { margin-bottom: 0; } /* Headings -------------------------------------------------------------- */ .product-view .box-collateral > h2:first-child, .product-view .collateral-block > h2:first-child, /* Rule required in case a heading is not wrapped inisde "box-collateral" */ .product-view .section-title { margin-bottom: 15px; padding: 7px 0; border-bottom: 1px solid #e5e5e5; } /* Modify headings in specific cases -------------------------------------------------------------- */ /* Slider headings - no bottom margin (it would pull the navigation arrows down) -------------------------------------------------------------- */ .product-view .block-related .section-title, .product-view .block-upsell .section-title { margin-bottom: 0; } /* Headings if box is inside one of the main sections of product page -------------------------------------------------------------- */ /* Hide first heading (which is always the same as tab name) */ .product-view .box-tabs .panel > h2:first-child, .product-view .box-tabs .box-collateral > h2:first-child { display: none; } /* Headings inside one of the main sections of product page -------------------------------------------------------------- */ .product-view .product-img-column .box-collateral > h2:first-child, .product-view .product-primary-column .box-collateral > h2:first-child, .product-view .product-secondary-column .box-collateral > h2:first-child { font-size: 18px; } /* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-name { margin: 0; font-weight: normal; font-size: 1em; } /* Product Tags */ .tags-list li { display: inline; } /* Advanced Search */ .advanced-search-summary { padding: 20px; margin: 10px 0; } .advanced-search-summary ul { float: left; margin: 0 4% 10px 0; width: 46%; } .advanced-search-summary li { margin: 0 0 2px 0; font-size: 1.25em; } .advanced-search-summary strong { margin: 0 5px 0 0; } .advanced-search-summary p { clear: both; float: left; display: block; margin: 10px 0 0; } /* Advanced Search - form */ .advanced-search .form-list label { padding-right: 10px; width: 140px; } .advanced-search .form-list .input-box, .advanced-search .form-list .input-range { clear: none; float: left; } .catalogsearch-advanced-index .fieldset { margin-bottom: 3px; } .catalogsearch-advanced-index .buttons-set { padding-left: 0; } .catalogsearch-advanced-index .buttons-set button.button { float: left; margin-left: 0; } /* Sitemap */ .page-sitemap .links { float: right; margin: 0 0 5px; text-align: center; } .page-sitemap .links a { text-decoration: none; position: relative; } .page-sitemap .sitemap { margin: 15px; } .page-sitemap .sitemap li { margin: 3px 0; } .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { } .page-sitemap .pager { clear: both; } /* RSS */ .rss-title h1 { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/i_rss-big.png) 0 center no-repeat; padding-left: 30px; } .rss-table .link-rss { display: block; } /* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Checkout Types %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .page-title .checkout-types li { margin: 0 0 5px; } .cart .title-buttons .checkout-types { float: right; } .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px; } /* Shopping Cart Table %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-table thead tr { border-bottom: 1px solid #e5e5e5; } .cart-table th.last { border-right: none; } .cart-table .product-image { width: 168px; display: block; } .cart-table .product-name { margin: 0 0 10px; font-weight: normal; font-size: 1.6666em; line-height: 1.2em; } .cart-table .item-msg { margin: 5px 0; font-size: 0.9166em; font-weight: bold; color: #ee001c; } .cart-table tfoot td { padding: 5px 10px; border: none; } .cart-table input.qty { width: 4em !important; } /* Table bottom - buttons -------------------------------------------------------------- */ .cart-table tfoot td.last { padding: 15px 0 0; border-bottom: 1px solid #eee; } .cart-table tfoot button { padding: 0; margin: 0 0 15px 10px; } .cart-table .btn-continue { float: left; margin-left: 0; } .cart-table .btn-update, .cart-table .btn-empty { float: right; } /* Cart Collateral blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-collaterals { margin-top: 2%; /* Percentage value to keep the same margin as between columns */ } .cart .cart-left-column > *, .cart .cart-right-column > * { margin-bottom: 20px; } .cart .cart-right-column { float: right; } /* Cross-sell %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .crosssell .product-image { float: left; } .cart .crosssell .btn-cart { float: left; margin-right: 10px; } .cart .crosssell .add-to-links { float: left; margin: 12px 0 0; } .cart .crosssell .price-box { margin: 7px 0; } .cart .crosssell li.item { padding: 20px 0; } .cart .crosssell li.item.odd { margin-left: 0; clear: left; } .cart .crosssell li.item.even { margin-right: 0; float: right; } /* -------------------------------------------------------------- */ .cart-wide-box .crosssell li.item { float: left; width: 265px; min-height: 109px; } .cart-wide-box .crosssell li.item.odd { padding-right: 20px; border-right: 1px solid #eee; } .cart-wide-box .crosssell li.item.even { padding-left: 20px; } /* Common styles: Cross-sell, Discount Codes, Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount .buttons-set, .cart .shipping .buttons-set { margin: 10px 0 0; border: 0; padding: 0; text-align: left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float: none; margin-left: 0; } /* Discount Codes (coupons) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .discount label { display: block; margin: 0 0 5px; } .cart .discount .input-box { } .cart .discount input.input-text { width: 100%; } /* Estimate Shipping %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .shipping input.input-text, .cart .shipping select { width: 100%; } .cart .shipping p { margin-bottom: 10px; } .cart .shipping .sp-methods { margin: 10px 0 0; } /* Shopping Cart Totals %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart .totals { background-color: #f5f5f5; } .cart .totals-inner { padding: 20px; } .cart .totals table { width: 100%; } .cart .totals td { padding: 1px 0 1px 7px; } .cart .totals tr.last td { } .cart .totals tfoot th { padding: 5px 15px 5px 7px; } .cart .totals tfoot td { padding-bottom: 5px; } .cart .totals tfoot th strong, .cart .totals tfoot td strong { font-size: 16px; } /*.cart .totals tfoot .price { color:#B31F5A; } */ .cart .totals .checkout-types { text-align: right; } .cart .totals .checkout-types li { clear: both; margin: 10px 0; } /* Item Options and Options Tool Tip %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .item-options dt { float: left; clear: left; } .item-options dd { float: left; margin: 0 0 2px; padding-left: 7px; font-style: italic; } /* Item options in cart/checkout tables */ .data-table .item-options { line-height: 15px; margin: 0 0 0 10px; } .data-table .item-options dt { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/bullet.png) 0 4px no-repeat; padding-left: 10px; } .data-table .item-options dd { padding-left: 10px; } /* Options Tool Tip -------------------------------------------------------------- */ .truncated { cursor: help; display: inline-block; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; text-decoration: none; border-bottom: 1px dotted #ccc; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value .item-options { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 190px; padding: 15px; } .truncated .truncated_full_value .item-options > p { font-weight: bold; margin-bottom: 2px; } /* Truncated displayed as dropdown in the mini cart */ .truncated .show .item-options { display: block; left: -210%; top: 20px; } /* Modify position of truncated dropdown displayed on cart page */ .cart-table .truncated .show .item-options { left: 0; top: 5px; } /* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight: bold; margin: 15px 0 0; } .sp-methods dt:first-child { margin-top: 0; } .sp-methods dt.a-center { text-align: left !important; } /* Heading "Credit Card Information" in the Order Review tab */ .sp-methods dd { margin: 3px 0 15px; } .sp-methods dd li { margin: 5px 0; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding: 10px 10px 10px 22px; } .sp-methods select.month { width: 150px; margin-right: 10px; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 5em !important; } .sp-methods .checkmo-list li { } .sp-methods .checkmo-list label { padding-right: 10px; } .sp-methods .checkmo-list address { float: left; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img, .please-wait img { vertical-align: middle; } .please-wait { float: right; margin-right: 5px; } .cvv-what-is-this { cursor: help; margin-left: 10px; } /* Tooltip with credit card security code explanation */ .tool-tip { margin-left: 22px; } .tool-tip .btn-close a { display: block; margin: 0 0 5px; } /* Gift Messages */ .gift-messages { margin: 30px 0 10px; } .gift-messages-form { border: 1px solid #e5e5e5; padding: 20px; position: relative; } .gift-messages-form p { margin-bottom: 10px; } .gift-messages-form label { float: none !important; position: static !important; } .gift-messages-form .item { margin: 0 0 10px; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; } .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; } .gift-messages-form .item .details { margin-left: 90px; } .gift-message-link { display: block; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/bkg_collapse.gif) 0 4px no-repeat; padding-left: 20px; } .gift-message-link.expanded { background-position: 0 -53px; } .gift-message-row .btn-close { float: right; padding: 0 7px 0; } .gift-message dt strong { font-weight: bold; color: #666; } .gift-message dd { margin: 5px 0 0; font-size: 13px; } .order-gift-message { margin: 15px 0; } /* Checkout Agreements */ .checkout-agreements li { display: block; padding: 22px; background-color: #f5f5f5; margin: 0 0 10px; } .checkout-agreements .agreement-content { overflow: auto; max-height: 144px; } .checkout-agreements .agree input.checkbox { margin-right: 8px; } .checkout-agreements .agree label { font-weight: bold; vertical-align: middle; } /* Centinel */ .centinel .authentication { border: 1px solid #ddd; background: #fff; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Generic Info Set */ /* For more styles see Multiple Addresses Checkout */ .info-set .data-table .item-options { margin: 5px 0 0; } /********** Common Checkout Styles > */ /* Block - progress %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-progress dl { margin-top: 15px; } .block-progress dt { margin: 15px 0; line-height: 1.3em; text-transform: uppercase; font-weight: bold; } .block-progress dd { margin-bottom: 25px; padding-left: 15px; font-style: italic; } .block-progress address { font-style: italic; } .block-progress dt a { text-transform: none; font-weight: normal; } .block-progress p { margin: 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .opc .buttons-set.disabled button.button { display: none; } .opc .buttons-set .please-wait { height: 45px; line-height: 45px; } .opc .ul { list-style: disc outside; padding-left: 18px; } .opc { position: relative; } .opc .section { margin: 0 0 10px; padding: 0; } .opc .step-title { background: #f5f5f5; padding: 10px; text-align: right; } .opc .step-title .number { float: left; background: #fff; padding: 8px 12px; margin: 0 8px 0 0; font-size: 1.3333em; } .opc .step-title h2 { float: left; margin: 0; color: #999; font-size: 1.3333em; line-height: 2.125em; } .opc .step-title a { display: none; float: right; margin-top: 8px; } .opc .section.allow { cursor: pointer; } .opc .section.allow.active { cursor: auto; } .opc .allow .step-title { background: #f5f5f5; } .opc .allow .step-title:hover { background-color: #e5e5e5; } .opc .allow .step-title h2 { color: #333; } .opc .allow .step-title a { display: block; } .opc .active .step-title { background-color: #e5e5e5; cursor: default; } .opc .active .step-title .number { color: #fff; background-color: #333; } .opc .active .step-title h2 { } .opc .active .step-title a { display: none; } .opc .step { padding: 10px 20px; margin-top: 10px; position: relative; } .opc .step .tool-tip { right: 30px; } #opc-login .buttons-set button { float: left; margin-left: 0; } #opc-login .buttons-set a { float: right !important; } #opc-login h3 { margin-top: 10px; } #opc-login h4 { font-family: inherit; font-weight: normal; } #opc-login .form-list { margin: 15px 0 15px; } #opc-login .form-list li { margin: 0 0 3px; } .opc .gift-messages-form { border: solid #e5e5e5; border-width: 1px 0; } .opc .gift-messages-form .inner-box { overflow: visible; } #opc-review .step { padding: 0; } #opc-review .item-options { margin: 5px 0 0; } #opc-review .btn-checkout { min-width: 200px; } #opc-review .buttons-set p { margin: 0; line-height: 28px; } #opc-review .buttons-set .please-wait { height: 28px; line-height: 28px; } #opc-review .authentication { margin: 0 auto; width: 570px; } #opc-review .warning-message { color: #222; font-weight: bold; text-align: center; padding: 10px 10px 0; } /* Common styles for: Multiple Addresses Checkout and Generic Info Set %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .multiple-checkout h2, .info-set h2 { font-weight: bold; margin: 0 0 10px; } .multiple-checkout h3, .multiple-checkout h4, .info-set h3, .info-set h4 { font-size: 15px; font-weight: bold; } .multiple-checkout h2 a, .multiple-checkout h3 a, .multiple-checkout h4 a, .info-set h2 a, .info-set h3 a, .info-set h4 a { font-size: 12px; font-weight: normal; } .multiple-checkout .data-table .product-name, .info-set .data-table .product-name { font-size: 13px; margin: 0 0 5px; } .multiple-checkout .col2-set h2.legend, .info-set h2.legend { font-weight: normal; } .multiple-checkout .col2-set h3.legend, .info-set h3.legend { color: #ce001a; margin: 0 0 10px; } .multiple-checkout .col2-set .divider, .info-set .divider { margin: 0 -20px; padding: 25px 0; position: relative; } .multiple-checkout .box, .info-set .box { margin: 0 0 15px; } /* Multiple Addresses Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .checkout-progress { padding: 0 110px; margin: -11px 0 25px; } .checkout-progress li { float: left; width: 19%; margin: 0 1px 0 0; padding-top: 5px; border-top: 10px solid #d5d5d5; text-align: center; color: #bbb; } .checkout-progress li.active { border-top-color: #ce001a; color: #ce001a; } .multiple-checkout .page-title { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; } .multiple-checkout .buttons-set { border-top: 1px solid #e5e5e5; margin-top: 40px; padding-top: 15px; } /* Styles similar to cart-table */ .multiple-checkout .data-table thead tr { border-bottom: 1px solid #bbb; } .multiple-checkout .data-table thead th { padding: 10px; font-weight: normal; } .multiple-checkout .gift-messages { margin: 15px 0 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 10px; } .multiple-checkout .col2-set .col-1 { width: 32%; } .multiple-checkout p.actions { margin-bottom: 10px; } .multiple-checkout .place-order .please-wait { margin-top: 10px; } .multiple-checkout .place-order .grand-total { font-size: 1.5em; text-align: right; } .multiple-checkout .place-order .grand-total .inner div { display: inline; } .multiple-checkout .place-order .grand-total big { display: inline; margin-right: 20px; } /* Step 1 */ #multiship-addresses-table td { padding: 10px; } /* Step 2 */ .checkout-multishipping-shipping .box-sp-methods { border: 1px solid #e5e5e5; padding: 15px; margin-bottom: 0; position: relative; } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account Login/Create Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .account-login .new-users, .account-login .registered-users { margin-bottom: 20px; } .account-login p { margin-bottom: 20px; } .account-login p.required { margin: 0; } .account-login .buttons-set { margin-top: 10px; } /* Account Login/Create box elements - login page and checkout page */ .account-login .buttons-set button { float: left; margin-left: 0; } .account-login .buttons-set a { float: right !important; margin-bottom: 10px; } /* My Account Dashboard %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-account .title-buttons .link-rss { float: none; margin: 0; } /********** < Dashboard */ .dashboard .welcome-msg { margin: 0 0 1.6666em; } .dashboard .welcome-msg .hello { font-size: 1.6666em; line-height: 1.2em; } .dashboard .welcome-msg .hello strong { font-weight: normal; } .dashboard .col-1, .dashboard .col-2 { margin-bottom: 1.5em; } /* General Box */ .box-account { margin: 0 0 2.5em; } .box-account .box-head { border-bottom: 1px solid #e5e5e5; margin: 0 0 10px; padding-bottom: 5px; } .box-account .box-head a { float: right; margin-top: 10px; } .box-account .box-head h2 { float: left; margin: 0; background-position: 0 0; background-repeat: no-repeat; } .box-account.box-info .col-1 { border-right: 1px solid #e5e5e5; } .box-account.box-info .col-1 .box { padding-right: 10px; } .dashboard .box .box-title { padding: 0 0 2px; margin: 0 0 10px; text-align: right; border-bottom: 1px solid #e5e5e5; } .dashboard .box .box-title h3, .dashboard .box .box-title h4 { float: left; margin: 0; } /* Block: Recent Orders */ .dashboard .box-recent .box-head h2 { } /* Block: Account Information */ .dashboard .box-info .box-head h2 { } .dashboard .box-info h4 { font-weight: normal; text-transform: uppercase; } /* Block: Reviews */ .dashboard .box-reviews .box-head h2 { } .dashboard .box-reviews .number { float: left; font-size: 1.3333em; line-height: 1.25em; padding: 0 10px; } .dashboard .box-reviews .details { margin-left: 38px; } .dashboard .box-reviews li.item { margin: 0 0 7px; } .dashboard .box-reviews li.item.last { margin: 0; } .dashboard .box-reviews .ratings { margin: 5px 0 0; } /* Block: Tags */ .dashboard .box-tags .box-head h2 { } .dashboard .box-tags .number { float: left; font-size: 1.3333em; line-height: 1.25em; padding: 0 10px; } .dashboard .box-tags .details { margin-left: 38px; } .dashboard .box-tags .tags { margin: 5px 0 0; } .dashboard .box-tags li.item { margin: 0 0 7px; } .dashboard .box-tags li.item.last { margin: 0; } .dashboard .box-tags .tags strong, .dashboard .box-tags .tags ul, .dashboard .box-tags .tags ul li { display: inline; } /* Address Book %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .addresses-list h3 { font-weight: normal; } .addresses-list address { margin-bottom: 10px; } .addresses-list .link-remove:hover { color: #ee001c; } .addresses-list .separator { margin: 0 3px; } .addresses-list .addresses-primary .item { padding: 15px; margin: 0 0 10px; background-color: #f5f5f5; } .addresses-list li.empty { background: none; border: 0; padding: 0; } .addresses-list li.empty p { color: #555; } .addresses-list .addresses-additional .item { padding: 15px; margin: 0 0 10px; border: 1px solid #e5e5e5; } .my-account .pager { margin-bottom: 20px; } /* Order View %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info { margin: 20px 0 10px; } .order-info dt, .order-info dd, .order-info li, .order-info li a { float: left; } .order-info dt { font-weight: bold; } .order-info li { margin-right: 1px; } .order-info dt, .order-info li.current, .order-info li a { padding: 10px; } .order-info dt { padding-left: 0; } .order-info li a { background-color: #f8f8f8; } .order-info li a:hover, .order-info li.current { background-color: #e5e5e5; } /* Date */ .order-date { margin: 15px 0; color: #ee001c; clear: both; } /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .order-info-box { margin: 0 0 10px; padding: 20px; } .order-info-box .col-1 { border-right: #e5e5e5 solid 1px; } .order-info-box h2 { } .order-info-box .box-payment p { margin: 0 0 3px; } .order-info-box .box-payment th { font-weight: bold; padding-right: 7px; } .order-items .data-table { margin-bottom: 20px; } .order-items .data-table td { padding: 5px 9px; } .order-items .data-table .grand_total { font-size: 1.3333em; } /* Grand total color */ .order-items .data-table .grand_total .last, .order-items .data-table .grand_total_incl .last { } .order-items { width: 100%; } .order-items .product-name { margin: 0 0 3px; font-size: 12px; } .order-items .link-print { font-weight: normal; } .order-items p .link-print { float: none; } .order-items h2, .order-about h2 { margin: 15px 0; } .order-items h3.table-caption { font-size: 13px; font-weight: bold; } .order-items h2.table-caption a, .order-items h2.sub-title a { font-size: 12px; font-weight: normal; text-transform: none; } .order-items .order-links { text-align: right; } .order-items .order-comments h2 { } .order-details h2 { } .order-details h2 .separator { color: #999; font-size: 12px; } .order-about { margin: 0 0 15px; padding: 5px 30px; } .order-about dt { font-weight: bold; } .order-about dd { font-size: 12px; margin-bottom: 15px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { width: 20%; font-weight: bold; white-space: nowrap; } .tracking-table th, .tracking-table td { padding: 5px 9px; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-print .print-head { margin: 0 0 15px; } .page-print .print-head .logo { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } .page-print h1 { font-size: 16px; font-weight: bold; } .page-print h2, .page-print h3 { font-size: 13px; font-weight: bold; } .page-print h2.h2 { font-size: 16px; font-weight: bold; } .page-print .order-date { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/bkg_divider1.gif) 0 100% repeat-x; padding: 0 0 10px; margin: 0 0 10px; } .page-print .col2-set { margin: 0 0 10px; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /* My Wishlist %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-wishlist .product-image { display: block; margin: 0 0 5px; min-width: 113px; max-width: 140px; } .my-wishlist .product-name { margin-bottom: 10px; } .my-wishlist .description { margin-bottom: 10px; } .my-wishlist textarea { display: block; width: 97%; height: 70px; border: 1px solid #e5e5e5; } .my-wishlist .price-box { margin-bottom: 5px; } .my-wishlist .add-to-cart-alt { margin-bottom: 10px; } .my-wishlist .buttons-set { margin-top: 2em; } #wishlist-table .add-to-links { white-space: nowrap; } .my-wishlist .data-table tr.even { background: #f8f8f8; } .my-wishlist .btn-cart { margin: 10px 0 5px; } /* My Tags %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .my-tag-edit { float: left; margin: 0 0 10px; } .my-tag-edit .btn-remove { float: right; margin: 5px 0 0 5px; } #my-tags-table { clear: both; } #my-tags-table td { padding: 10px; } #my-tags-table .add-to-links { white-space: nowrap; } /* My Reviews */ #my-reviews-table td { padding: 10px; } .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { margin: 0 0 8px; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 10px; } .product-review .product-details { margin: 0 20px 20px 155px; } .product-review .product-name { font-size: 18px; margin: 0 0 18px; } .product-review h3 { font-size: 12px; margin: 15px 0 5px; } .product-review .ratings-table { margin: 0 0 15px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 12px; margin: 5px 0 0; } /* Billing Agreements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .billing-agreements .form-list li select { float: left; } .billing-agreements .form-list li button.button { float: left; margin-left: 10px; } .billing-agreements .table-caption { font-weight: bold; font-size: 13px; } /* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Remember Me Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .window-overlay { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .remember-me label { float: none; margin: 0 6px; } .remember-me-popup { left: 50%; top: 50%; position: absolute; margin: -85px 0 0 -200px; width: 400px; z-index: 10000; } .remember-me-popup-head { position: relative; } .remember-me-popup-close-button { margin-top: 15px; } /* MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cart-msrp-totals { color: red; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { display: block; color: red; font-weight: normal; font-size: 12px; line-height: 1.5em; } .map-popup { margin: 10px 0 0; position: absolute; width: 300px; z-index: 100; } .map-popup-heading h2 { margin: 0; overflow: hidden; white-space: nowrap; word-wrap: break-word; text-align: left; text-overflow: ellipsis; } .map-popup-arrow { display: none; } .map-popup-content { overflow: hidden; text-align: left; } .map-popup-checkout { float: right; text-align: right; } .map-popup-checkout .paypal-logo { margin: 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0; } .map-popup-price { margin: 5px 0 0; } .map-popup-text { clear: right; padding: 20px; text-align: left; word-wrap: break-word; } .map-popup-only-text { border-top: 1px solid #eee; } /* Common styles for: Remember Me Popup and MAP Popup %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .remember-me-popup, .map-popup { background: #fff; text-align: left; } .remember-me-popup-head, .map-popup-heading { border-bottom: 1px solid #e5e5e5; padding: 15px 45px 15px 20px; } .remember-me-popup-head h3, .map-popup-heading h2 { margin: 0; font-size: 16px; } .remember-me-popup-body, .map-popup-content { padding: 20px; } .remember-me-popup-head .remember-me-popup-close, /* Only the "close" button in the header */ .map-popup-close { display: block; position: absolute; top: 16px; right: 16px; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .calendar { z-index: 200; } .calendar .button { display: table-cell; /* Fix conflict with standard buttons */ } .calendar thead .hilite { /* How do the buttons in header appear when hover */ border: none; } .calendar thead .active { /* Active (pressed) buttons in header */ border: none; } .calendar tbody td.active { /* Active (pressed) cells */ padding: 2px 4px 2px 2px; border: none; color: crimson; } .calendar tbody td.selected { /* Cell showing selected date */ padding: 2px 4px 2px 2px; border: none; background-color: #eee; } .calendar tbody td.hilite { /* Hovered cells */ padding: 2px 4px 2px 2px; border: none; background-color: #fff; color: red; } /* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-container, .footer-container2, .footer-container3 { background-repeat: repeat; background-position: center top; background-attachment: scroll; } .footer { margin: 0 auto; padding: 0; text-align: left; } .footer .item-left { float: left; margin-right: 20px; } .footer .item-right { float: right; margin-left: 20px; } /* Footer elements */ .footer .heading, #subscribe-form label { margin-bottom: 0.625em; font-size: 1.3333em; font-weight: normal; } /* Footer top %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-top { } /* Footer primary %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-primary { } /* Primary footer additional -------------------------------------------------------------- */ .footer-primary-top-spacing { border-bottom: 1px solid; border-color: #eee; border-color: rgba(0, 0, 0, 0.05); padding-bottom: 20px; margin-bottom: 10px; } .footer-primary-bottom-spacing { border-top: 1px solid; border-color: #eee; border-color: rgba(0, 0, 0, 0.05); padding-top: 20px; margin-top: 10px; } /* Newsletter form -------------------------------------------------------------- */ #subscribe-form { } #subscribe-form form { display: block; } #subscribe-form label { float: left; margin: 0 5px 0 0; line-height: 36px; font-weight: normal; position: relative; } #subscribe-form .input-box { float: left; margin: 0 5px 5px 0; position: relative; } #subscribe-form .input-box .validation-advice { padding: 10px 0; margin: 0; width: 140%; position: absolute; top: -103%; left: -20%; text-align: center; background-color: #fff; background-color: rgba(255, 255, 255, 0.9); z-index: 1; } #subscribe-form .input-text { float: left; width: auto; } #subscribe-form .input-text.validation-failed { } #subscribe-form .button { float: left; } /* Social services -------------------------------------------------------------- */ .social-links a > span.icon { display: inline-block; } /* For backward compatibility */ .social-links span.icon, .social-links .ib { margin-bottom: 3px; } /* Other elements -------------------------------------------------------------- */ .footer-copyright { font-size: 11px; line-height: 16px; margin: 4px 0; } /* Scroll to top button -------------------------------------------------------------- */ #scroll-to-top { display: none; position: fixed; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 32px; bottom: 56px; right: 30px; z-index: 9999; border-radius: 50%; background-image: none !important; } #scroll-to-top:hover { background-color: #333; } /* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clears */ .clearfix:after, .configurable-swatch-list:after, .product-view .product-options .swatch-attr:after { content: ''; display: table; clear: both; } /* General Swatch Styling -------------------------------------------------------------- */ .swatch-link, .swatch-label { display: block; border-radius: 0; font-size: 14px; text-align: center; color: #636363; text-decoration: none; box-sizing: content-box; } .swatch-link { border: 1px solid #ccc; margin: 0 0 3px; } .swatch-link img { border-radius: 0; } .swatch-link:hover { cursor: pointer; text-decoration: none; } .swatch-link .x { display: none; text-indent: -999em; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/bg_x.png) center no-repeat transparent; z-index: 10; } .swatch-link.has-image .swatch-label { position: relative; } .swatch-link.has-image img { position: absolute; top: 0; left: 0; } .swatch-label { border: 1px solid #fff; margin: 0; white-space: nowrap; background: #f4f4f4; } /* Configurable swatch list -------------------------------------------------------------- */ .configurable-swatch-list { zoom: 1; clear: both; -webkit-transform: translateZ(0px); } .configurable-swatch-list li { float: left; zoom: 1; margin: 0 0 0 3px; } .products-grid .configurable-swatch-list li { display: inline-block; float: none; margin: 0; vertical-align: top; } .configurable-swatch-list .not-available .x { display: block; } .configurable-swatch-list .not-available .swatch-link { border-color: #ededed; position: relative; } .configurable-swatch-list .not-available .swatch-link.has-image img { opacity: 0.4; filter: alpha(opacity=40); } .configurable-swatch-list .not-available .swatch-label { color: #aaa; background: #fff; } .configurable-swatch-list .wide-swatch .swatch-label { padding: 0 6px; } .configurable-swatch-list .not-available a:focus { outline: 0; } /* In layered navigation -------------------------------------------------------------- */ #narrow-by-list dd .configurable-swatch-list li { margin: 0 0 0 3px; width: 47%; } #narrow-by-list dd .swatch-link { border: none; line-height: 25px; margin-right: 2px; text-align: left; } #narrow-by-list dd .swatch-link.has-image { line-height: inherit; } #narrow-by-list dd .swatch-link:hover .swatch-label { border-color: #000; } #narrow-by-list dd .swatch-label { background: #f4f4f4; border: 1px solid #cccccc; border-radius: 0; display: block; float: left; line-height: 1.5em; margin: 0 5px 0 0; padding: 1px 5px; white-space: nowrap; } #narrow-by-list dd .swatch-label img { border: 1px solid #fff; border-radius: 0; box-sizing: content-box; } #narrow-by-list dd .has-image .swatch-label { padding: 0; } /* Remove list arrow */ .block-layered-nav dd .configurable-swatch-list li, .block-layered-nav .currently ol.configurable-swatch-list li { background: none; padding-left: 0; } .block-layered-nav dd .configurable-swatch-list > li > a::before { display: none; } /* In layered navigation - current filter -------------------------------------------------------------- */ .currently .swatch-current { position: relative; } .currently .swatch-current .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; } .currently .swatch-current span { display: block; float: left; } .currently .swatch-link { display: inline-block; margin: 0 0 0 3px; } .currently .swatch-link:hover { border-color: #cccccc; cursor: default; } /* Other Swatch States -------------------------------------------------------------- */ .configurable-swatch-list .hover .swatch-link, .configurable-swatch-list .selected .swatch-link, .swatch-link:hover { border-color: #000; } .configurable-swatch-box { background: none !important; } .configurable-swatch-box select.swatch-select { display: none; } .configurable-swatch-box .validation-advice { margin: 0 0 5px; background: #df280a; padding: 2px 5px !important; font-weight: bold; color: #fff !important; float: left; display: block; border-radius: 0; /*3px;*/ } /* Product page swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .product-options .swatch-attr { float: none; display: block; clear: both; border: 0; } .product-view .product-options .swatch-attr label, .product-view .product-options .swatch-attr .select-label { font-size: 12px; } .product-view .product-options .swatch-attr label { display: block; } .product-view .product-options .swatch-attr .select-label { display: inline; font-weight: normal; padding-left: 5px; } .product-view .product-options dd .input-box { width: auto; height: auto; } .product-view .product-options .select-label { display: none; } .product-view .add-to-cart button.out-of-stock { background-position: -80px -362px; cursor: default; } /* Gallery %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-image-gallery { /*position: relative;*/ } .product-image-gallery .gallery-image { display: none !important; } .product-image-gallery .gallery-image.visible { display: block !important; } .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } /* Overlay and spinner */ .product-image-gallery:before, .product-image-gallery:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .product-image-gallery:before { background-color: white; opacity: 0.8; z-index: 2; } .product-image-gallery:after { background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/opc-ajax-loader.gif); background-repeat: no-repeat; background-position: center; z-index: 3; } .product-image-gallery.loading { position: relative; } .product-image-gallery.loading:before, .product-image-gallery.loading:after { display: block; } /* Mark for required product options (next to option label) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ label.required:after, span.required:after { content: ' *'; color: #EE001C; font-weight: normal; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 12px; } label.required em, span.required em { display: none; } /* CMS pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home page */ body.cms-index-index .breadcrumbs { display: none; } /* Magento widgets %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .widget-new-products .products-grid .item, .widget-viewed .products-grid .item, .widget-compared .products-grid .item { float: left; max-width: 165px; padding: 0 10px 15px; } .widget-new-products .products-list, .widget-viewed .products-list, .widget-compared .products-list { list-style-type: none; padding: 0; } .widget-new-products .products-list .product-image, .widget-viewed .products-list .product-image, .widget-compared .products-list .product-image { float: left; } /* Static block added via widget. Add "div" to make the rule more specific. */ .sidebar div.widget-static-block { margin-bottom: 10px; } /* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .clear { clear: both; font-size: 0; line-height: 0; height: 0; } /* Additional simple clearing */ .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .breadcrumbs:after, .product-type-data .item-options:after, .my-account .order-info:after, .mini-cart .mini-cart-content .mini-products-list li.item:after, .block-related-thumbnails .product:after, .cart .crosssell:after, .data-table .item-options:after, .section-line:after, .section-title:after { display: block; content: ""; clear: both; } /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magento.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2014 X.commerce, Inc. (http://www.magento.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; } .widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; } .widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; } .widget .mini-products-images-list li.item { float:left; width:77px; height:77px; } /* Widget: Catalog New Proructs List */ .widget-new-products { display:block; } .col-main .widget-new-products { margin:7px 0; } .widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image { width:85px; height:85px; } .widget-new-products .products-list .product-shop { margin-left:100px; } .sidebar .widget-new-products .block { font-size:11px; line-height:1.25; } .sidebar .widget-new-products .block-title strong { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; } /* Widget: Recently Viewed Proructs */ .widget-viewed { display:block; } .col-main .widget-viewed { margin:7px 0; } .widget-viewed .products-grid .product-image, .widget-viewed .products-list .product-image { width:85px; height:85px; } .widget-viewed .products-list .product-shop { margin-left:100px; } .sidebar .widget-viewed .block { font-size:11px; line-height:1.25; } .sidebar .widget-viewed .block-title strong { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: Recently Compared Proructs */ .widget-compared { display:block;} .col-main .widget-compared { margin:7px 0; } .widget-compared .products-grid .product-image, .widget-compared .products-list .product-image { width:85px; height:85px; } .widget-compared .products-list .product-shop { margin-left:100px; } .sidebar .widget-compared .block { font-size:11px; line-height:1.25; } .sidebar .widget-compared .block-title strong { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; } /* Widget: CMS Static Block */ .widget-static-block {} .sidebar .widget-static-block { display:block; margin:0 0 15px; } /* Widgets: Links Common Styles */ .top-container .widget a { padding:0 0 0 7px; } .bottom-container .widget a { padding:0 3px; } /* Widget: Catalog Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-product-link a { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: Catalog Category Link */ .widget-category-link-inline { display:inline; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-category-link a { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* Widget: CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; } .sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; } .sidebar .widget-cms-link a { background:url(https://grandway.com.ua/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ #srka-product-review-list { width: 338px; padding-top: 10px; } #srka-product-review-list .srka-rating-code { padding: 3px 0; } #srka-product-review-list .srka-rating-code .label { min-width: 100px; display: block; float: left; color: #333; } #srka-product-review-list .srka-rating-code .options {} #srka-product-review-list .srka-rating-code .options li { display: block; float: left; margin-top: 2px; } #srka-product-review-list .srka-rating-code .options li .option { display: block; width: 14px; height: 13px; background: url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/bkg_rating.gif) center top no-repeat; text-indent: -9999em; } #srka-product-review-list .srka-rating-code .options li .option.selected { background-position: center bottom; } /* * Accordions and collapsible blocks */ /* Accordion %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion { padding:0; margin:0; list-style-type:none; } .accordion ul { display:block; /*display:none;*/ float:left; width:100%; padding:0; margin:0; } .accordion li { float:left; display:block; width:100% !important; padding:0 !important; margin:0; list-style-type:none; cursor:pointer; position:relative; } .accordion li a { display:block; padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } .accordion li li a { padding-left:20px; } .accordion li li li a { padding-left:40px; } .accordion li li li li a { padding-left:60px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion li.parent > a { padding-right:54px; } /* Opener -------------------------------------------------------------- */ .accordion .opener { position:absolute; right:0; top:0; display:block; cursor:pointer; text-align:center; width:49px; height:49px; line-height:49px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .accordion .opener:hover { background-color:rgba(0,0,0, 0.05); } /* Active */ .accordion li.item-active > .opener { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Padding -------------------------------------------------------------- */ .accordion-style1 li a { padding:5px 10px; } .accordion-style1 li li a { padding-left:20px; } .accordion-style1 li li li a { padding-left:35px; } .accordion-style1 li li li li a { padding-left:50px; } /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:33px; } /* Misc -------------------------------------------------------------- */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); font-size:1em; /*12px*/ line-height:1.5em; /*18px*/ } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Opener -------------------------------------------------------------- */ .accordion-style1 .opener { width:28px; height:28px; line-height:28px; /*background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small.png);*/ background-color:rgba(0,0,0, 0.03); } .accordion-style1 .opener:hover { background-color:rgba(0,0,0, 0.10); background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } /* Active */ /*.accordion-style1 li.item-active > .opener { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small-active.png); }*/ .accordion-style1 li.item-active > .opener:hover { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .collapsible .block-title { cursor: pointer; } .collapsible .block-title, .mobile-collapsible .block-title { padding-top:8px; /*padding-right:35px;*/ /* Rremoved space for opener */ padding-bottom:8px; border-bottom:1px solid #f2f2f2; border-color:rgba(0,0,0, 0.05); margin-bottom:0.625em; /*10px*/ font-size:1.3333em; /*16px*/ line-height:1.25em; /*20px*/ font-weight:normal; } .collapsible .block-content, .collapsible .block-content > * { margin-top:0; /* Prevent animation jumping */ } /* Deprecated: opener -------------------------------------------------------------- */ .collapsible .opener { position:absolute; right:0; top:2px; display:block; cursor:pointer; text-align:center; width:30px; height:30px; line-height:30px; background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png); background-position:center center; background-repeat:no-repeat; background-color:#f2f2f2; /*IE*/ background-color:rgba(0,0,0, 0.05); } .collapsible .opener:hover { background-color:#e5e5e5; /*IE*/ background-color:rgba(0,0,0, 0.1); background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png); } .collapsible.active .opener { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } .collapsible.active .opener:hover { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png); } /* Category blocks %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-block { margin-top: 1%; margin-bottom: 1%; } .nav-block--center { margin-top: 1%; margin-bottom: 1%; } /* Section line (separator) is lighter than other lines -------------------------------------------------------------- */ .nav-block .section-line { border-color: #eee; } /* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown -------------------------------------------------------------- */ #nav .nav-custom-link .header-nav-dropdown-wrapper .heading { margin: 10px 0; } /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .caret { display: inline-block; width: 0; height: 0; margin-bottom: 2px; margin-left: 2px; vertical-align: middle; content: ""; border-color: #333 transparent transparent; border-style: solid solid none; border-width: 4px 4px 0; } /* Only items with dropdown display the caret */ .nav-regular .caret { visibility: hidden; opacity: 0; } .nav-regular .nav-item--parent > a .caret { visibility: hidden; opacity: 0; -webkit-transition: visibility .15s ease .35s , opacity .15s ease .35s; transition: visibility .15s ease .35s, opacity .15s ease .35s; } .nav-regular .nav-item--parent:hover > a .caret { visibility: visible; opacity: 1; } /* Carets inside dropdowns - right side caret */ .nav-regular .nav-panel a .caret { border-color: transparent transparent transparent #333; border-style: solid none solid solid; border-width: 4px 0 4px 4px; margin-left: 5px; } /* Home link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Home link with icon inside a menu item -------------------------------------------------------------- */ /* Class "feature" inside an item */ .nav-regular .nav-item--home .ic { display: inline-block; font-size: 16px; padding: 0; width: 30px; text-align: center; vertical-align: middle; float: none; background-color: transparent !important; } /* Single icon as a home link -------------------------------------------------------------- */ #nav .nav-item--homeicon a { padding-left: 17px; /* The same as side padding of top-level items +5px */ padding-right: 5px; background: none !important; box-shadow: none !important; border: none !important; opacity: 1; -webkit-transition: opacity 450ms ease-in-out; transition: opacity 450ms ease-in-out; } #nav .nav-item--homeicon a:hover { opacity: 0.6; -webkit-transition-duration: 100ms; transition-duration: 100ms; } /* Category labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .cat-label { padding: 2px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 18px; text-transform: none; text-shadow: none; -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } li > a:hover > span > .cat-label { -webkit-transition-duration: 100ms; transition-duration: 100ms; } /* labels: 1st level -------------------------------------------------------------- */ li.level0 > a > span { position: relative; } li.level0 > a > span > .cat-label { position: absolute; top: -10px; right: 0; padding: 0 6px; font-size: 14px; line-height: 22px; } /* Add pin (1st level only) */ li.level0 > a > span > .pin-bottom:before { position: absolute; right: 6px; top: 22px; width: 0; height: 0; content: ""; border-style: solid; border-width: 4px; border-color: transparent; -webkit-transition: border-color 450ms ease-in-out; transition: border-color 450ms ease-in-out; } li.level0 > a:hover > span > .pin-bottom:before { -webkit-transition-duration: 100ms; transition-duration: 100ms; } /* labels: 2nd level -------------------------------------------------------------- */ li.level1 > a > span > .cat-label { display: inline-block !important; padding: 0 4px; margin-left: 5px; vertical-align: middle; } /* labels: 3rd level -------------------------------------------------------------- */ li.level2 > a > span > .cat-label { display: inline-block !important; padding: 0 4px; margin-left: 2px; } /* Category labels inside mobile menu / vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-mobile li > a > span > .cat-label { position: static; display: inline-block !important; padding: 0 4px; margin-left: 5px; font-size: 14px; line-height: 18px; } /* Hide pin */ .nav-mobile li > a > span > .pin-bottom:before { display: none; } /* Non-clickable links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav a.no-click { cursor: default; } /* Remove highlight color on tap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav, .mobnav-trigger, .nav-regular .nav-item.level0 > a { -webkit-tap-highlight-color: transparent; } /* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #nav { position: relative; /* Dropdown box position is relative to this container */ z-index: 700; /* Without this dropdown goes under other elements */ -webkit-transform: translateZ(0); /* Fix possible glitches during animation */ } #nav.nav-mobile { display: none; } #nav.nav-mobile.show { display: block; } /* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Height of the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Top-level items and mobile menu trigger */ .mobnav-trigger, .nav-regular .nav-item.level0 > a { line-height: 50px; } /* Additional classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu items centered within the menu bar -------------------------------------------------------------- */ .nav-regular.centered { text-align: center; } .nav-regular.centered li.level0 { float: none; display: inline-block; } .nav-regular.centered li.level0.right, .nav-regular.centered li.level0.left { float: none !important; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Openers */ .nav-regular .opener { display: none; } /* Hide elements */ .nav-regular .hide-in-desktop-menu { display: none !important; } /* Holder for additional elements in the menu bar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Important: added "#nav" id to make the rule more specific and override the default float direction */ #nav .nav-holder { float: right; } .nav-holder > * { display: block; } /* Drop-downs -------------------------------------------------------------- */ .nav-holder .dropdown .dropdown-heading .label { vertical-align: baseline; } /* Search box -------------------------------------------------------------- */ /* Common styles for search box in holder, wehn it's displayed inisde menu bar and inside mobile menu trigger. Important: added "ul.nav-regular" and ".header-regular" to make both rules more specific. */ ul.nav-regular .nav-holder .search-wrapper, .header-regular .nav-holders-wrapper-mobile .nav-holder .search-wrapper { width: inherit; /* Important: to avoid stretching the box to 100% */ float: none !important; display: inline-block; vertical-align: middle; padding-left: 7px; max-width: none; margin: 0; } ul.nav-regular .nav-holder .search-wrapper .input-text, .header-regular .nav-holders-wrapper-mobile .nav-holder .search-wrapper .input-text { /* To center the search box vertically */ margin-bottom: 1px; } /* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger. Shares style with the 1st-level links from the standard menu. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Mobile menu trigger -------------------------------------------------------------- */ .mobnav-trigger { display: block; padding: 0 15px; } /* Mobile menu icon */ .mobnav-trigger .trigger-icon { display: block; float: left; width: 23px; padding-top: 18px; margin: 0 8px 0 0; } .mobnav-trigger .trigger-icon .line { display: block; background-color: #fff; height: 3px; margin-bottom: 2px; } /* Mobile menu trigger wrapper -------------------------------------------------------------- */ .mobnav-trigger-wrapper { display: none; } /* If trigger is next to the holders wrapper, make it float left */ .nav-holders-wrapper-mobile + .mobnav-trigger { float: left; } /* Wrapper of the menu holders. Holders are moved inside this wrapper when the menu is in the mobile mode. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-holders-wrapper-mobile { float: right; } .nav-holders-wrapper-mobile .nav-holder { float: right; } .nav-holders-wrapper-mobile .nav-holder > * { line-height: 50px; /* The same height as height of the mobile menu items and mobile menu trigger */ max-height: 50px; } /* Common styles with mobile menu trigger -------------------------------------------------------------- */ .mobnav-trigger, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading { font-size: 14px; } /* Drop-downs -------------------------------------------------------------- */ /* Set max height (the same as height of the mobile menu items and mobile menu trigger) to avoid issues with excessive height of the dropdown elements */ .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading { max-height: 50px; line-height: 50px; } .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading.cover > span, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading.cover > div { padding: 0 15px; } /* Drop-downs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Drop-downs inside mobile menu */ .nav-mobile .nav-panel--dropdown { /* To override width which can be added to dropdowns of the regular menu */ width: 100% !important; /* Reset of dropdown's inline positioning */ left: 0 !important; top: 0 !important; } /* Remove background color of dropdown in items containing only subcategories */ .nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown { background-color: transparent !important; } /* Show category blocks on selected levels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide blocks on all levels */ .nav-mobile .nav-block { display: none; } /* Structure of the selectors below: menu.modifier [level] item > panel > innerPanel > categoryBlocks */ /* Show on 0 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb0 .nav-item > div { box-shadow: none; background-color: transparent !important; } /* Remove dropdown shadow and background color */ .nav-mobile.opt-sb0 .nav-item > div > div { padding: 0 !important; } /* Remove padding of inner panel */ .nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } /* Stretch the central column */ .nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks { display: none; } /* Show on 1 level -------------------------------------------------------------- */ .nav-mobile.opt-sb1 li.level0 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div { box-shadow: none; background-color: transparent !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks { display: none; } /* Show on 2 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb2 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb2 li.level1 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div { box-shadow: none; background-color: transparent !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks { display: none; } /* Show on 3 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb3 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb3 li.level2 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div { box-shadow: none; background-color: transparent !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks { display: none; } /* Show on 4 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb4 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb4 li.level3 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div { box-shadow: none; background-color: transparent !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks { display: none; } /* Show on 5 levels -------------------------------------------------------------- */ .nav-mobile.opt-sb5 li.level0 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level1 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level2 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level3 > div > div > .nav-block, .nav-mobile.opt-sb5 li.level4 > div > div > .nav-block { display: block; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div { box-shadow: none; background-color: transparent !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div { padding: 0 !important; } .nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center { margin: 0; width: 100%; } .nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks { display: none; } /* Other elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Carets -------------------------------------------------------------- */ .nav-mobile .caret { display: none !important; } /* Home link -------------------------------------------------------------- */ .nav-mobile .nav-item--home { display: none !important; } /* Hide elements -------------------------------------------------------------- */ .nav-mobile .hide-in-mobile-menu { display: none !important; } /* Hide containers for additional elements -------------------------------------------------------------- */ .nav-mobile .nav-holder { display: none !important; } /* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Other modules/components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Item sliders -------------------------------------------------------------- */ .nav .itemslider { margin-top: 0; margin-bottom: 0; } .nav .itemslider .item { padding-top: 5px; padding-bottom: 0; } .nav .itemslider .product-name a { display: inline-block; } .nav .itemslider .product-name { margin-top: 8px; } /** * Mobile menu accordion */ .acco { list-style-type: none; } .acco li.nav-item { list-style-type: none; display: block; float: left; width: 100% !important; /* Use "!important" to override grid units styling */ padding: 0 !important; margin: 0 !important; position: relative; /* For opener positioning */ } .acco ul.nav-panel { display: block; float: left; width: 100%; padding: 0; margin: 0; } /* Items %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Space for openner if item has children. Space has to be a few pixels wider than openner */ .acco li.parent > a { padding-right: 54px; } /* All levels -------------------------------------------------------------- */ .acco .nav-item > a { display: block; padding: 15px 10px; /* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */ font-size: 16px; /*1.3333em*/ line-height: 19px; /*1.125em*/ } /* Level 1 -------------------------------------------------------------- */ .acco li.level0 > a { font-size: 18px; text-transform: uppercase; } /* Level 2 -------------------------------------------------------------- */ .acco li.level1 > a { padding-left: 30px; font-size: 16px; text-transform: uppercase; } /* Level 3 -------------------------------------------------------------- */ .acco li.level2 > a { padding-left: 50px; font-size: 16px; text-transform: none; } /* Level 4 -------------------------------------------------------------- */ .acco li.level3 > a { padding-left: 70px; font-size: 14px; text-transform: none; } /* Level 5+ -------------------------------------------------------------- */ .acco li.level3 .nav-item > a { padding-left: 90px; font-size: 12px; text-transform: none; } /* Opener %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .acco .opener { position: absolute; right: 0; top: 0; display: block; cursor: pointer; text-align: center; width: 49px; height: 49px; line-height: 49px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat; } .acco .opener:hover { background-color: rgba(0, 0, 0, 0.05); } /* Active */ .acco li.item-active > .opener { background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png); } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtYWNjb3JkaW9uLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNIO0VBQ0Usc0JBQXNCLEVBQUU7O0FBRTFCO0VBQ0Usc0JBQXNCO0VBQ3RCLGVBQWU7RUFDZixZQUFZO0VBQ1osdUJBQXVCO0VBQ3ZCLHFEQUFxRDtFQUNyRCxzQkFBc0I7RUFDdEIscUJBQXFCO0VBQ3JCLG1CQUFtQjtFQUNuQiw0QkFBNEIsRUFBRTs7QUFFaEM7RUFDRSxlQUFlO0VBQ2YsWUFBWTtFQUNaLFlBQVk7RUFDWixXQUFXO0VBQ1gsVUFBVSxFQUFFOztBQUVkOztFQUVFO0FBQ0YsNkZBQTZGO0FBQzdGO0VBQ0Usb0JBQW9CLEVBQUU7O0FBRXhCO2lFQUNpRTtBQUNqRTtFQUNFLGVBQWU7RUFDZixtQkFBbUI7RUFDbkIsZ0lBQWdJO0VBQ2hJLGdCQUFnQjtFQUNoQixZQUFZO0VBQ1osa0JBQWtCO0VBQ2xCLFdBQVcsRUFBRTs7QUFFZjtpRUFDaUU7QUFDakU7RUFDRSxnQkFBZ0I7RUFDaEIsMEJBQTBCLEVBQUU7O0FBRTlCO2lFQUNpRTtBQUNqRTtFQUNFLG1CQUFtQjtFQUNuQixnQkFBZ0I7RUFDaEIsMEJBQTBCLEVBQUU7O0FBRTlCO2lFQUNpRTtBQUNqRTtFQUNFLG1CQUFtQjtFQUNuQixnQkFBZ0I7RUFDaEIscUJBQXFCLEVBQUU7O0FBRXpCO2lFQUNpRTtBQUNqRTtFQUNFLG1CQUFtQjtFQUNuQixnQkFBZ0I7RUFDaEIscUJBQXFCLEVBQUU7O0FBRXpCO2lFQUNpRTtBQUNqRTtFQUNFLG1CQUFtQjtFQUNuQixnQkFBZ0I7RUFDaEIscUJBQXFCLEVBQUU7O0FBRXpCOztFQUVFO0FBQ0Y7RUFDRSxtQkFBbUI7RUFDbkIsU0FBUztFQUNULE9BQU87RUFDUCxlQUFlO0VBQ2YsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQixZQUFZO0VBQ1osYUFBYTtFQUNiLGtCQUFrQjtFQUNsQiwrRkFBK0YsRUFBRTs7QUFFbkc7RUFDRSxzQ0FBc0MsRUFBRTs7QUFFMUMsWUFBWTtBQUNaO0VBQ0Usb0ZBQW9GLEVBQUUiLCJmaWxlIjoiaW5mb3J0aXMvdWx0cmEtbWVnYW1lbnUvbWVudS1hY2NvcmRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBNb2JpbGUgbWVudSBhY2NvcmRpb25cbiAqL1xuLmFjY28ge1xuICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7IH1cblxuLmFjY28gbGkubmF2LWl0ZW0ge1xuICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBmbG9hdDogbGVmdDtcbiAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgLyogVXNlIFwiIWltcG9ydGFudFwiIHRvIG92ZXJyaWRlIGdyaWQgdW5pdHMgc3R5bGluZyAqL1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gIG1hcmdpbjogMCAhaW1wb3J0YW50O1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIC8qIEZvciBvcGVuZXIgcG9zaXRpb25pbmcgKi8gfVxuXG4uYWNjbyB1bC5uYXYtcGFuZWwge1xuICBkaXNwbGF5OiBibG9jaztcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICBtYXJnaW46IDA7IH1cblxuLyogSXRlbXNcbiUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlXG4qL1xuLyogU3BhY2UgZm9yIG9wZW5uZXIgaWYgaXRlbSBoYXMgY2hpbGRyZW4uIFNwYWNlIGhhcyB0byBiZSBhIGZldyBwaXhlbHMgd2lkZXIgdGhhbiBvcGVubmVyICovXG4uYWNjbyBsaS5wYXJlbnQgPiBhIHtcbiAgcGFkZGluZy1yaWdodDogNTRweDsgfVxuXG4vKiBBbGwgbGV2ZWxzXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuLmFjY28gLm5hdi1pdGVtID4gYSB7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwYWRkaW5nOiAxNXB4IDEwcHg7XG4gIC8qIFNldCBkZWZhdWx0IGxpbmUgaGVpZ2h0IGluIHBpeGVscyBiZWNhdXNlIGZvbnQgc2l6ZSB3aWxsIGJlIGNoYW5nZWQgdmlhIGFkbWluIChhbmQgdGhhdCB3b3VsZCBhbHNvIGNoYW5nZSB0aGUgbGluZSBoZWlnaHQpICovXG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgLyoxLjMzMzNlbSovXG4gIGxpbmUtaGVpZ2h0OiAxOXB4O1xuICAvKjEuMTI1ZW0qLyB9XG5cbi8qIExldmVsIDFcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG4uYWNjbyBsaS5sZXZlbDAgPiBhIHtcbiAgZm9udC1zaXplOiAxOHB4O1xuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlOyB9XG5cbi8qIExldmVsIDJcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG4uYWNjbyBsaS5sZXZlbDEgPiBhIHtcbiAgcGFkZGluZy1sZWZ0OiAzMHB4O1xuICBmb250LXNpemU6IDE2cHg7XG4gIHRleHQtdHJhbnNmb3JtOiB1cHBlcmNhc2U7IH1cblxuLyogTGV2ZWwgM1xuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cbi5hY2NvIGxpLmxldmVsMiA+IGEge1xuICBwYWRkaW5nLWxlZnQ6IDUwcHg7XG4gIGZvbnQtc2l6ZTogMTZweDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7IH1cblxuLyogTGV2ZWwgNFxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cbi5hY2NvIGxpLmxldmVsMyA+IGEge1xuICBwYWRkaW5nLWxlZnQ6IDcwcHg7XG4gIGZvbnQtc2l6ZTogMTRweDtcbiAgdGV4dC10cmFuc2Zvcm06IG5vbmU7IH1cblxuLyogTGV2ZWwgNStcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG4uYWNjbyBsaS5sZXZlbDMgLm5hdi1pdGVtID4gYSB7XG4gIHBhZGRpbmctbGVmdDogOTBweDtcbiAgZm9udC1zaXplOiAxMnB4O1xuICB0ZXh0LXRyYW5zZm9ybTogbm9uZTsgfVxuXG4vKiBPcGVuZXJcbiUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlXG4qL1xuLmFjY28gLm9wZW5lciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgcmlnaHQ6IDA7XG4gIHRvcDogMDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB3aWR0aDogNDlweDtcbiAgaGVpZ2h0OiA0OXB4O1xuICBsaW5lLWhlaWdodDogNDlweDtcbiAgYmFja2dyb3VuZDogdXJsKC4uLy4uLy4uL2ltYWdlcy9pbmZvcnRpcy9fc2hhcmVkL2FjY29yZGlvbi9vcGVuZXIucG5nKSBjZW50ZXIgY2VudGVyIG5vLXJlcGVhdDsgfVxuXG4uYWNjbyAub3BlbmVyOmhvdmVyIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjA1KTsgfVxuXG4vKiBBY3RpdmUgKi9cbi5hY2NvIGxpLml0ZW0tYWN0aXZlID4gLm9wZW5lciB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi8uLi8uLi9pbWFnZXMvaW5mb3J0aXMvX3NoYXJlZC9hY2NvcmRpb24vb3BlbmVyLWFjdGl2ZS5wbmcpOyB9XG4iXSwic291cmNlUm9vdCI6Ii9zb3VyY2UvIn0= */ /** * Main menu dropdown boxes */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-item { text-align: left; } .nav-regular .nav-item > a { display: block; text-decoration: none; } /* Level 1 only -------------------------------------------------------------- */ .nav-regular li.level0 { float: left; } #nav-left.nav-regular li.level0 { float: none; } .nav-regular li.level0 > a { padding: 0 12px; } .nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; } /* Top-level item on hover: pull up the link above the dropdown */ .nav-regular li.level0:hover > a { z-index: 801; position: relative; } /* Caret */ .nav-regular li.level0 > a .caret { opacity: 0.3; } .nav-regular li.level0.active > a .caret { opacity: 1; } .nav-regular li.level0:hover > a .caret { opacity: 1; } /* Dropdowns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .nav-panel--dropdown { visibility: hidden; opacity: 0; position: absolute; top: 0; z-index: 800; background-color: #fff; -webkit-transition: visibility .15s ease .35s , opacity .15s ease .35s; transition: visibility .15s ease .35s, opacity .15s ease .35s; } .nav-regular .nav-panel--dropdown.tmp-full-width, .nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown, .sticky-header .first-regular:hover .nav-panel--dropdown.level0 { visibility: visible; opacity: 1; } /* Inner wrapper of the dropdown (for additional padding etc.) -------------------------------------------------------------- */ #nav .nav-panel-inner { padding: 23px; } /* Required value in pixels to keep padding consistent in different dropdowns */ #nav .nav-panel-inner:before, #nav .nav-panel-inner:after { display: table; line-height: 0; content: ""; } #nav .nav-panel-inner:after { clear: both; } /* Full width dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .nav-regular .nav-panel.full-width { width: 100%; } /* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .mega > .nav-panel--dropdown { margin: 0; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.mega { position: relative; } /* Container of the dropdown has to be relative (only on levels 2+) */ .nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown { display: block; left: 60px; top: 0; } /* Inside mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align submenu's content (grid) with the submenu */ .nav-regular .nav-submenu--mega { margin-left: -1%; margin-right: -1%; } /* Inside mega dropdown, level 1: item -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li { display: inline-block; float: none; vertical-align: top; padding-top: 0; padding-bottom: 5px; } .nav-regular .nav-submenu--mega > li > a { font-size: 16px; line-height: 1.25em; /*20px*/ } /* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */ .nav-regular .nav-submenu--mega > li.parent > a { margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li.nav-item--parent > a { margin-bottom: 0; } /* Inside mega dropdown, level 1: submenu -------------------------------------------------------------- */ /* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item). Also, add bottom margin to panel, but romove it if it's a dropdown. */ .nav-regular .nav-submenu--mega > li > .nav-panel { position: static; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-panel--dropdown { position: absolute; margin-bottom: 0; } /* Inside mega dropdown, level 1: category blocks -------------------------------------------------------------- */ .nav-regular .nav-submenu--mega > li > .nav-block--top { margin-top: 0; margin-bottom: 10px; } .nav-regular .nav-submenu--mega > li > .nav-block--bottom { margin-top: 10px; margin-bottom: 0; } /* Inside mega dropdown, level 2: item -------------------------------------------------------------- */ /* List bullets */ .nav-regular .nav-submenu--mega > li > ul > li { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat; padding-left: 15px; -webkit-transition: background-position 150ms ease-out; transition: background-position 150ms ease-out; } .nav-regular .nav-submenu--mega > li > ul > li:hover { background-position: 6px 6px; } /* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */ .nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li { background: none; padding-left: 0; } /* Other */ .nav-regular .nav-submenu--mega > li > ul > li > a { line-height: 1.6666em; } /* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Level 2+ -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; } .nav-regular .nav-panel--dropdown > li > a .caret { float: right; margin-top: 6px; } /* Dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels -------------------------------------------------------------- */ .nav-regular .classic > .nav-panel--dropdown { margin: 0; padding: 20px; width: 16em; min-width: 12em; } /* Level 2+ -------------------------------------------------------------- */ .nav-regular .nav-panel li.classic { position: relative; } /* Container of the dropdown has to be relative */ .nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown { left: 60px; top: 0; } /* If classic dropdown is on the 1 level of mega dropdown, change positioning */ .nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown { left: 60px; top: 20px; } /* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* If submenu has to be displayed not as a dropdown, but as a simple list (with slight left indent) */ /* List bullets */ .nav-regular .simple > ul { margin-top: 5px; margin-bottom: 5px; } .nav-regular .simple > ul > li { background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet-mini.png) 3px 5px no-repeat; padding-left: 15px; -webkit-transition: background-position 150ms ease-out; transition: background-position 150ms ease-out; } .nav-regular .simple > ul > li:hover { background-position: 6px 5px; } .nav-regular .simple > ul > li > a { opacity: 0.6; -webkit-transition: opacity 150ms ease-out; transition: opacity 150ms ease-out; } .nav-regular .simple:hover > ul > li > a { opacity: 1; } /* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dd-itemgrid > .nav-item { float: left; padding-left: 1%; padding-right: 1%; } /* Itemgrid: different numbers of columns -------------------------------------------------------------- */ /* Clear first item in each row (row: group of n items) */ /* Item grid: 1 column */ .dd-itemgrid-1col > .nav-item { width: 98%; } /* Item grid: 2 columns */ .dd-itemgrid-2col > .nav-item { width: 48%; } .dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear: left; } /* Item grid: 3 columns */ .dd-itemgrid-3col > .nav-item { width: 31.3333%; } .dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear: left; } /* Item grid: 4 columns */ .dd-itemgrid-4col > .nav-item { width: 23%; } .dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear: left; } /* Item grid: 5 columns */ .dd-itemgrid-5col > .nav-item { width: 18%; } .dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear: left; } /* Item grid: 6 columns */ .dd-itemgrid-6col > .nav-item { width: 14.6666%; } .dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear: left; } /* Item grid: 7 columns */ .dd-itemgrid-7col > .nav-item { width: 12.2857%; } .dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear: left; } /* Item grid: 8 columns */ .dd-itemgrid-8col > .nav-item { width: 10.5%; } .dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear: left; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Fade -------------------------------------------------------------- */ /*.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown {*/ /*display: block;*/ /*left: -10000px;*/ /*opacity: 0;*/ /*-webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;*/ /*transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;*/ /*}*/ /*.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown {*/ /*opacity: 1;*/ /*-webkit-transition-delay: 50ms;*/ /*transition-delay: 50ms;*/ /*}*/ /** * Simple vertical menu (sidebar menu) */ .vertnav { float: left; width: 100%; } /* Number of products in category */ .vertnav .number { color: #aaa; margin-left: 3px; } /* Category labels inside vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* All levels */ .vertnav li > a > span > .cat-label { position: static; display: inline-block !important; padding: 0 4px; margin-left: 3px; /* Label size */ font-size: inherit; line-height: inherit; } /* Hide pin */ .vertnav li > a > span > .pin-bottom:before { display: none; } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtc2lkZWJhci5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSDtFQUNFLFlBQVk7RUFDWixZQUFZLEVBQUU7O0FBRWhCLG9DQUFvQztBQUNwQztFQUNFLFlBQVk7RUFDWixpQkFBaUIsRUFBRTs7QUFFckI7O0VBRUU7QUFDRixnQkFBZ0I7QUFDaEI7RUFDRSxpQkFBaUI7RUFDakIsaUNBQWlDO0VBQ2pDLGVBQWU7RUFDZixpQkFBaUI7RUFDakIsZ0JBQWdCO0VBQ2hCLG1CQUFtQjtFQUNuQixxQkFBcUIsRUFBRTs7QUFFekIsY0FBYztBQUNkO0VBQ0UsY0FBYyxFQUFFIiwiZmlsZSI6ImluZm9ydGlzL3VsdHJhLW1lZ2FtZW51L21lbnUtc2lkZWJhci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFNpbXBsZSB2ZXJ0aWNhbCBtZW51IChzaWRlYmFyIG1lbnUpXG4gKi9cbi52ZXJ0bmF2IHtcbiAgZmxvYXQ6IGxlZnQ7XG4gIHdpZHRoOiAxMDAlOyB9XG5cbi8qIE51bWJlciBvZiBwcm9kdWN0cyBpbiBjYXRlZ29yeSAqL1xuLnZlcnRuYXYgLm51bWJlciB7XG4gIGNvbG9yOiAjYWFhO1xuICBtYXJnaW4tbGVmdDogM3B4OyB9XG5cbi8qIENhdGVnb3J5IGxhYmVscyBpbnNpZGUgdmVydGljYWwgbWVudVxuJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSVcbiovXG4vKiBBbGwgbGV2ZWxzICovXG4udmVydG5hdiBsaSA+IGEgPiBzcGFuID4gLmNhdC1sYWJlbCB7XG4gIHBvc2l0aW9uOiBzdGF0aWM7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jayAhaW1wb3J0YW50O1xuICBwYWRkaW5nOiAwIDRweDtcbiAgbWFyZ2luLWxlZnQ6IDNweDtcbiAgLyogTGFiZWwgc2l6ZSAqL1xuICBmb250LXNpemU6IGluaGVyaXQ7XG4gIGxpbmUtaGVpZ2h0OiBpbmhlcml0OyB9XG5cbi8qIEhpZGUgcGluICovXG4udmVydG5hdiBsaSA+IGEgPiBzcGFuID4gLnBpbi1ib3R0b206YmVmb3JlIHtcbiAgZGlzcGxheTogbm9uZTsgfVxuIl0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */ @media only screen and (max-width: 319px) { .nav-mobile .nav-block { display: none !important; } .nav-mobile .nav-item > div.nav-panel--dropdown { box-shadow: none; background-color: transparent !important; } .nav-mobile .nav-item > div > div { padding: 0 !important; } .nav-mobile .nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; } .nav-mobile .nav-item.nav-item--only-blocks { display: none; } } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFkZGl0aW9uYWwuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0U7SUFDRSx5QkFBeUIsRUFBRTtFQUM3QjtJQUdFLGlCQUFpQjtJQUNqQix5Q0FBeUMsRUFBRTtFQUM3QztJQUNFLHNCQUFzQixFQUFFO0VBQzFCO0lBQ0UscUJBQXFCO0lBQ3JCLHVCQUF1QixFQUFFO0VBQzNCO0lBQ0UsY0FBYyxFQUFFLEVBQUUiLCJmaWxlIjoiaW5mb3J0aXMvdWx0cmEtbWVnYW1lbnUvYWRkaXRpb25hbC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDMxOXB4KSB7XG4gIC5uYXYtbW9iaWxlIC5uYXYtYmxvY2sge1xuICAgIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDsgfVxuICAubmF2LW1vYmlsZSAubmF2LWl0ZW0gPiBkaXYubmF2LXBhbmVsLS1kcm9wZG93biB7XG4gICAgLW1vei1ib3gtc2hhZG93OiBub25lO1xuICAgIC13ZWJraXQtYm94LXNoYWRvdzogbm9uZTtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7IH1cbiAgLm5hdi1tb2JpbGUgLm5hdi1pdGVtID4gZGl2ID4gZGl2IHtcbiAgICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7IH1cbiAgLm5hdi1tb2JpbGUgLm5hdi1pdGVtID4gZGl2ID4gZGl2ID4gLm5hdi1ibG9jay0tY2VudGVyIHtcbiAgICBtYXJnaW46IDAgIWltcG9ydGFudDtcbiAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50OyB9XG4gIC5uYXYtbW9iaWxlIC5uYXYtaXRlbS5uYXYtaXRlbS0tb25seS1ibG9ja3Mge1xuICAgIGRpc3BsYXk6IG5vbmU7IH0gfVxuIl0sInNvdXJjZVJvb3QiOiIvc291cmNlLyJ9 */ .webforms-callback label { width: 80px; display: inline-block} .webforms-callback { text-align: left;} .webforms-callback .field { margin-bottom: 10px;} .webforms-callback input.input-text { width: 264px;} .buttons-set { margin:0; padding: 0; border: none} div.layerednavigation-column { float: left; width: 83px; } select.layerednavigation-select { width: 170px; } .layerednavigation-logo { padding: 0 10px 10px 0; float: left; } .layerednavigation-featured { padding: 5px; } .layerednavigation-link { float: left; padding-left: 5px; padding-top: 5px; } .layerednavigation-clearer { display: block; clear: both; overflow: hidden; } div.block-layered-nav dd a { display: block; float: left; padding: 8px 0; } div.block-layered-nav dd a.layerednavigation-attr { padding-left: 45px; background: transparent url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/layerednavigation/layerednavigation-cb2.png) no-repeat left center; } div.block-layered-nav dd a.layerednavigation-attr-selected { font-weight: bold; padding-left: 45px; background: transparent url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/layerednavigation/layerednavigation-cb1.png) no-repeat left center; } div.block-layered-nav dd a img { float: left; } div.block-layered-nav dd li.layerednavigation-cat-level-2 { padding-left: 10px; } div.block-layered-nav dd li.layerednavigation-cat-level-3 { padding-left: 20px; } div.block-layered-nav dd a.layerednavigation-cat-selected { font-weight: bold; color: black; text-decoration: none; cursor: text; } div.block-layered-nav dd li span.layerednavigation-plusminus { float: left; display: block; width: 15px; height: 15px; cursor: pointer; background: transparent url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/layerednavigation/layerednavigation-plus.gif) no-repeat; } div.block-layered-nav dd li span.minus { background: transparent url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/layerednavigation/layerednavigation-minus.gif) no-repeat; } div.block-layered-nav dd li:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } div.block-layered-nav dt { cursor: pointer; padding-left: 15px; } .slider-wrap { padding: 10px 15px 16px 0; } div.block-layered-nav div.layerednavigation-slider { position: relative; z-index: 9; height: 4px; cursor: pointer; } div.block-layered-nav div.layerednavigation-slider:before { content: ""; position: absolute; left: 0; top: 0; right: -15px; bottom: 0; background: #dfdfdf; } div.block-layered-nav div.layerednavigation-slider div.handle { position: absolute; top: 50%; width: 12px; height: 12px; margin-top: -9px; z-index: 2; cursor: move; border: 3px solid #3ec2df; border-radius: 50%; background: #fff; } div.block-layered-nav div.layerednavigation-slider div.handle.selected { z-index: 3; } /* * Slider labels */ .layerednavigation-slider-price { color: #798794; } .layerednavigation-slider-price-from { float: left; } .layerednavigation-slider-price-to { float: right; } .layerednavigation-slider-handle-right { position: absolute; top: 14px; right: 0; } .layerednavigation-slider-handle-left { position: absolute; top: 14px; left: 0; } .layerednavigation-tooltip { padding: 2px 5px; background: #FEC; border: 1px solid #FAA819; color: #1F5070; text-align: left; width: 200px; position: absolute; } .layerednavigation-slider-price-range { text-align: center; font-size: 0.9em; } .layerednavigation-tooltip-img { cursor: help; } div.block-layered-nav, div.layerednavigation-page-container, div.layerednavigation-filters-top { position: relative; } div.layerednavigation-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; z-index: 555; } div.layerednavigation-overlay img { top: 100px; left: 45%; display: block; position: absolute; } div.layerednavigation-overlay div { position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; background: url("https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/layerednavigation/layerednavigation-overlay.gif") 50% 50% no-repeat; } /* * Advanced Categories */ .layerednavigation-advanced li { clear: both; } .layerednavigation-advanced li.level1 { padding-left: 20px; } .layerednavigation-advanced li.level2 { padding-left: 30px; } .layerednavigation-advanced li.level3 { padding-left: 40px; } .layerednavigation-advanced li.level4 { padding-left: 50px; } .layerednavigation-advanced li.active > a { font-weight: bold; } /* * Slider Bar */ .layerednavigation-slider-bar { position: absolute; top: 0; z-index: 1; height: 4px; background: #3ec2df; } /* * Subcategores block */ .layerednavigation-subcategory-image { overflow: auto; } .layerednavigation-hightlighted { background: yellow; } /** * Brander_UnitopBlog extension * * NOTICE OF LICENSE * * This source file is subject to the MIT License * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/mit-license.php * * @category Brander * @package Brander_UnitopBlog * @copyright Copyright (c) 2015 * @license http://opensource.org/licenses/mit-license.php MIT License */ .tree,.tree ul,.tree li{list-style:none;margin:0;padding:0;} .tree{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/images/brander_unitopblog/line1.png) repeat-y;} .tree li{line-height:20px;margin-top:1px;position:relative;width:100%;} * html .tree li{float:left;display:inline;} .tree li a{padding-left:28px;} .tree li span{cursor:auto;float:left;font-size:0;height:13px;left:5px;position:absolute;top:5px;width:13px;} .tree li span,.tree li span.collapsed{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/images/brander_unitopblog/collapsed.png) no-repeat 0 0;} .tree li span.expanded{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/images/brander_unitopblog/expanded.png) no-repeat 0 0;} .tree li ul{margin-left:28px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/images/brander_unitopblog/line1.png) repeat-y;} .tree li li{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/css/images/brander_unitopblog/line2.png) no-repeat 0 0;} .tree:after,.tree ul:after{clear:both;content:".";display:block;height:0;visibility:hidden;} .tree,.tree ul{display:block;} .tree li.map-category{font-weight:bold;} .tree li.map-product{font-weight:normal;} .tree li.map-product a{color:#203548;} /* \*/ .tree,.tree ul{min-height:1%;} * html .tree,* html .tree ul{height:1%;} /** * NOTICE OF LICENSE * * You may not give, sell, distribute, sub-license, rent, lease or lend * any portion of the Software or Documentation to anyone. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade to newer * versions in the future. * * @category ET * @package ET_SocialLogin * @copyright Copyright (c) 2015 ET Web Solutions (http://etwebsolutions.com) * @contacts support@etwebsolutions.com * @license http://shop.etwebsolutions.com/etws-license-commercial-v1/ ETWS Commercial License (ECL1) */ a.socicon{ display: block; } a.socicon span { display: none; } .inline a.socicon{ background: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/et_sociallogin/icons/socbuttons-32px.png') no-repeat; } a.socicons-small { background: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/et_sociallogin/icons/socbuttons-24px.png') no-repeat; width: 24px; height: 24px; } a.socicons-large { background: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/et_sociallogin/icons/socbuttons-32px.png') no-repeat; width: 32px; height: 32px; } .socibutton.large a.socicon, .socibutton.inline a.socicon { width: 148px; height: 32px; } .socibutton.large li, .socibutton.inline li { margin-top: 10px; float: left; margin-left: 10px; list-style: none; } .socibutton.small li { float: left; margin-left: 5px; } /*.socibutton.small h4, .socibutton.small ul { float: left; }*/ .socibutton.small h4 { /*float: left;*/ line-height: 30px; color: rgb(68, 68, 68); text-transform: none; } .social-list { margin: 0; padding: 0; } .account-create-popup { padding: 0; width: 600px } .account-create-popup .logo { margin-left: -15px; } .register-welcome { font-size: 14px; } .social-auth.large { width: 400px; height: 200px; margin: 0 auto; background: rgb(243, 243, 243); padding: 10px; } .social-auth.inline { /*max-width: 800px;*/ /*height: 70px;*/ margin: 0 auto; background: rgb(243, 243, 243); padding: 10px; overflow: hidden; } .social-auth.small { /*margin-top: 10px; */ margin-bottom:10px; border-top: 1px solid #fff; } .social-auth h4 { text-align: left; /*padding-left: 10px;*/ color: #D30928; text-transform: uppercase; font-size: 11px; margin-bottom:0; } .account-create-reference { font-size: 10px; color: #888; } .soc-pass-reference { font-size: 12px; font-weight: bold; margin-top: 15px; } .soc-register-passwd-email { text-decoration: underline; } /* like */ .social-like li { float: left; margin-right: 10px; width: 120px; } li.social-like-vk { width: 140px; } li.social-like-facebook { width: 110px; } li.social-like-twitter { width: 100px; } li.social-like-mailru { width: 120px; } li.social-like-odnoklassniki { width: 100px; } .soc-login-header .social-auth.small { padding: 0; } .social_customer_account .linkedAccounts { margin-top: 20px; } .social_customer_account .linkedAccounts li { margin-top: 15px; } .linkedAccounts .accountname { font-weight: bold; } .checkout-onepage-index .social-auth h4 { padding-left: 0; } .social-auth.small { width: 270px; } /* SOCIAL ICONS*/ .socibutton{ overflow:hidden; } .socibutton a{ cursor:pointer; } .socibutton.large a.socicon.vk, .socibutton.inline a.socicon.vk { background-position: -4px -134px; } .socibutton.large a.socicon.facebook, .socibutton.inline a.socicon.facebook { background-position: -153px -200px; } .socibutton.large a.socicon.google, .socibutton.inline a.socicon.google { background-position: -4px -233px; } .socibutton.large a.socicon.odnoklassniki, .socibutton.inline a.socicon.odnoklassniki { background-position: -153px -167px; } .socibutton.large a.socicon.yandex, .socibutton.inline a.socicon.yandex { background-position: -4px -266px; } .socibutton.large a.socicon.yandex, .socibutton.inline a.socicon.yandex { background-position: -4px -266px; } .socibutton.large a.socicon.mailru, .socibutton.inline a.socicon.mailru { background-position: -153px -134px; } .socibutton.large a.socicon.twitter, .socibutton.inline a.socicon.twitter { background-position: -4px -167px; } .socibutton.large a.socicon.linkedin, .socibutton.inline a.socicon.linkedin { background-position: -5px -200px; } /* Icons 32x32px square colored */ .socibutton.small .socicons-large.square-colored.vk { background-position: -4px -34px; } .socibutton.small .socicons-large.square-colored.facebook { background-position: -208px -34px; } .socibutton.small .socicons-large.square-colored.google { background-position: -106px -34px; } .socibutton.small .socicons-large.square-colored.odnoklassniki { background-position: -174px -34px; } .socibutton.small .socicons-large.square-colored.yandex { background-position: -140px -34px; } .socibutton.small .socicons-large.square-colored.mailru { background-position: -310px -34px; } .socibutton.small .socicons-large.square-colored.twitter { background-position: -38px -34px; } .socibutton.small .socicons-large.square-colored.linkedin { background-position: -72px -35px; } /* Icons 32x32px square black */ .socibutton.small .socicons-large.square-black.vk { background-position: -4px -101px; } .socibutton.small .socicons-large.square-black.facebook { background-position: -208px -101px; } .socibutton.small .socicons-large.square-black.google { background-position: -106px -101px; } .socibutton.small .socicons-large.square-black.odnoklassniki { background-position: -174px -101px; } .socibutton.small .socicons-large.square-black.yandex { background-position: -140px -101px; } .socibutton.small .socicons-large.square-black.mailru { background-position: -310px -101px; } .socibutton.small .socicons-large.square-black.twitter { background-position: -38px -101px; } .socibutton.small .socicons-large.square-black.linkedin { background-position: -72px -101px; } /* Icons 32x32px circle colored */ .socibutton.small .socicons-large.circle-colored.vk { background-position: -4px -1px; } .socibutton.small .socicons-large.circle-colored.facebook { background-position: -208px -1px; } .socibutton.small .socicons-large.circle-colored.google { background-position: -106px -1px; } .socibutton.small .socicons-large.circle-colored.odnoklassniki { background-position: -174px -1px; } .socibutton.small .socicons-large.circle-colored.yandex { background-position: -140px -1px; } .socibutton.small .socicons-large.circle-colored.mailru { background-position: -310px -1px; } .socibutton.small .socicons-large.circle-colored.twitter { background-position: -38px -1px; } .socibutton.small .socicons-large.circle-colored.linkedin { background-position: -72px -1px; } /* Icons 32x32px circle black */ .socibutton.small .socicons-large.circle-black.vk { background-position: -4px -68px; } .socibutton.small .socicons-large.circle-black.facebook { background-position: -208px -68px; } .socibutton.small .socicons-large.circle-black.google { background-position: -106px -68px; } .socibutton.small .socicons-large.circle-black.odnoklassniki { background-position: -174px -68px; } .socibutton.small .socicons-large.circle-black.yandex { background-position: -140px -68px; } .socibutton.small .socicons-large.circle-black.mailru { background-position: -310px -68px; } .socibutton.small .socicons-large.circle-black.twitter { background-position: -38px -68px; } .socibutton.small .socicons-large.circle-black.linkedin { background-position: -72px -68px; } /* Icons 24x24px square colored */ .socibutton.small .socicons-small.square-colored.vk { background-position: -4px -27px; } .socibutton.small .socicons-small.square-colored.facebook { background-position: -160px -27px; } .socibutton.small .socicons-small.square-colored.google { background-position: -82px -27px; } .socibutton.small .socicons-small.square-colored.odnoklassniki { background-position: -134px -27px; } .socibutton.small .socicons-small.square-colored.yandex { background-position: -108px -27px; } .socibutton.small .socicons-small.square-colored.mailru { background-position: -238px -27px; } .socibutton.small .socicons-small.square-colored.twitter { background-position: -30px -27px; } .socibutton.small .socicons-small.square-colored.linkedin { background-position: -56px -27px; } /* Icons 24x24px square black */ .socibutton.small .socicons-small.square-black.vk { background-position: -4px -77px; } .socibutton.small .socicons-small.square-black.facebook { background-position: -160px -77px; } .socibutton.small .socicons-small.square-black.google { background-position: -82px -77px; } .socibutton.small .socicons-small.square-black.odnoklassniki { background-position: -134px -77px; } .socibutton.small .socicons-small.square-black.yandex { background-position: -108px -77px; } .socibutton.small .socicons-small.square-black.mailru { background-position: -238px -77px; } .socibutton.small .socicons-small.square-black.twitter { background-position: -30px -77px; } .socibutton.small .socicons-small.square-black.linkedin { background-position: -56px -77px; } /* Icons 24x24px circle colored */ .socibutton.small .socicons-small.circle-colored.vk { background-position: -4px -2px; } .socibutton.small .socicons-small.circle-colored.facebook { background-position: -160px -2px; } .socibutton.small .socicons-small.circle-colored.google { background-position: -82px -2px; } .socibutton.small .socicons-small.circle-colored.odnoklassniki { background-position: -134px -2px; } .socibutton.small .socicons-small.circle-colored.yandex { background-position: -108px -2px; } .socibutton.small .socicons-small.circle-colored.mailru { background-position: -238px -2px; } .socibutton.small .socicons-small.circle-colored.twitter { background-position: -30px -2px; } .socibutton.small .socicons-small.circle-colored.linkedin { background-position: -56px -2px; } /* Icons 24x24px circle black */ .socibutton.small .socicons-small.circle-black.vk { background-position: -4px -52px; } .socibutton.small .socicons-small.circle-black.facebook { background-position: -160px -52px; } .socibutton.small .socicons-small.circle-black.google { background-position: -82px -52px; } .socibutton.small .socicons-small.circle-black.odnoklassniki { background-position: -134px -52px; } .socibutton.small .socicons-small.circle-black.yandex { background-position: -108px -52px; } .socibutton.small .socicons-small.circle-black.mailru { background-position: -238px -52px; } .socibutton.small .socicons-small.circle-black.twitter { background-position: -30px -52px; } .socibutton.small .socicons-small.circle-black.linkedin { background-position: -56px -52px; } .social-auth-register .fieldset{ overflow:hidden; } .soc-register-form{ width:300px; float:left; } .social-auth-register .reg-message{ width:240px; float:right; } .clear{ clear:both; } .account-create-popup .register-welcome{ margin-bottom:10px; } .social-auth-register .buttons-set{ position:relative; } .account-create-popup .load{ display:none; background:url('https://grandway.com.ua/skin/frontend/ultimo/unitop/et_sociallogin/icons/opc-ajax-loader.gif'); width:16px; height:16px; position: absolute; left: 45%; top: 40%; } /* .share-icons { display: inline-block; height: 32px; width: 32px; background: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/et_sociallogin/icons/socbuttons-32px.png'); } .share-icons.vk { background-position: -4px -35px; } .share-icons.fb { background-position: -208px -35px; } .share-icons.mailru { background-position: -310px -35px; } .share-icons.twitter { background-position: -386px -35px; } .share-icons.google { background-position: -106px -35px; } .share-icons.odnoklassniki { background-position: -174px -35px; }*/ .social-wrapper { position: relative; margin-bottom: 27px; } .news-item-content .social { height: 65px; } .form-list.soc-register-form li.fields .input-box { width: 300px; } .social_customer_account ul.accounts { display: table; width: 100%; background: lightgray; padding: 10px } .social_customer_account ul.accounts li { display: inline-block; min-width: 100px; margin-right: 20px; list-style-type: none; } .social-account-explanation { margin-top: 20px; } .unlink-explanation { margin-top: 50px; color: red; } .accounts a.unlink { color: #F2F2F2; text-decoration: underline; } /* * Itemslider - based on Owl Carousel * * IMPORTANT: Flexslider was replaced by Owl Carousel. * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css */ /* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Necessary styles (Core Owl Carousel CSS File v1.24) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* Additional styles for Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Preloading images */ .owl-item.loading { min-height: 60px; background: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/ajax-loader.gif) no-repeat center center; } /* Pagination */ .owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .itemslider { margin-bottom: 20px; } /* Items */ .itemslider .item { padding-left:10px; padding-right:10px; } /* Lazy loading */ .itemslider .owl-item.loading { background-position: center 40px; } .itemslider .owl-item.loading .product-image { min-height: 70px; } /* If slider inside menu */ #nav .itemslider .price-box span { display: inline; } /* Generic arrows 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows1 .owl-controls .owl-buttons { position: absolute; } .slider-arrows1 .owl-controls .owl-buttons div { float: left; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; text-decoration: none; overflow: hidden; text-indent: -9999px; background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png); background-repeat: no-repeat; background-color: #e5e5e5; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out; } .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color: #333; } .slider-arrows1 .owl-controls .owl-buttons div.disabled { opacity: 0.4; cursor: default; } .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color: #e5e5e5; /* Must be the same as default color */ } .slider-arrows1 .owl-controls .owl-buttons .owl-prev { /*background-position: -10px -10px;*/ margin-right: 1px; } /*.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover {*/ /*background-position: -10px -60px;*/ /*}*/ /*.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover {*/ /*background-position: -10px -10px; !* Same as default *!*/ /*}*/ /*.slider-arrows1 .owl-controls .owl-buttons .owl-next {*/ /*background-position: -60px -10px;*/ /*}*/ /*.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover {*/ /*background-position: -60px -60px;*/ /*}*/ /*.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover {*/ /*background-position: -60px -10px; !* Same as default *!*/ /*}*/ /* Position */ .slider-arrows1-pos-top-right .owl-controls .owl-buttons { top: -40px; right: 0; } .slider-arrows1-pos-top-left .owl-controls .owl-buttons { top: -40px; left: 0; } /* Generic arrows 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows2 .owl-controls .owl-buttons div { position: absolute; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; text-decoration: none; overflow: hidden; text-indent: -9999px; /*background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png);*/ /*background-repeat: no-repeat;*/ /*background-color: #fff;*/ transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out; opacity: 0; } .slider-arrows2:hover .owl-controls .owl-buttons div { opacity: 1; } .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color: #000; } .slider-arrows2 .owl-controls .owl-buttons .owl-prev { /*background-position: -2px 0;*/ left: 0; top: 46%; } /*.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover {*/ /*background-position: -2px -50px;*/ /*}*/ .slider-arrows2 .owl-controls .owl-buttons .owl-next { /*background-position: -48px 0;*/ right: 0; top: 46%; } /*.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover {*/ /*background-position: -48px -50px;*/ /*}*/ /* Generic arrows 3 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-arrows3 .owl-controls .owl-buttons div { position: absolute; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; cursor: pointer; text-decoration: none; overflow: hidden; text-indent: -9999px; /*background-image: url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png);*/ /*background-repeat: no-repeat;*/ /*background-color: #fff;*/ transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out; } .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color: #000; } .slider-arrows3 .owl-controls .owl-buttons div.disabled { opacity: 0.4; cursor: default; } .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color: #fff; } .slider-arrows3 .owl-controls .owl-buttons .owl-prev { background-position: -10px -10px; top: 30%; left: -32px; } /*.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover {*/ /*background-position: -10px -60px;*/ /*}*/ /*.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover {*/ /*background-position: -10px -10px; !* Same as default *!*/ /*}*/ .slider-arrows3 .owl-controls .owl-buttons .owl-next { /*background-position: -60px -10px;*/ top: 30%; right: -32px; } /*.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover {*/ /*background-position: -60px -60px;*/ /*}*/ /*.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover {*/ /*background-position: -60px -10px; !* Same as default *!*/ /*}*/ /* Generic pagination 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination1 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; } .slider-pagination1 .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 7px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #eee; transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; } .slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color: #000; } .slider-pagination1 .owl-controls .owl-page.active span { background-color: #ccc; } /* Generic pagination 2 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .slider-pagination2 .owl-controls .owl-page { display: inline-block; vertical-align: middle; zoom: 1; *display: inline; /*IE7 life-saver */ } .slider-pagination2 .owl-controls .owl-page span { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); width: 10px; height: 10px; margin: 8px; transition: background-color 300ms ease-in-out; -webkit-transition: background-color 300ms ease-in-out; } .slider-pagination2 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span { width: 16px; height: 16px; margin: 5px; } .slider-pagination2 .owl-controls .owl-page.active { cursor: default; } /* Pagination position %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .pagination-pos-bottom-centered { padding-bottom: 50px; /* Additional space for bottom pagination */ } .pagination-pos-bottom-centered .owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; } .pagination-pos-bottom-right .owl-pagination { padding: 10px 0; float: right; } .pagination-pos-bottom-left .owl-pagination { padding: 10px 0; float: left; } /* Over the slider */ .pagination-pos-over-bottom-centered .owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; } .pagination-pos-over-bottom-right .owl-pagination { position: absolute; bottom: 3.5%; right: 1.5%; } .pagination-pos-over-bottom-left .owl-pagination { position: absolute; bottom: 3.5%; left: 1.5%; } /** * Brands */ /* Base %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-name { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 18px; text-align: center; } .brand-name-wrapper { display: table; min-height: 36px; /* Two lines of text */ margin: 0 auto; } .brand-name-wrapper .brand-name { display: table-cell; vertical-align: middle; } /* On product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .box-brand a { margin:0 auto; display:block; } .box-brand img { margin:0 auto; display:block; } .box-brand .brand-name {} .box-brand .brand-name .label {} /* Brand in secondary column on product page */ .product-secondary-column .box-brand .attribute { font-size:1.25em; /*15px*/ line-height:1.2em; /*18px*/ font-weight:bold; text-align:center; margin:10px 0; } /* Brand slider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .brand-slider .item { padding-bottom: 20px; padding-top: 20px; text-align: center; } .brand-slider .item a { display: block; } .brand-slider .owl-item.loading { min-height:60px; } /** * Ultra Slideshow */ /* Slideshow wrapper %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-wrapper:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* Slideshow %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow { margin: 0 auto; } .the-slideshow .slides { display: none; } /* Banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow-banners { -webkit-backface-visibility: hidden; /* Fix possible glitches during animation */ margin-bottom: 0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */ } .the-slideshow-banners .banner { position: relative; /* Container for caption */ } .the-slideshow-banners a.banner, .the-slideshow-banners .banner a { display: block; } /* Additional effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .the-slideshow .fade-on-slideshow-hover, .the-slideshow-wrapper .fade-on-slideshow-wrapper-hover { transition: opacity 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out; } .the-slideshow:hover .fade-on-slideshow-hover, .the-slideshow-wrapper:hover .fade-on-slideshow-wrapper-hover { opacity: 0.75; filter: alpha(opacity=75); } .vert-nav > #nav-left > li { position: relative; } .vert-nav .nav-item.level0 > .nav-panel--dropdown { top: 0 !important; left: 100% !important; } .vert-nav .nav-item .caret { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInVsdHJhLXNsaWRlc2hvdy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSDs7RUFFRTtBQUNGO0VBQ0UsZUFBZTtFQUNmLGFBQWE7RUFDYixZQUFZO0VBQ1osYUFBYTtFQUNiLGVBQWU7RUFDZixVQUFVO0VBQ1YsaUJBQWlCLEVBQUU7O0FBRXJCOztFQUVFO0FBQ0Y7RUFDRSxlQUFlLEVBQUU7O0FBRW5CO0VBQ0UsY0FBYyxFQUFFOztBQUVsQjs7RUFFRTtBQUNGO0VBQ0Usb0NBQW9DO0VBQ3BDLDRDQUE0QztFQUM1QyxvQkFBb0I7RUFDcEIsc0dBQXNHLEVBQUU7O0FBRTFHO0VBQ0UsbUJBQW1CO0VBQ25CLDJCQUEyQixFQUFFOztBQUUvQjtFQUNFLGVBQWUsRUFBRTs7QUFFbkI7O0VBRUU7QUFDRjs7RUFFRSxzQ0FBc0M7RUFDdEMsMkNBQTJDO0VBQzNDLDhDQUE4QztFQUM5Qyx5Q0FBeUMsRUFBRTs7QUFFN0M7O0VBRUUsY0FBYztFQUNkLDBCQUEwQixFQUFFOztBQUU5QjtFQUNFLG1CQUFtQixFQUFFOztBQUV2QjtFQUNFLGtCQUFrQjtFQUNsQixzQkFBc0IsRUFBRTs7QUFFMUI7RUFDRSxrQ0FBMEI7RUFBMUIsMEJBQTBCLEVBQUUiLCJmaWxlIjoiaW5mb3J0aXMvdWx0cmEtc2xpZGVzaG93L3VsdHJhLXNsaWRlc2hvdy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIFVsdHJhIFNsaWRlc2hvd1xuICovXG4vKiBTbGlkZXNob3cgd3JhcHBlclxuJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSVcbiovXG4udGhlLXNsaWRlc2hvdy13cmFwcGVyOmFmdGVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbnRlbnQ6IFwiLlwiO1xuICBjbGVhcjogYm90aDtcbiAgZm9udC1zaXplOiAwO1xuICBsaW5lLWhlaWdodDogMDtcbiAgaGVpZ2h0OiAwO1xuICBvdmVyZmxvdzogaGlkZGVuOyB9XG5cbi8qIFNsaWRlc2hvd1xuJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSVcbiovXG4udGhlLXNsaWRlc2hvdyB7XG4gIG1hcmdpbjogMCBhdXRvOyB9XG5cbi50aGUtc2xpZGVzaG93IC5zbGlkZXMge1xuICBkaXNwbGF5OiBub25lOyB9XG5cbi8qIEJhbm5lcnNcbiUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlXG4qL1xuLnRoZS1zbGlkZXNob3ctYmFubmVycyB7XG4gIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuO1xuICAvKiBGaXggcG9zc2libGUgZ2xpdGNoZXMgZHVyaW5nIGFuaW1hdGlvbiAqL1xuICBtYXJnaW4tYm90dG9tOiAwLjElO1xuICAvKiBJbXBvcnRhbnQ6IGEgbGl0dGxlIGJpdCBiaWdnZXIgdGhhbiBzbGlkZXNob3cgYm90dG9tIG1hcmdpbiB0byBhdm9pZCBqdW1waW5nIG9uIHNsaWRlIHRyYW5zaXRpb24gKi8gfVxuXG4udGhlLXNsaWRlc2hvdy1iYW5uZXJzIC5iYW5uZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIC8qIENvbnRhaW5lciBmb3IgY2FwdGlvbiAqLyB9XG5cbi50aGUtc2xpZGVzaG93LWJhbm5lcnMgYS5iYW5uZXIsIC50aGUtc2xpZGVzaG93LWJhbm5lcnMgLmJhbm5lciBhIHtcbiAgZGlzcGxheTogYmxvY2s7IH1cblxuLyogQWRkaXRpb25hbCBlZmZlY3RzXG4lJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJVxuKi9cbi50aGUtc2xpZGVzaG93IC5mYWRlLW9uLXNsaWRlc2hvdy1ob3Zlcixcbi50aGUtc2xpZGVzaG93LXdyYXBwZXIgLmZhZGUtb24tc2xpZGVzaG93LXdyYXBwZXItaG92ZXIge1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5IDMwMG1zIGVhc2UtaW4tb3V0O1xuICAtbW96LXRyYW5zaXRpb246IG9wYWNpdHkgMzAwbXMgZWFzZS1pbi1vdXQ7XG4gIC13ZWJraXQtdHJhbnNpdGlvbjogb3BhY2l0eSAzMDBtcyBlYXNlLWluLW91dDtcbiAgLW8tdHJhbnNpdGlvbjogb3BhY2l0eSAzMDBtcyBlYXNlLWluLW91dDsgfVxuXG4udGhlLXNsaWRlc2hvdzpob3ZlciAuZmFkZS1vbi1zbGlkZXNob3ctaG92ZXIsXG4udGhlLXNsaWRlc2hvdy13cmFwcGVyOmhvdmVyIC5mYWRlLW9uLXNsaWRlc2hvdy13cmFwcGVyLWhvdmVyIHtcbiAgb3BhY2l0eTogMC43NTtcbiAgZmlsdGVyOiBhbHBoYShvcGFjaXR5PTc1KTsgfVxuXG4udmVydC1uYXYgPiAjbmF2LWxlZnQgPiBsaSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTsgfVxuXG4udmVydC1uYXYgLm5hdi1pdGVtLmxldmVsMCA+IC5uYXYtcGFuZWwtLWRyb3Bkb3duIHtcbiAgdG9wOiAwICFpbXBvcnRhbnQ7XG4gIGxlZnQ6IDEwMCUgIWltcG9ydGFudDsgfVxuXG4udmVydC1uYXYgLm5hdi1pdGVtIC5jYXJldCB7XG4gIHRyYW5zZm9ybTogcm90YXRlKC05MGRlZyk7IH1cbiJdLCJzb3VyY2VSb290IjoiL3NvdXJjZS8ifQ== */ .quick-access .form-search .suggestions-productimage { float: left; } .quick-access .form-search img { width: 50px; } .quick-access .form-search .suggestions-productname { width: 141px; height: 33px; float: right; clear: right; text-align: left; overflow: hidden; margin-top: 8px; margin-left: 4px; } .form-search .product_suggest li.even { /* Override grey color on even rows, because it doen't look so nice with the product images. */ background-color: #fffefb; } /** * Infortis themes styles */ .section { padding: 10px 0; } .section-space { padding: 10px; } /* Layout helper classes -------------------------------------------------------------- */ .margin-top { margin-top: 20px; } .margin-bottom { margin-bottom: 20px; } .padding-top { padding-top: 20px; } .padding-bottom { padding-bottom: 20px; } .float-left { float: left; } .float-right { float: right; } /* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Caret %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caret { display: inline-block; width: 0; height: 0; margin-bottom: 2px; vertical-align: middle; content: ""; border-style: solid solid none; border-width: 4px 4px 0; border-color: #333 transparent transparent; } .dropdown .caret { opacity: 0.3; } .dropdown.open .caret { opacity: 1; } /* Product labels (stickers) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sticker-wrapper { position: absolute; -webkit-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .product-view .sticker-wrapper { z-index: 99; } .product-view .product-img-column { position: relative; } .sticker-wrapper.top-right { top: -3px; right: -3px; } .sticker-wrapper.bottom-right { bottom: -3px; right: -3px; } .sticker-wrapper.bottom-left { bottom: -3px; left: -3px; } .sticker-wrapper.top-left { top: -3px; left: -3px; } /* Appearence -------------------------------------------------------------- */ .sticker { width: 60px; height: 60px; border-radius: 50%; font-size: 1.1666em; line-height: 1em; font-weight: bold; text-align: center; -webkit-transition: 150ms ease-in-out; transition: 150ms ease-in-out; } /* Video (embed) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* "videoWrapper" - depracated class, left for backward compatibility */ .video-wrapper, .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed, .videoWrapper iframe, .videoWrapper object, .videoWrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Page banners %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .banner-wrapper { position: relative; display: block; } .page-banners .banner a { display: block; } .page-banners .banner a img { display: block; margin: 0 auto; } /* depracated styles, left for backward compatibility: */ .page-banners .banner { margin-bottom: 2%; } /* Landing pages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .horizontal-section, .vertical-section { display: block; margin-top: 0; margin-bottom: 10px; position: relative; } .horizontal-section { margin-top: 10px; } .landing-page .center-block { display: block; margin: 0 auto; } /* Caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .caption { display: block; position: absolute; bottom: 0; width: 80%; margin: 6%; padding: 0; } /* Caption position -------------------------------------------------------------- */ .caption.top { top: 0; bottom: auto; width: 80%; } .caption.top-right { top: 0; bottom: auto; right: 0; width: 58%; } .caption.bottom-right { right: 0; width: 58%; } /* Caption elements -------------------------------------------------------------- */ .caption > * { float: left; display: inline-block; margin-bottom: 1px; } .caption .heading { padding: 0.25em; margin-bottom: 0.2em; font-size: 2.8em; line-height: 1em; font-weight: normal; } .caption p { clear: left; padding: 0.25em 0.5em; margin-bottom: 1px; font-size: 1.3333em; line-height: 1em; } .caption button { clear: left; } /* Caption layout -------------------------------------------------------------- */ .caption.centered { text-align: center; } .caption.centered > * { display: inline-block; float: none; } /* Floating (text alignment) */ .caption.right > * { text-align: right; float: right !important; } /* Caption additional styles -------------------------------------------------------------- */ /* Width */ .caption.full-width { width: 88%; margin: 6%; } .caption.narrow { width: 38%; } /* Prevent from hiding elements of the caption on narrow screens */ .caption .permanent { display: inline-block !important; } /* Skin -------------------------------------------------------------- */ .caption .heading, .caption p { -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out; transition: color 450ms ease-in-out, background-color 450ms ease-in-out; } a:hover .caption .heading, a:hover .caption p { -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out; transition: color 200ms ease-in-out, background-color 200ms ease-in-out; } /* Dark + white text */ .caption.dark1 .heading, .caption.dark1 p { background-color: rgba(0, 0, 0, 0.35); color: #fff; } a:hover .caption.dark1 .heading, a:hover .caption.dark1 p { background-color: rgba(0, 0, 0, 0.7); color: #fff; } /* Dark + white text */ .caption.dark2 .heading, .caption.dark2 p { background-color: rgba(0, 0, 0, 0.5); color: #fff; } a:hover .caption.dark2 .heading, a:hover .caption.dark2 p { background-color: rgba(0, 0, 0, 0.8); color: #fff; } /* Dark + white text */ .caption.dark3 .heading, .caption.dark3 p { background-color: rgba(0, 0, 0, 0.65); color: #fff; } a:hover .caption.dark3 .heading, a:hover .caption.dark3 p { background-color: rgba(0, 0, 0, 1); color: #fff; } /* Light + black text */ .caption.light1 .heading, .caption.light1 p { background-color: rgba(255, 255, 255, 0.35); color: #000; } a:hover .caption.light1 .heading, a:hover .caption.light1 p { background-color: rgba(255, 255, 255, 0.7); color: #000; } /* Light + black text */ .caption.light2 .heading, .caption.light2 p { background-color: rgba(255, 255, 255, 0.6); color: #000; } a:hover .caption.light2 .heading, a:hover .caption.light2 p { background-color: rgba(255, 255, 255, 0.85); color: #000; } /* Light + black text */ .caption.light3 .heading, .caption.light3 p { background-color: rgba(255, 255, 255, 0.8); color: #000; } a:hover .caption.light3 .heading, a:hover .caption.light3 p { background-color: rgba(255, 255, 255, 1); color: #000; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Disable transitions, fade effect applied with JS */ .fade-on-hover { -webkit-transition: none; transition: none; } /** * Theme Content Construction Kit */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Vertically centered content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .v-centered-content { display:table; } .v-centered-content .v-center { display:table-cell; vertical-align:middle; } /* Heading of a content section %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .section-title { clear:both; margin:0; display:block; } .section-title.padding-right { padding-right:80px !important; } /* Horizontal line */ .section-line { clear:both; display:block; font-size:0; line-height:0; height:0; margin:0 0 10px; padding:10px 0 0; background:none; border-bottom:1px solid #e5e5e5; text-indent:-9999em; overflow:hidden; } /* Custom sidebars %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .custom-sidebar-right { float:right !important; } .custom-sidebar-right .inner { padding-left:10px; border-left:1px solid #e5e5e5; } .custom-sidebar-left { float:left !important; } .custom-sidebar-left .inner { padding-right:10px; border-right:1px solid #e5e5e5; } /* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .links > li { line-height:36px; } .links > li > a { padding:0 0.5833em; } /* 0px 7px */ .links > li.label { padding-right:0.5833em; } /* 7px */ /* Basic links, no separators -------------------------------------------------------------- */ .links > li { float:left; } .links > li > a { display:block; } /* Links with separators (at the right side) -------------------------------------------------------------- */ .links-wrapper-separators .links > li { margin-left:-1px; } .links-wrapper-separators .links > li > a { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:right center; background-repeat:no-repeat; } .links-wrapper-separators .links > li.last > a { background-image:none; } .links-wrapper-separators .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators .links > li.separator-left > a { background-position:left center; } /* Links with separators (at the left side) -------------------------------------------------------------- */ .links-wrapper-separators-left .links > li { margin-left:-1px; } .links-wrapper-separators-left .links > li > a { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/link-separator.png); background-position:left center; background-repeat:no-repeat; } .links-wrapper-separators-left .links > li.first > a { background-image:none; } .links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; } .links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; } /* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Link with an arrow */ a.go { background:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat; padding-right:17px; display:inline !important; } /** * Drop-down block */ /* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown { position:relative; } .dropdown:hover { z-index:4000; } /* Dropdown heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading { display:inline-block; cursor:default; line-height:36px; max-height:36px; /* Set static height to improve layout of inline elements inisde the dropdown heading */ } /* In case a link ("a" tag) is used as a dropdown heading */ .dropdown a.dropdown-heading { /* Inherit color to have the same color as the text in the containing section (e.g. in primary header). */ color: inherit; /* Remove transition */ transition: none; transition-delay: unset; } .dropdown a.dropdown-heading:hover { /* Inherit color to have the same color as the text in the containing section (e.g. in primary header). Otherwise the dropdown heading on hover would blink showing standard link hover color. */ color: inherit; } /* Inside dropdown heading -------------------------------------------------------------- */ /* Child elements of the heading have to be aligned vertically */ .dropdown .dropdown-heading > * { display:inline-block; vertical-align: middle; } /* If heading has additional inner wrapper (to cover the shadow of the dropdown), properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { display: block; vertical-align: baseline; } .dropdown .dropdown-heading.cover > span > *, .dropdown .dropdown-heading.cover > div > * { display:inline-block; vertical-align: middle; } /* Elements of the dropdown heading */ .dropdown .dropdown-heading .label {} .dropdown .dropdown-heading .value { margin-left: 2px; } .dropdown .dropdown-heading .dropdown-icon { /* e.g. for flags */ width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /* Cover shadow of "dropdown-heading" and "dropdown-content" with additional div inside the heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-heading.cover > span, .dropdown .dropdown-heading.cover > div { padding:0 10px; } .dropdown.open > .dropdown-heading.cover > span, .dropdown.open > .dropdown-heading.cover > div { background-color:#fff; z-index:4001; position:relative; } /* Dropdown content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .dropdown .dropdown-content { display:none; position:absolute; top:100%; left:0; z-index:4000; padding:20px; min-width:130px; line-height:1.5em; text-align:left; list-style:none; background-color:#fff; } .dropdown .dropdown-content.left-hand { left:auto; right:0; } /* When dropdown content is an unordered list -------------------------------------------------------------- */ /* Everything is inline-block, except links */ .dropdown .dropdown-content > li * { display:inline-block; } .dropdown .dropdown-content > li > a { display:block; } .dropdown .dropdown-content > li { white-space:nowrap; } .dropdown .dropdown-content > li .label { margin-right:8px; } .dropdown .dropdown-content .dropdown-icon { width:18px; text-indent:-9999px; background-position:0 50%; background-repeat:no-repeat; } /** * Itemgrid */ .itemgrid .item { float:left; padding-left:1%; padding-right:1%; } /* Itemgrid: different numbers of columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Clear every first item in each row (row: group of n items) */ /* Item grid: 1 column */ .itemgrid-1col .item { width:98%; } /* Item grid: 2 columns */ .itemgrid-2col .item { width:48%; } .itemgrid-2col > li:nth-of-type(2n+1) { clear:left; } /* Item grid: 3 columns */ .itemgrid-3col .item { width:31.3333%; } .itemgrid-3col > li:nth-of-type(3n+1) { clear:left; } /* Item grid: 4 columns */ .itemgrid-4col .item { width:23%; } .itemgrid-4col > li:nth-of-type(4n+1) { clear:left; } /* Item grid: 5 columns */ .itemgrid-5col .item { width:18%; } .itemgrid-5col > li:nth-of-type(5n+1) { clear:left; } /* Item grid: 6 columns */ .itemgrid-6col .item { width:14.6666%; } .itemgrid-6col > li:nth-of-type(6n+1) { clear:left; } /* Item grid: 7 columns */ .itemgrid-7col .item { width:12.2857%; } .itemgrid-7col > li:nth-of-type(7n+1) { clear:left; } /* Item grid: 8 columns */ .itemgrid-8col .item { width:10.5%; } .itemgrid-8col > li:nth-of-type(8n+1) { clear:left; } /* Tabs -------------------------------------------------------------- */ /* Total height of the tab bar should be the same as in block titles */ .gen-tabs .tabs li { float: left; margin: 0; } .gen-tabs .tabs a { display: block; padding: 0 10px; text-decoration: none; outline: none; } /* Tab panels -------------------------------------------------------------- */ .gen-tabs .tabs-panels { padding: 15px 0; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { display: none; padding: 0; margin-bottom: 1px; font-weight: normal; } .gen-tabs .acctab:hover { cursor: pointer; } /* Accordion mode enabled */ .gen-tabs.accor .tabs { display: none; } .gen-tabs.accor .acctab { display: block; } .gen-tabs.accor .tabs-panels { padding-top: 0; padding-bottom: 0; } .gen-tabs.accor .tabs-panels .panel { display: none; margin: 10px 0; padding: 15px; } /* Default skin %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs .tabs a { color: #333; background-color: #eee; line-height: 3em; } .gen-tabs .tabs a:hover, .gen-tabs .tabs a:focus { background-color: #e5e5e5; } .gen-tabs .tabs a.current { background-color: #ddd; } /* Accordion -------------------------------------------------------------- */ .gen-tabs .acctab { font-size: 1.5em; line-height: 2.7777em; background-color: #f5f5f5; color: #333; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #e5e5e5; } .gen-tabs--style1 .tabs a { font-size: 1.3333em; color: #333; background-color: #eee; border: 1px solid transparent; border-bottom: none; } .gen-tabs--style1 .tabs a:hover { background-color: #e5e5e5; border-color: #e5e5e5; } .gen-tabs--style1 .tabs a.current { background-color: #fff; margin-bottom: -1px; border-color: #e5e5e5; border-bottom: 1px solid transparent; padding-top: 4px; margin-top: -4px; } .gen-tabs--style1 .tabs a.current:hover { border-bottom-color: transparent; } .gen-tabs--style1 .tabs-panels { border-top: 1px solid #e5e5e5; border-bottom: 1px dashed #e5e5e5; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1.accor .tabs-panels { border-top: none; border-bottom: none; } .gen-tabs--style1 .acctab { border-bottom: 1px solid #e5e5e5; } .gen-tabs--style1.gen-tabs.accor { margin-bottom: 25px; } /* Tabs - skin 1: smaller %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .gen-tabs--style1-small .tabs a { padding: 0 7px; font-size: 14px; line-height: 32px; } .gen-tabs--style1.gen-tabs--style1-small .tabs a { font-family: inherit; } /* Accordion -------------------------------------------------------------- */ .gen-tabs--style1-small .acctab { font-size: 14px; line-height: 32px; } .gen-tabs--style1.gen-tabs--style1-small .acctab { font-family: inherit; } /* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* If icon is applied to 'i' tag */ i.ic { font-style: normal; } /* Floating icons - with generic modifiers -------------------------------------------------------------- */ .ic.left { margin-right: .3em; } .ic.right { margin-left: .3em; } /* Size -------------------------------------------------------------- */ /* Makes the font 33% larger relative to the icon container */ .ic-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .ic-2x { font-size: 2em; } .ic-3x { font-size: 3em; } .ic-4x { font-size: 4em; } .ic-5x { font-size: 5em; } .ic-6x { font-size: 6em; } .ic-7x { font-size: 7em; } .ic-8x { font-size: 8em; } .ic-fw { width: 1.28571429em; text-align: center; } /* Lists -------------------------------------------------------------- */ .ic-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .ic-ul > li { position: relative; } .ic-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .ic-li.ic-lg { left: -1.85714286em; } .ic-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .ic.pull-left { margin-right: .3em; } .ic.pull-right { margin-left: .3em; } /* Stacking -------------------------------------------------------------- */ .ic-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .ic-stack-1x, .ic-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .ic-stack-1x { line-height: inherit; } .ic-stack-2x { font-size: 2em; } .ic-inverse { color: #ffffff; } /* Effects -------------------------------------------------------------- */ .ic-spin { -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .ic-rotate-90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); } .ic-rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .ic-rotate-270 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); } .ic-flip-horizontal { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); transform: scale(-1, 1); } .ic-flip-vertical { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); transform: scale(1, -1); } /* Characters as icon (letters, numbers etc.) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-char { font-weight: bold; font-family: Arial, Helvetica, sans-serif !important; } /* Images as icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-img { font-family: inherit; /* Remove icon font to fix vertical alignment */ } /* Set max size for images displayed as icons */ .ic-img img, .icon img { vertical-align: middle; } /* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility */ .social-links a > span.icon { vertical-align: middle; text-align: center; background-color: #e5e5e5; border-radius: 50%; } /* Size %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, /* For backward compatibility: */ .feature > span.icon, .social-links a > span.icon { line-height: 36px; width: 36px; height: 36px; } .ib-size-l, /* For backward compatibility: */ .feature > span.icon.large { line-height: 48px; width: 48px; height: 48px; } .ib-size-xl { line-height: 60px; width: 60px; height: 60px; } .ib-size-xxl { line-height: 72px; width: 72px; height: 72px; } .ib-size-xxxl { line-height: 84px; width: 84px; height: 84px; } /* For backward compatibility: align center the content of the iconbox */ .feature > span.icon { text-align: center; } /* Labels %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Label which immediately follows the iconbox */ .ib + .label { line-height: 36px; display: inline-block; } .ib-size-l + .label { line-height: 48px; } .ib-size-xl + .label { line-height: 60px; } .ib-size-xxl + .label { line-height: 72px; } .ib-size-xxxl + .label { line-height: 84px; } /* Hover state %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib-hover:hover, /* Apply hover state color only when special class is present */ .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #333; color: #fff; } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib, .icon-hover, /* For backward compatibility */ .feature-icon-hover .ib, .feature-icon-hover .icon /* For backward compatibility */ { -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; transition: color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Characters as icon - modify styles if inside iconbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ib.ic-char, .ib.i-char /* For backward compatibility */ { text-align: center; } /* Additional utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Background -------------------------------------------------------------- */ /* Icon without background color */ .ib-no-bg, .ib.no-bg-color /* For backward compatibility */ { background-color: transparent !important; } /* Shapes -------------------------------------------------------------- */ .ib-circle, .ib.circle /* For backward compatibility */ { border-radius: 50%; } .ib-rounded, .ib.rounded /* For backward compatibility */ { border-radius: 5px; } .ib-square, .ib.square, .ib-wrapper--square .ib, .icon-wrapper-square .ib /* For backward compatibility */ { border-radius: 0; } /* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Basic styles */ .feature { margin: 10px 0; } .feature:after { display: block; content: ""; clear: both; } .feature.first { margin-top: 0; } .feature.last { margin-bottom: 0; } /* With top/bottom border line */ .feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; } .feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; } /* Wrapper with top/bottom line -------------------------------------------------------------- */ .feature-wrapper.top-border { border-top: 1px solid #f5f5f5; margin-top: 20px; padding-top: 20px; } .feature-wrapper.bottom-border { border-bottom: 1px solid #f5f5f5; margin-bottom: 20px; padding-bottom: 20px; } /* Feature headings %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature .heading { font-size: 1.3333em; /*16px*/ line-height: 1.25em; /*20px*/ margin-bottom: 0.625em; /*10px*/ font-weight: normal; } .feature .above-heading { margin: 0 0 5px; font-size: 11px; line-height: 1.4545em; /*16px*/ text-transform: uppercase; color: #888; } .feature .below-heading { font-size: 1em; font-style: italic; line-height: 1.3333em; /*16px*/ color: #888; } /* Feature and icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Floating icons - additional margin -------------------------------------------------------------- */ .feature .ic.left { margin: 0 15px 10px 0; } .feature .ic.right { margin: 0 0 10px 15px; } /* Vertically centered icon -------------------------------------------------------------- */ .feature.v-centered-content .v-center .ic { margin: 0 5px 0 0; } /* Indented feature %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* IMPORTANT: inside indented feature, the first level icon automatically floats left */ .feature.indent > .ic, .feature.indent > .icon /* For backward compatibility */ { float: left; margin: 0 15px 0 0; } /* But override this behavior if an icon is explicitly floated right */ .feature.indent > .ic.right, .feature.indent > .icon.right /* For backward compatibility */ { float: right; margin: 0 0 0 15px; } /* Size of indentation -------------------------------------------------------------- */ /* Size of indentation = width of iconbox + right margin of the iconbox */ /* Default */ .feature.indent { padding-left: 51px; /* 36 + 15 */ } .feature.indent > .ic, .feature.indent > span.icon /* For backward compatibility */ { margin-left: -51px; } /* Large */ .feature.indent-size-l, .feature.indent.large /* For backward compatibility */ { padding-left: 63px; } .feature.indent-size-l > .ic, .feature.indent.large > .ic, /* For backward compatibility */ .feature.indent.large > span.icon.large /* For backward compatibility */ { margin-left: -63px; } /* X Large */ .feature.indent-size-xl { padding-left: 75px; } .feature.indent-size-xl > .ic { margin-left: -75px; } /* XX Large */ .feature.indent-size-xxl { padding-left: 87px; } .feature.indent-size-xxl > .ic { margin-left: -87px; } /* XXX Large */ .feature.indent-size-xxxl { padding-left: 99px; } .feature.indent-size-xxxl > .ic { margin-left: -99px; } /* Feature centered %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .feature.centered { text-align: center; } .feature.centered .ic { margin: 0 0 10px; } /* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */ .feature .ic.auto-size { width: auto; max-width: none; height: auto; max-height: none; } /** * Definitions of the font with icons and definitions of the icon glyphs */ @font-face { font-family: 'ThemeIcons'; src:url('https://grandway.com.ua/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?387osh'); src:url('https://grandway.com.ua/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg'); font-weight: normal; font-style: normal; } /* Icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .ic-plane:before { content: "\e200"; } .ic-tag:before { content: "\e201"; } .ic-paint:before { content: "\e202"; } .ic-credit:before { content: "\e203"; } .ic-phone:before { content: "\e204"; } .ic-letter:before { content: "\e205"; } .ic-stopwatch:before { content: "\e206"; } .ic-bars:before { content: "\e207"; } .ic-truck:before { content: "\e208"; } .ic-download:before { content: "\e209"; } .ic-upload:before { content: "\e20a"; } .ic-warning:before { content: "\e20b"; } .ic-question:before { content: "\e20c"; } .ic-info:before { content: "\e20d"; } .ic-success:before { content: "\e20e"; } .ic-close2:before { content: "\e20f"; } .ic-reload:before { content: "\e210"; } .ic-scissors:before { content: "\e211"; } .ic-googleplus:before { content: "\e212"; } .ic-facebook:before { content: "\e213"; } .ic-twitter:before { content: "\e214"; } .ic-feed:before { content: "\e215"; } .ic-youtube:before { content: "\e216"; } .ic-vimeo:before { content: "\e217"; } .ic-flickr:before { content: "\e218"; } .ic-dribbble:before { content: "\e219"; } .ic-github:before { content: "\e21a"; } .ic-wordpress:before { content: "\e21b"; } .ic-blogger:before { content: "\e21c"; } .ic-tumblr:before { content: "\e21d"; } .ic-skype:before { content: "\e21e"; } .ic-home:before { content: "\e21f"; } .ic-edit2:before { content: "\e220"; } .ic-cart:before, .ic-cart1:before { content: "\e221"; } .ic-menu:before { content: "\e222"; } .ic-star-o:before { content: "\e223"; } .ic-star:before { content: "\e224"; } .ic-heart:before { content: "\e225"; } .ic-heart-o:before { content: "\e226"; } .ic-arrow-up:before { content: "\e227"; } .ic-arrow-right:before { content: "\e228"; } .ic-arrow-down:before { content: "\e229"; } .ic-arrow-left:before { content: "\e22a"; } .ic-filter:before { content: "\e22b"; } .ic-lastminute:before { content: "\e22c"; } .ic-close:before { content: "\e22d"; } .ic-edit:before { content: "\e22e"; } .ic-instagram:before { content: "\e22f"; } .ic-user:before { content: "\e230"; } .ic-mobile:before { content: "\e231"; } .ic-pin:before { content: "\e232"; } .ic-zoomin:before { content: "\e233"; } .ic-zoomout:before { content: "\e234"; } .ic-search:before { content: "\e235"; } .ic-gift:before { content: "\e236"; } .ic-anchor:before { content: "\e237"; } .ic-calendar:before { content: "\e238"; } .ic-remove:before { content: "\e239"; } .ic-compare:before { content: "\e23a"; } .ic-alarm:before { content: "\e23b"; } .ic-plus:before { content: "\e23c"; } .ic-minus:before { content: "\e23d"; } .ic-pinterest:before { content: "\e23e"; } .ic-call24:before { content: "\e23f"; } .ic-callcenter:before { content: "\e240"; } .ic-delivery:before { content: "\e241"; } .ic-package:before { content: "\e242"; } .ic-globe:before { content: "\e243"; } .ic-lightbulb:before { content: "\e244"; } .ic-microscope:before { content: "\e245"; } .ic-24hours:before { content: "\e246"; } .ic-coupon:before { content: "\e247"; } .ic-tshirt:before { content: "\e248"; } .ic-bag8:before { content: "\e249"; } .ic-bag6:before { content: "\e24a"; } .ic-bag4:before { content: "\e24b"; } .ic-bag3:before { content: "\e24c"; } .ic-bag7:before { content: "\e24d"; } .ic-bag2:before { content: "\e24e"; } .ic-bag5:before { content: "\e24f"; } .ic-cart2:before { content: "\e250"; } .ic-bag:before, .ic-bag1:before { content: "\e251"; } .ic-cart3:before { content: "\e252"; } .ic-smartphones:before { content: "\e253"; } .ic-grid:before { content: "\e254"; } .ic-list:before { content: "\e255"; } .ic-linkedin:before { content: "\e256"; } .ic-bell:before { content: "\e257"; } .ic-xing:before { content: "\e258"; } .ic-vk:before { content: "\e259"; } .ic-weibo:before { content: "\e25a"; } .ic-renren:before { content: "\e25b"; } .ic-behance:before { content: "\e25c"; } .ic-vine:before { content: "\e25d"; } .ic-share:before { content: "\e25e"; } .ic-lowstock:before { content: "\e25f"; } .ic-left:before { content: "\e260"; } .ic-down:before { content: "\e261"; } .ic-up:before { content: "\e262"; } .ic-right:before { content: "\e263"; } /** * Theme icons * Deprecated since 1.10.0 in favor of font icons */ /* Predefined icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Wishlist */ .icon.i-wishlist { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon.i-wishlist-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* bw */ .icon.i-wishlist-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } .icon-hover:hover.i-wishlist-bw, .feature-icon-hover:hover .icon.i-wishlist-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } /* wb */ .icon.i-wishlist-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -57px; } .icon-hover:hover.i-wishlist-wb, .feature-icon-hover:hover .icon.i-wishlist-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -7px; } /* Compare */ .icon.i-compare { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon.i-compare-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* bw */ .icon.i-compare-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } .icon-hover:hover.i-compare-bw, .feature-icon-hover:hover .icon.i-compare-bw, .open > .dropdown-toggle.cover .icon.i-compare-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } /* wb */ .icon.i-compare-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -57px; } .icon-hover:hover.i-compare-wb, .feature-icon-hover:hover .icon.i-compare-wb, .open > .dropdown-toggle.cover .icon.i-compare-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-57px -7px; } /* Share/recommend */ .icon.i-recommend { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon.i-recommend-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* bw */ .icon.i-recommend-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } .icon-hover:hover.i-recommend-bw, .feature-icon-hover:hover .icon.i-recommend-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } /* wb */ .icon.i-recommend-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -57px; } .icon-hover:hover.i-recommend-wb, .feature-icon-hover:hover .icon.i-recommend-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -7px; } /* Low stock */ .icon.i-lowstock { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon.i-lowstock-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* bw */ .icon.i-lowstock-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } .icon-hover:hover.i-lowstock-bw, .feature-icon-hover:hover .icon.i-lowstock-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } /* wb */ .icon.i-lowstock-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -57px; } .icon-hover:hover.i-lowstock-wb, .feature-icon-hover:hover .icon.i-lowstock-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -7px; } /* Cart */ .icon.i-cart { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon.i-cart-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* bw */ .icon.i-cart-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } .icon-hover:hover.i-cart-bw, .feature-icon-hover:hover .icon.i-cart-bw, .open > .dropdown-toggle.cover .icon.i-cart-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } /* wb */ .icon.i-cart-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -57px; } .icon-hover:hover.i-cart-wb, .feature-icon-hover:hover .icon.i-cart-wb, .open > .dropdown-toggle.cover .icon.i-cart-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-457px -7px; } /* Row 2 -------------------------------------------------------------- */ /* Home */ .icon.i-home { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon.i-home-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* bw */ .icon.i-home-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } .icon-hover:hover.i-home-bw, .feature-icon-hover:hover .icon.i-home-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } /* wb */ .icon.i-home-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -157px; } .icon-hover:hover.i-home-wb, .feature-icon-hover:hover .icon.i-home-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-7px -107px; } /* Left */ .icon.i-left { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon.i-left-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* bw */ .icon.i-left-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } .icon-hover:hover.i-left-bw, .feature-icon-hover:hover .icon.i-left-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } /* wb */ .icon.i-left-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -157px; } .icon-hover:hover.i-left-wb, .feature-icon-hover:hover .icon.i-left-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-107px -107px; } /* Right */ .icon.i-right { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon.i-right-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* bw */ .icon.i-right-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } .icon-hover:hover.i-right-bw, .feature-icon-hover:hover .icon.i-right-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } /* wb */ .icon.i-right-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -157px; } .icon-hover:hover.i-right-wb, .feature-icon-hover:hover .icon.i-right-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-157px -107px; } /* Top */ .icon.i-top { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon.i-top-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* bw */ .icon.i-top-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } .icon-hover:hover.i-top-bw, .feature-icon-hover:hover .icon.i-top-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } /* wb */ .icon.i-top-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -157px; } .icon-hover:hover.i-top-wb, .feature-icon-hover:hover .icon.i-top-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-207px -107px; } /* Bottom */ .icon.i-bottom { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon.i-bottom-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* bw */ .icon.i-bottom-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } .icon-hover:hover.i-bottom-bw, .feature-icon-hover:hover .icon.i-bottom-bw { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } /* wb */ .icon.i-bottom-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -157px; } .icon-hover:hover.i-bottom-wb, .feature-icon-hover:hover .icon.i-bottom-wb { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite.png); background-position:-257px -107px; } /** * Social icons * Deprecated since 1.10.0 in favor of font icons */ /* Contact icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Phone */ .icon.i-telephone { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -7px; } .icon.i-telephone-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -57px; } /* Mobile */ .icon.i-mobile { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -7px; } .icon.i-mobile-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -57px; } /* Skype */ .icon.i-skype { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -7px; } .icon.i-skype-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -57px; } /* Letter */ .icon.i-letter { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -7px; } .icon.i-letter-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -57px; } /* Location */ .icon.i-location { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -7px; } .icon.i-location-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -57px; } /* Row 2 -------------------------------------------------------------- */ /* Twitter */ .icon.i-twitter { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -107px; } .icon.i-twitter-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-7px -157px; } /* Facebook */ .icon.i-facebook { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -107px; } .icon.i-facebook-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-57px -157px; } /* Google plus */ .icon.i-googleplus { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -107px; } .icon.i-googleplus-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-107px -157px; } /* Youtube */ .icon.i-youtube { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -107px; } .icon.i-youtube-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-157px -157px; } /* Vimeo */ .icon.i-vimeo { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -107px; } .icon.i-vimeo-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-207px -157px; } /* Wordpress */ .icon.i-wordpress { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -107px; } .icon.i-wordpress-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-257px -157px; } /* Pinterest */ .icon.i-pinterest { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -107px; } .icon.i-pinterest-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-307px -157px; } /* Linked in */ .icon.i-linkedin { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -107px; } .icon.i-linkedin-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-357px -157px; } /* Blogger */ .icon.i-blogger { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -107px; } .icon.i-blogger-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-407px -157px; } /* Envato */ .icon.i-envato { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -107px; } .icon.i-envato-w { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social.png); background-position:-457px -157px; } .sidebar .block:first-child { margin-top: 6px; } /* To align with page title */ .cms-index-index .sidebar .block:first-child { margin-top: 0; } /* Page Heading -------------------------------------------------------------- */ .my-account .page-title, .category-title { border-bottom: 1px solid #e5e5e5; } /* Block titles and section headings -------------------------------------------------------------- */ /* Sidebar blocks */ .block .block-title, /* Filters */ .block-layered-nav .block-subtitle--filter, /* Section title */ .section-title, /* Cart */ .cart .crosssell h2, .cart .discount h2, .cart .shipping h2 { padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; font-weight: normal; font-size: 1.5em; line-height: 1.2222em; } /* Secondary headings -------------------------------------------------------------- */ /* Log in */ .account-login h2, /* Checkout log in */ #opc-login h3, .fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend { padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; font-weight: normal; font-size: 1.5em; line-height: 1.2222em; margin-bottom: 15px; } /* Page title */ .category-title, .my-account .page-title, .box-account .box-head, .dashboard .box .box-title { border-color: #e5e5e5; } /* Elements with horizontal border - standard -------------------------------------------------------------- */ /* Blocks */ .block .actions, /* CMS */ .section-line, /* Misc */ .buttons-set, .toolbar { border-color: #e5e5e5; } /* Elements with horizontal border - lighter -------------------------------------------------------------- */ /* Product page - Add-to-cart area */ .product-view .product-type-data, .product-view .product-type-data .price-box, .container1-wrapper, .container2-wrapper, .product-view .add-to-box, /* Product grid/list */ .category-products-grid .item, .products-list li.item, /* Pop-ups */ .remember-me-popup h3, .map-popup-heading { border-color: #f5f5f5; } /* Elements with vertical border - standard -------------------------------------------------------------- */ /* Ratings separator */ .product-view .ratings .rating-links .separator, /* Product page */ .custom-sidebar-right .inner, .custom-sidebar-left .inner { border-color: #e5e5e5; } /* Elements with vertical border - lighter -------------------------------------------------------------- */ /* Product grid/list */ .products-list .product-shop-inner { border-color: #f5f5f5; } /* Elements with darker border -------------------------------------------------------------- */ /* Cart */ .data-table thead, .cart-table thead tr, .availability-only-details thead { border-color: #e5e5e5; /*Currently the same color as other borders*/ } /* Other elements with border -------------------------------------------------------------- */ .swatch-link { border-color: #cccccc; } /* Background colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Elements with light gray background -------------------------------------------------------------- */ /* Product page - increaments */ .extrahint-wrapper .product-pricing, /* Account */ .addresses-list .addresses-primary .item, .order-info-box, /* Advanced search */ .advanced-search-summary, /* Checkout */ .opc .gift-messages-form { background-color: #f5f5f5; } /* Elements with lighter text -------------------------------------------------------------- */ /* Product grid/list */ .products-list .ratings, .products-grid .ratings, .products-list .ratings a, .products-grid .ratings a, /* Layered navigation count */ .block-layered-nav dl dd ol > li > a .count, /* Breadcrumbs */ .breadcrumbs li, .breadcrumbs a, /* Product page */ .block-related-simple .related-add-to-wishlist, .block-related-thumbnails .related-add-to-wishlist, /* Availability */ .availability, /* Reviews */ .product-view .box-reviews dd .date, /* Product options */ .item-options dd, .product-options p.note { color: #aaa; } /* Forms %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product options form colors -------------------------------------------------------------- */ .product-options dd select, .product-options dd .input-text, .product-options dd textarea, .product-options ul.options-list { color: #888; } .product-options dd select:hover, .product-options dd select:focus, .product-options dd textarea:hover, .product-options dd textarea:focus, .product-options ul.options-list:hover { color: #333; } /* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Shadows: for pop-ups, drop-downs etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Sticky header */ .sticky-header .sticky-container, .dropdown.open > .dropdown-heading.cover, .dropdown.open .dropdown-content, .truncated .truncated_full_value .item-options, .nav-regular .nav-panel--dropdown, .form-search .search-autocomplete ul, .remember-me-popup, .map-popup, #subscribe-form .input-box .validation-advice { -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } /* Transitions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Links and other selected elements -------------------------------------------------------------- */ /* IMPORTANT: link transitions should be placed before other transitions */ a, .mobnav-trigger .trigger-icon .line, .opener, a > .ib, a.feature-icon-hover > .ib { -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } a:hover, .mobnav-trigger:hover .trigger-icon .line, .opener:hover, .nav-item > a:hover + .opener, a:hover > .ib, a.feature-icon-hover:hover > .ib { -webkit-transition-duration: 100ms; transition-duration: 100ms; } /* Carets - in menu -------------------------------------------------------------- */ /*.nav-regular a > .caret {*/ /*-webkit-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;*/ /*transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;*/ /*}*/ /*.nav-regular a:hover > .caret {*/ /*-webkit-transition-duration: 100ms;*/ /*transition-duration: 100ms;*/ /*}*/ /* Interface icons: toolbar icons, pager, prev/next slide etc. -------------------------------------------------------------- */ .sorter .view-mode .grid, .sorter .view-mode .list, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, /* Add-to links */ .add-to-links.addto-icons a, /* Scroll to top */ #scroll-to-top { -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out; } /* Elements with animated color, background color and borders -------------------------------------------------------------- */ /* Forms */ input.input-text, select, textarea, .product-options ul.options-list, .form-search .button, .product-view .product-img-box .more-views .thumbnails li a, .mini-products-list .product-image, .cart .crosssell .product-image, .gen-tabs .tabs a, .gen-tabs .acctab, .opc .step-title { -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out; } /** * Override CSS components */ /* Deprecated: accordion/collapsible openers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion .opener, .collapsible .opener, .acco .opener /* Menu opener */ { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 12px; } .accordion .opener:before, .collapsible .opener:before, .acco .opener:before { content: "\e23c"; } /* Active opener */ .accordion li.item-active > .opener:before, .collapsible.active .opener:before, .acco li.item-active > .opener:before { content: "\e23d"; } /* Colorbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ #cboxPrevious, #cboxNext, #cboxClose { /* Override default background image */ background-image: none !important; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 20px; } #cboxClose { font-size: 16px; } #cboxPrevious:before { content: "\e260"; } #cboxNext:before { content: "\e263"; } #cboxClose:before { content: "\e20f"; } /* Generic-nav %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Styles common for all direction controls */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div { /* Override default background image and remove text indent */ background-image: none !important; text-indent: 0; /* Font icons */ display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Icon size */ font-size: 20px; } .owl-controls .owl-buttons .owl-prev:before { content: "\e260"; } .owl-controls .owl-buttons .owl-next:before { content: "\e263"; } /* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Buttons aligned at the bottom */ .itemslider.equal-height .item { position: static; padding-bottom: 50px; } .itemslider.equal-height .actions { position: absolute; bottom: 0; } /** * Override modules */ /** * Override all Magento base styles. * Add theme-specific styles. */ /** * * * OVERRIDE/EXTEND styles.css * * */ /* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .wrapper { border-top-style:solid; border-top-width:5px; } /* Additional margin for sidebars -------------------------------------------------------------- */ .col-left > *, .col-left .widget-static-block { margin-right: 32px; } .col-right > *, .col-right .widget-static-block { margin-left: 32px; } /* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Form %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Page Heading %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .page-title h1, .page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ } .category-title { margin-bottom:0; } /* Global Messages %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .note-msg.empty-catalog { background:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important; color:inherit; min-height:70px; padding:40px 20px 40px 160px !important; } /* BreadCrumbs %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; } /* Breadcrumbs on product page */ .catalog-product-view .breadcrumbs { margin-bottom:10px; } /* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Line breaker */ .user-menu .line-break-after { clear:both; margin-bottom: 1px; } /* Quick search: skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search: inline -------------------------------------------------------------- */ .search-wrapper-inline .form-search .input-text { min-width: 180px; } /* Quick search: positions %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Position 0 */ .search-wrapper-p0 { float: right; } .search-wrapper-p0 .form-search .input-text { min-width: 220px; } /* Position 1 - right side of top links */ .search-wrapper-p1 { float: right; } .search-wrapper-p1 .form-search .input-text { min-width: 220px; } /* Position 2 - right side of top links */ .search-wrapper-p2 { float: right; } .search-wrapper-p2 .form-search .input-text { min-width: 220px; } /* Position 3 - right side of top links */ .search-wrapper-p3 { float: right; } .search-wrapper-p3 .form-search .input-text { min-width: 220px; } /* Position 4 - right side of top links */ .search-wrapper-p4 { float: right; } .search-wrapper-p4 .form-search .input-text { min-width: 220px; } /* Position 5 - right side of top links */ .search-wrapper-p5 { float: right; } .search-wrapper-p5 .form-search .input-text { min-width: 220px; } /* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip link %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .skip-link { display: none; } /* Counter */ .skip-link .count { display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: red; color: #fff; margin-left: -14px; margin-right: -7px; margin-top: -22px; position: relative; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Cart + compare -------------------------------------------------------------- */ /* Skip links has to be hidden except cart and compare */ .header-regular .mini-cart-heading, .header-regular .mini-compare-heading { display: block; } .header-regular .mini-cart-heading .label.no-display, .header-regular .mini-compare-heading .label.no-display { display: none; } /* Vertically aligned grid (in "Header - Primary" section) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .hp-blocks-holder { display:table; width:100%; } .header-regular .hp-blocks-holder .hp-block { float:none; display:table-cell; vertical-align:middle; } .header-regular .hp-blocks-holder .hp-block:before, .header-regular .hp-blocks-holder .hp-block:after { display: table; content: " "; } .header-regular .hp-blocks-holder .hp-block:after { clear: both; } /* Selected elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ /* Let the search box have the same width as containing block */ .header-regular .form-search { width: 100%; } /* Header sections %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .left-column { text-align: left; } .header-regular .central-column { text-align: center; padding-left: 10px; padding-right: 10px; } .header-regular .right-column { text-align: right; } /* Left column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns -------------------------------------------------------------- */ /* Force left-aligned edge of dropdowns */ .header-regular .left-column .dropdown .dropdown-content { left: 0; right: auto; } /* Avoid dropdown heading stretched in containing block */ .header-regular .left-column .dropdown { display: inline-block; } /* Search box -------------------------------------------------------------- */ .header-regular .left-column .form-search { float: left; } /* Elements of User Menu -------------------------------------------------------------- */ .header-regular .left-column .user-menu .search-wrapper, .header-regular .left-column .user-menu .mini-cart, .header-regular .left-column .user-menu .mini-compare, .header-regular .left-column .user-menu .top-links, .header-regular .left-column .user-menu .top-links ul { float: left; } /* Right column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Dropdowns -------------------------------------------------------------- */ /* Force right-aligned edge of dropdowns */ .header-regular .right-column .dropdown .dropdown-content { left: auto; right: 0; } /* Avoid dropdown heading stretched in containing block */ .header-regular .right-column .dropdown { display: inline-block; } /* Search box -------------------------------------------------------------- */ .header-regular .right-column .form-search { float: right; } /* Elements of User Menu -------------------------------------------------------------- */ .header-regular .right-column .user-menu .search-wrapper, .header-regular .right-column .user-menu .mini-cart, .header-regular .right-column .user-menu .mini-compare, .header-regular .right-column .user-menu .top-links, .header-regular .right-column .user-menu .top-links ul { float: right; } /* Main menu -------------------------------------------------------------- */ .header-regular .right-column .nav-container { float: right; } /* Central column %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search box -------------------------------------------------------------- */ /* Centered search box */ .header-regular .central-column .form-search { margin:0 auto; } /* TODO: remove duplicated rule. Added temporarily to avoid conflicts with customized styles of search box. */ .header-regular .central-column .form-search .input-text { float:right; width:100%; } /* Elements of User Menu -------------------------------------------------------------- */ /* Elements of the central column are centered so the "user-menu" container also needs to be centered: so it needs to be inline-block, it can't float and can't have 100% width. */ .header-regular .central-column .user-menu { display: inline-block; float: none; width: auto; } .header-regular .central-column .user-menu .search-wrapper, .header-regular .central-column .user-menu #mini-cart-wrapper-regular, /* IMPORTANT: cart wrapper also needs to float */ .header-regular .central-column .user-menu .mini-cart, .header-regular .central-column .user-menu .mini-compare, .header-regular .central-column .user-menu .top-links, .header-regular .central-column .user-menu .top-links ul { float: right; } /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular .logo-wrapper--mobile, .header-regular .logo--mobile, .header-regular .header-collateral, .header-regular .after-mobile-logo, .header-regular .skip-links-clearer, .header-regular #search-wrapper-mobile, .header-regular #user-menu-wrapper-mobile, .header-regular #account-links-wrapper-mobile, .header-regular #mini-cart-wrapper-mobile, .header-regular #mini-compare-wrapper-mobile { display: none; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.header-regular .header-top .lang-switcher, .header-regular .header-top .currency-switcher, */ .header-regular #lang-switcher-wrapper-regular, .header-regular #currency-switcher-wrapper-regular, .header-regular .header-top .dropdown { margin:0; } /* Mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Some skip links are also displayed in regular header so the styles specific to mobile header have to be applied with "header-mobile" class */ .header-mobile .skip-link { position: relative; float: left; width: 20%; height: 50px; line-height: 50px; text-align: center; cursor: pointer; } .header-mobile a.skip-link { text-decoration: none; } /*.header-mobile .skip-link:not(.skip-active):hover*/ .header-mobile .skip-link:hover { opacity: 0.7; } .header-mobile .skip-link.skip-active:hover { opacity: 1; } /* Elements -------------------------------------------------------------- */ .header-mobile .skip-link .icon { display: inline-block; vertical-align: middle; margin-right: 3px; font-size: 16px; line-height: 16px; } .header-mobile .skip-link .label { display: inline-block; vertical-align: middle; line-height: 16px; } .header-mobile .skip-link .count { display: inline-block; vertical-align: middle; } .header-mobile .skip-link .caret { display: none; } /* Active link -------------------------------------------------------------- */ .header-mobile .skip-link.skip-active, .header-mobile .skip-link:hover { color: inherit; } .header-mobile .skip-link.skip-active span { color: inherit; } .header-mobile .skip-link.skip-active .count { color: #fff; } /* Size -------------------------------------------------------------- */ .header-mobile .skip-links--1 .skip-link { width: 100%; } .header-mobile .skip-links--2 .skip-link { width: 50%; } .header-mobile .skip-links--3 .skip-link { width: 33.33%; } .header-mobile .skip-links--4 .skip-link { width: 25%; } .header-mobile .skip-links--5 .skip-link { width: 20%; } .header-mobile .skip-links--6 .skip-link { width: 16.66%; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Compare -------------------------------------------------------------- */ /* Hide compare block's heading (only heading) */ .header-mobile .mini-compare .mini-compare-heading { display: none; } .header-mobile .mini-compare .actions { border: none; padding-top: 0; } /* Cart + compare -------------------------------------------------------------- */ /* Important: possible value "relative" of the "position" property. In mobile header, we need to reset "position" of the dropdown container so that it doesn't cover other skip links. We also need to remove float. */ .header-mobile .mini-cart, .header-mobile .mini-compare { position: static; float: none; } .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /*.header-mobile .skip-cart { float: right; } .header-mobile .skip-compare { float: right; }*/ /* Skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content { display: none; } .header-mobile .skip-content.skip-active { display: block; } /* Styls required in skip-content blocks are added through special class so that we can control which blocks are styled -------------------------------------------------------------- */ .header-mobile .skip-content--style { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* Skip content blocks have to be reset the same as all grid units because skip content blocks can have grid units */ width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin: 0; } .header-mobile .skip-content--style:before, .header-mobile .skip-content--style:after { display: table; content: " "; } .header-mobile .skip-content--style:after { clear: both; } /* Selected skip content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Search -------------------------------------------------------------- */ .header-mobile .form-search { width: 100%; } .header-mobile .form-search .input-text { width: 100%; } /* Cart + compare -------------------------------------------------------------- */ .header-mobile .mini-cart-content, .header-mobile .mini-compare-content { clear: both; width: 100%; } /* Vertically aligned grid (in "Header - Primary" section). In mobile header all grid units are stretched to full width and stack vertically. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .hp-blocks-holder .hp-block { width: 100%; /* TODO: add "!important" to override units with "no-gutter"? */ margin-left: 0; margin-right: 0; } /* TODO: test */ @media only screen and (max-width: 960px) { /* If special class exists, reset blocks below this breakpoint - blocks become full width and stack vertically. */ .header-regular .hp-blocks-holder--with-menu .hp-block { display: block; width: 100%; margin-left: 0; margin-right: 0; } /* Remove floating of the menu container */ .header-regular .hp-blocks-holder--with-menu .nav-container { float: none; } .header-regular .hp-blocks-holder--with-menu .right-column { text-align: inherit; } } /* Top links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .top-links { float: none !important; clear: both; } .header-mobile .top-links ul { float: none !important; } /* Generic vertical inline links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .skip-content .links > li { float: none; line-height: 44px; font-size: 16px; } .header-mobile .skip-content .links > li > a { background-image: none; /* Remove link separators */ } /* Logo and collateral elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Regular logo */ .header-mobile .logo-wrapper--regular { display: none; } /* Mobile logo */ .header-mobile .logo-wrapper--mobile { width: 60%; margin-left: auto; margin-right: auto; text-align: center; } .header-mobile .logo-wrapper--mobile .logo { display: block; margin-top: 5px; margin-bottom: 5px; } /* Header collateral elements */ .header-mobile .header-collateral { float: right; text-align: right; } /* If collateral next to logo, logo floats left */ .header-mobile .header-collateral + .logo-wrapper--mobile { float: left; text-align: left; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .line-break-after { display: none !important; } /* User menu -------------------------------------------------------------- */ .header-mobile .user-menu { float: none !important; margin: 0; /* Important: remove margins to collapse the block completely */ } /* Language/currency switcher -------------------------------------------------------------- */ /*.header-mobile #lang-switcher-wrapper-regular, .header-mobile #currency-switcher-wrapper-regular { display: none; }*/ .header-mobile.move-switchers #lang-switcher-wrapper-regular, .header-mobile.move-switchers #currency-switcher-wrapper-regular { display: none; } /* Mobile menu inside mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Hide/show basic elements */ .header-mobile .mobnav-trigger-wrapper { display: none !important; } /* Always hidden */ .header-mobile .nav-mobile { display: block !important; } /* Always displayed */ /* Remove side padding from inner container when menu container has "simple" class */ .header-mobile .nav.simple .inner-container { padding-left: 0; padding-right: 0; } /* Primary header - in mobile header mode remove bottom padding, because it would create a gap between skip links and content */ .header-mobile .header-primary { padding-bottom: 0; } /* Menu container */ .header-mobile .nav {} /* Container -------------------------------------------------------------- */ /* Important: menu container is also a "skip-content" block */ .header-mobile .nav-container { /* Padding for menu container may be added via admin panel so we need to remove it here. We can reset here entire padding, because bottom padding is later re-applied in CSS generated via admin. Bottom padding is kept so that mobile header look more similar to regular header. */ padding: 0; /* If needed, reset also other styles which are added to standard "skip-content" blocks */ /* Remove background color */ background-color: transparent; } /* Menu bar -------------------------------------------------------------- */ /* Remove shadow */ .header-mobile .nav-container #nav { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* Menu items -------------------------------------------------------------- */ /* Mobile menu - remove possible gap from the top of the very first item. Gaps are added as dividers between items of the mobile menu accordion. */ .header-mobile .nav-mobile .nav-item.nav-1 { margin-top: 0 !important; } /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-mobile .container_header_primary_left_1, .header-mobile .container_header_primary_central_1, .header-mobile .container_header_primary_right_1 { display: none; } /* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .sticky-header .sticky-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000; background-color: #fff; } /* Reset selected styles of the menu bar in sticky header -------------------------------------------------------------- */ /* Remove additional padding above and below the menu container */ .sticky-header .nav-container { padding-top: 0; padding-bottom: 0; } /* Remove background color and vertical padding (they work as an outline of the menu bar) from the nav container */ .sticky-header .nav-container .nav { background-color: transparent; padding-top: 0; padding-bottom: 0; } /* Remove shadow from the menu bar and from the menu bar container */ .sticky-header .nav-container .nav, .sticky-header .nav-container #nav { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } /* Category labels -------------------------------------------------------------- */ /* Make top-level category labels invisible */ .sticky-header .nav-regular .nav-item.level0 > a .cat-label { display: none; } /* Alternatively, we can make the labels smaller */ /*.sticky-header .nav-regular .nav-item.level0 > a .cat-label { font-size: 11px; line-height: 15px; padding: 0 4px; top: 2px; } .sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/ /* Full width content -------------------------------------------------------------- */ .sticky-header .sticky-container--full-width .container { /* Stretch the container to take all available space */ max-width: none; width: 100%; } .sticky-header .sticky-container--full-width .inner-container { padding-left: 0; padding-right: 0; } /* Hide selected elements -------------------------------------------------------------- */ /* Text label of the dropdown when inside sticky header */ .sticky-header .nav-holder .dropdown-heading .label { display: none; } /* Sticky header + mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.sticky-header .nav-container { height: 55px; } .sticky-header .nav-mobile { height: 300px; overflow-y: auto; overflow-x: hidden; }*/ /* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Block lists %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-viewed .block-content ol, .block-compare .block-content ol, .block-compared .block-content ol { padding-left: 0; list-style: none; } .block-viewed .block-content li.item, .block-compare .block-content li.item, .block-compared .block-content li.item { background:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 3px 10px; padding-left:15px; } /* Block: Related %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Align block title with the tabs on product page */ /*.block-related .section-title { padding-top: 19px; }*/ /* Block: Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .block-account .block-title { background:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; } .block-account .block-content { padding:10px 0 0; } .block-account li > * { padding: 2px; } .block-account li.current strong { font-weight:bold; } /* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .products-grid .item { -webkit-tap-highlight-color: transparent; } /* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Availability %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .availability { float:right; margin:15px 0 10px; } /* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Prices %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Bundle product */ .price-box-bundle { border-bottom:1px solid #e5e5e5; margin:-10px 0 15px; /* Move up to align with the main price box */ padding-bottom:15px; } /* Main containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Margin before price box */ .product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; } /* Upper part of the container */ .product-view .product-type-data > .price-box { border-top-style:solid; border-top-width:1px; margin:15px 0 0; padding:10px 0; } /* Other %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Reviews */ .product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; } /* New elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .sku { margin: 15px 0; } .product-view .sku .label { font-weight: bold; } /* Product type specific data %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; } .product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ } /* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /*.my-account .pager { margin: -1px 0 20px; }*/ /** * * * MISCELLANEOUS * * */ /* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Accordion - Style 1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .accordion-style1 li a { border-bottom-color:#eee; border-bottom:1px solid rgba(0,0,0,0.06); } .accordion-style1 li a:hover { background-color:rgba(0,0,0, 0.03); } /* Deprecated: opener -------------------------------------------------------------- */ .accordion-style1 .opener { background-color:rgba(0,0,0, 0.03); } /* Collapsible blocks. Set position and other properties of arrow icon. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Different types of collapsible blocks share the same styles */ /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible blocks */ .collapsible .block-title:after, .mobile-collapsible .block-title:after, /* Sidebar blocks */ .sidebar .block .block-title:after, /* Layered navigation */ .block-layered-nav .block-title:after { float: right; font-size: 22px; } /* Blocks collapsible only on mobile - hide arrow */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: none !important; } /* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons applied with icon codes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* These icons needs to have the same basic styles as standard font icons. Except line height - it would override individual size of each icon. */ .form-search .button:before, .buttons-set .back-link a:before, .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before, .btn-edit:before, .breadcrumbs .sep, /* Generic tabs - accordion */ .gen-tabs .acctab:after, /* Collapsible block icon */ .collapsible .block-title:after, .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { display: inline-block; font-family: ThemeIcons; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Apply icon codes -------------------------------------------------------------- */ .form-search .button:before { content: "\e235"; } .buttons-set .back-link a:before { content: "\e22a"; } .btn-remove:before, .btn-remove2:before, .map-popup-close:before, .remember-me-popup-head .remember-me-popup-close:before { content: "\e22d"; } .btn-edit:before { content: "\e22e"; } .breadcrumbs .sep:before { content: "\e228"; font-size: 8px; } .gen-tabs .acctab:after, .collapsible .block-title:after, .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { content: "\e261"; } .gen-tabs .acctab.current:after, .collapsible .block-title.active:after, .mobile-collapsible .block-title.active:after, .sidebar .block .block-title.active:after, .block-layered-nav .block-title.active:after { content: "\e262"; } /* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Menu container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Simple menu container - when menu is inside the container which is not full-width but is narrow and placed in one of the header sections. Override the width of the "nav" class. */ .nav.simple { width: 100%; } /* Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Collateral boxes - full width */ .cart-left-column .grid-full, .cart-right-column .grid-full { width:100%; } /** * * * BUILT-IN STATIC BLOCKS * * */ .block_category_above_collection { margin:10px 0; } .block_category_below_collection { margin:10px 0; } .block_category_above_empty_collection { margin:10px 0; } .block_mini_cart_above_products { margin:0 0 10px; } .block_cms_page_top { margin:0 0 15px; } .block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; } /* Sample block content -------------------------------------------------------------- */ .sample-block { color:#999; margin-top:10px; padding: 0 !important; transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out; } .sample-block:hover { color:#333; } /** * * * HIGH-RESOLUTION READY IMAGES (RETINA-READY) * * */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 3/2), only screen and ( -ms-min-device-pixel-ratio: 1.5), only screen and ( min-device-pixel-ratio: 1.5) { /* Rating */ .rating-box, .rating-box .rating { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/img/rating@2x.png); background-size:14px 43px; } /* Icons below are obsolete and will be removed in future releases. Icons created with image sprites were replaced with font icons. Font icons should be used instead of old sprite image icons. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Theme icons IMPORTANT: Deprecated: will be removed in next versions (sprite image icons were replaced with font icons). -------------------------------------------------------------- */ /* To top */ #scroll-to-top, /* Search button */ .header .form-search .button span, /* All icons from icons-theme.css */ /* Row 1: */ .icon.i-wishlist, .icon.i-wishlist-w, .icon.i-wishlist-bw, .icon.i-wishlist-wb, .icon.i-compare, .icon.i-compare-w, .icon.i-compare-bw, .icon.i-compare-wb, .icon.i-recommend, .icon.i-recommend-w, .icon.i-recommend-bw, .icon.i-recommend-wb, .icon.i-lowstock, .icon.i-lowstock-w, .icon.i-lowstock-bw, .icon.i-lowstock-wb, .icon.i-cart, .icon.i-cart-w, .icon.i-cart-bw, .icon.i-cart-wb, /* Row 2: */ .icon.i-home, .icon.i-home-w, .icon.i-home-bw, .icon.i-home-wb, .icon.i-left, .icon.i-left-w, .icon.i-left-bw, .icon.i-left-wb, .icon.i-right, .icon.i-right-w, .icon.i-right-bw, .icon.i-right-wb, .icon.i-top, .icon.i-top-w, .icon.i-top-bw, .icon.i-top-wb, .icon.i-bottom, .icon.i-bottom-w, .icon.i-bottom-bw, .icon.i-bottom-wb /* Last selector without trailing coma */ { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite@2x.png); background-size:500px 200px; } /* All icons from icons-social.css -------------------------------------------------------------- */ /* Row 1: */ .icon.i-telephone, .icon.i-telephone-w, .icon.i-mobile, .icon.i-mobile-w, .icon.i-skype, .icon.i-skype-w, .icon.i-letter, .icon.i-letter-w, .icon.i-location, .icon.i-location-w, /* Row 2: */ .icon.i-twitter, .icon.i-twitter-w, .icon.i-facebook, .icon.i-facebook-w, .icon.i-googleplus, .icon.i-googleplus-w, .icon.i-youtube, .icon.i-youtube-w, .icon.i-vimeo, .icon.i-vimeo-w, .icon.i-wordpress, .icon.i-wordpress-w, .icon.i-pinterest, .icon.i-pinterest-w, .icon.i-linkedin, .icon.i-linkedin-w, .icon.i-blogger, .icon.i-blogger-w, .icon.i-envato, .icon.i-envato-w /* Last selector without trailing coma */ { background-image:url(https://grandway.com.ua/skin/frontend/ultimo/default/images/sprite-icons-social@2x.png); background-size:500px 200px; } } /* end: media query */ /* Grid units %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, /* Alias for full-width unit */ /* Special grid units */ .grid-col2-sidebar, .grid-col2-main { float:left; margin-left:1%; margin-right:1%; } /* Basic grid units width */ .grid12-1 { width:6.33%; } .grid12-2 { width:14.66%; } .grid12-3 { width:23%; } .grid12-4 { width:31.33%; } .grid12-5 { width:39.67%; } .grid12-6 { width:48%; } .grid12-7 { width:56.33%; } .grid12-8 { width:64.67%; } .grid12-9 { width:73%; } .grid12-10 { width:81.33%; } .grid12-11 { width:89.67%; } .grid12-12, .grid-full { width:98%; } /* Grid units without left gutter (margin) */ .no-left-gutter.grid12-1 { margin-left:0; width:7.33%; } .no-left-gutter.grid12-2 { margin-left:0; width:15.66%; } .no-left-gutter.grid12-3 { margin-left:0; width:24%; } .no-left-gutter.grid12-4 { margin-left:0; width:32.33%; } .no-left-gutter.grid12-5 { margin-left:0; width:40.67%; } .no-left-gutter.grid12-6 { margin-left:0; width:49%; } .no-left-gutter.grid12-7 { margin-left:0; width:57.33%; } .no-left-gutter.grid12-8 { margin-left:0; width:65.67%; } .no-left-gutter.grid12-9 { margin-left:0; width:74%; } .no-left-gutter.grid12-10 { margin-left:0; width:82.33%; } .no-left-gutter.grid12-11 { margin-left:0; width:90.67%; } .no-left-gutter.grid12-12, .no-left-gutter.grid-full { margin-left:0; width:99%; } /* Grid units without right gutter (margin) */ .no-right-gutter.grid12-1 { margin-right:0; width:7.33%; } .no-right-gutter.grid12-2 { margin-right:0; width:15.66%; } .no-right-gutter.grid12-3 { margin-right:0; width:24%; } .no-right-gutter.grid12-4 { margin-right:0; width:32.33%; } .no-right-gutter.grid12-5 { margin-right:0; width:40.67%; } .no-right-gutter.grid12-6 { margin-right:0; width:49%; } .no-right-gutter.grid12-7 { margin-right:0; width:57.33%; } .no-right-gutter.grid12-8 { margin-right:0; width:65.67%; } .no-right-gutter.grid12-9 { margin-right:0; width:74%; } .no-right-gutter.grid12-10 { margin-right:0; width:82.33%; } .no-right-gutter.grid12-11 { margin-right:0; width:90.67%; } .no-right-gutter.grid12-12, .no-right-gutter.grid-full { margin-right:0; width:99%; } /* Grid units without any gutter (margin) */ .no-gutter.grid12-1 { margin-left:0; margin-right:0; width:8.33%; } .no-gutter.grid12-2 { margin-left:0; margin-right:0; width:16.66%; } .no-gutter.grid12-3 { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid12-4 { margin-left:0; margin-right:0; width:33.33%; } .no-gutter.grid12-5 { margin-left:0; margin-right:0; width:41.67%; } .no-gutter.grid12-6 { margin-left:0; margin-right:0; width:50%; } .no-gutter.grid12-7 { margin-left:0; margin-right:0; width:58.33%; } .no-gutter.grid12-8 { margin-left:0; margin-right:0; width:66.67%; } .no-gutter.grid12-9 { margin-left:0; margin-right:0; width:75%; } .no-gutter.grid12-10 { margin-left:0; margin-right:0; width:83.33%; } .no-gutter.grid12-11 { margin-left:0; margin-right:0; width:91.67%; } .no-gutter.grid12-12, .no-gutter.grid-full { margin-left:0; margin-right:0; width:100%; } /* Special grid units: basic structure of pages with 1 and 2 sidebars -------------------------------------------------------------- */ /* 2 columns: fixed-width sidebar unit and fluid main unit. Sidebar unit has the same width for all screen sizes equal or greater than 1280px. Width of the main unit is fluid. */ .grid-col2-sidebar { width:23%; } .grid-col2-main { width:73%; } .no-gutter.grid-col2-sidebar { margin-left:0; margin-right:0; width:25%; } .no-gutter.grid-col2-main { margin-left:0; margin-right:0; width:75%; } /* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */ .grid-col3-sidebar { width:31.52%; } .grid-col3-main { width:65.90%; } .no-gutter.grid-col3-sidebar { margin-left:0; margin-right:0; width:31.52%; } .no-gutter.grid-col3-main { margin-left:0; margin-right:0; width:65.90%; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:table; width:100%; } .v-grid { float:none; display:table-cell; vertical-align:middle; } /* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */ .alpha { margin-left:0; } .omega { margin-right:0; } /* Hide element if screen width is lower than the width specified in the class name */ .hide-below-1680 { display:none !important; } .hide-below-1440 { display:none !important; } .hide-below-1360 { display:none !important; } .hide-below-1280 { display:none !important; } /* Containers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Main container for page content. Max width of the page is applied to elements with this class. -------------------------------------------------------------- */ .container { margin-left:auto; margin-right:auto; } .nested-container { width:102%; margin-left:-1%; } /* Deprecated */ /* Inner container. Additional container, horizontal padding is applied to elements with this class. -------------------------------------------------------------- */ .inner-container { padding-left: 15px; padding-right: 15px; clear: both; } /* Clear floats */ .inner-container:before, .inner-container:after { display: table; line-height: 0; content: ""; } .inner-container:after { clear: both; } /* Full width container -------------------------------------------------------------- */ .container.full-width { width: 100%; max-width: none; } /* Expanded container (without inner side padding) -------------------------------------------------------------- */ .container.no-side-padding > .inner-container { padding-left: 0; padding-right: 0; } /* Grid units container: clears floats (place grid units inside "div" with this class) -------------------------------------------------------------- */ .grid-container { clear: both; } .grid-container:before, .grid-container:after { display: table; line-height: 0; content: ""; } .grid-container:after { clear: both; } /* Grid unit container: clears floats and adds vertical margin between units -------------------------------------------------------------- */ .grid-container-spaced { clear: both; } .grid-container-spaced:before, .grid-container-spaced:after { display: table; line-height: 0; content: ""; } .grid-container-spaced:after { clear: both; } .grid-container-spaced .grid12-1, .grid-container-spaced .grid12-2, .grid-container-spaced .grid12-3, .grid-container-spaced .grid12-4, .grid-container-spaced .grid12-5, .grid-container-spaced .grid12-6, .grid-container-spaced .grid12-7, .grid-container-spaced .grid12-8, .grid-container-spaced .grid12-9, .grid-container-spaced .grid12-10, .grid-container-spaced .grid12-11, .grid-container-spaced .grid12-12, .grid-container-spaced .grid-full { margin-bottom: 2%; } /* Grid presentation -------------------------------------------------------------- */ .show-grid [class*="grid12-"] { background-color: #eee; text-align: center; min-height: 40px; line-height: 40px; -webkit-transition: 300ms ease-in-out; transition: 300ms ease-in-out; } .show-grid [class*="grid12-"]:hover { background-color: #F08080; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2018-04-06 10:18:21 */ body { color: #000000; background-color: #f5f5f5; font-size: 14px; } a { color: #000000; } a:hover, .vertnav li.current > a, h2.product-name a:hover, h3.product-name a:hover, h4.product-name a:hover, h5.product-name a:hover, p.product-name a:hover { color: #000000; } .caret { border-top-color: #000000; } .button { background-color: #e83232; color: #ffffff; } .button:hover, .button:focus { background-color: #333333; color: #ffffff; } .product-view .btn-cart, .btn-checkout { background-color: #e83232; color: #333333; } .product-view .btn-cart:hover, .btn-checkout:hover { background-color: #333333; color: #ffffff; } .links > li > a:hover { color: #ffffff !important; } .sticker.new { background-color: #e83232; color: #ffffff; } .sticker.sale { background-color: #e83232; color: #ffffff; } .price-box .price, /* All prices in price-box */ .price-as-configured .price /* Bundle product - final price on product page */ { color: #e83232; } .special-price .price, .special-price .price-label, .minimal-price-link .price { color: #ee001c !important; } .price-notice .price, .old-price, .price-box .old-price .price, #map-popup-msrp, /* MSRP prices */ .map-popup-msrp .price { color: #aaa; } .additional-bg-color, .block-layered-nav .currently, .block-layered-nav .actions, .cart .totals, .checkout-agreements li { background-color: #eeeeee; } .skip-link .count { background-color: #ff0000; } /* Custom content class */ .main-font, /* Headings */ h1, h2, h3, h4, h5, .section-title, .products-list .product-name, .products-grid .product-name, h3.product-name, /*TODO:remove*/ .block-layered-nav .block-subtitle--filter, /* Filters */ /* Generic */ .feature .heading, .accordion .heading, /* Main menu */ /* Regular mode */ .nav-regular .nav-item.level0 > a, /* level 1 */ /* Mega dropdown */ .nav-regular .nav-submenu--mega > li > a, /* First level of mega dropdown */ /* Containers for additional elements in the menu bar */ .nav-regular .nav-holder .dropdown-heading, /* Mobile mode */ .mobnav-trigger, .nav-mobile .nav-item.level0 > a, /* level 1 */ .nav-mobile .nav-item.level1 > a, /* level 2 */ .nav-mobile .nav-item.level2 > a, /* level 3 */ /* Holders for additional elements in the menu bar */ .nav-regular .nav-holder .dropdown-heading, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading, /* Mobile header skip links */ .header-mobile .skip-link .label, /* Block headings */ .block .block-title, /* Checkout headings */ #opc-login h3, /* Multiple checkout */ /*.fieldset .legend, .multiple-checkout .col2-set h2.legend, .info-set h2.legend,*/ /* Account */ .box-account .box-head h2, .order-items h2.table-caption, .order-items h2.sub-title, .order-items .order-comments h2, /* Product page */ .product-view .box-reviews dt .heading, .gen-tabs .tabs a, /* Footer headings */ .footer .heading, #subscribe-form label, /* Captions */ .caption .heading { font-family: "PT Sans Caption", georgia, serif; } /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages a, .pager .pages .current, /* Add-to links */ .add-to-links .ic, /* Slider arrows */ .slider-arrows1 .owl-controls .owl-buttons div, .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .slider-arrows2 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page span, .slider-pagination2 .owl-controls .owl-page span, /* Lightbox */ #cboxPrevious, #cboxNext, #cboxClose, /* Accordion and collapsible: opener */ .accordion-style1 .opener, .collapsible .opener, /* Scroll to top */ #scroll-to-top { background-color: transparent; color: #e83232; } /* Toolbar */ .sorter .view-mode a:hover, .sorter .sort-by .category-asc:hover, .sorter .sort-by .category-desc:hover, .pager .pages li a:hover, /* Add-to links */ .add-to-links .ic:hover, .add-to-links .feature-icon-hover:hover .ic, /* Slider arrows */ .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Lightbox */ #cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover, /* Accordion and collapsible: opener */ .accordion-style1 .opener:hover, .collapsible .opener:hover, /* Scroll to top */ #scroll-to-top:hover { background-color: transparent; color: #000000; } /* Slider pagination */ .slider-pagination1 .owl-controls .owl-page.active span, .slider-pagination1 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .slider-pagination2 .owl-controls .owl-page.active span, .slider-pagination2 .owl-controls.clickable .owl-page.active:hover span, /* Active state overrides hover state */ .sorter .view-mode span.grid, .sorter .view-mode span.list, .pager .pages .current { background-color: #e83232; color: #ffffff; } .ib, /* For backward compatibility: */ .feature > span.icon { background-color: #e83232; color: #f2f2f2; } .ib-hover:hover, .feature-icon-hover:hover .ib, /* For backward compatibility: */ .icon-hover:hover, .feature-icon-hover:hover > span.icon { background-color: #333333 !important; color: #e83232 !important; } .ib.icon-color-productview, span.icon.icon-color-productview { background-color: #3f3e36; } .ib-hover.icon-color-productview:hover, .feature-icon-hover:hover .ib.icon-color-productview, .feature-icon-hover:hover span.icon.icon-color-productview { background-color: #3f3e36 !important; } .wrapper { border: none !important; background-color: #ffffff; } .inner-container { padding-left: 0px; padding-right: 0px; } @media only screen and (max-width: 479px) { .container > .inner-container { padding-left: 12px; padding-right: 12px; } } .main.container > .inner-container { padding-left: 0; padding-right: 0; } @media only screen and (max-width: 479px) { .main.container:not(.no-side-padding) > .inner-container { padding-left: 12px; padding-right: 12px; } } .header-container { } .header { } .header a { } .header a:hover { } .header-container3 { } .header .caret { border-top-color: #000000; } .form-search .input-text { background-color: #ffffff; border-color: #dddddd; } .form-search .input-text:hover, .form-search .input-text:focus { background-color: #ffffff; border-color: #eeeeee; } .form-search .input-text, .form-search .button { color: #bbbbbb; } .form-search .input-text:hover, .form-search .input-text:focus, .form-search .input-text:hover + .button, .form-search .button:hover { color: #333333; } .header-container .dropdown .dropdown-content, .header-container .dropdown.open > .dropdown-heading.cover > *, .header-container .truncated .truncated_full_value .item-options, .header-container .form-search .search-autocomplete { background-color: #f5f5f5; color: #333333; } .header-container .dropdown .dropdown-content a, .header-container .dropdown.open > .dropdown-heading.cover a, .header-container .form-search .search-autocomplete li { color: #333333; } .header-container .dropdown .dropdown-content a:hover, .header-container .dropdown.open > .dropdown-heading.cover a:hover, .header-container .form-search .search-autocomplete li:hover { color: #e83232; } .header-container .dropdown.open > .dropdown-heading.cover .caret, .nav-holder .dropdown.open > .dropdown-heading.cover .caret { border-top-color: #333333; } .header-top-container { background-color: transparent; } .header-top { background-color: transparent; color: #ffffff; } .header-top a { color: #ffffff; } .header-top a:hover { color: #ffffff; } .header-top, .header-top .dropdown .dropdown-heading, .header-top .links > li { line-height: 36px; } .header-top .dropdown .dropdown-heading { max-height: 36px; } .header-primary-container { background-color: transparent; } .header-primary { background-color: transparent; } .header-primary .dropdown .dropdown-heading, .header-primary .links > li { font-size: 12px; line-height: 36px; } .header-primary .dropdown .dropdown-heading { max-height: 36px; } .header-mobile .skip-link { background-color: #ffffff; color: #333333; } .header-mobile .skip-link:hover { color: #333333; } .header-mobile .skip-link.skip-active { background-color: #f5f5f5; color: #e83232; } .header-mobile .skip-content--style { background-color: #f5f5f5; color: #333333; } .header-mobile .skip-content--style a { color: #333333; } .header-mobile .skip-content--style a:hover { color: #e83232; } .cat-label-label1 { background-color: #00bb12; color: #333333; } .cat-label-label2 { background-color: #fb0027; color: #ffffff; } li.level0 > a > span > .cat-label-label1.pin-bottom:before { border-top-color: #00bb12; } li.level0 > a > span > .cat-label-label2.pin-bottom:before { border-top-color: #fb0027; } li > a:hover > span > .cat-label, .nav-regular li.level0:hover > a > span > .cat-label /* Top-level category label is highlighted on item hover, not on link hover */ { background-color: #f2f2f2; color: #333333; } li.level0 > a:hover > span > .pin-bottom:before, .nav-regular li.level0:hover > a > span > .pin-bottom:before { border-top-color: #f2f2f2; } #nav .nav-panel--dropdown { background-color: #e5e5e5; color: #333333; } #nav .nav-panel--dropdown a { color: #333333; } #nav .nav-panel--dropdown a:hover { color: #e83232; } #nav .nav-panel--dropdown a .caret { border-left-color: #333333; border-right-color: #333333; } #nav .nav-panel--dropdown a:hover .caret { border-left-color: #e83232; border-right-color: #e83232; } .nav-mobile div.nav-panel--dropdown { -moz-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); -webkit-box-shadow: 0 3px 10px rgba(0,0,0, 0.15); box-shadow: 0 3px 10px rgba(0,0,0, 0.15); z-index: 1; position: relative; } .nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .nav-container { background-color: transparent; } .nav { } .sticky-header .nav-container, .sticky-header .nav-regular { background-color: #000000; } .sticky-header .nav-regular .nav-item.level0 > a, .sticky-header .nav-regular .nav-holder .dropdown-heading, .sticky-header .nav-regular .nav-item--homeicon a, .sticky-header .nav-regular .nav-item--homeicon.active a { color: #ffffff; } .sticky-header .nav-regular .nav-item.level0.parent > a .caret, .sticky-header .nav-regular .nav-holder .dropdown-heading .caret { border-top-color: #ffffff; } .nav-regular { background-color: transparent; } .nav-regular .first-regular{ background-color: transparent; } .nav-regular .nav-item.level0 > a, #nav .nav-item--homeicon a, .nav-regular .nav-holder .dropdown-heading, .nav-regular .nav-holder a.dropdown-heading:hover { color: #ffffff; } .nav-mobile .nav-item.level0 > a { background-color: transparent; color: #ffffff; } .nav-mobile .nav-item.level0 > .opener { color: #ffffff; } #nav.nav-mobile ul.level0 .nav-item > a { background-color: transparent; color: #ffffff; } .nav-mobile ul.level0 .nav-item > .opener { color: #ffffff; } .nav-regular .nav-item.level0.active > a { background-color: transparent; color: #ffffff; } .nav-mobile .nav-item.level0.current > a { background-color: transparent; color: #ffffff; } .nav-mobile .nav-item.level0.current > .opener { color: #ffffff; } #nav.nav-mobile ul.level0 .nav-item.current > a { background-color: transparent; color: #ffffff; } .nav-mobile ul.level0 .nav-item.current > .opener { color: #ffffff; } .nav-regular .nav-item.level0:hover > a { background-color: transparent; color: #ffffff; } .nav-mobile .nav-item.level0 > a:hover { background-color: transparent; color: #ffffff; } .nav-mobile .nav-item.level0 > a:hover + .opener { color: #ffffff; } #nav.nav-mobile ul.level0 .nav-item > a:hover { background-color: transparent; color: #ffffff; } .nav-mobile ul.level0 .nav-item > a:hover + .opener { color: #ffffff; } .nav-regular .nav-item.level0 > a { line-height: 50px; } .nav-regular .nav-holder > * { line-height: 50px; max-height: 50px; } .nav-regular .nav-holder .dropdown-heading { line-height: 50px; max-height: 50px; } .nav-regular .nav-item.level0.parent > a .caret, .nav-holder .dropdown-heading .caret { border-top-color: #ffffff; } .nav-regular .nav-item.level0.parent.active > a .caret { border-top-color: #ffffff; } .nav-regular .nav-item.level0.parent:hover > a .caret { border-top-color: #ffffff; } .nav-mobile .nav-item { margin-top: 1px !important; } .nav-mobile { background-color: #eeeeee; } .mobnav-trigger-wrapper { background-color: transparent; color: #ffffff; } .mobnav-trigger { background-color: transparent; color: #ffffff; } .mobnav-trigger:hover { background-color: transparent; color: #ffffff; } .mobnav-trigger.active { background-color: transparent; color: #ffffff; } .mobnav-trigger .trigger-icon .line { background-color: #ffffff; } .mobnav-trigger:hover .trigger-icon .line { background-color: #ffffff; } .mobnav-trigger.active .trigger-icon .line { background-color: #ffffff; } .nav-regular .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading, .nav-holders-wrapper-mobile .nav-holder .dropdown .dropdown-heading { font-size:14px; text-transform:uppercase; } .nav-regular .nav-submenu--mega > li > a { font-size:16px; text-transform:uppercase; } .nav-mobile li.nav-item > a { font-size:14px; } .mobnav-trigger, .nav-mobile .nav-item.level0 > a { font-size:16px; text-transform: uppercase; } .nav-mobile .nav-item.level1 > a { font-size:16px; text-transform: none; } .main-container { background-color: transparent; } .main { background-color: #ffffff; } .truncated .item-options { background-color: #ffffff; } .category-products-grid .item, .products-list .item { } .category-products-grid .item:hover, .products-list .item:hover { background-color: #ffffff; } .gen-tabs .tabs { } .gen-tabs .tabs a { background-color: #ffffff; color: #000000; } .gen-tabs .tabs a:hover /*, .gen-tabs .tabs a:focus */ { background-color: #ffffff; color: #000000; border-color: #ffffff; border-bottom-color: transparent; } .gen-tabs .tabs a.current { background-color: #ffffff; color: #e83232; } .gen-tabs .tabs-panels { background-color: #ffffff; border-top-color: #ffffff; } .gen-tabs .tabs a.current { border-color: #ffffff; border-bottom-color: transparent; } .gen-tabs .tabs a.current:hover { border-bottom-color: transparent; } .gen-tabs .acctab { background-color: transparent; color: #333333; border-color: #ffffff; } .gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current { background-color: #ffffff; color: #e83232; } /* Slider arrows */ .the-slideshow .owl-controls .owl-buttons div, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls .owl-page span, /* For pagination2 default color overrides color of active state and hover state */ .the-slideshow.slider-pagination2 .owl-controls .owl-page span, .the-slideshow.slider-pagination2 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span { background-color: #ffffff; color: #333333; } /* Slider arrows */ .the-slideshow .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page:hover span, .the-slideshow.slider-pagination2 .owl-controls.clickable .owl-page:hover span { background-color: #000000; color: #ffffff; } .the-slideshow.slider-pagination1 .owl-controls .owl-page.active span, .the-slideshow.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span /* Active state overrides hover state */ { background-color: #ff391c; } .footer-container { background-color: #e5e5e5; } .footer { background-color: #e5e5e5; } .footer a { } .footer a:hover { } .footer .button { background-color: ; color: ; } .footer .button:hover, .footer .button:focus { background-color: ; color: ; } .footer .ib, .footer span.icon /* For backward compatibility */ { background-color: ; color: ; } .footer .ib-hover:hover, .footer span.icon-hover:hover, /* For backward compatibility */ .footer .feature-icon-hover:hover .ib, .footer .feature-icon-hover:hover span.icon /* For backward compatibility */ { background-color: !important; color: !important; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls .owl-buttons div, .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover, .footer .slider-arrows2 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls .owl-buttons div, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls .owl-page span, .footer .slider-pagination2 .owl-controls .owl-page span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener, .footer .collapsible .opener { background-color: ; color: ; } /* Slider arrows */ .footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover, .footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover, /* Slider pagination */ .footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span, .footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span, /* Accordion and collapsible: opener */ .footer .accordion-style1 .opener:hover, .footer .collapsible .opener:hover { background-color: ; color: ; } .footer-top-container { background-color: #e5e5e5; } .footer-top { background-color: #e5e5e5; } .footer-top a { } .footer-top a:hover { } .footer-primary-container { background-color: #e5e5e5; padding-top: 30px; padding-bottom: 10px; } .footer-primary { background-color: #e5e5e5; } .footer-primary a { } .footer-primary a:hover { } .footer-secondary-container { background-color: #f2f2f2; } .footer-secondary { background-color: #f2f2f2; } .footer-secondary a { } .footer-secondary a:hover { } .footer-bottom-container { background-color: #e5e5e5; } .footer-bottom { background-color: #e5e5e5; color: #939495; padding-bottom: 40px; } .footer-bottom a { color: #939495; } .footer-bottom a:hover { color: #939495; } .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { background-color: #d9d9d9; color: #939495; } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { background-color: #d9d9d9 !important; color: #939495 !important; } body.shadow .nav, body.shadow .main, body.shadow .footer-top, body.shadow .footer-primary, body.shadow .footer-secondary, body.shadow .footer-bottom, body.shadow .show-bg, .drop-shadow { -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } .post-list .item { color: #333333; } .post-list .item a, .post-list .item .show-post { color: #333333; } .post-list .item .bullet { color: #bbbbbb; } .post-list .item .post-name a, .post-grid .item .post-name a { color: #333333; } .post-list .item:hover { color: #333333; } .post-list .item:hover a, .post-list .item:hover .show-post { } .post-list .item a:hover, .post-list .item .show-post:hover { color: #e83232; } .post-list .item:hover .bullet { color: #bbbbbb; } .post-list .item:hover .post-name a, .post-grid .item:hover .post-name a { } .post-list .item .post-name a:hover, .post-grid .item .post-name a:hover { color: #333333; } .post-list .item.archived .archived-label { color: #333333; background: #dddddd; } .post-list .item.archived:hover .archived-label { color: #333333; background: #dddddd; } .post-list .item.archived:hover { } .post-list .item.archived:hover a, .post-list .item.archived:hover .show-post { } .post-list .item.archived a:hover, .post-list .item.archived .show-post:hover { } .post-list .item.archived:hover .bullet { } .post-list .item.archived:hover .post-name a, .post-grid .item.archived:hover .post-name a { } .post-list .item.archived .post-name a:hover, .post-grid .item.archived .post-name a:hover { } .brander-unitopblog-post-view .post-title h1 { } .brander-unitopblog-post-view .post-info { } .brander-unitopblog-post-view .post-post_content { } .layerednavigation-slider-bar { background: #ff0000; } div.block-layered-nav div.layerednavigation-slider:before { background: #dddddd; } div.block-layered-nav div.layerednavigation-slider div.handle, div.block-layered-nav div.layerednavigation-slider div.handle.selected { border: 3px solid #ff0000; background: #ffffff; } .social-links .ib, .social-links a > span.icon /* For backward compatibility */ { } .social-links .ib-hover:hover, .social-links a > span.icon-hover:hover /* For backward compatibility */ { } .sticker.gift-include, .sticker.bestseller { background-color: #e83232; color: #ffffff; } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * 2016-05-10 12:28:58 */ /* Grid container %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .container { width:96%; } .lte-ie8 .container { max-width:3000px; } /* Desktop - design for a width of 1680px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1680px <= width */ @media only screen and (min-width: 1680px) { .container { max-width:3000px; } /* Special grid units */ .grid-col2-sidebar { width: 16.11%; } .grid-col2-main { width: 79.88%; } .no-gutter.grid-col2-sidebar { width: 18.11%; } .no-gutter.grid-col2-main { width: 81.88%; } .grid-col3-sidebar { width:20.18%; } .grid-col3-main { width:77.34%; } .no-gutter.grid-col3-sidebar { width:20.18%; } .no-gutter.grid-col3-main { width:77.34%; } /* Hide */ .hide-below-1680 { display:inherit !important; } .hide-below-1440 { display:inherit !important; } .hide-below-1360 { display:inherit !important; } .hide-below-1280 { display:inherit !important; } } /* Desktop - design for a width of 1440px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1440px <= width */ @media only screen and (min-width: 1440px) and (max-width: 1679px) { /* Special grid units */ .grid-col2-sidebar { width: 17.75%; } .grid-col2-main { width: 78.24%; } .no-gutter.grid-col2-sidebar { width: 19.75%; } .no-gutter.grid-col2-main { width: 80.24%; } .grid-col3-sidebar { width:22.68%; } .grid-col3-main { width:74.90%; } .no-gutter.grid-col3-sidebar { width:22.68%; } .no-gutter.grid-col3-main { width:74.90%; } /* Hide */ .hide-below-1440 { display:inherit !important; } .hide-below-1360 { display:inherit !important; } .hide-below-1280 { display:inherit !important; } } /* Desktop - design for a width of 1366px and 1360px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) and (max-width: 1439px) { /* Special grid units */ .grid-col2-sidebar { width: 18.84%; } .grid-col2-main { width: 77.15%; } .no-gutter.grid-col2-sidebar { width: 20.84%; } .no-gutter.grid-col2-main { width: 79.15%; } .grid-col3-sidebar { width:24.42%; } .grid-col3-main { width:72.98%; } .no-gutter.grid-col3-sidebar { width:24.42%; } .no-gutter.grid-col3-main { width:72.98%; } /* Hide */ .hide-below-1360 { display:inherit !important; } .hide-below-1280 { display:inherit !important; } } /* Desktop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* Special grid units */ .grid-col2-sidebar { width: 20.41%; } .grid-col2-main { width: 75.58%; } .no-gutter.grid-col2-sidebar { width: 22.41%; } .no-gutter.grid-col2-main { width: 77.58%; } .grid-col3-sidebar { width:27.01%; } .grid-col3-main { width:70.34%; } .no-gutter.grid-col3-sidebar { width:27.01%; } .no-gutter.grid-col3-main { width:70.34%; } /* Hide */ .hide-below-1280 { display:inherit !important; } } /* Design for a width of less than 1024 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 1024px */ @media only screen and (max-width: 1023px) { /* Hide */ .hide-below-1024 { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Hide */ .hide-below-960 { display:none !important; } } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { .nested-container { width:100%; margin-left:auto; } /* Nav container with outline (if nav container has background color). Apply the same vertical margins, as container's side padding. */ .nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; } /* Below 768px all grid units are stretched (full width) and stack vertically */ .grid12-1, .grid12-2, .grid12-3, .grid12-4, .grid12-5, .grid12-6, .grid12-7, .grid12-8, .grid12-9, .grid12-10, .grid12-11, .grid12-12, .grid-full, .grid-col2-sidebar, .grid-col2-main, .grid-col3-sidebar, .grid-col3-main { width:100% !important; /* Added "!important" to override units with "no-gutter" */ margin-left:0; margin-right:0; } /* Vertically aligned grid -------------------------------------------------------------- */ .v-grid-container { display:block; } .v-grid { float:inherit; display:block; width:100%; } } /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } /* Deprecated: persistent grid units (will be removed in the next update) -------------------------------------------------------------- */ /* Half */ .persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; } /* One-third + two-thirds */ .persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; } .persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; } /* One-fourth + two-fourths + three-fourths */ .persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; } .persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; } .persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; } /* Mobile grid (for browser viewport between 480px and 768px): Below 768px all grid units are stretched (full width) and stack vertically. The "mobile-grid" class forces narrow grid units to stay narrow, but the width is increased to avoid too small columns. -------------------------------------------------------------- */ .mobile-grid.grid12-1 { width:14.66% !important; margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */ .mobile-grid.grid12-2 { width:31.33% !important; margin-left:1%; margin-right:1%; } /* 1/6 turns into 1/3 */ .mobile-grid.grid12-3 { width:48% !important; margin-left:1%; margin-right:1%; } /* 1/4 turns into 1/2 */ /* Force other grid units to take half of the available width */ .mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; } } /* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { } /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Enlarge containers to full width and remove max width */ .container { max-width: none !important; width: 100%; } } /* Mobile (Portrait) - design for a width of 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } } /* Mobile (Portrait) - design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Hide */ .hide-below-960 { display:none !important; } .hide-below-768 { display:none !important; } .hide-below-480 { display:none !important; } .hide-below-320 { display:none !important; } } /** * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost. * To override or extend default CSS styles use custom.css file (refer to the user guide for details). * 2022-07-16 17:57:01 */ /* Desktop - design for a width of 1680px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1680px <= width */ @media only screen and (min-width: 1680px) { /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(8n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(8n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:395px; } /*5*/ /* Direction navigation */ .itemslider-thumbnails.count-5 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:4.1em; } .caption p { font-size:1.8333em; } } /* Desktop - design for a width of 1440px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1440px <= width */ @media only screen and (min-width: 1440px) and (max-width: 1679px) { /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(8n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.8em; } .caption p { font-size:1.8333em; } } /* Desktop, wide laptop - design for a width of 1360px and 1366px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1360px <= width */ @media only screen and (min-width: 1360px) and (max-width: 1439px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.5em; } .caption p { font-size:1.6666em; } } /* Desktop, laptop - design for a width of 1280px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 1280px <= width */ @media only screen and (min-width: 1280px) and (max-width: 1359px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:110px; } /* Misc -------------------------------------------------------------- */ /* Mini cart */ .after-mini-cart { clear:none; } /* Item grid -------------------------------------------------------------- */ /* Item grid: 2 columns */ .itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; } .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) { clear:left !important; } /* Item grid: 3 columns */ .itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; } .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) { clear:left !important; } /* Item grid: 4 columns */ .itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; } .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) { clear:left !important; } /* Item grid: 5 columns */ .itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; } .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) { clear:left !important; } /* Item grid: 6 columns */ .itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; } .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) { clear:left !important; } /* Item grid: 7 columns */ .itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; } .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:3.3em; } .caption p { font-size:1.6666em; } } /* Design for a width of 960-1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 960px <= width < 1280px */ @media only screen and (min-width: 960px) and (max-width: 1279px) { /* Cart -------------------------------------------------------------- */ .cart-table .product-image { max-width:80px; } } /* Design for menu for a width of less than 1280 px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ @media only screen and (min-width: 1024px) and (max-width: 1279px) { /* Menu */ .nav-regular .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { } .nav-regular .nav-item.level0 > a { padding: 0 6px; } } @media only screen and (min-width: 960px) and (max-width: 1023px) { /* Menu */ .nav-regular .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { } .nav-regular .nav-item.level0 > a { padding: 0 4px; } } @media only screen and (max-width: 959px) { /* Menu */ .nav-regular .nav-item.level0 > a, .nav-regular .nav-holder .dropdown-heading { } .nav-regular .nav-item.level0 > a { padding: 0 3px; } } /* Mobile, small old desktop - design for a width of less than 960px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 960px */ @media only screen and (max-width: 959px) { /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Misc -------------------------------------------------------------- */ /* Scroll to top button */ #scroll-to-top { /*display:none !important;*/ width:40px; height:40px; line-height:40px; font-size:28px; bottom:81px; right:0; border-radius:0; } /* Hide Sign Up link in Top Links */ #link-sign-up { display:none; } /* Hide amount. Note: has to be defined after aligning ".amount" center */ .toolbar .sorter .amount { display:none !important; } } /* Tablet (Portrait) - design for a width of 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width < 960px */ @media only screen and (min-width: 768px) and (max-width: 959px) { /* Default Magento classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Cart -------------------------------------------------------------- */ .cart-table .product-name { font-size:1em; font-family: inherit; } .cart-table .product-image { max-width:80px; } /* Product page -------------------------------------------------------------- */ /* Related - simple */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow caption -------------------------------------------------------------- */ .caption .heading { font-size:2.0833em; } .caption p { font-size:1.1666em; } .caption button.button span span { height: 35px; line-height: 35px; padding: 0 15px; } } /* All desktop - design for a width of 768px and wider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 768px <= width */ @media only screen and (min-width: 768px) { /* Mobile collapsible -------------------------------------------------------------- */ .footer .mobile-collapsible .block-title { border-bottom:none; } /* Hide line when not on mobile */ } /* All mobile - design for a width of less than 768px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 768px */ @media only screen and (max-width: 767px) { /* Grid and basic layout -------------------------------------------------------------- */ /* Margin for basic Magento columns */ .col-main, .col-left, .col-right { margin-bottom:30px; } /* Product view: margin for all grid units */ .product-view .grid12-1, .product-view .grid12-2, .product-view .grid12-3, .product-view .grid12-4, .product-view .grid12-5, .product-view .grid12-6, .product-view .grid12-7, .product-view .grid12-8, .product-view .grid12-9, .product-view .grid12-10, .product-view .grid12-11, /* deprecated */ .product-view .grid4-1, .product-view .grid4-2, .product-view .grid4-3, .product-view .grid2-1 /* end:deprecated */ { margin-bottom:30px; } /* Remove additional margin for sidebars */ .col-left > *, .col-left .widget-static-block { margin-right: 0; } .col-right > *, .col-right .widget-static-block { margin-left: 0; } /* Magento utility classes -------------------------------------------------------------- */ .nobr { white-space:normal !important; } /* Forms -------------------------------------------------------------- */ .form-list .field, .form-list input.input-text, .form-list textarea, .form-list select, .form-list li.wide .input-box, .form-list li.wide input.input-text, .form-list li.wide textarea, .form-list li.wide select { max-width:100%; } /* Tables -------------------------------------------------------------- */ .data-table thead .nobr { white-space:normal !important; } .data-table th, .data-table td { padding:5px; } /* Data tables formatting -------------------------------------------------------------- */ /* Basic formatting */ .cart .data-table thead, .my-wishlist .data-table thead, .my-account .data-table thead, .order-review .data-table thead { display:none; } .cart .data-table tbody, .my-wishlist .data-table tbody, .my-account .data-table tbody, .order-review .data-table tbody { background:transparent !important; } .cart .data-table tr, .cart .data-table td, .my-wishlist .data-table tr, .my-wishlist .data-table td, .my-account .data-table tr, .my-account .data-table td, .order-review .data-table tr, .order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; } .cart .data-table tr, .my-wishlist .data-table tr, .my-account .data-table tr, .order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; } /* Highlight first cell in table footer */ .my-account .data-table tfoot tr td:first-child, .order-review .data-table tfoot tr td:first-child { font-weight:bold; } /* Show cell label */ .data-table .cell-label { display:inline-block; width:30%; min-width:100px; max-width:140px; margin-right:10px; font-weight:bold; } /* Header -------------------------------------------------------------- */ /* Global notices -------------------------------------------------------------- */ .global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; } .global-site-notice .notice-inner p { width:100%; padding:0 0 10px; } .global-site-notice .notice-inner .actions { padding-bottom:5px; } /* Items in the top header -------------------------------------------------------------- */ /* Make side margins smaller */ .header .item-left { margin-right: 5px; } .header .item-right { margin-left: 5px; } /* Other -------------------------------------------------------------- */ /* User menu (Top Links) */ .user-menu { width:100%; margin-left:0; margin-right:0; } /* Top links */ .top-links { float:left; } /* Line breaker - disable on narrow screens */ .user-menu .line-break-after { clear:none; } /* Header - old styles applied when mobile header mode is not enabled and the "header-regular" class is not removed from header container on narrow screens -------------------------------------------------------------- */ /* Vertically aligned blocks. Reset block below this breakpoint - blocks become full width and stack vertically -------------------------------------------------------------- */ .header-regular .hp-blocks-holder { display:block; } .header-regular .hp-blocks-holder .hp-block { float:inherit; display: block; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } /* Logo -------------------------------------------------------------- */ .header-regular .header .logo-wrapper { text-align:center; } .header-regular .header .logo-wrapper .logo { width:70%; margin-left:auto; margin-right:auto; } /* Quick search -------------------------------------------------------------- */ /* Search: mobile (search bar layout for narrow screens) -------------------------------------------------------------- */ .header-regular .search-wrapper-mobile { display: block; /* To override possible inline styles */ clear: both; width: 100%; margin: 10px 0; /*float: none;*/ } .header-regular .search-wrapper-mobile .form-search { width: 100%; max-width: 440px; margin-left: auto; margin-right: auto; } .header-regular .search-wrapper-mobile .form-search .input-text { width: 100%; min-width: 100%; /* Cancel minimum width */ } /* Search: header inline -------------------------------------------------------------- */ /* Note: added .header class to override other selectors */ .header-regular .header .search-wrapper-inline { display: block; clear: both; width: 100%; margin: 10px auto; } /* Main -------------------------------------------------------------- */ /* On mobile there is no need to set minimum height of the content area */ .main { min-height: 100px; } /* Footer -------------------------------------------------------------- */ /* Footer elements - align center */ .footer .mobile-inline-container { text-align:center; } .footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .footer-primary-top-spacing, .footer-primary-bottom-spacing, .footer-top .links, .footer-bottom { text-align:center; } .footer-primary-top-spacing .item, .footer-primary-bottom-spacing .item, #subscribe-form, .footer-bottom .item, .footer-top .links li { float:none; display:inline-block; } .footer-top .item { float:none; } /* Simplify links */ .footer .links-wrapper-separators .links li a, .footer .links-wrapper-separators-left .links li a { background-image:none; } /* Footer elements */ .footer-primary-bottom-spacing .item { width:100%; margin:0; } .footer-bottom .item { margin-left:5px; margin-right:5px; } /* Copyright - remove space */ .footer-copyright { margin-left:0; } /* Primary and secondary section: additional inner padding */ .footer-primary > .grid-full > .section, .footer-secondary > .grid-full > .section { padding:15px 10px; } /* Breadcrumbs on product page -------------------------------------------------------------- */ .catalog-product-view .breadcrumbs { text-align: center; } .catalog-product-view .breadcrumbs > * { display: inline-block; } /* Layered navigation -------------------------------------------------------------- */ .block-layered-nav { margin-top: 30px; margin-bottom: 30px; } /* Hide main heading of the block */ .block-layered-nav .block-title { display: none; } .block-layered-nav .block-content { font-size: 14px; padding: 0; } #narrow-by-list, #narrow-by-list2 { margin: 0 15px; } /* Attributes -------------------------------------------------------------- */ .block-layered-nav .block-content > dl > dt { cursor: pointer; padding: 7px 10px 7px 25px; border-bottom: 1px solid #f5f5f5; text-transform: uppercase; } /* Block subtitle -------------------------------------------------------------- */ .block-layered-nav .block-subtitle--filter { margin: 0; display: block; } /* Single filter -------------------------------------------------------------- */ .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { position: static; padding: 7px 14px; margin-bottom: 5px; } .block-layered-nav dl dd ol > li > a:before { display: none; /* Hide on mobile */ } .block-layered-nav dl dd ol > li > a { color: inherit; background-color: #f9f9f9; padding: 5px 10px; } .block-layered-nav dl dd ol > li > a:hover { text-decoration: none; background: #f5f5f5; } /* Toolbar -------------------------------------------------------------- */ /* All elements - align center and increase vertical spacing */ .pager, .sorter { text-align:center; } .pager .amount, .pager .limiter, .pager .pages, .sorter .amount, .sorter .limiter, .sorter .view-mode, .sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; } .toolbar .sort-by, .toolbar .sorter .amount { border-right:none; } .sorter .per-page, .pager .per-page { display:none; } /* Category view -------------------------------------------------------------- */ .note-msg.empty-catalog { background-position:center 10px !important; color:inherit; padding:150px 10px 10px !important; text-align:center; } /* Page heading with RSS link */ .page-title { position:relative; } .page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; } /* Products list -------------------------------------------------------------- */ .products-list .product-shop-inner { padding-right:0; border-right:none; } /* Products grid: override size of elements (values like size-s) -------------------------------------------------------------- */ /* Product name */ .products-grid .product-name { font-size:1.1666em; /*14px*/ line-height:1.2307em; /*16px*/ } /* Product page -------------------------------------------------------------- */ /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */ .product-view .box-additional { margin-top:0; } /* Related: remove bottom margin */ .block-related-slider { margin-bottom:0; } /* Sidebar */ .product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; } .product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; } /* Add-to links */ .product-view .add-to-links { text-align: center; } .product-view .add-to-links li { float: none; display: inline-block; } /* Cart -------------------------------------------------------------- */ /* Buttons below table: align center */ .cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; } .cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; } /* One Page Checkout -------------------------------------------------------------- */ /* Step title - link "edit" */ .opc .allow .step-title a { display:none; } /* Form */ /*.opc form fieldset { display:table-column-group; }*/ /* Account -------------------------------------------------------------- */ .my-wishlist .product-image { max-width: none; } /* Items slider -------------------------------------------------------------- */ .control-nav.control-paging { display:none; } /* Deprecated */ /* If only one item exists */ .itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */ /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper-outer { margin-top: 0 !important; /* Reset nagative top margin */ } /* Slideshow navigation: move buttons to the top right corner */ .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; } .the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; } /* Deprecated */ .the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; } .the-slideshow .direction-nav .next { top:4%; right:2%; } /* Pagination */ .the-slideshow-wrapper .owl-pagination { display: none; } /* Slideshow caption */ /* Shrink font, hide all elements except heading */ .caption > * { display:none !important; } .caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; } .caption p { font-size:1.1666em; margin-bottom:1px; } .caption button.button span span { height: 30px; line-height: 30px; padding: 0 10px; } /* Cloud Zoom -------------------------------------------------------------- */ /* Hide zoom */ .cloud-zoom-big, .cloud-zoom-lens { display:none !important; } .cloud-zoom-lens { cursor:default !important; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; } /* Lightbox -------------------------------------------------------------- */ #cboxTitle, #cboxCurrent { display:none !important; } /* Accordion -------------------------------------------------------------- */ .accordion-style1 li a { padding:15px 10px; font-size: 1.1666em; /*14px*/ line-height: 1.2857em; /*18px*/ } /* Space for openner if item has children. It has to be a few pixels wider than openner */ .accordion-style1 li.parent > a { padding-right:53px; } .accordion-style1 .opener { width:48px; height:48px; line-height:48px; } /* Different types of collapsible blocks -------------------------------------------------------------- */ /* Sidebar blocks */ .sidebar .block { margin-bottom: 20px; } /* Blocks collapsible only on mobile, so icon visible only on mobile */ .mobile-collapsible .block-title:after, .sidebar .block .block-title:after, .block-layered-nav .block-title:after { /* Show only on mobile */ display: inline-block !important; } .mobile-collapsible .block-title, .sidebar .block .block-title, .block-layered-nav .block-title { cursor: pointer; } } /* end: width < 768px */ /* Mobile (Landscape) - design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480px <= width < 768px */ @media only screen and (min-width: 480px) and (max-width: 767px) { /* Category view -------------------------------------------------------------- */ .products-list .product-shop, .products-list .right-column, .products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; } /* Cloud zoom -------------------------------------------------------------- */ /* Broaden the slider if at least 4 thumbnails */ .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:316px; } /*4*/ /* Direction navigation */ .itemslider-thumbnails.count-4 .direction-nav { display:none; } /* Shrink and align center the main image */ .img-box .product-image { width:60.4651%; /*364px*/ } } /* end: 480px <= width < 768px */ /* Design for a width of 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 640px <= width < 768px */ @media only screen and (min-width: 640px) and (max-width: 767px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) { clear:left !important; } } /* end: 640px <= width < 768px */ /* Design for a width of less than 640px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 640px */ @media only screen and (max-width: 639px) { h1 { font-size:2em; line-height:1.25em; /*24px, 30px*/ } h2 { font-size:1.6666em; line-height:1.2em; /*20px, 24px*/ } h3 { font-size:1.3333em; line-height:1.25em; /*16px, 20px*/ } h4 { font-size:1.1666em; line-height:1.1428em; /*14px, 16px*/ } h5 { font-size:1em; line-height:1em; /*12px, 12px*/ } h6 { font-size:1em; line-height:1em; /*12px, 12px*/ } /* Mobile header -------------------------------------------------------------- */ .header-mobile .skip-link .label { display: none !important; } .header-mobile .skip-link .icon { margin-right: 0; } .header-mobile .skip-link .count { margin-right: 0; /* Reset negative margin to align content of a skip-link */ } /* Dropdowns in mobile header collaterals */ .header-mobile .header-collateral .dropdown .dropdown-heading { line-height: 24px; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; } } /* end: width < 640px */ /* Design for a width of 480px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 480 <= width < 640px */ @media only screen and (min-width: 480px) and (max-width: 639px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } } /* end: 480 <= width < 640px */ /* Design for a width of less than 480px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 480px */ @media only screen and (max-width: 479px) { /* Products grid -------------------------------------------------------------- */ .products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */ .products-grid .item .add-to-links { display: none !important; } /* Buttons - stretch full width -------------------------------------------------------------- */ .buttons-set .button, .title-buttons .button, .cart .btn-checkout, .mini-cart .actions .button, .mini-compare .actions .button { float: none; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 7px; } .buttons-set .button:last-child, .cart .btn-checkout:last-child, .mini-cart .actions .button:last-child { margin-bottom: 0; } /* Button on product page - stretch full width and remove vertical alignment -------------------------------------------------------------- */ .product-view .add-to-cart .btn-cart { display: block; width: 100%; margin: 0 0 7px; } .product-view .add-to-cart { display: block; float: none; } /* Buttons set -------------------------------------------------------------- */ .buttons-set .back-link { display: none; } .buttons-set .required { display: none; } /* Grid elements -------------------------------------------------------------- */ .col2-set .col-1, .col2-set .col-2 { width:100%; } /* Header -------------------------------------------------------------- */ /* Simplify horizontal links */ .header .links-wrapper-separators .links li a, .header .links-wrapper-separators-left .links li a { background-image:none; } /* Header elements - align center. TODO: apply or remove in future updates. -------------------------------------------------------------- */ .header .mobile-inline-container { text-align:center; } .header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; } /* Header top elements - align center -------------------------------------------------------------- */ /*.header-top { text-align:center; } .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; } .header-top .links { text-align:center; } .header-top .links li { float:none; display:inline-block; }*/ /* Header - old styles applied when mobile header mode is not enabled and the "header-regular" class is not removed from header container on narrow screens -------------------------------------------------------------- */ /* Header elements - align center -------------------------------------------------------------- */ /* Links */ .header-regular .header .links { text-align:center; } .header-regular .header .links li { float:none; display:inline-block; } /* User menu */ .header-regular .user-menu { text-align:center; } .header-regular .user-menu > *, .header-regular .user-menu .links, .header-regular .dropdown { float:none !important; display:inline-block !important; } /* Products list -------------------------------------------------------------- */ .products-list .item { margin-bottom:20px; } .products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ } .products-list .product-image { margin-bottom:20px; } /* Products list: disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .products-list.hover-effect .item { border-top: none; } .products-list.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:0; padding-right:0; box-shadow: none !important; } /* Products grid: override size of elements (values like size-xs) -------------------------------------------------------------- */ /* Product page -------------------------------------------------------------- */ /* Reviews */ .product-view .box-reviews .form-add .data-table th, .product-view .box-reviews .form-add .data-table td { padding:6px 1px; } .product-view .box-reviews .form-add .form-list input.input-text, .product-view .box-reviews .form-add .form-list textarea { width:90%; } /* Add-to links */ .product-view .add-to-links { text-align: inherit; } /* Toolbar -------------------------------------------------------------- */ .sorter .view-mode { display:none; } .sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */ /* Account -------------------------------------------------------------- */ /* Account info + Order info */ /* .box-account.box-info .col-1, .order-info-box .col-1 { border-right:none; } .box-account.box-info .col-1 .box, .order-info-box .col-1 .box { padding-right:0; } */ .my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; } .my-account .col2-set .col-1 .box { padding-right:0; } /* Order details */ .order-items .sub-title .separator { display:none; } /* Checkout -------------------------------------------------------------- */ .opc .step-title h2 { font-size:1em; line-height:2.8333em; } /* Advanced search results -------------------------------------------------------------- */ .advanced-search-summary ul { width: 100%; margin-right: 0; } /* Footer -------------------------------------------------------------- */ #subscribe-form label { display: inline-block; float: none; line-height: 1em; margin: 15px 0 2px; } #subscribe-form .input-box { display: inline-block; float: none; margin: 5px 0; position: relative; width: 100%; } #subscribe-form .input-text { width:100%; max-width:100%; } #subscribe-form .button { display: inline-block; float: none; } /*TOOD: check on mobiles*/ #subscribe-form .input-box .validation-advice { width: 100%; left: 0; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow .control-nav { display:none; } /* Deprecated */ /* Slideshow caption */ /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */ .caption > *, .caption .heading, .caption .permanent { display:none !important; } .caption .heading.permanent { display:inline-block !important; } .caption .heading { font-size:1.3333em; } .caption p { font-size:1em; } /* Itemslider -------------------------------------------------------------- */ /* Pagination */ .itemslider .owl-pagination { display: none; } /* Cloud zoom -------------------------------------------------------------- */ #zoom-btn { display:none; } /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; } } /* end: width < 480px */ /* Design for a width of 320px (mobile - portrait) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 320px <= width < 480px */ @media only screen and (min-width: 320px) and (max-width: 479px) { /* Item grid -------------------------------------------------------------- */ .itemgrid.itemgrid-adaptive .item { width:48%; clear:none !important; } .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) { clear:left !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:237px; } /*3*/ /*{ max-width:158px; }*/ /*2*/ /* Direction navigation */ .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: 320px <= width < 480px */ /* Design for a width of less than 320px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 320px */ @media only screen and (max-width: 319px) { /* Disable hover effect -------------------------------------------------------------- */ /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */ .category-products-grid.hover-effect .item { border-top: none; } .category-products-grid.hover-effect .item:hover { margin-left:0; margin-right:0; padding-left:1%; padding-right:1%; box-shadow: none !important; } /* Show elements normally displayed only on hover */ .category-products-grid.hover-effect .item .display-onhover { display:block !important; } /* Show full name even if enabled: display name in single line */ .products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; } /* Spaces between items */ .category-products-grid.hover-effect .item { margin-bottom: 20px; } /* Mobile header -------------------------------------------------------------- */ .header-mobile .header-collateral { float: none; text-align:center; } .header-mobile .header-collateral > * { display: inline-block; } .header-mobile .logo-wrapper--mobile { float: none !important; text-align: center !important; } /* Product page -------------------------------------------------------------- */ /* Related - thumbnails */ .block-related-thumbnails .product-details { margin-left:0; margin-bottom:10px; clear:left; } .block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; } .block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; } /* Item grid -------------------------------------------------------------- */ /* Always show 1 column */ /* Important: added ".itemgrid" class to override other styles */ .itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; } /* Cloud zoom -------------------------------------------------------------- */ /* Thumbnails */ .img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; } /* Slideshow -------------------------------------------------------------- */ .the-slideshow-wrapper .owl-buttons { display: none; } .the-slideshow .direction-nav { display:none; } /* Deprecated */ } /* end: width < 320px */ /* Design for a width of 240px (small mobile) %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* 240px <= width < 320px */ @media only screen and (min-width: 240px) and (max-width: 319px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:158px; } /*2*/ } /* end: 240px <= width < 320px */ /* Design for a width of lass than 240px %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* width < 240px */ @media only screen and (max-width: 239px) { /* Cloud zoom -------------------------------------------------------------- */ /* Shrink the slider if to many thumbnails */ .itemslider-thumbnails.count-2, .itemslider-thumbnails.count-3, .itemslider-thumbnails.count-4, .itemslider-thumbnails.count-5, .itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/ /* Direction navigation */ .itemslider-thumbnails.count-2 .direction-nav, .itemslider-thumbnails.count-3 .direction-nav, .itemslider-thumbnails.count-4 .direction-nav, .itemslider-thumbnails.count-5 .direction-nav, .itemslider-thumbnails.count-multi .direction-nav { display:block; } } /* end: width < 240px */ /** * Override styles configured via admin panel */ /* Additional styles for interface icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Icons with no background -------------------------------------------------------------- */ /* Toolbar */ .sorter .view-mode a, .sorter .sort-by .category-asc, .sorter .sort-by .category-desc, .pager .pages li a, /* Slider arrows (for zoom thumbnails) */ .slider-arrows3 .owl-controls .owl-buttons div, .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:transparent; } /* Other icons -------------------------------------------------------------- */ /* Add-to links icons in product grid - square, no rounding */ .products-grid .addto-links-icons span.icon { border-radius: 0; } /* Pager */ .pager .pages li a { background-color:#f5f5f5; } /* Add-to links */ .addto-links-icons .ic { background-color:#fff; } #nav .nav-panel--dropdown .grandway-ul+.std,#top .header-social{float:right}.current-page-unclickable,.slick-slide.dragging img{pointer-events:none}#nav{position:static;transform:none}#nav .nav-panel-inner{padding:23px 0}.sticky-header #nav{position:relative}#nav .nav-item.level0>a{display:inline-block}#nav .nav-item.level-2{position:static}#nav .nav-panel--dropdown{min-height:100%;box-sizing:border-box;box-shadow:0 0 0;width:100%;right:0;left:auto;padding:19px 0}#nav .nav-panel--dropdown.level0{width:25%;left:0;right:auto;margin:30px 0 0;position:absolute;display:none}.sticky-header #nav .nav-panel--dropdown.level0{margin:0;top:50px!important}#nav .nav-panel--dropdown.level1{right:auto;left:100%}#nav .nav-panel--dropdown.level2{right:auto;left:100%;height:100%}#nav .nav-panel--dropdown.level2:before{left:0;width:100%;box-shadow:15px 15px 0 15px rgba(0,0,0,.3)}#nav .nav-panel--dropdown .grandway-ul{overflow:visible}#nav .nav-panel--dropdown .grandway-ul.no-shadow:after{display:none}#nav .nav-panel--dropdown .grandway-ul:after{content:'';width:0;height:100%;position:absolute;right:0;top:0;box-shadow:15px 15px 0 15px rgba(0,0,0,.3)}#nav .nav-panel--dropdown a{position:relative;display:block;z-index:12;padding:8px 0 8px 45px}.nav-regular .classic>.nav-panel--dropdown{padding:0;z-index:5}.nav-regular .classic>.nav-panel--dropdown li{position:static}.nav-regular .classic>.nav-panel--dropdown li.level1>a{position:relative}.nav-regular .nav-panel li.classic:hover>.nav-panel--dropdown,.nav-regular .nav-panel li.mega:hover>.nav-panel--dropdown,.nav-regular .nav-submenu--mega>li.classic:hover>.nav-panel--dropdown{left:100%}.nav-container #nav.nav-mobile{position:absolute;left:0;top:100%;width:100%}.nav-container #nav.nav-mobile ul.level0 .nav-item.current>a{color:#000!important}#nav.nav-mobile ul.level0 .nav-item>a,.nav-mobile .nav-item.level0>.opener,.nav-mobile .nav-item.level0>a,.nav-mobile .nav-item.level0>a:hover+.opener,.nav-mobile ul.level0 .nav-item>.opener{color:#000!important;line-height:1.1}#nav.nav-mobile ul.level0 .nav-item>a:hover,.nav-mobile .nav-item.level0>.opener:hover,.nav-mobile .nav-item.level0>a:hover,.nav-mobile .nav-item.level0>a:hover+.opener:hover,.nav-mobile ul.level0 .nav-item>.opener:hover{color:#000}.level-top.opener{position:relative;top:0;left:0;right:auto;width:100%;height:auto;text-align:left}.level-top.opener:before{display:none}.icu,.social-list li{display:inline-block}.header-mobile .logo-wrapper--mobile{max-width:160px}.header-mobile .skip-links--5 .skip-link .ict{font-size:20px;vertical-align:middle}.header-mobile .skip-links--5 .skip-link .ict.ict-compare{font-weight:700}.header-mobile .skip-links--5 .skip-link{width:20%;white-space:nowrap}.header-mobile .logo-wrapper--mobile .logo{margin:0 0 20px}.acco .opener{z-index:14}.nav-item.level1:hover .no-children{position:absolute;left:-30px;top:0;border:30px solid rgba(0,0,0,.3);border-top:0;box-sizing:border-box;bottom:-30px;right:-30px}.level3 a:hover span,.nav-regular .nav-item--parent:hover>a>span{color:#e83232!important}.nav-submenu li a:hover>span{color:#e83232}.social-list li{vertical-align:top}#top .header-social .ic-facebook:before,#top .header-social .ic-instagram:before,#top .header-social .ic-youtube:before,#top .header-social a:before,.header-container #search-wrapper-regular .customer-account-forgotpassword label,.header-container #search_mini_form .form-search .reset-button,.header-container.sticky-header #search-wrapper-regular,.touch .sticky-header #header-nav{display:none}.icu.ic-lg{font-size:1.8em;line-height:36px}.page-banners .banner a img{width:100%}.homepage-pagetext .section-title{margin-bottom:20px}.homepage-pagetext h1{font-size:2em;margin:.67em 0}.homepage-pagetext h2{font-size:1.5em;margin:.83em 0}.homepage-pagetext h3{font-size:1.17em;margin:1em 0}.homepage-pagetext h4{font-size:1em;margin:1.33em 0}.homepage-pagetext h5{font-size:.83em;margin:1.67em 0}.homepage-pagetext h6{font-size:.67em;margin:1.83em 0}.homepage-pagetext ol,.homepage-pagetext ul{margin:1em 0;padding-left:40px}.homepage-pagetext ul{list-style:disc}.homepage-pagetext ol{list-style:decimal}.homepage-pagetext p{font-size:14px;line-height:1.5;margin:1em 0}#header-nav #nav a.no-click.level-top,#header-nav #nav a.no-click.level-top span{color:#fff!important}.sticky-header #header-account .links a{color:#fff!important;text-decoration:underline;line-height:2.2rem!important;border:0}#top .right-column .item-right{position:relative}#top .right-column .item-right.flag{width:30px;height:20px;position:relative;top:7px;margin-left:10px}#top .header-social a{margin-left:10px}#top .header-social .ib{font-size:26px;border-radius:4px;background:#fff;color:#000}#top .header-social .ib:hover{color:#000!important}#top .header-social .ic-facebook{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/facebook.png) 50% 50% no-repeat}#top .header-social .ic-facebook:hover{background-color:#2f2f2f!important}#top .header-social .ic-instagram{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/instagram.png) 50% 50% no-repeat}#top .header-social .ic-instagram:hover{background-color:#2f2f2f!important}#top .header-social .ic-youtube{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/youtube.png) 50% 50% no-repeat}#top .header-social .ic-youtube:hover{background-color:#2f2f2f!important}#top .logo-wrapper{position:relative;top:-17px}#top span{cursor:pointer}#top .product-name a{font-size:1rem!important}#top.sticky-header .hp-blocks-holder .hp-block.left-column .item{font-size:1.1em;width:100%}.sticky-header #header-cart p.product-name a{color:#fff!important}.touch #top{max-height:300px}.header-container{position:relative;padding-bottom:30px;z-index:1020;background:#49463d}.catalog-product-view .header-container,.unipagetype .header-container{background:0 0}.header-container #search-wrapper-regular{margin:6px 0 0}.header-container #search_mini_form .form-search .input-text{background:0;border:0;color:#fff;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.header-container #search_mini_form .form-search .input-text:hover,.header-container #search_mini_form .form-search .input-text:hover+button{color:#fff}.header-container #search_mini_form .form-search button{font-size:1.25em}.header-container #search_mini_form .form-search button:hover{color:#fff}.header-container #search_mini_form .form-search #search_autocomplete{top:100%!important;width:200%;left:auto!important;right:-2px;background:#49463d;border:2px solid #fff;text-align:left;padding:20px;box-sizing:border-box;color:#fff;line-height:1.2em}.header-container #search_mini_form .form-search #search_autocomplete .s_details{overflow:hidden;width:calc(100% - 95px)}.header-container #search_mini_form .form-search #search_autocomplete .search-header{font:700 italic 1.25em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.header-container #search_mini_form .form-search #search_autocomplete .s_item{margin:0 0 15px}.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_icon{float:left;margin:0 15px 15px 0;width:80px}.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_item_name{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#fff;display:block;line-height:1.5em}.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_price{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_price .old-price .price{color:#f2f2f2!important;font-size:1em}.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_price .regular-price,.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_price .special-price{margin:0 0 5px}.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_price .regular-price .price,.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_price .special-price .price{color:#e83232!important;font-size:1.25em}.header-container #search_mini_form .form-search #search_autocomplete a.search-more{display:inline-block}.header-container #sticky-logo{width:28px;height:28px;position:absolute;left:50%;top:8px;margin-left:-14px;z-index:12}.header-container .hp-blocks-holder{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end;margin:15px 0 0;position:relative}.header-container .hp-blocks-holder .hp-block.central-column{width:20%}.header-container .hp-blocks-holder .hp-block{margin:0;display:inline-block}.header-container .hp-blocks-holder .hp-block.left-column:after{content:'';display:table;width:100%;clear:both}.header-container .hp-blocks-holder .hp-block.left-column>div.item{min-width:145px}.header-container .nav-regular{position:static}.header-container .nav-regular .nav-item.level0.item-active>a:hover{opacity:.9}.header-container .nav-regular>.nav-item.level0>a{padding:0 35px;transition:opacity .3s ease-in;font-family:'Uni Sans',Arial,Helvetica,sans-serif;font-weight:700;font-style:italic;font-size:inherit}.header-container .nav-regular>.nav-item.level0>a:hover{opacity:.35}.header-container .nav-regular>.nav-item.level0.entered>.level0.nav-submenu{box-shadow:-15px 15px 0 15px rgba(0,0,0,.3)!important}.header-container .nav-regular>.nav-item.level0.entered>.level0.nav-submenu:after{content:'';width:0;height:100%;position:absolute;right:-30px;top:0;box-shadow:-15px 15px 0 15px rgba(0,0,0,.3)}.header-container .nav-regular .classic>.nav-panel--dropdown.level0{min-width:280px;font-size:16px}.header-container .nav-regular .classic>.nav-panel--dropdown.level0 a{font:500 14px/1.4 'Museo Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.header-container .nav-regular .classic>.nav-panel--dropdown.level0 a .caret{position:absolute;left:-15px;top:50%;margin:-1px;width:20px;height:2px;background:red;border:0}.header-container .nav-regular .classic>.nav-panel--dropdown.level1{padding:20px 100px;width:1300px;font-size:0}.header-container .header-top .right-column .header-contacts span,.header-container .header-top .right-column .header-contacts.dropdown>a{font:600 italic 14px/40px 'Uni Sans',Arial,Helvetica,sans-serif;color:#fff}.header-container .nav-regular .classic>.nav-panel--dropdown.level1>ul{overflow:hidden;border-bottom:0}.header-container .nav-regular .classic>.nav-panel--dropdown.level1>ul>.nav-item.level2{display:block;color:#000;text-align:left;box-sizing:border-box;transition:box-shadow .3s ease-in-out 0s}.header-container .nav-regular .classic>.nav-panel--dropdown.level1>ul>.nav-item.level2 a:hover{opacity:1}.header-container .nav-regular .classic>.nav-panel--dropdown.level1>ul>.nav-item.level2 a img{display:none}.header-container .nav-regular .classic>.nav-panel--dropdown.level1>ul>.nav-item.level2 .all{min-height:0;opacity:1;color:#000!important}.header-container .nav-regular .classic>.nav-panel--dropdown.level1>ul>.nav-item.level2 img{max-height:100%;width:auto;max-width:113px;margin:auto}.header-container .nav-regular .classic>.nav-panel--dropdown.level1>ul>.nav-item.level2>a{display:inline-block;word-wrap:break-word;margin:0 auto}.header-container .header-top .right-column .header-contacts-user-menu{display:inline-block}.header-container .header-top .right-column .header-contacts.dropdown .contact-detail-header,.header-container .header-top .right-column .header-contacts.dropdown .dropdown-content li span:first-child+span{display:none}.header-container .header-top .right-column .header-contacts{float:none!important;position:relative}.header-container .header-top .right-column .header-contacts.dropdown>a{text-transform:uppercase;max-height:none}.header-container .header-top .right-column .header-contacts.dropdown .dropdown-content{min-width:100%;padding:0 10px 8px;font-size:14px;box-sizing:border-box;white-space:nowrap}.header-container .header-top .right-column .header-contacts.dropdown .dropdown-content a{color:#fff;font:600 italic 14px/40px 'Uni Sans',Arial,Helvetica,sans-serif}.header-container .header-top .right-column .header-contacts.dropdown .dropdown-content li{clear:both}.header-container .header-top .right-column .header-contacts.dropdown .dropdown-content .operator-icon{float:left;margin:0 8px 8px 0}.header-container .header-top .right-column .header-contacts.dropdown .dropdown-content .content{display:block;overflow:hidden}.header-container .dropdown.open>.dropdown-heading.cover{box-shadow:none;border:2px solid #3b3931;border-bottom:0}.header-container .dropdown.open>.dropdown-heading.cover>*{background-color:#49463d}.header-container .dropdown.open>.dropdown-heading.cover span{color:#fff!important}.header-container .dropdown.open .dropdown-content{box-shadow:none;border-color:#3b3931}.header-container .dropdown>.dropdown-heading.cover{max-height:none;color:#fff;border:2px solid transparent;border-bottom:0}.header-container .dropdown>.dropdown-heading.cover .ict{font-size:25px;line-height:50px}.header-container .dropdown>.dropdown-heading.cover .ict.ict-cart{font-size:20px;font-weight:400}.header-container .dropdown>.dropdown-heading.cover .caret{display:none}.header-container .dropdown>.dropdown-heading.cover>span{padding:0 15px}.header-container .dropdown .dropdown-content{margin-top:-2px;color:#fff;background-color:#49463d;border:2px solid transparent}.header-container .header-top{padding:12px 0;font-size:12px;text-transform:uppercase}.header-container .header-top a{transition:opacity .3s ease-in;display:inline-block;position:relative;padding:0}.header-container .header-top a:before{content:'';width:100%;height:1px;background:#fff;position:absolute;left:0;bottom:3px;transform:rotateY(90deg);transition:transform .15s ease-in-out 0s}.header-container .header-top a:hover:before{transform:rotateY(0)}.header-container .header-top .header-contacts-user-menu{display:none}.header-container .header-top .left-column{float:left}.header-container #mini-cart-wrapper-regular,.header-container #mini-compare-wrapper-regular,.header-container #search-wrapper-regular,.header-container .header-top .right-column{float:right}.header-container .header-top .left-column .links>li a{padding:0 17px}.header-container .header-top .left-column .links>li:first-child a{padding-left:0}.header-container .header-top .right-column:after{content:'';display:table;width:100%;clear:both}.header-container .header-top .right-column>div{padding:0 10px;float:right}.header-container .header-top .right-column>div:after{content:'';display:table;width:100%;clear:both}.header-container .header-top .right-column .item-right{padding-right:0;margin:0}.header-container .logo-wrapper .logo{width:200px;margin:0}.header-container .logo-wrapper .logo img{width:100%;height:auto}.header-container #mini-cart-wrapper-regular:after,.header-container #mini-compare-wrapper-regular:after,.header-container #search-wrapper-regular:after{content:'';display:table;width:100%;clear:both}.header-container #currency-switcher-wrapper-regular,.header-container #lang-switcher-wrapper-regular,.header-container #search-content,.header-container .block_header_top_right,.header-container .item-left .header-contacts-left-main{display:none}.header-container #search-wrapper-regular #header-search{line-height:36px}.header-container #search-wrapper-regular #header-search .ict{color:#fff;font-size:25px;line-height:50px}.header-container #search-wrapper-regular #header-search.active{border:2px solid #fff}.header-container .search-wrapper{cursor:pointer;border:2px solid transparent}.header-container .search-wrapper.active,.header-container .search-wrapper:hover{border-color:#fff}.header-container.sticky-header .links>li>a:hover{color:#000!important}.header-container.sticky-header .dropdown .dropdown-heading.cover span>a,.header-container.sticky-header .dropdown .dropdown-heading.cover span>a:hover,.header-container.sticky-header .dropdown.open .dropdown-content,.header-container.sticky-header .dropdown.open>.dropdown-heading.cover span>a,.header-container.sticky-header .dropdown.open>.dropdown-heading.cover>*{color:#fff}.header-container.sticky-header .nav.container{width:84%;margin:0 auto}.header-container.sticky-header .nav.container .dropdown-content{left:auto;right:0}.header-container.sticky-header .nav-regular .nav-panel li.classic>.nav-panel--dropdown{width:1200px;padding:20px 50px}.header-container.sticky-header .nav-regular .nav-panel--dropdown.level1>.nav-item.level2{width:16.6%}.header-container.sticky-header .dropdown.open>.dropdown-heading.cover{box-shadow:none;border-bottom:0}.header-container .links>li>a{padding:0}.header-container .item-left{margin-right:0}.header-container .item-left .header-contacts-left-main .dropdown-heading{padding-right:20px}.fancybox-lock .ov-hidden{overflow:hidden}.popup-autocomplete{text-align:left}.popup-autocomplete .search-title{background:#fff}.popup-autocomplete .search-title .search-title-inner{margin:0 auto 100px;width:70%;color:#000;font:700 italic 32px/80px 'Uni Sans',Arial,Helvetica,sans-serif;text-transform:uppercase;opacity:.25}.popup-autocomplete .search-outer{margin:0 auto;width:70%}.popup-autocomplete .form-search .input-text{padding:0;border:0;height:auto;font:700 italic 32px/48px 'Uni Sans',Arial,Helvetica,sans-serif;color:#000;background:0 0}.popup-autocomplete .form-search .button{font-size:36px}.popup-autocomplete .form-search .button:before{content:'\e96c';font-family:IconsTemplate}.popup-autocomplete .form-search .reset-button{position:absolute;left:auto!important;right:40px;top:-4px;padding:10px;color:red;font-size:24px;line-height:1.2;text-transform:uppercase;opacity:.5;border:0;outline:0;cursor:pointer;transition:opacity .2s ease;background:0 0}.popup-autocomplete .form-search .reset-button:hover{opacity:1}.popup-autocomplete .form-search .search-autocomplete{margin-top:10px;top:100%!important;right:0}.popup-autocomplete .form-search .search-results{margin-bottom:20px}.popup-autocomplete .form-search .s_item{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.15)}.popup-autocomplete .form-search .s_item:after{content:'';display:table;width:100%;clear:both}.popup-autocomplete .form-search .s_icon{float:left;width:12.5%}.popup-autocomplete .form-search .s_icon img{width:100%;height:auto}.popup-autocomplete .form-search .s_details{float:right;width:85.5%}.popup-autocomplete .form-search .s_item_name{display:inline-block;color:#000;font:700 italic 28px/48px 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.25;transition:opacity .3s ease}.popup-autocomplete .form-search .price-box,.popup-autocomplete .form-search .resultbox-b a{font:700 italic 28px/36px 'Uni Sans',Arial,Helvetica,sans-serif}.popup-autocomplete .form-search .s_item_name:hover{color:#000;opacity:1}.popup-autocomplete .form-search .price-box .regular-price .price{color:#000}.popup-autocomplete .form-search .resultbox-b{display:inline-block;padding-bottom:20px}.popup-autocomplete .form-search .resultbox-b a{color:#000;opacity:.25;transition:opacity .3s ease}.popup-autocomplete .form-search .resultbox-b a:hover{color:#000;opacity:1}#header-compare .block-subtitle,#header-compare .product-name a,#mini-account-wrapper-regular .links a,.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main .dropdown-content a,.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main>.header-contacts>span,.level-top.no-click{color:#fff}.popup-autocomplete .fancybox-skin{border-radius:0}.popup-autocomplete .fancybox-close{top:110px;right:50px}.header-mobile .skip-link:hover{opacity:1}.header-mobile .product-name,.header-mobile .product-name a{font-size:14px!important}.header-mobile button.button,.header-mobile button.button span{font-size:16px!important}.header-mobile #header-account .links a,.header-mobile #search_mini_form .form-search #search.input-text{font-size:18px!important}.header-regular .hp-blocks-holder .hp-block{vertical-align:bottom}.header-regular .hp-blocks-holder .hp-block.left-column .item{display:inline-block;font-size:1.5em;vertical-align:middle}.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main{display:inline-block;vertical-align:middle;line-height:50px!important;position:relative;font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;margin:-3px 0 0 -3px}.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main .dropdown-heading,.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main>.header-contacts{font-size:inherit}.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main .dropdown-heading>span{padding:0 28px 0 15px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/arrow-white.png) 95% 50% no-repeat!important}.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main .dropdown-heading .value span{line-height:49px}.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main .dropdown-content{padding:10px 20px;min-width:100%;box-sizing:border-box;margin:0 -20px 0 0}.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main .dropdown-content li{padding-right:20px}.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main .dropdown-content .content>:not(:first-child){display:none}.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main:hover .dropdown-heading>span{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/arrow-white-rotate.png) 95% 50% no-repeat!important}.touch .header-container .item-left .header-contacts-left-main{background:0 0!important}.touch .header-container .item-left .header-contacts-left-main .dropdown{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/arrow-white.png) 95% 50% no-repeat!important}.touch .header-container .item-left .header-contacts-left-main .dropdown .dropdown-heading{border:2px solid transparent}.touch .header-container .item-left .header-contacts-left-main .dropdown.open{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/arrow-white-rotate.png) 95% 50% no-repeat!important}.touch .header-container .item-left .header-contacts-left-main .dropdown.open .dropdown-content{display:block!important;margin-top:-2px}.touch .header-container .item-left .header-contacts-left-main .dropdown.open .dropdown-heading.cover{border-color:#3b3931}.fancybox-inner{height:auto!important}.dropdown .dropdown-heading .value{margin-left:0}.unipagetype .preface{position:relative;top:-458px;padding-top:300px;margin-bottom:-458px;background:#49463d}.webforms-callback h2,.webforms-callback strong.title{font:700 italic 1.5em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;text-align:center}.webforms-callback .callbacks-welcome-message{margin:0 0 15px}.webforms-callback label{font:700 italic 1.125em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.5;width:auto;min-width:130px}.webforms-callback .validation-advice{padding:0 0 0 133px}.webforms-callback .buttons-set{text-align:left}.webforms-callback .buttons-set button{background:#e83232;font:700 1.5em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#fff;padding:12px 15px;transform:skewX(-8deg);float:none}.webforms-callback .buttons-set button:hover{background:#333}.ic-user{font-family:IconsTemplate;font-size:14px}.sticky-header .ic-user{font-size:18px;margin-top:5px}#mini-account-wrapper-regular .ic-user{margin:-3px 3px 0 0}#header-compare .block-subtitle{font:700 italic 1.275em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#header-compare .product-name{font:700 italic .875em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#header-compare .btn-remove:before{color:#fff!important}#header-compare .btn-remove:hover:before{color:red!important}#header-compare .empty{font:700 italic 1.275rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#header-compare .actions{padding:0;margin:20px 0 0;border:0}#header-compare .actions>a{color:#e83232}#header-compare .actions>a:hover{text-decoration:underline}#header-compare .button.btn-inline{font-size:.85rem!important;padding:8px 10px!important}.header-mobile .header-primary{width:100%}.header-mobile .header-primary .inner-container{padding:0}.header-mobile #header-compare .block-subtitle{color:#333;font-size:2.2em}.header-mobile #header-compare .product-name a{color:#333;font-size:2em}.sticky-header #header-account .links a{text-transform:uppercase;position:relative;display:inline-block;font:700 italic 1.275rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.sticky-header #header-account .links a:after{content:'';display:block;position:absolute;bottom:6px;left:0;background:#000;width:100%;height:1px;transform:rotateY(90deg);transition:transform .15s ease-in-out 0s}.sticky-header #header-account .links a:hover:after{transform:rotateY(0)}.header-container .nav-regular .classic .nav-panel--dropdown.level1 ul .nav-item.level2:hover a span{color:#333}.header-container .nav-regular .classic .nav-panel--dropdown.level1 ul .nav-item.level2 a span{font-size:14px;color:#333}#nav .nav-panel--dropdown a:hover span{color:#e83232!important}#nav #mini-cart .ict-cart,.header-primary-container .btn-remove:before{color:#fff!important}#narrow-by-list li a{font-size:1.125em}.add-to-links .ict-favourites_action:before{position:relative}#shopping-cart-table a.product-image{width:100px!important;height:100px!important}#shopping-cart-table th{font:700 italic .8em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.logo-wrapper--mobile .logo img{width:100%}#nav .nav-item.level1 .caret{border:0!important;background:0 0;position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0}#nav .nav-item.level1 .caret:before{content:'';width:28px;height:2px;position:absolute;left:10px;top:50%;transform:translate3d(0,-2px,0);background:#e83232}#nav .nav-item.level1 .caret:after{content:'';width:15px;height:15px;border:2px solid #cacaca;border-top:0;border-right:0;position:absolute;right:0;top:50%;background:#e5e5e5;transform:translate3d(50%,-50%,0) rotate(45deg)}.header-container .header-top .left-column{position:relative;z-index:50}#callbacks strong.title{display:block}.header-primary-container .btn-remove:hover:before{color:#e83232!important}.footer-container .block-footer-contacts{margin-bottom:10px;clear:both}.footer-container .block-footer-contacts .content{overflow:hidden}.footer-container .block-footer-contacts .operator-icon{float:left;margin:0 10px 0 0}.footer-logo{max-width:218px;margin:65px auto 74px}.footer-container .footer-primary{display:block;float:none;margin:0 auto}.footer-container .footer-primary:after{content:'';display:table;width:100%;clear:both}.footer-container .footer-primary-top-spacing .level-top{font:700 italic 14px/24px 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.4;transition:opacity .3s}.footer-container .footer-primary-top-spacing .level-top:hover{opacity:1}.footer-container .block-title{font:700 italic 1.5em/1.16 'Uni Sans',Arial,Helvetica,sans-serif;padding:8px 30px}.footer-container .footer-copyright span{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.footer-container .footer-brand{margin-bottom:96px;max-width:173px;opacity:.4}.footer-container .footer-brand img{margin:0 0 25px}.footer-container .footer-bottom .grid12-10{display:block;float:none;margin:0 auto}.footer-container .footer-bottom .item-left{font:700 italic 14px/24px 'Uni Sans',Arial,Helvetica,sans-serif}.footer-container .social-links{white-space:nowrap}.footer-container .social-links a{display:inline-block;margin:0 7px 0 0}.footer-container .social-links a:hover span:before{color:#333}.footer-container .social-links a span{width:49px;height:49px}.footer-container .social-links a span:before{display:inline-block;margin:7px 0 0;transition:color .3s ease-in-out 0s}.our_partners a,.our_partners>span{display:block;font:700 italic 14px/24px 'Uni Sans',Arial,Helvetica,sans-serif;transition:opacity .3s;margin:0 0 18px}.footer-primary-top-spacing>div li{margin:0 0 18px;word-wrap:break-word}.footer-primary-top-spacing>div:nth-child(2) .block-content>div{margin:0 0 18px}.our_partners>span{opacity:1}.our_partners a{opacity:.4}.our_partners a:hover{opacity:1}.our_partners img{width:150px}body{font-family:'Museo Sans',Arial,Helvetica,sans-serif;min-width:320px}.container{max-width:1600px}.block-layered-nav .multiselect-child{display:inline-block}.block-layered-nav dl dd ol>li>a{padding:6px 0}.block-layered-nav dl dd ol>li>a:before{display:none}.block-layered-nav #narrow-by-list .configurable-swatch-list li{float:none;width:auto;margin:0}.block-layered-nav .brander_layerednavigation-attr{padding-left:35px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/layerednavigation/layerednavigation-cb2.png) left center no-repeat}.block-layered-nav .brander_layerednavigation-attr.checked{background-image:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/layerednavigation/layerednavigation-cb1.png)}.block-layered-nav .inpts-wrap{margin-bottom:8px;font-size:0;white-space:nowrap}.block-layered-nav .inpts-wrap .f-to,.block-layered-nav .inpts-wrap .price-range-from,.block-layered-nav .inpts-wrap .price-range-to{display:inline-block;font-size:14px}.block-layered-nav .inpts-wrap .price-range-from,.block-layered-nav .inpts-wrap .price-range-to{width:45%}.block-layered-nav .inpts-wrap .f-to{width:10%;text-align:center}.block-layered-nav .inpts-wrap input,.block-layered-nav .price-range-btn-wrap .layerednavigation-price-find{width:100%}.block-layered-nav.layerednavigation-filters-left .configurable-swatch-list>li{display:inline-block}.block-layered-nav.layerednavigation-filters-left .configurable-swatch-list img{position:static;width:20px;height:20px}#category-tabs .category-blog .right-column button,#header-compare .button.btn-inline,.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .actions button,.brander-unitopblog-post-view button,.brander-unitopblog-postscategory-index button,.branderfaqtype .faq-form button,.catalog-category-view .products-grid:not(.itemslider) .item .actions button,.catalog-product-compare-index button,.catalog-product-view .product-img-column .image-download,.catalog-product-view .product-shop .btns-set a,.catalog-product-view .product-shop .out-of-stock span,.catalogsearch-result-index .products-grid:not(.itemslider) .item .actions button,.checkout-onepage-index .discount #opcheckout-coupon-add,.checkout-onepage-index .discount #opcheckout-coupon-remove,.customer-account-edit button,.customer-account-index button,.customer-account-logoutsuccess button,.customer-account-resetpassword .col-main button,.customer-account-resetpassword button,.customer-address-form button,.customer-address-index button,.header-container #search_mini_form .form-search #search_autocomplete a.search-more,.newsletter-manage-index button,.review-customer-index button,.review-customer-view button,.sales-order-history button,.sales-order-view button,.wishlist-index-index button{background:#e83232;font:700 1.5em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#fff;padding:12px 15px;transform:skewX(-8deg)}#category-tabs .category-blog .right-column button:hover,#header-compare .button.btn-inline:hover,.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .actions button:hover,.brander-unitopblog-post-view button:hover,.brander-unitopblog-postscategory-index button:hover,.branderfaqtype .faq-form button:hover,.catalog-category-view .products-grid:not(.itemslider) .item .actions button:hover,.catalog-product-compare-index button:hover,.catalog-product-view .product-img-column .image-download:hover,.catalog-product-view .product-shop .btns-set a:hover,.catalog-product-view .product-shop .out-of-stock span:hover,.catalogsearch-result-index .products-grid:not(.itemslider) .item .actions button:hover,.checkout-onepage-index .discount #opcheckout-coupon-add:hover,.checkout-onepage-index .discount #opcheckout-coupon-remove:hover,.customer-account-edit button:hover,.customer-account-index button:hover,.customer-account-logoutsuccess button:hover,.customer-account-resetpassword button:hover,.customer-address-form button:hover,.customer-address-index button:hover,.header-container #search_mini_form .form-search #search_autocomplete a.search-more:hover,.newsletter-manage-index button:hover,.review-customer-index button:hover,.review-customer-view button:hover,.sales-order-history button:hover,.sales-order-view button:hover,.wishlist-index-index button:hover{background:#333}.catalog-product-view .breadcrumbs ul:after,.customer-account-confirmation #form-validate .buttons-set:after,.customer-account-create #form-validate .buttons-set:after,.customer-account-forgotpassword #form-validate .buttons-set:after,.customer-account-login #form-validate .buttons-set:after,.header-container #search_mini_form .form-search #search_autocomplete .s_item:after{content:'';display:block;clear:both}#itemslider-benefits,#itemslider-benefits .owl-pagination,#itemslider-hotcategories,#itemslider-hotcategories .owl-pagination{margin:0}input[type=text]::-ms-clear{display:none}.breadcrumbs{margin:20px 0}.breadcrumbs .logo-holder{max-width:50px;display:inline-block;vertical-align:top;height:15px}.breadcrumbs .logo-holder img{width:auto;height:100%}.page-title+.breadcrumbs{margin-top:0}.category-blog .toolbar,.category-blog .toolbar .pager{border-top:0}.button.out-of-stock{transform:skewX(-8deg);text-transform:uppercase;font-size:.875rem;font-family:"Uni Sans";font-weight:700;background:#333}.breadcrumbs li .sep{vertical-align:top;margin:0 12px 0 10px}.breadcrumbs li .sep:before{content:"/";font-size:15px}.section-title.padding-right{padding-right:0!important}.btn-remove:hover:before{color:#e83232}.block-benefits,.block-hotcategories{padding:35px 0;margin-bottom:20px;background:#d8d5ba}.block-benefits .itemslider-wrapper,.block-hotcategories .itemslider-wrapper{width:84%;margin:0 auto}.block-benefits .benefits-grid,.block-hotcategories .benefits-grid{margin:0 -35px;font-size:0}.block-benefits .owl-buttons,.block-hotcategories .owl-buttons{display:none}.block-benefits .img-wrap,.block-hotcategories .img-wrap{display:block;margin-bottom:20px}.block-benefits .img-wrap img,.block-hotcategories .img-wrap img{width:100%;height:auto}.block-benefits .item,.block-hotcategories .item{padding-top:0;padding-bottom:0}.block-benefits .item .benefit-inner,.block-benefits .item .hotcategory-inner,.block-hotcategories .item .benefit-inner,.block-hotcategories .item .hotcategory-inner{display:-ms-flexbox;display:flex;height:100%;min-height:100px;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}.block-benefits .benefit-title,.block-benefits .hotcategory-title,.block-hotcategories .benefit-title,.block-hotcategories .hotcategory-title{display:block;margin-bottom:10px;color:#333;font-weight:700;font-size:24px;text-align:center}.block-benefits .benefit-text,.block-benefits .hotcategory-text,.block-hotcategories .benefit-text,.block-hotcategories .hotcategory-text{display:block;color:#333;text-align:center}.block-benefits .benefit-text .title,.block-benefits .hotcategory-text .title,.block-hotcategories .benefit-text .title,.block-hotcategories .hotcategory-text .title{font:700 italic 1em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;text-transform:uppercase;margin:0 0 5px;color:#000;opacity:.75}.block-benefits .benefit-text .subtitle,.block-benefits .hotcategory-text .subtitle,.block-hotcategories .benefit-text .subtitle,.block-hotcategories .hotcategory-text .subtitle{font:700 italic 1em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;text-transform:uppercase;opacity:.25}.catalog-product-view:hover .add-to-links,.products-grid .item .promotion-title{opacity:1}.product-view .block-benefits,.product-view .block-hotcategories{padding:15px 50px}.product-view .block-benefits .img-wrap,.product-view .block-hotcategories .img-wrap{margin-bottom:15px}.product-view .block-benefits .benefit-title,.product-view .block-hotcategories .benefit-title{margin-bottom:8px;font-size:16px}.product-view .block-benefits .benefit>a,.product-view .block-hotcategories .benefit>a{padding:15px;font-size:13px;line-height:1.2}.sticker-wrapper{width:auto;top:0;left:12px}.sticker-wrapper .sticker{display:inline-block;vertical-align:top;width:auto;height:auto;padding:7px 20px;text-align:center;border-radius:0;top:0;color:#fff;font-size:.875em;transform:skewX(-35deg)}.sticker-wrapper .sticker span{display:inline-block;transform:skewX(35deg)}.sticker-wrapper.top-right{top:0;right:0}.sticker-wrapper.top-left{top:0;left:0}.clearfix:after{content:'';display:block;clear:both}.section-title{color:#e83232;font:700 italic 64px/1.2 'Uni Sans',Arial,Helvetica,sans-serif;text-align:center;text-transform:uppercase;border-bottom:0;padding-bottom:0}.catalog-product-view .add-to-links li{display:inline-block;vertical-align:top;float:none;width:50%;height:50px;font-size:20px;max-width:100px}.catalog-product-view .add-to-links li a,.catalog-product-view .add-to-links li button{position:relative;margin:0;text-align:center;width:100%}.catalog-product-view .add-to-links li a:after,.catalog-product-view .add-to-links li button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:0;transition:height .3s;background:#e8323e}.catalog-product-view .add-to-links li a:hover:after,.catalog-product-view .add-to-links li button:hover:after{height:3px}.catalog-product-view .add-to-links li span{display:inline-block;vertical-align:middle;height:50px;color:#e8323e;font-size:30px;text-align:center;line-height:50px}.catalog-product-view .add-to-links li span.ict-heart{font-size:25px}.products-grid .product-item{padding-bottom:50px}.products-grid .item .product-name{position:relative;z-index:5}.products-grid .item .promotion-title>img{display:none}.page-promotion-title:after,.promotion-list-container .promotion-item:after,.promotion-popup .promotion-heading:after{display:table;content:'';clear:both}.products-grid .item .promotion-title a{color:#e83232;margin-bottom:0}.product-shop .promotion-popup,.promotion-popup .promotion-heading{margin-bottom:20px}.products-grid .item .promotion-title a:hover{color:#333}.promotion-popup{min-width:430px}.product-shop .promotion-popup .promotion-title{color:#8c8a79;opacity:1}.product-shop .promotion-popup .left-before{color:#e83232}.product-shop .promotion-popup .more-about:hover{color:#fff}.promotion-popup .promotion-heading:after{width:100%}.promotion-popup .promotion-img-holder{float:left;width:150px;text-align:center}.promotion-popup .promotion-title{float:right;width:calc(100% - 150px);font:700 italic 28px/1.3 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.25}.more-about{color:#e83232;font-weight:700;font-style:italic;font-size:16px}.more-about:hover{color:#333}.brander-promotions-promotion-view div.col-main{width:100%!important}.page-promotion-title{margin-bottom:30px}.page-promotion-title:after{width:100%}.page-promotion-title h1{font:700 italic 4em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#e83232;padding:20px 0}.page-promotion-title .promotion-image{float:left;width:400px}.page-promotion-title .promotion-image+.promotion-heading{float:right;width:calc(100% - 400px);padding-left:40px;box-sizing:border-box}.page-promotion-title .page-promotion-view{text-align:left;padding:40px 0 0}.page-promotion-title .page-promotion-view-title{text-transform:uppercase;font-style:italic;font-weight:700;margin-bottom:10px;color:#e83232}.page-promotion-title .page-promotion-view-title:hover{color:#333}.page-promotion-products{text-align:center}.page-promotion-products .product-image{margin:0 auto}.page-promotion-products #about-promotion{text-align:left;font-size:16px;text-indent:20px}.page-promotion-products-title,.promotion-title{color:#000;opacity:.25;padding:20px 0 0;position:relative;border:0;margin:0 0 30px;z-index:1;font:700 italic 26px/1.1 "Uni Sans",Arial,Helvetica,sans-serif;text-align:center}.promotion-list-container .promotion-item{margin-bottom:30px;line-height:1.2}.promotion-list-container .promotion-item:after{width:100%}.promotion-list-container .promotion-item .promotion-image{float:left;width:200px}.promotion-list-container .promotion-item .promotion-heading{float:left;width:calc(100% - 400px);padding-left:20px;box-sizing:border-box}.promotion-list-container .promotion-item .promotion-ended{font-size:20px;color:#e83232;margin-top:60px}.promotion-list-container .promotion-right{float:right;width:200px;text-align:center}.ui-spinner{margin:0;border:0;border-radius:0;position:relative;background:#000}.ui-spinner input{-webkit-appearance:none;appearance:none;background:#000;color:transparent;text-shadow:0 0 0 #fff;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;margin:0;padding:12px 30px;box-sizing:content-box;width:2em!important;text-align:center}.ui-spinner .ui-spinner-button{position:absolute;left:0;top:0;height:100%;width:26px;background:0;cursor:pointer;margin:0;border:0}.ui-spinner .ui-spinner-button:after{content:'';width:16px;height:2px;background:#fff;display:block;position:absolute;left:5px;top:50%}.ui-spinner .ui-spinner-button *{display:none}.ui-spinner .ui-spinner-button.ui-spinner-up{left:auto;right:0}.ui-spinner .ui-spinner-button.ui-spinner-up:before{content:'';width:2px;height:16px;background:#fff;display:block;position:absolute;left:12px;top:50%;margin-top:-7px}a.image-download{height:25px;display:block;min-height:25px}.ict-favourites_action,.ict-heart{width:37px;height:32px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/favourites.png) 50% 50% no-repeat!important}.ict-favourites_action:before,.ict-heart:before{display:none}.chosen-container{font-size:16px;width:100%!important;min-width:100px}.chosen-container .chosen-single{border-radius:0;background:#fff!important;box-shadow:0 0;font-size:1em;height:auto!important;padding:8px 0 8px 12px;border-color:#000}.chosen-container .chosen-single div b{position:relative;background:0!important;font-family:IconsTemplate;font-size:14px}.chosen-container .chosen-single div b:before{content:'\e967';display:block;transform:rotate(-90deg);width:10px;height:24px;margin-top:8px}.chosen-container.chosen-with-drop{position:relative;background:#fff}.chosen-container.chosen-with-drop .chosen-single{border-color:#000}.chosen-container.chosen-with-drop .chosen-single div b:before{transform:rotate(90deg)}.chosen-container .chosen-drop{border-color:#000;border-radius:0;z-index:110;border-top:1px solid #aaa}.chosen-container .chosen-drop .chosen-results{padding:0;margin:0}.chosen-container .chosen-drop .chosen-results li{line-height:1.1;padding:15px 6px}.chosen-container .chosen-drop .chosen-results li.highlighted{background:#d8d5ba;color:#000}.chosen-container .chosen-drop .chosen-results li.result-selected{color:#000}.fancybox-lock #sh_button{right:17px!important}.fancybox-close{right:-11px!important}.customer-account .chosen-container.chosen-with-drop:after{content:'';width:calc(100% - 4px);height:auto;border:2px solid #aaa;border-bottom:0;position:absolute;left:0;top:0;background:#fff}.catalog-product-view .action-box .add-to-links li button:hover .ict-favourites_action{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/favourites-hover.png) 50% 50% no-repeat!important}.customer-account #wishlist-table .add-to-cart-alt .input-text{transform:skewX(-8deg)}.scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}.promotion-opener{display:inline-block;font:700 italic 20px/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#fff;margin-bottom:20px}.promotion-opener:hover{color:#e83232}.brander-promotions-promotion-view div.main{border:none}.brander-promotions-promotion-view .page-promotion-title{text-align:center}.promotions-toolbar .amount,.promotions-toolbar .limiter{display:none}.res-mb{margin-bottom:80px}.neklo-instagram .neklo-instagram-list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;width:auto;padding-left:0}.neklo-instagram .neklo-instagram-list li{position:relative;margin:0;width:25%;padding-bottom:25%}.neklo-instagram .neklo-instagram-list li:hover>.neklo-instagram-image-wrap img{transform:scale(1)}.neklo-instagram .neklo-instagram-list li a{position:absolute;left:0;right:0;top:0;bottom:0;overflow:visible}.neklo-instagram .neklo-instagram-list li .neklo-instagram-image-wrap{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}.wrapper{overflow:hidden}#header-nav .nav .inner-container{padding:0}.block-benefits .owl-item:not(:last-child),.block-hotcategories .owl-item:not(:last-child){border-right:1px solid #aaa}.benefit-inner,.hotcategory-inner{text-align:center}.benefit-inner .benefit-text,.benefit-inner .hotcategory-text,.hotcategory-inner .benefit-text,.hotcategory-inner .hotcategory-text{color:#000;font:700 italic 16px 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.75}.benefit-inner .benefit-text .title,.benefit-inner .hotcategory-text .title,.hotcategory-inner .benefit-text .title,.hotcategory-inner .hotcategory-text .title{min-height:30px;margin-bottom:10px}.benefit-inner .benefit-text .title img,.benefit-inner .hotcategory-text .title img,.hotcategory-inner .benefit-text .title img,.hotcategory-inner .hotcategory-text .title img{max-width:160px;max-height:30px}.benefit-inner .benefit-text .subtitle,.benefit-inner .hotcategory-text .subtitle,.hotcategory-inner .benefit-text .subtitle,.hotcategory-inner .hotcategory-text .subtitle{opacity:.5}.block-viewed,.featured-section{position:relative;padding:0 8% 80px;box-sizing:border-box}.block-viewed .owl-carousel,.block-viewed .slider-arrows1 .owl-buttons,.featured-section .owl-carousel,.featured-section .slider-arrows1 .owl-buttons{position:static}.block-viewed .section-title,.featured-section .section-title{font-size:4em}.block-viewed .itemslider,.featured-section .itemslider{margin:0}.block-viewed .itemslider .product-item .price-box,.featured-section .itemslider .product-item .price-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.block-viewed .itemslider .product-item .actions,.block-viewed .itemslider .product-item .old-price .price-currency,.featured-section .itemslider .product-item .actions,.featured-section .itemslider .product-item .old-price .price-currency,.the-slideshow .owl-buttons{display:none}.block-viewed .itemslider .product-item .regular-price .price,.block-viewed .itemslider .product-item .special-price .price,.featured-section .itemslider .product-item .regular-price .price,.featured-section .itemslider .product-item .special-price .price{color:#e83232!important}.block-viewed .item:hover .sticker,.featured-section .item:hover .sticker{width:auto;height:auto}.block-viewed .owl-wrapper-outer,.featured-section .owl-wrapper-outer{margin-bottom:30px}.owl-controls .owl-pagination{min-height:50px}.owl-controls .owl-page span{width:2px!important;height:10px!important;margin:8px!important;background:#000!important;transition:height .3s}.owl-controls .owl-page.active span{width:2px!important;height:34px!important;background:#e83232!important;margin:8px!important}.owl-controls.clickable .owl-page:hover span{background-color:#000;margin:8px!important}.the-slideshow{min-height:250px}.the-slideshow .owl-pagination{margin-top:-100px}.homepage-banners{width:100%;margin-bottom:80px;font-size:0;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1}.homepage-banners .banner{position:relative;display:inline-block;vertical-align:top;font:700 italic 18px/26px 'Uni Sans',Arial,Helvetica,sans-serif;transition:width .5s;overflow:hidden;width:33.33%}.homepage-banners .banner:last-child{overflow:visible}.homepage-banners .banner img{max-width:1000px;width:100%}.homepage-banners .banner-link{display:block;color:#fff}.homepage-banners .titles{position:absolute;top:80px;left:60px}.homepage-banners .homepage-banner-title{display:block;font-size:32px;margin-bottom:20px;transform:translate3d(-5px,-10px,0);transition:transform .3s ease-in-out 0s}.homepage-banners .homepage-banner-subtitle{opacity:0;transition:opacity 1s ease-in-out 0s}.homepage-banners .homepage-banner-linktext{position:absolute;bottom:40px;left:60px;transition:transform .3s ease-in-out .1s;transform:translate3d(-5px,10px,0)}.homepage-banners .homepage-banner-linktext:after{font-family:ThemeIcons;content:"\e228";position:absolute;right:-25px;top:0}.blog-section{margin-bottom:10px;width:84%}.blog-section .post-list{float:none;margin:0 auto;font:700 italic 24px/1.2 'Uni Sans',Arial,Helvetica,sans-serif}.blog-section .post-image:hover .post-name{color:#e83232}.blog-section .post-item{height:auto!important}.blog-section .post-item img{display:block;width:100%}.blog-section .post-item .post-name{display:block;color:rgba(0,0,0,.3);font-size:1em;height:65px;overflow:hidden}#subscribe-form{height:100%;width:84%;max-width:1600px;margin:0 auto 35px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative;background:#d8d5ba;display:block!important}#subscribe-form input#newsletter{font:700 italic 14px/1.2 Arial,Helvetica,sans-serif}#subscribe-form .subscribe-title{position:absolute;left:0;top:0;float:none;border-left:none;max-width:90%;padding:0 20px 20px;color:#000;font:700 italic 1.25rem/1.2 'Uni Sans',Arial,Helvetica,sans-serif;background:#fff}#subscribe-form form{width:100%;padding:0;position:relative}#subscribe-form form img{max-width:1000px;width:100%}#subscribe-form .subscribe-inner{width:auto;margin:0 300px;min-width:340px;height:100%;display:block;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;padding:25px 0;box-sizing:border-box}#subscribe-form .input-box{display:block;float:none;margin:0 0 25px;clear:both}#subscribe-form .input-box input{float:none;width:100%;border:0;color:rgba(0,0,0,.25);border-bottom:2px solid rgba(0,0,0,.25);font:700 italic 14px/1.2 'Uni Sans',Arial,Helvetica,sans-serif;background:0 0}.cms-no-route .page-title,.cmsadvanced-page-view:not(.unipagetype) .page-title,.cmsadvanced-page-view:not(.unipagetype) .std{border:0}#subscribe-form .input-box input:focus,#subscribe-form .input-box input:hover{color:#000}#subscribe-form .input-box .validation-advice{width:auto;position:static;text-align:left;background:0;box-shadow:0 0 0;font-size:1.125em;margin:0 0 -22px;font-family:Arial,Helvetica,sans-serif}#subscribe-form .btn-wrap{text-align:left}#subscribe-form .btn-wrap button{padding:0}#subscribe-form .btn-wrap button:after{font-family:ThemeIcons;content:"\e228";color:#e83232}#subscribe-form .btn-subscribe{float:none;color:#e83232;font:700 italic 1.125rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif;background:0 0}.cms-no-route .header-container,.cmsadvanced-page-view:not(.unipagetype) .header-container{background:#49463d}.itemslider-wrapper .product-item{font:700 italic 18px 'Uni Sans',Arial,Helvetica,sans-serif}.itemslider-wrapper .price-box .old-price{font-size:.75em}.itemslider-wrapper .price-box .old-price .price .price-currency{display:none}.itemslider-wrapper .sticker-wrapper{font-size:1rem}.itemslider-wrapper .itemslider .owl-buttons{position:static}.itemslider-wrapper .itemslider .owl-buttons div{font-family:IconsTemplate;height:50px;line-height:50px;font-size:25px;margin-top:-25px;color:#000;opacity:.25;transition:opacity .3s}.itemslider-wrapper .itemslider .owl-buttons div:before{content:'\e967';font-size:2em}.post-list .item:after,.post-list:after{content:'';clear:both}.itemslider-wrapper .itemslider .owl-buttons div:hover{opacity:1}.itemslider-wrapper .itemslider .owl-buttons .owl-prev{position:absolute;left:0;top:50%}.itemslider-wrapper .itemslider .owl-buttons .owl-next{position:absolute;right:0;top:50%}.itemslider-wrapper .itemslider .owl-buttons .owl-next:before{display:inline-block;transform:rotate(180deg)}.featured-section .itemslider .item{padding-bottom:0}.featured-section .itemslider .item .price-currency{font-size:.5em;vertical-align:top}.itemslider .owl-pagination{display:block!important;margin:0 0 25px}.webforms-callback .field{margin-bottom:25px;position:relative}#mini-account.dropdown{margin:-3px 0 0}#review-form #srka-product-review-list .label b{font:700 italic .875em 'Uni Sans',Arial,Helvetica,sans-serif;color:#000}.block-hotcategories #itemslider-hotcategories{margin-bottom:0}.block-hotcategories #itemslider-hotcategories .hotcategory-inner{display:table;vertical-align:middle;width:100%}.block-hotcategories #itemslider-hotcategories .hotcategory-inner .hotcategory-text{display:table-cell;vertical-align:middle;text-align:center;height:100px}.cmsadvanced-page-view:not(.unipagetype) .wrapper{overflow:hidden}.cmsadvanced-page-view:not(.unipagetype) .main{padding:0 0 50px}.cmsadvanced-page-view:not(.unipagetype) .main .form-title,.cmsadvanced-page-view:not(.unipagetype) .main h2,.cmsadvanced-page-view:not(.unipagetype) .main h3{font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232;margin-bottom:10px}.cmsadvanced-page-view:not(.unipagetype) .main ol{list-style-type:decimal;list-style-position:outside;padding:0 0 0 25px;margin:0 0 15px}.cmsadvanced-page-view:not(.unipagetype) .main ol li p:last-child{margin:0}.cmsadvanced-page-view:not(.unipagetype) .main p{margin:0 0 15px}.cmsadvanced-page-view:not(.unipagetype) .main strong{color:#e83232}.cmsadvanced-page-view:not(.unipagetype) .main small{font-size:.75em}.cmsadvanced-page-view:not(.unipagetype) .main b{display:block}.cmsadvanced-page-view:not(.unipagetype) .page-title h1,.cmsadvanced-page-view:not(.unipagetype) .std h1{text-align:center;font:700 italic 4em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232;padding:20px 0;float:none}.cmsadvanced-page-view:not(.unipagetype) .content a,.cmsadvanced-page-view:not(.unipagetype) .page-content a{color:#a21212;text-decoration:underline}.cmsadvanced-page-view:not(.unipagetype) .content a:hover,.cmsadvanced-page-view:not(.unipagetype) .page-content a:hover{text-decoration:none}.cmsadvanced-page-view:not(.unipagetype) .content .image-holder,.cmsadvanced-page-view:not(.unipagetype) .page-content .image-holder{float:left;margin:0 15px 15px 0;width:40%}.cmsadvanced-page-view:not(.unipagetype) .content .image-holder img,.cmsadvanced-page-view:not(.unipagetype) .page-content .image-holder img{max-width:800px;width:100%}.cms-no-route .wrapper{overflow:hidden}.cms-no-route .page-title h1{font:700 italic 4em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232;padding:20px 0;float:none}.cms-no-route .col-right .block-title,.cms-no-route dt{font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.cms-no-route .col-main a{color:#e83232}.cms-no-route .col-right .nav-item{font:700 italic 1.125rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5}.branderfaqtype .page-title{border:0;margin:0}.branderfaqtype .page-title h1{text-align:center;font:700 italic 4em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232;padding:20px 0;float:none}.branderfaqtype #faq-items{margin:0 0 50px}.branderfaqtype #faq-items .faq-item{border-bottom:2px solid #d8d8d8;padding:0 0 15px;margin:0 0 15px;position:relative}.branderfaqtype #faq-items .faq-item .faq-number{display:inline-block;font:700 italic 3em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232;position:absolute;left:0;top:0}.branderfaqtype #faq-items .faq-item .faq-question{display:inline-block;font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;text-indent:30px;margin:19px 0 11px}.branderfaqtype #faq-items .faq-item .faq-question span{display:block}.branderfaqtype .faq-form{display:block;max-width:600px;margin:0 auto 50px}.branderfaqtype .faq-form .form-title{font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.post-grid .post-name,.post-list .post-name,.post-list .price-box,h3.post-name{font-size:1.3333em;line-height:1.25em}.branderfaqtype .faq-form .input-box{margin:0 0 15px}.branderfaqtype .faq-form .input-box input,.branderfaqtype .faq-form .input-box textarea{width:100%}.branderfaqtype .faq-form .input-box textarea{resize:none;height:90px}.post-list:after{display:table;width:100%}.post-grid .price-box.map-info a,.post-list .price-box.map-info a{margin-left:3px}.post-grid .post-image .alt-img,.post-list .post-image .alt-img{position:absolute;top:0;left:0;display:none}.category-post-grid .post-image img,.post-list .post-image img{-moz-transform:translateZ(0)}.post-list.list-mode .item{margin-bottom:20px}.post-list.grid-mode .post-image-wrapper{margin-bottom:15px}.post-list .item{padding:20px 1%;margin-bottom:20px;background-color:#fff;position:relative;box-sizing:border-box;transition:box-shadow 0s ease-in,background 0s ease-out}.post-list .item:after{display:table;width:100%}.post-list .item.archived .labels-wrap{position:absolute;right:-3px;top:-3px;z-index:1}.post-list .item.archived .archived-label{display:table-cell;vertical-align:middle;width:60px;height:60px;text-align:center;border-radius:50%;transition:all .15s ease-out}.post-list .item:hover.archived .archived-label{width:65px;height:65px}.post-list .right-column{float:right}.post-list .post-name{margin:0 0 15px}.post-list .post-image{display:block;position:relative;margin:0 auto}.post-list .price-box{margin:0 0 15px}.post-list .ratings{margin:10px 0}.post-list .desc{margin:15px 0}.post-list .btn-cart{width:100%;max-width:180px}.post-list a.btn-cart{padding-left:0;padding-right:0}.post-list .button span{float:none}.post-list .availability{float:none;margin:15px 0}.post-list .add-to-links{margin:15px 0 0}.post-list.hover-effect .item:hover{z-index:10;box-shadow:0 0 20px rgba(0,0,0,.2);border-color:transparent;transition:box-shadow .4s ease-out,background .4s ease-out}.post-list .show-post{clear:both}.post-list .show-post span{cursor:pointer}.category-blog+.show-all-wrap{text-align:center}.category-blog+.show-all-wrap .show-all-link{font-size:18px;line-height:24px}.blog-section-title{margin-bottom:20px}.postscategory-title span{font:700 italic 21px/1.1 "Uni Sans",Arial,Helvetica,sans-serif;line-height:1.2;font-weight:700;display:block;padding-top:7px;padding-bottom:7px;border-bottom:1px solid #e5e5e5}.brander-unitopblog-post-view .wrapper,.brander-unitopblog-postscategory-index .wrapper{overflow:hidden}.brander-unitopblog-post-view .header-container,.brander-unitopblog-postscategory-index .header-container{background:#49463d}.brander-unitopblog-post-view .main,.brander-unitopblog-postscategory-index .main{padding:60px 0}.brander-unitopblog-post-view .toolbar,.brander-unitopblog-postscategory-index .toolbar{border-color:#fff}.brander-unitopblog-post-view .page-title,.brander-unitopblog-postscategory-index .page-title{border:0}.brander-unitopblog-post-view .page-title h1,.brander-unitopblog-postscategory-index .page-title h1{text-align:center;font:700 italic 4em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#e83232;padding:0;float:none;border-bottom:2px solid #e5e5e5}.brander-unitopblog-post-view button,.brander-unitopblog-postscategory-index button{width:auto!important;max-width:100%!important}.brander-unitopblog-post-view .col-left .postscategory-title,.brander-unitopblog-postscategory-index .col-left .postscategory-title{text-transform:uppercase;border-width:2px;padding:44px 0 8px}.brander-unitopblog-post-view .col-left .postscategory-list-item,.brander-unitopblog-postscategory-index .col-left .postscategory-list-item{margin:0 0 10px}.brander-unitopblog-post-view .col-left .postscategory-list-item a,.brander-unitopblog-postscategory-index .col-left .postscategory-list-item a{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;transition-property:color,opacity;text-transform:uppercase;opacity:.5}.brander-unitopblog-post-view .col-left .postscategory-list-item a:hover,.brander-unitopblog-post-view .col-left .postscategory-list-item.active a,.brander-unitopblog-postscategory-index .col-left .postscategory-list-item a:hover,.brander-unitopblog-postscategory-index .col-left .postscategory-list-item.active a{opacity:1;color:#e83232}.brander-unitopblog-post-view .post-list,.brander-unitopblog-postscategory-index .post-list{padding:30px 0 0}.brander-unitopblog-post-view .post-list .item,.brander-unitopblog-postscategory-index .post-list .item{border-bottom:2px solid #e5e5e5;padding-top:0;padding-bottom:30px;margin-bottom:30px}.brander-unitopblog-post-view .post-list .item:last-child,.brander-unitopblog-postscategory-index .post-list .item:last-child{border:none}.brander-unitopblog-post-view .post-list .item:hover .post-name a,.brander-unitopblog-postscategory-index .post-list .item:hover .post-name a{color:#000!important}.brander-unitopblog-post-view .post-list .item img,.brander-unitopblog-postscategory-index .post-list .item img{max-width:1000px;width:100%}.brander-unitopblog-post-view .post-list .item .post-name a,.brander-unitopblog-postscategory-index .post-list .item .post-name a{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#000}.brander-unitopblog-post-view .post-list .item .post-name a:hover,.brander-unitopblog-postscategory-index .post-list .item .post-name a:hover{color:#e83232!important}.brander-unitopblog-post-view .form-add .review-nologged a,.post-post_content a{color:#e83232}.brander-unitopblog-post-view .no-posts,.brander-unitopblog-postscategory-index .no-posts{text-align:center;padding:100px 0;font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.brander-unitopblog-post-view .toolbar-bottom,.brander-unitopblog-postscategory-index .toolbar-bottom{-ms-flex-order:-1;order:-1}.brander-unitopblog-post-view .toolbar-bottom .sorter,.brander-unitopblog-postscategory-index .toolbar-bottom .sorter{display:none}.brander-unitopblog-post-view .pager,.brander-unitopblog-postscategory-index .pager{background:#ddd;padding:0}.brander-unitopblog-post-view .pager .pages,.brander-unitopblog-postscategory-index .pager .pages{display:block;float:none}.brander-unitopblog-post-view .pager .amount,.brander-unitopblog-post-view .pager .limiter,.brander-unitopblog-post-view .pager strong,.brander-unitopblog-postscategory-index .pager .amount,.brander-unitopblog-postscategory-index .pager .limiter,.brander-unitopblog-postscategory-index .pager strong{display:none}.brander-unitopblog-post-view .page-title h1{text-align:left;margin:0 0 10px}.brander-unitopblog-post-view .post-info{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5}.brander-unitopblog-post-view .form-add{padding:45px 0 0}.brander-unitopblog-post-view .form-add .form-title{font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232;text-align:center;margin:0 0 18px}.brander-unitopblog-post-view .form-add .review-nologged{text-align:center}.brander-unitopblog-post-view .form-add .review-nologged a:hover{text-decoration:underline}.brander-unitopblog-post-view .form-add form{display:block;max-width:600px;margin:0 auto}.brander-unitopblog-post-view .form-add form label{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5;margin:0 0 5px}.brander-unitopblog-post-view .form-add form textarea{resize:none;width:100%}.brander-unitopblog-post-view .form-add .buttons-set{text-align:center;padding:20px 0 0}.brander-unitopblog-post-view .form-add button{float:none}.post-post_content ol,.post-post_content p,.post-post_content ul{margin:0 0 20px;list-style:outside}.post-post_content ol li,.post-post_content ul li{margin-left:15px;margin-top:10px}.post-post_content ol li:first-child,.post-post_content ul li:first-child{margin-top:0}.post-post_content img{display:block;margin:0 auto 20px}.post-post_content a:hover{color:#333}.brander-unitopblog-post-view .post-post_image{padding:20px 0}.brander-unitopblog-post-view .post-post_image img{width:100%;height:auto}.brander-unitopblog-post-view .post-preview_image{float:left;margin:0 20px 20px 0}.brander-unitopblog-post-view .post-title{margin-bottom:0;overflow:hidden}.brander-unitopblog-post-view .post-title h1{min-height:0}.brander-unitopblog-post-view .post-info{margin-bottom:24px}.brander-unitopblog-post-view .post-post_content{margin-bottom:60px;line-height:1.2}.brander-unitopblog-post-view .box-collateral{margin-bottom:60px}.brander-unitopblog-post-view .form-add{border-top:2px solid #d8d8d8;margin:42px 0 60px}.brander-unitopblog-post-view .box-reviews{max-width:600px;margin:0 auto 60px;width:auto}.brander-unitopblog-post-view .box-reviews h2{text-align:center;color:#e83232}.brander-unitopblog-post-view .box-reviews dl{border-bottom:2px solid #d8d8d8}.brander-unitopblog-post-view .box-reviews dl:last-of-type{border-bottom:0}.brander-unitopblog-post-view .box-reviews dd{padding:15px;background:#e5e5e5;margin:0 0 5px}.brander-unitopblog-post-view .box-reviews dt{text-align:right;font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5;margin:0 0 15px}.brander-unitopblog-post-view .video-holder{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.brander-unitopblog-post-view .video-holder iframe{position:absolute;top:0;left:0;width:100%;height:100%}.catalog-product-view .breadcrumbs:after,.catalog-product-view .breadcrumbs:before{width:1000%;background:#49463d;height:100%;top:0;content:''}.brander-unitopblog-post-view .block-viewed{padding:0 8%;position:relative}.brander-unitopblog-post-view .block-viewed .itemslider{position:static}.catalog-product-view .breadcrumbs{background:#49463d;margin:0;padding:5px 0 15px 2px;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;position:relative}.catalog-product-view .breadcrumbs:before{transform:translateX(-100%);position:absolute;left:2px}.catalog-product-view .breadcrumbs:after{transform:translateX(100%);position:absolute;right:2px;display:none}.catalog-product-view .messages{background:0 0;z-index:100;position:absolute;left:100px;top:0}.catalog-product-view .messages .error-msg,.catalog-product-view .messages .success-msg{background-color:transparent;font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232}.catalog-product-view .no-rating,.catalog-product-view .ratings{margin-top:0;text-align:right}.catalog-product-view .sku{margin-top:0;color:#737373}.catalog-product-view .sku .label{font-weight:400}.catalog-product-view .main-container{background:#fff}.catalog-product-view .product-img-column{float:none;position:relative}.catalog-product-view .product-img-column>.img-box{position:relative}.catalog-product-view .product-img-column .product-image{border:0;padding:0}.catalog-product-view .product-img-column #wrap>a:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;z-index:10000;background:0 0!important}.catalog-product-view .product-img-column #wrap .gallery-image{margin:0 auto}.catalog-product-view .product-img-column .image-download{display:inline-block;position:absolute;bottom:0;right:0;white-space:nowrap;z-index:100}.catalog-product-view .page{overflow:hidden;background:#49463d}.catalog-product-view .main{padding:0}.catalog-product-view #product_addtocart_form{background:#49463d;display:-ms-flexbox;display:flex;position:relative}.catalog-product-view #product_addtocart_form:before{content:'';width:5000px;height:100%;position:absolute;top:0;left:-5000px;background:#49463d}.catalog-product-view #product_addtocart_form:after{content:'';width:5000px;height:100%;position:absolute;top:0;right:-5000px;background:#3f3e36}.catalog-product-view #product_addtocart_form .why-us-label{margin-bottom:10px;position:relative}.catalog-product-view #product_addtocart_form .why-us-label>span{display:inline-block;vertical-align:top;color:#fff;transition:color .2s ease;cursor:pointer}.catalog-product-view #product_addtocart_form .why-us-label>span.active,.catalog-product-view #product_addtocart_form .why-us-label>span:hover{color:#e83232}.catalog-product-view #product_addtocart_form .why-us-label>span.active+.topic-html-content-body{opacity:1;visibility:visible}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.catalog-product-view #product_addtocart_form .why-us-label .topic-html-content-body{position:absolute;left:0;bottom:100%;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;width:100%;padding:20px;box-sizing:border-box;z-index:1010;background:#d8d5ba}.catalog-product-view #product_addtocart_form .why-us-label .topic-html-content-body p{margin-top:10px;text-align:left}.catalog-product-view #product_addtocart_form .why-us-label .topic-html-content-body ol,.catalog-product-view #product_addtocart_form .why-us-label .topic-html-content-body ul{margin:0 0 20px 20px;text-align:left}.catalog-product-view #product_addtocart_form .why-us-label .topic-html-content-body ul{color:#fff;list-style-type:inherit}.catalog-product-view #product_addtocart_form .why-us-label .topic-html-content-body ol{color:#fff;list-style-type:n}.catalog-product-view #product_addtocart_form .why-us-label .topic-html-content-body p.topic-html-content-header{background:0 0;padding:0;display:block;font-weight:700;margin:0 0 20px}.catalog-product-view .box-collateral dl dt,.catalog-product-view .box-collateral dl span.heading{font:700 italic 1.5rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-view .block-related .section-title{border:none}.catalog-product-view .box-collateral{margin-bottom:80px}.catalog-product-view .box-collateral #srka-product-review-list{width:100%}.catalog-product-view .box-collateral dl{border-bottom:2px solid #d8d8d8}.catalog-product-view .box-collateral dl span{color:#e83232}.catalog-product-view .box-collateral dl span.heading{color:#000}.catalog-product-view .box-collateral dl small{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;margin:15px 0 0!important}.catalog-product-view .col-main{position:relative}.catalog-product-view #messages_product_view{position:absolute;z-index:101;width:100%;top:0}.catalog-product-view #product-tabs{margin-bottom:0;padding:35px}.catalog-product-view #product-tabs .acctab{font:700 italic 1.5em/1.16 'Uni Sans',Arial,Helvetica,sans-serif;padding:20px 0;border-bottom:1px solid #ccc}.catalog-product-view #product-tabs .panel{padding:0}.catalog-product-view #product-tabs .panel .std h2,.catalog-product-view #product-tabs .panel .std strong.title{font:700 italic 3em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232;text-align:center;margin:0 0 25px;display:block}.catalog-product-view #product-tabs .panel .std h4{font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-view #product-tabs .panel .video{text-align:center}.catalog-product-view .block-related,.catalog-product-view .block-upsell{padding:0 8%;box-sizing:border-box}.catalog-product-view .block-related .price-box,.catalog-product-view .block-upsell .price-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.catalog-product-view .block-related .price-box .regular-price .price,.catalog-product-view .block-related .price-box .special-price .price,.catalog-product-view .block-upsell .price-box .regular-price .price,.catalog-product-view .block-upsell .price-box .special-price .price{color:#e83232!important}.catalog-product-view .itemslider{position:static}.catalog-product-view #wrap:hover{background:0 0}.catalog-product-view #wrap:hover:before{color:#e83232}.catalog-product-view #wrap .mousetrap{left:50%!important;transform:translateX(-50%)}.catalog-product-view .mousetrap:hover{cursor:default!important}.catalog-product-view #cloud-zoom-big{border-radius:50%;background-color:rgba(0,0,0,.75);display:none!important;cursor:default!important}.catalog-product-view .alert-stock{color:#e83232!important;font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-view .product-shop{position:relative;z-index:10;float:none;-ms-flex-item-align:end;align-self:flex-end;padding:0 0 190px}.catalog-product-view .product-shop:after{content:'';position:absolute;left:0;bottom:0;border-bottom:10000px solid #3f3e36;border-left:1400px solid transparent;border-right:50px solid transparent;height:0;width:100%;z-index:-1}.catalog-product-view .product-shop .promotion-heading{margin-bottom:20px}.catalog-product-view .product-shop .promotion-heading:after{content:'';display:table;width:100%;clear:both}.catalog-product-view .product-shop .clockdiv>div{margin-bottom:10px}.catalog-product-view .product-shop .promotion-img-holder{float:left;width:150px}.catalog-product-view .product-shop .promotion-img-holder+.promotion-title{float:left;width:calc(100% - 150px);padding:20px 0 0 20px;box-sizing:border-box;color:#8c8a79;opacity:1}.catalog-product-view .product-shop .promotion-counter{margin-bottom:20px}.catalog-product-view .product-shop .promotion-counter .left-before{color:#e83232}.catalog-product-view .product-shop .product-name{margin:0 0 0 25px}.catalog-product-view .product-shop .product-name h1{font:700 italic 1.5em/1.16 'Uni Sans',Arial,Helvetica,sans-serif;text-transform:uppercase;color:#8c8a79}.catalog-product-view .product-shop .no-rating,.catalog-product-view .product-shop .ratings{display:none}.catalog-product-view .product-shop .social-links{position:absolute;bottom:150px;left:0}.catalog-product-view .product-shop .social-links span{background:0;cursor:pointer}.catalog-product-view .product-shop .social-links span:hover{background:0!important}.catalog-product-view .product-shop .social-links span:hover:before{color:#fff}.catalog-product-view .product-shop .social-links span:before{color:#e83232;font-size:1.125em;transition:color .3s ease-in-out 0s}.catalog-product-view .product-shop .btns-set{margin:0 0 30px;cursor:pointer}.catalog-product-view .product-shop .btns-set a{display:inline-block;color:#fff;transition:background .3s ease-in-out 0s}.catalog-product-view .product-shop .out-of-stock span{display:inline-block;background:#d8d8d8;cursor:default;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0 0 15px;max-width:250px}.catalog-product-view .product-shop .out-of-stock span:hover{background:#d8d8d8}.catalog-product-view .product-shop .alert-stock+.action-box{bottom:230px;left:230px}.catalog-product-view .product-shop .qty-wrapper{display:inline-block;vertical-align:top;transform:skewX(-8deg);overflow:hidden;font-size:16px;-webkit-backface-visibility:hidden}.catalog-product-view .product-shop .qty-wrapper label{display:none}.catalog-product-view .product-shop .qty-wrapper .ui-spinner{margin:0;border:0;border-radius:0;position:relative;background:#000}.catalog-product-view .product-shop .qty-wrapper .ui-spinner input{-webkit-appearance:none;appearance:none;background:#000;color:transparent;text-shadow:0 0 0 #fff;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;margin:0;padding:12px 30px;box-sizing:content-box;width:2em!important}.catalog-product-view .product-shop .qty-wrapper .ui-spinner .ui-spinner-button{position:absolute;left:0;top:0;height:100%;width:26px;background:0;cursor:pointer;margin:0;border:0}.catalog-product-view .product-shop .qty-wrapper .ui-spinner .ui-spinner-button:after{content:'';width:16px;height:2px;background:#fff;display:block;position:absolute;left:5px;top:50%}.catalog-product-view .product-shop .qty-wrapper .ui-spinner .ui-spinner-button *{display:none}.catalog-product-view .product-shop .qty-wrapper .ui-spinner .ui-spinner-button.ui-spinner-up{left:auto;right:0}.catalog-product-view .product-shop .qty-wrapper .ui-spinner .ui-spinner-button.ui-spinner-up:before{content:'';width:2px;height:16px;background:#fff;display:block;position:absolute;left:12px;top:50%;margin-top:-7px}.catalog-product-view .product-type-data .old-price .price-currency,.catalog-product-view .product-type-data .price-box .regular-price .price-label,.catalog-product-view .product-type-data .price-box .special-price .price-label{display:none}.catalog-product-view .product-type-data .availability-only{position:relative;padding:0 0 0 35px;margin:0 0 0 22px}.catalog-product-view .product-type-data .availability-only .icon-color-productview{position:absolute;left:0;top:2px;color:#e83232}.catalog-product-view .product-type-data .availability-only strong{font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232}.catalog-product-view .product-type-data .old-price{margin:0 0 0 10px}.catalog-product-view .product-type-data .old-price span{font:700 italic 2em/1.16 'Uni Sans',Arial,Helvetica,sans-serif;color:#8c8a79}.catalog-product-view .product-type-data .price-box{border:0;margin:0 0 20px 8px}.catalog-product-view .product-type-data .price-box .regular-price .price,.catalog-product-view .product-type-data .price-box .special-price .price{font:700 italic 3.75em/1.16 'Uni Sans',Arial,Helvetica,sans-serif;color:#d8d5ba!important}.catalog-product-view .product-type-data .price-box .regular-price .price .price-currency,.catalog-product-view .product-type-data .price-box .special-price .price .price-currency{font-size:1.5rem;vertical-align:top}.catalog-product-view .product-type-data .price-box .item-options dd{float:none}.catalog-product-view .tier-prices{color:#fff;display:none}.catalog-product-view .tier-prices li{background:0;padding:0;margin:0 0 12px;font-style:italic}.catalog-product-view .action-box .icon-color-productview{background:0}.catalog-product-view .action-box .add-to-links{white-space:nowrap}.catalog-product-view .action-box .add-to-links button{border:none;background:0 0;cursor:pointer;color:#e83232}.catalog-product-view .action-box .add-to-links .link-wishlist{position:relative}.catalog-product-view .action-box .add-to-links li button span:before{transition:color .3s ease-in-out 0s}.catalog-product-view .action-box .add-to-links li button:hover span{background:rgba(255,255,255,0)!important}.catalog-product-view .action-box .add-to-links li button:hover span:before{color:#fff}.catalog-product-view .action-box [class*=ict]:before{font-size:1.9em}.catalog-product-view .add-to-box{border:0;margin:0}.catalog-product-view .add-to-box .add-to-cart{font-size:0;display:inline-block;position:relative}.catalog-product-view .add-to-box .add-to-cart:before{content:'';position:absolute;left:31px;top:15px;width:calc(100% - 33px);height:89%;background:rgba(0,0,0,.5);z-index:0;transform:skew(-8deg,-3deg);-webkit-backface-visibility:hidden}.catalog-product-view .discount-btn-holder{margin:0 0 40px}.catalog-product-view #discount{display:inline-block;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#fff;font-size:24px}.catalog-product-view #discount:hover{color:#e83232}.catalog-product-view #product-addtocart-button,.catalog-product-view .btn-cart{color:#fff;text-transform:uppercase;font:700 1.125rem/1.16 'Uni Sans',Arial,Helvetica,sans-serif;padding:0;transform:skewX(-8deg);position:relative;-webkit-backface-visibility:hidden;transition:background .3s ease-in-out 0s}.catalog-product-view #product-addtocart-button:hover,.catalog-product-view .btn-cart:hover{background:#333}.catalog-product-view #product-addtocart-button:hover>span,.catalog-product-view .btn-cart:hover>span{background:0 0}.catalog-product-view #product-addtocart-button>span,.catalog-product-view .btn-cart>span{display:block;padding:23px 0}.catalog-product-view .product-options p.required{top:0}.catalog-product-view .qty-wrapper .ui-spinner{margin-right:10px;border-color:#ddd;transition:border-color .3s ease-in-out}.catalog-product-view .qty-wrapper .ui-spinner:hover{border-color:#aaa}.catalog-product-view .qty-wrapper .ui-spinner .ui-state-default{border-color:#ddd}.catalog-product-view .qty-wrapper .ui-spinner .ui-state-hover{border-color:#aaa}.catalog-product-view .qty-wrapper .qty{margin:0 16px 0 0;border:0}.catalog-product-view .box-additional{position:relative;margin:0 auto;display:block;float:none}.catalog-product-view .featured-section .section-title{border:0;color:#000;opacity:.25;margin:0 0 30px;position:relative;z-index:1;font:700 italic 4em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#main-imgs .item{transform:scale(1);opacity:1;transition:transform .3s ease-in-out 0s;transition-property:transform,opacity;transform-origin:50% 0}#main-imgs .item.active{transform:scale(0);opacity:0}#main-imgs .slick-arrow{font-size:0;position:absolute;left:0;top:0;z-index:100;border:none;width:50px;height:50px;background:#e83232;cursor:pointer;transform:skewX(-8deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:box-shadow .15s ease-in-out,background-color .5s ease}#main-imgs .slick-arrow:after{content:"\e967";display:block;font-family:IconsTemplate;color:#fff;position:absolute;font-size:16px;left:50%;top:0;z-index:20;line-height:50px;margin-left:-7px}#main-imgs .slick-arrow:hover{background:#000;box-shadow:inset 0 0 0 26px #000}#main-imgs .slick-arrow.slick-next{left:52px}#main-imgs .slick-arrow.slick-next:after{transform:rotate(180deg)}.more-images{max-width:316px;margin:0 auto}.more-images .thumbnails .item{padding:4px;border:1px solid #eee;box-sizing:border-box;margin:0 2px}.more-images .thumbnails .item>span{display:table;width:100%;table-layout:fixed;margin:0 auto;cursor:pointer}.more-images .thumbnails .item>span:hover{border-color:#999}.more-images .thumbnails .item>span span{display:table-cell;vertical-align:middle;width:65px;height:65px;background:#fff;padding:0}.more-images .thumbnails .item>span span.swf-item-holder{background:0 0}.more-images .slick-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background:0 0;border:none;color:#e83232;font-size:0;cursor:pointer}.more-images .slick-arrow:hover{color:#000}.more-images .slick-arrow:after{position:absolute;font-family:ThemeIcons;font-size:22px;content:'';left:50%;top:50%;transform:translate(-50%,-50%)}.more-images .slick-arrow.slick-prev{left:-36px}.more-images .slick-arrow.slick-prev:after{content:'\e260'}.more-images .slick-arrow.slick-next{right:-36px}.more-images .slick-arrow.slick-next:after{content:'\e263'}.block-related .section-title,.block-upsell .section-title{font-size:4em}#product-tabs .tabs{text-align:center;padding:20px 0 35px}#product-tabs .tabs li{float:none;display:inline-block;margin:0 20px}#product-tabs .tabs li a{font:700 italic 1.125em/1.16 'Uni Sans',Arial,Helvetica,sans-serif;padding:0;border:none}#product-tabs .tabs li a.current{position:relative}#product-tabs .tabs li a.current:after{content:'';position:absolute;bottom:-10px;left:-10%;width:120%;height:4px;background:#e83232;transform:skewX(-14deg);-webkit-backface-visibility:hidden}#product-tabs .tabs-panels{border:0}#product-tabs .tabs-panels .panel{position:relative}#product-tabs .tabs-panels .panel:after{content:'';display:table;width:100%;clear:both}#product-tabs .tabs-panels .panel .category-blog .post-name{font:700 italic 1.75em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#product-tabs .tabs-panels .panel .category-blog .post-name a{color:#000!important}#product-tabs .tabs-panels .panel .category-blog .product-image-wrapper{float:left;margin:0 15px 15px 0}#product-tabs .tabs-panels .panel .category-blog .post-shop,#product-tabs .tabs-panels .panel .category-blog .right-column{display:block;float:none;width:auto}#product-tabs .tabs-panels .panel .category-blog .right-column button:hover{box-shadow:inset 200px 0 0 0 #000;color:#fff}#product-tabs .tabs-panels .panel .show-all-link{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#product-tabs .tabs-panels .panel .show-all-link:hover{color:#e83232}#product-tabs .tabs-panels #product-attribute-specs-table td{font-size:.8em}#product-tabs .tabs-panels .data-table{width:62.5%;border-collapse:collapse;border-spacing:0;float:left}#product-tabs .tabs-panels .data-table td,#product-tabs .tabs-panels .data-table th{border:0;border-top:1px solid rgba(0,0,0,.15);text-transform:uppercase;vertical-align:middle;padding:0}#product-tabs .tabs-panels .data-table tbody{width:100%}#product-tabs .tabs-panels .data-table th{font:700 italic .875em 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.35;width:40%;line-height:35px}#product-tabs .tabs-panels .data-table td{font:700 italic 1.5em 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.5;width:60%;border-left:0}#product-tabs .tabs-panels .data-table .even{background:0 0}#product-tabs .tabs-panels .data-table .last td,#product-tabs .tabs-panels .data-table .last th{border-bottom:1px solid rgba(0,0,0,.15)}#product-tabs .tabs-panels .expertise{float:right;width:25%}#product-tabs .tabs-panels .expertise h3{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5}#product-tabs .tabs-panels .expertise a{display:block;cursor:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/zoom_in_black.png),url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/zoom_in_black.cur),auto}#product-tabs .tabs-panels .expertise a img{max-width:1000px;width:100%}.box-reviews{width:80%;margin:0 auto}.box-reviews h2,.box-reviews strong.title{text-transform:uppercase;display:block;margin:0 0 20px;font:700 italic 1.5em 'Uni Sans',Arial,Helvetica,sans-serif}.box-reviews h3,.box-reviews h4{font:700 italic .875em 'Uni Sans',Arial,Helvetica,sans-serif!important;text-transform:uppercase;opacity:.35}.box-reviews label{font:700 italic .875em 'Uni Sans',Arial,Helvetica,sans-serif}.box-reviews .ratings-table th{font:700 italic .9em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.box-reviews dl{margin:0 0 15px!important}.box-reviews button{background:#e83232;color:#fff;text-transform:uppercase;font:700 1.125em/1.16 'Uni Sans',Arial,Helvetica,sans-serif;transform:skewX(-8deg);position:relative;min-width:200px!important;padding:20px 0;display:inline-block;-webkit-backface-visibility:hidden}.box-reviews #srka-product-review-list b{font:700 italic .875em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;position:relative}.box-reviews #srka-product-review-list b:after{content:'*';color:#e83232;position:absolute;right:-10px;top:0;font-style:normal;font-weight:400;font-family:Helvetica}.box-reviews .form-add textarea{resize:none}.box-upsell{background:#e5e5e5;position:relative;padding:45px 0}.box-upsell:after,.box-upsell:before{content:'';display:block;position:absolute;width:100%;height:100%;background:#e5e5e5;top:0}.box-upsell:before{left:-100%}.box-upsell:after{right:-100%}.box-upsell .section-title{position:relative;z-index:2}.itemslider .product-name{font:700 italic 16px/1.1 "Uni Sans",Arial,Helvetica,sans-serif;padding:0 10px;height:42px;overflow:hidden}.itemslider .product-name a{color:grey}.itemslider .price{color:#e83232;font:700 italic 1.75em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.itemslider .price .price-currency{font-size:.5em;vertical-align:top}.accor .acctab+.panel{display:none!important}.accor .active+.panel{display:block!important}.accor .acctab.current{color:#333;background:#fff}.accor .acctab.current:after{content:"\e261"}.accor .acctab.active{color:#e83232}.accor .acctab.active:after{content:"\e262"}#fastbuy_form{max-width:231px}#fastbuy_form .popup-heading strong{display:block;font:700 italic 1.25em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;padding:12px 0 25px}#fastbuy_form input{width:231px}#fastbuy_form .row{position:relative;margin:0 0 15px}#fastbuy_form .validation-advice{width:225px;text-align:left}.goto-video-tab a,.more-images .swf-item-holder{text-align:center}#fastbuy_form button{padding:0 15px}#fastbuy_form button span{background:0 0}#fastbuy_form button:hover{background:#333;box-shadow:0 0 0;color:#fff}.expertise-holder{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5000;background:rgba(0,0,0,.7);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;transform:rotateX(90deg);transition:opacity .3s ease-in-out 0s;transition-property:opacity,transform}.expertise-holder.active{opacity:1;transform:rotateX(0)}.expertise-holder .expertise-hidder{position:absolute;width:100%;height:100%;left:0;top:0}.expertise-holder .print-holder{position:absolute;left:-14px;top:-14px;background:#121212;width:25px;height:25px;border:2px solid #fff;box-shadow:1px 2px 3px -1px #000;border-radius:50%;cursor:pointer}.expertise-holder .print-holder:active{box-shadow:1px 2px 3px -2px #000}.expertise-holder .print-holder:after{content:'\e905';font-family:IconsTemplate;font-size:1em;color:#fff;position:absolute;left:6px;top:2px}.expertise-holder .print-holder input{border:0;width:25px;height:25px;position:relative;z-index:12;cursor:pointer;background:0;text-indent:-9999px}.expertise-holder .image-holder{position:relative;z-index:2}.expertise-holder .image-holder img{max-width:800px;width:auto;max-height:80vh}.block-layered-nav #narrow-by-list li.input-li{margin:0}.cloud-zoom-loading{display:none!important}.catalog-product-view .product-img-column .product-image{position:relative}.goto-video-tab{position:absolute;left:0;bottom:0;z-index:101}.goto-video-tab a{overflow:hidden;text-decoration:none;width:65px;margin:0 2px 4px;display:block!important;height:65px;color:#000;font-size:10px;padding:4px;text-indent:-9999px;border:1px solid #eee;vertical-align:middle;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/video_camera.png) 50% 50%/60% auto no-repeat;background-color:#000!important}.goto-video-tab a:hover{border-color:#999}.swf-item-holder{display:block;position:relative;padding-bottom:66.25%;height:0;overflow:hidden;z-index:10;max-width:100%;cursor:pointer}#main-imgs .slick-slide:not(.swf-item):before,.more-images .swf-item-holder:before{position:absolute;height:100%;top:0}#main-imgs .slick-slide:not(.swf-item):before,.more-images .slick-slide:not(.swf-item) span span:before,.more-images .swf-item-holder:before{content:'';width:100%;background:rgba(0,0,0,0);z-index:11;left:0}.swf-item-holder embed,.swf-item-holder iframe,.swf-item-holder object{position:absolute;top:0;left:0;width:100%;height:100%}.swf-item-holder+#image-main{display:none!important}.more-images .swf-item-holder object{height:42px;top:12px;pointer-events:none}.more-images .slick-slide:not(.swf-item) span span{position:relative}.more-images .slick-slide:not(.swf-item) span span:before{position:absolute;height:100%;top:0}.brander-promotions-promotion-view .brander_layerednavigation-attr,.catalog-category-view .brander_layerednavigation-attr,.catalogsearch-result-index .brander_layerednavigation-attr,.slick-list,.slick-slider,.slick-track{position:relative}.slick-slider{display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y}.slick-list{overflow:hidden;display:block;margin:0;padding:0}.brander-promotions-promotion-view .page-head h3,.brander-promotions-promotion-view .page-title h1,.catalog-category-view .page-head h3,.catalog-category-view .page-title h1,.catalogsearch-result-index .page-head h3,.catalogsearch-result-index .page-title h1{font:700 italic 4em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#e83232;padding:20px 0 40px;text-align:center}.slick-list:focus{outline:0}.slick-list.dragging{cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}.slick-track{left:0;top:0;display:block}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.brander-promotions-promotion-view .wrapper,.catalog-category-view .wrapper,.catalogsearch-result-index .wrapper{overflow:hidden}.brander-promotions-promotion-view .header-container,.catalog-category-view .header-container,.catalogsearch-result-index .header-container{background:#49463d}.brander-promotions-promotion-view .page-title,.catalog-category-view .page-title,.catalogsearch-result-index .page-title{border:0}.brander-promotions-promotion-view .main,.catalog-category-view .main,.catalogsearch-result-index .main{border-bottom:1px solid #d8d8d8}.brander-promotions-promotion-view .col-main,.catalog-category-view .col-main,.catalogsearch-result-index .col-main{width:70%!important}.brander-promotions-promotion-view .col-main .block-title,.catalog-category-view .col-main .block-title,.catalogsearch-result-index .col-main .block-title{display:none!important}.brander-promotions-promotion-view .col-left,.catalog-category-view .col-left,.catalogsearch-result-index .col-left{width:20%!important}.brander-promotions-promotion-view .products-grid:not(.itemslider),.catalog-category-view .products-grid:not(.itemslider),.catalogsearch-result-index .products-grid:not(.itemslider){font-size:0}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item,.catalog-category-view .products-grid:not(.itemslider) .item,.catalogsearch-result-index .products-grid:not(.itemslider) .item{width:33.3%!important;box-sizing:border-box;float:none;display:inline-block;vertical-align:top;border:0;font-size:16px;padding:0 10px 100px;position:relative;overflow:hidden}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .product-link,.catalog-category-view .products-grid:not(.itemslider) .item .product-link,.catalogsearch-result-index .products-grid:not(.itemslider) .item .product-link{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .product-name,.catalog-category-view .products-grid:not(.itemslider) .item .product-name,.catalogsearch-result-index .products-grid:not(.itemslider) .item .product-name{display:block;height:42px;overflow:hidden}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .product-name>a,.catalog-category-view .products-grid:not(.itemslider) .item .product-name>a,.catalogsearch-result-index .products-grid:not(.itemslider) .item .product-name>a{font:700 italic 16px/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:grey}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .product-image-wrapper,.catalog-category-view .products-grid:not(.itemslider) .item .product-image-wrapper,.catalogsearch-result-index .products-grid:not(.itemslider) .item .product-image-wrapper{position:static}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .product-image-wrapper img,.catalog-category-view .products-grid:not(.itemslider) .item .product-image-wrapper img,.catalogsearch-result-index .products-grid:not(.itemslider) .item .product-image-wrapper img{height:196px;object-fit:cover}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .availability-only .icon-color-productview,.catalog-category-view .products-grid:not(.itemslider) .item .availability-only .icon-color-productview,.catalogsearch-result-index .products-grid:not(.itemslider) .item .availability-only .icon-color-productview{color:#e83232}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .availability-only .label strong,.catalog-category-view .products-grid:not(.itemslider) .item .availability-only .label strong,.catalogsearch-result-index .products-grid:not(.itemslider) .item .availability-only .label strong{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;font-weight:700;color:#e83232}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .out-of-stock span,.catalog-category-view .products-grid:not(.itemslider) .item .out-of-stock span,.catalogsearch-result-index .products-grid:not(.itemslider) .item .out-of-stock span{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links{position:absolute;bottom:0;left:0;width:100%;padding:0;z-index:4}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links .ict-heart,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links .ict-heart,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links .ict-heart{position:relative;top:3px}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li{width:50%;position:relative;line-height:75px;opacity:0;transition:opacity .3s ease-in-out 0s}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li:hover span,.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li:hover:after,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li:hover span,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li:hover:after,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li:hover span,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li:hover:after{transform:translateY(0)}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li:after,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li:after,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li:after{content:'';width:100%;height:3px;background:#e83232;position:absolute;bottom:0;left:0;transition:transform .3s ease-in-out 0s;transform:translateY(3px)}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li span,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li span,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li span{display:inline-block;transition:transform .3s ease-in-out 0s}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li span:before,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li span:before,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li span:before{color:#e83232;font-size:2em}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links button,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links button,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links button{font-size:16px;border:none;background:0 0;cursor:pointer}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .price-box,.catalog-category-view .products-grid:not(.itemslider) .item .price-box,.catalogsearch-result-index .products-grid:not(.itemslider) .item .price-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;font-size:16px}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .price,.catalog-category-view .products-grid:not(.itemslider) .item .price,.catalogsearch-result-index .products-grid:not(.itemslider) .item .price{font:700 italic 2em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#000}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .price .price-currency,.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .regular-price .price .price-currency,.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .special-price .price .price-currency,.catalog-category-view .products-grid:not(.itemslider) .item .price .price-currency,.catalog-category-view .products-grid:not(.itemslider) .item .regular-price .price .price-currency,.catalog-category-view .products-grid:not(.itemslider) .item .special-price .price .price-currency,.catalogsearch-result-index .products-grid:not(.itemslider) .item .price .price-currency,.catalogsearch-result-index .products-grid:not(.itemslider) .item .regular-price .price .price-currency,.catalogsearch-result-index .products-grid:not(.itemslider) .item .special-price .price .price-currency{font-size:.5em;vertical-align:top}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .regular-price .price,.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .special-price .price,.catalog-category-view .products-grid:not(.itemslider) .item .regular-price .price,.catalog-category-view .products-grid:not(.itemslider) .item .special-price .price,.catalogsearch-result-index .products-grid:not(.itemslider) .item .regular-price .price,.catalogsearch-result-index .products-grid:not(.itemslider) .item .special-price .price{color:#000!important}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .old-price .price,.catalog-category-view .products-grid:not(.itemslider) .item .old-price .price,.catalogsearch-result-index .products-grid:not(.itemslider) .item .old-price .price{font-size:1.125em;color:#e83232}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .old-price .price .price-currency,.catalog-category-view .products-grid:not(.itemslider) .item .old-price .price .price-currency,.catalogsearch-result-index .products-grid:not(.itemslider) .item .old-price .price .price-currency{display:none}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item:hover,.catalog-category-view .products-grid:not(.itemslider) .item:hover,.catalogsearch-result-index .products-grid:not(.itemslider) .item:hover{margin:0;padding:0 10px 100px}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item:hover .add-to-links li,.catalog-category-view .products-grid:not(.itemslider) .item:hover .add-to-links li,.catalogsearch-result-index .products-grid:not(.itemslider) .item:hover .add-to-links li{opacity:1}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item:hover>a,.catalog-category-view .products-grid:not(.itemslider) .item:hover>a,.catalogsearch-result-index .products-grid:not(.itemslider) .item:hover>a{background:rgba(0,0,0,.15)}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .actions,.catalog-category-view .products-grid:not(.itemslider) .item .actions,.catalogsearch-result-index .products-grid:not(.itemslider) .item .actions{position:relative;text-align:center;z-index:5;font-size:0}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .actions form,.catalog-category-view .products-grid:not(.itemslider) .item .actions form,.catalogsearch-result-index .products-grid:not(.itemslider) .item .actions form{display:inline-block;vertical-align:top;overflow:hidden;padding:0 5px}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .actions label,.catalog-category-view .products-grid:not(.itemslider) .item .actions label,.catalogsearch-result-index .products-grid:not(.itemslider) .item .actions label{display:none}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .actions input,.catalog-category-view .products-grid:not(.itemslider) .item .actions input,.catalogsearch-result-index .products-grid:not(.itemslider) .item .actions input{padding:8px 5px;text-align:center;display:inline-block;border-radius:0;vertical-align:top;width:55px;height:40px;box-sizing:border-box;font:700 italic 1rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif;border:2px solid #000;transform:skewX(-8deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .actions button,.catalog-category-view .products-grid:not(.itemslider) .item .actions button,.catalogsearch-result-index .products-grid:not(.itemslider) .item .actions button{cursor:pointer;border:none;height:40px;font-size:.875rem}.brander-promotions-promotion-view .featured-section .section-title,.catalog-category-view .featured-section .section-title,.catalogsearch-result-index .featured-section .section-title{color:#000;opacity:.25;padding:40px 0 0;position:relative;border:0;margin:0 0 30px;z-index:1;font:700 italic 4em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.brander-promotions-promotion-view .featured-section .products-grid:not(.itemslider) .item,.catalog-category-view .featured-section .products-grid:not(.itemslider) .item,.catalogsearch-result-index .featured-section .products-grid:not(.itemslider) .item{width:100%!important;padding:0 15px}.brander-promotions-promotion-view div.layerednavigation-overlay,.catalog-category-view div.layerednavigation-overlay,.catalogsearch-result-index div.layerednavigation-overlay{z-index:999;width:110%;position:fixed;left:0;top:0;height:100%}.bottom-pager,.category-products{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.bottom-pager .toolbar,.category-products .toolbar{border:0;-ms-flex-order:2;order:2;margin-bottom:20px}.bottom-pager .toolbar .sorter .limiter button,.bottom-pager .toolbar .sorter .sort-by button,.category-products .toolbar .sorter .limiter button,.category-products .toolbar .sorter .sort-by button{border:none;cursor:pointer}.bottom-pager .toolbar .pdf_download,.category-products .toolbar .pdf_download{color:#e83332;font-style:italic;font-size:16px;text-decoration:underline}.bottom-pager .toolbar-bottom,.category-products .toolbar-bottom{-ms-flex-order:-1;order:-1}.bottom-pager .toolbar-bottom .sorter,.category-products .toolbar-bottom .sorter{display:none}.toolbar .pager{background:#ddd;padding:0}.toolbar .pager .pages{display:block;float:none}.toolbar .pager strong{display:none}.toolbar .pager ol{display:table;width:100%;table-layout:fixed;text-align:center;font-size:0;position:relative}.toolbar .pager ol li{float:none;display:table-cell;vertical-align:middle;background:0 0!important;font:700 italic 1rem/30px 'Uni Sans',Arial,Helvetica,sans-serif;line-height:40px;margin:0;overflow:hidden;border-bottom:3px solid transparent}.toolbar .pager ol li.next,.toolbar .pager ol li.previous{line-height:36px}.toolbar .pager ol li.next a:before,.toolbar .pager ol li.previous a:before{content:"\e228";top:50%;margin-top:-12px;width:100%;left:0}.toolbar .pager ol li.current,.toolbar .pager ol li:hover{color:#e83232;border-color:#e83232}.toolbar .pager ol li.current a,.toolbar .pager ol li:hover a{color:#e83232}.toolbar .pager ol li a{display:block;background:0 0!important;text-align:center}.toolbar .pager ol li.previous a{font-size:1.5rem;display:block;position:relative}.toolbar .pager ol li.previous a:before{position:absolute;transform:rotate(180deg)}.toolbar .pager ol li.next a{font-size:1.5rem;display:block;width:100%;position:relative}#category-tabs .acctab,#category-tabs .category-blog .post-name a,#category-tabs .tabs a{font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.toolbar .pager ol li.next a:before{position:absolute}.toolbar .pager ol li.next:before{display:none}#category-tabs{padding:25px 0 0}#category-tabs .acctab{padding:15px 0}#category-tabs .tabs li{margin:0 10px 0 0}#category-tabs .tabs a{position:relative}#category-tabs .tabs a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#000;transform:rotateY(90deg);transition:all .3s ease-in-out 0s;transition-property:color,transform}#category-tabs .tabs a.current:after{transform:rotateX(0);background:#e83232}#category-tabs .category-blog .post-name a{color:#e83232}#category-tabs .category-blog .product-image-wrapper{margin:0 20px 20px 0}#category-tabs .category-blog .post-shop{float:none;width:auto;display:block}#category-tabs .category-blog .right-column{float:none;width:auto}#category-tabs .category-blog .right-column button{max-width:500px;width:auto}#category-tabs .show-all-wrap a{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232}#category-tabs .show-all-wrap a:hover{color:#000}.block-layered-nav .block-title{display:none!important}.block-layered-nav .block-subtitle{font:700 italic 1.8em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.block-layered-nav .block-content{padding:0}.block-layered-nav .block-content .actions a:hover{color:#e83232}.block-layered-nav .block-content #narrow-by-list dt{font:700 italic 1.125em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;padding:14px 0;margin:0 0 25px}.block-layered-nav .block-content #narrow-by-list dt span{position:relative;display:block;padding:0 25px 0 0}.block-layered-nav .block-content #narrow-by-list dt span:before{content:'';width:20px;height:2px;background:#000;position:absolute;top:9px;right:0}.block-layered-nav .block-content #narrow-by-list dt span:after{content:'';width:2px;height:20px;background:#000;position:absolute;top:0;right:9px;transform:rotate(90deg);transition:transform .3s ease-in-out 0s}.block-layered-nav .block-content #narrow-by-list dt.active span:after{transform:rotate(0)}.block-layered-nav .block-content #narrow-by-list dt.price-section span:after,.block-layered-nav .block-content #narrow-by-list dt.price-section span:before{display:none!important}.block-layered-nav .block-content #narrow-by-list dd .layerednavigation-cat{margin:0 0 15px}.block-layered-nav .block-content #narrow-by-list dd.active ol{display:none}.block-layered-nav .block-content #narrow-by-list dd ol li{margin:0 0 25px}.block-layered-nav .block-content #narrow-by-list dd a{font:700 italic .875em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.5}.block-layered-nav .block-content #narrow-by-list dd a:hover{color:#e83232;opacity:1}.block-layered-nav .block-content #narrow-by-list dd>:last-child{margin:0 0 50px}.block-layered-nav .block-content #narrow-by-list dd.price-section ol,.block-layered-nav .block-content #narrow-by-list dd.price-section ol.no-display{display:block!important}.block-layered-nav .block-content .handle{width:24px!important;height:24px!important;margin-top:-12px!important;border-width:2px!important;cursor:grab!important}.block-layered-nav .block-content .handle:active{cursor:grabbing}.checkout-actions-wrap .field .radio-label,.checkout-billing .checkout-end .custom-checkbox{cursor:pointer}.block-layered-nav .block-content .handle.selected{border-width:2px}.block-layered-nav .block-content .layerednavigation-slider-price{font:700 italic 1.125em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.block-layered-nav .block-content .brander_layerednavigation-attr,.block-layered-nav .block-content .brander_layerednavigation-attr-selected{background:0;font:700 italic 1.125em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.5;padding:5px 0 5px 35px;position:relative}.block-layered-nav .block-content .brander_layerednavigation-attr-selected:after,.block-layered-nav .block-content .brander_layerednavigation-attr:after{content:'\e900';position:absolute;left:0;top:5px;font-family:IconsTemplate;opacity:.4}.block-layered-nav .block-content .brander_layerednavigation-attr-selected:hover:after,.block-layered-nav .block-content .brander_layerednavigation-attr:hover:after{opacity:1}.block-layered-nav .block-content .brander_layerednavigation-attr-selected{opacity:1;color:#e83232}.block-layered-nav .block-content .brander_layerednavigation-attr-selected:after{color:#e83232;opacity:1}.block-layered-nav .block-content .inpts-wrap>div input{border:0;border-bottom:1px solid;font:700 italic 1.125em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;text-align:center}.block-layered-nav .block-content .inpts-wrap .f-to{position:relative;text-indent:-9999px}.block-layered-nav .block-content .inpts-wrap .f-to:after{content:'';width:100%;height:1px;background:#000;position:absolute;border-radius:50%;top:11px;left:0;opacity:.75}.block-layered-nav .block-content .price-range-btn-wrap button{font:700 1.125em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#fff;background:#e83232;transform:skewX(-8deg);padding:12px 0}.block-layered-nav .block-content .price-range-btn-wrap button:hover{background:#333}.catalogsearch-result-index .main{padding:40px 0 60px}.catalogsearch-result-index .note-msg{background-color:#fff;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.searchautocomplete-container .price-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.searchautocomplete-container .price-box .regular-price .price,.searchautocomplete-container .price-box .special-price .price{color:#333!important}.searchautocomplete-container .price-box .old-price .price{color:#e83232;font-size:1.125rem}.fancybox-wrap{top:50%!important;left:50%!important;position:fixed!important;transform:translate(-50%,-50%)}.catalog-product-compare-index .compare-table .product-shop-row td .btn-cart{position:relative;left:10px;bottom:0;white-space:normal}.catalog-category-view .item.item-banner:hover{opacity:.75}.catalog-category-view .tabs-panels .panel>h1,.catalog-category-view .tabs-panels .panel>h2,.catalog-category-view .tabs-panels .panel>h3,.catalog-category-view .tabs-panels .panel>h4,.catalog-category-view .tabs-panels .panel>h5,.catalog-category-view .tabs-panels .panel>h6,.catalog-category-view .tabs-panels .panel>ol,.catalog-category-view .tabs-panels .panel>p,.catalog-category-view .tabs-panels .panel>ul{margin:0 0 20px}.catalog-category-view .tabs-panels .panel>ol,.catalog-category-view .tabs-panels .panel>ul{margin-left:40px;list-style:inherit}.catalog-category-view .tabs-panels .panel>ol li,.catalog-category-view .tabs-panels .panel>ul li{margin-top:10px}.catalog-category-view .tabs-panels .panel>ol li:first-child,.catalog-category-view .tabs-panels .panel>ul li:first-child{margin-top:0}.catalog-category-view .tabs-panels .panel>ul{list-style:inherit}.catalog-category-view .tabs-panels .panel>ol{list-style-type:decimal}.sorter{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;line-height:1.1;-ms-flex-align:center;align-items:center}.limiter .chosen-container,.sorter .chosen-container{width:auto!important}.checkout-onepage-index .page-header a img,.fancybox-lock .checkout-onepage-index .page-header a img{width:100%}.catalog-category-view .main-container .col-main .toolbar label,.catalogsearch-result-index .main-container .col-main .toolbar label{font-weight:300;opacity:.34;margin:0 15px 0 0}.checkout-onepage-index,.fancybox-lock .checkout-onepage-index{margin-right:0}.checkout-onepage-index .add-checkout-link{position:absolute;left:0;top:50%;transform:translateY(-50%);color:#fff;opacity:1;z-index:101;text-transform:uppercase;font-weight:700}.checkout-onepage-index .add-checkout-link:hover{color:red}.checkout-onepage-index .header-container{display:none}.checkout-onepage-index .page-header{text-align:center;background:#000;position:relative}.checkout-onepage-index .page-header:before{content:'';position:absolute;width:5000px;height:100%;left:50%;margin-left:-2500px;top:0;z-index:1;background:#000}.checkout-onepage-index .page-header .header-righter{position:absolute;right:10px;top:15px;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.checkout-onepage-index .page-header .header-righter span.value{padding-right:20px;color:#fff;-webkit-text-fill-color:#fff}.checkout-onepage-index .page-header .header-righter span.value:after{content:'';position:absolute;width:0;height:0;display:block;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #fff;border-bottom:none;right:2px;top:50%;margin-top:-1px}.checkout-onepage-index .page-header .header-righter .open .dropdown-heading span.value{color:#000;-webkit-text-fill-color:#000}.checkout-onepage-index .page-header .header-righter .open .dropdown-heading span.value:after{border-bottom:5px solid #000;border-top:none}.checkout-onepage-index .page-header .header-righter .dropdown-content{min-width:0;width:100%;box-sizing:border-box;padding:0 10px}.checkout-onepage-index .page-header .header-righter .dropdown-content li{margin:0 0 7px}.checkout-onepage-index .page-header .header-righter .contact-detail-header,.checkout-onepage-index .page-header .header-righter .content span:last-of-type{display:none}.checkout-onepage-index .page-header .container{position:relative;z-index:2}.checkout-onepage-index .page-header .container .small-logo{padding:15px 0;display:inline-block;width:30px}.checkout-onepage-index .main{padding-top:0}.checkout-onepage-index .page-title{text-align:center;font:700 italic 4em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#e83232;padding:20px 0 40px}.checkout-onepage-index .checkout-billing #login-tab .input-box{width:100%;margin-top:5px}.checkout-onepage-index .checkout-billing #login-tab .input-box input.input-text{width:100%}.checkout-onepage-index .checkout-billing .checkout-tabs a{padding:11px 0;font:700 italic 1em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.checkout-onepage-index .checkout-billing .checkout-tabs li{border:0;font-size:16px}.checkout-onepage-index .checkout-billing .checkout-tabs li.active a:after{background:#e83232}.checkout-onepage-index .checkout-billing .checkout-title{font:700 italic 2em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;margin:0 0 15px}.checkout-onepage-index .checkout-billing label{font:700 italic .875em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.5}.checkout-onepage-index .checkout-billing label .required{color:#e83232}.checkout-onepage-index .checkout-billing label .required:after{display:none}.checkout-onepage-index .checkout-billing .btn-checkout{background:#e83232;font:700 1.5em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#fff;padding:12px 0;transform:skewX(-8deg)}.checkout-billing .opener-wrap .comment-opener.opened .ico-down-arrow:before,.uni-wrapperIn .checkout-title.active .ico-down-arrow{transform:rotate(180deg)}.checkout-onepage-index .checkout-billing .btn-checkout:hover{background:#333}.checkout-onepage-index .checkout-billing select{width:100%;opacity:1;padding:10px;font-size:1em}.checkout-onepage-index #checkout-review-table .checkout-title{font:700 italic 2em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.checkout-onepage-index #checkout-review-table .obj,.checkout-onepage-index #checkout-review-table .price,.checkout-onepage-index #checkout-review-table .product-name{font:700 italic 1em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.checkout-onepage-index #checkout-review-table .obj{opacity:.25}.checkout-onepage-index #checkout-review-table .price{color:#e83232}.checkout-onepage-index .ui-spinner{background:0 0}.checkout-onepage-index .ui-spinner input{background:#d8d8d8;color:#fff;text-shadow:0 0 0}.checkout-onepage-index #discount-coupon-form{display:block;margin:25px 0 20px;float:right;width:47.87234%;padding:25px;border:1px solid #D9DDE3}.checkout-onepage-index .discount{border:0!important}.checkout-onepage-index .discount h4{font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.checkout-onepage-index .discount #opcheckout-coupon-add,.checkout-onepage-index .discount #opcheckout-coupon-remove{border:0;max-width:350px;cursor:pointer;margin:0 0 15px 5px}#checkout-shipping-method-load,#shipping_form_brander_newpost_brander_newpost{margin:0}#opcheckout-wrapper-main .chosen-container-single .chosen-search input[type=text]{height:26px;min-height:26px;padding-top:4px;padding-bottom:4px;font-weight:400}#shipping_form_brander_newpost_brander_newpost .form-list{display:inline-block;vertical-align:middle;position:relative;width:67.5%;font-size:16px}#shipping_form_brander_newpost_brander_newpost .form-list label{display:none}#shipping_form_brander_newpost_brander_newpost .form-list .input-box{width:100%}.uni-wrapperIn{position:relative;padding:35px 0 45px}.uni-wrapperIn .checkout-title{margin-bottom:20px;font-size:24px;font-weight:300}.uni-wrapperIn .checkout-title .ico-down-arrow{display:none;vertical-align:middle;font-size:8px;color:#a3a3a3;margin-left:10px;transition:transform .2s ease-out}.checkout-billing{float:left;width:42.55319%}.checkout-billing .opcheckout-comment:after,.checkout-billing:after{content:'';display:table;width:100%;clear:both}.checkout-billing .shipping-note{margin-bottom:30px;color:#ee001c;font-size:18px}.checkout-billing .checkout-end{float:right;width:67.5%}.checkout-billing .checkout-end .opcheckout-newsletter-subscribe{margin-bottom:20px}.checkout-billing .checkout-end .btn-red{width:100%;margin-bottom:25px}.checkout-billing .checkout-end .agree-link{color:#959595}.checkout-billing .checkout-end .agree-link .text{font-size:14px;line-height:1;border-bottom:1px dashed #959595;transition:border-color .2s ease-out}.no-touch .checkout-billing .checkout-end .agree-link:hover{color:#ddd}.no-touch .checkout-billing .checkout-end .agree-link:hover .text{border-color:#ddd}.wrapper .checkout-billing .checkout-end .agree-link:active{color:#ccc}.wrapper .checkout-billing .checkout-end .agree-link:active .text{border-color:#ccc}.checkout-billing .checkout-end .opcheckout-newsletter-subscribe{color:#000;font-size:16px;line-height:1.2}.checkout-billing .checkout-end span.checkbox-emu{display:inline-block;vertical-align:middle;position:relative;width:35px;height:35px;margin-right:15px;color:#acacac;border-radius:2px;border:1px solid #acacac}.checkout-billing .checkout-end span.checkbox-emu:before{display:none;position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-6px;font-size:12px}.checkout-billing .checkout-end span.checkbox-emu.active:before{display:block}.checkout-billing .checkout-end .custom-checkbox .text{display:inline-block;vertical-align:middle}.checkout-billing .opener-wrap{float:right;width:67.5%;margin-bottom:20px}.checkout-billing .opener-wrap .comment-opener .text{border-bottom:1px dashed}.checkout-billing .opener-wrap .ico-down-arrow{margin-left:10px}.checkout-billing .opener-wrap .ico-down-arrow:before{display:inline-block;font-size:8px;color:#a3a3a3;transition:transform .2s ease-out}.checkout-billing .opcheckout-comment .text-form{overflow:visible}.checkout-billing .opcheckout-comment .form-wrap{clear:both}.checkout-billing .opcheckout-comment .form-wrap .textarea-set{margin-bottom:10px}.checkout-billing .opcheckout-comment .form-wrap .comment-wrap{margin-bottom:20px}.checkout-billing .twitter-typeahead .validation-advice{position:absolute;top:100%;left:0}.checkout-billing button{width:100%}.agreement-content{padding:30px 40px;font-size:14px;line-height:20px}.checkout-actions-wrap .opcheckout-help-text{border:1px solid #ddd;box-sizing:border-box;padding:10px 15px;text-align:center}.checkout-actions-wrap .checkout-tabs{margin-bottom:30px;font-size:0}.checkout-actions-wrap .checkout-tabs li{display:inline-block;vertical-align:top;width:50%;border:1px solid #d7d7d7;box-sizing:border-box}.checkout-actions-wrap .checkout-tabs li.active a{color:#000}.checkout-actions-wrap .checkout-tabs li.active a:after{height:3px}.checkout-actions-wrap .checkout-tabs li+li{margin-left:-1px}.checkout-actions-wrap .checkout-tabs a{position:relative;display:block;text-align:center;padding:9px 30px;font-size:16px;line-height:20px;color:#ccc}.checkout-actions-wrap .checkout-tabs a:after{content:"";position:absolute;top:100%;left:0;right:0;height:0;margin-top:-1px;background-color:#ccc;transition:height .2s ease-out}.no-touch .checkout-actions-wrap .checkout-tabs a:hover:after{height:3px}.checkout-actions-wrap .step{margin-bottom:40px}.checkout-actions-wrap .credit-title{margin-top:30px}.checkout-actions-wrap .field{margin-bottom:20px;font-size:0}.checkout-actions-wrap .field:after{content:'';display:table;width:100%;clear:both}.checkout-actions-wrap .field .description{float:right;width:67.5%;margin-top:-12px;font-size:14px}.checkout-actions-wrap .field>label{display:inline-block;vertical-align:middle;width:32.5%;padding-right:20px;font-size:16px;line-height:1.2em;box-sizing:border-box}.checkout-actions-wrap .field .input-box{display:inline-block;vertical-align:middle;position:relative;width:67.5%;font-size:16px}.checkout-actions-wrap .field .input-box:after{content:'';display:table;width:100%;clear:both}.checkout-actions-wrap .field .input-box .twitter-typeahead{display:block!important}.checkout-actions-wrap .field .input-box [class^=box]{position:relative;float:left;padding:0 5px}.checkout-actions-wrap .field .input-box [class^=box]:first-child{padding-left:0}.checkout-actions-wrap .field .input-box [class^=box]:last-child{padding-right:0}.checkout-actions-wrap .field .input-box [class^=box] ::-webkit-input-placeholder{font-weight:300;color:#ccc}.checkout-actions-wrap .field .input-box [class^=box] :-moz-placeholder{font-weight:300;color:#ccc}.checkout-actions-wrap .field .input-box [class^=box] ::-moz-placeholder{font-weight:300;color:#ccc}.checkout-actions-wrap .field .input-box [class^=box] :-ms-input-placeholder{font-weight:300;color:#ccc}.checkout-actions-wrap .field .input-box .box2{width:50%}.checkout-actions-wrap .field .input-box .box3{width:24.07407%}.checkout-actions-wrap .field .input-box .box3 input{text-align:center}.checkout-actions-wrap .field .input-box .box4{width:20.37037%}.checkout-actions-wrap .field .input-box .box4 input{text-align:center}.checkout-actions-wrap .field .input-box .box2-3{width:79.62963%}.checkout-actions-wrap .field .input-box .box2-4{width:55.55556%}.checkout-actions-wrap .field .map-shower-wrap{text-align:right}.checkout-actions-wrap .field .map-shower-wrap .show-map{display:inline-block;padding:10px 0 3px;font-size:14px;line-height:1.2}.checkout-actions-wrap .field .map-shower-wrap .show-map .text{border-bottom:1px dashed}.checkout-actions-wrap .field input[type=text],.checkout-actions-wrap .field input[type=password]{display:block;width:100%;min-height:46px;padding:9px;color:#000;font-size:16px;line-height:1.618;font-weight:700}.checkout-actions-wrap .field .radio-wrap:after{content:'';display:table;width:100%;clear:both}.checkout-actions-wrap .field .radio-wrap [type=radio]{opacity:0}.checkout-actions-wrap .field .radio-wrap .radio-box{float:left;width:33.33%;padding:5px}.checkout-actions-wrap .field .radio-wrap .radio-box:first-child{padding-left:0}.checkout-actions-wrap .field .radio-wrap .radio-box:last-child{padding-right:0}.checkout-actions-wrap .field .radio-emu{display:inline-block;vertical-align:top;position:relative;width:18px;height:18px;margin:3px 5px 0 0;border:1px solid #7f7f7f;border-radius:50%}.checkout-actions-wrap .field .radio-emu:before{content:"";display:none;position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;margin-left:-3px;background:#7f7f7f;border-radius:50%}#sub-loader,#sub-loader:after{left:0;right:0;top:0;bottom:0}.checkout-actions-wrap .field .radio-emu.active:before{display:block}.checkout-actions-wrap .actions-set{float:right;text-align:center;width:67.5%}.checkout-actions-wrap .actions-set .social-list .soc-item{margin:0 5px 10px}.checkout-actions-wrap .forgot-pswd-link{display:block;margin-bottom:20px}.checkout-actions-wrap .forgot-pswd-link .text{display:inline-block;line-height:1;border-bottom:1px dashed}.checkout-actions-wrap .btn-red{display:block;margin-bottom:24px;width:100%}.checkout-actions-wrap .btn-red.no-display{display:none}.checkout-actions-wrap .social-login .soc-invent{display:block;margin-bottom:10px}.checkout-actions-wrap .social-login .reg-link .text{display:inline-block;line-height:1;border-bottom:1px dashed}.checkout-actions-wrap .social-login .social-list a{color:#ccc;border-color:#ccc}.no-touch .checkout-actions-wrap .social-login .social-list a:hover{color:#ddd;border-color:#ddd}.wrapper .checkout-actions-wrap .social-login .social-list a:active{color:#ccc;border-color:#ccc}.checkout-shopping-bag{float:right;width:47.87234%;padding:25px;border:1px solid #d7d7d7}.checkout-shopping-bag .checkout-title .edit-link{float:right;padding-top:10px;font-size:16px;line-height:1;border-bottom:1px dashed}.checkout-shopping-bag .checkout-item{margin-bottom:40px;font-size:14px}.checkout-shopping-bag .checkout-item:after{content:'';display:table;width:100%;clear:both}.checkout-shopping-bag .checkout-item .product-info{float:left;max-width:290px}.checkout-shopping-bag .checkout-item .item-options{max-width:380px;font-size:0}.checkout-shopping-bag .checkout-item .item-options li{display:inline-block;vertical-align:middle;font-size:14px}.checkout-shopping-bag .checkout-item .item-options .option-label{width:40%;padding-right:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.checkout-shopping-bag .checkout-item .item-options .option-value{width:60%;padding-left:5px;font-weight:700}.checkout-shopping-bag .checkout-item .product-image{float:left;margin-right:15px;transition:opacity .2s ease-out}.no-touch .checkout-shopping-bag .checkout-item .product-image:hover{opacity:.8}.checkout-shopping-bag .checkout-item .product-name{display:block;margin-bottom:3px;line-height:1.2}.checkout-shopping-bag .checkout-item .obj{display:block;margin-bottom:12px;color:#636363;line-height:1.2}.checkout-shopping-bag .checkout-item .price-col{float:right;text-align:right}.checkout-shopping-bag .checkout-item .price .num{display:inline-block;margin-right:3px;font-size:18px;font-weight:700}.checkout-shopping-bag .checkout-item .price .curr{font-weight:400}.checkout-shopping-bag .checkout-item .product-counter{font-size:18px}.checkout-shopping-bag .totals-wrap{padding-top:25px;text-align:right;font-size:0;border-top:1px solid #ccd}.checkout-shopping-bag .totals-wrap .totals-item{margin-bottom:10px}.checkout-shopping-bag .totals-wrap .totals-item .totals-label,.checkout-shopping-bag .totals-wrap .totals-item .totals-price{font-size:18px;line-height:1.2}.checkout-shopping-bag .totals-wrap .totals-item:last-child{margin-bottom:0}.checkout-shopping-bag .totals-wrap .totals-item:last-child .totals-label,.checkout-shopping-bag .totals-wrap .totals-item:last-child .totals-price{font-size:24px;vertical-align:baseline}.checkout-shopping-bag .totals-wrap .totals-item:last-child .price .num{font-size:36px}.checkout-shopping-bag .totals-wrap .totals-label,.checkout-shopping-bag .totals-wrap .totals-price{display:inline-block;vertical-align:middle;width:50%;padding-left:15px}.checkout-shopping-bag .totals-wrap .price .num{margin-right:5px;font-size:24px;font-weight:700}.checkout-shopping-bag .totals-wrap .price .curr{font-size:16px;font-weight:400}#sub-loader,#uni-main-loader-checkout{position:fixed;z-index:999}#sub-loader{width:100%;height:100%;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/opcheckout/ajax-loader-tr.gif) 50% 50% no-repeat;z-index:10000}#sub-loader:after{position:absolute;content:'';background:#000;opacity:.4}.checkout-onepage-success .header-container{background:#49463d}.checkout-onepage-success h1{font:700 italic 4em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232}.checkout-onepage-success .num-label{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5}.checkout-onepage-success .note{margin:0 0 15px}.checkout-onepage-success .order-num{font:700 italic 4em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232}.checkout-onepage-success .print-link{position:relative;padding:0;margin:0 0 0 35px;background:0;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.checkout-onepage-success .print-link .text{border-bottom:0!important}.checkout-onepage-success .print-link:hover:before{color:#e83232}.checkout-onepage-success .print-link:before{content:'\e905';font-family:IconsTemplate;font-style:normal;font-size:2em;position:absolute;left:-40px;top:-10px;transition:color .3s ease-in-out 0s}.checkout-onepage-success .success-bottom{width:84%;margin:0 auto;max-width:1600px}.checkout-onepage-success .success-bottom .title{font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.checkout-onepage-success .success-bottom .about-label,.checkout-onepage-success .success-bottom .about-val{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.checkout-onepage-success .success-bottom .about-label{opacity:.5}.checkout-onepage-success .checkout-shopping-bag .bag-title{font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;font-weight:700!important}.checkout-onepage-success .checkout-shopping-bag .obj,.checkout-onepage-success .checkout-shopping-bag .price-col,.checkout-onepage-success .checkout-shopping-bag .product-name{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.checkout-onepage-success .checkout-shopping-bag .price-col .price{color:#e83232}.checkout-onepage-success .checkout-shopping-bag .totals-label{font:700 italic 1.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.checkout-onepage-success .checkout-shopping-bag .totals-price{font:700 italic 2rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232}.checkout-onepage-success #form_interview,.checkout-onepage-success h2{width:84%;max-width:1600px;display:block}.checkout-onepage-success h2{font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;margin:0 auto 25px;text-align:center;color:#e83232}.checkout-onepage-success #form_interview{margin:0 auto 45px}.checkout-onepage-success #form_interview+span{display:block;width:84%;max-width:1600px;padding-bottom:120px}.checkout-onepage-success #form_interview+span a{color:#e83232}.checkout-onepage-success #form_interview ul li{margin:0 0 25px}.tt-dropdown-menu{width:calc(100% - 2px);max-height:350px;overflow-y:auto;border-color:#8d9aad!important}.catalog-product-compare-index .wrapper,.customer-account-confirmation .wrapper,.customer-account-create .wrapper,.customer-account-edit .wrapper,.customer-account-forgotpassword .wrapper,.customer-account-index .wrapper,.customer-account-login .wrapper,.customer-account-logoutsuccess .wrapper,.customer-account-resetpassword .wrapper,.customer-address-form .wrapper,.customer-address-index .wrapper,.newsletter-manage-index .wrapper,.review-customer-index .wrapper,.review-customer-view .wrapper,.sales-order-history .wrapper,.sales-order-view .wrapper,.wishlist-index-index .wrapper{overflow:hidden}.tt-dropdown-menu .tt-dataset-cities{line-height:16px}.tt-dropdown-menu .tt-dataset-cities .tt-suggestions{font-size:1rem}.tt-dropdown-menu .tt-dataset-cities .tt-suggestions .tt-suggestion{padding:1px 12px;font-weight:400!important}.tt-dropdown-menu .tt-dataset-cities .tt-suggestions .tt-suggestion:hover{background:#1e90ff;color:#fff}#opcheckout-wrapper-main .checkout-end button{max-width:225px}.checkout-cart-index form #shopping-cart-table tbody td{width:70%!important}.checkout-cart-index form #shopping-cart-table tbody td:first-child{width:29%!important}.checkout-cart-index form #shopping-cart-table tbody td.col-delete{width:18px!important}#reg-tab .opcheckout-comment{margin-top:20px}#reg-tab .opcheckout-comment .opener-wrap{float:none;width:100%;margin-bottom:20px;text-align:center}#reg-tab .opcheckout-comment .opener-wrap #opcheckout-order-comment-label{opacity:1;font-size:20px}#reg-tab .opcheckout-comment #opcheckout-comment-outer #opcheckout_order_comment{max-width:100%;min-height:100%;width:100%;height:100px}#reg-tab .opcheckout-comment #opcheckout-comment-outer .max-note{font-size:12px;opacity:.7}.checkout-onepage-success .page-title{font-size:72px;padding:30px 45px}.checkout-onepage-success .page-title:before{content:"";display:inline-block;vertical-align:top;margin-top:-30px;margin-right:-95px;width:126px;height:114px;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/thanks-bg.png) left top no-repeat;background-size:100%}.checkout-onepage-success .checkout-shopping-bag{float:none;width:auto;padding:0;border:0}.checkout-onepage-success .checkout-shopping-bag .bag-title{margin-bottom:25px;margin-top:30px;font-size:32px}.checkout-onepage-success .checkout-shopping-bag .checkout-item .product-info{max-width:190px}.success-top{margin-bottom:40px;padding:60px 0 80px;text-align:center}.success-top .notes-wrap{margin:0 auto 35px}.success-top .note{font-size:24px}.success-top .order-num-wrap{font-size:16px;font-weight:500}.success-top .order-num{font-size:48px;line-height:1}.success-bottom{max-width:440px;margin-bottom:25px}.about-order{margin-bottom:60px;font-size:16px}.about-order .title-wrap{margin-bottom:20px}.about-order .title{display:inline-block;margin-right:30px;font-size:32px;font-weight:300}.about-order .print-link{display:none;line-height:1}.about-order .print-link .text{display:inline-block;border-bottom:1px dashed}.no-touch .about-order .print-link{display:inline-block}.about-order .about-line{margin-bottom:10px}.about-order .about-line .about-label{display:inline-block;vertical-align:middle;min-width:170px;padding-right:20px}.about-order .about-line .about-val{display:inline-block;vertical-align:middle}#header-cart .product-details>a:hover:before{color:#e83232}#header-cart .product-details>a:before{color:#fff}#header-cart .block-subtitle{font:700 italic 1.275rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#header-cart .item{font-size:1rem;display:block}#header-cart .empty{font:700 italic 1.275rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#header-cart .product-name{font:700 italic .85em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}#header-cart .product-name a{color:#fff!important}.sticky-header #header-cart .product-name a{color:#000!important}#header-cart .product-name a:hover{color:#e83232}#header-cart .actions button{padding:8px 10px;background:#e83232;color:#fff!important;font:700 .85rem/1.1 'Uni Sans',Arial,Helvetica,sans-serif;transform:skewX(-8deg)}#header-cart .actions button:hover{background:#333}#header-cart .actions button:last-child{float:right}.checkout-cart-index .header-container{background:#49463d}.checkout-cart-index .page-title{border:0}.checkout-cart-index .page-title h1{text-align:center;font:700 italic 4em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#e83232;padding:20px 0;float:none}.checkout-cart-index .product-name a,.checkout-cart-index th{font:700 italic 1em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.checkout-cart-index form{display:block}.checkout-cart-index tbody .product-image{max-width:168px;width:auto!important}.checkout-cart-index td{vertical-align:middle}.checkout-cart-index .product-image+.product-details{float:left;margin:0;width:calc(100% - 90px);padding-left:10px;box-sizing:border-box}.checkout-cart-index .product-name{margin:0 20px 10px 0}.checkout-cart-index .discount h2{font:700 italic 2em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.checkout-cart-index .discount-form label{font:700 italic 1em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.5}.checkout-cart-index .main button{padding:12px 10px!important;background:#e83232;color:#fff!important;font:700 1.5em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;transform:skewX(-8deg)}.checkout-cart-index .main button:hover{background:#333}.cart-empty{text-align:center;font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.cart-empty a{color:#e83232}.cart .totals td{padding:1px 15px 1px 7px}.cart .discount .buttons-set button{margin:0 0 15px}.customer-account-confirmation .header-container,.customer-account-create .header-container,.customer-account-forgotpassword .header-container,.customer-account-login .header-container{background:#49463d}.customer-account-confirmation .page-title h1,.customer-account-create .page-title h1,.customer-account-forgotpassword .page-title h1,.customer-account-login .page-title h1{text-align:center;font:700 italic 4em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#e83232;padding:20px 0 40px}.customer-account-confirmation h2,.customer-account-create h2,.customer-account-forgotpassword h2,.customer-account-login h2{font:700 italic 1.5em/1.1 'Uni Sans',Arial,Helvetica,sans-serif}.customer-account-confirmation button,.customer-account-create button,.customer-account-forgotpassword button,.customer-account-login button{background:#e83232;font:700 1.5em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;color:#fff;padding:12px 15px;transform:skewX(-8deg)}.customer-account-confirmation button:hover,.customer-account-create button:hover,.customer-account-forgotpassword button:hover,.customer-account-login button:hover{background:#333}.customer-account-confirmation label,.customer-account-create label,.customer-account-forgotpassword label,.customer-account-login label{font:700 italic 1.125em/1.1 'Uni Sans',Arial,Helvetica,sans-serif;opacity:.5;margin:0 0 5px}.customer-account-confirmation .required,.customer-account-create .required,.customer-account-forgotpassword .required,.customer-account-login .required{text-align:left}.customer-account-confirmation .account-create form,.customer-account-create .account-create form,.customer-account-forgotpassword .account-create form,.customer-account-login .account-create form{max-width:600px;padding:0 25px;display:block;margin:0 auto;box-sizing:border-box}.customer-account-confirmation .buttons-set .back-link,.customer-account-create .buttons-set .back-link,.customer-account-forgotpassword .buttons-set .back-link,.customer-account-login .buttons-set .back-link{display:block!important}.customer-account-confirmation #form-validate,.customer-account-create #form-validate,.customer-account-forgotpassword #form-validate,.customer-account-login #form-validate{max-width:600px;padding:0 25px;display:block;margin:0 auto;box-sizing:border-box}.customer-account-confirmation #form-validate .buttons-set .required,.customer-account-create #form-validate .buttons-set .required,.customer-account-forgotpassword #form-validate .buttons-set .required,.customer-account-login #form-validate .buttons-set .required{margin:0 0 15px;float:none;text-align:right}.customer-account-confirmation #form-validate .control .input-box,.customer-account-create #form-validate .control .input-box,.customer-account-forgotpassword #form-validate .control .input-box,.customer-account-login #form-validate .control .input-box{vertical-align:top}.customer-account-confirmation #form-validate .control .input-box input,.customer-account-create #form-validate .control .input-box input,.customer-account-forgotpassword #form-validate .control .input-box input,.customer-account-login #form-validate .control .input-box input{margin:-5px 13px 0 0}.customer-account-confirmation #form-validate .field .input-box input[type=password]+.validation-advice,.customer-account-create #form-validate .field .input-box input[type=password]+.validation-advice,.customer-account-forgotpassword #form-validate .field .input-box input[type=password]+.validation-advice,.customer-account-login #form-validate .field .input-box input[type=password]+.validation-advice{width:262px}.catalog-product-compare-index .col-main .box-content,.catalog-product-compare-index .col-main .hello+p,.customer-account-edit .col-main .box-content,.customer-account-edit .col-main .hello+p,.customer-account-index .col-main .box-content,.customer-account-index .col-main .hello+p,.customer-account-logoutsuccess .col-main .box-content,.customer-account-logoutsuccess .col-main .hello+p,.customer-account-resetpassword .col-main .box-content,.customer-account-resetpassword .col-main .hello+p,.customer-address-form .col-main .box-content,.customer-address-form .col-main .hello+p,.customer-address-index .col-main .box-content,.customer-address-index .col-main .hello+p,.newsletter-manage-index .col-main .box-content,.newsletter-manage-index .col-main .hello+p,.review-customer-index .col-main .box-content,.review-customer-index .col-main .hello+p,.review-customer-view .col-main .box-content,.review-customer-view .col-main .hello+p,.sales-order-history .col-main .box-content,.sales-order-history .col-main .hello+p,.sales-order-view .col-main .box-content,.sales-order-view .col-main .hello+p,.wishlist-index-index .col-main .box-content,.wishlist-index-index .col-main .hello+p{width:50%}.customer-account-confirmation .legend,.customer-account-create .legend,.customer-account-forgotpassword .legend,.customer-account-login .legend{font-weight:700}.catalog-product-compare-index .header-container,.customer-account-edit .header-container,.customer-account-index .header-container,.customer-account-logoutsuccess .header-container,.customer-account-resetpassword .header-container,.customer-address-form .header-container,.customer-address-index .header-container,.newsletter-manage-index .header-container,.review-customer-index .header-container,.review-customer-view .header-container,.sales-order-history .header-container,.sales-order-view .header-container,.wishlist-index-index .header-container{background:#49463d}.catalog-product-compare-index .main,.customer-account-edit .main,.customer-account-index .main,.customer-account-logoutsuccess .main,.customer-account-resetpassword .main,.customer-address-form .main,.customer-address-index .main,.newsletter-manage-index .main,.review-customer-index .main,.review-customer-view .main,.sales-order-history .main,.sales-order-view .main,.wishlist-index-index .main{padding:40px 0}.catalog-product-compare-index .buttons-set .back-link,.customer-account-edit .buttons-set .back-link,.customer-account-index .buttons-set .back-link,.customer-account-logoutsuccess .buttons-set .back-link,.customer-account-resetpassword .buttons-set .back-link,.customer-address-form .buttons-set .back-link,.customer-address-index .buttons-set .back-link,.newsletter-manage-index .buttons-set .back-link,.review-customer-index .buttons-set .back-link,.review-customer-view .buttons-set .back-link,.sales-order-history .buttons-set .back-link,.sales-order-view .buttons-set .back-link,.wishlist-index-index .buttons-set .back-link{display:block!important}.catalog-product-compare-index .page-title,.customer-account-edit .page-title,.customer-account-index .page-title,.customer-account-logoutsuccess .page-title,.customer-account-resetpassword .page-title,.customer-address-form .page-title,.customer-address-index .page-title,.newsletter-manage-index .page-title,.review-customer-index .page-title,.review-customer-view .page-title,.sales-order-history .page-title,.sales-order-view .page-title,.wishlist-index-index .page-title{border-bottom:0}.catalog-product-compare-index .page-title h1,.customer-account-edit .page-title h1,.customer-account-index .page-title h1,.customer-account-logoutsuccess .page-title h1,.customer-account-resetpassword .page-title h1,.customer-address-form .page-title h1,.customer-address-index .page-title h1,.newsletter-manage-index .page-title h1,.review-customer-index .page-title h1,.review-customer-view .page-title h1,.sales-order-history .page-title h1,.sales-order-view .page-title h1,.wishlist-index-index .page-title h1{font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232}.catalog-product-compare-index h2,.customer-account-edit h2,.customer-account-index h2,.customer-account-logoutsuccess h2,.customer-account-resetpassword h2,.customer-address-form h2,.customer-address-index h2,.newsletter-manage-index h2,.review-customer-index h2,.review-customer-view h2,.sales-order-history h2,.sales-order-view h2,.wishlist-index-index h2{font:700 italic 1.8em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-compare-index .legend,.customer-account-edit .legend,.customer-account-index .legend,.customer-account-logoutsuccess .legend,.customer-account-resetpassword .legend,.customer-address-form .legend,.customer-address-index .legend,.newsletter-manage-index .legend,.review-customer-index .legend,.review-customer-view .legend,.sales-order-history .legend,.sales-order-view .legend,.wishlist-index-index .legend{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-compare-index label,.customer-account-edit label,.customer-account-index label,.customer-account-logoutsuccess label,.customer-account-resetpassword label,.customer-address-form label,.customer-address-index label,.newsletter-manage-index label,.review-customer-index label,.review-customer-view label,.sales-order-history label,.sales-order-view label,.wishlist-index-index label{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5;margin:0 0 5px}.catalog-product-compare-index button,.customer-account-edit button,.customer-account-index button,.customer-account-logoutsuccess button,.customer-account-resetpassword button,.customer-address-form button,.customer-address-index button,.newsletter-manage-index button,.review-customer-index button,.review-customer-view button,.sales-order-history button,.sales-order-view button,.wishlist-index-index button{float:none!important}.catalog-product-compare-index .col-left .block-title,.customer-account-edit .col-left .block-title,.customer-account-index .col-left .block-title,.customer-account-logoutsuccess .col-left .block-title,.customer-account-resetpassword .col-left .block-title,.customer-address-form .col-left .block-title,.customer-address-index .col-left .block-title,.newsletter-manage-index .col-left .block-title,.review-customer-index .col-left .block-title,.review-customer-view .col-left .block-title,.sales-order-history .col-left .block-title,.sales-order-view .col-left .block-title,.wishlist-index-index .col-left .block-title{background:0;padding:0 0 10px!important}.catalog-product-compare-index .col-left .block-title span,.customer-account-edit .col-left .block-title span,.customer-account-index .col-left .block-title span,.customer-account-logoutsuccess .col-left .block-title span,.customer-account-resetpassword .col-left .block-title span,.customer-address-form .col-left .block-title span,.customer-address-index .col-left .block-title span,.newsletter-manage-index .col-left .block-title span,.review-customer-index .col-left .block-title span,.review-customer-view .col-left .block-title span,.sales-order-history .col-left .block-title span,.sales-order-view .col-left .block-title span,.wishlist-index-index .col-left .block-title span{font:700 italic 1.2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-compare-index .col-left .block-content ul,.customer-account-edit .col-left .block-content ul,.customer-account-index .col-left .block-content ul,.customer-account-logoutsuccess .col-left .block-content ul,.customer-account-resetpassword .col-left .block-content ul,.customer-address-form .col-left .block-content ul,.customer-address-index .col-left .block-content ul,.newsletter-manage-index .col-left .block-content ul,.review-customer-index .col-left .block-content ul,.review-customer-view .col-left .block-content ul,.sales-order-history .col-left .block-content ul,.sales-order-view .col-left .block-content ul,.wishlist-index-index .col-left .block-content ul{padding:0}.catalog-product-compare-index .col-left .block-content li,.customer-account-edit .col-left .block-content li,.customer-account-index .col-left .block-content li,.customer-account-logoutsuccess .col-left .block-content li,.customer-account-resetpassword .col-left .block-content li,.customer-address-form .col-left .block-content li,.customer-address-index .col-left .block-content li,.newsletter-manage-index .col-left .block-content li,.review-customer-index .col-left .block-content li,.review-customer-view .col-left .block-content li,.sales-order-history .col-left .block-content li,.sales-order-view .col-left .block-content li,.wishlist-index-index .col-left .block-content li{list-style-type:none;margin:0 0 18px}.catalog-product-compare-index .col-left .block-content a,.catalog-product-compare-index .col-left .block-content strong,.customer-account-edit .col-left .block-content a,.customer-account-edit .col-left .block-content strong,.customer-account-index .col-left .block-content a,.customer-account-index .col-left .block-content strong,.customer-account-logoutsuccess .col-left .block-content a,.customer-account-logoutsuccess .col-left .block-content strong,.customer-account-resetpassword .col-left .block-content a,.customer-account-resetpassword .col-left .block-content strong,.customer-address-form .col-left .block-content a,.customer-address-form .col-left .block-content strong,.customer-address-index .col-left .block-content a,.customer-address-index .col-left .block-content strong,.newsletter-manage-index .col-left .block-content a,.newsletter-manage-index .col-left .block-content strong,.review-customer-index .col-left .block-content a,.review-customer-index .col-left .block-content strong,.review-customer-view .col-left .block-content a,.review-customer-view .col-left .block-content strong,.sales-order-history .col-left .block-content a,.sales-order-history .col-left .block-content strong,.sales-order-view .col-left .block-content a,.sales-order-view .col-left .block-content strong,.wishlist-index-index .col-left .block-content a,.wishlist-index-index .col-left .block-content strong{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5}.catalog-product-compare-index .col-left .block-content a:hover,.catalog-product-compare-index .col-left .block-content strong,.customer-account-edit .col-left .block-content a:hover,.customer-account-edit .col-left .block-content strong,.customer-account-index .col-left .block-content a:hover,.customer-account-index .col-left .block-content strong,.customer-account-logoutsuccess .col-left .block-content a:hover,.customer-account-logoutsuccess .col-left .block-content strong,.customer-account-resetpassword .col-left .block-content a:hover,.customer-account-resetpassword .col-left .block-content strong,.customer-address-form .col-left .block-content a:hover,.customer-address-form .col-left .block-content strong,.customer-address-index .col-left .block-content a:hover,.customer-address-index .col-left .block-content strong,.newsletter-manage-index .col-left .block-content a:hover,.newsletter-manage-index .col-left .block-content strong,.review-customer-index .col-left .block-content a:hover,.review-customer-index .col-left .block-content strong,.review-customer-view .col-left .block-content a:hover,.review-customer-view .col-left .block-content strong,.sales-order-history .col-left .block-content a:hover,.sales-order-history .col-left .block-content strong,.sales-order-view .col-left .block-content a:hover,.sales-order-view .col-left .block-content strong,.wishlist-index-index .col-left .block-content a:hover,.wishlist-index-index .col-left .block-content strong{opacity:1;color:#e83232}.catalog-product-compare-index .col-left .block-content a,.customer-account-edit .col-left .block-content a,.customer-account-index .col-left .block-content a,.customer-account-logoutsuccess .col-left .block-content a,.customer-account-resetpassword .col-left .block-content a,.customer-address-form .col-left .block-content a,.customer-address-index .col-left .block-content a,.newsletter-manage-index .col-left .block-content a,.review-customer-index .col-left .block-content a,.review-customer-view .col-left .block-content a,.sales-order-history .col-left .block-content a,.sales-order-view .col-left .block-content a,.wishlist-index-index .col-left .block-content a{transition-property:color,opacity}.catalog-product-compare-index .col-main .hello,.customer-account-edit .col-main .hello,.customer-account-index .col-main .hello,.customer-account-logoutsuccess .col-main .hello,.customer-account-resetpassword .col-main .hello,.customer-address-form .col-main .hello,.customer-address-index .col-main .hello,.newsletter-manage-index .col-main .hello,.review-customer-index .col-main .hello,.review-customer-view .col-main .hello,.sales-order-history .col-main .hello,.sales-order-view .col-main .hello,.wishlist-index-index .col-main .hello{margin:0 0 25px}.catalog-product-compare-index .col-main .hello strong,.customer-account-edit .col-main .hello strong,.customer-account-index .col-main .hello strong,.customer-account-logoutsuccess .col-main .hello strong,.customer-account-resetpassword .col-main .hello strong,.customer-address-form .col-main .hello strong,.customer-address-index .col-main .hello strong,.newsletter-manage-index .col-main .hello strong,.review-customer-index .col-main .hello strong,.review-customer-view .col-main .hello strong,.sales-order-history .col-main .hello strong,.sales-order-view .col-main .hello strong,.wishlist-index-index .col-main .hello strong{font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-compare-index .col-main .box,.catalog-product-compare-index .col-main .welcome-msg,.customer-account-edit .col-main .box,.customer-account-edit .col-main .welcome-msg,.customer-account-index .col-main .box,.customer-account-index .col-main .welcome-msg,.customer-account-logoutsuccess .col-main .box,.customer-account-logoutsuccess .col-main .welcome-msg,.customer-account-resetpassword .col-main .box,.customer-account-resetpassword .col-main .welcome-msg,.customer-address-form .col-main .box,.customer-address-form .col-main .welcome-msg,.customer-address-index .col-main .box,.customer-address-index .col-main .welcome-msg,.newsletter-manage-index .col-main .box,.newsletter-manage-index .col-main .welcome-msg,.review-customer-index .col-main .box,.review-customer-index .col-main .welcome-msg,.review-customer-view .col-main .box,.review-customer-view .col-main .welcome-msg,.sales-order-history .col-main .box,.sales-order-history .col-main .welcome-msg,.sales-order-view .col-main .box,.sales-order-view .col-main .welcome-msg,.wishlist-index-index .col-main .box,.wishlist-index-index .col-main .welcome-msg{border-bottom:2px solid #d8d8d8;padding:0 0 25px;margin:0 0 25px}.catalog-product-compare-index .col-main .box:last-child,.catalog-product-compare-index .col-main .welcome-msg:last-child,.customer-account-edit .col-main .box:last-child,.customer-account-edit .col-main .welcome-msg:last-child,.customer-account-index .col-main .box:last-child,.customer-account-index .col-main .welcome-msg:last-child,.customer-account-logoutsuccess .col-main .box:last-child,.customer-account-logoutsuccess .col-main .welcome-msg:last-child,.customer-account-resetpassword .col-main .box:last-child,.customer-account-resetpassword .col-main .welcome-msg:last-child,.customer-address-form .col-main .box:last-child,.customer-address-form .col-main .welcome-msg:last-child,.customer-address-index .col-main .box:last-child,.customer-address-index .col-main .welcome-msg:last-child,.newsletter-manage-index .col-main .box:last-child,.newsletter-manage-index .col-main .welcome-msg:last-child,.review-customer-index .col-main .box:last-child,.review-customer-index .col-main .welcome-msg:last-child,.review-customer-view .col-main .box:last-child,.review-customer-view .col-main .welcome-msg:last-child,.sales-order-history .col-main .box:last-child,.sales-order-history .col-main .welcome-msg:last-child,.sales-order-view .col-main .box:last-child,.sales-order-view .col-main .welcome-msg:last-child,.wishlist-index-index .col-main .box:last-child,.wishlist-index-index .col-main .welcome-msg:last-child{border:0}.catalog-product-compare-index .col-main .box-title,.customer-account-edit .col-main .box-title,.customer-account-index .col-main .box-title,.customer-account-logoutsuccess .col-main .box-title,.customer-account-resetpassword .col-main .box-title,.customer-address-form .col-main .box-title,.customer-address-index .col-main .box-title,.newsletter-manage-index .col-main .box-title,.review-customer-index .col-main .box-title,.review-customer-view .col-main .box-title,.sales-order-history .col-main .box-title,.sales-order-view .col-main .box-title,.wishlist-index-index .col-main .box-title{text-align:left;border-bottom:0}.catalog-product-compare-index .col-main .box-title h3,.customer-account-edit .col-main .box-title h3,.customer-account-index .col-main .box-title h3,.customer-account-logoutsuccess .col-main .box-title h3,.customer-account-resetpassword .col-main .box-title h3,.customer-address-form .col-main .box-title h3,.customer-address-index .col-main .box-title h3,.newsletter-manage-index .col-main .box-title h3,.review-customer-index .col-main .box-title h3,.review-customer-view .col-main .box-title h3,.sales-order-history .col-main .box-title h3,.sales-order-view .col-main .box-title h3,.wishlist-index-index .col-main .box-title h3{font:700 italic 2.5em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232;float:none;display:inline-block}.catalog-product-compare-index .col-main .box-title a,.customer-account-edit .col-main .box-title a,.customer-account-index .col-main .box-title a,.customer-account-logoutsuccess .col-main .box-title a,.customer-account-resetpassword .col-main .box-title a,.customer-address-form .col-main .box-title a,.customer-address-index .col-main .box-title a,.newsletter-manage-index .col-main .box-title a,.review-customer-index .col-main .box-title a,.review-customer-view .col-main .box-title a,.sales-order-history .col-main .box-title a,.sales-order-view .col-main .box-title a,.wishlist-index-index .col-main .box-title a{text-align:left;text-indent:-9999px;display:inline-block;position:relative;vertical-align:top;margin:0 0 0 25px}.catalog-product-compare-index .col-main .box-title a:hover,.customer-account-edit .col-main .box-title a:hover,.customer-account-index .col-main .box-title a:hover,.customer-account-logoutsuccess .col-main .box-title a:hover,.customer-account-resetpassword .col-main .box-title a:hover,.customer-address-form .col-main .box-title a:hover,.customer-address-index .col-main .box-title a:hover,.newsletter-manage-index .col-main .box-title a:hover,.review-customer-index .col-main .box-title a:hover,.review-customer-view .col-main .box-title a:hover,.sales-order-history .col-main .box-title a:hover,.sales-order-view .col-main .box-title a:hover,.wishlist-index-index .col-main .box-title a:hover{color:#e83232}.catalog-product-compare-index .col-main .box-title a:after,.customer-account-edit .col-main .box-title a:after,.customer-account-index .col-main .box-title a:after,.customer-account-logoutsuccess .col-main .box-title a:after,.customer-account-resetpassword .col-main .box-title a:after,.customer-address-form .col-main .box-title a:after,.customer-address-index .col-main .box-title a:after,.newsletter-manage-index .col-main .box-title a:after,.review-customer-index .col-main .box-title a:after,.review-customer-view .col-main .box-title a:after,.sales-order-history .col-main .box-title a:after,.sales-order-view .col-main .box-title a:after,.wishlist-index-index .col-main .box-title a:after{content:'\e904';font-family:IconsTemplate;font-size:2em;text-indent:0;position:absolute;left:0;top:0}.catalog-product-compare-index .col-main .box-content span:first-child,.customer-account-edit .col-main .box-content span:first-child,.customer-account-index .col-main .box-content span:first-child,.customer-account-logoutsuccess .col-main .box-content span:first-child,.customer-account-resetpassword .col-main .box-content span:first-child,.customer-address-form .col-main .box-content span:first-child,.customer-address-index .col-main .box-content span:first-child,.newsletter-manage-index .col-main .box-content span:first-child,.review-customer-index .col-main .box-content span:first-child,.review-customer-view .col-main .box-content span:first-child,.sales-order-history .col-main .box-content span:first-child,.sales-order-view .col-main .box-content span:first-child,.wishlist-index-index .col-main .box-content span:first-child{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-compare-index .link-print,.customer-account-edit .link-print,.customer-account-index .link-print,.customer-account-logoutsuccess .link-print,.customer-account-resetpassword .link-print,.customer-address-form .link-print,.customer-address-index .link-print,.newsletter-manage-index .link-print,.review-customer-index .link-print,.review-customer-view .link-print,.sales-order-history .link-print,.sales-order-view .link-print,.wishlist-index-index .link-print{position:relative;padding:0 0 0 40px;background:0;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-compare-index .link-print:hover:before,.customer-account-edit .link-print:hover:before,.customer-account-index .link-print:hover:before,.customer-account-logoutsuccess .link-print:hover:before,.customer-account-resetpassword .link-print:hover:before,.customer-address-form .link-print:hover:before,.customer-address-index .link-print:hover:before,.newsletter-manage-index .link-print:hover:before,.review-customer-index .link-print:hover:before,.review-customer-view .link-print:hover:before,.sales-order-history .link-print:hover:before,.sales-order-view .link-print:hover:before,.wishlist-index-index .link-print:hover:before{color:#e83232}.catalog-product-compare-index .link-print:before,.customer-account-edit .link-print:before,.customer-account-index .link-print:before,.customer-account-logoutsuccess .link-print:before,.customer-account-resetpassword .link-print:before,.customer-address-form .link-print:before,.customer-address-index .link-print:before,.newsletter-manage-index .link-print:before,.review-customer-index .link-print:before,.review-customer-view .link-print:before,.sales-order-history .link-print:before,.sales-order-view .link-print:before,.wishlist-index-index .link-print:before{content:'\e905';font-family:IconsTemplate;font-style:normal;font-size:2em;position:absolute;left:0;top:-10px;transition:color .3s ease-in-out 0s}.catalog-product-compare-index .buttons-set p.required,.customer-account-edit .buttons-set p.required,.customer-account-forgotpassword .required,.customer-account-index .buttons-set p.required,.customer-account-logoutsuccess .buttons-set p.required,.customer-account-resetpassword .buttons-set p.required,.customer-address-form .buttons-set p.required,.customer-address-index .buttons-set p.required,.newsletter-manage-index .buttons-set p.required,.review-customer-index .buttons-set p.required,.review-customer-view .buttons-set p.required,.sales-order-history .buttons-set p.required,.sales-order-view .buttons-set p.required,.wishlist-index-index .buttons-set p.required{margin:0 0 15px;float:none;text-align:right}.customer-account-forgotpassword label.required{text-align:left}.my-account .bottom-pager .amount,.my-account .bottom-pager .limiter,.my-account .top-pager .pages{display:none}.customer-account-resetpassword .col-main{max-width:600px;margin:0 auto}.customer-account-resetpassword .col-main .page-title h1{font:700 italic 2em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;color:#e83232}.customer-account-resetpassword .col-main label{font:700 italic 1.125em/1.1 "Uni Sans",Arial,Helvetica,sans-serif;opacity:.5;display:block;margin:0 0 5px;text-align:left!important}.customer-account-resetpassword .col-main .required{margin:0 0 15px;float:none;text-align:right}.customer-address-form .required{text-align:left!important}.review-customer-index .my-account p{margin:0 0 15px}.review-customer-index #my-reviews-table .product-name{font-size:1.125rem}.review-customer-index #my-reviews-table .product-name a:hover{color:#e83232}.newsletter-manage-index .control{margin:0 0 25px}.newsletter-manage-index .control>div{display:inline-block;margin:0 0 0 25px}.wishlist-index-index textarea{resize:none}.wishlist-index-index .product-name{font:700 italic 1.25em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.wishlist-index-index .cart-cell .price-box{font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.wishlist-index-index .cart-cell button{font-size:1em;margin:5px 0}.wishlist-index-index .wishlist-actions{display:inline-block;vertical-align:top}.wishlist-index-index #wishlist-table td{vertical-align:middle}.wishlist-index-index .buttons-set button{margin:0 0 20px}.catalog-product-compare-index .compare-table .product-shop-row td{min-height:250px;position:relative}.catalog-product-compare-index .compare-table .product-shop-row td button{position:absolute;left:10px;bottom:10px}.catalog-product-compare-index .compare-table tr.first td .product-name{margin:10px 0 30px}.control input.checkbox,.input-box input.checkbox{margin-top:-3px!important}.control .validation-advice,.input-box .validation-advice{width:262px}@media only screen and (min-width:960px){.nav-item.level1:hover .nav-panel--dropdown{z-index:6}.nav-item.level1 .nav-panel--dropdown:after{content:'';width:2px;height:100%;position:absolute;top:0;left:0;background:#cacaca;z-index:1}.nav-item.level1 .nav-panel--dropdown:before{content:'';width:200%;height:100%;position:absolute;top:0;left:-100%;z-index:-3;box-shadow:-15px 15px 0 15px rgba(0,0,0,.3);background-color:#e5e5e5}.header-container .nav-regular>.nav-item.first{box-sizing:border-box}.header-container .nav-regular>.nav-item.first>a{position:relative;padding-left:45px!important}.header-container .nav-regular>.nav-item.first>a>.caret{position:absolute;top:50%;left:0;border:0;margin-top:-17px;opacity:1;visibility:visible;font-family:IconsTemplate;speak:none;font-size:34px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.header-container .nav-regular>.nav-item.first>a>.caret:before{content:"\e96b";display:block}}@media only screen and (min-width:960px) and (max-width:960px){.nav-item.level1 .nav-panel--dropdown:before{display:none}}@media only screen and (min-width:961px){#nav .nav-panel--dropdown .has-img{width:200%}#nav .nav-panel--dropdown .has-img>*{width:50%;float:left}#nav .nav-panel--dropdown .has-img .std{padding-right:10px;box-sizing:border-box}#nav .nav-panel--dropdown .has-img .std>a{z-index:auto}#nav .nav-panel--dropdown .has-img .nav-panel--dropdown.level2{left:50%;width:50%;background:0 0}#nav .nav-panel--dropdown .has-img .nav-item.level2 .caret:after,#nav .nav-panel--dropdown .has-img .nav-panel--dropdown.level2:before{opacity:.85}}@media only screen and (min-width:980px){.homepage-banners .banner:hover .homepage-banner-linktext,.homepage-banners .banner:hover .homepage-banner-title{transform:translate3d(0,0,0)}.homepage-banners .banner:hover .homepage-banner-subtitle{opacity:.8}.blog-section .post-item .post-name{word-wrap:normal!important}}@media only screen and (min-width:1024px){.checkout-actions-wrap .field .map-shower-wrap .show-map{max-width:67.5%}.checkout-actions-wrap .next-all{display:block!important;height:auto!important}}@media only screen and (min-width:1200px){.brander-promotions-promotion-view div.page-promotion-products .products-grid .item{width:25%!important}}@media only screen and (min-width:1680px){.goto-video-tab{bottom:-10px}}@media only screen and (max-width:1500px){.header-container .header-top .left-column .links>li a{padding:0 10px}.unipagetype .preface{margin-top:100px}}@media only screen and (max-width:1482px){.catalog-product-view .product-shop .alert-stock+.action-box{bottom:60px;left:0}}@media only screen and (max-width:1400px){.brander-promotions-promotion-view .page-head h3,.catalog-category-view .page-head h3,.catalogsearch-result-index .page-head h3{font-size:3em}}@media only screen and (max-width:1366px){.header-container .nav-regular .classic .nav-panel--dropdown.level1 ul .nav-item.level2 a span,.header-container .nav-regular .classic>.nav-panel--dropdown.level0 a{font-size:12px}#nav .nav-panel--dropdown a{padding:4px 0 4px 45px}.header-container .nav-regular>.nav-item.level0>a{padding:0 12px}.header-container .header-top .left-column .links>li a,.header-container .header-top .right-column>div{padding:0 8px}.button.out-of-stock{font-size:.575rem}}@media only screen and (max-width:1365px){.catalog-product-view .product-shop .social-links{position:static}.catalog-product-view .add-to-box .add-to-cart:before{left:36px;width:calc(100% - 37px)}.checkout-shopping-bag .checkout-item .product-info{max-width:175px}}@media only screen and (max-width:1300px){#product-tabs .tabs li{margin:0 10px}}@media only screen and (max-width:1240px){.header-container .header-top .left-column .links>li a{font-size:10px;padding:0 5px}}@media only screen and (max-width:1208px){.brander-promotions-promotion-view .featured-section .products-grid:not(.itemslider) .item .price-box,.brander-promotions-promotion-view .featured-section .products-grid:not(.itemslider) .item .product-name,.catalog-category-view .featured-section .products-grid:not(.itemslider) .item .price-box,.catalog-category-view .featured-section .products-grid:not(.itemslider) .item .product-name,.catalogsearch-result-index .featured-section .products-grid:not(.itemslider) .item .price-box,.catalogsearch-result-index .featured-section .products-grid:not(.itemslider) .item .product-name{font-size:1.1em}}@media only screen and (max-width:1200px){#product_comparison .btn-cart{font-size:9px;padding:5px 0;width:90%!important}#product_comparison+.buttons-set .button{font-size:11px;padding:5px 0;float:right;margin-top:20px}.blog-section .post-item .post-name{height:45px;font-size:.7em}#subscribe-form .subscribe-title{padding:0 20px 9px}.brander-unitopblog-postscategory-index ul.bullet li:hover{background-position:0 0}}@media only screen and (max-width:1136px){.homepage-banners{-ms-flex-wrap:wrap;flex-wrap:wrap}.homepage-banners .banner{width:50%}}@media only screen and (max-width:1135px){#subscribe-form .subscribe-inner{padding:45px 0;margin:0 auto;width:50%}}@media only screen and (max-width:1100px){.header-container #search_mini_form .form-search #search_autocomplete{max-height:400px;overflow-y:auto}.header-container .header-top .right-column>div{padding:0 3px}.header-container .links>li>a{font-size:10px;padding:0 5px}.header-container .form-search{font-size:16px}#mini-account-wrapper-regular-slip a{font-size:10px}#subscribe-form .subscribe-title{padding:0 0 9px!important;max-width:100%!important;width:100%!important}#subscribe-form .input-box{margin:25px 0}.sorter .chosen-container{width:120px!important;min-width:0}}@media only screen and (max-width:1024px){.header-container .hp-blocks-holder .hp-block.left-column .mobnav-trigger{padding:0}.brander-promotions-promotion-view .page-head h3,.catalog-category-view .page-head h3,.catalogsearch-result-index .page-head h3{font-size:2em}}@media only screen and (max-width:1023px){.checkout-billing .opener-wrap .comment-opener,.uni-wrapperIn .checkout-title{font-size:21px}.block-benefits,.block-hotcategories{padding:15px 45px}.block-benefits .benefit,.block-hotcategories .benefit{width:50%}.block-benefits .benefit>a,.block-hotcategories .benefit>a{padding:15px}.checkout-onepage-index #discount-coupon-form{width:auto;float:none}#opcheckout-wrapper-main{position:relative;padding:0 0 55px}#opcheckout-wrapper-main .checkout-end{position:absolute;bottom:0;width:100%;text-align:center}.checkout-actions-wrap .actions-set,.checkout-billing,.checkout-billing .checkout-end,.checkout-billing .opener-wrap{width:auto;float:none}#opcheckout-wrapper-main .checkout-end button{max-width:250px}.uni-wrapperIn{padding-bottom:0}.checkout-billing{margin-bottom:30px}.checkout-billing .checkout-actions-wrap .payment-ship-step{margin-bottom:10px}.checkout-actions-wrap .field>label,.checkout-billing .checkout-end .custom-checkbox{font-size:14px}.checkout-billing .opcheckout-comment .text-form{padding-top:0}.agreement-content{padding:20px}.checkout-actions-wrap .checkout-tabs a{line-height:1.2em}.checkout-actions-wrap .field .input-box [class^=box]{float:none;width:auto;margin-bottom:10px;padding:0}.checkout-actions-wrap .field .input-box [class^=box] input{text-align:left}.checkout-actions-wrap .field .radio-label{text-align:center}.checkout-actions-wrap .field .radio-emu{display:block;margin:0 auto}.checkout-actions-wrap .field .label-text{display:block}.checkout-actions-wrap .checkout-title.opener-inited{display:inline-block;margin-bottom:0;cursor:pointer;transition:padding .4s ease-out}.checkout-actions-wrap .checkout-title.opener-inited.active{padding-bottom:20px}.checkout-actions-wrap .checkout-title.opener-inited .inner-text .text{border-bottom:1px dashed #ccc}.checkout-actions-wrap .checkout-title.opener-inited .ico-down-arrow{display:inline-block}.about-order .print-link,.checkout-shopping-bag .checkout-item .product-image{display:none}.checkout-actions-wrap .next-all .field{margin-bottom:0;padding-bottom:20px}.checkout-shopping-bag .checkout-item{margin-bottom:20px}.checkout-shopping-bag .checkout-item .product-info{max-width:none;width:62.5%}.checkout-shopping-bag .checkout-item .price-col{width:37.5%}.checkout-shopping-bag .checkout-item .price .num{font-size:16px}.checkout-shopping-bag .checkout-item .product-counter{font-size:14px}.checkout-shopping-bag .totals-wrap .totals-item .totals-label{padding:0;font-size:14px}.checkout-shopping-bag .totals-wrap .totals-item .totals-price{padding-left:10px}.checkout-shopping-bag .totals-wrap .totals-item:last-child .price .num{font-size:24px}.checkout-shopping-bag .totals-wrap .price .num,.checkout-shopping-bag .totals-wrap .totals-item:last-child .totals-label{font-size:18px}.checkout-shopping-bag .totals-wrap .price .curr{font-size:14px}.checkout-shopping-bag{float:none;width:auto;margin:0 -20px;padding:20px;border:0;background:#ebebeb}.checkout-onepage-success .page-title{margin-bottom:0;padding:20px 0;font-size:30px}.checkout-onepage-success .page-title:before{width:50px;height:45px;margin:-12px -40px 0 -10px}.checkout-onepage-success .checkout-shopping-bag{margin:0;background:0 0}.checkout-onepage-success .checkout-shopping-bag .bag-title{font-size:21px}.success-top{padding:30px 0 40px}.success-top .notes-wrap{max-width:290px}.success-top .note{font-size:18px}.success-top .order-num{font-size:36px}.about-order{font-size:14px}.about-order .title{margin-right:20px;font-size:21px}.about-order .about-line{font-size:0}.about-order .about-line .about-label{min-width:0;width:40%;font-size:14px}.about-order .about-line .about-val{width:60%;font-size:14px}}@media only screen and (max-width:1000px){#product-tabs .tabs-panels iframe{width:100%!important}.catalog-product-view #product-tabs{position:relative}.catalog-product-view #product-tabs ul.tabs{display:block!important;max-height:0;padding:0!important;height:0;overflow:hidden;position:absolute;top:200px}}@media only screen and (max-width:980px) and (max-width:980px){.catalog-product-view #messages_product_view .messages{position:relative;z-index:2;padding:0 0 30px}}@media only screen and (max-width:980px){.header-container .item-left .header-contacts-left-main{display:inline-block!important;position:relative;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/arrow-white.png) 95% 50% no-repeat!important}.header-container .item-left .header-contacts-left-main .dropdown-content a .contact-detail-header,.header-container .item-left .header-contacts-left-main .dropdown-content a span:not(:first-of-type),.header-container .item-left .header-contacts-left-main a:before,.header-regular .hp-blocks-holder .hp-block.left-column .header-contacts-left-main{display:none}.header-container .item-left .header-contacts-left-main:hover{background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/arrow-white-rotate.png) 95% 50% no-repeat!important}.header-container .item-left .header-contacts-left-main .dropdown-content{width:100%;box-sizing:border-box;padding:10px 13px;min-width:0;margin-top:0}.header-container .item-left .header-contacts-left-main .dropdown-content a{color:#fff!important}.header-regular .hp-blocks-holder .hp-block.left-column .item #nav a{font-size:1em!important}.blog-section .section-title,.brander-unitopblog-post-view .post-title h1{font-size:2.5em}.footer-logo{margin:65px auto 74px}.footer-container .block-title{position:relative}.footer-container .block-title:after{position:absolute;right:12px;top:9px}.footer-container .footer-brand{margin:35px auto 55px;max-width:273px}.footer-container .social-links a{margin:0 2px 0 0}.block-viewed,.featured-section{padding:0 8%}.the-slideshow .owl-pagination{margin-top:-50px}.homepage-banners .homepage-banner-subtitle{opacity:1!important}.blog-section{width:80%}.cmsadvanced-page-view .blog-section .post-list .item{width:50%}.brander-unitopblog-post-view .post-post_content iframe{width:100%}.brander-unitopblog-post-view .block-viewed .itemslider{margin:0}.post-post_content iframe{width:100%;border:0}.catalog-product-view .breadcrumbs:after{display:block}.catalog-product-view .messages{background:#49463d;position:relative;margin:0;overflow:visible;display:inline-block;left:50%;transform:translateX(-50%)}.catalog-product-view .messages:after{content:'';width:1300px;height:100%;background:#49463d;position:absolute;left:50%;margin-left:-650px;top:0;z-index:-1}.catalog-product-view .product-img-column{width:98%;overflow:hidden;margin-bottom:0}.catalog-product-view .product-img-column .product-image{width:100%!important;padding:0 35px;box-sizing:border-box}.catalog-product-view .product-img-column .image-download{right:35px}.catalog-product-view #product_addtocart_form{-ms-flex-direction:column-reverse;flex-direction:column-reverse;position:relative;padding:0 0 235px}.catalog-product-view #product_addtocart_form:before{left:50%;margin-left:-2500px}.catalog-product-view #product_addtocart_form:after{display:none}.catalog-product-view #product_addtocart_form .why-us-label{position:relative;margin-top:15px}.catalog-product-view #product_addtocart_form .why-us-label .topic-html-content-body{height:224px;overflow-y:scroll}.catalog-product-view .box-collateral{margin-bottom:0;width:100%}.catalog-product-view .box-collateral form{display:block}.catalog-product-view .box-collateral dl dt{font:700 italic 1rem/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.catalog-product-view #messages_product_view{background:#49463d;position:relative}.catalog-product-view #messages_product_view:before{content:'';width:5000px;height:100%;position:absolute;top:0;background:#49463d;left:50%;margin-left:-2500px;z-index:1}.catalog-product-view #messages_product_view .messages,.catalog-product-view .product-shop .product-name{margin:0}.catalog-product-view .product-shop{padding:0 25px;box-sizing:border-box;position:static;width:100%;margin:0;text-align:center;z-index:110}.catalog-product-view .product-shop:after{display:none}.catalog-product-view .product-shop .alert-stock+.action-box li,.catalog-product-view .product-shop .social-links li{margin:0 15px}.catalog-product-view .product-shop .product-name h1{font-size:2em}.catalog-product-view .product-shop .social-links span:before{font-size:1.5em}.catalog-product-view .product-shop .btns-set{display:block}.catalog-product-view .product-shop .btns-set a{display:inline-block;position:relative;z-index:2;background:#e83232;padding:15px 25px}.catalog-product-view .product-shop .out-of-stock{position:absolute;left:0;bottom:110px;width:100%;padding:0 25px;box-sizing:border-box}.catalog-product-view .product-shop .alert-stock+.action-box{left:0;bottom:0}.catalog-product-view .product-shop .alert-stock+.action-box li span,.catalog-product-view .product-type-data .old-price{margin:0}.catalog-product-view .product-type-data .availability-only{margin:0;padding:0}.catalog-product-view .product-type-data .availability-only .icon-color-productview{display:none}.catalog-product-view .product-type-data .price-box{margin:0 0 20px}.catalog-product-view .tier-prices li{display:block}.catalog-product-view .add-to-box{position:absolute;bottom:45px;width:100%}.catalog-product-view .add-to-box .add-to-cart:before{display:none}.catalog-product-view .add-to-box .add-to-cart{padding:0}.catalog-product-view #product-addtocart-button,.catalog-product-view .btn-cart{width:auto;padding:0 10px;font-size:1.5rem;display:inline-block}.catalog-product-view #product-addtocart-button:hover,.catalog-product-view .btn-cart:hover{background:#e83232;color:#fff!important}.catalog-product-view #product-addtocart-button>span,.catalog-product-view .btn-cart>span{padding:16px 0 17px}.catalog-product-view .qty-wrapper{margin:0}.catalog-product-view .featured-section .section-title{font-size:3em;margin:0 0 -20px}#main-imgs .slick-arrow{top:50%;margin-top:-25px}#main-imgs .slick-arrow.slick-next{left:auto;right:0}.block-related .section-title,.block-upsell .section-title{font-size:3em}#product-tabs .tabs-panels .data-table{width:100%;float:none}#product-tabs .tabs-panels .data-table th{padding:10px 0;font:700 italic .775em 'Uni Sans',Arial,Helvetica,sans-serif}#product-tabs .tabs-panels .data-table td.last{text-align:center}#product-tabs .tabs-panels .data-table .first td,#product-tabs .tabs-panels .data-table .first th{border-top:0}#product-tabs .tabs-panels .expertise{position:relative;width:50%;margin:25px auto;float:none}#product-tabs .tabs-panels .expertise:before{content:'';display:block;position:absolute;background:url(https://grandway.com.ua/skin/frontend/ultimo/unitop/images/zoom_in_black.png) no-repeat;width:60px;height:60px;right:0;bottom:55px;pointer-events:none}#product-tabs .tabs-panels .expertise a{cursor:default}.expertise-holder .print-holder{display:none}.expertise-holder .image-holder img{max-width:400px}#post-list .btn-cart{max-width:280px}.catalog-product-view ul.tier-prices.product-pricing{margin:0 auto 10px;width:90%;display:block}.bottom-pager .toolbar .sorter .limiter label,.bottom-pager .toolbar .sorter .sort-by label,.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li:after,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li:after,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li:after,.category-products .toolbar .sorter .limiter label,.category-products .toolbar .sorter .sort-by label{display:none}.catalog-product-view ul.tier-prices.product-pricing li{font-size:1.25em;margin:0 0 35px}.goto-video-tab{position:absolute;left:50%;bottom:auto;z-index:101;transform:translateX(-50%);top:100%;margin-top:10px}.goto-video-tab a{width:45px;height:45px}.brander-promotions-promotion-view .page-title h1,.catalog-category-view .page-title h1,.catalogsearch-result-index .page-title h1{font-size:3.5em}.brander-promotions-promotion-view .col-main,.catalog-category-view .col-main,.catalogsearch-result-index .col-main{width:55%!important}.brander-promotions-promotion-view .col-left,.catalog-category-view .col-left,.catalogsearch-result-index .col-left{width:35%!important}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item,.catalog-category-view .products-grid:not(.itemslider) .item,.catalogsearch-result-index .products-grid:not(.itemslider) .item{width:50%!important}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li{opacity:1}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links li span,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links li span,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links li span{transform:translateY(0);width:36px}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .price,.catalog-category-view .products-grid:not(.itemslider) .item .price,.catalogsearch-result-index .products-grid:not(.itemslider) .item .price{font-size:1.5em}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item:hover>a,.catalog-category-view .products-grid:not(.itemslider) .item:hover>a,.catalogsearch-result-index .products-grid:not(.itemslider) .item:hover>a{background:0 0}.sorter{display:block}#reg-tab .opcheckout-comment{margin-top:40px}.catalog-product-compare-index h2,.customer-account-edit h2,.customer-account-index h2,.customer-account-logoutsuccess h2,.customer-account-resetpassword h2,.customer-address-form h2,.customer-address-index h2,.newsletter-manage-index h2,.review-customer-index h2,.review-customer-view h2,.sales-order-history h2,.sales-order-view h2,.wishlist-index-index h2{font-size:1.4em}}@media only screen and (max-width:960px){#nav .nav-item.level0>a{font:700 italic 1.5em 'Uni Sans',Arial,Helvetica,sans-serif}#nav .nav-panel--dropdown{padding:0}#nav .nav-panel--dropdown.level0{margin:0;position:relative}#nav .nav-panel--dropdown .grandway-ul img,#nav .nav-panel--dropdown .grandway-ul:after{display:none}#nav .nav-panel--dropdown .grandway-ul a{font:700 italic 1.2em 'Uni Sans',Arial,Helvetica,sans-serif}#nav .nav-panel--dropdown a{font:700 italic 1.3em 'Uni Sans',Arial,Helvetica,sans-serif;padding:15px 0 15px 15px}.opener:before{display:inline-block;position:absolute;top:50%;margin-top:-9px;left:0;right:0}.header-container .header-top .right-column .header-contacts-user-menu,.nav-item.level1:hover .no-children{display:none}#header-nav #nav a.no-click.level-top,#header-nav #nav a.no-click.level-top span{color:#000!important;box-sizing:border-box;}.header-container .header-top .header-contacts-user-menu .dropdown-content li a,.header-container .header-top .header-contacts-user-menu .open .dropdown-heading{color:#fff}.catalog-product-view .header-container,.header-container,.unipagetype .header-container{background:#49463d}.header-container .header-top .header-contacts-user-menu{display:block;color:#fff;font:700 italic 1em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}.header-container .header-top .header-contacts-user-menu:hover .dropdown-heading{opacity:1}.header-container .header-top .header-contacts-user-menu .dropdown-heading>span{padding:0 10px}.header-container .header-top .header-contacts-user-menu .dropdown-content{min-width:0;width:100%;box-sizing:border-box;padding:0 10px;border-top:0}.header-container .header-top .header-contacts-user-menu .dropdown-content li{margin:0 0 7px}.header-container .header-top .header-contacts-user-menu .contact-detail-header,.header-container .header-top .header-contacts-user-menu .content span:last-of-type{display:none}.unipagetype .preface{margin-top:0;position:static;padding-top:0;margin-bottom:0}.cms-no-route .opener:before{margin:0}.catalog-product-compare-index .col-main .hello strong,.customer-account-edit .col-main .hello strong,.customer-account-index .col-main .hello strong,.customer-account-logoutsuccess .col-main .hello strong,.customer-account-resetpassword .col-main .hello strong,.customer-address-form .col-main .hello strong,.customer-address-index .col-main .hello strong,.newsletter-manage-index .col-main .hello strong,.review-customer-index .col-main .hello strong,.review-customer-view .col-main .hello strong,.sales-order-history .col-main .hello strong,.sales-order-view .col-main .hello strong,.wishlist-index-index .col-main .hello strong{font-size:1.5em;text-align:center;display:block}.catalog-product-compare-index .col-main .hello+p,.customer-account-edit .col-main .hello+p,.customer-account-index .col-main .hello+p,.customer-account-logoutsuccess .col-main .hello+p,.customer-account-resetpassword .col-main .hello+p,.customer-address-form .col-main .hello+p,.customer-address-index .col-main .hello+p,.newsletter-manage-index .col-main .hello+p,.review-customer-index .col-main .hello+p,.review-customer-view .col-main .hello+p,.sales-order-history .col-main .hello+p,.sales-order-view .col-main .hello+p,.wishlist-index-index .col-main .hello+p{width:100%;text-align:center}}@media only screen and (max-width:959px){.page-promotion-title .promotion-image,.page-promotion-title .promotion-image+.promotion-heading{float:none;width:100%;padding:0}.neklo-instagram{margin-left:-15px;margin-right:-15px}}@media only screen and (max-width:860px){.checkout-cart-index tbody{font-size:.8em}.catalog-product-compare-index .col-main .box-title h3,.customer-account-edit .col-main .box-title h3,.customer-account-index .col-main .box-title h3,.customer-account-logoutsuccess .col-main .box-title h3,.customer-account-resetpassword .col-main .box-title h3,.customer-address-form .col-main .box-title h3,.customer-address-index .col-main .box-title h3,.newsletter-manage-index .col-main .box-title h3,.review-customer-index .col-main .box-title h3,.review-customer-view .col-main .box-title h3,.sales-order-history .col-main .box-title h3,.sales-order-view .col-main .box-title h3,.wishlist-index-index .col-main .box-title h3{font-size:2em}}@media (max-width:850px){.our_partners a,.our_partners>span{font:700 italic 1.5em/1.16 'Uni Sans',Arial,Helvetica,sans-serif}.our_partners>span{padding:8px 30px;border-bottom:1px solid rgba(0,0,0,.05)}.our_partners a{display:block;border-bottom:1px solid #ccc;padding:0 0 15px}}@media only screen and (max-width:840px){.button.out-of-stock{font-size:.575rem}.brander-promotions-promotion-view .page-title h1,.catalog-category-view .page-title h1,.catalogsearch-result-index .page-title h1{font-size:3em}}@media only screen and (max-width:790px){.sales-order-history .my-account{font-size:.9em}}@media only screen and (max-width:787px){.cmsadvanced-page-view:not(.unipagetype) .main{padding:0}.brander-unitopblog-postscategory-index .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.brander-unitopblog-post-view .main,.brander-unitopblog-postscategory-index .main{padding:30px 0}.brander-unitopblog-post-view .col-left,.brander-unitopblog-postscategory-index .col-left{width:100%!important}.brander-unitopblog-post-view .col-left .postscategory-title,.brander-unitopblog-postscategory-index .col-left .postscategory-title{padding:25px 0 4px}.brander-unitopblog-post-view .post-list .item img,.brander-unitopblog-postscategory-index .post-list .item img{margin:0 0 15px}}@media only screen and (max-width:780px){.block-viewed .owl-wrapper-outer,.featured-section .owl-wrapper-outer{margin-bottom:0}#sh_button{bottom:0!important;top:auto!important;right:0!important}}@media only screen and (max-width:769px){.header-container{padding-bottom:1px}.header-container #search-wrapper-regular{margin:0}.header-container .hp-blocks-holder{display:block;max-height:150px}.header-container form#search_mini_form .form-search{position:inherit}.header-container form#search_mini_form .form-search #search_autocomplete{margin-top:81px;width:100%;right:0}.header-container form#search_mini_form .form-search button.button{position:absolute;top:100%;margin-top:20px;right:15px}.res-mb{margin-bottom:25px}.neklo-instagram .neklo-instagram-list li{width:50%;padding-bottom:50%}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item,.brander-promotions-promotion-view .products-grid:not(.itemslider) .item:hover,.catalog-category-view .products-grid:not(.itemslider) .item,.catalog-category-view .products-grid:not(.itemslider) .item:hover,.catalogsearch-result-index .products-grid:not(.itemslider) .item,.catalogsearch-result-index .products-grid:not(.itemslider) .item:hover{padding:0 10px 70px}ul.tier-prices.product-pricing{margin:0 auto 10px;width:90%;display:block}ul.tier-prices.product-pricing li{text-align:left;display:inline-block}.cart .discount .buttons-set button{width:100%}#discount-coupon-form .buttons-set button{width:100%;margin-left:0}.checkout-cart-index .main button{font-size:1em!important}#reg-tab select{font-size:.7em}.checkout-cart-index .cart .totals-inner{padding:20px 2%}.checkout-cart-index .cart button.button{width:96%;margin:10px auto;display:block}}@media only screen and (max-width:768px){.header-container #mini-cart-wrapper-regular,.header-container #mini-compare-wrapper-regular,.header-container #search-wrapper-regular{float:none}.header-container #search-wrapper-regular .search-title,.header-mobile .hp-blocks-holder .header-contacts{display:none}.header-container #search_mini_form .form-search .input-text{color:#000;font-size:1.25em}.header-container #search_mini_form .form-search .input-text:hover,.header-container #search_mini_form .form-search .input-text:hover+button,.header-container #search_mini_form .form-search button,.header-container #search_mini_form .form-search button:hover{color:#000}.header-container #search_mini_form .form-search #search_autocomplete{width:calc(100% + 44px);border:0;right:-22px;background:#f5f5f5;color:#000}.header-container #search_mini_form .form-search #search_autocomplete .s_item .s_item_name,.header-container #search_mini_form .form-search #search_autocomplete .search-container,.header-container #search_mini_form .form-search #search_autocomplete .search-header{color:#000}.header-container #mini-compare #compare-items{font-size:.7em}.header-container #search-wrapper-regular #header-account{white-space:nowrap}.header-container #search-wrapper-regular .skip-active+#search-content{display:block;padding:20px;background:#f5f5f5}.header-container #search-wrapper-regular .reset-button{position:absolute;top:50%;right:43px;left:auto!important;padding:10px;margin-top:-18px;font-size:20px;color:red;opacity:.7;border:0;cursor:pointer;transition:opacity .3s ease;background:0}.header-container #search-wrapper-regular .reset-button:hover{opacity:1}.header-container #search-wrapper-regular .search-autocomplete{top:100%!important;left:-20px!important;right:-20px;padding:10px 20px}.header-container #search-wrapper-regular .search-autocomplete .s_item{padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid rgba(0,0,0,.15)}.header-container #search-wrapper-regular .search-autocomplete .s_item:after{content:'';display:table;width:100%;clear:both}.header-container #search-wrapper-regular .search-autocomplete .s_item .s_icon{float:left;width:15%}.header-container #search-wrapper-regular .search-autocomplete .s_item .s_icon a{display:block}.header-container #search-wrapper-regular .search-autocomplete .s_item .s_icon img{display:block;width:100%}.header-container #search-wrapper-regular .search-autocomplete .s_item .s_item_name{color:#000;opacity:.3;transition:opacity .2s ease;font:700 italic 16px/22px 'Uni Sans',Arial,Helvetica,sans-serif}.header-container #search-wrapper-regular .search-autocomplete .resultbox-b a:hover,.header-container #search-wrapper-regular .search-autocomplete .s_item .s_item_name:hover{opacity:1}.header-container #search-wrapper-regular .search-autocomplete .resultbox-b a,.header-container #search-wrapper-regular .search-autocomplete .s_item .price-box{font:700 italic 16px/20px 'Uni Sans',Arial,Helvetica,sans-serif}.header-container #search-wrapper-regular .search-autocomplete .resultbox-b a{color:#000;transition:opacity .3s ease}.header-container #search-wrapper-regular .input-text{font:700 italic 20px/36px 'Uni Sans',Arial,Helvetica,sans-serif}.header-mobile .nav-mobile span.opener:before{font-weight:700;font-size:1.5em}.header-regular .hp-blocks-holder .hp-block.left-column .item #nav a{font:700 italic 1.5em 'Uni Sans',Arial,Helvetica,sans-serif!important}#mini-cart-wrapper-mobile #header-cart .product-name a{font-size:1rem;color:#333!important}#mini-cart-wrapper-mobile #header-cart .block-subtitle,#user-menu-wrapper-regular #header-compare .block-subtitle{font-weight:400;font-size:2.2em}#mini-cart-wrapper-mobile #header-cart .product-details a:before{color:#333!important}#user-menu-wrapper-regular #header-compare a.btn-remove{font-size:1rem;color:#333!important}#user-menu-wrapper-regular #header-compare a.btn-remove:before{color:#333!important}.button.out-of-stock{font-size:.875rem}.block-viewed .section-title,.brander-promotions-promotion-view .page-title h1,.catalog-category-view .page-title h1,.catalogsearch-result-index .page-title h1,.featured-section .section-title{font-size:2.5em}#subscribe-form{width:80%}#subscribe-form .subscribe-inner{min-width:0;width:80%}.brander-promotions-promotion-view .featured-section .section-title,.catalog-category-view .featured-section .section-title,.catalogsearch-result-index .featured-section .section-title{font-size:3em;margin:0}.block-layered-nav .block-content #narrow-by-list dd ol li{margin:0 0 10px}.block-layered-nav .block-content #narrow-by-list dd a{font-size:1em;padding:7px 0 7px 35px}.block-layered-nav .block-content #narrow-by-list dd>:last-child{margin:0}.block-layered-nav .block-content .handle{width:24px!important;height:24px!important;margin-top:-16px!important}.catalogsearch-result-index .main{padding:20px 0 30px}.catalogsearch-result-index .col-left{width:100%!important}.checkout-cart-index tr{position:relative;border:0!important}.checkout-cart-index tr:after{content:'';display:table;width:100%;clear:both}.checkout-cart-index td.col-delete{position:absolute;top:0;right:0;width:30px}.checkout-cart-index .main button{padding:0 10px!important;line-height:36px}.customer-account-confirmation .page-title h1,.customer-account-create .page-title h1,.customer-account-forgotpassword .page-title h1,.customer-account-login .page-title h1{padding:10px 0 20px;font-size:2em}}@media only screen and (max-width:767px){#sh_button,.the-slideshow{min-height:0}.brander-unitopblog-post-view .post-preview_image,.footer-container .block-footer-contacts .operator-icon{float:none}.header-container .header-top .right-column{position:relative;top:3px}.header-container .header-top .right-column #mini-account-wrapper-regular-slip{display:none}#header-account{font:700 italic 1.275em/1.1 "Uni Sans",Arial,Helvetica,sans-serif}#header-account a{font-size:1.25em}#header-account .links a:hover{color:#000!important}.footer-container .block-footer-contacts .content{display:inline}.footer-container .footer-primary-top-spacing .level-top{font:700 italic 1.5em/1.16 'Uni Sans',Arial,Helvetica,sans-serif;display:block;border-bottom:1px solid #ccc;padding:0 0 15px}.block-benefits,.block-benefits .benefit>a,.block-hotcategories,.block-hotcategories .benefit>a{padding:15px}.footer-container .block-title:after{top:6px}#sh_button .sh_title_text{display:none}.block-benefits .benefit,.block-hotcategories .benefit{width:100%}.promotion-list-container .promotion-item .promotion-heading,.promotion-list-container .promotion-item .promotion-image,.promotion-list-container .promotion-item .promotion-right{float:none;width:100%;text-align:center}.wrapper .the-slideshow-wrapper .owl-pagination{display:block!important}.block-hotcategories #itemslider-hotcategories .hotcategory-inner .hotcategory-text{font-size:14px}.post-list .item{margin-bottom:20px}.brander-unitopblog-post-view .post-preview_image,.brander-unitopblog-postscategory-index .post-preview_image{margin-right:0!important}.brander-unitopblog-post-view .page-title,.brander-unitopblog-postscategory-index .page-title{width:100%}.brander-unitopblog-post-view .page-title h1,.brander-unitopblog-postscategory-index .page-title h1{font-size:3.5em!important}.brander-unitopblog-post-view .post-preview_image img{max-width:767px;width:100%}.brander-unitopblog-post-view .post-post_content{margin-bottom:30px}.brander-unitopblog-post-view .form-add{padding:15px 0 0;margin:0 0 30px}.brander-unitopblog-post-view .box-reviews dt{text-align:left}.catalog-product-view .product-img-column .image-download{height:auto;min-height:15px;padding:5px 10px}.brander-promotions-promotion-view .col-main,.catalog-category-view .col-main,.catalogsearch-result-index .col-main{width:100%!important}.block-layered-nav .block-content #narrow-by-list dt{font-size:1.5em;padding:14px 10px 14px 25px;opacity:.4;margin:0 0 10px}.block-layered-nav .block-content #narrow-by-list dt span:after,.block-layered-nav .block-content #narrow-by-list dt span:before{display:none}#narrow-by-list dt:after{position:absolute;content:'-';left:0;top:50%;margin-top:-13px}#narrow-by-list dt.active:after{content:'+'}#header-cart .product-details>a:before{color:#333}#header-cart .product-name a{color:#333!important;font-size:1.5rem}.checkout-cart-index form tbody td{float:right;width:51%!important;box-sizing:border-box}.checkout-cart-index form tbody td:first-child{float:left;width:49%!important}.checkout-cart-index form tbody td:last-child{width:auto!important}.checkout-cart-index form tbody td:last-child .btn-remove{margin-right:6px}.checkout-cart-index form .discount-form button{margin:0 0 15px}.checkout-cart-index tbody{font-size:1em}.cart .nested-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media only screen and (max-width:740px){.block-layered-nav .block-content #narrow-by-list dt span{font-size:1em}}@media only screen and (max-width:640px){.header-mobile #header-compare .block-subtitle{font-size:1.25em}#shopping-cart-table a.product-image{width:75px!important;height:75px!important}#shopping-cart-table a.product-image img{width:75px!important}.footer-logo{margin:35px auto 30px}body{font-size:12px}#product_comparison .btn-cart{font-size:8px}.promotion-popup .promotion-title{font-size:18px;margin-bottom:0}.brander-unitopblog-postscategory-index,.cms-no-route,.cmsadvanced-page-view:not(.unipagetype){font-size:12px}.cmsadvanced-page-view:not(.unipagetype) .content .image-holder,.cmsadvanced-page-view:not(.unipagetype) .page-content .image-holder{width:100%;float:none}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item,.catalog-category-view .products-grid:not(.itemslider) .item,.catalogsearch-result-index .products-grid:not(.itemslider) .item,.checkout-onepage-index #discount-coupon-form .input-box input{width:100%!important}.branderfaqtype #faq-items .faq-item .faq-question{margin:16px 0 11px}.catalog-product-view #product-tabs{padding:12px 0}.catalog-product-view .product-shop,.checkout-onepage-index #discount-coupon-form{padding:0}.catalog-product-view .add-to-box .add-to-cart{padding:0;white-space:nowrap}.catalog-product-view ul.tier-prices.product-pricing li{margin:0 0 17px}.checkout-onepage-success #form_interview{margin:0 auto 22px}.checkout-onepage-success #form_interview+span{padding-bottom:60px}.checkout-onepage-success #form_interview ul li{margin:0 0 12px}#header-cart .block-subtitle{font-size:1.25em}}@media only screen and (max-width:580px){.footer-container .footer-bottom .grid12-10{padding:0}.block-layered-nav .block-content #narrow-by-list dt{font-size:1.2em}}@media only screen and (max-width:550px){#subscribe-form #subscribe-form input#newsletter,#subscribe-form input#newsletter{font-size:11px}}@media only screen and (max-width:550px) and (max-width:400px){#subscribe-form #subscribe-form input#newsletter,#subscribe-form input#newsletter{font-size:8px}}@media only screen and (max-width:540px){.promotion-popup{min-width:220px}.brander-promotions-promotion-view .page-title h1,.catalog-category-view .page-title h1,.catalogsearch-result-index .page-title h1{font-size:2em}}@media only screen and (max-width:480px){.homepage-banners{-ms-flex-direction:column;flex-direction:column}.homepage-banners .banner,.webforms-callback input.input-text{width:100%}.webforms-callback .validation-advice{padding:0;position:absolute;left:0;width:100%;top:56px}.webforms-callback .buttons-set button{width:200px}.catalog-product-view .product-shop .social-links li{margin:0}.catalog-product-view .product-shop .social-links span:before{font-size:1.125em}.block-related .section-title,.block-upsell .section-title,.brander-promotions-promotion-view .featured-section .section-title,.catalog-category-view .featured-section .section-title,.catalogsearch-result-index .featured-section .section-title{font-size:2em}.catalog-product-view .featured-section .section-title{font-size:2em;margin:0 0 -20px}.more-images{width:237px}.expertise-holder .image-holder img{max-width:280px}.catalog-product-compare-index .page-title h1,.customer-account-edit .page-title h1,.customer-account-index .page-title h1,.customer-account-logoutsuccess .page-title h1,.customer-account-resetpassword .page-title h1,.customer-address-form .page-title h1,.customer-address-index .page-title h1,.newsletter-manage-index .page-title h1,.review-customer-index .page-title h1,.review-customer-view .page-title h1,.sales-order-history .page-title h1,.sales-order-view .page-title h1,.wishlist-index-index .page-title h1{text-align:center;margin:0 0 15px;width:100%}.wishlist-index-index .wishlist-actions{display:block}}@media only screen and (max-width:479px){.header-contacts-left-main{display:none!important}.promotion-popup .promotion-img-holder,.promotion-popup .promotion-title{float:none;width:100%}.page-promotion-title h1{font-size:20px;margin-bottom:0}#subscribe-form form label{margin:0}.catalog-product-view .product-shop .promotion-img-holder{display:none}.catalog-product-view .product-shop .promotion-img-holder+.promotion-title{float:none;width:100%;padding-left:0;margin-bottom:0}.brander-promotions-promotion-view .products-grid:not(.itemslider) .item .add-to-links,.catalog-category-view .products-grid:not(.itemslider) .item .add-to-links,.catalogsearch-result-index .products-grid:not(.itemslider) .item .add-to-links{display:block!important}.toolbar .pager ol li a{font-size:.8rem}.toolbar .pager ol li.next a:before,.toolbar .pager ol li.previous a:before{font-size:1rem}.checkout-onepage-index .add-checkout-link{display:none}.catalog-product-compare-index .buttons-set p.required,.customer-account-edit .buttons-set p.required,.customer-account-index .buttons-set p.required,.customer-account-logoutsuccess .buttons-set p.required,.customer-account-resetpassword .buttons-set p.required,.customer-address-form .buttons-set p.required,.customer-address-index .buttons-set p.required,.newsletter-manage-index .buttons-set p.required,.review-customer-index .buttons-set p.required,.review-customer-view .buttons-set p.required,.sales-order-history .buttons-set p.required,.sales-order-view .buttons-set p.required,.wishlist-index-index .buttons-set p.required{display:block!important}}@media only screen and (max-width:460px){.catalog-product-compare-index .col-main .box-title h3,.customer-account-edit .col-main .box-title h3,.customer-account-index .col-main .box-title h3,.customer-account-logoutsuccess .col-main .box-title h3,.customer-account-resetpassword .col-main .box-title h3,.customer-address-form .col-main .box-title h3,.customer-address-index .col-main .box-title h3,.newsletter-manage-index .col-main .box-title h3,.review-customer-index .col-main .box-title h3,.review-customer-view .col-main .box-title h3,.sales-order-history .col-main .box-title h3,.sales-order-view .col-main .box-title h3,.wishlist-index-index .col-main .box-title h3{font-size:1.45em}}@media only screen and (max-width:440px){.brander-promotions-promotion-view .page-title h1,.catalog-category-view .page-title h1,.catalogsearch-result-index .page-title h1{font-size:1.5em}}@media only screen and (max-width:420px){.checkout-onepage-index .checkout-billing .validation-advice{width:100%}}@media only screen and (max-width:380px){.block-layered-nav .block-content #narrow-by-list dt{font-size:1em}} /*# sourceMappingURL=maps/brander-overrides.css.map */ /************************************ items color refactoring *************************************/ /******************* default item state *******************/ .post-list .item{ color: #898989; } /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! NOTE: < selector > - this is selector to delete; < .post-list .item .desc > < .post-list .item .desc:hover > must be deleted !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ .post-list .item a, .post-list .item .show-post{ color: #6b61f4; } .post-list .item a:hover, .post-list .item .show-post:hover{ color: #8d83f9; } .post-list .item .bullet{ color: #515151; } .post-list .item .post-name a{ color: #6b61f4; } .post-list .item .post-name a:hover{ color: #5a50e3; } /* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! <.post-list .item .bullet> - must be deleted, because there is no hover effect, this is static text !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */ /******************* hover item state *******************/ .post-list .item:hover{ color: #898989; } .post-list .item:hover a, .post-list .item:hover .show-post{ color: #6b61f4; } .post-list .item:hover a:hover, .post-list .item:hover .show-post:hover{ color: #8d83f9; } .post-list .item:hover .bullet{ color: #515151; } .post-list .item:hover .post-name a{ color: #6b61f4; } .post-list .item:hover .post-name a:hover{ color: #5a50e3; } /******************* archive item state *******************/ .post-list .item.archived{ color: #898989; } .post-list .item.archived a, .post-list .item.archived .show-post{ color: #6b61f4; } .post-list .item.archived a:hover, .post-list .item.archived .show-post:hover{ color: #8d83f9; } .post-list .item.archived .bullet{ color: #515151; } .post-list .item.archived .post-name a{ color: #6b61f4; } .post-list .item.archived .post-name a:hover{ color: #5a50e3; } /******************* hover archive item state *******************/ .post-list .item.archived:hover{ color: #898989; } .post-list .item.archived:hover a, .post-list .item.archived:hover .show-post{ color: #6b61f4; } .post-list .item.archived:hover a:hover, .post-list .item.archived:hover .show-post:hover{ color: #8d83f9; } .post-list .item.archived:hover .bullet{ color: #515151; } .post-list .item.archived:hover .post-name a{ color: #6b61f4; } .post-list .item.archived:hover .post-name a:hover{ color: #5a50e3; } @font-face { font-family: 'IconsTemplate'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/ict/fonts/icomoon.ttf?a64nf4') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/ict/fonts/icomoon.woff?a64nf4') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/ict/fonts/icomoon.svg?a64nf4#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="ict-"], [class*=" ict-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'IconsTemplate' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ict-checkmark:before { content: "\e900"; } .ict-facebook:before { content: "\e901"; } .ict-gplus:before { content: "\e902"; } .ict-instagram:before { content: "\e903"; } .ict-pencil:before { content: "\e904"; } .ict-printer:before { content: "\e905"; } .ict-vkontakte:before { content: "\e966"; } .ict-arrow_left:before { content: "\e967"; } .ict-compare:before { content: "\e969"; } .ict-favourites_action:before { content: "\e96a"; } .ict-hanburger:before { content: "\e96b"; } .ict-search:before { content: "\e96c"; } .ict-cart:before { content: "\e968"; } .ict-user:before { content: "\e230"; } @font-face { font-family: 'IconsUni'; src:url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/icu/fonts/iconsUni.eot?qtih0q'); src:url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/icu/fonts/iconsUni.eot?qtih0q#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/icu/fonts/iconsUni.ttf?qtih0q') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/icu/fonts/iconsUni.woff?qtih0q') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/icu/fonts/iconsUni.svg?qtih0q#iconsUni') format('svg'); font-weight: normal; font-style: normal; } .icu { font-family: 'IconsUni'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icu-mailru:before { content: "\e900"; } .icu-moikrug:before { content: "\e901"; } .icu-odnoklassniki:before { content: "\e902"; } .icu-yandex:before { content: "\e903"; } @font-face { font-family: 'Museo Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-100.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-100.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-100.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-100.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-300.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-300.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-300.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-300.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-500.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-500.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-500.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-500.ttf') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-500.svg#MuseoSansCyrl-500') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-700.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-700.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-700.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-700.ttf') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-700.svg#MuseoSansCyrl-700') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-900.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-900.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-900.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-900.ttf') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/museo-sans/MuseoSansCyrl-900.svg#MuseoSansCyrl-900') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Uni Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCapsItalic.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCapsItalic.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCapsItalic.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCapsItalic.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCapsItalic.ttf') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCapsItalic.svg#UniSansHeavyCapsItalic') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'Uni Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCaps.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCaps.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCaps.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCaps.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansHeavyCaps.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Uni Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCapsItalic.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCapsItalic.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCapsItalic.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCapsItalic.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCapsItalic.ttf') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCapsItalic.svg#UniSansThinCapsItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Uni Sans'; src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCaps.eot'); src: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCaps.eot?#iefix') format('embedded-opentype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCaps.woff2') format('woff2'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCaps.woff') format('woff'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCaps.ttf') format('truetype'), url('https://grandway.com.ua/skin/frontend/ultimo/unitop/css/brander/fonts/uni-sans/UniSansThinCaps.svg#UniSansThinCaps') format('svg'); font-weight: 300; font-style: normal; } /*HOMEPAGE HOT CATEGORY ***************************************************************** *****************************************************************************************/ @media only screen and (max-width: 767px) { .grid12-3.hotcategory { width: 50% !important; } } /* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Cart + compare -------------------------------------------------------------- */ /* Skip links has to be hidden except cart and compare */ .header-regular .mini-cart-heading, .header-regular .mini-compare-heading, .header-regular .mini-account-heading { display: block; } .header-regular .mini-cart-heading .label.no-display, .header-regular .mini-compare-heading .label.no-display, .header-regular .mini-account-heading .label.no-display { display: none; } /*override-theme.css str.274 ******************************************************************/ /*language switcher */ @media only screen and (max-width: 767px) { .show-below-768 { display: inherit !important; } } @media only screen and (min-width: 767px) { .show-below-768 { display: none !important; } } /* Hidden elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-regular #mini-account-wrapper-mobile { display: none; } /* Selected skip links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Account -------------------------------------------------------------- */ /* Hide account block's heading (only heading) */ .header-mobile .mini-account .mini-account-heading { display: none; } .header-mobile .mini-account .mini-account-content { text-transform: uppercase; } .header-mobile .mini-account .actions { border: none; padding-top: 0; } @media only screen and (min-width: 767px) { .mini-account-content > ul > li > a { white-space: nowrap; } } /* microformats %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ /* Product page -------------------------------------------------------------- */ .micrform-section { position: absolute; left: 0; top: -9999px; } .mini-account-content > ul > li { float: none; } /*HOMEPAGE BANNERS ***************************************************************** *****************************************************************************************/ .homepage-banners.slim-homepage-banners .nested-container { width: 100%; margin-left: 0; margin-bottom: 10px; } .homepage-banners.slim-homepage-banners .banner { margin: 0; } .homepage-banners.slim-homepage-banners .grid12-6 { width: 50%; } /* FOOTER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .footer-block .block-title { padding-top: 8px; } @media only screen and (max-width: 768px) { .footer-block .block-title { padding-top: 20px; } } .container.leftsidemenu, .container.slipslider, .main-container.slipslider { padding-top: 0; } .developer-logo { width: 102px; height: 13px; display: inline-block; background-image: url('https://grandway.com.ua/skin/frontend/ultimo/unitop/images/brander/brander.png'); background-size: 80%; background-repeat: no-repeat; background-position: bottom center; } .dev-logo { margin-left: 10px; max-width: 120px; } .footer-primary-top .social-links { padding-top: 20px; } .product-banner { width: 100%; } /* LAYERED NAVIGATION %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .toolbar-bottom .toolbar .pager { display: inherit; } /* HEADER %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */ .header-contacts { display: inline-block !important; } .header-contacts-viber { display: inline-block; line-height: 30px; } .header-top .nav-item a span { text-transform: uppercase; } .before-main-benefits, .benefits-container { background-color: #d8d5ba; } .header-regular .right-column .dropdown { float: left; } .dropdown .dropdown-heading.cover img { width: 10%; padding-left: 5px; } .why-us-label > span { background: #cfcab6; padding: 15px 25px; transform: skewX(-8deg); color: black !important; font: 700 14px 'Uni Sans',Arial,Helvetica,sans-serif; } @media only screen and (max-width: 1920px) { #nav .nav-panel--dropdown a { padding: 4px 0 4px 45px; } } /* mixins */ /* sprite */ /* clearfix */ /* list_ib */ /* list_jst */ /* reset */ /* hold-center */ /* core-justify */ /* placeholder */ /* triangle */ .neklo-instagram-title { text-transform: uppercase; font-size: 18px; font-weight: bold; color: #000000; text-align: center; margin-bottom: 10px; } @media screen and (max-width: 48em) { .neklo-instagram-title { font-size: 16px; } } .neklo-instagram-description { font-size: 14px; color: #000000; text-align: center; margin-bottom: 10px; } @media screen and (max-width: 48em) { .neklo-instagram-description { font-size: 12px; } } .neklo-instagram-list { margin: 20px auto; width: 80%; text-align: center; font-size: 0; } .neklo-instagram-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } @media screen and (max-width: 48em) { .neklo-instagram-list { width: 95%; } } .neklo-instagram-list li { display: inline-block; vertical-align: top; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin: 0 2px 2px 0; } .neklo-instagram-list li:hover .neklo-instagram-over { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } .neklo-instagram-list li:hover img { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .neklo-instagram-list a { position: relative; overflow: hidden; display: block; } .neklo-instagram-list img { -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .neklo-instagram-over { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 10; }