/* Start:/bitrix/templates/decordizayn/ajax/ajax.min.css?1672962232247*/ iframe.waitwindowlocal{position:absolute;border:0;z-index:9999}div.waitwindowlocal{position:absolute;width:25px;height:25px;padding:0;z-index:10000;display:none}div.waitwindowlocalshadow{position:absolute;background:rgba(255,255,255,.6);z-index:2} /* End */ /* Start:/bitrix/templates/decordizayn/css/normalize.css?16729622321782*/ html{line-height:1.15;-webkit-text-size-adjust:100%} body{margin:0} h1{font-size:2em;margin:.67em 0} hr{box-sizing:content-box;height:0;overflow:visible} pre{font-family:monospace,monospace;font-size:1em} a{background-color:transparent} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:bolder} code,kbd,samp{font-family:monospace,monospace;font-size:1em} small{font-size:80%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} img{border-style:none} button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0} button,input{overflow:visible} button,select{text-transform:none} button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button} button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText} fieldset{padding:.35em .75em .625em} legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal} progress{vertical-align:baseline} textarea{overflow:auto} [type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0} [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto} [type="search"]{-webkit-appearance:textfield;outline-offset:-2px} [type="search"]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} details{display:block} summary{display:list-item} template{display:none} [hidden]{display:none} /* End */ /* Start:/bitrix/templates/decordizayn/css/nouislider.min.css?16729622324441*/ /*! nouislider - 14.4.0 - 5/6/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height: 100%;position:relative;z-index:1;}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right: -5px;top:-6px;width: 10px !important;border: 2px solid #4e3378;border-radius: 20px;cursor: pointer;}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background: #eeeeee;border-radius:4px;border: 1px solid #eeeeee;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB;}.noUi-connects{border-radius:3px}.noUi-connect{background: #4e3378;}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}.noUi-handle:after,.noUi-handle:before {display: none;} /* End */ /* Start:/bitrix/templates/decordizayn/css/slick.css?16729622322784*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;border-radius:5px;} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-dotted.slick-slider{margin-bottom:30px} .slick-dots{position:absolute;bottom:-15px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center} .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer} .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent} .slick-dots li button:hover,.slick-dots li button:focus{outline:none} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} .slick-dots li button:before{font-family:'slick';font-size:20px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.45;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{opacity:.75;color:#000} .slick-dots { bottom: -20px; } .slick-dots li button:before { font-size: 0; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 8px; border-radius: 50%; height: 8px; cursor: pointer; color: transparent; border: 2px solid rgba(9,9,121,0); outline: none; background: #2b4d53; margin: 25px 0px 0px 0px!important; } .slick-dots li.slick-active button { border:2px solid black; transition: 1s; } /* End */ /* Start:/bitrix/templates/decordizayn/css/fonts.css?16729622323139*/ @font-face { font-family: 'fontello'; src: url('/bitrix/templates/decordizayn/css/../fonts/Fontello/fontello.eot'); src: url('/bitrix/templates/decordizayn/css/../fonts/Fontello/fontello.eot#iefix') format('embedded-opentype'), url('/bitrix/templates/decordizayn/css/../fonts/Fontello/fontello.woff2') format('woff2'), url('/bitrix/templates/decordizayn/css/../fonts/Fontello/fontello.woff') format('woff'), url('/bitrix/templates/decordizayn/css/../fonts/Fontello/fontello.ttf') format('truetype'), url('/bitrix/templates/decordizayn/css/../fonts/Fontello/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('/bitrix/templates/decordizayn/css/../font/Fontello/fontello.svg#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bolt:before { content: '\e800'; } .icon-camp:before { content: '\e801'; } .icon-cart:before { content: '\e802'; } /* '' */ .icon-clock:before { content: '\e803'; } /* '' */ .icon-email:before { content: '\e804'; } /* '' */ .icon-heart:before { content: '\e805'; } /* '' */ .icon-lock:before { content: '\e806'; } /* '' */ .icon-map:before { content: '\e807'; } /* '' */ .icon-phone:before { content: '\e808'; } /* '' */ .icon-search-plus:before { content: '\e809'; } /* '' */ .icon-search:before { content: '\e80a'; } /* '' */ .icon-sync:before { content: '\e80b'; } /* '' */ .icon-th:before { content: '\e80c'; } /* '' */ @font-face { font-family: 'Droid Sans'; src: url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSans-Bold.eot'); src: local('Droid Sans Bold'), local('DroidSans-Bold'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSans-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSans-Bold.woff') format('woff'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSans-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Droid Sans Mono'; src: url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSansMono.eot'); src: local('Droid Sans Mono Regular'), local('DroidSansMono'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSansMono.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSansMono.woff') format('woff'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSansMono.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Droid Sans'; src: url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSans.eot'); src: local('Droid Sans'), local('DroidSans'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSans.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSans.woff') format('woff'), url('/bitrix/templates/decordizayn/css/../fonts/DroidSans/DroidSans.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* End */ /* Start:/bitrix/templates/decordizayn/template_styles.css?1676643364123337*/ html, body, div, span, applet, object, ul, ol, iframe, img, ins, kbd, q, s, samp, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; } *,*:before,*:after { -webkit-box-sizing:border-box;box-sizing:border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } b, strong { font-weight: bold; } input { outline: none; } input:focus,textarea:focus,button:focus,.btn:focus{-webkit-box-shadow:none;box-shadow:none;} table { border-collapse: collapse; border-spacing: 0; } img { border: 0; max-width: 100%; vertical-align: top;} iframe{ border:0; } a {text-decoration: none; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out; color: #000;} a:hover { text-decoration: none; color: #000;} *:focus{outline:none} body { /*font-family: 'Droid Sans', sans-serif;*/ font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; color: #000; /*background: #E5E5E5;*/ background: #f8f9fa; margin: 0 auto; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; position: relative; } div[id^=wait_comp] { display: none; } .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(78, 50, 120, 0.3); z-index: 455; -webkit-transition: .7s opacity; transition: .7s opacity; display: none; opacity: 0; } .overlay.open { display: block; } /***** CUSTOM *****/ .row-flex { display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .btn-border-gray{ white-space: nowrap; } h1,h2,h3,h4,h5,h6,ul,li,p,span{ font-family:'Roboto',sans-serif; } ul,li,p,span{ color:#333; } .main-user-consent-request-announce{ color:#555; font-size:12px; } .cat_name{ margin-bottom:5px; } .logo{ text-align: center; } .logo a img{ max-height:75px; } .logo small{ text-transform: uppercase; font-size:7pt; } .navbar ul li a{ font-weight:600; } .main-icons h5 { font-family: 'Roboto', sans-serif; font-weight: bolder; font-size: 15px; text-transform: uppercase } .main-icons h5 small { font-size: 14px; text-transform: none; } .main-icons .col-6 h5 i{color:#000;margin-bottom:12px;} .main-icons .col-6 hr{margin-top:0.75rem;margin-bottom:0.5rem;} } .text-block_warantly p { margin: 0 0 5px!important; } .basket-gift { white-space: normal; height: 80px; } .basket-gift img { max-height:30px; max-width: auto; } .basket-gift:hover { transform: none; } .price-block .item-oldprice{ margin: 4px 0 0 10px!important; color: #8c8c8c; font-size: 14px; font-weight: 700; } /***** DEFAULT *****/ /* colors */ .bg-warning { background: #eeeeee !important; } .text-warning { color: #a78d8a !important; } .text-dark { color: #27193c !important; } .text-primary { color: #000 !important; } .text-secondary { color: #a6a6a6 !important; } /* btn */ .btn { display: inline-block; vertical-align: top; padding: 0 20px; height: 38px; line-height: 34px; text-transform: uppercase; border-radius: 5px; border: 2px solid; font-size: 14px; } .btn-border { border: 1px solid #2B4D53; line-height: 36px; color: #2B4D53; } .btn-border.active { background: #0E3C50; color: #FFF; } .btn-primary { color: #000 !important; border-color: #000 !important; background-color: #fff!important; } .btn-primary:hover { background: #7e7e7e!important; color: #FFF !important; border-color: #0E3C50 !important; /*background: transparent !important;*/ -webkit-box-shadow: none; box-shadow: none; } .item .btn-primary, .item .btn-light { border-radius: 0px; margin-bottom: 10px; } .bottom-line .btn-primary { background: #fff !important; color: #42454C !important; border-color: #fff !important; } .btn-warning { background: #fff !important; color: #42454C !important; /*-webkit-box-shadow: 0px 3px 8px 0px rgba(255, 181, 84, 0.66); box-shadow: 0px 3px 8px 0px rgba(255, 181, 84, 0.66);*/ border-color: #fff !important; } .btn-warning:hover { /*background: #000 !important; color: #FFF !important; border-color: #000 !important;*/ -webkit-box-shadow: none !important; box-shadow: none !important; } .bx_filter .btn-warning { background: #7e7e7e !important; color: #fff !important; /*-webkit-box-shadow: 0px 3px 8px 0px rgba(255, 181, 84, 0.66); box-shadow: 0px 3px 8px 0px rgba(255, 181, 84, 0.66);*/ border-color: #7e7e7e !important; } .btn-credit { min-height: 38px;/*правка андрея */ height: auto;/*правка андрея */ background: #ffdf00 !important; color: #27193c !important; -webkit-box-shadow: 0px 3px 8px 0px rgba(255, 181, 84, 0.66); box-shadow: 0px 3px 8px 0px rgba(255, 181, 84, 0.66); border-color: #ffdf00 !important; display: none; } .pricebar .btn-credit {line-height: normal;} /*.btn-credit:hover { background-color: #ceb507 !important; border-color: #ceb507 !important; }*/ .btn-light { background: #eeeeee; border-color: #eeeeee; -webkit-box-shadow: 0px 2px 4px 0px rgba(166, 166, 166, 0.33); box-shadow: 0px 2px 4px 0px rgba(166, 166, 166, 0.33); color: #a6a6a6; border-color: #eeeeee; } .btn-info, .btn-consult { background: #2B4D53; border-color: #2B4D53; -webkit-box-shadow: 0px 2px 4px 0px rgba(167, 141, 138, 0.66); box-shadow: 0px 2px 4px 0px rgba(167, 141, 138, 0.66); color:#fff; white-space: nowrap; } .btn-consult{ font-size:82%!important; } .btn-consult-2, .btn-consult-2:hover{ background-color: #ad2d1f!important; border-color: #ad2d1f!important; color:#fff!important; -webkit-animation-name: 'play_down'; -moz-animation-name: 'play_up'; animation-duration: 1s; animation-iteration-count: infinite; box-shadow: 0 0 0 3px rgba(0, 0, 0,.3); cursor: pointer; } @keyframes play_top { 0% { -webkit-box-shadow: 0 0 rgba(0,163,182,.6); -moz-box-shadow: 0 0 rgba(0,163,182,.6); box-shadow: 0 0 rgba(0,163,182,.6); } to { -webkit-box-shadow: 0 0 0 20px rgba(0,163,182,0); -moz-box-shadow: 0 0 0 20px rgba(0,163,182,0); box-shadow: 0 0 0 20px rgba(0,163,182,0); } } @keyframes play_down { 0% { -webkit-box-shadow: 0 0 rgba(55,55,55,.6); -moz-box-shadow: 0 0 rgba(55,55,55,.6); box-shadow: 0 0 rgba(55,55,55,.4); } to { -webkit-box-shadow: 0 0 0 20px rgba(55,55,55,0); -moz-box-shadow: 0 0 0 20px rgba(55,55,55,0); box-shadow: 0 0 0 20px rgba(55,55,55,0); } } .btn-info:hover,.btn-info:active, .btn-consult:hover,.btn-consult:active { background: #2B4D53;; border-color: #2B4D53;; } .btn-consult:hover,.btn-consult:active{ color:#fff!important; } .btn-lg { height: 42px; line-height: 38px; } .btn-border-gray { border: 2px solid #a6a6a6; color: #a6a6a6; text-transform: none; } .btn-small { height: 28px; line-height: 22px; text-transform: none; font-size: 14px; padding: 0 10px; } .btn-small.btn-border { line-height: 26px; } .btn-icon i { margin-right: 0; } .btn-more { -webkit-appearance: none!important; background: #fff; border-color: #fff; color: #000; width: 350px; display: block; margin: 0 auto; border-radius: 0; text-transform: none; -webkit-box-shadow: 0px 2px 8px 0px rgba(253, 246, 242, 0.66); box-shadow: 0px 2px 8px 0px rgba(253, 246, 242, 0.66); border-radius: 5px; } .btn-more b { font-weight: normal; } .btn-view { width: 34px; height: 34px; line-height: 32px; text-align: center; padding: 0; } button { box-shadow: none !important; outline: none !important; } .button_podrobnee { font-size: 20px; text-decoration: underline; } .icon-orange i { color: #fdb554; } /* table */ .table td, .table th { border: none; padding: 15px; color: #666666; } .cart-table .table td, .cart-table .table th { padding: 20px; font-weight: normal; color: #27193c; font-size: 12px; } .cart-table .table th { font-size: 14px; color: #a6a6a6; } .cart-table .table td b { color: #000; white-space: nowrap; } .delete { width: 24px; height: 24px; background: transparent; border: 1px solid #000; line-height: 22px; padding: 0; margin: 0; border-radius: 4px; font-size: 14px; color: #000; -webkit-transition: .3s background, .3s color; transition: .3s background, .3s color; text-align: center; } .delete:hover { color: #FFF; background: #000; } /* alert */ .alert { padding-left: 0px; position: relative; text-align: center; font-weight:400; text-decoration: underline; } .alert:before { display:none; content: '!'; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 15px; background: #a78d8a; text-align: center; line-height: 14px; font-size: 10px; color: #fdf5f0; border-radius: 2px; font-weight: bold; } .alert-warning { background: #fff; border: none; color: #fff; } .info-alert { background: #BCB8B1; margin: 0 0 43px; font-size: 14px; } .info-alert .alert { background: transparent; margin: 0; } /* popover */ .popover { border-color: #a78d8a; background: #fdf6f2; padding: 15px; min-width: 260px; } .popover-header { background: transparent; border: none; font-size: 14px; margin: 0; padding: 0; color: #a78d8a; text-transform: none; } .popover-body { padding: 0; color: #a78d8a; } .bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before { border-right-color: #a78d8a; } .bs-popover-auto[x-placement^=right]>.arrow::after, .bs-popover-right>.arrow::after { border-right-color: #fdf6f2; } .bs-popover-auto[x-placement^=left]>.arrow::before, .bs-popover-left>.arrow::before { border-left-color: #715f5d; } .bs-popover-auto[x-placement^=left]>.arrow::after, .bs-popover-left>.arrow::after { border-left-color: #fdf6f2; } .bs-popover-auto[x-placement^=top]>.arrow::before, .bs-popover-top>.arrow::before { border-top-color: #a78d8a; } .bs-popover-auto[x-placement^=top]>.arrow::after, .bs-popover-top>.arrow::after { border-top-color: #fdf6f2; } /* badge */ .badge { padding: 5px; color: #FFF; text-transform: uppercase; line-height: 1; font-size: 12px; border-radius: 0; } .badge-warning { background: #ffb554; color: #FFF; } .badge-success, .badge-NEW, .badge-RECOMMEND, .badge-MONTH { background: #8cba51; } .badge-danger, .badge-STOCK, .badge-DISCOUNT10 { background: #ff5d6c; } .badge-HIT, .badge-HIT2, .badge-NEW, .badge-STOCK, .badge-RECOMMEND, .badge-DISCOUNT10 { margin-bottom:2px; } .badge-secondary, .badge-HIT, .badge-HIT2 { background: #6c757d; } .badge-SALE {background: #dc3545;} .badge-SHOWROOM {background: #0E3C50;} .badge-NEW {background: #36694d;} .badge-RECOMMEND {background: #0E3C50;} .badge-MONTH {background: #dc3545;} .badge-SKIDKA10 {background: #0a4c92} /* section title */ .section-title { display: inline-block; vertical-align: top; width: 100%; margin: 0 0 25px; } .section-title .title { float: left; color: #27193c; font-size: 24px; font-weight: bold; text-transform: uppercase; } .section-title .link { float: right; line-height: 28px; } .section-title.btns-title .link { line-height: 38px; } .section-title .link a { color: #000; text-decoration: underline; text-transform: uppercase; font-size: 12px; display: none; } /* typ */ h1 { color: #27193c; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 0 30px; } h2 { color: #27193c; font-size: 24px; line-height: 1.2; text-transform: uppercase; font-weight: bold; margin: 0 0 15px; } h3 { font-size: 22px; line-height: 1.2; text-transform: uppercase; font-weight: bold; margin: 0 0 15px; color: #27193c; } .text-block p { color: #27193c; font-size: 15px; line-height: 1.6; margin: 0 0 30px; } .text-block hr { margin: 0 0 30px; border-color: #eeeeee; } .text-block ul,.text-block ol { margin: 30px 0 30px 42px; padding: 0; color: #27193c; font-size: 15px; line-height: 1.6; } .text-block p + ul { margin-top: 0px; } .text-block ul li,.text-block ol li { position: relative; } .text-block ul li:before,.text-block ol li:before { content: ''; background: #000; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: -22px; top: 7px; } .char { display: inline-block; vertical-align: top; width: 100%; color: #a6a6a6; } .char li { display: inline-block; vertical-align: top; width: 100%; position: relative; margin: 0 0 10px; } .char li:after { content: ''; width: 100%; border-bottom: 2px dotted #CCC; position: absolute; left: 0; bottom: 4px; } .char li span { background: #FFF; padding: 0 0 5px 5px; display: block; margin: 0 0 -3px; position: relative; z-index: 5; } .char li span:nth-child(1) { padding: 0 6px 5px 0; } .char li span:nth-child(2) { padding: 0 0 5px 6px; } .text-underline { text-decoration: underline; } .no-wrap { white-space: nowrap; } .fw-normal { font-weight: normal; } /* form */ .custom-checkbox { padding: 0; min-height: inherit; margin: 0 0 10px; } .custom-checkbox input { display: none; } .custom-control-label { padding-top: 2px; padding-left: 30px; cursor: pointer; min-height: 20px; } .custom-control-label:hover:before { border-color: #000; } .custom-control-label::before { top: 0; left: 0; border: 2px solid #CCC; width: 20px; height: 20px; } .custom-control-label::after { left: 0; top: 0; background: transparent; background-image: none !important; border-radius: .25rem; width: 20px; height: 20px; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { left: 0; top: 0; background: #000; background-image: none !important; border-radius: .25rem; } .custom-radio { padding: 0; margin: 0 0 10px; } .custom-control-input:checked~.custom-control-label::before { border-color: #000; background: #000; border-radius: 50%; background-image: none !important; } .custom-radio-big { padding: 0; margin: 0 0 10px; } .custom-radio-big:last-child { margin: 0; } .custom-control-label-big { background: #FFF; border: 1px solid #cccccc; border-radius: 4px; display: block; padding: 20px 120px 20px 20px; cursor: pointer; color: #27193c; -webkit-transition: .3s background, .3s border-color, .3s color; transition: .3s background, .3s border-color, .3s color; } .custom-control-label-big p { margin: 0; } .custom-control-label-big .cost { font-weight: bold; position: absolute; right: 22px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .custom-radio-big input:checked + .custom-control-label-big { background: #fdf6f2; color: #a78d8a; border-color: #a78d8a; } .form-control { border-color: #CCCCCC; font-size: 14px; color: #27193c; } .form-control:focus { outline: none; border-color: #000; -webkit-box-shadow: none; box-shadow: none; color: #000; } input.form-control { height: calc(1.5em + .75rem + 9px); padding: 7px 20px; } input.form-control.search-input { border-radius: 10px; } textarea.form-control { border-color: #CCCCCC; font-size: 14px; resize: none; height: 110px; padding: 16px 20px; } .form-control.is-invalid, .form-control.is-invalid:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #f73d34; color: #f73d34; background: #FFF; } input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-results-button, input[type='search']::-webkit-search-results-decoration { display: none; } /* fieldset */ fieldset { padding: 0; color: #27193c; } .fieldset-title { padding-left: 24px; position: relative; color: #27193c; margin: 0 0 24px; font-size: 16px; -webkit-appearance: none; } .fieldset-title:before { content: '\f077'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); color: #000; } .fieldset-title.collapsed::before { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .fieldset-box:after { content: ''; width: 100%; height: 24px; display: block; } .total { line-height: 1; margin: 0 0 10px; padding: 12px 15px; border-radius: 4px; } /***** HEADER *****/ header .top-line { top: 0; left: 0; width: 100%; z-index: 444; background: #F5F5F5; } header .top-line.sticky { position: fixed; } header .top-line .navbar { padding: 0; } header .top-line .navbar ul { display: inline-block; vertical-align: top; width: auto; padding: 0; margin: 0; } header .top-line .navbar ul li { float: left; position: relative; } header .top-line .navbar ul li a { color: #000; display: block; padding: 26px 12px; text-transform: uppercase; font-size: 14px; font-weight:600; } header .top-line .navbar ul li.active a,header .top-line .navbar ul li:hover a { color: #000; } header .top-line .navbar ul li.active a:after { content: ''; position: absolute; left: 0; bottom: 10px; width: 100%; height: 2px; background: #2B4D53; } header .top-line .phones { display: inline-block; vertical-align: middle; margin-right: 50px; } header .top-line .phones .phone { display: inline-block; vertical-align: middle; margin-right: 10px; } header .top-line .phones .phone a { display: block; font-weight: 900; font-size: 19px; color: #cb1f11; } header .top-line .phones .list { display: inline-block; vertical-align: middle; position: relative; } header .top-line .phones .list .more { color: #000; border-bottom: 1px dashed #000; padding: 0 0 2px; cursor: pointer; position: relative; } header .top-line .phones .list .more:after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: -19px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; border: none; margin: 0; } header .top-line .phones .list.show .more:after { transform: translateY(-50%) rotate(-180deg); } header .top-line .phones .list .dropdown-menu { margin: 15px 0 0 0; padding: 20px; width: 190px; text-align: center; } header .top-line .phones .list .dropdown-menu li { margin: 0 0 8px; font-size: 20px; } header .top-line .phones .list .dropdown-menu li:last-child { margin: 0; } header .top-line .phones .list .dropdown-menu li a { display: inline-block; font-weight: 900; font-size: 19px; color: #27193c; } header .top-line .btn { vertical-align: middle; margin: 0 0 2px; font-weight: 600; } header .top-line .btn i { -webkit-transform: rotate(95deg); transform: rotate(95deg); display: inline-block; margin-right: 7px; margin-left: -7px; } header .middle-line { padding: 30px 0 20px; background: #fff; } header .middle-line .adress-block { display: flex; vertical-align: middle; margin-right: 50px; justify-content: space-between; } header .middle-line .adress-block .item { display: inline-block; vertical-align: middle; text-align: center; padding-left: 45px; position: relative; max-width: 100%; } header .middle-line .adress-block .item:first-child { margin-right: 1px; } header .middle-line .adress-block .item > .icon { position: absolute; left: 20px; top: 0; color: #000; font-size: 18px; line-height: 1; text-align: left; } header .middle-line .adress-block .item .title { font-weight: bold; text-transform: uppercase; color: #000; margin: 0 0 12px; line-height: 1; font-size: 14px; } header .middle-line .adress-block .item .text { font-size: 12px; color: #000; } header .links { display: inline-block; vertical-align: top; } header .links a { display: inline-block; vertical-align: top; color: #000; text-transform: uppercase; } header .links a i { background: #eeeeee; color: #000; position: relative; width: 34px; height: 34px; display: inline-block; vertical-align: middle; text-align: center; line-height: 34px; border-radius: 4px; font-size: 14px; margin-right: 8px; } header .links a i span { position: absolute; right: -4px; top: -4px; width: 15px; height: 15px; background: #ffb554; border-radius: 50%; color: #000; font-size: 10px; text-align: center; line-height: 15px; font-weight: bold; font-style: normal; } header .links a b { display: inline-block; vertical-align: middle; font-size: 10px; } header .links a:nth-child(1) { margin-right: 18px; } header .links a:last-child { margin-right: 0; } header .bottom-line { /*margin: 0 0 20px;*/ position: relative; /* background: #2B4D53;*/ background: #7e7e7e; padding-top: 12px; padding-bottom: 12px; } header .bottom-line .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } header .bottom-line .btns .search { width: 440px; height: 42px; position: relative; } header .bottom-line .btns .search button { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 42px; background: transparent; border: none; color: #000; font-size: 18px; } header .mobile-search { display: none; position: absolute; left: 0; top: 100%; background: #eee; width: 100%; padding: 10px 15px; } header .mobile-search input { padding-right: 50px; } header .mobile-search button { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 42px; background: transparent; border: none; color: #000; font-size: 18px; padding: 0; height: 30px; } .title-search-result { display: none; background: #FFF; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .title-search-result .maxwidth-theme { display: flex; justify-content: space-between; width: 95%; margin: 0 auto; padding: 10px 0; } .title-search-result .maxwidth-theme .bx_img_element { width: 100px; text-align: center; } .title-search-result .maxwidth-theme .bx_item_element { width: 300px; } .title-search-result .maxwidth-theme .bx_item_element .price { font-weight: bold; font-size: 16px; } .big-menu { background: #FFF; overflow: hidden; -webkit-box-shadow: 0px 128px 128px 0px rgba(39, 25, 60, 0.15); box-shadow: 0px 128px 128px 0px rgba(39, 25, 60, 0.15); position: absolute; top: 100%; left: 0; z-index: 57; width: 100%; } .big-menu .menu { display: inline-block; vertical-align: top; padding: 44px 51px 120px 30px; width: calc(50% - 103.9px); position: relative; } .big-menu .menu ul { display: none; } .big-menu .menu ul.show { display: block; } .big-menu .menu#menus-one ul { display: block; } .big-menu .menu ul li { margin: 0 0 20px; font-weight: bold; //display: inline-block; display: block; vertical-align: top; } .big-menu .menu ul li:last-child { margin: 0; } .big-menu .menu:nth-child(1) { -webkit-box-shadow: 21px 0 20px rgba(0, 0, 0, 0.03); box-shadow: 21px 0 20px rgba(0, 0, 0, 0.03); background: #FFF; padding-left: 0; border: none; width: 380px; margin: 0; } .big-menu .menu ul li a { min-height: 30px; position: relative; /*padding-left: 90px;*/ padding-left: 16px; display: block; } .big-menu .menu ul li a.active { color: #2B4D53; } .big-menu .menu ul li a img { display:none; margin-right: 15px; position: absolute; left: 0; top: 0; } .big-menu .container { display: -webkit-box; display: -ms-flexbox; display: flex; } .big-menu .menu:last-child { border: none; } .big-menu .menu.show_parent:after { content: ''; position: absolute; left: 0; top: 15px; width: 2px; height: calc(100% - 15px); background: #eeeeee; } .mobile-header { display: none; } .mobile-menu { overflow: hidden; position: fixed; left: -150%; top: 0; height: 100%; background: #FFF; z-index: 555; width: 375px; -webkit-transition: .7s left; transition: .7s left; -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3); box-shadow: 0 0 100px rgba(0, 0, 0, 0.3); max-width: 80%; } .mobile-menu.open { left: 0; } .mobile-menu .scroll-block { max-height: 100%; overflow-y: auto; } .mobile-menu .menu ul li { border-bottom: 2px solid #eee; } .mobile-menu .menu ul li a { display: block; padding: 15px 30px; background: #FFF; font-weight: bold; font-size: 16px; color: #27193c; position: relative; } .mobile-menu .menu ul li a i { display: inline-block; vertical-align: middle; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #FFF; background: #000; border-radius: 4px; margin-right: 15px; position: relative; } .mobile-menu .menu ul li:first-child a i { background: #fdb554; color: #000; font-size: 22px; } .mobile-menu .menu.gray ul li a { background: #eeeeee; padding: 25px 30px; } .mobile-menu .menu.gray ul li { border-bottom: 1px solid #CCC; } .mobile-menu .menu ul li a i span { position: absolute; right: -6px; top: -6px; width: 18px; height: 18px; background: #ffb554; border-radius: 50%; color: #000; font-size: 12px; text-align: center; line-height: 15px; font-weight: bold; font-style: normal; } .mobile-menu .adress-block { display: inline-block; vertical-align: middle; padding: 42px 30px 20px; } .mobile-menu .adress-block .item { display: block; text-align: left; padding-left: 40px; position: relative; max-width: 100%; margin: 0 0 35px; } .mobile-menu .adress-block .item .icon { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #000; font-size: 19px; line-height: 1; text-align: left; margin: -6px 0 0; } .mobile-menu .adress-block .item .title { font-weight: bold; text-transform: uppercase; color: #000; margin: 0 0 5px; line-height: 1; font-size: 16px; } .mobile-menu .adress-block .item .text { font-size: 12px; color: #27193c; } .mobile-menu .menus { position: absolute; right: -100%; top: 0; overflow: hidden; overflow-y: auto; width: 100%; height: 100%; background: #FFF; -webkit-transition: .5s right; transition: .5s right; } .mobile-menu .menus.show { right: 0; } .mobile-menu .menus > .submenu { right: -100%; position: absolute; top: 0; width: 100%; -webkit-transition: .5s right; transition: .5s right; background: #FFF; } .mobile-menu .menus .open { right: 0; } .mobile-menu .menus .back-link { display: block; padding: 15px 30px; font-weight: bold; font-size: 16px; color: #FFF; background: #000; cursor: pointer; } .mobile-menu .menus .back-link i { display: inline-block; vertical-align: middle; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #000; background: #FFF; border-radius: 4px; margin-right: 15px; position: relative; font-size: 30px; } .mobile-menu .menus .title { padding: 25px 30px; color: #af9794; font-size: 18px; } .mobile-menu .menus .menu ul li a { padding: 25px 30px; } .menus .menu ul li.sub a:after { content: '\f054'; font-family: 'Font Awesome 5 Free'; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; font-size: 20px; } .mobile-menu .menus .menu ul li.sub a { padding-right: 55px; } /***** MAIN BANNER *****/ .main-banner { margin: 0 0 40px; } .main-banner .main-image { position: relative; } .main-banner .main-image .info { position: absolute; left: 0; width: 100%; padding: 0 60px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .main-banner .main-image .info .title { color: #ffffff; text-shadow: 0px 3px 4px rgba(56, 32, 34, 0.33); font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 0 45px; } /***** MAIN *****/ .main { /*margin: 0 0 110px;*/ } /***** SORTING *****/ .sorting { margin: 0 0 20px; } /***** PAGINATION *****/ .pagination-block { margin: 40px 0 0; } .pagination li { margin: 0 5px; } .page-link { padding: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; border: none; background: #eeeeee; border-radius: 5px; color: #000; -webkit-transition: .3s background, .3s color; transition: .3s background, .3s color; } :not(span).page-link:hover { color: #303030; background: #d9d5e0; } .page-item.active .page-link { background: #000; color: #FFF; } .page-item.disabled .page-link { opacity: .5; background: #eeeeee; } .page-item .is-active span{ color: #FFF!important; } /***** BREADCRUMBS *****/ .breadcrumb { background: transparent; padding: 0; margin: 0 0 36px; flex-wrap: nowrap; white-space: nowrap; } .breadcrumb-item { text-transform: uppercase; color: #a6a6a6; } .breadcrumb-item a { border-bottom: 1px solid #8778a0; -webkit-transition: .3s border-color; transition: .3s border-color; } .breadcrumb-item a:hover { border-color: transparent; } .breadcrumb-item.active { color: #a6a6a6; text-overflow: ellipsis; overflow: hidden; } /***** CATALOG *****/ .catalog-block { margin: 0 0 40px; } .catalog-list { margin: 0 0 40px; } .catalog-list .item { margin: 0 0 45px; background-color: #FFF; padding-left: 10px; padding-right: 10px; } .catalog-list .row-flex .item { height: calc(100% - 45px); z-index: 999; border-radius: 5px; } .catalog-block .row-flex .item .item-button { visibility:visible; height:auto; display: block; } .catalog-block .row-flex .item:hover .item-button { visibility:visible; height: auto; display: block; } .catalog-block .title { min-height: 25px; } .catalog-block .article { min-height: 36px; } #modal-cart .catalog-list .item:hover { box-shadow: none; } .item-availability { color: black; padding-left: 19px; position: relative; margin: 0 0 20px; } .item-availability:before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 10px; border-radius: 50%; background: #cccccc; } .item-availability.is:before { background: #0eaa21; } .catalog-list .item .image { position: relative; padding: 30px 0; } .hvr__images { position: relative; } .hvr__sectors { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; } .hvr__sector { flex-grow: 1; } .item-images { display: flex; overflow: hidden; } .item-images .image { display: block; } .hvr__dots { display: flex; align-items: center; justify-content: center; } .hvr__dot { width: 5px; height: 5px; margin: 10px 2px 0; border-radius: 50%; background: #d6dbe0; } .hvr__dot--active { background: #4e3278; } .item-status { position: absolute; top: 0px; left: 0; z-index: 55; width: 95%; } .catalog-list .item .image a { display: block; height: 180px; line-height: 180px; text-align: center; } .catalog-list .item .image a img { vertical-align: middle; max-width: 100%; max-height: 100%; } .catalog-list .item .info .title { color: #27193c; margin: 0 0 12px; } .catalog-list .item .info .title a { font-weight: bold; color: #27193c; } .catalog-list .item .info .article { color: #a6a6a6; margin: 0 0 18px; } .price-block { display: flex; } .type-line .price-block { display: block; } .item-price { font-size: 22px; font-weight: bold; color: #000; margin: 0 0 10px; } .item-oldprice { margin: 0 0 10px 5px; } .item-code { background: #fdf6f2; text-align: center; height: 28px; line-height: 28px; color: #a78d8a; padding: 0 20px; } .item-add { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .item-count { width: max-content; display: -webkit-box; display: -ms-flexbox; display: flex; background: #f6f6f6; border-radius: 4px; } .item-add .item-count { width: 48%; } .item-count button { width: 40px; background: transparent; border: none; height: 40px; color: #a6a6a6; -webkit-transition: .3s color; transition: .3s color; } .item-count input { width: 50%; background: #FFF; border: none; height: 36px; line-height: 36px; margin: 2px 0; text-align: center; color: #27193c; font-size: 14px; } .item-count button:hover { color: #000; } .item-add .js-add-to-basket { width: 48%; white-space: nowrap; font-size: 85%; } .catalog-list.type-th-list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-list.type-th-list .item .image { width: 255px; padding: 0 15px 0 0; } .catalog-list.type-th-list .item .info { width: calc(100% - 255px); display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog-list.type-th-list .item .info .left { width: 285px; margin-right: 30px; } .catalog-list.type-th-list .item .info .right { width: 255px; } .catalog-list.type-th-list .item .info .title { line-height: 18px; margin: 0 0 10px; } .type-th-list .item-availability { margin: 0 0 15px; } .type-th-list .item-price { font-size: 24px; } .type-th-list .item-add { margin: 0 0 15px; } .item-sale { margin: 10px 0 0; -webkit-box-shadow: 0px 2px 8px 0px rgba(255, 93, 108, 0.66); box-shadow: 0px 2px 8px 0px rgba(255, 93, 108, 0.66); padding: 8px 10px; } .catalog-list.type-line .item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-list.type-line .item .image { width: 65px; margin-right: 30px; padding: 0; } .catalog-list.type-line .item .image .status { display: none; } .catalog-list.type-line .item .info { width: calc(100% - 95px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-list.type-line .item .info .left { width: 350px; margin-right: 30px; } .catalog-list.type-line .item .info .center { width: 160px; margin-right: 30px; } .catalog-list.type-line .item .info .right { width: 160px; } .catalog-list.type-line .item .image a { height: 60px; line-height: 60px; } .cats-list { margin: 0 0 45px; } .cats-list .item a { padding: 15px 25px 20px; border: 2px solid #eeeeee; background: #fff; display: block; border-radius: 5px; text-align: center; } .cats-list .item a .image { height: 130px; line-height: 130px; vertical-align: middle; text-align: center; margin: 0 0 20px; } .cats-list .item a .image img { vertical-align: middle; } .pricebar { background-color: #fff; padding: 12px; border: 1px solid #eeeeee; /*box-shadow:-1px 1px 12px rgba(0,0,0,0.1);*/ } .table-striped tbody tr { background: #fff; } .pricebar .item-price { font-size: 24px; } .pricebar .item-price i { font-size: 18px; } .pricebar hr { border-color: #f6f6f6; margin: 20px 0; } .pricebar .text-muted{ font-size: 115%; color: #888!important; font-weight: 700; } .recommend .items-list .item a { display: -webkit-box; display: -ms-flexbox; display: flex; } .recommend .items-list .item a .image { width: 65px; margin-right: 15px; } .recommend .items-list .item a .info { width: calc(100% - 80px); } .recommend .items-list .item a .info span { color: #27193c; margin: 0 0 10px; display: block; } .recommend .items-list .item a .item-price { font-size: 18px; } .recommend .items-list img { max-height:70px; } .sidebar .mobile-title { display: none; } .sorting .call-filter { display: none; } .items-list .item { margin-bottom: 15px; } .sidebar-text { display:none; } .sidebar .sidebar-text { display: block; } /***** montaz *****/ .montaz { display: flex; justify-content: center; } .montaz_dop { font-size: 0.8em; margin: 0 auto; border: 1px solid; border-radius: 5px; width: 50%; text-align: center; background: white; } .montaz_item { border-left: 2px solid #ffffff; vertical-align:middle; padding-left:10px; background: rgb(2,0,36); background: linear-gradient(36deg, rgba(2,0,36,1) 0%, rgba(121,9,9,0.9976191160057774) 35%, rgba(201,59,23,1) 100%); color: #ffffff; width: 50%; border-radius: 5px; margin-bottom: 5px; } .montaz_item_right { background: rgb(2,0,36); background: linear-gradient(45deg, rgba(2,0,36,1) 0%, rgba(9,121,20,1) 35%); } .montaz_item_text { padding: 50px; margin: 0 auto; text-align: center; color: #fff; } h3.montaz_item_text { color: white; } h3.montaz_text { font-size: 3rem; } .montaz_item_text_right { text-align: left; } .montaz_text { color: #fff; } /***** CART *****/ .contacts { display: flex; width: 100%; text-align: center; background: #7e7e7e; border-radius: 5px; margin: 20px auto; height: 300px; } .contacts_text { margin: auto; width: 50%; color: #fff } .contacts_text strong { font-size: 1.3rem; color: #fff; } .contacts_frame { width: 50%; margin: 0; } .order .block { margin: 0 0 35px; } .order .block .block-title { margin: 0 0 25px; } .order .block .block-title h2 { margin: 0; font-size: 18px; text-transform: none; } .order .block .block-title h2 i { margin-right: 15px; color: #000; } .order .block .form-group:last-child { margin: 0; } .order .block:last-child { margin: 0; } .cart-table .image { width: 50px; float: left; margin-right: 18px; vertical-align: middle; clear: both; } .cart-table .name { width: calc(100% - 68px); float: left; color: #27193c; white-space: normal; } .cart-table .table th:first-child { padding-left: 0; } .cart-table .table th:last-child { padding-right: 0; } .cart-table .table td:first-child { padding-left: 0; width: 320px; } .cart-table .table td:last-child { padding-right: 0; } .cart .btn-warning { height: 42px; } .cart-page .total-block { position: sticky; top: 90px; } .cart-page .total-block .title { padding: 22px 20px 20px; background: #000; color: #FFF; display: inline-block; vertical-align: top; width: 100%; border-radius: 4px 4px 0 0; } .cart-page .total-block .title b { float: left; } .cart-page .total-block .title a { color: #ffb554; text-transform: lowercase; float: right; } .cart-page .total-block .box { border: 1px solid #cccccc; border-radius: 0 0 4px 4px; padding: 30px 20px 20px; color: #27193c; } .cart-page .total-block .box ul li:last-child { padding: 5px; border-radius: 4px; } .cart-page .total-block .box .box-end hr { width: calc(100% + 40px); margin-left: -20px; border-color: #ccc; } /***** ITEM PAGE *****/ .item-slider { position: relative; padding: 30px 0 0; background: #fff; } .item-slider .big { margin: 0 0 20px; } .item-slider .big .item img { margin: 0 auto; max-height: 225px; } .item-slider .small .item { line-height: 68px; text-align: center; border: 2px solid #CCC; border-radius: 4px; cursor: pointer; margin: 0 8px; } .item-slider .small .item img { margin: 0 auto; display: inline-block; vertical-align: middle; } .item-slider .small .slick-list { overflow: hidden; padding: 0 16px; border-radius: 5px; } .item-slider .small .arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; z-index: 73; cursor: pointer; color: #000; background: #FFF; height: 72px; line-height: 72px; width: 16px; } .item-slider .small .arrow.prev { left: 0; text-align: left; } .item-slider .small .arrow.next { right: 0; text-align: right; } .item-slider .small .item.slick-current { border-color: #000; } .item-btns { position: absolute; right: 0; top: -7px; } .item-btns .btn-view { background: #eee; color: #000; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; } .item-btns .btn-view span { display: none; } .item-btns .btn-view.active { background: #000 !important; color: #FFF !important; } .item-form { border-radius: 6px; border: 2px solid #eeeeee; padding: 16px 16px 15px; height: 100%; position: relative; margin: 30px 0 0; background: #fff; border-radius: 10px; } .item-form p { margin: 0; font-size: 14px; position: relative; z-index: 5; } .item-form a.phone { font-weight: bold; color: #27193c; display: block; position: relative; z-index: 5; } .item-ship { margin: 30px 0 0; border-radius: 6px; border: 2px solid #eeeeee; padding: 16px 16px 15px; overflow: hidden; position: relative; background: #fff; border-radius: 10px; } .item-ship p:last-child { margin: 0; } .item-ship .title { color: #000; font-weight: bold; position: relative; z-index: 5; } .item-ship p { margin: 0; position: relative; z-index: 5; } .item-form:before { content: '?'; position: absolute; left: -1px; top: -15px; font-size: 120px; line-height: 1; font-weight: 900; color: #f6f6f6; } .item-ship:before { content: '\f474'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: -4px; top: 9px; font-size: 90px; color: #f6f6f6; -webkit-transform: rotate(32deg); transform: rotate(32deg); } .item-char .title { font-size: 18px; margin: 0 0 20px; } .item-char ul li { margin: 0 0 12px; } .item-char ul li:last-child { margin: 0 0 15px; } .gift { padding: 30px; } .gift .icon { font-size: 50px; margin: 0 0 10px; } .gift .title { margin: 0 0 15px; } .item-tabs { margin: 25px 0 0; } .item-tabs .nav-tabs { margin: 0 0 30px; border: none; } .item-tabs .nav-item { margin: 0; padding: 22px 0; position: relative; font-weight: bold; margin-right: 22px; font-size:16px; } .item-tabs .nav-item.active:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #3BA0FB !important; } /***** PROFILE *****/ .profilebar .nav { width: 100%; } .profilebar .nav ul { width: 100%; } .profilebar .nav .nav-link { padding: 12px 14px; width: 100%; border-radius: 4px; color: #27193c; -webkit-transition: .3s color, .3s background; transition: .3s color, .3s background; margin: 4px 0; } .profilebar .nav .nav-link:hover { background: #eeeeee; color: #000; } .profilebar .nav .nav-link.active { background: #000; color: #FFF; } .profilebar .nav .nav-link i { font-size: 16px; vertical-align: baseline; width: 20px; text-align: center; margin-right: .5rem!important; } .item-profile { margin: 0 0 30px; border-radius: 4px; border: 2px solid #eeeeee; } .item-profile .icon { font-size: 40px; margin: 0 0 34px; line-height: 1; } .item-profile .title { font-weight: bold; } .item-profile a { display: block; padding: 25px 40px; background: #f6f6f6; -webkit-transition: .3s background; transition: .3s background; } .item-profile a:hover { background: #FFF; } .item-profile .icon i { vertical-align: bottom; } .about { background: #fff; } /***** MODALS *****/ .aside-right { position: fixed; top: 0; right: -150%; background: #FFF; height: 100%; z-index: 555; width: 886px; -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3); box-shadow: 0 0 100px rgba(0, 0, 0, 0.3); -webkit-transition: .8s right; transition: .8s right; max-width: 90%; } .aside-right.open { right: 0; } .aside-right > .title { border-bottom: 2px solid #000; display: inline-block; vertical-align: top; width: 100%; padding: 20px 32px 24px; margin: 0 0 42px; } .aside-right .title h2 { margin: 0; float: left; font-size: 13px; color: #1d1a25; line-height: 32px; } .aside-right .title button { float: right; background: #eeeeee; border: none; width: 32px; height: 32px; line-height: 32px; font-size: 16px; } .aside-right .title button:hover { color: #FFF; background: #000; } .aside-right .scroll-block { max-height: calc(100% - 140px); overflow-y: auto; } .aside-right .catalog-list { margin: 0 0 35px; padding: 0 32px; } .aside-right .btns { padding: 0 32px; } .aside-right .title h2 i { margin-right: 10px; font-size: 20px; vertical-align: middle; color: #000; } .aside-right .catalog-list .item { border-bottom: 1px solid #eeeeee; padding: 0 0 20px; margin: 0 0 20px; } .aside-right .catalog-list .item:last-child { border: none; margin: 0; padding: 0; } #modal-cart .preloader { width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top:-50px; } #modal-cart .catalog-list.type-line .item .info .left { width: 320px; margin-right: 20px; } #modal-cart .catalog-list .item .info .title a { font-weight: normal; text-align: justify; } #modal-cart .item-price { font-size: 14px; margin: 3px 0 0; } #modal-cart .catalog-list.type-line .item .info .center { font-size: 12px; width: 130px; margin-right: 10px; } #modal-cart .catalog-list.type-line .item .info .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-right: 30px; width: 145px; } #modal-cart .catalog-list.type-line .item .info .right .btn-view { width: 32px; height: 32px; border: none; background: #f6f6f6; border-radius: 4px; color: #000; font-size: 14px; margin-left: 10px; } #modal-cart .item-count button { width: 32px; height: 32px; } #modal-cart .item-count input { height: 28px; width: 40px; } #modal-cart .sum { padding: 10px 0 0; color: #000; line-height: 1; } #modal-cart .catalog-list.type-line .item .image { width: 50px; margin-right: 20px; } #modal-cart .catalog-list.type-line .item .info { width: calc(100% - 70px); display: -webkit-box; display: -ms-flexbox; display: flex; } /***** FOOTER *****/ footer .top-line { padding: 40px 0; background: #DEDCD8; } footer .top-line .copyright { margin: 0 0 38px; color: #a3a3a3; } footer .top-line .copyright a { display: inline-block; vertical-align: top; color: #000; -webkit-transition: .3s border-color; transition: .3s border-color; margin: 10px 0 0; } footer .top-line .copyright a:hover { border-color: transparent; } footer .top-line .block { display: inline-block; vertical-align: top; width: 49%; } footer .top-line .block .title { text-transform: uppercase; font-weight: bold; color: #27193c; margin: 0 0 35px; } footer .top-line .block ul li { margin: 0 0 15px; } footer .top-line .block ul li a { color: #a3a3a3; -webkit-transition: .3s color; transition: .3s color; } footer .top-line .block ul li a:hover { color: #000; } footer .top-line .block ul li:last-child { margin: 0; } footer .top-line .block p { line-height: 1.6; } footer .top-line .email { color: #000; position: relative; padding-left: 35px; } footer .top-line .email a { color: #000; /*text-transform: uppercase;*/ } footer .top-line .email a:before { content: '\e804'; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "fontello"; font-size: 22px; } footer .top-line .block .socials ul li { float: left; margin-right: 20px; font-size: 25px; } footer .top-line .block .socials ul { display: inline-block; vertical-align: top; } footer .top-line .block .socials ul li:last-child { margin-right: 0; } footer .bottom-line { background: #7e7e7e; padding: 40px 0; } footer .bottom-line b { text-transform: uppercase; color: #FFF; } footer .bottom-line ul li { display: inline-block; vertical-align: top; margin-right: 30px; margin-bottom: 15px; } footer .bottom-line ul li:last-child { margin: 0; } footer .bottom-line ul li a { text-transform: uppercase; color: #fff; border-bottom: 1px solid #fff; -webkit-transition: .3s color; transition: .3s color; } footer .bottom-line ul li a:hover { border-color: transparent; } /***** MODALS *****/ .modal-header { padding: 1.5rem; border-bottom: 2px solid #000; } .modal-header .close { border: 2px solid #000; border-radius: 50%; width: 25px; height: 25px; line-height: 22px; text-align: center; padding: 0; margin: 0; color: #000; opacity: 1; } .modal-title { font-weight: bold; } .modal-body { padding: 30px; } .modal-body .form-group:last-child { margin: 0; } .is-error input { border-color: #e14935; } .form-group .error, .input__error { display: block; color: #e14935; font-size: 12px; font-weight: 300; margin-top: 3px; } .input-group-text { min-width:45px; } .input-group-text i { margin: 0 auto; } .compare-list .title { height:60px; } .compare-list .compare-list-props div { height:25px; } a.cursor-loop { cursor: url(/bitrix/templates/decordizayn/img/zoomin.cur),pointer; } /* order styles */ /*order styles*/ //.middle >.container{width:100% !important;padding:0px !important;position:relative;} #content #bx-soa-order-form *{box-sizing:border-box;} #content #bx-soa-order-form #pickUpMap, #content #bx-soa-order-form #pickUpMap *, #content #bx-soa-order-form #propsMap, #content #bx-soa-order-form #propsMap *{box-sizing:content-box;} #bx-soa-order-form{font-size:12px;} #bx-soa-order .form-control:focus{outline:none;box-shadow:none;border-color:#f2f2f2;} #content #bx-soa-order-form .row{margin-top:0px;} .bx-authform-formgroup-container .checkbox{padding:0px;} #content #bx-soa-order-form .row.bx-soa-more{margin-top:30px;} #bx-soa-orderSave{/*display:block !important;*/} .bx-soa-section.bx-step-completed .bx-soa-section-content, .bx-soa-section.bx-selected .bx-soa-section-content{padding:0;line-height:20px;font-size:14px;transition:none;} .bx-soa-section{transition:none;} #bx-soa-order ul li:before{display:none;} #bx-soa-order .alert-danger{font-size:14px;line-height:20px;border-radius:0;padding:15px 29px;background:#ffeeee;color:#e83333;} #bx-soa-order .bx-soa-section{border-radius:0;margin:0 0 20px;} #bx-soa-order .bx-soa-section.bx-selected{border:1px solid #f2f2f2;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container{padding:29px 19px 29px 79px;border-bottom:1px solid #f2f2f2;background:#fbfbfb;cursor:pointer;} #bx-soa-order .bx-soa-section.bx-selected .bx-soa-section-title-container{cursor:default;} #bx-soa-order .bx-soa-section .bx-soa-section-title{position:relative;font-size:20px;line-height:24px;color:#333;padding-left:0!important;padding-top:1px;font-weight:bold;} #bx-soa-order .bx-soa-section .bx-soa-section-title:before{content:"";position:absolute;left:-50px;top:-3px;margin:0;width:30px;height:30px;background:url(/bitrix/templates/decordizayn/img/order.png) 0 0 no-repeat;} #bx-soa-order:not(.orderform--v1) .bx-soa-section.bx-step-completed .bx-soa-section-title:before{background-color:#52c200;background-position:-30px -30px !important;} #bx-soa-order .bx-soa-section.bx-step-error:not(.bx-selected) .bx-soa-section-title:before{background:none;background:url(/bitrix/templates/decordizayn/img/order.png) -60px -30px no-repeat !important;} #bx-soa-order .bx-soa-editstep{display:inline-block;margin:1px 0 0;font-size:14px;line-height:20px;border:none;} #bx-soa-order .bx-soa-editstep:first-letter{text-transform:uppercase;} #bx-soa-order .bx-soa-editstep:hover{text-decoration:none;} #bx-soa-order .bx-soa-section.bx-selected .bx-soa-editstep{display:none;} #bx-soa-order #bx-soa-region{border:1px solid #f2f2f2;} #bx-soa-order #bx-soa-region .bx_soa_location{} #bx-soa-order #bx-soa-region .bx_soa_location .form-group .bx-soa-custom-label{display:block;} #bx-soa-order #bx-soa-region .bx_soa_location .form-group:first-child br{display:none;} #bx-soa-order #bx-soa-region .bx_soa_location .form-group:first-child>label{margin:0 0 5px;} #bx-soa-order #bx-soa-region .bx_soa_location .form-group.bx-soa-location-input-container{margin:0 0 25px;} #bx-soa-order #bx-soa-region .bx_soa_location .radio-inline{margin:5px 40px 5px 0;} #bx-soa-order .bx-soa .bx-soa-custom-label, .bx-soa .form-group label, .bx-soa .form-group .bx-soa-customer-label{margin:0;padding:0;font-size:13px;line-height:20px;margin-bottom:2px;color:#777777;z-index:1;} #bx-soa-order div[class*=bx-sls] .quick-locations{margin:7px 0 12px;} #bx-soa-order div[class*=bx-sls] .quick-locations .quick-location-tag{margin:3px 1px 1px 1px;padding:0;padding:5px 15px;height:auto;background:none;border:1px solid #ddd;font-size:14px;line-height:20px;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;} #bx-soa-order div[class*=bx-sls] .quick-locations .quick-location-tag:hover{color:#FFF;} #bx-soa-order .bx-ui-sls-tree-trunk{font-size:14px;padding-left:45px;} #bx-soa-order div[class*=bx-sls] .form-control.dropdown-block{font-size:14px;color:#333;line-height:20px;border:1px solid #ececec;background:#f7f7f7;padding-left:44px;} .bx-soa-location-input-container .bx-ui-slst-pool > div{padding-left:44px;} #bx-soa-order .bx-sls .form-control.dropdown-block{position:relative;height:auto;} #bx-soa-order div[class*=bx-sls] .form-control.dropdown-block .bx-ui-sls-container input{padding-right:27px!important;} #bx-soa-order .bx-slst .dropdown-block.form-control{margin-bottom:10px;} #bx-soa-order #bx-soa-orderSave{margin:20px 0 0;padding:0!important;text-align:center;} #bx-soa-order #bx-soa-orderSave .checkbox{display:none;} #bx-soa-order .form{text-align:center;} #bx-soa-order .form .licence_block{display:inline-block;padding-bottom:5px;} #bx-soa-order .form .licence_block label{font-size:14px;color:#333;} #bx-soa-order .form .licence_block label.error{font-size:12px;} #bx-soa-order #bx-soa-orderSave a{float:none!important;text-shadow:none;color:#FFF;padding:11px 40px 13px;font-size:17px;line-height:20px;font-weight:bold;display:inline-block !important;margin-top:0px !important;} #bx-soa-order .bx-soa-more{border:none;padding:25px 29px 0 29px;margin:27px -29px 0 -79px;border-top:1px solid #f1f1f1;} #bx-soa-order .bx-soa-more .bx-soa-more-btn{padding:0;} #bx-soa-order .bx-soa-more .bx-soa-more-btn .pull-left{background:none;} #bx-soa-order .bx-soa-more .bx-soa-more-btn .pull-left:hover{color:#FFF;} #bx-soa-order #bx-soa-region .bx_soa_location .form-group[data-property-id-row]{margin-top:20px;} #bx-soa-order .bx-soa-section-title-count{display:none;} #bx-soa-order .alert .row {margin-top:0px;} #bx-soa-order .alert .row div {font-size:12px;} .bx-sls .dropdown-fade2white{display:none;} #bx-soa-order .form-group{position:relative;font-size:14px;} #bx-soa-order .form-group label[for="zipProperty"]:not(.error){top:0px;left:0px;font-weight:normal;cursor:text;display:block;font-size:13px;margin-bottom:7px;color:#777777;} #bx-soa-order .form-group.value_y label:not(.error){position:absolute;background:#FFF;font-size:12px;top:-10px;left:10px;padding:0 7px;} #bx-soa-order .form-group.value_y input, #bx-soa-order .form-group.value_y textarea{background:#FFF;} #bx-soa-order .bx-soa-reference{margin:-8px 0 0;padding:0;font-size:12px;line-height:14px;color:#999999;border:none;} #bx-soa-order .bx-soa .form-group .radio-inline{padding:0;} #bx-soa-order .bx-soa .form-group .radio-inline label{display:inline-block;float:none;margin:0;font-size:15px;font-weight:bold;color:#333333;cursor:pointer;position:relative;padding:0 0 0 32px!important;} #bx-soa-order .bx-soa .form-group .radio-inline label:before{content:"";display:block;position:absolute;left:0;top:-1px;width:20px;height:20px;background:#fbfbfb;border:1px solid #e9e9e9;border-radius:100%;} #bx-soa-order .bx-soa .form-group .radio-inline label:hover:before{border:none;} #bx-soa-order .bx-soa .form-group .radio-inline.checked label{cursor:default;} #bx-soa-order .bx-soa .form-group .radio-inline.checked label:before{border:none;} #bx-soa-order .bx-soa .form-group .radio-inline.checked label:after{content:"";position:absolute;left:5px;top:5px;width:10px;height:8px;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -64px -9px no-repeat;} #bx-soa-order .bx-soa .form-group .radio-inline input{display:none;} #bx-soa-order .bx-soa-tooltip{position:absolute;bottom:-22px;left:0px;padding:0;background:none;max-width:100%;box-shadow:none;top:auto;} #bx-soa-order .bx-soa-tooltip .tooltip-arrow{display:none;} #bx-soa-order .bx-soa-tooltip .tooltip-inner{max-width:100%;padding:0;font-size:12px;line-height:20px;color:#fe5252;background:none;} #bx-soa-order .has-error .form-control{border-color:#fe5252;} #bx-soa-order .form-group.has-error{margin-bottom:41px!important;} #bx-soa-order .form-group.has-error input{border-color:#fe5252;} #bx-soa-order .form-group.has-error .form-control.dropdown-block{border-color:#fe5252;} #bx-soa-order .form.form-group.bx-soa-customer-field{text-align:center;padding-top:4px;margin-bottom:20px !important;} #bx-soa-order .form.form-group.bx-soa-customer-field .licence_block {display:inline-block;padding:0px;text-align:center;} #bx-soa-order .form.form-group.bx-soa-customer-field .licence_block .license{display:inline-block;} .license{margin-left:5px;} .licence_block input{transform: scale(1.1);} #bx-soa-order .form.form-group.bx-soa-customer-field .licence_block .bx-soa-tooltip{bottom:-35px;position:static;} #bx-soa-order .form.form-group.bx-soa-customer-field .licence_block .bx-soa-tooltip .tooltip-inner{text-align:left;} #bx-soa-order .form.form-group + #bx-soa-orderSave{margin-top:15px;} #bx-soa-order #bx-soa-delivery .bx-soa-section-title:before{background-position:-30px 0;} #bx-soa-order #bx-soa-delivery .bx-soa-pp-price{white-space:nowrap;} #bx-soa-order .bx-soa .bx-soa-location-input-container:before{display:none;} #bx-soa-order .bx-soa-pp-item-container:after{content:"";display:table;clear:both;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company{clear:both;position:relative;float:none;border:none;margin:19px 0 0;padding:0 0 24px;width:auto; max-width:100%; flex: none; transition:none;cursor:pointer;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company:after{content:"";display:table;clear:both;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company:first-child{margin-top:0;} #bx-soa-order .bx-soa-pp-company-graf-container{position:relative;padding:0;border:1px solid #fbfbfb;border-radius:0;width:120px;height:72px;background:#fbfbfb;cursor:pointer;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{/*float:left;*/} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-graf-container{display:table-cell;vertical-align:middle;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-graf-container:before{content:"";position:absolute;top:7px;left:7px;width:20px;height:20px;border:1px solid #f2f2f2;background:#FFF;border-radius:100%;z-index:1;} #bx-soa-order .bx-soa-pp-item-container:hover .bx-soa-pp-company-graf-container:before{/*border:none;*/} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container:before{border:none;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container:after{content:"";position:absolute;left:12px;top:13px;width:10px;height:8px;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -64px -9px no-repeat;z-index:2;} #bx-soa-order .bx-soa-pp-company-graf-container .bx-soa-pp-company-image{position:relative;border:1px solid #f2f2f2;width:118px;height:70px;top:auto;right:auto;bottom:auto;left:auto;background-position:center center!important;background-size:auto!important;background-repeat:no-repeat!important;} #bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container .bx-soa-pp-company-image{cursor:default;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-graf-container input{display:none;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle{display:table-cell;vertical-align:middle;padding:0 0 0 20px;font-size:15px;font-weight:bold;line-height:20px;color:#777;text-align:left;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected{cursor:default;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle{color:#333;} #bx-soa-order .bx-soa-pp-item-container .bx-soa-pp-delivery-cost{font-size:14px;line-height:20px;color:#333;padding:1px 5px;background:#fbfbfb;text-align:center;left:0;right:0;bottom:-24px;border:1px solid #f2f2f2;border-top:none;} #bx-soa-order .bx-soa-pp-desc-container{padding-top:0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company{position:relative;padding:22px 24px 20px;border:1px solid #f2f2f2;border-top:none;background:#fbfbfb;-moz-border-radius-bottomright:2px;-webkit-border-bottom-right-radius:2px;border-bottom-right-radius:2px;-moz-border-radius-bottomleft:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company:before{content:"";position:absolute;top:0;right:-1px;left:-1px;height:2px;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company:after{content:"";display:table;clear:both;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-image{margin:5px 0 0;background:#FFF;cursor:default;border-radius:0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block:after{content:"";display:table;clear:both;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-block>br{display:none;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{padding:10px 0 0 0px;font-size:13px;line-height:20px;color:#777777;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list{padding:0;margin:17px 0 0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company ul.bx-soa-pp-list li{padding:0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-list-termin{margin:0 3px 0 0;display:inline-block;vertical-align:top;font-size:15px;font-weight:bold;line-height:20px;color:#333;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-list-description{display:inline-block;vertical-align:top;font-size:15px;font-weight:bold;line-height:20px;color:#333;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-logo{padding:0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-subTitle{margin:0 0 10px;font-size:15px;font-weight:bold;line-height:20px;color:#383838;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-field label:not(.error){position:relative;top:auto;left:auto;margin:0 0 5px;padding:0;font-size:13px;line-height:20px;color:#777777;background:none;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-field .bx-soa-service-small{margin:7px 0 0;font-size:12px;line-height:14px;color:#999999;} #bx-soa-order .bx-soa-pp-desc-container .checkbox{margin:21px 0 0;} #bx-soa-order .bx-soa-pp-desc-container .checkbox:first-child{margin-top:0;} #bx-soa-order .bx-soa-pp-desc-container .checkbox input{display:none;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label{position:relative;padding:0 0 0 27px;font-size:14px;line-height:20px;color:#333333;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label:before{content:"";position:absolute;left:0;top:1px;width:18px;height:18px;border:1px solid #e9e9e9;background:#FFF;border-radius:2px;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label:hover:before{border:none;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label.checked:before{border:none;} #bx-soa-order .bx-soa-pp-desc-container .checkbox label.checked:after{content:"";position:absolute;top:6px;left:4px;width:10px;height:8px;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -64px -9px no-repeat;} #bx-soa-order .bx-soa-pp-desc-container .checkbox .bx-soa-service-small{margin:1px 0 0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-field{margin:13px 0 0;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-field:first-of-type{margin-top:22px;} #bx-soa-order .bx-soa-section{border:1px solid #f2f2f2;} #bx-soa-order .bx-soa-section.bx-step-completed{border:1px solid #f2f2f2;} #bx-soa-order .bx-soa-pp-company-block .form-control{font-size:12px;} #bx-soa-order .form-control{margin-bottom:0px;} body #bx-soa-order .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted{background:#ffd02e;padding:3px 8px 2px;border-radius:3px;margin:10px 0px 10px;} #bx-soa-order .bx-soa-section .bx-soa-section-content{padding:25px 29px 25px 79px;font-size:15px;line-height:20px;color:#333333;transition:none;} #bx-soa-order .bx-soa-section.bx-active .bx-soa-section-content strong{font-weight:bold;margin:0;} #bx-soa-order .bx-soa-coupon{margin:30px -29px -2px -79px;padding:25px 29px 0 29px;border-top:1px solid #f2f2f2;} #bx-soa-order #bx-soa-basket .bx-soa-coupon{margin:0 0 27px;} #bx-soa-order #bx-soa-basket .bx-soa-more{margin:0 0 25px;} #bx-soa-order .bx-soa-coupon-label{margin:2px 0 0;padding:0;display:inline-block;vertical-align:top;} #bx-soa-order .bx-soa-coupon-block{display:inline-block;vertical-align:top;} #bx-soa-order .bx-soa-coupon label{margin:0;width:90px;font-size:14px;font-weight:normal;line-height:15px;color:#333333;} #bx-soa-order .bx-soa-coupon.bx-soa-coupon-item-fixed .bx-soa-coupon-label{margin-top:0;} #bx-soa-order .bx-soa-coupon-input{width:260px;display:block;position:relative;overflow:hidden;border-radius:2px;} #bx-soa-order .bx-soa-coupon-input:after{content:"";position:absolute;top:-1px;bottom:-1px;right:0;margin:0;width:45px;height:auto;cursor:pointer;border:none;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -30px -28px no-repeat;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);} #bx-soa-order .bx-soa-coupon-input:hover:after{background-position:9px -28px;} #bx-soa-order .bx-soa-coupon-input input[type=text].form-control,#bx-soa-order textarea.form-control{padding:8px 67px 7px 17px;height:auto;border:none;color:#333;background:#fbfbfb;font-size:14px;line-height:20px;border-radius:2px;border:1px solid #f2f2f2;} #bx-soa-order .bx-soa-coupon-input input[type=text].form-control:focus{background:#FFF;} #bx-soa-order .bx-soa-section.bx-active .bx-soa-section-content .bx-soa-pp-company-selected img{display:none;} #bx-soa-order .bx-soa-pp-company-selected{padding-top:0;padding-bottom:0;} #bx-soa-order .bx-soa-pp-price{padding:0;font-size:15px;font-weight:bold;line-height:20px;color:#333;} #bx-soa-order #bx-soa-paysystem .bx-soa-section-title:before{background-position:-60px 0;} #bx-soa-order #bx-soa-properties .bx-soa-section-title:before{background-position:-90px 0;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]){margin:4px 0 0;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]):first-child{margin-top:0;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]) .bx-soa-custom-label{margin:0 3px 0 0;display:inline-block;vertical-align:top;font-size:15px;font-weight:bold;line-height:20px;color:#333;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]) .bx-soa-custom-label:after{content:":";} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row]) .bx-soa-custom-label .bx-authform-starrequired{display:none;} #bx-soa-order #bx-soa-properties .form-group:not([data-property-id-row])>div{display:inline-block;vertical-align:top;} #bx-soa-order #bx-soa-basket .bx-soa-section-title:before{background-position:0 -30px;} #bx-soa-order .bx-soa-section .bx-soa-coupon-item{display:block;} #bx-soa-order .bx-soa-section .bx-soa-section-content .bx-soa-coupon-item>strong{display:block;margin:16px 0 0;font-weight:normal;text-transform:none;font-size:14px;line-height:20px;color:#333333;} #bx-soa-order .bx-soa-section .bx-soa-coupon-item .bx-soa-tooltip{float:right;display:block;margin:0 0 0 15px;opacity:1;position:relative;left:auto;bottom:auto;} #bx-soa-order #bx-soa-paysystem .bx-soa-pp-item-container .bx-soa-pp-company{padding-bottom:0;} #bx-soa-order .bx-soa-coupon-item .bx-soa-tooltip .tooltip-inner{font-size:14px;color:#333;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-danger{position:relative;padding:0 0 0 30px;color:#333;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-used{position:relative;padding:0 0 0 30px;color:#333;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-success{position:relative;padding:0 0 0 30px;color:#333;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-danger:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -32px -73px no-repeat;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-used:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -26px -4px no-repeat;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-item-success:before{content:"";position:absolute;top:0;left:0;width:20px;height:20px;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -5px -4px no-repeat;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-remove{float:right;width:20px;height:20px;margin:2px 0 0 3px;border-radius:100%;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -82px -62px no-repeat;} #bx-soa-order .bx-soa-coupon-item .bx-soa-coupon-remove:hover{background-position:-82px -82px;} #bx-soa-order #bx-soa-properties .form-group{margin:0 0 30px;} #bx-soa-order #bx-soa-properties.bx-selected .form-group label{position:relative;top:0px;left:0px;cursor:text;font-size:13px;margin-bottom:6px;} #bx-soa-order #bx-soa-properties.bx-selected .form-group.value_y label{background:#FFF;top:-10px;left:10px;padding:0 7px;} #bx-soa-order #bx-soa-properties .form-group textarea{height:106px;border:1px solid #ececec;} #bx-soa-order #propsMap{margin:0 0 20px;height:332px!important;} #bx-soa-order #propsMap>ymaps{height:332px!important;} #bx-soa-order .bx-soa-cart-total{padding:30px 29px 40px;border:1px solid #f2f2f2;border-radius:0;background:#FFF;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line{margin:2px 0 0;padding:0;font-size:14px;line-height:20px;color:#333333;border:none;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line:first-child{margin-top:0;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-t{width:46%;font-weight:normal;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-d{width:54%;text-align:right;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total{margin:27px 0 0;padding:25px 0 0;border-top:1px solid #f2f2f2;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t{font-size:16px;font-weight:bold;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d{font-size:18px!important;font-weight:bold;} #bx-soa-order .bx-soa-cart-total-button-container{padding:0;margin:26px 0 0;} #bx-soa-order #bx-soa-basket .bx-soa-section-content{padding:0;} #bx-soa-order #bx-soa-basket .bx-soa-coupon.bx-soa-coupon-item-fixed{margin:0 0 30px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table{margin:0 0 -1px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td{padding:39px 10px 25px!important;border-top:none;border-bottom:1px solid #f2f2f2;position:relative;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td .bx-soa-info-shower{padding:0px 20px 10px;display:inline-block;} .bx-soa-info-shower + .bx-soa-item-info-block{padding:0px 20px 0px;} .bx-soa-info-block .bx-soa-info-line td{font-size:13px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td .bx-soa-item-td-title{padding:0;font-size:13px;line-height:20px;color:#999999;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td{padding:7px 10px 8px!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child{padding-left:30px!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:last-child{padding-right:24px!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-block{padding:0;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-img-block{margin:0px 0 0;padding:0;width:70px;height:70px;line-height:70px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-img-block .bx-soa-item-imgcontainer{width:70px;height:70px;line-height:70px;padding:0;border-radius:0;border:none;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-content{padding:0 0 0 90px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-title{margin:0 0 6px;padding:0;font-size:14px;font-weight:normal;line-height:20px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-title a{color:#333;} #bx-soa-order #bx-soa-basket .bx-soa-item-content .bx-scu-container{max-width:100%;height:auto;margin:0 0 10px;} #bx-soa-order #bx-soa-basket .bx-soa-item-content .bx-scu-container:after{background:none;} #bx-soa-order #bx-soa-basket .bx-soa-item-content .bx-scu-container .bx-soa-item-td-title{margin:0;padding:0;font-size:12px;line-height:16px;color:#999999;} #bx-soa-order #bx-soa-basket .bx-soa-item-content .bx-scu-container .bx-soa-item-td-text{margin:0 0 0 6px;padding:0;font-size:12px;line-height:16px;color:#999999;} #bx-soa-order #bx-soa-basket .bx-soa-item-td-text small{display:block;margin:-1px 0 0;font-size:11px;line-height:14px;color:#aeaeae;} #bx-soa-order #bx-soa-basket .bx-soa-item-properties.bx-text-right{text-align:left;} #bx-soa-order #bx-soa-basket .bx-soa-item-properties.bx-text-right>div{text-align:left;} #bx-soa-order #bx-soa-basket .bx-soa-item-td-text{line-height:20px;} #bx-soa-order #bx-soa-basket .bx-price{white-space;font-size:18px;line-height:16px;color:#333;} #bx-soa-order #bx-soa-basket .bx-price+br{/*display:none;*/} #bx-soa-order #bx-soa-basket .bx-soa-item-td-title{font-size:12px;color:#999;vertical-align:top;} #bx-soa-order .bx-price-old{margin:0 0 0 4px!important;font-size:13px;font-weight:normal!important;line-height:20px;color:#777777;} #bx-soa-order #bx-soa-total-mobile{margin:0 0 20px!important;} .bx-soa-item-tr.bx-soa-item-info-container+.bx-soa-basket-info .bx-soa-item-td{border-top:1px solid #f2f2f2 !important;} .bx-soa-item-tr.bx-soa-item-info-container .bx-soa-item-td{border:none !important;} #content noscript + b{display:none;} .sale_order_full_table{position:relative;display:block;margin:0 auto;max-width:730px;} .sale_order_full_table:first-of-type{padding:101px 0 0 !important;text-align:center;color:#333;border:none !important;} .sale_order_full_table:first-of-type:before{content:"";position:absolute;left:50%;top:0;margin:0 0 0 -35px;width:70px;height:70px;background:url(/bitrix/templates/decordizayn/img/order_ext.png) -103px -5px no-repeat;} .sale_order_full_table:last-of-type{border:1px solid #f2f2f2;padding:34px 39px 34px;} .sale_order_full_table:last-of-type tr:last-child td:first-child{padding-top:20px;} .sale_order_full_table > tbody{display:block;} .sale_order_full_table > tbody > tr{display:block;} .sale_order_full_table .ps_logo{display:block;} .sale_order_full_table .ps_logo br{display:none;} .sale_order_full_table .ps_logo .pay_name{margin:0 0 22px;font-size:18px;font-weight:bold;line-height:20px;color:#333;} .sale_order_full_table .ps_logo .image{margin:0 25px 0 0;display:inline-block;vertical-align:middle;width:120px;height:72px;line-height:68px;text-align:center;border:1px solid #f2f2f2;} .sale_order_full_table .ps_logo .paysystem_name{display:inline-block;vertical-align:middle;font-size:14px;line-height:20px;color:#333333;} .sale_order_full_table td>.tablebodytext{display:block;color:#333;} .sale_order_full_table .tablebodytext br:first-of-type{display:none;} .sale_order_full_table input[name="BuyButton"]{margin:-7px 0 0;padding:7px 19px 9px;font-size:14px;line-height:20px;font-weight:bold;color:#fff;border:1px solid transparent;-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;transition:all .1s ease-in-out;} .sale_order_full_table form[name="ShopForm"] .tablebodytext{display:block;margin:8px 0 0;font-size:12px;line-height:18px;color:#777777;} .sale_order_full_table form[name="ShopForm"] .tablebodytext b{font-weight:normal;color:#333333;} #bx-soa-order a{text-decoration:none;} #bx-soa-order .bx-soa-cart-total .change_basket{font-size:16px;font-weight:600;position:relative;color:#333;border-bottom:1px solid #eaebec;margin:0px -29px 43px;padding:2px 29px 31px;} #bx-soa-order .bx-soa-cart-total .change_basket .change_link{position:absolute;top:3px;right:29px;font-size:14px;font-weight:400;} .bx-soa-auth .bx-authform-input-container input[type="text"], .bx-soa-auth .bx-authform-input-container input[type="password"]{box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;background:#f7f7f7;border:1px solid #eaebec; border-radius:2px;box-shadow:none;color:#383838;height:auto;font-size:12px;padding:8px 13px 7px;width:100%;line-height:20px;} .bx-soa-auth .bx-authform-input-container label{font-size:12px;margin-bottom:2px;color:#777;} #bx-soa-order input[type=text], #bx-soa-order input[type=password], #bx-soa-order input[type=email], #bx-soa-order select, #bx-soa-order textarea{font-size:14px;} #bx-soa-order.orderform--v1 .pandd{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;} #bx-soa-order.orderform--v1 .pandd>div{flex-grow:1;} #bx-soa-order.orderform--v1 #pickUpMap>ymaps{width:100%;} #bx-soa-order.orderform--v1 #bx-soa-pickup{width:100%;} #bx-soa-order.orderform--v1 .bx-soa-section .bx-soa-section-title-container{ cursor:default; background-color:transparent; } #bx-soa-order.orderform--v1 .bx-soa-section:not(#bx-soa-basket) .bx-soa-section-title-container{ border-bottom-color:transparent; padding-bottom:5px; } #bx-soa-order.orderform--v1 .bx-soa-section .bx-soa-section-title{ font-weight:600; } #bx-soa-order.orderform--v1 #bx-soa-delivery,#bx-soa-order.orderform--v1 #bx-soa-paysystem{ position:relative; order:0; max-width:100%; } #bx-soa-order.orderform--v1 #bx-soa-delivery+#bx-soa-paysystem{order:2;} #bx-soa-order.orderform--v1 #bx-soa-delivery+#bx-soa-paysystem+#bx-soa-pickup{order:1;} #bx-soa-order.orderform--v1 #bx-soa-paysystem+#bx-soa-delivery{order:1;} #bx-soa-order.orderform--v1 #bx-soa-paysystem+#bx-soa-delivery+#bx-soa-pickup{order:2;} #bx-soa-order.orderform--v1 #bx-soa-coupon{ display:none; order:3; } #bx-soa-order.orderform--v1 #bx-soa-coupon .bx-soa-coupon{ border:none; margin:0; padding:0; } #bx-soa-order.orderform--v1 .bx-soa-coupon-label{ margin:-1px; } #bx-soa-order.orderform--v1 .bx-soa-coupon label{ color:#777; margin-bottom:6px; font-size:13px; line-height:20px; } #bx-soa-order.orderform--v1 .bx-soa-item-tr.bx-soa-item-info-container + .bx-soa-basket-info .bx-soa-item-td{ border:none; } #bx-soa-order.orderform--v1 .bx-soa .bx-soa-custom-label, #bx-soa-order.orderform--v1 .bx-soa .form-group label{ margin-bottom:6px; } #bx-soa-order.orderform--v1 div[class*="bx-sls"] .quick-locations{ margin-top:-3px; } #bx-soa-order.orderform--v1 .bx-soa-pp-company-graf-container{ height:20px; width:20px; border:none !important; background:transparent; padding:0; margin:0; display:inline-block; position:absolute; left:0; top:0; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-cost{ position:relative; float:none; bottom:inherit; left:inherit; right:inherit; background:none; border:none; text-align:left; padding:0; display:block; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-cost .bx-soa-pp-list-description{ padding:5px 7px 5px 9px; background:#f0f0f0; border:none; color:#333; border-radius:10px; display:inline-block; line-height:10px; vertical-align:top; margin:0 0 0 5px; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company-graf-container:before{ top:0; left:0; border:1px solid #eaeaea; background:#fbfbfb; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container::after{ left:5px; top:6px; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company-smalltitle{ padding:0; color:#333; display:block; word-wrap:break-word; hyphens:auto; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company{ position:relative; padding:0 0 0 35px; } #bx-soa-order.orderform--v1 .bx-soa-pp-company-description{ color:#777; font-size:13px; max-width:100%; } #bx-soa-order.orderform--v1 #bx-soa-delivery .bx-soa-pp-company-description{ padding:0; width:265px; margin:8px 0 9px 0; } #bx-soa-order.orderform--v1 #bx-soa-paysystem .bx-soa-pp-company-description{ margin:32px 0 9px 0; } #bx-soa-order.orderform--v1 .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn .btn{ position:relative; } #bx-soa-order.orderform--v1 .bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn .btn:before{ content:""; position:relative; width:10px; height:8px; background:url(/bitrix/templates/aspro_next/images/order_ext.png) -64px -9px no-repeat; z-index:2; display:inline-block; margin:0 10px 0 0; } #bx-soa-order.orderform--v1 .bx-soa-item-tr.bx-soa-item-info-container+.bx-soa-basket-info .bx-soa-item-td { border-top:none !important; } #bx-soa-order.orderform--v1 .bx-soa-section.bx-step-error .bx-soa-section-title::before { background:none; background:url(/bitrix/templates/decordizayn/img/order.png) -60px -30px no-repeat !important; } #bx-soa-order.orderform--v1 .bx-soa-coupon{display:flex;flex-direction:row;} #bx-soa-order.orderform--v1 .bx-soa-coupon-block{ width:100%; } #bx-soa-order.orderform--v1 .bx-soa-coupon-input{ width:inherit; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-period, #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-cost{ font-size:14px; word-wrap:break-word; hyphens:auto; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-list-termin{ display:inline; margin:0 3px 0 0; color:#777; word-wrap:break-word; hyphens:auto; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-delivery-period .bx-soa-pp-list-description{ display:inline; color:#333; word-wrap:break-word; hyphens:auto; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container{ width:100%; padding:0; min-height:inherit; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company{ border:none; background:none; padding:0; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{ display:none; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc ~ div{ margin-top:8px; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company::before, #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company::after{ display:none; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .checkbox{ padding:0; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-field label, #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .checkbox label{ font-size:13px; color:#777; line-height:20px; font-weight:normal; display:inline-block; } #bx-soa-order.orderform--v1 .bx-soa-pp-desc-container .bx-soa-pp-company-block>div:first-of-type{ margin-top:8px; } #bx-soa-order.orderform--v1 .bx-soa-pp-inner-ps{ margin:5px 0 0 0; } #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company--hasprice .bx-soa-pp-company-smalltitle, #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company--hasperiod .bx-soa-pp-company-smalltitle, #bx-soa-order.orderform--v1 .bx-soa-pp-item-container .bx-soa-pp-company--hascalculate .bx-soa-pp-company-smalltitle{ margin-bottom:8px; } .sale_order_full_table input[name="BuyButton"]{color:#fff;} .magnifier {text-align:center;background:#fff;} .magnifier img{vertical-align:middle;margin:auto;display:inline-block;} .footer_inner.no_fill{background:#f6f6f7;} .footer_inner.fill{background:transparent !important;} #bx-soa-order .bx-soa .form-group .radio-inline.checked label:before, #bx-soa-order .bx-soa .form-group .radio-inline label:hover:before, #bx-soa-order .bx-soa-pp-company:hover .bx-soa-pp-company-graf-container:before, #bx-soa-order .bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container:before { background-color: #000; } .filter.licence_block{padding:0px 0px 20px;position:relative;margin:-10px 0px 0px;} .filter.licence_block .error{position:absolute;top:-10px; right:0; color:red !important;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total+.form{padding-top:20px;} #bx-soa-order-form .btn.btn-default { background: #000; border-color: #000; -webkit-box-shadow: 0px 2px 8px 0px rgba(78, 50, 120, 0.66); box-shadow: 0px 2px 8px 0px rgba(78, 50, 120, 0.66); } #bx-soa-order-form .btn.btn-default:hover { color: #000 !important; background: transparent !important; border-color: #000 !important; } #bx-soa-order #bx-soa-orderSave a { padding-top: 9px; } #bx-soa-main-notifications .alert:before { content: ""; display:none; } #bx-soa-order.orderform--v1 #bx-soa-delivery, #bx-soa-order.orderform--v1 #bx-soa-paysystem { position: relative; order: 0; max-width: 100%; } #bx-soa-order .bx-soa-editstep {display:none !important;} #bx-soa-order .bx-soa-cart-total-button-container .btn { font-size: 14px!important; } #bx-soa-order .hidden {display:none;} #bx-soa-order .visible-xs {display:none;} #bx-soa-order .col-xs-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { #bx-soa-order.orderform--v1 #bx-soa-delivery, #bx-soa-order.orderform--v1 #bx-soa-paysystem { width: calc(50% - 15px); margin-right: 15px; } #bx-soa-order.orderform--v1 #bx-soa-delivery,#bx-soa-order.orderform--v1 #bx-soa-paysystem{width:calc(50% - 15px);margin-right:15px;} #bx-soa-order.orderform--v1 #bx-soa-delivery+#bx-soa-paysystem, #bx-soa-order.orderform--v1 #bx-soa-paysystem+#bx-soa-delivery{margin-right:0;margin-left:15px;} #bx-soa-order.orderform--v1 #bx-soa-delivery .bx-soa-coupon,#bx-soa-order.orderform--v1 #bx-soa-paysystem .bx-soa-coupon{display:none;} #bx-soa-order.orderform--v1 #bx-soa-coupon{display:block;} #bx-soa-order.orderform--v1 #bx-soa-pickup{order:2;} #bx-soa-order.orderform--v1 #bx-soa-delivery+#bx-soa-paysystem{order:1;} #bx-soa-order .bx-soa-cart-total-button-container .btn { font-size: 12px!important; } } @media (max-width:767px){ #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{float:left;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{margin-top:0;padding-left:140px;} #bx-soa-order .bx-soa-pp-desc-container{margin-top:20px;padding-left:0;padding-right:0;} #bx-soa-order .bx-soa-pp-list-termin{width:auto;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .col-sm-9{float:left;width:75%;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .col-sm-3{float:left;width:25%;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties{width:50%!important;display:inline-block;vertical-align:top;float:none;} .bx-soa-item-nth-4p1{display:none;} } @media all and (max-width: 992px){ #bx-soa-order .visible-xs {display:block !important;} #bx-soa-order .hidden-xs {display:none !important;} #bx-soa-order .bx-soa-section .bx-soa-section-content { padding-left: 29px; } #bx-soa-order .bx-soa-coupon { margin-left: -29px; } #bx-soa-order>.bx-soa { width: 100%; max-width: 100%; flex:none; } #bx-soa-total{width:100%;display:none;} #bx-soa-total-mobile{display:block!important;} #bx-soa-order #bx-soa-orderSave{/*display:none;*/} #bx-soa-order .bx-soa-cart-total-button-container{display:none !important;} #bx-soa-order>.bx-soa{width:100%;} #bx-soa-order #bx-soa-total .bx-soa-cart-total.bx-soa-cart-total-fixed{position:relative!important;opacity:1!important;} #bx-soa-order #bx-soa-total .bx-soa-cart-total-ghost{padding:0!important;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{float:left;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{margin-top:0;padding-left:140px;} #bx-soa-order .bx-soa-section .bx-soa-section-content{padding-left:29px;} #bx-soa-order .bx-soa-pp-company-selected{float:left;width:75%;} #bx-soa-order .bx-soa-pp-price{float:right;width:25%;} #bx-soa-order .bx-soa-item-tr{padding:20px 20px 20px 110px;border-top:1px solid #f3f3f3;} #bx-soa-order .bx-soa-item-tr.bx-soa-item-tr-first{border-top:none;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-block{padding-left:0;overflow:visible;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td{border:none;padding:0!important;min-width:0!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-img-block{margin-left:-90px;margin-top:0;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-content{padding-left:0;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties{margin-top:10px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties>div{padding:0;text-align:left;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:first-child{padding-left:0!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td:last-child{padding-right:0!important;} #bx-soa-order #bx-soa-basket .bx-soa-item-td-title{padding-bottom:0;} #bx-soa-order .bx-soa-coupon{margin-left:-29px;} #bx-soa-order .bx-soa-more{margin-left:-29px;} #bx-soa-order .alert-danger{margin-left:-29px;} #bx-soa-order .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d{white-space:normal;} .bx-soa-item-tr.bx-soa-item-info-container, .bx-soa-item-tr .bx-soa-item-td{height:auto;} } @media all and (max-width: 450px){ /* ORDER */ #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company-graf-container{float:none;} #bx-soa-order .bx-soa-pp-desc-container .bx-soa-pp-company .bx-soa-pp-company-desc{margin-top:15px;padding-left:0;} #bx-soa-order .bx-soa-coupon-label{width:auto;display:block;margin-top:0;margin-bottom:4px;} #bx-soa-order .bx-soa-coupon label{width:auto;} #bx-soa-order .bx-soa-coupon-block{display:block;} #bx-soa-order .bx-soa-coupon-input{width:auto;} #bx-soa-order .bx-soa-section .bx-soa-section-title{padding-right:0;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .text-right{padding:0;text-align:left;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .col-sm-9{width:100%;float:none;text-align: left;} #bx-soa-order .bx-soa-section .bx-soa-section-title-container .col-sm-3{width:100%;float:none;} #bx-soa-order .bx-soa-editstep{margin-top:5px;} #bx-soa-order #bx-soa-basket .bx-soa-item-table .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties {width: 100%!important;} #bx-soa-order .form{text-align:left;} } #bx-soa-order .bx-soa-section .bx-soa-section-title:before { background-color: #000; } /* order styles end */ /* slick */ .slick-slider .slick-arrow { position: absolute; font-size: 45px; color: #000; display: flex; align-items: center; top: 0; z-index: 2; height: 100%; width: 45px; cursor: pointer; } .slick-slider .slick-arrow i{ color:#fff!important; } .slick-slider .slick-arrow:hover { background-color: rgba(255,255,255,0.2); } .slick-slider .slick-right { right: 0; padding-left:10px; padding-right:10px; } .slick-slider .slick-left { left: 0; padding-left:10px; padding-right:10px; } .item-slider .big .slick-arrow i{ color:#CCC!important; } .item-slider .big .slick-arrow:hover { background-color: rgba(255,255,255,0.2); } /* slick end */ @media (max-width: 1199px) { header .top-line .navbar ul li a { padding: 26px 7px; } header .middle-line .adress-block { margin-right: 20px; } header .bottom-line .btns .btn { padding: 0 10px; } header .bottom-line .btns .search { width: 340px; } .catalog-list.type-th-list .item .image { width: 200px; } .catalog-list.type-th-list .item .info { width: calc(100% - 200px); } .type-th-list .item-add .btn { white-space: nowrap; margin: 0; } .catalog-list.type-line .item .info .left { width: 215px; } .item-slider .small .item { line-height: 50px; } .item-ship b { display: block; } .cart-table .image { float: none; width: 100%; margin: 0 0 10px; } .cart-table .name { width: 100%; } } @media (max-width: 991px) { body { padding: 100px 0 0; } .catalog-block .row-flex .item .item-button { visibility:visible; height: auto; } .breadcrumb { margin: 0 0 20px; font-size: 12px; } .breadcrumb-item { margin: 0 0 5px; } header .top-line, header .middle-line, header .bottom-line { display: none; } .mobile-header { -webkit-box-shadow: 0px 0px 32px 0px rgba(31, 20, 48, 0.2); box-shadow: 0px 0px 32px 0px rgba(31, 20, 48, 0.2); padding: 25px 0; position: fixed; top: 0; width: 100%; background: #FFF; z-index: 444; display: block !important; } .mh-items .menu-toggle { float: left; font-size: 28px; color: #000; } .mh-items .logo { float: left; max-width: 190px; } .mh-items .logo a { display: block; } .mh-items .phone { margin-right: 25px; } .mh-items .phone a { display: block; color: #27193c; font-weight: 900; font-size: 20px; } .mh-items .links a i { margin: 0; } .aside-right > .title { margin: 0 0 24px; border: none; background: #eeeeee; padding: 25px 30px; } .aside-right .title h2 { color: #000; } .aside-right .title h2 i { width: 50px; height: 50px; background: #000; color: #FFF; text-align: center; line-height: 50px; border-radius: 4px; font-size: 24px; } .aside-right .title button { font-size: 32px; line-height: 50px; background: transparent !important; color: #000 !important; } .sidebar { position: fixed; left: -150%; top: 0; background: #FFF; width: 375px; z-index: 555; max-height: 100%; overflow-y: auto; padding: 0; height: 100%; -webkit-transition: .7s left; transition: .7s left; -webkit-box-shadow: 0 0 100px rgba(0, 0, 0, 0.3); box-shadow: 0 0 100px rgba(0, 0, 0, 0.3); max-width: 80%; } .sidebar.open { left: 0; } .sidebar.show { left: 0; } .sidebar .mobile-title { display: block; font-weight: bold; background: #eeeeee; color: #000; padding: 25px 30px; font-size: 18px; } .sidebar .mobile-title i { display: inline-block; vertical-align: middle; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #FFF; background: #000; border-radius: 4px; margin-right: 15px; position: relative; } .sidebar fieldset { border-bottom: 2px solid #eee; } .sidebar .fieldset-box:after { height: 25px; } .sidebar .fieldset-title { padding: 25px 70px 0 30px; font-weight: bold; font-size: 16px; } .sidebar .fieldset-title:before { left: inherit; right: 30px; font-size: 22px; margin-top: 12.5px; } .sidebar .fieldset-box { padding: 0 30px 0; } .sidebar .total { margin: 0; padding: 20px; } .sidebar > .btn { border-radius: 0; left: 0; bottom: 0; height: 50px; line-height: 50px; } .main-banner .main-image .info .title { margin: 0 0 20px; } .info-alert { margin: 0 0 20px; } .btn-more { width: 100%; } .sorting .call-filter { display: inline-block; height: 34px; line-height: 32px; } .pricebar{ border:none; background-color:#fff; box-shadow: none; border-radius: 10px; } .pricebar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .pricebar .item-add .item-count { display: none; } .pricebar .item-add .btn { width: 100%; max-width: 100%; } .pricebar .item-add { display: block; width: 100%; margin: 10px 0 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .pricebar .item-price { font-size: 24px; text-align: center; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .gift + .links { text-align: center; } .pricebar .item-availability { display: none; } .pricebar .item-sale { margin: 0 0 25px !important; height: 30px; line-height: 30px; padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .pricebar hr { display: none; } .pricebar > .btn { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .pricebar > p { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; text-align: center; width: 100%; } .item-form { text-align: center; margin: 0; } .item-form:before { display: none; } .item-ship { text-align: center; margin: 20px 0 0; } .item-ship b { display: inline; } .item-ship p { margin: 0 0 10px; } .item-form a.btn { max-width: 130px; line-height: 25px; } .item-form a.phone { margin: 10px 0 0; } .item-ship:before { -webkit-transform: none; transform: none; position: relative; margin: 0 0 25px; display: block; font-size: 60px; content: '\f0d1'; color: #000; } .catalog-list .btn { margin-bottom: 5px; } .profilebar { margin: 0 0 30px; } .item-slider, .item-char { margin: 0 0 30px; } .badge{ opacity:0.72!important; margin-right:3px!important; } .badge-HIT, .badge-HIT2, .badge-NEW, .badge-STOCK, .badge-RECOMMEND, .badge-MONTH { font-size:70%; padding-top:7px; } .sidebar-text { display: block; text-align: center; } .sidebar-text img { max-width: 250px; } .sidebar .sidebar-text { display: none; } .item-more{ display: flex; overflow-x: scroll; max-width:100%; -webkit-overflow-scrolling: touch; } .item-more div{ flex: 0 0 auto; } .main-icons .col-6 hr{display:none;} .main-icons .col-6 h5 small{display:none;} .main-icons .col-6 h5 i{margin-top:12px;} .main-icons .col-6 h5{font-size:118%;font-weight: 300;} } @media (max-width: 767px) { body { padding: 54px 0 0; } h1 { font-size: 18px; text-transform: none; margin-bottom:10px; } h2 { font-size: 20px; } h3 { font-size: 18px; } .section-title .title { font-size: 20px; } .section-title .link { line-height: 20px; } .mobile-header { padding: 10px 0; } header .links a:nth-child(1) { margin-right: 4px; } .mh-items .phone a { font-size: 16px; } .mh-items .logo { width: 130px; } .main-banner { margin: 0 0 20px; } .main { margin: 0 0 50px; } .cats-list { margin: 0 0 25px; } .catalog-list.type-th-list .item .image { width: 100%; margin: 0 0 20px; } .catalog-list.type-th-list .item .info { width: 100%; display: block; } .catalog-list.type-th-list .item .info .left { width: 100%; } .catalog-list.type-th-list .item .info .right { width: 100%; } .catalog-list.type-line .item .info .left { width: 100%; } #modal-cart .catalog-list.type-line .item .info .center { width: auto; } #modal-cart .catalog-list.type-line .item .info .left { width: 100%; margin: 0; } #modal-cart .catalog-list.type-line .item .info .right { margin-right: 15px; } .item-page h1 { font-size: 18px; margin: 0 0 10px; } .item-page .item-code { margin: 0 0 5px; } .custom-control-label-big .cost { position: relative; top: 0; -webkit-transform: none; transform: none; right: 0; margin: 10px 0 0; display: block; } .custom-control-label-big { padding: 20px; text-align: center; } footer .bottom-line ul li { margin-right: 10px; line-height: 2; } footer .top-line { padding: 25px 0; } footer .top-line .copyright { text-align: center; margin: 0 0 30px; } footer .top-line .copyright a { display: block; } footer .top-line .email { width: 160px; margin: 0 auto 20px; } footer .top-line .block { width: 100%; margin: 0 0 30px; text-align: center; } footer .top-line .block .title { margin: 0 0 10px; } footer .bottom-line { text-align: center; padding: 20px 0 25px; } footer .bottom-line ul { margin: 15px 0 0; } footer .top-line .block .socials ul li { margin-bottom: 0; } } @media (max-width: 574px) { .catalog-block .row-flex .item .item-button { visibility:visible; height: auto; } .info-alert { margin-top: 40px; } .cats-list .row > div:nth-child(3) { } .cats-list .item a { padding: 15px 10px; } .page-link { width: 30px; height: 30px; line-height: 30px; font-size: 12px; } .cart .btn-warning { margin: 10px 0 0; } .item-btns { position: relative; margin: 20px 0 0; } .item-btns .btn-view span { display: inline-block; vertical-align: middle; font-weight: bold; margin-left: 7px; text-transform: none; color: #000 !important; font-size: 12px; } .item-btns .btn-view { width: auto; height: auto; background: transparent !important; color: #000 !important; } .item-btns .btn-view.active { background: transparent !important; } .item-btns .btn-view i { width: 30px; height: 30px; background: #eee; line-height: 30px; border-radius: 4px; display: inline-block; vertical-align: middle; } .item-btns .btn-view.active i { background: #000; } } @media (max-width: 524px) { .montaz { display: block; } .slick-initialized .slick-slide { height: auto; } .montaz_item { width: 100%; } .mh-items .phone { margin-right: 7px; } .mh-items .phone a { font-size: 0; width: 34px; height: 34px; background: #eee; border-radius: 4px; position: relative; } .mh-items .phone a:before { content: '\f095'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 14px; color: #000; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%) rotate(115deg); transform: translate(-50%,-50%) rotate(115deg); } .catalog-list .item .image a { height: 140px; line-height: 140px; } .catalog-list .item .image { padding: 20px 0 0; margin: 0 0 20px; } .catalog-list .item .info .title { font-size: 12px; } .catalog-list .item .info .article { margin: 0 0 10px; font-size: 12px; } .catalog-list.type-line .item .image { width: 100%; margin: 0 0 30px; } .catalog-list.type-line .item .image a { height: auto; line-height: inherit; } .catalog-list.type-line .item .info { width: 100%; } .catalog-list.type-line .item .info .left { margin: 0; } .catalog-list.type-line .item .info .center { width: 100%; margin: 0 0 15px; } .catalog-list.type-line .item .info .right { width: 100%; text-align: center; } .catalog-list.type-line .item .info .right .item-availability { display: inline-block; vertical-align: top; margin: 0 0 15px; } .item-price { font-size: 15px; } .item-code { font-size: 12px; height: 24px; line-height: 24px; } .main-banner .main-image .info { position: relative; padding: 30px 30px; top: 0; -webkit-transform: none; transform: none; height: 30vh!important; } .main-banner .main-image .info img { object-fit: cover; height: 80vh; } .main-banner .main-image .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 4px; overflow: hidden; } .main-banner .main-image .image img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .sidebar .mobile-title { font-size: 14px; padding: 15px 20px; } .sidebar .fieldset-title { padding: 25px 70px 0 20px; } .sidebar .fieldset-box { padding: 0 20px; } .sidebar .fieldset-title { font-size: 14px; } .sidebar .fieldset-title:before { font-size: 16px; } #modal-cart .catalog-list.type-line .item .info .center { width: 100%; } #modal-cart .sum { width: 100%; margin: 15px 0 0; padding: 0; } .aside-right .title h2 i { width: 40px; height: 40px; line-height: 40px; font-size: 16px; } .aside-right > .title { padding: 15px 20px; } .aside-right .title button { font-size: 20px; line-height: 40px; } .aside-right .btns { padding: 0 20px; display: block !important; text-align: center; } .aside-right .btns a { width: 100%; } .aside-right .btns a:first-child { margin: 0 0 10px !important; } .aside-right .btn-credit { margin: 10px 0 0 !important; } .aside-right .catalog-list { padding: 0 20px; max-width: 100%; overflow: hidden; } } @media (max-width: 474px) { } @media (max-width: 424px) { .sorting .btn-small { width: 100%; margin: 0 0 5px; } .mobile-menu .menu ul li a { padding: 15px 20px; font-size: 14px; } .mobile-menu .menu.gray ul li a { padding: 25px 20px; } .mobile-menu .adress-block { padding: 22px 20px 0; } .item-tabs .nav-item { text-align: center; width: 50%; margin: 0; } .item-tabs .nav-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog-list .btns-title .btn { margin-bottom: 5px; padding: 0 10px; font-size: 12px; width: 100%; margin: 0 0 5px !important; } } @media (max-width: 374px) { .catalog-list .col-6 { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .catalog-list .item .image { margin: 0 0 20px; } .catalog-list .item .image a { height: auto; line-height: 1; } } .main-icons .col-lg-3:hover i.fas{ transform: scale(1.3); cursor: pointer; } i.fas{ transition: 0.7s; } .pulse { margin-right:3px; border-radius: 50%; background: #fff; cursor: pointer; box-shadow: 0 0 0 rgba(246,80,83, 0.4); animation: pulse 2s infinite; } .pulse:hover { animation: none; } .pulsee { margin-right:3px; border-radius: 5px; background: #fff; cursor: pointer; box-shadow: 0 0 0 rgba(246,80,83, 0.4); animation: pulse 1s infinite; } .pulse:hover { animation: none; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(246,80,83, 0.4); } 70% { -webkit-box-shadow: 0 0 0 20px rgba(246,80,83, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(246,80,83, 0); } } @keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 rgba(246,80,83, 0.4); box-shadow: 0 0 0 0 rgba(246,80,83, 0.4); } 70% { -moz-box-shadow: 0 0 0 10px rgba(246,80,83, 0); box-shadow: 0 0 0 20px rgba(246,80,83, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(246,80,83, 0); box-shadow: 0 0 0 0 rgba(246,80,83, 0); } } .newbutton_class { margin-bottom: 10px; } .item img { transition: 1s; } .item:hover img { } summary.glo{ color:#097914; padding: 15px 20px; text-transform: uppercase; text-decoration:none; text-align:center; margin:30px auto; display: block; background-image: linear-gradient(to left,transparent,transparent 50%,#097914 50%,#097914); background-position: 100% 0; background-size: 200% 100%; transition: all .25s ease-in; font: 400 18px tahoma; border: 1px solid; border-radius: 5px; width: 70%; } summary.glo:hover { background-position: 0 0; color:#fff; } .new_ul li { color: #FFF; } /*-----------------------------------------------------------PROSTINYA-----------------------------------------------------------*/ .prostinya_text { border-bottom: 2px dotted #33575d; transition: 1s; margin-bottom: 0px; color: #3e646a; } .prostinya_text:hover { border-bottom: 2px dotted #33575d; } .prostinya_block { width: 800px; margin: 0 auto; background-color: white; display: flex; justify-content: space-between; flex-wrap: wrap; border: 2px solid #42454c; -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75); } .prostinya_block_item { width: 25%; display: block; margin: 0 auto; border: 1px solid whitesmoke; padding: 10px; } .prostinya_block_item img { padding: 5px; margin: 0 auto; width: 90%; display: flex; transition: 1s; } .prostinya_block_item p { color: black; font-size: 0.9em!important; display:block; height:inherit; margin:0 auto; padding: 10px 5px; text-decoration:underline; text-align: center; transition: 1s; color: } .prostinya_block_item:hover img { transform: scale(1.1); } .prostinya_sub-menu { position:absolute; left:-9999px; opacity:0; transition: opacity .75s; width:100%; z-index:10000000000; } #prostinya:hover .prostinya_sub-menu { left: 0; opacity:1; } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {#prostinya {display: none;}} /*-----------------------------------------------------------PROSTINYA-----------------------------------------------------------*/ /*-----------------------------------------------------------new-----------------------------------------------------------*/ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { .mh-items .logo { margin-left: 5%; } .col-6 { padding: 0 5px; } .main-banner .slick-initialized .slick-slide { height: 16vh; } .catalog-list .item .info .title a { font-size: 15px; } .catalog-list .item .info .title { min-height: 50px; } } .small .slick-track { transform: none!important; } /*-----------------------------------------------------------new-----------------------------------------------------------*/ .hvr__dots { position: absolute; } .navbar { width: 150%; } .navbar li:nth-child(7) { } .showroom-slider { height: 270px; } .showroom-slider .slick-track { height: 270px; } .showroom-slider .slide { margin-right: 5px; } .item-add .js-add-to-basket { font-size: 85%; width: 50%; } .pricebar .btn-credit { border-color: #000!important; } .pricebar .btn { transition: 0.5s; } .pricebar .btn:hover { box-shadow: 1px 1px 13px 0px rgba(50, 50, 50, 0.75)!important; } .badge-STOCK { display: none; } .dostavka { position: absolute; padding: 10px auto; font-weight: 300; color: #27193c; } .price-block { margin-top: 40px; } /*/////////////////////////////////////////fastview///////////////////////////*/ .open_fastview { position: absolute; right: 33px; } .open_fastview:hover {color: #0056b3;} .modal.modal-item .modal-content { padding: 30px;} .modal.modal-item .modal-dialog { max-width: 100%; width: 790px;} .close span {font-size:160%;} .modal .item-slider{ display: flex; justify-content: center;} .modal-content {width:96%;} .modal .item-code { font-size: 12px; height: 24px; line-height: 24px; } .help_cena_view { z-index: 1; visibility: hidden; top:15px; opacity: 0; background-color: rgba(0, 0, 0, 0.8); border-radius: 4px; position: absolute; font-size: 14px; color: white; padding: 10px; width: auto; text-align: center; } .help_cena:hover .help_cena_view { transition: 0.3s; opacity:1; visibility: visible; } .downup {overflow-x: hidden; overflow-y: auto;} /*//////////////////////////////fix-cart-gift///////////////////////////*/ .basket-gifts .btn {margin-bottom:2px; border:1px solid #dd1818; white-space: normal; min-width:150%; display: flex;} @media screen and (max-width: 770px) { .basket-gifts .btn { min-width:100%; height: auto; line-height: normal;}} .item-sale { display: none; } .sidebar-text .cursor-loop { display: none; } .badge-HIT { background: #B72B3E; } .badge-SHOWROOM { background: #31b82f; } .badge-RECOMMEND { background: #925aec; } .badge { font-weight: 300; } .btn-nal { background: black !important; color: white !important; } .btn-nal:hover { background: white !important; color: black !important; } .raspr-info { font-size: 1.2rem; background: #fc3; color: black; border-radius: 3px; text-align: left; padding-left: 15px; } .ostatok { margin: 5px 0px; } @keyframes animate_gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes animate_pulse { 0% { box-shadow: 0 0 0 0 rgba(67, 105, 222, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(67, 105, 222, 0); } 100% { box-shadow: 0 0 0 0 rgba(67, 105, 222, 0); } } .badge-RASPR { background: #4369de !important; color: white !important; } .badge-RASPR2 { background-color: #4369de !important; color: white; animation: animate_pulse 1.5s infinite; } header .top-line .navbar ul li a { padding: 26px 5px !important; } /*_________________________ SKIDKI _________________________*/ .skidki-block table { margin: 0 auto; width: 80%; } .iskweb { width: 80% !important ; margin: 0 auto !important ; } table.iksweb td,table.iksweb th { border: 1px solid gray; padding: 20px 40px; font-size: 1.2rem; text-align: center; } table.iksweb tr:nth-child(1) { background: #7e7e7e; color: white; font-weight: bolder; } table.iksweb td:hover { background: #BCB8B1; color: white; cursor: pointer; } .skidki-block p { font-size: 1.2rem; margin-top: 20px; } /*_________________________ SKIDKI _________________________*/ p.skidki { font-weight: bolder; color: darkred; } .item .btn-primary, .item .btn-light { background: #7e7e7e !important; color: white !important; border: none; font-size: 1rem; font-family: system-ui; } .item .btn-primary:hover { box-shadow: 0px 0px 3px black !important ; } .raspr_button { position: fixed; z-index: 1000; bottom: 50px; left: 50px; } .custom-btn { width: 130px; height: 40px; color: white !important; border-radius: 5px; padding: 10px 25px; font-family: 'Lato', sans-serif; font-weight: 500; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); outline: none; } .btn-12{ position: relative; right: 20px; bottom: 20px; border:none; box-shadow: none; width: 130px; height: 40px; line-height: 42px; -webkit-perspective: 230px; perspective: 230px; } .btn-12 span { color: white; background: rgb(0,172,238); background: darkred; display: block; position: absolute; width: 130px; height: 40px; box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); border-radius: 5px; margin:0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; } .btn-12 span:nth-child(1) { box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 50% 50% -20px; -moz-transform-origin: 50% 50% -20px; transform-origin: 50% 50% -20px; } .btn-12 span:nth-child(2) { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-transform-origin: 50% 50% -20px; -moz-transform-origin: 50% 50% -20px; transform-origin: 50% 50% -20px; } .btn-12:hover span:nth-child(1) { box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); transform: rotateX(0deg); } .btn-12:hover span:nth-child(2) { box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1); color: transparent; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); transform: rotateX(-90deg); } @media screen and (max-width: 770px) { .raspr_button { left: 5px; bottom: 10px; } } .showroom_block { background-size: cover !important; margin-bottom: 20px; /* End */ /* /bitrix/templates/decordizayn/ajax/ajax.min.css?1672962232247 */ /* /bitrix/templates/decordizayn/css/normalize.css?16729622321782 */ /* /bitrix/templates/decordizayn/css/nouislider.min.css?16729622324441 */ /* /bitrix/templates/decordizayn/css/slick.css?16729622322784 */ /* /bitrix/templates/decordizayn/css/fonts.css?16729622323139 */ /* /bitrix/templates/decordizayn/template_styles.css?1676643364123337 */