/* Start:/local/templates/furnitop/styles/datepicker.min.css?154937333612257*/ .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} /* End */ /* Start:/local/components/sh/search.form/templates/.default/style.css?17356464194079*/ .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 2px 0 0 2px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:6px 12px; border-radius: 0 2px 2px 0; color: #fff; font-size: 16px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background: #1484CE; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 370px; margin-top:-3px; background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/local/components/sh/search.form/templates/.default/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 67px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/local/components/sh/search.form/templates/mobile/style.css?17356580214079*/ .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 2px 0 0 2px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:6px 12px; border-radius: 0 2px 2px 0; color: #fff; font-size: 16px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background: #1484CE; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 370px; margin-top:-3px; background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/local/components/sh/search.form/templates/mobile/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 67px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } /* End */ /* Start:/local/templates/furnitop/components/bitrix/breadcrumb/breadcrumb/style.css?15780462991661*/ .breadcrumb { display: flex; text-align: left; margin: 0 -10px; } .breadcrumb-item { font-size: 12px; text-decoration: none; position: relative; } .breadcrumb-item a, .breadcrumb-item > span { padding: 13px 10px; display: inline-block; color: #a4a4a4; text-decoration: none; } .breadcrumb-item a:hover { color: #1E0AAA; } .breadcrumb-item a:hover::after { background-image: url(/local/markup/images/icon_up.png); } .breadcrumb-item-hover span { } .breadcrumb-item-hover span:hover { } .breadcrumb-popup-window a { display: block; color: #1E0AAA; padding-top: 3px; padding-bottom: 3px; } .breadcrumb-popup-window a:hover { color: #D0021B; } .breadcrumb-item>span { color: #484848; font-size: 12px; font-weight: 300; text-decoration: none; padding-left: 5px; } .breadcrumb-item { font-size: 12px; } .breadcrumb-popup-window ul { padding: 0; margin: 5px 0; list-style: none; } .breadcrumb-popup-window ul > li a{ padding: 5px 10px; display: block; width: 100%; } .breadcrumb-popup-window ul > li:hover a { color: #D0021B; } .breadcrumb-popup-window { position: absolute; top: 100%; left: auto; right: -20px; display: none; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); z-index: 10; width: 200px; } .breadcrumb-hover { display: block; } .breadcrumb-item.sub_category_available > a { color: #484848; position: relative; margin-right: 15px; } .breadcrumb-item.sub_category_available > a:hover { color: #D0021B; } .breadcrumb-item-hover:hover > a { color: #333; } .breadcrumb-item + span { font-size: 10px; } @media (max-width: 849px) { .breadcrumb { display: none; } } /* End */ /* Start:/local/templates/furnitop/template_styles.css?1737621843199*/ .copyright { display: none!important; } .cart-item__title { font-size: 22px!important; font-weight: 500!important; color: #333; margin-bottom: -10px; text-align: center; margin-top: 10px!important; } /* End */ /* Start:/local/templates/furnitop/styles/styles.css?1751302842314584*/ @font-face { font-family: 'Montserrat'; src: url('/local/templates/furnitop/fonts/montserrat-v14-cyrillic_latin-regular.woff2') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('/local/templates/furnitop/fonts/montserrat-v14-latin_cyrillic-700.woff2') format('truetype'); font-weight: 700; font-style: normal; } body { font-size: 14px; color: #333; } body * { box-sizing: border-box; } a, img { outline: none; } a { color: #1E0AAA; text-decoration: none; transition: color .2s, opacity .2s, background-color .2s; } a:hover { text-decoration: none; color: #000; } h1, .h1 { font-size: 30px; font-weight: 700; margin: 0; line-height: 34px; } h2, .h2 { font-size: 24px; font-weight: 700; margin: 0; line-height: 28px; text-transform: uppercase; } .text-guide h2, .text-guide .h2 { margin-top: 25px; margin-bottom: 25px; } h3, .h3 { font-size: 20px; font-weight: 700; margin: 0; line-height: 24px; } .text-guide h3, .text-guide .h3 { margin-top: 25px; margin-bottom: 25px; } h4, .h4 { font-size: 16px; line-height: 18px; font-weight: 700; margin: 0; } .manager_title { font-size: 19px; margin-top: 40px; } p { font-size: 16px; line-height: 24px; margin-top: 0; margin-bottom: 15px; } .text-guide ul { list-style: none; margin-left: 0; padding-left: 1em; text-indent: -1em; } .text-guide ul li { position: relative; } .text-guide ul li:before { content: '— '; } .table-scroller { max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } ::before, *::after{box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none;} body.ios, body.ios *{cursor: pointer;} input[type=text], input[type=number], input[type=email], input[type=tel], input[type=password], input[type=search], input[type=date], input[type=search], textarea{ appearance: none; } input, button, select, textarea{margin: 0;} ::-webkit-inner-spin-button, ::-webkit-outer-spin-button{appearance: none; margin: 0;} ::-webkit-details-marker{display: none; opacity: 0;} ::-webkit-search-cancel-button{appearance: none;} input::-ms-clear{display: none;} button::-moz-focus-inner{border: none;} iframe, .no-border{border: none;} .touch *{outline: none;} input::-moz-placeholder, input:-moz-placeholder, input:-ms-input-placeholder { color: #9b9b9b; font-size: 14px; } input::-webkit-input-placeholder { color: #9b9b9b; } input.search-form__input::-webkit-input-placeholder { color: #000; } svg:not(:root) { overflow: hidden; } /* --- tools --- */ .fc:first-child, .flc:first-child{margin-top: 0;} .lc:last-child, .flc:last-child{margin-bottom: 0;} .fcc.fcc{margin-top: 0;} .lcc.lcc{margin-bottom: 0;} .flcc.flcc{margin-top: 0; margin-bottom: 0;} .fs0{font-size: 0;} .hidden{display: none;} .visible{display: block;} .visible-ib{display: inline-block;} .visible-f{display: flex;} .visible-if{display: inline-flex;} .visible-inline{display: inline;} .visible-table{display: table;} .visible-tc{display: table-cell;} .toggle-when-open.open .hidden-when-open{display: none;} .toggle-when-open:not(.open) .hidden-when-not-open{display: none;} .clearfix::after{content: ""; display: table; clear: both;} .clear{clear: both;} .text-left{text-align: left;} .text-right{text-align: right;} .text-center{text-align: center;} .text-justify{text-align: justify;} .mob-menu-open { overflow: hidden; } .container { max-width: 1396px; padding: 0 15px; margin: 0 auto; } .text-guide { margin-top: 30px; font-size: 16px; line-height: 1.5; color: #333; } .text-guide img { max-width: 100%; } .btn { display: inline-block; vertical-align: middle; height: 45px; padding: 13px 50px 15px; max-width: 100%; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; border: none; box-shadow: 0 0 0 2px #1E0AAA inset; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase; text-align: center; outline: none; overflow: hidden; color: #fff; font-size: 16px; font-weight: 700; transition: .2s; cursor: pointer; } .btn-link { padding: 0; margin: 0; display: inline-block; font-size: 12px; background: transparent; text-transform: uppercase; border: 0; font-weight: 700; color: #1E0AAA; transition: color .2s; cursor: pointer; } .btn-link:hover, .btn-link:focus { color: #000; outline: none; } .btn--primary { background: #1E0AAA; box-shadow: none; } .btn--primary[disabled] { opacity: .5; cursor: not-allowed; } .btn--primary:not([disabled]):hover, .btn--primary:not([disabled]):active { background: #000; color: #fff; } .btn--secondary { height: 40px; color: #333; background: #fff; padding-top: 12px; padding-bottom: 12px; font-size: 14px; box-shadow: 0 0 0 2px #333 inset; } .btn--secondary:not([disabled]):hover { box-shadow: 0 0 0 2px #1E0AAA inset; color: #1E0AAA; } .btn--secondary:not([disabled]):active { box-shadow: 0 0 0 2px #D0021B inset; color: #D0021B; } .btn--convex { height: 40px; color: #333; padding-top: 12px; padding-bottom: 12px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 0 0 2px #333 inset; background-color: #ffffff; font-size: 14px; } .btn--convex:hover { box-shadow: 0 0 0 2px #1E0AAA inset; color: #1E0AAA; } .btn--convex:active { box-shadow: 0 0 0 2px #D0021B inset; color: #D0021B; } .btn--small { height: 40px; padding-top: 11px; padding-bottom: 12px; font-size: 14px; } #svg-sprite, .svg-sprite { opacity: 0; pointer-events: none; width: 0; height: 0; display: block; } .clear:after { content: ""; display: table; width: 0; height: 0; clear: both; } .small-button { padding: 6px 15px; border-radius: 2px; display: inline-block; text-decoration: none; transition: all 0.3s; line-height: 1; } .middle-button { font-weight: 700; padding: 15px 40px; border-radius: 2px; font-size: 16px; display: inline-block; text-decoration: none; transition: all 0.3s; line-height: 1; } .big-button { } .red { color: #f24942; } .green { color: #479947; } .button-red { background: #fff; color: #1E0AAA; border: 1px solid #1E0AAA; transition: all .2s ease-out; } .button-red:hover { background: #1E0AAA; color: #fff; } .button-blue { color: #1E0AAA; border: 1px solid #1E0AAA; background-color: #fff; font-size: 14px; padding: 6px 20px; text-align: center; transition: all .4s ease-out; cursor: pointer; } .blue { color: #1E0AAA; } .light { } .button-blue:hover { color: #fff; background-color: #1E0AAA; } .button-grey { color: #a4a4a4; border: 1px solid #a4a4a4; background-color: #fff; } .button-grey:hover { color: #fff; background-color: #1E0AAA; } .site-wrap { min-height: 100vh; position: relative; } .ie .site-wrap { overflow-x: hidden; } .header-wrap { width: 100%; background: #fff; z-index: 10; } .header { position: relative; z-index: 4; } .header-top-line-left { margin-left: 12px; margin-right: 12px; padding-left: 12px; padding-right: 12px; height: 35px; display: flex; align-items: center; color: #fff; } .header-top-line-left-teaser { display: inline-block; text-decoration: none; font-size: 11px; font-weight: 700; text-transform: uppercase; } .header-top-line-center { width: 310px; align-items: baseline; } .header-middle-line-phones-block { position: relative; width: 235px; font-size: 18px; background-size: 30px 30px; margin-left: 12px; margin-right: 12px; height: 35px; display: flex; align-items: center; transition: background-color .2s; } .svg-icon-phone { width: 11px; height: 14px; color: #fff; margin-right: 6px; } .header-middle-line-phones-block:hover { background-color: #9b9b9b; } .header-middle-line-phones-block__text { position: relative; margin: 0 auto; color: #fff; font-weight: 700; } .header-middle-line-phones-block__text:after { content: ''; display: block; position: absolute; top: 5px; right: -12px; width: 0; height: 0; border: 3px solid transparent; border-top: 6px solid #fff; } .header-middle-line-phones-block-item { height: 35px; width: 100%; display: flex; align-items: center; } .header-middle-line-phones-block-item span { display: inline-block; } .header-middle-line-phones-block-item span span { color: #333; width: 60px; } .header-middle-line-phones-block-item.email a { margin-top: 10px; } .header-middle-line-phones-block-item .show-drop { margin-bottom: 5px; padding: 0 15px; width: 100%; } .header-top-line-center-teaser { display: inline-block; padding-left: 37px; line-height: 37px; background: url('/local/templates/furnitop/styles/../img/icon-red-truck.png') no-repeat left center; text-decoration: none; } .header-top-line-right-user-block-icon { display: inline-block; background: url('/local/markup/images/enter_icon_blue.svg') no-repeat center center; width: 26px; line-height: 37px; margin-right: 5px; } .header-top-line-right-user-block-icon:after { content: " "; display: inline-block; } .header_enter_text { display: inline-block; } .header-top-line-right-user-block-lk, .header-top-line-right-user-block-register { display: inline-block; line-height: 22px; margin-right: 10px; } .form-row__label { margin: 10px 0; } .forgot-pass-label-error { font-size: 14px; } .header-top-line-blue { background-color: #000; width: 100%; height: 35px; } .header-top-line-blue__cont { display: flex; align-items: center; justify-content: flex-start; } .top-line-blue-width { width: 100%; max-width: 1396px; margin: 0 auto; display: flex; justify-content: space-between; } .top-line-blue-width__left, .top-line-blue-width__right { display: flex; align-items: center; z-index: 1; } .top-line-blue-width__right { flex: 0 0 auto; } .header-middle-line { height: 80px; } .header-middle-line__cont { display: flex; } .header-middle-line-logo { margin-top: 27px; text-decoration: none; margin-right: 60px; } .header-middle-line-logo img { width: auto; height: 40px; } .header-middle-line-work-time-block { flex: 1 1 auto; margin-right: 10px; } .header-middle-line-work-time-block-teaser { line-height: 17px; font-size: 13px; margin-top: 10px; } .header-middle-line-work-time-block-teaser span { font-size: 14px; color: #333; } .fa-shopping-cart { font-size: 40px; } .header-middle-line-work-time-block-callback { cursor: pointer; } .header-middle-line-work-time-block-search { margin-top: 27px; position: relative; } .opt-shop-text { color: #a4a4a4; margin-bottom: 5px; } .address-block-item { font-size: 14px; border-top: 1px solid #e9ebef; margin: 0 -15px; padding: 14px 15px; } .free_delivery { flex: 0 0 auto; height: 35px; display: flex; margin-left: 15px; margin-right: 15px; background-color: #1E0AAA; } .free_delivery__inner { display: flex; align-items: center; position: relative; padding-left: 15px; padding-right: 15px; } .free_delivery--mob { display: none; color: #fff; font-weight: 700; align-items: center; text-transform: uppercase; flex: 0 0 auto; font-size: 11px; height: 45px; padding-left: 15px; padding-right: 15px; margin-left: 15px; margin-right: 15px; background-color: #1E0AAA; } @media (max-width: 849px) { .free_delivery--mob { display: flex; } .free_delivery--mob .free_delivery__icon { width: 30px; height: 27px; } } .free_delivery:hover { color: #fff; background-color: #1E0AAA; } .free_delivery__icon { flex: 0 0 auto; width: 35px; height: 16px; margin-right: 10px; color: #fff; } .personal_cabinet_link, .personal_cart_link { color: #000; display: flex; align-items: center; place-content: flex-end; cursor: pointer; margin-left: 35px; } .personal_cabinet_link:hover, .personal_cart_link:hover { color: #1E0AAA; } .personal_cabinet, .personal_cart { margin-top: 25px; position: relative; } .show-drop { text-align: left; } .free_delivery__name { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 11px; } .free_delivery__title { font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; } .free_delivery__content.show-drop { padding-top: 20px; padding-bottom: 20px; right: 0; } .free_delivery__descr { font-size: 14px; color: #333; margin-top: 10px; } .free_delivery__caption { font-size: 14px; font-weight: 700; color: #333; margin-top: 10px; } .for_customers .show-drop { right: 0; left: auto; width: 230px; } .for_customers__icon { flex: 0 0 auto; width: 19px; height: 20px; color: #fff; margin-right: 10px; } .show-drop-block { position: absolute; top: 50px; left: 43px; width: 140px; background-color: #fff; -webkit-box-shadow: 0 6px 17px -2px rgba(51, 51, 51, 0.45); -moz-box-shadow: 0 6px 17px -2px rgba(51, 51, 51, 0.45); box-shadow: 0 6px 17px -2px rgba(51, 51, 51, 0.45); z-index: 15; padding: 10px 0; } .show-drop-block a { display: block; padding: 10px 20px; } .show-drop-block a:first-child { display: none; } .show-drop-block a:last-child { color: #a4a4a4;} .personal_cabinet_link.show_drop_block { display: flex; align-items: center; height: 50px; } .personal_cabinet>a, .personal_cart>a { height: 50px; font-size: 12px; font-weight: 700; text-transform: uppercase; } .personal_cabinet { height: 50px; } .personal_cabinet_text { font-size: 12px; font-weight: 700; text-transform: uppercase; } .personal_cabinet a:hover, .personal_cart a:hover { } .header-top-line-right { display: flex; } .personal_cabinet_icon { width: 19px; height: 20px; display: inline-block; } .personal_cart_icon { width: 26px; height: 23px; display: inline-block; } .show-drop-personal:not(p) { line-height: 25px; top: 45px; left: 40px; padding: 10px 15px; width: 170px; } .show-drop-personal:not(p) a { display: block; } .show-drop-personal { cursor: default; } .show-drop-personal a:last-child { color: #a4a4a4; } .show-drop-personal a:last-child:hover { color: #1E0AAA; } .show-drop { display: none; position: absolute; top: 36px; left: 0; z-index: 60; background: #fff; padding: 5px 15px; /* box-shadow: 0 6px 17px -2px rgba(51, 51, 51, 0.45);*/ box-shadow: 0 0 0 1px #e9ebef; } .header-middle-line-shop-block { width: 208px; float: left; margin-top: 18px; } .header-middle-line-cart-block { margin-left: 14px; display: inline-block; text-decoration: none; width: 37px; height: 37px; background: url('/local/templates/furnitop/styles/../img/g2.svg') no-repeat center left; } .header-middle-line-cart-block-items, .header-middle-line-cart-block-items span { font-size: 14px; } .header-middle-line-cart-block-summary, .header-middle-line-cart-block-summary span { font-size: 20px; } .header-middle-line-currency-block { } .header-middle-line-currency-block-teaser { text-transform: uppercase; font-size: 12px; float: left; margin-right: 5px; line-height: 14px; } .header-middle-line-currency-block-value { float: left; font-size: 12px; line-height: 14px; vertical-align: top; cursor: pointer; padding-right: 20px; background: url('/local/templates/furnitop/styles/../img/icon-caret.png') no-repeat center right; position: relative; } .header-middle-line-currency-block-value-current { } .header-middle-line-currency-block-value-current-currency-icon { display: inline-block; width: 20px; height: 14px; vertical-align: top; border: 1px solid #f3f3f3; margin-right: 2px; } .header-middle-line-currency-block-value-current-currency-icon.icon-rub { background: url('/local/templates/furnitop/styles/../img/icon-russia.png') no-repeat center center; } .header-middle-line-currency-block-value-current-currency-icon.icon-byn { background: url('/local/templates/furnitop/styles/../img/icon-belarus.png') no-repeat center center; } .header-middle-line-currency-block-value-current-currency-name { font-size: 12px; line-height: 14px; display: inline-block; height: 14px; vertical-align: top; } .header-middle-line-currency-block-select { display: none; position: absolute; border: 1px solid #e8eaf7; top: 16px; left: 0; background: #fff; width: 100%; border-radius: 2px; } .header-middle-line-currency-block-select.active { display: block; } .header-middle-line-currency-block-select-item { padding: 5px; } .header-middle-line-currency-block-select-item:first-of-type { border-bottom: 1px solid #e8eaf7; } .header-middle-line-currency-block-select-item:hover { background: #e8eaf7; } .header-bottom-line-top-menu-wrap { position: relative; /* margin-bottom: 1px;*/ } .header-bottom-line-top-menu-more span { padding: 0 0 0 13px; display: inline-block; text-decoration: none; line-height: 34px; border-radius: 2px; font-size: 18px; color: #a4a4a4; cursor: pointer; } .header-bottom-line-top-menu-more span:before { content: ''; display: block; position: absolute; top: 15px; left: -4px; border-top: solid 5px #a4a4a4; border-left: solid 5px transparent; border-right: solid 5px transparent; } .header-bottom-line-top-menu-more ul li a:hover{ color: #fff; background-color: #1E0AAA; } .header-bottom-line-top-menu-more ul li a{ padding: 5px 15px; display: block; text-decoration: none; line-height: 32px; font-size: 18px; color: #333; white-space: nowrap; } .header-bottom-line-top-menu-more ul { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; list-style: none; display: none; opacity: 0; position: absolute; z-index: 10; background: #fff; right: 0; top: 32px; -webkit-box-shadow: 0 6px 17px -2px rgba(51, 51, 51, 0.45); -moz-box-shadow: 0 6px 17px -2px rgba(51, 51, 51, 0.45); box-shadow: 0 6px 17px -2px rgba(51, 51, 51, 0.45); border: 1px solid #1E0AAA; } .header-bottom-line-top-menu-more:hover > ul { display: block; opacity: 1; margin: 0; padding: 0; } .header-bottom-line-top-menu-more { position: absolute; right: 0; top: 0; padding-top: 0; } .header-bottom-line-top-menu { padding: 0; margin: 0; list-style: none; text-align: left; position: relative; display: flex; justify-content: space-between; background-color: #fff; } .header-bottom-line-top-menu__item { display: inline-block; height: 100%; color: #333; } .header-bottom-line-top-menu__discont-icon { display: inline-block; width: 21px; height: 21px; margin-left: 5px; position: relative; top: -2px; } .header-bottom-line-top-menu__item.active > .header-bottom-line-top-menu__link, .header-bottom-line-top-menu__item:hover > .header-bottom-line-top-menu__link { outline: none; } .header-bottom-line-top-menu__link { color: #1E0AAA; cursor: pointer; } .header-bottom-line-top-menu__link { padding: 13px 0 10px; display: inline-block; text-decoration: none; line-height: 30px; font-size: 13px; font-weight: 700; text-transform: uppercase; border-bottom: 3px solid transparent; transition: .3s; } .header-bottom-line-top-menu__item.active .header-bottom-line-top-menu__link { border-bottom: 3px solid #1E0AAA; color: #1E0AAA; } .header-bottom-line-top-menu__item.active:hover .header-bottom-line-top-menu__link { color: #000; } .header-bottom-line-top-menu__back { display: none; font-size: 14px; font-weight: 700; color: #1E0AAA; cursor: pointer; transition: color .2s; } .header-bottom-line-top-menu__back:hover { color: #1E0AAA; } .slide_down_menu { position: absolute; top: 100%; left: 0; right: 0; padding: 0; background-color: #fff; border-radius: 0 0 2px 2px; box-shadow: 0 3px 10px rgba(0,0,0,.2); -webkit-transform: translate3d(0,0,0) scaleY(0); transform: translate3d(0,0,0) scaleY(0); -webkit-transform-origin: top left; transform-origin: top left; opacity: 0; visibility: hidden; z-index: 10; display: flex; justify-content: space-between; transition: .3s,left 0s; } .slide_down_menu.open_menu { -webkit-transform: translate3d(0,0,0) scaleY(1); transform: translate3d(0,0,0) scaleY(1); visibility: visible; opacity: 1; } .slide_down_menu .menu_4_cols { width: 840px; display: flex; flex-wrap: wrap; margin: 0; justify-content: flex-start; padding-left: 100px; min-height: 274px; } .slide_down_menu a.item { line-height: 18px; text-decoration: none; padding: 5px 0; display: block; color: #333; font-size: 14px; } .slide_down_menu a.item:hover { border: none; color: #1E0AAA; } .menu_4_cols p { margin: 10px 0; } .link_section__link { display: block; font-size: 14px; border: 0; line-height: 18px; color: #333; margin-top: 10px; margin-bottom: 10px; } .link_section__link:hover { color: #1E0AAA; } .link_section { display: block; flex: 0 0 33.33%; padding: 0 15px 0; margin-top: 5px; position: relative; } .link_section .link_section { padding-left: 0; padding-right: 0; } .actuale_propose { display: inline-block; width: 200px; flex: 0 0 auto; margin-right: 120px; } .actuale_propose_content { position: relative; left: 100px; overflow: hidden; width: 150px; height: 150px; } .type2_title { height: 50px; margin: 10px 0; padding: 10px; } .type2_content a { border: 0 !important; } .actuale_propose_content:hover::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 0; max-height: 100%; background-color: rgba(11,96,200,.7); } .header-bottom-line-top-menu>li:hover .actuale_propose_button { position: absolute; top: 100px; left: 20px; text-align: center; font-weight: 700; line-height: 24px; padding: 5px; font-size: 14px; color: #fff; width: 160px; background-color: rgba(11,96,200,.7); border: 2px solid rgba(11, 96, 200,.0); z-index: 1; } .type2_image { margin: 0px auto; } .type2_image img { -moz-transition: all .1s linear; -o-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear; } .type2_image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .type2_image:hover::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 223px; max-height: 100%; z-index: 0; } .actuale_propose_content:hover a{ text-decoration: none; cursor: pointer; background-color: rgba(11,96,200,0); border: 2px solid #fff !important; } .type2_content { text-align: center; height: 330px; width: 200px; position: relative; border: 1px solid #d1d5eb; } .type2_content:hover { box-shadow: 0px 4px 5px 0px #a4a4a4; } .type2_content .label { left: 0; } .type2_content .nubmer_of_variants { left: 80px; right: 0; display: none; top: 175px; bottom: auto; } .type2_content .button-blue { height: 36px; line-height: 22px; width: 140px; margin: 0 auto; } .type2_image:hover .nubmer_of_variants { display: block; } .type2_image_news_name { font-size: 16px; margin: 10px 0; display: block; height: 30px; color: #1E0AAA; line-height: 18px; } .type2_image_news_name:hover { color: #333; } .type2_image_news_text { font-size: 14px; text-align: left; padding: 5px 10px; line-height: 16px; color: #333; } .actuale_propose > a { border-bottom: 0 !important; } .sp-slides-container { border: 1px solid #d1d5eb; overflow: hidden; } .sp-thumbnails-container { height: 100% !important; padding-right: -10px; border: 1px solid #d1d5eb; } .sp-slides-container { margin-left: 15px; width: 400px; height: 400px; } .main-page-top-promo-block-slider-wrap { width: 750px; float: left; margin-right: 30px; } .main-page-top-promo-block-top-sections-wrap { width: 360px; float: left; background: #cedee9; height: 378px; padding: 8px 0; } /*top section list*/ .main-page-top-promo-block-top-sections { border-top: 1px dashed #fff; border-bottom: 1px dashed #fff; height: 100%; padding: 25px; } .main-page-top-promo-block-top-sections-title { font-size: 18px; color: #484848; font-weight: 700; margin-bottom: 15px; } .main-page-top-promo-block-top-sections-list { } .main-page-top-promo-block-top-sections-list-item { font-size: 17px; color: #484848; margin-bottom: 10px; } /*top section list*/ .main-page-news-and-articles-block-wrap { background: #fff; padding: 30px 25px; margin-bottom: 30px; } .main-page-news-block { width: 530px; margin-right: 30px; float: left; } .main-page-articles-block { width: 530px; float: left; } .main-page-clients-and-suppliers-block-wrap { background: #fff; margin-bottom: 55px; } .main-page-clients-and-suppliers-block-wrap__title { margin-top: 55px; margin-bottom: 35px; display: flex; font-weight: 700; text-transform: uppercase; } .main-page-clients-and-suppliers-block-section-list{ padding-top: 10px; border-bottom: 1px solid #c4c7da; text-align: center; margin-bottom: 30px; display: none; } .info-list-page-section-list { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); position: relative; } .info-list-page-section-list:after { content: ''; position: absolute; display: block; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid #7f7f7f; } .info-list-page-wrap-right .info-list-page-section-list, .main-page-news-and-actions-block .info-list-page-section-list{ margin-bottom: 55px; } .info-list-page-section-list-item { display: inline-block; color: #000; font-size: 24px; text-transform: uppercase; margin-left: 20px; margin-right: 20px; cursor: pointer; border-bottom: 4px solid transparent; padding-bottom: 10px; transition: color .2s; } .info-list-page-news-list { margin-top: -40px; } .info-list-page-news-list-col { width: 33.333%; padding: 0 20px; margin-top: 40px; } .info-list-page-news-list-item { } .main-page-news-and-actions-block .info-list-page-news-list-col:nth-child(n + 4):not(.all_news_and_articles) { display: none; } .info-list-page-news-list-item-img { display: block; overflow: hidden; border: 2px solid #e9ebef; height: 425px; transition: border-color .2s; position: relative; } .info-list-page-news-list-item-img:hover .info-list-page-news-list-item-pic img { transform: scale(1.1); } .info-list-page-news-list-item-desc { text-align: center; position: relative; } .info-list-page-news-list-item-name { font-size: 16px; font-weight: 700; text-align: center; color: #ffffff; text-transform: uppercase; padding: 18px 30px; background-color: #4a4a4a; margin-left: 30px; margin-right: 30px; position: absolute; bottom: -27px; left: 0; width: calc(100% - 60px); } .info-list-page-news-list-item-text { height: 48px; margin-bottom: 14px; font-size: 14px; line-height: 16px; color: #4a4a4a; overflow: hidden; margin-top: 60px; padding-left: 30px; padding-right: 30px; } .info-list-page-news-list-item-action { display: flex; justify-content: center; } .info-list-page-news-list-item-action__btn { height: 35px; padding-top: 8px; padding-bottom: 10px; } .info-list-page-news-list-item:nth-child(1n) { margin-left: 0; } .info-list-page-news-list-item:nth-child(4n) { margin-right: 0; } .info-list-page-section-list-item.active { font-weight: 700; color: #333; border-bottom: 4px solid #1E0AAA; } .info-list-page-news-list { display: flex; flex-flow: wrap; min-height: 300px; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); position: relative; } .main-page-clients-and-suppliers-block-section-list-item { color: #1E0AAA; font-size: 14px; font-weight: 700; text-decoration: none; margin-right: 50px; display: inline-block; height: 29px; border-bottom: 3px solid transparent; cursor: pointer; } .main-page-clients-and-suppliers-block-section-list-item.active, .main-page-clients-and-suppliers-block-section-list-item:hover { color: #1E0AAA; } .main-page-clients-and-suppliers-block-section-list-item.active { font-weight: 700; border-bottom: 3px solid #1E0AAA; } .info-list-page-section-list-item:not(.active):hover { color: #1E0AAA; } .main-page-clients-and-suppliers-block-section-items-list { display: none; text-align: center; margin-top: 20px; } .main-page-clients-and-suppliers-block-section-items-list.active { display: flex; flex-flow: row; flex-wrap: wrap; } .main-page-clients-and-suppliers-block-section-items-list-item { display: inline-block; margin: 10px 20px; width: 170px; } .main-page-clients-and-suppliers-block-section-items-list-item img { width: 100%; } .main-page-clients-and-suppliers-block-section-items-list-item:hover img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .main-page-map-block-wrap { height: 330px; background: #fff; margin-bottom: 30px; } .main-page-text-block-wrap { background: #fff; margin-bottom: 30px; padding: 30px; } .main-page-text-block-left { width: 525px; margin-right: 30px; float: left; } .main-page-text-block-right { width: 525px; float: left; } .main-page-text-block-title { font-size: 24px; margin-bottom: 15px; } .main-page-text-block-text { font-size: 14px; color: #565656; } .in-pages-title-block { } .in-pages-title-block:first-child { } .form-section .rich-text-input { float: left; } .form-section .rich-text-input input{ padding: 5px 15px; width: 250px; } .form-row_block { color: #f24942; } .in-pages-title-block-description { font-size: 14px; color: #484848; margin-top: 20px; line-height: 1.43; } .auth-form__title { max-width: 700px; margin-bottom: 20px; } .auth-form button.js-ripple { padding: 4px 20px; background-color: #fff; color: #1E0AAA; border: 1px solid #1E0AAA; margin-right: 20px; } .auth-form button.js-ripple:hover { background-color: #1E0AAA; color: #fff; cursor: pointer; } .auth-form__action { display: flex; justify-content: center; margin-top: 40px; } .form-row__action { margin-top: 20px; } .auth-form .form-row { margin-top: 15px; } .old-pass-input input, .new-pass-input input{ width: 250px; margin-bottom: 15px; padding: 5px 15px; } .old-pass-input span, .new-pass-input span{ color: #1E0AAA; width: 150px; display: inline-block; } .change-pass-btn { margin-left: 153px; } .change-pass-btn a { margin-left: 20px; } .static-page-wrap { margin-top: 40px; margin-bottom: 75px; } .footer-wrap { background: #fff; } .footer { padding-top: 45px; } .footer__grid { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .footer__col { width: 20%; padding-left: 10px; padding-right: 10px; } .footer__col--wide { width: 40%; } .footer__grid { } .footer__title-block { font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; } .footer-menu-block { } .footer-menu-additional-block { } .footer-menu { padding: 0; margin: 0; list-style: none; } .footer-menu li { display: block; margin-bottom: 10px; } .footer-menu li a { text-decoration: none; font-size: 14px; color: #000; } .footer-menu li a:hover { color: #1E0AAA; } .footer-subscribe-block { margin-left: 70px; } .footer-subscribe-block-title { font-size: 14px; color: #333; margin-bottom: 10px; margin-top: 10px; } .footer-subscribe-block-title2 { color: #a4a4a4; font-size: 12px; margin-top: 3px; } .footer-subscribe-block-main { font-size: 14px; color: #1E0AAA; } .footer-subscribe-block-main a:hover { color: #333; } .footer-phones-block-item { font-size: 14px; line-height: 18px; color: #333; margin-bottom: 10px; } .footer-phones-block-link { color: #333; } .footer-phones-block-link:hover { color: #1E0AAA; } .footer-phones-block-name { display: inline-block; width: 70px; padding-right: 5px; } .phone-btn { margin-left: 70px; margin-top: 4px; cursor: pointer; } .phone-btn--alt { font-size: 14px; margin-left: 0; } .footer-socials-block-title { font-size: 14px; color: #a4a4a4; display: inline-block; margin-top: 3px; } .footer-socials-block-list { text-align: left; display: flex; align-items: flex-start; } .footer-socials-block-list-item { display: inline-block; margin-right: 10px; } .footer-socials-block-list-item__pic { width: 25px; height: 25px; } .social-block-mob { display: none; } @media (max-width: 849px) { .social-block-mob { display: block; padding: 30px 15px; } } .for_customers { position: relative; width: 170px; display: flex; justify-content: flex-end; padding-right: 15px; padding-left: 15px; } .for_customers:hover { color: #1E0AAA; background-color: #9b9b9b; } .for_customers.active::after { background-image: url(/local/markup/images/up-arrow.svg); } .show_drop_block { height: 35px; display: flex; align-items: center; flex: 0 0 auto; } .show_drop_block__text { color: #fff; display: inline-block; position: relative; font-size: 11px; text-transform: uppercase; margin-right: 12px; font-weight: 700; } .show_drop_block__text:after { content: ''; display: block; position: absolute; top: 6px; right: -12px; width: 0; height: 0; border: 3px solid transparent; border-top: 6px solid #fff; } .for_customers_drop ul { display: flex; flex-direction: column; padding: 10px 0; margin: 0; list-style: none; } .for_customers_drop__item { margin-top: 8px; display: block; } /*Страница о компании*/ .about-page-block { } /* ---------- нумерованные списки ----------- */ ol { font-size: 16px; counter-reset:myCounter; padding-left: 0; } ol li { position: relative; padding-left: 3em; margin: 0.45em 0; list-style: none; line-height: 1.8em; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ol li:before { content:counter(myCounter); counter-increment:myCounter; position:absolute; top:0; left:0; width: 1.6em; height: 1.6em; line-height: 1.6em; padding: 0; font-weight: 700; text-align: center; border-radius: 50%; box-shadow: 0 0 0 1px #333; z-index: 1; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ol li li:before{ background-color: #aaa; } ol li li { font-size: 0.8em; } /* ---------- нумерованные списки ----------- */ .about-page-block-center { text-align: center; font-size: 16px; line-height: 24px; margin-bottom: 45px; } .about-page-block-center__grid { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); margin-bottom: 60px; } .about-page-block-center__col { flex: 0 0 25%; padding-left: 15px; padding-right: 15px; margin-top: 30px; width: 25%; } .about-page-block-center__col--alt { flex: 0 0 33.3333%; width: 33.3333%; } @media (max-width: 1100px){ .about-page-block-center__col { flex: 0 0 50%; width: 50%; } } @media (max-width: 849px){ .about-page-block-center__col { flex: 0 0 100%; width: 100%; } } .about-page-block { display: flex; flex-wrap: wrap; width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; margin-top: 20px; } .about-page-block-col { font-size: 16px; line-height: 24px; flex: 0 0 50%; padding-left: 15px; padding-right: 15px; } @media (max-width: 1100px){ .about-page-block-col { flex: 0 0 50%; width: 50%; } } @media (max-width: 849px){ .about-page-block-col { flex: 0 0 100%; width: 100%; } } .about-page-block-services { background: url('/local/templates/furnitop/styles/../img/blue-check.svg') no-repeat left top 0px; padding-left: 35px; text-align: left; padding-right: 20px; min-height: 22px; } .about-page-block strong { font-weight: 700; } /*Личный кабинет*/ .personal-section-page { } .personal-section-page__overflow { overflow: hidden; } .personal-section-page-left { width: 264px; float: left; margin-right: 30px; background: #f4f5fd; min-height: 435px; padding: 25px 15px; } .personal-section-page-right { margin-bottom: 75px; } .personal-page-wrap { padding: 25px; background: #fff; } .personal-page-block-list-item { width: 250px; float: left; margin-right: 20px; padding: 20px; border: 1px solid transparent; border-radius: 2px; height: 200px; } .personal-page-block-list-item:hover { /*border: 1px solid #1E0AAA;*/ } .personal-page-block-list-item:nth-child(5n) { margin-right: 0; } .personal-page-block-list-item-icon { display: block; height: 116px; margin: 0 auto 20px; text-align: center; } .personal-page-block-list-item-icon img { display: inline-block; vertical-align: bottom; height: 100%; width: auto; max-width: 100%; fill: black; stroke: black; } .personal-page-block-list-item-icon svg { display: inline-block; vertical-align: bottom; height: 100%; width: auto; max-width: 100%; fill: black; stroke: black; } .personal-page-block-list-item:hover .personal-page-block-list-item-icon svg { fill: #1E0AAA; stroke: #1E0AAA; } .personal-page-block-list-item:hover .personal-page-block-list-name { color: #1E0AAA; } .personal-page-block-list-name { display: block; text-align: center; text-decoration: none; font-size: 21px; color: #000000; } /*Попап окна*/ .popup-back { display: none; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; } .popup-wrap { display: none; position: fixed; width: 510px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1000; } .popup-wrap.successdetails-wrap { width: 700px; } .popup-block { position: relative; padding: 30px; } .popup-block__top { display: flex; justify-content: space-between; background-color: #f4f4f4; } .popup-block__title { font-size: 18px; font-weight: 700; color: #333; text-transform: uppercase; padding: 15px 30px; } .popup-block__cross-btn { background: none; border: none; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; cursor: pointer; outline: none; transition: color .2s; color: #cac9ca; padding: 0; width: 78px; } .popup-block__cross-btn:hover { color: #4a4a4a; } .popup-block__close-icon { width: 30px; height: 30px; } .popup-title { color: #484848; font-weight: 700; text-align: center; font-size: 24px; line-height: 22px; margin-bottom: 35px; } .popup-form-item { margin-bottom: 10px; position: relative; } .popup-form-item label { width: 110px; margin-right: 10px; float: left; display: block; font-size: 12px; color: #484848; font-weight: 700; line-height: 40px; text-transform: uppercase; } .popup-form-item label span { color: #f24942; } .popup-form-item input[type=text].error, .popup-form-item input[type=password].error { border-color: #f24942; } .popup-form-item input[type=text].error::-webkit-input-placeholder, .popup-form-item input[type=password].error::-webkit-input-placeholder { color: #f24942; } .popup-form-item input[type=text].error:-moz-placeholder, .popup-form-item input[type=password].error:-moz-placeholder { color: #f24942; } .popup-form-item input[type=text].error::-moz-placeholder, .popup-form-item input[type=password].error::-moz-placeholder { color: #f24942; } .popup-form-item input[type=text].error:-ms-input-placeholder, .popup-form-item input[type=password].error:-ms-input-placeholder { color: #f24942; } .popup-form-item input[type=text]:focus, .popup-form-item input[type=password]:focus { background: #fff; border-color: #009bdd; } .popup-form input[type=submit] { display: block; border: 2px solid #1E0AAA; font-size: 16px; line-height: 18px; color: #1E0AAA; padding: 11px 30px; border-radius: 2px; text-align: center; margin: 35px auto 0; width: 200px; cursor: pointer; outline: none; } .popup-form input[type=submit]:hover{ color: #fff; background-color: #1E0AAA; } .callback-form-success { text-align: center; margin-top: 15px; } .callback-form-success__img { width: 109px; height: 109px; margin: 0 auto; } .callback-form-success__pic { width: 100%; } .callback-form-success__title { font-size: 18px; font-weight: 700; text-align: center; color: #333; margin-top: 12px; } .callback-form-success__caption { font-size: 18px; color: #9b9b9b; margin-top: 7px; } .callback-form-success__action { margin-top: 12px; border-top: 1px dashed #d7d7db; padding-top: 30px; } .popup-error { text-align: center; font-size: 16px; color: #f24942; margin-top: 20px; display: none; } .auth-form-links { margin-top: 15px; text-align: center; } .star { display: inline-block; position: relative; } .star:after { font-size: 32px; position: absolute; display: inline-block; content: '*'; top: -26px; left: 0; color: #d0021b; } .footer-subscribe-block-form-success { font-size: 13px; color: #58b670; font-style: italic; margin-top: 10px; display: none; } .footer-shop-info { margin-top: 45px; font-size: 12px; line-height: 1.5; text-align: center; color: #a5a5a5; padding-top: 13px; padding-bottom: 13px; position: relative; background-color: #4a4a4a; } .bx-filter { margin-bottom: 0 !important; } .header-top-line-right-user-block { margin-left: 20px; position: relative; text-align: center; } .header-top-line-right-user-block-login { float: left; font-size: 20px; width: 95px; height: 37px; text-align: center; padding: 0; line-height: 35px; } .button-header-cart:hover .circle-count-number{ color: #fff; background-color: #f24942; } .header-top-line-right-user-block:hover{ color: #fff; background-color: #1E0AAA; cursor: pointer; } .header-top-line-right-user-block:hover .price-cart-full{ color: #fff; background-color: #1E0AAA; } .header-top-line-right-user-block:hover .button-header-cart{ color: #fff; background-color: #1E0AAA; } .header-middle-line-work-time-block-search-select { height: 35px; display: block; float: left; outline: none; background: #eff1fb; border: 1px solid #eff1fb; border-right: none; width: 215px; padding: 5px 7px; font-size: 18px; border-radius: 2px 0 0 2px; margin: 0 10px; color: #a4a4a4; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; width: 100%; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* 3D Effects */ .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { cursor: auto; } .swiper-button-disabled { } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; right: auto; z-index: 1; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; z-index: 1; } .swiper-button-prev-galery { left: -5px; } .swiper-button-next-galery { right: -5px; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none !important; } .cart-item__slider-top:not(.initialized) .cart-item__slider-arrow { opacity: 0; pointer-events: none; } .cart-item__slider-top:not(.initialized) ~ .cart-item__slider-thumbs { opacity: 0; pointer-events: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { margin-top: -40px; z-index: 1; width: 100%; text-align: center; position: relative; } .swiper-container-horizontal > .swiper-pagination-bullets { width: auto; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); } .swiper-button-disabled, .swiper-button-disabled { opacity: 0.35; cursor: default; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.88); -ms-transform: scale(0.88); transform: scale(0.88); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.88); -ms-transform: scale(0.88); transform: scale(0.88); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background: #4a4a4a; opacity: .6; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #4a4a4a; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; font-family: 'object-fit: contain;'; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } .swiper-container-main { width: 100%; height: 430px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; max-width: 1920px; } .swiper-container-main a { display: block; height: 100%; width: 100%; } .swiper-container-main .swiper-wrapper { will-change: transform; } .swiper-container-main .swiper-slide { display: flex; background-position: center; background-size: cover; background-repeat: no-repeat; } .swiper-container-main .swiper-item-content { flex-grow: 1; width: 100%; flex-shrink: 2; position: relative; } .swiper-container-main .swiper-item-content:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .swiper-container-main .main_banner_image { width: 100%; max-width: 100%; height: 100%; position: relative; transition: transform 1s ease; overflow: hidden; } .swiper-container-main .main_banner_image img { display: block; width: 100%; max-width: 100%; } .overflow { overflow: hidden; width: 100%; } .swiper-container-main .overflow { } .slide_text { color: #333; max-width: 395px; text-align: center; padding: 50px 40px; position: relative; z-index: 1; } .slide_text.blackout { color: #fff; } .slide_caption { display: inline-block; position: relative; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 0; margin: 0; } .blackout .slide_caption { color: #fff; } .slide_caption:before, .slide_caption:after { display: block; position: absolute; content: ""; top: 8px; width: 30px; height: 2px; background: #333; } .blackout .slide_caption:before, .blackout .slide_caption:after { background: #fff; } .slide_caption:before { left: -48px; right: auto; } .slide_caption:after { right: -48px; left: auto; } .slide_title { font-size: 32px; line-height: 38px; font-weight: 700; text-align: center; margin-top: 22px; } .blackout .slide_title { color: #fff; } .slide_descr { max-width: 256px; margin: 20px auto 0; } .slide_action { margin-top: 44px; } .info-list-page-news-list-item .overflow { height: 140px; } .swiper-container-main .main_banner_image:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition-delay: .5s; } .swiper-container-x4 { width: 100%; height: 360px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; } .swiper-slide { text-align: left; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .swiper-slide >.slide-item-image { width: 100%; } .swiper-slide >.slide-item-text { position: absolute; top: 230px; text-align: left; margin: 0 25px; font-size: 14px; line-height: 24px; } .swiper-slide >.slide-item-price-and-detail{ position: absolute; bottom: 30px; text-align: center; width: 100%; font-size: 16px; line-height: 24px; } .swiper-item-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; text-align: left; } .swiper-item-content__link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .swiper-item-content .label__blue { font-size: 18px; padding: 2px 12px; } .main_banner_image { width: 70%; } .swiper-item-content:hover > h1, .swiper-item-content:hover > h2 {color: #1E0AAA;} .know_more { width: 175px; height: 40px; } .swiper-item-content .know_more, .swiper-item-content .know_more:active { background-color: #f2f2f2; color: #1E0AAA; width: 200px; height: 50px; line-height: 30px; text-align: center; padding: 5px 10px; cursor: pointer; position: relative; z-index: 2; border: 1px solid #1E0AAA; text-decoration: none; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .swiper-item-content:hover .know_more { background-color: #1E0AAA; color: #fff; border: 2px solid #1E0AAA; } .slide-item-price { margin-right: 10px; font-size: 16px; } .slide-item-detail { font-size: 16px; font-weight: 700; text-align: center; color: #ffffff; text-transform: uppercase; padding: 18px 30px; background-color: #4a4a4a; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 187px; } .swiper-container-2row, .swiper-container-1row, .swiper-container-4row { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .main-slider-title-text { font-weight: 700; font-size: 32px; color: #333; line-height: 40px; margin-bottom: 30px; } .swiper-item-content:hover .main-slider-title-text{ color: #1E0AAA; } .action_new { position: absolute; top: -20px; left: 0; font-size: 18px; background-color: #1E0AAA; color: #fff; padding: 0px 20px; } .catalog-element-page-main-info-block-img .swiper-container { } .catalog-element-page-main-info-block-img .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 380px; } .swiper-container-1row .swiper-slide { background-position: center; background-size: cover; } .swiper-container-1row a { width: 100%; } .slide-1row-image img{ -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; width: 100px; height: 100%; } .slide-1row-image:hover img{ opacity: 0.8; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .info-list-page-news-list-item-pic-wrap { position: relative; -webkit-tap-highlight-color: transparent; z-index: -1; } .info-list-page-news-list-item-pic { height: 228px; overflow: hidden; } .info-list-page-news-list-item img{ -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .info-list-page-news-list-item img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .count-box-container { display: inline-block; border: 1px solid #ccc; background-color: #fff; } .count-box-container:hover { border: 1px solid #000; } .footer-phones-title a{ font-size: 14px; margin-bottom: 8px; display: block; } .footer-phones-title a:hover { color: #333; } .callback-call { margin-top: 12px; } .callback-call a{ font-size: 14px; border: 1px solid #1E0AAA; padding: 3px 6px; } .callback-call a:hover { color: #fff; background-color: #1E0AAA; } .left-filter-and-menu { margin-top: 20px; display: flex; flex-direction: column; } .left-filter-and-menu::before, .left-filter-and-menu::after { content: ''; display: block; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .left-filter-and-menu__wrap { position: relative; flex: 1 1 auto; display: flex; flex-direction: column; } .left-filter-and-menu__wrap-inner { flex: 1 1 auto; display: flex; flex-direction: column; } .filter-btn.hidden-xs { flex: 0 0 auto; } .section-descr { margin-top: 52px; padding: 54px 90px 52px; background-color: #f3f6f7; font-size: 14px; line-height: 21px; } .section-descr p { margin-top: 21px; font-size: 14px; line-height: 21px; } .section-descr p:first-child { margin-top: 0; padding-top: 0; } .section-descr h2 { font-size: 18px; text-transform: uppercase; } .section-descr-header { display: flex; justify-content: space-between; padding: 30px 45px; background-color: #f3f6f7; margin-top: 50px; } .section-descr-header__left { display: flex; align-items: center; } .section-descr-header__right { display: flex; align-items: center; margin-left: 20px; } .section-descr-header__title { font-size: 14px; font-weight: 700; color: #333; } .section-descr-header__contact-name { display: block; font-size: 14px; color: #9b9b9b; } .section-descr-header__icon { flex: 0 0 auto; width: 28px; height: 30px; margin-right: 15px; } .section-descr-header__contact { flex: 0 0 auto; font-size: 14px; font-weight: 700; color: #2c2c2c; margin-left: 15px; display: block; } .section-descr-header__link { display: block; margin-left: 15px; flex: 0 0 auto; } .catalog-element-page-main-info-block { margin-bottom: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; } .catalog-element-page-main-info-block-img { width: 540px; display: inline-block; } .characteristics { display: inline-block; float: right; } .characteristics h2{ margin: 20px 0 0; line-height: 30px; display: inline-block; } .characteristics .item-detail-description { font-size: 16px; padding: 0 20px 20px; line-height: 24px; max-height: 122px; overflow: hidden; -moz-transition: .2s; -o-transition: .2s; -webkit-transition: .2s; transition: .2s; } .item-detail-description.item-detail-text { overflow: initial; max-height: 500px; } .read_full_text { width: 200px; margin: 10px auto; cursor: pointer; } .characteristics .concordance { font-size: 14px; color: #a4a4a4; margin: 17px 20px; } .concordance a { float: right; } .catalog-element-page-main-info-block-buy-info { position: relative; width: 100%; float: left; background: #fff; padding: 12px 0; } .catalog-element-page-main-info-block-buy-info-pack { margin-bottom: 20px; } .catalog-element-page-main-info-block-buy-info-pack p { font-size: 15px; color: #272727; margin-top: 0; margin-bottom: 0; } .catalog-element-page-main-info-block-buy-info-pack p.catalog-element-page-main-info-block-buy-info-pack-default { margin-bottom: 5px; } .catalog-element-page-main-info-block-buy-info-prices { font-size: 16px; } .catalog-element-page-main-info-block-buy-info-prices-old { display: inline-block; margin-right: 15px; text-decoration: line-through; font-size: 17px; color: #272727; } .catalog-element-page-main-info-block-buy-info-prices-old span { font-size: 15px; text-transform: uppercase; } .catalog-element-page-main-info-block-buy-info-prices-current { display: inline-block; font-size: 30px; color: #272727; } .catalog-element-page-main-info-block-buy-info-prices-current span { font-size: 22px; text-transform: uppercase; } .catalog-element-page-main-info-block-buy-info-color-map { display: inline-block; background: url(/local/markup/images/icon-pdf-red.png) no-repeat center left; padding-left: 35px; height: 38px; color: #1E0AAA; line-height: 40px; margin-top: -4px; margin-right: 24px; } .catalog-element-page-main-info-block-buy-info-staic-block-to-sku-button { text-decoration: none; font-size: 15px; padding: 10px 20px; border-radius: 2px; display: inline-block; } .catalog-element-page-main-info-block-buy-info-staic-block-to-sku-button:hover { float: none; } .catalog-element-page-main-info-block-buy-info-include { padding: 8px 15px; background: #f2f3fb; border-radius: 2px; font-size: 14px !important; color: #a4a4a4 !important; font-weight: 300 !important; line-height: 20px; margin-top: 10px; } .catalog-element-page-description-block { } .catalog-element-page-description-block-sections-list { border-bottom: 1px solid #c4c7da; height: 30px; text-align: center; } .catalog-element-page-description-block-sections-list-item { height: 31px; display: inline-block; font-size: 14px; font-weight: 700; color: #272727; text-transform: uppercase; padding: 0 5px; margin: 0 25px; cursor: pointer; } .catalog-element-page-description-block-sections-list-item.active, .catalog-element-page-description-block-sections-list-item:hover { border-bottom: 3px solid #1E0AAA; } .catalog-element-page-description-block-content-list { background: #fff; padding: 30px 20px; margin-bottom: 30px; } .catalog-element-page-description-block-content-list-item { display: none; position: relative; } .catalog-element-page-description-block-content-list-item.active { display: block; } .catalog-element-page-description-block-content-list-item.close { height: 130px; overflow: hidden; } .catalog-element-page-description-block-content-list-item-open-block { background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255,255,255, 0.9)); text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 47px; } .catalog-element-page-description-block-content-list-item-open-block-button { display: inline-block; cursor: pointer; text-transform: uppercase; text-align: center; padding: 5px 10px; font-size: 14px; margin-top: 10px; } .catalog-element-page-description-block-content-list-item-description-text { font-size: 15px !important; font-weight: 300 !important; line-height: 1.43 !important; } .catalog-element-page-description-block-content-list-item-properties-list { -webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding: 15px 0; } .catalog-element-page-description-block-content-list-item-properties-list-item { margin-bottom: 5px; margin-right: 30px; width: 535px; display: inline-flex; } .catalog-element-page-description-block-content-list-item-properties-list-item:nth-child(2n) { margin-right: 0; } .catalog-element-page-description-block-content-list-item-properties-list-item-name { font-size: 14px; color: #272727; float: left; width: 50%; } .catalog-element-page-description-block-content-list-item-properties-list-item-value { float: left; width: 50%; font-size: 14px; color: #272727; } .catalog-element-page-sku-block { } .catalog-element-page-sku-block-header { padding: 12px; background: #f2f3fb; color: #272727; font-size: 18px; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; } .show_goods_in_stock { font-size: 16px; } .show_goods_in_stock:hover { color: #1E0AAA; cursor: pointer; } .show_goods_in_stock::before { display: inline-block; width: 15px; height: 15px; margin-right: 5px; background: #479947; border-radius: 100%; content: ""; } .show_all_possible_goods { font-size: 16px; } .show_all_possible_goods:hover { color: #1E0AAA; cursor: pointer; } .catalog-element-page-sku-block-header-title { font-size: 18px; font-weight: 700; display: inline-block; margin-right: 10px; } .show_goods_button { width: 320px; text-align: left; } .catalog-element-page-sku-block-header-filter { display: inline-block; font-size: 14px; color: #333; margin-left: 25px; float: right; } .catalog-element-page-sku-block-header-filter-title { display: inline-block; font-weight: 700; font-size: 15px; margin-right: 10px; } .catalog-element-page-sku-block-header-filter-in-stock { display: inline-block; font-size: 15px; line-height: 18px; margin-right: 10px; } .catalog-element-page-sku-block-header-filter-in-stock:hover { text-decoration: none; } .catalog-element-page-sku-block-header-filter-in-stock:before { content: ""; display: inline-block; width: 15px; height: 15px; background: #479947; border-radius: 100%; right: 6px; top: 3px; position: relative; } .catalog-element-page-sku-block-header-filter-out-stock { display: inline-block; font-size: 15px; } .catalog-element-page-sku-block-header-filter-out-stock:before { content: ""; display: inline-block; width: 15px; height: 15px; background: #f24942; border-radius: 100%; margin-right: 10px; top: 3px; position: relative; } .no-touch .table-mode .catalog-in-section-page-right-ctalog-list-item:hover img, .no-touch .catalog-in-section-page-right-ctalog-table .catalog-in-section-page-right-ctalog-list-item:hover img { transform: scale(1.1); } .catalog-element-page-sku-block-top-line { padding: 18px 25px; background: #fff; border-bottom: 1px solid #d1d5eb; } .catalog-element-page-sku-block-top-line-help { float: left; width: 630px; } .catalog-element-page-sku-block-top-line-help-title { display: inline-block; font-size: 15px; line-height: 40px; } .catalog-element-page-sku-block-top-line-help-icon-one { display: inline-block; width: 24px; height: 24px; border: 1px solid #d1d5eb; border-radius: 2px; line-height: 40px; vertical-align: middle; margin-left: 10px; } .catalog-element-page-sku-block-top-line-help-icon-two { display: inline-block; width: 24px; height: 24px; border: 1px solid #009bdd; background: url('/local/markup/images/icon-check-blue.png') no-repeat center center; border-radius: 2px; line-height: 40px; vertical-align: middle; margin-left: 10px; } .catalog-element-page-sku-block-top-line-add-all-to-cart { padding: 10px 30px; font-size: 15px; font-weight: 700; color: #fff; text-decoration: none; border-radius: 2px; display: block; float: right; text-align: center; } .catalog-element-page-sku-block-top-line-add-all-to-cart span { padding-left: 25px; background: url('/local/markup/images/icon-small-cart-blue.png') no-repeat center left; } .catalog-element-page-sku-block-list { padding: 10px 0px; background: #fff; display: flex; flex-flow: row wrap; position: relative; margin: 0 -10px; } .nothing_to_show { display: none; width: 100%; text-align: center; font-size: 18px; } .nothing_to_show_false { display: block; } .catalog-element-page-sku-block-list-item:not(.more) { border: 1px solid #d1d5eb; border-radius: 2px; width: 172px; height: 195px; margin: 12px 8px; } .catalog-element-page-sku-block-list-item-img { display: block; margin: 0 auto; width: 154px; } .catalog-element-page-sku-block-list-item-img { -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; } .catalog-element-page-sku-block-list-item:hover .catalog-element-page-sku-block-list-item-img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .catalog-element-page-sku-block-list-item-name { font-size: 14px; color: #858585; padding: 0 8px; margin-top: 7px; position: relative; } .catalog-element-page-sku-block-list-item-name span { display: flex; } .catalog-element-page-sku-block-list-item__in, .catalog-element-page-sku-block-list-item__out { position: relative; width: 100%; } .catalog-element-page-sku-block-list-item { position: relative; } .catalog-element-page-sku-block-list-item .addition { display: none; position: absolute; background-color: #fff; } .catalog-element-page-sku-block-list-item__in .articul, .catalog-element-page-sku-block-list-item__out .articul{ float: right; width: 100%; overflow: hidden; height: 20px; } .catalog-element-page-sku-block-list-item:hover .addition { display: block; position: absolute; top: 81px; left: 42px; background-color: #fff; padding: 3px 10px; line-height: 13px; } .catalog-element-page-sku-block-list-item__in:before { display: inline-block; width: 19px; height: 15px; margin-right: 5px; background: #479947; border-radius: 100%; content: ""; } .catalog-element-page-sku-block-list-item__out:before { display: inline-block; width: 15px; height: 15px; margin-right: 5px; background: #f24942; border-radius: 100%; content: ""; } .catalog-element-page-sku-block-list-item-buy-block { padding: 8px; } .catalog-element-page-sku-block-list-item-buy-block-pseudo-checkbox { display: block; width: 24px; height: 24px; border: 1px solid #d1d5eb; border-radius: 2px; line-height: 40px; vertical-align: middle; margin-right: 5px; float: left; background: #fff; } .catalog-element-page-sku-block-list-item-buy-block-pseudo-checkbox.true { background: url(/local/markup/images/icon-check-blue.png) no-repeat center center; } .catalog-element-page-sku-block-list-item-buy-block-pseudo-checkbox.active { background: #fff url('/local/markup/images/icon-check-blue.png') no-repeat center center; border: 1px solid #009bdd; } .catalog-element-page-sku-block-list-item-buy-block-quantity { width: 59px; height: 24px; float: left; margin-right: 7px; border: 1px solid #d1d5eb; padding: 4px 10px; font-size: 18px; text-align: center; border-radius: 2px; } .catalog-element-page-sku-block-list-item-buy-block-button { display: block; float: right; width: 30px; margin-top: -3px; margin-left: 3px; height: 30px; background: url(/local/markup/images/buy_blue.svg) no-repeat; text-indent: -9999px; background-size: cover; } .catalog-element-page-sku-block-bottom-line { padding: 18px 25px; background: #fff; border-top: 1px solid #d1d5eb; } .catalog-element-page-sku-block-bottom-line-show-more { float: left; width: 175px; height: 38px; border: 1px solid #0091cc; background: #fff; line-height: 36px; text-align: center; font-size: 15px; font-weight: 700; cursor: pointer; } .catalog-element-page-sku-block-bottom-line-show-more:hover { background: #0091cc; color: #fff; } .catalog-element-page-sku-block-bottom-line-add-all-to-cart { padding: 10px 30px; font-size: 15px; font-weight: 700; color: #fff; text-decoration: none; border-radius: 2px; display: block; float: right; text-align: center; } .catalog-element-page-sku-block-bottom-line-add-all-to-cart span { padding-left: 25px; background: url('/local/markup/images/icon-small-cart-white.png') no-repeat center left; } .exeptions_detail { width: 500px; } .swiper-slide-visible { border: 1px solid #ccc; cursor: pointer; } .catalog-element-page-sku-block-header-search { display: inline-block; margin-left: 18px; margin-top: -5px; } .catalog-element-page-sku-block-header-search-input{ width: 320px; height: 32px; border: 1px solid #b1b0b3; border-radius: 0; padding: 0 12px; line-height: 32px; margin-top: 6px; background-color: #fff; font-size: 14px; transition: border .2s, box-shadow .2s, z-index .2s; } .choose-item { right: 10px; position: absolute; text-align: center; margin-top: -20px; width: 170px; } .price_per_item { font-size: 26px; color: #1E0AAA; font-weight: 700; } .price_per_item small { } .price_detail a{ font-size: 16px; color: #1E0AAA; border-bottom: 1px dotted #1E0AAA; } .price_detail { margin-top: 10px; } .price_detail:hover a{ border: none; } .put-into-the-cart { margin: 10px auto; display: inline-block; width: 100%; text-align: center; } .swiper-container { margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: right; background-repeat: no-repeat; } .gallery-top { width: 100%; border: 1px solid #ddd; } .gallery-thumbs { height: 150px; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.7; } .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; } .characteristics { border: 1px solid #dcdcdc; width: 560px; } .characteristics .download_pdf { text-align: center; } .swiper-slide-thumb-active { cursor: default !important; } .personal_cabinet_text, .personal_cart_text, .personal_cart_price { margin-left: 10px; } .personal_cart_price { font-size: 14px; font-weight: 700; } .personal_cart_price + .personal_cart_text { font-size: 12px; font-weight: normal; text-transform: lowercase; text-align: center; } .line-title-base { margin-bottom: 35px; display: flex; align-items: baseline; justify-content: space-between; } .line-title-base__link { flex: 0 0 auto; font-weight: 700; font-size: 12px; text-transform: uppercase; } .line-title-base-small { background: linear-gradient(to right,#d1d5eb,#d1d5eb) 0 50%/100% 1px no-repeat; text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .line-title-base-small h3 { font-size: 24px; display: inline-block; background-color: #fff; padding: 0 20px; } .line-title-base h3 { font-size: 24px; font-weight: 700; color: #333333; text-transform: uppercase; } .line-title-base h2 { font-size: 24px; font-weight: 700; color: #333333; text-transform: uppercase; } .popular-element-catalog-page { margin-top: 15px; background-color: #fff; } .popular-element-catalog-page__cont { position: relative; } .swiper-container-2row { width: 1040px; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .swiper-container-2row .swiper-wrapper{ } .swiper-container-2row .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; } .swiper-container-2row .swiper-slide-content { width: 160px; border: 1px solid #d1d5eb; } .swiper-container-2row .swiper-slide-content:hover .slide-2row-image::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 223px; max-height: 100%; background: linear-gradient(0deg,hsla(0,0%,100%,0) 4.41%,rgba(0,0,0,.1)); z-index: 1; } .swiper-slide-content__link { display: block; padding-top: 70px; text-decoration: none; position: relative; } .swiper-container-2row .swiper-pagination { position: relative; } .swiper-container-2row .swiper-slide>div { z-index: 1; } .swiper-container-2row .swiper-slide>a { text-decoration: none; } .swiper-container-2row .swiper-slide>a:hover { color: #1E0AAA; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .swiper-container-2row .button-blue { margin: 20px; } .slide-2row-title { font-size: 14px; line-height: 18px; text-align: left; margin: 10px 20px; height: 56px; overflow: hidden; } .slide-2row-price { font-size: 14px; line-height: 24px; } .slide-2row-image { position: relative; height: 160px; } .slide-2row-image .overflow { height: 100%; } .slide-2row-image img { -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; width: 160px; height: 160px; } .slide-2row-image:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .swiper-container-4row { height: auto; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .swiper-container-4row .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; flex-direction: column; } .swiper-container-4row .swiper-pagination { position: relative; } .swiper-container-4row .swiper-slide>div { z-index: 1; position: relative; display: block; max-width: 100%; } .swiper-container-4row .swiper-slide>a { text-decoration: none; } .swiper-container-4row .swiper-slide>a:hover { color: #1E0AAA; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .swiper-container-4row .button-blue { margin: 20px; } .slide-4row-title { font-size: 16px; line-height: 1.5; font-weight: 700; text-align: center; color: #333; margin-top: 25px; transition: color .2s; height: 96px; overflow: hidden; } .slide-4row-title:hover { color: #1E0AAA; } .slide-4row-price { font-size: 14px; line-height: 24px; } .slide-4row-image { position: relative; width: 100%; height: 222px; overflow: hidden; transition: border .2s; } .slide-4row-image img{ -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; width: 222px; height: 222px; object-fit: cover; font-family: 'object-fit: cover;'; } .slide-4row-image:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .svg-status-icon { width: 36px; height: 36px; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); } .nubmer_of_variants { position: absolute; bottom: 4px; right: 2px; color: #fff; padding: 5px 15px; background-color: rgba(11, 96, 200, 0.53); font-size: 18px; display: none; } /* --- label --- */ .label{display: inline-block; position: relative; color: #fff; padding: 2px 4px; font-size: 14px;} .label::before, .label::after{content: ''; position: absolute;} .label::before{left: 0; top: 100%; border: 2px solid transparent;} .label::after{left: 100%; top: 50%; width: 12px; height: 8px; -ms-transform: translate(-50%, -50%) rotate(67deg) skewX(45deg); -webkit-transform: translate(-50%, -50%) rotate(67deg) skewX(45deg); transform: translate(-50%, -50%) rotate(67deg) skewX(45deg);} .label__blue { z-index: 2; position: absolute; top: 18px; margin-left: -4px; left: 100%; background: #1E0AAA; } .label__big { font-size: 18px; left: 125px; } .slide-4row-image .label__blue, .slide-2row-image .label__blue { z-index: 2; position: absolute; top: 18px; left: 0; background: #1E0AAA; } .label__blue::before{border-top-color: #1E0AAA; border-right-color: #1E0AAA;} .label__blue::after{background: #1E0AAA;} .main_banner_image .label__blue { padding: 0 15px; font-size: 20px; } .slide-2row-image:hover { opacity: 0.9; } .slide-2row-image:hover .nubmer_of_variants { display: block; } .callback-back popup-back, .callback-wrap popup-wrap { display: none; } .sub_category_available>a::after { content: ''; display: block; position: absolute; width: 0; height: 0; top: 17px; right: -6px; border: 3px solid transparent; border-top: 6px solid #9b9b9b; } .in-pages-title-block { position: relative; } .in-pages-title-block h1 { text-align: center; font-size: 32px; margin: 20px 0; color: #333; } .grey-shadow { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 223px; max-height: 100%; background: linear-gradient(0deg,hsla(0,0%,100%,0) 4.41%,rgba(0,0,0,.1)); z-index: 1; pointer-events: none; } .swiper-button.swiper-button-next-333 { right: -15px; height: 80px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .swiper-button.swiper-button-prev-333 { left: -15px; height: 80px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .swiper-button-next-222 { right: -5px; } .swiper-button-prev-222 { left: -10px; } .button-issue { background-color: #1E0AAA; color: #fff; margin: 10px 0; width: 114px; } .button-issue:hover { background-color: #fff; color: #1E0AAA; } .colors_n_prices { display: flex; justify-content: space-around; align-items: center; margin-top: 15px; } .wide-slider-container { width: 100%; } .slide-mob { display: none; } .swiper-button-prev-main { left: 18px; } .swiper-button-next-main { right: 18px; } .deleted_from_list { display: none; } .popular-item-image { width: 200px; height: 200px; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden; padding-bottom: 40px; } .popular-item-image img{ width: 100%; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; transition: all 1s ease-out; } .popular-item-image:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .popular-item-image .slide-item-price-and-detail { position: absolute; bottom: 20px; text-align: center; width: 100%; } .popular-item-image >a { width: 100%; } .popular-item-image:hover > a::after{ content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; max-height: 100%; } .popular-item-image:hover .slide-item-price-and-detail { z-index: 10; } .swiper-button-prev-222{ background: url(/local/markup/images/left_arrow_big.png) no-repeat 11px center; background-size: contain; left: -0px; background-position-x: 12px; background-color: #fff; } .swiper-button-next-222{ background: url(/local/markup/images/right_arrow_big.png) no-repeat 7px center; background-size: contain; background-position-x: 12px; right: 0px; background-color: #fff; } .popular-element-catalog-page { position: relative; margin-bottom: 90px; margin-top: 60px; } .swiper-button-next:hover, .swiper-button-prev:hover { } .swiper-container-logos8 { width: 100%; overflow: hidden; position: relative; } .swiper-button { position: absolute; top: 0; height: 100%; width: 80px; cursor: pointer; display: flex; justify-content: center; align-items: center; z-index: 1; } .touch .swiper-button { cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; -webkit-tap-highlight-color: transparent !important; } .touch .swiper-button:hover { background-color: transparent !important; } .swiper-button:hover, .swiper-button:focus { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .swiper-button:focus { outline: none; } .swiper-button-icon__wrap { width: 44px; height: 44px; border-radius: 50%; background-color: #333; display: flex; align-items: center; justify-content: center; color: #fff; } .swiper-button-icon { width: 17px; height: 17px; flex: 0 0 auto; } .swiper-button-prev-main { left: 0; } .swiper-button-next-main { right: 0; } .swiper-button-prev-main:hover { } .swiper-button-next-main:hover { } .catalog-menu--filter { margin-top: 20px; } .catalog-menu__item { border-bottom: 1px solid #eaeaea; } .catalog-menu__item-action { display: flex; flex-wrap: nowrap; } .catalog-menu__accordion-shevron { flex: 0 0 auto; cursor: pointer; width: 36px; border: none; outline: none; position: relative; background-color: #fff; transition: color .2s, background-color .2s; } .catalog-menu__accordion-shevron.active { background-color: #1E0AAA; } .catalog-menu__accordion-shevron:after { content: ''; display: block; position: absolute; top: 18px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border: 3px solid transparent; border-top: 6px solid #000; transition: border .2s; } .catalog-menu__accordion-shevron.active:after { border-top: 6px solid #fff; } .catalog-menu__accordion-shevron.active:hover:after { border-top: 6px solid #fff; } .catalog-menu__accordion-shevron:hover:after { border-top: 6px solid #000; } .catalog-menu__accordion-icon { flex: 0 0 auto; cursor: pointer; width: 36px; min-height: 40px; height: 100%; border: none; outline: none; position: relative; background-color: #fff; display: flex; justify-content: center; align-items: center; transition: color .2s, background-color .2s; } /*.js-sticky*/ .catalog-filter-wrap { flex: 1 1 auto; } .page-layout__aside { display: flex; flex-direction: column; position: relative; } .page-layout__aside::before, .page-layout__aside::after { content: ''; display: block; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .page-layout__aside.sticky-top-container::after, .page-layout__aside.sticky-bottom-container::before { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; } .catalog-menu--filter.sticky-top { top: 56px; } .sticky-bottom { position: -webkit-sticky; position: sticky; bottom: 0; } /*end .js-sticky*/ .catalog-menu__accordion-icon.active { background-color: #f4f4f4; } .catalog-menu__accordion-icon-inner { position: relative; width: 14px; height: 14px; border: 1px solid #565655; border-radius: 50%; transition: border .2s; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; } .catalog-menu__accordion-icon-inner:before, .catalog-menu__accordion-icon-inner:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #565655; transition: background-color .2s; } .catalog-menu__accordion-icon-inner:before { width: 8px; height: 1px; } .catalog-menu__accordion-icon-inner:after { width: 1px; height: 8px; } .catalog-menu__accordion-icon.active .catalog-menu__accordion-icon-inner:after { display: none; } .no-touch .catalog-menu__accordion-icon:hover .catalog-menu__accordion-icon-inner { border: 1px solid #1E0AAA; } .no-touch .catalog-menu__accordion-icon:hover .catalog-menu__accordion-icon-inner:after, .no-touch .catalog-menu__accordion-icon:hover .catalog-menu__accordion-icon-inner:before { background-color: #1E0AAA; } .catalog-menu__link { display: inline-block; flex: 0 0 auto; width: 204px; padding: 12px 0 12px 10px; font-size: 14px; font-weight: 700; cursor: pointer; color: #444444; background-color: #fff; transition: color .2s, background-color .2s; } .no-touch .catalog-menu__link:hover { color: #1E0AAA; } .catalog-menu__link.active { background-color: #1E0AAA; color: #fff; } .catalog-menu__link.active:hover { background-color: #1E0AAA; color: #fff; } .catalog-menu__item--secondary .catalog-menu__link.active { background-color: #f4f4f4; color: #000; } .catalog-menu__item--secondary .catalog-menu__link.active:hover { background-color: #f4f4f4; color: #1E0AAA; } .catalog-menu__link.active + .catalog-menu__accordion-icon .catalog-menu__accordion-icon-inner { /*border: 1px solid #D0021B;*/ } .catalog-menu__link.active + .catalog-menu__accordion-icon .catalog-menu__accordion-icon-inner:after, .catalog-menu__link.active + .catalog-menu__accordion-icon .catalog-menu__accordion-icon-inner:before { /*background-color: #D0021B;*/ } .catalog-menu__link-sup { color: #1E0AAA; } .catalog-menu__link.active .catalog-menu__link-sup { color: #fff; font-weight: 400; } .catalog-menu__link.active:hover .catalog-menu__link-sup { color: #fff; } .catalog-menu__link.active:hover .catalog-menu__link-sup { color: #fff; font-weight: 400; } .catalog-menu__panel { padding: 0; background-color: white; overflow: hidden; display: none; } .catalog-menu__panel.active { display: block; } .catalog-menu__panel-inner-wrap { margin: 20px 10px; } .catalog-menu__panel-item.active { color: #D0021B; } .catalog-menu__panel sup { left: 3px; color: #1E0AAA; } .catalog-in-section-page { display: flex; } .catalog-menu, .catalog-in-section-page-filter { width: 240px; margin-right: 20px; } .catalog-menu__panel-list { padding: 0; margin: 10px 0; list-style: none; } .catalog-menu__panel-link { display: block; padding: 6px 10px; color: #2c2c2c; } .catalog-menu__panel-link:hover { color: #1E0AAA; } .catalog-menu__panel-link.active { color: #000; font-weight: 700; } .catalog-menu__title { font-size: 14px; font-weight: 700; color: #2c2c2c; text-transform: uppercase; } .catalog-menu__btn-collapse { display: none; font-size: 10px; color: #4a4a4a; cursor: pointer; padding: 8px 0; } .catalog-menu__btn-collapse:hover { color: #000; } .catalog-menu__btn-collapse.shown { display: block; } .title_accordion1 { position: relative; text-align: left; display: flex; flex-wrap: nowrap; width: 100%; justify-content: space-between; align-items: center; height: 50px; } .sm-calculate__checkbox { display: flex; width: 100%; align-items: flex-start; padding: 6px 10px 6px 40px; color: #333; position: relative; font-size: 14px; user-select: none; cursor: pointer; min-height: 36px; } .sm-calculate__checkbox input { display: none; } .sm-calculate__checkbox span.check-list__visual { position: absolute; left: 10px; top: 5px; width: 18px; height: 18px; border: solid 1px #d6d6d7; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .sm-form .sm-calculate__checkbox input:checked + span.check-list__visual { border-color: #d6d6d7; background-color: #1E0AAA; } .sm-calculate__checkbox input:checked ~ .check-list__item-value { font-weight: 700; } .check-list__visual-icon { display: block; opacity: 0; color: #fff; width: 12px; height: 12px; } .sm-calculate__checkbox input:checked + span.check-list__visual { background-color: #1E0AAA; border-color: #1E0AAA; } .sm-calculate__checkbox input:checked + span.check-list__visual .check-list__visual-icon { opacity: 1; } .sm-form .sm-calculate__checkbox span.check-list__visual { right: auto; top: 7px; left: 0; border-color: #cccccc; } .sm-calculate__checkbox sup { top: -0.5em; left: 5px; color: #ccc; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .sm-calculate__checkbox i { font-style: normal; } .accordion sup { top: -0.7em; left: 1px; color: #a4a4a4; font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .embedded-input { position: relative; } .input-group_cell { display: inline-block; } .embedded-input_label { position: absolute; top: 50%; left: 8px; margin-top: -9px; font-size: 13px; line-height: 18px; z-index: 1; pointer-events: none; } .input-group_cell:hover .embedded-input_input { z-index: 10; border-color: #a6a6a6; } .input-group_cell:first-child .embedded-input_input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; margin-left: 0; } .embedded-input_input:hover { z-index: 10; border-color: #a6a6a6; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: number-input; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .panel input:focus+label{ color: #a4a4a4; } .fast_sort ul { display: inline-block; list-style: none; padding: 0; margin: 0; } .fast_sort li { display: inline-block; margin: 10px; } .fast_sort li a:hover { color: #333; } .hero-banner__action { margin-top: 30px; } .hero-banner__content-box p { color: #a4a4a4; } .hero-banner__title { margin-bottom: 20px; } .price_of_order { font-size: 18px; font-weight: 700; margin-right: 20px; display: inline-block; } .hidden_news { display: none; } .info-list-page-news-list-item-date { color: #a4a4a4; font-size: 14px; position: absolute; bottom: -52px; left: 50%; transform: translateX(-50%); } .toggle_article_news { position: relative; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } .toggle_article_news:after { content: ''; position: absolute; display: block; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid #7f7f7f; } .toggle_article_news .toggler_block { color: #333; border-bottom: 4px solid #D0021B; display: inline-block; font-size: 24px; text-transform: uppercase; margin-left: 20px; margin-right: 20px; cursor: pointer; border-bottom: 4px solid transparent; padding-bottom: 10px; transition: color .2s; } .toggle_article_news .toggler_block.js_active { font-weight: 700; color: #333; border-bottom: 4px solid #D0021B; } .toggle_article_news .toggler_block.js_active a { color: #333; } .creat-order-page-wrap { padding: 25px 0; background: #fff; } .creat-order-page-wrap:after { content: ""; width: 0; height: 0; display: table; clear: both; } .creat-order-page-wrap h2 { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #e8eaf7; margin-bottom: 0; padding-top: 25px; border-top: 1px solid #e8eaf7; } .creat-order-page-wrap h2.first, .creat-order-page-succes-block h2 { padding-top: 0; border-top: none; } .creat-order-page-succes-block__image { width: 109px; height: 109px; } .creat-order-page-block { float: left; margin: 25px 0; } .creat-order-page-block:nth-child(2n-1) { /*margin-right: 50px;*/ } .creat-order-page-block-title { font-size: 24px; color: #484848; margin-bottom: 15px; } .creat-order-page-block-line { margin-bottom: 7px; } .creat-order-page-block-line label { display: inline-block; font-size: 16px; color: #484848; line-height: 41px; width: 200px; margin-right: 26px; } .creat-order-page-block-line .creat-order-page-form-input { width: 465px; height: 41px; border: 1px solid #b1b0b3; border-radius: 0; padding: 0 12px; line-height: 32px; background-color: #fff; font-size: 14px; transition: border .2s, box-shadow .2s, z-index .2s; } select.creat-order-page-form-input{ width: 465px; height: 26px; border-radius: 10px; -webkit-appearance: none; background-image: url(/local/markup/images/icon_down.png); background-position-x: 98%; background-position-y: center; background-size: 15px 15px; background-repeat: no-repeat; line-height: 1em; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none!important; } select.creat-order-page-form-input:active { background-image: url(/local/markup/images/icon_up.png); } select[name='companyOp'] { background-position-x: 95%; } .creat-order-page-block-line.multi .creat-order-page-form-input:first-of-type { width: 120px; margin-right: 7px; } .creat-order-page-block-line.multi .creat-order-page-form-input:last-child { width: 335px; margin-right: 0; } .creat-order-page-block-line .creat-order-page-form-input.hidden { margin-left: 229px; margin-top: 7px; display: none; } .creat-order-page-submit-block { text-align: center; } .creat-order-page-form-submit { width: 195px; height: 36px; text-align: center; border-radius: 2px; font-size: 14px; cursor: pointer; } .creat-order-page-block-line .creat-order-page-form-input.error { border-color: #f24942; } .creat-order-page-block-line .creat-order-page-form-input.error::-webkit-input-placeholder { color: #f24942; } .creat-order-page-block-line .creat-order-page-form-input.error:-moz-placeholder { color: #f24942; } .creat-order-page-block-line .creat-order-page-form-input.error::-moz-placeholder { color: #f24942; } .creat-order-page-block-line .creat-order-page-form-input.error:-ms-input-placeholder { color: #f24942; } .creat-order-page-error-block { text-align: center; font-size: 16px; color: #f24942; margin-bottom: 20px; display: none; } .creat-order-page-succes-block { text-align: center; font-size: 16px; margin-bottom: 20px; } .creat-order-page-succes-block span { font-weight: 700; font-size: 18px; color: #1E0AAA; } .creat-order-page-succes-block span:hover a{ color: #333; } .creat-order-page-succes-block span.success_order_text__num { font-weight: 700; font-size: 24px; color: #D0021B; } label.edit-profil-page-form-input--alt { font-weight: 700; text-align: left; width: 250px; } .edit-profil-page-block__line { display: flex; padding-top: 20px; padding-bottom: 20px; border-top: 1px dashed #d7d7db; } .edit-profil-page-block__line:last-child { border-bottom: 1px dashed #d7d7db; } .edit-profil-page-block__label { min-width: 200px; text-align: left; } .edit-profil-page-block__line label.edit-profil-page-form-input--alt { font-weight: 700; text-align: left; width: 250px; } .delivery-detail.hidden { display: none; } .hint_text { float: right; margin: 11px 20px; color: #a4a4a4; } .hint_text { display: none; } .removable_filters { margin-left: -5px; margin-right: -5px; } .removable_filter { padding: 3px 10px 3px 10px; margin: 0 5px 10px; display: inline-block; background-color: #fff; font-size: 12px; border: 1px solid #d8d8d8; border-radius: 25px 50px 50px 25px; color: #000; cursor: pointer; transition: border-color .2s; } .removable_filter:hover { color: #000; border-color: #1E0AAA; } .removable_filter:focus { outline: none; color: #D0021B; border-color: #D0021B; } .removable_filter__cross { display: inline-block; width: 8px; height: 8px; position: relative; transform: rotate(-45deg); margin-left: 10px; } .removable_filter__cross:before, .removable_filter__cross:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #8b8d92; } .removable_filter__cross:before { width: 8px; height: 1px; } .removable_filter__cross:after { height: 8px; width: 1px; } .all_news_and_articles { position: absolute; top: -52px; right: 20px; font-weight: 700; font-size: 12px; text-transform: uppercase; padding: 10px 0; } .heading_big { text-align: center; } .orders-list-item-products-list td { text-align: left; } .orders-list-item-products-list-item { text-align: left; } .overstock-container { margin-top: 60px; } .overstock-container__cont { position: relative; } .swiper-container-overstock { width: 100%; margin: 0 auto; } .swiper-container-overstock .swiper-slide { width: 200px; } .swiper-button-next-overstock, .swiper-button-prev-overstock { position: absolute; top: 50%; transform: translateY(-50%); } .swiper-button-next-overstock { right: 15px; height: 80px; } .swiper-button-prev-overstock { left: 15px; height: 80px; } .swiper-button-prev-overstock:focus, .swiper-button-next-overstock:focus { outline: none; } .popular-item-image.swiper-slide a { height: 222px; overflow: hidden; transition: border .2s; } .popular-item-image.swiper-slide:hover { cursor: pointer; } .new_table-design table { width: 100%; border: none; color: #333; border-spacing: 0; position: relative; border-collapse: collapse; border-bottom: 1px solid #1E0AAA; } .new_table-design table td { vertical-align: top; padding: 5px 10px; margin: 0; border: 1px dashed #e6e6e6; font-size: 15px; } .new_table-design table tr:first-child { background-color: #e6e6e6; text-align: center; border-bottom: 0; } .tr_devider::after { content: ''; display: inline-block; position: absolute; left: 0; right: 0; height: 1px; width: 100%; background-color: #1E0AAA; } .managers { margin-top: 40px; } .managers-page { margin-top: 40px; margin-bottom: 75px; } .managers__block { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-top: -30px; overflow: hidden; padding-bottom: 15px; margin-bottom: -15px; } .managers__col { width: 33.333%; padding: 0 15px; margin-top: 30px; display: flex; } .managers__item { width: 100%; padding: 15px; text-align: left; border: 1px dashed #d7d7db; font-size: 16px; display: flex; align-items: flex-start; justify-content: space-between; } .managers__manager { margin-right: 10px; flex: 1 1 auto; max-width: 220px; } .managers__item:hover { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3); } .managers__photo { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; width: 130px; flex: 0 0 auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); } .managers__photo:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .managers__photo img{ width: 130px; height: 130px; transition: all .3s ease; object-fit: contain; font-family: 'object-fit: contain;'; } .managers__name { font-size: 18px; font-weight: 700; } .managers__position { margin-top: 10px; margin-bottom: 10px; } .managers__tel a{ } .managers__tel:hover a{ color: #D0021B; } .managers_email { margin-top: 10px; } .managers_email:hover a{ color: #D0021B; } .rubrics { margin-bottom: 20px; margin-top: 10px; } .rubrics a { padding: 10px; } .rubrics a:hover{ color: #333; } .pagination-panel { display: flex; align-items: center; justify-content: space-between; border-top: 2px solid #e9ebef; margin-top: 35px; } .pagination-panel__info { font-size: 12px; color: #2e3236; text-transform: uppercase; margin-top: 10px; } .pagination-panel__info-strong { color: #333; font-weight: 700; } .pagination-panel__btn-more { margin-top: 12px; } .pagination-block { display: flex; font-size: 15px; margin-top: -2px; } .pagination-block-numbers-item { padding: 20px 12px; cursor: pointer; border-top: 3px solid transparent; } a.pagination-block-numbers-item { color: #000; } a.pagination-block-numbers-item:hover, a.pagination-block-numbers-item:active, a.pagination-block-numbers-item:focus { color: #1E0AAA; } a.pagination-block-numbers-item:active, span.pagination-block-numbers-item { font-weight: 700; } span.pagination-block-numbers-item { border-top: 3px solid #000; color: #000; cursor: default; } .pagination-block-item-prev, .pagination-block-item-next { display: flex; align-items: center; justify-content: center; width: 29px; height: 59px; padding: 7px 0 0; } .pagination-block-item-prev { padding-left: 5px; } .pagination-block-item-next{ padding-right: 5px; } .pagination-block-item-arrow-icon { display: block; } .svg-icon { vertical-align: middle; display: inline-block; } .pagination-block-item-prev .svg-icon, .pagination-block-item-next .svg-icon { width: 24px; height: 24px; color: #333; display: flex; align-items: center; } .pagination-block-item-prev:hover .svg-icon, .pagination-block-item-prev:focus .svg-icon, .pagination-block-item-prev:active .svg-icon, .pagination-block-item-next:hover .svg-icon, .pagination-block-item-next:focus .svg-icon, .pagination-block-item-next:active .svg-icon { color: #D0021B; } .contacts-page-section-items-list-item-description-block-phones-item:not(p) { /* font-size: 18px;*/ } .contacts-page-section-items-list-item-description-block-phones-rf-item:not(p){ font-size: 18px; } .left-filter-and-menu.sticky-top-container::after, .left-filter-and-menu.sticky-bottom-container::before { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } /*Крестик*/ .trash-delete svg { display: block; width: 24px; height: 24px; } .trash-delete .close-x { stroke: #a4a4a4; fill: transparent; stroke-linecap: round; stroke-width: 5; } /*Крестик*/ .btn-container { display: flex; align-items: center; } .trash-delete { display: block; margin-left: 10px; transition: transform .4s; cursor: pointer; } .trash-delete:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); background-color: #cccccc; } .trash-delete:hover .close-x { stroke: #fff; } .trash-delete:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } /*Страница поиска*/ .search-result-page { } .search-result-page-catalog-list-item { display: flex; flex-direction: row; align-items: center; border-top: 1px dashed #e6e6e6; } #svg-sprite-arrows {opacity: 0; pointer-events: none; width: 0; height: 0; display: block;} .search-result-page-catalog-list-item-img { width: 100px; height: 100px; overflow: hidden; border: 1px solid #e6e6e6; display: block; } .image-in-the-search { position: relative; flex-basis: 100px; } .image-in-the-search .label__blue { left: 1px; } .search-result-page-catalog-list-item-img img{ transition: transform .5s ease; } .search-result-page-catalog-list-item-img:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .search-result-page-catalog-list-item-buy-block { flex-basis: 200px; } .search-result-page-catalog-list-item-description-block { flex-grow: 4; } .grey-text { text-align: center; margin-bottom: 10px; color: #a4a4a4 } .price-in-search { text-align: center; color: #1E0AAA; font-size: 20px; margin: 10px 0; } .search-result-page-catalog-list-item-buy-block-reg-or-register { font-size: 16px; text-align: center; line-height: 30px; } .search-result-page-catalog-list-item-description-block { padding: 10px 20px; font-size: 16px; } .search-result-page-catalog-list-item-description-block span{ color: #333; } .search-result-page-catalog-list-item-description-block-name { display: block; font-size: 16px; line-height: 22px; margin-bottom: 5px; text-decoration: none; } .search-result-page-catalog-list-item-description-block-in-stock-available::before { content: ""; border-radius: 100%; background: #58b670; height: 8px; width: 8px; display: inline-block; margin-right: 5px; } .search-result-page-catalog-list-item-description-block-in-stock-out::before { content: ""; border-radius: 100%; background: #f24942; height: 8px; width: 8px; display: inline-block; margin-right: 5px; } .short_description { margin-top: 5px; color: #333; } select::-ms-expand { display: none; } /*@supports (position: -webkit-sticky) or (position: sticky){ .sticky-top{position: -webkit-sticky;position: sticky; top: 40px;} .sticky-bottom{position: -webkit-sticky;position: sticky; bottom: 20px;} }*/ @media screen and (max-device-width: 1024px) { } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* Only IE10+ */ .header-wrap { position: relative; top: 0; } } .search_cross { width: 16px; height: 16px; right: 16px; top: 13px; cursor: pointer; position: absolute; } .cross_icon { width: 16px; height: 16px; right: 16px; top: 12px; cursor: pointer; position: absolute; } .header-middle-line-work-time-block-search .cross_icon { right: 15px; top: 50%; transform: translateY(-50%); color: #ccc; transition: color .2s; } .header-middle-line-work-time-block-search .cross_icon:hover { color: #333; } .footer-subscribe-block .cross_icon { right: 50px; top: 9px; } #field_COMPANY { width: 231px; } select { -webkit-appearance: none; /* Webkit */ -moz-appearance: none; /* FF */ -ms-appearance: none; /* Edge */ appearance: none; /* Future */ -ms-user-select: none; -webkit-user-select: none; -moz-user-select: -moz-none; } .register-page-block-line, div.input { position: relative; } /* IE11 */ select::-ms-expand { display: none; } input::-ms-clear { display: none; } .copyright { display: flex; align-items: center; margin-top: 44px; } .copyright__link { color: #333; font-size: 12px; } .copyright__link:hover { color: #1E0AAA; } .copyright__dash { display: inline-block; margin-left: 5px; margin-right: 5px; } .copyright__logo { flex: 0 0 auto; width: 100px; } #vert_slider { overflow: hidden; display: table; } .sp-image-container img.sp-image { height: initial !important; width: inherit !important; } #toTop, .selected-item__top { width: 50px; height: 50px; display: none; position: fixed; border-radius: 50%; bottom: 30px; right: 50px; z-index: 1000; color: #1E0AAA; background-color: #fff; box-shadow: 0 0 8px 0 rgba(0,0,0,.3); margin-top: -3px; cursor: pointer; transition-duration: .3s; } .shown-selected-item #toTop { display: none !important; } .selected-item__top { position: absolute; top: -80px; } #toTop:hover { background-color: hsla(0,0%,100%,.6); box-shadow: 0 0 16px 0 rgba(0,0,0,.3); color: #1E0AAA; } .icon-arrow-short { width: 20px; height: 20px; transform: rotate(-90deg); position: absolute; top: 15px; left: 15px; } .main-page-news-and-actions-block { margin-top: 60px; margin-bottom: 75px; } .main-page-news-and-actions-block .container { overflow: hidden; } .js_popup_calc_form { display: none; position: absolute; width: 600px; height: 500px; top: 50%; left: 50%; margin-left: -300px; margin-top: -150px; z-index: 1000; background-color: #fff; } .calc-popup-back { display: none; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; } .params .param { display: flex; justify-content: space-between; } .calc_param { padding: 60px 0; border-bottom: 1px dashed #d7d7db; padding-top: 96px; margin-top: -56px; } .calc_param--no-border { border-bottom: 0; } .calc_param--fill { margin-top: 0; position: relative; padding-top: 40px; border: 0; } .calc_param--fill:after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; z-index: -1; transform: translateX(-50%); width: 8000px; height: 100%; background-color: #f3f6f7; } .calc_param__wrap { display: flex; } .calc_param__counter { font-size: 14px; color: #4a4a4a; margin-top: 20px; font-weight: normal; } .calc_param:last-child { border: none; margin-bottom: 0; } .calc_name_wrap { flex: 0 0 auto; width: 260px; padding-right: 20px; } .calc_name { font-size: 16px; font-weight: 700; line-height: 1.5; color: #2c2c2c; text-transform: uppercase; } .calc_name_caption { font-size: 12px; line-height: 1.67; color: #4a4a4a; margin-top: 10px; } .calc_input_block { display: flex; justify-content: space-between; flex: 1 1 auto; margin-left: 0; -webkit-transition: max-height .5s; -moz-transition: max-height .5s; -o-transition: max-height .5s; transition: max-height .5s; position: relative; overflow: hidden; } .calc_input_block--flex-start { justify-content: flex-start; } .calc_input_block label > div { color: #a4a4a4; margin: 0 auto; } .custom-select-div { flex: 0 0 auto; } .fast_search_input { font-size: 14px; color: #a4a4a4; margin-top: 20px; margin-bottom: 10px; } .custom-select-input { width: 355px; height: 40px; padding: 5px 30px 5px 20px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; color: #333; background-color: #f3f6f7; border: none; outline: none; cursor: pointer; } .custom-select-input--alt { position: relative; z-index: 1; width: 240px; background: transparent; border: 1px solid #d8d8d8; transition: border .2s; } .custom-select-input--alt:hover { border: 1px solid #737373; } .custom-select-input--alt:focus { border: 1px solid #1E0AAA; } /*zipper-item*/ .zipper-items { width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; display: flex; flex-wrap: wrap; position: relative; margin-bottom: -20px; } .zipper-items__col { padding-left: 30px; padding-right: 30px; width: 16.666%; } .zipper-items__item { display: block; width: 100px; text-align: center; margin-bottom: 40px; cursor: pointer; } .zipper-items__input { display: none; } .zipper-items__visual { display: block; width: 100%; } .zipper-items__image { display: block; width: 100px; height: 100px; margin: 0 auto; position: relative; } .zipper-items__image:after { display: block; position: absolute; content: ''; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 1; border: 4px solid transparent; transition: border .2s; } .zipper-items__image--round:after { border-radius: 50%; } .zipper-items__pic { display: block; width: 100px; height: 100px; object-fit: cover; font-family: 'object-fit: cover;'; } .zipper-items__svg { position: absolute; width: 33px; height: 33px; color: #fff; opacity: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; transition: opacity .2s; } .zipper-items__pic--round { border-radius: 50%; } .zipper-items__name { display: block; font-size: 14px; text-align: center; color: #8d8d8d; margin-top: 15px; } .zipper-items__alert { position: absolute; top: 0; left: 30px; font-size: 14px; color: #8b8d92; text-align: center; display: none; } .zipper-items__alert.shown { display: block; } /* calc */ .calc { margin-top: 35px; } .calc__header { display: flex; padding-bottom: 35px; border-bottom: 1px dashed #d7d7db; } .calc__header-icon { flex: 0 0 auto; margin-right: 18px; margin-top: 4px; width: 23px; height: 40px; } .calc__header-svg { width: 23px; height: 40px; } .calc__header-title { font-size: 16px; font-weight: 700; color: #2c2c2c; text-transform: uppercase; line-height: 1.5; } .calc__header-caption { font-size: 14px; line-height: 1.5; color: #2c2c2c; margin-top: 3px; margin-bottom: 0; } .calc__search { display: block; width: 210px; position: relative; background-color: transparent; margin-top: 45px; } .calc__search-btn-icon { position: absolute; bottom: 12px; left: 0; width: 14px; height: 14px; flex: 0 0 auto; color: #1E0AAA; } .calc__search-input { padding-left: 24px; font-size: 16px; border: 0; outline: none; padding-bottom: 8px; width: 100%; transition: border-bottom .2s; background-color: transparent; border-bottom: 1px solid #737373; } .calc__price-block { display: flex; } .calc__price-item { margin-right: 25px; margin-top: 5px; } .calc__price-item--left { margin-left: 25px; } .calc__price-item-text { font-size: 16px; font-weight: 700; color: #333; text-align: center; } .calc__price-sum { font-size: 18px; font-weight: 700; color: #333; margin-top: 10px; margin-right: 20px; margin-left: 25px; } .calc__price-item-descr { font-size: 12px; color: #333; text-align: center; margin-top: 5px; } .calc__price-action { margin-top: 45px; width: 100%; } .calc__price-btn { height: 45px; background-color: transparent; } .custom-select-div--margin { margin-right: 166px; } .calc_titles { display: flex; justify-content: space-around; } .calc_param_description { max-width: 430px; font-size: 14px; line-height: 1.71; color: #4a4a4a; width: 305px; } .calc_param_description--wide { width: 600px; } .calc_param_image { flex: 0 0 auto; width: 125px; margin-right: 40px; text-align: center; margin-left: 40px; } .calc_param_image img { max-width: 100%; } .custom-select-label { position: relative; } .custom-select-label:after { content: ''; display: block; position: absolute; top: 7px; right: 20px; width: 0; height: 0; border: 3px solid transparent; border-top: 6px solid #1E0AAA; z-index: 0; } .calc_input_block select { width: 355px; height: 40px; padding: 5px 30px 5px 20px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; color: #333; background-color: #fff; outline: none; cursor: pointer; border: 1px solid #b1b0b3; transition: border .2s, box-shadow .2s, z-index .2s; } .calc_input_block select:hover { border: 1px solid #737373; } .calc_input_block select:focus { border: 1px solid #1E0AAA; } .calc_input_block select.select_open { } .calc_radio { display: none; } .calc_input_block input + div { border: 1px solid transparent; padding: 10px 5px; margin: 0 5px; border-radius: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .calc_input_block input + div img { height: 100px; } .calc_input_block input:checked + .zipper-items__visual .zipper-items__image:after { border-color: #1E0AAA; background-color: rgba(0,0,0, .2); } .calc_input_block input:checked + .zipper-items__visual .zipper-items__name { color: #1E0AAA; } .calc_input_block input:checked + .zipper-items__visual .zipper-items__svg { opacity: 1; } .final_param, .final_price { display: flex; align-items: center; margin-bottom: 40px; } .hide_variant { display: none; } .color-sort { display: block; padding: 0; margin-top: 40px; list-style: none; } .color-sort__item { display: flex; align-items: center; padding: 0; margin-top: 16px; cursor: pointer; } .color-sort__item:hover .color-sort__text { color: #1E0AAA; } .color-sort__item.active .color-sort__text { color: #D0021B; } .color-sort__marker { width: 16px; height: 16px; border-radius: 50%; margin-right: 10px; border: 1px solid #979797; } .color-sort__text { font-size: 14px; color: #8d8d8d; font-weight: 700; transition: color .2s; } .submit_btn { font-size: 19px; color: #1E0AAA; background-color: #fff; border: 2px solid #1E0AAA; padding: 8px 25px; cursor: pointer; display: inline-block; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .submit_btn:hover { color: #fff; background-color: #1E0AAA; } .btn-tip { width: 480px; display: inline-block; margin-left: 40px; color: #a4a4a4; position: relative; top: 5px; } .zip_length { width: 150px; padding: 5px 20px; font-size: 20px; margin-left: 40px; height: 34px; margin-top: 6px; } .small_tip { color: #a4a4a4; text-align: center; margin-bottom: 25px; } .calc_ammount { width: 240px; font-size: 24px; text-align: center; } .calc_tooltip { color: #a4a4a4; } #js_calc_form .submit_btn{ margin-left: 230px; } .lang { display: flex; justify-items: center; font-size: 11px; font-weight: 700; text-transform: uppercase; } .lang--mob { position: relative; background-color: transparent; } .lang--mob:hover { color: #1E0AAA; background-color: #9b9b9b; } .lang--mob .show-drop { right: 0; left: 0; width: 100%; padding: 15px; } .lang--mob .show-drop a { display: block; color: #1E0AAA; font-size: 14px; font-weight: normal; } .lang--mob .show-drop a:hover { color: #D0021B; } .lang--mob .cur_lang { position: relative; margin-right: 12px; } .lang--mob .cur_lang:after { content: ''; display: block; position: absolute; top: 6px; right: 0; width: 0; height: 0; border: 3px solid transparent; border-top: 6px solid #fff; } .lang a { color: #9b9b9b; } .lang a:not(:first-child) { margin-left: 12px; } .lang a:hover { color: #fff; } .lang .cur_lang { color: #fff; cursor: default; } .lang a.cur_lang:hover { color: #fff; } /**** Ползунок calc-zipper *****/ /*Полезная статья по стилизации ползунка*/ /*https://stackoverflow.com/questions/13913637/html5-input-range-styling-before*/ .calc-zipper { padding-top: 50px; display: flex; } .calc-zipper__message { display: inline-block; text-align: center; padding: 4px 30px 4px; border-radius: 13px; border: solid 1px #d8d8d8; font-size: 14px; color: #8b8d92; margin-left: 15px; } .calc-zipper__count-box { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-right: 20px; } .calc-zipper__label { height: 26px; display: inline-block; position: relative; margin-left: 6px; } .calc-zipper__label:before { content: ''; position: absolute; top: 0; left: -6px; width: 5px; height: 26px; border-radius: 2px; background-color: #1E0AAA; } .calc-zipper__val { display: block; position: absolute; top: -41px; font-size: 14px; color: #9b9b9b; } .calc-zipper__val.active { color: #D0021B; } .calc-zipper__val--left { left: 0; } .calc-zipper__val--right { right: 20px; } .calc-zipper__red-zipper-wrap { display: block; position: absolute; width: 456px; height: 26px; top: 0; left: 0; z-index: 1; } .calc-zipper__red-zipper { display: block; height: 26px; background: url(/local/templates/furnitop/img/zipper-red.svg); background-repeat: no-repeat; } .calc-zipper__input { -webkit-appearance: none; padding: 0; outline: none; width: 476px; height: 26px; position: relative; z-index: 2; background: transparent; } .calc-zipper__zipper-bg { display: block; background: url(/local/templates/furnitop/img/zipper.svg); background-repeat: no-repeat; width: 476px; height: 26px; position: absolute; top: 0; left: 0; z-index: 0; } .calc-zipper__input::-webkit-slider-thumb { -webkit-appearance: none; box-sizing: content-box; cursor: pointer; width: 46px; height: 50px; background: url(/local/templates/furnitop/img/zipper-label.svg); background-repeat: no-repeat; background-position-y: center; margin-top: -12px; border: 0; } .calc-zipper__input::-moz-range-thumb { box-sizing: content-box; cursor: pointer; width: 46px; height: 50px; background: url(/local/templates/furnitop/img/zipper-label.svg); background-repeat: no-repeat; background-position-y: center; margin-top: -12px; border: 0; position: relative; z-index: 5; } .calc-zipper__input::-ms-thumb { box-sizing: content-box; cursor: pointer; width: 46px; height: 50px; background: url(/local/templates/furnitop/img/zipper-label.svg); background-repeat: no-repeat; background-position-y: center; margin-top: -12px; border: 0; position: relative; z-index: 5; } .calc-zipper__input::-webkit-slider-runnable-track { border-color: transparent; color: transparent; width: 100%; height: 26px; z-index: 2; } .calc-zipper__input::-moz-range-track { border-color: transparent; color: transparent; width: 100%; height: 26px; z-index: 2; } .calc-zipper__input::-ms-track { border-color: transparent; color: transparent; width: 100%; height: 26px; z-index: 2; } .calc-zipper__input::-ms-fill-lower { /*background-color: #5082e0;*/ background-color: transparent; } .calc-zipper__input::-moz-range-progress { /*background-color: #5082e0;*/ /* position: relative; z-index: 4;*/ background-color: transparent; } .calc-zipper__input::-ms-tooltip { display: none; } .calc-zipper__input::-ms-tooltip { display: none; } .calc-zipper__input ::-ms-ticks-after { display: none; } .calc-zipper__input ::-ms-ticks-before { display: none; } /***Конец****/ /**Селекты**/ .custom-select { position: relative; } .custom-select select { display: none; } .select-selected { background-color: #fff; } .select-selected:after { position: absolute; content: ""; width: 10px; height: 10px; top: 8px; right: 6px; background-image: url(/local/markup/images/icon_down.png); background-size: cover; } .select-selected.select-arrow-active:after { background-image: url(/local/markup/images/icon_up.png); } .select-items div,.select-selected { color: #000; padding: 5px 16px; cursor: pointer; user-select: none; } .select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; display: flex; flex-direction: column; z-index: 1; } .select-items > a { line-height: 22px; color: #000; padding: 5px 15px; } .select-items > a:hover { color: #1E0AAA; background-color: #e6e6e6; } .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); color: #333; } .custom-select { display: inline-block; padding-right: 20px; min-width: 160px; border: 1px solid #a4a4a4; } .calc_params .custom-select { font-size: 16px; } .select-items { border: 1px solid #a4a4a4; margin: -1px; z-index: 3; } .bx_ordercart_coupon { display: flex; align-items: center; margin-top: 20px; } .bx_ordercart_coupon input[readonly] { margin-left: 233px; } .bx_ordercart_coupon input { padding: 5px 10px; margin: 0 20px; } .bx_bt_button { width: 30px; height: 30px; } .bx_ordercart_coupon_notes { display: flex; flex: 0 0 auto; align-items: center; font-size: 12px; position: relative; padding-left: 37px; font-weight: 700; } .bx_ordercart_coupon_notes.bad { color: #ed1c24; } .bx_ordercart_coupon_notes span.checked { width: 20px; height: 20px; display: inline-block; background-size: cover; position: absolute; left: 0; } .bx_ordercart_coupon_notes span.applyed { background-image: url(/local/templates/furnitop/img/icon22.svg); left: 3px; } .bx_ordercart_coupon_notes span.bad { background-image: url(/local/templates/furnitop/img/icon-alert-red.png); width: 26px; height: 26px; color: #ed1c24; } .bx_ordercart_coupon_notes + a .personal-cart-items-block-item-remove { position: relative; top: -1px; vertical-align: middle; } .bx_ordercart_coupon input.good { border: 2px solid #1E0AAA; } .bx_ordercart_coupon input.bad { border: 2px solid #e97956; } .custom-select-div .select-selected { display: none; } .requests > div { display: flex; justify-content: space-between; } .request > div { width: 33%; } .edit_icon, .delete_icon { position: absolute; right: 40px; color: #000; font-size: 20px; width: 30px !important; top: 0; cursor: pointer; } .delete_icon { top: 30px; } .edit_icon:hover, .delete_icon:hover { opacity: .8; } .head_names > div { width: 33%; font-size: 18px; margin-bottom: 20px; } .min_step { border: 1px solid #ccc; width: 40px; text-align: center; height: 30px; padding: 0px; margin-left: 10px; display: inline-block; vertical-align: top; line-height: 28px; color: #ccc; font-size: 16px; } .min_text { color: #ccc; margin-top: 50px; width: 220px; line-height: 20px; font-size: 16px; } .divider { width: 100%; height: 1px; background-color: #ccc; margin: 20px 0; } .requests .price { font-size: 24px; margin-bottom: 20px; font-weight: 700; } .requests .price_item { font-size: 16px; color: #ccc; width: 150px; } .full_price { position: relative; } .add_request { margin: 30px 0; border-bottom: 1px solid #1E0AAA; display: inline-block; } .add_request:hover { border-color: transparent; } .zip_request { text-align: center; } .zip_request + .btn-tip { margin: 10px auto 0; width: 280px; text-align: center; display: block; } .list_params > div { margin: 5px 0; } .more_calc { font-size: 12px; font-weight: 700; color: #1E0AAA; cursor: pointer; margin-left: 260px; padding-top: 15px; padding-bottom: 15px; text-transform: uppercase; display: none; } .more_calc.shown { display: block; } .more_calc:hover { color: #000; } .more_calc_hide { display: none; } .calc_param.overflow_show .more_calc_hide { display: block; } .calc_param.overflow_show .more_calc_show { display: none; } .calc_input_block.overflow_show { } #code_search_calc .calc_name_wrap { position: sticky; top: 60px; align-self: start; } /*.search-form*/ .search-form { position: relative; } .search-form--mob { display: none; } .search-form__label { display: block; } .search-form__input { height: 40px; width: 100%; border: 1px solid #ccc; padding-left: 46px; transition: border-color .25s; color: #1E0AAA; } .search-form__input:hover { border: 1px solid #737373; } .search-form__input:focus { border: 1px solid #1E0AAA; outline: none; } .search-form__btn { display: block; position: absolute; top: 1px; left: 1px; width: 40px; height: 38px; cursor: pointer; color: #1E0AAA; transition: color .2s; } .search-form__btn:hover { color: #D0021B; } .search-form__btn-input { width: 38px; height: 38px; text-indent: -9999px; background: transparent; border: none; } .search-form__btn-input:focus { outline: none; } .search-form__btn-icon { width: 14px; height: 14px; position: absolute; top: 50%; transform: translateY(-50%); left: 21px; } /* .contact-list */ .contact-list { margin: 0; padding: 18px 0; display: block; } .contact-list__item { display: flex; align-items: baseline; text-align: left; font-size: 14px; color: #333; margin-top: 8px; } .contact-list__name { width: 60px; margin-right: 5px; } .contacts-btn { margin-left: -15px; margin-right: -15px; height: 46px; display: flex; align-items: center; justify-content: center; border-top: 1px solid #e9ebef; cursor: pointer; font-weight: 700; font-size: 12px; text-transform: uppercase; } .contact-list--mob { display: none; } @media (max-width: 849px) { .contact-list--mob { display: block; padding: 30px 15px; border-bottom: 1px solid #e9ebef; background-color: #fff; } .contact-list--mob .contact-list__item:not(:first-child) { margin-top: 20px; } .about-page-block-center__grid { margin-bottom: 30px; } } /* .features-links */ .features-links { padding-top: 20px; padding-bottom: 20px; } .features-links__wrap { display: flex; flex-wrap: wrap; margin: -15px; width: calc(100% + 30px); } .features-links__link-item { display: flex; align-items: flex-start; padding: 15px; width: 16.666%; cursor: pointer; } .features-links__icon { width: 64px; flex: 0 0 auto; } .features-links__cont { color: #4a4a4a; margin-left: 10px; margin-top: 3px; } .features-links__name { display: block; font-weight: 700; } .features-links__link-span { display: block; color: #000; transition: color .2s; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-top: 4px; } a.features-links__link-item:hover .features-links__link-span { color: #1E0AAA; } /* mainpage */ .catalog-promo-items-block-wrap { margin-top: 60px; margin-bottom: 70px; } .catalog-promo-items-block-sections-list { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); position: relative; margin-top: 60px; } .catalog-promo-items-block-sections-list:after { content: ''; position: absolute; display: block; left: 15px; right: 15px; bottom: 0; border-bottom: 1px solid #7f7f7f; } .catalog-promo-items-block-sections-list-item, .main-page-clients-and-suppliers-block-section-list-item { display: inline-block; color: #333; font-size: 24px; text-transform: uppercase; margin-left: 15px; margin-right: 15px; cursor: pointer; border-bottom: 5px solid transparent; padding-bottom: 10px; transition: color .2s; } .catalog-promo-items-block-sections-list-item.active { font-weight: 700; color: #333; border-bottom: 5px solid #1E0AAA; } .catalog-promo-items-block-sections-list-item:hover { color: #1E0AAA; } .catalog-promo-items-block-sections-list-item.active { font-weight: 700; } .catalog-promo-items-block-section-items-list { display: none; width: 100%; position: relative; overflow: hidden; padding: 10px 15px 35px; box-shadow: 0 0 0 2px #e9ebef; } .catalog-promo-items-block-section-items-list__swiper-button-prev { left: -15px; height: 80px; top: 50%; transform: translateY(-50%); z-index: 2; } .catalog-promo-items-block-section-items-list__swiper-button-next { right: -15px; height: 80px; top: 50%; transform: translateY(-50%); z-index: 2; } .catalog-promo-items-block-section-items-list__colors { display: flex; margin-top: 20px; padding-top: 2px; padding-bottom: 2px; justify-content: center; } .catalog-promo-items-block-section-items-list__color { display: block; width: 15px; height: 15px; margin-left: 5px; margin-right: 5px; border: 1px solid #fff; box-shadow: 0 0 0 0.5px #333 inset; transition: box-shadow .2s; } .catalog-promo-items-block-section-items-list__color:hover { box-shadow: 0 0 0 2px #333; } .catalog-promo-items-block-section-items-list__plus { display: block; width: 15px; height: 15px; margin-left: 5px; margin-right: 5px; border: 1px solid #fff; position: relative; } .catalog-promo-items-block-section-items-list__plus:before, .catalog-promo-items-block-section-items-list__plus:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #1E0AAA; } .catalog-promo-items-block-section-items-list__plus:before { width: 8px; height: 2px; } .catalog-promo-items-block-section-items-list__plus:after { width: 2px; height: 8px; } .catalog-promo-items-block-section-items-list-prev { background: #e8eaf7 url(/local/templates/furnitop/img/icon-arrow-prev.png) no-repeat 33px center; width: 66px; height: 66px; border-radius: 100%; left: -33px; top: 142px; margin-top: 0; position: absolute; z-index: 999; cursor: pointer; } .catalog-promo-items-block-section-items-list-next { background: #e8eaf7 url(/local/templates/furnitop/img/icon-arrow-next.png) no-repeat 23px center; width: 66px; height: 66px; border-radius: 100%; right: -33px; top: 142px; margin-top: 0; position: absolute; z-index: 999; cursor: pointer; } .catalog-promo-items-block-section-items-list.active { display: block; } .catalog-promo-items-block-section-items-list-item { width: 263px; height: 350px; /*float: left;*/ background: #fff; padding-bottom: 20px; /*margin-right: 29px;*/ margin-right: 30px; /*display: inline-block;*/ } .catalog-promo-items-block-section-items-list-item-img { display: block; width: 100%; height: 211px; margin-bottom: 25px; } .catalog-promo-items-block-section-items-list-item-img img { display: block; width: 100%; } .catalog-promo-items-block-section-items-list-item-name { padding: 0 20px; font-size: 12px; font-weight: 700; color: #2c2c2c; text-align: center; text-decoration: none; display: block; margin-bottom: 10px; height: 56px; } .catalog-promo-items-block-section-items-list-item-name:hover { color: #109bd6; } .catalog-promo-items-block-section-items-list-item-buy-block { padding: 0 20px; } .catalog-promo-items-block-section-items-list-item-buy-block-price { width: 167px; margin-right: 10px; float: left; } .catalog-promo-items-block-section-items-list-item-buy-block-price-old { font-size: 13px; color: #2c2c2c; font-weight: 300; text-decoration: line-through; } .catalog-promo-items-block-section-items-list-item-buy-block-price-current { font-size: 17px; color: #2c2c2c; font-weight: 300; } .catalog-promo-items-block-section-items-list-item-buy-block-buttons { width: 45px; float: left; text-align: right; } .catalog-promo-items-block-section-items-list-item-buy-block-buttons-detail { padding: 8px 15px !important; } .catalog-promo-items-block-section-items-list-item-buy-block-buttons-detail span { text-indent: -9999px; display: block; width: 13px; height: 12px; background: url(/local/templates/furnitop/components/bitrix/catalog/catalog/bitrix/catalog.section/.default/images/icon-search-white.png) no-repeat center left; } .popular-text { margin: 20px 0 20px; font-weight: 700; color: #2c2c2c; } .colored-blocks { margin: 0; padding: 0; list-style: none; display: -webkit-box; /* Android 4.3-, Safari без оптимизации */ -webkit-box-pack: justify; /* Android 4.3-, Safari без оптимизации */ display: -webkit-flex; /* оптимизация для Safari */ -webkit-justify-content: space-between; /* оптимизация для Safari */ display: flex; justify-content: space-between; text-align: center; /* IE10-, Firefox 12-22 */ text-align-last: center; /* IE10-, Firefox 12-22 */ /*text-justify: newspaper; /* IE7- */ /*zoom: 1; /* IE7- */ } .colored-type-blocks { display : inline-block; width : 200px; height: 130px; margin: 0 0 40px; background: #E76D13; vertical-align: top; text-align: center; /*display: inline; /* IE7- */ /*zoom: 1; /* IE7- */ cursor: pointer; } .colored-type-blocks > a { text-decoration: none; } .colored-type-blocks > div { } .green-colored-block { background-color: #e8eaf7; margin-left: 0; border: 2px solid #a4a4a4; border-radius: 0px; } .green-colored-block:hover { border: 2px solid #0b60c8; background-color: #fff; } .blue-colored-block { background-color: #fff; border: 2px solid #0b60c8; border-radius: 20px; } .blue-colored-block:hover { background-color: #c8ffe9; } .yellow-colored-block { background-color: #fff2ae; border: 2px solid #b2c2fc; border-radius: 20px; } .yellow-colored-block:hover { background-color: #d9f1ff; } .purple-colored-block { background-color: #ffc3c3; border: 2px solid #b2c2fc; border-radius: 30px; } .purple-colored-block:hover { background-color: #ffbea4 } .brown-colored-block { background-color: #008bd0ff; margin-right: 0; opacity: 0.8; } .brown-colored-block:hover { opacity: 1; } .block-icon { width: 100px; height: 100px; display: block; margin: 0 auto; background-image: url("/local/markup/images/icons_types.svg"); background-repeat: no-repeat; } .block-icon1 { background-position: -375px -115px; } .block-icon2 { background-position: 10px -115px; } .block-icon3 { background-position: -494px -121px; } .block-icon4 { background-position: 7px -247px; } .block-icon5 { background-position: -508px -500px; } .index-slider-item { position: relative; } .index-slider-item-crossline { -webkit-clip-path: polygon(0 0, 80% 0%, 58% 100%, 0% 100%); clip-path: polygon(0 0, 80% 0%, 58% 100%, 0% 100%); } .index-slider-item-text { } .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical; -moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto} .swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative} .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} /* end mainpage */ /* features-blocks */ .features-blocks { width: 100%; } .features-blocks__wrap { display: flex; flex-wrap: wrap; margin: -10px; } .features-blocks__col { padding-left: 10px; padding-right: 10px; margin-top: 10px; margin-bottom: 10px; } .features-blocks__col--medium { width: 50%; } .features-blocks__item { display: flex; flex-direction: column; justify-content: space-between; height: 346px; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; padding-top: 55px; padding-bottom: 40px; color: inherit; position: relative; overflow: hidden; } .features-blocks__item:hover, .features-blocks__item:active, .features-blocks__item:focus { color: inherit; } .features-blocks__item.blackout { color: #fff; } .features-blocks__item.blackout:hover, .features-blocks__item.blackout:active, .features-blocks__item.blackout:focus { color: #fff; } .features-blocks__item--right { padding-left: 50%; } .features-blocks__col--small { width: 33.3333%; } .features-blocks__col--large { width: 66.6666%; } .features-blocks__image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; transition: all 1s ease-out; } .features-blocks__item:hover .features-blocks__image { transform: scale(1.1); } .features-blocks__pic { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .features-blocks__caption { display: inline-block; position: relative; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 0; margin: 0; } .features-blocks__caption:before, .features-blocks__caption:after { display: block; position: absolute; content: ""; top: 8px; width: 30px; height: 2px; background: #333; } .blackout .features-blocks__caption:before, .blackout .features-blocks__caption:after { background: #fff; } .features-blocks__caption:before { left: -48px; right: auto; } .features-blocks__caption:after { right: -48px; left: auto; } .features-blocks__title { font-size: 32px; font-weight: 700; text-align: center; text-transform: uppercase; max-width: 300px; margin: 20px auto 0; } .features-blocks__descr { max-width: 300px; margin: 15px auto 0; font-size: 18px; line-height: 23px; max-height: 69px;/*23 * 3 строки */ overflow: hidden; } .features-blocks__action { margin-top: 25px; } /* brands */ .brands { position: relative; padding-top: 65px; padding-bottom: 60px; background-color: #f3f6f7; } .brands__title { text-transform: uppercase; margin: 0; margin-bottom: 35px; } .brands__grid { display: flex; flex-wrap: wrap; margin: -10px; } .brands__col { width: 20%; padding: 10px; } .brands__item { height: 180px; background-color: #fff; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; } .brands__pic { display: block; filter: grayscale(100%); opacity: .4; transition: opacity .2s; margin: 0 auto; } .brands__item:hover .brands__pic { filter: initial; opacity: 1; margin: 0 auto; } .brands__name { font-size: 20px; font-weight: 700; color: #333; text-align: center; margin-top: 20px; } .brands__caption { font-size: 14px; color: #9b9b9b; text-align: center; margin-top: 20px; } .brands__note { font-size: 12px; color: rgba(0, 0, 0, 0.4); margin-top: 50px; } /* brands-slider-small */ .brands-slider-small { margin-top: 55px; margin-bottom: 55px; } .brands-slider-small__slider-small:not(.swiper-container-horizontal) { opacity: 0; height: 80px; } .brands-slider-small__slider-small { overflow: hidden; position: relative; padding: 0 20px; } .brands-slider-small__pic-small { width: 100%; display: block; } .brands-slider-small__prev { justify-content: flex-start; cursor: pointer; } .brands-slider-small__next { justify-content: flex-end; cursor: pointer; } .brands-slider-small__title { margin-top: 0; margin-bottom: 40px; } .brands-slider-small__slider-small > .brands-slider-small__pagination { display: none; } @media (max-width: 849px) { .brands-slider-small__slider-small { padding: 0 0 30px; } .brands-slider-small__title { margin-bottom: 30px; } .brands-slider-small__slider-small > .brands-slider-small__pagination { display: inline-block; position: absolute; top: auto; bottom: 0; } .brands-slider-small__slider-item-small { display: flex; flex-wrap: wrap; width: 100%; padding: 5px; } .brands-slider-small__pic-small { width: 50%; flex: 0 0 auto; } .brands-slider-small__slider-small > .brands-slider-small__pagination { margin-top: auto; margin-bottom: 0; } } /* clients-slider */ .clients-slider { position: relative; } .clients-slider:before, .clients-slider:after { position: absolute; content: ''; top: 0; bottom: 0; z-index: 1; background-color: #fff; height: 100%; width: 1px; } .clients-slider:before { left: 0; } .clients-slider:before { right: 0; } .clients-slider__author { font-size: 14px; font-weight: 700; color: #333; } .clients-slider__review { opacity: 0.6; font-size: 12px; line-height: 1.58; color: #000000; margin-top: 20px; } .clients-slider__swiper-wrapper { } .clients-slider__swiper-slide { } .clients-slider__caption { display: block; font-size: 12px; color: #333; margin-top: 20px; } .clients-slider__swiper-slide-content { display: flex; padding-left: 80px; padding-right: 80px; border-left: 1px solid #d8d8d8; } .clients-slider__swiper-slide-left { width: 170px; flex: 0 0 auto; } .clients-slider__logo { max-width: 100%; width: 100%; filter: grayscale(100%); } /* promo-features */ .promo-features { padding-top: 40px; padding-bottom: 40px; background-color: #e9ebef; } .promo-features__grid { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); } .promo-features__col { width: 20%; padding-left: 15px; padding-right: 15px; } .promo-features__item { text-align: center; } .promo-features__ico { display: flex; justify-content: center; height: 50px; } .promo-features__pic { height: 100%; } .promo-features__title { font-size: 12px; font-weight: 700; color: #333; text-transform: uppercase; margin-top: 10px; } .promo-features__caption { font-size: 12px; color: #9b9b9b; margin-top: 5px; margin-bottom: 0; } /* block-separator */ .block-separator { display: block; background-color: #e9ebef; height: 1px; margin: 0; } /* search-form-footer */ .search-form-footer { position: relative; } .search-form-footer__input-wrap { display: block; position: relative; } .search-form-footer__input-wrap-inner { display: block; position: relative; height: 33px; } .search-form-footer__input-error { margin-bottom: 10px; } .search-form-footer__input { display: block; width: 100%; height: 33px; border: 1px solid #8d8d8d; padding-left: 40px; padding-right: 40px; outline: none; transition: border .2s; } input.search-form-footer__input::-moz-placeholder, input.search-form-footer__input:-moz-placeholder, input.search-form-footer__input:-ms-input-placeholder { color: #9b9b9b; font-size: 12px; } input.search-form-footer__input::-webkit-input-placeholder { color: #9b9b9b; font-size: 12px; } /*input.search-form-footer__input::-webkit-input-placeholder,*/ /*input.search-form-footer__input::-moz-placeholder,*/ /*input.search-form-footer__input:-moz-placeholder,*/ /*input.search-form-footer__input:-ms-input-placeholder {*/ /* color: green !important;*/ /* font-size: 12px;*/ /*}*/ .search-form-footer__input:focus { border: 1px solid #333; } .search-form-footer__input-icon { position: absolute; top: 9px; left: 10px; width: 16px; height: 14px; color: #9B9B9B; } .search-form-footer__submit { position: absolute; top: 0; right: 0; height: 33px; border: 0; background: none; color: #333; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 6px 10px; cursor: pointer; transition: color .2s; } .search-form-footer__submit:hover, .search-form-footer__submit:focus, .search-form-footer__submit:active { color: #1E0AAA; outline: none; } .search-form-footer__message { font-size: 12px; line-height: 1.5; color: #9b9b9b; margin-top: 10px; } .hamburger { display: none; width: 52px; height: 80px; align-items: center; justify-content: center; cursor: pointer; margin-right: 15px; margin-left: -15px; } .hamburger__ico { width: 18px; height: 2px; background-color: #1E0AAA; position: relative; transition: background-color .2s; } .hamburger__ico:before, .hamburger__ico:after { content: ''; position: absolute; left: 0; height: 2px; background-color: #1E0AAA; transition: background-color .2s; } .hamburger__ico:before { top: -7px; width: 18px; } .hamburger__ico:after { bottom: -7px; width: 10px; } .hamburger:hover .hamburger__ico, .hamburger:hover .hamburger__ico:after, .hamburger:hover .hamburger__ico:before { background-color: #1E0AAA; } .header-bottom-menu { background-color: #fff; } .header-bottom-menu__wrap { position: sticky; top: 0; z-index: 3; width: 100%; } .header-bottom-menu__wrap:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 100%; transform: translateX(-50%); border-bottom: 1px solid #e6e6e6; z-index: 0; } .header-bottom-menu__info { display: none; } .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; background-color: #403b3b; opacity: 0; z-index: -1; pointer-events: none; transition: background-color 1s, opacity 1s; } .overlay.open { visibility: visible; opacity: .6; z-index: 3; pointer-events: all; } .overlay--alt { left: -15px; right: -15px; } .overlay--alt.open { z-index: 1; } .mob-menu-links { display: none; } /* catalog-header */ .catalog-header { position: relative; padding: 40px; background-size: cover; background-position: center; background-color: gray; } .catalog-header:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 0; } .catalog-header__content { position: relative; z-index: 1; text-align: center; } .catalog-header__content.blackout { color: #fff; } .catalog-header__heading { display: inline-block; position: relative; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 0; margin: 0; } .catalog-header__heading:before, .catalog-header__heading:after { display: block; position: absolute; content: ""; top: 8px; width: 30px; height: 2px; background: #333; } .blackout .catalog-header__heading:before, .blackout .catalog-header__heading:after { background: #fff; } .catalog-header__heading:before { left: -48px; right: auto; } .catalog-header__heading:after { right: -48px; left: auto; } .catalog-header__title { font-size: 32px; font-weight: 700; text-transform: unset; margin-top: 18px; margin-bottom: 0; padding: 0; } .blackout .catalog-header__title { color: #fff; } .catalog-header__caption { font-size: 18px; padding: 0; margin: 15px 0 0; } /* filter-search */ .filter-search { display: block; width: 210px; position: relative; background-color: transparent; margin-top: 25px; } .filter-search-message { display: none; margin-top: 10px; font-size: 14px; color: #8b8d92; padding: 0 10px; } .filter-search-message.shown { display: block; } .filter-search__btn-icon { position: absolute; bottom: 12px; left: 10px; width: 14px; height: 14px; flex: 0 0 auto; color: #1E0AAA; } .filter-search__input { margin-left: 10px; padding-left: 24px; font-size: 16px; border: 0; outline: none; border-bottom: 1px solid #a9a9a9; padding-bottom: 8px; width: 100%; transition: border-bottom .2s; background-color: transparent; } .filter-search__input:hover { border-bottom: 1px solid #737373; } .filter-search__input:focus { border-bottom: 1px solid #1E0AAA; } /* check-list */ .check-list { display: block; padding: 0; margin-top: 10px; margin-bottom: 10px; list-style: none; transition: height .3s; overflow: hidden; } /*.check-list.collapsed { max-height: 180px; }*/ .check-list-btn { display: none; margin-top: -15px; margin-left: 10px; margin-bottom: 5px; padding: 15px 0; cursor: pointer; font-size: 12px; color: #1E0AAA; border: none; background: none; text-transform: uppercase; transition: color .2s; outline: none; } .check-list-btn.shown { display: inline-block; } .check-list-btn:hover { color: #D0021B; } .check-list-btn__show { display: none; } .check-list-btn__hide { display: block } .check-list.collapsed + .check-list-btn .check-list-btn__show { display: block; } .check-list.collapsed + .check-list-btn .check-list-btn__hide { display: none; } .check-list__item { display: block; width: 100%; } .check-list__item-value { vertical-align: middle; } /* sort-links */ .sort-links { } .sort-links__list { display: flex; margin: 0; padding: 0; list-style: none; overflow: hidden; flex-wrap: wrap; } .sort-links__item { border: 1px solid #f4f4f4; } .sort-links__item:first-child { /* border-top-left-radius: 13px; border-bottom-left-radius: 13px;*/ overflow: hidden; } .sort-links__item:last-child { /* border-top-right-radius: 13px; border-bottom-right-radius: 13px;*/ overflow: hidden; } .sort-links__link { display: inline-block; font-size: 14px; color: #5f6062; padding: 4px 15px; background-color: #f4f4f4; text-transform: lowercase; } .sort-links__item:hover a { color: #1E0AAA; } .sort-links__item.active .sort-links__link { color: #1E0AAA; background-color: #fff; } /* product-status */ .product-status { display: inline-flex; align-items: center; flex: 0 0 auto; } .product-status--circled { padding: 4px 15px 4px 4px; border-radius: 13px; border: 1px solid #d8d8d8; margin-right: 10px; } .product-status__icon { width: 16px; height: 16px; background-color: #8d8d8d; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; } .product-status__icon--available, .product-status__icon.available { background-color: #55ddaa; } .product-status__icon--no-available, .product-status__icon.no-available { background-color: #f5a623; } .product-status__icon-svg { width: 7px; height: 7px; } .product-status__text { font-size: 14px; color: #333333; margin-left: 5px; } .product-status__text-visual { display: none; } .product-status__text-visual-alt { display: inline; } .product-status__text.available .product-status__text-visual { display: inline; } .product-status__text.available .product-status__text-visual-alt { display: none; } .product-status__text--lowercase { text-transform: lowercase; } /* price-from-to */ .price-from-to { display: flex; align-items: center; } .price-from-to__field { position: relative; } .price-from-to__label { display: inline-block; } .price-from-to__input { font-size: 16px; color: #333333; width: 85px; margin-right: 10px; height: 35px; padding-left: 30px; border: solid 1px #e6e6e6; transition: border .2s; outline: none; } .price-from-to__input:hover { border: 1px solid #737373; } .price-from-to__input:focus { border: 1px solid #1E0AAA; } .price-from-to__input-note { font-size: 16px; color: #9b9b9b; position: absolute; bottom: 8px; left: 8px; z-index: 1; pointer-events: none; } .price-from-to__currency { font-size: 16px; color: #333333; text-transform: uppercase; } /* filter-btn */ .filter-btn { position: sticky; bottom: 0; left: 0; display: flex; width: 100%; align-items: center; justify-content: space-between; height: 65px; background-color: #1E0AAA; color: #fff; margin-right: 20px; overflow: hidden; } .ie .filter-btn { position: relative; bottom: auto; } .filter-btn--mob { display: none; } .filter-btn__text { flex: 1 1 auto; align-items: center; font-size: 14px; font-weight: 700; padding-left: 10px; display: none; } .filter-btn__text--covered { position: relative; height: 100%; align-items: center; justify-content: space-between; color: #fff; } .filter-btn__text--covered:hover { color: #fff; } .filter-btn__text.active { color: #D0021B; } .filter-btn__text.shown { display: block; } .filter-btn__text--covered.shown { display: flex; } .filter-btn__text--hidden { display: none; } .filter-btn__numb { font-size: 18px; color: #fff; } .filter-btn__btn { flex: 0 0 auto; width: 45px; height: 45px; display: none; justify-content: center; align-items: center; border: 0; background-color: transparent; outline: none; padding: 0; margin: 0; } .filter-btn__btn.shown { display: flex; cursor: pointer; } .filter-btn__btn--dark { color: #4a4a4a; } .filter-btn__btn--hidden { display: none; } .filter-btn__btn--colored { transition: color .2s; } .filter-btn__btn--colored:hover, .filter-btn__btn--colored:focus, .filter-btn__btn--colored:active { color: #1E0AAA; } .filter-btn__icon { display: block; width: 22px; height: 22px; cursor: pointer; } .filter-btn__icon-svg { width: 22px; height: 22px; color: #fff; } .filter-btn__reset-filter { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; transform: translateX(100%); background-color: #fff; box-shadow: 0 0 0 2px #1E0AAA inset; color: #1E0AAA; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; text-transform: uppercase; transition: transform .5s; border: 0; padding: 0; margin: 0; cursor: pointer; outline: none; transition: all .20s; } a.filter-btn__reset-filter:hover, a.filter-btn__reset-filter:active, a.filter-btn__reset-filter:focus { background-color: #fff; color: #D0021B; box-shadow: 0 0 0 2px #D0021B inset; } .filter-btn__reset-filter.open { transform: translateX(0%); } /* popular-item*/ .popular-item { } .popular-item__link { text-align: center; } .popular-item__image { width: 100%; } .popular-item__pic { display: block; width: 100%; margin: 0 auto; height: 126px; object-fit: cover; font-family: 'object-fit: cover;'; } .popular-item__caption { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #333; margin-top: 20px; transition: color .2s; } .popular-item__link:hover .popular-item__caption { color: #1E0AAA; } .popular-item__link:active .popular-item__caption, .popular-item__link:focus .popular-item__caption { color: #D0021B; } /* PRELOADER */ .loader-cover { background: rgba(255, 255, 255, .8); position: relative; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 100%; height: 100px; pointer-events: none; } .loader-cover__spinner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(.7); z-index: 1; display: flex; justify-content: center; clear: both; } .loader-cover__spinner-icon { width: 100px; height: 100px; animation: rotator 1.4s linear infinite; font-size: 0; } .loader-cover__spinner-icon--for-field { width: 50px; height: 50px; } .loader-cover__spinner-icon--inner { width: 80px; height: 80px; animation: rotator2 1s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } @keyframes rotator2 { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } @keyframes dash { 0% { stroke-dashoffset: 276px; } 50% { stroke-dashoffset: 69px; transform: rotate(135deg); } 100% { stroke-dashoffset: 276px; transform: rotate(450deg); } } @keyframes dash2 { 0% { stroke-dashoffset: 97.34px; } 50% { stroke-dashoffset: 25px; transform: rotate(135deg); } 100% { stroke-dashoffset: 97.34px; transform: rotate(450deg); } } @keyframes dash3 { 0% { stroke-dashoffset: 185px; } 50% { stroke-dashoffset: 46.25px; transform: rotate(135deg); } 100% { stroke-dashoffset: 185px; transform: rotate(450deg); } } .loader-cover__spinner-circle { fill: transparent; stroke: #000; stroke-width: 3px; stroke-dasharray: 276px; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.4s ease-in-out infinite; } .loader-cover__spinner-circle--for-field { stroke-dasharray: 185px; animation: dash3 1.4s ease-in-out infinite; } .loader-cover__spinner-circle--inner { stroke-dasharray: 97.34px; stroke: $color-primary; animation: dash2 1s ease-in-out infinite; } .loader-cover__spinner-circle-back { fill: transparent; stroke: transparent; stroke-width: 3px; transform-origin: center; } /* cart-item */ .cart-item__preloader { opacity: 0; transition: opacity .5s; } .cart-item__preloader.shown { opacity: 1; } .cart-item__link-to-descr { display: block; margin: 20px auto 0; color: #1E0AAA; font-size: 14px; font-weight: 700; text-transform: uppercase; cursor: pointer; } .cart-item__gallery { position: sticky; top: 76px !important; z-index: 1; } .cart-item__main { display: flex; } .cart-item__left { width: 390px; margin-right: 30px; flex: 0 0 auto; position: relative; z-index: 2; } .cart-item__right { flex: 1 1 auto; text-align: center; } .cart-item__slider-top { width: 100%; height: 390px; margin-left: auto; margin-right: auto; position: relative; } .cart-item__slide { height: 390px; } .cart-item__slide-img { width: 100%; height: 390px; object-fit: cover; font-family: 'object-fit: cover;'; cursor: zoom-in; } .zoom-active .cart-item__slide-img { cursor: zoom-out; } .cart-item__slider-top { height: 390px; width: 100%; position: relative; } .cart-item__slider-thumbs { /* height: 90px;*/ box-sizing: border-box; border-bottom: 1px solid rgba(216,216,216, .3); } .cart-item__slide-thumb { height: 70px; position: relative; border: 0; margin-top: 20px; margin-bottom: 20px; } .cart-item__slide-thumb:only-child { display: none; } .cart-item__slide-thumb:after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; border: solid 3px transparent; transition: border .2s; } .cart-item__slide-thumb-img { object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 70px; } .cart-item__slider-thumbs .cart-item__slide-thumb.swiper-slide-thumb-active:after { border: solid 3px #1E0AAA; } .cart-item__slider-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; width: 80px; height: 80px; cursor: pointer; outline: none; display: flex; justify-content: center; align-items: center; } .cart-item__slider-arrow.swiper-button-disabled { cursor: default; } .cart-item__slider-arrow--prev { left: 0; } .cart-item__slider-arrow--next { right: 0; } .cart-item__slider-arrow-wrap { width: 44px; height: 44px; border-radius: 50%; background-color: #333; display: flex; align-items: center; justify-content: center; color: #fff; } .cart-item__slider-arrow-svg { width: 17px; height: 17px; flex: 0 0 auto; } .cart-item__link-back { display: flex; align-items: center; justify-content: center; color: #1E0AAA; font-size: 14px; font-weight: 700; text-transform: uppercase; text-align: center; } .cart-item__link-back-svg { width: 21px; height: 8px; } .cart-item__link-back-text { display: inline-block; margin-left: 5px; } .cart-item__title { font-size: 30px; font-weight: 700; color: #333; text-align: center; margin-top: 15px; padding-left: 20px; padding-right: 20px; } .cart-item__title--mob { margin-bottom: 20px; } .cart-item__message { display: inline-block; text-align: center; padding: 4px 30px 4px; margin: 20px auto 0; border-radius: 13px; border: solid 1px #d8d8d8; font-size: 14px; color: #8b8d92; } .cart-item__message-link { font-weight: 700; } .cart-item__price { color: #333; font-size: 24px; font-weight: 700; margin-top: 20px; position: relative; } .cart-item__price-nds { font-size: 16px; color: #333333; text-align: center; font-weight: normal; } .cart-item__price-old-main { font-size: 14px; color: #9b9b9b; position: absolute; display: inline-block; font-weight: 400; top: -16px; left: 50%; transform: translateX(-50%); } .cart-item__price-old-main:after { position: absolute; content: ''; top: 50%; left: 0; width: 100%; border-top: 1px solid #D0021B; } .cart-item__panel-header { display: flex; align-items: center; justify-content: space-between; } .cart-item__download-link { display: flex; align-items: center; font-size: 14px; font-weight: 700; color: #1E0AAA; text-transform: uppercase; margin-right: 15px; } .cart-item__download-link-svg { flex: 0 0 auto; width: 20px; height: 19px; } .cart-item__download-2-link-svg { flex: 0 0 auto; width: 18px; height: 21px; } .cart-item__download-link-text { display: block; margin-left: 10px; text-align: left; } .cart-item__panel-wrap { margin-top: 45px; } .cart-item__search-label { display: block; width: 215px; position: relative; background-color: transparent; margin-left: 15px; } .cart-item__search-icon { position: absolute; width: 14px; height: 14px; flex: 0 0 auto; color: #D0021B; left: 12px; top: 10px; } .cart-item__search-input { padding: 8px 8px 8px 35px; font-size: 16px; outline: none; border: none; width: 100%; transition: border-bottom .2s; background-color: #f3f6f7; } .cart-item__panel { border: 1px solid #d8d8d8; margin-top: 20px; } .cart-item__panel-section { padding: 20px; } .cart-item__panel-section:not(:first-child) { border-top: 1px solid #d8d8d8; } .cart-item__panel-title { display: inline-flex; align-items: center; margin-top: 8px; } .cart-item__panel-title-icon { width: 16px; height: 16px; background-color: #8d8d8d; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; } .cart-item__panel-title-icon--available { background-color: #55ddaa; } .cart-item__panel-title-icon--no-available { background-color: #f5a623; } .cart-item__panel-title-svg { width: 7px; height: 7px; } .cart-item__panel-title-text { display: inline-block; font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; margin-left: 10px; } .cart-item__panel-title-strong { color: #D0021B; } .cart-item__panel-items { display: flex; flex-wrap: wrap; } .cart-item__panel-items-grid { display: flex; flex-wrap: wrap; justify-content: center; margin-left: -7px; margin-right: -7px; width: calc(100% + 14px); } .cart-item__panel-item { flex: 0 0 70px; margin-top: 20px; cursor: pointer; position: relative; padding-left: 7px; padding-right: 7px; } .cart-item__panel-item.in-basket { } .cart-item__panel-item.deleted-from-list { display: none; } .cart-item__panel-radio { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; margin: 0; } .cart-item__panel-item--disabled { cursor: not-allowed; } .cart-item__discont-icon { width: 20px; height: 20px; position: absolute; top: 4px; right: 4px; z-index: 1; } .cart-item__added-discont-icon { display: none; width: 20px; height: 20px; position: absolute; top: 4px; right: -2px; z-index: 1; } .cart-item__added-discont-icon.shown { display: block; } .cart-item__panel-item-bg { display: block; width: 60px; height: 60px; object-fit: cover; font-family: 'object-fit: cover;'; margin: 0 auto; border-radius: 50%; box-shadow: 0 0 0 0.5px #686868; } .cart-item__panel-item-visual { position: absolute; width: 68px; height: 68px; border-radius: 50%; top: -4px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; opacity: 0; transition: opacity .2s, background-color .2s; z-index: 0; } .cart-item__added-visual { position: absolute; width: 60px; height: 60px; border-radius: 50%; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 1; box-shadow: 0 0 0 0.5px #686868; } .cart-item__added-visual-svg { width: 18px; height: 13.5px; color: #fff; } .cart-item__added-cart-svg { width: 30px; height: 29px; } .cart-item__panel-item-visual:after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 4px solid transparent; transition: border .2s; } .cart-item__added-image .cart-item__panel-item-visual, .cart-item__panel-item.in-basket .cart-item__panel-item-visual, .cart-item__panel-item.checked .cart-item__panel-item-visual { opacity: 1; background-color: rgba(0,0,0, .2); } .cart-item__panel-item.in-basket .cart-item__panel-item-visual:after, .cart-item__panel-item.checked .cart-item__panel-item-visual:after { border: 4px solid #1E0AAA; } .cart-item__panel-item.in-basket .cart-item__panel-item-visual:after { border: 4px solid #55DDAA; } .cart-item__panel-item-visual-svg { display: none; width: 30px; height: 29px; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } .cart-item__panel-item.in-basket .cart-item__panel-item-visual-svg { display: block; } .cart-item__panel-item-text { display: block; font-size: 14px; color: #333; margin-top: 10px; } .cart-item__video-widget { position: absolute; bottom: 0; right: 0; z-index: 2; display: flex; align-items: center; height: 42px; background-color: rgba(255, 255, 255, 0.6); padding: 0 20px; transition: background-color .2s; } .cart-item__video-widget:hover { background-color: rgba(255, 255, 255, 1); } .cart-item__video-widget-svg { margin-right: 10px; width: 26px; height: 26px; } .cart-item__video-widget-text { font-size: 12px; font-weight: 700; color: #4a4a4a; text-transform: uppercase; } .cart-item__nothing-to-show { display: none; margin-top: 20px; font-size: 14px; color: #8b8d92; text-align: center; } .cart-item__nothing-to-show.shown { display: block; } .cart-item__added { margin-top: 30px; } .cart-item__added-header { display: none; padding: 14px 30px; color: #333; font-size: 14px; font-weight: 700; text-align: left; background-color: #f4f4f4; } .cart-item__added-header.shown { display: block; } .cart-item__added-item { display: flex; padding: 25px 20px; } .cart-item__added-item:not(:first-child):not(.cart-item__added-item--selected) { border-top: 1px dashed #c4c4c8; } .cart-item__added-item--selected { height: 0; overflow: hidden; padding: 0; background-color: #f3f6f7; border-top: 1px dashed #d7d7db; } .cart-item__added-item--selected.shown { height: auto; overflow: visible; padding: 25px 20px; border-top: none; } .cart-item__added-image-wrap { flex: 0 0 auto; width: 60px; margin-right: 20px; position: relative; } .cart-item__added-image { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; position: relative; } .cart-item__added-pic { width: 60px; height: 60px; } .cart-item__added-title { display: flex; justify-content: space-between; text-align: left; } .cart-item__added-title-text { font-size: 16px; font-weight: 700; color: #333333; } .cart-item__added-cross-btn { flex: 0 0 auto; border: none; padding: 0; background: none; width: 25px; height: 25px; cursor: pointer; color: #cccccc; transition: color .2s; display: flex; justify-content: center; align-items: center; margin: -8px -8px 0 0; outline: none; } .cart-item__added-cross-btn:hover { color: #1E0AAA; } .cart-item__added-cross-svg { width: 18px; height: 18px; } .cart-item__added-main { margin-top: 10px; border-top: 1px solid #d7d7db; padding-top: 10px; text-align: left; display: flex; justify-content: space-between; align-items: flex-start; } .cart-item__added-main-left { display: flex; align-items: center; } .cart-item__articul-number:not(:empty) { margin-right: 10px; } .cart-item__articul-number--centered:not(:empty) { text-align: center; margin: 10px 0 0; } .cart-item__articul-number--circled:not(:empty) { display: inline-flex; text-align: center; padding: 4px 15px 4px; border-radius: 13px; border: solid 1px #d8d8d8; font-size: 14px; color: #333; } .cart-item__product-status { margin-top: 0; } .cart-item__added-main-right { display: flex; flex: 0 0 auto; } .cart-item__added-item-old-price { align-self: flex-start; font-size: 14px; color: #9b9b9b; display: inline-block; font-weight: 400; margin-right: 10px; position: relative; margin-top: 5px; } .cart-item__added-item-old-price:after { position: absolute; content: ''; top: 50%; left: 0; width: 100%; border-top: 1px solid #D0021B; } .cart-item__added-item-price { margin-right: 25px; margin-top: 5px; } .cart-item__added-item-price-text { font-size: 18px; color: #333; font-weight: 700; text-align: center; } .cart-item__added-item-price-descr { font-size: 14px; text-align: center; } .cart-item__added-price { font-size: 18px; font-weight: 700; color: #333; margin-top: 10px; margin-right: 20px; margin-left: 25px; } .cart-item__added-price--alt { margin-top: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; } .cart-item__added-price__nds { font-size: 14px; color: #333333; text-align: center; font-weight: normal; } .cart-item__added-cart-icon { margin-top: 3px; } /* selected-item */ .selected-item { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: -2; opacity: 0; background-color: #fff; border-top: 4px solid #f4f4f4; } .selected-item.shown.active { z-index: 100; opacity: 1; } .selected-item__cont { display: flex; justify-content: space-between; padding-top: 10px; padding-bottom: 45px; } .selected-item__close-btn { display: none; position: absolute; top: -40px; width: 40px; height: 40px; right: 0; z-index: 1; background-color: #f4f4f4; justify-content: center; align-items: center; border: 0; color: #333; cursor: pointer; outline: none; } .selected-item__close-btn-svg { width: 18px; height: 18px; } .selected-item__left { display: flex; position: relative; } .selected-item__discont-icon { width: 20px; height: 20px; position: absolute; top: 4px; left: 42px; z-index: 1; display: none; } .selected-item__discont-icon.shown { display: block; } .selected-item__right { display: flex; justify-content: flex-end; flex: 0 0 auto; align-items: center; } .selected-item__image { width: 60px; height: 60px; object-fit: cover; font-family: 'object-fit: cover;'; border-radius: 50%; flex: 0 0 auto; box-shadow: 0 0 0 0.5px #686868; } .selected-item__info { margin-left: 20px; } .selected-item__name { font-size: 18px; font-weight: 700; line-height: 1.5; margin-right: 30px; text-align: left; } .selected-item__product-status { margin-top: 0; } .selected-item__action { flex: 0 0 auto; } .selected-item__price-wrap { margin-top: 3px; margin-left: 20px; margin-right: 20px; text-align: center; flex: 0 0 auto; } .selected-item__price-old:not(:empty) { align-self: flex-start; font-size: 14px; color: #9b9b9b; display: inline-block; font-weight: 400; position: relative; margin-top: 16px; } .selected-item__price-old:not(:empty):after { position: absolute; content: ''; top: 50%; left: 0; width: 100%; border-top: 1px solid #D0021B; } .selected-item__price { color: #333; font-size: 18px; font-weight: 700; line-height: 21px; } .selected-item__price-descr { font-size: 14px; } .selected-item__btn-cart { border-radius: 4px; padding: 5px 18px; height: 45px; flex: 0 0 auto; display: flex; align-items: center; } .selected-item__status { display: flex; align-items: flex-start; margin-top: 3px; } .selected-item__status-message { display: inline-flex; text-align: center; padding: 4px 30px 4px; border-radius: 13px; border: solid 1px #d8d8d8; font-size: 14px; color: #8b8d92; } .cart-item__added-info { flex: 1 1 auto; } .cart-item__added-btn-cart { border-radius: 4px; padding: 5px 18px; height: 45px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; } .cart-item__added-btn-cart-text { display: inline-block; font-weight: 400; font-size: 16px; margin-left: 10px; } /* .count-box */ .count-box { display: inline-block; } .count-box:hover .count-box__input { border: 1px solid #737373; } .count-box__cont { display: flex; height: 40px; position: relative; } .count-box__minus, .count-box__plus { display: block; background-color: #fff; width: 30px; border: none; padding: 0; cursor: pointer; font-size: 16px; color: #333; font-weight: 700; transition: color .2s; outline: none; position: absolute; top: 1px; z-index: 1; height: 38px; } .count-box__minus { left: 1px; } .count-box__plus { right: 1px; } .count-box__input { background-color: #fff; width: 102px; font-size: 16px; color: #333; text-align: center; position: relative; height: 40px; outline: none; padding-left: 30px; padding-right: 30px; border: 1px solid #d8d8d8; transition: border .2s; } .count-box .count-box__input:hover { border: 1px solid #737373; } .count-box .count-box__input:focus { border: 1px solid #1E0AAA; } .count-box__minus:hover, .count-box__plus:hover { background-color: #fff; color: #1E0AAA; } /* end .count-box */ .cart-item__panel-footer { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; padding-bottom: 20px; border-top: 1px dashed #d7d7db; border-bottom: 1px dashed #d7d7db; } .cart-item__delivery { display: flex; align-items: center; text-align: left; } .cart-item__delivery-svg { flex: 0 0 auto; width: 35px; height: 16px; margin-right: 10px; } .cart-item__delivery-text { color: #333; font-size: 12px; font-weight: 700; } .cart-item__panel-footer-right { display: flex; margin-left: 15px; } .cart-item__panel-footer-caption { color: #333; font-size: 12px; flex: 0 0 auto; } .cart-item__panel-footer-link { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #1E0AAA; margin-left: 15px; margin-right: 15px; } .cart-item__added-item-price-text { font-size: 16px; color: #333; font-weight: 700; } .cart-item__added-item-price-descr { font-size: 14px; color: #333333; } .section-descr { padding: 50px 115px 50px; background-color: #f3f6f7; margin-top: 50px; } .section__title { font-size: 18px; font-weight: 700; color: #333; text-transform: uppercase; } .section__cont { font-size: 16px; line-height: 1.5; color: #333; margin-top: 25px; } .section__cont-wrap.not-initialized { display: none; } .section-descr__cont { overflow: hidden; margin-top: 20px; } .section-descr__cont .text-guide { margin-top: 0; } .section-descr__cont .text-guide > p:last-child, .section-descr__cont .text-guide > ul:last-child, .section-descr__cont .text-guide > ol:last-child { margin-bottom: 0; } .section-descr__cont ul { margin-top: 25px; } .section-descr__cont ol { margin-top: 25px; margin-left: 1px; } .section-descr__cont.collapsed { max-height: 76px; } .section-descr__table { margin-top: 25px; } .section-descr__table-row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .section-descr__table-item { display: flex; flex-wrap: wrap; padding: 11px 0; border-bottom: 1px dashed #d7d7db; } .section-descr__table-col { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; flex: 0 0 50%; } .section-descr__table-col:first-child .section-descr__table-item, .section-descr__table-col:nth-child(2) .section-descr__table-item { border-top: 1px dashed #d7d7db; } .section-descr__name, .section-descr__descr { flex-basis: 0; flex-grow: 1; max-width: 100%; min-height: 1px; } .section-descr__name { padding-right: 15px; } .section-descr__name { font-size: 16px; font-weight: 700; color: #333; } .section-descr__descr { font-size: 16px; line-height: 1.2; color: #333; } .section-descr__note { font-size: 14px; line-height: 1.2; margin-top: 40px; display: flex; } .section-descr__note-svg { width: 17px; height: 17px; margin-right: 10px; flex: 0 0 auto; margin-top: -2px; } .section-descr__btn-more { margin-top: 20px; } .section-descr__btn-more-text { display: block; } .section-descr__btn-more-text-alt { display: none; } .section-descr__btn-more.open .section-descr__btn-more-text { display: none; } .section-descr__btn-more.open .section-descr__btn-more-text-alt { display: block; } /* shop-cart */ .shop-cart { margin-bottom: 74px; } .shop-cart__message-icon { width: 56px; height: 38px; margin-top: 35px; } .shop-cart__message-title { font-size: 18px; font-weight: 700; color: #333; text-align: center; margin-top: 15px; } .shop-cart__message-text { font-size: 16px; line-height: 1.5; text-align: center; margin-top: 30px; } .shop-cart__message-btn { margin-top: 35px; } .shop-cart__table-header { display: flex; justify-content: space-between; padding-top: 14px; padding-bottom: 14px; font-size: 12px; color: #9b9b9b; text-transform: uppercase; border-bottom: 1px dashed #d7d7db; } .shop-cart__table-header-left { display: flex; padding-left: 15px; padding-right: 30px; } .shop-cart__table-header-right { display: flex; } .shop-cart__table-header-col { flex: 0 0 auto; min-width: 130px; } .shop-cart__table-header-custom-col { min-width:340px; } .centered { text-align: center; } .shop-cart__table-header-col--wide { min-width: 160px; } .shop-cart__table-header-col--empty { min-width: 25px; } /* shop-cart-item */ .shop-cart-item { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 34px; padding-bottom: 34px; border-bottom: 1px dashed #d7d7db; } .shop-cart-item.no-border { border-bottom: none; } .shop-cart-item__edit-btn { display: flex; align-items: center; font-size: 11px; font-weight: bold; color: #1E0AAA; text-transform: uppercase; margin-top: 17px; } .shop-cart--history .shop-cart-item__edit-btn { display: none; } .shop-cart-item__edit-icon { width: 21px; height: 21px; margin-right: 10px; } .shop-cart-item__count-output { max-width: 80px; text-align: center; width: 100%; } .shop-cart-item__info-block { position: absolute; padding: 10px 25px; background-color: #f3f6f7; top: 100%; left: 0; right: 0; width: 92%; height: 58px; margin-top: 20px; display: flex; align-items: center; } .shop-cart-item__info-block--alt { padding: 0; height: auto; } .shop-cart-item__info-block-icon { flex: 0 0 auto; } .shop-cart-item__info-block-descr { font-size: 13px; color: #9b9b9b; } .shop-cart-item__info-block-strong { font-size: 14px; color: #333; } .shop-cart-item__info-item { margin-top: 8px; } .shop-cart-item__info-name { font-size: 12px; color: #9b9b9b; text-transform: uppercase; font-weight: 700; } .shop-cart-item__info-descr { font-size: 12px; color: #333; font-weight: 700; } .shop-cart-item__sku { font-size: 14px; color: #333; margin-top: 5px; margin-right: 10px; } .shop-cart-item__left { padding-left: 15px; padding-right: 30px; display: flex; position: relative; } .shop-cart-item__discont-icon { width: 20px; height: 20px; position: absolute; top: 5px; left: 59px; z-index: 1; } .shop-cart-item__right { display: flex; flex: 0 0 auto; flex-wrap: wrap; position: relative; } .shop-cart-item__right--margin { margin-bottom: 78px; } .shop-cart-item__table-header-col { flex: 0 0 auto; display: flex; align-items: center; min-width: 130px; } .shop-cart-item__table-header-col--wide { min-width: 160px; } .shop-cart-item__table-header-col--empty { min-width: 25px; } .shop-cart-item__image { width: 60px; height: 60px; object-fit: cover; font-family: 'object-fit: cover;'; border-radius: 50%; flex: 0 0 auto; margin-right: 20px; box-shadow: 0 0 0 0.5px #686868; } .shop-cart-item__image--square { border-radius: 0; width: 60px; height: 60px; object-fit: cover; } .shop-cart-item__name { font-size: 18px; font-weight: 700; line-height: 1.5; margin-right: 30px; text-align: left; color: #333; transition: color .2s; } .shop-cart-item__left:hover .shop-cart-item__name { color: #1E0AAA; } .shop-cart-item__status { display: flex; align-items: flex-start; margin-top: 5px; } .shop-cart-item__status-message { display: inline-flex; text-align: center; padding: 4px 30px 4px; border-radius: 13px; border: solid 1px #d8d8d8; font-size: 14px; color: #8b8d92; } .shop-cart-item__price { display: flex; padding-right: 20px; } .shop-cart-item__price--block { display: block; } .shop-cart-item__price-text { font-size: 16px; color: #333; text-align: center; } .shop-cart-item__price-descr { font-size: 14px; color: #333333; text-align: center; } .shop-cart-item__price-old { font-size: 14px; color: #9b9b9b; position: relative; margin-right: 13px; display: inline-block; font-weight: 400; } .shop-cart-item__price-old--centered { margin-right: 0; } .shop-cart-item__price-old:after { position: absolute; content: ''; top: 50%; left: 0; width: 100%; border-top: 1px solid #D0021B; } .shop-cart-item__sum { font-size: 18px; font-weight: 700; color: #333; margin-right: 10px; } .shop-cart-item__cross-btn { flex: 0 0 auto; border: none; padding: 0; background: none; width: 25px; height: 25px; cursor: pointer; color: #ccc; transition: color .2s; display: flex; justify-content: center; align-items: center; margin: 0; border: 0; } .shop-cart-item__cross-btn:hover { color: #1E0AAA; } .shop-cart-item__cross-svg { width: 18px; height: 18px; } .shop-cart__message { text-align: center; } .shop-cart__message-link { text-align: center; font-size: 16px; } .shop-cart__footer { display: flex; justify-content: flex-end; margin-left: -5px; margin-right: -5px; } .shop-cart__footer-left { flex: 1 1 auto; margin-top: 20px; display: flex; flex-direction: column; align-items: flex-end; padding-left: 5px; padding-right: 5px; } .shop-cart__footer-left--align-left { align-items: flex-start; } .shop-cart__promocode-wrap { position: relative; justify-content: flex-end; flex-direction: column; align-items: flex-end; } .shop-cart__promocode-messages { min-height: 18px; display: block; width: 255px; } .shop-cart__promocode-message { margin-left: 8px; font-size: 12px; font-weight: 700; color: #ed1c24; } .shop-cart__promocode-message-wrap:first-child { margin-top: 20px; } .shop-cart__promocode-message-wrap:last-child { margin-bottom: 20px; } .shop-cart__promocode-message-code { display: block; font-size: 14px; margin-right: 20px; border: none; background: none; width: 92px; } .shop-cart__promocode-message-code.bad { color: #ed1c24; } .shop-cart__promocode-ok-btn { font-size: 11px; font-weight: 700; color: #1E0AAA; position: absolute; z-index: 1; top: 0; right: 0; border: 0; background: none; width: 40px; height: 40px; cursor: pointer; transition: color .2s; text-transform: uppercase; } .shop-cart__promocode-ok-btn:hover { color: #D0021B; } .shop-cart__promocode-message-wrap { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; margin-top: 10px; } .shop-cart__promocode-attention-icon { background-image: url(/local/templates/furnitop/img/icon-alert-red.png); width: 26px; height: 26px; background-size: cover; } .shop-cart__promocode-close-btn { flex: 0 0 auto; padding: 0; border: none; background: none; width: 25px; height: 25px; cursor: pointer; color: #ccc; transition: color .2s; display: flex; justify-content: center; align-items: center; border: 0; margin: 0 10px; } .shop-cart__promocode-close-btn:hover { color: #4a4a4a; } .shop-cart__promocode-close-icon { width: 18px; height: 18px; } .shop-cart__promocode { display: flex; position: relative; justify-content: flex-end; } .shop-cart__promocode-svg { width: 25px; height: 25px; position: absolute; top: 8px; right: 218px; } .shop-cart__promocode-input { width: 265px; height: 40px; border: solid 1px #e6e6e6; background-color: #ffffff; padding-left: 50px; padding-right: 40px; transition: border .2s; } .shop-cart__promocode-input:hover { border: 1px solid #737373; } .shop-cart__promocode-input:focus { outline: none; border: 1px solid #1E0AAA; } .shop-cart__info { width: 100%; } .shop-cart__info--mt { margin-top: 16px; } .shop-cart__minsum { padding: 0 35px; display: flex; align-items: center; justify-content: flex-end; width: 100%; background-color: #f3f6f7; font-size: 14px; color: #9b9b9b; text-transform: uppercase; text-align: right; height: 46px; } .shop-cart__minsum-strong { font-weight: 700; } .shop-cart__delivery-wrap { display: flex; justify-content: flex-end; width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #d7d7db; } .shop-cart__delivery { display: flex; align-items: center; margin-top: 20px; margin-right: 35px; } .shop-cart__delivery-svg { flex: 0 0 auto; width: 35px; height: 16px; margin-right: 10px; } .shop-cart__delivery-text { color: #333; font-size: 12px; font-weight: 700; } .shop-cart__footer-right { flex: 0 0 auto; margin-top: 20px; width: 262px; padding-left: 5px; padding-right: 5px; } .shop-cart__footer-right--wide { width: 385px; } .shop-cart__sum-wrap { text-align: center; } .shop-cart__sum { font-size: 24px; font-weight: 700; color: #333; display: flex; flex-direction: column; text-align: center; align-items: center; } .shop-cart__sum--flex { display: flex; flex-direction: row; justify-content: center; align-items: baseline; } .shop-cart__sum-number { display: flex; } .shop-cart__sum-text { flex: 0 0 auto; } .shop-cart__sum-caption { font-size: 14px; color: #333; text-transform: uppercase; } .shop-cart__btn-order { display: block; padding-left: 15px; padding-right: 15px; width: 100%; margin-top: 14px; } .shop-cart__btn-order--no-margin { margin-top: 0; } .shop-cart__btn-order.disabled { pointer-events: none; opacity: .7; } .shop-cart__btn-clean { width: 100%; display: block; padding: 20px 15px; background: none; border: none; text-align: center; } .shop-cart__additional-link-wrap { margin-bottom: 25px; } .shop-cart__additional-link { height: 35px; padding-top: 10px; padding-bottom: 10px; } .shop-cart__footer-message { margin-top: 25px; margin-bottom: 40px; } .shop-cart__footer-message-text { display: flex; align-items: center; margin-top: 15px; margin-bottom: 20px; } .shop-cart__message-stong { font-size: 24px; text-transform: uppercase; font-weight: 700; } .shop-cart__footer-message-icon-wrap { width: 20px; height: 20px; background-color: #55ddaa; border-radius: 50%; margin-right: 8px; margin-top: -2px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; color: #fff; } .shop-cart__footer-message-icon { width: 7px; height: 7px; } /*.personal-menu*/ .personal-menu { } .personal-menu__list { align-items: center; display: flex; margin: 0; padding: 0 15px; list-style: none; background-color: #f4f4f4; overflow-x: auto; } .personal-menu__cont { position: relative; } .personal-menu__cont:before { position: absolute; content: ''; width: 15px; height: 100%; background: linear-gradient(to left, rgba(244,244,244,0) 0%,rgba(244,244,244.80) 100%); top: 0; left: 15px; z-index: 1; } .personal-menu__cont:after { position: absolute; content: ''; width: 50px; height: 100%; background: linear-gradient(to right, rgba(244,244,244,0) 0%,rgba(244,244,244.80) 100%); top: 0; bottom: 0; right: 15px; z-index: 1; } .personal-menu__item { padding: 0 15px; margin: 0; flex: 0 0 auto; padding-top: 56px; margin-top: -56px; } .personal-menu__link { display: block; font-size: 14px; font-weight: 700; color: #333; text-transform: uppercase; border-top: 4px solid transparent; border-bottom: 4px solid transparent; transition: border .2s, color .2s; padding-top: 10px; padding-bottom: 10px; line-height: 1; cursor: pointer; } .no-touch .personal-menu__link:hover { color: #000; } .touch .personal-menu__link:hover { color: #333; } .personal-menu__item.active .personal-menu__link { border-bottom: 4px solid #000; } .menu_4_cols.menu_4_cols--blocks { overflow-y: auto; padding-left: 0; } .menu_4_cols__links-level-3 a.item { color: #333; font-size: 14px; } .no-touch .menu_4_cols__links-level-3 a.item:hover { color: #1E0AAA; } .slide_down_menu .menu_4_cols.menu_4_cols--blocks { width: 100%; } .menu_4_cols:not(.menu_4_cols--blocks) { align-content: flex-start; overflow: hidden; margin-top: 0; padding-top: 30px; padding-bottom: 30px; } .menu_4_cols:not(.menu_4_cols--blocks) .link_section:not(.link_section--block) { padding-left: 45px; padding-right: 30px; flex: 0 0 50%; width: 50%; position: relative; } .menu_4_cols:not(.menu_4_cols--blocks) .link_section:not(.link_section--block):nth-child(odd):after { position: absolute; content: ''; display: block; height: 800px; top: -50px; right: 0; border-right: 1px solid #e9ebef; } .menu_4_cols:not(.menu_4_cols--blocks) .link_section:not(.link_section--block):before { left: 30px; } .link_section--block { flex-basis: 0; flex-grow: 1; max-width: 100%; width: 100%; padding-left: 30px; padding-right: 30px; padding-top: 35px; padding-bottom: 35px; margin-top: 0; } .link_section__item:empty { display: none; } .menu_4_cols__links-level-3:empty { display: none; } .link_section.link_section--block:before { display: none; } .link_section--block:not(:last-child) { border-right: 1px solid #e9ebef; } .slide_down_menu .link_section--block > a.item { font-size: 14px; font-weight: 700; line-height: 1.43; color: #4a4a4a; text-transform: uppercase; padding-left: 20px; } .slide_down_menu .link_section--block > a.item:hover { color: #D0021B; } .menu_4_cols--blocks .menu_4_cols__links-level-3 a.item { padding-left: 20px; } .header-bottom-menu .link_section:before { content: ''; position: absolute; top: 12px; left: 0; width: 0; height: 0; border: 3px solid transparent; border-left: 5px solid #1E0AAA; } /* page-404 */ .page-404 { padding-top: 40px; margin-bottom: 70px; } .page-404__img-wrap { display: block; margin: 0 auto; text-align: center; } .page-404__img { max-width: 100%; } .page-404__message { text-transform: uppercase; text-align: center; margin-top: 30px; } .page-404__caption { font-size: 16px; text-align: center; color: #333; margin-top: 20px; } .page-404__action { margin-top: 40px; text-align: center; } .page-404__btn { font-size: 16px; } .page-404__link { display: block; padding: 20px 15px; max-width: 190px; text-align: center; margin: 6px auto 0; } .content-wrap { } /* lk-form */ .lk-form__grid { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-top: -40px; } .lk-form__col { margin-top: 40px; width: 50%; padding-left: 15px; padding-right: 15px; } .lk-form__text { margin-top: 20px; } .lk-form__content-wrap { margin-left: 30px; margin-right: 30px; } .lk-form__error-message:not(:empty) { display: inline-block; font-size: 14px; color: #f24942; margin-top: 5px; } .lk-form__form-wrap { margin-top: 50px; margin-bottom: 50px; } .lk-form__form-wrap--small-margins { margin-top: 30px; margin-bottom: 0 } .lk-form__filter-wrap { margin-top: 50px; margin-bottom: 50px; display: flex; } .lk-form__form--horizontal { display: flex; } .lk-form__filter-grid { display: flex; flex-wrap: wrap; margin-top: -15px; } .lk-form__filter-col { margin-right: 20px; margin-top: 15px; } .lk-form__filter-col--wide { flex: 0 0 auto; width: 240px; } .lk-form__form-caption { font-size: 18px; color: #9b9b9b; margin-bottom: 25px; } .lk-form__item { margin-top: 20px; display: flex; } .lk-form__item.editable { display: none; } .lk-form__col.editable .lk-form__item.editable { display: flex; } .lk-form__col.editable .lk-form__item.readable { display: none; } .lk-form__item-title { margin-top: 30px; margin-bottom: 20px; text-transform: none; } .lk-form__label { display: flex; width: 100%; } .lk-form__label-text { display: block; width: 300px; margin-right: 30px; font-size: 14px; font-weight: 700; flex: 0 0 300px; text-transform: uppercase; line-height: 1.5; } .lk-form__input-select { height: 40px; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; outline: none; cursor: pointer; position: relative; z-index: 1; flex: 0 0 auto; width: 100%; max-width: 500px; font-size: 16px; color: #333; text-align: left; position: relative; height: 40px; outline: none; padding: 5px 35px 5px 20px; border: 1px solid #d8d8d8; transition: border .2s; background: #fff; } .lk-form__input-select-wrap { display: block; position: relative; max-width: 500px; } .lk-form__input-select-wrap:after { content: ''; display: block; position: absolute; top: 18px; right: 20px; width: 0; height: 0; border: 3px solid transparent; border-top: 6px solid #1E0AAA; z-index: 1; } .lk-form__input-select:hover { border: 1px solid #737373; } .lk-form__label-text--short { width: 130px; flex: 0 0 130px; } .lk-form__label-text--short-alt { width: 100px; flex: 0 0 100px; } .lk-form__label-text:not(:empty) { margin-top: 12px; } .lk-form__input-wrap { display: block; flex: 1 1 auto; } .lk-form__text-input { flex: 0 0 auto; width: 100%; max-width: 500px; font-size: 16px; color: #333; text-align: left; position: relative; height: 40px; outline: none; padding-left: 20px; padding-right: 20px; border: 1px solid #d8d8d8; transition: border .2s; background: #fff; } .lk-form__text-input.error { border: 1px solid #f24942; } .lk-form__text-input--short { max-width: 150px; } .lk-form__text-input--medium { max-width: 218px; } .lk-form__text--date { max-width: 240px; background: #fff url(/local/components/zebrus/custom.orders.filter/templates/.default/img/cali.png) no-repeat 200px center; } .lk-form__text-input:disabled { cursor: not-allowed; } .lk-form__text-input:disabled:hover { border: 1px solid #d8d8d8; } .lk-form__text-input:hover { border: 1px solid #737373; } .lk-form__text-input:focus { border: 1px solid #1E0AAA; } .lk-form__message { display: block; margin-top: 5px; font-size: 13px; color: #333; } .lk-form__message--error { color: red; } .lk-form__checkbox-label { display: flex; width: 100%; align-items: flex-start; padding: 6px 10px 6px 30px; color: #333; position: relative; font-size: 14px; user-select: none; cursor: pointer; margin-top: 5px; } .lk-form__checkbox-input-wrap { display: inline-block; } .lk-form__checkbox-input { display: none; } .lk-form__checkbox-input:checked + .lk-form__checkbox-visual { background-color: #1E0AAA; border-color: #1E0AAA; } .lk-form__checkbox-visual { position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border: solid 1px #d6d6d7; background-color: #ffffff; display: flex; align-items: center; justify-content: center; } .lk-form__checkbox-visual-svg { display: block; opacity: 0; color: #fff; width: 7px; height: 7px; } .lk-form__checkbox-input:checked + .lk-form__checkbox-visual .lk-form__checkbox-visual-svg { opacity: 1; } .lk-form__common-error { display: none; margin-top: 20px; font-size: 16px; color: red; } .lk-form__common-success { display: none; margin-top: 20px; font-size: 16px; color: #333; } .lk-form__action { margin-top: 40px; display: block; border-top: 1px dashed #d7d7db; padding-top: 30px; } .lk-form__action--centered { text-align: center; } .lk-form__btn-submit { padding-top: 13px; padding-bottom: 15px; padding-left: 30px; padding-right: 30px; display: flex; align-items: center; margin: 0 auto; } .lk-form__action-caption { margin: 0 auto 15px; text-align: center; } .lk-form__btn-submit-icon { width: 18px; height: 18px; flex: 0 0 auto; margin-right: 8px; } .lk-form__title { margin-top: 30px; } .lk-form__title-edit-icon { width: 30px; height: 30px; float: right; } .lk-form__title-edit-icon:hover { cursor: pointer; fill: #1E0AAA; } .lk-form__filter-action { display: flex; align-items: center; } .lk-form__link { margin-left: 15px; } .lk-form__info { display: flex; align-items: center; flex: 0 0 auto; width: 100%; max-width: 500px; font-size: 16px; color: #333; text-align: left; position: relative; height: 40px; padding-left: 20px; padding-right: 20px; } .personal-details .lk-form__title { background-color: #F4F4F4; padding: 6px 10px; } .personal-details .h2 { line-height: 30px; } .personal-details .lk-form__title { margin-top: 0px; } .personal-details .lk-form__col { padding-left: 25px; padding-right: 45px; padding-bottom: 37px; break-inside: avoid-column; width: auto; margin-top: 0px; } .personal-details .lk-form__label-text { line-height: 17px; } .personal-details .lk-form__item { margin-top: 15px; } .personal-details .lk-form__info { height: 29px; font-size: 14px; line-height: 17px; padding-top: 1px; padding-left: 21px; } .personal-details .lk-form__label-text:not(:empty) { margin-top: 6px; } .personal-details .lk-form__grid { display: block; columns: 2; margin-top: 0px; } .personal-details .lk-form__form-wrap { margin-top: 44px; } .personal-details .lk-form__text-input, .personal-details .register-page-block-line .register-page-form-input { height: 29px; font-size: 14px; line-height: 17px; } .personal-details .register-page-form-label--select select{ padding-top: 1px; } .personal-details .register-page-form-label--select:after { top: 14px; right: 16px; } .personal-details .btn-link { text-decoration: underline; color: #000; margin-right: 10px; padding:0 10px; display: inline-block; vertical-align: middle; } .personal-details .btn-link:hover { color: #1E0AAA; } .personal-details .lk-form__title-action { float: right; } .personal-details .lk-form__col .close{ display: none; } .personal-details .lk-form__col.editable .close { display: block; } .personal-details .lk-form__col .edit{ display: block; } .personal-details .lk-form__col.editable .edit { display: none; } .personal-details .popup-block__cross-btn:hover { color: #1E0AAA; } .personal-details .popup-block__cross-btn { color: #000; float: right; width: auto; } .personal-details .lk-form__form .register-page-block-line .register-page-form-input { width: 100%; max-width: 100%; margin-right: 0; } .personal-details .lk-form__form .register-page-block-line label, .personal-details .lk-form__form .register-page-block-line .label_multi_select { width: 100%; line-height: initial; } .personal-details .lk-form__form .register-page-block-line { display: block; width: 100%; margin-bottom:0px; } body .datepicker { z-index:1001; } /* orders-list */ .orders-list-filter-wrap { padding: 25px; background: #fff; margin-bottom: 25px; } .orders-list-page-wrap { background: #fff; } .orders-list-item:not(:first-child) { border-top: 1px dashed #d7d7db; margin-top: 20px; padding-top: 20px; } .orders-list-item:last-child { border-bottom: none; } .orders-list-item-left { margin-right: 20px; display: flex; align-items: center; flex-wrap: wrap; } .repeat_and_download { margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-start; } .repeat_and_download__wrap { margin-top: -15px; display: flex; flex-wrap: wrap; margin-right: 20px; } .repeat_and_download__btn { line-height: 30px; padding-top: 12px; padding-bottom: 12px; font-size: 16px; text-decoration: underline; font-weight: bold; color: #1E0AAA; } .repeat_and_download__btn svg { display: inline-block; vertical-align: bottom; height: 100%; width: auto; max-width: 100%; fill: #1E0AAA; stroke: #1E0AAA; margin-right: 5px; } .repeat_and_download__btn:hover svg { fill: black; stroke: black; } .repeat_and_download__btn:not(:last-child) { margin-right: 25px; } .orders-list-item-name { font-size: 18px; color: #333; display: flex; align-items: center; } .orders-list-item-name__text { font-weight: 700; transition: color .2s; } .flex-block--pointer:hover .orders-list-item-name__text { color: #1E0AAA; } .orders-list-item-sh-data { display: inline-block; margin-left: 40px; font-weight: bold; font-size: 13px; } .orders-list-item-date { display: flex; flex: 0 0 auto; align-items: center; height: 40px; padding: 5px 30px 5px 20px; color: #333; outline: none; cursor: pointer; width: 240px; background: #fff; border: 1px solid #d8d8d8; transition: border .2s; position: relative; font-size: 14px; font-weight: 400; margin-left: 15px; } .orders-list-item-date:after { content: ''; display: block; position: absolute; top: 16px; right: 20px; width: 0; height: 0; border: 3px solid transparent; border-top: 6px solid #1E0AAA; } .orders-list-item-date:hover { border: 1px solid #737373; } .orders-list-item-date:focus { border: 1px solid #1E0AAA; } .orders-list-item-products-list-item { display: block; font-size: 16px; font-weight: 700; color: #2c2c2c; transition: color .2s; } a.orders-list-item-products-list-item:hover { color: #1E0AAA; } .orders-list-item-products-list-item-name { width: 400px; float: left; font-size: 14px; font-weight: 300; margin-right: 10px; } .orders-list-item-name:hover { cursor: pointer; } .orders-list-item-products-list-item-quantity { width: 80px; float: left; font-size: 16px; color: #272727; font-weight: 300; text-align: center; margin-right: 10px; } .orders-list-item-products-list-item-price { width: 150px; float: left; font-size: 16px; color: #272727; font-weight: 300; text-align: center; } .orders-list-item-line { flex: 0 0 auto; } .flex-block { display: flex; align-items: center; flex-wrap: wrap; margin-top: -15px; } .flex-block--pointer { cursor: pointer; } .flex-block__col { margin-top: 15px; display: flex; align-items: center; } .orders-list-item-summa { font-size: 16px; font-weight: 400; color: #333; display: flex; align-items: baseline; } .orders-list-item-summa span { font-size: 15px; } .orders-list-item-delivery { display: inline-block; margin-right: 15px; font-size: 14px; } .orders-list-item-status { display: inline-block; color: #333; font-size: 14px; padding: 5px 10px 5px 0; line-height: 8px; } .orders-list-item-status.status-n { color: #2c2c2c; } .orders-list-item-status.status-wr { background: #f7f0b2; } .orders-list-item-status.status-f { background: #b8e6be; } .orders-list-item-right { display: flex; align-items: center; } .orders-list-item-right__btn { display: block; padding-left: 15px; padding-right: 15px; width: 252px; margin-right: 20px; } .orders-list-item-right .btn--secondary { margin-right: 20px; } .orders-list-item-detail { width: 130px; height: 30px; border-radius: 2px; text-align: center; font-size: 14px; font-weight: 400; display: block; text-decoration: none; line-height: 17px; margin-left: 20px; color: #0b60c8; } .orders-list-item-bill-dw { padding-left: 20px; display: block; background: url('/local/templates/furnitop/styles/images/arr.svg') no-repeat left center; margin: 10px 20px; } .orders-list-item-bill-print { padding-left: 20px; display: block; background: url('/local/templates/furnitop/styles/images/pri.svg') no-repeat left center; margin-bottom: 10px; } .orders-list-item-bill-dw:hover, .orders-list-item-bill-print:hover { color: #2c2c2c; } .order-detail-page-line-right-bill { width: 195px; height: 38px; line-height: 38px; text-decoration: none; display: block; float: left; margin-right: 15px; text-align: center; margin-top: 10px; border-radius: 2px; text-transform: uppercase; } .order-detail-page-line-right-repeat { width: 175px; height: 30px; display: inline-block; text-align: center; line-height: 28px; font-size: 14px; margin-left: 20px; } .orders-list-item-products-list { display: none; margin-top: 20px; } .orders-list-item-products-list.active { display: block; } .orders-list-item-products-list td { padding: 10px; vertical-align: middle; font-size: 14px; } .orders-list-item-products-list .head { font-size: 12px; color: #9b9b9b; text-transform: uppercase; } .heading-h1 { margin-top: 30px; margin-bottom: 20px; } .creat-order-page-submit-block__btn { margin-top: 20px; } .edit-profil-page-wrap { margin-top: 40px; } .creat-order-page-submit-block { margin-top: 30px; } .info-list-page-wrap { display: flex; margin-top: 35px; } .info-list-page-wrap-left { position: sticky; position: -webkit-sticky; top: 50px; flex: 0 0 auto; width: 394px; overflow: hidden; margin-top: 35px; margin-bottom: 35px; } .info-list-page-wrap-right { flex: 2; margin-top: 0; margin-bottom: 75px; margin-right: 60px; } .prev_new_detail, .next_new_detail { display: inline-block; max-width: 260px; } .info-list-page-news-detail-share-block { display: flex; justify-content: space-between; align-items: center; } .info-list-page-news-detail-share-block div { line-height: 16px; font-weight: 300; } .info-list-page-news-detail-share-block div:hover a { color: #2c2c2c; } .vk_share, .fb_share, .tw_share { width: 30px; height: 30px; display: inline-block; background-repeat: no-repeat; vertical-align: middle; } .fb_share { background-image: url(/local/markup/images/social_links.svg); background-position: 12px 0px; } .tw_share { background-image: url(/local/markup/images/social_links.svg); background-position: -140px -1px; } .vk_share { background-image: url(/local/markup/images/social_links.svg); background-position: -220px 0px; } .news-sharing { display: flex; align-items: center; border-top: 1px dashed #d7d7db; padding-top: 20px; padding-bottom: 20px; margin-top: 35px; } .news-sharing__caption { font-size: 12px; font-weight: 700; color: #333; margin-right: 15px; } .news-sharing__link { padding: 10px 15px; color: #333; } .news-sharing__link:hover { color: #1E0AAA; } .news-sharing__link-icon { width: 24px; height: 24px; } .info-list-page-wrap { display: flex; margin-top: 35px; } .info-list-page-wrap-left { position: sticky; position: -webkit-sticky; top: 50px; flex: 0 0 auto; width: 394px; overflow: hidden; margin-top: 35px; } .info-list-page-news-detail { margin: 0 0 35px; background: #fff; } .info-list-page-news-detail-img-wrap { margin-top: 25px; margin-left: 60px; margin-right: 60px; } .info-list-page-news-detail-text { padding-right: 20px; } .info-list-page-news-detail-text img{ height: auto; } .info-list-page-news-detail-img { display: block; width: 100%; max-width: 100%; } .info-list-page-news-detail-date { font-size: 14px; margin-top: 10px; text-align: center; } .info-list-page-news-detail-text-date { font-size: 14px; text-align: center; margin-top: 10px; } .info-list-page-news-detail-share-block { padding: 5px; } .info-list-page-news-detail-share-block-title { font-size: 16px; color: #2c2c2c; font-weight: 300; line-height: 16px; } .info-list-page-news-detail-share-block-title span:hover { /*border-bottom: 2px solid#0a7ddd;*/ } .ya-share2__icon { } .ya-share2__container_size_m .ya-share2__item { outline: none !important; margin: 0 30px 0 0 !important; } .ya-share2__icon:active { box-shadow: none !important; } .ya-share2__container_size_m .ya-share2__icon { width: 15px !important; height: 13px !important; } .ya-share2__item_service_vkontakte .ya-share2__badge { background-color: transparent !important; } .ya-share2__item_service_vkontakte .ya-share2__icon { background: url('/local/templates/furnitop/styles/img/icon-vk.png') no-repeat center center !important; } .ya-share2__item_service_vkontakte:hover .ya-share2__icon { background: url('/local/templates/furnitop/styles/img/icon-vk-red.png') no-repeat center center !important; } .ya-share2__item_service_facebook .ya-share2__badge { background-color: transparent !important; } .ya-share2__item_service_facebook .ya-share2__icon { background: url('/local/templates/furnitop/styles/img/Facebook.svg') no-repeat center center !important; } .ya-share2__item_service_facebook:hover .ya-share2__icon { background: url('/local/templates/furnitop/styles/img/icon-facebook-red.png') no-repeat center center !important; } .ya-share2__item_service_twitter .ya-share2__badge { background-color: transparent !important; } .ya-share2__item_service_twitter .ya-share2__icon { background: url('/local/templates/furnitop/styles/img/icon-twitter.png') no-repeat center center !important; } .ya-share2__item_service_twitter:hover .ya-share2__icon { background: url('/local/templates/furnitop/styles/img/icon-twitter-red.png') no-repeat center center !important; } .header-bottom-menu .actuale_propose { padding: 0; } .header-bottom-menu .type2_content { width: 276px; } .actuale_propose { display: block; width: 276px; height: 276px; overflow: hidden; } .type2_content { width: 276px; height: 276px; display: block; border: 0; } .type2_content:hover .type2_pic { transform: scale(1.1); } .type2_title { font-size: 14px; line-height: 1.29; font-weight: 700; text-align: center; color: #ffffff; text-transform: uppercase; padding: 18px 30px; background-color: #4a4a4a; margin: 0 30px; position: absolute; bottom: 20px; left: 0; width: calc(100% - 60px); height: auto; } .type2_image { height: 100%; } .type2_image img { transition: all 1s ease-out; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .type2_image:hover img { transform: none; } /* ЦВЕТА */ /* нет цвета */ .c-no-color { background: #fff; } /* #ECEEF0 Белый */ .c-ECEEF0 { background: #ECEEF0; } /* #F0E1BF Молочный */ .c-F0E1BF { background: #F0E1BF; } /* #F2FB82 Лимонный */ .c-F2FB82 { background: #F2FB82; } /* #F8E71C Желтый */ .c-F8E71C { background: #F8E71C; } /* #F9B810 Золото */ .c-F9B810 { background: #F9B810; } /* #E89000 Оранжевый */ .c-E89000 { background: #E89000; } /* #C8AD9B Бежевый */ .c-C8AD9B { background: #C8AD9B; } /* #684837 Бронзовый */ .c-684837 { background: #684837; } /* #A13B1D Коричневый */ .c-A13B1D { background: #A13B1D; } /* #E4011D Красный */ .c-E4011D { background: #E4011D; } /* #FD3168 Малиновый */ .c-FD3168 { background: #FD3168; } /* #FC9FAE Розовый */ .c-FC9FAE { background: #FC9FAE; } /* #AD92FB Лавандовый */ .c-AD92FB { background: #AD92FB; } /* #6743D7 Фиолетовый */ .c-6743D7 { background: #6743D7; } /* #A3AE88 Хакки */ .c-A3AE88 { background: #A3AE88; } /* #A6BB4A Оливковый */ .c-A6BB4A { background: #A6BB4A; } /* #386445 Темно-зеленый */ .c-386445 { background: #386445; } /* #059536 Зеленый */ .c-059536 { background: #059536; } /* #02BCA1 Мятный */ .c-02BCA1 { background: #02BCA1; } /* #00A3B2 Лазурный */ .c-00A3B2 { background: #00A3B2; } /* #196AC8 Синий */ .c-196AC8 { background: #196AC8; } /* #5CA2F4 Голубой */ .c-5CA2F4 { background: #5CA2F4; } /* #C2C0C0 Серебро */ .c-C2C0C0 { background: #C2C0C0; } /* #979797 Серый */ .c-979797 { background: #979797; } /* #666666 Хромированный */ .c-666666 { background: #666666; } /* #000 Черный */ .c-000 { background: #000; } .register-page-wrap { margin-top: 40px; margin-bottom: 75px; } .register-page-block:not(:first-of-type) { margin-top: 40px; } .register-page-block.captcha { width: 100%; float: none; margin-right: 0; } .register-page-block.captcha img { display: inline-block; height: 43px; vertical-align: bottom; margin-right: 15px; } input[name=captcha_word] { display: block; margin-top: 15px; } .register-page-block-title { font-size: 24px; color: #333; margin-bottom: 15px; font-weight: 700; } .register-page-block-line { margin-bottom: 15px; display: flex; } .register-page-form-label-text { display: inline-block; font-size: 14px; color: #333; line-height: 41px; width: 200px; margin-right: 30px; text-transform: uppercase; font-weight: 700; } .register-page-block-line--margin { margin-top: 25px; } .register-page-block-line label { display: inline-block; font-size: 16px; font-weight: 300; color: #333; line-height: 41px; width: 350px; } .register-page-block-line label.field-checkbox { width: auto; max-width: 600px; display: flex; line-height: 20px; } .register-page-block-line .register-page-form-input { height: 40px; width: 350px; border: 1px solid #d8d8d8; background-color: #fff; transition: border .2s, box-shadow .2s, z-index .2s; padding: 0 20px; line-height: 29px; outline: none; } .register-page-block-line .register-page-form-input:hover { border: 1px solid #737373; } .register-page-block-line .register-page-form-input:focus { border: 1px solid #1E0AAA; } .register-page-form-label { display: inline-block; width: 300px; position: relative; } .register-page-block-line .register-page-form-label--narrow { width: 110px; margin-right: 5px; } select.register-page-form-input { margin-right: 20px; -webkit-appearance: none; line-height: 1em; -moz-appearance: none; text-overflow: ''; -ms-appearance: none; padding: 0 20px; color: #2c2c2c; background-color: #fff; transition: border .2s; } .register-page-form-label--select { position: relative; } .register-page-form-label--select:after { content: ''; display: block; position: absolute; top: 18px; right: 20px; width: 0; height: 0; border: 3px solid transparent; border-top: 6px solid #1E0AAA; z-index: 0; } .register-page-block-line.multi .register-page-form-input--narrow { width: 110px; } select.register-page-form-input:hover { border: 1px solid #737373; } select.register-page-form-input:focus { border: 1px solid #1E0AAA; } select[name=companyOp] { background-position-x: 95%; } .register-page-block-line .register-page-form-input.hidden { margin-left: 218px; margin-top: 7px; display: none; } .register-page-submit-block { } .register-page-form-submit { width: 195px; height: 36px; text-align: center; border-radius: 2px; font-size: 15px; font-weight: 400; cursor: pointer; } .register-page-block-line .register-page-form-input.error { border-color: #f24942; } .register-page-block-line .register-page-form-input.error::-webkit-input-placeholder { color: #f24942; } .register-page-block-line .register-page-form-input.error:-moz-placeholder { color: #f24942; } .register-page-block-line .register-page-form-input.error::-moz-placeholder { color: #f24942; } .register-page-block-line .register-page-form-input.error:-ms-input-placeholder { color: #f24942; } .register-page-error-block { text-align: center; font-size: 16px; color: #f24942; margin-bottom: 20px; display: none; } .register-page-succes-block { text-align: center; font-size: 16px; margin-bottom: 20px; } .register-page-block-error{ margin-top: -10px; margin-bottom: 7px; margin-left: 230px; padding-left: 0; padding-right: 0; } .register-page-block-error label { display: inline-block; font-size: 16px; font-weight: 300; color: #484848; width: 200px; } .register-input-error { font-size: 14px; color: #f24942; } .register-page-submit-block { margin-top: 20px; } .register-page-submit-btn { margin-top: 40px; } .register-page__admin-block { margin-top: 20px; } /* zoom */ .zoom-box { position: absolute; top: 0; left: calc(100% + 30px); width: 600px !important; max-height: 600px; overflow: hidden; background: #fff; opacity: 0; visibility: hidden; transition: .2s; z-index: 80; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3); } .zoom-active .zoom-box { opacity: 1; visibility: visible; } .zoom-box__img { width: auto; height: auto; max-width: none; max-height: none; display: block; } .cart-item__lens { position: absolute; border: 2px solid #616668; top: 0; left: 0; transform: translate3d(0,0,0); opacity: 0; transition: opacity .3s, box-shadow .3s; pointer-events: none; } .cart-item__lens.shadow { box-shadow: 0 0 0 1000px rgba(0,0,0,.2); } .ie .cart-item__lens { cursor: zoom-in; } .zoom-active .cart-item__lens { opacity: 1; } .cart-item__view-zoom-note { position: absolute; top: 50%; left: 50%; background: rgba(51, 51, 51, 1); color: #fff; padding: 7px 15px 9px 37px; border-radius: 15px; font-size: 13px; line-height: 1; z-index: 20; transition: .2s; opacity: 0; pointer-events: none; visibility: hidden; transform: translate(-50%, -50%); white-space: nowrap; } .cart-item__zoom-icon { position: absolute; left: 10px; width: 16px; height: 16px; top: 50%; margin-top: -8px; } .no-touch .cart-item__slide:hover .cart-item__view-zoom-note { opacity: 1; visibility: visible } .no-touch .zoom-active .cart-item__slide .cart-item__view-zoom-note { opacity: 0; visibility: hidden; } /* Page development */ /* heading-frame */ .heading-frame { width: 100%; padding: 15px; border: 1px dashed #d7d7db; font-size: 16px; text-align: center; } /* section-info ***/ .section-info { margin-top: 70px; margin-bottom: 70px; } .section-info__main { display: flex; margin-top: 30px; } .section-info__main--block { display: block; } .section-info__left { flex: 0 0 50%; padding-right: 30px; } .section-info--float .section-info__left { float: right; max-width: 45%; padding-right: 0; padding-left: 60px; margin-bottom: 30px; } .section-info--float .section-info__right { padding-right: 0; padding-left: 0; } .section-info__right { flex: 0 0 50%; padding-left: 30px; } .section-info--left .section-info__left { flex: 0 0 55%; } .section-info--left .section-info__right { flex: 0 0 45%; } .section-info--right .section-info__left { flex: 0 0 45%; } .section-info--right .section-info__left--narrow { flex: 0 0 auto; max-width: 300px; } .section-info--right .section-info__right { flex: 0 0 55%; } .section-info--right .section-info__right--wide { flex: 1 1 auto; } .section-info__image-column .section-info__image { margin-top: 50px; } .section-info__image-column .section-info__image:first-child { margin-top: 0; } .section-info__image { display: block; max-width: 100%; } /* feature-list */ .feature-list__item { margin-top: 20px; } .feature-list__wrap { display: flex; align-items: flex-start; margin-top: 20px; } .feature-list__image-wrap { flex: 0 0 100px; display: flex; justify-content: center; } .feature-list__image { max-width: 100%; display: block; margin: 0 auto; } .feature-list__content { padding-left: 20px; } .feature-blocks__title { text-align: left; margin-left: 120px; } .feature-list__content-wrap { display: flex; } .feature-list__left { flex: 0 0 50%; } .feature-list__left { flex: 0 0 50%; } .feature-list__right { padding-left: 60px; } /* blockquote */ .blockquote { padding: 0; margin: 0; font-style: italic; } .blockquote--centered { text-align: center; } /* iframe */ .iframe { max-width: 100%; min-width: 100%; } .information__wrapper { overflow: hidden; } .information__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -16px; } .information__cell { padding: 16px; width: 33.33%; display: -webkit-box; display: -ms-flexbox; display: flex; } .information__item { padding: 40px 44px; width: 100%; -webkit-transition-duration: 300ms; transition-duration: 300ms; text-decoration: none; color: #000; background: #f3f6f7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .information__item:hover { color: #fff; background: #1f0baa; } .information__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 14px; width: 64px; height: 64px; margin-bottom: 28px; } .information__icon img { width: 48px; height: 48px; } .information__name { text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 20px; margin-bottom: 12px; } .information__text { font-size: 14px; line-height: 21px; } .documents__wrapper { overflow: hidden; } .documents__search { margin-bottom: 40px; } .documents__grid { margin: -21px -16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .documents__cell { padding: 21px 16px; width: 25%; } .documents__item { display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; text-decoration: none; } .documents__item:hover .documents__visual { -webkit-filter: brightness(0) saturate(100%) invert(17%) sepia(30%) saturate(7455%) hue-rotate(243deg) brightness(82%) contrast(129%); filter: brightness(0) saturate(100%) invert(17%) sepia(30%) saturate(7455%) hue-rotate(243deg) brightness(82%) contrast(129%); } .documents__item:hover .documents__link { opacity: 1; } .documents__visual { margin-right: 12px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; } .documents__visual img { width: 36px; height: 36px; } .documents__name { font-size: 14px; line-height: 21px; } .documents__link { opacity: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; margin-top: 8px; font-size: 12px; line-height: 15px; color: #1f0baa; } .extra{ margin-top: 90px; padding: 34px 40px; background: #F3F6F7; } .extra__name{ font-weight: 700; font-size: 18px; line-height: 22px; color: #333333; } .extra__text{ font-size: 16px; line-height: 24px; margin-top: 26px; color: #4A4A4A; } @media (max-width: 1023px) { .information__grid { margin: -8px; } .information__cell { padding: 8px; } .information__item { padding: 15px; } .documents__cell { width: 33.33%; } .documents__link { display: none; } } @media (max-width: 767px) { .information__cell { width: 100%; } .information__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .documents__grid { margin: -10px; } .documents__cell { padding: 10px; width: 50%; } .extra{ margin-top: 50px; padding: 15px; } } @media (max-width: 400px) { .documents__cell { width: 100%; } } @media (max-width: 980px) { .section-info__left.section-info__left { padding-right: 20px; } .section-info__right.section-info__right { padding-left: 20px; } .section-info__main--block .section-info__right.section-info__right { padding-left: 0; } .section-info__main--block .section-info__left.section-info__left { padding-right: 0; } .feature-list__right { padding-left: 40px; } } @media (max-width: 849px) { .section-info { margin: 50px 0; } .section-info__main { display: block; } .section-info__left.section-info__left { padding: 0; } .section-info__right.section-info__right { padding: 0; margin-top: 30px; } .feature-list__content-wrap { display: block; } .feature-list__right { padding-left: 20px; margin-top: 30px; } .feature-list__image-wrap { flex: 0 0 80px; } .feature-blocks__title { margin-left: 100px; } .section-info--right .section-info__left--narrow { max-width: 100%; } .section-info__image-column { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: -20px; } .section-info__image-column .section-info__image, .section-info__image-column .section-info__image:first-child { margin-top: 20px; margin-right: 20px; max-width: 200px; } .section-info--float .section-info__left { float: none; max-width: 100%; } } @media (max-width: 530px) { .feature-blocks__title { margin-left: 60px; } .feature-list__image-wrap { flex: 0 0 40px; } } /* breakpoint md */ @media (max-width: 1396px) { .content-wrap { /* margin-top: 113px;*/ } .shown-selected-item #toTop { bottom: 175px; } .header-middle-line-logo { margin-top: 21px; } .header-wrap { position: sticky; top: 0; z-index: 10; } .header-bottom-menu__wrap:after { display: none; } .personal-menu__item { margin-top: -112px; padding-top: 112px; } .header-wrap { padding: 0; border-bottom: 1px solid #e6e6e6; } .header-top-line-left { display: none; } .free_delivery { margin-left: 0; margin-right: 0; } .header-middle-line-phones-block { margin-left: 0; margin-right: 0; } .header { padding-left: 0; padding-right: 0; } .header:after { display: none; } .header-bottom-menu__cont { padding-left: 0; padding-right: 0; } .header-middle-line { margin-bottom: 0; padding-bottom: 15px; height: 77px; } .personal_cabinet_text { display: none; } .personal_cart_link { width: auto; margin-left: 15px; } .personal_cabinet_link { width: auto; margin-left: 30px; } .header-middle-line-work-time-block-search { margin-top: 20px; } .personal_cabinet, .personal_cart { margin-top: 15px; } .hamburger { display: flex; } .header-bottom-menu__wrap { top: 113px; left: 0; /* border: 1px solid #e9ebef;*/ z-index: 50; } .header-bottom-menu { visibility: hidden; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; transition: all .2s; } .header-bottom-menu.open { visibility: visible; opacity: 1; z-index: 50; } .header-bottom-line-top-menu { display: block; width: 250px; padding: 5px 15px; } .header-bottom-line-top-menu__item { display: block; } .header-bottom-line-top-menu__item .header-bottom-line-top-menu__link { display: block; border-bottom: 0; } .header-bottom-line-top-menu__item.active .header-bottom-line-top-menu__link { color: #1E0AAA; border-bottom: 0; } .header-bottom-line-top-menu__item { display: block; } .header-bottom-line-top-menu__link { padding: 1px 0; } .slide_down_menu { display: flex; top: -1px; left: 100%; width: 552px; min-height: 100%; padding: 0; box-shadow: none; /* border: 1px solid #e9ebef;*/ border-left: 1px solid #e9ebef; border-top: 1px solid #e9ebef; transform: none; transition: .3s; height: 100%; overflow-y: auto; overflow-x: hidden; } .slide_down_menu .menu_4_cols { width: 276px; min-height: 274px; padding: 15px 20px; flex: 0 0 auto; } .slide_down_menu.open_menu { transform: none; max-height: none; } .header-bottom-menu .link_section { display: block; position: relative; padding-left: 0; padding-right: 20px; padding-top: 3px; padding-bottom: 3px; margin-top: 0; } .link_section--block:not(:last-child) { border-right: none; } .slide_down_menu a.item { font-size: 14px; line-height: 1; color: #333; padding-left: 20px; } .slide_down_menu a.item:hover { color: #1E0AAA; } .header-bottom-menu .link_section:before { content: ''; position: absolute; top: 12px; left: 0; width: 0; height: 0; border: 3px solid transparent; border-left: 5px solid #1E0AAA; } .header-bottom-menu .link_section:first-child { margin-top: 0; } .slide_down_menu .menu_4_cols--blocks { width: 100%; display: flex; flex-wrap: wrap; } .header-bottom-menu .link_section--block { width: calc(50% - 10px); margin-top: 0; margin-bottom: 15px; padding-left: 0; } .link_section--block:nth-child(odd) { margin-right: 10px; } .link_section--block:nth-child(even) { margin-left: 10px; } .menu_4_cols--blocks .link_section--block:nth-child(even) { margin-left: 0; } .slide_down_menu a.link_section__item--title-link { font-size: 14px; font-weight: 700; line-height: 1.43; color: #4a4a4a; text-transform: uppercase; } .header-bottom-menu .link_section--block:before { display: none; } .link_section__link { font-size: 14px; line-height: 1; color: #333; text-decoration: none; padding: 5px 0 5px 20px; display: block; margin-top: 5px; margin-bottom: 0; position: relative; } .link_section__link:before { content: ''; position: absolute; top: 9px; left: 0; width: 0; height: 0; border: 3px solid transparent; border-left: 5px solid #D0021B; } .header-bottom-menu__info { position: absolute; display: flex; top: 0; bottom: 0; left: 250px; width: 552px; /* min-height: calc(100% + 2px);*/ padding: 0; box-shadow: none; /*border: 1px solid #e9ebef;*/ border-left: 1px solid #e9ebef; transform: none; transition: .2s; background-color: #fff; overflow-y: scroll; overflow-x: hidden; } .header-bottom-menu__info-left { padding: 15px 20px; flex: 0 0 auto; width: 276px; } .header-bottom-menu__info-image { width: 276px; height: 276px; overflow: hidden; padding: 15px 20px; } .header-bottom-menu__info-pic { width: 100%; display: block; } .header-bottom-menu__info-title { display: block; font-size: 14px; font-weight: 700; line-height: 1.43; color: #4a4a4a; text-transform: uppercase; margin-left: 22px; } .header-bottom-menu__info-list { font-size: 14px; line-height: 1; list-style: none; padding: 0; margin: 0; } .header-bottom-menu__info-list-item { margin-top: 12px; position: relative; padding-left: 22px; } .header-bottom-menu__info-list-item:before { content: ''; position: absolute; top: 6px; left: 0; width: 12px; height: 1px; background-color: #1E0AAA; } .header-bottom-menu__info-text-wrap { margin-top: 5px; overflow: hidden; margin-left: 22px; } .header-bottom-menu__info-text { margin: 10px 0; font-weight: 700; } .header-bottom-line-top-menu { padding: 10px 0; } .header-bottom-line-top-menu__link { padding: 0 15px; } .features-links__link-item { width: 33.3333%; } .features-blocks__col--small, .features-blocks__col--large { width: 50%; } .features-blocks__item { padding-left: 20px; padding-right: 20px; } .brands__col { width: 25%; } .promo-features__grid { margin-top: -20px; margin-left: 0; margin-right: 0; width: 100%; } .promo-features__col { width: 33.3333%; margin-top: 20px; } .footer__grid { margin-top: -20px; } .footer__col { width: 23.3333%; margin-top: 20px; } .footer__col--wide { width: 30%; } .footer-subscribe-block { margin-left: 0; } .features-links__wrap { margin-left: 0; margin-right: 0; width: 100%; } .info-list-page-section-list { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .info-list-page-section-list-item { margin-left: 10px; margin-right: 10px; } .info-list-page-section-list:after { left: 10px; right: 10px; } .info-list-page-news-list { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .info-list-page-news-list { margin-top: -40px; } .info-list-page-news-list-col { padding-left: 10px; padding-right: 10px; margin-top: 20px; } .overlay { top: 113px; } .catalog-promo-items-block-sections-list-item, .main-page-clients-and-suppliers-block-section-list-item { margin-left: 15px; margin-right: 15px; } .catalog-promo-items-block-sections-list { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; } .cart-item__added-main { display: block; } .cart-item__added-main-right { margin-top: 15px; flex-wrap: wrap; } .cart-item__added-btn-cart { margin-top: 15px; justify-content: center; } .selected-item__cont { display: block; } .selected-item__right { justify-content: flex-start; margin-top: 15px; margin-left: 60px; } .selected-item__status { margin-top: 10px; } .slide_down_menu .menu_4_cols { display: block; margin-left: 0; margin-right: 0; margin-top: 0; } .shop-cart-item__status { flex-direction: column; } .shop-cart-item__product-status { margin-top: 10px; } .shop-cart-item__status-message { margin-top: 10px; } .shop-cart-item { align-items: flex-start; } .calc_param__wrap { display: block; } .calc_input_block { margin-top: 40px; margin-left: 0; } .calc_name_wrap { width: 100%; padding-right: 0; } .zipper-items { margin: 0 -15px; width: calc(100% + 30px); } .zipper-items__col { padding-left: 15px; padding-right: 15px; min-width: 1px; } .more_calc { margin-left: 0; } .calc_param { padding-top: 152px; margin-top: -112px; padding-bottom: 40px; } .calc_param--fill { margin-top: 0; padding-top: 40px; } .repeat_and_download { display: block; } .orders-list-item-right { margin-top: 15px; } .managers__col { width: 50%; } .link_section--block { flex-basis: 0; flex-grow: 1; max-width: 100%; width: 100%; border-right: none; } .menu_4_cols:not(.menu_4_cols--blocks) { overflow: visible; } .menu_4_cols:not(.menu_4_cols--blocks) .link_section:not(.link_section--block) { width: 100%; flex: 1 1 auto; padding-left: 0; padding-right: 20px; } .menu_4_cols:not(.menu_4_cols--blocks) .link_section:not(.link_section--block):last-child { margin-bottom: 15px; } .menu_4_cols:not(.menu_4_cols--blocks) .link_section:not(.link_section--block):before { left: 0; } .menu_4_cols:not(.menu_4_cols--blocks) .link_section:not(.link_section--block):nth-child(odd):after { display: none; } .selected-item__price-old:not(:empty) { margin-top: 9px; } } /* breakpoint md end */ /* breakpoint sm+ */ @media (max-width: 1100px) { .lk-form__label-text { width: 200px; flex: 0 0 200px; } .cart-item__slide-img { cursor: default; } .zoom-active .cart-item__slide-img { cursor: default; } .cart-item__left { max-width: 250px; width: 250px; } .cart-item__slide-img { width: 250px; height: 250px; } .cart-item__slide { width: 250px; height: 250px; } .cart-item__slider-top { width: 250px; height: 250px; } .zoom-box { display: none; } .cart-item__view-zoom-note { display: none !important; } .cart-item { margin-top: 30px; } .cart-item__main { display: block; } .cart-item__left { margin: 0 auto; } .cart-item__right { margin-top: 30px; } .header-wrap { border-bottom: 1px solid #e6e6e6; } .cart-item__added-main { display: flex; } .cart-item__added-main-right { margin-top: 0; flex-wrap: nowrap; width: auto; } .cart-item__added-btn-cart { margin-top: 0; } .slide_down_menu { height: 270px; } .slide_down_menu .menu_4_cols { height: 270px; } } /* breakpoint sm */ @media (max-width: 999px) { .shop-cart-item__count-output { max-width: 70px; } .lang--mob.visible-sm { display: flex; align-items: center; margin-left: -15px; padding-left: 15px; padding-right: 15px; } .lang--mob .cur_lang:after { right: -10px; } .brands__col { width: 33.3333%; } .footer__col { width: 50%; } .footer__col--wide { width: 50%; } .shop-cart-item__status { } .shop-cart-item__status-message { margin-top: 10px; } .shop-cart-item { align-items: flex-start; } .shop-cart-item__right { display: block; position: relative; } .shop-cart-item__table-header-col { margin-top: 10px; } .shop-cart__table-header-right--alt, .shop-cart-item__right--alt { min-width: 314px; } .shop-cart-item__table-header-col--empty { margin-top: 0; } .shop-cart-item__cross-btn { position: absolute; top: -5px; right: 10px; margin-top: 0; } .calc-zipper { display: block; } .calc-zipper__right { margin-top: 20px; } .calc-zipper__message { margin-left: 0; } .calc-zipper__left { max-width: 482px; } .orders-list-item-products-list__table-wrap { overflow-x: scroll; } .orders-list-item-products-list__table { width: 969px; } .info-list-page-wrap--has-left-right { display: block; } .info-list-page-wrap { margin-bottom: 35px; } .info-list-page-wrap-left { width: 100%; margin: 20px 0; } .info-list-page-wrap-right { width: 100%; margin: 20px 0; } .info-list-page-news-detail-text { padding-right: 0; } .shop-cart-item__price { display: block; padding-right: 0; } .shop-cart-item__price-col--for-price { margin-top: 8px; } .shop-cart-item__left { flex: 1 1 auto; } .section-descr-header { display: block; } .section-descr-header__right { margin-top: 20px; margin-left: 0; } } /* breakpoint xs */ @media (max-width: 849px) { .lk-form__col { width: 100%; } .personal-details .lk-form__grid { display: flex; } .personal-details .lk-form__col { width: 100%; } .swiper-button { display: none; } .swiper-slide-content__link { /*padding-top: 25px;*/ padding-top: 65px; } .swiper-slide-content__link .svg-status-icon { top: 30px; left: 0; transform: none; z-index: 1; } .catalog-in-section-page-right-catalog-sort-panel-left { margin-right: 0; } .brands__slider { height: 260px; overflow: hidden; position: relative; padding-top: 40px; margin-top: -40px; padding-bottom: 40px; margin-bottom: -40px; } .brands__slider-item { display: flex; justify-content: center; } .swiper-pagination-brands { bottom: 6px; } .cart-item__title.cart-item__title { font-size: 22px; line-height: 1.2; } .cart-item__price { font-size: 20px; } #filter_form { display: none; } .personal-menu__cont:before { left: 0; } .personal-menu__cont:after { right: 0; } .swiper-container-main .swiper-slide { background-image: none !important; } .slide-mob { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background-size: inherit; background-position: center center; background-repeat: no-repeat; } .catalog-in-section-page-right { overflow: hidden; } .creat-order-page-succes-block--margin { margin-top: 20px; } .edit-profil-page-block__line { display: block; } .edit-profil-page-block__label { display: block; } .edit-profil-page-form-input--alt { margin-top: 15px; display: block } .content-wrap { /* margin-top: 66px;*/ } .personal-menu__item { margin-top: -65px; padding-top: 65px; } h1, .h1 { font-size: 26px; line-height: 30px; } .page-404 { margin-bottom: 40px; } .header-middle-line { margin-top: 0; } .header-bottom-menu__wrap { top: 0; } .header-bottom-menu { display: block; visibility: visible; opacity: 1; z-index: 50; position: fixed; top: 0; left: 0; width: calc(100% - 65px); transform: translateX(-100%); transition: transform .5s; background-color: #fff; } .header-bottom-menu.open { transform: translateX(0%); } .header-bottom-menu__header { height: 65px; background-color: #55585a; display: flex; justify-content: space-between; } .header-bottom-menu__header.visible-xs { display: flex; } .header-bottom-menu__header-right { flex: 0 0 auto; width: 70px; position: relative; } .header-bottom-menu__cont { padding-left: 0; padding-right: 0; } .hamburger { height: 65px; } .hamburger.type-cross { margin: 0; width: 100%; position: relative; } .hamburger.type-cross:after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 50px; opacity: 0.1; background-color: #e9ebef; } .header-middle-line-logo { margin-top: 12px; } .header-middle-line-work-time-block-search { margin-top: 12px; } .personal_cabinet, .personal_cart { margin-top: 7px; } .personal_cart_content, .personal_cabinet { display: none; } .hamburger.type-cross .hamburger__ico:before, .hamburger.type-cross .hamburger__ico:after { width: 22px; top: 0; left: -1px; bottom: auto; } .hamburger.type-cross .hamburger__ico:before, .hamburger.type-cross .hamburger__ico:after { background-color: #fff; } .hamburger.type-cross:hover .hamburger__ico:before, .hamburger.type-cross:hover .hamburger__ico:after { background-color: #fff; } .hamburger.type-cross:hover .hamburger__ico, .hamburger.type-cross .hamburger__ico { background-color: transparent; } .hamburger.type-cross .hamburger__ico:before { transform: rotate(-45deg); } .hamburger.type-cross .hamburger__ico:after { transform: rotate(45deg); } .header-middle-line { height: 65px; margin-bottom: 0; } .header-middle-line-work-time-block, .header-bottom-menu__info { display: none; } .header-top-line-right { position: absolute; top: 0; right: 0; height: 100%; } .personal_cart_link { padding-left: 15px; padding-right: 15px; } .lang--mob .cur_lang { height: 65px; display: flex; align-items: center; padding-left: 15px; padding-right: 27px; margin-right: 0; } .lang--mob.visible-sm { height: 65px; margin-left: 0; } .lang--mob .show-drop { top: 100%; } .header-bottom-menu { border: 0; height: 100%; overflow: auto; } .header-bottom-line-top-menu-wrap { position: static; background-color: #fff; } .header-bottom-line-top-menu { position: static; } .header-bottom-menu .link_section--block { width: 100%; } .slide_down_menu { display: block; left: 0; top: 65px; width: 100%; opacity: 1; transform-origin: left center; visibility: visible; z-index: 2; border: 0; transform: translateX(-100%); transition: transform .5s; overflow: visible; background-color: #fff; } .slide_down_menu.open_menu { z-index: 2; transform: translateX(0%); } .header-bottom-menu .type2_content { width: auto; max-width: 276px; } .actuale_propose { width: 100%; max-width: 276px; } .slide_down_menu .menu_4_cols { max-width: 100%; height: auto; } .menu_4_cols__links-level-3 { display: block; padding-left: 20px; } .features-blocks__col--small, .features-blocks__col--medium, .features-blocks__col--large { width: 100%; } .features-blocks__col { margin-bottom: 0; } .features-blocks__col:not(:first-child) { margin-top: 15px; } .mob-menu-links { display: block; padding: 10px 0; border-bottom: 1px solid #e9ebef; background-color: #fff; } .mob-menu-links__list { margin: 0; padding: 0; list-style: none; } .mob-menu-links__item { display: block; margin-top: 5px; } .mob-menu-links__link { display: block; padding: 10px 15px; color: #4a4a4a; font-size: 16px; } .mob-menu-links__link--big { display: block; padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; font-weight: 700; } .lang--mob .show-drop { padding: 0; } .lang--mob .show-drop a { display: block; padding: 15px; } .line-title-base { display: block; margin-bottom: 10px; } .line-title-base__link { display: block; padding-top: 15px; padding-bottom: 15px; } .line-title-base h2 { font-size: 18px; } .catalog-promo-items-block-section-items-list__alt-colors { right: 0; transform: none; } .swiper-container-4row .swiper-slide > div { width: 100%; } .brands__col { width: 50%; } .clients-slider__swiper-slide-content { display: block; } .clients-slider__swiper-slide-right { margin-top: 20px; } .clients-slider__swiper-slide-content { width: 100%; padding: 0 55px; } .clients-slider .swiper-button-prev { left: -17px; } .clients-slider .swiper-button-next { right: -17px; } .info-list-page-news-list { width: calc(100% + 15px); margin-left: -7.5px; margin-right: -7.5px; margin-top: -15px; } .info-list-page-news-list-col { width: 50%; padding: 0 7.5px; margin-top: 15px; } .info-list-page-section-list { margin-left: -10px; margin-right: -10px; width: calc(100% + 20px); } .info-list-page-section-list-item { font-size: 20px; margin-left: 10px; margin-right: 10px; } .all_news_and_articles { top: -30px; right: 10px; } .promo-features__col { width: 50%; } .footer__col:not(.footer__col--wide) { display: none; } .footer__col--wide { width: 100%; } .header-bottom-line-top-menu__back { display: flex; height: 50px; padding: 0 15px; align-items: center; width: 100%; } .header-bottom-line-top-menu__back-icon { width: 14px; height: 14px; margin-right: 12px; } .slide_down_menu .header-bottom-line-top-menu__back + .menu_4_cols { padding: 15px 0; width: 100%; } .slide_down_menu a.item { padding: 15px 0 15px 35px; } /* .menu_4_cols--blocks .menu_4_cols__links-level-3 { padding: 15px 0 15px 35px; }*/ .header-bottom-menu .link_section:before { top: 22px; } .slide_down_menu .menu_4_cols { padding: 15px; background-color: #e9ebef; } .slide_down_menu .menu_4_cols--blocks { display: block; max-width: 100%; padding: 15px; } .link_section--block { position: relative; padding-left: 0; margin-bottom: 0; width: 100%; } .link_section--block:nth-child(even), .link_section--block:nth-child(odd) { margin-left: 0; margin-right: 0; } .header-bottom-menu .link_section--block { margin-bottom: 0; } .slide_down_menu a.link_section__item--title-link.item { padding: 10px 15px; } .menu_4_cols__links-level-3:not(:empty) { margin-bottom: 15px; } .header-bottom-line-top-menu__link { padding: 8px 15px; } .header-middle-line-logo { position: absolute; margin-top: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 40px; } .swiper-button-prev-overstock, .swiper-button-next-overstock { display: none; } .overlay { top: 0; } .catalog-in-section-page { display: block; } .section-descr { padding: 30px 15px; } .catalog-menu--sections { /*display: none;*/ } .catalog-menu { width: 100%; } .catalog-menu__link { width: auto; flex: 1 1 auto; background-color: transparent; } .catalog-menu__accordion-icon { background-color: transparent; } .left-filter-and-menu__wrap { background-color: #f4f4f4; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .filter-form { padding-top: 15px; margin-left: 25px; margin-right: 25px; padding-bottom: 30px; } .catalog-menu__item:first-of-type { border-top: 1px solid #eaeaea; } .filter-btn--mob { display: flex; position: static; margin-right: 0; box-shadow: none; height: auto; } .filter-btn--mob .filter-btn__text { padding-left: 20px; } .filter-btn--mob .filter-btn__btn { border: 0; background-color: transparent; outline: none; } .catalog-menu--filter { margin-top: 0; } .left-filter-and-menu__wrap { padding-left: 0; padding-right: 0; } .pagination-block, .pagination-panel__info { /*display: none;*/ } .pagination-panel { border-top: none; } .pagination-panel__btn-more { margin: 20px auto 0; } .in-pages-title-block__cont { padding-left: 0; padding-right: 0; } .left-filter-and-menu { margin-top: 0; } .catalog-menu__panel { background-color: transparent; } .section-descr__table-col { flex: 1 1 100%; } .section-descr__table-col:nth-child(2) .section-descr__table-item { border-top: 0; } .cart-item__added-main { display: block; } .cart-item__added-main-right { margin-top: 15px; flex-wrap: wrap; width: 100%; } .cart-item__added-btn-cart { margin-top: 15px; justify-content: center; } .selected-item__status { flex-wrap: wrap; margin-top: 0; } .cart-item__articul-number--circled { margin-top: 10px; } .selected-item__product-status { margin-top: 10px; } .selected-item__status-message { margin-top: 10px; } .swiper-container-main { margin-left: -15px; margin-right: -15px; width: auto; } .menu_4_cols:not(.menu_4_cols--blocks) .link_section:not(.link_section--block):before { left: 15px; } .menu_4_cols.menu_4_cols--blocks .link_section.link_section--block:before { left: 15px; } .cart-item__added-item { padding-left: 0; padding-right: 0; } .cart-item__added-cross-btn { margin-right: 0; width: 40px; height: 40px; } .selected-item__status-message { display: none; } .selected-item__price-wrap--left { display: none; } .selected-item__right { margin-left: 80px; } .selected-item__name { font-size: 15px; line-height: 1.5; } .personal-menu__list { margin: 0 -15px; padding: 0; } .search-form--mob { display: block; } .search-form--mob .search-form__input { height: 53px; border: 0; border-bottom: 1px solid #e9ebef; padding-left: 40px; } .search-form--mob .search-form__input:hover { border: 0; border-bottom: 1px solid #e9ebef; } .search-form--mob .search-form__input:focus { border: 0; border-bottom: 1px solid #e9ebef; } .search-form--mob .search-form__btn { height: 53px; left: -6px; } .search-form--mob .search-form__btn-input { height: 53px; } .search-form--mob .search-form__btn-icon { top: 47%; } .shop-cart { } .shop-cart-item__left { padding-left: 0; padding-right: 20px; } .shop-cart__table-header-left { padding-left: 0; width: 160px; } .shop-cart__table-header-right { min-width: 160px; } .shop-cart__table-header-right--alt { min-width: 314px; } .calc_input_block { display: block; margin-top: 30px; } .custom-select-div { margin-top: 0; } .calc_param_image { margin-left: 0; margin-top: 15px; } .calc_param_description { margin-top: 15px; } .calc__search { margin-top: 15px; } .color-sort { margin-top: 15px; } .zipper-items__image { width: 60px; height: 60px; } .zipper-items__pic { width: 60px; height: 60px; } .zipper-items__svg { width: 15px; height: 15px; } .zipper-items__name { margin-top: 10px; } .selected-item__close-btn { display: flex; } .calc_param__counter { margin-top: 15px; } .zipper-items__col { flex: 0 0 25%; min-width: 1px; padding-left: 10px; padding-right: 10px; } .zipper-items__item { width: 100%; margin-left: auto; margin-right: auto; } .repeat_and_download { display: block; } .orders-list-item-right { display: block; margin-top: 15px; } .price_of_order { margin-top: 15px; } .orders-list-item-bill-dw { padding-left: 0; } .lk-form__filter-wrap, .lk-form__form-wrap { margin-top: 20px; margin-bottom: 20px; } .shop-cart-item__right--alt { margin-left: 30px; margin-top: 0; } .personal-section-page-right { margin-bottom: 40px; } .orders-list-item-date { width: 200px; } .managers__col { width: 100%; } .managers__photo { width: 143px; } .managers__photo img { width: 143px; height: 143px; } .register-page-form-label-text { display: block; } .register-page-block-line .register-page-form-input { width: 100%; max-width: 100%; margin-right: 0; } .register-page-block-line label { width: 100%; } .register-page-block-line .register-page-form-label--narrow { width: 100%; } .register-page-block-line.multi .register-page-form-input--narrow { width: 100%; } .register-page-block-line .register-page-form-label--middle { margin-top: 10px; width: 100%; } #field_COMPANY { width: 100%; } .register-page-wrap { margin-top: 40px; margin-bottom: 40px; } .register-page-block-line { display: block; } .register-page-block-error { margin-left: 0; } .static-page-wrap { margin-bottom: 40px; } .section-descr-header { padding: 30px 15px; } .section-descr-header__right { display: block; } .section-descr-header__contact { margin-left: 0; margin-top: 20px; } .section-descr-header__link { margin-left: 0; margin-top: 20px; } .managers-page { margin-bottom: 40px; } .lang--mob.visible-sm { padding-left: 0; padding-right: 0; } .lang--mob .cur_lang:after { right: 12px; top: 30px; } .selected-item__price-old:not(:empty) { display: none; } .calc_param { padding-top: 105px; margin-top: -65px; } .calc_param--fill { margin-top: 0; padding-top: 40px; } } /* breakpoint xs end */ /* breakpoint 2xs */ @media (max-width: 739px) { .features-blocks__title { font-size: 28px; } .features-blocks__caption { font-size: 16px; } .shop-cart__footer--alt { display: block; } .shop-cart__footer--alt .shop-cart__footer-right { width: auto; } .shop-cart__footer--alt .shop-cart__minsum { justify-content: flex-start; } .shop-cart__minsum { text-align: center; padding-top: 10px; padding-bottom: 10px; } .shop-cart__btn-order { font-size: 14px; } .popup-wrap { width: 100%; height: 100%; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; transform: none; overflow-y: auto; } } /* breakpoint 2xs end */ /* breakpoint 3xs */ @media (max-width: 639px) { .managers__photo { width: 100px; } .managers__photo img { width: 100px; height: 100px; } .features-links__link-item { width: 50%; } .features-links__icon { /*width: 37px;*/ } .brands__col { width: 100%; } .info-list-page-news-list-col { width: 100%; } .swiper-container-4row-actions, .swiper-container-4row-news { padding-bottom: 40px; } .swiper-container-overstock { padding-bottom: 40px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-overstock { display: inline-block; margin-bottom: 0; margin-top: 20px; width: 100%; } .swiper-container-4row-actions.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-4row-actions, .swiper-container-4row-news.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-4row-news { margin-top: 0; margin-bottom: 0; bottom: 0; width: 100%; } .swiper-container-logos8 { padding-bottom: 40px; } .swiper-container-logos8.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-logos8 { top: auto; bottom: 0; margin-top: 0; margin-bottom: 0; width: 100%; } .swiper-button-prev-logos, .swiper-button-next-logos, .swiper-button-prev-444-actions, .swiper-button-next-444-actions { display: none; } .clients-slider__swiper-slide-content { padding-left: 0; padding-right: 0; } .swiper-pagination-logos8 .swiper-pagination-bullet, .swiper-container-4row-actions .swiper-pagination-bullet, .swiper-pagination-overstock .swiper-pagination-bullet { background: #4a4a4a; opacity: .6; } .swiper-pagination-logos8 .swiper-pagination-bullet-active, .swiper-container-4row-actions .swiper-pagination-bullet-active, .swiper-pagination-overstock .swiper-pagination-bullet-active { background: #4a4a4a; opacity: 1; } .catalog-promo-items-block-section-items-list__colors { margin-top: 0; } .cart-item__added-item { display: block; position: relative; } .cart-item__added-info { margin-top: 15px; } .cart-item__added-main { } .cart-item__added-cross-btn { position: absolute; top: 25px; right: 0; } .cart-item__added-item-price, .cart-item__added-item-old-price { display: none; } .cart-item__added-btn-cart { display: block; width: 100%; max-width: 166px; } .cart-item__panel-footer { display: block; } .cart-item__panel-footer-right { margin-left: 0; margin-top: 15px; display: block; text-align: left; } .cart-item__panel-footer-caption { display: block; } .cart-item__panel-footer-link { display: block; margin: 15px 0 0; } .selected-item__right { margin-left: 0; } .cart-item__panel-header { display: block; } .cart-item__search-label { margin-left: 0; margin-top: 15px; } .personal-menu__cont { width: 100%; } .shop-cart { margin-bottom: 20px; } .shop-cart__footer { display: block; } .shop-cart__footer-left { display: block; width: 100%; } .shop-cart__footer-right { width: 100%; } .shop-cart-item__image { margin-right: 10px; } .shop-cart__promocode { margin-right: 0; } .shop-cart__promocode-input { width: 100%; } .shop-cart__delivery-wrap { justify-content: center; } .shop-cart__delivery { margin-right: 0; } .shop-cart-item__name { margin-right: 0; } .shop-cart-item__sku { margin-right: 0; } .shop-cart-item__product-status { margin-right: 0; } .shop-cart-item__status-message { padding-left: 10px; padding-right: 10px; } .shop-cart-item__left { flex: 0 0 50%; } .shop-cart-item__name, .shop-cart-item__sum { font-size: 16px; } .calc-zipper__left { max-width: 284px; } .calc-zipper__input { width: 280px; } .calc-zipper__zipper-bg { width: 256px; } .calc-zipper__red-zipper-wrap { width: 260px; } .calc_param { padding-top: 85px; margin-top: -65px; padding-bottom: 20px; } .calc__price-block { display: block; } .calc__price-item-text, .calc__price-item-descr { text-align: left; } .calc__price-item { margin-top: 15px; } .calc__price-item:first-child { margin-top: 0 } .calc__price-item--left { margin-left: 0; } .calc__price-action { margin-top: 20px; } .calc__price-btn { padding-left: 10px; padding-right: 10px; } .custom-select-div--margin { margin-right: 0; } .calc_param--fill { margin-top: 0; padding-top: 20px; padding-bottom: 20px; } .calc_input_block select { width: 100%; } .orders-list-item-line, .orders-list-item-status, .orders-list-item-delivery { display: block; } .orders-list-item-delivery { margin-top: 15px; } .lk-form__label .field-checkbox__visual{ display: inline-block; vertical-align: bottom; } .lk-form__label { display: block; } .lk-form__info { padding-left: 0; } .lk-form__label-text { margin-bottom: 15px; } .shop-cart-item--alt { display: block; position: relative; } .shop-cart-item__info--alt { margin-right: 30px; } .shop-cart-item__info-block { position: static; } .shop-cart-item__right--alt { margin-top: 15px; margin-bottom: 0; min-width: 1px; width: auto; margin-left: 70px; position: static; } .shop-cart-item__info-block { width: auto; height: auto; } .shop-cart__table-header { display: none; } .shop-cart-item__cross-btn--alt { top: 14px; right: 0; } .shop-cart__additional-link { padding-left: 25px; padding-right: 25px; } .zipper-items__col { flex: 0 0 50%; } .info-list-page-news-detail-img-wrap { margin-left: 0; margin-right: 0; } .shop-cart__promocode-svg { right: auto; left: 12px; } .lk-form__content-wrap { margin-left: 0; margin-right: 0; } } /* breakpoint 3xs end */ /* breakpoint 4xs */ @media (max-width: 449px) { .features-links__wrap { margin-left: -10px; margin-right: -10px; width: auto; } .features-links__link-item { padding-left: 10px; padding-right: 10px; } .features-links__name { font-size: 12px; } .features-links__icon { width: 35px; height: 35px; } .features-links__cont { margin-left: 10px; } .features-blocks__descr { max-height: 69px; } .shop-cart-item { display: block; } .shop-cart-item__right { margin-left: 70px; margin-top: 15px; position: static; } .shop-cart-item { position: relative; } .shop-cart-item__cross-btn { top: 14px; right: 0; } .shop-cart-item__name { margin-right: 50px; } .shop-cart__table-header { display: none; } .managers__item { flex-direction: column-reverse; } .managers__manager { margin-right: 0; } .managers__photo { margin-bottom: 15px; } } /* breakpoint 4xs end */ /* TOOLS */ .hidden { display: none; } /* md */ @media (max-width: 1396px) { .hidden-md{display: none;} .visible-md{display: block;} .visible-md-inline{display: inline;} .visible-md-f{display: flex;} .visible-md-if{display: inline-flex;} .visible-md-ib{display: inline-block;} .visible-md-table{display: table;} .visible-md-tc{display: table-cell;} } /* sm */ @media (max-width: 999px) { .hidden-sm{display: none;} .visible-sm{display: block;} .visible-sm-inline{display: inline;} .visible-sm-f{display: flex;} .visible-sm-if{display: inline-flex;} .visible-sm-ib{display: inline-block;} .visible-sm-table{display: table;} .visible-sm-tc{display: table-cell;} } /* xs */ @media (max-width: 849px) { .hidden-xs{display: none;} .visualy-hidden-xs { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; } .visible-xs{display: block;} .visible-xs-f{display: flex;} .visible-xs-if{display: inline-flex;} .visible-xs-inline{display: inline;} .visible-xs-ib{display: inline-block;} .visible-xs-table{display: table;} .visible-xs-tc{display: table-cell;} } .confirm-panel { position: fixed; bottom: 20px; left: 0; right: 0; transition: .3s; color: #fff; z-index: 200; } .confirm-panel__wrap { padding: 30px 40px; background-color: rgba(51, 51, 51, .8); display: flex; } .confirm-panel__cell-main { flex: 1 1 auto; } .confirm-panel__cell-action { flex: 0 0 auto; margin-left: 60px; } .confirm-panel.closed { opacity: 0; visibility: hidden; transform: translate3d(0, 110%, 0); } .confirm-panel:not(.closed) ~ .button-top { opacity: 0; visibility: hidden; } .confirm-panel__link { color: #fff; text-decoration: underline; } .no-touch .confirm-panel__link:hover { border-bottom-color: transparent; } .confirm-panel__content a{ color: #fff; text-decoration: underline; } .confirm-panel__content { text-align: left; padding-right: 30px; } .confirm-panel__checkboxes{ display: flex; align-items: center; list-style: none; padding: 0; margin-top: 20px; gap: 16px 32px; } .checkbox-new { display: inline-flex; vertical-align: top; align-items: center; cursor: pointer; transition-duration: 300ms; } .checkbox-new__input { display: none; } .checkbox-new__input:checked ~ .checkbox-new__icon { background-color: #fff; } .checkbox-new__input:checked ~ .checkbox-new__icon::after { opacity: 1; } .checkbox-new__input:disabled ~ .checkbox-new__icon { background-color: gray; } .checkbox-new__icon { position: relative; box-sizing: border-box; width: 20px; height: 20px; margin-right: 9px; border: 1px solid #fff; border-radius: 3px; transition-duration: 300ms; } .checkbox-new__icon::after { content: ''; position: absolute; top: 4px; left: 2px; display: block; width: 14px; height: 7px; border-bottom: 2px solid #000; border-left: 2px solid #000; opacity: 0; transition-duration: 300ms; transform: rotate(-45deg); } .checkbox-new--black .checkbox-new__icon::after { border-color: #fff; } .checkbox-new--black .checkbox-new__icon{ border-color: #000; } .checkbox-new--black .checkbox-new__input:checked ~ .checkbox-new__icon { background-color: #000; } .checkbox-new--black .checkbox-new__input:disabled ~ .checkbox-new__icon { background: #8d8d8d; } @media (max-width: 1396px) { .confirm-panel__cell-action { margin-left: 40px; } } @media (max-width: 849px) { .hidden-849{ display:none; } .confirm-panel__wrap { display: block; padding: 15px 20px; } .confirm-panel__cell-action { margin: 15px 0 0; flex: 1 1 auto; text-align: left; } .confirm-panel__content { padding-right: 0; } .confirm-panel__content p { font-size: 14px; line-height: 22px; } } .field-checkbox { display: flex; position: relative; cursor: pointer; width: fit-content; padding-right: 18px; font-size: 14px; line-height: 20px; text-align: left; } .field-checkbox__input { position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; } .field-checkbox__visual { display: block; flex: 0 0 auto; width: 20px; height: 20px; border: 1px solid #cccfd3; background: transparent; margin-right: 10px; border-radius: 2px; transition: .25s; position: relative; } .field-checkbox__visual::after { content: ""; position: absolute; top: 50%; left: 50%; border-bottom: 2px solid #fff; border-left: 2px solid #fff; width: 11px; height: 8px; transform: translateY(-2px) translate(-50%, -50%) rotate(-45deg); opacity: 0; transition: .25s; } .field-checkbox__text { flex: 1 1 auto; } .blackout .field-checkbox__text span { color: #fff; } .field-checkbox__input:checked ~ .field-checkbox__visual { border-color: #1E0AAA; background: #1E0AAA; } .field-checkbox__input:checked ~ .field-checkbox__visual::after { opacity: 1; } .blackout .field-checkbox__text-link { color: #fff; text-decoration: underline; } .blackout .field-checkbox__text-link:hover { text-decoration: none; } .custom_table{ overflow-x: auto; } .custom_table::-webkit-scrollbar { height: 8px; } .custom_table::-webkit-scrollbar-thumb { background-color: gray; border-radius: 5px; } .custom_table table tr:first-child { font-weight: 600; } @media (max-width: 994px) { .in-pages-title-block h1 { font-size: 25px; } .title_accordion1 { padding-left: 10px; padding-right: 10px; } .section-descr table { width: 100%; display: block; overflow: scroll; border-collapse: collapse; } .section-descr iframe { width: 100%; } .section-descr img { width: 100%; } .section-descr table p { font-size: 12px; } .catalog-header__caption { font-size: 14px !important; } } .footer-socials-block-list .footer-socials-block-list-item.tg:hover img { content: url(/local/images/teleg-b.svg); } .footer-socials-block-list .footer-socials-block-list-item.wp:hover img { content: url(/local/images/whatsap-b.svg); } .footer-socials-block-list .footer-socials-block-list-item.in:hover img { content: url(/local/images/insg-b.svg); } .footer-socials-block-list .footer-socials-block-list-item.fb:hover img { content: url(/local/images/faceb-b.svg); } .footer-socials-block-list .footer-socials-block-list-item.yo:hover img { content: url(/local/images/yout-b.svg); } .footer-socials-block-list-item { transition: 0.3s; } .footer-subscribe-block .footer-socials-block .footer-socials-block-list-item:hover img { opacity: 0.7; } .multiselect-display { text-overflow: ellipsis; width: 100%; height: 29px; font-size: 14px; line-height: 17px; overflow: hidden; border: 1px solid #737373; align-items: center; display: flex; padding: 0 20px; padding-top: 1px; } .dropdown { position: absolute; top: 100%; left: 0; right: 0; border: 1px solid #ccc; background: white; box-shadow: 0 2px 6px rgba(0,0,0,0.1); margin-top: 4px; display: none; z-index: 10; min-width: 360px; } .dropdown.open { display: block; } .dropdown label { display: block; padding: 4px 10px; cursor: pointer; font-size:14px; } .dropdown label:hover { background-color: #f0f0f0; } .dropdown input[type="checkbox"] { margin-right: 8px; } .footer-phones-block-name a{ color: #000; } .footer-phones-block-name a:hover{ color: #1E0AAA; } @media (max-width:994px) { .button__pJkOv { bottom: 80px !important; } .selected-item__cont { padding-bottom: 10px !important; } .selected-item__left { width: 85% !important; } .selected-item__image { width: 40px; height: 40px; } .features-blocks__descr { font-size: 15px; } #toTop { left: 20px !important; } } .features-blocks h2.features-blocks__title.h2 { margin: -17px 0px !important; max-width: 98% !important; line-height: normal; } .features-blocks__descr { margin: 23px auto 0 !important; } ._orientationRight__u1RKV .button__b2i28 { right: 100px; } ._orientationRight__k23g7.wrap__yB9Yx { bottom: 127px !important; } .wrap__aRqT6._orientationRight__IH1mt._show__BYrkW.__jivoMobileButton { margin-bottom: 70px; } /* End */ /* Start:/local/templates/furnitop/styles/normalize.css?15780462997282*/ /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Prevent adjustments of font size after orientation changes in IE and iOS. */ html { font-family: Montserrat, Arial, sans-serif; -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ font-weight: 400; } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, /* 1 */ figcaption, figure, footer, header, main, /* 2 */ menu, nav, section, summary { /* 1 */ display: block; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, /* 1 */ [hidden] { display: none; } /* Links ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: 700; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /* Forms ========================================================================== */ /** * 1. Change font properties to `inherit` in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, select, textarea { font: inherit; /* 1 */ margin: 0; /* 2 */ } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Correct the text style of placeholders in Chrome, Edge, and Safari. */ ::-webkit-input-placeholder { color: inherit; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* End */ /* Start:/local/components/sh/initSite/css/templates.css?15493733361118*/ .autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); } .autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; } .autocomplete-no-suggestion { padding: 2px 5px;} .autocomplete-selected { background: #F0F0F0; } .autocomplete-suggestions strong { font-weight: bold; color: #01A0E4; } .autocomplete-group { padding: 2px 5px; } .autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } .max_height_filter{max-height: 300px; overflow-y: auto; overflow-x: hidden; position: relative;} .hide{display:none!important;} .no-margin{margin: 0;} .htmlblockedit { display: inline-block; width: auto; background-color: #ff0; font-size: 11px; line-height: 15px; border: 1px solid #f00; color: #00f; padding: 5px; cursor: pointer; position: relative; z-index: 100; font-weight: bold;} /* End */ /* Start:/local/components/sh/initSite/css/ajax.css?15493733361552*/ /** * ajax */ iframe.waitwindowlocal { position: absolute; border: 0px; z-index: 11113; } .waitwindowlocalshadow { position: absolute; z-index: 11112; background-image: url(/local/images/shadow.png); } .bx-core-waitwindow { display: none; } #nprogress { pointer-events: none; } #nprogress .bar { background: #324BAB; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #324BAB, 0 0 5px #324BAB; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 10000; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #324BAB; border-left-color: #324BAB; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* End */ /* /local/templates/furnitop/styles/datepicker.min.css?154937333612257 */ /* /local/components/sh/search.form/templates/.default/style.css?17356464194079 */ /* /local/components/sh/search.form/templates/mobile/style.css?17356580214079 */ /* /local/templates/furnitop/components/bitrix/breadcrumb/breadcrumb/style.css?15780462991661 */ /* /local/templates/furnitop/template_styles.css?1737621843199 */ /* /local/templates/furnitop/styles/styles.css?1751302842314584 */ /* /local/templates/furnitop/styles/normalize.css?15780462997282 */ /* /local/components/sh/initSite/css/templates.css?15493733361118 */ /* /local/components/sh/initSite/css/ajax.css?15493733361552 */