.clear { clear: both; } .border { border: 1px solid #6aa4ba; } .is-visible { display: block !important; } .red { color: #ff0000; } .grecaptcha-badge { display: none !important; } .radius, .panel.radius, button.radius, .button.radius { border-radius: 0.375rem; } table.radius { border-collapse: separate; } form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, .radius-left { border-radius: 0; -webkit-border-bottom-left-radius: 0.375rem; -webkit-border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; border-top-left-radius: 0.375rem; } form .row .postfix-radius.row.collapse .postfix, .radius-right { border-radius: 0; -webkit-border-bottom-right-radius: 0.375rem; -webkit-border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; border-top-right-radius: 0.375rem; } .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { -webkit-border-bottom-left-radius: 0.375rem; -webkit-border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; border-top-left-radius: 0.375rem; } .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { -webkit-border-bottom-right-radius: 0.375rem; -webkit-border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; border-top-right-radius: 0.375rem; } .sub { font-size: 0.7em; } .center { display: block; margin: 0 auto; } .text-center { display: block; text-align: center; } .dotted { text-decoration: none; border-bottom: 1px dotted; cursor: pointer; display: inline; } .bold { font-weight: bold; } .italic { font-style: italic; } a.disabled { pointer-events: none; cursor: default; opacity: 1 !important; background: #98c8d7; } .unselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; outline: 0; } button { padding: 0.5rem 1rem 0.5625rem 1rem; } fieldset { background: #fff; } label.error { color: #f04124; } h1, .h1 { font-size: 1.25rem; color: #2ba6cb; } h2, .h2 { font-size: 1.125rem; } h3, .h3 { font-size: 1rem; line-height: 1.4; font-weight: bold; margin-top: 0.2rem; margin-bottom: 0.5rem; } h4, .h4 { font-size: 0.875rem; font-weight: bold; } p { font-size: 0.875rem; margin-bottom: 0.625rem; } ul, ol, dl { font-size: 0.875rem; } .button.awesome{padding:4px 14px 6px;border:1px solid rgba(0,0,0,.25);border-bottom-color:rgba(0,0,0,.35);font-size:0.875rem;box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);} .button.awesome.large{padding:6px 17px 8px;} .button.awesome.large{font-size:14px;padding:8px 19px 9px;} .button.small{ font-size:14px; } .button.awesome.blue{background-color:#2daebf;} .button.awesome.blue:hover{background-color:#007d9a;} .button.awesome.magenta{background-color:#a9014b;} .button.awesome.magenta:hover{background-color:#630030;} .button.awesome.red{background-color:#e33100;} .button.awesome.red:hover{background-color:#872300;} .button.awesome.orange{background-color:#ff5c00;} .button.awesome.orange:hover{background-color:#d45500;} .button.awesome.yellow{background-color:#ffb515;} .button.awesome.yellow:hover{background-color:#fc9200;} .button.awesome.secondary{color:#555!important;text-shadow:0 1px 1px rgba(255,255,255,0.5);border:1px solid #bbb;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);} .button.awesome.secondary:hover{background-color:#eee;color:#444!important;border-color:#999;} .button.google{border:1px solid rgb(153,153,153);font-weight:normal;color:#333;text-shadow:0 1px 1px #fff;line-height:1em;padding:0.4em 0.625em;background-image:-webkit-linear-gradient(top,#fff,#ddd);background-image:-moz-linear-gradient(top,#fff,#ddd);} .button.google:hover{background-image:-webkit-linear-gradient(top,#F8F8F8,#ddd);background-image:-moz-linear-gradient(top,#F8F8F8,#ddd);} .button.google:active{background-image:-webkit-linear-gradient(top,#ccc,#ddd);background-image:-moz-linear-gradient(top,#ccc,#ddd);} .button.google.scaled{-webkit-transform:scale(2);-moz-transform:scale(2);ms-transform:scale(2);transform:scale(2);-webkit-transform-origin:bottom left;-moz-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;} .button.google.blue,.button.google.blue:hover,.button.google.blue:active{background-image:-webkit-linear-gradient(top,#fff,#62CAE3);background-image:-moz-linear-gradient(top,#fff,#62CAE3);background-image:-o-linear-gradient(top,#fff,#62CAE3);background-image:linear-gradient(to bottom,#fff,#62CAE3);border-color:#62CAE3;} .button.google.orange,.button.google.orange:hover,.button.google.orange:active{background-image:-webkit-linear-gradient(top,#fff,#F58426);background-image:-moz-linear-gradient(top,#fff,#F58426);background-image:-o-linear-gradient(top,#fff,#F58426);background-image:linear-gradient(to bottom,#fff,#F58426);border-color:#F58426;} .button.google.red,.button.google.red:hover,.button.google.red:active{background-image:-webkit-linear-gradient(top,#F15D22,#923C06);background-image:-moz-linear-gradient(top,#F15D22,#923C06);background-image:-o-linear-gradient(top,#F15D22,#923C06);background-image:linear-gradient(to bottom,#F15D22,#923C06);border-color:#923C06;color:#fff;text-shadow:none;} .button.google.green,.button.google.green:hover,.button.google.green:active{background-image:-webkit-linear-gradient(top,#fff,#D5E04D);background-image:-moz-linear-gradient(top,#fff,#D5E04D);background-image:-o-linear-gradient(top,#fff,#D5E04D);background-image:linear-gradient(to bottom,#fff,#D5E04D);border-color:#D5E04D;} .button.google.purple,.button.google.purple:hover,.button.google.purple:active{background-image:-webkit-linear-gradient(top,#CA006C,#7C0040);background-image:-moz-linear-gradient(top,#CA006C,#7C0040);background-image:-o-linear-gradient(top,#CA006C,#7C0040);background-image:linear-gradient(to bottom,#CA006C,#7C0040);border-color:#CA006C;color:#fff;text-shadow:none;} .button.google.google-searchfield{margin-top:1em;margin-bottom:1em;text-align:center;} .button.google.google-searchfield input[type="text"]{text-align:left} /* |-------------------------------------------------------------------------- | Form alerts |-------------------------------------------------------------------------- */ .server-success input, .server-success textarea, .server-success select { margin-bottom: 0; } .server-success label, .server-success label.server-success { color: #43ac6a; } .error label, .error label.server-success { color: #c60f13; } [data-abide] .server-success small.server-success, [data-abide] .server-success span.server-success, [data-abide] span.server-success, [data-abide] small.server-success { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #43ac6a; color: #fff; } [data-abide] span.server-success, [data-abide] small.server-success { display: none; } [data-abide] .error span.server-success, [data-abide] .error small.server-success { display: none; } .server-error input, .server-error textarea, .server-error select { margin-bottom: 0; } .server-error label, .server-error label.server-error { color: #c60f13; } [data-abide] .server-error small.server-error, [data-abide] .server-error span.server-error, [data-abide] span.server-error, [data-abide] small.server-error { display: block; padding: 0.375rem 0.5625rem 0.5625rem; margin-top: -1px; margin-bottom: 1rem; font-size: 0.75rem; font-weight: normal; font-style: italic; background: #f04124; color: #fff; } [data-abide] span.server-error, [data-abide] small.server-error { display: none; } [data-abide] .error small.server-error, [data-abide] .error span.server-error { display: none; } .form-radio, .form-checkbox { position: relative; } .form-radio.margin-bottom label, .form-checkbox.margin-bottom label { margin-bottom: 1rem; } .form-radio.margin-bottom label.is-invalid-label, .form-checkbox.margin-bottom label.is-invalid-label { margin-bottom: 0; } .form-radio_bottom { margin-bottom: 1.5rem; } .form-radio input, .form-checkbox input { position: absolute; left: -9999px; } .form-radio input + label, .form-checkbox input + label { position: relative; padding-left: 1.4rem; cursor: pointer; margin-left: 0; color: #576879; font-size: 14px; line-height: 120%; font-weight: 400; } .form-radio.bottom input + label, .form-checkbox.bottom input + label { padding-left: 0; padding-bottom: 1rem; } .form-radio.disabled input + label, .form-checkbox.disabled input + label { color: #e6e6e6; } .form-radio_bottom input + label { padding-left: 0; text-align: center; } .form-radio input + label:hover:before, .form-checkbox input + label:hover:before { background: #e5f7fb; } .form-radio input + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; border: 1px solid #1DA6CC; background: #fff; border-radius: 100%; } .form-radio.bottom input + label:before { left: 0; right: 0; top: inherit; bottom: 0; margin: 0 auto; } .form-radio input[disabled] + label:before { background: #f9f9f9; border: 2px solid #ccc; } .form-radio_bottom input + label:before { margin-top: 0.25rem; left: 50%; top: 100%; } .form-checkbox input + label:before { content: ''; position: absolute; left: 0; top: 0; width: 1rem; height: 1rem; border: 1px solid #1DA6CC; background: #fff; border-radius: 2px; } .form-checkbox.disabled input + label:before { border: 2px solid #e6e6e6; background: #e6e6e6; } .form-radio input:checked + label, .form-checkbox input:checked + label { color: #FF9D30; } .form-checkbox.user-agreement input:checked + label { color: inherit; } .form-radio input:checked + label:before { border: 2px solid #FF9D30; background: #FFF; } .form-checkbox input:checked + label:before { border: 2px solid #FF9D30; background: #FF9D30; } .form-radio input:checked + label:after { content: ""; position: absolute; top: 4px; left: 4px; height: 0.5rem; width: 0.5rem; border-radius: 100%; background: #FF9D30; } .form-radio.bottom input:checked + label:after { top: inherit; bottom: 4px; left: 0; right: 0; margin: 0 auto; } .form-radio_bottom input:checked + label:after { margin-top: 0.25rem; top: calc(100% + 4px); left: calc(50% + 4px); } .form-checkbox input:checked + label:after { content: '\e906'; font-family: 'eli'; font-size: 10px; position: absolute; top: 0; left: 3px; color: #fff; } .form-checkbox .form-error { margin-top: 0.5rem; } .form-select { position: relative; margin-bottom: 1rem; } .form-select:focus { outline: none; } .form-select__selected { background: #fff; border: 1px solid #DDDDDD; height: 2.4375rem; border-radius: 4px; padding: 0.4rem 1.4rem 0.5rem 0.7rem; white-space: nowrap; font-size: 14px; cursor: pointer; width: 100%; } .form-select:focus .form-select__selected { border: 1px solid #67CCE8; } .form-select__selected-value { width: 100%; overflow: hidden; text-overflow: ellipsis; } .form-select__selected-arrow { transform: rotate(90deg); color: #ADAEAD; position: absolute; right: 1rem; } .form-select__selected.is-active .form-select__selected-arrow { transform: rotate(-90deg); color: #67CCE8; } .form-select__options { position: absolute; background: #fff; border-radius: 4px; z-index: 1; width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.1); } .form-select__option { font-size: 14px; line-height: 12px; padding: 0.5rem; color: #494A4A; cursor: pointer; word-wrap: break-word; } .form-select__option.is-active, .form-select__option:hover { background: #EAFAFF; } .form-select__option:last-child.is-active, .form-select__option:last-child:hover { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } button.orange, .button.orange { background-color: #FF9D30; color: #FFFFFF; padding: .85em 1em; border-radius: 4px; text-align: center; cursor: pointer; outline: 0; transition: none; } button.orange:hover, .button.orange:hover, button.orange:focus, .button.orange:focus { background: #FA921E; } button.orange:active, .button.orange:active { position: relative; top: 2px; } table { width: 100%; } table *:focus { outline: 0; } div.table { display: table; } div.table div.tr { display: table-row; } div.table div.td { display: table-cell; padding: 0.1625rem 0.625rem 0.1625rem 0rem; } div.table.zebra .tr:nth-of-type(even) { background: #f9f9f9; } div.table.zebra div.td { padding: 0.5625rem 0.625rem; font-size: 0.875rem; text-align: left; } .mini-basket__cart-control { display: inline-block; } .mini-basket__cart-control-container { display: flex; } .mini-basket__update-cart, .mini-basket__update-cart-inline, .mini-basket__remove-from-cart, .mini-basket__remove-from-cart-inline { width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ccc; } .mini-basket__remove-from-cart, .mini-basket__remove-from-cart-inline { border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #ff0000; cursor: pointer; } .mini-basket__remove-from-cart:hover, .mini-basket__remove-from-cart-inline:hover { background: #de0000; border-color: #de0000; color: #fff; } .mini-basket__update-cart, .mini-basket__update-cart-inline { border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: #1DA6CC; cursor: pointer; } .mini-basket__update-cart-inline:hover, .mini-basket__update-cart:hover { background: #0098bc; border-color: #0098bc; color: #fff; } input.mini-basket__change-qty-cart { display: inline; width: 40px; height: 30px; text-align: center; margin-bottom: 0; padding: 0; box-shadow: none; border-left: 0; border-right: 0; border-radius: 0; } .mini-basket__price { margin-left: 0.5rem; font-weight: bold; } /* 1.3.21 */ .good__cart-control-container { display: flex; float: left; margin-right: 10px; } .good__update-cart-inline, .good__remove-from-cart-inline { width: 24px; height: 24px; text-align: center; color: #494A4A; border: 1px solid #ccc; font-size: 14px; line-height: 24px; margin: 0 !important; } .good__update-cart-inline:hover { } .good__remove-from-cart-inline { border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAwBQTFRF8AAA////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADjrzyAAAAAJ0Uk5T/wDltzBKAAABsElEQVR42uyaSxIFIQgDk/tf+p3AD9BTeQtnDfRUqYBBOfTpgR/4gR/4gYdgYT+0iqSFNUVeRtLKmiGvI2lpTZA3kbS2npN3kbSxnpK3kbSznpH3kbS1npAPkbS37pNPkXSw7pKPkXSy7pHPkeQvyKqCIfJNFJknX8WQcfJdBJkmX/rLMPnWW2bJ174ySr73lElywU8GyRUvmSOXfGSMXPOQKXLRHotU/k9qr1RXBlq1xo5g8l/9DCAnpHX2iJreyTZANmpmuXH+beb1ceZv15NhrWtX0GGVHVTuUV8x6FVGHc2oRzJNpuUmmFvQuViux516u+83Sf5KUgS5RS2T4xq5gbbusqbIX8vGEPeB/3aNU7s6dY5TmSuVq1PVKVWPUx1IqudKdZmpvjp1k0jdnVK3xdT9OKUIpDSQlOqT0rlSyl5Ky0yptym9OqXQp2YSqSlMau6UmrSlZoupaWpqfpyamKfeCIReRUAqwxX5j1++2BS5tsY2Ra7tapsi186xTZFrmcumyLVcbVPkWnWyKXKtHtsUudaB2BS51nPZFBmSjbEfeuAHfuAHfuC/B/8GAIgdKpMrfKOyAAAAAElFTkSuQmCC'); background-size: 75%; background-repeat: no-repeat; background-position: center; } .good__remove-from-cart-inline:hover { background-image: url('data:image/png;base64,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/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vy5IYQAAAAJ0Uk5T/wDltzBKAAABsElEQVR42uyaSxIFIQgDk/tf+p3AD9BTeQtnDfRUqYBBOfTpgR/4gR/4gYdgYT+0iqSFNUVeRtLKmiGvI2lpTZA3kbS2npN3kbSxnpK3kbSznpH3kbS1npAPkbS37pNPkXSw7pKPkXSy7pHPkeQvyKqCIfJNFJknX8WQcfJdBJkmX/rLMPnWW2bJ174ySr73lElywU8GyRUvmSOXfGSMXPOQKXLRHotU/k9qr1RXBlq1xo5g8l/9DCAnpHX2iJreyTZANmpmuXH+beb1ceZv15NhrWtX0GGVHVTuUV8x6FVGHc2oRzJNpuUmmFvQuViux516u+83Sf5KUgS5RS2T4xq5gbbusqbIX8vGEPeB/3aNU7s6dY5TmSuVq1PVKVWPUx1IqudKdZmpvjp1k0jdnVK3xdT9OKUIpDSQlOqT0rlSyl5Ky0yptym9OqXQp2YSqSlMau6UmrSlZoupaWpqfpyamKfeCIReRUAqwxX5j1++2BS5tsY2Ra7tapsi186xTZFrmcumyLVcbVPkWnWyKXKtHtsUudaB2BS51nPZFBmSjbEfeuAHfuAHfuC/B/8GAIgdKpMrfKOyAAAAAElFTkSuQmCC'); background-color: red; } .good__update-cart-inline.add { background-image: url('data:image/png;base64,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'); background-size: 65%; background-repeat: no-repeat; background-position: center; } .good__update-cart-inline.sub { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAwBQTFRFPz8/Pz8/Pz8/Pz8/Pz8/Pz8/RERERERERUVFRkZGR0dHSEhISEhISUlJSkpKS0tLS0tLTExMTU1NTU1NTk5OTk5OT09PUFBQUVFRUlJSUlJSU1NTVFRUVVVVVVVVVlZWV1dXWFhYWVlZWVlZWlpaW1tbXFxcXFxcXV1dXl5eX19fYGBgYGBgYWFhYmJiY2NjY2NjZGRkZWVlZmZmZ2dnZ2dnaGhoaWlpaWlpaWlpampqa2trbGxsbW1tbW1tbm5ub29vcHBwcXFxcXFxcnJyc3NzdHR0dHR0dXV1dnZ2d3d3eHh4eHh4eXl5enp6e3t7e3t7fHx8fX19fn5+f39/f39/gICAgYGBgoKCgoKCg4ODhISEhISEhYWFhYWFhoaGh4eHiIiIiIiIiYmJioqKi4uLjIyMjIyMjY2Njo6Oj4+PkJCQkJCQkZGRkpKSk5OTk5OTlJSUlZWVlpaWl5eXl5eXmJiYmZmZmpqampqam5ubnJycnZ2dnp6enp6en5+fn5+foKCgoKCgoaGhoqKio6OjpKSkpKSkpaWlpqamp6enp6enqKioqampqqqqq6urq6urrKysra2trq6urq6ur6+vsLCwsbGxsrKysrKys7OztLS0tbW1tra2tra2t7e3uLi4ubm5ubm5urq6u7u7u7u7vLy8vLy8vb29vr6+v7+/v7+/wMDAwcHBwsLCw8PDw8PDxMTExcXFxsbGxsbGx8fHyMjIycnJysrKysrKy8vLzMzMzc3Nzc3Nzs7Oz8/P0NDQ0dHR0dHR0tLS09PT1NTU1dXV1dXV1tbW1tbW19fX19fX2NjY2dnZ2tra29vb29vb3Nzc3d3d3t7e3t7e39/f4ODg4eHh4uLi4uLi4+Pj5OTk5eXl5eXl5ubm5+fn6Ojo6enp6enp6urq6+vr7Ozs7Ozs7e3t7u7u7+/v8PDw8PDw8fHx8fHx8vLy8/Pz8/Pz9PT09fX19vb29vb29/f3+Pj4+fn5+vr6+vr6+/v7/Pz8/f39/f39/v7+////4gtg5gAAAAF0Uk5TAEDm2GYAAABGSURBVHja7NWhEQAwCARBJgz9txwdEYMAs1vAn/wIAAAAAACAAach65GdjaglwsLCwsLC//DaLQIAAAAAAAy4AAAA//8DAOnHIwmApO5EAAAAAElFTkSuQmCC'); background-size: 65%; background-repeat: no-repeat; background-position: center; } .good__update-cart-inline.add:hover { background-image: url('data:image/png;base64,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/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vy5IYQAAAAF0Uk5TAEDm2GYAAABsSURBVHja7NaxDQAgCEVBgmH/la0tbCgwJvcG4MpPRKOso4ypwGAwGAwGg8FgMBgMBoPBYDAYDAZ/C2ejdcKrcyPqUWAwGAwG3+Fns+j1AYPBYDAYDAaDwWAwGAwGg8FgMBg8AG8AAAD//wMAqYJBGZVTpFQAAAAASUVORK5CYII='); background-color: red; } .good__update-cart-inline.sub:hover { background-image: url('data:image/png;base64,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/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////vy5IYQAAAAF0Uk5TAEDm2GYAAABGSURBVHja7NWhEQAwCARBJgz9txwdEYMAs1vAn/wIAAAAAACAAach65GdjaglwsLCwsLC//DaLQIAAAAAAAy4AAAA//8DAOnHIwmApO5EAAAAAElFTkSuQmCC'); background-color: red; } input.good__change-qty-cart-inline { display: inline; width: 40px; height: 24px !important; text-align: center; margin: 0 !important; padding: 0; box-shadow: none; border-left: 0; border-right: 0; border-radius: 0; font-size: 14px; } .ac- item__img { float: left; margin-right: 0.5rem; } .ac-item__img img { width: 3.75rem; height: 3.75rem; } .ac-item__name { display: table; } .ac-item__centered { display: table-cell; vertical-align: middle; height: 3.75rem; } .ac-item__title { font-size: 18px; font-weight: bold; text-align: center; } .ac-item__all a { color: #2ba6cb; } .ui-autocomplete { max-height: 400px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #cbcbcb; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); } .ui-menu .ui-menu-item { list-style-image: none; } .ui-widget-content .ui-state-focus { color: #000000; border: none; background: none; font-weight: normal; margin: 0; } .ui-state-focus a, .ui-state-focus a:hover { color: #c77405; } .ui-autocomplete li.ui-menu-item { font-size: 0.875rem; } .ui-autocomplete li.ui-menu-item:hover { color: #2ba6cb; border: none; font-weight: normal; } .ui-autocomplete-match { color: #2ba6cb; font-weight: bold; } .maincontent div.table { margin-bottom: 0.625rem; } .maincontent div.table div.td:nth-of-type(odd) { color: #888; } .maincontent div.table div.td:nth-of-type(even) { color: #000; } table.clean-table { width: inherit; border: none; } table.clean-table td { vertical-align: top; } table.clean-table td.price { font-weight: bold; color: #2ba6cb; font-size: 1em; } table.clean-table td.price.red { color: #ff0000; } table.clean-table tr th, table.clean-table tr td { padding: 0.1625rem 0.625rem 0.1625rem 0rem; } table.clean-table tr.even, table.clean-table tr.alt, table.clean-table tr:nth-of-type(even) { background: #fff; } table.clean-table td.odd, table.clean-table td:nth-of-type(odd) { color: #888; } .fluid { background: #fff; text-align: justify; font-size: 0.1px; min-width: 100%; } .fluid:after { content: ''; width: 100%; display: inline-block; } .fluid > div { /*width: 200px;*/ /*height: 200px;*/ display: inline-block; } .menu-icon { display: block; height: 1.33rem; width: 1.33rem; padding: 0; position: relative; top: 13px; left: 5px; } /* changed to pic 26.2.21 .menu-icon { color: #2285a2; display: block; height: 2.5rem; padding: 0; position: relative; top: 5px; text-indent: 1.94444rem; transform: translate3d(0, 0, 0); width: 2.5rem; } .menu-icon::after { content: ""; display: block; height: 0; position: absolute; top: 50%; margin-top: -0.44444rem; left: 0.80556rem; box-shadow: 0 0 0 1px #2285a2, 0 7px 0 1px #2285a2, 0 14px 0 1px #2285a2; -webkit-box-shadow: 0 0 0 1px #2285a2, 0 7px 0 1px #2285a2, 0 14px 0 1px #2285a2; width: 0.88889rem; } */ #telephone { position: absolute; left: 0; top: 40px; width: 100%; border: 1px solid #ccc; background: #fff; text-align: center; font-size: 17px; line-height: 34px; } /* Background snow*/ body { /* background-image: url(../img/icons/fon-left.jpg), url(../img/icons/fon-right.jpg);*/ background-position: left top, right top; background-repeat: repeat-y, repeat-y; } .schedule-notice { position: fixed; bottom: 0; width: 100%; background: #fff; z-index: 1500; padding: 2rem 0; box-shadow: 0 4px 12px 0 rgba(22, 42, 90, 0.12); } .schedule-notice__container { display: block; margin: 0 auto; } .schedule-notice__month { font-size: 24px; line-height: 24px; color: #FF9D30; font-weight: bold; } .schedule-notice__working { font-size: 32px; line-height: 24px; color: #494A4A; font-weight: bold; } .schedule-notice__block { display: inline-block; vertical-align: top; } .schedule-notice__item-month { display: inline-block; margin-right: 4rem; padding-left: 0.9375em; padding-right: 0.9375em; } .schedule-notice__item { display: inline-block; font-size: 18px; line-height: 24px; color: #494A4A; font-weight: bold; margin-right: 1rem; vertical-align: middle; } .schedule-notice__item img { float: left; margin-right: 1rem; } .schedule-notice__item span { display: block; overflow: hidden; } .schedule-notice__note { display: inline-block; max-width: 330px; font-size: 14px; line-height: 18px; color: #494A4A; vertical-align: middle; } .schedule-notice__close { color: #494A4A; cursor: pointer; position: absolute; right: 1rem; top: 0.5rem; } .schedule-notice ~ jdiv #jvlabelWrap { bottom: 124px !important; } @media only screen and (max-width: 95.8em) { .schedule-notice__working { font-size: 24px; } .schedule-notice__item, .schedule-notice__note { max-width: 220px; } .schedule-notice__delivery { max-width: 250px; } .schedule-notice ~ jdiv #jvlabelWrap { bottom: 154px !important; } } @media only screen and (max-width: 78.375em) { .schedule-notice__note { display: none; } .schedule-notice ~ jdiv #jvlabelWrap { bottom: 136px !important; } } @media only screen and (max-width: 64.375em) { .schedule-notice__item-month { margin-right: 0; } .schedule-notice__working { font-size: 18px; } .schedule-notice__item { font-size: 14px; line-height: 18px; } .schedule-notice__item, .schedule-notice__note { max-width: 168px; } .schedule-notice__delivery { max-width: 182px; } } @media only screen and (max-width: 46.063em) { .schedule-notice ~ jdiv #jvlabelWrap { bottom: 0px !important; } } /* Header */ .tab-bar { color: #000; background: #77b8d3; } .tab-bar .left-small { border-right: 1px solid #3e8ba7; } .tab-bar .right-small { border-left: 1px solid #3e8ba7; } .tab-bar .fi-info, .tab-bar .fi-shopping-cart { font-size: 1.75rem; color: #fff; text-align: center; display: block; text-align: center; } .tab-bar-section a { color: #fff; font-weight: bold; } .left-off-canvas-menu, .right-off-canvas-menu { background: #77b8d3; } ul.off-canvas-list .category { margin-top: 0px; background: none; } ul.off-canvas-list .category .red-label { display: none; } ul.off-canvas-list .category .bg-color { background: none; } ul.off-canvas-list .category ul { padding-left: 0px; padding-right: 0px; } ul.off-canvas-list .category ul li { margin-top: 0px; overflow: visible; list-style: none; } ul.off-canvas-list .category ul li:hover { background: none; } ul.off-canvas-list .category .lvl1, ul.off-canvas-list .category .lvl2, ul.off-canvas-list .category .lvl3 { font-weight: normal; } ul.off-canvas-list li a { font-size: 0.85rem; border-bottom: 1px solid #3E8BA7; color: #fff; background: #3E8BA7; } /* #3E8BA7 */ /* 6.12.20 - height added mobile icons */ ul.off-canvas-list li a:hover { background: #3E8BA7; } /* #3E8BA7 */ ul.off-canvas-list li label { background: #3E8BA7; color: #fff; padding: 0.66667rem; } ul.off-canvas-list .mini-basket span { font-size: 0.85rem; text-align: left; padding: 0rem 0.66667rem 0rem 0.66667rem; text-transform: none; } ul.off-canvas-list .mini-basket .fi-shopping-cart { display: none; } ul.off-canvas-list .mini-basket .count { background: none; padding: inherit; } ul.off-canvas-list .mini-basket .sum { background: none; padding: inherit; } .bg-header { border-bottom: 0.625rem solid transparent; border-width: 0.625rem 0; background-color: #A2D4E9; background-color: hsla(0, 0%, 0%, 0); background-image: linear-gradient(#A2D4E9, #3E8BA7), linear-gradient(to bottom right, transparent 50.5%, #A2D4E9 50.5%), linear-gradient(to bottom left, transparent 50.5%,#A2D4E9 50.5%), linear-gradient(to top right, transparent 50.5%, #3E8BA7 50.5%), linear-gradient(to top left, transparent 50.5%, #3E8BA7 50.5%); background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x; background-position: 0 0, 0.625rem 0, 0.625rem 0, 0.625rem 100%, 0.625rem 100%; background-size: auto auto, 1.25rem 1.25rem, 1.25rem 1.25rem, 1.25rem 1.25rem, 1.25rem 1.25rem; background-clip: padding-box, border-box, border-box, border-box, border-box; background-origin: padding-box, border-box, border-box, border-box, border-box; } .bg-header.padding { padding-bottom: 0.3125rem; } .moroz { background-image: url(../img/icons/snow.png); width: 100%; height: 158px; position: absolute; } .logo { width: 18rem; height: 3rem; position: relative; top: 38px; } .logo-small { max-width: 19rem; margin-top: 0.9375rem; } .menu-info ul li, .menu-info ul li a { color: #fff; font-weight: bold; font-style: italic; text-transform: uppercase; font-size: 0.75rem; text-shadow: -1px 0 #2ba6cb,0 1px #2ba6cb,1px 0 #2ba6cb,0 -1px #2ba6cb; } .menu-info ul li a:hover, .menu-info ul li.active a { color: #ff0000; text-shadow: none; } .menu-info ul li.active { color: #ff0000; text-shadow: none; } .menu-info { max-width: 46.875rem; height: 2.375rem; position: relative; margin-bottom: -1.25rem; } .menu-info ul { margin-left: 0rem; margin-bottom: 0rem; } .menu-info li { display: inline-block; margin-left: 0.5rem; } .menu-info li a { display: inline-block; } .menu-info ul:after { content: ''; margin-left: 100%; display: inline-block; } .phone-top { margin-top: 1.875rem; font-size: 1.75rem; line-height: 1.75rem; font-weight: bold; } .phone-top .phone-retail { color: #ff0000; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; } .phone-top .phone-opt { color: #c9e1ea; margin-top: 0.125rem; } .phone-top .work-time, .phone-top .work-time-title { color: #c9e1ea; margin-top: 0.3125rem; font-size: 12px; line-height: 0.9375rem; max-width: 248px; } .phone-top .email { color: #c9e1ea; margin-top: -0.3125rem; font-size: 0.875rem; } .header__address { margin-bottom: 2px; } .header__schedule { font-size: 0.875rem; color: #fff; } .header-right { float: right; } .search { width: 13.125rem; margin-top: 0.625rem; border: 0.3125rem solid #73c0f0; border-radius: 0.375rem; } .search input { width: 9.375rem; height: 1.5625rem; float: left; } .search span.postfix { height: 1.5625rem; line-height: 1.5625rem; width: 3.125rem; vertical-align: middle; } .search_form { margin-top: 0.625rem; padding-left: 0px; } .search_form input { height: 2.0025rem; } .search_form .row { margin-left: 0rem; } .search_form .button { background: #187fc6; } /* login */ .reveal-modal, dialog { max-width: 30.55556rem; } .login { color: #fff; } .login a { color: #fff; font-size: 0.875rem; font-weight: bold; text-shadow: -1px 0 #2ba6cb,0 1px #2ba6cb,1px 0 #2ba6cb,0 -1px #2ba6cb; } #login button { padding: 0.5rem 1rem 0.5625rem 1rem; } #login-forget button { margin-top: 1.3125rem; } #login .social { margin-bottom: 0.5rem; } #login .social .large-6 { line-height: 30px; } #login .social a.right { margin-left: 0.5rem; } .login-reveal__new-password-label { color: #258faf; font-size: 0.875rem; font-weight: bold; line-height: 1.125rem; margin-bottom: 0.5rem; } .user-orders__previous { margin-bottom: 0.3125rem; } /* user info */ .user-info { margin: 1.125rem 0; border-radius: 6px; margin-top: 35px; } /*.user-info p {*/ /*margin-bottom: 0.25rem;*/ /*}*/ .user .notification input { margin: 0 0 0.5rem 0; } #contact-address { margin-left: 1.5rem; } .user-info #contact-address input[type=radio] { margin-right: -95px; margin-top: 5px; vertical-align: top; margin-bottom: 0; } .user-info #contact-address p { line-height: 1.4rem; margin-bottom: 0.5rem; } .user-info #contact-address .contact-street { display: inline-block; margin-left: 100px; margin-right: -100px; } .user-info .success { color: #3cb868; font-size: 14px; } .user-info .fi-x { margin-left: 0.5rem; color: #ff0000; cursor: pointer; } .user .items .item { /* height: 32.8rem;*/ } .user .items .item .comment { border-radius: 0.375rem; } .user .cart_order_repeat, .user .in_cart { margin-bottom: 0; } .user button[disabled] { background-color: #ccc; } .reveal__title { font-size: 24px; line-height: 140%; color: #494A4A; font-weight: bold; margin-bottom: 2rem; } .profile-order__status { display: inline-block; background: #FFFFFF; border-radius: 4px; padding: 1rem 0; color: #1DA6CC; cursor: pointer; } .profile-order__status .icon-track { display: block; text-align: center; margin-bottom: 0.5rem; } .profile-order__track-id { display: inline-block; background: #FFFFFF; border-radius: 4px; padding: 1rem; } .profile-order__track-caption { text-transform: uppercase; font-weight: 300; font-size: 11px; line-height: 140%; color: #576879; margin-bottom: 1rem; } .order-track-reveal__info { background: #F8F8F8; border-radius: 4px; padding: 1rem; margin-bottom: 2rem; } .order-track-reveal__info img { margin-left: 1rem; max-width: 100px; } .order-track-reveal__track { padding-bottom: 2rem; border-bottom: 1px solid #DDDDDD; margin-bottom: 2rem; } .order-track-reveal__track span, .order-track-reveal__address span { display: inline-block; font-weight: 300; font-size: 12px; line-height: 140%; text-transform: uppercase; color: #494A4A; width: 130px; margin-right: 1rem; } .order-track-reveal__address { margin-bottom: 2rem; } .order-track-reveal__address span { float: left; position: relative; top: 3px; } .order-track-reveal__address b { overflow: hidden; display: block; line-height: 120%; } .tracking__step { position: relative; } .tracking__step:last-child .tracking__progress { background: none; } .tracking__step:last-child .tracking__dot { border: 2px solid #FF9D30; width: 20px; height: 20px; margin-left: 0; } .tracking__step:last-child .tracking__dot:before { content: '\e906'; font-family: 'eli'; font-size: 10px; color: #FF9D30; position: absolute; left: 3px; top: 2px; } .tracking__step:last-child .tracking__content { position: relative; top: -3px; } .tracking__step:last-child .tracking__name { color: #FF9D30; font-size: 24px; } .tracking__indicator { float: left; height: 100%; position: absolute; width: 45px; margin-top: 4px; } .tracking__progress { background: #C4C4C4; margin-left: 8px; height: 100%; width: 2px; top: 20%; } .tracking__dot { background: #ffffff; border-radius: 50%; border: 2px solid #C4C4C4; display: block; margin-left: 3px; width: 12px; height: 12px; z-index: 9; top: 0; position: absolute; } .tracking__content { margin-left: 45px; padding-bottom: 1rem; } .tracking__name { color: #494A4A; font-size: 14px; line-height: 140%; } .tracking__date, .tracking__city { color: #C4C4C4; font-size: 12px; line-height: 140%; } /* Basket */ .mini-basket { width: 14.6875rem; min-width: 12.5rem; margin-top: 0.275rem !important; color: #fff; font-size: 0.875rem; } .mini-basket .row { margin-left: 0rem; } .mini-basket form { margin-bottom: 0rem; } .mini-basket span.pill { display: block; text-align: center; line-height: 1.75rem; text-transform: lowercase; } .mini-basket a { color: #fff; } .mini-basket .cnt, .cnt_old_type { background: #ff0000; border-radius: 10px; padding: 1px 5px; font-size: 0.75rem; position: relative; top: -5px; font-weight: normal; color: white; } @media only screen and (max-width: 46.063em) { .mini-basket .cnt { border-radius: 16px; padding: 2px 9px; font-size: 22px; } } .mini-basket .fav { position: relative; top: -5px; font-weight: normal; } .m-basket a { font-weight: bold; } .mini-basket .count, .mini-basket .sum { padding: 0.125rem 0.3125rem 0.125rem 0.3125rem; } .search-form input.radius { border-radius: 4px 14px 14px 4px; } .search-form .fi-magnifying-glass { font-size: 20px; position: absolute; right: 0px; margin: 4px 25px 0px 0px; } .search-form .fi-magnifying-glass:hover { color: #ff830e; } .phone-top { margin-top: 0; } .menu-info { margin-bottom: 0; height: auto; } .menu-info ul:after { content: none; } .header__link { float: left; margin-right: 5px; } .header__link a { color: #c9e1ea; } #search_ac { margin-top: 10px; } .phone-top { left: 0 !important; font-size: 1.4rem; } .callback { max-width: 160px; text-align: center; } .phone-top .phone-retail { margin-bottom: 2px; text-shadow: 0px 0px 22px rgba(255, 255, 255, 0.5), 4px 4px 22px rgba(255, 255, 255, 0.5), 0px 4px 22px rgba(255, 255, 255, 0.5), -4px 4px 22px rgba(255, 255, 255, 0.5), -4px 0px 22px rgba(255, 255, 255, 0.5), -4px -4px 22px rgba(255, 255, 255, 0.5), 0px -4px 22px rgba(255, 255, 255, 0.5), 4px -4px 22px rgba(255, 255, 255, 0.5), 4px 0px 22px rgba(255, 255, 255, 0.5); } .header__slogan { color: #fff; text-align: center; font-size: 36px; text-shadow: -1px 0 #2ba6cb, 0 1px #2ba6cb, 1px 0 #2ba6cb, 0 -1px #2ba6cb; } .header__slogan-medium { color: #fff; text-align: center; font-size: 16px; text-shadow: -1px 0 #2ba6cb, 0 1px #2ba6cb, 1px 0 #2ba6cb, 0 -1px #2ba6cb; } .m-basket { font-size: 1rem; } .m-basket .total { margin-left: 5px; } .header__menu-info-medium a { color: #fff; font-weight: bold; font-style: italic; text-transform: uppercase; font-size: 0.875rem; text-shadow: -1px 0 #2ba6cb, 0 1px #2ba6cb, 1px 0 #2ba6cb, 0 -1px #2ba6cb; } .bg-red { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #F60000), color-stop(1, #AF0112) ); background-image: -o-linear-gradient(bottom, #F60000 0%, #AF0112 100%); background-image: -moz-linear-gradient(bottom, #F60000 0%, #AF0112 100%); background-image: -webkit-linear-gradient(bottom, #F60000 0%, #AF0112 100%); background-image: -ms-linear-gradient(bottom, #F60000 0%, #AF0112 100%); background-image: linear-gradient(to bottom, #F60000 0%, #AF0112 100%); } .bg-blue { background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #0D70B6), color-stop(1, #2792DB) ); background-image: -o-linear-gradient(top, #0D70B6 0%, #2792DB 100%); background-image: -moz-linear-gradient(top, #0D70B6 0%, #2792DB 100%); background-image: -webkit-linear-gradient(top, #0D70B6 0%, #2792DB 100%); background-image: -ms-linear-gradient(top, #0D70B6 0%, #2792DB 100%); background-image: linear-gradient(to top, #0D70B6 0%, #2792DB 100%); } .mini-basket-small .caption { color: #fff !important; display: block; text-align: center; font-size: 1.5rem; border-bottom: 1px solid #3e8ba7; padding-bottom: 0.625rem; } .mini-basket-small .mini-basket .count { background-image: none; } .mini-basket-small .mini-basket .sum { background-image: none; } .mini-basket-small a { color: #fff; display: block; text-align: center; font-size: 1.125rem; } .callback a { color: #fff; font-size: 0.875rem; } .callback-popup__list li { font-size: 1rem; } .callback-popup__list li.is_active { font-weight: bold; } .callback-popup__agreement { margin-bottom: 0.5rem; } .callback-popup__agreement input { float: left; } .callback-popup__agreement .overflow { overflow: hidden; padding-left: 0.5rem; line-height: 1.1rem; text-align: left; position: relative; top: -2px; } .callback-popup__success { font-size: 1rem; } .preview-basket { position: absolute; right: 0; background: #fff; border-radius: 0.375rem; box-shadow: 0 0 4px rgba(0,0,0,.2); width: 20rem; z-index: 1000; } .preview-basket__scroll { max-height: 19.5rem; overflow: auto; margin-right: 5px; padding-right: 5px; } .preview-basket__goods { list-style: none; margin: 0; } .mini-basket__item-container { display: block; padding: 1rem 1rem; position: relative; text-decoration: none; width: 100%; } .preview-basket__good a { color: #2ba6cb; } .preview-basket__good-image { float: left; margin: 0.2rem 1rem 0 0; } .preview-basket__good-image img { width: 3.125rem; height: 3.125rem; } .preview-basket__good-description { overflow: hidden; color: #000; } .preview-basket__good-description-name { margin-bottom: 0.2rem; line-height: 1rem; word-wrap: break-word; font-weight: normal; text-align: left; } .preview-basket__good-description-price { font-weight: bold; } .preview-basket__total { padding: 1rem 1rem 0 1rem; color: #222; } .preview-basket__button { padding: 1rem 1rem; } .preview-basket__button a { width: 100%; margin-bottom: 0; } .preview-basket__cart_delete { font-size: 20px; color: #ff0000; cursor: pointer; position: absolute; right: 0; top: 25px; } .user-register__error ul { margin-bottom: 0; } .user-register__error li { color: #ff0000; } .cat h1 { display: inline; } /*.category { margin-top: -2.225rem; }*/ .category ul { margin-left: 0rem; padding-left: 0.5rem; padding-right: 0.5rem; } .category ul.no-bullet { margin-left: 0.75rem; } .category ul li { font-size: 0.875rem; margin-top: 0.625rem; overflow: hidden; } .category ul li.lvl0 { font-weight: bold; } .category ul li:hover { background: #eeeeee; } .category li.current { background: #eeeeee; color: #ff0000; } .category li.current a { color: #ff0000; } .category ul li a:hover{ color: #ff0000; } .category .lvl3 { margin-left: 0px; font-size: 14px; line-height: 14px; font-weight: bold; } .category .sale { /* color: #ff0000;*/ } .category .lvl4 { margin-left: 15px; font-size: 0.875rem; line-height: 0.875rem; } .category .lvl5 { margin-left: 30px; font-size: 12px; line-height: 12px; } .category .lvl6 { margin-left: 45px; font-size: 11px; line-height: 11px; } .sticky-header .sticky-header__bg-header { position: fixed; width: 100%; z-index: 1500; padding-top: 10px; } .sticky-header__bg-header { border-bottom: 0.625rem solid transparent; border-width: 0.625rem 0; background-color: #A2D4E9; background-color: hsla(0, 0%, 0%, 0); background-image: linear-gradient(#A2D4E9, #3E8BA7), linear-gradient(to bottom right, transparent 50.5%, #A2D4E9 50.5%), linear-gradient(to bottom left, transparent 50.5%,#A2D4E9 50.5%), linear-gradient(to top right, transparent 50.5%, #3E8BA7 50.5%), linear-gradient(to top left, transparent 50.5%, #3E8BA7 50.5%); background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x; background-size: auto auto, 1.25rem 1.25rem, 1.25rem 1.25rem, 1.25rem 1.25rem, 1.25rem 1.25rem; background-clip: padding-box, border-box, border-box, border-box, border-box; background-origin: padding-box, border-box, border-box, border-box, border-box; } .index-slider { position: relative; max-width: 1232px; max-height: 400px; overflow: hidden; } .index-slider .orbit-bullets-container { position: absolute; right: 0; bottom: 0; z-index: 1; margin-right: 1rem; } .index-slider .orbit-bullets .active { background: #FF9D30; } .index-slider .orbit-timer { display: none; } .index-slider ul { list-style: none; } .index-slider img { border-radius: 6px; } .index-slider .orbit-container .orbit-prev:hover, .index-slider .orbit-container .orbit-next:hover { background: none; } .index-slider .orbit-container .orbit-prev, .index-slider .orbit-container .orbit-next { text-indent: 0 !important; } .index-slider .orbit-container .orbit-prev>span { border: none; } .index-slider .orbit-container .orbit-prev>span:before { content: "❮"; font-size: 2rem; line-height: 100%; color: white; margin-left: 0.5rem; } .index-slider .orbit-container .orbit-next>span { border: none; } .index-slider .orbit-container .orbit-next>span:before { content: "❯"; font-size: 2rem; line-height: 100%; color: white; margin-left: -0.2rem; } /* Menu */ .menu { margin-top: 1.2rem; } .menu_1_icon, .menu_2_icon, .menu_3_icon, .menu_4_icon, .menu_5_icon, .menu_6_icon, .menu_7_icon, .menu_8_icon, .menu_9_icon, .menu_10_icon, .menu_11_iconб .menu_12_icon { display: block; } .menu ul li a span { text-indent: -10000px; } .menu .menu_1_icon { background: url(../img/icons/ik.png) no-repeat -15px -7px; width: 100px; height: 100px;} /*.menu .menu_2_icon { background: url(../img/icons/ik.png) no-repeat -120px -7px; width: 90px; height: 100px;}*/ .menu .menu_2_icon { background: url(../img/icons/ik.png) no-repeat -212px -7px; width: 100px; height: 100px;} .menu .menu_3_icon { background: url(../img/icons/ik.png) no-repeat -320px -7px; width: 100px; height: 100px;} .menu .menu_4_icon { background: url(../img/icons/ik.png) no-repeat -428px -7px; width: 105px; height: 100px;} .menu .menu_5_icon { background: url(../img/icons/ik.png) no-repeat -533px -7px; width: 105px; height: 100px;} .menu .menu_6_icon { background: url(../img/icons/ik.png) no-repeat -658px -7px; width: 100px; height: 100px;} .menu .menu_7_icon { background: url(../img/icons/ik.png) no-repeat -765px -7px; width: 100px; height: 100px;} .menu .menu_8_icon { background: url(../img/icons/ik.png) no-repeat -876px -7px; width: 100px; height: 100px;} .menu .menu_9_icon { background: url(../img/icons/ik.png) no-repeat -976px -7px; width: 100px; height: 100px;} .menu .menu_10_icon { background: url(../img/icons/ik.png) no-repeat -1106px -7px; width: 100px; height: 100px;} .menu .menu_11_icon { background: url(../img/icons/ik.png) no-repeat -1106px -7px; width: 100px; height: 100px;} .menu ul li a.active .menu_1_icon, .menu ul li.hover .menu_1_icon, .menu ul li a:hover .menu_1_icon { background: url(../img/icons/ik.png) no-repeat -15px -134px; width: 100px; height: 100px;} /*.menu ul li a.active .menu_2_icon, .menu ul li.hover .menu_2_icon, .menu ul li a:hover .menu_2_icon { background: url(../img/icons/ik.png) no-repeat -120px -134px; width: 90px; height: 100px;}*/ .menu ul li a.active .menu_2_icon, .menu ul li.hover .menu_2_icon, .menu ul li a:hover .menu_2_icon { background: url(../img/icons/ik.png) no-repeat -212px -134px; width: 100px; height: 100px;} .menu ul li a.active .menu_3_icon, .menu ul li.hover .menu_3_icon, .menu ul li a:hover .menu_3_icon { background: url(../img/icons/ik.png) no-repeat -320px -134px; width: 100px; height: 112px;} .menu ul li a.active .menu_5_icon, .menu ul li.hover .menu_5_icon, .menu ul li a:hover .menu_5_icon { background: url(../img/icons/ik.png) no-repeat -428px -134px; width: 105px; height: 100px;} .menu ul li a.active .menu_6_icon, .menu ul li.hover .menu_6_icon, .menu ul li a:hover .menu_6_icon { background: url(../img/icons/ik.png) no-repeat -533px -134px; width: 105px; height: 100px;} .menu ul li a.active .menu_7_icon, .menu ul li.hover .menu_7_icon, .menu ul li a:hover .menu_7_icon { background: url(../img/icons/ik.png) no-repeat -658px -134px; width: 100px; height: 100px;} .menu ul li a.active .menu_8_icon, .menu ul li.hover .menu_8_icon, .menu ul li a:hover .menu_8_icon { background: url(../img/icons/ik.png) no-repeat -765px -134px; width: 100px; height: 100px;} .menu ul li a.active .menu_9_icon, .menu ul li.hover .menu_9_icon, .menu ul li a:hover .menu_9_icon { background: url(../img/icons/ik.png) no-repeat -876px -134px; width: 100px; height: 100px;} .menu ul li a.active .menu_10_icon, .menu ul li.hover .menu_10_icon, .menu ul li a:hover .menu_10_icon { background: url(../img/icons/ik.png) no-repeat -976px -134px; width: 100px; height: 100px;} .menu ul li a.active .menu_11_icon, .menu ul li.hover .menu_11_icon, .menu ul li a:hover .menu_11_icon { background: url(../img/icons/ik.png) no-repeat -1106px -134px; width: 100px; height: 100px;} .menu ul li a.active .menu_12_icon, .menu ul li.hover .menu_12_icon, .menu ul li a:hover .menu_12_icon { background: url(../img/icons/ik.png) no-repeat -1106px -134px; width: 100px; height: 100px;} .menu ul { text-align: justify; margin-left: 0rem; } .menu li { display: inline; } .menu li a { display: inline-block; } .menu ul:after { content: ''; margin-left: 100%; display: inline-block; } .menu .menu-corner { display: block; background: url(../img/icons/corner.png) no-repeat 0rem 0rem; width: 1.25rem; height: 0.625rem; position: absolute; top: 5rem; display: none; } .menu .arrow-up { width: 0rem; height: 0rem; border-left: 0.625rem solid transparent; border-right: 0.625rem solid transparent; border-bottom: 0.625rem solid #2ba6cb; position: absolute; top: 118px; display: none; } .menu .dropdown { display: none; } .menu .top-bar-section .has-dropdown > a:after { display: none; } .menu .top-bar-section .has-dropdown > a { padding-right: 0rem !important; } .menu .top-bar-section li:not(.has-form) a:not(.button) { padding: 0rem 1px; line-height: inherit; background: none; } .menu .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: inherit; background: none; } .menu .top-bar-section ul li:hover:not(.has-form) > a { background-color: inherit; background: inherit; color: white; } .menu .top-bar-section > ul { display: inherit; height: 5.625rem; overflow: hidden; } .menu .top-bar-section > ul > li > a { display: inline-block; width: inherit; } .menu .top-bar-section > ul > li { float: none; background: none; } .menu .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: none; color: inherit; } .menu .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0px 0px 0px 1px; margin: inherit; line-height: inherit; color: inherit; background: none; } .menu .f-dropdown.large { max-width: 100%; margin-top: 0.625rem; box-shadow: -0.3125rem 0.5625rem 0.5rem rgba(0,0,0,0.4); border: 0.3125rem solid #2ba6cb; } .menu .f-dropdown ul li { float: none; margin-top: 0.625rem; background: none; display: block; } .menu .f-dropdown ul li.active { background: #eeeeee !important; } .menu .f-dropdown .small-4 { border-right: 1px solid #adadad; } .menu .f-dropdown .small-4:nth-child(3), .f-dropdown .small-4:nth-child(4) { border-right: none; } .menu .f-dropdown ul li:hover a { color: #ff0000 !important; } .menu .f-dropdown ul li a { color: #000; text-align: left; } .menu .f-dropdown ul li a:hover { color: #ff0000 !important; } .menu .f-dropdown:before, .f-dropdown:after { border-style: none; } .menu .f-dropdown.large.content.row.open { left: 0 !important; z-index: 1000; } .menu .top-bar .top-bar-section li:hover > a { color: #000; background: #fff !important; } .menu .top-bar .top-bar-section li:hover { color: #000 !important; background: #fff !important; } .menu .f-dropdown.content { position: absolute; } .menu .sub-menu-3 img, .menu .sub-menu-3-hide img { display: block; margin: 0 auto; } /* new menu */ .menu__new { margin-top: 1.2rem; } .menu__new__active { cursor: default !important; } .menu_1707_icon, .menu_1708_icon, .menu_3314_icon, .menu_3749_icon, .menu_3516_icon, .menu_3326_icon, .menu_1709_icon, .menu_1711_icon, .menu_2309_icon, .menu_2141_icon, .menu_12617_icon, .menu_12813_icon, .menu_13528_icon { display: block; } .menu__new > ul li a span { text-indent: -10000px; } .menu__new .menu_1707_icon { background: url(../img/icons/ik3a.png) no-repeat 0px -7px; width: 109px; height: 118px; } .menu__new .menu_1708_icon { background: url(../img/icons/ik3a.png) no-repeat -220px -7px; width: 109px; height: 118px; } .menu__new .menu_3314_icon { background: url(../img/icons/ik3a.png) no-repeat -330px -7px; width: 109px; height: 118px; } .menu__new .menu_3749_icon { background: url(../img/icons/ik3a.png) no-repeat -442px -7px; width: 109px; height: 118px; } .menu__new .menu_3516_icon { background: url(../img/icons/ik3a.png) no-repeat -548px -7px; width: 109px; height: 118px; } .menu__new .menu_3326_icon { background: url(../img/icons/ik3a.png) no-repeat -654px -7px; width: 109px; height: 118px; } .menu__new .menu_1709_icon { background: url(../img/icons/ik3a.png) no-repeat -773px -7px; width: 109px; height: 118px; } .menu__new .menu_1711_icon { background: url(../img/icons/ik3a.png) no-repeat -886px -7px; width: 109px; height: 118px; } .menu__new .menu_2309_icon { background: url(../img/icons/ik3a.png) no-repeat -996px -7px; width: 109px; height: 118px; } .menu__new .menu_2141_icon { background: url(../img/icons/ik3a.png) no-repeat -1108px -7px; width: 109px; height: 118px; } .menu__new .menu_12617_icon { background: url(../img/icons/ik3a.png) no-repeat -1206px -7px; width: 109px; height: 118px; } .menu__new .menu_12813_icon { background: url(../img/icons/ik3a.png) no-repeat -1318px -7px; width: 109px; height: 118px; } .menu__new .menu_13528_icon { background: url(../img/icons/ik3a.png) no-repeat -1441px -7px; width: 109px; height: 118px; } .menu__new ul li a.active .menu_1707_icon, .menu__new ul li.hover .menu_1707_icon, .menu__new ul li a:hover .menu_1707_icon { background: url(../img/icons/ik3a.png) no-repeat 0px -133px; } .menu__new ul li a.active .menu_1708_icon, .menu__new ul li.hover .menu_1708_icon, .menu__new ul li a:hover .menu_1708_icon { background: url(../img/icons/ik3a.png) no-repeat -220px -133px; } .menu__new ul li a.active .menu_3314_icon, .menu__new ul li.hover .menu_3314_icon, .menu__new ul li a:hover .menu_3314_icon { background: url(../img/icons/ik3a.png) no-repeat -330px -133px; } .menu__new ul li a.active .menu_3749_icon, .menu__new ul li.hover .menu_3749_icon, .menu__new ul li a:hover .menu_3749_icon { background: url(../img/icons/ik3a.png) no-repeat -442px -133px; } .menu__new ul li a.active .menu_3516_icon, .menu__new ul li.hover .menu_3516_icon, .menu__new ul li a:hover .menu_3516_icon { background: url(../img/icons/ik3a.png) no-repeat -548px -133px; } .menu__new ul li a.active .menu_3326_icon, .menu__new ul li.hover .menu_3326_icon, .menu__new ul li a:hover .menu_3326_icon { background: url(../img/icons/ik3a.png) no-repeat -654px -133px; } .menu__new ul li a.active .menu_1709_icon, .menu__new ul li.hover .menu_1709_icon, .menu__new ul li a:hover .menu_1709_icon { background: url(../img/icons/ik3a.png) no-repeat -773px -132px; zoom: 1.01; } .menu__new ul li a.active .menu_1711_icon, .menu__new ul li.hover .menu_1711_icon, .menu__new ul li a:hover .menu_1711_icon { background: url(../img/icons/ik3a.png) no-repeat -886px -133px; } .menu__new ul li a.active .menu_2309_icon, .menu__new ul li.hover .menu_2309_icon, .menu__new ul li a:hover .menu_2309_icon { background: url(../img/icons/ik3a.png) no-repeat -996px -133px; } .menu__new ul li a.active .menu_2141_icon, .menu__new ul li.hover .menu_2141_icon, .menu__new ul li a:hover .menu_2141_icon { background: url(../img/icons/ik3a.png) no-repeat -1108px -133px; } .menu__new ul li a.active .menu_12617_icon, .menu__new ul li.hover .menu_12617_icon, .menu__new ul li a:hover .menu_12617_icon { background: url(../img/icons/ik3a.png) no-repeat -1206px -133px; } .menu__new ul li a.active .menu_12813_icon, .menu__new ul li.hover .menu_12813_icon, .menu__new ul li a:hover .menu_12813_icon { background: url(../img/icons/ik3a.png) no-repeat -1318px -133px; } .menu__new ul li a.active .menu_13528_icon, .menu__new ul li.hover .menu_13528_icon, .menu__new ul li a:hover .menu_13528_icon { background: url(../img/icons/ik3a.png) no-repeat -1441px -133px; } .menu__new ul { text-align: justify; margin-left: 0rem; } .menu__new li { display: inline; } .menu__new li a { display: inline-block; } .menu__new ul:after { content: ''; margin-left: 100%; display: inline-block; } .menuFilter__subitem { padding: 3px 0 !important; font-size: 13px; line-height: 15px !important; font-family: Roboto Condensed; } .menuFilter__more, .menuFilter__less { font-size: 13px; line-height: 14px; } .menuFilter__more.hide, .menuFilter__less.hide { display: none !important; } .menuFilter__subitem:hover { color: #FF0000 !important; } .menuFilter__subitem { color: #000 !important; } .menuFilter__contentblock .menuFilter__subitem { display: block; } .menuFilter__contentblock .menuFilter__subitem.more { display: none; } .menuFilter__contentinline .menuFilter__subitem { display: inline-block; margin-right: 8px; } .menuFilter__subitemDiv { position: relative; display: inline-block !important; width: 160px; padding: 1rem 0.5rem !important; text-align: left; vertical-align: top; white-space: normal; word-wrap: break-word; color: #000 !important; border-right: 1px dotted #ccc; } .menuFilter__inline.menuFilter__subitemDiv { width: 100px; } .menuFilter__inline .menuFilter__subitem { margin-right: 18px; display: block; float: left; width: 22px; } .menuFilter__title { font-weight: bold; font-size: 14px; line-height: 15px; height: 30px; margin-bottom: 4px; } .menu__new .menu-corner { display: block; background: url(../img/icons/corner.png) no-repeat 0rem 0rem; width: 1.25rem; height: 0.625rem; position: absolute; top: 5rem; display: none; } .menu__new .arrow-up { width: 0rem; height: 0rem; border-left: 0.625rem solid transparent; border-right: 0.625rem solid transparent; border-bottom: 0.625rem solid #eef8fe; position: absolute; top: 118px; display: none; } .menu__new .dropdown { display: none; } .menu__new .top-bar-section .has-dropdown > a:after { display: none; } .menu__new .top-bar-section .has-dropdown > a { padding-right: 0rem !important; } .menu__new .top-bar-section li:not(.has-form) a:not(.button) { padding: 8px 1px; line-height: 16px; background: none; vertical-align: top; text-align: left; } .menu__new .top-bar-section li:not(.has-form) a:not(.button):hover { background-color: inherit; background: none; } .menu__new .top-bar-section ul li:hover:not(.has-form) > a { background-color: inherit; background: inherit; color: white; } .menu__new .top-bar-section > ul { display: inherit; height: 5.625rem; overflow: hidden; } .menu__new .top-bar-section > ul > li > a { display: inline-block; width: inherit; } .menu__new .top-bar-section > ul > li { float: none; background: none; vertical-align: top; } .menu__new .top-bar-section li.active:not(.has-form) a:not(.button):hover { background: none; color: inherit; } .menu__new .top-bar-section li.active:not(.has-form) a:not(.button) { padding: 0px 0px 0px 1px; margin: inherit; line-height: inherit; color: inherit; background: none; } .menu__new .f-dropdown.large { max-width: 100%; margin-top: 0.625rem; box-shadow: -0.3125rem 0.5625rem 0.5rem rgba(0,0,0,0.4); border: 0.3125rem solid #2ba6cb; } .menu__new .f-dropdown ul li { float: none; margin-top: 0.625rem; background: none; display: block; } .menu__new .f-dropdown ul li.active { background: #eeeeee !important; } .menu__new .f-dropdown .small-4 { border-right: 1px solid #adadad; } .menu__new .f-dropdown .small-4:nth-child(3), .f-dropdown .small-4:nth-child(4) { border-right: none; } .menu__new .f-dropdown ul li:hover a { color: #ff0000 !important; } .menu__new .f-dropdown ul li a { color: #000; text-align: left; } .menu__new .f-dropdown ul li a:hover { color: #ff0000 !important; } .menu__new .f-dropdown:before, .f-dropdown:after { border-style: none; } .menu__new .f-dropdown.large.content.row.open { left: 0 !important; z-index: 1000; } .menu__new .top-bar .top-bar-section li:hover > a { color: #000; background: #fff !important; } .menu__new .top-bar .top-bar-section li:hover { color: #000 !important; background: #fff !important; } .menu__new .f-dropdown.content { position: absolute; } .menu__new .f-dropdown.content { padding: 0.5rem; } .menu_new { background: #eef8fe !important; box-shadow: 0 5px 7px rgba(0,0,0,.1) !important; border: none !important; } .menu_new .menu__subitem { position: relative; display: inline-block; width: 12.5%; /* 160 */ padding: 1rem 0.5rem !important; text-align: center; vertical-align: top; white-space: normal; word-wrap: break-word; color: #000 !important; border-right: 1px dotted #ccc; } /* end new menu */ /* |-------------------------------------------------------------------------- | good-item |-------------------------------------------------------------------------- */ .good-item { min-width: 15rem; max-width: 24%; width: 100%; height: 29.6875rem; overflow: hidden; display: inline-block; padding: 0.2825rem; margin-bottom: 0.625rem; border-radius: 6px; } .good-item:hover { box-shadow: 0 0 5px rgba(0,0,0,0.5); } .good-item__image { position: relative; min-height: 18.75rem; } .goods-item__sale { position: absolute; } .goods-item__sale .fi-burst:before { font-size: 39px; color: #ff0000; content: ''; } .goods-item__sale .fi-burst:after { content: '%'; position: absolute; top: 8px; left: 8px; font-size: 16px; font-weight: 800; color: #ff0000; } .good-item__name { font-size: 0.8125rem; line-height: 0.975rem; height: 2.825rem; overflow: hidden; color: #2072a5; text-align: left; } .good-item__description { } .good-item__art { color: #adadad; font-size: 0.75rem; height: 1.1rem; overflow: hidden; white-space: nowrap; } .good-item__firm { color: #adadad; font-size: 0.75rem; height: 1.1rem; overflow: hidden; white-space: nowrap; } .good-item__price { float: left; font-size: 1.5rem; font-weight: bold; color: #000; } .good-item__price-old { position: relative; font-size: 0.9rem; line-height: 1rem; height: 1rem; } .good-item__price-old-price { position: relative; } .good-item__price-old-price:after { content: ''; border-bottom: 3px solid #ff9d30; position: absolute; left: 0; top: 50%; width: 100%; } .good-item__rating { height: 1.1875rem; font-size: 0.8rem; margin-top: 0.25rem; } .good-item__stars { margin-right: 5px; } .good-item__star { color: #ddd; } .good-item__star_checked { color: #ff9d30; } .good-item__order { position: relative; top: -7px; float: left; margin-left: 1rem; } input.good-item__amount { display: none; width: 15px; height: 15px; font-size: 6px; margin: 0; padding: 0; } .goods-item__add-to-cart { margin-bottom: 0; } .good-item__add-to-favorites { font-size: 1.5rem; cursor: pointer; color: #adadad; position: relative; top: 3px; margin-left: 5px; } .good-item__add-to-compare { font-size: 1.2rem; position: absolute; margin-left: 32px; color: #adadad; top: -2px; cursor: pointer; } .good-item__add-to-compare_checked { } .quick-filter { /* display: none; width: 100%; */ } .quick-filter__item { display: inline-block; margin-right: 2px; margin-bottom: 6px; padding: 2px 7px; border: 1px solid #707070; border-radius: 30px; min-width: 32px; text-align: center; cursor: pointer; } .quick-filter__item a { font-weight: normal; font-size: 13px; line-height: 17px; color: #707070; } .quick-filter__item:hover { border-color: #303030; } .quick-filter__item:hover a { color: #000; } .quick-filter__item.is-active { border: 2px solid #2ba6cb; } .quick-filter__item.is-active a { color: black; cursor: default; } .quick-filter__item.is-active:hover a { color: #576879; } .quick-filter__item .icon-times { vertical-align: middle; margin-left: 0.5rem; cursor: pointer; display: none; } .quick-filter__item.is-active .icon-times { display: inline; } .quick-filter__item_reset { position: relative; border: none; padding-left: 0; } .quick-filter__item_manager { border: 2px solid #309010; } .quick-filter__reset { cursor: pointer; color: #1DA6CC; font-size: 14px; line-height: 18px; } .quick-filter__display_none { display: none; } .quick-filter__show_more { display: inline-block; margin-right: 7px; background: linear-gradient(to bottom, #eeeeee, #eeffff); } /* Body */ .content, .bg-color { background: #fff; } .body { padding-bottom: 2.5rem; } .news .content { padding: 0rem 0.625rem 0rem 0.625rem; } .sidebar .news { font-size: 0.875rem; } .sidebar .news .content { padding: 0.625rem; } .news .news_date { color: #ccc; } .news .news_text { font-size: 0.75rem; } .news ul { list-style: none; margin: 0rem; } .news ul li { margin: 0.3125rem 0rem 0.625rem 0rem; } .news p { text-align: justify; word-spacing: -0.3ex; } .articles { margin-top: 1rem; } .articles .item { margin-bottom: 1.5rem; } .sidebar .block { margin-bottom: 0.625rem; } .items_goods_frame { height: 22.5rem; } .pagination-area { margin-top: -0.625rem; } .goods_frame_sort_aria_amount { float: right; color: #999999; margin-top: 0.625rem; font-size: 0.875rem; } .goods-amount { font-size: 0.8125rem; color: #2ba6cb; } .goods-user-price {} .goods-user-price__hide { margin-top: 0.3125rem; } .goods-user-price .dotted { color: #a73956; font-weight: bold; } .goods-user-price__block { margin-top: 5px; } input.goods-user-price__price { width: 80px; height: 35px; border-radius: 0.375rem; float: left; margin-right: 0.625rem; margin-bottom: 0; text-align: center; } .goods-user-price__suggest.button.tiny { min-width: 151px; height: 35px; margin-bottom: 0rem; padding: 0.5em 1em 0.6em 1em; font-size: 1rem; background: #2ba6cb; } .goods-user-price__result { margin-top: 0.3125rem; color: #ff0000; font-weight: bold; } .goods-user-price__title { color: #1e6798; font-weight: bold; } /*.items { text-align: justify; font-size: 0.1px; min-width: 100%; padding: 0.625rem 0.625rem 0rem 0.625rem; }*/ /*.items div.item { width: 15.625rem; height: 23.4625rem; overflow: hidden; display: inline-block; padding: 0rem 0.2825rem; margin-bottom: 0.625rem; border: 0.0625rem solid #fff; }*/ /*.items div.item:hover { border: 0.0625rem solid #adadad; }*/ /*.items div.item.empty { height: 0px; border: none; margin-bottom: 0px; }*/ /*.items:after { content: ''; width: 100%; display: inline-block; }*/ /**/ /*button.tiny, .button.tiny { font-size: 0.75rem; padding: 0.2545rem 0.4rem 0.2545rem 0.4rem; }*/ /*button.pay, .button.pay {*/ /*font-size: 0.95rem;*/ /*padding: 0.4545rem 0.6rem 0.4545rem 0.4rem;*/ /*margin-bottom: 0.225rem;*/ /*background: #cf001c;*/ /*border-radius: 0.375rem;*/ /*}*/ /*.items .item .row .columns { padding: 0px; }*/ /*.items .item .image .small-12 { min-height: 15.625rem; line-height: 15.625rem; }*/ /*.items .item .image .small-12 img { max-width: 15rem; max-height: 15rem; border-radius: 0.375rem; }*/ /*.items .item .image .play-video { position: absolute; right: 0px; }*/ /*.items .item .image .play-video .fi-play { font-size: 1rem; position: relative; top: -15px; }*/ /*.items .item .image .play-video .fi-play:before { vertical-align: bottom; border: 3px solid #2ba6cb; border-radius: 6px; padding: 1px 4px 1px 6px; }*/ /*.items .item .image .play-3d { position: absolute; right: 0px; }*/ /*.items .item .image .play-3d img { vertical-align: top; position: relative; top: 2px; }*/ /*.items .item .image .fi-burst-sale { position: absolute; font-size: 50px; color: #ff0000; line-height:0px; margin-top: 5px; margin-left: 5px; }*/ /*.items .item .desc .columns { text-align: left; font-size: 0.875rem; line-height: 0.975rem; height: 2.825rem; overflow: hidden; margin-top: 0.3125rem; }*/ /*.items .item .extra .columns { font-size: 0.875rem; color: #adadad; height: 1rem; line-height: 1rem; }*/ /*.items .item .extra .columns.small-10 { overflow: hidden; }*/ /*.items .item .rating {*/ /*height: 1.1875rem;*/ /*font-size: 0.8rem;*/ /*margin-top: 5px;*/ /*}*/ /*.items .item .rating .stars {*/ /*margin-right: 5px;*/ /*}*/ /*.items .item .rating .fi-star {*/ /*color: #ddd;*/ /*}*/ /*.items .item .rating .fi-star.checked {*/ /*color: #ff9d30;*/ /*}*/ /*.items .item .extra .fi-star { font-size: 1.075rem; cursor: pointer; }*/ /*.items .item .extra .fi-star:hover { color: #2ba6cb; }*/ /*.items .item .extra .fi-star.red, .items .item .extra .fi-star.red:hover { color: #a73956; }*/ /*.items .item .order { margin-top: 5px; }*/ /*.items .item .order .quantity { padding-right: 4px; }*/ /*.items .item .order .quantity input { padding: 1px; }*/ /*.items .item .order input { height: 1.4125rem; text-align: center; margin-bottom: 0px; }*/ /*.items .item .order .postfix { height: 1.4125rem; line-height: 1.4125rem; }*/ /*.items .item .order .price { font-size: 0.875rem; line-height: 0.875rem; overflow: hidden; font-weight: bold; text-align: left; position: relative; top: 0.24rem; }*/ /*.items .item .order .price.red { color: #ff0000; }*/ /*.items .item .order .in_cart { background: #a73956; }*/ /*.items .item .order .add-to-deferred, .items .item .order .link { background: #adadad; }*/ /*.items .item .order .add[title^="Вы"] { position: relative; top: -0.5rem; }*/ /*.items .item .order span.tiny { font-size: 0.75rem; font-weight: bold; padding: 0.2545rem 0.1rem 0.2545rem 0.4rem; }*/ /*.items .item .order .for-sale-text { display: none; }*/ /*.items .orbit-container { height: 23.8125rem; overflow: visible; z-index: 3; }*/ /*.items .orbit-content { margin: 0; padding: 0; overflow: hidden; }*/ /*.items .orbit-content { font-size: inherit; }*/ /*.items .orbit-content li { list-style: none; }*/ /*.items .orbit-container .orbit-slide-number { display: none; }*/ /*.items .orbit-container .orbit-timer { display: none; }*/ /*.items .orbit-container .orbit-prev, .items .orbit-container .orbit-next { background-color: rgba(0,0,0,0.3); }*/ /*.items .orbit-container .orbit-prev { position: absolute; left: -16px; }*/ /*.items .orbit-container .orbit-next { position: absolute; right: -16px; }*/ /*.items .orbit-container .orbit-prev, .items .orbit-container .orbit-next { width: 26px; }*/ /*.items .orbit-container .orbit-slides-container { -webkit-transform: none; }*/ .show-more { margin-bottom: 0.625rem; padding: 0.6rem 1rem 0.6625rem 1rem; font-size: 0.875rem; } button.tiny, .button.tiny { font-size: 0.75rem; padding: 0.2545rem 0.4rem 0.2545rem 0.4rem; margin-bottom: 0.625rem; } button.pay, .button.pay { font-size: 0.95rem; padding: 0.4545rem 0.6rem 0.4545rem 0.4rem; margin-bottom: 0.225rem; background: #cf001c; border-radius: 0.375rem; } .items { text-align: justify; font-size: 0.1px; padding: 0.625rem 0.625rem 0rem 0.625rem; } .items div.item { min-width: 15rem; max-width: 24%; width: 100%; height: 29.6875rem; overflow: hidden; display: inline-block; padding: 0.2825rem; margin-bottom: 0.625rem; border: 0.0625rem solid #fff; vertical-align: top; } @media only screen and (max-width: 100em) { .items div.item { max-width: 24%; } } @media only screen and (max-width: 80em) { .items div.item { max-width: 32%; } } @media only screen and (max-width: 64em) { .items div.item { max-width: 49%; } } .items div.item:hover { border: 0.0625rem solid #adadad; } .items div.item.empty { height: 0px; margin: 0; padding: 0; border: none; } .items:after { content: ''; width: 100%; display: inline-block; } .items .item .name { font-size: 0.8125rem; line-height: 0.975rem; height: 2.825rem; overflow: hidden; color: #2072a5; margin-top: 0.625rem; text-align: left; } .good__remain { position: absolute; right: 10px; font-size: 1rem; background: #008000; color: #fff; border-radius: 100%; padding: 0px 8px; top: 10px; z-index: 1; } .good__remain_dealer { background: #ff9d30; } .good__remain_inline { display: inline-block; margin-left: 8px; font-size: 1rem; background: #008000; color: #fff; border-radius: 100%; padding: 0px 8px; z-index: 1; } .good__props_count { position: absolute; right: 10px; font-size: 1rem; background: #ad7932; color: #fff; border-radius: 100%; padding: 0px 8px; top: 35px; z-index: 1; } .good__discount-text { position: absolute; font-size: 12px; color: #FF0000; } .items .item.group .name { height: 1.895rem; } .items .item .play-3d { position: absolute; right: 0; width: 42px; } .items .item .image .play-video, .good__img_plitka .play-video { position: absolute; right: 0px; bottom: 0; } .items .item .image .play-video .fi-play, .good__img_plitka .fi-play { font-size: 1rem; color: #ffffff; } .items .item .image .play-video .fi-play:before, .good__img_plitka .fi-play:before { background: #e54a36; border: 3px solid #e54a36; border-radius: 6px; padding: 0px 6px 0px 8px; } .items .item .sale, .items .item .blackfriday { position: absolute; font-size: 12px; top: 6px; /* 28 */ left: 8px; font-family: "Arial"; font-weight: bold; /* border: 4px solid white; */ border-left: 0; /* padding: 2px 4px; */ } @media (max-width:560px) { .items .item .sale, .items .item .blackfriday { font-size: 9px; border: 2px solid white; } } .items .item .sale, .sale_badge { /* color: white; background-color: #ff0000; */ background-image: url('/img/sale_icon.png'); background-size: 28px 28px; width: 28px; height: 28px; border: none; } .items .item .blackfriday { color: #000000; background-color: #f6e61d; } .blackfriday_good { position: absolute; font-size: 12px; top: 6px; font-family: "Arial"; font-weight: bold; border: 4px solid white; border-left: 0; padding: 2px 4px; color: #000000; background-color: #f6e61d; z-index: 10; } /*.items .item .sale .fi-burst:before {*/ /*font-size: 39px;*/ /*color: #ff0000;*/ /*content: '';*/ /*}*/ .items .item .sale .fi-burst:after { content: '%'; position: absolute; top: 8px; left: 8px; font-size: 16px; font-weight: 800; color: #ff0000; } .items .item .param_icons { position: absolute; left: 0; bottom: 0.3125rem; margin-left: 0.3125rem; } .items .item .image { position:relative; min-height: 18.75rem; max-width: 18.75rem;; } .items .item .image a.radius { display: block; background: #ffffff; height: 18.75rem; } .items .item .image a.radius img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0rem; } .items .item .image .img { display: block; height: 18.75rem; width: 100%; text-align: center; white-space: nowrap; } .items .item .image .img:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; } .items .item .image img { max-height: 18.5rem; max-width: 100%; border-radius: 0.375rem; vertical-align: middle; } .items .item .firm { color: #adadad; font-size: 0.75rem; height: 1.1rem; overflow: hidden; white-space: nowrap; } .items .item .art { color: #adadad; font-size: 0.75rem; height: 1.1rem; overflow: hidden; white-space: nowrap; } .items .item .all-text-labels { color: #adadad; font-size: 0.75rem; height: 2.19rem; overflow: hidden; } .items .item .price { color: #2ba6cb; font-weight: bold; font-size: 0.8rem; } .items .item .price .price_old { color: #adadad; margin-right: 5px; text-decoration: line-through; } .items .item .price .price_current { color: #ff0000; } .items .item .stamp { width: 120px; height: 120px; margin: 0 auto; background: url(../img/warranty/pechat2.png) no-repeat 0 0; position: absolute; } .items .item .description .columns { text-align: left; font-size: 1rem; margin-top: 0.625rem; } .items .item .discount, .items .item .for_sale_text { color: #1e6798; font-weight: bold; font-size: 0.875rem; } .items .item .description { font-size: 0.875rem; line-height: 1rem; height: 3rem; overflow: hidden; text-align: left; } .items .item .extra .columns { font-size: 0.875rem; color: #000; height: 1rem; line-height: 1rem; } .items .item .extra .columns.small-10 { overflow: hidden; } .items .item .extra.star { margin-right: 12px; position: relative; top: -12px; } .items .item .rating { height: 1.1875rem; font-size: 0.8rem; margin-top: 0.25rem; } .items .item .rating .stars { margin-right: 5px; } .items .item .rating .fi-star { color: #ddd; } .items .item .rating .fi-star.checked { color: #ff9d30; } .items .item .order input, .items .item .order a, .items .item .order span { float: left; margin-right: 10px; } .items .item .order .amount { width: 40px; border-radius: 0.375rem; } .items .item .order .fi-star { font-size: 1.5rem; cursor: pointer; color: #adadad; position: absolute; top: -7px; } .items .item .order .fi-star:hover { color: #2ba6cb; } .items .item .order .fi-star.red, .items .item .order .fi-star.red:hover { color: #a73956; } .items .item .order .fi-indent-more { font-size: 1.2rem; position: absolute; margin-left: 32px; color: #adadad; top: -2px; cursor: pointer; } .items .item .order .fi-indent-more:hover { color: #2ba6cb; } .items .item .order .fi-indent-more.checked { color: #a73956; } .items .item .order { position: relative; margin-top: 10px; height: 1.4125rem; font-size: 0.875rem; } .items .item .order .quantity { padding-right: 4px; font-size: 0.875rem; } .items .item .order .quantity .columns { padding-left: 2px; padding-right: 0px; } .items .item .order .quantity i { color: #2072a5; cursor: pointer; position: relative; top: 0.125rem; } .items .item .order .quantity i:hover { color: #ff7a02; } .items .item .order .quantity input { padding: 1px; } .items .item .order .button { margin-bottom: 0; } .items .item .order input { height: 1.4125rem; text-align: center; margin-bottom: 0px; padding: 0; } .items .item .order .postfix { height: 1.4125rem; line-height: 1.4125rem; } .items .item .order .price { color: #0071a8; font-size: 0.875rem; line-height: 0.875rem; overflow: hidden; font-weight: bold; text-align: left; position: relative; top: 0.24rem; } .items .item .order .in_cart { background: #a73956; } .items .item .order .for-sale-text { display: none; } .amount.hide { display: none !important; } .good-group { font-size: 0.875rem; } .good-group .good-group__name { font-size: 1.25rem; font-weight: bold; margin-bottom: 1rem; } .good-group__item { margin-bottom: 1rem; } .good-group__item:last-child { margin-bottom: 0; } .good-group__item .image { float: left; margin-right: 0.5rem; position: relative; } .good-group__item .image img { height: 7.5rem; } .good-group__item .sale { position: absolute; top: 0; left: 5px; } .good-group__item .sale .fi-burst:before { font-size: 39px; color: #ff0000; content: ''; } .good-group__item .sale .fi-burst:after { content: '%'; position: absolute; top: 8px; left: 8px; font-size: 16px; font-weight: 800; color: #ff0000; } .good-group__item .price .price_old { color: #adadad; } .good-group__item .price .price_current { color: #ff0000; } .good-group__item .description { line-height: 1.125rem; overflow: hidden; } .good-group__item .order { position: relative; margin-top: 0.5rem; } .good-group__item .order .amount { width: 2.5rem; height: 1.4125rem; border-radius: 0.375rem; text-align: center; margin-bottom: 0; float: left; margin-right: 0.625rem; padding: 0; } .good-group__item .order .button { float: left; margin-right: 0.625rem; } .good-group__item .fi-star { font-size: 1.5rem; cursor: pointer; color: #adadad; margin-right: 10px; position: absolute; top: -3px; } .good-group__item .fi-star.red, .good-group__item .fi-star:hover { color: #a73956; } .good-group__item .fi-indent-more { font-size: 1.2rem; cursor: pointer; color: #adadad; margin-left: 32px; position: absolute; top: 1px; } .good-group__item .fi-indent-more.checked, .good-group__item .fi-indent-more:hover { color: #a73956; } .good-purchase__item { display: table; table-layout: fixed; width: 100%; padding-top: 10px; padding-bottom: 20px; } .good-purchase__image { display: table-cell; text-align: center; vertical-align: top; width: 100px; } .good-purchase__info { display: table-cell; vertical-align: top; } .good-purchase__quantity { display: table-cell; width: 144px; padding: 16px 20px 0; vertical-align: top; white-space: nowrap; } .good-purchase__quantity input { display: inline; width: 50%; max-width: 6.25rem; margin-left: 5px; margin-right: 5px; text-align: center; } .good-purchase__quantity .fi-minus, .good-purchase__quantity .fi-plus { cursor: pointer; color: #2ba6cb; outline: 0; } .good-purchase__quantity .fi-minus:hover, .good-purchase__quantity .fi-plus:hover { color: #2285a2; } .good-purchase__price { font-weight: bold; position: relative; display: table-cell; text-align: right; vertical-align: top; width: 120px; padding: 22px 0 0; color: #404040; } .good-purchase__image img { width: 60px; } .good-purchase__action { display: table; width: 100%; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #ededed; } .good-purchase__action-info { display: table-cell; vertical-align: top; padding: 17px 0 0; color: gray; } .good-purchase__action-buttons { display: table-cell; text-align: right; vertical-align: top; } .good-purchase__action-buttons .button { margin-left: 0.5rem; margin-bottom: 0; } .good-purchase__action-buttons .close-reveal-modal { font-size: inherit; position: inherit; color: #ffffff; font-weight: normal; } .sidebar { } .sidebar .items { margin-bottom: 1rem; } .sidebar .items .item { margin-bottom: 10px; min-width: 100%; height: 100%; } .sidebar .items div.item:hover { border: 0.0625rem solid #fff; } .sidebar .items div.item.empty { display: none; } .sidebar .items img { max-width: 11.375rem !important; max-height: 12.5rem !important; display: block; margin: 0 auto; border-radius: 0.375rem; } .sidebar .items .item .image .img { display: inline-block; height: inherit; width: inherit; } .sidebar .items .name { text-align: center; } .sidebar .desc, .sidebar .price { text-align: center; font-size: 0.875rem; line-height: 1rem; } .sidebar .extra { display: none; } .sidebar .price, .sidebar .order .small-8 { width: 100%; } .sidebar .price { margin: 0.3125rem 0rem 0.3125rem 0rem; } .sidebar .small-5, .sidebar .small-7 { padding: 0rem 0.2rem 0rem 0.1rem; } .sidebar .items .item .image .play-video, .sidebar .items .item .image .play-3d { display: none; } .sidebar .items .item .order { width: 100%; } .sidebar .items .item .order a { float: none; } .sidebar .items .item .rating { display: none; } .sidebar .items .item .order .quantity i { font-size: 0.875rem; color: #2072a5; cursor: pointer; position: relative; } .sidebar .items .item .order .quantity i:hover { color: #ff7a02; } .sidebar .items .item .order .quantity .columns { padding-left: 0px; padding-right: 4px; } .sidebar .items .item .order .quantity input { padding: 0px 2px; } .sidebar .quantity .small-8 { width: 50%; } .sidebar .quantity .small-2 { float: left; } .sidebar .postfix { height: 1.4125rem; line-height: 1.4125rem; } .sidebar .postfix-round input { text-align: center; height: 1.4125rem; padding: 2px; } .sidebar .for-sale-text { font-size: 0.875rem; line-height: 1rem; display: block; text-align: center; padding: 0rem 0.625rem; } .sidebar .row { margin-left: 0rem; margin-right: 0rem; } .sidebar .items .item .amount { display: none !important; } .sidebar .fi-star { display: none; } .sidebar .fi-indent-more { display: none; } .site_sale_hit ul.orbit-content { margin-left: 0; } .site_sale_hit ul.orbit-content li { list-style: none; } .site_sale_hit .content { height: 31.11rem; overflow: hidden; } .site_sale_hit .items .item .image { min-height: inherit; } .sidebar .site_sale_hit .content { height: auto; overflow: hidden; } .site_sale_hits_side .border { background: #fff !important; width: 100%; overflow: hidden; } .site_sale_hit_side { margin-top: 2.625rem; } .site_sale_hit_side p { margin-bottom: 0.625rem; } .site_sale_hit_side img { max-width: 11.375rem; max-height: 12.5rem; display: block; margin: 0 auto; border-radius: 0.375rem; } .site_sale_hit_side .goods_name, .site_sale_hit_side .price { text-align: center; padding: 0rem 0.3125rem; font-size: 0.875rem; line-height: 1rem; } .site_sale_hit_side .amount { padding: 0.2rem; } .site_sale_hit_side .cart_add, .site_sale_hit_side .add-to-deferred { padding: 0.2545rem 0.4rem 0.2545rem 0.4rem !important; display: block; margin: 0 auto; font-size: 0.875rem; line-height: 0.875rem; } .site_sale_hit_side .add-to-deferred { background: #adadad; padding: 0.2545rem 0.2rem 0.2545rem 0.2rem !important; } .cart_link_box { text-align: center; } .site_sale_hits_side .postfix { height: 1.4125rem; line-height: 1.4125rem; } .site_sale_hits_side .postfix-round input { text-align: center; height: 1.4125rem; padding: 2px; } .site_sale_hit_side .cart_link { padding: 0.2rem 0.4rem 0.2625rem 0.4rem; margin: -0.3125rem 0rem 0rem 0rem; } .site_sale_hit_side .for-sale-text { font-size: 0.875rem; line-height: 1rem; display: block; text-align: center; padding: 0rem 0.625rem; } .site_sale_hit_side .row { margin-left: 0rem; margin-right: 0rem; } .site_sale_hit_side .amount-box { max-width: 80%; margin: 0 auto; } .site_sale_hit_side .amount-box .large-6 { padding-right: 0.3125rem; padding-left: 0.3125rem; } .site_sale_hit_side .amount, .site_sale_hit_side .amount-box * { height: 1.4125rem; text-align: center; } .site_sale_hit_side .amount-box .columns { float: left; } .site_sale_hit_side .amount-box .small-6 input { text-align: center; margin-bottom: 0rem; margin-left: 0.3125rem; padding: 0.1em; } .site_sale_hit_side .amount-box .small-6 .postfix { line-height: 1.4125rem; } /*.sidebar > div {*/ /*margin-bottom: 0.625rem;*/ /*}*/ /*.sidebar .items { padding: 0.425rem 0.225rem 0rem 0.225rem; }*/ /*.sidebar .items div.item { width: 100%; height: auto; padding: 0.4825rem 0.2825rem; }*/ /*.sidebar .items div.item.empty { padding: 0px; }*/ /*.sidebar .items .item .image .small-12 { min-height: 0px; line-height: normal ; }*/ /*.sidebar .items .item .image .play-video, .sidebar .items .item .image .play-3d { display: none }*/ /*.sidebar .items .item .image .small-12 img { max-width: 10vw; max-height: 12.5rem; display: block; margin: 0 auto; }*/ /*.sidebar .items .item .extra { display: none; }*/ /*.sidebar .items .item .order .price { width: 100%; text-align: center; margin-bottom: 1rem; }*/ /*.sidebar .items .item .order .small-8 { width: 100%; }*/ /*.sidebar .items .item .order .quantity { max-width: 5rem; }*/ /*.sidebar .items .item .order .button.tiny { margin-bottom: 0rem; }*/ /*.sidebar .items .item .order form .small-12 { text-align: center; }*/ /*.sidebar .items .item .order .in_cart { float: none !important; }*/ /*.sidebar .social {*/ /*margin-bottom: 15px;*/ /*}*/ #vk_groups, #vk_groups iframe { width: 100% !important; } .community_groups_main { overflow: hidden; } .hit-box .content { height: 13.75rem; overflow: hidden; } .hit-box .orbit-container { height: 13.75rem; } .hit-box ul.orbit-content { height: 13.75rem !important; } /*.main_goods_container { background: #fff; } .main_goods_container h1 { margin-bottom: 1.25rem; color: #3e8ba7; } .main_goods_container .good-info { margin-bottom: 0.625rem; } .main_goods_manufacturer_order__sale { color: #ff0000; } .main_goods_container .order { max-width: 300px; width: 100%; margin-bottom: 10px; margin-top: 10px; } .main_goods_container .order .amount { width: 40px; height: 35px; border-radius: 0.375rem; float: left; margin-right: 10px; text-align: center; } .main_goods_container .order a.button { min-width: 151px; height: 35px; margin-bottom: 0rem; padding: 0.5em 1em 0.6em 1em !important; font-size: 1rem; } .main_goods_container .showcase .th { margin-right: 0.625rem; margin-top: 0.625rem; } .main_goods_container .showcase .slider { max-height: 400px; max-width: 400px; position: relative; } .main_goods_container .showcase .fi-zoom-in { font-size: 22px; color: #2ba6cb; position: absolute; z-index: 99; right: 5px; bottom: 0; cursor: pointer; } .main_goods_container .showcase .thumbnails { margin-bottom: 1rem; } .main_goods_container .showcase .slider li:not(.active) img { display: none; } .main_goods_container .flash-3d { padding: 8px; } */ .goods__tabs .fi-page-pdf { font-size: 72px; position: relative; top: -10px; left: 5px; } .in_cart, .in_cart:hover { background: #a73956; } .main_goods_manufacturer_order_form { width: inherit; } .main_goods_manufacturer_order .price-old { text-decoration: line-through; } /* |-------------------------------------------------------------------------- | Goods |-------------------------------------------------------------------------- */ .yandex-credit { margin-bottom: 0.5rem; } .yandex-credit__title { display: inline; border-bottom: 1px dotted; font-weight: bold; color: #3e8ba7; cursor: pointer; } .yandex-credit___container { margin-top: 10px; } .yandex-credit__item { padding-left: 46px; margin-left: 10px; background: url(../img/icons/yandex_credit/tick.png) no-repeat 8px 2px; font-size: 14px; line-height: 18px; margin-bottom: 1rem; } .yandex-credit__description { line-height: 15px; font-size: 13px; text-align: left; } .maincontent .item .group { margin-bottom: 0.5rem; } .maincontent .item .group .caption { margin-bottom: 0.5rem; } .maincontent .item .group .groups div { display: block; border: 1px solid #888; margin-right: 10px; padding: 2px 4px; border-radius: 5px; margin-bottom: 0.5rem; float: left; } .maincontent .item .group .groups a { color: #888; } .maincontent .item .group .groups .active { border-color: #2ba6cb; color: #2ba6cb; } .maincontent .item .group .groups.miniatures div { width: 68px; height: 68px; } .maincontent .item .group .groups.miniatures .active { border: 3px solid black; padding: 1px 1px; } .maincontent .item .group .groups.miniatures .goods-status-3 img, .maincontent .item .group .groups.miniatures .goods-status-4 img { filter: grayscale(100%); opacity: 0.7; } .maincontent .item .group .groups.text .goods-status-3, .maincontent .item .group .groups.text .goods-status-4 { text-decoration: line-through; } .maincontent .item .group .groups .img { display: block; max-width: 60px; max-height: 60px; margin: 0 auto; outline: 0; } .maincontent .item .group .groups .clearfix { border: none; float: none; } .maincontent .item .group .groups .purchase { border: none; float: none; } .maincontent .item .group .groups .purchase .fi-plus { display: block; text-align: center; } .maincontent .item .group .groups .purchase .equals { display: block; text-align: center; font-size: 1.375rem; font-weight: bold; } .maincontent .item .group .groups.miniatures .purchase .button { min-width: 151px; color: #fff; font-size: 1rem; padding: 0.5em 1em 0.6em 1em !important; } /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; margin-left: 10px; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .maincontent .favorites { max-width:50%; } .maincontent .favorites .fi-star { font-size: 1.8rem; color: #adadad; cursor: pointer; margin-left: 0.5rem; position: relative; top: 0.2rem; } .maincontent .favorites .fi-star:hover { color: #2ba6cb; } .maincontent .favorites .fi-star.red, .maincontent .favorites .fi-star.red:hover { color: #a73956; } .maincontent .fi-indent-more { font-size: 1.6rem; color: #adadad; cursor: pointer; position: relative; top: 0.3rem; margin-left: 0.5rem; } .maincontent .good-compare .fi-indent-more.checked, .maincontent .good-compare .fi-indent-more:hover { color: #2ba6cb; } .good-form { max-width: 45%; } .good-form .amount-box .large-6:nth-child(1) { padding-right: 0.3125rem; } .good-form .amount-box .large-6:nth-child(2) { padding-left: 0.3125rem; } .good-form .amount-box .small-6 input, .good-form .amount-box .small-6 a.in_cart { height: 2.1125rem; text-align: center; padding: 0.1em; } .good-form .amount-box .small-6 .postfix { height: 2.1125rem; line-height: 2.1125rem; } .good-form .amount-box .cart_add { padding: 0.2em 1em 0.2em 1em !important; } .good-form .amount-box a.in_cart { padding: 0.5em 1em 0.4em 1em !important; } .advantages { font-size: 1.375rem; margin-top: 1.875rem; } .advantages ul { list-style: none; margin: 0rem; } .advantages ul li { font-size: 1rem; line-height: 100%; } .advantages .fi-checkbox { color: #2ba6cb; font-size: 2rem; position: relative; top: 0.3125rem; } .amount_icons { font-size: 1.375rem; } .amount_icons ul { list-style: none; margin: 0rem; display: inline-block; position: relative; top: 0.1875rem; } .amount_icons ul li { float: left; margin-right: 0.625rem; } .circle_full { width: 1.25rem; height: 1.25rem; background: #2ba6cb; border-radius: 0.625rem; } .circle_border { width: 1.25rem; height: 1.25rem; border: 1px solid #2ba6cb; border-radius: 0.625rem; } .pluso123 { margin-top: 1.25rem; } .page { font-size: 0.875rem; } .page h1 { display: block; margin-bottom: 0.5rem; } .page img.left { padding: 0.3125rem 0.625rem 0.3125rem 0rem; } .page img.right { padding: 0.3125rem 0rem 0.3125rem 0.625rem; } .page .fi-print { font-size: 34px; color: #2ba6cb; } #pages-menu ul { margin: 0 auto 1.0625rem auto; padding: 0; list-style: none; overflow: hidden; } #pages-menu ul li { display: block; float: left; list-style: none; margin-right: 0.5rem; border: 1px solid #2ba6cb; border-radius: 0.375rem; padding: 0.3125rem; } #pages-menu ul li.active { background: #2ba6cb; color: #fff; } #pages-menu ul li.active a { color: #fff; } @media only screen and (max-width: 64.063em) { #pages-menu { margin-top: 1rem; } } @media only screen and (max-width: 46.063em) { #pages-menu { margin-top: 0; } #pages-menu ul li { float: none; border-bottom: 0; text-align: center; } #pages-menu ul li:last-child { border-bottom: 1px solid #2ba6cb; } #pages-menu ul li a { display: block; text-align: center; } } .page #warranty { max-width: 1200px; } .page #warranty #zhenya { display:flex; } .page #warranty #zhenya img { margin-right: 0.5rem; height: 150px; } .page #warranty #zhenya span { margin-top:auto; margin-bottom:auto; } .page #write-to-us { max-width: 400px; } .page #deliveryIcons li { height: 60px; line-height: 60px; } .page #deliveryIcons img { display: inline; vertical-align: middle; } #about.page .center { max-width: 1200px; padding-left: 0.5rem; padding-right: 0.5rem; } #about.page .content { border-radius: 0.375rem; padding: 0.5rem; margin-bottom: 1rem; color: #fff; } #about.page .content.blue { background-color: #3a819d; height: 470px; } #about.page .content.green { background-color: #028342; height: 514px; } #about.page .content a { color: #fff; text-decoration: underline; } #about.page #managers { margin-top: 1rem; margin-bottom: 1rem; } #about.page #decor img { margin-right: 0.5rem; margin-bottom: 1rem; } #about.page #brands img { margin-right: 0.5rem; margin-bottom: 1rem; } #user-agreement { margin-bottom: 0.5rem; } #user-agreement input { float: left; } #user-agreement .overflow { overflow: hidden; padding-left: 0.5rem; line-height: 1.1rem; text-align: left; position: relative; top: -2px; } .user_delete_account_popup__form button, .user_delete_account_popup__form .button { padding: 0.5rem 1rem 0.5625rem 1rem; color: #fff; font-size: 16px; font-weight: normal; position: initial; margin-right: 10px; } sup.red, .vcard .red { color: #ff0000; } /* single page*/ .main_goods_img_small { margin-top: 1.25rem; margin-bottom: 1.25rem; } .main_goods_img_small a { display: inline-block; width: 6.25rem; margin-right: 1.25rem; margin-bottom: 10px; } .main_goods_img_small a img { max-width: 6.25rem; max-height: 6.25rem; border: 1px solid #fff; border-radius: 0.375rem; } .showcase { margin-bottom: 1rem; } .thumbnail { /*border: 1px solid #2ba6cb;*/ /*width: 6.25rem;*/ /*height: 6.25rem;*/ /*line-height: 6.25rem;*/ } .thumbnail span { display: block; margin: 0 auto; } .thumbnail span.video { width: 27px; } .thumbnail span.photo3d { width: 44px; } .showcase .thumbnail { max-width: 60px; max-height: 60px; } .showcase .orbit-container .orbit-slides-container img { max-height: 400px; } .orbit-container .orbit-slides-container img { display: inline-block; } .video-thumbnail { display: inline-block; } .video-thumbnail .fi-play-circle, .video-thumbnail .play-video { font-size: 2.25rem; color: #000; position: absolute; margin-left: -4rem; margin-top: 0.8rem; } .video-thumbnail .play-video img { border: none; } #photo3dModal, #flash3dModal { max-width: 460px; } #crumbs-trigger { display: none; } .path { position: relative; } .breadcrumbs .fi-home { position: relative; top: -2px; } .breadcrumbs > * { text-transform: none; font-size: 0.875rem; } .breadcrumbs { padding: 0.3625rem 0.875rem 0.3625rem; } ul.breadcrumbs li { padding-top: 0.3125rem; padding-bottom: 0.1125rem; } ul.pagination { margin-top: 0.625rem; margin-bottom: 0.625rem; } ul.pagination li.current a, ul.pagination li.current button { background: none; color: #2ba6cb; } ul.pagination li.current a:hover, ul.pagination li.current button:hover { background: none; color: #2285a2; } ul.pagination li a:hover, ul.pagination li button:hover { background: none; color: #2285a2; } ul.pagination li.current span { display: block; padding: 0.0625rem 0.625rem 0.0625rem; } .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a { font-weight: normal; background: none; color: #2ba6cb; } .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover { font-weight: normal; background: none; color: #2285a2; } .sort-area { background-color: #f2f2f2; margin-bottom: 1rem; margin-top: -0.25rem; border: 1px solid #dddddd; } .sub-nav { padding: 0.3125rem 0.625rem 0rem 0; float: left; margin-left: 0rem; margin-bottom: 0rem; margin-top: 0rem; } .sub-nav dt, .sub-nav dd { margin-bottom: 0.3125rem; } .sub-nav dt { text-transform: none; font-weight: bold; color: #2ba6cb; } .sub-nav .active a { cursor: pointer !important; } .sub-nav i { margin-right: 0.3125rem; } .sub-nav select { min-width: 3.75rem; height: 1.375rem; font-size: 0.75rem; text-align: center; padding: 0.1rem 0.5rem; position: relative; top: -2px; margin-bottom: 0rem; } .sub-nav dt .amount_per_page { text-align: right; } .amount_per_page { float: right; font-size: 0.875rem; } .amount_per_page select { width: 60px; margin-bottom: 10px; padding: 0.25rem 0.5rem; height: 1.6125rem; } .good-review-item { margin-bottom: 1rem; } .good-review-item__stat { margin-top: 1rem; } .good-review-rating { font-size: 0.875rem; line-height: 15px; position: relative; display: inline-block; width: 27px; height: 22px; margin-right: 14px; padding: 2px 0 0 2px; text-align: center; cursor: default; color: #666; border-width: 2px 0 2px 2px; border-style: solid; border-color: #359e00; background: 0 0!important; } .rating__corner { position: absolute; top: -4px; right: -11px; bottom: -4px; clip: rect(0,13px,26px,1px); width: 12px; } .rating__corner:after { position: absolute; top: -1px; right: -1px; display: block; width: 26px; height: 28px; content: ""; -webkit-transform: scaleX(.5) rotate(45deg); -ms-transform: scaleX(.5) rotate(45deg); transform: scaleX(.5) rotate(45deg); border-width: 5px 5px 0 0; border-style: solid; border-color: transparent; background-color: #359e00; background-clip: content-box; } .rating__triangle { position: absolute; top: 3px; bottom: -2px; left: 0; z-index: 1; clip: rect(-1px,11px,21px,0); width: 12px; height: 26px; } .rating__triangle:after { position: absolute; top: 1px; left: -8px; display: block; width: 18px; height: 18px; content: ""; -webkit-transform: scaleX(.5) rotate(45deg); -ms-transform: scaleX(.5) rotate(45deg); transform: scaleX(.5) rotate(45deg); border-width: 3px; border-style: solid; border-color: #359e00; background: 0 0 #359e00; } .good-review-rating .rating__corner:after, .good-review-rating .rating__triangle:after { background: 0 0!important; } .good-review-rating[date-rate="5"] .rating__corner:after { background-color: #359e00; } .good-review-rating[date-rate="5"] .rating__triangle:after { border-color: #359e00; background: #359e00; } .good-review-item__stat .date { color: #999; } .star-rating { font-size: 0; } .star-rating__wrap { display: inline-block; font-size: 1rem; } .star-rating__wrap:after { content: ""; display: table; clear: both; } .star-rating__ico { float: right; padding-left: 2px; cursor: pointer; color: #ddd; font-size: 1.8rem; margin-left: 0 !important; margin-right: 0 !important; } .star-rating__ico:last-child { padding-left: 0; } .star-rating__input { display: none; } .star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before { color: #ff9d30; } .star-rating__wrap.error { margin-bottom: 2rem; } .star-rating__wrap.error small { position: absolute; margin-top: 2.5rem !important; } .star-rating__wrap.error label { color: #ddd; } .review-form { max-width: 45rem; margin-bottom: 1rem; } .review-form__title { font-weight: bold; margin-bottom: 0.5rem; font-size: 0.875rem; } .review-form__wrap { margin-top: 1rem; } .review-form__fields-item { display: table; width: 100%; margin-bottom: 1rem; } .review-form__label { display: table-cell; width: 125px; padding: 9px 0; font-size: 0.875rem; vertical-align: top; } .review-form__fields-item-rating { margin-top: -0.5rem; } .review-form__fields-item input { margin-bottom: 0; } .review-form__fields-item textarea { display: table-cell; font-size: 15px; line-height: 18px; min-height: 60px; margin-bottom: 0; padding: 9px 12px; resize: none; z-index: 1; } .review-form #field_comment { min-height: 110px; } .review-form__fields-item.submit { margin-left: 125px; } .review-form__fields-item.submit .button { background-color: #2ba6cb; margin-bottom: 0; } .review { padding: 0.625rem; margin-bottom: 0.625rem; } .review div { margin-top: 5px; margin-bottom: 5px; } .review .fi-star { color: #fab600; } .review .date { color: #999; font-size: 0.8rem; } .static.reviews .review { border-bottom: 1px solid #cccccc; text-align: justify; } #messengers { margin-bottom: 1rem; text-align: left; } #messengers .fi-telephone { font-size: 26px; color: #2ba6cb; margin-left: 10px; position: relative; top: 5px; } #messengers .red { color: #ff0000; } #messengers img { margin-right: 0.5rem; } .panel { font-size: 0.875rem; margin-top:0.625rem; } .panel img.left { margin-right: 0.625rem; } /* needs more but h2... */ .panel img.right { margin-left: 0.625rem; } .main-description { padding-left: 0.9375rem; padding-right: 0.9375rem; margin-top: 0.625rem; margin-bottom: 0.625rem; color: #5b5b5b; background: #fff; } .main-description h1, .main-description h2, .main-description h3, .main-description h4, .main-description h5 { color: #257FBB; } .main-description .content { padding: 0.625rem 0rem 0.625rem 0rem; } .main-description .slogan { color: #257FBB; font-size: 1.25rem; text-transform: uppercase; } .main-description .new-year { color: #ff0000; font-weight: bold; text-align: right; display: block; } .body .main-banner { height: 328px; overflow: hidden; margin-bottom: 1.25rem; } .body .banner { float: left; width: 608px; } .body .banners img { width: 140px; min-width: 140px; } .bx-wrapper { float: left; margin-left: 0.625rem !important; margin-top: 0.625rem !important; min-width: 140px; } /* Промо баннер на странице товара для сбора емейлов */ #promo_email_action { height: 600px; max-width: 348px; background-color: transparent; background: url(../img/promo/special_offer.png) no-repeat; box-shadow: none; border: none; overflow: hidden; } #promo_email_action div { position: absolute; top: 40%; } #promo_email_action button { background-color: #e72e2a; } #promo_email_action input, #promo_email_action button, #promo_email_action small { width: 160px; margin-bottom: 5px; } #promo_email_action .error input { margin-bottom: 0px; } #promo_email_action .close-reveal-modal { color: #AEC9D8; font-weight: normal; margin-right: 5px; margin-top: -5px; } /* Калькулятор */ .calc .toys, .calc .garland, .calc .ornament { width: 285px; height: 327px; background: rgba(62,139,167,1); background: -moz-linear-gradient(top, rgba(62,139,167,1) 0%, rgba(90,185,219,1) 49%, rgba(200,222,230,1) 75%, rgba(200,222,230,1) 91%, rgba(90,185,219,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(62,139,167,1)), color-stop(49%, rgba(90,185,219,1)), color-stop(75%, rgba(200,222,230,1)), color-stop(91%, rgba(200,222,230,1)), color-stop(100%, rgba(90,185,219,1))); background: -webkit-linear-gradient(top, rgba(62,139,167,1) 0%, rgba(90,185,219,1) 49%, rgba(200,222,230,1) 75%, rgba(200,222,230,1) 91%, rgba(90,185,219,1) 100%); background: -o-linear-gradient(top, rgba(62,139,167,1) 0%, rgba(90,185,219,1) 49%, rgba(200,222,230,1) 75%, rgba(200,222,230,1) 91%, rgba(90,185,219,1) 100%); margin-right: 15px; } .calc .toys .elka, .calc .garland .elka, .calc .ornament .elka { width: 157px; height: 238px; position: absolute; top: 45px; } #elka1 { background: url(../img/calc/elka1.png) no-repeat; } #elka2 { background: url(../img/calc/elka2.png) no-repeat; } #elka3 { background: url(../img/calc/elka3.png) no-repeat; } #elka-garland { background: url(../img/calc/s2.png) no-repeat; } #elka-ornament { background: url(../img/calc/g1.png) no-repeat; } #type1 { background: url(../img/calc/e1.png) no-repeat; top: 50px; } #type1.active { background: url(../img/calc/e1_active.png) no-repeat; top: 50px; } #type2 { background: url(../img/calc/e2.png) no-repeat; top: 100px; } #type2.active { background: url(../img/calc/e2_active.png) no-repeat; top: 100px; } #type3 { background: url(../img/calc/e3.png) no-repeat; top: 150px; } #type3.active { background: url(../img/calc/e3_active.png) no-repeat; top: 150px; } .garland .type { position: absolute; width: 54px; height: 56px; margin-left: 5px; cursor: pointer; } .calc .toys .blue, .calc .garland .blue, .calc .ornament .blue { background-color: #2285a2 !important; } .calc .title { font-size: 14px; color: #ffffff; padding: 5px 10px; line-height: 16px; position: relative; } .calc .title, .calc .garland .title { background: url(../img/calc/decor.png) no-repeat bottom right; } .calc .ornament .title { background: url(../img/calc/ornament_decor.png) no-repeat bottom right; } .calc .toys .decor, .calc .garland .decor, .calc .ornament .decor { background: url(../img/calc/decor.png) no-repeat; width: 96px; height: 64px; position: absolute; right: 0px; margin-top: -5px; margin-right: 10px; } .calc .toys .caption, .calc .garland .caption, .calc .ornament .caption { font-size: 14px; color: #ffffff; line-height: 16px; } .calc .toys .container, .calc .garland .container { margin-left: 155px; margin-top: 15px; height: 215px; } .calc .ornament .container { margin-left: 125px; margin-top: 15px; height: 215px; } .calc .toys .input-text, .calc .garland .input-text, .calc .ornament .input-text { position: relative; border: 0px; color: #ffffff; width: 50px; height: 25px; font-size: 14px; text-align: center; margin-bottom: 5px; padding: 0px; } .calc .toys select, .calc .garland select { width: 100px; height: 40px; } .calc .ornament select { width: 155px; height: 40px; z-index: 100; } .calc .toys .input-text:focus, .calc .garland .input-text:focus, .calc .ornament .input-text:focus { color: #5d9eb5; } .calc .toys .amount div, .calc .garland .amount div, .calc .ornament .amount div { position: relative; } .calc .toys .total, .calc .garland .total, .calc .ornament .total { text-align: center; } .calc .toys .total span, .calc .garland .total span, .calc .ornament .total span { color: #2285a2; font-size: 14px; } .calc .toys .link, .calc .garland .link, .calc .ornament .link { text-align: center; } .calc .toys .link a, .calc .garland .link a, .calc .ornament .link a { font-size: 14px; text-decoration: underline; padding: 5px 7px; color: #ffffff; } .calc .jClever-element-select-list li[data-value="0"] { display: none; } .calc .toys .bg-blue, .calc .garland .bg-blue, .calc .ornament .bg-blue { background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #2597dc), color-stop(1, #47bcf5) ); background-image: -o-linear-gradient(top, #2597dc 0%, #47bcf5 100%); background-image: -moz-linear-gradient(top, #2597dc 0%, #47bcf5 100%); background-image: -webkit-linear-gradient(top, #2597dc 0%, #47bcf5 100%); background-image: -ms-linear-gradient(top, #2597dc 0%, #47bcf5 100%); background-image: linear-gradient(to top, #2597dc 0%, #47bcf5 100%); } /* Преимущества */ .frontpage .advantages { height: 196px; overflow: hidden; margin-bottom: 0.625rem; margin-top: 0px; } .frontpage .advantages .adv1 { width: 175px; height: 180px; background: url(../img/icons/advantages.png) no-repeat 0px 0px; } .frontpage .advantages .adv2 { width: 175px; height: 180px; background: url(../img/icons/advantages.png) no-repeat -210px 0px; } .frontpage .advantages .adv3 { width: 175px; height: 180px; background: url(../img/icons/advantages.png) no-repeat -410px 0px; } .frontpage .advantages .adv4 { width: 175px; height: 180px; background: url(../img/icons/advantages.png) no-repeat -610px 0px; } .frontpage .advantages .adv5 { width: 175px; height: 180px; background: url(../img/icons/advantages.png) no-repeat -810px 0px; } .frontpage .advantages .adv6 { width: 175px; height: 180px; background: url(../img/icons/advantages.png) no-repeat -1030px 0px; } .frontpage ul.categories li { padding: 0.5rem 0.9375rem; border-top: 1px solid #ccc; } .frontpage ul.categories li:last-child { border-bottom: 1px solid #ccc; } .body .price-list .content { padding: 0.625rem 0.625rem 0.625rem 0rem !important; } .body .price-list ul { list-style: none; margin-bottom: 0.3125rem; } .body .price-list ul li { background: url(../img/icons/excel.png) no-repeat 0rem 0.3125rem; padding-left: 1rem; } .body .price-list .content { padding: 1.25rem; } .body .price-list .content a { font-size: 0.875rem; font-weight: bold; } .sidebar .pay-type img { max-width: 80px; vertical-align: middle; margin: 0px 5px 20px 5px; } .pay-type .content { padding: 1.25rem; text-align: center; } .red-label, .red-label a { font-weight: bold; font-size: 1rem; line-height: 1.5rem; margin-top: 0.2rem; margin-bottom: 0.5rem; } .category-inside .red-label { font-size: 0.85rem; } .blue-label { margin-left: -0.3125rem; } .find__button { font-size: 18px; padding: 0.3545rem 0.8rem 0.3545rem 0.8rem; border-radius: 0.375rem; } /* * Теги */ #tags ul { margin: 0; list-style: none; } #tags ul li { display: inline-block; margin: 0 1rem 1em 0; } #tags ul li a { display: inline-block; } .cat #tags .content { padding: 1rem 1rem 0 1rem; } .page #tags { max-width: 1000px; margin-top: 1rem; } .cat .site_sale_hit { margin-bottom: 1rem; } /* |-------------------------------------------------------------------------- | Calculators |-------------------------------------------------------------------------- */ .calculators__intro { font-size: 20px; line-height: 140%; color: #494A4A; margin-bottom: 2rem; } .calculators__container { max-width: 64rem; margin: 0 auto; position: relative; } .calculator { margin-right: 2rem; margin-bottom: 2rem; } @media only screen and (min-width: 80.4375em) { .calculator { margin-right: 4rem; } } .calculator:last-child { margin-right: 0; } .calculator .button { width: 140px; } .calculator__title { font-size: 20px; line-height: 18px; color: #494A4A; font-weight: bold; margin-bottom: 2rem; } .calculator__item { display: inline-block; vertical-align: top; margin-right: 1rem; } .calculator__item:last-child { margin-right: 0; } .calculator .label__caption { display: block; margin-bottom: 0.2rem; font-weight: 300; font-size: 12px; line-height: 14px; color: #576879; vertical-align: top; } .calculator-toys__height, .calculator-garland__height, .calculator-toys__diameter, .calculator-garland__diameter { display: inline-block !important; border: 1px solid #DDDDDD !important; border-radius: 4px !important; width: 80px !important; text-align: center; box-shadow: none !important; height: 2rem !important; line-height: 2rem !important; margin-bottom: 0 !important; font-size: 14px !important; color: #494A4A !important; } .calculator__dimension { font-size: 14px; line-height: 24px; color: #494A4A; margin-left: 0.5rem; font-weight: normal; } .calculator__calc, .calculator__img, .calculator__count { display: inline-block; vertical-align: top; } .calculator__count { height: 120px; position: relative; top: 60px; } .calculator__calc { max-width: 558px; width: 100%; } .calculator__calc, .calculator__img { margin-right: 3rem; } .calculator-garland__threads { display: inline-block; width: 60px; } .calculator-garland__threads .form-select__selected { padding: 0.1rem 1.4rem 0.2rem 0.7rem; height: inherit; } .calculator-garland__colors picture { position: relative; margin-bottom: 0.75rem; margin-right: 0.75rem; cursor: pointer; } .calculator-garland__colors picture.is-active:before { content: ''; display: block; width: 24px; height: 24px; border: 2px solid #FF9D30; position: absolute; top: -2px; left: -4px; border-radius: 50%; } .calculator-color picture { position: relative; cursor: pointer; } .calculator-color picture img { margin-bottom: 0.75rem; margin-right: 0.75rem; } .calculator-color picture.is-active:before { content: ''; display: block; width: 32px; height: 32px; border: 2px solid #FF9D30; position: absolute; top: -12px; left: -4px; border-radius: 50%; } .calculator-garland__decor .form-radio.bottom { display: inline-block; } .calculator__count-text { text-align: center; max-width: 140px; margin-bottom: 1rem; } .calculator-garland__bulb .form-radio { display: inline-block; } .calculator-garland__bulb-1, .calculator-garland__bulb-2 { display: block; width: 34px; height: 29px; } .calculator-garland__bulb-1 { background: url(../img/calculator/garland/bulb/1.png) no-repeat 0 0; } .calculator-garland__bulb-2 { background: url(../img/calculator/garland/bulb/2.png) no-repeat 0 0; } .calculator__img { width: 157px; height: 238px; } .calculator__img_e { width: 43px; height: 45px; float: left; cursor: pointer; } .calculator__img_e1 { background: url(../img/calculator/garland/decor/e1.png) no-repeat; } #calculatorGarlandDecor1:checked + label .calculator__img_e1 { background: url(../img/calculator/garland/decor/e1_active.png) no-repeat; } .calculator__img_e2 { background: url(../img/calculator/garland/decor/e2.png) no-repeat; } #calculatorGarlandDecor2:checked + label .calculator__img_e2 { background: url(../img/calculator/garland/decor/e2_active.png) no-repeat; } .calculator__img_e3 { background: url(../img/calculator/garland/decor/e3.png) no-repeat; } #calculatorGarlandDecor3:checked + label .calculator__img_e3 { background: url(../img/calculator/garland/decor/e3_active.png) no-repeat; } /* |-------------------------------------------------------------------------- | Autocomplete |-------------------------------------------------------------------------- */ .autocomplete-response { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1); position: absolute; display: none; z-index: 9999; max-height: 354px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { position: relative; /*padding: 0 .6em;*/ font-size: 14px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; margin-bottom: 0.4rem; } .autocomplete-suggestion:last-child { margin-bottom: 0; } .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; } .autocomplete-suggestion.selected { background: #f0f0f0; } .autocomplete-suggestion__img img { float: left; width: 50px; height: 50px; margin-right: 0.5em; } .autocomplete-suggestion__name { /* overflow: hidden;*/ } .autocomplete-response__item { padding: 0.5rem; margin-bottom: 0.5rem; } .autocomplete-response__item:last-child { margin-bottom: 0; } .autocomplete-response__title { float: left; font-size: 12px; color: #8E8E8E; margin-right: 1rem; } .autocomplete-suggestions { overflow: hidden; } .autocomplete-goods { position: absolute; width: 100% !important; left: 0 !important; overflow: inherit; max-height: inherit; border: none; box-shadow: 0px 5px 3px rgba(0,0,0,.1); margin-top: 1rem; } .autocomplete-goods .autocomplete-response__container { position: relative; margin-left: -90px; } .autocomplete-response__search { text-align: right; margin-right: 50%; margin-top: 0.5rem; margin-bottom: 1rem; font-size: 14px; } .search-sidebar__caption { color: #8E8E8E; font-size: 12px; } /* |-------------------------------------------------------------------------- | site_sale_hit |-------------------------------------------------------------------------- */ .site_sale_hit .orbit-container .orbit-prev, .site_sale_hit .orbit-container .orbit-next { top: 22%; } /* |-------------------------------------------------------------------------- | Sidebar |-------------------------------------------------------------------------- */ .sidebar {} .sidebar__item { margin-bottom: 0.58rem; } .sidebar__container { border: 1px solid #6aa4ba; border-radius: 0.375rem; background: #fff; padding: 10px; } .sidebar__caption, .sidebar__caption a { display: block; color: #ff0000; font-size: 1rem; font-weight: bold; line-height: 1.5rem; margin-bottom: 0.5rem; } .sidebar-banner .content { padding: 1rem 0; } .sidebar-filter { position: relative; } .sidebar-filter__item { margin-bottom: 1rem; } .sidebar-filter__title { display: inline-block; border-bottom: 1px dotted; font-size: 0.875rem; font-weight: bold; margin-bottom: 0.5rem; cursor: pointer; } .sidebar-filter__container { max-height: 12.5rem; overflow: auto; } .sidebar-filter-slider .sidebar-filter__container { padding: 0.5rem 1rem 0 1rem; } .sidebar-filter__label { font-size: 0.75rem; } .sidebar-filter__label_disabled { color: #ccc; } input.sidebar-filter__input { margin-bottom: 0; position: relative; top: 2px; } .sidebar-filter-checkbox__list { margin-bottom: 0; } .sidebar-filter-reset { text-align: center; margin-bottom: 0.5rem; } .sidebar-filter__reset { margin-bottom: 0 !important; } .sidebar-filter__result { position: absolute; right: -130px; border-radius: 5px; padding: 4px 6px; font-size: 0.75rem; background: #fffcbd; border: 2px solid #ffbc00; margin-bottom: 0.625rem; z-index: 1; } .sidebar-filter__apply.button, .sidebar-filter__reset.button { font-size: 0.875rem; margin-bottom: 0; } .sidebar-filter__apply { margin-right: 0.5rem; } .goods__image { cursor: pointer; } .tags__margin { margin-top: 0.5rem; } /* filter */ #filter.fixed { width: 100%; max-width: 1304px; position: fixed; top: 72px; left: auto; z-index: 10; } #filter .count { position: absolute; z-index: 100; font-size: 14px; padding: 8px 10px; border: 1px solid #88b7d5; background-color: #F0FBFF; border-radius: 4px; } #filter .count:after, #filter .count:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #filter .count:after { border-color: rgba(136, 183, 213, 0); border-right-color: #f0fbff; border-width: 7px; margin-top: -7px; } #filter .count:before { border-color: rgba(194, 225, 245, 0); border-right-color: #88b7d5; border-width: 8px; margin-top: -8px; } .sorting { margin-bottom: 5px; } #sort, #sortusergoods { font-size: 0.875rem; line-height: 1.75rem; color: #2ba6cb; } #sort .select, #sortusergoods .select { display: inline; position: relative; } #sort .select > .sort, #sortusergoods .select > .sort { border-bottom: 1px dotted; cursor: pointer; } #sort .select.is-active ul, #sortusergoods .select.is-active ul { display: block; z-index: 10; } #sort ul, #sortusergoods ul { display: none; position: absolute; top: 100%; left: 0; margin-left: -28px; margin-top: 0.3125rem; white-space: nowrap; font-size: 0.875rem; line-height: 1rem; border: 1px solid #cbcbcb; background: #fff; box-shadow: 0 1px 8px rgba(0,0,0,.25); } #sort ul li, #sortusergoods ul li { padding: 2px 20px 2px 10px; cursor: pointer; text-align: left; } #sort ul li:hover, #sortusergoods ul li:hover { background: #2199e8;; color: #fff; } #sort ul li .fi-check, #sortusergoods ul li .fi-check { visibility: hidden; margin-right: 5px; } #sort ul li.current .fi-check, #sortusergoods ul li.current .fi-check { visibility: visible; } .ui-corner-all { border-radius: 0.625rem; border: 1px solid #2ba6cb; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #2ba6cb; } .ui-widget-header { background: #2ba6cb !important; } .ui-slider .ui-slider-handle { width: 0.9em; height: 0.9em; cursor: pointer; outline: 0; } .ui-slider-horizontal { height: 0.3em; } .ui-slider-horizontal .ui-slider-handle { top: -0.4em; } .param:hover { background-color: #fafdff; } .param-subgoup:nth-of-type(2) .param:first-child .param-label { border-top: none; } .param-subgoup:nth-of-type(2) .param:first-child:hover { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; } .param-subgoup:last-of-type .param:last-child:hover { border-bottom-left-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .param-subgoup.name:nth-last-of-type(2) { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .param-subgoup.name.opened { border-radius: 0px; } .param-subgoup.name { font-weight: bold; color: #2ba6cb; padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; border-top: 1px solid #6aa4ba; background-color: #f5f5f5; cursor: pointer; } .param-subgoup.name:hover { background-color: #fafdff; } .param-subgoup.clear { padding: 0.625rem 0.9375rem 0.625rem 0.9375rem; border-top: 1px solid #6aa4ba; } .param-subgoup.clear a { color: #ff0000; font-weight: bold; } .param-label { color: #2ba6cb; padding: 0.625rem 0rem; font-size: 0.875rem; padding-left: 25px; padding-right: 10px; text-indent: -6px; cursor: pointer; } .param.open .param-label { cursor: default; } .param.close .param-container { display: none; } .param-label.border { border-left: none; border-right: none; border-bottom: none; } .param-label .fi-arrow-down { margin-right: 5px; } .param_subgoup_name span.click { cursor: pointer; border-bottom: 1px dotted #2ba6cb; } .param .param-container { padding-left: 0.625rem; padding-right: 0.625rem; padding-bottom: 0.625rem; } .param.checkbox .param-container { max-height: 12.5rem; overflow-y: auto; } .param.checkbox .param-container div, .param.radio .param-container div { padding-left: 25px; text-indent: -25px; } .param .param-container input { cursor: pointer; } .param .param-container label { display: inline; } .param.checkbox .param-container > div { line-height: 120%; } .param.checkbox .param-container input, .param.radio .param-container input { margin-bottom: 0rem; vertical-align: middle; } .param.radio .param-container > div { line-height: 100%; } .param.checkbox .param-container span, .param.radio .param-container span { font-size: 0.75rem; margin-left: 0.3125rem; } .param.slider .param-container { overflow: inherit; } .param.slider .param-container, .param_abbit_input { width: 82% !important; margin-left: 1.375rem !important; } .param_abbit_input { height: 2.0025rem !important; } .param_show_slider1, .param_show_slider2 { display: inline-block; vertical-align: middle; margin-right: -0.3125rem; margin-top: 0.5rem; font-size: 0.875rem; } .param_show_slider2 { float: right; } .param_show_slider_input { padding: 0.1rem 0.5rem 0.1rem 0.5rem !important; width: 5rem !important; max-width: 45%; height: 1.4125rem !important; line-height: 1.4125rem !important; } .param_show_slider_input1, .param_show_slider_input2 { display: inline-block !important; vertical-align: middle; margin-left: -0.625rem !important; margin-right: -0.625rem !important; } .param_show_slider_input2 { float: right; } .param_request_brand { border: 1px solid #adadad; } .brand .description, .series .description { background: #fff; padding: 1rem; margin-top: 1rem; margin-bottom: 1rem; } .brand .description img, .series .description img { margin-right: 0.5rem; margin-bottom: 0.5rem; } .brand .brand-logo { margin-right: 1rem; } .brands, .series-all { font-size: 0.875rem; } .brands .name, .series-all .name { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .brands .border.radius, .series-all .border.radius { margin-top: 1.25rem; padding-top: 0.9375em; } .brands .border.radius div, .series-all .border.radius div { margin-bottom: 0.9375em; overflow: hidden; } .brands .border.radius div img, .series-all .border.radius div img { display: block; height: 60px; } .brands .border.radius a img, .series-all .border.radius a img { max-width: 5rem; max-height: 5rem; } .series-all .series-logo { margin-right: 1rem; } .series-logo { margin-top: -1.125rem; margin-right: 1rem; } .compare .tabs .tab-title > a { padding: 0.6rem 1rem; } .compare .tab-title .fi-x-circle { position: absolute; right: 2px; top: -3px; color: #ff0000; cursor: pointer; } .compare .tabs-content .td { width: 12.5rem; min-width: 12.5rem; max-width: 12.5rem; } .compare .table .header.absolute { position: absolute; } .compare .table .header.fixed { width: inherit; left: auto; } .compare .table.params .header.fixed { background: #fff; overflow: hidden; } .compare .params .td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .compare .params .header .td { white-space: normal; } .compare .table .header .td { text-align: center; height: 15.3125rem; } .compare .tabs-content img { height: 7.5rem; } .compare .header .image img { display: block; margin: 0 auto; } .compare .header .description { height: 2.875rem; overflow: hidden; } .compare .header .fi-x-circle { font-size: 1.2rem; color: #ff0000; cursor: pointer; margin-bottom: 0.125rem; } .compare .params .order .button { padding: 0.2275rem 0.4rem 0.2275rem 0.4rem; } .compare .lead { position: absolute; top: 0; left: 0; background: #fff; box-shadow: 0 8px 6px -6px rgba(0,0,0,.1); } .compare .lead .wrapper { margin-left: 12.5rem; overflow: hidden; } .compare .lead .table { position: relative; } .compare .lead.hide { display: none; } .compare .lead .tr.header { background: #fff; } .compare .tbl { position: relative; } .compare .content { position: relative; } .compare .properties { position: absolute; left: 0; top: 0; } .compare .overflow { margin-left: 12.5rem; overflow-x: auto; overflow-y: hidden; } /* filter */ .multifilters-new .button { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 25px; position: relative; margin: 0; padding: 0 8px; border: 1px solid #d5d5d5; border-top-color: #ddd; border-bottom-color: #cdcdcd; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, .4); font-size: 0.875rem; line-height: 23px; text-decoration: none; cursor: pointer; overflow: visible; outline: 0; color: #000; background: #f5f5f5; background: -webkit-linear-gradient(top, #fff, #efefef); background: -moz-linear-gradient(top, #fff, #efefef); background: -o-linear-gradient(top, #fff, #efefef); background: linear-gradient(to bottom, #fff, #efefef); -webkit-user-select: none; -moz-user-select: none; -webkit-appearance: none; } .multifilters-new .button:hover { color: #000; } .button-dropdown { display: inline-block; position: relative; } .dropdown { display: none; position: absolute; top: 40px; margin: 0; padding: 13px 10px 7px; border: 1px solid #cbcbcb; background: #fff; text-align: left; list-style-type: none; font-size: 0.875rem; box-shadow: 0 1px 8px rgba(0,0,0,.25); } .button-dropdown_open > .dropdown { display: block } .button-dropdown_open > .button, .button-dropdown_open > .button_big { border-color: #6aa4ba; box-shadow: 0 0 0 2px rgba(106, 164, 186, .3), inset 0 1px 4px rgba(0, 0, 0, .10); background: #eee; background: -webkit-linear-gradient(top, #fcfcfc, #ececec); background: -moz-linear-gradient(top, #fcfcfc, #ececec); background: -o-linear-gradient(top, #fcfcfc, #ececec); background: linear-gradient(to bottom, #fcfcfc, #ececec) } .multifilters-new .button_blue { border: 1px solid #2ba6cb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); background: #2ba6cb; } .multifilters-new .button__title { display: inline-block; height: 100%; position: relative; color: #333; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .multifilters-new .button_blue .button__title { text-shadow: 0 -1px 1px rgba(0,0,0,.3); color: #fff; } .multifilters-new .button_off .button__title { top: auto!important; } .multifilters-new { z-index: 4; position: relative; padding: 5px 15px 0px 65px; background: #fff; font-size: 0; margin-bottom: 15px; } .multifilters-new__title { position: absolute; top: 9px; left: 0px; font-size: 0.875rem; font-weight: bold; } .js-multifilters.js-multifilters_fixed { width: 748px; position: fixed; z-index: 10; top: 0 } .js-multifilters.js-multifilters_fixed:after { content: ''; height: 1px; background-color: #FFF; box-shadow: 0 1px 0 0 rgba(0, 0, 0, .05), 0 0 3px 0 rgba(0, 0, 0, .25); display: none } .multifilter-new { display: inline-block; margin: 0 10px 10px 0; white-space: nowrap } .multifilter-new_sizes { position: relative } .range { height: 25px; } .multifilters-new .not-touch .range .button:hover, .multifilters-new .not-touch .range .button_big:hover, .multifilters-new .touch .range .button:active, .touch .range .button_big:active { background: -webkit-linear-gradient(top,#fff,#efefef); background: -moz-linear-gradient(top,#fff,#efefef); background: -o-linear-gradient(top,#fff,#efefef); background: linear-gradient(to bottom,#fff,#efefef); } .multifilter-new .range { width: 83px; margin: 0 57px } .multifilter-new .range__inner { text-align: center } .multifilter-new .range_inputs { width: 44px; margin: -5px 75px 0 } .multifilter-new .range__value { width: 57px } .multifilter-new input.range__value { text-align: center } .range__line-bg { height: 5px; position: relative; border: 1px solid #d8d8d8; border-top-color: #cdcdcd; border-bottom-color: #e8e8e8; border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0,0,0,.22); background: #eee; } .multifilter-new .range__line-bg { margin: 0 -57px } .range__line { z-index: 1; height: 5px; position: relative; top: 50%; left: 0; margin-top: -7px; border-top: 1px solid #96aec7; border-bottom: 1px solid #acc6e4; box-shadow: inset 0 1px 2px rgba(0,0,0,.22); background: #b0cbe9; } .range__value { position: absolute; top: 50%; margin-top: -14px; font-size: 0.875rem; } .range__value_left { right: 100%; } .range__value_right { left: 100%; } .multifilter-new .button, .multifilter-new .button-dropdown { font-size: 0.875rem; } .multifilter-new .button-dropdown { z-index: 1 } .multifilter-new .button-dropdown_open { z-index: 2 } .multifilter-new_active .multifilter-new__button { border: 1px solid #2ba6cb; border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); background: url(../i/controls-bg.png) 0 -199px repeat-x #9bafcf; background: #2ba6cb; } .not-touch .multifilter-new_active .multifilter-new__button:hover, .touch .multifilter-new_active .multifilter-new__button:active { background: url(../i/controls-bg.png) 0 -224px repeat-x #a4b7d5; background: -webkit-linear-gradient(top, #94abcf, #7790b6); background: -moz-linear-gradient(top, #94abcf, #7790b6); background: -o-linear-gradient(top, #94abcf, #7790b6); background: linear-gradient(to bottom, #94abcf, #7790b6) } .multifilter-new_active .button-dropdown_open .multifilter-new__button, .multifilter-new_active .multifilter-new__button.button_active { border-color: #2ba6cb; box-shadow: 0 0 0 2px rgba(106, 164, 186, .3), inset 0 1px 4px rgba(0, 0, 0, .10); -webkit-box-shadow: 0 0 0 2px rgba(106, 164, 186, .3), inset 0 1px 4px rgba(0, 0, 0, .10); -moz-box-shadow: 0 0 0 2px rgba(106, 164, 186, .3), inset 0 1px 4px rgba(0, 0, 0, .10); background: url(../i/controls-bg.png) 0 -249px repeat-x #8299be; background: #2ba6cb; } .multifilter-new_active .multifilter-new__button .button__title { color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,.3); } .button-dropdown_open .multifilter-new__button .button__title { top: 1px } .multifilter-new .dropdown { z-index: 10; min-width: 218px; left: 50%; margin-left: -106px; padding: 15px 2px 0 10px } .multifilter-new[data-id-filter=category] .dropdown { margin-left: -202px; } .multifilter-new_price .dropdown { min-width: 199px; margin-left: -110px; padding-right: 10px } .multifilter-new_heels .multifilter-list-new, .multifilter-new_price .multifilter-list-new { max-height: auto; padding-bottom: 10px; overflow: visible } .multifilter-new__value:before { content: ':'; margin-right: 5px; } .multifilters-new .multifilter-new__reset { z-index: 0; margin-left: -32px; -webkit-transition: margin .2s ease; -moz-transition: margin .2s ease; -o-transition: margin .2s ease; transition: margin .2s ease } .multifilters-new .multifilter-new_active .multifilter-new__reset { margin-left: -1px; visibility: visible; opacity: 1 } .multifilters-new .multifilter-new__reset:before { content: ''; display: block; width: 1px; position: absolute; top: 0; bottom: 0; left: 0; background: #8ba4ce } .multifilters-new .button_active.multifilter-new__reset:before { background: 0 0 } .multifilters-new .button__icon { display: inline-block; vertical-align: middle; margin: -2px 0 0 -4px; background: url(../img/icons/controls_icon.png) no-repeat; } .multifilters-new .multifilter-new__reset .button__icon { width: 13px; height: 14px; margin: -4px 0 0; background: url(../img/icons/multifilter__reset.png) no-repeat } .multifilter-new__reset.button_active .button__icon { margin-top: -2px } .multifilters-new .multifilter-list-new { max-height: 240px; margin: -8px 0 0; padding: 8px 5px 0; overflow-x: visible; overflow-y: scroll; list-style-type: none } .multifilters-new .multifilter-list-new:after { content: ''; display: block; height: 1px; background: 0 0 } .multifilters-new .multifilter-list-new__section { display: inline-block; vertical-align: top; width: 140px; margin-right: 6px } .multifilters-new .multifilter-list-new__section_header { margin-bottom: 12px; font-weight: 700; font-size: 0.875rem; } .multifilter-list-new__section_list { padding: 6px 6px 0 0; overflow: hidden; max-height: 100% } .multifilter-list-new__section_list label { white-space: normal } .dropdown:before { content: ''; display: block; width: 19px; height: 16px; position: absolute; top: -10px; left: 50%; margin-left: -11px; background: url(../img/icons/controls_icon.png) -45px -21px no-repeat; } .dropdown:after { content: ''; z-index: -1; display: block; width: 6px; height: 6px; position: absolute; top: -4px; left: 50%; margin-left: -3px; border-radius: 100%; box-shadow: 0 -2px 8px 1px rgba(0,0,0,.25); } .multifilter-new_materials .dropdown:after, .multifilter-new_materials .dropdown:before { left: 86px } .multifilter-item-new_last-of-checked { border-bottom: 1px solid #eee; margin-bottom: 17px; padding-bottom: 8px } .multifilter-new.checkbox .multifilter-item-new span { display: inline-block; cursor: pointer; width: 12px; height: 12px; position: relative; padding: 0; vertical-align: middle; border: 1px solid #d6d6d6; border-top-color: #dcdcdc; border-bottom-color: #cdcdcd; border-radius: 2px; box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); background: #f4f4f4; background: -webkit-linear-gradient(top,#fefefe,#eee); background: -moz-linear-gradient(top,#fefefe,#eee); background: -o-linear-gradient(top,#fefefe,#eee); background: linear-gradient(to bottom,#fefefe,#eee); } .checkbox_checked, .radio_checked, .checkbox_checked.checkbox_active, .not-touch .checkbox_checked.checkbox_active:hover, .not-touch .checkbox_checked:hover, .touch .checkbox_checked:active { border: 1px solid #7992b8; border-top-color: #88a0c6; border-bottom-color: #607ba2; background: -webkit-linear-gradient(top,#c6def6 0,#97aed3 70%,#adc6e3 100%); background: -moz-linear-gradient(top,#c6def6 0,#97aed3 70%,#adc6e3 100%); background: -o-linear-gradient(top,#c6def6 0,#97aed3 70%,#adc6e3 100%); background: linear-gradient(to bottom,#c6def6 0,#97aed3 70%,#adc6e3 100%); } .checkbox_checked .checkbox__tick, .radio_checked .radio__tick { display: block; } .multifilter-new.radio .multifilter-item-new span { display: inline-block; width: 12px; height: 12px; position: relative; padding: 0; vertical-align: middle; border: 1px solid #d6d6d6; border-top-color: #dcdcdc; border-bottom-color: #cdcdcd; border-radius: 6px; box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); background: #f4f4f4; background: -webkit-linear-gradient(top,#fefefe,#eee); background: -moz-linear-gradient(top,#fefefe,#eee); background: -o-linear-gradient(top,#fefefe,#eee); background: linear-gradient(to bottom,#fefefe,#eee); } .multifilter-item-new span { float: left } .multifilter-new.checkbox .multifilter-item-new.disabled span { border: 1px solid #f7f7f7; } .multifilter-item-new.disabled label { color: #ccc; } .checkbox__native, .radio__native { display: none; } .checkbox__tick, .radio__tick { display: none; width: 12px; height: 12px; position: absolute; top: -2px; left: 2px; background: url(../img/icons/controls_icon.png) -5px -7px no-repeat; } .multifilter-item-new__label { display: block; position: relative; top: -2px; vertical-align: top; margin-left: 15px; padding: 0 0 8px 9px; line-height: 16px } .multifilter-new_colors .multifilter-item-new__label { padding-left: 20px } .multifilter-new_colors .multifilter-item-new__label:before { content: ''; display: inline-block; position: absolute; top: 3px; left: 5px; margin: 0; padding: 4px; border: 1px solid #e1e1e1; background: #eee } .multifilter-new_colors .multifilter-item-new__label_647:before { background: #f0d2ab } .multifilter-new_colors .multifilter-item-new__label_615:before { background: #fff } .multifilter-new_colors .multifilter-item-new__label_3865:before { background: #9b2d30 } .multifilter-new_colors .multifilter-item-new__label_:before { background: #30d5c8 } .multifilter-new_colors .multifilter-item-new__label_859:before { background: #75a4e1 } .multifilter-new_colors .multifilter-item-new__label_613:before { background: #fff12d } .multifilter-new_colors .multifilter-item-new__label_637:before { background: #81c322 } .multifilter-new_colors .multifilter-item-new__label_3851:before { background: #ffc000 } .multifilter-new_colors .multifilter-item-new__label_641:before { background: #50371c } .multifilter-new_colors .multifilter-item-new__label_619:before { background: #ff4f54 } .multifilter-new_colors .multifilter-item-new__label_631:before { background: #eee } .multifilter-new_colors .multifilter-item-new__label_629:before { background: #ff9000 } .multifilter-new_colors .multifilter-item-new__label_6230:before { background: #eee } .multifilter-new_colors .multifilter-item-new__label_623:before { background: #ff79e4 } .multifilter-new_colors .multifilter-item-new__label_635:before { background: #b6b6b6 } .multifilter-new_colors .multifilter-item-new__label_643:before { background: #5367ff } .multifilter-new_colors .multifilter-item-new__label_689:before { background: #a04cff } .multifilter-new_colors .multifilter-item-new__label_3847:before { background: #c0c975 } .multifilter-new_colors .multifilter-item-new__label_645:before { background: #000 } .multifilter-new_colors .multifilter-item-new__label_30861:before { background: #f754e1 } .multifilter-actions-new { margin: 0 -2px 0 -10px; padding: 10px 0 10px 15px; border-top: 1px solid #eee } .multifilter-new_price .multifilter-actions-new { margin-right: -10px } .subcat-carousel { margin: 0 -16px 18px -20px } .subcat-carousel .h2 { padding-left: 20px } .subcat-carousel__viewport { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none } .subcat-carousel__viewport.subcat-carousel__viewport_glasses .subcat-carousel__item-img { height: auto } .subcat-carousel_overflow .subcat-carousel__viewport { overflow: scroll } .subcat-carousel__list { display: inline-block; white-space: nowrap } .subcat-carousel__item { display: inline-block; width: 246px; vertical-align: top; position: relative; margin-right: 5px } .subcat-carousel__item-img { width: 100%; height: 364px; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; opacity: .75 } .not-touch .subcat-carousel__item:hover .subcat-carousel__item-img, .touch .subcat-carousel__item:active .subcat-carousel__item-img { opacity: 1 } .subcat-carousel__item-title { text-align: center; position: absolute; margin-top: -35px; display: inline-block; top: 100%; left: 0; width: 100% } .subcat-carousel__item-qv-button { position: absolute; top: 10px; right: 10px; width: 26px; height: 26px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAA2CAYAAADZJImDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDlCMkVFRERGMEVGMTFFNEE0QjFBNzdDRkMwMDRBNzYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDlCMkVFREVGMEVGMTFFNEE0QjFBNzdDRkMwMDRBNzYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEOUIyRUVEQkYwRUYxMUU0QTRCMUE3N0NGQzAwNEE3NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEOUIyRUVEQ0YwRUYxMUU0QTRCMUE3N0NGQzAwNEE3NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtUvh4sAAAJZSURBVHjaxJhNTsJAFMfbplFkSVf0AICw4ARSV7rRaPQuXgUbwhE0utS4osGwISYsFDkAOw7ghvomeZMM0/mkH0zyY9GZvv90OvPev3iOvrWAB+ADWAN/yBqvkb5WmqaOClWLgAmQGkLGRjZCNeAR2FqIULZ4b00n1AA+9xDgITEaMqE6MCtAhEJi1UVCowJFKCNeKNrznZi8s4gVSkxvps1CLKFCfZtZ7iFE6Hvwc+eU3+6I0FkFQgMi1KlAqO3DTyDrVeUoUZ/rurLhgedU1IjQRtZJZshj0idoGyK0rOCBfj08rGW3hAg9VyD0VGkKKjupnvNHIS5BKD5o4XMwS8wKEgl05uSkAHNSt7VbUwuRKX3xIlyDM0Cy+w1wCZwySZikrh/gDXiFYMoM4+Y9ibploc03HZi3+Qb1hHjvW+AC6HJL9w28Ay/ASjlpxc4o1nsLhHjvvQLGwDUQAsdIiNfGOEbtvTkh3nsPVRuGuc/FsXLvzQxmU9AX0DPZcdxEe3hvNgUxg6j3nuOyOLZCGCfEGLveGzvZMtGxOUMSsU7Ge2NHwrwTbXxE9yk5lHnvhemDmAhh8IXIe09KSAgTkfcuw6TQmAMHP+NT053GLp1Bpglx7NrncpcoqEpQVw02B/XegWSGPCZ9Dhdzx3tbfycZ/EPSFnnvMj4x7xknXM2BrS4FCZJqt4Ck2s14b6YzZspEM8dmaDJlItYVvnmOwjdXFj4cyHvvoakQV8qz3ltwBnjvvcTqe4XLcoQ08doIx6i9t8ZuFee9WQGJgTTy3uSpVAbyX4ABAGU2GZUDKInTAAAAAElFTkSuQmCC) } .subcat-carousel__item-qv-button:hover { background-position: 0 -28px } .subcat-carousel__item-selected { width: 497px } .subcat-carousel__item-selected .subcat-carousel__item-img { opacity: 1 } .subcat-carousel__item-selected .subcat-carousel__item-title { color: #ffa42d; width: 246px } .subcat-carousel__item-selected .subcat-carousel__item-qv-button { right: 278px } .subcat-carousel__item-images { width: 229px; float: left } .subcat-carousel__item-subscription { float: left; margin: 80px 0 0 20px } .subcat-carousel__item-subscription-title { white-space: normal; color: #333; font-size: 24px; font-weight: 700; width: 135px; line-height: 24px } .subcat-carousel__item-subscription-text { white-space: normal; color: #888889; margin-top: 10px; line-height: 18px } .multifilter-recommends.dropdown { z-index: 10; display: block; width: 224px; top: 100%; left: 0; margin: 15px 0 0; padding: 15px 20px; white-space: normal; overflow: visible; line-height: 16px } .multifilter-recommends:before { left: 20px; margin-left: 0 } .multifilter-recommends:after { left: 27px; margin-left: 0 } .multifilter-recommends__list { font-weight: 700 } .multifilter-recommends__actions { margin-top: 14px } .multifilter-recommends__actions-apply { margin-right: 17px } .multifilter-recommends__actions-skip { color: #6a82a9; cursor: pointer } .slider-value { margin: 10px 5px; } .slider .multifilter-list-new { overflow: hidden; width: 200px; padding-right: 10px; padding-left: 10px; } .multifilter-new.toggle.hide { display: none; } /* filter mobile */ .controls { margin-bottom: 0.5rem; } #filter-mobile .slider-value { margin: 10px 20px; } .slider .multifilter-list-new { overflow: hidden; padding-right: 15px; padding-left: 15px; } .multifilter-new.toggle.hide { display: none; } #filter-mobile { margin-bottom: 15px; } #filter-mobile .filter { position: relative; min-height: 35px; height: auto; font-size: 17px; line-height: 1.8rem; border-bottom: 1px solid #ccc; white-space: nowrap; margin-top: 0px; margin-bottom: 0px; background: none; } #filter-mobile .filter:first-child { border-top: 1px solid #ff9d30; } #filter-mobile label { font-size: 17px; color: #6a82a9; white-space: nowrap; position: absolute; right: 15px; } #filter-mobile .filter .title, #filter-mobile label, #filter-mobile .lbl { padding: 8px 0; display: block; } #filter-mobile select { opacity: 0; margin-bottom: 0; } #filter-mobile .buttons { margin-top: 8px; } #filter-mobile .button { width: 100%; border: 1px solid #2199e8; border-radius: 3px; margin-bottom: 0; padding: 0.6rem 1rem 0.6625rem 1rem; line-height: inherit; } #filter-mobile .clear .button { background: none; color: #000; } /* block and portal */ .basket__link-to-homepage { font-size: 22px; margin-bottom: 1rem; } .basket__link-to-homepage a { color: #ff0000; } .cart-empty-show.hide { display: none !important; } .block.portal .content { padding-top: 15px; padding-bottom: 15px; } .block.portal a { display: block; width: 122px; height: 100px; background: url(../img/icons/pay_systems.png) no-repeat -20px -10px; margin: 0 auto; } /* |-------------------------------------------------------------------------- | Autocomplete |-------------------------------------------------------------------------- */ .autocomplete__spin { position: absolute; right: 0; margin-right: 24px; margin-top: 8px; width: 22px; height: 22px; border: 2px solid #2285A2; border-right-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; } /* |-------------------------------------------------------------------------- | Cart |-------------------------------------------------------------------------- */ .cart__fieldset { border: 1px solid #ddd; padding: 16px; border-radius: 16px; background: #fff; } .cart__button-submit { padding: 0.5rem 1rem 0.5625rem 1rem; margin-top: 5px; border-radius: 0.375rem; outline: 0; } .cart__auth-method input { margin-right: 0.5rem; margin-top: 4px; margin-bottom: 0.3125rem; vertical-align: top; } .cart__customer-type div { float: left; } .cart__customer-type span { margin-right: 0.625rem; } .cart__customer-type input { margin-bottom: 0; } .cart__info-firm { margin-top: 1rem; } .cart__delivery-type input { margin-right: -95px; margin-top: 5px; vertical-align: top; margin-bottom: 0; } .cart__delivery-type input+label { margin-left: 100px; margin-right: -100px; } .cart__pay_method label { float: left; margin-right: 30px; width: 151px; height: 165px; } .cart__pay_method label input { display: block; margin: 0 auto; zoom: 1.8; } .cart__pay_method label img { height: 66px; display: block; margin: 0 auto; } .cart__pay_method label span { display: block; min-height: 65px; text-align: center; } .cart__ticket_hide { display: none; } .cart__ticket_centered { text-align: center; } @media only screen and (min-width: 53.1875em) { .cart__ticket_centered { margin-left: 198px; } } @media only screen and (min-width: 77.9375em) { .cart__ticket_centered { margin-left: 396px; } } .cart__new-year-notice { margin-top: 1rem; color: #ff0000; } .cart-ticket { position: relative; width: 100%; max-width: 380px; float: left; margin-right: 1rem; margin-top: 1.25rem; font-size: 0.875rem; } .cart-ticket .has-tip, .cart-ticket .has-tip:hover { border-bottom: none; } .cart-ticket__content { height: 310px; background: #ceefff; border-radius: 5px; } .cart-ticket__labels { position: absolute; top: -23px; right: 10px; } .cart-ticket__label { background: #d20716; padding: 2px 4px; border-radius: 6px 6px 0px 0px; border: 1px solid #d20716; border-bottom: none; float: left; margin-left: 8px; font-size: 12px; color: #fff; } .cart-ticket__fi-marker { position: absolute; right: 0; top: -5px; font-size: 32px; color: #1e98ff; } .cart-ticket__logo { position: absolute; right: 0; width: 100px; height: 30px; margin-top: 5px; margin-right: 1rem; } .cart-ticket__logo_self_delivery { background: url(../../img/ticket/self_delivery.png) no-repeat; width: 28px; height: 30px; } .cart-ticket__logo_courier { background: url(../../img/ticket/courier.png) no-repeat; width: 29px; height: 19px; margin-top: 10px; } .cart-ticket__logo_dostavista { background: url(../../img/ticket/srochnaya.png) no-repeat; width: 30px; height: 20px; margin-top: 10px; } .cart-ticket__logo_ems { background: url(../../img/ticket/ems.png) no-repeat; width: 100px; height: 16px; margin-top: 10px; margin-right: 1rem; } .cart-ticket__logo_boxberry { background: url(../../img/ticket/boxberry.png) no-repeat; background-size: contain; width: 30px; height: 30px; } .cart-ticket__logo_pecom { background: url(../../img/ticket/pecom.png) no-repeat; width: 100px; height: 28px; } .cart-ticket__logo_gtd { background: url(../../img/ticket/gtd.png) no-repeat; width: 42px; height: 30px; } .cart-ticket__logo_zheldor { background: url(../../img/ticket/zheldor.png) no-repeat; width: 30px; height: 30px; } .cart-ticket__logo_pickpoint { background: url(../../img/ticket/pickpoint.png) no-repeat; width: 151px; height: 30px; } .cart-ticket__logo_sdek { background: url(../../img/ticket/sdek.png) no-repeat; width: 134px; height: 30px; } .cart-ticket__logo_dellin { background: url(../../img/ticket/dellin.png) no-repeat; width: 189px; height: 30px; } .cart-ticket__logo_energy { background: url(../../img/ticket/energy.png) no-repeat; width: 110px; height: 30px; } .cart-ticket__logo_russianpost { background: url(../../img/ticket/russianpost.png) no-repeat; width: 60px; height: 30px; } .cart-ticket__logo_dalli { background: url(../../img/ticket/dalli.png) no-repeat; width: 46px; height: 30px; } .cart-ticket__logo_easy_way { background: url(../../img/ticket/easy_way.png) no-repeat; width: 31px; height: 30px; } .cart-ticket__logo_iml { background: url(../../img/ticket/iml.png) no-repeat; width: 49px; height: 30px; } .cart-ticket__logo_dalli5post { background: url(../../img/ticket/dalli5post.png) no-repeat; width: 71px; height: 30px; } .cart-ticket__logo_fivepost { background: url(../../img/ticket/fivepost.png) no-repeat; width: 72px; height: 30px; } .cart-ticket__logo_yandexdost1 { background: url(../../img/ticket/yandexdost1.png) no-repeat; background-size: contain; width: 30px; height: 30px; } .cart-ticket__logo_yandexdost2 { background: url(../../img/ticket/yandexdost2.png) no-repeat; background-size: contain; width: 30px; height: 30px; } .cart-ticket__name { background: rgba(73,191,237,1); background: -moz-linear-gradient(top, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); background: -webkit-linear-gradient(top, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); background: -o-linear-gradient(top, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); background: -ms-linear-gradient(top, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); background: linear-gradient(to bottom, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); color: #fff; padding: 0.5rem 1rem; border-top-left-radius: 5px; border-top-right-radius: 5px; } .cart-ticket__name-info { font-size: 1rem; color: #ceefff; border-bottom: none; margin-left: 5px; cursor: help; } .cart-ticket__name-info:hover { color: #ceefff; } .cart-ticket__description { padding: 0.5rem 1rem 0.5rem 1rem; } .cart-ticket__period { margin-bottom: 0.625rem; } .cart-ticket__period .red { color: #ff0000; } .cart-ticket__period-info { font-size: 1rem; color: #248fbd; cursor: help; margin-left: 5px; border-bottom: none; } .cart-ticket__below_alt { font-size: 1rem; color: #248fbd; cursor: help; border-bottom: none; } .cart-ticket__below_alt:hover { border-bottom: none; } .cart-ticket__period-info:hover { color: #248fbd; } .cart-ticket__option { margin-bottom: 0.3125rem; } .cart-ticket__option label { display: inline; color: #000; } .cart-ticket__option_radio input { margin-bottom: 0; position: relative; top: 2px; } .cart-ticket__option_radio img { width: 30px; margin-right: 10px; border-bottom: none; } .cart-ticket__option_select select, .cart-ticket__option_pvz-list select { background-color: #fff; margin-bottom: 0; outline: 0; } .cart-ticket__option_select select:hover, .cart-ticket__option_pvz-list select:hover { background-color: #fff; } .cart-ticket__option_pvz-list { position: relative; } .cart-ticket__is_active_on_map { width: 315px; } .cart-ticket__calendar-postfix { margin-top: 1.4525rem; } .cart-ticket__option-block { float: left; width: 48%; margin-right: 5px; } .cart-ticket__option-block span { white-space: nowrap; } @media only screen and (max-width: 46.063em) { .cart-ticket__option-block span { font-size: 12px; } .cart-ticket__alt { font-size: 12px; } } .cart-ticket__option_disabled { cursor: default; } .cart-ticket__option_disabled img { opacity: 0.5; } .cart-ticket__option_disabled span { color: #999; } .cart-ticket__alt { margin: 5px 0; font-size: 14px; display: inline-block; line-height: 1.35; /* 28.10.21 - because of inline-block */ } .cart-ticket__button-submit { position: absolute; bottom: 0; right: 0; margin-right: 1rem; margin-bottom: 1rem; } /*.cart-ticket__show {*/ /*text-align: center;*/ /*}*/ /*@media only screen and (min-width: 53.1875em) {*/ /*.cart-ticket__show {*/ /*margin-left: 198px;*/ /*}*/ /*}*/ /*@media only screen and (min-width: 77.9375em) {*/ /*.cart-ticket__show {*/ /*margin-left: 396px;*/ /*}*/ /*}*/ #ymap { width: 600px; height: 500px; } @media only screen and (max-width: 46.063em) { #ymap { width: 350px; height: 350px; } } .pvz-map { max-width: 1320px; background: #fff; margin-top: 1rem; padding: 1.2rem; z-index: 999; -webkit-box-shadow: 0 0 30px 5px rgba(0,0,0,.2); box-shadow: 0 0 30px 5px rgba(0,0,0,.2); } .pvz-map__header { font-size: 1.2rem; font-weight: bold; margin-bottom: 1rem; } .pvz-map__note { margin-bottom: 1rem; } .pvz-map__container { min-width: 45px; position: relative; } .pvz-map__map { float: left; margin-bottom: 1rem; } .pvz-map__info { max-height: 500px; overflow: auto; } @media only screen and (max-width: 46.063em) { .pvz-map__info { float: left; } } .pvz-map__overflow { height: 420px; overflow: auto; } .pvz-map__item { cursor: pointer; border-top: 1px solid #ccc; padding: 16px 10px 16px 10px; } .pvz-map__item:last-of-type { border-bottom: 1px solid #ccc; } .pvz-map__item:hover { outline: 3px solid #0f77b0; outline-offset: -3px; } .pvz-map__item_tk-hide, .pvz-map__item_bound-hide { display: none; } .pvz-map__details-back { font-size: 14px; line-height: 19px; padding: 11px 30px; border: 1px solid #dfdfdf; border-top: 0; background-color: #f8f8f8; cursor: pointer; position: relative; } .pvz-map__tk-list { margin-left: 0.5rem; margin-bottom: 1rem; } .pvz-map__tk-item { display: inline-block; border: 1px solid #ccc; border-radius: 3px; padding: 5px; margin-right: 0.5rem; margin-bottom: 0.5rem; cursor: pointer; text-align: center; line-height: 20px; } .pvz-map__tk-item-price { font-size: 12px; } .pvz-map__tk-item_active { border: 1px solid #2ba6cb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); background: #2ba6cb; color: #fff; text-shadow: 0 -1px 1px rgba(0,0,0,.3); } .pvz-map__details-info { padding: 16px 10px 16px 10px; word-wrap: break-word; } .pvz-menu__error { padding-left: 0.5rem; color: #ff0000; } .cart-pvz__item { margin-bottom: 0.5rem; } .cart-pvz__item label { float: left; margin-right: 1rem; min-width: 160px; } @media only screen and (max-width: 46.063em) { .pvz-map { padding: 0; } .cart-pvz__item label { font-size: 11px; min-width: 150px; margin-right: 0.2rem; } } .cart-pvz__item-label_disabled { cursor: default; } .cart-pvz__item-label_disabled img { opacity: 0.5; } .cart-pvz__item-label_disabled span { color: #999; } .cart-pvz__cod-icon { width: 30px; margin-right: 10px; position: relative; top: -1px; } .modal-pvz__title { margin-bottom: 1rem; } #cart_html.error + div { display: none; } .button-group { margin-left: 0.1rem; } .basket-form__warning { color: #ff0000; } .basket h1 { font-size: 1.625rem; } .basket-form table td:nth-child(2), .basket-form table th:nth-child(2) { text-align: center; } .basket-form tr td.amount { min-width: 6.6rem; } .basket-form tr td.amount input { display: inline; width: 50%; margin-left: 0.3125rem; margin-right: 0.3125rem; margin-bottom: 0px; text-align: center; } .basket-form tr td.amount i { font-size: 0.625rem; cursor: pointer; } .basket-form tr td.amount i:hover { color: #ff0000; } .basket-form img { width: 64px; height: 64px; border-radius: 8px; } .basket-form .tot_price_txt, .basket-form .tot_price_val { font-weight: bold; } .basket-form .fi-x-circle { font-size: 22px; color: #ff0000; cursor: pointer; } .loginElem p { margin-bottom: 0rem; } .basket_container { margin-bottom: 0.5rem; } .basket_container table { width: 100%; margin-bottom: 0; } .basket_container .error { color: #ff0000; font-weight: bold; } .basket_container .red { color: #c60f13; } .button_container button, .button_container .button { padding: 0.5rem 1rem 0.5625rem 1rem; } .button_container .edit-data { margin-right: 10px; } #btn_edit_user_data { padding: 0.2rem 0.6rem 0.2625rem 0.6rem; margin-bottom: 0px; float: right; background: #7ebacc; } #btn_edit_user_data:hover { background: #2285a2; } .basket_container #cart-download { margin-bottom: 1rem; } .basket_container #cart-download a, .user #cart-download a { color: #FF0000; } .basket-form input.button, .formElem button, .loginElem button, form.step button { padding: 0.5rem 1rem 0.5625rem 1rem; margin-top: 5px; } .formElem input[type=text] { height: 2.1125rem; } small.error { background: #f04124 !important; display: none; } .error_field_format { } div.region { margin-bottom: 0.625rem; } .step .radio label, .loginElem .radio label { margin-bottom: 0.3125rem; } .step .radio .error label { margin-bottom: 0rem; } #information_about_firm { margin-top: 10px; } .basket-confirm h1 { font-size: 1.625rem; } .basket-confirm h2 { font-size: 1.375rem; } .basket-compleat .bg-red { font-size: 18px; padding: 0.4545rem 0.6rem 0.4545rem 0.6rem; } .basket-compleat #pay_form .button.pay { font-size: 20px; padding: 0.7rem 2rem 0.7625rem 2rem; } .order_condition_box { margin-bottom: 0.625rem; } .order_condition_box span { cursor: pointer; } input.order_condition { cursor: pointer; float: left; margin-right: 0.625rem; position: relative; top: 5px; } .order_condition_text { font-size: 0.75rem; line-height: 0.875rem; } #steps select { outline: none; } .navigation { margin-top: 1rem; } .navigation .selected { background: #2285a2; } .navigation li a { padding: 0.5rem 1rem 0.5625rem 1rem; margin-bottom: 0; } .navigation.mobile li { min-height: 35px; border-bottom: 1px solid #ccc; padding: 8px 15px; } .navigation.mobile li:first-child { border-top: 1px solid #ff9d30; } .navigation.mobile li a { font-size: 17px; line-height: 1.8rem; white-space: nowrap; } .customer-type div { float: left; } #customer_type_span { margin-right: 0.625rem; } .step input[type="radio"] { margin-bottom: 0; } #loginElem input[type="radio"] { margin-right: 0.5rem; margin-top: 4px; vertical-align: top; } .customer-type input { vertical-align: middle; } #step-2 .radio span.red { color: #c60f13; } #step-2 .address-block { display: none; margin-top: 0.5rem; } #step-2 #delivery-type input { margin-right: -95px; margin-top: 5px; vertical-align: top; } #step-2 #delivery-type label { margin-left: 100px; margin-right: -100px; } #step-3 .notice { font-size: 1rem; padding-left: 0.375rem; margin-top: 1rem; color: #ff0000; } #step-4 .radio label { float: left; margin-right: 30px; width: 151px; height: 165px; } #step-4 .radio label input { zoom: 1.8; display: block; margin: 0 auto; } #step-4 .radio label img { height: 66px; display: block; margin: 0 auto; } #step-4 .radio label span { display: block; min-height: 65px; text-align: center; } #step-4 .submit { margin-top: 10px; } #step-4 #btn_step_3 { font-size: 20px; padding: 0.7rem 2rem 0.7625rem 2rem; } #DateOfDelivery { background-color: #fff; } .fi-calendar { font-size: 1.3125rem; } .fi-info { font-size: 1rem; } #datepicker .postfix { margin-top: 1.3125rem; } .no-label { margin-top: 1.3688rem; } form.custom .custom { display: inline-block; width: 2.3125rem; height: 2.3125rem; position: relative; vertical-align: middle; border: solid 1px #adadad; background: white; } form.custom .custom.checkbox { -webkit-border-radius: 0; border-radius: 0; padding: 0; } form.custom .custom.checkbox:before { content: ""; display: block; font-size: 2.3125rem; color: white; } form.custom .custom.checkbox.checked:before { font-family: "foundation-icons"; content: "\f126"; color: #222222; position: absolute; top: -50%; left: 50%; margin-top: 0.5rem; margin-left: -0.8125rem; } form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px; padding: 3px; } form.custom .custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1000px; border-radius: 1000px; background: #222222; position: relative; } #promo { margin-top: 0.5rem; } #promo input { margin-bottom: 0; } #promo .error .postfix-radius.row.collapse input { -webkit-border-bottom-left-radius: 0rem; border-bottom-left-radius: 0rem; } #promo .error .postfix-radius.row.collapse .postfix { -webkit-border-bottom-right-radius: 0rem; border-bottom-right-radius: 0rem; } #promo .error small.error { -webkit-border-bottom-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } #promo .error small.error { -webkit-border-bottom-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } #promo .error.apply small { background: #2285a2 !important; } .cart__download { margin-bottom: 1rem; } .basket .tbl { width: 100%; } .basket .basket-form { background: #fff; } .basket .amount input { display: inline; width: 50%; margin-left: 0.3125rem; margin-right: 0.3125rem; text-align: center; max-width: 6.25rem; } @media only screen and (min-width: 40.125em) { .basket .tbl { display: table; } .basket .tbl .thead { display: table-header-group; background: #f5f5f5; } .basket .tbl .thead .td { font-weight: bold; } .basket .tbl .tbody { display: table-row-group; } .basket .tr { display: table-row; } .basket .td { display: table-cell; line-height: 1.125rem; padding: 0.5625rem 0.625rem; font-size: 0.875rem; color: #222; text-align: left; } .basket .tbl .title { display: none; } .basket .tbl .tr.even, .basket .tbl .tr:nth-of-type(even) { background: #f9f9f9; } } .basket .td.image { overflow: hidden; } @media only screen and (max-width: 64.063em) { .basket .tbl .td:nth-child(1) { display: none; } } @media only screen and (max-width: 40.125em) { #basket-form { margin-right: 0.25rem; } .basket { padding-left: 0.375rem; padding-right: 0.375rem; } .basket .tbl .thead { display: none; } .basket #basket-form .tbl .image { float: left; } .basket #basket-form .tbl .image img { max-width: none; max-height: 140px; margin-right: 0.5rem; } .basket .tr { position: relative; border-bottom: solid 1px #ddd; padding-top: 1rem; padding-bottom: 1rem; } .basket .tr:before, .basket .tr:after { content: " "; display: table; } .basket .tr:after { clear: both; } .basket .tr:last-child { border-bottom: none; } .basket .td { font-size: 0.75rem; line-height: 0.875rem; margin-bottom: 0.3125rem; } .basket .td.name { height: 1.75rem; overflow: hidden; } .basket .td.delete .fi-x-circle { position: absolute; top: 45%; right: -8px; } .basket .tr__inline { padding-left: 1rem; } .basket .tr__inline.weight, .basket .tr__inline.volume { display: none; } .basket .tr__inline .td { display: inline; } .basket .tr .td.empty { display: none; } .basket .amount .fi-minus, .basket .amount .fi-plus { display: none; } .basket .amount input { max-width: 40px; max-height: 30px; margin: 0; } } .tickets { font-size: 0.875rem; } .basket .tickets { padding-left: 0.375rem; padding-right: 0.375rem; } .basket .ticket { position: relative; width: 100%; max-width: 380px; float: left; margin-right: 1rem; margin-top: 2rem; } .basket .ticket .content { height: 310px; background: #ceefff; border-radius: 5px; } #modal-delivery-pvz-map { max-width: 41rem; } .modal-pvz__title { margin-bottom: 1rem; } .ticket__pvz-list { position: relative; } .ticket__is_active_on_map { width: 315px; } .ticket__fi-marker { position: absolute; right: 0; top: -5px; font-size: 32px; color: #1e98ff; } .ticket__labels { position: absolute; top: -23px; right: 10px; } .ticket__label { background: #d20716; padding: 2px 4px; border-radius: 6px 6px 0px 0px; border: 1px solid #d20716; border-bottom: none; float: left; margin-left: 8px; font-size: 12px; color: #fff; } .basket .ticket .logo { position: absolute; right: 0; width: 100px; height: 30px; margin-top: 5px; margin-right: 1rem; } .basket .ticket#self_delivery .logo { background: url(../../img/ticket/self_delivery.png) no-repeat; width: 28px; height: 30px; } .basket .ticket#courier .logo { background: url(../../img/ticket/courier.png) no-repeat; width: 29px; height: 19px; margin-top: 10px; } .basket .ticket#ems .logo { background: url(../../img/ticket/ems.png) no-repeat; width: 100px; height: 16px; margin-top: 10px; margin-right: 1rem; } .basket .ticket#boxberry .logo { background: url(../../img/ticket/boxberry.png) no-repeat; width: 100px; height: 30px; } .basket .ticket#pecom .logo { background: url(../../img/ticket/pecom.png) no-repeat; width: 100px; height: 28px; } .basket .ticket#kit .logo { background: url(../../img/ticket/kit.png) no-repeat; width: 49px; height: 30px; } .basket .ticket#zheldor .logo { background: url(../../img/ticket/zheldor.png) no-repeat; width: 30px; height: 30px; } .basket .ticket#pickpoint .logo { background: url(../../img/ticket/pickpoint.png) no-repeat; width: 151px; height: 30px; } .basket .ticket#sdek .logo { background: url(../../img/ticket/sdek.png) no-repeat; width: 134px; height: 30px; } .basket .ticket#dellin .logo { background: url(../../img/ticket/dellin.png) no-repeat; width: 189px; height: 30px; } .basket .ticket#energy .logo { background: url(../../img/ticket/energy.png) no-repeat; width: 110px; height: 30px; } .basket .ticket#russianpost .logo { background: url(../../img/ticket/russianpost.png) no-repeat; width: 60px; height: 30px; } .basket .ticket .name { background: rgba(73,191,237,1); background: -moz-linear-gradient(top, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); background: -webkit-linear-gradient(top, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); background: -o-linear-gradient(top, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); background: -ms-linear-gradient(top, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); background: linear-gradient(to bottom, rgba(73,191,237,1) 0%, rgba(36,143,189,1) 100%); color: #fff; padding: 0.5rem 1rem; border-top-left-radius: 5px; border-top-right-radius: 5px; } .basket .ticket .fi-info { color: #248FBD;; cursor: help; margin-left: 5px; } .basket .ticket .name .fi-info { color: #CEEFFF; } .basket .ticket .has-tip, .basket .ticket .has-tip:hover { border-bottom: none; } .basket .ticket .period { margin-bottom: 0.625rem; } .basket .ticket .period .red { color: #ff0000; } .basket .ticket label { display: inline; color: #000; } .basket .ticket label input { position: relative; top: 2px; margin-bottom: 0; } .basket .ticket .submit { position: absolute; bottom: 0; right: 0; margin-right: 1rem; margin-bottom: 1rem; } .basket .description { padding: 0.5rem 1rem 0.5rem 1rem; } .basket .alt { margin: 5px 0; font-size: 14px; } .basket .ticket select { background-color: #fff; outline: 0; margin-bottom: 0; } .basket .ticket #datepicker { margin-bottom: 1rem; } .basket .ticket #datepicker .postfix { margin-top: 1.4525rem; } .basket .ticket .options .option { margin-bottom: 0.3125rem; } .basket .ticket .options .option > div { float: left; width: 48%; margin-right: 5px; } .basket .ticket .options .option img { width: 30px; margin-right: 10px; } .basket .ticket .options .option .option__disabled img { opacity: 0.5; } .basket .ticket .options .option .option__disabled span { color: #999; } .basket .spin, .user-info .spin { position: absolute; right: 0; margin-right: 24px; margin-top: 8px; width: 22px; height: 22px; border: 2px solid #2285A2; border-right-color: transparent; border-radius: 50%; animation: spin 1s linear infinite; } .tickets .ticket__show { text-align: center; } @media only screen and (min-width: 53.1875em) { .tickets .ticket__show { margin-left: 198px; } } @media only screen and (min-width: 77.9375em) { .tickets .ticket__show { margin-left: 396px; } } .tag-category { position: relative; } .tag-category__collapse { max-height: 6.625rem; overflow: hidden; } .tag-category__item { display: inline-block; border: 1px solid #2ba6cb; border-radius: 6px; padding: 1px 5px; margin-right: 1rem; margin-bottom: 0.5rem; } .tag-category__toggle { color: #2ba6cb; cursor: pointer; position: absolute; right: 10px; margin-top: -35px; } /* Cart item */ .tabs-content > .content { padding: 0em 0em 0.9375em 0em; } .tabs-content * { outline: 0; } .tabs-content { border: 1px solid #2ba6cb; border-radius: 0rem 0.375rem 0.375rem 0.375rem; padding: 0.9375rem; } .tabs { position: relative; top: 1px; } .tabs li { border: 1px solid #888; border-bottom: none; border-radius: 0.375rem 0.375rem 0rem 0rem; margin-right: 1px; } .tabs li.active { border-bottom: 1px solid #fff; } .tabs li > a { padding: 0.24rem 1rem; background: none !important; } .tabs li.active > a { font-size: 0.875rem; font-weight: bold; color: #2ba6cb !important; border-bottom: 1px solid #fff; outline: 0; } .tabs li:hover > a { background: none !important; color: #258faf !important; } .tabs .tab-title>a { padding: 0.4rem 0.8rem; } .tabs-content .good-param { max-width: 40rem; } .tabs-content .good-param .group-name td { font-weight: bold; color: #2ba6cb; } .tabs-content .good-param tr td { line-height: 100%; } .good-description { border-radius: 0rem 0.375rem 0.375rem 0.375rem; padding: 0.9375rem; background: #fff; z-index: 100; outline: 0; } .good-video { margin: 0 auto; margin-top: 1.25rem; max-width: 640px; max-height: 22.5625rem; border: 1px solid #000; } .flex-video { } .tabs-content .goods_name span { font-size: 1.125rem; } .anchor { display: block; height: 80px; margin-top: -80px; visibility: hidden; } .goods-item { background: #f3f3f3; padding: 0.625rem 0.625rem 0.3125rem 0.625rem; margin-bottom: 0.625rem; } .tabs li > a, .tabs .tab-title > a { background-color: #fff; color: #888; } .tabs li.active > a { background: #2ba6cb; color: #fff; } .tabs li:hover > a { background: #2795b6; color: #fff; } .sub-tabs dd > a { height: 1.75rem; padding: 0.2rem 2rem; } .sub-tabs .tabs-content { margin-bottom: 0.3125rem; } .sub-tabs .amount_icons { margin-top: 0.65rem; } .tabs-content .dimensions { margin-top: 1rem; } .tabs-content .dimensions div { color: #888; } .goods-tabs-image {} .goods-tabs-image__item { margin-bottom: 0.5rem; } .goods-tabs-image__item img { cursor: pointer; } .goods_description_img { float: left; margin: 0.625rem; max-width: 10.1rem; } .goods_description_img + div table { width: 75%; position: relative; top: 0.625rem; } .goods_description_img img { max-height: 12.125rem; } .goods_description table { width: 100%; } /*TRAKING*/ .traking-wizard { margin: 0 10px; } .traking-wizard-step:after { clear: both; content: " "; display: table; } .traking-wizard-indicator { float: left; height: 65px; padding: 0; position: relative; width: 45px; } .traking-wizard-indicator > .progress > .progress-bar { height: 50%; } .traking-wizard-dot { background: #a6ce39; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 24px; left: 50%; margin-top: -22px; margin-left: -22px; position: absolute; width: 24px; z-index: 9; top: 50%; } .traking-wizard-step.active > .traking-wizard-indicator > .traking-wizard-dot { background-color: #a6ce39; } .traking-wizard-step.disabled > .traking-wizard-indicator > .traking-wizard-dot { background-color: #a6ce39; } .traking-wizard-step.active.last > .traking-wizard-indicator > .traking-wizard-dot { background-color: #ed1651; } .traking-wizard-step.feature.last > .traking-wizard-indicator > .traking-wizard-dot { background-color: #cacaca; } .traking-wizard-dot:before { background: #fff; border-radius: 50px; -webkitborder-radius: 50px; content: ' '; height: 16px; left: 4px; position: absolute; top: 4px; width: 16px; } .traking-wizard-dot:after { background-color: transparent; border-radius: 50px; -webkitborder-radius: 50px; content:' '; height: 2px; left: 11px; position: absolute; top: 11px; width: 2px; z-index: 3; } .traking-wizard-step:first-child > .traking-wizard-indicator > .traking-wizard-dot:after { background-color: #a6ce39; } .traking-wizard-step.disabled > .traking-wizard-indicator > .traking-wizard-dot:after { background-color: #a6ce39; } .traking-wizard-indicator > .progress { margin: 0 12px; height: 100%; width: 3px; position: relative; border: none; padding: 0px; } .traking-wizard-step:first-child > .traking-wizard-indicator > .progress { background-position: bottom; height: 50%; top: 50%; } .traking-wizard-step.last-disabled > .traking-wizard-indicator > .progress { height: 50%; } .traking-wizard-step:last-child > .traking-wizard-indicator > .progress { height: 50%; } .traking-wizard-step.complete > .traking-wizard-indicator > .progress { background: #a6ce39; } .traking-wizard-step.complete + .traking-wizard-step.active .traking-wizard-indicator > .progress > .progress-bar { background: #a6ce39; } .traking-wizard-step.active > .traking-wizard-indicator > .progress, .traking-wizard-step.active.last > .traking-wizard-indicator > .progress > .progress-bar { background: #a6ce39; } .traking-wizard-step.active.last > .traking-wizard-indicator > .progress { bckground: #cacaca; } .traking-wizard-content { margin-left: 45px; height: 65px; } .traking-date { float: left; font-size: 12px; padding: 5px 60px; position: relative; text-align: center; width: 260px; } .traking-date:after, .traking-date:before { border-top: 1px solid #cacaca; content: ""; display: block; position: absolute; top: 50%; width: 40px; } .traking-date:after { right: 20px; } .traking-date:before { left: 20px; } .traking-destination { float: left; font-size: 14px; padding: 5px 0; margin-left: 20px; } .traking-destination span { color: black; display: block; font-size: 15px; } .traking-wizard-step.complete .traking-date, .traking-wizard-step.complete .traking-destination, .traking-wizard-step.complete .traking-destination span { color: #7f7f7f } .traking-status { background: url(../img/icons/ico-clock.png) no-repeat left; color: #7b7b7b; font-size: 12px; margin-left: 70px; padding: 17px 0 15px 30px } /* Static */ .vtop { vertical-align: top; position: relative; } .exhibition { width: 1000px; } /* Footer */ .footer { position: relative; margin-top: -0.625rem; border-top: 0.625rem solid transparent; background-image: linear-gradient(#38809b, #38809b), linear-gradient(to bottom right, transparent 50.5%, #38809b 50.5%), linear-gradient(to bottom left, transparent 50.5%, #38809b 50.5%), linear-gradient(to top right, transparent 50.5%, #38809b 50.5%), linear-gradient(to top left, transparent 50.5%, #38809b 50.5%); background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x; background-position: 0 0, 0.625rem 0, 0.625rem 0, 0.625rem 100%, 0.625rem 100%; background-size: auto auto, 1.25rem 1.25rem, 1.25rem 1.25rem, 1.25rem 1.25rem, 1.25rem 1.25rem; background-clip: padding-box, border-box, border-box, border-box, border-box; background-origin: padding-box, border-box, border-box, border-box, border-box; } .footer { color: #fff; } .footer .block { margin-top: 1rem; } .footer .footer-caption { margin: 1.25rem 0rem 1.25rem 0rem; color: #fff; text-transform: uppercase; } .footer ul { list-style: none; margin-left: 0rem; } .footer ul li a { color: #fff; font-size: 0.875rem; } .footer ul li.active { color: #4f5a6b; } .footer ul li a:hover { color: #d0d0d0; } .footer .category ul li.current { background: none; color: #ff0000; } .footer .category .red-label { display: none; } .footer .category .bg-color { background: none; } .footer .category .border { border: none; } .footer .category ul li:hover { background: none; } .footer .category ul { padding-left: 0px; } .footer .category ul li { margin-top: 0px; } .footer .social img { margin-bottom: 5px; margin-right: 2px; } .social a { display: block; width: 30px; height: 30px; } .footer .social a { float: left; margin-right: 0.3125rem; margin-bottom: 0.3125rem; } .social #vk { background: url(../img/icons/socials.gif) no-repeat 0px 0px; } .social #fb { background: url(../img/icons/socials.gif) no-repeat -31px 0px; } .social #twitter { background: url(../img/icons/socials.gif) no-repeat -62px 0px; } .social #gplus { background: url(../img/icons/socials.gif) no-repeat -93px 0px; } .social #yandex { background: url(../img/icons/socials.gif) no-repeat -186px 0px; } .social #instagram { background: url(../img/icons/socials.gif) no-repeat -124px 0px; } .social #youtube { background: url(../img/icons/socials.gif) no-repeat -155px 0px; } .footer .address { font-size: 0.875rem; } .footer .margin-top { margin-top: 1rem; } .footer .copyright { color: #cfcfcf; font-size: 0.875rem; margin-bottom: 2.5rem; } .scroll-to-top { color: #fff; font-size: 0.875rem; } .scroll-to-top:hover { color: #adadad; } /* |-------------------------------------------------------------------------- | Delivery page |-------------------------------------------------------------------------- */ .delivery-page-address { max-width: 1000px; } .delivery-page-address__right { float: right; margin-left: 1rem; } .delivery-page-address__overflow { position: relative; overflow: hidden; } input.delivery-page-address__autocomplete { border: 2px solid #2ba6cb; } .delivery-page-ticket .cart__ticket { margin-top: 1rem; margin-bottom: 1rem; } .delivery-page-ticket .cart-ticket__button-submit { background: none; color: #000; pointer-events: none; cursor: default; font-size: 0.875rem; font-weight: bold; padding: 0; } .rules ul li { font-weight: bold; } .rules ul ul li { font-weight: normal; } .contacts-images { max-width: 900px; } .delivery form, .delivery .content { max-width: 1000px; } .delivery .basket { margin-top: 0.5rem; } .delivery .basket .right { margin-left: 1rem; } .delivery .basket .overflow { position: relative; overflow: hidden; } .delivery #MoscowStreet { border: 2px solid #2ba6cb; } .delivery #showDeliveryOptions { border: 1px solid #2ba6cb; } .delivery .ticket .submit { cursor: default; outline: none; } .delivery ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } .delivery ol > li { display: table; counter-increment: item; } .delivery ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; } .delivery ol > li ol > li:before { content: counters(item, ".") " "; font-weight: bold; } .delivery > ol > li > span { color: #2ba6cb; } .delivery ol .hide { margin-top: 1rem; } .delivery .tickets { padding: 0; } .delivery .tickets .ticket { margin-top: 0; margin-bottom: 1rem; } .delivery ol > li > span.dotted { color: #2ba6cb; } .delivery ol li span.bold + img { margin-left: 1rem; } .ol ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } .ol ol > li { display: table; counter-increment: item; } .ol ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; } .ol li li { margin: 0; } .ol ol > li ol > li:before { content: counters(item, ".") " "; } .ol__counter ol { list-style-type: none; counter-reset: item; margin: 0; padding: 0; } .ol__counter ol > li { display: table; counter-increment: item; } .ol__counter.bold ol > li { font-weight: bold; } .ol__counter ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; } .ol__counter li li { margin: 0; } .ol__counter.bold li li { font-weight: normal; } .ol__counter ol > li ol > li:before { content: counters(item, ".") " "; } /* Modal window */ #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; font-family: Georgia; } #dialog.window { position: absolute; left: 0; top: 0; width: 43.75rem; height: 39.375rem; display: none; z-index: 9999; padding: 0.625rem; text-align: center; vertical-align: middle; background-color: #f9f9ef; font-size: 1.5625rem; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0.375rem; overflow: hidden } #dialog div {width: 41.25rem; height: 35.625rem } .big_img { max-width: 41.25rem; max-height: 35.625rem; overflow: hidden; border: 1px #d3b4c1 solid; } /* Article */ .page .articles .item { margin-bottom: 1rem; } .page .articles .item img { float: left; padding-right: 1rem; padding-bottom: 1rem; } .page .articles .item .name { font-size: 1.25rem; } .page .articles .item .date { color: #ccc; } .articles.block .content { padding: 0.625rem; } .articles.block .date { color: #257FBB; font-weight: bold; } .articles.block p { text-align: justify; word-spacing: -0.3ex; } #article .item .content { max-width: 62.5rem; text-align: justify; } .sidebar .articles { font-size: 0.875rem; } .sidebar .articles .item { margin-bottom: 0.5rem; } .sidebar .articles .item:last-child { margin-bottom: 0; } .sidebar .articles .name { position: relative; margin-left: 1rem; } .sidebar .articles .name a:before { content: "\f19d"; font-family: "foundation-icons"; position: absolute; left: -1rem; } /* Добавить в корзину */ #cart_add_confirm.window { position: absolute; left: 0; top: 0; z-index: 9999; padding: 1.25rem; vertical-align:middle; background: #fff; font-size: 1rem; line-height: 1.375rem; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0.375rem; overflow:hidden; width: 90%; max-width: 53.125rem; display: none; } .cart_add_confirm_window_hits { height: 38.5rem; } .cart_add_confirm_window_hits_no { height: 16.875rem; } #cart_add_confirm .content { margin: auto; background: #f7fdff; border-radius: 0.375rem; padding: 0.625rem 1.25rem; margin-bottom: 0.9375rem; border: 1px solid #6aa4ba; } #cart_add_confirm h1.page_caption { display:inline-block; position: relative; left: -0.625rem; top: -0.3125rem; font-size: 1.4375rem; border-radius: 0 0.375rem 0.375rem 0; color: #000; font-weight: normal; margin: 0.625rem 0 0.625rem 0; height: 2.25rem; line-height: 2.25rem; text-align: left; text-indent: 0.625rem; padding:0 1.75rem 0rem 0.625rem; } #cart_add_confirm h1.page_caption span { background: url(../images/title_l.png) no-repeat 0 0; display: block; height: 3rem; width: 1.625rem; position: absolute; left: -1.375rem; top:0; } #cart_add_confirm h2.page_caption { display:inline-block; position: relative; left: -0.875rem; top: -0.3125rem; font-size: 1.4375rem; border-radius: 0 0.375rem 0.375rem 0; color: #a04b00; font-weight: normal; margin: 0.625rem 0 1.25rem 0; height: 2.25rem; line-height: 2.1875rem; text-align: left; text-indent: 0.625rem; background: url(../images/title_blue_line.png) repeat-x 0 0; padding:0 1.75rem 0rem 0.625rem; color: #103956; text-shadow: 0 1px 0 #fff; } #cart_add_confirm h2.page_caption span { background: url(../images/title_blue_l.png) no-repeat 0 0; display: block; height: 3rem; width: 1.625rem; position: absolute; left: -1.125rem; top:0; } #cart_add_confirm .goods img { border: #d0d0d0 1px solid; border-radius: 0.375rem; box-shadow: -0.1875rem 0.1875rem 0.3125rem 0 #d0d0d0; max-height: 9.375rem; max-width: 9.375rem; float: left; margin-right: 0.9375rem; } #cart_add_confirm .buttons {text-align: center; margin-top: 0.625rem;} #cart_add_confirm .continue, #cart_add_confirm .goto_cart { display: inline-block; cursor: pointer; margin-right: 0.625rem; } #cart_add_confirm .continue, #cart_add_confirm .goto_cart {text-align: center; font-weight: bold;} #cart_add_confirm .continue a, #cart_add_confirm .goto_cart a { color: #fff; text-decoration: none;} #cart_add_confirm .button { padding: 0.6rem 2rem 0.6625rem 2rem; font-size: 1rem; } #cart_add_confirm .goto_cart a.button { background-color: #ff9020; } #cart_add_confirm .goto_cart a.button:hover { background-color: #d07418; } #cart_add_confirm .price {color: #ff7a02; font-weight: bold; font-size: 1.5625rem; line-height: 1.875rem; margin: 0 0 0 0rem; float: right; margin-left: 0.625rem;} #cart_add_confirm .cart_status { font-weight: bold; margin-top: 1.25rem; margin-bottom: 0.9375rem;} #cart_add_confirm .hit { width: 12.5rem; height: 13.75rem; display: inline-block; background: #f3fbfe; border-radius: 0.375rem; padding-top: 0.3125rem; padding-bottom: 0.3125rem; position: relative; top: -0.625rem; margin-left: 0.625rem; margin-right: 0.625rem; } #cart_add_confirm .hit .caption { color: #1e6494; font-size: 0.8125rem; line-height: 0.9375rem; overflow: hidden; text-align: center; height: 1.875rem; } #cart_add_confirm .hit .image_box { height: 8.5rem; text-align: center; padding: 0.3125rem; } #cart_add_confirm .hit img { border: #d0d0d0 1px solid; border-radius: 0.375rem; box-shadow: -0.1875rem 0.1875rem 0.3125rem 0 #d0d0d0; max-height: 7.8125rem; max-width: 11.25rem; text-align: center; } #cart_add_confirm .hit .button_row { } #cart_add_confirm div.cart_add { padding: 0.2rem 0.4rem 0.2625rem 0.4rem; margin: 0rem 0rem 0rem 0.3125rem; position: absolute; right: 0rem; cursor: pointer; } #cart_add_confirm .price_prod {color: #ff7a02; font-weight: bold; font-size: 1.125rem; margin: 0 0 0 0rem; display: inline; } #wait_logo { width: 4.125rem; height: 4.125rem; position:absolute; z-index:9999; display: none; } .scroll-top { background: url(/img/icons/arrow-up.png); background-size: 100%; width: 43px; height: 43px; display: none; overflow: hidden; position: fixed; left: 20px; bottom: 28px; z-index: 10; cursor: pointer; } #rule_delivery_mkad_price_container { max-width: 50rem; } #rule_delivery_mkad_price_container table { border-collapse: separate; border-radius: 0.375rem; } #urall_citys_container table { table-layout: fixed; } input[type=submit]:hover, input[type=button]:hover { background:#a73956; color:#fff; } .pp_content_container .pp_social { display: none; } .ui-tooltip { padding: 0.625rem 1.25rem; background: #fff; border-radius: 0.375rem; text-transform: none; font-size: 0.75rem; line-height: 1rem; font-weight: normal !important; box-shadow: 0 0 0.625rem rgba(0,0,0,0.50); border-width: 1px !important; max-width: 31.25rem; } .ui-tooltip-content p, .ui-tooltip-content ul { font-size: 0.75rem; line-height: 1rem; margin-bottom: 0.5rem; } .main_goods_img_big a img { max-height: 400px; } .main_goods_img_big a.ex { display: block; position: relative; } .main_goods_img_big .zoom-big-image img { max-width: inherit; } .main_goods_img_big .fi-zoom-in { position: absolute; top: 90%; right: 10%; font-size: 1.4rem; color: #cccccc; z-index: 999; } #zoomLensBorder { position: absolute; z-index: 3; top: 0; left: 0; border: 3px solid #ADADAD; width: 100%; height: 100px; cursor: move; } .zoomLensFrame { width: 100%; height: 100%; background: #FFF; opacity: .5; zoom: 1; filter: alpha(opacity=50); filter: alpha(opacity=50); } #zoom-big-wrap { position: absolute; left: 422px; top: -3px; width: 579px; z-index: 100; background-color: white; border: 3px solid #ADADAD; overflow: hidden; display: none; } .zoom-big-image { position: relative; width: 100%; height: 100%; } .zoom-big-title { position: absolute !important; background-color: black; color: white; padding: 3px; width: 100%; text-align: center; font-weight: bold; font-size: 10px; top: 0; left: 0; opacity: .5; zoom: 1; z-index: 5; } .zoom-big-image img { position: absolute; z-index: 3; top: 0; left: 0; } /* Отзывы */ .feedback { min-height: 300px; } .feedback .star-rating { margin-top: 1.5rem; } .feedback .medium-4 textarea { min-height: 60px; margin-top: 1rem; resize: none; } .feedback .row .small-12 .medium-4:first-child { line-height: 5.75rem; } .feedback .row > .small-12 > .small-12:nth-child(even) { background: #f9f9f9; } .feedback .border { border: solid 1px #ddd; padding-top: 5px; } .feedback #master_comment { margin-top: 10px; margin-bottom: 10px; } /* JClever */ .jClever-element { outline: 0; } .clevered.alice .jClever-element-select-wrapper { position: relative; padding-top: 3px !important; padding-bottom: 3px !important; position: relative; cursor: pointer; height: 30px; } .clevered.alice .jClever-element-select-wrapper select { display: none; } .clevered.alice .jClever-element select { display: none; font-size: 14px; } .clevered.alice .jClever-element-select-center { /*background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #2597dc), color-stop(1, #47bcf5) );*/ /*background-image: -o-linear-gradient(top, #2597dc 0%, #47bcf5 100%);*/ /*background-image: -moz-linear-gradient(top, #2597dc 0%, #47bcf5 100%);*/ /*background-image: -webkit-linear-gradient(top, #2597dc 0%, #47bcf5 100%);*/ /*background-image: -ms-linear-gradient(top, #2597dc 0%, #47bcf5 100%);*/ /*background-image: linear-gradient(to top, #2597dc 0%, #47bcf5 100%);*/ background-color: #2285a2; border-radius: 0.375rem; white-space: nowrap; overflow: hidden; display: block; line-height: 30px; padding: 0 15px; font-size: 14px; color: #ffffff; position: relative; z-index: 1100; } .clevered.alice .jClever-element-select-wrapper:hover .jClever-element-select-center { /*background-image: -webkit-gradient( linear, right bottom, right top, color-stop(0, #2597dc), color-stop(1, #47bcf5) );*/ /*background-image: -o-linear-gradient(top, #2597dc 0%, #47bcf5 100%);*/ /*background-image: -moz-linear-gradient(top, #2597dc 0%, #47bcf5 100%);*/ /*background-image: -webkit-linear-gradient(top, #2597dc 0%, #47bcf5 100%);*/ /*background-image: -ms-linear-gradient(top, #2597dc 0%, #47bcf5 100%);*/ /*background-image: linear-gradient(to top, #2597dc 0%, #47bcf5 100%);*/ background-color: #2285a2; } .clevered.alice .jClever-element.focused .jClever-element-select-center { /*background: #f2f6f7;*/ } .clevered.alice .jClever-element-select-right { position: absolute; right: 0px; top: 4px; height: 28px; width: 35px; cursor: pointer; display: -moz-inline-stack; display: inline-block; zoom: 1; text-align: center; font-family: Arial; color: white; font-weight: bold; line-height: 20px; z-index: 1101; } .clevered.alice .jClever-element-select-wrapper:hover .jClever-element-select-right { } .clevered.alice .jClever-element-select-right > span { border-bottom: 0px; border-right: 0px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; position: relative; height: 29px; display: block; width: 34px; background-image: url('../img/calc/arrow_down.png'); background-position: center center; background-repeat: no-repeat; text-indent: -100px; overflow: hidden; } .clevered.alice .jClever-element-select-list-wrapper { position: absolute; border-top: 0px; width: 100%; padding: 20px 0px 10px 0px; margin: 0px; -webkit-border-radius: 0px 0px 4px 4px; -moz-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; top: 20px; left: 0px; background: #fff; display: none; font-size: 14px; box-shadow: 2px 3px 6px #777; background-color: #8ac8df; } .clevered.alice .jClever-element-select-list-wrapper-- { max-height: 150px; } .garland .clevered.alice .jClever-element-select-list-wrapper-- { max-height: 70px; } .garland .clevered.alice .garland-select-block .jClever-element-select-list-wrapper-- { max-height: 125px; } .clevered.alice .jClever-element-select-list { white-space: nowrap; padding: 0px 0 0 10px; margin: 0px; width: 125px; } .garland .clevered.alice .jClever-element-select-list { width: 70px; } .garland .clevered.alice .garland-select-block .jClever-element-select-list { width: 125px; } .clevered.alice .jClever-element-select-list > li { padding: 0px; margin: 0px; color: #000; position: relative; } .clevered.alice .jClever-element-select-list > li:hover:after, .clevered.alice .jClever-element-select-list > li:hover, .clevered.alice .jClever-element-select-list > li:hover > span, .clevered.alice .jClever-element-select-list > li.selected { color: #ffa000; } .clevered.alice .jClever-element-select-list > li > span { overflow: hidden; width: 100%; display: block; position: relative; height: 100%; white-space: normal; padding: 7px 0; top: -2px; border-bottom: 1px dotted #969696; font-size: 0.875rem; color: #ffffff; } .clevered.alice .jClever-element-select-list > li > span > i { font-style: normal; } .clevered.alice .hidden { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; } .clevered.alice .jClever-element { display: inline-block; } .clevered.alice .jClever-element + label { vertical-align: top; margin: -3px 8px 0 0px; padding-left: 3px; display: inline-block; font-size: 14px; color: #000000; } .clevered.alice .jClever-element-radio-twins { display: block; width: 18px; height: 18px; position: relative; overflow: hidden; } .clevered.alice .jClever-element-radio-twins-element { display: block; width: 18px; height: 18px; background: url("../img/calc/bg_rightBannerRadio.png") no-repeat 0px top transparent; position: absolute; z-index: 4; cursor: pointer; } .clevered.alice .jClever-element-radio-twins-color { display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; width: 8px; height: 8px; position: absolute; z-index: 3; top: 5px; left: 5px; } .clevered.alice .jClever-element-radio-twins.checked:hover .jClever-element-radio-twins-element, .clevered.alice .jClever-element-radio-twins.checked .jClever-element-radio-twins-element { background-position: -48px 0px; } .jClever-element.jClever-hover .jClever-element-radio-twins .jClever-element-radio-twins-element, .clevered.alice .jClever-element-radio-twins:hover .jClever-element-radio-twins-element { background-position: -72px 0px; } .clevered.alice .jClever-element.focused .jClever-element-radio-twins-element { background-position: -24px 0px; } .clevered.alice .jClever-element.focused .jClever-element-radio-twins.checked .jClever-element-radio-twins-element { background-position: -48px 0px; } .clevered.alice .jClever-element label { display: -moz-inline-box; display: inline-block; vertical-align: middle; } .clevered.alice .jspContainer { overflow: hidden; position: relative; } .clevered.alice .jspPane { position: absolute; } .clevered.alice .jspVerticalBar { position: absolute; top: 0; right: 10px; width: 4px; height: 100%; background: red; } .clevered.alice .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .clevered.alice .jspVerticalBar *, .clevered.alice .jspHorizontalBar * { margin: 0; padding: 0; } .clevered.alice .jspCap { display: none; } .clevered.alice .jspHorizontalBar .jspCap { float: left; } .clevered.alice .jspTrack { background: #e5f1f4; position: relative; } .clevered.alice .jspDrag { background: url("../img/jClever/select_form_scroll.png") repeat-y -33px 0px transparent; position: relative; top: 0; left: -5px; cursor: pointer; width: 18px; } .clevered.alice .jspDrag .jspDragTop { width: 14px; height: 8px; background: url("../img/jClever/select_form_scroll.png") no-repeat 0px top transparent; left: 0; position: absolute; top: 0px } .clevered.alice .jspDrag .jspDragCenter { width: 14px; height: 10px; background: url("../img/jClever/select_form_scroll.png") no-repeat -17px -15px transparent; left: 0; position: absolute; top: 50%; margin-top: -4px; } .clevered.alice .jspDrag .jspDragBottom { width: 14px; height: 8px; background: url("../img/jClever/select_form_scroll.png") no-repeat 0px bottom transparent; left: 0; position: absolute; bottom: 0px } .clevered.alice .jspDrag:hover { background-position: -70px 0; } .clevered.alice .jspDrag:hover .jspDragTop { background-position: -51px top; } .clevered.alice .jspDrag:hover .jspDragBottom { background-position: -51px bottom; } .clevered.alice .jspHorizontalBar .jspTrack, .clevered.alice .jspHorizontalBar .jspDrag { float: left; height: 100%; } .clevered.alice .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .clevered.alice .jspArrow.jspDisabled { cursor: default; background: #80808d; } .clevered.alice .jspVerticalBar .jspArrow { height: 16px; } .clevered.alice .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .clevered.alice .jspVerticalBar .jspArrow:focus { outline: none; } .clevered.alice .jspCorner { background: #eeeef4; float: left; height: 100%; } .jClever-element-select-wrapper { width: 125px !important; } .ornament .jClever-element-select-wrapper { width: 155px !important; } .garland .jClever-element-select-wrapper { width: 70px !important; } .garland .garland-select-block .jClever-element-select-wrapper { width: 125px !important; } .clevered.alice .jClever-element-select-list > li { list-style: none; } * html .jspCorner { margin: 0 -3px 0 0; } .clevered.alice .jClever-element-select-list > li { list-style: none; } #market-feedback { border: 1px solid #6aa4ba; padding: 1rem; border-radius: 0.375rem; } #market-feedback img.left { margin-right: 1rem; } #market-feedback .overflow { overflow: hidden; text-align: left; } #market-feedback .overflow p { margin-top: 1rem; margin-bottom: 1rem; } @media only screen and (max-width: 46.063em) { #market-feedback { border: none; padding: 0.5rem; } } .main_goods_container .ya-share2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .main_goods_container .ya-share2__item_more:after { content: ''; display: block; position: absolute; z-index: 1; height: 20px; width: 100%; bottom: -14px; } .main_goods_container .ya-share2__container_size_m .ya-share2__icon_more { width: 110px; height: 26px; border: none; } .main_goods_container .ya-share2__icon:active { box-shadow: none; } .main_goods_container .ya-share2__icon_more:before { content: '\f164'; font-family: "foundation-icons", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; color: #3e8ba7; left: 0; right: 0; top: -12px; bottom: 0; position: absolute; text-align: left; } .main_goods_container .ya-share2__icon_more:after { content: 'Поделиться'; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; color: #3e8ba7; left: 15px; right: 0; top: 5px; bottom: 0; position: absolute; text-align: center; font-size: 1rem; } .ya-share2__popup_list-direction_horizontal { margin-right: -30px; } .main_goods_container .ya-share2__container_size_m .ya-share2__icon_more:before { font-size: 1.5rem; line-height: 3rem; } /* Media */ /*.header *, .columns, .price-list *, #goods_list * { transition: all 0.5s; }*/ /*.item, .goods-list, .menu * { transition: none !important; }*/ @media only screen and (max-width: 93.75rem) { .phone-top { font-size: 1.5rem; position: relative; left:15%; } } @media only screen and (max-width: 82rem) { .phone-top { font-size: 1.4rem; position: relative; left:25%;} } @media only screen and (max-width: 75rem) { .phone-top { font-size: 1.2rem; position: relative; left:30%; } .price-list ul li a { font-size: 0.625rem !important; } } @media only screen and (max-width: 64.063em) { .basket-form td, .basket-form td a { font-size: 0.75rem; } .basket-form table td:nth-child(1), .basket-form table th:nth-child(1) { display: none; } } @media only screen and (max-width: 46.063em) { .order .fi-indent-more { display: none !important; } .maincontent .good-compare { display: none; } .reveal-modal, dialog { padding: 5px; } .no-padding-small { padding-left: 0; padding-right: 0; } .category { background: #fff; } .body > .row > .large-10 { padding-left: 0; padding-right: 0; } .mobile-header { padding-left: 0; padding-right: 0; } .mobile-header-main { padding-left: 0.9375em; padding-right: 0.9375em; box-shadow: 0px 1px 16px -8px #000000; color: #000; background: #77b5cd; } .mobile-header-phone { background: #ffffff; text-align: center; font-size: 17px; padding: 5px 0; border: 1px solid #ccc; } .mobile-fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } input.mobile-header-search__input { margin: 0; } .mobile-header-search { width: 100%; } .header .sub-panel-margin { margin-bottom: 1.8rem; } .mini-basket { width: auto; height: auto; background: none; border: none; padding: 0; left: 0; } .mini-basket:before { content: none; } .mini-basket .total, .mini-basket .delimiter { display: none; } .header .auth, .mini-basket-large, .mini-basket, .mini-basket-container { display: inline; } .mini-basket .title, .mini-basket .total { display: none; } .mini-basket .count .fi-shopping-cart { position: relative; top: 3px; } .mini-basket .small-cnt { display: inline; } .mini-basket * { top: 0; } .header .fi-telephone.show-for-small-only { display: inline !important; position: relative; font-size: 34px; margin-right: 12px; cursor: pointer; color: #2285a2; } .header .fi-magnifying-glass.show-for-small-only { display: inline !important; position: relative; font-size: 34px; margin-right: 12px; cursor: pointer; color: #2285a2; } .header .fi-shopping-cart { font-size: 34px; color: #2285a2; } .header .m-basket { font-size: 24px; color: #2285a2;; } .search-form.is-visible { display: block !important; } .search-form.is-visible form { position: absolute; width: 100%; left: 0px; top: -40px; margin-top: 0.25rem; padding-right: 0; } .search-form.is-visible form input { width: 100%; border-radius: 0 !important; } .search-form.is-visible form .columns { padding: 0; } .m-basket, .m-basket__info { display: inline; } .page { padding-left: 0.937rem !important; padding-right: 0.937rem !important; } ul.off-canvas-list li.lvl3 a { padding-left: 1.5rem; } .off-canvas-list .categories { display: none; } #shopping-cart-small { display: inline !important; } } @media only screen and (max-width: 46.063em) { #goods_list * { transition: none; } .items .item .image .img { width: inherit; height: inherit; } .small-only-right { float: right; } ul.breadcrumbs { padding-left: 35px; border-radius: 0; } ul.breadcrumbs li { float: none; margin-top: 5px; text-indent: -1.86rem; line-height: 1rem; } ul.breadcrumbs li:first-child { text-indent: -0.75rem; } ul.breadcrumbs li:first-child { float: left; } ul.breadcrumbs li:not(:first-child) { margin-left: 1rem; } ul.breadcrumbs li:not(:first-child):before { margin-left: 1rem; margin-right: 0.3rem; } #crumbs-trigger { display: block; position: absolute; right: 0px; margin: 8px 15px 0px 0px; } .sort-area .sub-nav { float: none; } .sort-area .sort dt { display: block; width: 100%; } .sort-area .sort dd { margin-left: 0.1rem; } .site_sale_hit .content { height: 100%; } .items .orbit-container { height: 22.1125rem; } .category { margin-top: 0rem; } .main-description { margin-left: 0em !important; margin-right: 0em !important; } .ui-autocomplete { display: none; } .basket-form tr td.image { text-align: left; } .basket-form table, .basket-form thead, .basket-form tbody, .basket-form th, .basket-form td, .basket-form tr { display: block; } .basket-form table td:nth-child(1), .basket-form table th:nth-child(1) {display: none;} .basket-form table td.tot_price_txt { display: none !important; } .basket-form thead tr { position: absolute; top: -9999px; left: -9999px; } .basket-form tr { border: 1px solid #adadad; } .basket-form td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } .basket-form td:before { content: attr(data-title); position: absolute; top: 0.375rem; left: 0.375rem; width: 45%; padding-right: 0.625rem; white-space: nowrap; text-align:left; font-weight: bold; } .navigation li a { padding: 0.5rem 0.3rem 0.5625rem 0.2rem; font-size: 0.7rem; } .sub-nav dd { display: block; float: none; } .amount_per_page { float: none; } .goods_frame_sort_aria_amount { float: none; } .main_goods_container .tabs-content { margin-top: 0.9375rem; border: 0; padding: 0; } .main_goods_container .item { padding-left: 1.875rem; padding-right: 1.875rem; } .red-label { padding-left: 1rem; } .ya-share2__popup_list-direction_horizontal { right: -25% !important; } .maincontent .favorites { max-width: 100%; } body { background: #fff; } h1 { line-height: 1.25rem; display: block; text-align: center; padding: 0 0.5rem; } .goods-amount { display: none; } #sort { display: block; text-align: center; } .goods_frame_sort_aria_amount { text-align: center; } .sort-area { background: #fff; border: none; border-radius: 0; margin-top: 0.5rem; } .page .tabs li > a { font-size: 9px; padding: 0.2rem 0.4rem; } #promo-block, #navigation { padding-left: 0.375rem; padding-right: 0.375rem; } .footer .block { margin-top: 0px; margin-bottom: 2px; } .footer .block div { display: inline; } .cat h1 { display: block; } .path .fi-plus, .path .fi-minus { position: absolute; right: 0; margin-right: 15px; margin-top: 15px; cursor: pointer; color: #2ba6cb; } .breadcrumbs { height: 47px; overflow: hidden; } .breadcrumbs.open { height: auto; } } @media only screen and (max-width: 35em) { .goods-list .bg-color.radius, .site_sale_hit .border.radius, .user .border.radius { border: none; } .bg-color.radius, .border.radius { padding-left: 0; padding-right: 0; border-radius: 0; } fieldset.border.radius { padding-left: 0.375rem; padding-right: 0.375rem; } ul.pagination { margin-left: 15px; } ul.pagination li { display: none !important; } ul.pagination li.prev, ul.pagination li.next { display: inline-block !important; } ul.pagination li.prev { margin-right: 10px; } ul.pagination li:before { content: none; } .basket .ticket .content { height: auto; } .basket .ticket .submit { position: relative; float: right; margin: 0.5rem 0; } .basket .ticket .options .option { padding-bottom: 0.5rem; border-bottom: 1px dotted #2ba6cb; } .basket .ticket .options .option select { padding-right: 25px; } .basket .ticket .options .option > div { float: none; width: 100%; margin-bottom: 0.5rem; } #step-4 .radio label { float: none; margin-right: 0; margin-bottom: 0.5rem; width: auto; height: auto; text-align: left; } #step-4 .radio label img { display: none; } #step-4 .radio label span { display: inline; position: relative; left: 1.5rem; text-align: left; min-height: inherit; } #step-4 .radio label span br { display: none; } #step-4 .radio label input { display: inline; position: absolute; left: 0.5rem; margin: 0; } .pagination-centered { text-align: left; } .items { height: 100%; padding: 0; } .items div.item, .user .items div.item { max-width: 100%; height: 100%; padding: 5px; margin-bottom: 0; border: none; border-bottom: 1px solid #adadad; border-radius: 0; } .items div.item:first-child { border-top: 1px solid #adadad; } .items div.item:hover { border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #adadad; } .show-more { margin-top: 0.5rem; } .items div.item:first-child:hover { border-top: 1px solid #adadad; } .items .item .image, .items .item .desc { float: left; max-width: 50%; } .items .item .desc { margin-bottom: 5px; /*width: 100%;*/ } .items .item .image { min-height: 8rem; margin-right: 0.625rem; width: 9rem; } .items .item .image img { max-height: 9rem; border-radius: 0; display: block; margin: 0 auto; } .items .item .name { margin-top: 0; } .items .item .firm, .items .item .firm { height: 1rem; overflow: hidden; white-space: nowrap; } .items .item .firm, .items .item .art { height: 1rem; overflow: hidden; white-space: nowrap; } .items .item .order { margin-top: 0; } .items .item .price { margin-bottom: 10px; } .items div.item.empty { display: none; } ul.pagination { margin-left: 15px; } ul.pagination li { display: none !important; } ul.pagination li.prev, ul.pagination li.next { display: inline-block !important; } ul.pagination li.prev { margin-right: 10px; } ul.pagination li:before { content: none; } .pagination-centered { text-align: left; } .sorting { margin-bottom: 10px; } .accordion-navigation > a { border-top: 1px solid #ccc; } .main_goods_container .slider img { max-height: 200px; margin: 0 auto; display: block; } .showcase .mousetrap { width: 100% !important; } .main_goods_container .showcase .thumbnails { text-align: center; } .tabs-content .good-param .group-name { display: none; } .showcase .cloud-zoom-lens, .showcase .cloud-zoom-big { display: none !important; } .items div.item_plitka { float: left; position: relative; font-size: 13.5px; text-align: left; width: 49.9%; min-height: 360px; padding: 3px; margin-bottom: 0; border: none; border-bottom: 1px solid #adadad; border-radius: 0; } .good__img_plitka { width: 100%; position: relative; } .good__img-areas { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; } .good__img-areas_plitka { min-height: 250px; } .good__img-area { height: 100%; flex: 1 1 0; } .good_name_plitka { line-height: 18px; } } /* copied from intex 3 hover areas */ .good__img { position: relative; text-align: center; } .good__img-areas { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; } .good__img-area { height: 100%; flex: 1 1 0; } .good__img-areas-dots { height: 6px; width: 100%; align-items: center; justify-content: center; display: -webkit-box; display: flex; position: absolute; bottom: 8px; } .good__img-area-dot { border-radius: 100%; background: #d6dbe0; width: 5px; height: 5px; margin-left: 2px; } .good__img-area-dot.is-active { background: #138FB1; } .loader_gif { width: 28px; height: 28px; background: url(/img/loader.gif); background-size: 100% 100%; display: block; padding: 32px; } .cart_clear.wrapper { width: 100%; height: 100%; top: 0; left: 0; position: fixed; border-radius: 8px; overflow: hidden; z-index: 10; display:none; background-color: black; opacity: 0.5; } .cart_clear.window { width: 360px; height: 120px; top: 50%; left: 50%; transform: translate(-50%, -50%); position: fixed; padding: 12px 24px; border: 1px solid #ccc; border-radius: 8px; z-index: 101; display:none; background: white; } .cart_clear.buttons { float:right; padding-top: 76px; } .cart_clear.message { position: absolute; right: 28px; top: 6px; cursor:pointer; } /* display switch only for mobile */ .switch_to_plitka { display: none; } /* temp */ @media screen and (min-width: 450px) and (max-width: 460px) { } /* plitka onli for mobile */ @media screen and (max-width: 480px) { .switch_to_plitka { display: block; float: right; margin-right: 1px; border: none; margin-top: -12px; /* ok? */ padding: 0; } .mob_p_view_icon { width: 19px; height: 20px; display: inline-block; cursor: pointer; /* not needed */ margin-right: 4px; } .mob_p_view_icon.plain { background-image: url('/img/icons/plain_view.png'); } .mob_p_view_icon.plitka { background-image: url('/img/icons/plitka_view.png'); } .mob_p_view_icon.plain.active { background-image: url('/img/icons/plain_view_active.png'); } .mob_p_view_icon.plitka.active { background-image: url('/img/icons/plitka_view_active.png'); } .items { height: auto !important; } .items div.item { height: auto !important; } table.goods_plitka .button { margin: 0 !important; } table.goods_plitka { margin: 0 !important; border: none !important; border-bottom: 1px solid #ddd !important; } table.goods_plitka:last-of-type { margin-bottom: 20px !important; } table.goods_plitka td { background-color: #fff !important; } table.goods_plitka td.plitka_1 { vertical-align: top; width: 50%; } table.goods_plitka td.plitka_2 { vertical-align: middle; width: 50%; } table.goods_plitka td:nth-of-type(1) { border-right: 1px solid #ddd !important; } table.goods_plitka .cart_add, .button { /* padding: 8px 20px !important; */ min-width: 120px; font-size: 0.85rem !important; } table.goods_plitka span[itemprop="price"] { font-weight: bold; } table.goods_plitka .fi-star { font-size: 1.5rem; color: #adadad; top: 3px; top: 1px !important; margin-left: 8px; } table.goods_plitka .fi-star.red { color: #a73956; } table.goods_plitka .sale_badge { position: absolute; top: 5px; left: 3px; } } .goods_plitka .price_old { color: #adadad; margin-right: 5px; text-decoration: line-through; } @media only screen and (max-width: 480px) { /* why cromium shows .touch ? */ .orbit-bullets { position: relative; display: block !important; right: calc(20.3vw + 23px); /* exp */ top: 3.8vh; } } /* 18.9.21 */ @media only screen and (max-width: 1542px) { .new_menu_fix { display: none !important; } } /* 9.11.22 - disable img areas for swipe (touchstart) */ @media only screen and (max-width: 580px) { .good__img-areas { display: none; } } /* 27.12.23 - new chrome & safari */ @media (max-width: 600px) { .cart-ticket__period { font-size: 12.1px; } .cart-ticket__alt { font-size: 12.1px; } .cart-ticket__option { margin-bottom: 0; } .cart-ticket__option-block { margin-right: 0; } .cart-ticket__option-block span { font-size: 10px; } } /* submenu 30.9.24 */ .menu__new .submenu img { display: block; width: 32px; height: 29px; float: left; margin-right: 0.5rem; } .menu__new .submenu span { display: block; overflow: hidden; text-align: left; } /* mob icons 2020 */ .mob_icons_2020 { height: 28px; width: 28px; } /* override */ ul.off-canvas-list li a, ul.off-canvas-list li, ul.off-canvas-list li label { background: #1ca6cb; color: white; border: none; } ul.off-canvas-list li { padding-left: 20px; } .ucz.subcat { background: white; /* ooh */ } .off-canvas-list .left_arrow { float: right; margin-top: 5px; height: 10px; width: 10px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: center; transform: rotate(90deg); } .off-canvas-list .rotate { transform: rotate(270deg); } .dz2_mob_menu_wrapper { width: 100%; padding: 1px; padding-left: 8px; text-align: left; font-size: 14px; } .dz2_mob_menu_wrapper .c0, .dz2_mob_menu_wrapper.c0 { background-color: #138fb1; color: white; } .dz2_mob_menu_wrapper .c1, .dz2_mob_menu_wrapper, .categories.subcat a { background-color: white; color: #406677; } .dz2_mob_menu_wrapper .menu_item { padding: 8px; padding-left: 12px; } .dz2_mob_menu_wrapper .first_item { padding-top: 24px; } .dz2_mob_cat_table { border: none; margin-bottom: 0; } .dz2_mob_cat_table:hover { opacity: 0.8; } /* btw it's mobile */ .dz2_mob_cat_table .td0 { text-align: left; padding: 8px; width: 46px; } .dz2_mob_cat_table .td0 { text-align: left; padding: 8px; padding-left: 5px; } .dz2_mob_cat_table .div0 { vertical-align: middle; } .dz2_mob_cat_table .div1 { vertical-align: middle; } /* 9.9.20 fix */ .ya-share2__badge_more { width: 115px; } /* */ .ya-share2__item_more .ya-share2__icon_more { background-image: none !important; } iframe[src*="//yastatic.net/share/metrika.html"], iframe[name*="google_conversion_frame"], img[src*="googleads.g.doubleclick.net"] { display: none; } .w1416 { max-width: 1416px; margin: auto; height: max-content; }