.ui-multiselect { padding:2px 0 2px 4px; text-align:left } .ui-multiselect span.ui-icon { float:right } .ui-multiselect-single .ui-multiselect-checkboxes input { left:-9999px; position:absolute !important; top: auto !important; } .ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px; } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0; } .ui-multiselect-header a { text-decoration:none; } .ui-multiselect-header a:hover { text-decoration:underline; } .ui-multiselect-header span.ui-icon { float:left; } .ui-multiselect-header .ui-multiselect-close { float:right; padding-right:0; text-align:right; } .ui-multiselect-menu { display:none; padding:3px; position:absolute; text-align: left; } .ui-multiselect-checkboxes { overflow-y:auto; position:relative; } .ui-multiselect-checkboxes label { border:1px solid transparent; cursor:default; display:block; padding:3px 1px; } .ui-multiselect-checkboxes label input { position:relative; top:1px } .ui-multiselect-checkboxes label img { height: 30px; vertical-align: middle; padding-right: 3px;} .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; list-style: none; padding-right:3px; } .ui-multiselect-checkboxes .ui-multiselect-optgroup { padding: 3px; } .ui-multiselect-columns { display: inline-block; vertical-align: top; } .ui-multiselect-checkboxes .ui-multiselect-optgroup a { border-bottom:1px solid; cursor: pointer; display:block; font-weight:bold; margin:1px 0; padding:3px; text-align:center; text-decoration:none; } @media print{ .ui-multiselect-menu {display: none;} } @charset "UTF-8"; /* theme color */ :root { --light-theme: #fff !important; --fill-color-default-50: #ffffff !Important; --light-theme: #ffffff; --color-select: #E83E5D; --color-black: #252933; --color-red: #EA3254; --color-grey: #757983; --color-grey2: #EFF1F4; --color-grey3: #757983; --main-radius: 8px; --color-primary: #2B8BEA; --color-error: #2B8BEA; --color-primary-text: #ffffff; --gradient-start: #2225D9; --gradient-end: #0DF2DB; --gradient-start-transparent: #2225D91A; --gradient-end-transparent: #0DF2DB1A; } .el-button--primary { color: #ffffff !important; } /* :export { mainColor: $--color-primary; } */ [class*=el-col-] { box-sizing: border-box; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ .fade-in-linear-enter-active, .fade-in-linear-leave-active { transition: opacity 200ms linear; } .fade-in-linear-enter, .fade-in-linear-leave, .fade-in-linear-leave-active { opacity: 0; } .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active { transition: opacity 200ms linear; } .el-fade-in-linear-enter, .el-fade-in-linear-leave, .el-fade-in-linear-leave-active { opacity: 0; } .el-fade-in-enter-active, .el-fade-in-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-fade-in-enter, .el-fade-in-leave-active { opacity: 0; } .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active { transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } .el-zoom-in-center-enter, .el-zoom-in-center-leave-active { opacity: 0; transform: scaleX(0); } .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center top; } .el-zoom-in-top-enter, .el-zoom-in-top-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active { opacity: 1; transform: scaleY(1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: center bottom; } .el-zoom-in-bottom-enter, .el-zoom-in-bottom-leave-active { opacity: 0; transform: scaleY(0); } .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active { opacity: 1; transform: scale(1, 1); transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); transform-origin: top left; } .el-zoom-in-left-enter, .el-zoom-in-left-leave-active { opacity: 0; transform: scale(0.45, 0.45); } .collapse-transition { transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } .horizontal-collapse-transition { transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; } .el-list-enter-active, .el-list-leave-active { transition: all 1s; } .el-list-enter, .el-list-leave-active { opacity: 0; transform: translateY(-30px); } .el-opacity-transition { transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ .el-row { position: relative; box-sizing: border-box; } .el-row::before, .el-row::after { display: table; content: ""; } .el-row::after { clear: both; } .el-row--flex { display: flex; } .el-row--flex:before, .el-row--flex:after { display: none; } .el-row--flex.is-justify-center { justify-content: center; } .el-row--flex.is-justify-end { justify-content: flex-end; } .el-row--flex.is-justify-space-between { justify-content: space-between; } .el-row--flex.is-justify-space-around { justify-content: space-around; } .el-row--flex.is-align-top { align-items: flex-start; } .el-row--flex.is-align-middle { align-items: center; } .el-row--flex.is-align-bottom { align-items: flex-end; } /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* BEM support Func -------------------------- */ /* Element Chalk Variables */ /* Transition -------------------------- */ /* Color -------------------------- */ /* 53a8ff */ /* 66b1ff */ /* 79bbff */ /* 8cc5ff */ /* a0cfff */ /* b3d8ff */ /* c6e2ff */ /* d9ecff */ /* ecf5ff */ /* Link -------------------------- */ /* Border -------------------------- */ /* Fill -------------------------- */ /* Typography -------------------------- */ /* Size -------------------------- */ /* z-index -------------------------- */ /* Disable base -------------------------- */ /* Icon -------------------------- */ /* Checkbox -------------------------- */ /* Radio -------------------------- */ /* Select -------------------------- */ /* Alert -------------------------- */ /* MessageBox -------------------------- */ /* Message -------------------------- */ /* Notification -------------------------- */ /* Input -------------------------- */ /* Cascader -------------------------- */ /* Group -------------------------- */ /* Tab -------------------------- */ /* Button -------------------------- */ /* cascader -------------------------- */ /* Switch -------------------------- */ /* Dialog -------------------------- */ /* Table -------------------------- */ /* Pagination -------------------------- */ /* Popup -------------------------- */ /* Popover -------------------------- */ /* Tooltip -------------------------- */ /* Tag -------------------------- */ /* Tree -------------------------- */ /* Dropdown -------------------------- */ /* Badge -------------------------- */ /* Card --------------------------*/ /* Slider --------------------------*/ /* Steps --------------------------*/ /* Menu --------------------------*/ /* Rate --------------------------*/ /* DatePicker --------------------------*/ /* Loading --------------------------*/ /* Scrollbar --------------------------*/ /* Carousel --------------------------*/ /* Collapse --------------------------*/ /* Transfer --------------------------*/ /* Header --------------------------*/ /* Footer --------------------------*/ /* Main --------------------------*/ /* Timeline --------------------------*/ /* Backtop --------------------------*/ /* Link --------------------------*/ /* Calendar --------------------------*/ /* Form -------------------------- */ /* Avatar --------------------------*/ /* Empty -------------------------- */ /* Descriptions -------------------------- */ /* Skeleton --------------------------*/ /* Svg --------------- */ /* Result -------------------------- */ /* Break-point --------------------------*/ /* Break-points -------------------------- */ /* Scrollbar -------------------------- */ /* Placeholder -------------------------- */ /* BEM -------------------------- */ [class*=el-col-] { float: left; box-sizing: border-box; } .el-col-0 { display: none; } .el-col-0 { width: 0%; } .el-col-offset-0 { margin-left: 0%; } .el-col-pull-0 { position: relative; right: 0%; } .el-col-push-0 { position: relative; left: 0%; } .el-col-1 { width: 4.1666666667%; } .el-col-offset-1 { margin-left: 4.1666666667%; } .el-col-pull-1 { position: relative; right: 4.1666666667%; } .el-col-push-1 { position: relative; left: 4.1666666667%; } .el-col-2 { width: 8.3333333333%; } .el-col-offset-2 { margin-left: 8.3333333333%; } .el-col-pull-2 { position: relative; right: 8.3333333333%; } .el-col-push-2 { position: relative; left: 8.3333333333%; } .el-col-3 { width: 12.5%; } .el-col-offset-3 { margin-left: 12.5%; } .el-col-pull-3 { position: relative; right: 12.5%; } .el-col-push-3 { position: relative; left: 12.5%; } .el-col-4 { width: 16.6666666667%; } .el-col-offset-4 { margin-left: 16.6666666667%; } .el-col-pull-4 { position: relative; right: 16.6666666667%; } .el-col-push-4 { position: relative; left: 16.6666666667%; } .el-col-5 { width: 20.8333333333%; } .el-col-offset-5 { margin-left: 20.8333333333%; } .el-col-pull-5 { position: relative; right: 20.8333333333%; } .el-col-push-5 { position: relative; left: 20.8333333333%; } .el-col-6 { width: 25%; } .el-col-offset-6 { margin-left: 25%; } .el-col-pull-6 { position: relative; right: 25%; } .el-col-push-6 { position: relative; left: 25%; } .el-col-7 { width: 29.1666666667%; } .el-col-offset-7 { margin-left: 29.1666666667%; } .el-col-pull-7 { position: relative; right: 29.1666666667%; } .el-col-push-7 { position: relative; left: 29.1666666667%; } .el-col-8 { width: 33.3333333333%; } .el-col-offset-8 { margin-left: 33.3333333333%; } .el-col-pull-8 { position: relative; right: 33.3333333333%; } .el-col-push-8 { position: relative; left: 33.3333333333%; } .el-col-9 { width: 37.5%; } .el-col-offset-9 { margin-left: 37.5%; } .el-col-pull-9 { position: relative; right: 37.5%; } .el-col-push-9 { position: relative; left: 37.5%; } .el-col-10 { width: 41.6666666667%; } .el-col-offset-10 { margin-left: 41.6666666667%; } .el-col-pull-10 { position: relative; right: 41.6666666667%; } .el-col-push-10 { position: relative; left: 41.6666666667%; } .el-col-11 { width: 45.8333333333%; } .el-col-offset-11 { margin-left: 45.8333333333%; } .el-col-pull-11 { position: relative; right: 45.8333333333%; } .el-col-push-11 { position: relative; left: 45.8333333333%; } .el-col-12 { width: 50%; } .el-col-offset-12 { margin-left: 50%; } .el-col-pull-12 { position: relative; right: 50%; } .el-col-push-12 { position: relative; left: 50%; } .el-col-13 { width: 54.1666666667%; } .el-col-offset-13 { margin-left: 54.1666666667%; } .el-col-pull-13 { position: relative; right: 54.1666666667%; } .el-col-push-13 { position: relative; left: 54.1666666667%; } .el-col-14 { width: 58.3333333333%; } .el-col-offset-14 { margin-left: 58.3333333333%; } .el-col-pull-14 { position: relative; right: 58.3333333333%; } .el-col-push-14 { position: relative; left: 58.3333333333%; } .el-col-15 { width: 62.5%; } .el-col-offset-15 { margin-left: 62.5%; } .el-col-pull-15 { position: relative; right: 62.5%; } .el-col-push-15 { position: relative; left: 62.5%; } .el-col-16 { width: 66.6666666667%; } .el-col-offset-16 { margin-left: 66.6666666667%; } .el-col-pull-16 { position: relative; right: 66.6666666667%; } .el-col-push-16 { position: relative; left: 66.6666666667%; } .el-col-17 { width: 70.8333333333%; } .el-col-offset-17 { margin-left: 70.8333333333%; } .el-col-pull-17 { position: relative; right: 70.8333333333%; } .el-col-push-17 { position: relative; left: 70.8333333333%; } .el-col-18 { width: 75%; } .el-col-offset-18 { margin-left: 75%; } .el-col-pull-18 { position: relative; right: 75%; } .el-col-push-18 { position: relative; left: 75%; } .el-col-19 { width: 79.1666666667%; } .el-col-offset-19 { margin-left: 79.1666666667%; } .el-col-pull-19 { position: relative; right: 79.1666666667%; } .el-col-push-19 { position: relative; left: 79.1666666667%; } .el-col-20 { width: 83.3333333333%; } .el-col-offset-20 { margin-left: 83.3333333333%; } .el-col-pull-20 { position: relative; right: 83.3333333333%; } .el-col-push-20 { position: relative; left: 83.3333333333%; } .el-col-21 { width: 87.5%; } .el-col-offset-21 { margin-left: 87.5%; } .el-col-pull-21 { position: relative; right: 87.5%; } .el-col-push-21 { position: relative; left: 87.5%; } .el-col-22 { width: 91.6666666667%; } .el-col-offset-22 { margin-left: 91.6666666667%; } .el-col-pull-22 { position: relative; right: 91.6666666667%; } .el-col-push-22 { position: relative; left: 91.6666666667%; } .el-col-23 { width: 95.8333333333%; } .el-col-offset-23 { margin-left: 95.8333333333%; } .el-col-pull-23 { position: relative; right: 95.8333333333%; } .el-col-push-23 { position: relative; left: 95.8333333333%; } .el-col-24 { width: 100%; } .el-col-offset-24 { margin-left: 100%; } .el-col-pull-24 { position: relative; right: 100%; } .el-col-push-24 { position: relative; left: 100%; } @media only screen and (max-width: 767px) { .el-col-xs-0 { display: none; } .el-col-xs-0 { width: 0%; } .el-col-xs-offset-0 { margin-left: 0%; } .el-col-xs-pull-0 { position: relative; right: 0%; } .el-col-xs-push-0 { position: relative; left: 0%; } .el-col-xs-1 { width: 4.1666666667%; } .el-col-xs-offset-1 { margin-left: 4.1666666667%; } .el-col-xs-pull-1 { position: relative; right: 4.1666666667%; } .el-col-xs-push-1 { position: relative; left: 4.1666666667%; } .el-col-xs-2 { width: 8.3333333333%; } .el-col-xs-offset-2 { margin-left: 8.3333333333%; } .el-col-xs-pull-2 { position: relative; right: 8.3333333333%; } .el-col-xs-push-2 { position: relative; left: 8.3333333333%; } .el-col-xs-3 { width: 12.5%; } .el-col-xs-offset-3 { margin-left: 12.5%; } .el-col-xs-pull-3 { position: relative; right: 12.5%; } .el-col-xs-push-3 { position: relative; left: 12.5%; } .el-col-xs-4 { width: 16.6666666667%; } .el-col-xs-offset-4 { margin-left: 16.6666666667%; } .el-col-xs-pull-4 { position: relative; right: 16.6666666667%; } .el-col-xs-push-4 { position: relative; left: 16.6666666667%; } .el-col-xs-5 { width: 20.8333333333%; } .el-col-xs-offset-5 { margin-left: 20.8333333333%; } .el-col-xs-pull-5 { position: relative; right: 20.8333333333%; } .el-col-xs-push-5 { position: relative; left: 20.8333333333%; } .el-col-xs-6 { width: 25%; } .el-col-xs-offset-6 { margin-left: 25%; } .el-col-xs-pull-6 { position: relative; right: 25%; } .el-col-xs-push-6 { position: relative; left: 25%; } .el-col-xs-7 { width: 29.1666666667%; } .el-col-xs-offset-7 { margin-left: 29.1666666667%; } .el-col-xs-pull-7 { position: relative; right: 29.1666666667%; } .el-col-xs-push-7 { position: relative; left: 29.1666666667%; } .el-col-xs-8 { width: 33.3333333333%; } .el-col-xs-offset-8 { margin-left: 33.3333333333%; } .el-col-xs-pull-8 { position: relative; right: 33.3333333333%; } .el-col-xs-push-8 { position: relative; left: 33.3333333333%; } .el-col-xs-9 { width: 37.5%; } .el-col-xs-offset-9 { margin-left: 37.5%; } .el-col-xs-pull-9 { position: relative; right: 37.5%; } .el-col-xs-push-9 { position: relative; left: 37.5%; } .el-col-xs-10 { width: 41.6666666667%; } .el-col-xs-offset-10 { margin-left: 41.6666666667%; } .el-col-xs-pull-10 { position: relative; right: 41.6666666667%; } .el-col-xs-push-10 { position: relative; left: 41.6666666667%; } .el-col-xs-11 { width: 45.8333333333%; } .el-col-xs-offset-11 { margin-left: 45.8333333333%; } .el-col-xs-pull-11 { position: relative; right: 45.8333333333%; } .el-col-xs-push-11 { position: relative; left: 45.8333333333%; } .el-col-xs-12 { width: 50%; } .el-col-xs-offset-12 { margin-left: 50%; } .el-col-xs-pull-12 { position: relative; right: 50%; } .el-col-xs-push-12 { position: relative; left: 50%; } .el-col-xs-13 { width: 54.1666666667%; } .el-col-xs-offset-13 { margin-left: 54.1666666667%; } .el-col-xs-pull-13 { position: relative; right: 54.1666666667%; } .el-col-xs-push-13 { position: relative; left: 54.1666666667%; } .el-col-xs-14 { width: 58.3333333333%; } .el-col-xs-offset-14 { margin-left: 58.3333333333%; } .el-col-xs-pull-14 { position: relative; right: 58.3333333333%; } .el-col-xs-push-14 { position: relative; left: 58.3333333333%; } .el-col-xs-15 { width: 62.5%; } .el-col-xs-offset-15 { margin-left: 62.5%; } .el-col-xs-pull-15 { position: relative; right: 62.5%; } .el-col-xs-push-15 { position: relative; left: 62.5%; } .el-col-xs-16 { width: 66.6666666667%; } .el-col-xs-offset-16 { margin-left: 66.6666666667%; } .el-col-xs-pull-16 { position: relative; right: 66.6666666667%; } .el-col-xs-push-16 { position: relative; left: 66.6666666667%; } .el-col-xs-17 { width: 70.8333333333%; } .el-col-xs-offset-17 { margin-left: 70.8333333333%; } .el-col-xs-pull-17 { position: relative; right: 70.8333333333%; } .el-col-xs-push-17 { position: relative; left: 70.8333333333%; } .el-col-xs-18 { width: 75%; } .el-col-xs-offset-18 { margin-left: 75%; } .el-col-xs-pull-18 { position: relative; right: 75%; } .el-col-xs-push-18 { position: relative; left: 75%; } .el-col-xs-19 { width: 79.1666666667%; } .el-col-xs-offset-19 { margin-left: 79.1666666667%; } .el-col-xs-pull-19 { position: relative; right: 79.1666666667%; } .el-col-xs-push-19 { position: relative; left: 79.1666666667%; } .el-col-xs-20 { width: 83.3333333333%; } .el-col-xs-offset-20 { margin-left: 83.3333333333%; } .el-col-xs-pull-20 { position: relative; right: 83.3333333333%; } .el-col-xs-push-20 { position: relative; left: 83.3333333333%; } .el-col-xs-21 { width: 87.5%; } .el-col-xs-offset-21 { margin-left: 87.5%; } .el-col-xs-pull-21 { position: relative; right: 87.5%; } .el-col-xs-push-21 { position: relative; left: 87.5%; } .el-col-xs-22 { width: 91.6666666667%; } .el-col-xs-offset-22 { margin-left: 91.6666666667%; } .el-col-xs-pull-22 { position: relative; right: 91.6666666667%; } .el-col-xs-push-22 { position: relative; left: 91.6666666667%; } .el-col-xs-23 { width: 95.8333333333%; } .el-col-xs-offset-23 { margin-left: 95.8333333333%; } .el-col-xs-pull-23 { position: relative; right: 95.8333333333%; } .el-col-xs-push-23 { position: relative; left: 95.8333333333%; } .el-col-xs-24 { width: 100%; } .el-col-xs-offset-24 { margin-left: 100%; } .el-col-xs-pull-24 { position: relative; right: 100%; } .el-col-xs-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 768px) { .el-col-sm-0 { display: none; } .el-col-sm-0 { width: 0%; } .el-col-sm-offset-0 { margin-left: 0%; } .el-col-sm-pull-0 { position: relative; right: 0%; } .el-col-sm-push-0 { position: relative; left: 0%; } .el-col-sm-1 { width: 4.1666666667%; } .el-col-sm-offset-1 { margin-left: 4.1666666667%; } .el-col-sm-pull-1 { position: relative; right: 4.1666666667%; } .el-col-sm-push-1 { position: relative; left: 4.1666666667%; } .el-col-sm-2 { width: 8.3333333333%; } .el-col-sm-offset-2 { margin-left: 8.3333333333%; } .el-col-sm-pull-2 { position: relative; right: 8.3333333333%; } .el-col-sm-push-2 { position: relative; left: 8.3333333333%; } .el-col-sm-3 { width: 12.5%; } .el-col-sm-offset-3 { margin-left: 12.5%; } .el-col-sm-pull-3 { position: relative; right: 12.5%; } .el-col-sm-push-3 { position: relative; left: 12.5%; } .el-col-sm-4 { width: 16.6666666667%; } .el-col-sm-offset-4 { margin-left: 16.6666666667%; } .el-col-sm-pull-4 { position: relative; right: 16.6666666667%; } .el-col-sm-push-4 { position: relative; left: 16.6666666667%; } .el-col-sm-5 { width: 20.8333333333%; } .el-col-sm-offset-5 { margin-left: 20.8333333333%; } .el-col-sm-pull-5 { position: relative; right: 20.8333333333%; } .el-col-sm-push-5 { position: relative; left: 20.8333333333%; } .el-col-sm-6 { width: 25%; } .el-col-sm-offset-6 { margin-left: 25%; } .el-col-sm-pull-6 { position: relative; right: 25%; } .el-col-sm-push-6 { position: relative; left: 25%; } .el-col-sm-7 { width: 29.1666666667%; } .el-col-sm-offset-7 { margin-left: 29.1666666667%; } .el-col-sm-pull-7 { position: relative; right: 29.1666666667%; } .el-col-sm-push-7 { position: relative; left: 29.1666666667%; } .el-col-sm-8 { width: 33.3333333333%; } .el-col-sm-offset-8 { margin-left: 33.3333333333%; } .el-col-sm-pull-8 { position: relative; right: 33.3333333333%; } .el-col-sm-push-8 { position: relative; left: 33.3333333333%; } .el-col-sm-9 { width: 37.5%; } .el-col-sm-offset-9 { margin-left: 37.5%; } .el-col-sm-pull-9 { position: relative; right: 37.5%; } .el-col-sm-push-9 { position: relative; left: 37.5%; } .el-col-sm-10 { width: 41.6666666667%; } .el-col-sm-offset-10 { margin-left: 41.6666666667%; } .el-col-sm-pull-10 { position: relative; right: 41.6666666667%; } .el-col-sm-push-10 { position: relative; left: 41.6666666667%; } .el-col-sm-11 { width: 45.8333333333%; } .el-col-sm-offset-11 { margin-left: 45.8333333333%; } .el-col-sm-pull-11 { position: relative; right: 45.8333333333%; } .el-col-sm-push-11 { position: relative; left: 45.8333333333%; } .el-col-sm-12 { width: 50%; } .el-col-sm-offset-12 { margin-left: 50%; } .el-col-sm-pull-12 { position: relative; right: 50%; } .el-col-sm-push-12 { position: relative; left: 50%; } .el-col-sm-13 { width: 54.1666666667%; } .el-col-sm-offset-13 { margin-left: 54.1666666667%; } .el-col-sm-pull-13 { position: relative; right: 54.1666666667%; } .el-col-sm-push-13 { position: relative; left: 54.1666666667%; } .el-col-sm-14 { width: 58.3333333333%; } .el-col-sm-offset-14 { margin-left: 58.3333333333%; } .el-col-sm-pull-14 { position: relative; right: 58.3333333333%; } .el-col-sm-push-14 { position: relative; left: 58.3333333333%; } .el-col-sm-15 { width: 62.5%; } .el-col-sm-offset-15 { margin-left: 62.5%; } .el-col-sm-pull-15 { position: relative; right: 62.5%; } .el-col-sm-push-15 { position: relative; left: 62.5%; } .el-col-sm-16 { width: 66.6666666667%; } .el-col-sm-offset-16 { margin-left: 66.6666666667%; } .el-col-sm-pull-16 { position: relative; right: 66.6666666667%; } .el-col-sm-push-16 { position: relative; left: 66.6666666667%; } .el-col-sm-17 { width: 70.8333333333%; } .el-col-sm-offset-17 { margin-left: 70.8333333333%; } .el-col-sm-pull-17 { position: relative; right: 70.8333333333%; } .el-col-sm-push-17 { position: relative; left: 70.8333333333%; } .el-col-sm-18 { width: 75%; } .el-col-sm-offset-18 { margin-left: 75%; } .el-col-sm-pull-18 { position: relative; right: 75%; } .el-col-sm-push-18 { position: relative; left: 75%; } .el-col-sm-19 { width: 79.1666666667%; } .el-col-sm-offset-19 { margin-left: 79.1666666667%; } .el-col-sm-pull-19 { position: relative; right: 79.1666666667%; } .el-col-sm-push-19 { position: relative; left: 79.1666666667%; } .el-col-sm-20 { width: 83.3333333333%; } .el-col-sm-offset-20 { margin-left: 83.3333333333%; } .el-col-sm-pull-20 { position: relative; right: 83.3333333333%; } .el-col-sm-push-20 { position: relative; left: 83.3333333333%; } .el-col-sm-21 { width: 87.5%; } .el-col-sm-offset-21 { margin-left: 87.5%; } .el-col-sm-pull-21 { position: relative; right: 87.5%; } .el-col-sm-push-21 { position: relative; left: 87.5%; } .el-col-sm-22 { width: 91.6666666667%; } .el-col-sm-offset-22 { margin-left: 91.6666666667%; } .el-col-sm-pull-22 { position: relative; right: 91.6666666667%; } .el-col-sm-push-22 { position: relative; left: 91.6666666667%; } .el-col-sm-23 { width: 95.8333333333%; } .el-col-sm-offset-23 { margin-left: 95.8333333333%; } .el-col-sm-pull-23 { position: relative; right: 95.8333333333%; } .el-col-sm-push-23 { position: relative; left: 95.8333333333%; } .el-col-sm-24 { width: 100%; } .el-col-sm-offset-24 { margin-left: 100%; } .el-col-sm-pull-24 { position: relative; right: 100%; } .el-col-sm-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 992px) { .el-col-md-0 { display: none; } .el-col-md-0 { width: 0%; } .el-col-md-offset-0 { margin-left: 0%; } .el-col-md-pull-0 { position: relative; right: 0%; } .el-col-md-push-0 { position: relative; left: 0%; } .el-col-md-1 { width: 4.1666666667%; } .el-col-md-offset-1 { margin-left: 4.1666666667%; } .el-col-md-pull-1 { position: relative; right: 4.1666666667%; } .el-col-md-push-1 { position: relative; left: 4.1666666667%; } .el-col-md-2 { width: 8.3333333333%; } .el-col-md-offset-2 { margin-left: 8.3333333333%; } .el-col-md-pull-2 { position: relative; right: 8.3333333333%; } .el-col-md-push-2 { position: relative; left: 8.3333333333%; } .el-col-md-3 { width: 12.5%; } .el-col-md-offset-3 { margin-left: 12.5%; } .el-col-md-pull-3 { position: relative; right: 12.5%; } .el-col-md-push-3 { position: relative; left: 12.5%; } .el-col-md-4 { width: 16.6666666667%; } .el-col-md-offset-4 { margin-left: 16.6666666667%; } .el-col-md-pull-4 { position: relative; right: 16.6666666667%; } .el-col-md-push-4 { position: relative; left: 16.6666666667%; } .el-col-md-5 { width: 20.8333333333%; } .el-col-md-offset-5 { margin-left: 20.8333333333%; } .el-col-md-pull-5 { position: relative; right: 20.8333333333%; } .el-col-md-push-5 { position: relative; left: 20.8333333333%; } .el-col-md-6 { width: 25%; } .el-col-md-offset-6 { margin-left: 25%; } .el-col-md-pull-6 { position: relative; right: 25%; } .el-col-md-push-6 { position: relative; left: 25%; } .el-col-md-7 { width: 29.1666666667%; } .el-col-md-offset-7 { margin-left: 29.1666666667%; } .el-col-md-pull-7 { position: relative; right: 29.1666666667%; } .el-col-md-push-7 { position: relative; left: 29.1666666667%; } .el-col-md-8 { width: 33.3333333333%; } .el-col-md-offset-8 { margin-left: 33.3333333333%; } .el-col-md-pull-8 { position: relative; right: 33.3333333333%; } .el-col-md-push-8 { position: relative; left: 33.3333333333%; } .el-col-md-9 { width: 37.5%; } .el-col-md-offset-9 { margin-left: 37.5%; } .el-col-md-pull-9 { position: relative; right: 37.5%; } .el-col-md-push-9 { position: relative; left: 37.5%; } .el-col-md-10 { width: 41.6666666667%; } .el-col-md-offset-10 { margin-left: 41.6666666667%; } .el-col-md-pull-10 { position: relative; right: 41.6666666667%; } .el-col-md-push-10 { position: relative; left: 41.6666666667%; } .el-col-md-11 { width: 45.8333333333%; } .el-col-md-offset-11 { margin-left: 45.8333333333%; } .el-col-md-pull-11 { position: relative; right: 45.8333333333%; } .el-col-md-push-11 { position: relative; left: 45.8333333333%; } .el-col-md-12 { width: 50%; } .el-col-md-offset-12 { margin-left: 50%; } .el-col-md-pull-12 { position: relative; right: 50%; } .el-col-md-push-12 { position: relative; left: 50%; } .el-col-md-13 { width: 54.1666666667%; } .el-col-md-offset-13 { margin-left: 54.1666666667%; } .el-col-md-pull-13 { position: relative; right: 54.1666666667%; } .el-col-md-push-13 { position: relative; left: 54.1666666667%; } .el-col-md-14 { width: 58.3333333333%; } .el-col-md-offset-14 { margin-left: 58.3333333333%; } .el-col-md-pull-14 { position: relative; right: 58.3333333333%; } .el-col-md-push-14 { position: relative; left: 58.3333333333%; } .el-col-md-15 { width: 62.5%; } .el-col-md-offset-15 { margin-left: 62.5%; } .el-col-md-pull-15 { position: relative; right: 62.5%; } .el-col-md-push-15 { position: relative; left: 62.5%; } .el-col-md-16 { width: 66.6666666667%; } .el-col-md-offset-16 { margin-left: 66.6666666667%; } .el-col-md-pull-16 { position: relative; right: 66.6666666667%; } .el-col-md-push-16 { position: relative; left: 66.6666666667%; } .el-col-md-17 { width: 70.8333333333%; } .el-col-md-offset-17 { margin-left: 70.8333333333%; } .el-col-md-pull-17 { position: relative; right: 70.8333333333%; } .el-col-md-push-17 { position: relative; left: 70.8333333333%; } .el-col-md-18 { width: 75%; } .el-col-md-offset-18 { margin-left: 75%; } .el-col-md-pull-18 { position: relative; right: 75%; } .el-col-md-push-18 { position: relative; left: 75%; } .el-col-md-19 { width: 79.1666666667%; } .el-col-md-offset-19 { margin-left: 79.1666666667%; } .el-col-md-pull-19 { position: relative; right: 79.1666666667%; } .el-col-md-push-19 { position: relative; left: 79.1666666667%; } .el-col-md-20 { width: 83.3333333333%; } .el-col-md-offset-20 { margin-left: 83.3333333333%; } .el-col-md-pull-20 { position: relative; right: 83.3333333333%; } .el-col-md-push-20 { position: relative; left: 83.3333333333%; } .el-col-md-21 { width: 87.5%; } .el-col-md-offset-21 { margin-left: 87.5%; } .el-col-md-pull-21 { position: relative; right: 87.5%; } .el-col-md-push-21 { position: relative; left: 87.5%; } .el-col-md-22 { width: 91.6666666667%; } .el-col-md-offset-22 { margin-left: 91.6666666667%; } .el-col-md-pull-22 { position: relative; right: 91.6666666667%; } .el-col-md-push-22 { position: relative; left: 91.6666666667%; } .el-col-md-23 { width: 95.8333333333%; } .el-col-md-offset-23 { margin-left: 95.8333333333%; } .el-col-md-pull-23 { position: relative; right: 95.8333333333%; } .el-col-md-push-23 { position: relative; left: 95.8333333333%; } .el-col-md-24 { width: 100%; } .el-col-md-offset-24 { margin-left: 100%; } .el-col-md-pull-24 { position: relative; right: 100%; } .el-col-md-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 1200px) { .el-col-lg-0 { display: none; } .el-col-lg-0 { width: 0%; } .el-col-lg-offset-0 { margin-left: 0%; } .el-col-lg-pull-0 { position: relative; right: 0%; } .el-col-lg-push-0 { position: relative; left: 0%; } .el-col-lg-1 { width: 4.1666666667%; } .el-col-lg-offset-1 { margin-left: 4.1666666667%; } .el-col-lg-pull-1 { position: relative; right: 4.1666666667%; } .el-col-lg-push-1 { position: relative; left: 4.1666666667%; } .el-col-lg-2 { width: 8.3333333333%; } .el-col-lg-offset-2 { margin-left: 8.3333333333%; } .el-col-lg-pull-2 { position: relative; right: 8.3333333333%; } .el-col-lg-push-2 { position: relative; left: 8.3333333333%; } .el-col-lg-3 { width: 12.5%; } .el-col-lg-offset-3 { margin-left: 12.5%; } .el-col-lg-pull-3 { position: relative; right: 12.5%; } .el-col-lg-push-3 { position: relative; left: 12.5%; } .el-col-lg-4 { width: 16.6666666667%; } .el-col-lg-offset-4 { margin-left: 16.6666666667%; } .el-col-lg-pull-4 { position: relative; right: 16.6666666667%; } .el-col-lg-push-4 { position: relative; left: 16.6666666667%; } .el-col-lg-5 { width: 20.8333333333%; } .el-col-lg-offset-5 { margin-left: 20.8333333333%; } .el-col-lg-pull-5 { position: relative; right: 20.8333333333%; } .el-col-lg-push-5 { position: relative; left: 20.8333333333%; } .el-col-lg-6 { width: 25%; } .el-col-lg-offset-6 { margin-left: 25%; } .el-col-lg-pull-6 { position: relative; right: 25%; } .el-col-lg-push-6 { position: relative; left: 25%; } .el-col-lg-7 { width: 29.1666666667%; } .el-col-lg-offset-7 { margin-left: 29.1666666667%; } .el-col-lg-pull-7 { position: relative; right: 29.1666666667%; } .el-col-lg-push-7 { position: relative; left: 29.1666666667%; } .el-col-lg-8 { width: 33.3333333333%; } .el-col-lg-offset-8 { margin-left: 33.3333333333%; } .el-col-lg-pull-8 { position: relative; right: 33.3333333333%; } .el-col-lg-push-8 { position: relative; left: 33.3333333333%; } .el-col-lg-9 { width: 37.5%; } .el-col-lg-offset-9 { margin-left: 37.5%; } .el-col-lg-pull-9 { position: relative; right: 37.5%; } .el-col-lg-push-9 { position: relative; left: 37.5%; } .el-col-lg-10 { width: 41.6666666667%; } .el-col-lg-offset-10 { margin-left: 41.6666666667%; } .el-col-lg-pull-10 { position: relative; right: 41.6666666667%; } .el-col-lg-push-10 { position: relative; left: 41.6666666667%; } .el-col-lg-11 { width: 45.8333333333%; } .el-col-lg-offset-11 { margin-left: 45.8333333333%; } .el-col-lg-pull-11 { position: relative; right: 45.8333333333%; } .el-col-lg-push-11 { position: relative; left: 45.8333333333%; } .el-col-lg-12 { width: 50%; } .el-col-lg-offset-12 { margin-left: 50%; } .el-col-lg-pull-12 { position: relative; right: 50%; } .el-col-lg-push-12 { position: relative; left: 50%; } .el-col-lg-13 { width: 54.1666666667%; } .el-col-lg-offset-13 { margin-left: 54.1666666667%; } .el-col-lg-pull-13 { position: relative; right: 54.1666666667%; } .el-col-lg-push-13 { position: relative; left: 54.1666666667%; } .el-col-lg-14 { width: 58.3333333333%; } .el-col-lg-offset-14 { margin-left: 58.3333333333%; } .el-col-lg-pull-14 { position: relative; right: 58.3333333333%; } .el-col-lg-push-14 { position: relative; left: 58.3333333333%; } .el-col-lg-15 { width: 62.5%; } .el-col-lg-offset-15 { margin-left: 62.5%; } .el-col-lg-pull-15 { position: relative; right: 62.5%; } .el-col-lg-push-15 { position: relative; left: 62.5%; } .el-col-lg-16 { width: 66.6666666667%; } .el-col-lg-offset-16 { margin-left: 66.6666666667%; } .el-col-lg-pull-16 { position: relative; right: 66.6666666667%; } .el-col-lg-push-16 { position: relative; left: 66.6666666667%; } .el-col-lg-17 { width: 70.8333333333%; } .el-col-lg-offset-17 { margin-left: 70.8333333333%; } .el-col-lg-pull-17 { position: relative; right: 70.8333333333%; } .el-col-lg-push-17 { position: relative; left: 70.8333333333%; } .el-col-lg-18 { width: 75%; } .el-col-lg-offset-18 { margin-left: 75%; } .el-col-lg-pull-18 { position: relative; right: 75%; } .el-col-lg-push-18 { position: relative; left: 75%; } .el-col-lg-19 { width: 79.1666666667%; } .el-col-lg-offset-19 { margin-left: 79.1666666667%; } .el-col-lg-pull-19 { position: relative; right: 79.1666666667%; } .el-col-lg-push-19 { position: relative; left: 79.1666666667%; } .el-col-lg-20 { width: 83.3333333333%; } .el-col-lg-offset-20 { margin-left: 83.3333333333%; } .el-col-lg-pull-20 { position: relative; right: 83.3333333333%; } .el-col-lg-push-20 { position: relative; left: 83.3333333333%; } .el-col-lg-21 { width: 87.5%; } .el-col-lg-offset-21 { margin-left: 87.5%; } .el-col-lg-pull-21 { position: relative; right: 87.5%; } .el-col-lg-push-21 { position: relative; left: 87.5%; } .el-col-lg-22 { width: 91.6666666667%; } .el-col-lg-offset-22 { margin-left: 91.6666666667%; } .el-col-lg-pull-22 { position: relative; right: 91.6666666667%; } .el-col-lg-push-22 { position: relative; left: 91.6666666667%; } .el-col-lg-23 { width: 95.8333333333%; } .el-col-lg-offset-23 { margin-left: 95.8333333333%; } .el-col-lg-pull-23 { position: relative; right: 95.8333333333%; } .el-col-lg-push-23 { position: relative; left: 95.8333333333%; } .el-col-lg-24 { width: 100%; } .el-col-lg-offset-24 { margin-left: 100%; } .el-col-lg-pull-24 { position: relative; right: 100%; } .el-col-lg-push-24 { position: relative; left: 100%; } } @media only screen and (min-width: 1920px) { .el-col-xl-0 { display: none; } .el-col-xl-0 { width: 0%; } .el-col-xl-offset-0 { margin-left: 0%; } .el-col-xl-pull-0 { position: relative; right: 0%; } .el-col-xl-push-0 { position: relative; left: 0%; } .el-col-xl-1 { width: 4.1666666667%; } .el-col-xl-offset-1 { margin-left: 4.1666666667%; } .el-col-xl-pull-1 { position: relative; right: 4.1666666667%; } .el-col-xl-push-1 { position: relative; left: 4.1666666667%; } .el-col-xl-2 { width: 8.3333333333%; } .el-col-xl-offset-2 { margin-left: 8.3333333333%; } .el-col-xl-pull-2 { position: relative; right: 8.3333333333%; } .el-col-xl-push-2 { position: relative; left: 8.3333333333%; } .el-col-xl-3 { width: 12.5%; } .el-col-xl-offset-3 { margin-left: 12.5%; } .el-col-xl-pull-3 { position: relative; right: 12.5%; } .el-col-xl-push-3 { position: relative; left: 12.5%; } .el-col-xl-4 { width: 16.6666666667%; } .el-col-xl-offset-4 { margin-left: 16.6666666667%; } .el-col-xl-pull-4 { position: relative; right: 16.6666666667%; } .el-col-xl-push-4 { position: relative; left: 16.6666666667%; } .el-col-xl-5 { width: 20.8333333333%; } .el-col-xl-offset-5 { margin-left: 20.8333333333%; } .el-col-xl-pull-5 { position: relative; right: 20.8333333333%; } .el-col-xl-push-5 { position: relative; left: 20.8333333333%; } .el-col-xl-6 { width: 25%; } .el-col-xl-offset-6 { margin-left: 25%; } .el-col-xl-pull-6 { position: relative; right: 25%; } .el-col-xl-push-6 { position: relative; left: 25%; } .el-col-xl-7 { width: 29.1666666667%; } .el-col-xl-offset-7 { margin-left: 29.1666666667%; } .el-col-xl-pull-7 { position: relative; right: 29.1666666667%; } .el-col-xl-push-7 { position: relative; left: 29.1666666667%; } .el-col-xl-8 { width: 33.3333333333%; } .el-col-xl-offset-8 { margin-left: 33.3333333333%; } .el-col-xl-pull-8 { position: relative; right: 33.3333333333%; } .el-col-xl-push-8 { position: relative; left: 33.3333333333%; } .el-col-xl-9 { width: 37.5%; } .el-col-xl-offset-9 { margin-left: 37.5%; } .el-col-xl-pull-9 { position: relative; right: 37.5%; } .el-col-xl-push-9 { position: relative; left: 37.5%; } .el-col-xl-10 { width: 41.6666666667%; } .el-col-xl-offset-10 { margin-left: 41.6666666667%; } .el-col-xl-pull-10 { position: relative; right: 41.6666666667%; } .el-col-xl-push-10 { position: relative; left: 41.6666666667%; } .el-col-xl-11 { width: 45.8333333333%; } .el-col-xl-offset-11 { margin-left: 45.8333333333%; } .el-col-xl-pull-11 { position: relative; right: 45.8333333333%; } .el-col-xl-push-11 { position: relative; left: 45.8333333333%; } .el-col-xl-12 { width: 50%; } .el-col-xl-offset-12 { margin-left: 50%; } .el-col-xl-pull-12 { position: relative; right: 50%; } .el-col-xl-push-12 { position: relative; left: 50%; } .el-col-xl-13 { width: 54.1666666667%; } .el-col-xl-offset-13 { margin-left: 54.1666666667%; } .el-col-xl-pull-13 { position: relative; right: 54.1666666667%; } .el-col-xl-push-13 { position: relative; left: 54.1666666667%; } .el-col-xl-14 { width: 58.3333333333%; } .el-col-xl-offset-14 { margin-left: 58.3333333333%; } .el-col-xl-pull-14 { position: relative; right: 58.3333333333%; } .el-col-xl-push-14 { position: relative; left: 58.3333333333%; } .el-col-xl-15 { width: 62.5%; } .el-col-xl-offset-15 { margin-left: 62.5%; } .el-col-xl-pull-15 { position: relative; right: 62.5%; } .el-col-xl-push-15 { position: relative; left: 62.5%; } .el-col-xl-16 { width: 66.6666666667%; } .el-col-xl-offset-16 { margin-left: 66.6666666667%; } .el-col-xl-pull-16 { position: relative; right: 66.6666666667%; } .el-col-xl-push-16 { position: relative; left: 66.6666666667%; } .el-col-xl-17 { width: 70.8333333333%; } .el-col-xl-offset-17 { margin-left: 70.8333333333%; } .el-col-xl-pull-17 { position: relative; right: 70.8333333333%; } .el-col-xl-push-17 { position: relative; left: 70.8333333333%; } .el-col-xl-18 { width: 75%; } .el-col-xl-offset-18 { margin-left: 75%; } .el-col-xl-pull-18 { position: relative; right: 75%; } .el-col-xl-push-18 { position: relative; left: 75%; } .el-col-xl-19 { width: 79.1666666667%; } .el-col-xl-offset-19 { margin-left: 79.1666666667%; } .el-col-xl-pull-19 { position: relative; right: 79.1666666667%; } .el-col-xl-push-19 { position: relative; left: 79.1666666667%; } .el-col-xl-20 { width: 83.3333333333%; } .el-col-xl-offset-20 { margin-left: 83.3333333333%; } .el-col-xl-pull-20 { position: relative; right: 83.3333333333%; } .el-col-xl-push-20 { position: relative; left: 83.3333333333%; } .el-col-xl-21 { width: 87.5%; } .el-col-xl-offset-21 { margin-left: 87.5%; } .el-col-xl-pull-21 { position: relative; right: 87.5%; } .el-col-xl-push-21 { position: relative; left: 87.5%; } .el-col-xl-22 { width: 91.6666666667%; } .el-col-xl-offset-22 { margin-left: 91.6666666667%; } .el-col-xl-pull-22 { position: relative; right: 91.6666666667%; } .el-col-xl-push-22 { position: relative; left: 91.6666666667%; } .el-col-xl-23 { width: 95.8333333333%; } .el-col-xl-offset-23 { margin-left: 95.8333333333%; } .el-col-xl-pull-23 { position: relative; right: 95.8333333333%; } .el-col-xl-push-23 { position: relative; left: 95.8333333333%; } .el-col-xl-24 { width: 100%; } .el-col-xl-offset-24 { margin-left: 100%; } .el-col-xl-pull-24 { position: relative; right: 100%; } .el-col-xl-push-24 { position: relative; left: 100%; } } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 768px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 1200px; } } @media (min-width: 1170px) { .container-lg, .container-md, .container-sm, .container { max-width: 1400px; } } @media (min-width: 1500px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1510px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 1170px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1500px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 1170px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1500px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .editable_content_cms[contenteditable=true] { border: 1px dashed #938181 !important; min-height: 23px; outline: 1px dashed #000 !important; } .outer_editable { position: relative; } .offer_block li.disabled { opacity: 0.5; } .RADIO_COLOR_UL { margin-bottom: 10px; } .RADIO_COLOR_UL li { float: left !important; margin-right: 8px; } .RADIO_COLOR_UL .input-color { box-sizing: unset; cursor: pointer; height: 100%; opacity: 0; position: absolute; width: 100%; } .RADIO_COLOR_UL .color { background-size: contain; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); cursor: pointer; display: inline-block; height: 1.25rem; width: 1.25rem; border: 2px solid transparent; } .RADIO_COLOR_UL .text-color { border: 2px solid transparent; font-size: 13px; padding: 0 5px; } .RADIO_COLOR_UL .sr-only { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .RADIO_COLOR_UL .color { margin: 0px; } .RADIO_COLOR_UL .input-color:disabled + span { background-color: #111 !important; cursor: not-allowed; opacity: 0.1; } .RADIO_COLOR_UL label { display: inline-block; margin: 0 0px 0 0; } .RADIO_COLOR_UL:after { display: table; content: ""; clear: both; } .WARNING_OFFER_SELECT { margin: 10px 0px; } .WARNING_OFFER_SELECT .icon_warning { color: #2B8BEA; font-size: 18px; padding-left: 4px; padding-right: 3px; } .WARNING_OFFER_SELECT.hidden { display: none; } .PRODUCT-AVAILABILITY { color: #333; font-size: 14px; font-weight: 500; margin-top: 10px; } .PRODUCT-AVAILABILITY .product-available { color: #4cbb6c; } .PRODUCT-AVAILABILITY .product-not-available { color: #ff0000; } .PRODUCT-AVAILABILITY .txt_a_i { vertical-align: -2px; } .PRODUCT-AVAILABILITY.hidden { display: none; } .hidden_nav_payer { position: absolute; overflow: hidden; height: 1px; top: -20000px; } .hidden_nav_payer_tab { margin-top: -20px; padding: 0 0 30px !important; } .header_widgets, .language-selector-wrapper, .currency-selector-wrapper { display: flex; float: right; } .selector-block .localiz_block button { border: 0 none; cursor: pointer; display: inline-block; font-weight: 400; line-height: 1; padding: 0 0 0 5px; text-shadow: none; background-color: transparent; font-size: 13px; } #language-selector-label, #currency-selector-label { font-size: 13px; height: auto; line-height: 26px; } .language-selector-wrapper, .currency-selector-wrapper { padding-left: 15px; padding-right: 15px; } .user-info-block { line-height: 23px; padding-left: 15px; padding-right: 15px; position: relative; } .language-selector i, .currency-selector i { font-size: 11px; padding-left: 8px; } .language-selector img { vertical-align: 0px; } .user-info-block span.user-text { font-size: 13px; cursor: pointer; } .user-info-block span.user-text:after { font-family: "Ionicons"; content: "\F123"; font-size: 10px; color: #56595e; font-weight: 400; display: inline-block; margin-left: 6px; } .user-info-block .dropdown-menu { right: 0; left: auto; top: 25px; } .main_block_AuthMenu-v_auth .title_auth_drop i { top: 1px; } .nopadding-left { padding-left: 0px !important; } .ui-autocomplete { max-width: 800px !important; z-index: 200; } @media (max-width: 1200px) { .ui-autocomplete { max-width: 400px !important; } } #loading-mask .loader { margin-left: -76px !important; } .disable-option-offer { opacity: 0.4; } .table_cart_items .cart-product-detail ul { color: #777; font-size: 12px; padding: 0px; } .table_cart_items .cart-product-detail ul li { list-style: none; } .owl-carousel { touch-action: pan-y; } .hiddenel { display: none; } .description_delivery, .description_payment { color: #919191; font-size: 14px; } .info_payment_nd { background-color: #ffffb5; margin-bottom: 7px; padding: 2px 10px; } .vm.modal-lg { max-width: 100% !important; width: 800px !important; } .outer_modal_wishlist_prev ul { padding: 0px; margin: 0px; } .outer_modal_wishlist_prev ul li { padding: 0px; margin: 0px; list-style: none; } .outer_modal_wishlist_prev .basket_sort { display: none; } .outer_modal_wishlist_prev .basket_wrapp .remove { cursor: pointer; } .outer_modal_wishlist_prev .goods { overflow-x: unset !important; } .outer_modal_wishlist_prev .thumb { display: block; height: 103px; position: relative; width: 103px; margin: 10px 0px; } .outer_modal_wishlist_prev .thumb img { height: 100%; -o-object-fit: contain; object-fit: contain; width: 100%; } .el-notification__content { text-align: left !important; color: var(--color-black) !important; } .icon_menu_v2_outer { width: 45px; height: 48px; display: flex; align-items: center; } .icon_menu_v2_outer .icon_menu_v2 { width: 24px; height: 1.5px; position: relative; background-color: var(--color-black); border-radius: 0.75px; display: flex; } .icon_menu_v2_outer .icon_menu_v2:before { display: flex; content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 1.5px; background-color: var(--color-black); border-radius: 0.75px; transition: all 0.25s; top: -8px; } .icon_menu_v2_outer .icon_menu_v2:after { display: flex; content: ""; position: absolute; left: 0; right: 0; width: 100%; height: 1.5px; background-color: var(--color-black); border-radius: 0.75px; transition: all 0.25s; top: 8px; } .el-drawer__header { align-items: center; color: #72767b; display: flex; margin-bottom: 0px; padding-bottom: 10px; padding: 20px; padding-bottom: 20px; box-shadow: 0 3px 6px rgba(21, 22, 22, 0.1); } .el-drawer__header > :first-child { font-weight: 600; color: var(--color-black); font-size: 16px; } .el-drawer__body { color: var(--color-black); padding: 20px; } .el-drawer__close-btn { font-size: 25px; position: absolute; top: 17px; right: 13px; } .el-button { border-radius: 6px !important; } .vm-title { font-size: 20px !important; font-weight: 600 !important; color: #2a2a2a !important; } .vm-titlebar { border-bottom: 1px solid #eee !important; } .form-control { box-shadow: unset !important; border: 1px solid #ddd !important; border-radius: var(--main-radius); } .form-control[type=text], .form-control[type=email] { height: 40px !important; } .form-footer { padding: 16px 0px 10px; } .red_req { color: var(--color-primary); } .red_link { color: var(--color-primary) !important; } .red_link a { color: var(--color-primary) !important; } .small_skeleton { width: 100%; } .small_skeleton .el-skeleton__item { height: 5px !important; margin-bottom: 7px !important; margin-top: 7px !important; display: flex; } .fix_drawer { z-index: 1003 !important; } /* .v-modal{ z-index: 10000 !important; } */ .vbps { height: 100%; width: 100%; } .vm-btn-close { position: absolute; right: 16px; } .vm-wrapper .vm-titlebar { padding: 16px 31px 15px 23px; } .outer_track { padding-left: 25px; position: relative; font-size: 12px; line-height: 150%; color: #666; } .outer_track .icon_delivery { color: #555; position: absolute; left: 2px; top: 5px; font-size: 15px; } .outer_track .ext_del_text { color: #aaa; font-weight: 400; font-size: 12px; margin-top: 5px; line-height: 140%; } .FILTER_PRODUCT .filterProductFormOuter #filterProductForm .dropdown_fc_more .flex_modal_container .param_search_bl .p_sr_input input:focus, .FILTER_PRODUCT .filterProductFormOuter #filterProductForm .dropdown_fc_more .flex_modal_container .param_search_bl .p_sr_input input:active, .FILTER_PRODUCT .filterProductFormOuter #filterProductForm .dropdown_fc_more .flex_modal_container .param_search_bl .p_sr_input input:visited, .FILTER_PRODUCT .filterProductFormOuter #filterProductForm .dropdown_fc_more .flex_modal_container .param_search_bl .p_sr_input input:focus-visible { border: 1px solid rgba(29, 39, 49, 0.08) !important; box-shadow: unset !important; outline: none !important; } .sort_panel_dropdown { display: flex; flex-direction: column; border: 1px solid #E4E4E4 !important; border-radius: 12px !important; } .sort_panel_dropdown .sort_panel_dropdown_inner { padding: 5px 20px; } .sort_panel_dropdown span { display: flex; width: 100%; cursor: pointer; padding: 4px 0px; font-size: 16px; } .sort_panel_dropdown span.current, .sort_panel_dropdown span:hover { color: #2B8BEA; } .vm-wrapper { z-index: 99999 !important; } .vm-backdrop { z-index: 99998 !important; } .vm-content { padding: 16px 24px !important; } @media (max-width: 768px) { .vm-content { padding: 16px 14px !important; } } @media (max-width: 768px) { .vm-content .modal-footer { padding: 12px 0px !important; display: flex !important; justify-content: space-between !important; } } .el-drawer__header { box-shadow: unset !important; } .fix_row_products { flex-wrap: wrap; } .auth_drop_menu ul { padding: 0px; margin: 0px; } .auth_drop_menu ul li { list-style: none; display: flex; width: 100%; align-items: center; padding: 0px 25px; } .drop_auth_outer { padding: 10px 20px; } .drop_auth_outer .amenu_block { margin-bottom: 10px !important; } .drop_auth_outer .bottom_user { padding-top: 13px !important; } .drop_auth_outer .bottom_user .amenu_block { margin-bottom: 0px !important; } .drop_content { padding: 10px 16px; } .outer_dropdown_content .icon_drop_class { color: #222; } .el-popper { border-radius: var(--main-radius); } .el-dropdown-menu { border-radius: 12px !important; } .inner_param_val { word-break: break-word; } .product-name-link__style { word-break: break-word; max-height: 54px; overflow: hidden; display: flex !important; } .product_desc_mini_bl { margin-bottom: 10px; } .crubb_li_main .clm_ls { max-width: 245px; text-overflow: ellipsis; display: inline-block; overflow: hidden; white-space: nowrap; position: relative; } .vel-btns-wrapper .btn__close { top: 25px !important; } .mobile_search .el-drawer__header { padding: 0px; margin: 0px; height: 1px; position: relative; width: 100%; } .mobile_search .el-drawer__close-btn { position: relative; right: 5px; top: 21px; } .mobile_search #search_query_top { font-size: 16px !important; } .mobile_search .search_oputer .clear_search { opacity: 0.7; width: 13px !important; } input { outline: unset !important; } .article_paginator { display: flex; width: 100%; justify-content: center; margin-bottom: 40px; } .article_paginator li { list-style: none !important; } .article_paginator .page-list { display: flex; } .article_paginator .page-list { padding: 0px; margin: 0px; } .article_paginator .btn_prev_page { margin-right: 10px; } .article_paginator .btn_next_page { margin-left: 10px; } .article_paginator .disabled.page-item { opacity: 0.7; cursor: unset; } .article_paginator .active.page-item { position: relative; } .article_paginator .active.page-item:after { content: ""; display: table; position: absolute; bottom: -2px; width: calc(100% - 6px); height: 1px; background: var(--color-black); left: 3px; } .article_paginator .page-item-link { width: auto; height: auto; border-radius: 0px; background: #fff; font-size: 22px; color: var(--color-black); font-weight: 100; position: relative; padding-bottom: 5px; display: inline-flex; padding: 0px 5px; } .FILTER_PRODUCT .el-slider__stop, .FILTER_SLIDER_MOBILE .el-slider__stop { background-color: #f3f3f3 !important; } .cookie__floating { z-index: 99999999 !important; } .number_change { width: 105px; margin: 20px 0px; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 768px) { .number_change { width: 90px; } } .number_change .ci_i { background: transparent; width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; border-radius: 50%; cursor: pointer; border: 1px solid var(--color-grey2); font-size: 17px; color: var(--color-black); } .number_change .ci_i::-moz-selection { background: transparent; } .number_change .ci_i::selection { background: transparent; } .number_change .ci_i:hover { opacity: 0.9; } @media (max-width: 768px) { .number_change .ci_i { width: 30px; height: 30px; } } .number_change .numb_val { font-size: 16px; font-weight: 500; line-height: 100%; text-align: center; color: var(--color-black); } @media (max-width: 768px) { .number_change .numb_val { font-size: 14px; } } .el-drawer__wrapper { z-index: 9999 !important; max-width: 100%; } .el-drawer__wrapper .el-drawer { max-width: 100%; } body { position: relative; min-height: 100vh; min-height: calc(var(--vh, 1vh)* 100); } .preloader { min-height: 100vh; position: fixed; z-index: 9999999; background: #fff; width: 100%; height: 100vh; top: 110px; } .preloader:before { background-image: url(/frontend/images/preloader_bg.svg); content: ""; background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 80px; height: 80px; display: block; position: absolute; top: 250px; right: calc(50% - 40px); } .preloader:after { content: ""; background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 80px; height: 80px; display: block; position: absolute; top: 250px; right: calc(50% - 40px); background-image: url(/frontend/images/preloader_load.svg); } @media (max-width: 1169.98px) { .preloader { top: 0px; } } body { height: 100vh; overflow: hidden; } .site-footer-block { display: none; } body.is_loaded { height: auto; overflow: auto; } body.is_loaded .site-footer-block { display: block; } body.is_loaded .preloader { display: none; } #loading-mask { display: none !important; } .el-select-dropdown { max-width: 95% !important; } .empty_image_outer_cp img { max-width: 100%; } .cookie__floating { z-index: 999999999 !important; } .flex_wrap { flex-wrap: wrap; } .FILTER_PRODUCT .filterProductFormOuter .main_filter_param_mane .adlable { display: flex; gap: 5px; } .f_h_iption { display: flex; align-items: center; gap: 0px; width: 18px; height: 18px; cursor: pointer; } .param_name_panel { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; } .param_name_panel .adlable { margin: 0px !important; } .filter_d_tooltip { padding: 6px 20px; width: 370px; font-size: 15px; } .hidden_filter_param { opacity: 0.4; } .hiddenc { display: none !important; } .el-dialog__header { padding-bottom: 10px !important; border-bottom: 1px solid #eee !important; } .el-dialog { border-radius: 18px !important; } .el-alert__description { line-height: 140% !important; margin-top: 2px !important; margin-bottom: 5px !important; } .el-pagination.is-background .el-pager li:not(.disabled).active { background-color: var(--color-primary) !important; } .opt_input_custom { /* SINGLE INPUT IN SEPARATE MODE */ /* INPUTS WRAPPER IN SEPARATE MODE */ /* INPUTS WRAPPER IN GROUP MODE */ /* SINGLE INPUT IN GROUP MODE */ /* removing the arrow keys on side of the input area */ /* Firefox */ } .opt_input_custom div.vue-otp-input { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .opt_input_custom div.vue-otp-input > div.otp-wrapper { direction: var(--direction); text-align: center; display: flex; align-items: center; justify-content: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; } .opt_input_custom div.vue-otp-input > div.otp-wrapper > input.otp-input { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; border-radius: var(--border-radius); } .opt_input_custom div.vue-otp-input > div.otp-wrapper > input.otp-input:disabled { background-color: #ececec !important; } .opt_input_custom div.vue-otp-input > div.otp-wrapper > input.defualt-input-separate { text-align: center; font-weight: 600; background-color: transparent; border: solid 2px #ececec; width: 3rem; height: 48px; } .opt_input_custom div.vue-otp-input > div.otp-wrapper > input.defualt-error-input-separate { text-align: center; font-weight: 600; background-color: transparent; border: solid 2px #d50000; width: 3rem; height: 48px; } @media only screen and (max-width: 600px) { .opt_input_custom div.vue-otp-input > div.otp-wrapper > input.defualt-input-separate { width: 2.5rem; height: 40px; } } .opt_input_custom div.vue-otp-input > div.defualt-wrapper-separate { background: transparent; } .opt_input_custom div.vue-otp-input > div.defualt-wrapper-group { border: solid 2px #ececec; } .opt_input_custom div.vue-otp-input > div.defualt-error-wrapper-group { border: solid 2px #d50000; } .opt_input_custom div.vue-otp-input > div.otp-wrapper > input.defualt-input-group { background-color: transparent; font-weight: 600; border: none; width: 3rem; height: 48px; text-align: center; } @media only screen and (max-width: 600px) { .opt_input_custom div.vue-otp-input > div.otp-wrapper > input.defualt-input-group { width: 2.5rem; height: 40px; } } .opt_input_custom div.vue-otp-input > div.otp-wrapper > input.defualt-active-input { border: solid 2px #525252; } .opt_input_custom div.vue-otp-input > div.defualt-active-wrapper { border: solid 2px #525252; } .opt_input_custom div.vue-otp-input > span.default-error-class { color: #d50000; font-weight: bold; } .opt_input_custom input:focus { outline: none; } .opt_input_custom input::-webkit-outer-spin-button, .opt_input_custom input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .opt_input_custom input[type=number] { -moz-appearance: textfield; } .el-alert { padding: 10px 16px; margin: 0; border-radius: 8px; } .fix_checkbox_v2.el-checkbox { margin: 0px; display: flex; align-items: center; gap: 10px; } .fix_checkbox_v2 .el-checkbox__input { border-radius: 5px !important; overflow: hidden; background: #fff; outline: 2px solid #FFFFFF; } .fix_checkbox_v2 .el-checkbox__label { display: flex; padding: 0px; color: var(--color-black) !important; font-size: 16px; } @media (max-width: 768px) { .fix_checkbox_v2 .el-checkbox__label { font-size: 14px; } } .fix_checkbox_v2 .el-checkbox__inner { width: 20px; border-radius: 4px; height: 20px; display: flex; border: 1.3px solid var(--color-grey2) !important; } .fix_checkbox_v2 .el-checkbox__inner.is-checked { border: 1px solid var(--color-primary) !important; } .fix_checkbox_v2 .el-checkbox__inner::after { border: 1.5px solid #FFFFFF; border-left: 0; border-top: 0; height: 11px; left: 6px; top: 1px; width: 6px; } .fix_checkbox_v2.el-checkbox .is-checked .el-checkbox__inner { border: 1px solid var(--color-primary) !important; } .checkout_page .contenttheme { padding: 0px !important; } .el-notification__content { line-height: 140% !important; } .el-notification { border-radius: 16px !important; } .el-notification .el-icon-success { color: var(--color-primary) !important; } .el-notification__title { display: none !important; } .el-notification__content { margin: 0px !important; } @media (max-width: 768px) { .el-notification__title { font-size: 14px !important; } .el-notification__content { font-size: 12px !important; line-height: 140% !important; margin: 2px 0 0 0 !important; } .el-notification__group { margin-left: 9px !important; margin-right: 8px !important; } .el-notification { padding: 12px 19px 12px 12px !important; } } .main_checkout_outer .otp-input { background: #fff !important; } img { image-rendering: optimizeQuality; } .fix_paginator { padding: 0px !important; margin-top: 32px; display: flex; gap: 8px; } .fix_paginator:before, .fix_paginator:after { display: none !important; } .fix_paginator .btn-prev, .fix_paginator .btn-next, .fix_paginator .number, .fix_paginator .more { margin: 0px !important; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; background-color: #fff !important; border-radius: 8px !important; border: 1px solid var(--color-grey2); overflow: hidden; color: var(--color-black) !important; font-weight: 400 !important; font-size: 14px !important; } .fix_paginator .btn-prev:hover, .fix_paginator .btn-next:hover, .fix_paginator .number:hover, .fix_paginator .more:hover { background: #f7f7f7 !important; } .fix_paginator .el-pager { display: flex; gap: 8px !important; } .fix_paginator.el-pagination.is-background .el-pager li.active { background-color: #fff !important; border: 1px solid var(--color-black) !important; } .photo_gallery_v2 .vel-img { max-height: 100vh !important; } .loading_transparent .el-loading-mask { background-color: rgba(255, 255, 255, 0.1) !important; } .fix_rate { display: flex; gap: 0px; } .fix_rate .el-rate__item { display: flex; width: 28px !important; height: 22px !important; overflow: hidden; } .fix_rate .el-rate__icon { margin-right: 2px !important; font-size: 22px !important; transition: unset !important; } .fix_rate .el-rate__icon.el-icon-star-on { font-size: 24px !important; width: 22px; left: -1px; position: relative; top: -2px; } .fix_rate_current .el-rate__item { width: 24px !important; } .styled_form_v2 .el-input__inner { border-radius: 8px !important; border: 1px solid var(--color-grey2) !important; color: var(--color-black) !important; height: 44px !important; font-size: 16px !important; line-height: 100% !important; padding: 0 16px !important; width: 100% !important; } .styled_form_v2 .el-input__inner::-moz-placeholder { opacity: 1 !important; font-size: 16px !important; color: #BEBFC2 !important; } .styled_form_v2 .el-input__inner:-ms-input-placeholder { opacity: 1 !important; font-size: 16px !important; color: #BEBFC2 !important; } .styled_form_v2 .el-input__inner::placeholder { opacity: 1 !important; font-size: 16px !important; color: #BEBFC2 !important; } .styled_form_v2 .el-input__inner:focus { border: 1px solid var(--color-black) !important; } .styled_form_v2 .el-input__inner::focus { border: 1px solid var(--color-black) !important; } .styled_form_v2 .el-form-item { margin-bottom: 16px !important; } .styled_form_v2 .el-date-editor .el-input__prefix .el-input__icon { line-height: 44px !important; } .styled_form_v2 .el-date-editor .el-input__inner { padding-left: 32px !important; } .styled_form_v2 .el-form-item__error { color: var(--color-red) !important; } .styled_form_v2_label .el-form-item__label { font-weight: 400 !important; font-size: 16px !important; line-height: 18px !important; color: var(--color-grey) !important; margin-bottom: 8px !important; padding: 0px !important; position: relative; } .styled_form_v2_label .el-form-item__label:before { position: absolute; right: -9px !important; color: var(--color-red) !important; margin: 0px !important; padding: 0px !important; top: 2px; } .sizes_content ul, .sizes_content ol { padding-left: 18px !important; } .clear_button { padding: 0px !important; margin: 0px !important; background: #fff !important; border: 0px !important; outline: 0px !important; } .loading_small svg { width: 20px !important; } .FILTER_SLIDER .el-slider__stop { background-color: #f2f2f2 !important; } .skel_fix .el-skeleton { display: flex; flex-direction: column; } .f_i_param { display: flex; align-items: center; gap: 0px; width: 18px; height: 18px; cursor: pointer; } .f_i_param .icon_check { color: blue; } .f_i_param .icon_uncheck { color: orange; } /* Убирает крестик в Chrome, Safari, Edge и новых версиях Opera */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; appearance: none; } /* Для полной уверенности в некоторых версиях Internet Explorer / Edge */ input[type=search]::-ms-clear, input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } .disable_buy { font-size: 22px; line-height: 130%; background: #f8f8f8 !important; color: grey; text-align: center; cursor: not-allowed; } .el-alert--success.is-light .el-alert__description { color: #314f22; } .el-alert--success.is-light { color: #4d6c3d; } .white_block_po_new { height: 60px; width: 100%; } /* .is_loaded{ .white_block_po{ display: none !important; } } */ .product_page .white_block_po_new, .wetrands_page .white_block_po_new { display: none !important; } .outer_payment_group .el-loading-mask { top: -10px !important; right: 0 !important; bottom: 0 !important; left: -19px !important; border-radius: 16px !important; background-color: rgba(255, 255, 255, 0.2) !important; } #snippet_dolyami { margin-bottom: 0px; margin-top: 20px; } #snippet_dolyami .digi-dolyame-product__logo { border-radius: 4px; } #snippet_dolyami .digi-dolyame-product { border: 0.5px solid #eff1f4 !important; border: 0px !important; padding: 0px !important; } .payment_system_internal_outer .digi-dolyame-checkout-description { background: #fff !important; padding: 24px !important; border-radius: 16px !important; color: #222 !important; } .dialog_paymnt .el-dialog__title { font-size: 23px; } .dialog_paymnt .el-dialog__header { padding: 25px 30px; padding-bottom: 0px; } .dialog_paymnt .el-dialog .el-dialog__body { padding: 18px 25px !important; } .top_big_banners .item { padding-bottom: 20px; } .top_big_banners .item .item_inner::before { background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%) repeat scroll 0 0; bottom: 0; content: ""; height: 60%; left: 0; position: absolute; right: 0; z-index: 2; } .top_big_banners .item .item_inner { height: 215px; overflow: hidden; position: relative; } .top_big_banners .item .item_inner:hover .scale_block_animate { transform: scale(1.25); } .top_big_banners .item .dark_block_animate { background-color: rgba(0, 0, 0, 0.5); display: block; height: 100%; opacity: 0; position: absolute; transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; width: 100%; z-index: 2; } .top_big_banners .wrap_tizer { bottom: 20px; color: #fff; position: absolute; transition: all 0.5s ease 0s; width: 100%; z-index: 2; } .top_big_banners .wrap_tizer .wrapper_inner_tizer { padding: 0 33px 0 20px; } .top_big_banners .wrap_tizer .wr_block { transition: all 0.1s ease 0s; } .top_big_banners .wrap_tizer .wrap_outer.title { font-size: 10px; text-transform: uppercase; } .top_big_banners .wrap_tizer .wrap_outer.title { font-weight: bold; } .top_big_banners .outer_text { background: #2B8BEA none repeat scroll 0 0; } .top_big_banners .wrap_tizer .wrap_outer .inner_text { background: #2B8BEA none repeat scroll 0 0; color: #fff; font-style: normal; font-weight: bold; left: 0px; padding: 5px 10px; position: relative; z-index: 1; } .top_big_banners .wrap_tizer .preview { font-size: 16px; font-weight: bold; line-height: 20px; margin: 10px 0 0; } .top_big_banners .scale_block_animate { overflow: hidden; position: relative; transition: transform 0.6s ease 0s; z-index: 1; } .top_big_banners .item .img_block { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .pretty * { box-sizing: border-box; } .pretty input:not([type=checkbox]):not([type=radio]) { display: none; } .pretty { position: relative; display: inline-block; margin-right: 1em; white-space: nowrap; line-height: 1; } .pretty input { position: absolute; left: 0; top: 0; min-width: 1em; width: 100%; height: 100%; z-index: 2; opacity: 0; margin: 0; padding: 0; cursor: pointer; } .pretty .state label { position: initial; display: inline-block; font-weight: normal; margin: 0; text-indent: 1.5em; min-width: calc(1em + 2px); } .pretty .state label:before, .pretty .state label:after { content: ""; width: calc(1em + 2px); height: calc(1em + 2px); display: block; box-sizing: border-box; border-radius: 0; border: 1px solid transparent; z-index: 0; position: absolute; left: 0; top: calc((0% - (100% - 1em)) - 8%); background-color: transparent; } .pretty .state label:before { border-color: #bdc3c7; } .pretty .state.p-is-hover, .pretty .state.p-is-indeterminate { display: none; } @-webkit-keyframes zoom { 0% { opacity: 0; transform: scale(0); } } @keyframes zoom { 0% { opacity: 0; transform: scale(0); } } @-webkit-keyframes tada { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; transform: scale(7); } 38% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; transform: scale(1); } 55% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; transform: scale(1.5); } 72% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform: scale(1); } 81% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; transform: scale(1.24); } 89% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform: scale(1); } 95% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; transform: scale(1.04); } 100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform: scale(1); } } @keyframes tada { 0% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; transform: scale(7); } 38% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 1; transform: scale(1); } 55% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; transform: scale(1.5); } 72% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform: scale(1); } 81% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; transform: scale(1.24); } 89% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform: scale(1); } 95% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; transform: scale(1.04); } 100% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; transform: scale(1); } } @-webkit-keyframes jelly { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(0.75, 1.25, 1); } 40% { transform: scale3d(1.25, 0.75, 1); } 50% { transform: scale3d(0.85, 1.15, 1); } 65% { transform: scale3d(1.05, 0.95, 1); } 75% { transform: scale3d(0.95, 1.05, 1); } 100% { transform: scale3d(1, 1, 1); } } @keyframes jelly { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(0.75, 1.25, 1); } 40% { transform: scale3d(1.25, 0.75, 1); } 50% { transform: scale3d(0.85, 1.15, 1); } 65% { transform: scale3d(1.05, 0.95, 1); } 75% { transform: scale3d(0.95, 1.05, 1); } 100% { transform: scale3d(1, 1, 1); } } @-webkit-keyframes rotate { 0% { opacity: 0; transform: translateZ(-200px) rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0) rotate(0); } } @keyframes rotate { 0% { opacity: 0; transform: translateZ(-200px) rotate(-45deg); } 100% { opacity: 1; transform: translateZ(0) rotate(0); } } @-webkit-keyframes pulse { 0% { box-shadow: 0px 0px 0px 0px #bdc3c7; } 100% { box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); } } @keyframes pulse { 0% { box-shadow: 0px 0px 0px 0px #bdc3c7; } 100% { box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0); } } .pretty.p-default.p-fill .state label:after { transform: scale(1); } .pretty.p-default .state label:after { transform: scale(0.6); } .pretty.p-default input:checked ~ .state label:after { background-color: #bdc3c7 !important; } .pretty.p-default.p-thick .state label:before, .pretty.p-default.p-thick .state label:after { border-width: calc(1em / 7); } .pretty.p-default.p-thick .state label:after { transform: scale(0.4) !important; } .pretty.p-icon .state .icon { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (100% - 1em)) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-icon .state .icon:before { margin: 0; width: 100%; height: 100%; text-align: center; display: flex; flex: 1; justify-content: center; align-items: center; line-height: 1; } .pretty.p-icon input:checked ~ .state .icon { opacity: 1; } .pretty.p-icon input:checked ~ .state label:before { border-color: #5a656b; } .pretty.p-svg .state .svg { position: absolute; font-size: 1em; width: calc(1em + 2px); height: calc(1em + 2px); left: 0; z-index: 1; text-align: center; line-height: normal; top: calc((0% - (100% - 1em)) - 8%); border: 1px solid transparent; opacity: 0; } .pretty.p-svg .state svg { margin: 0; width: 100%; height: 100%; text-align: center; display: flex; flex: 1; justify-content: center; align-items: center; line-height: 1; } .pretty.p-svg input:checked ~ .state .svg { opacity: 1; } .pretty.p-image .state img { opacity: 0; position: absolute; width: calc(1em + 2px); height: calc(1em + 2px); top: 0; top: calc((0% - (100% - 1em)) - 8%); left: 0; z-index: 0; text-align: center; line-height: normal; transform: scale(0.8); } .pretty.p-image input:checked ~ .state img { opacity: 1; } .pretty.p-switch input { min-width: 2em; } .pretty.p-switch .state { position: relative; } .pretty.p-switch .state:before { content: ""; border: 1px solid #bdc3c7; border-radius: 60px; width: 2em; box-sizing: unset; height: calc(1em + 2px); position: absolute; top: 0; top: calc((0% - (100% - 1em)) - 16%); z-index: 0; transition: all 0.5s ease; } .pretty.p-switch .state label { text-indent: 2.5em; } .pretty.p-switch .state label:before, .pretty.p-switch .state label:after { transition: all 0.5s ease; border-radius: 100%; left: 0; border-color: transparent; transform: scale(0.8); } .pretty.p-switch .state label:after { background-color: #bdc3c7 !important; } .pretty.p-switch input:checked ~ .state:before { border-color: #5a656b; } .pretty.p-switch input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch input:checked ~ .state label:after { background-color: #5a656b !important; left: 1em; } .pretty.p-switch.p-fill input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-switch.p-fill input:checked ~ .state label:before { opacity: 0; } .pretty.p-switch.p-fill input:checked ~ .state label:after { background-color: #fff !important; left: 1em; } .pretty.p-switch.p-slim .state:before { height: 0.1em; background: #bdc3c7 !important; top: calc(50% - 0.1em); } .pretty.p-switch.p-slim input:checked ~ .state:before { border-color: #5a656b; background-color: #5a656b !important; } .pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) { display: none; } .pretty.p-has-hover input:hover ~ .state.p-is-hover { display: block; } .pretty.p-has-hover input:hover ~ .state.p-is-hover .icon { display: block; } .pretty.p-has-focus input:focus ~ .state label:before { box-shadow: 0px 0px 3px 0px #bdc3c7; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) { display: none; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate { display: block; } .pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon { display: block; opacity: 1; } .pretty.p-toggle .state.p-on { opacity: 0; display: none; } .pretty.p-toggle .state.p-off, .pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img { opacity: 1; display: inherit; } .pretty.p-toggle .state.p-off .icon { color: #bdc3c7; } .pretty.p-toggle input:checked ~ .state.p-on { opacity: 1; display: inherit; } .pretty.p-toggle input:checked ~ .state.p-off { opacity: 0; display: none; } .pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before { content: none; } .pretty.p-plain.p-plain .icon { transform: scale(1.1); } .pretty.p-round .state label:before, .pretty.p-round .state label:after { border-radius: 100%; } .pretty.p-round.p-icon .state .icon { border-radius: 100%; overflow: hidden; } .pretty.p-round.p-icon .state .icon:before { transform: scale(0.8); } .pretty.p-curve .state label:before, .pretty.p-curve .state label:after { border-radius: 20%; } .pretty.p-smooth label:before, .pretty.p-smooth label:after, .pretty.p-smooth .icon, .pretty.p-smooth .svg { transition: all 0.5s ease; } .pretty.p-smooth input:checked + .state label:after { transition: all 0.3s ease; } .pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img { -webkit-animation: zoom 0.2s ease; animation: zoom 0.2s ease; } .pretty.p-smooth.p-default input:checked + .state label:after { -webkit-animation: zoom 0.2s ease; animation: zoom 0.2s ease; } .pretty.p-smooth.p-plain input:checked + .state label:before { content: ""; transform: scale(0); transition: all 0.5s ease; } .pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:before, .pretty.p-tada:not(.p-default) input:checked + .state label:after { -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate; opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:before, .pretty.p-jelly:not(.p-default) input:checked + .state label:after { -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-jelly:not(.p-default) input:checked + .state label:before { border-color: transparent; } .pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after { -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 1; } .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before { border-color: transparent; } .pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before { -webkit-animation: pulse 1s; animation: pulse 1s; } .pretty input[disabled] { cursor: not-allowed; display: none; } .pretty input[disabled] ~ * { opacity: 0.5; } .pretty.p-locked input { display: none; cursor: not-allowed; } .pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after { background-color: #428bca !important; } .pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before { border-color: #428bca; } .pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg { color: #428bca; stroke: #428bca; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after { background-color: #428bca !important; } .pretty.p-switch input:checked ~ .state.p-primary:before { border-color: #428bca; } .pretty.p-switch.p-fill input:checked ~ .state.p-primary:before { background-color: #428bca !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-primary:before { border-color: #245682; background-color: #245682 !important; } .pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after { background-color: #5bc0de !important; } .pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before { border-color: #5bc0de; } .pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg { color: #5bc0de; stroke: #5bc0de; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after { background-color: #5bc0de !important; } .pretty.p-switch input:checked ~ .state.p-info:before { border-color: #5bc0de; } .pretty.p-switch.p-fill input:checked ~ .state.p-info:before { background-color: #5bc0de !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-info:before { border-color: #2390b0; background-color: #2390b0 !important; } .pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after { background-color: #5cb85c !important; } .pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before { border-color: #5cb85c; } .pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg { color: #5cb85c; stroke: #5cb85c; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after { background-color: #5cb85c !important; } .pretty.p-switch input:checked ~ .state.p-success:before { border-color: #5cb85c; } .pretty.p-switch.p-fill input:checked ~ .state.p-success:before { background-color: #5cb85c !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-success:before { border-color: #357935; background-color: #357935 !important; } .pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after { background-color: #f0ad4e !important; } .pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before { border-color: #f0ad4e; } .pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg { color: #f0ad4e; stroke: #f0ad4e; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after { background-color: #f0ad4e !important; } .pretty.p-switch input:checked ~ .state.p-warning:before { border-color: #f0ad4e; } .pretty.p-switch.p-fill input:checked ~ .state.p-warning:before { background-color: #f0ad4e !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-warning:before { border-color: #c77c11; background-color: #c77c11 !important; } .pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after { background-color: #d9534f !important; } .pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg { color: #fff; stroke: #fff; } .pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before { border-color: #d9534f; } .pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after { background-color: transparent; } .pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg { color: #d9534f; stroke: #d9534f; } .pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after { background-color: #d9534f !important; } .pretty.p-switch input:checked ~ .state.p-danger:before { border-color: #d9534f; } .pretty.p-switch.p-fill input:checked ~ .state.p-danger:before { background-color: #d9534f !important; } .pretty.p-switch.p-slim input:checked ~ .state.p-danger:before { border-color: #a02622; background-color: #a02622 !important; } .pretty.p-bigger label:before, .pretty.p-bigger label:after, .pretty.p-bigger .icon, .pretty.p-bigger .svg, .pretty.p-bigger .img { font-size: 1.2em !important; top: calc((0% - (100% - 1em)) - 35%) !important; } .pretty.p-bigger label { text-indent: 1.7em; } @media print { .pretty .state:before, .pretty .state label:before, .pretty .state label:after, .pretty .state .icon { color-adjust: exact; /* stylelint-disable */ -webkit-print-color-adjust: exact; print-color-adjust: exact; } } @media (min-width: 991px) { #filterProductForm { margin-right: 0px; } #filterProductForm .param_block_height { width: 96%; } .param_block_height_slider_f { padding: 0px 6px !important; } } #filterProductForm { background-color: transparent; border: 0 solid #f4f4f4; border-radius: 2px; box-shadow: none; font-size: 14px !important; margin-bottom: 0; padding: 0px 20px 20px 5px; font-size: 14px; /* .SHOW_MORE_FILTER{ background-color: #fff; border: 1px solid #ddd; border-radius: 4px; display: block; font-size: 12px; font-weight: 700; margin-top: 10px; padding: 4px 30px 3px 23px; position: relative; text-align: left; width: 100%; &:hover{ opacity:1; background-color: #fcfcfc; border: 1px solid #aaa; } .i_smf{ position:absolute; right:10px; top:50%; margin-top:-5px; } } */ } #filterProductForm .outer_filter_param_enum { width: 100%; } #filterProductForm .pretty input:checked ~ .state.p-primary .icon, #filterProductForm .pretty input:checked ~ .state.p-primary .svg, #filterProductForm .pretty.p-toggle .state.p-primary .icon, #filterProductForm .pretty.p-toggle .state.p-primary .svg { color: #111; stroke: #111; } #filterProductForm .pretty input:checked ~ .state.p-primary label { font-weight: 600; } #filterProductForm .ENUM_PARAM_BLOCK_SORTABLE .param_block_height { flex: 0 0 96%; } #filterProductForm .flex_modal { display: flex; } #filterProductForm .hide_fp { display: none !important; } #filterProductForm .dropdown_fc_more { background-color: #fff; border: 1px solid #dfdfdf; border-radius: 4px; box-shadow: 0 0 3px 0 #ccc; display: none; left: -404px; padding: 15px 16px 8px; position: absolute; z-index: 100; } #filterProductForm .dropdown_fc_more label { white-space: nowrap; } #filterProductForm .dropdown_fc_more .pretty { padding-right: 20px; } #filterProductForm .dropdown_fc_more.active { display: block; } #filterProductForm .dropdown_fc_more::after { border-color: transparent transparent transparent #fff; border-style: solid; border-width: 8px; content: ""; left: 40px; margin-top: -4px; position: absolute; right: auto; top: -10px; transform: rotate(-90deg); } #filterProductForm .dropdown_fc_more::before { border-color: transparent transparent transparent #ddd; border-style: solid; border-width: 8px; content: ""; left: 40px; margin-top: -5px; position: absolute; right: auto; top: -11px; transform: rotate(-90deg); } #filterProductForm .dropdown_fc_more .pretty .svg { left: 0; top: -3px; } #filterProductForm .pretty .state label::before, #filterProductForm .pretty .state label::after { background-color: #fff; border: 1px solid #ccc; } #filterProductForm .param_block { border-bottom: 0px solid #DEDEDE; padding-bottom: 10px; margin-bottom: 5px; } #filterProductForm .param_block_height .pretty .p-primary label { overflow: hidden; } #filterProductForm .ui-slider-handle { overflow: hidden; } #filterProductForm .ui-widget-header { border: 2px solid #111 !important; } #filterProductForm .label_offer_params_with_hash { padding-left: 25px !important; position: relative; } #filterProductForm .label_offer_params_with_hash .filter-hash-color { height: 15px; border-radius: 2px; left: 22px; overflow: hidden; position: absolute; width: 15px; } #filterProductForm .pretty input:checked ~ .state.p-primary label::after, #filterProductForm .pretty.p-toggle .state.p-primary label::after { background-color: #fff !important; border-color: #ccc; } #filterProductForm .ui-slider-handle { transition: unset !important; } #filterProductForm .main_title_filter_product { border-bottom: 1px solid #ededed; color: #000; display: block; font-size: 14px; font-weight: 600; line-height: 1; margin: 0 0 5px; padding: 0 0 15px; position: relative; text-transform: uppercase; } #filterProductForm .ui-slider-horizontal { border: 1px solid #111; height: 5px; margin-top: 30px; overflow: visible; } #filterProductForm .ui-widget-header { background: #111 none repeat scroll 0 0; border: 1px solid #111; } #filterProductForm .ui-slider-handle { background: #ff0000 none repeat scroll 0 0; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 3px 0 #999 !important; cursor: pointer; top: -0.5em; width: 18px; } #filterProductForm #sliders_search_price, #filterProductForm .sliders_search_digital { padding: 15px 8px 20px; position: relative; } #filterProductForm .slider_range_price_inputs, #filterProductForm .slider_range_digital_inputs { margin-bottom: 10px; background-color: #fff; } #filterProductForm .slider_range_digital_inputs { margin-bottom: 10px; background-color: #fff; } #filterProductForm .slider_pamas_block { display: flex; left: -4%; position: relative; width: 108%; } #filterProductForm .slider_range_input_left { border-radius: 4px 0 0 4px; border: 1px solid #ccc; float: none; width: 100%; padding-left: 40px; position: relative; border-right: 0px; } #filterProductForm .slider_range_input_left .price_from_text, #filterProductForm .slider_range_input_left .digital_from_text { font-size: 14px; left: 10px; position: absolute; top: 8px; width: 28px; } #filterProductForm .slider_range_input_left input { width: 100%; } #filterProductForm .slider_range_input_left .min-price, #filterProductForm .slider_range_input_left .min-digital { border: 0 solid #ccc; border-radius: 4px; font-size: 14px; font-weight: 400; line-height: 27px; padding: 4px 0 3px; } #filterProductForm .slider_range_input_right { border: 1px solid #ccc; border-radius: 0px 4px 4px 0px; float: none; width: 100%; padding-left: 40px; position: relative; } #filterProductForm .slider_range_input_right .price_to_text, #filterProductForm .slider_range_input_right .digital_to_text { font-size: 14px; left: 10px; position: absolute; right: 0; top: 8px; width: 18px; } #filterProductForm .slider_range_input_right input { width: 100%; } #filterProductForm .slider_range_input_right .max-price, #filterProductForm .slider_range_input_right .max-digital { border: 0 solid #ccc; font-size: 14px; border-radius: 4px; font-weight: 400; line-height: 27px; padding: 4px 0 3px; } #filterProductForm .info-range-price .max, #filterProductForm .info-range-price .min, #filterProductForm .info-range-digital .max, #filterProductForm .info-range-digital .min { font-size: 20px; position: absolute; top: 30px; display: none; } #filterProductForm .pretty { display: block; margin-bottom: 0; margin-right: 0; margin-top: 5px; position: relative; white-space: nowrap; } #filterProductForm .pretty .state label { padding-left: 5px; text-transform: capitalize; } #filterProductForm .ui-multiselect-checkboxes li { font-size: inherit; } #filterProductForm .ui-multiselect-checkboxes label { font-weight: inherit; } #filterProductForm .ui-multiselect-checkboxes label span { padding-left: 5px; } #filterProductForm .ui-multiselect-checkboxes, #filterProductForm .ui-multiselect-menu { height: auto !important; } #filterProductForm .ui-multiselect { border-radius: 2px; padding: 5px 0 5px 10px; text-align: left; } #filterProductForm .ui-multiselect-checkboxes label { border-radius: 2px; } #filterProductForm .nopadding { padding: 0px !important; } #filterProductForm .ui-multiselect span.ui-icon { float: right; margin-right: 2px; margin-top: 2px; top: 50%; } #filterProductForm #sliders_search_price .info-range-price .min, #filterProductForm #sliders_search_price .info-range-price .max, #filterProductForm #sliders_search_price .info-range-digital .min, #filterProductForm #sliders_search_price .info-range-digital .max, #filterProductForm .sliders_search_digital .info-range-price .min, #filterProductForm .sliders_search_digital .info-range-price .max, #filterProductForm .sliders_search_digital .info-range-digital .min, #filterProductForm .sliders_search_digital .info-range-digital .max { position: absolute; top: 23px; } #filterProductForm #sliders_search_price .info-range-price .min, #filterProductForm #sliders_search_price .info-range-digital .min, #filterProductForm .sliders_search_digital .info-range-price .min, #filterProductForm .sliders_search_digital .info-range-digital .min { left: -5px; } #filterProductForm #sliders_search_price .info-range-price .max, #filterProductForm #sliders_search_price .info-range-digital .max, #filterProductForm .sliders_search_digital .info-range-price .max, #filterProductForm .sliders_search_digital .info-range-digital .max { right: -5px; } #filterProductForm .blockIntegerSlider { padding: 15px 8px 35px; position: relative; } #filterProductForm .blockIntegerSlider .info-range-param .min, #filterProductForm .blockIntegerSlider .info-range-param .max { position: absolute; top: 32px; } #filterProductForm .blockIntegerSlider .info-range-param .min { left: -5px; } #filterProductForm .blockIntegerSlider .info-range-param .max { right: -5px; } #filterProductForm .filterbtn { background-color: #2B8BEA; border: 1px solid #2B8BEA; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); color: #fff; display: block; font-size: 14px; font-weight: 600; margin: 15px 0 10px; padding: 5px 30px; text-align: center; width: 100%; } #filterProductForm .select2AgeFilterDiv { padding: 10px 0px; } #filterProductForm .select2AgeFilterDiv .select2-container { width: 100% !important; } #filterProductForm .select2AgeFilterDiv .select2-container--default .select2-selection--single { background-color: white; border: 1px solid #d8d8d8 !important; border-radius: 2px; cursor: text; height: 33px; padding-top: 2px; } #filterProductForm .select2AgeFilterDiv .select2-container--default .select2-selection--single .select2-selection__arrow { top: 3px; } #filterProductForm .select2SearchFilterDiv { padding: 10px 0px; } #filterProductForm .select2SearchFilterDiv .select2-container { width: 100% !important; } #filterProductForm .select2SearchFilterDiv .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #d8d8d8 !important; border-radius: 2px; cursor: text; } #filterProductForm .select2-search__field { width: auto !important; } #filterProductForm .check_label { font-size: 13px; line-height: 22px; color: #666; } #filterProductForm .ch_outer { display: flex; } #filterProductForm .pretty .state label:before, #filterProductForm .pretty .state label:after { top: 4px; } #filterProductForm .pretty .state label:before, #filterProductForm .pretty .state label:after { top: 4px; } #filterProductForm .pretty.p-svg .state .svg { top: 4px; } #filterProductForm .pretty.p-svg .state .svg { top: 4px; } #filterProductForm .el-slider__bar { background-color: #000; } #filterProductForm .el-slider__button { border: 2px solid #000; } #filterProductForm .select2-container .select2-selection--multiple .select2-selection__rendered { white-space: normal; } #filterProductForm .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; font-size: 13px; line-height: 16px; margin-right: 5px; margin-top: 5px; padding: 4px; } #show_filter_product_modal #filterProductForm { border: 0 solid #ebebeb; border-radius: 3px; box-shadow: none; margin-bottom: 30px; padding: 0; } #show_filter_product_modal .main_title_filter_product { display: none; } #show_filter_product_modal .close_p_filter { cursor: pointer; position: absolute; right: 16px; top: 18px; } .show_modal_filter { border: 1px solid #e0e0e0; border-radius: 3px; cursor: pointer; margin: 15px 0 0; padding: 5px 8px 10px 5px; } .show_modal_filter i { vertical-align: -4px; } .filterProductFormOuter { position: relative; padding-bottom: 30px; } .filterProductFormOuter .affix { position: fixed !important; } .filterProductFormOuter .affix-bottom { position: absolute; } .filterProductFormOuter .res_filter { border-radius: 2px; bottom: 0; color: #fff; display: block; font-size: 13px; height: 34px; line-height: 35px; overflow: hidden; right: auto; text-align: center; z-index: 20; /* width: 0; */ } .filterProductFormOuter .res_filter .res_filter_inner { padding: 0 26px 0 10px; position: relative; } .filterProductFormOuter .res_filter.hidden { display: none !important; } .filterProductFormOuter .res_filter .str_f { font-size: 14px; line-height: 35px; color: #fff; font-weight: 400; } .filterProductFormOuter .reset_filter { border-left: 0 solid #c99700; cursor: pointer; font-size: 12px; line-height: 38px !important; padding-left: 10px; padding-right: 10px; position: absolute !important; right: 0; top: -2px; } .filterProductFormOuter .main_filter_param_mane .adlable { font-style: normal; font-weight: bold; line-height: 18px; margin-bottom: 0px; color: var(--color-black); font-size: 14px; } .dropdown_fc_more .pretty .state label::before, .dropdown_fc_more .pretty .state label::after { left: 1px; top: -1px; } .IS_MOBILE_FILTER .btn_show_filter { border: 1px solid #ccc; border-radius: 3px; cursor: pointer; font-size: 14px; padding: 9px 15px 7px; text-align: center; } .IS_MOBILE_FILTER .outer_mobile_filter { background-color: #fff; height: 100%; left: 0; max-width: 420px; position: fixed; top: 0; width: calc(100% - 50px); z-index: 999999; } .IS_MOBILE_FILTER .outer_mobile_filter_content { border: 1px solid #eee; height: 100%; overflow: scroll; width: 100%; background: #fff; } .IS_MOBILE_FILTER .close_m_filter { align-items: center; background-color: #2B8BEA; color: #fff; cursor: pointer; display: flex; height: 50px; justify-content: center; left: 100%; position: absolute; right: auto; top: 0; width: 50px; z-index: 1601; border-radius: 6px; } .IS_MOBILE_FILTER .close_m_filter span { color: #fff; } .IS_MOBILE_FILTER #filterProductForm { background-color: #fff; } .IS_MOBILE_FILTER .grey_filter { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: -1; } .IS_MOBILE_FILTER .result_mobile_filter { align-items: center; background-color: var(--color-primary); bottom: 12px; display: flex; height: 44px; justify-content: center; left: 0; position: absolute; top: auto; width: calc(100% - 26px); z-index: 1602; color: #fff; margin: 0px 13px; border-radius: var(--main-radius); } .MAIN_FC_DROP { position: relative; } #filterProductForm .dropdown_fc_more { z-index: 110; left: 0px; top: 100%; margin-top: 10px; } .FILTER_PRODUCT .desctop_filter_result_inner { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0px 30px; } .FILTER_PRODUCT .desctop_filter_result_inner .el-loading-mask { background-color: rgba(255, 255, 255, 0.3); } .FILTER_PRODUCT .desctop_filter_result_inner .dfr_close { position: absolute; font-size: 22px; top: 0; color: #fff; right: 1px; padding: 6px 8px; cursor: pointer; } .FILTER_PRODUCT .desctop_filter_result { background: var(--color-primary); color: var(--color-primary-text); display: flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; height: 40px; border-radius: var(--main-radius); font-size: 14px; max-width: 294px; position: -webkit-sticky; position: sticky; bottom: 15px; z-index: 100; } .FILTER_PRODUCT .desctop_filter_result .num_count_fr_items { font-size: 17px; padding: 0px 5px; } #filterProductForm .dropdown_fc_more .pretty { display: block; margin-bottom: 12px; margin-top: 8px; } #filterProductForm .dropdown_fc_more .pretty label { font-size: 12px; } #filterProductForm .set_option_as_important { text-indent: 0px; color: green; display: inline-flex; font-weight: 600; font-size: 10px; position: relative; z-index: 10; margin-left: 2px; cursor: pointer; } #filterProductForm .ch_outer.is_checked { display: flex; } #filterProductForm .ch_outer.is_checked .check_label:before { background: var(--color-primary); border: 0px; } #filterProductForm .el_checkbox_filter .el-checkbox__label { padding-left: 4px; font-size: 12px; color: #666; font-weight: 400; } .IS_MOBILE_FILTER .outer_mobile_filter .catalog-page-left-col { padding: 20px 0 0px 0px !important; border-left: 0px; } .IS_MOBILE_FILTER .outer_mobile_filter .outer_mobile_filter_content { border: 0px solid #eee; } .IS_MOBILE_FILTER .outer_mobile_filter #filterProductForm { padding: 20px 18px 57px 18px; } .IS_MOBILE_FILTER .outer_mobile_filter .el-slider__marks .el-slider__marks-text:nth-child(1) { left: -5px !important; transform: unset !important; } .IS_MOBILE_FILTER .outer_mobile_filter .el-slider__marks .el-slider__marks-text:nth-child(2) { right: -5px !important; left: auto !important; transform: unset !important; } .IS_MOBILE_FILTER .outer_mobile_filter #filterProductForm .flex_modal { display: flex; flex-direction: column; } .IS_MOBILE_FILTER .outer_mobile_filter #filterProductForm .dropdown_fc_more { z-index: 1900; } .IS_MOBILE_FILTER .outer_mobile_filter .filterProductFormOuter { padding-bottom: 0px; } .IS_MOBILE_FILTER .outer_mobile_filter .main_filter_param_mane .adlable { font-weight: 300 !important; margin-bottom: 2px !important; margin-top: 8px; } #update_cart_form .title { display: table; font-size: 13px; font-weight: 600; line-height: 18px !important; } .body_cart_prev .img_content { height: 70px; width: 70px; } .blockcart .body_cart_prev { padding: 0 15px; } .blockcart .body_cart_prev ul li .img_content { margin: 0 15px 0 0; } .blockcart .body_cart_prev ul li { padding: 15px 0; } .blockcart .body_cart_prev ul li .right_block .product-price { margin: 5px 0 0; } .blockcart .body_cart_prev .price_content .price_inline .label { font-size: 14px; } .blockcart .body_cart_prev .price_content .price_inline .value { font-size: 14px; } .blockcart .body_cart_prev .price_content .price_inline { line-height: 22px; } .blockcart .body_cart_prev .checkout a { font-size: 12px !important; padding: 8px 9px !important; } .body_cart_prev .cart_prev_cart_btn { background-color: #2F333A !important; } .body_cart_prev .cart_prev_cart_btn:hover { opacity: 0.7; } .body_cart_prev .cart_prev_checkout_btn { background-color: #2B8BEA !important; } .body_cart_prev .cart_prev_checkout_btn:hover { opacity: 0.7; } .table_cart_items td { vertical-align: middle !important; } .table_cart_items .text-center { text-align: center !important; } .table_cart_items .price, .table_cart_items .subtotal { white-space: nowrap; } .table_cart_items .Qty .QTY_CONTROLL { display: inline-flex; } .table_cart_items .Qty .QTY_INPUT { border: 1px solid #ddd; margin: 0 5px; padding: 8px 0; text-align: center; width: 50px; } .table_cart_items .Qty .MINUS { font-size: 20px; line-height: 33px; cursor: pointer; } .table_cart_items .Qty .PLUS { font-size: 18px; line-height: 35px; cursor: pointer; } .payment-methods input.payment_method { margin-left: 0px !important; } .payment-methods .inener_payment_params { padding: 15px 0px; } .payment-methods .inener_payment_params .form-control { margin-left: 0px !important; } .payment-methods .inener_payment_params label { display: inline-block; margin-bottom: 10px !important; } .breadcrumb_checkout { margin: 30px 0px !important; } .table_cart_items th { border-top: 0 solid #f6f6f6 !important; } .blockcart .header a { background: rgba(0, 0, 0, 0) url("/frontend/extimages/cart_black.png") no-repeat scroll 0 50%; display: block; font-size: 14px; font-weight: 400; height: 48px; line-height: 20px; padding: 5px 0 0 50px; position: relative; text-transform: capitalize; transition: none 0s ease 0s; } .blockcart .header a .item_count { background: #2B8BEA none repeat scroll 0 0; border-radius: 100%; color: #fff; height: 23px; left: 18px; line-height: 25px; position: absolute; text-align: center; top: 3px; width: 23px; } .authdropdown { width: auto; } .authdropdown li a { white-space: nowrap; padding: 0 15px !important; } .main_block_AuthMenu-v_auth .title_auth_drop i { color: #333; font-size: 18px; margin-right: 8px; padding-bottom: 0; position: relative; top: 1px; } .modal_show_auth_cms_2 label { margin-bottom: 5px; } .modal_show_auth_cms_2 .errror_helper { color: #c40202; display: block; font-size: 12px; line-height: 16px; margin-top: 0 !important; } .modal_show_auth_cms_2 .message_auth { background-color: transparent; border-radius: 4px; color: var(--color-grey3); padding-left: 15px; padding: 5px 0 0px 0px; margin-top: -18px; margin-bottom: 10px; display: flex; align-items: center; flex-wrap: wrap; line-height: 140%; } .modal_show_auth_cms_2 .message_auth .mai { color: #fb0000; padding-right: 7px; font-size: 15px; } .modal_show_auth_cms_2 .btn_auth_modal2, .modal_show_auth_cms_2 .btn_reg_modal2 { background-color: #2B8BEA; border-radius: 2px; color: #fff; display: inline-block; font-size: 16px; margin: 20px 0 0; padding: 10px 25px; text-align: center; width: 100%; } .modal_show_auth_cms_2 .btn_auth_modal2:hover, .modal_show_auth_cms_2 .btn_reg_modal2:hover { opacity: 0.8; } .modal_show_auth_cms_2 .tabs_auth_reg { border-bottom: 0 solid #ddd; } .modal_show_auth_cms_2 .tabs_auth_reg li { display: inline-block; } .modal_show_auth_cms_2 .tabs_auth_reg li a { border-bottom: 2px solid transparent; color: #777; font-size: 16px; padding: 2px 5px; } .modal_show_auth_cms_2 .tabs_auth_reg li.active a, .modal_show_auth_cms_2 .tabs_auth_reg li a.active { border-bottom: 2px solid #2f333a; } .modal_show_auth_cms_2 .tab-content { padding: 28px 0 10px; } .modal_show_auth_cms_2 .form-control { background: #fff none repeat scroll 0 0 !important; } .modal_show_auth_cms_2 .authErr { margin: 10px 0; padding: 0; } .modal_show_auth_cms_2 .form-group.has-error input, .modal_show_auth_cms_2 .form-group.has-error select { outline: none; } .modal_show_auth_cms_2 .form-group.has-error .help-block { color: #d52222; display: inline; font-size: 12px; } .modal_show_auth_cms_2 .form-control { padding: 7px 5px; margin-bottom: 5px; } .modal_show_auth_cms_2 .form-group { margin-bottom: 10px; } .modal_show_auth_cms_2 .alert-success { margin-bottom: 10px; padding: 5px 10px; } .modal_show_auth_cms_2 .modal-sm { max-width: 300px !important; } .reg_social_btn { /* .nus-google { background-image: url("img/social-icons2.png"); background-position: -40px -84px; background-size: 354px auto; } .nus-facebook { background-image: url("img/social-icons2.png"); background-position: -41px -49px; background-size: 354px auto; } .nus-vk { background-image: url("img/social-icons2.png"); background-position: -111px -49px; background-size: 354px auto; } .nus-twitter { background-image: url("img/social-icons2.png"); background-position: -182px -49px; background-size: 354px auto; } .nus-ok { background-image: url("img/social-icons2.png"); background-position: -167px -56px; } .instagramsoc { background-image: url("img/icon-ins2.jpg"); background-position: 0 0; background-size: cover !important; } */ } .reg_social_btn p { color: #333; } .reg_social_btn .nus-icon { display: inline-block; height: 26px; vertical-align: middle; width: 26px; margin-right: 4px; } .viewed-products-left-col .input-group-btn-vertical { display: none; } .viewed-products-left-col .offers_mini_container { text-align: left; } .viewed-products-left-col .price_name_pre { display: none; } .viewed-products-left-col .offers_mini_container .new_price { font-size: 16px; line-height: 24px; } .viewed-products-left-col .old_price { font-size: 14px; } .product_content_grid_owl .owl-nav { position: absolute; text-align: center; top: -59px; right: 0px; width: 47px; } .product_content_grid_owl .owl-nav .owl-prev { float: left; } .product_content_grid_owl .owl-nav .owl-next { float: right; } .product_content_grid_owl .catalog-product-wrap { height: auto; position: relative; } .product_content_grid_owl .catalog-product-wrap .catalog-product-item { position: relative; } .product_content_grid_owl .catalog-product-wrap .catalog-product-item { padding-bottom: 20px; } .product_content_grid_owl .catalog-product-hover-block { display: block; margin-bottom: 0px; margin-top: 15px; } @media (min-width: 1367px) { .product_content.grid > div:nth-child(5n+1) { clear: left; } } @media (min-width: 576px) and (max-width: 1366px) { .product_content.grid > div:nth-child(2n+1) { clear: left; } } .site-catalog-product-listv .catalog-product-photo-listv-outer { padding: 0px; } .site-catalog-product-listv .catalog-product-photo-listv-outer .catalog-product-listv-photo { padding: 0px 10px; height: 70px; position: relative; overflow: hidden; width: 100%; } .site-catalog-product-listv .catalog-product-photo-listv-outer .catalog-product-listv-photo img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .site-catalog-product-listv .PRODUCT-AVAILABILITY { margin-right: 20px; } .product_content.grid .item-product { overflow: visible; margin-bottom: 0 !important; padding: 0px !important; } .product_content.grid .blokc_min_height { transition: all 0.5s ease 0.1s; } .product_content.grid .paddingff { padding: 0px !important; } .product_content.grid .mbototm25 { margin-bottom: 25px; } .product_content.grid .hook-reviews .nb-comments { display: block !important; color: #999; } .product_content.grid .comments_note { display: flex; } .product_content.grid .inner_item-product { padding: 0 15px; } .product_content.grid .item-product { width: 100% !important; } .product_content.grid .item-product.allowhover:hover, .product_content.grid .item-product.allowhover.hover { position: relative; overflow: visible !important; } .product_content.grid .item-product.allowhover:hover .inner_item-product, .product_content.grid .item-product.allowhover.hover .inner_item-product { z-index: 50; overflow: visible; box-shadow: 0 0 12px 1px rgba(100, 100, 100, 0.2); } .product_content.grid .item-product.allowhover:hover .blokc_min_height, .product_content.grid .item-product.allowhover.hover .blokc_min_height { height: auto !important; max-height: 500px; } .product_content.grid .add_to_cart { border: 0px solid #ebebeb; color: #333 !important; background-color: #fff !important; } .product_content.grid .add_to_cart .ajax_add_to_cart_button { border: 0px solid #ebebeb; background-color: #fff !important; color: #333 !important; } .product_content.list .offers_mini_container .blokc_min_height { max-height: 500px; overflow: hidden; } .product_content.list .offers-block { display: flex !important; } .product_content.list .offers-block .row { margin-left: -15px !important; margin-right: -15px !important; } .product_content.list .offers-block .col-md-12 { margin-top: 10px; width: auto !important; } .product_content.list .offers-block .actions { margin-top: 0 !important; } .product_content.list .offers-block .actions .add-to-links { margin-top: 0 !important; padding-top: 0px !important; } .product_content.list .offers-block .actions .add-to-links li { height: 35px !important; line-height: 35px !important; width: 35px !important; } .product_content.list .offers-block .actions .add-to-links li a::before { line-height: 35px !important; } .product_content.list .offers-block .actions .add-to-links li.cart { border: 0 solid #ebebeb !important; height: 35px !important; line-height: 35px !important; width: 120px !important; } .product_content.list .offers-block .actions .add-to-links li.cart .add_to_cart { height: 35px; line-height: 35px; margin-top: 0; } .product_content.list .offers-block .add_to_cart .ajax_add_to_cart_button { display: none !important; } @media (min-width: 1367px) { .col-lg-20 { width: 20% !important; } } /* .listcateSlide { .item-product{ height: auto !important; } } */ .FEEDBACK_FORM_OUTER label { font-weight: 600; font-size: 14px; color: #000; } .FEEDBACK_FORM_OUTER .btn_feedback_main { border: 0px; color: #ffffff; background: var(--color-primary); height: 44px; padding: 0px 40px; border-radius: var(--main-radius); align-items: center; display: inline-flex; font-weight: 600; margin-top: 0px; margin-left: 0px; font-size: 16px; } .FEEDBACK_FORM_OUTER .btn_feedback_main:hover { opacity: 0.8; } .FEEDBACK_FORM_OUTER .helper_error { color: #c50101; } #itc-widget-wrapper { height: 100%; left: 0; overflow: initial; position: fixed; top: 0; width: 100%; z-index: 9999999; } #itc-widget-wrapper > * { opacity: 0; transition: opacity 0.8s ease 0s; } #itc-widget-underlay { cursor: pointer; display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 10000000; } #itc-widget-popup-wrapper { background: #ffffff none repeat scroll 0 0; border: 0 none; border-radius: 20px; box-shadow: 0 0 12px #cecece; box-sizing: content-box; display: block; font-size: 21px; font-weight: 100; height: 390px; left: 50%; line-height: normal; margin: -165px 0 0 -495px; outline: 0 none; padding: 0; position: fixed; text-align: left; text-shadow: none !important; top: 50%; vertical-align: baseline; width: 980px; z-index: 10000001; } #itc-widget-popup-wrapper * { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; border-radius: 0; box-shadow: none; clear: none; color: #000; float: none; font-size: 100%; font-style: inherit; font-weight: inherit; height: auto; line-height: normal; margin: 0; outline: medium none; overflow: visible; padding: 0; position: static; text-shadow: none; transition: none 0s ease 0s; width: auto; z-index: 10000002; } #itc-widget-popup-wrapper div { display: block; } #itc-widget-close { cursor: pointer; height: 30px; position: absolute; right: 20px; top: 15px; width: 135px; z-index: 10000093; } #itc-widget-content { position: relative; z-index: 10000002; } #itc-widget-title { color: #474747; letter-spacing: 0.1px; } #itc-widget-form > * { background: #fff none repeat scroll 0 0; border: 1px solid #6A99EE; border-radius: 5px; box-sizing: border-box; color: #404040; float: left; font-size: 16px; height: 38px; margin-right: 5px; padding: 0 5px; } #itc-widget-phone { cursor: text; } #itc-widget-phone.focused { box-shadow: 0 0 11px -2px #1977a3; outline: 5px auto #6A99EE; outline-offset: -2px; } #itc-widget-phone > * { clear: none; float: left; height: 100%; line-height: 36px; } #itc-widget-phone-input { border: medium none !important; outline: medium none; padding: 0 !important; } #itc-widget-submit { background: #fecc00 none repeat scroll 0 0; color: #fff; cursor: pointer; height: auto; max-width: 135px; min-height: 38px; padding: 0 10px; text-transform: uppercase; } #itc-widget-submit:hover { opacity: 0.85; } #itc-widget-timer { letter-spacing: -1px; min-height: 79px; } #itc-widget-timer > span { color: #ff0000; font-size: 20px; font-weight: 300; } #itc-widget-time { letter-spacing: -3px; } #itc-widget-footer { border-top: 1px solid #dbdbdb; bottom: 0; height: 40px; left: 0; position: absolute; text-align: right; width: 100%; } #itc-widget-footer a { color: #000; display: inline-block; font-size: 14px; margin: 10px 30px 0 0; text-decoration: none; } #itc-widget-callme-result { clear: both; display: block; margin: 5px 11px 10px 10px; } #itc-widget-wrapper .with-error { -webkit-animation: 0.8s ease 0s normal none 3 running show-error; animation: 0.8s ease 0s normal none 3 running show-error; } #itc-widget-phone { width: 288px; } #itc-widget-phone-input { width: 233px; } #itc-widget-content { margin: 90px 0 0 310px; } #itc-widget-title { font-size: 25px; margin: 0 -5px 32px; width: 550px; } #itc-widget-title > b { font-size: 28px; font-weight: 300; } #itc-widget-image { bottom: 0; left: -310px; padding: 10% 0 0 10%; position: absolute; } .title_cat_main { color: #555; font-size: 16px; padding-top: 12px; } #itc-widget-image > img { display: inline-block; max-height: 280px; position: relative; vertical-align: bottom; width: 200px; } #itc-widget-arrow { height: 70px; left: -39px; position: absolute; top: 55px; width: 37px; } #itc-widget-form { float: left; margin-bottom: 5px; } #itc-widget-timer { color: #606060; float: left; margin: -13px 0 0 20px; } #itc-widget-timer-caption { font-size: 13px; margin: 0 0 -1px; } #itc-widget-time { font-size: 36px; } #itc-widget-description { background: #e0e0e0 none repeat scroll 0 0; border-radius: 4px; color: #606060; display: inline-block !important; font-size: 16px; margin: 0 0 15px -10px; padding: 3px 10px; vertical-align: bottom; } .ITC-phone { -webkit-animation: 2.25s ease 0s normal none infinite running bounce !important; animation: 2.25s ease 0s normal none infinite running bounce !important; cursor: pointer !important; float: none !important; margin: -100px 0 0 -100px; min-width: initial; opacity: 0.8 !important; transition: all 0.25s ease 0s !important; z-index: 10000 !important; } .ITC-phone div { box-sizing: content-box; min-width: inherit; transform-origin: initial !important; } #roket-roket-phone-circle-one { -webkit-animation: 1.9s ease-in-out 0s normal none infinite running roket-roket-circle-anim !important; animation: 1.9s ease-in-out 0s normal none infinite running roket-roket-circle-anim !important; background-color: transparent !important; border: 1px solid #fecc00 !important; border-radius: 50% !important; display: block !important; float: none !important; height: 150px !important; left: 25px !important; opacity: 1 !important; position: absolute !important; top: 25px !important; transition: all 0.5s ease 0s !important; width: 150px !important; } #roket-roket-phone-circle-two { -webkit-animation: 1.2s ease-in-out 0s normal none infinite running roket-roket-circle-anim !important; animation: 1.2s ease-in-out 0s normal none infinite running roket-roket-circle-anim !important; background-color: #fecc00 !important; border: 2px solid transparent !important; border-radius: 50% !important; display: block !important; float: none !important; height: 100px !important; left: 48px !important; opacity: 0.5 !important; position: absolute !important; top: 48px !important; transition: all 0.5s ease 0s !important; width: 100px !important; } #roket-roket-phone-circle-logo { background: url(/frontend/images/itc_button_circle.png?283af276082f69909315c8257ce147bd) no-repeat scroll 50% 50%, #fecc00 none repeat scroll 0 0 !important; border-radius: 50% !important; display: block !important; float: none !important; height: 75px !important; left: 62.5px !important; position: absolute !important; top: 62.5px !important; width: 75px !important; } #roket-roket-phone-circle-logo:hover { cursor: pointer; background-image: url(/frontend/images/itc_button_circle_text.png?361ba6b8294bfa65ebefa413a9961eb5) !important; } @-webkit-keyframes roket-roket-circle-anim { 30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(0deg); } 100% { opacity: 0.6; transform: rotate(0deg) scale(1) skew(0deg); } } @keyframes roket-roket-circle-anim { 30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(0deg); } 100% { opacity: 0.6; transform: rotate(0deg) scale(1) skew(0deg); } } @keyframes roket-roket-circle-anim { 30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(0deg); } 100% { opacity: 0.1; transform: rotate(0deg) scale(1) skew(0deg); } } @-webkit-keyframes roket-roket-fill-anim { 50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(0deg); } 100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(0deg); } } @keyframes roket-roket-fill-anim { 50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(0deg); } 100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(0deg); } } @keyframes roket-roket-fill-anim { 50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(0deg); } 100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(0deg); } } @-webkit-keyframes bounce { 50% { margin-bottom: 15px; margin-top: -115px; } } @keyframes bounce { 50% { margin-bottom: 15px; margin-top: -115px; } } @media screen and (max-width: 1024px) { #itc-widget-popup-wrapper { margin: -165px 0 0 -340px; width: 680px; } #itc-widget-image { display: none !important; } #itc-widget-content { margin: 60px 0 0 !important; text-align: center; } #itc-widget-title { margin: 0 auto !important; text-align: center; } #itc-widget-arrow { left: 155px !important; top: 35px !important; } #itc-widget-form { padding: 0; text-align: center; width: 100%; } #itc-widget-phone { float: none; margin: 15px auto 0; width: 288px; } #itc-widget-submit { float: none; margin: 15px auto 0; max-width: 170px; } #itc-widget-timer { margin: 0 !important; text-align: center; width: 100%; } #itc-widget-description { margin: 0 !important; text-align: center; } #itc-widget-city { float: none; margin-top: 15px; width: 200px; } #itc-widget-popup-wrapper.multi { height: 450px; } #itc-widget-timer.night { margin-top: 80px !important; } #itc-widget-timer.night.multi { margin-top: 150px !important; } #itc-widget-form.night { width: 280px !important; } #header_logo, #header_logo img { width: 100%; } .phone-logo-list { margin-top: 20px; } .phone-logo-list li { display: block !important; } .inline_header_ul li { line-height: 31px; } #search { margin-bottom: 20px; } } @media screen and (max-width: 700px) { #itc-widget-popup-wrapper { margin: -165px 0 0 -230px; width: 460px; } #itc-widget-title { width: 460px !important; } #itc-widget-arrow { left: 40px !important; } } @media screen and (max-width: 480px) { #itc-widget-popup-wrapper { height: 450px; margin: -165px 0 0 -150px; width: 300px; } #itc-widget-title { width: 280px !important; } #itc-widget-arrow { display: none; } #itc-widget-popup-wrapper.multi { height: 490px; } #itc-widget-title.night { height: 130px !important; } #itc-widget-title > b.night { width: 100%; } #itc-widget-title > strong.night { margin-left: 55px; } } .search_cms_outer { position: relative; padding: 10px 0; } .search_cms_outer .sdb_empty { padding: 0px 15px; color: #000; } .search_cms_outer .center_sdb { width: 100%; } .search_cms_outer .dsb_price_block { display: flex; padding: 0px 5px 0; color: #000; min-width: 115px; justify-content: flex-end; } .search_cms_outer .dsb_price_block .value_b { font-size: 13px; white-space: nowrap; font-weight: 600; } .search_cms_outer .dsb_price_block .pref_b { font-size: 10px; font-weight: 600; white-space: nowrap; padding-left: 6px; } .search_cms_outer .dropdownSearchBlock { background-color: #fff; border: 1px solid #eee; border-radius: var(--main-radius); box-shadow: 0 0 16px #d2d2d2; left: 0; padding: 10px; position: absolute; top: 100%; display: none; width: calc(100% + 200px); left: -100px; z-index: 4000; } .search_cms_outer .dropdownSearchBlock.active { display: block; } .search_cms_outer .dropdownSearchBlock .product_dsb { display: flex; } .search_cms_outer .dropdownSearchBlock .sdb_name { padding-top: 5px; font-size: 14px; } .search_cms_outer .dropdownSearchBlock .sdb_description { font-size: 12px; color: var(--color-grey3); line-height: 15px; margin: 5px 0px; font-weight: 300; } .search_cms_outer .dropdownSearchBlock .sdb_name-link { color: #000 !important; font-weight: 600; } .search_cms_outer .dropdownSearchBlock .image_sdb { padding: 8px 15px 6px 5px; } .search_cms_outer .dropdownSearchBlock .image_sdb .inner_image_sdb { height: 62px; overflow: hidden; padding: 0; position: relative; width: 60px; } .search_cms_outer .dropdownSearchBlock .image_sdb .inner_image_sdb img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; } .search_cms_outer #searchbox { position: relative; } .search_cms_outer #searchbox .pos_search { display: none; } .search_cms_outer .category_result { flex-direction: column; text-align: left; display: flex; justify-content: start; padding: 10px; } .search_cms_outer .category_result .title_cr { font-size: 14px; line-height: 18px; display: flex; align-items: center; color: var(--color-grey3); margin: 0px 0px 10px 0px; } .search_cms_outer .category_result .list_s_cats { margin: 0px; padding: 0px; } .search_cms_outer .category_result .list_s_cats li { list-style: none; padding: 0px; } .search_cms_outer .category_result .link_cat { display: flex; align-items: center; padding: 5px 0px; } .search_cms_outer .category_result .link_cat .icon_style { line-height: 100%; font-size: 16px; margin-right: 8px; } .search_cms_outer .category_result .link_cat .icon_style i { line-height: 16px; font-size: 16px; display: flex; align-items: center; } .search_cms_outer .category_result .link_cat .icon_style i:before { line-height: 100%; font-size: 22px; } .search_cms_outer .popular_terms { padding: 10px; } .search_cms_outer .baner_search_col { padding: 10px 10px; } .search_cms_outer .products_result { flex-direction: column; text-align: left; display: flex; justify-content: start; padding: 5px 0px 5px 5px; position: relative; } .search_cms_outer .products_result .title_pr { font-size: 14px; line-height: 18px; display: flex; align-items: center; color: var(--color-grey3); margin: 0px 0px 10px 0px; } .search_cms_outer .flex-right { display: flex; margin-top: 5px; justify-content: right; } .search_cms_outer .list_prod_scroll { max-height: 600px; overflow: hidden; overflow-y: auto; padding-right: 15px; } .search_cms_outer .popular_terms .title_cr { margin-bottom: 10px; } .search_cms_outer .popular_terms ul { padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; } .search_cms_outer .popular_terms ul li { list-style: none; } .search_cms_outer .popular_terms ul li .link_p_href { background: #F4F4F5; border: 1px solid #D3D4D8; border-radius: 2px; margin: 5px 5px 5px 0px; font-weight: 600; padding: 5px 10px; font-size: 12px; line-height: 140%; display: flex; color: #000; cursor: pointer; } .search_cms_outer .popular_terms ul li .link_p_href:hover { opacity: 0.8; } .mobile_search .dropdownSearchBlock { min-width: 100% !important; } .mobile_search .dropdownSearchBlock .sdb_name-link { margin-bottom: 0px !important; padding-top: 10px !important; } .mobile_search .list_prod_scroll { max-height: 500px; } @media (max-width: 768px) { .mobile_search .list_prod_scroll { max-height: unset; height: calc(100vh - 140px); height: calc(var(--vh, 1vh)* 100 - 140px) !important; } } .drawer_search .el-drawer__body { overflow: hidden; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .catalog-product-hover-block { display: block; margin: 0px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .OUTER_QTY { display: flex; margin-bottom: 20px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .input-group-btn-vertical { margin-left: 20px; display: flex; align-items: center; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .input-group-btn-vertical > span { margin: 0px 2px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .product-hover-compare-products { opacity: 1; visibility: visible; color: #777; position: unset; padding: 8px; border-radius: 50%; display: inline-block; height: 38px; text-align: center; vertical-align: middle; width: 38px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .product-hover-compare-products i { font-size: 16px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .product-hover-compare-products.active { color: #fff; background-color: #2B8BEA; border-radius: 50%; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .product-hover-wishlist { opacity: 1; visibility: visible; color: #777; position: unset; padding: 8px; border-radius: 50%; display: inline-block; height: 38px; text-align: center; vertical-align: middle; width: 38px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .product-hover-wishlist i { font-size: 16px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .product-hover-wishlist.active { color: #fff; background-color: #2B8BEA; border-radius: 50%; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .our_price_display { margin: 15px 0 30px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .our_price_display > .price { display: flex; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .new_price { margin: 0; font-size: 25px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .old_price { font-size: 19px; padding: 0 12px; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .catalog-product-add-cart { clear: both; display: flex !important; margin-top: 0 !important; padding: 0; text-align: left; width: auto; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .number-input__input { min-height: 47px !important; width: 9rem !important; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .catalog-product-add-cart .catalog-product-cart-add-btn a { border-radius: 4px; color: #fff; font-size: 16px; margin-left: 10px; padding: 10px 30px; display: block; } .PRODUCT_DETAIL_OUTER .MAIN_OFFER_BLOCK .catalog-product-add-cart .catalog-product-cart-add-btn a:hover { opacity: 0.7; } .PRODUCT_DETAIL_OUTER_QV .catalog-product-add-cart .catalog-product-cart-add-btn a { padding: 10px 7px !important; } .site-product-block { margin-bottom: 0px; } .site-product-block .btn-vertical-tools { opacity: 0; height: 1px; display: block; overflow: hidden; } .site-product-block .product-cart-info-block-price { color: #999999; font-size: 13px; margin: 10px 0; } .site-product-block .accessories-bottom-block .accessories-bottom-title { font-size: 24px; margin: 30px 0 20px; } .site-product-block .accessories-bottom-block .owl-item { padding-bottom: 70px; } .site-product-block .accessories-bottom-block .owl-nav { color: #8f8f8f; font-size: 50px; } .site-product-block .accessories-bottom-block .owl-nav .owl-prev { left: -25px; margin-top: -102px; position: absolute; top: 50%; } .site-product-block .accessories-bottom-block .owl-nav .owl-next { margin-top: -102px; position: absolute; right: -25px; top: 50%; } .site-product-block .accessories-bottom-block .owl-nav .owl-prev.disabled, .site-product-block .accessories-bottom-block .owl-nav .owl-next.disabled { opacity: 0.3; } .site-product-block .params_list_product_detail_important { /* li{ padding-left:15px; position:relative; &:before { background: $color_yellow_dark none repeat scroll 0 0; border: 0px solid #101010; border-radius: 50%; content: ""; height: 6px; left: 0; position: absolute; top: calc(50% - 2px); width: 6px; } } */ } .site-product-block .params_list_product_detail_important li { line-height: 22px; } .site-product-block #product_comments_block_extra { margin-bottom: 10px; } .site-product-block .params_list_product_detail_important ul { margin: 0px 0px 15px 0; padding: 0px; } .site-product-block .params_list_product_detail_important ul li { list-style: none; } .site-product-block .params_list_product_detail_important .param_name, .site-product-block .params_list_product_detail_important .param_name_del { font-size: 14px; font-weight: 500; } .site-product-block .params_list_product_detail_important .param_val { font-size: 14px; color: #9b9b9b; } .site-product-block #product_comments_block_extra .comments_advices { display: inline-block; margin: 0; vertical-align: top; padding: 0px; } .site-product-block #product_comments_block_extra .comments_note { display: inline-block; padding-right: 10px; } .site-product-block #product_comments_block_extra .star_content { color: #333; line-height: 31px; } .site-product-block #product_comments_block_extra .comments_advices { display: inline-block; vertical-align: top; margin: 0; } .site-product-block #product_comments_block_extra .comments_advices li { display: inline-block; line-height: 21px; } @media (min-width: 768px) and (max-width: 991px) { .site-product-block #product_comments_block_extra .comments_advices li { display: block; line-height: 20px; } } .site-product-block #product_comments_block_extra .comments_advices a { text-decoration: none; color: #919191 !important; position: relative; margin-right: 8px; line-height: 21px; padding: 0; font-size: 12px; margin-bottom: 10px; cursor: pointer; display: inline-block; } @media (min-width: 768px) and (max-width: 991px) { .site-product-block #product_comments_block_extra .comments_advices a { float: none; line-height: 20px; } } .site-product-block #product_comments_block_extra .comments_advices a:before { display: inline-block; font-family: "FontAwesome"; font-size: 15px; font-weight: 400; line-height: 1; margin-right: 6px; } .site-product-block #product_comments_block_extra .comments_advices a.reviews:before { content: "\F0E5"; } .site-product-block #product_comments_block_extra .comments_advices a.open-comment-form:before { content: "\F040"; } .site-product-block #product_comments_block_extra .comments_advices a.reviews { margin-right: 9px; } @media (min-width: 768px) and (max-width: 991px) { .site-product-block #product_comments_block_extra .comments_advices a.reviews { margin-right: 0; padding: 0; border: none; } } .site-product-block .slider-product-img .thumbs-slider-product { display: block; margin: 0 auto; width: auto; } .site-product-block .owl-slider-product { margin-bottom: 30px; } .site-product-block .owl-slider-product .owl-dots { display: none; } .site-product-block .owl-slider-product .owl-prev.disabled, .site-product-block .owl-slider-product .owl-next.disabled { opacity: 0.2; } .site-product-block .owl-slider-product-button .owl-item { overflow: hidden; } .site-product-block .owl-slider-product-button .owl-thumb-outer { border: 2px solid transparent; } .site-product-block .owl-slider-product-button .borderred .owl-thumb-outer { border: 2px solid #f50d08; } .site-product-block .owl-thumb-outer { padding: 5px; text-align: center; } .site-product-block .owl-thumb-outer .owl-thumb-product-item { height: 75px; overflow: hidden; padding: 0 0px; position: relative; width: 100%; display: inline-block; } .site-product-block .owl-thumb-outer .owl-thumb-product-item img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .site-product-block .outer_product_image { padding: 10px 50px; text-align: center; } .site-product-block .outer_product_image .product-slide-big-image { height: 400px; overflow: hidden; padding: 0 0px; position: relative; width: 100%; display: inline-block; } .site-product-block .outer_product_image .product-slide-big-image img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .params_list_product_detail_bottom .group_name { font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 20px; margin-top: 20px; color: #2f333a; font-size: 24px; font-weight: 500; line-height: 25px; text-transform: none; } .params_list_product_detail_bottom table { width: 100% td; width-border-bottom: 2px solid #ccc; } .params_list_product_detail_bottom .param_name { padding: 2px 10px 2px 0; white-space: nowrap; } .params_list_product_detail_bottom .param_val { width: 100%; padding: 2px 10px; } .param_colors .color_param_label { color: #777; } .param_colors .ul_param_colors { padding: 0px; margin: 0px; margin-bottom: 20px; width: 100%; } .param_colors .ul_param_colors li { display: inline-block; margin: 10px 10px 10px 0px; float: left; width: 70px; height: 70px; overflow: hidden; position: relative; border: 1px solid #d3d3d3; } .param_colors .ul_param_colors li img { height: 100%; width: auto; max-width: unset !important; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .param_colors .ul_param_colors:after { clear: both; content: ""; display: table; } .pos_title h2 { text-transform: none !important; } .SELECT_EL_OFFER { width: 125px !important; } .product-flags { z-index: 10; } #scrollUp { background-color: #2B8BEA; border-radius: 50%; bottom: 1.1rem; color: #ffffff; font-size: 2.25rem; height: 2.625rem; line-height: 100%; opacity: 0.9; position: fixed; right: 0.556em; text-align: center; transition: all 0.3s ease 0s; width: 2.625rem; z-index: 1001; cursor: pointer; display: flex; align-items: center; justify-content: center; } #scrollUp i { font-size: 16px; font-weight: 600; } #scrollUp:hover { opacity: 0.8; } .errors_sub { color: #ff0000; margin-top: 5px; display: flex; } .top_menu_left ul { padding: 0px; margin: 0px 0px 0px 0px; } .top_menu_left ul li { list-style: none; display: block; } .top_menu_left ul li a { background: #f9f9f9 none repeat scroll 0 0; display: block; padding: 22px 15px 15px 21px; text-align: left; text-decoration: none; position: relative; } .top_menu_left ul li:hover a, .top_menu_left ul li.active a { color: var(--color-primary); } .top_menu_left ul li:hover a:before, .top_menu_left ul li.active a:before { position: absolute; top: 0px; left: 0px; width: 4px; height: 100%; background-color: var(--color-primary); content: ""; display: block; } .category_left_menu { padding: 5px 0px 20px; } .category_left_menu ul { padding: 0px; margin: 0px; } .category_left_menu ul li { padding: 0px; margin: 0px; list-style: none; } .category_left_menu .title_menu { display: flex; align-items: center; width: 100%; position: relative; padding: 8px 30px 8px 0px; padding-right: 30px; } .category_left_menu .title_menu .open_icons { position: absolute; top: 0px; right: 0px; } .category_left_menu .title_menu .name_outer { display: flex; align-items: center; } .category_left_menu .title_menu .name_outer i { font-size: 16px; display: flex; width: 16px; height: 16px; line-height: 16px; align-items: center; justify-content: center; margin-right: 15px; } .category_left_menu .title_menu .name_outer i:before { font-size: 26px !important; } .category_left_menu .submenu { padding: 3px 0px 3px 10px; } .category_left_menu .submenu a { display: flex; padding: 2px 0px; color: var(--color-grey3); font-size: 14px; } .category_left_menu .submenu a:hover { color: #000; } /* fonts */ .product_reviews_elink .review-сol .review-author-info .review-author-name, .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-container, .nav-site-block .main-nav-category-container .main-nav-category-link, .nav-site-block .main-nav-center-col .main-nav-caption { font-weight: bold; font-style: normal; } .product_reviews_elink .review-сol .review-toolbar-left-block, .product_reviews_elink .review-сol .review-text-block, .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-quantity-link, .nav-site-block .nav-left-col-link { font-weight: normal; font-style: normal; } .nav-site-block .main-nav-category-container .main-nav-subcategories .nav-subcategories-link { font-weight: 300; font-style: normal; } .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-short-text { font-weight: 300; font-style: italic; } .mainmenuV2block { border-bottom: 1px solid #d9d9d9; margin-bottom: 15px; } .gamburger-btn { width: 20px; height: 20px; display: inline-block; padding-top: 7px; margin-right: 3px; } .gamburger-btn:hover { cursor: pointer; } .gamburger-btn span { display: block; width: 16px; margin: 2px 2px 3px 2px; height: 2px; background-color: #fff; } .nav-site-block .nav { /*position: relative;*/ } .nav-site-block .main-nav-category-container .main-nav-category-block { width: 33%; } .nav-site-block { padding: 15px 0 0px; display: flex; position: relative; /* .dropdown:hover { .dropdown-menu { display: block; position: absolute; left: 0px; } } */ } .nav-site-block .nav-first-link { white-space: nowrap; } .nav-site-block .navastwo { width: 100%; } .nav-site-block .nav-site-block .nav-left-col-link { border-left: 3px solid #ffffff; color: #000000; display: inline-block; font-size: 15px; padding: 10px 0 10px 15px; } .nav-site-block .LEFT_PROD_CATS .has_icon_mc { display: block !important; position: relative; } .nav-site-block .LEFT_PROD_CATS .has_icon_mc i { font-size: 19px; left: 9px; margin-top: -11px; position: absolute; top: 50%; } .nav-site-block .nav { display: flex; justify-content: space-between; } .nav-site-block .dropdown-menu { top: 100%; margin-top: 0px; } .nav-site-block .dropdown-toggle::after { content: none; border: 0; } .nav-site-block .main-nav-left-col { border-right: 0px solid #E0E0E0; margin: 25px 0 40px; } .nav-site-block .icon-group-1-reorder { font-size: 26px; position: unset; top: 0px !important; line-height: 100% !important; margin-right: 10px; } .nav-site-block .hn-button-bl { line-height: 100% !important; } .nav-site-block .big-dropdown-menu { border-top: 0px solid #000; width: 100%; border: 0; padding-top: 10px; left: -16px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); border-radius: 0px; position: absolute; z-index: 999; background-color: #fff; } .nav-site-block .hn-button-bl { cursor: pointer; display: flex; align-items: center; height: 40px; } .nav-site-block .nav > li > a { padding: 10px 10px; } .nav-site-block .nav.navastwo > li > a:hover, .nav-site-block .nav.navastwo > li > a:focus { background-color: transparent; } .nav-site-block .flex-blm { display: flex; } .nav-site-block .flex-right-c-m { width: 100%; } .nav-site-block .LEFT_PROD_CATS { padding-left: 10px; width: 325px; padding-right: 25px; } .nav-site-block .LEFT_PROD_CATS a { white-space: normal; } .nav-site-block .nav-first-link { font-size: 16px; color: #000000; padding-bottom: 15px; } .nav-site-block .nav-first-link:hover { color: #2B8BEA; } .nav-site-block .dropdown-first-item { position: unset; padding-bottom: 18px; } .nav-site-block .dropdown-first-item .nav-first-link { background: red; padding: 10px 15px; color: #fff; border-radius: var(--main-radius); } .nav-site-block .main-nav-left-col ul { list-style: none; } .nav-site-block .nav-left-col-link { font-size: 16px; color: #444; padding: 10px 0 10px 15px; display: inline-block; border-left: 3px solid #ffffff; } .nav-site-block .nav-left-col-link i { font-weight: 500 !important; } .nav-site-block .nav-left-col-link.selected { border-left: 3px solid #fff; color: #000; font-weight: 600; } .nav-site-block .nav-left-col-link.selected i { font-weight: 500; } .nav-site-block .nav-left-col-link:hover { border-left: 3px solid #fff; color: #000; font-weight: 600; } .nav-site-block .nav-left-col-link:hover i { font-weight: 500; } .nav-site-block .main-nav-center-col { margin: 25px 20px; } .nav-site-block .main-nav-center-col .main-nav-caption { color: #000; text-transform: unset; font-size: 20px; margin-bottom: 20px; } .nav-site-block .main-nav-center-col.hidden { display: none; } .nav-site-block .main-nav-category-container { display: flex; flex-wrap: wrap; } .nav-site-block .main-nav-category-container .main-nav-category-block { width: 33%; margin-bottom: 20px; } .nav-site-block .main-nav-category-container .main-nav-category { margin-bottom: 5px; } .nav-site-block .main-nav-category-container .main-nav-category-link { font-size: 17px; color: #000000; } .nav-site-block .main-nav-category-container .main-nav-category-link:hover { color: #2B8BEA; } .nav-site-block .main-nav-category-container .main-nav-subcategories ul { padding-left: 0; list-style: none; line-height: 22px; } .nav-site-block .main-nav-category-container .main-nav-subcategories .nav-subcategories-link { font-size: 14px; line-height: 26px; color: #000000; } .nav-site-block .main-nav-right-col { margin-top: 55px; } .nav-site-block .main-nav-right-col .main-nav-img-block { margin-bottom: 25px; } .nav-site-block .main-nav-right-col .main-nav-img-block img { width: 100%; } .USER_PANEL .LEFT_UP_BTNS > div { position: relative; } .USER_PANEL .hasItemsUp { background-color: #2B8BEA !important; color: #ffffff; } .USER_PANEL .wraps_icon_block .count { font-size: 12px; line-height: 13px; opacity: 1; text-align: center; } .USER_PANEL table td { padding: 8px 0px; } .USER_PANEL .wrap_li { font-weight: 300; } .USER_PANEL .name-th { padding: 8px 0px 8px 0px; } .USER_PANEL .price { font-weight: 300; color: #000; } .USER_PANEL .basket_title { font-size: 24px; font-weight: bold; margin-left: 0px !important; color: #000; margin-right: 48px; } .USER_PANEL .itog .price { font-weight: 600; color: #000; text-align: right; padding-right: 31px; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .remove { cursor: pointer; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .TRIGGER_DELETE_COMPARE_ITEM { cursor: pointer; font-size: 16px; color: #000; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .basket_sort { padding: 25px 20px 0 15px; text-align: left; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .basket_wrapp { margin-top: 27px; padding-top: 0; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .goods { border-bottom: 1px solid #e7e7e7; max-height: 260px; overflow-y: auto; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN table { box-sizing: border-box; width: 100%; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN thead tr { background: #fafafa none repeat scroll 0 0; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN td.remove-cell { padding-right: 5px; width: 20px; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN td.thumb-cell { padding: 11px 18px 10px 29px; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .cost-cell, .USER_PANEL .WISHLIST_USER_PANEL_MAIN .summ-cell { font-size: 14px; font-weight: 600; padding: 0 10px; white-space: nowrap; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .name-cell { font-size: 14px; font-weight: 400; line-height: 20px; min-width: 220px; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .name-cell .item_props { color: #b3b3b3; font-size: 12px; line-height: 16px; margin-top: 2px; text-align: left; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN td.remove-cell { color: #aaa; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .th_up_i_outer { padding: 0px; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .th_up_i_outer .th_up_i_inner { height: 70px; overflow: hidden; padding: 0 0px; position: relative; width: 70px; } .USER_PANEL .WISHLIST_USER_PANEL_MAIN .th_up_i_outer .th_up_i_inner img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .TRIGGER_DELETE_COMPARE_ITEM { cursor: pointer; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .basket_sort { padding: 25px 20px 0 15px; text-align: left; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .basket_wrapp { margin-top: 27px; padding-top: 0; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .goods { border-bottom: 1px solid #e7e7e7; max-height: 260px; overflow-y: auto; } .USER_PANEL .COMPARE_USER_PANEL_MAIN table { box-sizing: border-box; width: 100%; } .USER_PANEL .COMPARE_USER_PANEL_MAIN thead tr { background: #fafafa none repeat scroll 0 0; } .USER_PANEL .COMPARE_USER_PANEL_MAIN td.remove-cell { padding-right: 5px; width: 20px; } .USER_PANEL .COMPARE_USER_PANEL_MAIN td.thumb-cell { padding: 11px 18px 10px 29px; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .cost-cell, .USER_PANEL .COMPARE_USER_PANEL_MAIN .summ-cell { font-size: 14px; font-weight: 600; padding: 0 10px; white-space: nowrap; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .name-cell { font-size: 14px; font-weight: 400; line-height: 20px; min-width: 220px; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .name-cell .item_props { color: #b3b3b3; font-size: 12px; line-height: 16px; margin-top: 2px; text-align: left; } .USER_PANEL .COMPARE_USER_PANEL_MAIN td.remove-cell { color: #aaa; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .th_up_i_outer { padding: 0px; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .th_up_i_outer .th_up_i_inner { height: 70px; overflow: hidden; padding: 0 0px; position: relative; width: 70px; } .USER_PANEL .COMPARE_USER_PANEL_MAIN .th_up_i_outer .th_up_i_inner img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .USER_PANEL .CART_USER_PANEL_MAIN .basket_sort { padding: 25px 20px 0 15px; text-align: left; } .USER_PANEL .CART_USER_PANEL_MAIN .basket_wrapp { margin-top: 27px; padding-top: 0; } .USER_PANEL .CART_USER_PANEL_MAIN .goods { border-bottom: 1px solid #e7e7e7; max-height: 260px; overflow-y: auto; } .USER_PANEL .CART_USER_PANEL_MAIN table { box-sizing: border-box; width: 100%; } .USER_PANEL .CART_USER_PANEL_MAIN thead tr { background: #fafafa none repeat scroll 0 0; } .USER_PANEL .CART_USER_PANEL_MAIN td.remove-cell { padding-right: 5px; width: 20px; } .USER_PANEL .CART_USER_PANEL_MAIN td.thumb-cell { padding: 11px 18px 10px 29px; } .USER_PANEL .CART_USER_PANEL_MAIN td.count-cell { padding: 0px; text-align: center; vertical-align: middle; width: 132px; } .USER_PANEL .CART_USER_PANEL_MAIN .cost-cell, .USER_PANEL .CART_USER_PANEL_MAIN .summ-cell { font-size: 14px; font-weight: 600; padding: 0 10px; white-space: nowrap; } .USER_PANEL .CART_USER_PANEL_MAIN .name-cell { font-size: 14px; font-weight: 400; line-height: 20px; min-width: 220px; } .USER_PANEL .CART_USER_PANEL_MAIN .name-cell .item_props { color: #b3b3b3; font-size: 12px; line-height: 16px; margin-top: 2px; text-align: left; } .USER_PANEL .CART_USER_PANEL_MAIN td.remove-cell { color: #aaa; } .USER_PANEL .CART_USER_PANEL_MAIN .th_up_i_outer { padding: 0px; } .USER_PANEL .CART_USER_PANEL_MAIN .th_up_i_outer .th_up_i_inner { height: 70px; overflow: hidden; padding: 0 0px; position: relative; width: 70px; } .USER_PANEL .CART_USER_PANEL_MAIN .th_up_i_outer .th_up_i_inner img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .USER_PANEL .hidden { display: none; } .USER_PANEL .UP_CONTENT_SLIDE { border-radius: 0 0 0 2px; position: fixed; right: -800px; top: 178px; width: 800px; z-index: 980; transition: all 0.3s ease-in-out 0s; } .USER_PANEL .UP_CONTENT_SLIDE.show { right: 0px; } .USER_PANEL .UP_CONTENT_SLIDE .wraps_icon_block { display: inline-block; float: none; margin: 0; } .USER_PANEL .counter_block { background: #f3f3f5 none repeat scroll 0 0; border-radius: 2px; box-sizing: border-box; display: flex; font-size: 0; height: 36px; margin: 0 auto; vertical-align: top; width: 84px; } .USER_PANEL .counter_block .plus, .USER_PANEL .counter_block .minus { cursor: pointer; display: inline-block; font-size: 16px; color: #333; height: 34px; line-height: 33px; vertical-align: top; width: 24px; } .USER_PANEL .counter_block input[type=text] { background: #f3f3f5 none repeat scroll 0 0; border: 0px solid #ccc; color: #666; font-size: 13px; height: 34px; line-height: 13px; text-align: center; width: 34px; } .USER_PANEL .module-cart tfoot .bottom_btn td .description { color: #b3b3b3; font-size: 12px; line-height: 16px; margin-top: 13px; text-align: left; width: 100%; } .USER_PANEL .btn.white.grey { background: #fff none repeat scroll 0 0; border: 1px solid #aaa; color: #888 !important; } .USER_PANEL .btn.btn-default { background-color: #2B8BEA; border-color: #2B8BEA; color: #ffffff; } .USER_PANEL .btn.btn-default:hover { opacity: 0.8; } .USER_PANEL .btn.btn-default.white:not(.grey) { background: #fff none repeat scroll 0 0; border: 1px solid #f50d08; color: #f50d08 !important; } .USER_PANEL .btn.white.grey { background: #fff none repeat scroll 0 0; border: 1px solid #aaa; color: #888 !important; } .USER_PANEL .module-cart .colored tfoot .bottom_btn td { padding: 5px 15px 20px; } .USER_PANEL .module-cart .colored tfoot .bottom_btn td { padding: 5px 15px 20px; } .USER_PANEL .module-cart .colored tfoot tr td:first-child { padding-left: 30px; } .USER_PANEL ul { margin: 0px; padding: 0px; } .USER_PANEL ul li { list-style: none; padding-left: 0px; } .USER_PANEL .UP_CONTENT_SLIDE { background: #fff none repeat scroll 0 0; box-shadow: 0 6px 18px rgba(44, 44, 44, 0.4); min-height: 283px; } .USER_PANEL .LEFT_UP_BTNS { background: #424f60 none repeat scroll 0 0; border-radius: 6px 0 0 6px; left: -58px; overflow: hidden; position: absolute; top: 0; width: 58px; } .USER_PANEL .LEFT_UP_BTNS div { cursor: pointer; display: inline-block; height: auto; text-align: center; vertical-align: top; width: 58px; } .USER_PANEL .LEFT_UP_BTNS .basket_count { background: #f8322e none repeat scroll 0 0; } .USER_PANEL .LEFT_UP_BTNS .count > span { background: #e3e3e3 none repeat scroll 0 0; border-radius: 20px; display: inline-block; height: 20px; line-height: 20px; margin: 4px 0 12px; vertical-align: middle; width: 20px; } .USER_PANEL .LEFT_UP_BTNS .icon_upa { padding-top: 10px; } .USER_PANEL .LEFT_UP_BTNS .icon_upa i { color: #fff; } .outer_modal_compare_prev .basket_sort, .outer_modal_compare_prev .itog { display: none; } .outer_modal_compare_prev .tabs_content { margin: 0px; padding: 0px; list-style: outside none none; } .outer_modal_compare_prev .tabs_content li { list-style: outside none none; padding: 0px; margin: 0px; } .outer_modal_compare_prev .th_up_i_outer { align-items: center; border: 1px solid #eeeeee; border-radius: 4px; display: flex; justify-content: center; max-width: 87px; padding: 8px; text-align: center; } .outer_modal_compare_prev .th_up_i_outer .th_up_i_inner { height: 80px; overflow: hidden; padding: 0; position: relative; width: 80px; } .outer_modal_compare_prev .th_up_i_outer .th_up_i_inner img { height: auto; left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; } .outer_modal_compare_prev .name-th, .outer_modal_compare_prev .price-th { font-weight: 600; padding: 0 0 10px; } .outer_modal_compare_prev .remove { cursor: pointer; font-size: 20px; } .outer_modal_compare_prev .name-cell a { font-size: 14px; color: #393939; } #COMPARE_MAIN_PAGE { margin-bottom: 50px; margin-top: 20px; overflow: hidden; } #COMPARE_MAIN_PAGE .no_compare_products { min-height: 50vh; } #COMPARE_MAIN_PAGE .comp_compare .frame { margin: 0px 0px 0px 230px; position: relative; overflow: hidden; } #COMPARE_MAIN_PAGE .comp_compare .frame .wraps { overflow-x: scroll; overflow-y: hidden; width: 100% !important; } #COMPARE_MAIN_PAGE .REMOVE_ITEM_COMPARE { cursor: pointer; color: #aaa; } #COMPARE_MAIN_PAGE .REMOVE_ITEM_COMPARE:hover { color: #333; } #COMPARE_MAIN_PAGE .comp_compare .compare_view td { width: 230px; min-width: 230px; max-width: 230px; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 40px 20px 20px 20px; font-size: 13px; position: relative; text-align: left; vertical-align: top; overflow: hidden; } #COMPARE_MAIN_PAGE .comp_compare .compare_view .item_block { margin: 0px; position: relative; } #COMPARE_MAIN_PAGE .comp_compare .compare_view .item_block a { font-weight: bold; } #COMPARE_MAIN_PAGE .comp_compare .compare_view .item_block .title { display: flex; align-items: center; justify-content: center; padding: 14px 0px 0px; } #COMPARE_MAIN_PAGE .comp_compare .compare_view.data_table_props td { border: 1px solid #f2f2f2; padding: 10px 27px 13px 18px; transition: none 0s ease 0s; } #COMPARE_MAIN_PAGE .prop_title_table { position: absolute; left: 0px; width: 231px; overflow: hidden; z-index: 1; } #COMPARE_MAIN_PAGE .prop_title_table .data_table_props td { opacity: 0; visibility: hidden; } #COMPARE_MAIN_PAGE .comp_compare .prop_title_table .data_table_props tr td:first-child { display: table-cell; opacity: 1; visibility: visible; } #COMPARE_MAIN_PAGE .comp_compare .prop_title_table .data_table_props tr td .remove i { display: inline-block; } #COMPARE_MAIN_PAGE .comp_compare .remove { position: absolute; top: 0px; z-index: 1; right: 0; } #COMPARE_MAIN_PAGE .comp_compare .compare_view.top .remove { right: -13px; top: -13px; } #COMPARE_MAIN_PAGE .comp_compare .compare_view.clone .remove { right: 15px; top: 12px; display: none; } #COMPARE_MAIN_PAGE .comp_compare .compare_view.data_table_props tr.hovered td { background: #fafafa; } #COMPARE_MAIN_PAGE .comp_compare .compare_view.data_table_props tr.hovered td .remove { display: block; } #COMPARE_MAIN_PAGE .PROPS_TABLE_RIGHT { margin-left: -230px; } #COMPARE_MAIN_PAGE .item_block { height: 290px; overflow: hidden; position: relative; } #COMPARE_MAIN_PAGE .item_block .title { font-size: 12px; height: 52px; line-height: 18px; overflow: hidden; padding: 0 !important; margin-bottom: 5px; text-align: center; } #COMPARE_MAIN_PAGE .item_block .prices { font-size: 18px; font-weight: 700; text-align: center; } #COMPARE_MAIN_PAGE .nobordercell { border: 1px solid transparent !important; border-bottom: 1px solid #f2f2f2 !important; } #COMPARE_MAIN_PAGE .hiddencell { opacity: 0; } #COMPARE_MAIN_PAGE .td_param_name { font-weight: 600; } #COMPARE_MAIN_PAGE .th_up_i_outer { padding: 10px; text-align: center; } #COMPARE_MAIN_PAGE .th_up_i_outer .th_up_i_inner { height: 170px; overflow: hidden; padding: 0 0px; position: relative; width: 120px; display: inline-block; } #COMPARE_MAIN_PAGE .th_up_i_outer .th_up_i_inner img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .list_product_cats .catalog-category-item-img-outer { padding: 10px; } .list_product_cats .catalog-category-item-img-outer .catalog-category-item-img { padding: 0px 10px; height: 200px; position: relative; overflow: hidden; width: 100%; } .list_product_cats .catalog-category-item-img-outer .catalog-category-item-img img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } #SORT_BLOCK { margin-bottom: 20px; margin-bottom: 20px; } #SORT_BLOCK span { background-position: 0 0; } #SORT_BLOCK .sort-by-row { display: flex; align-items: center; } #SORT_BLOCK .products-sort-order.dropdown { line-height: 15px; } #SORT_BLOCK .button_sort_drop { background-color: transparent; border: 0 solid #ccc; color: #777; font-size: 14px; height: auto; line-height: 27px; } #SORT_BLOCK .el-icon--right { position: relative; top: 1px; } #SORT_BLOCK .sort-by { color: #000000; display: inline-block; font-size: 13px; position: relative; padding-right: 20px; } #SORT_BLOCK .display { display: flex; text-align: right; padding: 0px; margin: 0px; float: right; } #SORT_BLOCK .display i { font-size: 37px; display: inline-block; height: 20px; line-height: 20px; vertical-align: middle; width: 18px; cursor: pointer; background-position: center center; background-size: 100% auto; } #SORT_BLOCK .display i.icon_list_product { background-color: #000000; } #SORT_BLOCK .display i.icon_grid_product { background-color: #000000; } #SORT_BLOCK .display li { display: inline-block; list-style: outside none none; margin-left: 15px; padding: 0px 0px; } #SORT_BLOCK .display li:hover i, #SORT_BLOCK .display li.selected i { background-color: #2B8BEA; } #SORT_BLOCK .sort_label { color: #000; margin-right: 10px; } .sort_panel_dropdown .sort_panel_dropdown_inner { padding: 5px 20px; } .sort_panel_dropdown span { display: flex; width: 100%; cursor: pointer; color: #000; padding: 4px 0px; } .sort_panel_dropdown span.current, .sort_panel_dropdown span:hover { color: #2B8BEA; } .reviewIblockMainBlock { margin: 20px 0px; } .reviewIblockMainBlock .el_rate_list_inl { display: inline; margin-bottom: 0; padding: 3px 10px 0; } .reviewIblockMainBlock .el_rate_list_inl .el-rate__icon { margin-right: 1px; } .reviewIblockMainBlock .user_name { display: flex; margin-bottom: 10px; } .reviewIblockMainBlock .send_answer { cursor: pointer; } .reviewIblockMainBlock .help-errors { color: #f90000; font-weight: 500; } .reviewIblockMainBlock .reviews_form h3 { font-size: 22px; } .reviewIblockMainBlock .questions_block .question-title { min-height: 41px; padding-left: 65px; position: relative; } .reviewIblockMainBlock .questions_block .question-title img { left: 0; position: absolute; top: 0; width: 40px; } .reviewIblockMainBlock .questions_block .prev_image_r img { border: 1px solid #eee; border-radius: 4px; height: 140px; margin-top: 10px; padding: 4px; } .reviewIblockMainBlock .questions_block .questansw { margin-bottom: 20px; } .reviewIblockMainBlock .questions_block .question { margin-bottom: 20px; } .reviewIblockMainBlock .questions_block .question-title { margin-bottom: 15px; } .reviewIblockMainBlock .questions_block .question-title-name { color: #333333; display: inline-block; font-size: 14px; font-weight: bold; } .reviewIblockMainBlock .questions_block .question-title-date { color: #bcbcbc; display: inline-block; font-size: 12px; font-weight: 500; } .reviewIblockMainBlock .questions_block .question-text { color: #333333; font-size: 14px; font-weight: 500; line-height: 18px; } .reviewIblockMainBlock .questions_block .answer { border-left: 0px solid #dddddd; margin-left: 25px; padding-left: 7px; margin-top: 15px; } .reviewIblockMainBlock .questions_block .answer-title { margin-bottom: 15px; } .reviewIblockMainBlock .questions_block .answer-title-name { color: #333333; display: inline-block; font-size: 14px; font-weight: bold; } .reviewIblockMainBlock .questions_block .answer-title-date { color: #bcbcbc; display: inline-block; font-size: 12px; font-weight: 500; } .reviewIblockMainBlock .questions_block .answer-text { color: #333333; font-size: 14px; font-weight: 500; line-height: 18px; } .reviewIblockMainBlock .questions_block .email_user { font-size: 12px; color: #999; } .reviewIblockMainBlock .questions_block .avatar_review { width: 150px; } .reviewIblockMainBlock .questions_block .question-title img { border-radius: 42px; left: 0; position: absolute; top: 0; width: 52px; height: 46px; } .reviewIblockMainBlock .questions_block .answer_block_btns_main .btn_answer { border-bottom: 1px dashed #1f95e6; color: #1f95e6; display: table; font-size: 14px; font-weight: 600; margin-top: 5px; text-decoration: none; } .reviewIblockMainBlock .questions_block .answer_block_btns_main .answer_form_ta { border: 1px solid #ccc; border-radius: 4px; height: 200px; max-width: 100%; padding-bottom: 45px; width: 100%; } .reviewIblockMainBlock .questions_block .answer_block_btns_main .aswer_form_main { position: relative; margin-top: 15px; } .reviewIblockMainBlock .questions_block .answer_block_btns_main .btns_answer_form { background-color: #eee; border: 1px solid #ccc; display: block; height: 45px; position: relative; width: 100%; } .reviewIblockMainBlock .questions_block .answer_block_btns_main .send_answer { background-color: #000000; border: 0px solid #000000; border-radius: 4px; box-shadow: unset; color: #ffffff; font-size: 14px; border-radius: 14px; font-weight: 600; line-height: 19px; padding: 7px 28px; } .reviewIblockMainBlock .questions_block .answer_block_btns_main .send_answer:hover { color: #000; background-color: #8abe41; } .reviewIblockMainBlock .questions_block .form_answer_advert { background-color: #f2f2f2; border: 1px solid #ccc; border-bottom: 0px; padding: 5px 7px; position: relative; width: 100%; } .reviewIblockMainBlock .questions_block .mce-tinymce { box-sizing: border-box; border-color: #ddd; border-bottom: 0px; } .reviewIblockMainBlock .questions_block .comment_img img { max-width: 200px; padding: 4px; border: 1px solid #eee; border-radius: 4px; } .reviewIblockMainBlock .avatar_review_b { background-color: #eee; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #eaebeb; border-radius: 71px; height: 70px; width: 70px; } .reviewIblockMainBlock .questions_block .mce-edit-area { border-top: 0px solid #eee !important; } .reviewIblockMainBlock .questions_block .mce-panel { background-color: #fbfbfb; } .reviewIblockMainBlock .questions_block .mce-btn-group:not(:first-child) { border-left: 0px solid #d9d9d9 !important; border-width: 0px; } .reviewIblockMainBlock .questions_block .mce-panel { background-color: #fbfbfb; } .reviewIblockMainBlock .questions_block .mce-tinymce { background: #f4f4f4 none repeat scroll 0 0; border-radius: 4px; border-width: 1px; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3) inset; font-size: 16px; padding: 5px; width: 100%; } .reviewIblockMainBlock .questions_block .mce-top-part::before { bottom: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.2); content: ""; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; } .reviewIblockMainBlock #main_reviews_block .answer .answer-title { margin-bottom: 5px !important; } .reviewIblockMainBlock #main_reviews_block .answer .caption_reviews_text { margin-top: 10px !important; } .reviewIblockMainBlock .user_name .inherita { font-weight: 600; color: #111; } .reviewIblockMainBlock .delete_review_btn { color: #999; font-size: 12px; } .reviewIblockMainBlock .comment_container { margin-bottom: 0px; } .reviewIblockMainBlock .comment_container p { margin-bottom: 0px; } .reviewIblockMainBlock .reviews_data { color: #999; font-style: italic; } .reviewIblockMainBlock .btn_answer, .reviewIblockMainBlock .delete_review_btn { cursor: pointer; } .reviewIblockMainBlock .comment_is_delete_user { color: #999; } .reviewIblockMainBlock .review_stars_label { color: #000; } .reviewIblockMainBlock .stars_outer { margin: 0px 0px 10px; } .reviewIblockMainBlock .questions_block .answer_block_btns_main .send_answer { display: table; margin: 10px 0; } #iblock_list .row_iblock { margin-bottom: 20px; } #iblock_list .more_article { color: #333; font-size: 0.929em; font-weight: 600; opacity: 1; } #iblock_list .mini_description { color: #555; font-size: 14px; line-height: 20px; margin-bottom: 20px; margin-top: 10px; overflow: hidden; } #iblock_list .article_title_h3 { margin-top: 10px; } #iblock_list .article_title_h3 a { color: #222; font-size: 16px; font-weight: bold; } #iblock_list .article_title_h3 a:hover, #iblock_list .article_title_h3 a:focus { color: #222; text-decoration: none; } #iblock_list .img_short_desc { padding: 0px 10px; height: 170px; position: relative; overflow: hidden; width: 100%; } #iblock_list .img_short_desc img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .mobile_panel { position: relative; } .mobile_panel .mobile_panel_outer { display: flex; background-color: #000; border-bottom: 1px solid #222; } .mobile_panel .mobile_panel_outer .mp_collumn { align-items: center; display: flex; height: 50px; justify-content: center; width: 100%; background-color: #000000; color: #fff; } .mobile_panel .mobile_panel_outer .mp_collumn .o_icon { display: flex; width: 100%; cursor: pointer; justify-content: center; color: #fff; align-items: center; height: 100%; position: relative; } .mobile_panel .outer_menu_products, .mobile_panel .outer_menu_phones, .mobile_panel .outer_menu_user { background-color: #fff; height: 100%; left: 0; max-width: 420px; position: fixed; top: 0; width: calc(100% - 50px); z-index: 1600; } .mobile_panel .outer_menu_products .close_m_menu, .mobile_panel .outer_menu_phones .close_m_menu, .mobile_panel .outer_menu_user .close_m_menu { align-items: center; background-color: #fff; color: #000; font-size: 28px; cursor: pointer; display: flex; height: 64px; justify-content: center; left: auto; position: absolute; right: 0px; top: 0; width: 50px; z-index: 1601; } .mobile_panel .outer_menu_products .title, .mobile_panel .outer_menu_phones .title, .mobile_panel .outer_menu_user .title { align-items: center; background-color: #fff; color: var(--color-black); display: flex; font-size: 18px; font-weight: 600; height: 64px; justify-content: left; padding-left: 30px; width: 100%; box-shadow: 0 3px 6px rgba(21, 22, 22, 0.1); } .mobile_panel .outer_menu_products .menu_ul { margin: 0px; padding: 20px 30px; width: 100%; } .mobile_panel .outer_menu_products .menu_ul li { list-style: outside none none; } .mobile_panel .outer_menu_products .menu_ul li .carret_right { align-items: center; color: #000; display: flex; font-size: 22px; height: 100%; justify-content: center; position: absolute; right: 0; text-align: center; top: 0; width: 32px; cursor: pointer; } .mobile_panel .outer_menu_products .menu_ul li .menu_ul_l2 { padding-left: 15px; margin: 5px 0px; display: none; } .mobile_panel .outer_menu_products .menu_ul li .menu_ul_l2 .row_menu_v2 { display: flex; height: auto; position: relative; width: 100%; align-items: center; } .mobile_panel .outer_menu_products .menu_ul li .menu_ul_l2 li { line-height: 19px; padding: 5px 35px 5px 0; } .mobile_panel .outer_menu_products .menu_ul li.show_dropmenu .menu_ul_l2 { display: block; } .mobile_panel .outer_menu_products .menu_ul li.show_dropmenu .carret_right { transform: rotate(90deg); } .mobile_panel .outer_menu_products .menu_ul .row_menu { align-items: center; display: flex; height: 35px; justify-content: left; list-style: outside none none; padding-right: 35px; position: relative; width: 100%; } .mobile_panel .grey_menu { background-color: rgba(0, 0, 0, 0.5); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100; } .mobile_panel .menu_phones .mp_contact_outer { padding: 20px 30px; color: #000; } .mobile_panel .menu_phones .mp_contact_outer ul { padding: 0px; margin: 0px; } .mobile_panel .menu_phones .mp_contact_outer ul li { list-style: none; } .mobile_panel .search_inner_menu { background-color: #000000; left: 0; margin-top: 5px; padding: 20px; position: absolute; top: 100%; width: 100%; z-index: 9991; } .mobile_panel .outer_scroll { height: 100%; display: flex; width: 100%; overflow: auto; } .mobile_panel .count_mb_p { align-items: center; background-color: var(--color-primary); border-radius: 50%; display: flex; font-size: 10px; height: 18px; justify-content: center; position: absolute; right: 4px; top: -11px; width: 18px; color: var(--color-primary-text); } .mobile_panel .ul_menu_user { padding: 20px; } .mobile_panel .ul_menu_user li { width: 100%; padding: 5px 0; list-style: none; } .show-menu .menu-wrap { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); left: 0; opacity: 1; transition: left 0.4s cubic-bezier(0.7, 0, 0.3, 1) 0s; visibility: visible; width: 310px; } .show-menu .menu-wrap { max-width: 90%; width: 420px; } .ext_drop_crumb_ul .tooltip_crumb { border: 1px solid #ccc; border-radius: 2px; cursor: pointer; display: inline-table; height: 14px; letter-spacing: -1px; line-height: 14px; overflow: hidden; padding: 0 4px; } .ext_drop_crumb_ul .menu_drop_crumb { background-color: #fff; border: 1px solid #d8d8d8; border-radius: 4px; box-shadow: 0 0 5px 1px rgba(99, 99, 99, 0.2); display: none !important; left: 0; margin-top: 4px; padding: 0; position: absolute; top: 100%; width: 100%; z-index: 10; } .ext_drop_crumb_ul.active_drop_crumb .menu_drop_crumb { display: block !important; } .ext_drop_crumb_ul .title_tooltip_crumb { background-color: #ddd; color: #333; position: relative; text-align: center; } .crumb_relative { position: relative; } .ext_drop_crumb_ul .menu_drop_crumb li { display: block !important; float: none; padding: 5px 0; margin: 0px; border-bottom: 1px solid #ececec; } .ext_drop_crumb_ul .menu_drop_crumb a { display: block !important; text-align: center; white-space: normal; } .title_tooltip_crumb { padding: 0 !important; text-align: right !important; } .title_tooltip_crumb .close-button-tooldrop { cursor: pointer; font-size: 20px; padding: 0 15px; } /* breadcrumb site */ .breadcrumb-site-container { margin: -10px 0 25px; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: stretch; padding-left: 0; } .breadcrumb-site-container > li + li::before { color: var(--color-grey3); content: "\2014"; padding: 0 5px; font-size: 11px; } .breadcrumb-site-container .breadcrumb-site-col .breadcrumb-site-link { font-size: 11px; margin-right: 7px; color: var(--color-grey3); } .breadcrumb-site-container .breadcrumb-site-col .breadcrumb-site-link:hover { color: #000000; } .breadcrumb-site-container .breadcrumb-site-col:last-child a { pointer-events: none; cursor: default; } /* end breadcrumb site */ .breadcrumb-site-container .li_first { position: relative; } .breadcrumb-site-container .li_first .drop_crumb { display: none; flex-direction: column; width: auto; position: absolute; top: 100%; left: 0px; background: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.057); padding: 8px 14px; z-index: 100; border-radius: 12px; } .breadcrumb-site-container .li_first .drop_crumb a { white-space: nowrap; color: #23292d; padding: 4px 0; display: flex; flex-wrap: nowrap; } .breadcrumb-site-container .li_first:hover .drop_crumb { display: flex; } .owl_custom-block { background-color: transparent; padding: 10px 0 40px; } .owl_custom-block .viewed-customowlc-owl-slider { position: relative; } .owl_custom-block .owl-nav { position: absolute; right: 30px; top: -40px; } .owl_custom-block .owl-prev { position: absolute; left: -30px; font-size: 40px; top: -30px; color: #f50d08; } .owl_custom-block .owl-prev:hover { background-color: transparent; } .owl_custom-block .owl-prev:hover { color: #000000; } .owl_custom-block .owl-next { position: absolute; font-size: 40px; top: -30px; color: #f50d08; } .owl_custom-block .owl-next:hover { background-color: transparent; } .owl_custom-block .owl-next:hover { color: #000000; } .owl_custom-block .viewed-customowlc-owl-block { background-color: #fff; margin: 8px; padding: 15px; border-radius: 3px; border: 1px solid #eee; } .owl_custom-block .viewed-customowlc-owl-block:hover { box-shadow: 0 0 8px #d0d0d0; } .owl_custom-block .viewed-customowlc-owl-img img { width: 100%; } .owl_custom-block .viewed-customowlc-owl-caption { line-height: 18px; } .owl_custom-block .viewed-customowlc-owl-caption a { font-size: 12px; display: inline-block; } .buy_m_c_b { background-color: #39B9A0; border-radius: 4px; color: #fff !important; padding: 10px 20px; } .buy_m_c_b:hover { opacity: 0.8; } .MODAL_SCHET .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; margin-bottom: 15px; padding: 10px; } .MODAL_SCHET .form-group { margin-bottom: 10px; } .MODAL_SCHET .help-block { font-size: 12px; } .MODAL_SCHET .modal-header { border-bottom: 2px solid #EC5099; padding: 25px 75px 26px 30px; position: relative; font-size: 12px; } .MODAL_SCHET .modal-header h4 { font-size: 20px; line-height: 25px; } .MODAL_SCHET .modal-header .close { color: #000; float: right; font-size: 36px; font-weight: bold; line-height: 1; margin: -16px 0 0 0px; opacity: 0.6; position: absolute; right: 25px; top: 50%; } .MODAL_SCHET .modal-content { border-radius: 2px; } .MODAL_SCHET .modal-body { padding: 15px 75px 40px 30px; } .MODAL_SCHET .form-control { background: #fafafa none repeat scroll 0 0; border: 1px solid #eeeeee; border-radius: 2px; box-shadow: none; color: #383838; font-size: 13px; height: auto; padding: 8px 13px 7px; width: 100%; } .MODAL_SCHET .btn_send_feedback { background-color: #EC5099; border-color: #EC5099; border-radius: 2px; color: #ffffff; font-size: 14px; font-weight: 600; padding: 10px 30px; } .MODAL_SCHET .btn_send_feedback:hover { color: #ffffff; opacity: 0.8; } #filter_active_tags_block { padding-top: 0; margin: 10px 0 10px; } #filter_active_tags_block ul { margin: 0px; padding: 0px; display: flex; list-style: outside none none; flex-wrap: wrap; } #filter_active_tags_block li { position: relative; margin-right: 10px; list-style: outside none none; margin-bottom: 10px; } #filter_active_tags_block .icon-catalog-delete-sign { cursor: pointer; margin-top: -7px; position: absolute; right: 7px; top: 50%; display: flex; } #filter_active_tags_block .selected-item-parameters-link { background: #f5f2f2 none repeat scroll 0 0; border-radius: var(--main-radius); color: #000000; font-size: 12px; margin-right: 0px; padding: 5px 25px 5px 15px; } #filter_active_tags_block .selected-item-parameters-link.primary { color: #fff; background: var(--color-primary); } #filter_active_tags_block .DELETE_ENUM_FILTER { cursor: pointer; } #filter_active_tags_block .inner_filter_active_tags_block:hover { text-decoration: line-through; } .product_reviews_elink { margin-top: 20px; } .product_reviews_elink .rating-md { font-size: 28px; margin: -5px 0; } .product_reviews_elink .main_review_text { color: #000; font-weight: 500; } .product_reviews_elink .input-group-addon, .product_reviews_elink .input-group-btn { width: auto; } .product_reviews_elink .catalog-product-mini-reviews-block { position: relative; } .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-container { background: #359e00; padding: 3px 6px; width: 32px; height: 24px; display: inline-block; color: #ffffff; font-size: 12px; text-align: center; } .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-container::after { content: ""; position: absolute; left: 0; top: 24px; border: 16px solid transparent; border-top: 8px solid #359e00; } .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-container .mini-reviews-value { position: relative; top: 2px; } .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-quantity-link { display: inline-block; font-size: 13px; margin: 0 5px; color: #036c00; } .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-quantity-link:hover { color: #359e00; } .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-quantity-link .s_ro { text-decoration: underline; } .product_reviews_elink .catalog-product-mini-reviews-block .mini-reviews-short-text { font-size: 13px; color: #777777; margin-left: 10px; letter-spacing: 0.02em; } .product_reviews_elink .catalog-product-mini-reviews-block { margin-top: -5px; margin-bottom: 10px; display: flex; align-items: center; } .product_reviews_elink .review-сol { margin-bottom: 30px; } .product_reviews_elink .review-сol .review-author-info { margin-bottom: 10px; display: flex; } .product_reviews_elink .review-сol .review-author-info .review-author-img { display: inline-block; margin-right: 15px; } .product_reviews_elink .review-сol .review-author-info .review-author-img img { border: 1px solid #eee; width: 50px; height: 50px; -o-object-fit: cover; object-fit: cover; border-radius: 50%; } .product_reviews_elink .review-сol .review-author-info .review-author-name { display: inline-block; } .product_reviews_elink .review-сol .review-author-info .review-author-name { font-size: 18px; color: #000000; } .product_reviews_elink .review-сol .review-author-rating { margin-left: 0px; } .product_reviews_elink .review-сol .review-text-block { font-size: 13px; } .product_reviews_elink .review-сol .review-text-block ol { padding-left: 14px; } .product_reviews_elink .review-сol .review-toolbar-block { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: stretch; min-height: 40px; } .product_reviews_elink .review-сol .review-toolbar-left-block { font-size: 13px; } .product_reviews_elink .review-сol .response-count { display: inline-block; margin-right: 30px; } .product_reviews_elink .review-сol .positive-like-block { display: inline-block; margin-right: 30px; } .product_reviews_elink .review-сol .positive-like-block .positive-like-link { color: #000000; } .product_reviews_elink .review-сol .positive-like-block .positive-like-link:hover { color: #2B8BEA; } .product_reviews_elink .review-сol .negative-like-block .negative-like-link { position: relative; top: 3px; color: #000000; } .product_reviews_elink .review-сol .negative-like-block .negative-like-link:hover { color: #2B8BEA; } .product_reviews_elink .response-to-review { margin-left: 40px; } .product_reviews_elink .response-to-review .review-author-info .response-to-review-name { font-size: 14px; } .product_reviews_elink .alert-success1 { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; margin-bottom: 15px; padding: 10px; } .product_reviews_elink .checked_ur { display: flex; } .product_reviews_elink .checked_ur .form-check-inline { background-color: #f9f9f9; border: 1px solid #eee; color: #222; align-items: center; display: block; margin-right: 0; border-right: 0px; position: relative; padding: 0px; } .product_reviews_elink .checked_ur .form-check-inline label { padding: 5px 20px; display: block; cursor: pointer; margin: 0px; } .product_reviews_elink .checked_ur .form-check-inline input { visibility: hidden; position: absolute; } .product_reviews_elink .checked_ur .form-check-inline:first-child { border-radius: 4px 0px 0px 4px; } .product_reviews_elink .checked_ur .form-check-inline:last-child { border-radius: 0px 4px 4px 0px; border-right: 1px solid #eee; } .product_reviews_elink .checked_ur .form-check-inline.active { background-color: #ffdd22; color: #111; border-color: #ffdd22; } .product_reviews_elink .bootstrap-filestyle { display: flex; flex-wrap: nowrap; } .product_reviews_elink .bootstrap-filestyle .buttonText { white-space: nowrap; line-height: 24px; } .product_reviews_elink .bootstrap-filestyle .btn-default { background-color: #ffdd22; color: #333; } .product_reviews_elink .SHOW_MODAL_REVIEW_FORM { background-color: #2B8BEA; color: #ffffff; border: 0; border-radius: var(--main-radius); font-weight: 600; cursor: pointer; padding: 8px 25px; height: 46px; display: flex; align-items: center; font-size: 15px; line-height: 20px; } .product_reviews_elink .SHOW_MODAL_REVIEW_FORM .icon_review { margin-right: 10px; font-size: 20px; } .product_reviews_elink .SHOW_MODAL_REVIEW_FORM:hover { opacity: 0.8; } .product_reviews_elink .first_SHOW_MODAL_REVIEW_FORM { margin: 20px 0px; } .product_reviews_elink .product_reviews_elink_form .bootstrap-filestyle .btn-default { background-color: #111111; border-radius: 0 4px 4px 0; color: #fff; font-size: 14px; font-weight: 400; margin-bottom: 0; } .product_reviews_elink .product_reviews_elink_form textarea { height: 160px; } .product_reviews_elink .product_reviews_elink_form textarea[name=message_on], .product_reviews_elink .product_reviews_elink_form textarea[name=message_off] { height: 100px; } .product_reviews_elink .product_reviews_elink_form .rating-container .filled-stars { color: #FFCC00; text-shadow: unset; white-space: nowrap; } .product_reviews_elink .product_reviews_elink_form .SEND_REVIEW { background-color: #ff0000; border: 0 solid #ff0000; border-radius: var(--main-radius); color: #fff; cursor: pointer; font-size: 16px; padding: 8px 25px; } .product_reviews_elink .product_reviews_elink_form .SEND_REVIEW:hover { opacity: 0.8; } .product_reviews_elink .reviewon .title, .product_reviews_elink .reviewoff .title { font-weight: 600; margin-top: 5px; color: #000; } .product_reviews_elink .ran_date { color: #aaa; font-size: 12px; font-weight: 400; } .review_buttons { margin: 20px 0px; } .product_group_tabs_carousel .catalog-product-item { position: relative !important; } .product_group_tabs_carousel .catalog-product-wrap { height: auto; } .product_group_tabs_carousel .catalog-product-hover-block { display: block; } .product_group_tabs_carousel .PRODUCT-AVAILABILITY { align-items: center; display: flex; justify-content: center; } .product_group_tabs_carousel .offers_mini_container .new_price { align-items: center; display: flex; justify-content: center; } .product_group_tabs_carousel .price_name_pre { display: none; } .product_group_tabs_carousel .old_price { align-items: center; display: flex; justify-content: center; } .product_group_tabs_carousel .catalog-product-hover-block { align-items: center; display: flex !important; justify-content: center; } .product_group_tabs_carousel .catalog-product-cart-add-btn { margin-left: 10px; } .product_group_tabs_carousel .new_price { margin: 2px; } .product_group_tabs_carousel .el-tabs__item { color: #303133 !important; } .product_group_tabs_carousel .el-tabs__item.is-active { background-color: #3b3d3d !important; color: #fff !important; } .product_group_tabs_carousel .el-tabs__active-bar { height: 3px; } .product_group_tabs_carousel .el-tabs__item { height: 42px; padding: 0 20px !important; } .product_group_tabs_carousel .product_group_tabs_carousel .el-tabs__active-bar { height: 0; } .product_group_tabs_carousel .el-tabs__nav-wrap::after { background-color: #3b3d3d; } .product_group_tabs_carousel .el-tabs__active-bar { height: 0 !important; } .product_group_tabs_carousel .product_content_grid_owl .owl-nav { right: 43px; top: -69px; } .product_group_tabs_carousel .catalog-product-photo { height: 250px; padding: 20px 30px; } .product_group_tabs_carousel .catalog-product-photo img { height: 100%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 920px) { .product_group_tabs_carousel .catalog-product-hover-block { flex-direction: column; } .catalog-product-add-cart .catalog-product-cart-add-btn a { padding: 7px 21px !important; } .product_group_tabs_carousel .catalog-product-cart-add-btn { margin-left: 0 !important; margin-top: 10px; } } .filtersTags { margin: -10px 0 10px; } .filtersTags ul { padding: 0px; margin: 0px; } .filtersTags li { background: #e9e9e9 none repeat scroll 0 0; border-radius: 4px; color: #ececec; display: inline-block; font-size: 12px; line-height: 15px; margin: 0 2px 5px; padding: 6px 11px 5px; } .filtersTags li a { color: #6c6c6c; } .site-catalog-tag-panel { margin: 0px 0 0; } .site-catalog-tag-panel .catalog-tag-panel-list { height: auto; overflow: hidden; } .site-catalog-tag-panel .catalog-tag-panel-list ul { display: flex; padding-left: 0; list-style: none; justify-content: flex-start; align-items: normal; flex-wrap: wrap; margin: 0px; padding: 0px; } .site-catalog-tag-panel .catalog-tag-panel-list li { margin-right: 12px; margin-bottom: 8px; margin-top: 8px; } .site-catalog-tag-panel .catalog-tag-panel-list li:last-child { margin-right: auto; } .site-catalog-tag-panel .catalog-tag-panel-list a { display: flex; margin-top: 0px; margin-right: 0px; position: relative; align-items: center; height: 34px; padding: 4px 16px; font-size: 13px; max-width: 100%; box-shadow: 0 0 0 1px #D4D4D4 inset; border-radius: var(--main-radius); background: #fff; font-weight: 600; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; text-transform: none; text-align: center; outline: 0; transition: unset; cursor: pointer; color: #666; } .site-catalog-tag-panel .catalog-tag-panel-list a:hover, .site-catalog-tag-panel .catalog-tag-panel-list li.active a { color: #000000; border-color: #2B8BEA; background: #2B8BEA; box-shadow: unset; } .site-catalog-tag-panel .catalog-tag-panel-btn { text-align: right; margin: 15px 0; } .site-catalog-tag-panel .catalog-tag-panel-btn .tag-panel-button { font-size: 12px; background: #fff; border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px dotted #f50d08; border-radius: 5px; color: #333; padding: 3px 8px; } .site-catalog-tag-panel .catalog-tag-panel-btn .tag-panel-button:hover { color: #8f8f8f; } .site-catalog-tag-panel.open .catalog-tag-panel-list { height: 100%; } .site-catalog-tag-panel.open .tag-panel-button .caret { border-top: 0px solid; border-bottom: 4px solid; } @media (max-width: 768px) { .site-catalog-tag-panel .catalog-tag-panel-list li { margin-right: 5px; margin-bottom: 5px; margin-top: 5px; } .site-catalog-tag-panel .catalog-tag-panel-list a { height: 31px; padding: 3px 8px; font-size: 12px; } } /* mulish-300 - cyrillic_latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Mulish"; font-style: normal; font-weight: 300; font-display: swap; /* ОБЯЗАТЕЛЬНО */ src: url("/fonts/Mulish/mulish-v18-cyrillic_latin_latin-ext-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* mulish-regular - cyrillic_latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Mulish"; font-style: normal; font-weight: 400; font-display: swap; /* ОБЯЗАТЕЛЬНО */ src: url("/fonts/Mulish/mulish-v18-cyrillic_latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* mulish-italic - cyrillic_latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Mulish"; font-style: italic; font-weight: 400; font-display: swap; /* ОБЯЗАТЕЛЬНО */ src: url("/fonts/Mulish/mulish-v18-cyrillic_latin_latin-ext-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* mulish-500 - cyrillic_latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Mulish"; font-style: normal; font-weight: 500; font-display: swap; /* ОБЯЗАТЕЛЬНО */ src: url("/fonts/Mulish/mulish-v18-cyrillic_latin_latin-ext-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* mulish-600 - cyrillic_latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Mulish"; font-style: normal; font-weight: 600; font-display: swap; /* ОБЯЗАТЕЛЬНО */ src: url("/fonts/Mulish/mulish-v18-cyrillic_latin_latin-ext-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* mulish-700 - cyrillic_latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Mulish"; font-style: normal; font-weight: 700; font-display: swap; /* ОБЯЗАТЕЛЬНО */ src: url("/fonts/Mulish/mulish-v18-cyrillic_latin_latin-ext-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* mulish-800 - cyrillic_latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Mulish"; font-style: normal; font-weight: 800; font-display: swap; /* ОБЯЗАТЕЛЬНО */ src: url("/fonts/Mulish/mulish-v18-cyrillic_latin_latin-ext-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* nunito-sans-300 - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Nunito Sans"; font-style: normal; font-weight: 300; src: url(/frontend/fonts/nunito-sans-v19-cyrillic_latin-300.woff2?656e8aa24a6b066e8a1aed75b0966535) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* nunito-sans-300italic - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Nunito Sans"; font-style: italic; font-weight: 300; src: url(/frontend/fonts/nunito-sans-v19-cyrillic_latin-300italic.woff2?d8d376128b9f67cdb3655852e0da77c1) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* nunito-sans-regular - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Nunito Sans"; font-style: normal; font-weight: 400; src: url(/frontend/fonts/nunito-sans-v19-cyrillic_latin-regular.woff2?99a5f1699ed43291b00bb549b3196101) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* nunito-sans-italic - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Nunito Sans"; font-style: italic; font-weight: 400; src: url(/frontend/fonts/nunito-sans-v19-cyrillic_latin-italic.woff2?18ad069aeac107a2dd151c165836dbd3) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* nunito-sans-500 - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Nunito Sans"; font-style: normal; font-weight: 500; src: url(/frontend/fonts/nunito-sans-v19-cyrillic_latin-500.woff2?7d9be82a50e1ecf75a1089ebafdff9ee) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* nunito-sans-600 - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Nunito Sans"; font-style: normal; font-weight: 600; src: url(/frontend/fonts/nunito-sans-v19-cyrillic_latin-600.woff2?dfda6a1b48234cdc37f6ab4c809228d5) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* nunito-sans-700 - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Nunito Sans"; font-style: normal; font-weight: 700; src: url(/frontend/fonts/nunito-sans-v19-cyrillic_latin-700.woff2?85777ae23a1719807e113c4dd6a35ff3) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* nunito-sans-800 - cyrillic_latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Nunito Sans"; font-style: normal; font-weight: 800; src: url(/frontend/fonts/nunito-sans-v19-cyrillic_latin-800.woff2?aece3acbfa3c59e8b73c0116af9c7ab3) format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } .accessories-product-block .accessories-product-wrapper .accessories-product-arrow-block .accessories-product-arrow__style, .similar-product-block .similar-product-wrapper .similar-product-arrow-block .similar-product-arrow__style, .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-button2__style, .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-button1__style, .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-2 .fb-offer-param-row .fb-offer-param-value .fb-offer-param-value__style, .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row-button .fb-offer-row-button__style, .first-block-product-info-container .first-block-product-info-slider .fb-product-info-btn-arrow-block .fb-product-info-btn-arrow__style, .main-discounts-site-container .main-discounts-site-hom-arrow-block .main-discounts-site-hom-arrow__style, .main-tabs2-home-block .tab2-pane__style .main-tabs2-hom-arrow-block .main-tabs2-hom-arrow__style, .slider_list .slider-list-arrows .slider-list-arrow__style, .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini, .main-site-product-block-mini, .tab-pane-main-tabs__style .home-tabs-arrow-block .home-tabs-arrow__style, .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style, .main-home-slider-container .home-slider-arrow-block .home-slider-arrow__style, .header-basket-drop-col .items-in-basket-container .items-in-basket-col .ib-drop-close, .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container .sr-drop-link-close-bl .icon-group-1-close, .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container .sr-drop-link-icon-bl .icon-group-1-arr-2, .header-bottom-row .header-search-block .hs-search-row .hs-search-button__style, .header-top-menu-wrapper .header-top-menu-col .htm-first-link-drop-menu, .header-top-menu-wrapper .header-top-menu-col .htm-first-link, .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col .top-right-bar-drop-menu, .product-button-col-mini__style, .transparent-button-site__style, a { /* transition: 0.3s all; -webkit-transition: 0.3s all; -o-transition: 0.3s all; -moz-transition: 0.3s all; -ms-transition: 0.3s all; */ } @-webkit-keyframes pulse2 { 0% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { opacity: 0.6; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes pulse2 { 0% { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { opacity: 0.6; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } to { opacity: 1; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } /*******************************************/ /** common styles **/ .main-site-product-block-mini .product-promotional-offer-top .promotional-offer-top-block.promotional-offer-top-block__style-1 { font-weight: 900; font-style: normal; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-title, .main-tabs-product-list-container .nav-tabs-product-list .nav-link-product-list:hover, .main-tabs-product-list-container .nav-tabs-product-list .nav-link-product-list.active, .main-tabs-product-list-container .nav-tabs-product-list .nav-link-product-list:after, .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-1 .fb-product-price-bl-1, .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-name, .main-contacts-home-info-block .mc-h-i-block-title, .main-contacts-home-title, .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-1, .main-discounts-site-col .m-discounts-s-title-block, .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-price .baner-i-block-price-col-1, .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-name a, .main-discounts-home-container .discounts-h-bl-caption, .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style:hover, .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style.active, .main-site-product-block-mini .product-price-block-mini .product-price-col-1, .main-site-product-block-mini .product-name-block-mini, .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style .nav-link-tab-main-container .nav-link-tab-main-text-block, .special-offers-home-container .special-offers-home-col .so-h-title-bl, .header-basket-drop-col .items-in-basket-container .items-in-basket-col .ib-drop-name .ib-drop-link__style, .header-basket-drop-col .hb-d-title, .header-bottom-row .hn-button-bl, .header-top-menu-wrapper .header-top-menu-col .htm-first-link.active, .caption-site-h2-block .caption-site-h2__style, .text-font-weight-bold__style, .black-title-site__style, .white-title-site__style, h1, h2, h3, h4, h5, h6 { font-weight: 600; font-style: normal; } .main-contacts-home-info-block .mc-h-i-block-watch-more .mc-h-i-block-watch-more__style, .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-row .mc-h-i-block-link__style, .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-row .mc-h-i-block-time, .discount-counter2-site-box-bl .discount-counter2-box-item .ds-counter2-box-value, .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter .discount-counter2-site-box-bl .discount-counter2-box-item .ds-counter2-box-value, .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-promotional-offer .dh-bl-baner-po-box, .header-basket-drop-col .hb-d-bottom-block .hb-d-price-block .hb-d-final-cost, .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .popular-queries-drop-links-block .popular-queries-drop-link__style, .text-font-weight-semi-bold__style, .transparent-button-site__style { font-weight: 600; font-style: normal; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar__style .fb-product-i-userbar-link .icon-group-1-reviews, .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar__style .fb-product-i-userbar-link .icon-group-1-pencil, .main-discounts-site-col .m-discounts-s-price-block .discount-counter2-site__style .discount-counter2-site-title, .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter .discount-counter2-site-title { font-weight: 500; font-style: normal; } .main-site-product-block-mini .product-price-block-mini .product-price-col-1 .product-price-bl-mini-currency, html, body { font-weight: 400; font-style: normal; } html, body { font-family: "Mulish", sans-serif; font-size: 14px; line-height: 22.4px; color: var(--color-black); min-height: auto; } h1, h2, h3, h4, h5, h6 { font-family: "Mulish", sans-serif; color: var(--color-black); } h1 { font-size: 34px; } h2 { font-size: 32px; } h3 { font-size: 30px; } h4 { font-size: 26px; } h5 { font-size: 22px; } a { color: #222; outline: none; } a:hover { color: #2B8BEA; outline: none; text-decoration: none; } a:focus { outline: none; } button:hover { outline: none; } button:focus { outline: none; } .vm-wrapper .vm { border-radius: 2px; } .el-dialog { border-radius: 16px !important; max-width: calc(100% - 15px) !important; } .el-dialog .el-dialog__title { color: var(--color-black); } .el-dialog .el-dialog__body { padding: 20px 16px !important; } .el-dialog .el-dialog__headerbtn { top: 17px; } .white-title-site__style { color: #ffffff; } .black-title-site__style { color: #000000; } .yellow-text-site__style { color: #2B8BEA; } .black-text-site__style { color: #000000; } .yellow-button-site__style { background: var(--color-primary); padding: 0 13px; border-radius: var(--main-radius); height: 42px; border: 0; font-size: 14px; line-height: 140%; display: flex; align-items: center; color: #fff; font-size: 15px; } .yellow-button-site__style:hover { opacity: 0.8; color: #fff; } .transparent-button-site__style { background: transparent; padding: 0 10px; border: 1px solid #e5e5e5; border-radius: 20px; color: #000000; height: 30px; text-transform: uppercase; box-shadow: none; display: inline-flex; align-items: center; } .transparent-button-site__style:hover { color: #ffffff; background: #2B8BEA; } .text-font-size-60__style { font-size: 60px; } .text-font-size-38__style { font-size: 38px; } .text-font-size-26__style { font-size: 22px; } .caption-site-h2-block { margin-bottom: 30px; position: relative; } .caption-site-h2-block .caption-site-h2__style { font-size: 36px; padding-bottom: 6px; } .caption-site-h2-block .caption-site-h2-border { display: inline-block; width: 76px; height: 6px; background: #2B8BEA; position: absolute; bottom: 0px; } .caption-site-h2-block.small { margin-bottom: 20px; } .caption-site-h2-block.small .caption-site-h2__style { font-size: 26px; } .caption-site-h2-block.small .caption-site-h2-border { height: 4px; } /** end common styles **/ /* header */ .site-header-container { box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.1); } .header-top-row { background-color: #000000; padding: 0px 0; } .header-logo-block-link { color: #2B8BEA; font-style: normal; font-weight: 800; font-size: 24px; line-height: 140%; text-transform: uppercase; letter-spacing: 1px; } .product-button-col-mini__style { color: var(--color-primary-text); border: 2px solid var(--color-primary); background: var(--color-primary); font-size: 12px; padding: 0px; min-width: 100px; height: 38px; border-radius: var(--main-radius); display: flex; align-items: center; justify-content: center; text-align: center; font-size: 14px; padding: 0px 20px; } .product-button-col-mini__style .icon_cart_o { font-size: 14px; margin-right: 10px; } .product-button-col-mini__style:hover { opacity: 0.8; } .product-button-col-mini__style.active, .product-button-col-mini__style.orange { background: #fff; color: var(--color-primary); border-color: var(--color-primary); } .header-top-right-bar { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: stretch; margin-top: 0px; height: 100%; } .header-top-right-bar .top-right-bar-wrapper { margin-left: 40px; } .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col { position: relative; } .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col .top-right-bar-drop-menu { position: absolute; top: 29px; left: 0; padding: 5px 10px; border: 1px solid #E0E0E0; width: auto; min-width: 100px; background: #ffffff; display: none; opacity: 0; z-index: 10; } .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col .top-right-bar-drop-menu .tr-bar-dm-link { display: block; } .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col:hover .top-right-bar-drop-menu { display: block; opacity: 1; } .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col .tr-bar-text-bl { font-size: 12px; line-height: 140%; cursor: pointer; color: #EDEDED; } .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col .tr-bar-text-bl:hover { opacity: 0.8; } .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col .tr-bar-icon-bl { font-size: 13px; margin-right: 2px; position: relative; top: 1px; color: #2B8BEA; } .header-top-right-bar .top-right-bar-wrapper .top-right-bar-col .tr-bar-caret-bl { font-size: 13px; margin-left: 2px; position: relative; top: 1px; color: #EDEDED; } .header-top-menu-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: stretch; padding-top: 24px; border-bottom: 1px solid #e5e5e5; height: auto; } .header-top-menu-wrapper .header-top-menu-col { margin-right: 40px; position: relative; padding-bottom: 10px; } .header-top-menu-wrapper .header-top-menu-col .htm-first-link { font-size: 14px; line-height: 18px; text-transform: uppercase; } .header-top-menu-wrapper .header-top-menu-col .htm-first-link .htm-caret-icon { font-size: 10px; } .header-top-menu-wrapper .header-top-menu-col .htm-first-link-drop-menu { position: absolute; top: 31px; left: 0; padding: 5px 10px; border: 1px solid #E0E0E0; width: auto; min-width: 150px; background: #ffffff; display: none; opacity: 0; z-index: 10; } .header-top-menu-wrapper .header-top-menu-col .htm-first-link-drop-menu .htm-second-link { display: block; } .header-top-menu-wrapper .header-top-menu-col:hover .htm-first-link-drop-menu { display: block; opacity: 1; } .header-bottom-row { /*basket dropdown*/ /*basket dropdown*/ } .header-bottom-row .header-bottom-col { padding: 15px 0; } .header-bottom-row .hn-button-bl { font-size: 16px; line-height: 140%; text-transform: uppercase; color: #000000; } .header-bottom-row .hn-button-bl .icon-group-1-reorder, .header-bottom-row .hn-button-bl .icon_close_menu { font-size: 26px; position: relative; top: 5px; margin-right: 10px; } .header-bottom-row .header-search-block { position: relative; } .header-bottom-row .header-search-block .hs-search-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; position: relative; } .header-bottom-row .header-search-block .hs-search-row .hs-search-input__style { width: 100%; height: 40px; padding-left: 20px; border: 1px solid #E0E0E0; box-sizing: border-box; border-radius: 3px; } .header-bottom-row .header-search-block .hs-search-row .hs-search-button__style { position: absolute; right: 4px; font-size: 14px; line-height: 140%; background: #000000; border: 0; color: #ffffff; padding: 6px 34px; border-radius: 2px; } .header-bottom-row .header-search-block .hs-search-row .hs-search-button__style:hover { background: #2B8BEA; } .header-bottom-row .header-search-block .header-search-dropdown-block { position: absolute; background: #ffffff; border: 1px solid #E0E0E0; left: 0; display: none; opacity: 0; padding: 15px; width: 126%; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: stretch; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-drop-title { font-size: 14px; line-height: 18px; color: var(--color-grey3); margin-bottom: 10px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col { width: 28%; margin-right: 2%; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block { margin-bottom: 50px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; margin-bottom: 19px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container .sr-drop-link-text-bl { width: 80%; margin: 0 15px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container .sr-drop-link__style { font-size: 14px; line-height: 160%; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container .sr-drop-link-icon-bl .icon-group-1-arr-2 { font-size: 13px; color: #000000; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container .sr-drop-link-icon-bl .icon-group-1-arr-2:hover { color: var(--color-grey3); cursor: pointer; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container .sr-drop-link-close-bl .icon-group-1-close { font-size: 12px; color: #000000; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .sr-drop-links-block .sr-drop-link-container .sr-drop-link-close-bl .icon-group-1-close:hover { color: var(--color-grey3); cursor: pointer; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .popular-queries-drop-links-block { margin-bottom: 15px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-first-col .popular-queries-drop-links-block .popular-queries-drop-link__style { background: #F4F4F5; border: 1px solid #D3D4D8; box-sizing: border-box; border-radius: 2px; margin-right: 7px; margin-bottom: 10px; display: inline-block; font-size: 12px; line-height: 140%; padding: 8px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col { width: 70%; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col { margin-right: 15px; position: relative; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-img-block { width: 180px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-img-block img { width: 100%; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-text-block { position: absolute; bottom: 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; align-content: stretch; width: 100%; height: 70px; padding: 0 15px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-text-block .pc-drop-title { font-size: 14px; line-height: 140%; margin-bottom: 3px; text-transform: capitalize; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-text-block .pc-drop-text { font-size: 14px; line-height: 18px; text-align: center; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-text-block .pc-drop-text-black__style { font-size: 12px; line-height: 11px; } .header-bottom-row .header-search-block:hover .header-search-dropdown-block { display: block; opacity: 1; z-index: 10; } .header-bottom-row .header-userbar-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; align-content: stretch; } .header-bottom-row .header-userbar-wrapper .header-userbar-col .hu-link { color: var(--color-black); } .header-bottom-row .header-userbar-wrapper .header-userbar-col .hu-link .hu-link-bl__style { display: block; text-align: center; } .header-bottom-row .header-userbar-wrapper .header-userbar-col .hu-link .hu-icon-bl { font-size: 20px; } .header-bottom-row .header-userbar-wrapper .header-userbar-col .hu-link .hu-text-bl { font-size: 11px; line-height: 160%; color: var(--color-grey3); } .header-bottom-row .header-userbar-wrapper .header-userbar-col .hu-link .icon-group-1-basket { position: relative; } .header-bottom-row .header-userbar-wrapper .header-userbar-col .hu-link .icon-group-1-basket .quantity-product-bl { font-size: 9px; line-height: 11px; background: #2B8BEA; padding: 2px 0; border-radius: 50%; position: absolute; left: 50%; top: -5px; color: #ffffff; width: 15px; height: 15px; text-align: center; } .header-bottom-row .header-basket-drop-block { position: relative; } .header-bottom-row .header-basket-drop-block .header-basket-drop-currency { text-transform: uppercase; } .header-basket-drop-col { position: unset; width: 400px; background: #ffffff; z-index: 10; padding: 10px 20px; box-shadow: unset; display: block; opacity: 1; } .header-basket-drop-col .hb-d-title { font-size: 22px; line-height: 140%; text-align: center; color: #000000; margin-top: 5px; } .header-basket-drop-col .hb-d-quantity-product { text-align: center; font-size: 14px; line-height: 17px; margin-bottom: 15px; border-bottom: 1px solid #e5e5e5; padding-bottom: 25px; } .header-basket-drop-col .items-in-basket-container { margin-bottom: 10px; } .header-basket-drop-col .items-in-basket-container .items-in-basket-col { border-bottom: 1px solid #E0E0E0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; height: auto; padding-bottom: 10px; padding-top: 10px; } .header-basket-drop-col .items-in-basket-container .items-in-basket-col .ib-drop-img { background-color: #fff; display: block; height: 70px; position: relative; width: 70px; } .header-basket-drop-col .items-in-basket-container .items-in-basket-col .ib-drop-img img { height: 100%; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; } .header-basket-drop-col .items-in-basket-container .items-in-basket-col .ib-drop-name { padding: 5px 10px; width: 75%; } .header-basket-drop-col .items-in-basket-container .items-in-basket-col .ib-drop-name .ib-drop-link__style { font-size: 13px; line-height: 140%; display: inline-flex; } .header-basket-drop-col .items-in-basket-container .items-in-basket-col .ib-drop-close { color: #000000; font-size: 11px; } .header-basket-drop-col .items-in-basket-container .items-in-basket-col .ib-drop-close:hover { color: var(--color-grey3); cursor: pointer; } .header-basket-drop-col .hb-d-bottom-block { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: stretch; margin-bottom: 10px; margin-top: 20px; } .header-basket-drop-col .hb-d-bottom-block .hb-d-button { padding-left: 30px; padding-right: 30px; } .header-basket-drop-col .hb-d-bottom-block .hb-d-price-block { text-align: right; } .header-basket-drop-col .hb-d-bottom-block .hb-d-price-block .hb-d-text { font-size: 12px; line-height: 173.5%; } .header-basket-drop-col .hb-d-bottom-block .hb-d-price-block .hb-d-final-cost { font-size: 18px; line-height: 31, 23px; color: #000000; } /* end header */ /* grid slider style*/ .main-home-slider-container { margin: 0px 0 29px; border-bottom: 0px solid #000000; padding-bottom: 16px; position: relative; } .main-home-slider-container .main-home-slider-grid-block { /* position: relative; max-width: 100%; display: grid; grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); grid-template-rows: minmax(188px, auto); grid-auto-flow: dense; grid-gap: 15px; */ } .main-home-slider-container .main-home-slider-grid-block img { width: 100% !important; -o-object-fit: cover; object-fit: cover; height: 100% !important; } .main-home-slider-container .home-slider-arrow-block { position: absolute; right: 0; bottom: -20px; background: #ffffff; z-index: 10; padding: 10px 0 10px 30px; } .main-home-slider-container .home-slider-arrow-block .home-slider-arrow__style { font-size: 10px; margin-left: 7px; color: #ddd; } .main-home-slider-container .home-slider-arrow-block .home-slider-arrow__style:hover { color: #000000; cursor: pointer; } .main-home-slider-container .grid_main_slider { height: 0px; padding-bottom: 35%; overflow: visible; position: relative; margin-right: 10px; /* &:before{ height: calc(100% - 4px); background: linear-gradient(180deg, rgba(187,187,187,1) 0%, rgba(221,221,221,1) 50%, rgba(246,246,246,1) 100%); width: 7px; content: ""; display: flex; position: absolute; right: -7px; bottom: 0px; border-radius: 0px 6px 4px 0px; } &:after{ height: calc(100% - 8px); background: linear-gradient(180deg, rgba(214,214,214,1) 0%, rgba(238,238,238,1) 50%, rgba(246,246,246,1) 100%); width: 7px; content: ""; display: flex; position: absolute; right: -14px; bottom: 0px; border-radius: 0px 6px 4px 0px; } */ } @media (max-width: 768px) { .main-home-slider-container .grid_main_slider { padding-bottom: 110%; margin: 0px 0px 16px 0px; } } @media (max-width: 768px) { .main-home-slider-container .grid_main_slider:after, .main-home-slider-container .grid_main_slider:before { display: none; } } .main-home-slider-container .grid_main_slider .layer_replace, .main-home-slider-container .grid_main_slider .component-block, .main-home-slider-container .grid_main_slider .component_inner, .main-home-slider-container .grid_main_slider .slider_outer_main_slider, .main-home-slider-container .grid_main_slider .swiper-container, .main-home-slider-container .grid_main_slider .swiper-wrapper, .main-home-slider-container .grid_main_slider .main_slider_component, .main-home-slider-container .grid_main_slider .swiper-slide { height: 100%; } .main-home-slider-container .grid_main_slider .slider_outer_main_slider { position: absolute; width: 100%; height: 100%; } .main-home-slider-container .grid_main_slider .slider_outer_main_slider img { position: absolute; o-object-fit: cover; -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .main-home-slider-container .outer_height_slider_right { height: 100%; } .main-home-slider-container .outer_height_slider_right .grid_liser_main_col_right { height: 100%; } .main-home-slider-container .outer_height_slider_right .slider_text_left_mini, .main-home-slider-container .outer_height_slider_right .layer_replace, .main-home-slider-container .outer_height_slider_right .component-block, .main-home-slider-container .outer_height_slider_right .component_inner, .main-home-slider-container .outer_height_slider_right .slider_outer_main_slider, .main-home-slider-container .outer_height_slider_right .swiper-container, .main-home-slider-container .outer_height_slider_right .swiper-wrapper, .main-home-slider-container .outer_height_slider_right .main_slider_component, .main-home-slider-container .outer_height_slider_right .swiper-slide { height: 100%; } .main-home-slider-container .outer_height_slider_right .swiper-wrapper { height: 100%; } .main-home-slider-container .outer_height_slider_right .swiper-wrapper img { height: 100%; width: auto; width: 100%; position: absolute; o-object-fit: cover; -o-object-fit: cover; object-fit: cover; } .main-home-slider-container .outer_height_slider_right .grid_liser_main_col_right1 { padding-bottom: 0px; } .main-home-slider-container .outer_height_slider_right .grid_liser_main_col_right2 { padding-top: 10px; } .slider_outer_main_slider .icon_outer { width: 120px; position: absolute; bottom: 48px; left: 74px; margin-left: -60px; right: 0px; } .slider_outer_main_slider .swiper-button-prev, .slider_outer_main_slider .swiper-button-next { color: var(--color-black); } .slider_outer_main_slider .swiper-button-prev:after, .slider_outer_main_slider .swiper-button-next:after { display: none !important; } .main_slider_component { position: relative; border-radius: 0px; overflow: hidden; } .home-slider-info-block-1 { position: absolute; top: 17%; left: 0; right: 0; } .home-slider-info-block-1 .hs-i-text-bl { color: #000000; font-size: 34px; line-height: 54px; text-align: center; } .home-slider-info-block-1 .hs-i-btn-block { text-align: center; padding: 40px; } .home-slider-info-block-1 .hs-i-btn__style { height: 40px; padding: 0 30px; } .home-slider-item-2 .home-slider-info-block-2 { position: absolute; top: 15%; left: 5%; } .home-slider-item-2 .home-slider-info-block-2 .hs-i-text-bl { color: #000000; font-size: 19px; line-height: 22px; text-align: center; } .home-slider-item-2 .home-slider-info-block-2 .hs-i-btn-block { text-align: center; padding: 20px; } .home-slider-item-2 .home-slider-info-block-2 .hs-i-btn__style-mini { font-size: 12px; padding: 0 15px; } .home-slider-item-2 .home-slider-info-block-2 .text-font-size-26__style { padding: 15px 0; display: inline-block; } .slider_text_right_mini .hs-i-text-bl { color: #000000; font-size: 20px; line-height: 29px; text-align: right; padding-right: 20px; } .slider_text_right_mini .hs-i-btn-block { text-align: right; padding: 15px; } .slider_text_right_mini .hs-i-btn__style { height: 33px; padding: 0 20px; } /* end grid slider style*/ /* special offers */ .special-offers-home-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: stretch; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; margin-bottom: 50px; } .special-offers-home-container .special-offers-home-col { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; margin-bottom: 20px; } .special-offers-home-container .special-offers-home-col .special-offers-home-icon-bl { margin-right: 20px; } .special-offers-home-container .special-offers-home-col .special-offers-icon__style { color: #2B8BEA; font-size: 42px; } .special-offers-home-container .special-offers-home-col .so-h-title-bl { font-size: 14px; line-height: 160%; color: #000000; text-transform: uppercase; } .special-offers-home-container .special-offers-home-col .so-h-text-bl { font-size: 14px; line-height: 160%; color: var(--color-grey3); } /* end special offers */ /* tabs home */ .main-tabs-home-block { margin: 40px 0; } .main-tabs-home-block .main-tabs-home-info-block { margin: 0px 0 0px; font-size: 18px; } .main-tabs-home-block .position-h2-th-block { position: relative; } .main-tabs-home-block .main-tabs-home-nav-block { overflow: hidden; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style { border-bottom: 1px solid #e5e5e5; justify-content: flex-start; margin: 0px -20px; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style { border: 0 !important; padding: 0 !important; margin-left: 80px; margin-bottom: 30px; position: relative; cursor: pointer; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style.active { background-color: transparent; color: inherit; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style.active::before { content: ""; position: absolute; left: 50%; bottom: -31px; margin-left: -7px; border: 7px solid transparent; border-bottom: 8px solid #e5e5e5; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style .nav-link-tab-main-container { position: relative; display: block; width: 112px; height: 112px; background: #EDEDED; border-radius: 50%; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style .nav-link-tab-main-container .nav-link-tab-main-img-block { position: absolute; right: -31px; top: 9px; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style .nav-link-tab-main-container .nav-link-tab-main-img-block img { width: auto; height: 90px; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style .nav-link-tab-main-container .nav-link-tab-main-text-block { display: inline-block; position: absolute; left: 0; bottom: 0px; font-size: 16px; line-height: 11px; color: #000000; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style.active .nav-link-tab-main-container { background: #2B8BEA; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style:hover .nav-link-tab-main-container { background: #2B8BEA; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .group_tab_name { margin: 0px 20px 20px; font-weight: 600; font-size: 26px; color: #aaa; cursor: pointer; } @media (max-width: 768px) { .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .group_tab_name { font-size: 24px; margin-bottom: 12px; } } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .group_tab_name:hover { color: var(--color-black); /* color:var(--color-primary); */ font-weight: 600; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .group_tab_name.active { color: var(--color-black); /* color:var(--color-primary); */ font-weight: 700; } .tab-pane-main-tabs__style { position: relative; } .tab-pane-main-tabs__style .home-tabs-arrow-block { position: absolute; right: 0; top: -53px; background: #ffffff; z-index: 10; padding: 10px 0 10px 30px; } @media (max-width: 768px) { .tab-pane-main-tabs__style .home-tabs-arrow-block { top: -44px; z-index: 10; padding: 2px 0 2px 4px; } } .tab-pane-main-tabs__style .home-tabs-arrow-block .home-tabs-arrow__style { font-size: 10px; margin-left: 7px; color: #ddd; } .tab-pane-main-tabs__style .home-tabs-arrow-block .home-tabs-arrow__style:hover { color: #000000; cursor: pointer; } /* end tabs home*/ /* product block mini */ .main-site-product-block-mini { background: #fff; border: 0px solid #E0E0E0; box-sizing: border-box; border-radius: 4px; padding: 10px 5px 20px; } .main-site-product-block-mini:hover { border-color: #000000; box-shadow: 0 4px 12px rgba(42, 42, 42, 0.08); } @media (mx-width: 900px) { .main-site-product-block-mini:hover { box-shadow: unset; } } .main-site-product-block-mini .product-promotional-offer-top { height: 26px; position: absolute; padding-right: 35px; z-index: 1; max-width: 100%; } .main-site-product-block-mini .product-promotional-offer-top .promotional-offer-top-block { margin-right: 4px; border-radius: 3px; padding: 2px 4px; } .main-site-product-block-mini .product-promotional-offer-top .promotional-offer-top-block.promotional-offer-top-block__style-1 { font-size: 11px; background: #222; color: #F2C94C; } .main-site-product-block-mini .product-promotional-offer-top .promotional-offer-top-block.promotional-offer-top-block__style-1 .po-top-block-pref { font-size: 7px; position: relative; bottom: 1px; left: 1px; } .main-site-product-block-mini .product-promotional-offer-top .promotional-offer-top-block.promotional-offer-top-block__style-2 { font-size: 11px; line-height: 140%; text-transform: uppercase; color: #000000; background: #F2C94C; } .main-site-product-block-mini .product-image-block-mini { border-bottom: 0px solid #E0E0E0; position: relative; margin-bottom: 5px; padding: 10px 0px; } .main-site-product-block-mini .product-image-block-mini .product-image-col-mini { height: 200px; position: relative; overflow: hidden; width: 100%; margin-bottom: 10px; } .main-site-product-block-mini .product-image-block-mini .product-image-col-mini img { position: static; transform: unset; max-width: unset; max-height: unset; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; opacity: 0; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .quick-view-pm-image { text-align: center; background: rgba(0, 0, 0, 0.2); border-radius: 3px; color: #ffffff; position: absolute; left: 50%; width: 134px; margin-left: calc(-134px/2); padding: 5px 0; bottom: 30px; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .quick-view-pm-image .icon-group-1-search { font-size: 24px; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .quick-view-pm-image .quick-view-pm-image-text { font-size: 12px; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .quick-view-pm-image .quick-view-pm-image-link { color: #ffffff; display: block; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .quick-view-pm-image .quick-view-pm-image-link .icon-group-1-search, .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .quick-view-pm-image .quick-view-pm-image-link .quick-view-pm-image-text { display: inline-block; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .pm-image-hover-btn-block-2 { position: absolute; right: 0; top: 0px; text-align: center; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .pm-image-hover-btn-block-2 .pm-image-user-btn__style { display: block; font-size: 13px; } .main-site-product-block-mini .product-image-block-mini .product-image-hover-bl-mini .pm-image-hover-btn-block-2 .pm-image-user-btn__style .icon-group-1-magnifier { font-size: 18px; } .main-site-product-block-mini:hover .product-image-hover-bl-mini { display: block; opacity: 1; z-index: 10; } .main-site-product-block-mini .product-availability-block-mini { font-size: 11px; line-height: 150%; color: #000000; margin-top: 0px; } .main-site-product-block-mini .product-availability-block-mini .product-availability-icon { font-size: 10px; background: #219653; color: #ffffff; border-radius: 50%; padding: 1px 0px 0px 2px; margin-right: 3px; } .main-site-product-block-mini .product-rating-block-mini img { width: 100%; } .main-site-product-block-mini .product-name-block-mini { text-align: center; margin: 10px 0px 8px; min-height: 51px; } .main-site-product-block-mini .product-name-block-mini .product-name-block-mini-wrapper { display: table; height: 100%; width: 100%; } .main-site-product-block-mini .product-name-block-mini .product-name-block-mini-wrapper .product-name-link__style { display: table-cell; line-height: 17px; vertical-align: middle; font-size: 13px; } .main-site-product-block-mini .product-info-block-mini { font-size: 11px; line-height: 140%; text-align: center; margin: 0px 0; height: 60px; overflow: hidden; } .main-site-product-block-mini .product-price-block-mini { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: stretch; margin: 15px 0 5px; } .main-site-product-block-mini .product-price-block-mini .product-price-col-1 { font-size: 22px; line-height: 22px; font-style: normal; color: var(--color-black); } .main-site-product-block-mini .product-price-block-mini .product-price-col-1 .product-price-bl-mini-currency { font-size: 14px; font-style: normal; } .main-site-product-block-mini .product-price-block-mini .product-price-col-2 { font-size: 12px; line-height: 15px; font-style: italic; margin-left: 20px; } .main-site-product-block-mini .product-price-block-mini .product-price-col-2 .product-old-price-bl-mini-value { text-decoration: line-through; } .main-site-product-block-mini .product-price-block-mini .product-price-col-2 .product-old-price-bl-mini-currency { font-size: 9px; position: relative; bottom: 4px; } .main-site-product-block-mini .product-button-block-mini { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; align-content: stretch; margin-top: 15px; justify-content: space-around; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; width: 74px; height: 28px; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-down { font-size: 10px; color: #000000; background: #EDEDED; padding: 3px 3px 3px 5px; border-radius: 6px 0 0 6px; height: 28px; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-down:hover { cursor: pointer; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-input__style { width: 100%; height: 28px; border: none; background: #EDEDED; padding: 1px 5px; text-align: center; outline: none; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-up { font-size: 10px; color: #000000; background: #EDEDED; padding: 3px 5px 3px 3px; border-radius: 0 6px 6px 0; height: 28px; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-up .icon-group-1-arr-1 { transform: rotate(180deg); display: inline-block; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-up:hover { cursor: pointer; } /* end product block mini */ /* main banner1 home */ .main-banner1-home-block { background: #222; padding: 50px 0; } .main-banner1-home-block .main-banner1-home-container { background-repeat: no-repeat; background-position: center center; background-size: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; padding: 50px 0 20px; min-height: 243px; } .main-banner1-home-block .main-banner1-home-container .slider_text_outer { position: absolute; } .main-banner1-home-block .main-banner1-home-container img { width: 100%; } .main-banner1-home-block .main-banner1-home-container .main-banner1-home-text { font-size: 20px; line-height: 24px; color: #ffffff; } .main-banner1-home-block .main-banner1-home-container .main-banner1-home-title { font-size: 60px; color: #ffffff; margin: 15px 0 25px; } .main-banner1-home-block .main-banner1-home-container .main-banner1-home-button { margin-bottom: 15px; } .main-banner1-home-block .main-banner1-home-container .main-banner1-home-button .main-banner1-home-button__style { font-size: 14px; line-height: 119.5%; height: 38px; display: inline-flex; align-items: center; padding: 0px 30px; text-transform: uppercase; border: 0; background: #FD3D35; color: #fff; border-radius: var(--main-radius); margin-top: 10px; } .main-banner1-home-block .main-banner1-home-container .main-banner1-home-text-mini { font-size: 12px; text-transform: uppercase; margin-top: 15px; color: #2B8BEA; } /* end main banner1 home */ .slider_list { margin: 0; border-bottom: 0 solid var(--color-black); position: relative; box-shadow: unset; padding: 5px 10px; } .slider_list .slider-list-item { padding: 10px 15px; } .slider_list .slider-list-item .slider_href { background-color: transparent; display: block; height: 0; padding-top: 40%; position: relative; width: 100%; } .slider_list .slider-list-item .slider_href img { height: 100%; -o-object-fit: contain; object-fit: contain; position: absolute; top: 0; width: 100%; } .slider_list .slider-list-arrows { position: absolute; right: 0; bottom: -20px; background: #ffffff; z-index: 10; padding: 10px 0 10px 30px; } .slider_list .slider-list-arrows .slider-list-arrow__style { font-size: 10px; margin-left: 7px; color: #ddd; } .slider_list .slider-list-arrows .slider-list-arrow__style:hover { color: #000000; cursor: pointer; } .slider-back-arrows { position: absolute; right: 10px; bottom: 3px; background: transparent; z-index: 10; padding: 10px 0 10px 30px; } .slider-back-arrows span { color: #fff; } .slider-back-arrows span.swiper-button-disabled { opacity: 0.6; } /* main tabs2 home block */ .main-tabs2-home-block { margin: 100px 0; } .main-tabs2-home-block .nav-tabs2__style { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style { font-size: 14px; text-transform: capitalize; border: 0; margin-right: 15px; color: #000000; letter-spacing: 0px; transition: none; position: relative; cursor: pointer; } .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style:first-child { padding-left: 0; } .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style.active { letter-spacing: -0.21px; } .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style.active::before { content: ""; position: absolute; left: 50%; bottom: -18px; margin-left: -8px; border: 7px solid transparent; border-bottom: 8px solid #e5e5e5; } .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style:hover { letter-spacing: -0.21px; } .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style:hover::before { content: ""; position: absolute; left: 50%; bottom: -18px; margin-left: -8px; border: 7px solid transparent; border-bottom: 8px solid #e5e5e5; } .main-tabs2-home-block .tab2-pane__style { position: relative; } .main-tabs2-home-block .tab2-pane__style .main-tabs2-hom-arrow-block { position: absolute; right: 0; top: -73px; background: #ffffff; z-index: 10; padding: 10px 0 10px 30px; } .main-tabs2-home-block .tab2-pane__style .main-tabs2-hom-arrow-block .main-tabs2-hom-arrow__style { font-size: 10px; margin-left: 7px; color: #ddd; } .main-tabs2-home-block .tab2-pane__style .main-tabs2-hom-arrow-block .main-tabs2-hom-arrow__style:hover { color: #000000; cursor: pointer; } /* end main tabs2 home block */ /* main discounts home */ .main-discounts-home-container { margin: 30px 0; } .main-discounts-home-container .discounts-h-bl-caption { font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #E0E0E0; margin-bottom: 30px; padding-bottom: 15px; color: #000000; display: block; } .main-discounts-home-container .discounts-h-bl-baner-col { margin: 10px 0; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image { background: #222; position: relative; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .dh-bl-baner-po-img-col { text-align: center; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .dh-bl-baner-po-img-col .dh-bl-baner-po-img__style { width: 100%; height: auto; margin-bottom: 5px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-promotional-offer { position: absolute; left: 15px; top: 20px; bottom: auto; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-promotional-offer .dh-bl-baner-po-box { display: inline-block; border: 1px solid #2B8BEA; text-transform: uppercase; font-size: 11px; padding: 4px 7px; line-height: 15px; margin-right: 10px; color: #2B8BEA; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-button1 { position: absolute; top: 15px; right: 15px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-button1 .dh-bl-baner-btn-box { color: #2B8BEA; display: block; width: 20px; height: 20px; text-align: center; border: 1px solid #2B8BEA; margin-bottom: 10px; padding: 3px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-button1 .dh-bl-baner-btn-box .icon-group-1-favorites { font-size: 11px; position: relative; bottom: 5px; left: 0.03em; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-button1 .dh-bl-baner-btn-box .icon-group-1-search { font-size: 14px; position: relative; bottom: 4px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-button1 .dh-bl-baner-btn-box .icon-group-1-compare-2 { font-size: 11px; position: relative; bottom: 5px; left: 1px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .discounts-h-bl-baner-button1 .dh-bl-baner-btn-box:hover { color: #ffffff; border-color: #ffffff; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block { background: #222; padding: 10px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-name { margin-bottom: 10px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-name a { color: #ffffff; font-size: 22px; line-height: 32px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-name a:hover { color: #2B8BEA; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: stretch; margin: 30px 0 25px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-price { width: auto; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-price .baner-i-block-price-col-1 { font-size: 24px; font-style: italic; margin-bottom: 0px; color: #2B8BEA; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-price .baner-i-block-price-col-1 .baner-i-block-price-bl-mini-currency { font-size: 12px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-price .baner-i-block-price-col-2 { font-size: 16px; font-style: italic; text-decoration: line-through; color: var(--color-grey3); } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter { width: auto; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter .discount-counter2-site-title { font-size: 11px; color: #ffffff; line-height: 15px; margin-bottom: 10px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter .discount-counter2-site-box-bl .discount-counter2-box-item { font-size: 12px; background: linear-gradient(180deg, #8abe41 0%, #E3AB00 100%); color: #000000; padding: 3px; display: inline-block; width: 32px; height: 32px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter .discount-counter2-site-box-bl .discount-counter2-box-item .ds-counter2-box-value { display: block; font-size: 11px; text-align: center; line-height: 14px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter .discount-counter2-site-box-bl .discount-counter2-box-item .ds-counter2-box-text { font-size: 7px; display: block; text-align: center; line-height: 9px; text-transform: uppercase; opacity: 0.7; } .main-discounts-site-col { border-bottom: 1px solid #E0E0E0; padding: 0px 0 17px; margin-bottom: 16px; } .main-discounts-site-col .m-discounts-s-image-block { height: 0px; padding-bottom: 80%; position: relative; overflow: hidden; width: 100%; margin-bottom: 10px; } .main-discounts-site-col .m-discounts-s-image-block img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-width: 100%; max-height: 100%; } .main-discounts-site-col .m-discounts-s-title-block { font-size: 13px; color: #000000; margin-bottom: 3px; line-height: 18px; display: flex; min-height: 54px; } .main-discounts-site-col .m-discounts-s-rating-block { margin-top: 10px; } .main-discounts-site-col .m-discounts-s-price-block { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; align-content: stretch; margin-top: 0px; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row { width: 43%; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-1 { font-size: 13px; font-style: italic; margin-bottom: 4px; color: #2B8BEA; line-height: 16px; margin-top: 8px; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-2 { font-size: 10px; font-style: italic; text-decoration: line-through; color: var(--color-grey3); line-height: 13px; } .main-discounts-site-col .m-discounts-s-price-block .discount-counter2-site__style { width: 57%; } .main-discounts-site-col .m-discounts-s-price-block .discount-counter2-site__style .discount-counter2-site-title { font-size: 9px; color: #000000; } .discount-counter2-site-box-bl .discount-counter2-box-item { font-size: 11px; background: #EDEDED; color: #000000; padding: 3px; display: inline-block; width: 27px; height: 27px; } .discount-counter2-site-box-bl .discount-counter2-box-item .ds-counter2-box-value { display: block; font-size: 10px; text-align: center; line-height: 14px; } .discount-counter2-site-box-bl .discount-counter2-box-item .ds-counter2-box-text { font-size: 7px; display: block; text-align: center; line-height: 9px; text-transform: uppercase; opacity: 0.7; } .main-discounts-site-container { position: relative; } .main-discounts-site-container .main-discounts-site-hom-arrow-block { position: absolute; right: 0; top: -51px; background: #ffffff; z-index: 10; padding: 10px 0 10px 30px; } .main-discounts-site-container .main-discounts-site-hom-arrow-block .main-discounts-site-hom-arrow__style { font-size: 10px; margin-left: 7px; color: #ddd; } .main-discounts-site-container .main-discounts-site-hom-arrow-block .main-discounts-site-hom-arrow__style:hover { color: #000000; cursor: pointer; } /* end main discounts home */ /* main banner2 home */ .main-banner2-home-block { background: white; background: linear-gradient(to bottom, white 35%, #8abe41 35%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#8abe41",GradientType=0 ); margin: 70px 0; padding: 55px 0; } .main-banner2-home-block .main-banner2-home-col { margin-bottom: 10px; } .main-banner2-home-block .main-banner2-home-col img { width: 100%; box-shadow: 4px 20px 25px rgba(0, 0, 0, 0.1); border-radius: 3px; } /* end main banner2 home */ /* main contacts home */ .main-contacts-home-container { padding: 50px 0; } .main-contacts-home-image-block { text-align: center; } .main-contacts-home-image-block img { width: 216px; } .main-contacts-home-title { font-size: 24px; margin-bottom: 30px; color: #000000; } .main-contacts-home-text { margin-right: 200px; } .main-contacts-home-info-container { margin: 0px 0; } .main-contacts-home-info-container .main-contacts-home-map-block { height: 100%; } .main-contacts-home-info-container .main-contacts-home-map-block .mapplace { height: 100%; } .main-contacts-home-info-block { background: #000000; min-height: 500px; } .main-contacts-home-info-block .mc-h-i-block-title { font-size: 24px; border-bottom: 1px solid #ffffff; padding: 20px; color: #ffffff; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper { padding: 30px; max-height: 572px; overflow: auto; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-col { border-bottom: 1px solid #828282; margin-bottom: 10px; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-col:last-child { border: none; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-name { font-size: 12px; text-transform: uppercase; margin-bottom: 5px; color: #ffffff; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-text { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: stretch; margin-bottom: 10px; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-text .mc-h-i-block-icon { font-size: 20px; margin-right: 15px; color: #2B8BEA; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-text .mc-h-i-block-txt { font-size: 12px; line-height: 14px; color: #BDBDBD; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; margin-bottom: 15px; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-row .mc-h-i-block-time { font-size: 12px; line-height: 14px; color: #ffffff; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-row .mc-h-i-block-link__style { font-size: 12px; line-height: 14px; color: #2B8BEA; } .main-contacts-home-info-block .mc-h-i-block-address-wrapper .mc-h-i-block-address-row .mc-h-i-block-link__style:hover { color: #ffffff; } .main-contacts-home-info-block .mc-h-i-block-watch-more { margin: 0px 0 0px; padding: 0px 30px 24px 30px; } .main-contacts-home-info-block .mc-h-i-block-watch-more .mc-h-i-block-watch-more__style { font-size: 12px; line-height: 14px; color: #2B8BEA; } .main-contacts-home-info-block .mc-h-i-block-watch-more .mc-h-i-block-watch-more__style:hover { color: #ffffff; } .main-contacts-home-info-block .mc-h-i-block-watch-more .mc-h-i-block-watch-more__style .icon-group-1-Arrow-3 { font-size: 6px; } /* end main contacts home */ /* breadcrumb site */ .breadcrumb-site-container { margin: -10px 0 10px; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: stretch; padding-left: 0; } .breadcrumb-site-container .breadcrumb-site-col .breadcrumb-site-link { font-size: 11px; margin-right: 7px; color: var(--color-grey3); } .breadcrumb-site-container .breadcrumb-site-col .breadcrumb-site-link:hover { color: #000000; } .breadcrumb-site-container .breadcrumb-site-col:last-child a { pointer-events: none; cursor: default; } /* end breadcrumb site */ /****** product page style *******/ .product-page-title { margin-bottom: 10px; } .product-page-title .product-page-title__style { font-size: 30px; margin-bottom: 30px; } .fb-product-info-btn-magnifier__style { font-size: 28px; color: #ccc; cursor: pointer; } .fb-product-info-btn-magnifier__style:hover { opacity: 0.8; color: var(--color-black); } .fc_i_outer, .cc_i_outer { cursor: pointer; } .fc_i_outer:hover, .cc_i_outer:hover { opacity: 0.8; } .first-block-product-info-container { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; } .first-block-product-info-container .first-block-product-info-slider { border: 1px solid #F1F1F1; position: relative; margin-bottom: 0px; height: 100%; } .first-block-product-info-container .first-block-product-info-slider .product-image-block, .first-block-product-info-container .first-block-product-info-slider .slider-product-img, .first-block-product-info-container .first-block-product-info-slider .big_carousel, .first-block-product-info-container .first-block-product-info-slider .owl-carousel, .first-block-product-info-container .first-block-product-info-slider .owl-stage-outer, .first-block-product-info-container .first-block-product-info-slider .owl-stage, .first-block-product-info-container .first-block-product-info-slider .owl-item, .first-block-product-info-container .first-block-product-info-slider .outer_product_image_padding { height: 100%; } .first-block-product-info-container .first-block-product-info-slider .outer_product_image_padding { display: flex; align-items: center; } .first-block-product-info-container .first-block-product-info-slider .fb-product-info-btn-arrow-block { position: absolute; bottom: 15px; left: 50%; } .first-block-product-info-container .first-block-product-info-slider .fb-product-info-btn-arrow-block .fb-product-info-btn-arrow__style { margin-left: 3px; font-size: 9px; } .first-block-product-info-container .first-block-product-info-slider .fb-product-info-btn-arrow-block .fb-product-info-btn-arrow__style:hover { cursor: pointer; color: #000000; } .first-block-product-info-container .first-block-product-info-slider .fb-product-info-btn-magnifier-block { position: absolute; right: 15px; bottom: 10px; } .first-block-product-info-container .first-block-product-info-wrapper { border: 1px solid #F1F1F1; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: stretch; margin: 20px 0 20px; padding: 0px 20px; position: relative; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar__style .fb-product-i-userbar-link { margin-right: 10px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; align-content: center; font-size: 11px; color: var(--color-grey3); } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar__style .fb-product-i-userbar-link:hover { color: #2B8BEA; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar__style .fb-product-i-userbar-link .fb-product-i-userbar-icon { font-size: 11px; color: #000000; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar__style .fb-product-i-userbar-link .fb-product-i-userbar-text { padding-left: 2px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar__style .fb-product-i-userbar-link .icon-group-1-pencil { font-size: 15px; position: relative; left: 0px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar__style .fb-product-i-userbar-link .icon-group-1-reviews { font-size: 18px; position: relative; left: 4px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar-share-bl { position: absolute; right: 20px; top: -4px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar-share-bl .fb-product-i-userbar-share-link { font-size: 28px; z-index: 10; color: #222; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar-share-bl .fb-product-i-userbar-share-link:hover { color: #2B8BEA; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fc_i_outer, .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .cc_i_outer { font-size: 12px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fc_i_outer .pm-image-user-btn__style, .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .cc_i_outer .pm-image-user-btn__style { font-size: 12px; line-height: 17px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fc_i_outer .fb-product-i-userbar-text, .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .cc_i_outer .fb-product-i-userbar-text { font-size: 11px; margin-right: 10px; margin-left: 2px; line-height: 16px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fc_i_outer .fb-product-i-userbar-text.active, .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .cc_i_outer .fb-product-i-userbar-text.active { color: #2B8BEA; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-mini-param-col { padding: 0 20px; margin-bottom: 20px; color: #000000; margin-right: 5px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row { border-top: 1px solid #e5e5e5; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: stretch; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 { border-right: 1px solid #F1F1F1; padding: 20px 15px 15px 15px; width: 32%; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-availability { font-size: 14px; line-height: 150%; color: #000000; margin-left: 6px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-availability .fb-offer-availability-icon { font-size: 10px; background: #219653; color: #ffffff; border-radius: 50%; padding: 1px 0px 0px 2px; margin-right: 3px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; align-content: center; margin: 15px 0; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row .fb-offer-col-1 { line-height: 7px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row .fb-offer-col-1 .fb-offert-icon__style { font-size: 28px; color: #000000; font-weight: 500; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row .fb-offer-col-1 .fb-offert-icon__style.el-icon-location-outline { font-size: 21px; padding: 3px 5px 0px 2px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row .fb-offer-col-2 { font-size: 14px; color: #000000; line-height: 20px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row-button { text-align: center; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row-button .fb-offer-row-button__style { height: 29px; background: #000000; border: 0; color: #ffffff; font-size: 11px; border-radius: 45px; padding: 0px 11px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 .fb-offer-row-button .fb-offer-row-button__style:hover { background: #2B8BEA; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-2 { padding: 20px 15px 15px 15px; width: 68%; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-2 .fb-offer-param-row { margin-bottom: 5px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-2 .fb-offer-param-row .fb-offer-param-title { font-size: 14px; color: #000000; margin-bottom: 4px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-2 .fb-offer-param-row .fb-offer-param-value .fb-offer-param-value__style { font-size: 11px; text-transform: lowercase; background: #EDEDED; color: #000000; margin-right: 5px; border: 1px solid #EDEDED; padding: 5px 8px; border-radius: 2px; display: inline-block; line-height: normal; margin-bottom: 4px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-2 .fb-offer-param-row .fb-offer-param-value .fb-offer-param-value__style.active { border-color: #e5e5e5; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-2 .fb-offer-param-row .fb-offer-param-value .fb-offer-param-value__style:hover { border-color: #e5e5e5; cursor: pointer; } .first-block-product-info-container .fb-product-i-price-row { border: 1px solid #e5e5e5; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: stretch; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-1 { padding: 5px 10px; min-height: 50px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: flex-end; background: #2B8BEA; width: 32%; border-right: 1px solid #e5e5e5; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-1 .fb-product-price-bl-1 { font-size: 24px; font-style: italic; color: #000000; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-1 .fb-product-price-bl-1 .product-price-fb-bl-currency { font-size: 16px; font-weight: 600; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-1 .fb-product-price-bl-2 { margin-left: 20px; font-size: 14px; color: #000000; text-decoration: line-through; font-style: italic; font-weight: 500; position: relative; top: 2px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-1 .fb-product-price-bl-2 .product-old-price-fb-bl-currency { font-size: 11px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: stretch; margin-left: 20px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-quantity-bl { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: stretch; width: 74px; height: 30px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-quantity-bl .product-fb-quantity-down { font-size: 10px; color: #000000; background: #ffffff; padding: 3px 3px 3px 5px; border-radius: 6px 0 0 6px; height: 30px; border: 1px solid #e5e5e5; border-right: 0; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-quantity-bl .product-fb-quantity-down:hover { cursor: pointer; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-quantity-bl .product-fb-quantity-input__style { width: 100%; height: 30px; border: none; background: #ffffff; padding: 1px 5px; text-align: center; outline: none; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-quantity-bl .product-fb-quantity-up { font-size: 10px; color: #000000; background: #ffffff; padding: 3px 5px 3px 3px; border-radius: 0 6px 6px 0; height: 30px; border: 1px solid #e5e5e5; border-left: 0; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-quantity-bl .product-fb-quantity-up .icon-group-1-arr-1 { transform: rotate(180deg); display: inline-block; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-quantity-bl .product-fb-quantity-up:hover { cursor: pointer; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-button1__style { margin: 0 10px 0 20px; color: #ffffff; border: 1px solid #e5e5e5; background: #222; height: 32px; padding: 0px 17px; border-radius: 45px; font-size: 12px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-button1__style:hover { color: #000000; background: #ffffff; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-button2__style { color: #ffffff; border: 1px solid #2B8BEA; background: #2B8BEA; height: 28px; padding: 0px 17px; border-radius: 45px; margin-left: 10px; font-size: 12px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-button2__style:hover { color: #ffffff; background: #222; border-color: #e5e5e5; } .main-tabs-product-list-container { margin: 50px 0; } .main-tabs-product-list-container .nav-tabs-product-list { border-bottom: 1px solid #E0E0E0; text-align: center; margin-bottom: 50px; } .main-tabs-product-list-container .nav-tabs-product-list .nav-link-product-list { font-size: 16px; line-height: 29px; padding: 15px 30px; text-transform: uppercase; border: 0; color: #000000; text-align: center; transition: 0s all; -webkit-transition: 0s all; -o-transition: 0s all; -moz-transition: 0s all; -ms-transition: 0s all; position: relative; } .main-tabs-product-list-container .nav-tabs-product-list .nav-link-product-list:after { display: block; content: attr(title); height: 1px; color: transparent; overflow: hidden; visibility: hidden; margin-bottom: -1px; } .main-tabs-product-list-container .nav-tabs-product-list .nav-link-product-list.active { border-bottom: 3px solid #e5e5e5; margin-bottom: -3px; } .main-tabs-product-list-container .nav-tabs-product-list .nav-link-product-list:hover { border-bottom: 3px solid #e5e5e5; margin-bottom: -3px; } .main-tabs-product-list-container .nav-tabs-product-list .nav-item-product-list:first-child .nav-link-product-list { padding-left: 0; } .main-tabs-product-list-container .show_parsm_more { cursor: pointer; display: inline-flex; color: var(--color-black); align-items: center; margin-top: 10px; } .main-tabs-product-list-container .show_parsm_more .icon-group-1-Arrow-3 { font-size: 6px; margin-left: 10px; } .main-tabs-product-list-container .show_parsm_more:hover { opacity: 0.8; } .main-tabs-product-list-container .tab-param-product-block { padding: 10px 0; margin-bottom: 0px; } .main-tabs-product-list-container .tab-param-product-block .param_block_description { margin-top: 0px; position: relative; } .main-tabs-product-list-container .tab-param-product-block .param_block_description:after { position: absolute; content: " "; bottom: 0px; left: 0; right: 0; height: 200px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container { display: flex; flex-wrap: wrap; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container.minus-margin-top { margin-top: -20px; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col { width: 100%; margin-top: 40px; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-title { font-size: 16px; color: #000000; margin-bottom: 20px; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-info { width: 85%; margin-bottom: 5px; display: table; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-info .tab-param-product-name { font-size: 14px; color: var(--color-grey3); width: 50%; display: table-cell; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-info .tab-param-product-name::before { content: ""; border-bottom: 2px dotted #E0E0E0; display: block; height: 1px; width: 100%; position: relative; left: 0; top: 17px; z-index: -1; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-info .tab-param-product-name .tab-param-product-name__style { background: #ffffff; padding: 0 10px 2px 0; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-info .tab-param-product-value { font-size: 14px; color: #000000; width: 50%; text-align: right; display: table-cell; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-info .tab-param-product-value::before { border-bottom: 2px dotted #E0E0E0; content: ""; display: block; height: 1px; right: 0; position: relative; top: 17px; width: 98%; z-index: -1; left: 1px; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-info .tab-param-product-value .tab-param-product-value__style { background: #ffffff; padding: 0 0 2px 10px; } .similar-product-block { padding: 0px 0px 50px; } .similar-product-block .similar-product-wrapper { border-top: 1px solid #e5e5e5; padding-top: 50px; position: relative; } .similar-product-block .similar-product-wrapper .similar-product-arrow-block { position: absolute; right: 0; top: -23px; background: #ffffff; z-index: 10; padding: 10px 0 10px 30px; } .similar-product-block .similar-product-wrapper .similar-product-arrow-block .similar-product-arrow__style { font-size: 10px; margin-left: 7px; color: #ddd; } .similar-product-block .similar-product-wrapper .similar-product-arrow-block .similar-product-arrow__style:hover { color: #000000; cursor: pointer; } .accessories-product-block { padding: 50px 0; } .accessories-product-block .accessories-product-wrapper { border-top: 1px solid #e5e5e5; padding-top: 50px; position: relative; } .accessories-product-block .accessories-product-wrapper .accessories-product-arrow-block { position: absolute; right: 0; top: -23px; background: #ffffff; z-index: 10; padding: 10px 0 10px 30px; } .accessories-product-block .accessories-product-wrapper .accessories-product-arrow-block .accessories-product-arrow__style { font-size: 10px; margin-left: 7px; color: #ddd; } .accessories-product-block .accessories-product-wrapper .accessories-product-arrow-block .accessories-product-arrow__style:hover { color: #000000; cursor: pointer; } /****** end product page style *******/ .header-logo-block { height: 100%; display: flex; align-items: center; } /******************************** responsive style *****************************************/ @media screen and (max-width: 575px) { .main_slider_component, .home-slider-item-2, .home-slider-item-3 { grid-column: unset; grid-row: unset; } .header-logo-block { text-align: center; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style.active::before { display: none; } .main-site-product-block-mini { margin-bottom: 0px; } .main_slider_component .home-slider-info-block-1 .hs-i-text-bl { font-size: 16px; line-height: 12px; } .main_slider_component .home-slider-info-block-1 .hs-i-text-bl .text-font-size-60__style { font-size: 34px; } .main_slider_component .home-slider-info-block-1 .hs-i-btn-block { text-align: center; padding: 14px; } .home-slider-item-2 .home-slider-info-block-2 { top: 8%; } .home-slider-item-2 .home-slider-info-block-2 .text-font-size-26__style { padding: 7px 0; } .home-slider-item-2 .home-slider-info-block-2 .hs-i-btn-block { padding: 5px; } .home-slider-item-3 .home-slider-info-block-3 { top: 12%; right: 4%; } .home-slider-item-3 .hs-i-text-bl { font-size: 18px; } .special-offers-home-container { flex-direction: column; align-content: center; align-items: flex-start; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style { justify-content: space-between; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-item.nav-item-main-tabs__style { flex-basis: 40%; cursor: pointer; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style { margin-left: 0; } .main-banner1-home-block .main-banner1-home-container .main-banner1-home-title { font-size: 46px; } .main-tabs2-home-block .nav-tabs2__style { flex-direction: column; } .main-tabs2-home-block .nav-tabs2__style .nav-item-tabs2-link__style.active::before { display: none; } .main-discounts-site-col { text-align: center; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row { justify-content: space-around !important; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-1 { font-size: 22px !important; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-2 { font-size: 14px !important; } .site-footer-container-top .footer-logo-block { flex-direction: column; justify-content: space-around; } .site-footer-container-top .footer-logo-block .footer-logo-col { margin-bottom: 30px; } .site-footer-container-top .footer-logo-block .footer-soc-icon-block { font-size: 20px; margin-bottom: 20px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 { flex-direction: column; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-quantity-bl { margin-bottom: 20px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 .product-fb-button1__style { margin: 0 0 20px 0; } .main-tabs-product-list-container .nav-tabs-product-list .nav-item-product-list .nav-link-product-list { padding-left: 0; } } @media screen and (min-width: 576px) and (max-width: 767px) { .header-logo-block { text-align: center; } .header-top-right-bar { justify-content: center; } .header-top-right-bar .top-right-bar-wrapper { margin: 13px; } .header-top-menu-wrapper .header-top-menu-col { margin-right: 12px; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style { margin-bottom: 0px; justify-content: space-around; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style.active::before { display: none; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style { margin: 30px; } .main-site-product-block-mini { margin-bottom: 20px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-mini-param-col { margin-right: 0; } .main-tabs-product-list-container .nav-tabs-product-list .nav-link-product-list { font-size: 12px; } } @media screen and (max-width: 767px) { .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row { flex-direction: column; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 { width: auto; border-right: 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 30px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-2 { width: auto; } .first-block-product-info-container .fb-product-i-price-row { flex-direction: column; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-1 { width: 100%; border-bottom: 1px solid #e5e5e5; border-right: 0; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-2 { padding: 20px 0; margin-left: 0; } .main-site-product-block-mini .product-price-block-mini .product-price-col-1 { font-size: 26px; } .main-site-product-block-mini .product-price-block-mini .product-price-col-2 { font-size: 14px; } .main-site-product-block-mini .product-button-block-mini { justify-content: space-around; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini { width: 90px; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-down { font-size: 14px; padding: 7px 3px 3px 5px; height: 36px; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-up { font-size: 14px; padding: 6px 5px 3px 3px; height: 36px; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini .product-quantity-input__style { height: 36px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-mini-param-col { margin-right: 0; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col { justify-content: left; flex-wrap: wrap; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar-share-bl { position: relative; top: 0; right: 0; left: 0; bottom: 0; margin-bottom: 15px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col .fb-product-i-userbar-share-bl .fb-product-i-userbar-share-link { font-size: 20px; } } @media screen and (min-width: 768px) and (max-width: 991px) { .special-offers-home-container .special-offers-home-col { justify-content: center; flex-basis: 50%; } .header-top-right-bar .top-right-bar-wrapper { margin-left: 25px; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style { margin-bottom: 0px; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style { margin-left: 40px; } } @media screen and (max-width: 991px) { .main-banner1-home-block .main-banner1-home-container { background-size: cover; } .dh-bl-baner-i-block-discount-counter.discount-counter-site__style { text-align: right; } .main-discounts-home-container .discounts-h-bl-caption { font-size: 18px; } .discounts-home-bl-col { margin-bottom: 50px; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col { width: 100%; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col .tab-param-product-info { width: 100%; } .footer-rss-block { text-align: center; } .header-search-block { margin-bottom: 20px; } .main-contacts-home-text { margin-right: 0; } .main-contacts-home-image-block { margin-bottom: 30px; } } @media screen and (min-width: 992px) and (max-width: 1199px) { .header-bottom-row .header-userbar-wrapper .header-userbar-col .hu-link .hu-icon-bl { font-size: 14px; } .header-bottom-row .header-userbar-wrapper .header-userbar-col .hu-link .hu-text-bl { font-size: 7px; } .header-bottom-row .header-basket-drop-block .header-basket-drop-col { right: -10px; } .header-bottom-row .header-basket-drop-block .header-basket-drop-col::before { left: 94%; } .header-bottom-row .header-search-block .header-search-dropdown-block { left: -25%; width: 150%; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-img-block { width: 144px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-text-block .pc-drop-title { font-size: 12px; line-height: 16px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-text-block .pc-drop-text { font-size: 12px; } .header-bottom-row .header-search-block .header-search-dropdown-block .hs-drop-wrapper .hs-d-second-col .popular-categories-drop-container .popular-categories-drop-col .popular-categories-drop-text-block .pc-drop-text-black__style { font-size: 10px; } .main_slider_component .home-slider-info-block-1 .hs-i-text-bl { text-align: center; } .special-offers-home-container .special-offers-home-col { justify-content: center; flex-basis: 50%; } .main-banner1-home-block .main-banner1-home-container { background-size: cover; } .main-discounts-site-col .m-discounts-s-title-block { height: 38px; overflow: hidden; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-image .dh-bl-baner-po-img-col .dh-bl-baner-po-img__style { width: 100%; height: auto; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info { flex-direction: column; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-price { width: 100%; text-align: center; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter { width: 100%; text-align: center; } } @media screen and (max-width: 1199px) { .main-home-slider-container .main-home-slider-grid-block { grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)); grid-template-rows: minmax(auto, auto); } .main-discounts-site-col .m-discounts-s-price-block { flex-direction: column; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row { width: 100%; display: flex; justify-content: flex-start; align-items: center; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-2 { margin-left: 10px; } .main-discounts-site-col .m-discounts-s-price-block .discount-counter2-site__style { width: 100%; } .site-footer-container-top .footer-rss-form-bl .footer-rss-input__style { width: 70%; font-size: 10px; } .site-footer-container-top .footer-rss-form-bl .footer-rss-button__style { padding: 0px 25px; } } @media screen and (min-width: 1360px) and (max-width: 1429px) { .header-bottom-row .header-basket-drop-block .header-basket-drop-col { right: -8px; } .header-bottom-row .header-basket-drop-block .header-basket-drop-col::before { left: 91%; } .position-h2-th_style { width: 135%; } .main-tabs-home-block .main-tabs-home-info-block { font-size: 17px; } .main-site-product-block-mini .product-price-block-mini .product-price-col-1 { font-size: 20px; } .main-site-product-block-mini .product-price-block-mini .product-price-col-1 .product-price-bl-mini-currency { font-size: 13px; } .main-site-product-block-mini .product-button-col-mini .product-button-col-mini__style { font-size: 11px; padding: 0px 11px; } .main-site-product-block-mini .product-availability-block-mini { font-size: 10px; } .main-site-product-block-mini .product-availability-block-mini .product-availability-icon { font-size: 9px; } .main-discounts-site-col .m-discounts-s-price-block .discount-counter2-site__style .discount-counter2-site-box-bl .discount-counter2-box-item { width: 26px; height: 26px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-price .baner-i-block-price-col-1 { font-size: 26px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter .discount-counter-site-title { font-size: 10px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-price-info .dh-bl-baner-i-block-discount-counter .discount-counter-site-box-bl .discount-counter-box-item { width: 31px; height: 31px; } } @media screen and (min-width: 1430px) { .position-h2-th_style { width: 125%; } } .currency_drop_menu { padding: 8px 15px !important; border: 1px solid #E4E4E4 !important; width: auto; /* min-width: 100px; */ border-radius: 2px !important; background: #ffffff; } .currency_drop_menu .item { display: flex; width: 100%; color: #000000; outline: none; cursor: pointer; } .currency_drop_menu .item:hover { opacity: 0.6; } .not_loaded { display: none; } .auth_drop_menu ul { padding: 0px; margin: 0px; } .auth_drop_menu ul li { list-style: none; display: flex; width: 100%; align-items: center; padding: 0px 25px; } .modal_show_auth_cms_2 .btn_auth_modal2, .modal_show_auth_cms_2 .btn_reg_modal2 { background-color: #2B8BEA; } .notrelative { position: unset; } .relative { position: relative; } .header-bottom-col { position: relative; } .mainmenuV2block { border-bottom: 0px solid #d9d9d9; margin-bottom: 0px; } .nav-site-block { position: unset; padding: 0px; } .nav-site-block .dropdown-first-item { padding-bottom: 0px; } .nav-site-block .nav-site-block .dropdown-first-item { position: unset; padding-bottom: 0px; padding-top: 0px; display: flex; height: 40px; align-items: center; } .nav-site-block .big-dropdown-menu { width: 100%; border: 0; padding-top: 10px; left: -16px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.05); border-radius: 0px; z-index: 9999; } .nav-site-block .dropdown-toggle { display: flex; align-items: center; height: 40px; } .nav-site-block .big-dropdown-menu { margin-top: 25px !important; } .product-rating-block-mini { display: flex; align-items: center; justify-content: flex-start; } .product-rating-block-mini .count_reviews { font-size: 12px; color: var(--color-grey3); line-height: 12px; margin-left: 5px; } .product-rating-block-mini .star_content { display: flex; justify-content: center; } .product-rating-block-mini .star_content .star_on { color: #F2C94C; font-size: 17px; line-height: 18px; display: flex; align-items: center; } .product-rating-block-mini .star_content .star_off { margin: 0px 1px; color: #000000; line-height: 18px; display: flex; align-items: center; } .product-promotional-offer-bottom { display: flex; justify-content: center; align-items: center; margin-left: -5px; margin-right: -5px; } .product-promotional-offer-bottom .left_pp_offer, .product-promotional-offer-bottom .right_pp_offer { padding: 0px 5px; } .skelet_item_outer .el-skeleton__item { border-radius: 4px; overflow: hidden; } .pm-image-user-btn__style { color: var(--color-black); cursor: pointer; } .pm-image-user-btn__style:hover, .pm-image-user-btn__style.active { color: #8abe41; } .product-availability-block-mini { margin-top: 0px; display: flex; align-items: center; } .product-availability-block-mini .icon_available { font-size: 16px; font-weight: 600; margin-right: 5px; } .product-availability-block-mini .product-availability-text { line-height: 14px; } .nopadding-right { padding-right: 0px !important; } .nopadding-left { padding-left: 0px !important; } .grey_input_style { background-color: #EDEDED; border-radius: 4px; } .grey_input_style .number-input__input { background-color: transparent !important; } .grey_input_style .number-input__button { background-color: transparent !important; border: 0px solid #ccc !important; width: 20px !important; padding: 0px !important; } .grey_input_style .number-input__button:after, .grey_input_style .number-input__button:before { display: none; } .grey_input_style .number-input__button--plus, .grey_input_style .number-input__button--minus { display: flex; align-items: center; } .grey_input_style .number-input__button--plus:before, .grey_input_style .number-input__button--minus:before { content: "\E90F" !important; font-family: "icon-group-1-my-site"; display: block; height: auto !important; width: auto !important; background-color: transparent !important; color: var(--color-black); font-size: 11px; } .grey_input_style .number-input__button--plus { transform: rotate(180deg); margin-top: -4px; } .grey_input_style .number-input__button--minus { margin-top: 2px; } .grey_input_style .number-input__input { border: 0px !important; padding-left: 20px !important; padding-right: 20px !important; } .product_group_tabs_without_description { margin: 60px 0px 0px; } .product_group_tabs_without_description .main-tabs-home-nav-block { margin-bottom: 0px; } .product_group_tabs_without_description .tab-pane-main-tabs__style .home-tabs-arrow-block { top: -72px; } .product_group_tabs_without_description .caption-site-h2-block .caption-site-h2__style { width: 100%; } .product_group_tabs_without_description .main-tabs-home__style { justify-content: flex-start !important; } .product_group_tabs_without_description .main-tabs-home-nav-block .main-tabs-home__style { border-bottom: 0px solid #000000; } .product-image-block { position: relative; } .product-image-block .vel-modal { background: #fff none repeat scroll 0 0 !important; } .product-image-block .vel-img { box-shadow: unset !important; } .product-image-block .vel-btns-wrapper .btn__close, .product-image-block .vel-btns-wrapper .btn__next, .product-image-block .vel-btns-wrapper .btn__prev { color: #000 !important; } .product-image-block .vel-btns-wrapper .btn__close, .product-image-block .vel-btns-wrapper .btn__next, .product-image-block .vel-btns-wrapper .btn__prev { color: #000 !important; } .product-image-block .product-slide-big-image { cursor: zoom-in; } .product-image-block .outer_product_image { background-color: #fff; display: block; height: 0; padding-top: 100%; position: relative; width: 100%; } .product-image-block .outer_product_image img { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; } .product-image-block .slider-product-img { display: flex; } .product-image-block .slider-product-img .thumbs-slider-product { width: 20%; padding-right: 22px; } .product-image-block .slider-product-img .thumbs-slider-product .swiper-slide { cursor: pointer; display: flex; border-top: 0px solid #f5f5f5; align-items: center; border-right: 0px solid #f5f5f5; } .product-image-block .slider-product-img .product-img-slide-block { width: 80%; } .product-image-block .thumbs-slider-product .thumbs-slider-product_inner { height: 455px; } .product-image-block .thumbs-slider-product .swiper-container { height: 100%; } .product-image-block .thumbs-slider-product .thumb_image_u { background-color: #fff; display: block; height: 0; padding-top: 100%; position: relative; width: 100%; border-radius: var(--main-radius); overflow: hidden; border: 1px solid #D4D4D4; } .product-image-block .thumbs-slider-product .thumb_image_u img { height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 0; width: 100%; } .product-image-block .galery_icon { position: absolute; right: 10px; z-index: 999; bottom: 10px; } .product-image-block .outer_product_image_padding { padding: 0px; } .product-image-block .thumb_image_u_padding { padding: 0px; width: 100%; } .ip_btn { display: flex; cursor: pointer; } .ip_btn:hover { opacity: 0.8; } .modal_rasrochka .el-dialog__title { display: none; } .modal_rasrochka .el-dialog__header { padding: 0px 0px; overflow: visible; height: 1px; z-index: 1; position: relative; } .modal_rasrochka .el-dialog__body { padding: 0px !important; } .modal_rasrochka .sr_one_name { color: #333; } .modal_rasrochka .white_content { background-color: #fff; } .modal_rasrochka .help-block { font-size: 12px; line-height: 16px; } .modal_rasrochka .send-dbd-form { background: var(--color-primary); display: inline-flex; justify-content: center; align-items: center; height: 46px; width: auto; max-width: 100%; padding: 0 25px; border: 2px solid var(--color-primary) !important; border-radius: var(--main-radius); color: #fff; font-weight: 600; outline: 0; cursor: pointer; font-size: 16px; line-height: 20px; margin-top: 16px; } .modal_rasrochka .send-dbd-form:hover { opacity: 0.8; } .modal_rasrochka .grey_color_fmr { background-color: #f7f8fa; color: #909399; } .modal_rasrochka .modal-body { border-radius: 4px; overflow: hidden; padding: 0; } .modal_rasrochka .inner_rpb { padding: 20px 30px; } .modal_rasrochka .inner_rpb .inner_rpb { width: 100%; } .modal_rasrochka .inner_rpb img { display: table; margin: 0 auto; max-height: 270px; padding: 15px 0px; width: auto; max-width: 100%; mix-blend-mode: darken; } .modal_rasrochka .inner_rpb .outer_img { padding: 15px 20px; } .modal_rasrochka .rbp_prod_name { color: #909399; font-size: 15px; font-weight: 300; line-height: 24px; margin: 1px 0; text-align: center; } .modal_rasrochka .rpb_code { border: 1px solid #d5d7db; border-radius: 2px; display: table; font-size: 11px; margin: 20px auto; padding: 1px 8px 2px; } .modal_rasrochka .rbp_dop_block { color: #333; margin: 25px 0; } .modal_rasrochka .rbp_dop_block .rbp_dop_block_inner { color: #abaeb3; display: flex; } .modal_rasrochka .rbp_dop_block .rpb-i-ico { color: #abaeb3; text-align: center; width: 21px; } .modal_rasrochka .rbp_dop_block .rbp_i_1 { color: #abaeb3; font-size: 12px; padding: 3px 0 0 9px; } .modal_rasrochka .inner-rbr { padding: 34px 34px 27px 16px; } .modal_rasrochka .inner-rbr .rbr_row1 { color: #333; margin: 4px 0 10px; padding: 0 0 10px; position: relative; } .modal_rasrochka .inner-rbr .rbr_row1:after { background-color: #d5d7db; bottom: 0; content: ""; display: initial; height: 1px; left: 50%; margin-left: -10px; padding: 0; position: absolute; right: 0; width: 20px; } .modal_rasrochka .inner-rbr .rbr_row1 .rbr_row1_price { color: #333; font-size: 22px; font-weight: 600; } .modal_rasrochka .inner-rbr .rbr_row1 .rbr_row1_text { color: #333; font-size: 14px; font-weight: 500; } .modal_rasrochka .inner-rbr .rbr_row2 { color: #333; } .modal_rasrochka .inner-rbr .rbr_row2_price { color: #333; font-size: 20px; line-height: 26px; padding-bottom: 5px; white-space: nowrap; } .modal_rasrochka .inner-rbr .rbr_row2_text { color: #909399; font-size: 12px; font-weight: 300; } .modal_rasrochka .sr_one_p { color: #909399; font-size: 12px; font-weight: 300; } .modal_rasrochka .row_slr { margin: 25px 0 0px; } .modal_rasrochka .bottomTextbbn { margin-top: 32px; padding-left: 21px; position: relative; } .modal_rasrochka .bottomTextbbn .icon-info { color: #909399; left: 0; position: absolute; top: 2px; } .modal_rasrochka .bottomTextbbn .bottomTextbbni { color: #909399; font-size: 10px; } .modal_rasrochka .formElement { margin: 15px 0px 0px; } .modal_rasrochka .formElement label { color: #333; display: inline-block; font-size: 14px; font-weight: 400; margin-bottom: 5px; max-width: 100%; } .modal_rasrochka .messageSuccess { background-color: #fff; border: 1px solid #10732c; border-radius: var(--main-radius); color: #10732c; font-size: 14px; padding: 5px 10px; position: relative; top: -10px; } .modal_rasrochka .zdes { color: #e31235; } .modal_rasrochka .close_modal { color: #999; font-size: 24px; position: absolute; right: 17px; top: 16px; cursor: pointer; z-index: 102; } .modal_rasrochka .el-slider__marks-text { display: flex; min-width: 20px; justify-content: center; } .modal_rasrochka .el-dialog__headerbtn .el-dialog__close { color: #333; font-weight: 600; } .el-dialog__wrapper { z-index: 20001 !important; } .pr_filter_tooltip { padding: 12px 10px !important; text-align: center !important; } .product_detail_offer_outer .product-button-col-mini__style.white { color: #ffffff; border: 1px solid #000000; background: #000000; } .product_detail_offer_outer .product-button-col-mini__style.white:hover { color: #000000; border: 1px solid #2B8BEA; background: #2B8BEA; } .product_detail_offer_outer .product-button-col-mini { margin-left: 15px; } .product_detail_offer_outer .product-add-to-cart_outerv { display: flex; flex-direction: row-reverse; align-items: center; overflow: hidden; } .product_detail_offer_outer .number-input--inline { display: block !important; width: 80px !important; } .product_detail_offer_outer .grey_input_style { background-color: #ffffff; border: 1px solid #000000; } .similar-product-arrow-block { cursor: pointer; } .h1_products { /* border-bottom: 1px solid #000000; */ padding-bottom: 20px; } .site-catalog-left-col { position: relative; /* &:after{ position:absolute; top:0px; right:-10px; height:100%; width:1px; background-color:var(--color-black); } */ } .site-catalog-left-col { position: relative; /* &:after{ display:block; content:''; position:absolute; top:0px; right:-15px; height:100%; width:1px; background-color:var(--color-black); } */ } .site-catalog-center-col { position: relative; /* &:after{ display:block; content:''; position:absolute; top:0px; left:-16px; height:100%; width:1px; background-color:var(--color-black); } */ } .list_product_cats { margin-bottom: 20px; } .list_product_cats .catalog-category-item-img-outer .catalog-category-item-img { padding: 0px 10px; height: 120px; position: relative; overflow: hidden; width: 100%; } .list_product_cats .catalog-category-item { border: 1px solid #E0E0E0; } .list_product_cats .catalog-category-item-caption { font-weight: 600; margin-bottom: 10px; text-align: center; } .site-catalog-center-col { padding-top: 0px; } .site-catalog-product-list.PRODUCT_GRID .product_cell_grid_outer { margin-bottom: 30px; } .site-paginator-block { margin: 15px 0 30px; } .site-paginator-block .main-paginator-block { display: flex; list-style: none; justify-content: center; padding-left: 0; margin: 0; align-items: center; } .site-paginator-block .main-paginator-block .disabled { position: relative; } .site-paginator-block .main-paginator-block .page-item .page-item-link { color: var(--color-black); padding: 6px 12px; font-size: 14px; font-weight: bold; width: 32px; height: 32px; display: inline-block; position: relative; margin-right: 10px; } .site-paginator-block .main-paginator-block .page-item .page-item-link:hover { color: #2B8BEA; } .site-paginator-block .main-paginator-block .page-item .page-item-link.link-next::after { width: 28px; height: 28px; font-size: 28px; color: #8f8f8f; display: block; position: absolute; right: 10px; top: 0; transform: rotate(-90deg); } .site-paginator-block .main-paginator-block .page-item .page-item-link.link-next:hover::after { color: #000000; } .site-paginator-block .main-paginator-block .page-item.active .page-item-link { background: var(--color-primary); color: var(--color-primary-text); border-radius: var(--main-radius); } .site-paginator-block .main-paginator-block .page-item.disabled .page-item-link { pointer-events: none; } .site-paginator-block .main-paginator-block .page-item.disabled .page-item-link .page-item-link-disabled { position: relative; top: -3px; } .site-paginator-block .main-paginator-block ul { display: flex; justify-content: center; list-style: outside none none; margin: 0; padding-left: 0; align-items: center; } .site-paginator-block .main-paginator-block ul li { list-style: none; align-items: center; display: flex; } .site-paginator-block .main-paginator-block ul .btn_prev_page, .site-paginator-block .main-paginator-block ul .btn_next_page { margin: 0px 8px; font-size: 20px; } .flex-center { align-items: center; } .nav-site-block .big-dropdown-menu { width: 100%; left: 0px; border-top: 0px solid var(--color-black); margin-top: 63px !important; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04) inset; border-top: 1px solid #f6f6f6; } .nav-site-block .LEFT_PROD_CATS .has_icon_mc { display: block !important; position: relative; padding-left: 50px; } .nav-site-block .submenu_one { position: relative; padding-right: 25px; } .nav-site-block .submenu_one .menu_icon_right { position: absolute; top: 11px; font-size: 9px; right: 2px; color: var(--color-black); } .nav-site-block .title_lft { padding-left: 25px; margin: 0px 0px 20px; font-size: 14px; line-height: 18px; color: var(--color-grey3); } .nav-site-block .title_lft_all { font-weight: 600; font-size: 12px; line-height: 140%; color: #000000; margin: 30px 0px 20px 0px; display: flex; padding-left: 25px; display: flex; align-items: center; } .nav-site-block .title_lft_all .icon_right { font-size: 5px; margin-left: 10px; } .nav-site-block .title_lft_all:hover { color: #F2C94C; } .search_cms_outer .dropdownSearchBlock { box-shadow: unset; background-color: #fff; border-radius: 2px; border-top: 1px solid var(--color-black); top: calc(100% + 15px); } .content_grey_overlay .contenttheme, .content_grey_overlay footer { position: relative; /* &:after{ content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.4); z-index: 3023; } */ } .sweet-modal .sweet-box-actions .sweet-action-close:hover { background: #2B8BEA; color: #222; } .site-footer-bottom-block a { color: #fff; font-size: 15px; } .fulltext, .product_description, textplace { color: var(--color-black); } .pos_bottom { padding-top: 0px; } .pos_bottom .mc-h-i-block-watch-more { display: none; } .pos_bottom .main-contacts-home-info-container .main-contacts-home-map-block { min-height: 400px; } .CATEGORY_IBLOCK .actions-card__image img { width: 100%; } .CATEGORY_IBLOCK .g-title-s { font-weight: 600; font-size: 16px; display: flex; line-height: 20px; margin: 14px 0px; } .CATEGORY_IBLOCK .g-link { background-color: #2B8BEA; font-size: 14px; border-radius: 14px; height: 34px; display: inline-flex; align-items: center; padding: 0px 15px; margin-top: 20px; color: #fff; } .CATEGORY_IBLOCK .g-link :hover { opacity: 0.8; } .contenttheme { padding: 30px 0px; } @media (max-width: 768px) { .contenttheme { padding: 10px 0px 30px; } } .INVOICE_FORM_OUTER { max-width: 100% !important; width: 700px !important; } .INVOICE_FORM_OUTER .el-form-item__label { color: var(--color-black); margin: 0px; padding: 0px 0px 8px; line-height: 16px; } .INVOICE_FORM_OUTER .el-form-item.marginten { margin-bottom: 10px; margin-top: 30px; display: flex; float: none; } .INVOICE_FORM_OUTER .el-form { padding-top: 10px; } .INVOICE_FORM_OUTER .vm-content { padding: 10px 20px 20px 20px; } .error-helper, .helper_error { color: #c50101; display: flex; line-height: 16px; font-size: 12px; margin: 7px 0px -5px 0px; } form label { color: var(--color-black); } .productDescriptionTabs .el-tabs__active-bar { background-color: var(--color-black); } .productDescriptionTabs .el-tabs__item { font-size: 16px; line-height: 29px; padding: 15px 30px; text-transform: uppercase; border: 0; color: #000000; text-align: center; height: auto; } .productDescriptionTabs .el-tabs__item.is-active { color: var(--color-black); font-weight: 700; } .product_detail_tabs .el-tabs__nav-wrap::after { height: 1px; background-color: #f6f6f6; } .product-quantity-bl-mini { display: flex; max-width: 120px; margin-left: 10px; } .cart_prev_userpanel .product-quantity-bl-mini { justify-content: center; } .itogo_modal_cart { color: var(--color-black); text-align: right; padding: 0px 30px 20px; font-weight: 600; } .table_cart_items { margin: 0px; } .outer_modal_wishlist_prev thead td, .outer_modal_compare_prev thead td { font-weight: 600; border-bottom: 1px solid #eee; padding-bottom: 10px; } .outer_modal_wishlist_prev td, .outer_modal_compare_prev td { color: var(--color-black); } .alert-success { padding: 10px; } .el-dialog__header { padding: 15px 20px 15px 20px; border-bottom: 2px solid #2B8BEA; padding-bottom: 12px; } .outer_feedback_modal_onebuy { margin: 10px 0px 0px; } .BTN_SAVE_DELIVERY_DATA, #ORDER_CREATE_BTN, .BTN_CHECKOUT_NEXT, .BTN_SAVE_PAYER_DATA { display: inline-block; line-height: 1; white-space: nowrap; cursor: pointer; background: #FFFFFF; border: 1px solid #DCDFE6; border-color: #DCDFE6; color: var(--color-black); -webkit-appearance: none; text-align: center; box-sizing: border-box; outline: none; margin: 0; transition: 0.1s; font-weight: 500; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; padding: 12px 20px; font-size: 14px; border-radius: 4px; background: #ffcd35; border-color: #ffcd35; color: #000000; } .main_checkout .checkout-area .checkout-left .tab-content .tab-pane .list { padding-right: 30px; padding-left: 10px; } .main_checkout .checkout-area .checkout-left .tab-content .tab-pane .list .text_delivery { color: var(--color-black); } #payment_mehtods_form .list { padding-left: 0px !important; } #payment_mehtods_form .list .text_payment { color: var(--color-black); } .main_checkout .checkout-area .checkout-left .tab-content .tab-pane .title { color: var(--color-black); } .checkout-area .checkout-left .nav .nav-item .nav-link.active-check::before { background-color: #ffcd35 !important; } .quick-view-pm-image { display: none !important; } #filterProductForm .MAIN_FC_DROP .pretty .state label:before, #filterProductForm .MAIN_FC_DROP .pretty .state label:after { top: -1px; } #filterProductForm .MAIN_FC_DROP .pretty.p-svg .state .svg { top: 0px; } #CART_PREVIEW { display: flex; align-items: center; } #CART_PREVIEW > .header-userbar-col { margin: 0px 4px; width: 40px; } .mcartp_top_icon .count_icon { position: absolute; top: -5px; right: 0px; background-color: #2B8BEA; color: #fff; font-size: 10px; display: flex; height: 16px; width: 16px; justify-content: center; align-items: center; border-radius: 50%; } .cart_prevs_price_outer { display: flex; color: var(--color-black); flex-direction: column; font-size: 14px; font-weight: 400; } .cart_prevs_price_outer .cart_prevs_price_old { font-size: 12px; color: #aaa; text-decoration: line-through; } .site-catalog-product-listv { padding: 0px; } .site-catalog-product-listv .site-catalog-product-table { margin: 0px 0px 20px 0px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .site-catalog-product-listv .product-flags { display: none; } .site-catalog-product-listv .offers_mini_container { display: flex; flex-direction: column; padding: 10px; align-items: flex-end; } .site-catalog-product-listv .catalog-product-photo { padding: 0px 10px; height: 130px; position: relative; overflow: hidden; width: 100%; } .site-catalog-product-listv .catalog-product-photo img { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-height: 100%; max-width: 100%; } .site-catalog-product-listv .catalog-product-link-wrap a { display: flex; line-height: 22px; color: var(--color-black); font-size: 18px; font-weight: 600; margin-bottom: 10px; margin-top: 10px; } .site-catalog-product-listv .ccpl_params .props_list_wrapp { margin: 0; padding: 10px 0px 0px; } .site-catalog-product-listv .ccpl_params table.props_list { border: 0; table-layout: fixed; width: 100%; } .site-catalog-product-listv .ccpl_params .props_list td { overflow: hidden; width: 50%; text-overflow: ellipsis; background: url(/frontend/images/dott.png?665c307c7bcff525fb997a706dac9d4b) no-repeat; background-position: 0px 14px; background-repeat: repeat-x; text-align: right; padding: 2px 0 2px 10px; font-size: 13px; } .site-catalog-product-listv .ccpl_params .props_list td > span { position: relative; background: #FFF; padding: 0; display: inline-block; color: #777; } .site-catalog-product-listv .ccpl_params .props_list tr td:first-child > span { padding-right: 12px; position: relative; } .site-catalog-product-listv .ccpl_params .props_list td:last-of-type > span { padding-left: 12px; } .site-catalog-product-listv .ccpl_params .props_list tr td:first-child { text-align: left; padding-right: 10px; padding-left: 0; } .site-catalog-product-listv .product-quantity-bl-mini { margin-top: 10px; } .site-catalog-product-listv .product-price-col-1 { margin: 0px 0px 10px; color: var(--color-black); font-size: 18px; text-align: right; font-weight: 600; } .site-catalog-product-listv .product-price-col-2 { color: #ccc; text-align: right; text-decoration: line-through; } .site-catalog-product-listv .product-button-col-mini { display: flex; justify-content: flex-end; } .site-catalog-product-listv .number-input--small.number-input--inline > input { width: 97px !important; } .productqv_icon_outer, .icon_fast_view_h { display: none !important; } .footer-logo-col img { max-width: 100%; } .modal_rasrochka .el-dialog__header { display: none !important; } .right_cell_search_content { display: flex; justify-content: space-between; width: 100%; } .product_group_tabs_carousel .tab-content-main__style { padding-top: 30px; } .result_mobile_filter { color: var(--color-black); } .result_mobile_filter .num_count_fr_items { font-size: 20px; margin: 0px 4px; font-weight: 600; } .topListDesc, .bottomDescfields { color: var(--color-black); } .begateway_submit { background: #8abe41 !important; color: var(--color-black); } .nopadding { padding: 0px !important; } .flex_col_end { display: flex; height: 100%; flex-direction: column; justify-content: flex-end; } .site-catalog-tag-panel .catalog-tag-panel-list a:hover, .site-catalog-tag-panel .catalog-tag-panel-list li.active a { color: #fff; border-color: #2B8BEA; background: #2B8BEA; } .pointer { cursor: pointer; } .color_danger_rating { background: #2B8BEA !important; } .color_danger_rating:after { border-top: 8px solid #2B8BEA !important; } .dialog_outer .el-dialog, .vm-wrapper > div { border-radius: 16px !important; } #filterProductForm .MAIN_FC_DROP .pretty.p-svg .state .svg { top: -2px; } .fix_product_offers_cell_list_v2 .offers_mini_container { padding: 0px !important; align-items: flex-start; } .fix_product_offers_cell_list_v2 .site-catalog-product-listv .offers_mini_container { padding: 0px !important; } .fix_product_offers_cell_list_v2 .product-price-block-mini { display: flex; flex-direction: column; align-items: flex-start; width: 100%; } .fix_product_offers_cell_list_v2 .product-price-col-1 { margin: 0px 0px 0px; font-size: 26px; font-weight: 600; line-height: 130%; } .fix_product_offers_cell_list_v2 .product-price-col-1 .product-price-bl-mini-currency { font-size: 18px; font-weight: 700; } .fix_product_offers_cell_list_v2 .product-button-col-mini__style { background: #2B8BEA; display: inline-flex; justify-content: center; align-items: center; height: 46px; width: 160px; max-width: 160px; padding: 0 16px; border: 2px solid #2B8BEA !important; border-radius: var(--main-radius); color: #fff; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; text-transform: none; text-align: center; outline: 0; overflow: hidden; transition: unset; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-top: 10px; font-size: 16px; line-height: 20px; } .fix_product_offers_cell_list_v2 .product-button-col-mini__style:hover { opacity: 0.8; } .fix_product_offers_cell_list_v2 .product-button-col-mini__style.orange { background: #fff; color: #2B8BEA; } .fix_product_offers_cell_list_v2 .icon-group-1-basket-2 { font-size: 18px; margin-right: 10px; display: inline-flex; } .offer_available_v2 .outer_o_a { position: relative; padding-left: 12px; display: inline-flex; align-items: center; font-size: 12px; margin-bottom: 2px; } .offer_available_v2 .outer_o_a .dot_a { display: flex; height: 6px; width: 6px; position: absolute; left: 0px; border-radius: 50%; top: calc(50% - 4px); } .offer_available_v2 .delivery_from { color: var(--color-black); } .offer_available_v2 .desc_available { font-size: 12px; line-height: 20px; } .favorite_offer_icon_outer { display: flex; align-items: center; } .favorite_offer_icon_outer .fc_i_outer { display: inline-flex; align-items: center; } .favorite_offer_icon_outer .pm-image-user-btn__style { color: var(--color-grey3); display: inline-flex; } .favorite_offer_icon_outer .pm-image-user-btn__style.active { color: var(--color-primary); } .favorite_offer_icon_outer .fb-product-i-userbar-text { margin-left: 12px; } .favorite_offer_icon_outer .fb-product-i-userbar-text { font-size: 12px; } .compare_offer_icon_outer .cc_i_outer { display: inline-flex; align-items: center; } .compare_offer_icon_outer .pm-image-user-btn__style { display: inline-flex; padding: 0px 2px; color: inherit; position: relative; top: -1px; } .compare_offer_icon_outer .pm-image-user-btn__style .icon-group-1-compare-2 { display: inline-flex; } .compare_offer_icon_outer .pm-image-user-btn__style.active { color: var(--color-primary); } .compare_offer_icon_outer .fb-product-i-userbar-text { margin-left: 10px; font-size: 12px; } .main_header { box-shadow: unset; position: relative; top: 0px; background: #fff; z-index: 100; position: fixed; width: 100%; border-bottom: 1px solid #EFF1F4; padding-bottom: 0px; } .m_h_placeholder { height: 149px; } /* .isset_admin_panel{ .main_header{ position: static; } .m_h_placeholder{ height: 0px; display: none; } } */ .main_header { position: relative; } .m_h_placeholder { height: 0px; display: none; } .nav-site-block .hn-button-bl { cursor: pointer; display: flex; align-items: center; height: 50px; background: linear-gradient(255deg, var(--gradient-end) 0%, var(--gradient-start) 100%); color: #fff; padding: 0px 33px; border-radius: var(--main-radius); font-size: 16px; font-weight: 600; } .el-slider__button-wrapper { z-index: 98 !important; } .grey_menu { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); left: 0px; top: 0px; z-index: 99; } .icon_close_menu { display: none !important; font-size: 24px; position: relative; top: 0px; margin-right: 6px; display: flex; left: -2px; } .body_show_main_manu .grey_menu, .body_show_main_manu .icon_close_menu { display: block !important; } .body_show_main_manu .header { position: relative !important; } .mcartp_top_icon { display: flex; flex-direction: column; align-items: center; } .mcartp_top_icon .hu-icon-bl { font-size: 20px; } .mini_cart_panel_icon { display: flex; width: 40px; align-items: center; justify-content: center; position: relative; } .mini_cart_panel_icon .icon_cart { font-size: 24px; color: var(--color-black); } .mini_cart_panel_icon .count_cart_mini { position: absolute; top: -5px; right: 0px; background-color: #2B8BEA; color: #fff; font-size: 10px; display: flex; height: 16px; width: 16px; justify-content: center; align-items: center; border-radius: 50%; } .content_title { display: flex; align-items: center; } .content_title img { height: 18px; margin-right: 10px; } .content_title .phone_dt { font-weight: 500; color: #111; } .drop_content { padding: 10px 16px !important; } .search_cms_outer .dropdownSearchBlock { background-color: #fff; border-top: 0px solid var(--color-black); top: calc(100% + 4px); box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.13); border-radius: var(--main-radius); left: 0px; width: 100%; min-width: 655px; } .list_new_row_v2 { display: flex; align-items: stretch; padding: 20px 0px; } .list_new_row_v2 .img_block { width: 212px; min-width: 212px; padding-right: 28px; aspect-ratio: 1; } .list_new_row_v2 .img_block .inner_img_block { position: relative; width: 100%; height: 100%; } .list_new_row_v2 .img_block .inner_img_block img { position: absolute; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .list_new_row_v2 .params_block { width: 100%; } .list_new_row_v2 .left_block { display: flex; flex: 1; position: relative; } .list_new_row_v2 .product_name { font-size: 20px; line-height: 28px; font-weight: 600; color: var(--color-black); margin-bottom: 5px; display: flex; } .list_new_row_v2 .product_star_outer { justify-content: flex-start; } .list_new_row_v2 .row_param { display: flex; margin-bottom: 2px; } .list_new_row_v2 .row_param .param_name { display: inline; color: #777; font-size: 14px; line-height: 22px; display: inline-flex; margin-right: 5px; } .list_new_row_v2 .row_param .param_val { font-size: 14px; line-height: 22px; color: var(--color-black); } .list_new_row_v2 .left_block { padding-right: 20px; } .list_new_row_v2 .right_block { border-left: 1px solid #e9e9e9; min-height: 100%; padding-left: 28px; max-width: 240px; } .list_new_row_v2 .offer_outer { padding: 10px 0px 5px; } .list_new_row_v2 .compare_row { padding: 3px 0px 0px; } .list_new_row_v2 .percent_discount { position: absolute; border-radius: 3px; color: #fff; font-weight: 600; background: var(--color-primary); font-size: 9px; padding: 0px 5px; z-index: 1; display: flex; align-items: center; line-height: 19px; } .list_new_row_v2 .product-rating-block-mini { margin-bottom: 8px; margin-top: 6px; } .product-image-block-mini { cursor: pointer; } .product_flagsv2 { display: flex; padding: 0px; margin: 0px; flex-wrap: wrap; } .product_flagsv2 li { list-style: none; margin: 0px 15px 8px 0px; border-radius: 12px; position: relative; padding: 0 10px; height: 24px; white-space: nowrap; text-align: center; display: inline-flex; justify-content: center; align-items: center; font-size: 12px; line-height: 16px; color: #fff; background: #ccc; max-width: 100%; } .product_flagsv2.small li { font-size: 11px; margin: 0px 10px 5px 0px; } .module__reviews-big { background: #ffffff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06), 0px 4px 6px rgba(0, 0, 0, 0.1); border-radius: var(--main-radius); padding: 15px 0; } .module__reviews-big .reviews-header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 0px 15px 15px; border-bottom: 1px solid #e8e8e8; } .module__reviews-big .reviews-row { padding: 15px 15px; border-bottom: 1px solid #e8e8e8; display: flex; justify-content: flex-start; } .module__reviews-big .avatar-col { margin-right: 15px; } .module__reviews-big .avatar-col .avatar-block { width: 50px; height: 0; padding-bottom: 50px; overflow: hidden; position: relative; border-radius: 50%; } .module__reviews-big .avatar-col .avatar-block .avatar { height: auto; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto !important; max-width: 100%; max-height: 100%; } .module__reviews-big .text-col .info-block-review { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin-bottom: 4px; } .module__reviews-big .text-col .info-block-review .name-rew { font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; margin-right: 10px; color: #000000; } .module__reviews-big .text-col .info-block-review .time-rew { font-style: normal; font-weight: 500; font-size: 14px; line-height: 150%; color: var(--color-grey3); } .module__reviews-big .text-col .review-text-block { font-style: normal; font-weight: normal; font-size: 16px; line-height: 160%; color: var(--color-grey3); max-width: 1000px; } .module__reviews-big .reply-to-feedback { display: flex; justify-content: flex-start; flex-wrap: wrap; padding-top: 20px; } .module__reviews-big .reviews-footer { text-align: center; margin: 35px 0 20px; padding: 0 15px; display: none; } .module__reviews-big .admin_answer_block { padding-left: 25px; position: relative; color: #777; } .module__reviews-big .admin_answer_block .r_admin_text { color: var(--color-black); font-weight: 600; margin: 10px 0px 5px; } .module__reviews-big .admin_answer_block:after { content: ""; display: flex; position: absolute; top: 0px; left: 0px; height: 100%; width: 4px; background: #eee; } .MAIN_RATING_BLOCK { display: flex; align-items: center; } .MAIN_RATING_BLOCK .rt { color: #b1aeae; margin-left: 10px; font-weight: 600; font-size: 14px; } .MAIN_RATING_BLOCK .el-rate__icon { transition: unset !important; transform: scale(1) !important; font-size: 27px !important; margin-right: 0px; width: 27px !important; height: 27px !important; overflow: hidden; } .MAIN_RATING_BLOCK .el-rate__icon.hover { font-size: 19px; } .MAIN_RATING_BLOCK .el-icon-star-off { font-size: 22px !important; display: flex; transition: unset; justify-content: center; align-items: center; } .MAIN_RATING_BLOCK .el-rate { height: 32px; display: flex; align-items: center; } .review_form .vm-titlebar { border-bottom: 0px !important; } .review_form .vm-btn-close:before { color: var(--color-black); font-size: 26px; } .review_form .answer_form_ta { width: 100%; background: #EDF2F7; border: 1px solid #EDF2F7; box-sizing: border-box; border-radius: 4px; height: 150px; } .review_form .title_rw { margin: 15px 0px 30px; font-weight: 600; font-size: 26px; line-height: 31px; text-align: center; color: var(--color-black); display: flex; justify-content: center; } .review_form .review_stars_label { font-weight: 600; font-size: 18px; margin-bottom: 15px; } .review_form .block_send { display: flex; justify-content: center; width: 100%; margin: 20px 0px; } .review_form .block_send .send_answer { background: var(--color-primary); border-radius: var(--main-radius); color: #fff; padding: 13px 60px; font-size: 16px; font-weight: 600; cursor: pointer; } .review_form .el-rate__icon { font-size: 30px !important; } .review_form .el-rate { height: 31px; } .review_form .el-rate__icon { margin-right: 0px !important; } .review_form .help-errors { color: #d32020; } .review_form .el-icon-star-on { color: #f7ba2a !important; } .btn-white-big__stile { border: 2px solid var(--color-primary); box-sizing: border-box; border-radius: var(--main-radius); background: #fff; font-style: normal; font-weight: bold; font-size: 14px; line-height: 120%; color: var(--color-primary); display: inline-block; padding: 13px 45px; } .btn-white-big__stile:hover { color: #fff; background: var(--color-primary); border-color: var(--color-primary); } .btn-blue__style { cursor: pointer; font-style: normal; font-weight: 600; font-size: 14px; line-height: 120%; color: #fff; background: var(--color-primary); border-radius: var(--main-radius); padding: 13px 25px; display: inline-block; } .btn-blue__style:hover { color: #fff; background: var(--color-primary); } .advantage_col { display: flex; flex-direction: column; } .advantage_col .image_col { width: 48px; height: 48px; position: relative; padding: 24px 0px; } .advantage_col .image_col img { position: absolute; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; top: 0px; left: 0px; } .advantage_col .image_col .icon_title_a { height: 48px; font-size: 48px; position: absolute; top: 0px; color: var(--color-primary); } .advantage_col .a_title { margin: 15px 0px; font-size: 20px; line-height: 28px; margin-top: 13px; color: var(--color-black); font-weight: 600; } .advantage_col .a_desc { font-size: 13px; line-height: 20px; color: var(--color-grey3); max-width: 310px; } .main-banner1-home-button { display: flex; justify-content: center; } .main_poge_news .title { font-size: 30px; line-height: 41px; margin-bottom: 16px; color: var(--color-black); } .main_poge_news .news_row { margin-bottom: 10px; } .main_poge_news .news_date { font-size: 13px; line-height: 20px; color: var(--color-grey3); margin-bottom: 5px; } .main_poge_news .news_name { display: block; font-size: 15px; line-height: 22px; color: var(--color-black); margin-top: 2px; } .header-top-menu .header-top-nav { justify-content: flex-end; display: flex; padding: 0px; margin: 0px; } .header-top-menu .header-top-nav li { list-style: none; } .header-top-menu .header-top-nav > li { position: relative; } .header-top-menu .header-top-nav > li .top_submenu_outer { padding-top: 15px; display: none; z-index: 999; position: absolute; top: 100%; } .header-top-menu .header-top-nav > li > a { font-size: 13px; line-height: 1; color: #676767; } .header-top-menu .header-top-nav > li .top_submenu { background-color: #fff; border: 1px solid #eee; border-radius: var(--main-radius); display: block; left: 0; margin-top: 0px; padding: 10px !important; z-index: 999; box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.03); } .header-top-menu .header-top-nav > li .top_submenu li { list-style: none; } .header-top-menu .header-top-nav > li .top_submenu li a { white-space: nowrap; } .header-top-menu .header-top-nav > li:hover .top_submenu_outer { display: block; } .product_params_table_component .param_row { display: flex; position: relative; margin: 5px 0px; justify-content: space-between; } .product_params_table_component .param_row:before { position: absolute; z-index: 1; content: ""; display: flex; width: 100%; height: 1px; border-bottom: 1px dashed #eee; top: 16px; } .product_params_table_component .param_row .param_name { font-size: 16px; line-height: 24px; color: var(--color-grey3); position: relative; z-index: 2; background: #fff; padding-right: 8px; } .product_params_table_component .param_row .param_val { font-size: 16px; line-height: 24px; color: var(--color-black); width: 50%; flex: 0 0 auto; padding-left: 12px; position: relative; z-index: 2; background: #fff; padding-left: 12px; overflow: hidden; } .product_params_table_component .param_row .inner_param_val, .product_params_table_component .param_row .inner_param_name { display: inline-flex; } @media (max-width: 1169.98px) { .product_params_table_component.is_mobile .param_row { margin: 8px 0px; } .product_params_table_component.is_mobile .param_name { text-align: left; padding-right: 0px; background: transparent; font-size: 14px; line-height: 21px; } .product_params_table_component.is_mobile .param_val { background: transparent; text-align: right; padding-left: 0px; font-size: 15px; line-height: 20px; } .product_params_table_component.is_mobile .inner_param_name { padding-right: 10px; background: #fff; } .product_params_table_component.is_mobile .inner_param_val { padding-left: 10px; background: #fff; overflow-wrap: anywhere; } } @media (max-width: 1169.98px) { .main-home-slider-container { padding-bottom: 10px; margin-bottom: 0px; } .product_group_tabs_carousel .main-tabs-home__style { display: flex; flex-direction: column; } .block_contacts_component { padding: 6px !important; margin-top: 15px; } .category_left_menu { padding: 0px 0px 20px; } .site-catalog-center-col { padding-top: 12px; } } .main_header .top_panel { justify-content: space-between; padding: 0px; height: 36px; display: flex; align-items: center; } .main_header .top_panel .right, .main_header .top_panel .left { display: flex; align-items: center; gap: 20px; height: 100%; } .main_header .top_panel .left { gap: 12px; } .main_header .top_panel ul { padding: 0px; margin: 0px; display: flex; gap: 20px; } .main_header .top_panel ul li { list-style: none; } .main_header .top_panel ul li a { color: var(--color-black); font-weight: 400; font-size: 12px; line-height: 16px; } .main_header .center_header { margin-top: 0px; padding: 14px 0px; height: 76px; display: flex; align-items: center; display: flex; gap: 30px; } .main_header .center_header .center { width: 100%; display: flex; align-items: center; gap: 20px; } .main_header .center_header .logo_pos { width: auto; min-width: auto; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; flex: 1; margin-right: 0; padding-right: 0px; } .main_header .center_header .logo_pos img { width: 100%; } .main_header .center_header .menu_pos { flex: 1; } .main_header .center_header .search_position { flex: 100; } .main_header .center_header .right_btns_pos { display: flex; height: 100%; align-items: center; justify-content: space-between; } .main_header .header_bottom_menu li { list-style: none; padding: 0px 30px; } .main_header .right_phones_pos { padding: 0px 10px 0px 25px; display: flex; flex-direction: column; } .profile_icon_user { font-size: 24px; margin: 0px 6px; color: var(--color-black); } .dropdownSearchBlock .product-button-col-mini__style { min-width: auto; height: 28px; font-size: 11px; padding: 0px 10px; } .dropdownSearchBlock .product-button-col-mini__style .icon-group-1-basket-2 { display: flex; position: relative; top: -1px; margin-right: 5px; } .contact_styles > div { margin: 5px 0px; display: flex; align-items: center; font-size: 15px; line-height: 22px; font-weight: 600; color: var(--color-black); } .contact_styles > div img { margin-right: 10px; width: 16px; height: 16px; background-size: cover; } .contact_styles > div a { display: flex; align-items: center; } .drop_content { padding: 10px 16px; } .drop_content .contact_styles > div { font-size: 14px; } .outer_contact_styles { width: 100%; display: flex; justify-content: center; margin-bottom: 20px; } .outer_contact_styles .inner_conatct_style { display: inline-flex; } @media (max-width: 1169.98px) { .outer_contact_styles { justify-content: flex-start; } } .list_product_cats { margin-bottom: 0px; } .list_product_cats .catalog-category-item { box-shadow: inset 0 0 0 1px #eee; color: #959696; border-radius: var(--main-radius); border: 0px solid #e0e0e0; margin: 0px 0px; background: #f3f3f3; width: auto; } .list_product_cats .catalog-category-item a { display: flex; height: 100%; padding: 6px 12px; text-align: center; justify-content: center; } .list_product_cats .catalog-category-item a .catalog-category-item-caption { font-weight: 500; margin-bottom: 8px; line-height: 130%; color: var(--color-black); font-size: 13px; background: transparent; margin: 0px; display: flex; justify-content: center; text-align: center; } .list_product_cats .catalog-category-item:hover { opacity: 0.8; } .fix_count { width: 90px !important; } .fix_count .el-input__inner { border: 1px solid #DCDFE6 !important; } .icon_drop_class { font-size: 18px; margin-right: 7px; font-weight: 600; } .mini_n_rating { color: #ffb000; display: flex; align-items: center; font-weight: 600; } .mini_n_rating .star_dyn { position: relative; width: 14px; display: flex; height: 17px; margin-right: 4px; } .mini_n_rating .star_dynamic { font-size: 16px; font-weight: 500; } .mini_n_rating .star_dynamic_on { position: absolute; top: -1.4px; left: -1.3px; font-size: 18.9px; overflow: hidden; width: 108%; } .mini_n_rating.grey_rating { color: rgba(35, 31, 32, 0.3); } .mini_n_rating.grey_rating .star_dynamic { font-weight: 600; } .product_cell_grid_outer .product-name-link__style { text-align: center; } .product_cell_grid_outer .product-name-block-mini { display: flex; align-items: center; margin: 5px 0px 2px; min-height: 46px; } .product_cell_grid_outer .product-info-block-mini { text-align: center; height: auto; max-height: 49px; display: flex; align-items: flex-start; min-height: 32px; font-size: 11px; justify-content: center; } .product_cell_grid_outer .main-site-product-block-mini .product-price-block-mini { align-items: center; } .product_cell_grid_outer .main-site-product-block-mini .product-name-block-mini .product-name-block-mini-wrapper .product-name-link__style { font-size: 14px; line-height: 18px; } .product_cell_grid_outer .main-site-product-block-mini .product-button-block-mini { justify-content: center; } .product_cell_grid_outer .main-site-product-block-mini .product-image-block-mini .product-image-col-mini { height: 180px; } @media (max-width: 768px) { .site-paginator-block .main-paginator-block .page-item .page-item-link { padding: 6px 7px; font-size: 14px; width: 32px; display: inline-flex; margin-right: 2px; justify-content: center; } } .range_slider_params { padding: 0px 10px 13px 10px; } .range_slider_params .main_filter_param_mane { padding: 0px 0px 10px 5px; } .cookie__floating__buttons__button--accept { background: var(--color-primary) !important; color: #fff !important; } .time_work { font-weight: 500; font-size: 13px; display: inline-flex; color: #111; line-height: 20px; align-items: center; } .time_work .el-icon-time { font-weight: 500; margin-left: 1px; margin-right: 8px; font-size: 16px; color: var(--color-black); } .db_phone { font-weight: 500; color: #111; } .maintenance_text { font-size: 12px; color: #ff0000; } .discount_summ { background: var(--color-black); color: #fff; display: flex; position: absolute; font-size: 12px; padding: 0px 10px; border-radius: var(--main-radius); top: -10px; } .advantages { margin: 50px 0px 30px; } .advantages .advantages-container { overflow: hidden; } .advantages .advantages-row { display: flex; flex-wrap: wrap; justify-content: center; } .advantages .advantages-item { align-items: center; flex-direction: column; text-align: center; margin-bottom: 16px; } .advantages .advantages-item__image { flex: 0 0 98px; max-width: 98px; height: 98px; margin: 0 auto 20px; width: 100%; color: #fff; border-radius: 50%; background-color: var(--color-primary); } .advantages .advantages-item__image .icon { overflow: hidden; vertical-align: middle; display: block; max-width: 100%; width: 100%; height: 100%; } .advantages .advantages-item__text-amount { font-size: 28px; margin-bottom: 16px; margin-top: 23px; font-weight: 700; color: var(--color-primary); } .advantages .advantages-item__text-desc { font-size: 15px; line-height: 20px; text-align: center; color: #666; display: flex; justify-content: center; align-items: center; min-height: 42px; } .price_pf_2 { font-size: 12px; } .special_v3 { margin-bottom: 40px; } .special_v3 .special_cell { padding: 1.25rem 1.25rem 1.25rem 1.25rem; background: #f6f6f6; display: flex; position: relative; width: 100%; border-radius: var(--main-radius); margin-bottom: 10px; } .special_v3 .image_block { height: 50px; min-height: 50px; max-height: 50px; width: 50px; min-width: 50px; max-width: 50px; background: #fff; border-radius: var(--main-radius); display: inline-flex; align-items: center; justify-content: center; margin-right: 1.875rem; color: var(--color-primary); font-size: 34px; line-height: 100%; } .special_v3 .text_cell { display: flex; align-items: center; font-size: 14px; color: var(--color-black); font-weight: 500; } .errros_installment { display: flex; flex-direction: column; color: var(--color-error); } .main-home-slider-container .main_slider_component { border-radius: var(--main-radius); overflow: hidden; } .main-home-slider-container .outer_height_slider_right { border-radius: 12px; overflow: hidden; } .h1_products { display: flex; align-items: flex-end; flex-wrap: wrap; margin-bottom: 10px; } @media (max-width: 768px) { .h1_products { margin-bottom: 0px; padding-bottom: 10px; } } .h1_products h1 { margin-bottom: 0px; } .h1_products .div_count_product { margin-left: 10px; padding-bottom: 1px; } .footer-logo-col img { mix-blend-mode: darken; } @media (max-width: 768px) { .el-input__inner { font-size: 16px !important; } } .el-input.is-focus .el-input__inner, .el-input__inner:focus, .el-input__inner:hover { border-color: #ddd !important; } .req_p { color: #be1313; } /* cell grid v2 */ .product_cell_grid_outer_v2 .offer_block_outer_2 { display: flex; justify-content: space-between; align-items: center; } .product_cell_grid_outer_v2 .offer_block_outer_2 .text_b_cart { display: none; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-button-block-mini { margin-top: 0px !important; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-price-block-mini { margin: 0px !important; justify-content: flex-start; align-items: flex-start; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-price-col-1 { display: flex; align-items: center; font-size: 20px; top: 2px; position: relative; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-price-col-1 .product-price-bl-mini-currency { margin-left: 4px; line-height: 100%; margin-left: 4px; font-size: 12px; bottom: -1px; position: relative; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-price-col-2 { margin-left: 0px; align-items: center; justify-content: center; margin-bottom: 0px; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-price-col-2 .product-old-price-bl-mini-currency { font-size: 9px; position: relative; bottom: 1px; margin-left: 2px; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-button-col-mini__style { min-width: unset; display: flex; justify-content: center; padding: 0px 16px; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-button-col-mini__style .icon_cart_o { margin-right: 0px !important; } .product_cell_grid_outer_v2 .main-site-product-block-mini { position: relative; } .product_cell_grid_outer_v2 .product_flagsv2 { position: absolute; z-index: 10; bottom: -6px; left: 0px; } .product_cell_grid_outer_v2 .product_flagsv2 li { margin: 2px 5px 2px 0px; border-radius: var(--main-radius); position: relative; padding: 0 6px; height: 20px; font-size: 10px !important; } .product_cell_grid_outer_v2 .main-site-product-block-mini { position: relative; } .product_cell_grid_outer_v2 .favorite_outer { position: absolute; top: 5px; right: 8px; } .product_cell_grid_outer_v2 .product_name { display: table-cell !important; display: -webkit-box !important; line-height: 140%; vertical-align: middle; font-size: 14px; text-align: left; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: 500; margin-bottom: 8px; min-height: 39px; } .product_cell_grid_outer_v2 .product_star_outer_v2 { position: absolute; top: 3px; left: 6px; } .product_cell_grid_outer_v2 .product-promotional-offer-top { width: 100%; } .product_cell_grid_outer_v2 .main-site-product-block-mini .product-image-block-mini { margin-bottom: 16px; padding: 0px 0px; } .product_cell_grid_outer_v2 .main-site-product-block-mini .product-image-block-mini .product-image-col-mini { height: auto; margin-bottom: 10px; aspect-ratio: 1/1; border-radius: 24px; } .product_cell_grid_outer_v2 .offers_mini_container { display: flex; align-items: center; justify-content: space-between; } .product_cell_grid_outer_v2 .offer_outer { width: 100%; } .product_cell_grid_outer_v2 .main-site-product-block-mini { background: #fff; border-radius: 12px; padding: 12px 14px 16px; margin-bottom: 20px; } .product_cell_grid_outer_v2 .product-promotional-offer-top { top: 0px; left: 0px; width: 100%; display: none; } .product_cell_grid_outer_v2:hover .product-promotional-offer-top { display: block; } @media (max-width: 768px) { .product_cell_grid_outer_v2 .product-promotional-offer-top { /* display: block; */ } .product_cell_grid_outer_v2 .offer_block_outer_2 { flex-direction: column; gap: 20px; } .product_cell_grid_outer_v2 .main-site-product-block-mini .product-price-block-mini .product-price-col-2 { font-size: 14px; margin: 3px 0px 0px; } .product_cell_grid_outer_v2 .offer_block_outer_2 .product-price-col-1 { font-size: 18px; } .product_cell_grid_outer_v2 .main-site-product-block-mini, .product_cell_grid_outer_v2 .product-price-block-mini { align-items: center !important; text-align: center; } .product_cell_grid_outer_v2 .offer_block_outer_2 .text_b_cart { display: flex !important; align-items: center; line-height: 100%; margin-left: 10px; position: relative; bottom: -1px; } .product_cell_grid_outer_v2 .main-site-product-block-mini { padding: 12px 0px 16px; } } .product-image-block .outer_product_image_padding { border-radius: 24px; overflow: hidden; background: #fff; } .FILTER_PRODUCT .filterProductFormOuter #filterProductForm .param_block_height .pretty .p-primary label { line-height: 22px !important; } .product_content { /* @media (max-width: 1000px){ overflow: hidden; } */ } .soc-share-outer { position: relative; } .soc-share-outer .ya-share2__container_size_m .ya-share2__icon { background-size: 28px 28px; height: 28px; width: 28px; } .soc-share-outer .ya-share2__list.ya-share2__list_direction_horizontal { display: flex; } .soc-share-outer .ya-share2__badge { border-radius: 50%; margin-right: 4px; padding: 3px; } .soc-share-outer .sds_title { font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 15px; } .soc-share-outer .sds_title_prod { color: #aaa; font-size: 15px; line-height: normal; margin-top: 15px; } .soc-share-outer .field-blue-line { width: 100%; font-size: 13px; padding: 4px 0 6px; border: 0px solid #ccc; border-bottom: 2px solid #146FE1; } .soc-share-outer .social_dropdown { background-color: #fff; border: 1px solid #eee; border-radius: var(--main-radius); box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.25); display: none; margin-top: 10px; padding: 15px; position: absolute; right: 0; top: 100%; z-index: 30; } .soc-share-outer .social_dropdown.active { display: block; } .soc-share-outer .social_dropdown .mysharess { display: flex; } .soc-share-outer .social_dropdown::before { background-color: #fff; bottom: 100%; content: ""; display: block; height: 12px; margin-bottom: -7px; position: absolute; right: 30px; transform: rotate(45deg); width: 12px; } .soc-share-outer .social_dropdown { border-radius: 12px !important; } .product-slide-big-image { background: #fff; } #SORT_BLOCK .display { display: none !important; } .vue-otp-input { width: 100% !important; } .otp-wrapper { width: 100% !important; } .otp-wrapper .default-active-input { border: 1px solid #e0e0e0 !important; } .otp-wrapper .otp-input { font-size: 18px !important; border: 1px solid #e0e0e0 !important; width: 100% !important; height: 44px !important; color: #252933 !important; } .hidden_label .param_name { display: none !important; } .contact_row { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .contact_row a { color: var(--color-black) !important; text-decoration: unset; outline: unset; } .contact_row img { width: 16px; height: 16px; } .cell_center_menu { display: flex; justify-content: space-between; align-items: center; } .cell_center_menu .left { width: 100%; display: flex; align-items: center; gap: 10px; } .cell_center_menu .left .name { font-weight: 400; font-style: Regular; font-size: 14px; line-height: 20px; color: var(--color-black); } .cell_center_menu .left .image_cell { width: 48px; max-width: 48px; min-width: 48px; height: 48px; background: #eff1f4; border-radius: 50%; overflow: hidden; mix-blend-mode: darken; } .cell_center_menu .left .image_cell img, .cell_center_menu .left .image_cell .image_icon { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .cell_center_menu .left .image_cell img { mix-blend-mode: darken; } .cell_center_menu .right { display: flex; align-items: center; padding: 0px 3px; } .drawer_mobile_catalog_menu .el-drawer__container { height: calc(100% - 60px) !important; } .drawer_mobile_catalog_menu .el-drawer { box-shadow: unset !important; } .drawer_mobile_catalog_menu.el-drawer__wrapper { z-index: 9989 !important; } .main_product_menu_item { display: flex; gap: 8px; display: flex; flex-direction: column; margin-bottom: 0px; align-items: center; justify-content: center; text-align: center; outline: unset; text-decoration: unset; } .main_product_menu_item .img_cell { width: 75px; height: 75px; background: #eff1f4; border-radius: 50%; overflow: hidden; mix-blend-mode: darken; } .main_product_menu_item .img_cell img, .main_product_menu_item .img_cell .image_icon, .main_product_menu_item .img_cell svg { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .main_product_menu_item .img_cell img { mix-blend-mode: darken; } .main_product_menu_item .menu_name { font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; color: var(--color-black) !important; word-break: break-word; } .el-col-48 { width: 20%; } .slider_outer_main_slider .inner_cell_content h2, .slider_outer_main_slider .inner_cell_content h3, .slider_outer_main_slider .inner_cell_content h4, .slider_outer_main_slider .inner_cell_content h5, .slider_outer_main_slider .inner_cell_content h1 { font-weight: 700; font-size: 40px; line-height: 130%; margin-bottom: 16px; } .slider_outer_main_slider .inner_cell_content p, .slider_outer_main_slider .inner_cell_content span, .slider_outer_main_slider .inner_cell_content div, .slider_outer_main_slider .inner_cell_content a { color: var(--color-black); font-size: 20px; line-height: 130%; } .slider_outer_main_slider .inner_cell_content p { margin-bottom: 12px; } @media (max-width: 1300px) { .slider_outer_main_slider .inner_cell_content h2, .slider_outer_main_slider .inner_cell_content h3, .slider_outer_main_slider .inner_cell_content h4, .slider_outer_main_slider .inner_cell_content h5, .slider_outer_main_slider .inner_cell_content h1 { font-size: 32px; } .slider_outer_main_slider .inner_cell_content p, .slider_outer_main_slider .inner_cell_content span, .slider_outer_main_slider .inner_cell_content div, .slider_outer_main_slider .inner_cell_content a { font-size: 16px; } } @media (max-width: 1100px) { .slider_outer_main_slider .inner_cell_content h2, .slider_outer_main_slider .inner_cell_content h3, .slider_outer_main_slider .inner_cell_content h4, .slider_outer_main_slider .inner_cell_content h5, .slider_outer_main_slider .inner_cell_content h1 { font-size: 22px; } .slider_outer_main_slider .inner_cell_content p, .slider_outer_main_slider .inner_cell_content span, .slider_outer_main_slider .inner_cell_content div, .slider_outer_main_slider .inner_cell_content a { font-size: 14px; } } @media (max-width: 800px) { .slider_outer_main_slider .inner_cell_content h2, .slider_outer_main_slider .inner_cell_content h3, .slider_outer_main_slider .inner_cell_content h4, .slider_outer_main_slider .inner_cell_content h5, .slider_outer_main_slider .inner_cell_content h1 { font-size: 18px; } .slider_outer_main_slider .inner_cell_content p, .slider_outer_main_slider .inner_cell_content span, .slider_outer_main_slider .inner_cell_content div, .slider_outer_main_slider .inner_cell_content a { font-size: 13px; } } .slider_outer_mobile_slider .inner_cell_content h2, .slider_outer_mobile_slider .inner_cell_content h3, .slider_outer_mobile_slider .inner_cell_content h4, .slider_outer_mobile_slider .inner_cell_content h5, .slider_outer_mobile_slider .inner_cell_content h1 { font-weight: 700; font-size: 24px; line-height: 130%; margin-bottom: 16px; } .slider_outer_mobile_slider .inner_cell_content p, .slider_outer_mobile_slider .inner_cell_content span, .slider_outer_mobile_slider .inner_cell_content div, .slider_outer_mobile_slider .inner_cell_content a { color: var(--color-black); font-size: 14px; line-height: 130%; } .slider_outer_mobile_slider .inner_cell_content p { margin-bottom: 12px; } .favorite_offer_icon_v2 .foi_inner { display: flex; gap: 6px; align-items: center; cursor: pointer; } .favorite_offer_icon_v2 .foi_inner.active .i_text { color: var(--color-primary); } .favorite_offer_icon_v2 .i_text { white-space: nowrap; font-weight: 400; font-size: 16px; line-height: 100%; display: inline-flex; } #retailcrm-consultant-app { z-index: 100 !important; } #retailcrm-consultant-app .consultant-icon { /* background: linear-gradient(95.41deg, #54C2E6 0%, #4384C5 25%, #1059A6 50%, #E83E5D 75%, #F59A1B 100%) !important; */ background: #2b8bea !important; } #retailcrm-consultant-app .consultant-header__close svg { color: #555 !important; fill: #555 !important; } #retailcrm-consultant-app .consultant-header { background: #fff !important; border-bottom: 1px solid #f2f2f2; } #retailcrm-consultant-app .manager__info .manager__name { color: #555 !important; font-weight: 400 !important; font-size: 16px; } #retailcrm-consultant-app .manager__info .manager__status { color: #94c156 !important; } #retailcrm-consultant-app .manager__info .manager__status svg { fill: #94c156 !important; } #retailcrm-consultant-app .window { border-radius: 20px !important; overflow: hidden; } #retailcrm-consultant-app .message-content .message-text-content { font-size: 16px !important; } #retailcrm-consultant-app .window__footer { border-top: 1px solid #f2f2f2 !important; } #retailcrm-consultant-app .footer { display: none !important; } #retailcrm-consultant-app .base-button__inner { color: #222 !important; width: 30px !important; position: relative !important; top: -5px !important; right: 6px !important; } #retailcrm-consultant-app .base-button__inner svg { fill: #888 !important; font-size: 27px !important; width: 45px !important !important; height: auto !important; } #retailcrm-consultant-app .consultant-button_emoji { display: none !important; } #retailcrm-consultant-app .consultant-button_send { background: transparent !important; } #retailcrm-consultant-app .window__footer .form { background: #fff !important; } #retailcrm-consultant-app .form__area { border: 0px !important; box-shadow: unset !important; } #retailcrm-consultant-app .form__area .form__input-area { color: #555555 !important; opacity: 1; font-size: 18px !important; } #retailcrm-consultant-app .form__area .form__input-area::-moz-placeholder { color: #777 !important; opacity: 1; font-size: 18px !important; } #retailcrm-consultant-app .form__area .form__input-area:-ms-input-placeholder { color: #777 !important; opacity: 1; font-size: 18px !important; } #retailcrm-consultant-app .form__area .form__input-area::placeholder { color: #777 !important; opacity: 1; font-size: 18px !important; } #retailcrm-consultant-app .message-list__date { color: #777 !important; margin: 12px 0 !important; } #retailcrm-consultant-app .message__body .base-button { background: var(--color-primary) !important; } #retailcrm-consultant-app .message__body .base-button__inner { color: #fff !important; width: auto !important; position: relative !important; top: 0px !important; right: 0px !important; left: 0px; font-weight: 600; } #retailcrm-consultant-app .message__body .base-button__inner svg { display: none !important; } @media (max-width: 1169px) { .product_page #retailcrm-consultant-app { bottom: 134px !important; z-index: 200 !important; } .messengers__wrap_position-left .messengers__item { margin: auto 16px 0px 0 !important; } .consultant-icon { width: 36px !important; height: 36px !important; } .consultant-icon__close { top: 9px !important; width: 20px !important; height: 20px !important; } .messengers__wrap_position-left { padding-right: 14px !important; } .consultant-icon_opened { transform: scale(1) !important; } .consultant-icon__img_default { width: 27px !important; height: 19px !important; top: 8px !important; } } .retailcrm-consultant-scroll-disabled #retailcrm-consultant-app { z-index: 99999999999 !important; } .sort_panel_content .custom_radio_group { gap: 12px !important; flex-direction: column !important; padding: 0px 1px !important; } .sort_panel_content .custom_radio_group .group_item { gap: 10px !important; font-weight: 400 !important; font-size: 14px !important; line-height: 20px !important; color: var(--color-grey) !important; } .sort_panel_content .custom_radio_group .group_item .icon_check { outline: 1px solid var(--color-grey) !important; padding: 3px !important; } .sort_panel_content .custom_radio_group .group_item.checked { color: var(--color-black) !important; } .sort_panel_content .custom_radio_group .group_item.checked .icon_check { outline: 1px solid var(--color-black) !important; } .search_cms_outer .dropdownSearchBlock { background-color: #fff; border-top: 0px solid var(--color-black); top: calc(100% + 4px); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.03); border-radius: 8px; left: 0px; width: 100%; min-width: 655px; margin-top: 2px; } .bottom_menu_outer { display: flex; align-items: center; width: 100%; max-width: 100%; gap: 20px; } .bottom_menu_outer .right { display: none; width: 100%; } .bottom_menu_outer .right img { width: 100% !important; height: auto !important; } .bottom_menu_outer .left { width: calc(100% - 137px); } body.is_loaded .bottom_menu_outer .right { display: flex; } @media (max-width: 1100px) { .right_ft_block { margin: 24px 0px 24px 0px; } } .left_contacts { color: #252933; } @media (max-width: 1100px) { .left_contacts { margin-bottom: 24px; } } .left_contacts .lf_social { display: flex; gap: 15px; } .left_contacts .lf_social img { width: 44px; } .left_contacts .f_title_social { margin-bottom: 16px; font-weight: 600; font-size: 18px; line-height: 26px; } .left_contacts .f_title_social .soc_title { margin-bottom: 16px; } .left_contacts .contacts_icons { display: flex; gap: 20px; align-items: center; margin-bottom: 24px; } .left_contacts .contacts_icons .ci_cell { display: flex; align-items: center; gap: 8px; font-weight: 400; font-size: 16px; line-height: 24px; } .left_contacts .contacts_icons .ci_cell img { width: 22px; } .left_contacts .contacts_icons .ci_cell a { color: inherit !important; } .left_contacts .phone_bottom { margin-bottom: 16px; font-weight: 400; font-size: 16px; line-height: 24px; } .left_contacts .sp_phone { margin-bottom: 4px; font-weight: 600; font-size: 20px; line-height: 30px; } .left_contacts .sp_phone a { color: inherit; } .left_contacts .sp_title { margin-bottom: 16px; font-weight: 600; font-size: 18px; line-height: 26px; } .site-footer-container-bottom { display: flex; align-items: center; gap: 40px; font-weight: 400; font-size: 16px; line-height: 24px; color: var(--color-black); } @media (max-width: 1100px) { .site-footer-container-bottom { flex-direction: column; align-items: flex-start; gap: 24px; } } .site-footer-container-bottom .left { display: flex; flex-wrap: nowrap; white-space: nowrap; } .site-footer-container-bottom .centert { width: 100%; } .site-footer-container-bottom .right { display: flex; justify-content: flex-end; } .site-footer-container-bottom .right .block_current { background: #fff; } .footer-nav-menue-col { color: var(--color-black); } .footer-nav-menue-col .footer-nav-menue-title { font-weight: 600; font-size: 18px; line-height: 26px; margin-bottom: 16px; } @media (max-width: 1100px) { .footer-nav-menue-col .footer-nav-menue-title { margin-bottom: 12px; } } .footer-nav-menue-col .menu_items { display: flex; flex-direction: column; gap: 12px; } @media (max-width: 1100px) { .footer-nav-menue-col .menu_items { gap: 8px; } } .footer-nav-menue-col .menu_items a { font-weight: 400; font-size: 16px; line-height: 24px; color: inherit !important; } @media (max-width: 1100px) { .footer-nav-menue-col .menu_items a { font-size: 14px; line-height: 20px; } } .site-footer-container-bottom { padding-bottom: 30px; } @media (max-width: 1169px) { .site-footer-container-bottom { padding-bottom: 90px; } } .site-footer-container-bottom .footer-nav-menue-title { display: none; } .site-footer-container-bottom .menu_items { flex-direction: row; gap: 40px; } @media (max-width: 1100px) { .site-footer-container-bottom .menu_items { flex-direction: column; gap: 8px; } } @media (max-width: 1100px) { .site-footer-container-bottom .menu_items a { font-size: 14px; line-height: 20px; } } @media (max-width: 1169px) { .product_page .site-footer-container-bottom { padding-bottom: 130px; } } .site-footer-block { background: #EFF1F4; padding-top: 60px; } @media (max-width: 1100px) { .site-footer-block { padding-top: 30px; } } /* foote style */ .site-footer-container-top { margin-top: 0px; padding: 0px 0 60px; border-top: 0px solid #f1f1f1; color: var(--color-black); font-size: 16px; line-height: 140%; } @media (max-width: 1100px) { .site-footer-container-top { padding: 0px; } } .site-footer-container-top img { max-width: 100%; } .site-footer-container-top p { font-weight: 400; font-size: 16px; margin-bottom: 8px; } .site-footer-container-top strong, .site-footer-container-top b { font-weight: 600; } .id_type_view_main .contenttheme { padding-top: 0px !important; } .top_menu_left { border-radius: 12px; overflow: hidden; margin-bottom: 20px; } .cart_prev_name { width: 100%; } .search_cms_outer .dropdownSearchBlock .sdb_name { padding-top: 0px; } .search_cms_outer .list_prod_scroll { display: flex; flex-direction: column; gap: 20px; } .search_cms_outer .dropdownSearchBlock .image_sdb .inner_image_sdb img { position: static; transform: unset; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .search_cms_outer .dropdownSearchBlock .image_sdb .inner_image_sdb { height: 50px; overflow: hidden; padding: 0; position: relative; width: 50px; border-radius: 8px; } .search_cms_outer .products_result .title_pr { font-weight: 400; } @media (max-width: 1169px) { .product_page .contenttheme { padding-top: 0px !important; padding-bottom: 0px; } .product_page .breadcrumb-site-block { display: none !important; } } .product-button-col-mini__style { display: flex; gap: 5px; align-items: center; } #filterProductForm .dropdown_fc_more .pretty { padding-right: 12px; } .FILTER_PRODUCT .filterProductFormOuter #filterProductForm .dropdown_fc_more { min-width: 340px; } .FILTER_PRODUCT .filterProductFormOuter .MAIN_FC_DROP { margin-bottom: 5px; } #filterProductForm .param_block { padding-bottom: 0px; margin-bottom: 0px; } .FILTER_PRODUCT .filterProductFormOuter #filterProductForm .outer_filter_param_enum { margin-bottom: 16px; } .not_reviews { background-color: #e9eaeb; color: #252b3b; width: auto; padding: 12px 26px 12px 24px; margin-bottom: 20px; display: inline-flex; align-items: center; gap: 10px; border-radius: 37px; } .not_reviews .info_icon { font-size: 22px; color: #252b3b; } .PRODUCT_DETAIL_OUTER_V2.is_mobile .product_detail_tabs .el-tabs__nav { flex-direction: row !important; gap: 16px; } @media (max-width: 1169px) { .product_page .white_block_po, .product_page .mobile_panel_outer, .wetrands_page .white_block_po, .wetrands_page .mobile_panel_outer { display: none !important; } } .content_article img { border-radius: 8px; margin-bottom: 12px; max-width: 100%; } .product-price-bl-mini-value { letter-spacing: -1px; } .product_page .product-price-bl-mini-value { letter-spacing: -1px; } .content_after { display: flex; min-height: calc(100vh - 300px); display: flex; padding: 30px 0px; align-items: center; justify-content: center; flex-direction: column; } .content_after .image_outer { margin-bottom: 24px; display: flex; justify-content: center; align-items: center; } .content_after .image_outer img { max-width: 100%; } .content_after .title_1 { margin-bottom: 16px; font-weight: 600; font-size: 32px; line-height: 130%; text-align: center; color: var(--color-black); } .content_after .title_2 { font-weight: 600; font-size: 18px; line-height: 26px; text-align: center; color: var(--color-black); } .content_after .system_bottom { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; } .content_after .order_number { color: var(--color-primary); } .content_after .btn_main { height: 44px; padding: 25px; display: inline-flex; justify-content: center; align-items: center; color: #fff; font-weight: 600; font-size: 16px; line-height: 24px; text-align: center; background: var(--color-primary); border-radius: 8px; } .content_after .btn_main.white { color: var(--color-primary); background: #fff; border: 2px solid; } .content_after .btn_main:hover { opacity: 0.8; } .content_after .contacts_icons_fail { display: flex; gap: 20px; align-items: center; margin-top: 20px; justify-content: center; color: var(--color-black); } .content_after .contacts_icons_fail .ci_cell { display: flex; gap: 8px; align-items: center; } .el-dialog__title { font-weight: 600; } .el-dialog__header { border: 0px !important; } .flex-wrap { flex-wrap: wrap; } .garanty_text_outer { color: var(--color-black); display: flex; gap: 2px; flex-direction: column; font-weight: 400; font-size: 14px; line-height: 150%; } @media (max-width: 768px) { .garanty_text_outer { gap: 6px; } } .garanty_text_outer img { width: 24px; } .garanty_text_outer .title { font-weight: 600; display: flex; align-items: center; gap: 6px; } .typography { font-weight: 400; font-size: 16px; line-height: 150%; color: var(--color-black); } @media (max-width: 768px) { .typography { font-size: 14px; } } .typography h1, .typography h2, .typography h3, .typography h4 { margin-bottom: 8px; font-weight: 600; } .typography h1, .typography h2 { margin-bottom: 12px; font-size: 24px; } @media (max-width: 768px) { .typography h1, .typography h2 { font-size: 20px; } } .typography h3 { margin-bottom: 12px; font-size: 22px; } @media (max-width: 768px) { .typography h3 { font-size: 18px; } } .typography h4, .typography h5 { font-size: 20px; margin-bottom: 20; font-weight: 500; } @media (max-width: 768px) { .typography h4, .typography h5 { font-size: 18px; } } .typography p { font-size: 16px; margin-bottom: 12px; } @media (max-width: 768px) { .typography p { font-size: 14px; } } .typography span { font-size: 16px; } @media (max-width: 768px) { .typography span { font-size: 14px; } } .typography a { font-size: 16px; color: var(--color-primary); } @media (max-width: 768px) { .typography a { font-size: 14px; } } .typography b, .typography strong { font-weight: 600; } @media (max-width: 768px) { .container { padding-right: 10px; padding-left: 10px; overflow: hidden; } } .nofullwithsw .swiper-slide { width: auto !important; } .sizes_content { color: var(--color-black); } .sizes_content h1, .sizes_content h2, .sizes_content h3, .sizes_content h4, .sizes_content h5 { color: var(--color-black); font-weight: 600; font-size: 16px; line-height: 140%; margin-bottom: 24px; flex-wrap: wrap; } .sizes_content h3 { margin-bottom: 12px; display: flex; align-items: center; flex-wrap: wrap; font-weight: 700; font-size: 16px; line-height: 150%; } .sizes_content .scroll_table { width: 100%; overflow: auto; margin-bottom: 10px; } .sizes_content p, .sizes_content div, .sizes_content span { font-weight: 400; font-size: 16px; line-height: 130%; } .sizes_content p { margin-bottom: 12px; } .sizes_content .number { height: 24px; border-radius: 50%; width: 24px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--color-black); margin-right: 8px; } .sizes_content img { width: 100%; max-width: 100%; height: auto; margin: 12px 0px; } .sizes_content table { width: 100%; border-color: #EFF1F4; border-radius: 12px; border-collapse: separate; border-spacing: 0px; overflow: hidden; border: 1px solid #EFF1F4; margin-bottom: 14px; } .sizes_content table td, .sizes_content table th { padding: 10px 10px; white-space: nowrap; border: 1px solid #EFF1F4; border-width: 0px 1px 0px 0px; text-align: center; } .sizes_content table td:first-child, .sizes_content table th:first-child { text-align: center; } @media (max-width: 768px) { .sizes_content table th { font-size: 12px; padding: 10px 5px; } } .sizes_content table thead tr { background-color: #f4f4f4; } .sizes_content table tr:nth-child(even) { background-color: #f4f4f4; } .product_offer_card_component_v2 .offer_available_v3_inner .a_text { padding-left: 30px; line-height: 20px; } .product_offer_card_component_v2 .text_garanty .a_text { padding-left: 30px; line-height: 20px; } .main_checkout_outer .otp-input { background: #fff !important; } @media (max-width: 768px) { .wetrands_page .contenttheme { padding-top: 0px !important; } .wetrands_page .site-breadcrumb-block, .wetrands_page .wetrands_h1 { display: none !important; } } .wetrands_h1 { color: #000; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background: linear-gradient(95.41deg, #54C2E6 0%, #4384C5 25%, #1059A6 50%, #E83E5D 75%, #F59A1B 100%); background-clip: text; display: inline-flex; font-weight: 700; line-height: 100%; } .swiper_padding_fix { padding: 4px !important; margin: -4px !important; } .fix_dialog { color: var(--color-black); } .fix_dialog .el-dialog__header { display: none; } .fix_dialog .el-dialog__body { padding: 24px 30px !important; color: var(--color-black); } .grey_photo:before { position: absolute; top: 0px; left: 0px; z-index: 1; content: ""; width: 100%; height: 100%; display: flex; background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.04)); } .grey_photo:after { position: absolute; top: 0px; left: 0px; z-index: 1; content: ""; width: 100%; height: 100%; display: flex; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.04)); } .grey_photo.more_grey:before { background: linear-gradient(0deg, transparent, rgba(0, 0, 0, 0.1)); } .text_original { padding-left: 28px; padding-top: 2px; } .block_text_extension { margin-bottom: 8px; } .block_text_extension_mobile { margin-bottom: 12px; } .block_text_extension_mobile .text_original { padding-left: 0px; padding-top: 2px; } .product_has_grey_photo .outer_product_image:before, .product_has_grey_photo .item_img_wrap:before { position: absolute; top: 0px; left: 0px; z-index: 1; content: ""; width: 100%; height: 100%; display: flex; background: rgba(0, 0, 0, 0.01); } .rc_b_text { display: flex; flex-direction: column; gap: 6px; text-align: left; font-size: 14px; line-height: 140%; font-weight: 400; margin-bottom: 16px; color: var(--color-grey); } .rc_b_text .title { font-size: 16px; color: var(--color-primary); display: flex; gap: 8px; font-weight: 600; align-items: center; } .rc_b_text .title.black { color: var(--color-black); } .rc_b_text .desc.black { color: var(--color-black); } .loading_to_btn .el-loading-mask { background: transparent !important; } .loading_to_btn .el-loading-spinner .circular { height: 40px; width: 26px; } .h1_product_new { color: var(--color-black); margin-bottom: 20px; font-weight: 700; font-size: 24px; line-height: 32px; } @media (max-width: 768px) { .h1_product_new { display: none; } } .SWIPER_SLIDE_AUTOWIDTH .swiper-slide { width: auto !important; } @media (max-width: 768px) { .h1_products { display: none !important; } .main_breadcrumb { display: none !important; } } .el-dropdown-menu { z-index: 99999999 !important; } .top_text { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; margin-bottom: 5px; } .h1_products { padding: 0px !important; margin: 0px !important; } .h1_products h1 { font-weight: 700; font-size: 24px; line-height: 140%; padding: 0px !important; margin-bottom: 24px; } .delimeter_products { height: 40px; } @media (max-width: 768px) { .delimeter_products { height: 20px; } } .el-alert--success.is-light { padding: 6px 10px !important; background-color: #f1f4ef !important; border-radius: 12px !important; overflow: hidden !important; } .el-alert--success.is-light .el-alert__description { font-size: 14px !important; } .el-alert--warning.is-light { padding: 6px 10px !important; background-color: #fbf6f4 !important; border-radius: 12px !important; overflow: hidden !important; } .el-alert--warning.is-light .el-alert__description { font-size: 14px !important; } .tb_fail .title_1 { font-size: 18px; margin-bottom: 5px; } .tb_fail .contacts_icons_fail { display: flex; gap: 18px; align-items: center; margin-top: 14px; color: #2b8bea; } .tb_fail .contacts_icons_fail .ci_cell { display: flex; font-size: 16px; gap: 10px; align-items: center; color: #2b8bea; font-weight: 500; } .el-dialog__body { word-break: normal !important; } @media (max-width: 992px) { .mb_mobile { margin-bottom: 24px; } } .iblocks_outer .body ul, .iblocks_outer .body ol { padding-left: 20px; margin: 10px 0px; } .wetrands_tags_main .swiper-wrapper { min-height: 0px; } .after_payment_false .btn_repeat_outer { width: 100%; margin: 30px 0px 10px !important; } .dolyami_mobile_product { margin-bottom: 8px !important; margin-top: 4px !important; } .digi-dolyame-logo { background: var(--color-black) !important; } .digi-dolyame-product__content { color: var(--color-black) !important; } @media (max-width: 768px) { .digi-dolyame-product__content { width: auto; display: inline-flex; flex-grow: 0 !important; } .digi-dolyame-product__icon--arrow, .digi-dolyame-product__icon--arrow svg { fill: #222 !important; height: 12px !important; transition: fill 0.2s ease !important; width: 10px !important; position: relative !important; top: -0.5px !important; } } @media (min-width: 1170px) and (max-width: 1359px) { .main-discounts-site-col .m-discounts-s-price-block { flex-direction: column; } .main-discounts-site-col .m-discounts-s-price-block .discount-counter2-site__style { width: 100%; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row { width: 100%; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row { width: 100%; display: flex; margin: 10px 0px 2px; align-items: center; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-1 { margin-bottom: 0px; margin-top: 0px; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-2 { font-size: 12px; margin-left: 5px; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-2 .m-discounts-s-old-price-bl-currency { font-size: 10px; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-1 { font-size: 16px; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-1 .m-discounts-s-price-bl-currency { font-size: 12px; } .caption-site-h2-block .caption-site-h2__style { font-size: 26px; } } @media (min-width: 1170px) { .nopadding-left-lg { padding-left: 0px !important; } } @media (max-width: 1169px) { .header-top-right-bar { justify-content: center; } .header-top-right-bar .top-right-bar-wrapper { margin-left: 0px; margin: 10px; } .header-top-menu-wrapper .header-top-menu-col { margin-right: 10px; } .header-top-menu-wrapper .header-top-menu-col .htm-first-link { font-size: 14px; text-transform: unset; } .main-home-slider-container .grid_liser_main_col_right { display: flex; } .special-offers-home-container { padding-bottom: 0px; margin-bottom: 0px; } .main-tabs-home-block { margin: 0px 0 20px; } .caption-site-h2-block .caption-site-h2__style { font-size: 25px; } .main-tabs-home-block .main-tabs-home-info-block { font-size: 18px; } .text-font-size-38__style { font-size: 27px; } .main-tabs-home-block .main-tabs-home-info-block { font-size: 16px; } .header-bottom-row .header-userbar-wrapper { padding-top: 8px; } .header-bottom-row .header-bottom-col { padding: 15px 0 10px; } .main-home-slider-container .main-home-slider-grid-block img { width: auto !important; min-width: 100%; } .main-tabs2-home-block .main-tabs-home__style { margin-bottom: 0px !important; } .main-contacts-home-container { padding: 0px; } .main-discounts-site-col .m-discounts-s-title-block { min-height: unset; } .product_cell_hit_outer { margin-bottom: 30px; } .main-discounts-home-container .discounts-h-bl-baner-col .discounts-h-bl-baner-info-block .dh-bl-baner-i-block-name { text-align: center; } .search_cms_outer .dropdownSearchBlock { top: calc(100% + 0px); width: 100%; left: 0px; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style { justify-content: flex-start; } .main-tabs-home-block .main-tabs-home-info-block { margin-bottom: 25px; text-align: left; } .main-tabs-home-block .main-tabs-home-nav-block .main-tabs-home__style .nav-link-main-tabs__style { margin-left: 10px; margin-right: 30px; } } @media (max-width: 767px) { .header-top-row { padding: 20px 0 10px 0px; } .product-page-title .product-page-title__style { font-size: 22px; margin-bottom: 20px; } .main-home-slider-container .main-home-slider-grid-block { flex-direction: column; display: flex; } .slider_outer_main_slider .icon_outer { width: 120px; position: absolute; bottom: 18px; left: 6px; margin-left: 0px; right: 0px; } .home-slider-info-block-1 .hs-i-btn__style { background-color: var(--color-black); font-size: 12px; padding: 5px 30px; height: 36px; color: #fff; } .home-slider-info-block-1 { top: 5%; } .main_slider_component .home-slider-info-block-1 .hs-i-text-bl { padding: 10px 10px; border-radius: var(--main-radius); display: table; margin: 0px auto; background-color: rgba(0, 0, 0, 0.12); } .grid_liser_main_col_right1 .main_slider_component .home-slider-info-block-1 .hs-i-text-bl { display: table; margin: 0px 10px; line-height: 18px; } .grid_liser_main_col_right2 .main_slider_component .home-slider-info-block-1 .hs-i-text-bl { display: table; line-height: 25px; margin: 0px 10px 0px auto; } .main-tabs2-home-block { margin: 20px 0 0px; } .header-logo-block { justify-content: center; text-align: center; } .main-site-product-block-mini .product-name-block-mini { text-align: center; margin: 12px 0; height: auto; line-height: 20px; font-size: 14px; min-height: unset !important; } .main-site-product-block-mini .product-info-block-mini { font-size: 12px; line-height: 150%; text-align: center; margin: 9px 0; height: 60px; overflow: hidden; } .main-site-product-block-mini .product-info-block-mini { font-size: 12px; line-height: 150%; text-align: center; margin: 10px 0 15px; height: auto; } .product-rating-block-mini { justify-content: flex-end; } .product-availability-block-mini .icon_available { font-size: 18px; } .product-availability-block-mini .product-availability-text { line-height: 14px; font-size: 13px; } .main-site-product-block-mini .product-price-block-mini .product-price-col-2 { font-size: 18px; margin: 10px 0px; } .main-site-product-block-mini .product-price-block-mini { margin: 10px 0 20px; } .main-site-product-block-mini .product-button-block-mini .product-quantity-bl-mini { width: 100px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-userbar-col { padding: 0px 12px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-mini-param-col { padding: 0 12px; } .first-block-product-info-container .first-block-product-info-wrapper .fb-product-i-offer-row .fb-product-i-offer-col-1 { padding: 15px 10px 10px 10px; } .main-tabs-product-list-container .tab-param-product-block .tab-param-product-container .tab-param-product-col { margin-top: 20px; } .site-footer-container-top .footer-rss-block .footer-rss-title { font-size: 20px; line-height: 120%; } .site-footer-container-top .footer-nav-menue-block { margin-left: 10px; } .first-block-product-info-container .fb-product-i-price-row .fb-product-i-price-col-1 { align-items: center; } .filterProductFormOuter { padding-bottom: 10px; } .IS_MOBILE_FILTER .btn_show_filter { border: 1px solid #ccc; border-radius: var(--main-radius); cursor: pointer; font-weight: 600; font-size: 14px; padding: 10px 30px 10px; margin: 5px 0px 0px 0px !important; text-align: center; display: inline-flex; color: var(--color-black); align-items: center; width: 100%; justify-content: center; } .IS_MOBILE_FILTER .btn_show_filter .el-icon-set-up { margin-right: 8px; font-size: 22px; } .product_group_tabs_without_description .main-tabs-home__style { flex-direction: column; } .product_group_tabs_without_description .main-tabs-home__style li a { text-decoration: none; text-transform: unset !important; line-height: 23px; padding-bottom: 0px; border-bottom: 1px dotted #aaa !important; font-size: 16px !important; margin: 6px 0px; display: inline-flex; } .product_group_tabs_without_description .main-tabs-home__style li a:before { display: none; } .main-discounts-site-col .m-discounts-s-image-block { padding-bottom: 50%; width: 100%; margin: 10px auto 20px; } .main-discounts-site-col .m-discounts-s-title-block { font-size: 16px; margin-bottom: 10px; line-height: 20px; justify-content: center; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-1 { font-size: 26px; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row { flex-direction: column-reverse; } .main-discounts-site-col .m-discounts-s-price-block .m-discounts-s-price-row .m-discounts-s-price-col-2 { font-size: 18px; line-height: 24px; margin: 5px ​0px 5px; } .main-discounts-site-col .m-discounts-s-price-block .discount-counter2-site__style { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 10px; } .right_cell_search_content { flex-direction: column; } .right_cell_search_content .right_sdb { display: flex; align-items: center; } .right_cell_search_content .right_sdb .product-button-col-mini { margin-top: 0px; } .search_cms_outer .dropdownSearchBlock .sdb_name-link { line-height: 16px; display: flex; margin-bottom: 10px; font-size: 13px; } h1 { font-size: 22px; } } .outer_mobile_filter #filterProductForm { padding: 9px 20px 20px 20px; } .modal-backdrop { opacity: 0.5; } .el-message { z-index: 333333 !important; } .el-button { border-radius: var(--main-radius) !important; } body.show_search_mobile { overflow: hidden !important; position: fixed; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; }