/* Start:/local/templates/severapparel_new/components/bitrix/catalog/q_catalog/style.css?16742313491816*/ .grid{} .grid .bx_content_section{ margin-bottom: 15px; } .grid .bx_sidebar{ margin-bottom: 15px; } /* grid2x1 */ .grid2x1{} .grid2x1 .bx_content_section{ float: left; width: 66%; margin-bottom: 15px; } .grid2x1 .bx_sidebar{ float: right; width: 33%; margin-bottom: 15px; padding-left: 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } @media (max-width:960px){ .grid2x1 .bx_sidebar{ padding-left: 4%; } } @media (max-width:640px) { .grid2x1 .bx_content_section, .grid2x1 .bx_sidebar{ width: 100%; float: none; } .grid2x1 .bx_sidebar{ padding-left: 3%; } } @media (max-width:479px){ .grid2x1 .bx_sidebar{ padding-left: 1%; } } .catalog-block-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } body.bx-theme-blue .catalog-block-header{border-color:#006cc0;} body.bx-theme-green .catalog-block-header{border-color:#63aa28;} body.bx-theme-red .catalog-block-header{border-color:#da3737;} body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;} .landings-list__section-wrap { display: flex; flex-wrap: wrap; } .landings-list__item { display: inline-block; padding-bottom: 8px; } .landings-list__name { padding: 6px 10px 8px; color: #333; margin-right: 8px; position: relative; display: block; line-height: 16px; border-radius: 5px; border: 1px solid #CFCFCF; text-transform: unset; } .landings-list__name:hover { background-color: #E71C4C !important; color: #fff!important; border: 1px solid rgba(231,28,76,1); cursor: pointer; } .active_seo { background-color: #E71C4C !important; color: #fff!important; border: 1px solid rgba(231,28,76,1); cursor: pointer; } div#sid_461{ display:none; } /* End */ /* Start:/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/style.css?161302741021128*/ /******************/ .filter_item_element .bx-filter-btn-color-icon{ width: 22px; height: 22px; } .bloc_inf_filter_wrap { background-color: #e8e8e8; padding: 20px; margin: 20px; border-radius: 10px; } .filter_item_title { text-transform: uppercase; font-weight: 700; } .filter_item_element { font-size: 13px; color: #f00; } .filter_item_title i ,.filter_item_title_color i{ /*content: "\f00d"; font-family: 'FontAwesome';*/ font-weight: 200; padding-right: 4px; cursor: pointer; } .filter_item_wrap { padding: 0; display: flex; flex-wrap: wrap; } .filter_item_wrap li { padding-right: 3px; list-style-type: none; } .filter_inf_title_wrap { padding-bottom: 5px; border-bottom: solid 2px #868484; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; } .filter_inf_title { font-size: 15px; text-transform: uppercase; font-weight: 800; } .filter_inf_clear { font-size: 12px; cursor: pointer; } /******************/ .bx-filter { width: 100%; min-width: 220px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0px; } .bx-filter .bx-filter-section { /*background: #edf6fc; /* color */ position: relative; padding-top: 26px } .bx-filter .bx-filter-section>.row { display: none; padding: 0px 15px; } .bx-filter .bx-filter-title { font-size: 18px; text-transform: uppercase; margin-bottom: 10px; color: #000; } /*Sections*/ .bx-filter .bx-filter-parameters-box { position: relative; } .bx-filter .bx-filter-parameters-box-title { font-size: 13px; padding-bottom: 7px; padding-left: 15px; } @media (min-width: 992px) { .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) { clear: both; } } .bx-filter .bx-filter-parameters-box-title span { color: #000000; text-transform: uppercase; border-bottom: 1px solid transparent; cursor: pointer; } .bx-filter .bx-filter-parameters-box-title span:hover { border-color: #039be5; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span { /*color: #95a1a8;*/ } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover { /*color: #758087;*/ border-color: transparent; } .bx-filter .bx-filter-block { display: none; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -ms-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bx-filter .bx-filter-button-box .bx-filter-block, .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block { display: block; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-size: 14px; font-style: normal; display: block; padding-bottom: 5px; } .bx-filter-parameters-box-container { padding-bottom: 0px; padding-top: 10px; padding-left: 8px; } .bx-filter-parameters-box-container .checkbox:first-child { margin-top: 0; } .bx-filter .bx-filter-parameters-box-container-block { font-size: 11px; color: #3f3f3f; } /* * INPUTS * */ .bx-filter .bx-filter-input-container {} .bx-filter .bx-filter-input-container input { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; outline: none } .bx-retina .bx-filter .bx-filter-input-container input { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; } /*.bx-filter .bx-filter-input-container input:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-input-container input:focus { -webkit-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; -o-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; } /* COLOR */ .bx-ios .bx-filter .bx-filter-input-container input { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 100%); } .bx-filter .bx-filter-button-box { clear: both; } /* *Track * */ .bx-filter .bx-ui-slider-track-container { padding-top: 35px; padding-bottom: 25px; } .bx-filter .bx-ui-slider-track { position: relative; height: 7px; /*background: #d8e9f0;/* COLOR */ } .bx-filter .bx-ui-slider-part { position: absolute; top: -6px; width: 1px; height: 17px; background: #a2bfc7; } .bx-filter .bx-ui-slider-part.p1 { left: -1px; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: -1px; } .bx-filter .bx-ui-slider-part span { font-size: 11px; /*font-weight: bold;*/ position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #6b8086; } .bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v { position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-range { z-index: 50; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; /*background: #849da4;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; /*background: #a8dff3;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; /*background: #499fd8;/* COLOR */ } .bx-filter .bx-ui-slider-handle { position: absolute; top: 100%; width: 22px; height: 22px; border-bottom: none; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAArUlEQVQ4y6WSQQ6FMAhEXbjyXwzOpBdx5bXKbYRWLFSJ2m8ysVHfzGA7DH9cuKVfNwwM40ZzZzJlmE3WTjjNfF9Fn2EwMH5pUGYWOJ3w6wZ4wDKz6rUBumQPPxrUmT0IxuxpqxYLQ7MOG5TaHtbk1iza5+VauW5dfdcYSDKcMLkP7wxdA5sMQWV/BkwDTY7mtAfHjpJ/Ihj4DoIgXZ9J+siaimi6rimLgSw87qod+1BRTwMJRYoAAAAASUVORK5CIIA=) no-repeat right top;*/ } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top;*/ } /* * Select * */ .bx-filter .bx-filter-select-container { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 35px; border-radius: 3px; border: 1px solid #cecece; } .bx-retina .bx-filter .bx-filter-select-container { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-select-container.bx-active, .bx-filter .bx-filter-select-container:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-select-container.bx-active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; -o-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; }*/ .bx-filter .bx-filter-select-block { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; margin: 0; padding: 0 33px 0 10px; border: none; border-radius: 2px; background: #fff; } .bx-filter .bx-filter-select-text { font-size: 15px; line-height: 33px; overflow: hidden; max-width: 100%; height: 33px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx-filter .bx-filter-select-text.fix { min-width: 120px; } .bx-filter .bx-filter-select-text label { cursor: pointer; } .bx-filter .bx-filter-select-arrow { position: absolute; top: 0; right: 0; width: 34px; height: 33px; cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; } /* * Select popup * */ .bx-filter-select-popup { background: #fff; padding: 0; min-width: 173px; } .bx-filter-select-popup ul { margin: 0; padding: 0; list-style: none; } .bx-filter-select-popup ul li { display: block; text-align: left; vertical-align: middle; } .bx-filter-select-popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx-filter-select-popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 26px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover { color: #000; background: #f3f8fa; } .bx-filter-select-popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx-filter-select-popup ul li .bx-filter-param-text { line-height: 34px !important; } /* * TAGS * */ .bx-filter .bx-filter-tag { padding: 18px; /*border-top: 1px solid #d7eaf7;/* COLOR */ /*border-bottom: 1px solid #d7eaf7;/* COLOR */ } .bx-filter .bx-tag-link { font-size: 12px; text-decoration: none; /*color: #68939e;/* COLOR */ text-shadow: none; } .bx-filter .bx-tag-link.bx-active, .bx-filter .bx-tag-link:hover { color: #1d3d46; } /* * LABEL * */ .bx-filter .bx-filter-param-label { min-height: 20px; font-weight: normal; cursor: pointer; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { float: left; display: block; margin-right: 5px; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-label { display: block; } .bx-filter .bx-filter-param-label { /*font-size: 13px;*/ } .bx-filter .bx-filter-param-label.dib { display: inline-block; } .bx-filter .bx-filter-param-text { font-weight: normal; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { color: #6c6c6c; } .bx-filter-select-popup .bx-filter-param-label.bx-active { background: #f3f8fa; } /* * Checkbox / Radio * */ .bx-filter .bx-filter-input-checkbox {} .bx-filter .bx-filter-input-checkbox input[type=radio], .bx-filter .bx-filter-input-checkbox input[type=checkbox] {} .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { display: block; text-align: left; } /* * BTN * */ .bx-filter .bx-filter-param-btn { font-weight: normal; display: inline-block; width: 38px; height: 38px; padding: 6px; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; position: relative; -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx-retina .bx-filter .bx-filter-param-btn { border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; -moz-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; -o-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-filter .bx-filter-param-btn:hover, .bx-filter .bx-filter-param-btn:active, .bx-filter .bx-filter-param-btn:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-retina .bx-filter .bx-filter-param-btn:hover, .bx-retina .bx-filter .bx-filter-param-btn:active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; -moz-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; -o-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/active.png) 2 repeat; }*/ /* --- colors */ .bx-filter .bx-filter-param-btn.bx-color-sl {} .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { background: transparent; box-shadow: none } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { position: relative; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: ' '; display: block; z-index: 100; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; opacity: .7; } .bx-filter .bx-filter-param-btn .bx-filter-param-text { line-height: 26px; } /* * BTN P/M * */ .bx-filter .bx-filter-param-btn.bx-spm { width: 23px; min-width: 23px; height: 23px; line-height: 23px; font-weight: normal; padding: 0; font-size: 17px; color: #767b7e; vertical-align: top; border-radius: 50%; background-color: transparent; } .bx-filter .bx-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm:active { outline: none !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12); } .bx-filter span.bx-spm { font-size: 18px; /*font-weight:bold;*/ line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } /* * icon * */ .bx-filter-select-popup .bx-filter-select-text-icon, .bx-filter .bx-filter-select-text-icon { line-height: 33px; position: relative; display: inline-block; width: 23px; height: 23px; margin-top: -4px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx-filter-select-popup .bx-filter-btn-color-icon, .bx-filter .bx-filter-btn-color-icon { line-height: 24px; /*position:relative;*/ /*top:4px;*/ border-radius: 2px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); -webkit-background-size: cover; background-size: cover; } .bx-filter-select-popup .bx-filter-btn-color-icon { width: 20px; height: 20px; margin: 2px 0; top: 0 !important; } .bx-filter .bx-filter-select-block .bx-filter-btn-color-icon { top: -1px !important; } .bx-filter-btn-color-icon.all { position: relative; border: none; box-shadow: none } .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); } .bx-filter-btn-color-icon.all:after { right: 0; bottom: 0; } .bx-filter-btn-color-icon.all:before { top: 0; left: 0; } .bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon { opacity: .2; } /* * BIZ * */ .bx-filter .bx-filter-parameter-biz { font-size: 14px; line-height: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #1485ce; border-bottom: 1px dashed; } .bx-filter .bx-filter-parameter-biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx-filter .bx-filter-parameter-biz.bx-active { position: relative; /*padding-left:20px;*/ color: #000; border-color: transparent; } /* * BTN result and reset * */ .btn-themes { /*background-color: #1485CE;/* COLOR */ /*border-color: #1485CE;/* COLOR */ color: #FFF } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover{ /*background-color: #53A4D8;/* COLOR */ /*border-color: #53A4D8;/* COLOR */ color: #FFF } /* * Result Popup * */ .bx-filter-popup-result { position: absolute; left: 100%; font-size: 13px; text-align: center; font-weight: normal; z-index: 915; margin-top: 0px; margin-left: 10px; padding: 7px 41px; /* white-space: nowrap; */ /* min-height: 34px; */ /* line-height: 17px; */ color: white; background-color: black; } .bx-filter-popup-result.left { border-width: 2px 10px 2px 2px; -webkit-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/result_popup_left.png) 4 20 4 4 repeat; -moz-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/result_popup_left.png) 4 20 4 4 repeat; -o-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/result_popup_left.png) 4 20 4 4 repeat; border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/result_popup_left.png) 4 20 4 4 fill repeat; } .bx-filter-popup-result.right { border-width: 2px 2px 2px 10px; -webkit-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/result_popup_right.png) 4 4 4 20 repeat; -moz-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/result_popup_right.png) 4 4 4 20 repeat; -o-border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/result_popup_right.png) 4 4 4 20 repeat; border-image: url(/local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/images/result_popup_right.png) 4 4 4 20 fill repeat; } .bx-filter-popup-result.right { left: 97%; } .bx-filter-popup-result.left { right:97%; } .bx-filter-horizontal .bx-filter-popup-result{ /* display: inline-block; */ position: relative; left: auto; right: auto; bottom: 2px; } .bx-filter-popup-result a { padding-left: 10px; line-height: 10px; color: white; display: inline-block; white-space: nowrap; text-transform: uppercase; font-size: 11px; background: no-repeat url(/local/templates/severapparel/images/arrow-right.png) center right; padding-right: 29px; padding-bottom: 1px; background-position-x: 98%; } .bx-filter-popup-result a:hover { text-decoration: none; } .bx-filter-popup-result-close { display: none; } @media (max-width: 767px) { .bx-touch .bx-filter-popup-result { font-size: 12px; line-height: 14px; position: fixed !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0; margin-left: 0; width: auto; height: auto; padding: 10px; border-radius: 2px; border: 1px solid #c6dae7; background: rgba(255,255,255,.9); } .bx-touch .bx-filter-popup-result br{display: none;} .bx-filter-popup-result .arrow { display: none; } } .sidebar_catalog .radio input[type="radio"], .sidebar_catalog .radio-inline input[type="radio"], .sidebar_catalog .checkbox input[type="checkbox"], .sidebar_catalog .checkbox-inline input[type="checkbox"] { position: relative; float: left; margin: 3px 0 0; vertical-align: middle; } .tab-title::after{ display: none; } .tab-title .bx-filter-parameters-box-hint{ display: block; } .tab-title .bx-filter-parameters-box-hint .fa{ float: right; font-size: 24px; line-height: 20px; } .sidebar_catalog .checkbox label{ display: block; padding: 0; margin: 0 0 0 30px; } .sidebar_catalog .checkbox label.disabled{ opacity:0.5; pointer-events: none; } .bx-filter-param-label-img{ width: 35px; height: 35px; -webkit-box-shadow: 0 0 0 1px #cfcfcf; box-shadow: 0 0 0 1px #cfcfcf; border-radius: 5px; padding: 1px; margin-right: 5px; margin-bottom: 0; cursor: pointer; } .bx-filter-btn-color-icon{ display: block; width: 33px; height: 33px; border-radius: 5px; } .bx-filter-param-label-img.bx-active{ -webkit-box-shadow: 0 0 0 1px #e71c4c; box-shadow: 0 0 0 1px #e71c4c; } /* End */ /* Start:/local/templates/severapparel_new/components/bitrix/catalog/q_catalog/bitrix/catalog.section.list/sections/style.css?16090589407174*/ /* line */ .bx_catalog_line { margin-bottom: 30px; } .bx_catalog_line .bx_catalog_line_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_line .bx_catalog_line_category_title a { color: #000; text-decoration: none; } .bx_catalog_line .bx_catalog_line_ul { padding: 0; } .bx_catalog_line .bx_catalog_line_ul li { margin-bottom: 20px; list-style: none; } .bx_catalog_line .bx_catalog_line_ul li:before { content: '' !important } .bx_catalog_line .bx_catalog_line_img { position: relative; display: block; float: left; overflow: hidden; margin-right: 40px; width: 125px; height: 125px; border: 1px solid #ccc; border-radius: 2px; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_line .bx_catalog_line_title { margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 18px; } .bx_catalog_line .bx_catalog_line_title a { color: #4c7da6; font-size: 18px; } .bx_catalog_line .bx_catalog_line_title a:hover { text-decoration: none; } .bx_catalog_line .bx_catalog_line_title span { font-size: 16px } .bx_catalog_line .bx_catalog_line_description { color: #3f3f3f; font-size: 13px; line-height: 16px; } @media (max-width: 639px) { .bx-touch .bx_catalog_line .bx_catalog_line_img { margin-right: 10px; width: 50px; height: 50px; } .bx-touch .bx_catalog_line .bx_catalog_line_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_title a { font-size: 14px; } .bx-touch .bx_catalog_line .bx_catalog_line_description { font-size: 11px; } } .bx_catalog_line .bx_catalog_line_img, .bx_catalog_line .bx_catalog_line_title, .bx_catalog_line .bx_catalog_line_title a, .bx_catalog_line .bx_catalog_line_description { transition: all 0.3s ease; } /* text */ .bx_catalog_text { margin-bottom: 30px; } .bx_catalog_text .bx_catalog_text_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_text .bx_catalog_text_category_title a { color: #000; text-decoration: none; } .bx_catalog_text .bx_catalog_text_ul { padding: 0; } .bx_catalog_text .bx_catalog_text_ul li { float: left; margin: 0 10px 10px; list-style: none; } .bx_catalog_text .bx_catalog_text_ul li:before { content: '' !important } .bx_catalog_text .bx_catalog_text_title { margin: 0; padding: 0; vertical-align: top; font-size: 14px; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { display: inline-block; overflow: hidden; max-width: 100%; color: #4c7da6; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 14px; } .bx_catalog_text .bx_catalog_text_title a:hover { text-decoration: none } .bx_catalog_text .bx_catalog_text_title span { font-size: 12px; } @media (max-width: 639px) { .bx-touch .bx_catalog_text .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_catalog_text .bx_catalog_line_title a { font-size: 12px; } } .bx_catalog_text .bx_catalog_line_title, .bx_catalog_text .bx_catalog_line_title a { transition: all 0.3s ease; } /* tile */ .bx_catalog_tile { margin-bottom: 30px; } .bx_catalog_tile .bx_catalog_tile_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_catalog_tile .bx_catalog_tile_category_title a { color: #000; text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_ul { padding: 0; } .bx_catalog_tile .bx_catalog_tile_ul li { float: left; box-sizing: border-box; margin-bottom: 20px; padding: 0 10px; width: 12.5%; list-style: none; text-align: center; } .bx_catalog_tile .bx_catalog_tile_ul li:before { content: '' !important } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: both; } .bx_catalog_tile .bx_catalog_tile_img { position: relative; display: block; overflow: hidden; margin: 0 auto; width: 78px; height: 78px; border: 1px solid #ccc; border-radius: 2px; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; -webkit-background-size: contain; } .bx_catalog_tile .bx_catalog_tile_title { margin-top: 5px; margin-bottom: 10px; padding: 0; vertical-align: top; line-height: 14px; } .bx_catalog_tile .bx_catalog_tile_title a { color: #4c7da6; font-size: 14px; } .bx_catalog_tile .bx_catalog_tile_title a:hover { text-decoration: none; } .bx_catalog_tile .bx_catalog_tile_title span { font-size: 12px; } /*2*/ @media (max-width: 980px) { .bx_catalog_tile .bx_catalog_tile_ul li { width: 20%; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: both; } } /*3*/ @media (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_title { margin-bottom: 5px; line-height: 14px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title { line-height: 10px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_title a { font-size: 11px; } } @media (min-width: 480px) and (max-width: 639px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 25%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1) { clear: both; } } /*4*/ @media (max-width: 479px) { .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li { width: 33.3%; } .bx-touch .bx_catalog_tile .bx_catalog_tile_img { width: 100%; height: 80px; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1) { clear: none; } .bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1) { clear: both; } } .bx_catalog_tile .bx_catalog_tile_title, .bx_catalog_tile .bx_catalog_tile_title a, .bx_catalog_tile .bx_catalog_tile_ul li, .bx_catalog_tile .bx_catalog_tile_img { transition: all 0.3s ease; } /* list */ .bx_sitemap {/* margin-bottom: 30px; */padding-left: 80px;} .bx_sitemap .bx_sitemap_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; } .bx_sitemap .bx_sitemap_title a { color: #000; text-decoration: none; } .bx_sitemap .bx_sitemap_ul li { padding: 0; line-height: 14px; } .bx_sitemap .bx_sitemap_ul li:before { content: '' !important } .bx_sitemap .bx_sitemap_li_title { display: inline-block; margin: 0; margin-bottom: 10px; padding: 0; vertical-align: top; font-weight: normal; line-height: 13px; } .bx_sitemap .bx_sitemap_li_title a { color: #4c7da6; white-space: nowrap; font-size: 13px; } .bx_sitemap .bx_sitemap_li_title a:hover { text-decoration: none } .bx_sitemap .bx_sitemap_li_title span { font-size: 11px; } @media (max-width: 639px) { .bx-touch .bx_sitemap .bx_catalog_line_title { margin-bottom: 5px; line-height: 12px; } .bx-touch .bx_sitemap .bx_catalog_line_title a { font-size: 12px; } } .bx_sitemap .bx_catalog_line_title, .bx_sitemap .bx_catalog_line_title a { transition: all 0.3s ease; } /* End */ /* Start:/bitrix/components/bitrix/catalog.search/templates/.default/style.css?1584350475163*/ a.search-page-params { border-bottom: 1px dashed blue; text-decoration: none; } div.search-page-params { margin-top: 6px; } .search-item-rate {font-size: 11px;} /* End */ /* Start:/bitrix/components/bitrix/system.pagenavigation/templates/round/style.css?15843504852853*/ .bx-pagination { margin: 10px 0; } .bx-pagination .bx-pagination-container { text-align: center; position: relative; } .bx-pagination .bx-pagination-container ul { padding: 0; margin: 0; list-style: none; display: inline-block; } .bx-pagination .bx-pagination-container ul li { display: inline-block; margin: 0 2px 15px 2px; } .bx-pagination .bx-pagination-container ul li span{ -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease; -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease; transition: color .3s ease, background-color .3s ease, border-color .3s ease; background: #eff0f1; padding: 3px 12px; display: block; height: 32px; min-width: 32px; line-height: 32px; color: #444; font-size: 14px; border-radius: 0px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-pagination .bx-pagination-container ul li a { text-decoration: none; display: block; border-radius: 16px; height: 32px; min-width: 32px; line-height: 32px; color: #444; vertical-align: middle; } .bx-pagination .bx-pagination-container ul li a:hover span{ background: #DADADA; } .bx-pagination .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a span { background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; color: #444; } .bx-pagination .bx-pagination-container ul li.bx-pag-all span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev span, .bx-pagination .bx-pagination-container ul li.bx-pag-next span{ color: #aab1b4; background: #fff; border: 2px solid #eff0f1; line-height: 28px; padding: 0 18px; } .bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span, .bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span { background: #fff; border-color: #DADADA; color: #aaa; } /*color schemes*/ .bx-pagination.bx-green .bx-pagination-container ul li.bx-active span{ background: #3bc915; color: #fff; } .bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span{ background: #F9A91D; color: #fff; } .bx-pagination.bx-red .bx-pagination-container ul li.bx-active span{ background: #E22B2B; color: #fff; } .bx-pagination.bx-blue .bx-pagination-container ul li.bx-active span{ background: #0083d1; color: #fff; } /* End */ /* Start:/local/templates/severapparel_new/components/bitrix/catalog.section/.default/style.css?16104907163808*/ @media (min-width: 1200px){ /*lg*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 992px) and (max-width:1199px){ /*md*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 768px) and (max-width: 991px){ /*sm*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (max-width: 767px){ /*xs*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } .catalog-section-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } .row::before { display: initial; } /* End */ /* Start:/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/style.css?162352152051087*/ .product-item-container { position: relative; } .product-item-container.hover { z-index: 17; } .product-item-container>.b-product-card>.b-product-card__checkbox{z-index:16;display:block;} .b-product-card__checkbox.checked .b-product-card__checkbox-text:after{ opacity: 1; } @media (max-width: 991px) { .product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; } } .bx-retina .product-item { border-width: .5px; } .product-item * { /*transition: opacity 300ms ease;*/ } @media (max-width: 767px) { .product-item { padding: 15px 5px 5px } .product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; } } /*.bx-no-touch .product-item-container.hover .product-item { position: absolute; right: -15px; left: -15px; padding: 15px 15px 0; width: auto; border: 1px solid transparent; background: #fff; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); }*/ .bx-touch .product-item { padding: 15px 0 0; width: auto; background: #fff; } /*.bx-no-touch .product-item-container.hover .product-item { -webkit-animation: product-item-hover 300ms 1 ease; }*/ @-webkit-keyframes product-item-hover { 0% { position: absolute; left: -15px; right: -15px; border: 1px solid transparent; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } 100% { border: 1px solid transparent; box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19); } } /*Image*/ .product-item-image-wrapper { position: relative; display: block; margin-bottom: 17px; padding-top: 100%; width: 100%; transition: all 300ms ease; } .product-item-image-wrapper:hover { } .product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; } .product-item-image-original, .product-item-image-alternative { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; /*transition: opacity 300ms linear;*/ } .product-item-image-original { z-index: 11; } .product-item-image-alternative { z-index: 13; opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; } .bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; } .product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; } /*Image Slider*/ .product-item-image-slider-slide-container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; overflow: hidden; width: 100%; height: 100%; transition: opacity 300ms ease; } .product-item-image-slide { position: relative; display: none; height: 100%; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat; transition: .6s ease-in-out left; } @media all and (transform-3d), (-webkit-transform-3d) { .product-item-image-slide { transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .product-item-image-slide.next, .product-item-image-slide.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .product-item-image-slide.prev, .product-item-image-slide.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .product-item-image-slide.next.left, .product-item-image-slide.prev.right, .product-item-image-slide.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .product-item-image-slider-slide-container > .active, .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { display: block; } .product-item-image-slider-slide-container > .active { left: 0; } .product-item-image-slider-slide-container > .next, .product-item-image-slider-slide-container > .prev { position: absolute; top: 0; width: 100%; } .product-item-image-slider-slide-container > .next { left: 100%; } .product-item-image-slider-slide-container > .prev { left: -100%; } .product-item-image-slider-slide-container > .next.left, .product-item-image-slider-slide-container > .prev.right { left: 0; } .product-item-image-slider-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 1px; } .product-item-image-slider-progress-bar { position: absolute; top: 0; bottom: 0; left: 0; height: 1px; background-color: #f42c2c; opacity: .8; } .product-item-image-slider-control-container { position: absolute; right: 0; /*bottom: 3px;*/ top: -3px; height: 100%; left: 0; z-index: 15; padding: 0 3px; text-align: center; opacity: 0; transition: opacity 300ms ease; display: flex; justify-content: space-between; } .product-item-container.hover .product-item-image-slider-control-container, .product-item-line-card:hover .product-item-image-slider-control-container { opacity: 0.5; } .bx-blue .product-item-image-slider-control.active, .bx-blue .product-item-image-slider-control:hover{ background:transparent !important; opacity: 0.8; } .product-item-image-slider-control, .product-item-image-slider-control.active { display: inline-block; width: 100%; /*height: 2px;*/ /*background-color: rgba(0,0,0);*/ border-bottom: 1px solid rgba(172,172,172,1); height: 100%; opacity: .3; cursor: pointer; transition: all 300ms ease; margin: 0 3px; } .product-item-image-slider-control:hover, .product-item-image-slider-control.active:hover { cursor: pointer; } /*Label*/ .product-item-label-text, .product-item-label-ring { position: absolute; z-index: 15; } .product-item-label-text span, .product-item-label-ring { display: inline-block; clear: both; margin-bottom: 2px; background: #f42c2c; color: #fff; vertical-align: middle; text-align: center; transition: all 250ms ease; } .bx-red .product-item-label-text span, .bx-red .product-item-label-ring { background-color: #fba90c; } .product-item-label-text > div, .product-item-label-ring > div { line-height: 0; } /* TEXT */ .product-item-label-text span { padding: 2px 5px; vertical-align: middle; font-weight: bold; } /*SMALL*/ .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-weight: normal; font-size: 13px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span { padding: 5px 12px; font-size: 16px; line-height: 21px; } /* BIG */ .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { padding: 4px 10px; font-size: 13px; line-height: 17px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 5px 17px; font-size: 22px; line-height: 33px; } @media (max-width: 767px) { .product-item-label-text > div { line-height: 0; } .product-item-label-text.product-item-label-small span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-small span { margin-bottom: 1px; padding: 2px 7px; font-size: 10px; line-height: 14px; } .product-item-big-card .product-item-label-text.product-item-label-small span, .product-item-label-text.product-item-label-big span, .product-item-scalable-card.hover .product-item-label-text.product-item-label-big span { margin-bottom: 1px; padding: 3px 12px; font-size: 14px; line-height: 16px; } .product-item-big-card .product-item-label-text.product-item-label-big span { padding: 3px 12px; font-size: 20px; line-height: 25px; } } /*RING*/ .product-item-label-ring { box-sizing: border-box; border-radius: 50%; font-weight: bold; } .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 40px; height: 40px; font-size: 14px; line-height: 40px; } .product-item-big-card .product-item-label-ring.product-item-label-small { position: absolute; top: 25px; left: 0; z-index: 15; width: 49px; height: 25px; font-size: 11px; line-height: 1; font-weight: bold; text-transform: uppercase; background: #E71C4C; border-radius: 0; padding-top: 7px; } .product-item-big-card .product-item-label-ring.product-item-label-small span{ display: block; } .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 120px; height: 120px; font-size: 42px; line-height: 120px; } @media (max-width: 767px) { .product-item-label-ring.product-item-label-small, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-small { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-small, .product-item-label-ring.product-item-label-big, .product-item-scalable-card.hover .product-item-label-ring.product-item-label-big { width: 35px; height: 35px; font-size: 12px; line-height: 35px; } .product-item-big-card .product-item-label-ring.product-item-label-big { width: 70px; height: 70px; font-size: 24px; line-height: 70px; } } .product-item-label-top { top: -5px; } .product-item-label-center { left: 50%; transform: translateX(-50%); } .product-item-label-center > div { text-align: center; } .product-item-label-left { left: -5px; } .product-item-label-left > div { text-align: left; } .product-item-label-bottom { bottom: -5px; } .product-item-label-middle { top: 50%; transform: translateY(-50%); } .product-item-label-right { right: -5px; } .product-item-label-right > div { text-align: right; } .product-item-label-center.product-item-label-middle { transform: translateY(-50%) translateX(-50%); } /*Title*/ .product-item-title { /*overflow: hidden;*/ overflow: auto; margin-bottom: 1px; text-overflow: ellipsis; /*white-space: nowrap;*/ } .bx-touch .product-item-title, .product-item-container.hover .product-item-title { overflow: auto; white-space: normal; } .product-item-title a { display: block; line-height: 18px; font-style: normal; font-weight: bold; font-size: 14px; color: rgba(0,0,0,1); text-transform: uppercase; text-decoration: none; } .product-item-title a:hover, .product-item-title a:focus{ text-decoration: none; color: rgba(231,28,76,1); } .product-item-big-card .product-item-title a { font-size: 17px; line-height: 1.2; } .product-item-line-card .product-item-title a { font-size: 20px; } /*Price*/ .product-item-price-container { margin: 4px 0 10px; } .product-item-price-current { font-style: normal; font-weight: bold; font-size: 25px; color: rgba(0,0,0,1); letter-spacing: 0.5px; } .product-item-price-old { text-decoration: line-through; white-space: nowrap; font-weight: bold; font-size: 15px; color: rgba(157,157,157,1); letter-spacing: 0.5px; } .product-item-price-discount{ background: rgba(231,28,76,1); font-size: 12px; color: #fff; border-radius: 5px; padding: 0 7px; margin-left: 7px; } .product-item-big-card .product-item-price-current, .product-item-big-card .product-item-price-old { vertical-align: middle; line-height: 20px; } .product-item-big-card .product-item-price-container { padding: 0 0 10px; margin: 0 0 10px; } .product-item-big-card .product-item-price-current { font-size: 18px; } .product-item-big-card .product-item-price-old { font-size: 15px; } /*Info*/ .product-item-line-card .product-item-info-container { text-align: center; } .product-item-info-container { margin-bottom: 4px; } .product-item-info-container-title { color: #000; font-weight: bold; font-size: 13px; } .bx-no-touch .product-item-container .product-item-info-container.product-item-hidden { display: none; opacity: 0; transition: opacity 300ms ease; } .bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important } .bx-touch .product-item-info-container.product-item-hidden, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden, .product-item-line-card .product-item-container .product-item-info-container.product-item-hidden { display: block; opacity: 1; } /*Amount*/ .product-item-amount { padding: 0 0 2px; text-align: center; } .product-item-amount-field-container { } .product-item-amount-field-btn-plus, .product-item-amount-field-btn-minus { position: relative; display: inline-block; min-width: 22px; height: 22px; border-radius: 2px; background-color: #fff; color: #fff; vertical-align: middle; text-align: center; cursor: pointer; transition: background 300ms ease, opacity 300ms ease; } .bx-retina .product-item-amount-field-btn-plus, .bx-retina .product-item-amount-field-btn-minus { border-width: .5px; } .product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-minus:hover { background: #fff; } .product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-minus:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: .8; transition: opacity 300ms ease, background 300ms ease; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after { opacity: .3 !important; cursor: default; } .product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover, .product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover { background-color: #fff; } .product-item-amount-field-btn-plus:after { /*background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;*/ background: transparent url('/images/arrow_right.png') center center no-repeat; } .product-item-amount-field-btn-minus:after { /*background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;*/ background: transparent url('/images/arrow_left.png') center center no-repeat; } .product-item-amount-field-btn-plus:hover:after, .product-item-amount-field-btn-minus:hover:after { opacity: 1; } .product-item-amount-field { display: inline-block; padding: 0; max-width: 35px; width: auto; height: 22px; border: 1px solid transparent; border-radius: 2px; background: transparent !important; color: #000; vertical-align: middle; text-align: center; font-weight: bold; line-height: 22px; transition: border 300ms ease; } .bx-retina .product-item-amount-field { border-width: .5px; } .product-item-amount-field:focus { outline: none !important; } .bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button, .bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; appearance: none } .product-item-amount-description-container { color: #a5a5a5; white-space: nowrap; font-size: 12px; display: block; } .product-item-big-card .product-item-amount-field-container { text-align: left; border: 2px solid rgba(231,28,76,1); border-radius: 5px; padding: 5.5px 5px; } .product-item-amount-description-container strong { color: #333; white-space: nowrap; } .product-item-amount-label-container { margin: 5px 0; color: #a5a5a5; font-weight: bold; font-size: 12px; } /**/ .product-item-quantity { color: #333; font-weight: normal; font-size: 12px; } /*Properties */ .product-item-properties { display: block; margin: 0; color: #000; font-size: 12px; } .product-item-properties dl { clear: both; } .product-item-properties dt { display: inline-block; font-weight: normal; } .product-item-properties dd { display: inline-block; } /*Compare*/ .product-item-compare-container { position: relative; display: none; margin: 0 -15px; padding: 4px 15px; min-height: 30px; border-top: 1px solid #e6e6e6; background: #f3f3f3; box-shadow: inset 0 1px 1px 0 #eee; vertical-align: middle; font-size: 12px; line-height: 20px; } .product-item-line-card .product-item-compare-container { margin: 0; border: none; background-color: transparent; box-shadow: none; text-align: center; } .bx-touch .product-item-compare-container { display: none; } .product-item-line-card .product-item-compare-container, .product-item-container.hover .product-item-compare-container { display: block; } .product-item-compare .checkbox { margin: 0; padding: 0; } /* SCU */ .product-item-scu-container { font-size: 14px; padding: 0 0 2px; } .product-item-scu-container-title { color: #333; font-size: 12px; } .product-item-scu-block { } .product-item-scu-list { margin: 0; } .product-item-scu-item-list { overflow: hidden; margin: 5px 0; padding: 0; list-style: none; } .product-item-scu-item-color-container, .product-item-scu-item-text-container { /* float: left; */ display: inline-block; box-sizing: border-box; padding: 0; max-width: 100%; } .product-item-scu-item-text-container { min-width: 32px; } .product-item-scu-item-color-container { max-width: 38px; width: 25%; } .product-item-scu-item-color-block { position: relative; /* padding: 100% 16px 0; */ border: 1px solid white; border-radius: 5px; cursor: pointer; width: 39px; height: 39px; padding: 1px; outline: 0; } .bx-blue .product-item-scu-item-text-block:hover, .bx-blue .product-item-scu-item-color-block:hover, .bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block, .bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ border-color: rgba(231,28,76,1) !important; } .bx-no-touch .product-item-scu-item-color-block { transition: outline 200ms ease; } .bx-retina .product-item-scu-item-color-block { outline-width: .5px; } .product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; } .product-item-scu-item-color { position: relative; top: auto; right: auto; bottom: auto; left: auto; background-position: center; background-size: contain; background-repeat: no-repeat; width: 35px; height: 35px; } .product-item-scu-item-text-block { position: relative; padding: 0; /* outline: 1px solid #c0cfda; */ cursor: pointer; } .bx-no-touch .product-item-scu-item-text-block { transition: outline 300ms ease; } .bx-retina .product-item-scu-item-text-block { outline-width: .5px; } .product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; } .bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; } .product-item-scu-item-text { height: 35px; border-radius: 5px; background-color: white; font-family: "Open Sans"; font-size: 11px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #cfcfcf; /* padding: 0 1.9px; */ padding-left: 6px; padding-right: 6px; } .product-item-scu-item-text-container.selected .product-item-scu-item-text { background: #e71c4c; color: white; } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block { position: relative; /* outline-color: #a9adb4 !important; */ } .product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after, .product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after { position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center; background-size: 80% 80%; content: ""; } @media (max-width: 991px) { .product-item-line-card .product-item-scu-container-title { text-align: center; } .product-item-line-card .product-item-scu-item-list { text-align: center; } .product-item-line-card .product-item-scu-item-color-container, .product-item-line-card .product-item-scu-item-text-container { display: inline-block; float: none; } } /*Description*/ .product-item-description-container { } .product-item-description-container p { color: #575757; font-size: 13px; } /*Buttons*/ .product-item-button-container { text-align: center; } .product-item-button-container .btn { margin-bottom: 2px; } /*Stickers*/ .product-item-sticker, .product-item-sticker-round { display: none; } /*More*/ .product-item-more-container { position: relative; display: block; box-sizing: border-box; padding: 15px 15px 5px; width: 100%; border: 1px solid transparent; border-radius: 2px; transition: all 300ms ease; } .product-item-more-wrapper { position: relative; display: block; margin-bottom: 15px; padding-top: 116%; width: 100%; } .product-item-more { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%; background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center; background-size: 50%; opacity: .7; transition: opacity 300ms ease; } .bx-touch .product-item-more, .product-item-container.hover .product-item-more { opacity: 1; } .product-item-more-title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .new_product_label{ position: absolute; top: 0; left: 0; z-index: 16; background-color: #1726FD; color: #fff; font-size: 11px; font-weight: bold; text-transform: unset; padding: 5px 11px; } .heart_favorites_icon_in_card{ position: absolute; top: 21px; right: 24px; z-index: 100; display: block; width: 23px; height: 20px; background: transparent url('/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/images/icon_heart_gray.png') center center no-repeat; background-size: 100% 100%; padding: 0; margin: 0; cursor: pointer; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .heart_favorites_icon_in_card:hover, .heart_favorites_icon_in_card:focus{ background-image: url('/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/images/icon_heart_red.png'); } .inline_on_card{ display: inline-block; } .bx-touch .product-item-info-container.product-item-hidden.inline_on_card, .bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden.inline_on_card, .product-item-line-card .product-item-container .product-item-info-container.product-item-hidden.inline_on_card{ display: inline-block; } .product-item-amount-area{ float: left; width: 101px; } .product-item-button-container-area{ display: block; width: 100%; padding-left: 108px; } .catalog-section + div.row .btn{ color: #ffffff; font-size: 17px; font-weight: 400; letter-spacing: 1.7px; line-height: 78px; border-radius: 10px; background-color: #e71c4c; border: 1px solid #e71c4c; width: 100%; margin-top: 65px; } .catalog-section + div.row .btn:hover, .catalog-section + div.row .btn:focus{ background-color: #fff; color: #e71c4c; border: 1px solid #e71c4c; } .b-options-column { position: relative; width: 100%; margin-right: 14px; } @media (max-width: 560px) { .b-options-column { margin-right: 0; } } .b-options-column__choise { width: 100%; /*height: 193px;*/ border-radius: 20px; background-color: #f3f3f3; padding: 18px 19px 17px 21px; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-options-column__heading { color: #000000; font-family: "Open Sans"; /*font-size: 18px;*/ font-size: 16px; font-weight: 700; font-style: normal; letter-spacing: 1.8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .b-options-column__heading button { color: #9d9d9d; font-family: "Open Sans"; font-size: 10px; font-weight: 400; letter-spacing: 0.5px; background: none; border: none; cursor: pointer; padding-left: 16px; } .b-options-column__shape { padding-bottom: 23px; padding-top: 11px; } .b-options-column__option { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-options-column__option:not(:last-child) { padding-bottom: 3px; } .b-options-column__button-cancel { background: none; border: none; cursor: pointer; padding-right: 11px; } .b-options-column__option-name { color: #000000; font-family: "Open Sans"; font-weight: 600; font-size: 15px; } .b-options-column__option-name span { color: #e71c4c; font-family: "Open Sans"; font-weight: 400; } .b-options-column__heading_padd { margin: 20px 0 0 21px; } .accordion-input { display: none; } .tab-content { display: none; } .tab { border-top: 1px solid #d6d3d3; color: #000000; font-family: "Open Sans"; font-size: 14px; font-weight: 700; letter-spacing: 0.7px; margin: 15px 20px; } .tab-title { padding: 14px 0 0; /* Поля вокруг текста */ display: block; /* Блочный элемент */ text-transform: uppercase; /* Все буквы заглавные */ font-weight: bold; /* Жирное начертание */ cursor: pointer; /* Вид курсора */ } .tab-title::after { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/arrow-botom.svg); float: right; } .tab :checked + .tab-title::after { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/arrow-top.svg); } .tab :checked ~ .tab-content { display: block; /* Показываем содержимое */ } #check1, #check2, #check3, #check4, #check5, #check6, #check7, #check8, #check9, #check10, #check11, #check12, #check13, #check14 { display: none; } #check1 + label, #check2 + label, #check3 + label, #check4 + label, #check5 + label, #check6 + label, #check7 + label, #check8 + label, #check9 + label, #check10 + label, #check11 + label, #check12 + label, #check13 + label, #check14 + label, #check15 + label { display: block; width: 15px; height: 15px; background-image: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/checkbox.svg); background-repeat: no-repeat; text-align: center; } #check1:checked + label, #check2:checked + label, #check3:checked + label, #check4:checked + label, #check5:checked + label, #check6:checked + label, #check7:checked + label, #check8:checked + label, #check9:checked + label, #check10:checked + label, #check11:checked + label, #check12:checked + label, #check13:checked + label, #check14:checked + label, #check15:checked + label { background-image: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/checked.svg); } .checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 11px; font-size: 13px; font-weight: 600; } .checkbox label { margin-right: 14px; } .checkbox:first-child { margin-top: 21px; } .accordion-input-category { display: none; } .tab-content-category { display: none; margin-left: 14px; } .tab-category { color: #000000; font-family: "Open Sans"; font-size: 14px; font-weight: 700; letter-spacing: 0.7px; } .tab-title-category { padding: 14px 0 0; /* Поля вокруг текста */ display: block; /* Блочный элемент */ font-weight: bold; /* Жирное начертание */ cursor: pointer; /* Вид курсора */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 18px; font-size: 13px; font-weight: 600; } .tab-title-category::after { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/+.svg); height: 17px; margin-left: 6px; } .tab-title-category::before { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/checkbox.svg); height: 15px; margin-right: 14px; } .tab-category :checked + .tab-title-category::after { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/-.svg); padding-bottom: 9px; } .tab-category :checked + .tab-title-category::before { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/checked2.svg); height: 15px; } .tab-category :checked ~ .tab-content-category { display: block; /* Показываем содержимое */ } .accordion-input-category1 { display: none; } .tab-content-category1 { display: none; margin-left: 14px; } .tab-category1 { color: #000000; font-family: "Open Sans"; font-size: 14px; font-weight: 700; letter-spacing: 0.7px; } .tab-title-category1 { padding: 14px 0 0; /* Поля вокруг текста */ display: block; /* Блочный элемент */ font-weight: bold; /* Жирное начертание */ cursor: pointer; /* Вид курсора */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 18px; font-size: 13px; font-weight: 600; } .tab-title-category1::after { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/+.svg); height: 17px; margin-left: 6px; } .tab-title-category1::before { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/checkbox.svg); height: 15px; margin-right: 14px; } .tab-category1 :checked + .tab-title-category1::after { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/-.svg); padding-bottom: 9px; } .tab-category1 :checked + .tab-title-category1::before { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/checked2.svg); height: 15px; } .tab-category1 :checked ~ .tab-content-category1 { display: block; /* Показываем содержимое */ } .radio { display: inline-block; width: 35px; height: 35px; border-radius: 5px; padding: 0 1px; outline: none; } .slick-slide { margin: 0 1.9px; } .slick-slide img{ max-width: 100%; max-height: 100%; } .slick-slider { /*padding: 0 15px;*/ } .slick-prev { left: -6px; } .slick-prev:before { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/left.svg); } .slick-next { right: -6px; } .slick-next:before { content: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/right.svg); } .radio input { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 7px; } .radio__text, .radio__text_size { position: relative; cursor: pointer; } .radio__text:before { content: ''; position: absolute; top: 1px; width: 31px; height: 31px; border-radius: 5px; border: 1px solid white; -webkit-box-shadow: 0 0 0 1px #cfcfcf; box-shadow: 0 0 0 1px #cfcfcf; background-color: #9d9d9d; } .radio__text::after { content: ''; position: absolute; top: 1px; width: 31px; height: 31px; border-radius: 5px; border: 1px solid white; -webkit-box-shadow: 0 0 0 1px #e71c4c; box-shadow: 0 0 0 1px #e71c4c; opacity: 0; -webkit-transition: .2s; transition: .2s; } .radio input:checked + .radio__text:after { opacity: 1; } .radio__text_brown:before { background-color: #5d554c; } .radio__text_red:before { background-color: #883434; } .radio__text_black:before { background-color: #000000; } .radio__text_blue:before { background-color: #61769a; } .radio__text_purple:before { background-color: #9b4e8c; } .radio__text_yellow:before { background-color: #e6c419; } .radio__text_size:before { content: 'XS'; position: absolute; width: 33px; height: 33px; border-radius: 5px; background-color: white; font-family: "Open Sans"; font-size: 11px; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #cfcfcf; } .radio__text_size-s:before { content: 'S'; } .radio__text_size-m:before { content: 'M'; } .radio__text_size-l:before { content: 'L'; } .radio__text_size-xl:before { content: 'XL'; } .radio__text_size-2xl:before { content: '2XL'; } .radio__text_size-3xl:before { content: '3XL'; } .radio__text_size-4xl:before { content: '4XL'; } .radio__text_size-5xl:before { content: '5XL'; } .radio__text_size:after { content: 'XS'; position: absolute; width: 33px; height: 33px; border-radius: 5px; opacity: 0; -webkit-transition: .2s; transition: .2s; font-family: "Open Sans"; font-size: 11px; font-weight: 400; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid white; background: #e71c4c; } .radio__text_size-s:after { content: 'S'; } .radio__text_size-m:after { content: 'M'; } .radio__text_size-l:after { content: 'L'; } .radio__text_size-xl:after { content: 'XL'; } .radio__text_size-2xl:after { content: '2XL'; } .radio__text_size-3xl:after { content: '3XL'; } .radio__text_size-4xl:after { content: '4XL'; } .radio__text_size-5xl:after { content: '5XL'; } .radio input:checked + .radio__text_size:after { opacity: 1; } .tab-content_color { margin-top: 12px; } .tab-title_blue { color: #0011ff; } .tab-title_red { color: #ff0000; } .b-product-column { width: 100%; } .b-product-column__options-box { max-width: 953px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 13px; } @media (max-width: 980px) { .b-product-column__options-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100px; } } @media (max-width: 560px) { .b-product-column__options-box { margin-left: 0; } } .b-product-column__sorting { width: 170px; height: 31px; -webkit-box-shadow: 0 0 0 1px #cfcfcf; box-shadow: 0 0 0 1px #cfcfcf; font-family: "Open Sans"; font-size: 11px; font-weight: 600; border-top: 6px solid white; border-bottom: 6px solid white; border-right: 26px solid white; border-left: 19px solid white; outline: none; } .b-product-column__quantity { font-family: "Open Sans"; font-size: 11px; font-weight: 400; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 24px 0 20px; } .b-product-column__radio { display: inline-block; width: 20px; height: 20px; margin-left: 11px; margin-right: 11px; } .b-product-column__radio input { position: absolute; z-index: -1; opacity: 0; margin: 10px 0 0 7px; } .b-product-column__radio__text { position: relative; cursor: pointer; } .b-product-column__radio__text:before { content: '12'; position: absolute; width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: "Open Sans"; font-weight: 600; font-size: 14px; } .b-product-column__radio__text24:before { content: '24'; } .b-product-column__radio__text:after { content: '12'; position: absolute; width: 20px; height: 20px; opacity: 0; -webkit-transition: .2s; transition: .2s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 700; font-size: 14px; color: #e71c4c; font-family: "Open Sans"; } .b-product-column__radio__text24::after { content: '24'; } .b-product-column__radio input:checked + .b-product-column__radio__text:after { opacity: 1; } .b-product-column__search { width: 100%; height: 31px; display: -webkit-box; display: -ms-flexbox; display: flex; } .b-product-column__search-input { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; border-right: none; border-left: 1px solid #cfcfcf; height: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 20px; } .b-product-column__search-button { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-left: none; background: none; padding-right: 20px; } .b-product-column__search-input::-webkit-input-placeholder { color: #000000; font-family: "Open Sans"; font-size: 11px; font-weight: 600; } .b-product-column__search-input::-moz-placeholder { color: #000000; font-family: "Open Sans"; font-size: 11px; font-weight: 600; } /* Firefox 19+ */ .b-product-column__search-input:-moz-placeholder { color: #000000; font-family: "Open Sans"; font-size: 11px; font-weight: 600; } /* Firefox 18- */ .b-product-column__search-input:-ms-input-placeholder { color: #000000; font-family: "Open Sans"; font-size: 11px; font-weight: 600; } .b-product-box { margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 740px) { .b-product-box { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .b-product-card { width: 100%; padding: 13px; background: white; position: relative; } @media (max-width: 560px) { .b-product-card { padding: 13px 5px; } } .b-product-card__properties { padding: 15px 13px; -webkit-transition: .5s; transition: .5s; position: absolute; left: 0px; /*top: 460px;*/ top: 100%; background: #fff; z-index: 5; display: none; width: 100%; } .content .product-item-container .btn{ padding: 8px; } .b-product-card__main { position: relative; z-index: 10; padding-top: 22px; background-color: #fff; } .b-product-card:hover .b-product-card__properties { -webkit-transition: .5s; transition: .5s; /*top: 587px;*/ top: 100%; z-index: 5; display: block; -webkit-box-shadow: 0 23px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 23px 20px rgba(0, 0, 0, 0.15); } .b-product-card__color-title { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 10px; } .b-product-card:hover { -webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); } .b-product-card__img { width: 300px; height: 450px; } .b-product-card__slide-button { width: 93px; height: 10px; border-bottom: 1px solid #707070; opacity: 0.5; margin: 434px 5px 5px 5px; position: absolute; z-index: 1; cursor: pointer; } .b-product-card__slide-button2 { margin: 434px 5px 5px 103px; } .b-product-card__slide-button3 { margin: 434px 5px 5px 201px; } .b-product-card__img-slide { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product1.png) no-repeat; height: 100%; position: relative; } .b-product-card__img-slide2 { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product2.png) no-repeat; } .b-product-card__img-slide3 { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product3.png) no-repeat; } .b-product-card__img-slide4 { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product4.png) no-repeat; } .b-product-card__img-slide5 { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product5.png) no-repeat; } .b-product-card__img-slide6 { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product6.png) no-repeat; } .b-product-card__slide-button:hover { border-bottom: 1px solid #000000; } .b-product-card__slide-button:hover ~ .b-product-card__img-slide { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product2.png) no-repeat; } .b-product-card__slide-button2:hover ~ .b-product-card__img-slide { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product3.png) no-repeat; } .b-product-card__slide-button3:hover ~ .b-product-card__img-slide { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/product4.png) no-repeat; } .b-product-card__checkbox { /*display: inline-block;*/ display: none; /*margin-top: 19px;*/ /*margin-left: 257px;*/ -ms-flex-item-align: end; align-self: flex-end; width: 24px; height: 24px; position: absolute; right: 15px; top: 19px; z-index: 2; } .b-product-card__checkbox input { position: absolute; z-index: -1; opacity: 0; } .b-product-card__checkbox-text { position: relative; cursor: pointer; } .b-product-card__checkbox-text:before { content: ''; position: absolute; width: 24px; height: 24px; background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/like.svg) no-repeat; -webkit-transition: .2s; transition: .2s; } .b-product-card__checkbox-text:after { content: ''; position: absolute; width: 24px; height: 24px; background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/like_checked.svg) no-repeat; -webkit-transition: .2s; transition: .2s; opacity: 0; } .b-product-card__checkbox input:checked + .b-product-card__checkbox-text:after { /* opacity: 1;*/ } .b-product-card__promo { position: absolute; z-index: 2; } .b-product-card__new { width: 82px; height: 25px; background-color: #1726fd; color: #ffffff; font-family: "Open Sans"; font-size: 11px; font-weight: 600; letter-spacing: 1.1px; padding: 5px 8px 4px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .b-product-card__sale { width: 49px; height: 25px; background-color: #e71c4c; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ffffff; font-family: "Open Sans"; font-size: 11px; font-weight: 600; letter-spacing: 1.1px; padding: 5px 8px 4px 10px; } .b-product-card__name { font-size: 20px; font-weight: 700; } .b-product-card__code { font-family: "Open Sans"; font-size: 15px; font-weight: 400; } .b-product-card__price { font-size: 25px; font-weight: 600; letter-spacing: 1.25px; } .b-product-card__price span { color: #9d9d9d; font-size: 13px; font-weight: 600; letter-spacing: 0.65px; text-decoration: line-through; } .b-product-card__discount { color: #ffffff; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; width: 69px; height: 18px; background-color: #e71c4c; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 7px 0 8px; border-radius: 5px; } .b-product-card__discount_opacity { opacity: 0; } .b-product-card__color-slider, .b-product-card__size-slider, .b-product-card__button-box { display: block; width: 300px; } .b-product-card__tab-content { height: 84px; } .color_gray_p, .color_brown_p, .color_red_p, .color_black_p, .color_blue_p, .color_purple_p, .color_yellow_p { display: none; } .three { width: 29px; height: 29px; margin: 0; } .two { display: none; width: 29px; height: 29px; margin-right: 0 !important; } .b-product-card__row-left, .b-product-card__row-right { height: 29px; } .b-product-card__row-left:checked ~ .three { display: none; } .b-product-card__row-left:checked ~ .two { display: inline-block; } .b-product-card__button-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .b-product-card__quantity { width: 100px; height: 37px; border-radius: 5px; border: 1px solid #e71c4c; background-color: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .b-product-card__quantity input { width: 60px; font-family: "Open Sans"; font-size: 16px; font-weight: 400; text-align: center; border: none; background: none; } .b-product-card__button-minus { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/left.svg) no-repeat; background-size: contain; width: 6px; height: 12px; border: none; } .b-product-card__button-plus { background: url(/local/templates/severapparel_new/components/bitrix/catalog.item/main-page/img/right.svg) no-repeat; background-size: contain; width: 6px; height: 12px; border: none; } .b-product-card__button-buy { color: #ffffff; font-family: "Open Sans"; font-size: 16px; font-weight: 400; letter-spacing: 1.6px; width: 190px; height: 37px; border-radius: 5px; border: none; background-color: #e71c4c; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 61px 6px 64px; margin-left: 10px; } .b-product-button { color: #ffffff; font-size: 17px; font-weight: 400; letter-spacing: 1.7px; height: 80px; border-radius: 10px; background-color: #e71c4c; border: none; width: 100%; margin-top: 65px; } .properties-slider .slick-prev, .properties-slider .slick-next{ width: 15px; background: transparent; opacity: 0.7; } .properties-slider .slick-prev:hover, .properties-slider .slick-next:hover{ background: transparent; text-shadow: 0 0; opacity: 1; } .properties-slider .slick-prev:before, .properties-slider .slick-next:before{ color: #000; font-size: 30px; } /* End */ /* Start:/bitrix/components/bitrix/catalog.product.subscribe/templates/.default/style.css?15843504801816*/ /* Button */ .bx-catalog-subscribe-button { margin-bottom: 6px; display: inline-block; } .bx-catalog-popup-content { width: 90%; max-width: 280px; } /* Subscribe popup */ .bx-catalog-subscribe-form-container-label { font-size:13px; color: #5a6c77; padding-bottom: 2px; } .bx-catalog-subscribe-form-container-input { position: relative; } .bx-catalog-subscribe-form-container-input input[type="text"] { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #CCD5DB; border-radius: 2px; background: #f8fafc; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-catalog-subscribe-form-star-required { color: #d93333; } .bx-catalog-subscribe-form-container .bx-captcha{ margin-bottom: 10px; } .bx-catalog-popup-message { font-weight: bold; min-width: 240px; margin: 0 0 0; } /* Alert style */ .bx-catalog-subscribe-alert { background-color: #edf6fc; color: #000; font-size: 15px; min-height: 45px; text-align: center; padding: 12px 40px 12px 60px; position: relative; width: 280px; } .bx-catalog-subscribe-aligner { display: inline-block; height: 45px; margin-left: -1px; vertical-align: middle; width: 1px; } .bx-catalog-subscribe-alert-text { display: inline-block; vertical-align: middle; } .bx-catalog-subscribe-alert-footer { text-align: center; } .bx-catalog-subscribe-alert-popup { background-color: #edf6fc !important; border: 1px solid #edf6fc !important; border-radius: 3px !important; -webkit-box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important; box-shadow: 0 19px 24px rgba(88, 112, 118, 0.17) !important; } /* End */ /* Start:/local/templates/severapparel_new/components/bitrix/catalog.section/.default/themes/blue/style.css?1610490718825*/ /* catalog.section */ /* #3052bf #26b0e4 #00a2df */ /* Slider */ .bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1;} .bx-blue .product-item-image-slider-control:hover{ background-color: rgba(0,131,209,.8);} .bx-blue .product-item-image-slider-control.active, .bx-blue .product-item-image-slider-control:hover{ background-color: #0083d1;} /* SCU */ .bx-blue .product-item-scu-item-text-block:hover, .bx-blue .product-item-scu-item-color-block:hover, .bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block, .bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #006cc0;} /* Amount */ .bx-blue .product-item-amount-field:focus{border-color: #006cc0;} .bx-blue .catalog-section-header{border-color:#006cc0;} /* End */ /* /local/templates/severapparel_new/components/bitrix/catalog/q_catalog/style.css?16742313491816 */ /* /local/templates/severapparel_new/components/bitrix/catalog.smart.filter/q_filter/style.css?161302741021128 */ /* /local/templates/severapparel_new/components/bitrix/catalog/q_catalog/bitrix/catalog.section.list/sections/style.css?16090589407174 */ /* /bitrix/components/bitrix/catalog.search/templates/.default/style.css?1584350475163 */ /* /bitrix/components/bitrix/system.pagenavigation/templates/round/style.css?15843504852853 */ /* /local/templates/severapparel_new/components/bitrix/catalog.section/.default/style.css?16104907163808 */ /* /local/templates/severapparel_new/components/bitrix/catalog.item/main-page/style.css?162352152051087 */ /* /bitrix/components/bitrix/catalog.product.subscribe/templates/.default/style.css?15843504801816 */ /* /local/templates/severapparel_new/components/bitrix/catalog.section/.default/themes/blue/style.css?1610490718825 */