/* /local/templates/201708/css/swiper.min.css */ /** * Swiper 4.3.3 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 5, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:3;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("/local/templates/201708/img/slider/button-arrow-left.png");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("/local/templates/201708/img/slider/button-arrow-right.png");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} body .new_button_swiper{ width: 68px; height: 68px; background-size: 100%; margin-top: -70px; } .swiper-button-next.new_button_swiper{ right: 0; } .swiper-button-prev.new_button_swiper{ left: 0; } /* /local/templates/201708/css/threesixty.css */ .threesixty { position: relative; overflow: hidden; margin: 0 auto; cursor: pointer; } .threesixty .threesixty_images { display: none; list-style: none; margin: 0; padding: 0; } .threesixty .threesixty_images img { position: absolute; top: 0; right: 0; width: 100%; height: auto; } .threesixty .threesixty_images img.previous-image { visibility: hidden; /* Do not put here any other styles. It causes massive recalc / repaints and image flickering, especially on Firefox. */ } .threesixty .threesixty_images img.current-image { visibility: visible; /* Do not put here any other styles. It causes massive recalc / repaints and image flickering, especially on Firefox. */ } .threesixty .spinner { width: 60px; display: block; margin: 0 auto; height: 30px; background: #333; background: rgba(0, 0, 0, 0.7); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .threesixty .spinner span { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: bolder; color: #FFF; text-align: center; line-height: 30px; display: block; } .threesixty .nav_bar { position: absolute; top: 10px; right: 10px; z-index: 11; } .threesixty .nav_bar a { display: block; width: 32px; height: 32px; float: left; background: url(/images/sprites.png) no-repeat; text-indent: -99999px; } .threesixty .nav_bar a.nav_bar_play { background-position: 0 0 !important; } .threesixty .nav_bar a.nav_bar_previous { background-position: 0 -73px !important; } .threesixty .nav_bar a.nav_bar_stop { background-position: 0 -37px !important; } .threesixty .nav_bar a.nav_bar_next { background-position: 0 -104px !important; } /* html */ .threesixty:-webkit-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .threesixty:-moz-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } /* /local/templates/201708/css/select2.css */ .modals__acc-body { padding-top: 30px; height: 320px; overflow-y: scroll; } @media screen and (max-width: 768px) { .modals__acc-body { height: auto; } } /*.tabs__content-item_pic:hover .tabs__content-item-full { display:none; } .tabs__content-item_pic:hover .tabs__content-item-empty { display:block!important; } .tabs__content-item_pic:hover .tabs__content-item-empty_text { display:block!important; }*/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /* /gallery/gallery.css */ .loadingwrap { display: none; } .loading { position: fixed; background: rgba(0,0,0,0.5); width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; } .loading .image { width: 10%; height: 20%; background: url(/gallery/loading.gif) 50% no-repeat; background-size: contain; } .complect-popup .fancyboxvarious.sibling_image { width: 94px; height: 94px; display: block; background-size: cover !important; background-repeat: no-repeat !important; background-position: 50% 50% !important; border: 1px #f2f2f2 solid; float: left; margin-right: 5px; margin-bottom: 5px; } @media (max-width: 768px) { .complect-popup .fancyboxvarious.sibling_image { width: 161px; height: 161px; } } .complect-popup .fancyboxvarious.sibling_image:nth-child(2), .complect-popup .fancyboxvarious.sibling_image:nth-child(5){ /*margin-left: 0px;*/ } .complect-popup .main_product, .complect-popup .addict_products { display: flex; justify-content: space-between; /*margin-bottom: 10px;*/ position: relative; align-items: flex-end; } .complect-popup .main_product:after, .complect-popup .addict_products:after { content: ''; width: 99%; border-bottom: 2px dotted; position: absolute; bottom: 4px; left: 0; } .complect-popup .main_product span, .complect-popup .addict_products span { background: #f9f9f9; z-index: 10; padding: 0 1px; } .complect-popup .main_product span.name_product, .complect-popup .addict_products span.name_product { max-width: 57%; } .complect-popup .main_product span.price_number_bold, .complect-popup .addict_products span.price_number_bold { font-weight: bold; } .complect-popup .main_product span.price_number_bold.grey_text_color, .complect-popup .addict_products span.price_number_bold.grey_text_color { color: #ccc; } .complect-popup .main_product span a, .complect-popup .addict_products span a { outline: none; color: #006699; font-size: 14px; text-decoration: underline; } .complect-popup .image { width: 55%; float: left; background-size: contain; background-position: center center; background-repeat: no-repeat; /*max-width: 526px; background-size: contain; background-position: center; background-repeat: no-repeat;*/ } .complect-popup .image:before { content: ""; padding-top: 100%; float: left; } .complect-popup .info { float: left; width: 45%; padding-left: 20px; } .complect-popup .image img { display: block; width: 100%; } .complect-popup .info .title { color: #333; font-size: 14px; font-weight: normal; margin: 0 0 10px; } .complect-popup .complect_pricing { color: #333; font-size: 14px; font-weight: normal; } .complect-popup .complect_pricing .complect_pricing_full { margin-top: 10px; } .complect_pricing { text-align: right; } .complect_pricing .complect_pricing_full .price_number_bold { font-weight: bold; } @media (max-width: 768px) { .complect-popup .image { width: 100%; float: none; display: inline-block; } .complect-popup .info { float: none; width: 100%; padding-left: 0px; padding-top: 20px; } } @media (min-width: 769px) { .complect-popup .info .siblings_products { overflow-y: scroll; } } .complect-popup { display: inline-block; width: 100%; max-width: 1000px; padding: 20px 20px; } .p-text__block-image { background-repeat: no-repeat !important; background-size: cover !important; background-position: 50% 50% !important; /*background-color: #f2f2f2 !important; */ position: absolute !important; top: 4px; left: 4px; right: 4px; bottom: 4px; width: initial !important; /*height: 100%;*/ display: block; /*border: 1px #f2f2f2 solid;*/ } .buy-btn { cursor: pointer; float: right; width: 190px; height: 40px; text-align: center; line-height: 40px; border: 1px #006697 solid; border-radius: 5px; color: #006697; margin: 20px 0px; } .buy-btn:after { content: ""; clear: both; } .p-text__block-item .text { position: absolute; top: 0; left: 10%; right: 10%; bottom: 0; text-align: center; font-size: 12px; line-height: 18px; color: rgba(244, 244, 244, 0.8); opacity: 0; /*padding-top: 60%;*/ padding-top: 100px; background: url("/gallery/zoom.png"); background-repeat: no-repeat; background-size: 57px; /*background-position: center 20%;*/ background-position: center 20px; transition: 0.3s; } .p-text__block-item a:hover .text { opacity: 1; z-index: 2; display: block; } .p-text__block .p-text__block-title { color: #006699; } .p-text__block-item a:hover:after { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 102, 153, 0.5); } .p-text__block-item { width: 50%; float: left; overflow: hidden; padding: 8px; position: relative; } .p-text__block-item.small-item { height: 166px; } .p-text__block-item.big-item { height: 331px; } @media (max-width: 767px) { .p-text__block-item.big-item { height: 166px; } .p-text__block-items .p-text__block-item:first-child > a > span { opacity: 1; z-index: 2; display: block; } .p-text__block-items .p-text__block-item:first-child > a:after { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 102, 153, 0.5); } } @media (min-width: 768px) and (max-width: 1219px) { .p-text__block-items .p-text__block-item:nth-child(2) > a > span { opacity: 1; z-index: 2; display: block; } .p-text__block-items .p-text__block-item:nth-child(2) > a:after { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 102, 153, 0.5); } } @media (max-width: 480px){ .complect-popup .fancyboxvarious.sibling_image { width: calc(50% - 5px); } } @media (max-width: 430px){ .complect-popup .fancyboxvarious.sibling_image { height: 130px; } } @media (max-width: 360px){ .complect-popup .fancyboxvarious.sibling_image { height: 110px; } } @media (max-width: 320px){ .complect-popup .fancyboxvarious.sibling_image { height: 100px; } } @media (min-width: 450px) { .p-text .p-text__block-item { width: 33%; } } @media (min-width: 600px) { .p-text .p-text__block-item { width: 25%; } } @media (min-width: 768px) { .p-text .big-item { width: 50%; } } @media (min-width: 870px) { .p-text .big-item { width: 40%; } .p-text .small-item { width: 20%; } } @media (min-width: 992px) { .p-text .big-item { width: 33.3333333333%; } .p-text .small-item { width: 16.6666666667%; } .p-text__block-item:nth-child(n+16) { display: none; } } @media (min-width: 1044px) { .p-text .big-item { width: 28.5%; } .p-text .small-item { width: 14.2857142857%; } .p-text__block-item a.desktopactive .text { opacity: 0; } .p-text__block-item a.desktopactive:after { display: none; } .p-text__block-item a.desktopactive:hover .text { opacity: 1; } .p-text__block-item a.desktopactive:hover:after { display: block; } .p-text__block-item:nth-child(n+16) { display: block; } } /* /local/templates/201708/components/bitrix/catalog/.default/bitrix/catalog.element/.default/style.css */ .tabs__content-result.result_button_cart button{ color: #333333; background-color: #ffd201; /* border-color: #c2a000; */ border: none; position: unset; } .tabs__content-item .tabs__content-item_pic, .tabs__content-item .tabs__content-item_pic div{ height: 100%; } .result_sum{ width: 185px; } .tabs__content-item .price_acesuar{ font-size: 13px; } .wrap_description{ margin-top: 40px; display: flex; } .wrap_description .result_button_cart .item-description__counter{ padding: 0; } .tabs__content-result.result_button_cart{ width: 50%; display: flex; align-items: center; justify-content: flex-end; } .p-cart__description-1.description_part{ width: 50%; } .tabs__content-result.result_button_cart input[type="text"]{ border: none; padding: 0; } .p-cart__abs{ z-index: 1000; } .tabs__content-item:after{ top: 72%!important; } .tabs__content-item.last:after{ top: 72%!important; } .tabs__content-result.result_sum div{ padding-top: 106px; padding-bottom: 11px; } .tabs__content-item-full .tabs__content-item-img, .tabs__content-item-empty .tabs__content-item-img{ width: 100%; } .tab_acsesuar .tabs__content-item{ width: 185px; } .tabs__nav.tabs__nav-2 a:hover{ text-decoration: none; } .gaitems .p-text__block-item a:hover:after { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 102, 153, 0.5); } .gaitems .p-text__block-item { width: 50%; float: left; overflow: hidden; position: relative; } .p-cart__abs { width: 100%; display: block; } .gaitems.p-text__block-items { width: 100%; } .tab-content.tabs__content { width: 100%; display: block; } div#tab3 { width: 100%; /*display: block;*/ } .thumb_gallery { height: 84px; width: 84px; float: left; margin: 10px 15px 0px 0px; border: 1px solid #F4F4F4; position: relative; background-size: contain; background-repeat: no-repeat; background-position: center center; text-align: center; line-height: 82px; } .absolut3d{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .p-cart__main-left .thumb_gallery:last-child { margin: 10px 0px 0px 0px; } .thumb_gallery .gallery_count { position: absolute; bottom: -2px; right: 0; display: block; height: 20px; width: 100%; background-color: #E4BB53; color: #fff; padding: 0; font-style: italic; text-align: center; font-size: 13px; } .thumb_gallery .gallery_mark { position: absolute; top: 0; right: 0; display: block; height: 20px; width: 100%; background-color: #E4BB53; color: #fff; padding: 4px 0px 0px; font-style: italic; text-align: center; font-size: 12px; } .thumb_gallery img { max-width: 82px; max-height: 74px; cursor: pointer; } .offers_img_list { width: 100%; } [data-activity="offer_not"] {position: relative;} [data-activity="offer_not"]:before { content: ''; position: absolute; display: block; width: auto; height: auto; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0) url(/local/templates/201708/components/bitrix/catalog/.default/bitrix/catalog.element/.default/images/cross.svg) no-repeat; background-size: 100% 100%; } .no_visible{ visibility:hidden; } .offer_img_wrap{ display: flex; align-items: center; } .active_slide{ border-bottom: 2.5px solid black; } @media (max-width: 768px){ .tabs__content-item .tabs__content-item_pic.item_pic_choice{ height: 118px; } .offer-acss{ display: flex; flex-wrap: wrap; } .tab_acsesuar .tabs__content-item{ width: 100%; height: 160px; margin-bottom: 10px; margin-top: 10px; padding-right: 0; } .tabs__content-item .tabs__content-item_pic, .tabs__content-item .tabs__content-item_pic div{ height: 78px; } .tabs__content-item:after{ position: unset!important; } .tabs__content-item.last:after{ position: unset!important; } .tabs__content-item .tabs__content-item-full_text, .tabs__content-item .tabs__content-item_pic .tabs__content-item-empty_text{ height: auto; display: block; } .tabs__content-item .tabs__content-item-full_text{ height: 44px; } .result_sum{ width: 100%; } .tabs__content-result.result_sum div{ padding-top: 20px; text-align: center; } .wrap_description{ width: 100%; } } @media (max-width: 580px){ .wrap_description{ display: block; } .p-cart__description-1.description_part{ width: 100%; } .tabs__content-result.result_button_cart{ width: 100%; justify-content: unset; margin-bottom: 15px; } } /* @media (min-width: 768px){ .fancybox-opened{ width: 650px!important; } } @media (min-width: 1220px){ .fancybox-opened { width: 720px!important; } } */ .p-cart__common-img .threesixty .icon-info-360 { display: block; width: 128px; margin: initial; max-width: initial; max-height: initial; position: absolute; bottom: 20px; left: 50%; margin-left: -64px; z-index: 11; } /* /local/templates/201708/components/bitrix/catalog/.default/bitrix/catalog.section.list/category/style.css */ #product-list .p-catalog__section { display: flex; flex-wrap: wrap; align-items: stretch; } .p-catalog .item_section{ float: left; margin-bottom: 30px; width: calc(50% - 16px); box-shadow: 0 1px 3px 0 rgba(29, 28, 32, 0.3); display: flex; padding: 15px; min-height: 220px; } .p-catalog .item_section:nth-child(2n+1){ margin-right: 30px; } .item_section a:hover{ text-decoration: none; } .item_section .img_section{ width: 45%; margin-right: 15px; } .item_section .description_section{ width: calc(55% - 15px); } .item_section .description_section .title a{ color: inherit; } .item_section .description_section .sub_section{ margin-bottom: 15px; } .item_section .description_section .all_tovar{ width: fit-content; padding: 2px 5px; border: 1px solid #337ab7; border-radius: 2px; margin-bottom: 15px; } @media screen and (max-width: 540px){ .p-catalog .item_section{ width: 100%; } .p-catalog .item_section:nth-child(2n+1){ margin-right: 0; } }/* /local/templates/201708/components/bitrix/catalog/.default/bitrix/catalog.element/.default/themes/blue/style.css */ /******************************************************************************* * Project:------------modules * Component---------catalog.element * File Path-----------/iblock/install/components/bitrix/catalog.element/templates/.default/themes/blue/style.css * Bootstrap:---------- * Color-------------blue * Last Modified:------17.11.16 13:33 * * @version:---------16.11.17 ******************************************************************************/ /* catalog.section */ /* #3052bf #26b0e4 #00a2df */ /* Slider */ .bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1;} .bx-blue .product-item-image-slider-control:hover{ background-color: rgba(0,131,209,.8);} .bx-blue .product-item-image-slider-control.active, .bx-blue .product-item-image-slider-control:hover{ background-color: #0083d1;} .bx-blue .product-item-selected-scu, .bx-blue .product-item-detail-slider-controls-image:hover, .bx-blue .product-item-detail-slider-controls-image.active{outline-color: #006cc0;} /* SCU */ .bx-blue .product-item-scu-item-text-block:hover, .bx-blue .product-item-scu-item-color-block:hover, .bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block, .bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #006cc0;} /* Amount */ .bx-blue .product-item-amount-field:focus{border-color: #006cc0;} /*Proress Bar*/ .bx-blue .product-item-detail-slider-progress-bar{ background-color: #006cc0;}/* /local/templates/201708/components/bitrix/catalog.products.viewed/template1/style.css */ @media (min-width: 1200px){ /*lg*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 992px) and (max-width:1199px){ /*md*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 768px) and (max-width: 991px){ /*sm*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (max-width: 767px){ /*xs*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } .catalog-products-viewed-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } .right_multiple-items.no_width_button, .left_multiple-items.no_width_button{ width: auto; }/* /local/templates/201708/components/bitrix/catalog/.default/style.css */ .grid{} .grid .bx_content_section{ margin-bottom: 15px; } .grid .bx_sidebar{ margin-bottom: 15px; } /* grid2x1 */ .grid2x1{} .grid2x1 .bx_content_section{ float: left; width: 66%; margin-bottom: 15px; } .grid2x1 .bx_sidebar{ float: right; width: 33%; margin-bottom: 15px; padding-left: 5%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } @media (max-width:960px){ .grid2x1 .bx_sidebar{ padding-left: 4%; } } @media (max-width:640px) { .grid2x1 .bx_content_section, .grid2x1 .bx_sidebar{ width: 100%; float: none; } .grid2x1 .bx_sidebar{ padding-left: 3%; } } @media (max-width:479px){ .grid2x1 .bx_sidebar{ padding-left: 1%; } } .catalog-block-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } body.bx-theme-blue .catalog-block-header{border-color:#006cc0;} body.bx-theme-green .catalog-block-header{border-color:#63aa28;} body.bx-theme-red .catalog-block-header{border-color:#da3737;} body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;} /* /local/templates/201708/components/bitrix/catalog/.default/bitrix/catalog.section/.default/style.css */ @media (min-width: 1200px){ /*lg*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 992px) and (max-width:1199px){ /*md*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-md-2:nth-child(6n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-md-3:nth-child(4n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (min-width: 768px) and (max-width: 991px){ /*sm*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), .product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } @media (max-width: 767px){ /*xs*/ /*6*/ .product-item-list-col-6 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-6 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-6-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*4*/ .product-item-list-col-4 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-1-4 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), .product-item-list-col-4-1 > .col-sm-6 > .row > .col-xs-6:nth-child(2n+1), /*3*/ .product-item-list-col-3 > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1), /*2*/ .product-item-list-col-2 > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1), /*1*/ .product-item-list-col-1 > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both} } .catalog-section-header{ font-size:14px; font-weight: bold; text-align: left; margin:5px 0; padding:5px 15px; border-bottom: 2px solid #d9dee6; color: #000; } .scu_props{ display: block; /* height: 34px; overflow: hidden; */ } .p-catalog .p-catalog__items .item{ padding: 0; position: relative; } .wrap_item{ /* position: absolute; */ width: 100%; min-height: 100%; padding: 0 10px 0 10px; } /*.item:hover .wrap_item{ box-shadow: 0 1px 3px 0 rgba(29, 28, 32, 0.21); z-index: 2; background: white; touch-action: none; }*/ .item__more{ display: none; } .more_sku_props{ /* display: none; */ /* position: absolute; */ font-size: 11.5px; color: #999999; width: 32px; line-height: 1.7; } .wrap_item .item__title{ height: auto; height: 32px; margin: 0px 0 10px; color: black; } .wrap_scu_props{ display: flex; align-items: flex-end; flex-wrap: wrap; } .item__description .scu_props{ font-size: 11.5px; color: #999999; /* width: calc(100% - 32px); */ } .hover_scu_props{ width: 100%!important; } .item__description .scu_props span{ margin-right: 6px; cursor: pointer; } .wrap_scu_props>p{ width: 80%; } .basket_add_section{ width: 20%; text-align: right; cursor: pointer; display: none; position: relative; top: -4px; } .item__description .wrap_scu_props p{ padding-top: 5px; } .item__description .wrap_scu_props p span{ color: #343434; /* background: #f5c009; */ /* font-weight: 600; */ padding: 3px 5px; } @media (min-width:1080px){ .item:hover .wrap_item{ box-shadow: 0 1px 3px 0 rgba(29, 28, 32, 0.21); z-index: 2; background: white; touch-action: none; } } @media (min-width:1024px) and (max-width: 1124px){ .p-catalog__items .item{ min-height: 435px; } } @media (min-width: 820px) and (max-width: 900px){ .p-catalog__items .item{ min-height: 435px; } } @media screen and (max-width: 600px) { .item__description .scu_props,.item__description p .curent_sku{ font-size: 14.5px; /* width: 100%; */ } .more_sku_props{ /* width: 100%; */ } } .item{ height: auto; min-height: none; } #product-list .p-catalog__items{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .item__description .scu_props span.active{ font-weight:600; color: #000; } .item__description .hover_scu_props.scu_props span.active{ background: #f5c009; outline: 3px solid #f5c009; } .item__description ul li.oldprice, .item__description ul li.price{ white-space: nowrap; } .item__description .scu_props span:hover{ color: #000; } .p-catalog__items .item .item__description .basket_add_section { background: url(/local/templates/201708/img/icon_cart_section.svg) right center no-repeat; height: 25px; } .p-catalog__items .item .item__description .basket_add_section:hover { background: url(/local/templates/201708/img/icon_cart_section_hover.svg) right center no-repeat; }/* /local/templates/201708/components/bitrix/news.list/banner/style.css */ .swiper-container-banner{ text-align: center; } body .swiper-container-banner .new_button_swiper{ margin-top: -35px; } .swiper-container-banner{ max-width: 870px; } .swiper-container-banner .swiper-slide img{ width: 100%; max-width: 870px; } @media screen and (min-width:1024px){ .swiper-container-banner{ height: 280px; } } /* /local/templates/201708/components/bitrix/catalog/.default/bitrix/catalog.smart.filter/.default/style.css */ .bx-filter { width: 100%; min-width: 220px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; } .bx-filter .bx-filter-section { /*background: #edf6fc; /* color */ position: relative; padding-top: 26px } .bx-filter .bx-filter-section>.row { padding: 0 5px; } .bx-filter .bx-filter-title { font-size: 18px; margin-bottom: 10px; color: #000; } /*Sections*/ .bx-filter .bx-filter-parameters-box { position: relative; } .bx-filter .bx-filter-parameters-box-title { font-size: 13px; padding-bottom: 7px; } @media (min-width: 992px) { .bx-filter .bx-filter-section .col-md-4:nth-child(3n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .bx-filter .bx-filter-section .col-md-4:nth-child(2n+1) { clear: both; } } .bx-filter .bx-filter-parameters-box-title span { color: #039be5; border-bottom: 1px solid transparent; cursor: pointer; } .bx-filter .bx-filter-parameters-box-title span:hover { border-color: #039be5; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span { /*color: #95a1a8;*/ } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span:hover { /*color: #758087;*/ border-color: transparent; } .bx-filter .bx-filter-block { display: none; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -ms-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .bx-filter .bx-filter-button-box .bx-filter-block, .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block { display: block; } .bx-filter .bx-filter-parameters-box.bx-active .bx-filter-block i.bx-ft-sub { font-size: 14px; font-style: normal; display: block; padding-bottom: 5px; } .bx-filter-parameters-box-container { padding-bottom: 20px; } .bx-filter-parameters-box-container .checkbox:first-child { margin-top: 0; } .bx-filter .bx-filter-parameters-box-container-block { font-size: 11px; color: #3f3f3f; } /* * INPUTS * */ .bx-filter .bx-filter-input-container {} .bx-filter .bx-filter-input-container input { display: block; width: 100%; font-size: 18px; height: 38px; margin: 0; padding: 0 4px; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; outline: none } .bx-retina .bx-filter .bx-filter-input-container input { border-style: solid; border-width: 1px; -webkit-border-image: url(images/border_default.png) 2 repeat; -moz-border-image: url(images/border_default.png) 2 repeat; -o-border-image: url(images/border_default.png) 2 repeat; border-image: url(images/border_default.png) 2 repeat; } /*.bx-filter .bx-filter-input-container input:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-input-container input:focus { -webkit-border-image: url(images/active.png) 2 repeat; -moz-border-image: url(images/active.png) 2 repeat; -o-border-image: url(images/active.png) 2 repeat; border-image: url(images/active.png) 2 repeat; } /* COLOR */ .bx-ios .bx-filter .bx-filter-input-container input { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%); background-image: linear-gradient(#ffffff 0%, #ffffff 100%); } .bx-filter .bx-filter-button-box { clear: both; } /* *Track * */ .bx-filter .bx-ui-slider-track-container { padding-top: 35px; padding-bottom: 25px; } .bx-filter .bx-ui-slider-track { position: relative; height: 7px; /*background: #d8e9f0;/* COLOR */ } .bx-filter .bx-ui-slider-part { position: absolute; top: -6px; width: 1px; height: 17px; background: #a2bfc7; } .bx-filter .bx-ui-slider-part.p1 { left: -1px; } .bx-filter .bx-ui-slider-part.p2 { left: 25%; } .bx-filter .bx-ui-slider-part.p3 { left: 50%; } .bx-filter .bx-ui-slider-part.p4 { left: 75%; } .bx-filter .bx-ui-slider-part.p5 { right: -1px; } .bx-filter .bx-ui-slider-part span { font-size: 11px; /*font-weight: bold;*/ position: absolute; top: -16px; left: 50%; display: block; width: 100px; margin-left: -50px; text-align: center; color: #000; } .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span { color: #6b8086; } .bx-filter .bx-ui-slider-range, .bx-filter .bx-ui-slider-pricebar, .bx-filter .bx-ui-slider-pricebar-vd, .bx-filter .bx-ui-slider-pricebar-vn, .bx-filter .bx-ui-slider-pricebar-v { position: absolute; top: 0; bottom: 0; } .bx-filter .bx-ui-slider-range { z-index: 50; } .bx-filter .bx-ui-slider-pricebar { z-index: 100; } .bx-filter .bx-ui-slider-pricebar-vd { z-index: 60; /*background: #849da4;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-vn { z-index: 70; /*background: #a8dff3;/* COLOR */ } .bx-filter .bx-ui-slider-pricebar-v { z-index: 80; /*background: #499fd8;/* COLOR */ } .bx-filter .bx-ui-slider-handle { position: absolute; top: 100%; width: 22px; height: 22px; border-bottom: none; } .bx-filter .bx-ui-slider-handle:hover { -webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab; } .bx-filter .bx-ui-slider-handle:active { -webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing; } .bx-filter .bx-ui-slider-handle.left { left: 0; margin-left: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAArUlEQVQ4y6WSQQ6FMAhEXbjyXwzOpBdx5bXKbYRWLFSJ2m8ysVHfzGA7DH9cuKVfNwwM40ZzZzJlmE3WTjjNfF9Fn2EwMH5pUGYWOJ3w6wZ4wDKz6rUBumQPPxrUmT0IxuxpqxYLQ7MOG5TaHtbk1iza5+VauW5dfdcYSDKcMLkP7wxdA5sMQWV/BkwDTY7mtAfHjpJ/Ihj4DoIgXZ9J+siaimi6rimLgSw87qod+1BRTwMJRYoAAAAASUVORK5CIIA=) no-repeat right top;*/ } .bx-filter .bx-ui-slider-handle.right { right: 0; margin-right: -21px; /* COLOR */ /*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAq0lEQVQ4y6WSQRKDIAxFXXSlF0vOZC+SlddKblMUUhKCraIzX9Ahj58PE268TE8e3GSFJ5BUTDskaRl1QFk8BsHs4BCMQMruVEe+l4kWglFu5yLEZKDFXyeXIFoEpg3z738mJTzXhncj75+QtqjnJENO2sG4I1VXDtR3ogv7O1dHxV10gi75EGILiE78RRKy33AOq07i+Us4kRamkOPGptesQjeXIjZjO+fXB+hjUU/S3Z+WAAAAAElFTkSuQmCC) no-repeat left top;*/ } /* * Select * */ .bx-filter .bx-filter-select-container { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 35px; border-radius: 3px; border: 1px solid #ccd5db; } .bx-retina .bx-filter .bx-filter-select-container { border-style: solid; border-width: 1px; -webkit-border-image: url(images/border_default.png) 2 repeat; -moz-border-image: url(images/border_default.png) 2 repeat; -o-border-image: url(images/border_default.png) 2 repeat; border-image: url(images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-select-container.bx-active, .bx-filter .bx-filter-select-container:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-select-container.bx-active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(images/active.png) 2 repeat; -moz-border-image: url(images/active.png) 2 repeat; -o-border-image: url(images/active.png) 2 repeat; border-image: url(images/active.png) 2 repeat; }*/ .bx-filter .bx-filter-select-block { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 33px; margin: 0; padding: 0 33px 0 10px; border: none; border-radius: 2px; background: #fff; } .bx-filter .bx-filter-select-text { font-size: 15px; line-height: 33px; overflow: hidden; max-width: 100%; height: 33px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; } .bx-filter .bx-filter-select-text.fix { min-width: 120px; } .bx-filter .bx-filter-select-text label { cursor: pointer; } .bx-filter .bx-filter-select-arrow { position: absolute; top: 0; right: 0; width: 34px; height: 33px; cursor: pointer; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAG0lEQVQY02OYOXPmf1yYAQRwSsAATglkBch8ADy7LKHqFrgoAAAAAElFTkSuQmCC') no-repeat center; } /* * Select popup * */ .bx-filter-select-popup { background: #fff; padding: 0; min-width: 173px; } .bx-filter-select-popup ul { margin: 0; padding: 0; list-style: none; } .bx-filter-select-popup ul li { display: block; text-align: left; vertical-align: middle; } .bx-filter-select-popup ul li:first-child { border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px; } .bx-filter-select-popup ul li label { font-size: 14px; line-height: 26px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 26px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757; } .bx-filter-select-popup ul li label.selected, .bx-filter-select-popup ul li label:hover { color: #000; background: #f3f8fa; } .bx-filter-select-popup ul li label.disabled { color: #b8b8b8; background: transparent; } .bx-filter-select-popup ul li .bx-filter-param-text { line-height: 34px !important; } /* * TAGS * */ .bx-filter .bx-filter-tag { padding: 18px; /*border-top: 1px solid #d7eaf7;/* COLOR */ /*border-bottom: 1px solid #d7eaf7;/* COLOR */ } .bx-filter .bx-tag-link { font-size: 12px; text-decoration: none; /*color: #68939e;/* COLOR */ text-shadow: none; } .bx-filter .bx-tag-link.bx-active, .bx-filter .bx-tag-link:hover { color: #1d3d46; } /* * LABEL * */ .bx-filter .bx-filter-param-label { min-height: 20px; font-weight: normal; cursor: pointer; } .bx-filter .bx-filter-param-btn-inline .bx-filter-param-label { float: left; display: block; margin-right: 5px; } .bx-filter .bx-filter-param-btn-block .bx-filter-param-label { display: block; } .bx-filter .bx-filter-param-label { /*font-size: 13px;*/ } .bx-filter .bx-filter-param-label.dib { display: inline-block; } .bx-filter .bx-filter-param-text { font-weight: normal; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-text { color: #6c6c6c; } .bx-filter-select-popup .bx-filter-param-label.bx-active { background: #f3f8fa; } /* * Checkbox / Radio * */ .bx-filter .bx-filter-input-checkbox {} .bx-filter .bx-filter-input-checkbox input[type=radio], .bx-filter .bx-filter-input-checkbox input[type=checkbox] {} .bx-filter .bx-filter-input-checkbox .bx-filter-param-text { display: block; text-align: left; } /* * BTN * */ .bx-filter .bx-filter-param-btn { font-weight: normal; display: inline-block; width: 38px; height: 38px; padding: 6px; text-align: center; text-decoration: none; color: #000; vertical-align: middle; border: 1px solid #ccd5db; border-radius: 2px; background: #fff; position: relative; -webkit-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -moz-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -ms-transition: border .3s ease, box-shadow .1s ease, color .3s ease; -o-transition: border .3s ease, box-shadow .1s ease, color .3s ease; transition: border .3s ease, box-shadow .1s ease, color .3s ease; cursor: pointer; } .bx-retina .bx-filter .bx-filter-param-btn { border-style: solid; border-width: 1px; -webkit-border-image: url(images/border_default.png) 2 repeat; -moz-border-image: url(images/border_default.png) 2 repeat; -o-border-image: url(images/border_default.png) 2 repeat; border-image: url(images/border_default.png) 2 repeat; } /* COLOR */ /*.bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-filter .bx-filter-param-btn:hover, .bx-filter .bx-filter-param-btn:active, .bx-filter .bx-filter-param-btn:focus { border-color: #499fd8; } .bx-retina .bx-filter .bx-filter-param-label.bx-active .bx-filter-param-btn, .bx-retina .bx-filter .bx-filter-param-btn:hover, .bx-retina .bx-filter .bx-filter-param-btn:active, .bx-retina .bx-filter .bx-filter-select-container:focus { -webkit-border-image: url(images/active.png) 2 repeat; -moz-border-image: url(images/active.png) 2 repeat; -o-border-image: url(images/active.png) 2 repeat; border-image: url(images/active.png) 2 repeat; }*/ /* --- colors */ .bx-filter .bx-filter-param-btn.bx-color-sl {} .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { background: transparent; box-shadow: none } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl { position: relative; } .bx-filter .bx-filter-param-label.disabled .bx-filter-param-btn.bx-color-sl:before { position: absolute; bottom: 0; right: 0; top: 0; left: 0; content: ' '; display: block; z-index: 100; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA/UlEQVQ4y5WSQQ6CQAxFOSBuwAtoAitc4R6MkKgYJULUi8Ax4DgKm9o/45BxBBNJmkB/33T6qUVEHkfDUXHY1sQD7V2DWg+JJox3lOZ3enYdf5IzAjnQkvxGa64Fg2S9PV3JXa4ozoovWEGbY0nOIqDkfIVeQ5hBAOQsAy5guO8FbEJxVqqDZ+rUuQ6rziJ3VLkBcs05BBxlF1nIADrJESYgE0YhAER0KH5DphEKFDNPuG1AhTAi4jnRWV17FNYhcT3NHLzLzuUnjI0YHP203EWY8ENqNsAq5Y3Qf4NuhIT7wTBsDxgIbRjvCfCUe6ozoFCuXIukj5c/lhy1/gvSDM3b8PrjegAAAABJRU5ErkJggg==") no-repeat center; opacity: .7; } .bx-filter .bx-filter-param-btn .bx-filter-param-text { line-height: 26px; } /* * BTN P/M * */ .bx-filter .bx-filter-param-btn.bx-spm { width: 23px; min-width: 23px; height: 23px; line-height: 23px; font-weight: normal; padding: 0; font-size: 17px; color: #767b7e; vertical-align: top; border-radius: 50%; background-color: transparent; } .bx-filter .bx-filter-param-btn.bx-spm.bx-plus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAANUlEQVQoz2NgwAQsQMzJQCSwAeKGQa7YFKoAhmOgim3QsAxIcSFUkhC2GaqhgQ4UgNgFmwQAij8OUFmBFssAAAAASUVORK5CIIA=") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm.bx-minus { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAACCAYAAABhYU3QAAAAG0lEQVQYV2NgYGDgBuI4AlgGiBn4gLicAFYGAAFkBwE95V42AAAAAElFTkSuQmCC") no-repeat center; } .bx-filter .bx-filter-param-btn.bx-spm:active { outline: none !important; box-shadow: inset 0 2px 3px rgba(0, 0, 0, .12); } .bx-filter span.bx-spm { font-size: 18px; /*font-weight:bold;*/ line-height: 23px; display: inline-block; height: 23px; margin: 0 10px; vertical-align: middle; color: #000; } /* * icon * */ .bx-filter-select-popup .bx-filter-select-text-icon, .bx-filter .bx-filter-select-text-icon { line-height: 33px; position: relative; display: inline-block; width: 23px; height: 23px; margin-top: -4px; margin-right: 2px; vertical-align: middle; border-radius: 2px; } .bx-filter-select-popup .bx-filter-btn-color-icon, .bx-filter .bx-filter-btn-color-icon { line-height: 24px; /*position:relative;*/ /*top:4px;*/ border-radius: 2px; display: inline-block; width: 24px; height: 24px; vertical-align: middle; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05); -webkit-background-size: cover; background-size: cover; } .bx-filter-select-popup .bx-filter-btn-color-icon { width: 20px; height: 20px; margin: 2px 0; top: 0 !important; } .bx-filter .bx-filter-select-block .bx-filter-btn-color-icon { top: -1px !important; } .bx-filter-btn-color-icon.all { position: relative; border: none; box-shadow: none } .bx-filter-btn-color-icon.all:after, .bx-filter-btn-color-icon.all:before { position: absolute; width: 60%; height: 60%; background: #fff; content: " "; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2); } .bx-filter-btn-color-icon.all:after { right: 0; bottom: 0; } .bx-filter-btn-color-icon.all:before { top: 0; left: 0; } .bx-filter .bx-filter-param-label.disabled .bx-filter-btn-color-icon { opacity: .2; } /* * BIZ * */ .bx-filter .bx-filter-parameter-biz { font-size: 14px; line-height: 15px; display: inline-block; margin-right: 10px; text-decoration: none; color: #1485ce; border-bottom: 1px dashed; } .bx-filter .bx-filter-parameter-biz:hover { text-decoration: none; border-bottom: 1px solid; } .bx-filter .bx-filter-parameter-biz.bx-active { position: relative; /*padding-left:20px;*/ color: #000; border-color: transparent; } /* * BTN result and reset * */ .btn-themes { /*background-color: #1485CE;/* COLOR */ /*border-color: #1485CE;/* COLOR */ color: #FFF } .btn-themes.bx-active, .btn-themes.focus, .btn-themes:active, .btn-themes:focus, .btn-themes:hover{ /*background-color: #53A4D8;/* COLOR */ /*border-color: #53A4D8;/* COLOR */ color: #FFF } /* * Result Popup * */ .bx-filter .bx-filter-popup-result { font-size: 13px; font-weight: normal; position: absolute; z-index: 915; display: none; line-height: normal; margin-top: -7px; margin-left: 10px; padding: 0 10px; white-space: nowrap; color: #3f3f3f; min-height: 37px; line-height: 18px; border-style: solid; border: 1px solid #C6DCE7; } .bx-filter .bx-filter-popup-result.left { border-width: 2px 10px 2px 2px; -webkit-border-image: url(images/result_popup_left.png) 4 20 4 4 repeat; -moz-border-image: url(images/result_popup_left.png) 4 20 4 4 repeat; -o-border-image: url(images/result_popup_left.png) 4 20 4 4 repeat; border-image: url(images/result_popup_left.png) 4 20 4 4 fill repeat; } .bx-filter .bx-filter-popup-result.right { border-width: 2px 2px 2px 10px; -webkit-border-image: url(images/result_popup_right.png) 4 4 4 20 repeat; -moz-border-image: url(images/result_popup_right.png) 4 4 4 20 repeat; -o-border-image: url(images/result_popup_right.png) 4 4 4 20 repeat; border-image: url(images/result_popup_right.png) 4 4 4 20 fill repeat; } .bx-filter .bx-filter-popup-result.right { left: 97%; } .bx-filter .bx-filter-popup-result.left { right:97%; } .bx-filter-horizontal .bx-filter-popup-result{ display: inline-block; position: relative; left: auto; right: auto; bottom: -7px; } .bx-filter .bx-filter-popup-result a { color: #0073a3; line-height: 10px; } .bx-filter .bx-filter-popup-result a:hover { text-decoration: none; } .bx-filter .bx-filter-popup-result-close { display: none; } .bx-filter-button-box, .for_clear_hide_box { display: none; } @media (max-width: 767px) { .bx-touch .bx-filter .bx-filter-popup-result { font-size: 12px; line-height: 14px; position: fixed !important; z-index: 1001; top: auto !important; right: 0 !important; bottom: 0 !important; left: 0 !important; margin-top: 0; margin-left: 0; width: auto; height: auto; padding: 10px; border-radius: 2px; border: 1px solid #c6dae7; background: rgba(255,255,255,.9); } .bx-touch .bx-filter .bx-filter-popup-result br{display: none;} .bx-filter .bx-filter-popup-result .arrow { display: none; } .bx-filter-button-box { display: block; } .bx-filter-button-box .show_button_mobile { width: 100%; margin-top: 20px; padding: 12px 15px; } .for_clear_hide_box { width: 100%; display: inline-block; } .filter-desktop__block.for_clear_hide_box { padding-bottom: 0px; } .for_clear_hide_box .hide_button_mobile { font-size: 15px; color: #333; border: 1px solid #e4e3e3; border-radius: 3px; background: white url("/local/templates/201708/img/icons/arrow-filter-cat-up.png"); background-repeat: no-repeat; background-position: 90% center; padding: 12px 30px 12px 15px; } .bx-filter-parameters-box-container { padding-bottom: 0px; } } .filter-desktop .input-group { width: 100%; } #slider-height { top: 60px; } .filter-desktop__ranges .newslider { top: 60px; } /* /local/templates/201708/components/bitrix/news/news_olimp/bitrix/news.detail/.default/style.css */ div.news_detail { word-wrap: break-word; margin-bottom: 20px; } div.news_detail img.detail_picture { width: 100%; } div.news_detail .news_detail_title { color: #069; font-size: 16px; margin-bottom: 15px; } div.news_detail .news_detail_date { color: #999; font-size: 14px; } div.news_detail .detail_picture_box { width: 30%; float: left; } div.news_detail .detail_text_box { float: right; width: 70%; padding-left: 20px; } .back_to_section { text-align: right; } .back_to_section a { color: #069; } @media (max-width: 840px) { div.news_detail .detail_picture_box { width: 100%; float: none; margin: 0px 20px 20px 0px; } div.news_detail .detail_text_box { float: none; width: 100%; padding-left: 0px; } } /* /local/templates/201708/components/demis/sale.basket.basket.line/basket_line_mobile/style.css */ .bx-basket { float:left; } .bx-basket-block { font-size: 12px; padding-bottom: 5px; white-space: nowrap; position: relative; padding-left: 20px; } .bx-basket-block>.fa { color: #97a1ab; width: 12px; position: absolute; left: 0; top: 3px; } .bx-basket-block a { color: #039BE5; border-bottom: 1px dashed; margin-right: 10px; } .bx-basket-block a:hover { text-decoration: none; border-bottom-color: transparent; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed{ width: 200px; position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; } .bx-basket-fixed.top {top:10px} .bx-basket-fixed.right {right:10px} .bx-basket-fixed.bottom{bottom:10px} .bx-basket-fixed.left {left:10px} .bx-basket-fixed.bx-max-height{top:10px;bottom:10px;} } @media (max-width: 767px) { .bx-basket-fixed{ /*width: 200px;*/ position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; bottom: 0; left: 0; right: 0; } .bx-basket-item-list{ display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block{ margin-left: 10px; } .bx-basket-item-list{ position: relative; padding-bottom: 20px; border-top: 1px solid #F7F7F7; overflow: hidden; } .bx-opener .bx-basket-item-list{ padding-bottom: 75px; } .bx-max-height .bx-basket-item-list{ position: absolute; bottom: 0px; left: 0; right: 0; } .bx-closed .bx-basket-item-list{ height: 20px; overflow: hidden; } .bx-basket-item-list-action{ cursor: pointer; background: #F7F7F7; position: absolute; bottom: 0; right: 0; left: 0; z-index: 120; height: 20px; line-height: 14px; vertical-align: middle; text-align: center; font-size: 12px; color: #4f4f4f; padding: 3px 0; } .bx-basket-item-list-button-container{ text-align: center; position: absolute; bottom: 20px; border-top: 1px solid #F7F7F7; padding: 10px 0; background: #fff; left: 0; right: 0; } .bx-basket-item-list-button-container a.btn { color: #dddddd; text-decoration: none; } .bx-basket-item-list-button-container a.btn:hover, .bx-basket-item-list-button-container a.btn:active { color: #ffffff; } .bx-basket-item-list-container{ overflow-y: auto; max-height: 100% } .bx-basket-item-list-item{ padding-top: 15px; position: relative; padding-right: 10px; padding-left: 10px; margin-bottom: 15px; border-bottom: 1px solid #F7F7F7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child{ border-bottom: none; margin-bottom: 0; } .bx-basket-item-list-item-status{ font-weight: bold; padding: 3px; background: #EBEBEB; margin: 0 10px 20px; line-height: 16px; font-size: 13px; border-radius: 3px; text-align: center; white-space: normal; } .bx-basket-item-list-item-img{ text-align: center; position: relative; padding-bottom: 5px; } .bx-basket-item-list-item-img img{ max-width: 90px; height: auto; border: 1px solid #E6E6E6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; color: #3F3F3F; text-decoration: none; white-space: normal; line-height: 16px; } .bx-basket-item-list-item-remove{ position: absolute; right: 10px; top: -7px; width: 20px; height:20px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center; opacity: .5; } .bx-basket-item-list-item-remove:hover{ opacity: .7; } .bx-basket-item-list-item-price-block{ padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price{ display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old{ display: inline-block; margin-right: 5px; text-decoration: line-through; color: #B0B0B0 } .bx-basket-item-list-item-price-summ{} .bx_cart_login_top .bx-hdr-profile a { text-decoration: none; } .bx_cart_login_top .bx-hdr-profile{ line-height: 1.44em; } /* /local/templates/201708/components/bitrix/menu/catalog_mob/style.css */ .bx-inclinksfooter a{border-bottom: none;} .bx-inclinksfooter .bx-block-title{ margin: 0; padding: 0; font-size: 17px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600; } .bx-inclinksfooter-container { margin-top: 15px; padding: 0; color: #fff; border-radius: 2px; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } .bx-inclinksfooter-list{ list-style: none; margin: 0; padding: 0; } .bx-inclinksfooter-item{ padding: 0 0 5px 0; } .li_mob_menu{ background-repeat: no-repeat!important; background-position: 20px center!important; background-size: auto!important; } .li_mob_menu_gallery{ background: #ffd200; } .li_mob_menu_gallery:before { content: ""; display: inline-block; background: url(../img/svg/star_new.svg) no-repeat center center; width: 20px; height: 14.09px; position: relative; top: 1px; left: -4px; padding-right: 0px; } /* /local/templates/201708/components/yenisite/geoip.city/geoIp/style.css */ .ys-loc-autocomplete { position: absolute !important; display: none; width: 350px !important; max-height: 400px !important; overflow: auto !important; z-index: 1200 !important; background: white !important; border: 1px solid #aaa !important; border-radius: 2px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; box-shadow: 0 1px 2px #777 !important; } .ys-loc-autocomplete div { line-height: 14px !important; padding: 3px 5px !important; cursor: pointer !important; font-size: 14px !important; } .ys-loc-autocomplete div strong { /* font-weight: normal; */ color: red !important; } /* /local/templates/201708/components/yenisite/geoip.city/geoIp/new_fonts.css */ @font-face{ font-family: 'WebSymbolsLigaRegular'; src: url('fonts/websymbolsligaregular.eot'); src: url('fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'), url('fonts/websymbolsligaregular.woff') format('woff'), url('fonts/websymbolsligaregular.ttf') format('truetype'), url('fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg'); }/* /local/templates/201708/components/yenisite/geoip.city/geoIp/css/jquery.jgrowl.css */ div.jGrowl { padding: 10px; z-index: 9999; color: #fff; font-size: 12px; } /** Special IE6 Style Positioning **/ div.ie6 { position: absolute; } div.ie6.top-right { right: auto; bottom: auto; left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-right { left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.bottom-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); } div.ie6.center { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' ); width: 100%; } /** Normal Style Positions **/ div.jGrowl { position: absolute; } body > div.jGrowl { position: fixed; } div.jGrowl.top-left { left: 0px; top: 0px; } div.jGrowl.top-right { right: 0px; top: 0px; } div.jGrowl.bottom-left { left: 0px; bottom: 0px; } div.jGrowl.bottom-right { right: 0px; bottom: 0px; } div.jGrowl.center { top: 0px; width: 50%; left: 25%; } div.jGrowl.center-center { top: 40%; width: 50%; left: 40%; } div.jGrowl.ls { top: 70%; width: 50%; left: 70%; } div.jGrowl div.ls_theme { width:300px!important; } /** Cross Browser Styling **/ div.center div.jGrowl-notification, div.center div.jGrowl-closer { margin-left: auto; margin-right: auto; } div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer { background-color: #000; opacity: .85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); zoom: 1; width: 235px; padding: 10px; margin-top: 5px; margin-bottom: 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; text-align: left; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.jGrowl div.jGrowl-notification { min-height: 40px; } div.jGrowl div.jGrowl-notification div.jGrowl-header { font-weight: bold; font-size: .85em; } div.jGrowl div.jGrowl-notification div.jGrowl-close { z-index: 99; float: right; font-weight: bold; font-size: 1em; cursor: pointer; } div.jGrowl div.jGrowl-closer { padding-top: 4px; padding-bottom: 4px; cursor: pointer; font-size: .9em; font-weight: bold; text-align: center; } /** Hide jGrowl when printing **/ @media print { div.jGrowl { display: none; } }/* /local/templates/201708/components/bitrix/menu/top/style.css */ .bx-inclinksfooter a{border-bottom: none;} .bx-inclinksfooter .bx-block-title{ margin: 0; padding: 0; font-size: 17px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600; } .bx-inclinksfooter-container { margin-top: 15px; padding: 0; color: #fff; border-radius: 2px; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } .bx-inclinksfooter-list{ list-style: none; margin: 0; padding: 0; } .bx-inclinksfooter-item{ padding: 0 0 5px 0; } /* /local/templates/201708/components/demis/sale.basket.basket.line/basket_line/style.css */ .bx-basket { float:left; margin-right: 15px; height: 30px; } .bx-basket-block { font-size: 12px; padding-bottom: 5px; white-space: nowrap; position: relative; padding-left: 20px; } .bx-basket-block>.fa { color: #97a1ab; width: 12px; position: absolute; left: 0; top: 3px; } .bx-basket-block a { color: #039BE5; border-bottom: 1px dashed; margin-right: 10px; } .bx-basket-block a:hover { text-decoration: none; border-bottom-color: transparent; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed{ width: 200px; position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; } .bx-basket-fixed.top {top:10px} .bx-basket-fixed.right {right:10px} .bx-basket-fixed.bottom{bottom:10px} .bx-basket-fixed.left {left:10px} .bx-basket-fixed.bx-max-height{top:10px;bottom:10px;} } @media (max-width: 767px) { .bx-basket-fixed{ /*width: 200px;*/ position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; bottom: 0; left: 0; right: 0; } .bx-basket-item-list{ display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block{ margin-left: 10px; } .bx-basket-item-list{ position: relative; padding-bottom: 20px; border-top: 1px solid #F7F7F7; overflow: hidden; } .bx-opener .bx-basket-item-list{ padding-bottom: 75px; } .bx-max-height .bx-basket-item-list{ position: absolute; bottom: 0px; left: 0; right: 0; } .bx-closed .bx-basket-item-list{ height: 20px; overflow: hidden; } .bx-basket-item-list-action{ cursor: pointer; background: #F7F7F7; position: absolute; bottom: 0; right: 0; left: 0; z-index: 120; height: 20px; line-height: 14px; vertical-align: middle; text-align: center; font-size: 12px; color: #4f4f4f; padding: 3px 0; } .bx-basket-item-list-button-container{ text-align: center; position: absolute; bottom: 20px; border-top: 1px solid #F7F7F7; padding: 10px 0; background: #fff; left: 0; right: 0; } .bx-basket-item-list-button-container a.btn { color: #dddddd; text-decoration: none; } .bx-basket-item-list-button-container a.btn:hover, .bx-basket-item-list-button-container a.btn:active { color: #ffffff; } .bx-basket-item-list-container{ overflow-y: auto; max-height: 100% } .bx-basket-item-list-item{ padding-top: 15px; position: relative; padding-right: 10px; padding-left: 10px; margin-bottom: 15px; border-bottom: 1px solid #F7F7F7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child{ border-bottom: none; margin-bottom: 0; } .bx-basket-item-list-item-status{ font-weight: bold; padding: 3px; background: #EBEBEB; margin: 0 10px 20px; line-height: 16px; font-size: 13px; border-radius: 3px; text-align: center; white-space: normal; } .bx-basket-item-list-item-img{ text-align: center; position: relative; padding-bottom: 5px; } .bx-basket-item-list-item-img img{ max-width: 90px; height: auto; border: 1px solid #E6E6E6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; color: #3F3F3F; text-decoration: none; white-space: normal; line-height: 16px; } .bx-basket-item-list-item-remove{ position: absolute; right: 10px; top: -7px; width: 20px; height:20px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center; opacity: .5; } .bx-basket-item-list-item-remove:hover{ opacity: .7; } .bx-basket-item-list-item-price-block{ padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price{ display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old{ display: inline-block; margin-right: 5px; text-decoration: line-through; color: #B0B0B0 } .bx-basket-item-list-item-price-summ{} .bx_cart_login_top .bx-hdr-profile a { text-decoration: none; } .bx_cart_login_top .bx-hdr-profile{ line-height: 1.44em; } /* /local/templates/201708/components/bitrix/menu/catalog/style.css */ .bx-inclinksfooter a{border-bottom: none;} .bx-inclinksfooter .bx-block-title{ margin: 0; padding: 0; font-size: 17px; font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif; color: #fff; font-weight: 600; } .bx-inclinksfooter-container { margin-top: 15px; padding: 0; color: #fff; border-radius: 2px; font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; } .bx-inclinksfooter-list{ list-style: none; margin: 0; padding: 0; } .bx-inclinksfooter-item{ padding: 0 0 5px 0; } /* /local/templates/201708/components/bitrix/system.auth.form/auth/style.css */ div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;} div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;} div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(images/sec-unlocked.png);} /* /local/templates/201708/components/bitrix/news.list/banner_vertical/style.css */ .swiper-container-banner-vertical{ text-align: center; /*max-height: 400px;*/ } /*.swiper-container-banner-vertical .swiper-slide{ height: fit-content; }*/ .swiper-container-banner-vertical .swiper-slide img{ width: 100%; } body .swiper-container-banner-vertical .new_button_swiper{ margin-top: -35px; } .wrap_vertical_banner{ margin: 20px 0; } @media screen and (max-width: 1024px){ body .swiper-container-banner-vertical .new_button_swiper{ width: 40px; } } @media screen and (max-width: 768px){ .wrap_vertical_banner{ display: none; } }/* /local/templates/201708/components/bitrix/news.list/banner/style.css */ .swiper-container-banner{ text-align: center; } body .swiper-container-banner .new_button_swiper{ margin-top: -35px; } .swiper-container-banner{ max-width: 870px; } .swiper-container-banner .swiper-slide img{ width: 100%; max-width: 870px; } @media screen and (min-width:1024px){ .swiper-container-banner{ height: 280px; } } /* /local/templates/201708/components/bitrix/menu/catalog_burger/style.css */ .filter-desktop__block.wrap_burger_catalog{ padding-bottom: 0; } .burger_catalog_top.filter-desktop__block-title{ display: flex; background: #ffd200; position: relative; padding: 10px 10px; line-height: 1; border-bottom: none; border-radius: 2px; } /* .burger_catalog_top{ transform: rotate(0deg); } */ /* .wrap_burger_catalog .burger_catalog_top.down_burger:after{ position: absolute; content: ''; top: 14px; right: 10px; width: 10px; height: 10px; background: url(/local/templates/201708/img/arrow-up-black.png); background-repeat: no-repeat; background-position: center; transform: rotate(180deg); transition: 0.5s; } */ .wrap_burger_catalog .filter-desktop__block-title:after{ position: absolute; content: ''; top: 14px; right: 10px; width: 10px; height: 10px; /* background: url(/local/templates/201708/img/arrow-down-black.png); */ background-repeat: no-repeat; background-position: center; transform: rotate(180deg); transition: 0.5s; } .button_catalog_burger{ padding: 0; border: none; background: transparent; margin-right: 10px; } .button_catalog_burger img{ vertical-align: unset; } .burger_catlog_menu{ margin-bottom: 25px; } .burger_catlog_menu .li_mob_menu{ background-repeat: no-repeat!important; background-position: center left!important; background-size: auto!important; position: relative; border-bottom: 1px solid #f6f6f6; background-color: white; display: flex; align-items: center; padding: 0 10px 0 0; border-left: 4px solid white; } .burger_catlog_menu .li_mob_menu .img_burger_cat{ position: absolute; width: 25px; text-align: center; } .burger_catlog_menu .li_mob_menu .img_burger_cat object{ vertical-align: middle; opacity: 0.5; } .burger_catlog_menu .li_mob_menu:hover .img_burger_cat object{ opacity: 1; } .burger_catlog_menu .li_mob_menu:hover{ border-left: 4px solid #ffd200; } .burger_catlog_menu .li_mob_menu.curent_page{ border-left: 4px solid #ffd200; } .burger_catlog_menu .li_mob_menu.curent_page .img_burger_cat object{ opacity: 1; } .burger_catlog_menu .li_mob_menu a { font-size: 12px; color: #333333; text-transform: uppercase; text-decoration: none; padding-left: 28px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; display: block; background: url(/local/templates/201708/img/arrow-burgerpage.png); background-repeat: no-repeat; background-position: center right; background-size: 6px 11px; width: 100%; } .burger_catlog_menu .li_mob_menu a:hover{ outline: 0; } .burger_catlog_menu.filter-desktop__block-body{ padding-top: 0; } @media (min-width: 768px){ .container .p-catalog__body-left { display: block; } } /* /local/templates/201708/components/bitrix/news.list/slider_main_page/style.css */ .swiper-container.swiper-container-client{ text-align: center; width: 100%; height: 100%; margin-bottom: 15px; } .swiper-container-client .swiper-slide{ text-align: center; width: calc((100%)/4); margin-right: calc((100%)/30); font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-container-client .swiper-slide img{ width: 100%; } body .swiper-container-client .new_button_swiper{ margin-top: -35px; } @media screen and (max-width: 767px){ .p-text .page-title.all_category{ margin-bottom: 0; } } /* /local/templates/201708/components/bitrix/menu/text_menu/style.css */ .text_menu{ padding-right: 10px; line-height: 25px; color: #333333; } .wrap_text_menu{ border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; } .text_menu a{ text-decoration: none; } .text_menu a:visited{ color: #333333; } .title_text_menu{ font-size: 18px; margin-top: 28px; margin-left: 13px; } .text_menu_list{ margin-bottom: 40px; } .text_menu_list li{ padding: 0 10px 0 0; border-left: 4px solid white; } .text_menu_list li.curent_page{ border-left: 4px solid #006699; } .text_menu_list li.curent_page a{ color: #006699; } .text_menu_list li:hover{ border-left: 4px solid #006699; } .text_menu_list li a:hover{ color: #006699; } .text_menu_list li a{ padding-left: 9px; display: block; color: #333333; } .title_text_requisites{ font-size: 18px; margin-bottom: 20px; } .requisites{ margin: 30px 0 25px 13px; } .requisites_grey{ color: #999999; } @media screen and (max-width: 767px){ .text_menu, .requisites{ display: none; } }/* /local/templates/201708/components/bitrix/news/news_olimp/bitrix/news.list/.default/style.css */ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } .sale__items:before, .sale__items:after { content: " "; display: table; } .sale__items:after { clear: both; } .sale__items .sale__item { float: left; margin-bottom: 30px; width: 100%; } .sale__items .sale__date { color: #444f58; font-family: "HelveticaNeueCyr"; font-size: 15px; font-weight: 400; text-align: right; height: 36px; background-color: #92def9; padding: 11px 20px 0 0; } .sale__items .sale__image { background-position: center; background-size: cover; position: relative; } .sale__items .sale__image img { width: 100%; } .sale__items .sale__image a { width: 100%; height: 200px; display: block; background-size: cover; background-position: center center; } .sale__items .sale__text { background-color: #f4f2f2; padding: 17px 18px 10px; } .sale__items .sale__name { font-family: "HelveticaNeueCyr"; font-weight: 400; line-height: 18px; color: #333; font-size: 15px; letter-spacing: 0.2px; margin-bottom: 10px; height: 36px; overflow: hidden; } .sale__items .sale__description { font-family: "HelveticaNeueCyr"; font-weight: 400; line-height: 18px; color: #666; font-size: 13px; margin-bottom: 15px; height: 36px; overflow: hidden; } .sale__items .sale__more { text-align: right; padding-right: 2px; } .sale__items .sale__more a { color: #069; font-family: "HelveticaNeueCyr"; font-size: 13px; font-weight: 400; line-height: 22px; text-decoration: underline; } @media (min-width: 618px) { .sale__items { margin-left: -15px; margin-right: -15px; } .sale__items .sale__item { width: 50%; padding: 0 15px; } } @media (min-width: 909px) { .sale__items .sale__description { margin-bottom: 15px; } .sale__items .sale__text { padding: 18px 18px 10px; } .sale__items .sale__item { width: 33.3333333333%; } } @media (min-width: 1200px) { .sale__items .sale__description { margin-bottom: 15px; } .sale__items .sale__text { padding: 14px 18px 10px; } /* .sale__items .sale__item { width: 25%; }*/ } /* /local/templates/201708/components/bitrix/news.list/slider_about_company2/carousel.css */ /* Item Name: jQuery Carousel Evolution (NitroGFX.COM - Download Unique Web Templates) Author: Mapalla Author URI: http://codecanyon.net/user/Mapalla Version: 1.1 */ /* _______________________________________________ */ /* CONTAINER */ /* _______________________________________________ */ #carousel{ position :relative; } .carousel { position :relative; margin :0 auto; width :100%; height :auto; border :none; overflow : hidden ; color: #333333; font-weight: 100; font-family: "HelveticaNeueCyr", sans-serif; } /* _______________________________________________ */ /* SLIDES */ /* _______________________________________________ */ /* slide container */ .carousel .slides { margin :0; padding :0; border :none; list-style :none; position :relative; overflow :visible ; width: 100%; background: #fff; } /* slide item */ .carousel .slides .slideItem { position :absolute ; cursor :pointer ; /*overflow : hidden;*/ padding :0; margin :0; border: 14px solid #efeff0; background: #fff; } .carousel .slides .slideItem:after{ content: ''; position: absolute; height: 20px; width: 90%; border-radius: 100%; background-color: rgba(85, 85, 85, 0.39); bottom: -3rem; -webkit-filter: blur(3px); filter: blur(3px); margin: auto; margin-left: 5%; } .carousel_item_heder{ display: flex; align-items: end; padding: 15px 25px 25px 25px; } img.preview_picture{ width: 100%; height: auto; } .carousel_text_block{ padding: 25px; font-size: 13px; max-height: 136px; overflow: hidden; } .carousel_item_title{ padding-left: 5px; font-size: 24px; font-weight: 100; } .carousel .slides .slideItem a { display: block ; text-decoration :none; margin :0; padding :0; border :none; outline :none; } /* _______________________________________________ */ /* DIRECTION BUTTON */ /* _______________________________________________ */ .carousel .nextButton, .carousel .prevButton{ position :absolute ; width :70px; height: 70px; cursor :pointer ; z-index :9999; background:rgba(219, 219, 219, 0.87); } .carousel .nextButton { right: 22%; top: 160px; background : url("img/next_button.svg"); } .carousel .prevButton { left: 22%; top: 160px; background : url("img/prev_button.svg"); } /* _______________________________________________ */ /* NAVIGATION BUTTON */ /* _______________________________________________ */ /* buttons container */ .carousel .buttonNav { position : relative ; margin :0 auto; z-index :999; } /* numbers */ .carousel .buttonNav .numbers { position :relative ; float :left ; margin :5px; color : #828282 ; cursor :pointer ; font-weight :bold ; text-decoration :none; font-size :1em; font-family :Arial, Verdana ; } .carousel .buttonNav .numbers:hover { color: #000; text-decoration :underline; } .carousel .buttonNav .numberActive { background : none; color :#000; cursor :default ; } /* bullets */ .tab_img{ display: flex; justify-content: space-between; align-items: center; text-align: center; font-family: "HelveticaNeueCyr", sans-serif; } .tab_img li:after{ content: ""; display:block; height: 100%; border-right: 1px solid grey; } .tab_img p{ font-family: "HelveticaNeueCyr", sans-serif; color: #006699; text-align:center; font-size: 14px; text-transform: uppercase; font-weight: 500; } .carousel .buttonNav .bullet { position :relative ; float :left ; width :16px; height :16px; /*background : url(images/Bullet-White.png) no-repeat center ;*/ margin :5px; float :left ; cursor :pointer ; } .carousel .buttonNav .bullet:hover { /*background : url(images/Bullet-Black.png) no-repeat center ;*/ } .carousel .buttonNav .bulletActive { /*background : url(images/Bullet-Black.png) no-repeat center ;*/ cursor :default ; } /* ____________________________________________________________ */ /* VIDEO */ /* ____________________________________________________________ */ .carousel .slides .videoOverlay { /*background :url("images/video.png") no-repeat center; *//* play button */ } .carousel .slides .spinner { /* background : #000 url(images/loading.gif) no-repeat center; *//* video preloader */ } /* _____________________________ * /* SHADOW */ /* _____________________________ */ .carousel .shadow { width :100%; height :82px; } .carousel .shadow .shadowLeft { background : url("images/shadowLeft.png") no-repeat; width :100px; height :82px; /* fix png problems in ie */ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowLeft.png, sizingmethod=scale); /* IE6 & 7 */ } .carousel .shadow .shadowMiddle { height :82px; background:url("images/shadowTile.png") repeat-x; /* fix png problems in ie */ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowTile.png, sizingmethod=scale); /* IE6 & 7 */ } .carousel .shadow .shadowRight { width :100px; height :82px; background:url("images/shadowRight.png") no-repeat; /* fix png problems in ie */ -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale)"; /* IE8 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/shadowRight.png, sizingmethod=scale); /* IE6 & 7 */ } /* ____________________________________________________________ */ /* REFLECTION GRADIENT */ /* ____________________________________________________________ */ /* gradient color for Opera */ .carousel .gradient { background-image :url(scripts/gradient.svg); } /* @media screen and (max-width: 1000px){ .p-catalog .item_section{ width: 100%; } body .carousel .prevButton{ left: 0; } body .carousel .nextButton{ right: 0; } } */ /* /local/templates/201708/style.css */ .cat-desktop__item-more, .form__checkbox-more { display:none; } .filter-desktop__ranges .slider { top:60px; } .wrapp_table_technology tr:last-child td{ padding: 0px 20px 20px 20px; } .wrapp_table_technology th{ padding: 45px 20px 0px 20px; } .wrapp_table_technology td{ padding: 0px 20px 0px 20px; } .wrapp_table_technology th, .wrapp_table_technology td{ width: 33.3%; border-right: 2px solid #fff; } .wrapp_table_technology .Item_wrapp { display: flex; align-items: center; padding: 6px 8px 6px 0; } .wrapp_table_technology .Item_wrapp object{ min-width: 18px; margin-right: 14px; max-width: 18px; } .wrapp_table_technology .Item_wrapp .table_technology_item_text{ line-height: 17px; } .technology_wrap_img_block img { width: 100%; height: auto; max-width: 180px; max-height: 180px; } .howWeWorkSteps object{ max-height: 55px; } .wrapp_table_technology_mobile{ display: none; } @media (max-width: 768px) { body .page_company_info { padding-right: 10px;} body .item_section{ padding: 15px; } .wrapp_table_technology_mobile{ display: block; } body .table_technologyflexRow .flexCell{ width: 100%; } .wrapp_table_technology_mobile .table_technologyflexRow{ flex-direction: column; align-items: center; } .wrapp_table_technology_mobile .table_technology_params li { min-height: 35px; height: auto;} .wrapp_table_technology_dt{ display: none;} } /* новая страница -------->*/ .page_company_info .title_block{ text-align:center; font-size: 24px; color: #333333; font-family: "HelveticaNeueCyr", sans-serif; text-transform: uppercase; font-weight: 100; padding-bottom:30px; } .page_company_info { padding-right: 33px; } .company_info_text p { font-size: 14px; color: #999; font-family: "HelveticaNeueCyr", sans-serif; line-height: 22px; letter-spacing: -0.3px; } .page_company_info blockquote { margin: 30px 0; color: #333333; line-height: 22px; } .page_company_info blockquote cite{ text-align: right; width: 100%; display: inline-block; font-style: normal; } .page_company_info .company_info_block{ font-size: 15px; color: #999; font-family: "HelveticaNeueCyr", sans-serif; line-height: 18px; letter-spacing: -0.2px; font-weight: 400; font-style: normal; } .company_info_block .company_block_title{ margin-top: 54px; margin-bottom: 30px; font-size: 24px; color: #333333; text-align: center; font-family: "HelveticaNeueCyr", sans-serif; font-weight: 400; font-style: normal; } .company_table_technology { background: #f7f7f7; } /* block 4*/ .block_decoration_technology ol{ margin:0; padding:0; padding-top: 24px; padding-bottom: 50px; list-style-position:inside; } .wrapp_table_technology{ width: 100%; } .technology_wrap_img_block{ height: 180px; text-align: center; } .technology_wrap_img_block { height: 180px; } .table_technologyflexRow { display: flex; flex-direction: row; background: #f7f7f7; } .table_technologyflexRow .flexCell{ width: 33.33%; border-left: 2px solid #fff; padding: 45px 20px 30px 20px; } .table_technology_item_title{ font-size:17px; color: #333333; font-weight:100; } .table_technology_params li{ display: flex; height: 60px; line-height: 17px; align-items: center; } .table_technology_params li object{ min-width: 18px; margin-right: 10px; max-width: 18px; } .technology_block .content{ display: flex; flex-direction: column; margin-top: auto; } .pricing__item { position: relative; display: flex; flex-direction: column; align-items: stretch; text-align: center; flex: 0 1 330px; } .link_all_about_technology{ text-align: right; display: block; color: #006699; text-decoration: underline; font-size: 17px; padding-top: 20px; } /* Как мы работаем */ .arr{ min-width: 30px; } .howWeWork_row{ display: flex; justify-content: space-between; } .widthAll{ width: 100%;} .widthAll .howWeWorkSteps{ width: 27%;} .widthAll .howWeWorkSteps:last-child{ font-size: 11px; padding-top: 10px; padding-right: 10px; padding-left: 23px; } .howWeWork_row_wrap{ display: flex; justify-content: end; min-height: 180px; } .howWeWorkSteps{ width: 26%; padding: 17px 10px; } .howWeWorkStepsTitle{ display: block; color:#333333; font-size: 17px; } .howWeWorkStepsRow2{ border: 2px dashed gray; border-radius: 13px; display:flex; justify-content: space-between; width: 91%; } /* Как мы работаем */ @media (max-width: 600px) { body .howWeWork_row, body .howWeWorkStepsRow2, body .widthAll .howWeWorkSteps{ flex-direction:column; width: 100%; } body .howWeWorkStepsRow2{ margin-top: 15px; margin-bottom: 15px; } body .howWeWorkSteps { width: 100%; margin: auto; text-align: center; } body .item_section_btn_wrap { display: flex; align-items: start; margin-top: 15px; flex-direction: column; } body .link_gallery_work { margin-left:0; margin-top: 15px; } body .link_gallery_work { margin-left:0; margin-top: 15px; } body .tab_img_item_wrapp { height: 85px; } body .tab_img p{ display: none; } body .item_section .img_section { width: 45%; } /*body .p-catalog .item_section { display: block;}*/ .non_mobile{ display: none; } .img_section a { width: 100%; display: block; } .img_section img { width: 100%; } } /* правки Задача 96. */ .out_of_stock{ color: #ccc; } .p_not_product {padding-top: 20px; } .modals__form .item__complect_wrapp { display: table; width: 100%; border-bottom: 1px solid #cbcbcb; } .modals__form .item__complect {display: table-row;} .modals__form .item__complect span {display: table-cell; vertical-align: middle;} .modals__form .item__complect .quantity {font-weight: bold;} .modals__form .item__complect .quantity, .modals__form .item__complect .price{ font-weight: bold; white-space: nowrap; text-align: right; padding: 10px; } .imodalFulPrice {text-align: right; padding: 10px;} .form_fast_order_cart { background: #edebec; border-top: 2px solid #dad8d9; padding: 20px; } .form_fast_license_agreement { /* float: left; */ font-size: 10px; text-align: left; color: #a0a0a0; } .form_fast_license_agreement a{ text-decoration: underline; color: #a0a0a0; } .form_fast_sent_btn {float: right;} .modal-content .modals__row-left, .modal-content .modals__row-right, .form_fast_order_cart .form_fast_sent_btn{ width: 44%; } .modal-content .modals__row-left a, .modal-content .modals__row-right a, .modal-content .modals__row-left input, .modal-content .modals__row-right input, .modal-content .form_fast_sent_btn input{ width: 100%; font-size: 15px; box-sizing: border-box; border-radius: 4px; box-sizing: border-box; border: 1px solid #959595; height: 30px; outline: none; padding: 6px 11px; line-height: 15px; } .modal-content .form_fast_sent_btn input{ background: #f4c00a; border: none; color: #333331; } @media (max-width: 769px) { .modal-content .modals__row-left, .modal-content .modals__row-right, .form_fast_order_cart .form_fast_sent_btn { width: 100%; } } /* end правки Задача 96. */ .filter-desktop__block a, .filter-desktop__block label span, .filter-desktop__block label { color: #111111; } .filter-desktop__block label.disabled a, .filter-desktop__block label.disabled span, .filter-desktop__block label.disabled { color: #999999; } /* .p-catalog__items .item:hover .item__size { height: auto; } */ h-desktop__slider-item { display:inline; } .item__img img{ max-width:129px; max-height:129px; width:auto; height:129px; } @media (min-width: 768px) { .item__img img{ /*max-width: 172px; max-height: 224px; width: auto; height: auto; max-width: 100%; max-height: initial; width: 100%; height: auto;*/ } .item__img a.item__img_box { display: block; width: 100%; height: 240px; background-size: contain; background-position: center bottom; background-repeat: no-repeat; } } @media (max-width: 767px) { .item__img img{ /*max-width: 172px; max-height: 224px; width: auto; height: auto; max-width: 100%; max-height: initial; width: 100%; height: auto;*/ } .item__img a.item__img_box { display: block; width: 100%; height: 200px; background-size: contain; background-position: center bottom; background-repeat: no-repeat; } } .input-group input{ width:65px; } .vhidden { visibility:hidden; height:0px; } .hidden { display:none !important; } .item-description__buttons button { width: auto; padding: 0 2px; min-width: 35px; } .p-cart__common-img img { max-height: 510px; width: auto; max-width: 380px; } .form input[type="radio"]:checked + label:before { content: ""; background: #006699 url("/local/templates/201708/img/icons/check.png") no-repeat; background-position: 50%; background-size: 10px 7px; font-size: 15px; text-align: center; line-height: 15px; border: 1px solid #006699; } .form input[type="radio"]:disabled + label:before { border: 1px solid #cccccc; } .not_deliv{display:none;} #deliveryMap{ width:100%; height:400px; } /*Кастомизация select2*/ .select2-results__option.select2-results__message{ display:none; } .select2-search--dropdown { display: block; padding: 0px!important; border: 0px!important; margin-top: -25px; } .select2-container--default .select2-search--dropdown .select2-search__field { border: none!important; } .select2-container--default .select2-selection--single .select2-selection__arrow{ display:none; } .select2-container .select2-selection--single .select2-selection__rendered{ background: url(/local/templates/201708/html/img/icons/arrow-right-black.png) no-repeat 8px center; padding-left:25px!important; } .select2-dropdown.select2-dropdown--below{ max-width:359px; } @media (max-width: 768px) { #deliveryMap{ height:300px; } .p-text__map__new{ display:none; } .p-text__map__new.p-text__mobi-map--vis{ display:block; } } /*END Кастомизация select2*/ .p-cart__common-img{ margin-right: 20px; float:right; } .p-cart__main-left .p-cart__title, .p-cart__main-left .p-cart__subtitle { display: none; } @media (max-width: 767px) { .p-cart__common-img { margin: 0px 0px; float:none; text-align: center; } .offers_img_list { display: inline-block; } .offers_img_list .thumb_gallery { } .p-cart__main-left .p-cart__title, .p-cart__main-left .p-cart__subtitle { display: block; } .p-cart__main-right .p-cart__title, .p-cart__main-right .p-cart__subtitle { display: none; } /* .p-cart__common-img img { max-height: 300px; width: auto; max-width: 260px; } */ .item-description__price .item-description__title { font-weight: bold; } .p-cart__main-right .item-description .item-description__left, .p-cart__main-right .item-description .item-description__right { border-top: 1px solid #999999; padding: 15px 0px 10px 0px; } } .item-description__price-right #QUANTITY{ border: none; padding: 0px; } .multiple-items .slick-track{ padding:20px 10px; } .multiple-items .item__description > p{ overflow: hidden; height: 35px; } .multiple-items{ padding:0px 20px; height:300px; overflow:hidden; width: 100%; } .multiple-items .slick-slide{ margin-right: 25px; margin-left:5px; } /*Скрываем кнопку Купить в каталоге*/ .p-catalog__items > .item > .item__more > .item__size > button.item__button{ display:none; } .cat-desktop__title.AKSESSUAR { border: none; padding-bottom: 0; margin-bottom: 5px; font-size: 16px; } .modals__content { margin: 40px 0; } .item__complect span { font-size: 14px; background: #FFF; z-index: 10; padding: 0 1px; } .item__complect span a { color: #006699; } .item__complect { display: flex; justify-content: space-between; margin-bottom: 10px; position: relative; align-items: flex-end; } .item__complect span.name { max-width: 57%; } .modals__content h4 { font-weight: normal; } .item__complect span.price { font-weight: bold; } .item__complect .none span.price, .item__complect .none span.quantity, { color: #ccc; } .item__complect:after { /* content: ''; width: 99%; border-bottom: 2px dotted; position: absolute; bottom: 4px; left: 0; */ } .info_offer { color: #999999; /*font-weight: bold;*/ } .info_offer span { color: #000; } .garant_olimp{ text-align: center; margin: 12px auto; } .garant_olimp img{ width: 100%; } .page-title.all_category{ display: block; } .page-title.all_category:before{ background: none; } .page-title.all_category:after{ background: #444f58; } .check_3d { /* padding: 0 10px; */ height: 25px; margin-bottom: 5px; } .title_all_slider{ font-size: 22px; margin: 10px 0; } .mob_burger{ display: none; } .hide_button_swip{ display: none; } .p-catalog__body-right_margin{ padding-right: 18px; } .hide_download{ position: relative; } .hide_download .img_empty{ position: absolute; width: 100%; height: 100%; max-width: 100%!important; max-height: 100%!important; z-index: 10; } .hide_download .img_empty.acs_empty{ max-width: 78px!important; max-height: 78px!important; } @media screen and (min-width: 1024px){ .swiper-container:hover .hide_button_swip{ display: block; } } @media screen and (max-width: 767px){ .mob_burger{ display: block; } .p-catalog__body-right_margin{ padding-right: 0; } } @media screen and (max-width: 768px){ .garant_olimp{ display: none; } } @media (max-width: 400px) { .p-cart__common-img img { max-height: 400px; width: auto; max-width: 290px; } } .h-desktop__middle-search input[name="q"]:focus::-webkit-input-placeholder { color: transparent } .h-desktop__middle-search input[name="q"]:focus::-moz-placeholder { color: transparent } .h-desktop__middle-search input[name="q"]:focus:-moz-placeholder { color: transparent } .h-desktop__middle-search input[name="q"]:focus:-ms-input-placeholder { color: transparent } @media (min-width: 768px) { .cat-desktop .cat-desktop__list li { padding-top: 2px; padding-bottom: 2px; } .cat-desktop .cat-desktop__list li.active { background: url(/local/templates/201708/img/bgr_gray_arrow.png) center right no-repeat; background-size: auto 100%; } .cat-desktop .cat-desktop__list li.active a { color: #333333; } .cat-desktop .cat-desktop__title, .cat-desktop .cat-desktop__list li, .smartfilter .filter-desktop__title, .smartfilter .filter-desktop__ranges-title, .smartfilter .filter-desktop__block-title { padding-left: 10px; } .burger_catalog_top.filter-desktop__block-title:after { display: none; } } .grecaptcha-badge { display: none!important; } .roistat-promo-wrap { display: none!important; } .swiper-slide-item{ -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } .preloader-overlay { background-image: url(/local/templates/201708/img/preloaders.gif); background-repeat: no-repeat; background-position: center; background-color: #fff; position: fixed; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; z-index: 999999999; } .description_section a{ color: #006699; } /* /local/templates/201708/css/style.css */ @charset "UTF-8"; html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! jQuery UI - v1.8.24 - 2012-09-28 * https://github.com/jquery/jquery-ui * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css * Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width: 1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.24 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: .2em .4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon { background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } @font-face { font-display: swap; font-family: "HelveticaNeueCyr"; font-style: normal; font-weight: 400; src: url("/local/templates/201708/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman/HelveticaNeueCyr.woff") format("woff"), url("/local/templates/201708/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman/HelveticaNeueCyr.eot?#iefix") format("embedded-opentype"), url("/local/templates/201708/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Roman/HelveticaNeueCyr.ttf") format("truetype"); } @font-face { font-family: "HelveticaNeueCyr"; font-display: swap; font-style: normal; font-weight: 700; src: url("/local/templates/201708/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold/HelveticaNeueCyr.woff") format("woff"), url("/local/templates/201708/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold/HelveticaNeueCyr.eot?#iefix") format("embedded-opentype"), url("/local/templates/201708/fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold/HelveticaNeueCyr.ttf") format("truetype"); } body { font-family: "HelveticaNeueCyr", sans-serif; font-weight: 400; height: 100%; /*background: url("/local/templates/201708/img/bg/bg.jpg");*/ line-height: 1.42857143; font-size: 13px; } * { box-sizing: border-box; } p { font-weight: 400; margin: 0; } h1, h2, h3 { font-weight: 700; margin: 0; } ul { margin: 0; padding: 0; list-style: none; } a, button, input, label, select, textarea { outline: 0; } a { text-decoration: none; } select { -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } select::-ms-expand { display: none; } .link { color: #006699; } .link--underline { text-decoration: underline; } .scroll-to-top { position: fixed; right: 20px; bottom: 60px; z-index: 3; } .scroll-to-top button { border: none; background: none; padding: 0; } .modals__acc-left .input-group>div{ display: inline-block; } @media (min-width: 768px) { .scroll-to-top { bottom: 60px; } } /* Ширина слайдера */ #slider { top: 60px; } #slider2 { top: 60px; } /* Контейнер слайдера */ .ui-slider { position: relative; } /* Ползунок */ .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; /* Задаем нужную ширину */ height: 16px; border: none; /* и высоту */ background: url("/local/templates/201708/img/slider.png") no-repeat; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */ cursor: pointer; } .ui-state-active { background: url("/local/templates/201708/img/slider.png") no-repeat !important; } .ui-autocomplete .ui-state-active { background: none !important; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; overflow: hidden; } /* горизонтальный слайдер (сама полоса по которой бегает ползунок) */ .ui-slider-horizontal { height: 6px; border-radius: 0; /* задаем высоту согласно дизайна */ } /* позиционируем ползунки */ .ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -6px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* оформление полосы по которой ходит ползунок */ .ui-widget-content { border: 1px solid #D4D4D4; background: #999999; border-radius: 0; } /* оформление активного участка (между двумя ползунками) */ .ui-widget-header { border: 1px solid #D4D4D4; background: #006699; } /* скругление для полосы слайдера */ .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 0; } .page-title { font-size: 17px; color: #006699; position: relative; margin-bottom: 30px; } .page-subtitle { font-size: 17px; color: #333333; margin: 0; position: relative; } .page-text { font-size: 15px; color: #333333; font-weight: normal; line-height: 22px; } .page-text p { color: #999999; margin: 0; line-height: 22px; } .page-text p span { color: #333333; } .counter input { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; width: 26px; height: 26px; text-align: center; background: #ffffff; font-size: 13px; color: #333333; font-weight: bold; } .counter span.down { padding: 4px 0; margin-right: 10px; position: relative; top: 2px; cursor: pointer; } .counter span.up { padding: 4px 0; margin-left: 15px; position: relative; top: 2px; cursor: pointer; } @media (min-width: 768px) { .page-title { padding-top: 10px; } .page-title:after { content: ''; position: absolute; bottom: -8px; left: 0; width: 130px; height: 3px; background: #006699; } .page-title:before { content: ''; position: absolute; bottom: -7px; left: 0; width: 365px; height: 1px; background: #999999; } .counter input { border: none; border-radius: 3px; width: 20px; height: 26px; text-align: center; background: transparent; font-size: 13px; color: #333333; font-weight: bold; } .counter span.down { padding: 4px 0; margin-right: 0; position: relative; top: 2px; } .counter span.up { padding: 4px 0; margin-left: 5px; position: relative; top: 2px; } } @media (min-width: 1220px) { .col-5 { width: 20% !important; } } .form { /*textarea { width: 100%; padding: 10px; background-color: #fff; border: 1px solid #c8c6ca; border-radius: 3px; margin-bottom: 5px; }*/ /*input[type="file"] { display: none; }*/ /*&__lable-file { color: #fff !important; font-size: 65px; line-height: 16px !important; }*/ /*input[type="radio"]:checked + label:before { background: #006699 url("/local/templates/201708/img/icons/radio.png") no-repeat; background-position: 50%; background-size: 12px; text-align: center; border: 1px solid #006699; width: 18px; height: 18px; border-radius: 50%; }*/ /*.disabled { input[type="radio"]:checked + label:before { background: #D1D1D1 url("/local/templates/201708/img/icons/radio2.png") no-repeat; background-position: 50%; background-size: 12px; border: 1px solid #D1D1D1; } label { color: $c-black; } label:before { background-color: $c-black; } }*/ /*.treeHTML { line-height: normal; } .treeHTML label { // пункты и соединяющие их линии position: relative; display: block; padding: 0 0 0 1.2em; } .treeHTML label:not(:nth-last-of-type(1)) { border-left: 1px solid #94a5bd; } .treeHTML label:before { content: ""; position: absolute; border-bottom: 1px solid #94a5bd; } .treeHTML label:nth-last-of-type(1):before { border-left: 1px solid #94a5bd; }*/ /*.treeHTML fieldset:not(:last-child) { border-left: 1px solid #94a5bd; }*/ /*.treeHTML .razvernut > fieldset > legend, .treeHTML > fieldset > legend { // плюс position: absolute; left: -5px; top: 0; height: 7px; width: 7px; margin-top: -1em; padding: 0; border: 1px solid #94a5bd; border-radius: 2px; background-repeat: no-repeat; background-position: 50% 50%; background-color: #fff; background-image: linear-gradient(to left, #1b4964, #1b4964), linear-gradient(#1b4964, #1b4964), linear-gradient(315deg, #a0b6d8, #e8f3ff 60%, #fff 60%); background-size: 1px 5px, 5px 1px, 100% 100%; visibility: visible; cursor: pointer; }*/ /*.treeHTML fieldset[class=""] .razvernut fieldset legend { visibility: hidden; }*/ /*.treeHTML .razvernut > legend { // минус background-image: linear-gradient(#1b4964, #1b4964) !important; background-size: 5px 1px !important; }*/ } .form input[type="number"], .form input[type="tel"], .form input[type="text"], .form input[type="password"], .form textarea { width: 100%; height: 40px; padding: 10px; background-color: transparent; border: 1px solid #999999; border-radius: 3px; color: #4F4F4F; font-size: 15px; /*&:focus { &::-webkit-input-placeholder { color: #4F4F4F; } &::-moz-placeholder { color: #4F4F4F; } &:-moz-placeholder { color: #4F4F4F; } &:-ms-input-placeholder { color: #4F4F4F; } } &.error { border: 1px solid #D0011B; color: #D0011B; &::-webkit-input-placeholder { color: #D0011B; } &::-moz-placeholder { color: #D0011B; } &:-moz-placeholder { color: #D0011B; } &:-ms-input-placeholder { color: #D0011B; } }*/ } .form input[type="number"]::-webkit-input-placeholder, .form input[type="tel"]::-webkit-input-placeholder, .form input[type="text"]::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder { color: #cccccc; } .form input[type="number"]::-moz-placeholder, .form input[type="tel"]::-moz-placeholder, .form input[type="text"]::-moz-placeholder, .form textarea::-moz-placeholder { color: #cccccc; } .form input[type="number"]:-moz-placeholder, .form input[type="tel"]:-moz-placeholder, .form input[type="text"]:-moz-placeholder, .form textarea:-moz-placeholder { color: #cccccc; } .form input[type="number"]:-ms-input-placeholder, .form input[type="tel"]:-ms-input-placeholder, .form input[type="text"]:-ms-input-placeholder, .form textarea:-ms-input-placeholder { color: #cccccc; } .form select, .form textarea { height: auto !important; } .form select { width: 100%; padding-left: 10px; background-color: white; border: 1px solid #959595; border-radius: 3px; display: block; padding: 0 10px; font-size: 15px; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -ms-appearance: none; appearance: none !important; background: #fff url("/local/templates/201708/img/icons/arrow-filter-cat.png") no-repeat 94% 50%; height: 25px; line-height: 25px; } .form__checkbox label, .form__radio label, .lk__checkbox label { display: inline; cursor: pointer; position: relative; padding: 10px 10px 10px 23px !important; font-size: 14px; color: #999999; font-weight: 400; line-height: 20px; transition: 0.3s; } .form__checkbox label:hover, .form__radio label:hover { color: #333333; } .form__checkbox input[type=radio], .form__radio input[type=radio] { display: none; } .form__checkbox input[type="checkbox"], .form__radio input[type="checkbox"], .lk__checkbox input[type="checkbox"] { display: none; } .form__checkbox label:before, .form__radio label:before { content: ""; display: inline; width: 13px; height: 13px; margin-right: 18px; position: absolute; left: 3px; top: 10.5px; background-color: #fff; border: 1px solid #999999; transition: background-color 0.3s; } .lk__checkbox label:before { content: ""; display: inline; width: 11px; height: 11px; margin-right: 18px; position: absolute; left: 3px; top: 8px; background-color: #fff; border: 1px solid #999999; transition: background-color 0.3s; } .form__checkbox label:before, .form__radio label:before, .lk__checkbox label:before { border-radius: 16px; } .form__checkbox label:before, .lk__checkbox label:before { border-radius: 3px; } .form input[type="checkbox"]:checked + label:before, .lk__checkgroup input[type="checkbox"]:checked + label:before, .lk__checkgroup input[type="radio"]:checked + label:before { content: ""; background: #006699 url("/local/templates/201708/img/icons/check.png") no-repeat; background-position: 50%; background-size: 10px 7px; font-size: 15px; text-align: center; line-height: 15px; border: 1px solid #006699; } .form input[type="checkbox"]:disabled + label:before { border: 1px solid #cccccc; } .form .disabled label { color: #cccccc; cursor: default; } .form .treeHTML fieldset, .form .treeHTML fieldset[class=""] .razvernut { position: absolute; visibility: hidden; margin: 0; padding: 0 0 0 10px; border: none; } .form .treeHTML .razvernut { position: relative; visibility: visible; } .form .form__switch { margin-bottom: 15px; } .form .form__switch-title { display: block; position: relative; color: #716F6F; font-size: 12px; line-height: 18.63px; } .form .form__switch input[type=radio] { height: 1px; width: 1px; border: 0; overflow: hidden; visibility: hidden; } .form .form__switch label { float: left; } .form .form__switch label { display: inline-block; width: 60px; height: 30px; background-color: #fff; color: #000000; font-size: 14px; font-weight: normal; text-align: center; text-shadow: none; padding: 6px 14px; border: 1px solid #B3B3B3; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .form .form__switch label:hover { cursor: pointer; } .form .form__switch input[type=radio]:checked + label { background-color: #006699; -webkit-box-shadow: none; box-shadow: none; border: 0; color: #ffffff; } .form .form__switch label:first-of-type { border-radius: 4px 0 0 4px; } .form .form__switch label:last-of-type { border-radius: 0 4px 4px 0; } .form input[type="range"].multirange { padding: 0; margin: 0; display: inline-block; vertical-align: top; } .form input[type="range"].multirange.original { position: absolute; } .form input[type="range"].multirange.original::-webkit-slider-thumb { position: relative; z-index: 2; } .form input[type="range"].multirange.original::-moz-range-thumb { transform: scale(1); /* FF doesn't apply position it seems */ z-index: 1; } .form input[type="range"].multirange::-moz-range-track { border-color: transparent; /* needed to switch FF to "styleable" control */ } .form input[type="range"].multirange.ghost { position: relative; background: var(--track-background); --track-background: linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45%/100% 40%; --range-color: #149cb8; } .form input[type="range"].multirange.ghost::-webkit-slider-runnable-track { background: var(--track-background); } .form input[type="range"].multirange.ghost::-moz-range-track { background: var(--track-background); } .button { display: inline-block; margin-bottom: 0; font-family: "HelveticaNeueCyr"; font-weight: 400; text-align: center; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; padding: 5px 15px; font-size: 16px; line-height: 20px; border: 0px solid transparent; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .button.focus, .button:focus, .button:hover { text-decoration: none; } .button.active, .button:active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px black; box-shadow: inset 0 3px 5px black; } .button.disabled, .button[disabled], fieldset[disabled] .button { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.button.disabled, fieldset[disabled] a.button { pointer-events: none; } .button--block { display: block; width: 100%; } .button { color: #333333; background-color: #ffd200; border-color: #ffd200; } .button:hover { color: #333333; background-color: #cca800; border-color: #c2a000; } .button.focus, .button:focus { color: #333333; background-color: #cca800; border-color: #806900; } .button.active, .button:active { color: #333333; background-color: #cca800; border-color: #c2a000; } .button.active.focus, .button.active:focus, .button.active:hover, .button:active.focus, .button:active:focus, .button:active:hover { color: #333333; background-color: #a88b00; border-color: #806900; } .button.active, .button:active { background-image: none; } .button.disabled.focus, .button.disabled:focus, .button.disabled:hover, .button[disabled].focus, .button[disabled]:focus, .button[disabled]:hover, fieldset[disabled] .button.focus, fieldset[disabled] .button:focus, fieldset[disabled] .button:hover { background-color: #ffd200; border-color: #ffd200; } .button--blue { color: #ffffff; background-color: #006699; border-color: #006699; } .button--blue:hover { color: #ffffff; background-color: #004466; border-color: #003d5c; } .button--blue.focus, .button--blue:focus { color: #ffffff; background-color: #004466; border-color: #00111a; } .button--blue.active, .button--blue:active { color: #ffffff; background-color: #004466; border-color: #003d5c; } .button--blue.active.focus, .button--blue.active:focus, .button--blue.active:hover, .button--blue:active.focus, .button--blue:active:focus, .button--blue:active:hover { color: #ffffff; background-color: #002c42; border-color: #00111a; } .button--blue.active, .button--blue:active { background-image: none; } .button--blue.disabled.focus, .button--blue.disabled:focus, .button--blue.disabled:hover, .button--blue[disabled].focus, .button--blue[disabled]:focus, .button--blue[disabled]:hover, fieldset[disabled] .button--blue.focus, fieldset[disabled] .button--blue:focus, fieldset[disabled] .button--blue:hover { background-color: #006699; border-color: #006699; } .button--grey { color: #ffffff; background-color: #999999; border-color: #999999; } .button--grey:hover { color: #ffffff; background-color: gray; border-color: #7a7a7a; } .button--grey.focus, .button--grey:focus { color: #ffffff; background-color: gray; border-color: #595959; } .button--grey.active, .button--grey:active { color: #ffffff; background-color: gray; border-color: #7a7a7a; } .button--grey.active.focus, .button--grey.active:focus, .button--grey.active:hover, .button--grey:active.focus, .button--grey:active:focus, .button--grey:active:hover { color: #ffffff; background-color: #6e6e6e; border-color: #595959; } .button--grey.active, .button--grey:active { background-image: none; } .button--grey.disabled.focus, .button--grey.disabled:focus, .button--grey.disabled:hover, .button--grey[disabled].focus, .button--grey[disabled]:focus, .button--grey[disabled]:hover, fieldset[disabled] .button--grey.focus, fieldset[disabled] .button--grey:focus, fieldset[disabled] .button--grey:hover { background-color: #999999; border-color: #999999; } .button { transition: 0.3s; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 100%; } } @media (min-width: 992px) { .container { width: 100%; } } @media (min-width: 1440px) { .container { width: 1400px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.33333%; } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1220px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } .h-mobile { border-radius: block; /*padding: 21px 15px 20px;*/ position: relative; background: #ffffff; z-index: 4; } .h-mobile__button-close { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: none; padding: 0; width: 40px; height: 40px; background: url("/local/templates/201708/img/icons/close-modal.png"); background-repeat: no-repeat; background-size: 10px; background-position: center; } .h-mobile__button-main button { width: 100%; height: 40px; } .h-mobile:after { clear: both; } .h-mobile__left { float: left; position: relative; } .h-mobile__left-img { position: absolute; left: 32px; top: -6px; } .h-mobile__right { float: right; } .h-mobile__button-burger { padding: 0; border: none; background: transparent; margin-top: 2px; } .h-mobile__button-burger img { vertical-align: middle; } .h-mobile__button-search { padding: 0; border: none; background: transparent; } .h-mobile__button-search > img { vertical-align: middle; width: 20px; } .h-mobile__button-basket { padding: 0; border: none; background: transparent; margin-top: -5px; margin-left: 8px; position: relative; display: inline-block; } .h-mobile__button-basket a > img { vertical-align: middle; width: 25px; } .h-mobile__button-basket span.h-mobile__button-basket-count { background: #c30101; color: #fff; padding: 1px 5px 0px 5px; font-size: 12px; position: absolute; right: 0px; top: -7px; border-radius: 15px; vertical-align: middle; display: inline-block; } .h-mobile__burgerpage { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #ffffff; padding-top: 10px; padding-bottom: 60px; z-index: 11; overflow-y: auto; -webkit-overflow-scrolling: touch; } .h-mobile__burgerpage-top { border-bottom: 1px solid #e4e3e3; padding-bottom: 20px; padding-left: 10px; } .h-mobile__burgerpage-logo { display: inline-block; } .h-mobile__burgerpage-logo img { vertical-align: middle; } .h-mobile__burgerpage-phone { position: relative; top: 0px; left: 10px; font-size: 16px; color: #022f47; font-weight: 700; } .h-mobile__burgerpage-close { position: absolute; /*top: 15px;*/ right: 15px; background: transparent; border: 1px solid #e4e3e3; height: 30px; width: 30px; text-align: center; } .h-mobile__burgerpage-close img{ vertical-align: middle; } .h-mobile__burgerpage-middle { padding-bottom: 35px; } .h-mobile__burgerpage-middle li { position: relative; border-bottom: 1px solid #e4e3e3; padding: 0 20px; } .h-mobile__burgerpage-middle li a { font-size: 12px; color: #333333; text-transform: uppercase; padding-left: 65px; padding-top: 26px; padding-bottom: 25px; display: block; background: url("/local/templates/201708/img/icons/arrow-burgerpage.png"); background-repeat: no-repeat; background-position: center right; background-size: 6px 11px; } .h-mobile__burgerpage-middle li:nth-child(1) a { font-size: 15px; color: #333333; padding-left: 20px; position: relative; text-transform: none; padding-left: 0; } .h-mobile__burgerpage-middle li:nth-child(1) a span { color: #006699; } /*.h-mobile__burgerpage-middle li:nth-child(2) { background: url("/images/cat/png/mobile/h-desktop__slider-item-1.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(3) { background: url("/images/cat/png/mobile/h-desktop__slider-item-2.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(4) { background: url("/images/cat/png/mobile/h-desktop__slider-item-3.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(5) { background: url("/images/cat/png/mobile/h-desktop__slider-item-4.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(6) { background: url("/images/cat/png/mobile/h-desktop__slider-item-5.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(7) { background: url("/images/cat/png/mobile/h-desktop__slider-item-6.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(8) { background: url("/images/cat/png/mobile/h-desktop__slider-item-7.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(9) { background: url("/images/cat/png/mobile/h-desktop__slider-item-8.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(10) { background: url("/images/cat/png/mobile/h-desktop__slider-item-9.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(11) { background: url("/images/cat/png/mobile/h-desktop__slider-item-10.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; } .h-mobile__burgerpage-middle li:nth-child(12) { background: url("/images/cat/png/mobile/h-desktop__slider-item-11.png"); background-repeat: no-repeat; background-position: center left; background-size: 40px 47px; }*/ .h-mobile__burgerpage-list { background: #006699; padding: 16px 15px 10px; } .h-mobile__burgerpage-list li { border-bottom: 1px solid #52a7d2; } .h-mobile__burgerpage-list li a { color: #ffffff; font-size: 15px; padding-top: 8px; padding-bottom: 8px; display: block; } .h-mobile__burgerpage-list li:last-child { border-bottom: none; } .h-mobile__burgerpage-bottom { padding-top: 33px; padding-left: 15px; padding-right: 15px; } .h-mobile__burgerpage-bottom span { display: block; margin-bottom: 5px; font-size: 15px; color: #999999; } .h-mobile__burgerpage-bottom a { font-size: 16px; color: #333333; text-decoration: underline; display: block; margin-top: 15px; } .h-mobile__burgerpage--vis { display: block; } @media (min-width: 768px) { .h-mobile { display: none; } .h-mobile__burgerpage { display: none; } } .h-desktop { display: none; } .h-desktop__slider:before, .h-desktop__slider:after { content: " "; display: table; } .h-desktop__slider:after { clear: both; } .h-mobile__search { padding: 21px 15px 20px; background: #ffffff; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; position: absolute; width: 100%; top: 60px; display: none; z-index: 4; } .h-mobile__search_shadow { display: none; position: fixed; background: rgba(10, 10, 10, 0.43); top: 0px; bottom: 0px; left: 0px; right: 0px; height: 100%; width: 100%; z-index: 3; } .h-mobile__search_shadow .h-mobile__search--vis { display: block; } body.h-mobile__search_lock_scroll { overflow: hidden; } .h-mobile__search--vis { display: block; } .h-mobile__block { display: table; width: 100%; } .h-mobile__input { display: table-cell; padding-right: 10px; position: relative; } .h-mobile__button-main { display: table-cell; width: 90px; vertical-align: top; } .h-mobile__top { padding: 21px 15px 20px; position: relative; background: #ffffff; } .h-mobile__top:before, .h-mobile__top:after { content: " "; display: table; } .h-mobile__top:after { clear: both; } .left_srch > p, .left_srch > a{ padding: 5px 0; color: #006599; display: block; } .left_srch > p span, .left_srch > a span{ color: #999999; } .block_srch{ padding-top: 30px; } @media (min-width: 768px) { .h-desktop { display: block; } .h-desktop__top:before, .h-desktop__top:after { content: " "; display: table; } .h-desktop__top:after { clear: both; } .h-desktop__top .container { padding-top: 10px; padding-bottom: 10px; background: #ffffff; padding-left: 33px; padding-right: 33px; background: #022f47; } .h-desktop__top-left { width: 240px; } .h-desktop__top-center{ width: 580px; } .h-desktop__top-right { width: 350px; display: flex; justify-content: flex-end; align-items: center; /*float: right; */ } .h-desktop__top-right_call{ margin-right: 5px; } .h-desktop__top-right_call a{ display: block; font-size: 15px; color: #ffffff; border: 1px solid #ffffff; height: 29px; line-height: 25px; border-radius: 2px; padding: 0px 15px 0px 15px; width: 155px; position: relative; } .h-desktop__top-right_call a span{ position: absolute; top: 2px; } .h-desktop__top-right_phone{ padding-top: 3px; } .h-desktop__top-right_call a:before{ content: url(/local/templates/201708/img/icons/phone.svg); height: 20px; position: relative; bottom: -4px; margin-right: 10px; } .h-desktop__top-right_call a:hover{ background: #ffd201; color: #022f46; border: 1px solid #ffd201; text-decoration: none; } .h-desktop__top-right_call a:hover:before{ content: url(/local/templates/201708/img/icons/phone_black.svg); } .h-desktop__top-right_phone .h-desktop__middle-call{ color: #ffffff; line-height: normal; font-size: 23px; padding-right: 0; } .h-desktop__top-right_phone .h-desktop__middle-call:hover{ color: #ffd201; } .h-desktop__top-city { font-size: 13px; color: #ffffff; padding-left: 20px; position: relative; } .h-desktop__top-city span { color: #ffd200; } .h-desktop__top-city:after { content: ''; position: absolute; left: 3px; top: 2px; width: 11px; height: 9px; background: url("/local/templates/201708/img/icons/arrow-down-yellow2.png"); } .h-desktop__top-login { position: relative; background-color: #022f46; width: 30px; height: 30px; display: block; border-radius: 2px; float: left; } .h-desktop__top-login:after { content: ''; position: absolute; right: 7px; top: 8px; width: 15px; height: 15px; background: url(/local/templates/201708/img/icons/key.svg) no-repeat; } .h-desktop__top-login.cabinet:after{ background: url(/local/templates/201708/img/icons/id.svg) no-repeat; } .h-desktop__top-login:hover:after{ background: url(/local/templates/201708/img/icons/key_yellow.svg) no-repeat; } .h-desktop__top-login:hover.cabinet:after{ background: url(/local/templates/201708/img/icons/id_yellow.svg) no-repeat; } .h-desktop__top-basket { font-size: 13px; color: #ffffff; display: flex; align-items: center; height: 100%; margin-top: 3px; } .h-desktop__top-basket div{ margin-left: 5px; } .h-desktop__top-basket div object{ width: 25px; height: 25px; } .h-desktop__top-basket div svg{ width: 25px; height: 25px; } .h-desktop__top-basket:hover div svg .st0{ fill: #006699; } .h-desktop__top-basket:hover .h-desktop__top-basket_left{ text-decoration: underline; } .h-desktop__top-basket:hover{ text-decoration: none; } .h-desktop__top-basket .h-desktop__top-basket_left{ color: #006699; } .h-desktop__top-basket .h-desktop__top-basket_right{ color: #022f46; } .h-desktop__top-basket span:after { /*content: ''; position: absolute; right: 0; top: 0; width: 11px; height: 9px; background: url("/local/templates/201708/img/icons/arrow-down-yellow2.png");*/ } .h-desktop__middle { padding: 15px 0 } .h-desktop__middle:before, .h-desktop__middle:after { content: " "; display: table; } .h-desktop__middle:after { clear: both; } .h-desktop__middle-left { float: left; } .h-desktop__middle-left:before, .h-desktop__middle-left:after { content: " "; display: table; } .h-desktop__middle-left:after { clear: both; } .h-desktop__middle-right { float: right; text-align: right; } .h-desktop__middle-logo { float: left; margin-right: 10px; } .h-desktop__middle-logo > img { vertical-align: middle; width: 220px; position: relative; top: -2px; } .h-desktop__middle-float { float: left; padding-left: 30px; padding-top: 10px; width: 300px; } .h-desktop__middle-text{ float: left; width: 230px; text-transform: uppercase; font-size: 12px; color: #666666; padding-top: 4px; line-height: 15px; font-weight: bold; } .h-desktop__middle-list li { display: inline; } .h-desktop__middle-list li:last-child { margin-left: 20px; } .h-desktop__middle-list li:last-child a{ margin-right: 0; } .h-desktop__middle-list li:nth-last-child(2){ background: #ffd200; padding: 5px 5px 6px 10px; border-radius: 2px; border: 1px solid #ffd200; cursor: pointer; } .h-desktop__middle-list li:nth-last-child(2):hover{ background: none; border: 1px solid #ffd200; } .h-desktop__middle-list li:nth-last-child(2):hover a{ color: #ffd200; } .h-desktop__middle-list li:nth-last-child(2) a:hover{ text-decoration: none; color: #ffd200; } .h-desktop__middle-list li:nth-last-child(2):hover:before{ background: url(/local/templates/201708/img/svg/star.svg) no-repeat center center; } .h-desktop__middle-list li:nth-last-child(2) a{ color:#022f47; } .h-desktop__middle-list li:nth-last-child(2):before{ content: ""; display: inline-block; background: url("/local/templates/201708/img/svg/star_new.svg") no-repeat center center; width: 20px; height: 14.09px; position: relative; top:1px; left: -4px; padding-right: 0px; } .h-desktop__middle-list li.h-desktop__middle-item--none { display: none; } .h-desktop__middle-list li a { font-size: 13px; color: #eee; margin-right: 2px; transition: 0.3s; } .h-desktop__middle-list li a:hover { color:#ffffff; text-decoration: underline; } .h-desktop__middle-list li.h-desktop__middle-work a { color: #333333; } .h-desktop__middle-list li.h-desktop__middle-work a img { padding-right: 5px; } .h-desktop__middle .form { position: relative; } .h-desktop__middle-down { position: absolute; display: none; z-index: 2; background: #ffffff; width: 323px; left: 2px; top: 36px; font-size: 13px; line-height: 35px; color: #006699; text-transform: uppercase; } .h-desktop__middle-down li { padding: 0 10px; } .h-desktop__middle-down li:hover { background: #f6fafb; } .h-desktop__middle-down a:before, .h-desktop__middle-down a:after { content: " "; display: table; } .h-desktop__middle-down a:after { clear: both; } .h-desktop__middle-down a span { float: right; font-size: 10px; color: #cccccc; } /*.h-desktop__middle-search:after { content: ''; position: absolute; top: 0; left: -15px; width: 16px; height: 36px; background: url("/local/templates/201708/img/bg/bg-search.png"); background-repeat: no-repeat; background-position: center; background-size: contain; }*/ .h-desktop__middle-search input[type="text"] { height: 16px !important; margin-bottom: 0; border-radius: 0; font-size: 12px; border-color: transparent; /* Firefox 19+ */ /* Firefox 18- */ } .h-desktop__middle-search input[type="text"]::-webkit-input-placeholder { color: #022f46; } .h-desktop__middle-search input[type="text"]::-moz-placeholder { color: #022f46; } .h-desktop__middle-search input[type="text"]:-moz-placeholder { color: #022f46; } .h-desktop__middle-search input[type="text"]:-ms-input-placeholder { color: #022f46; } .h-desktop__middle-search button { position: absolute; right: 10px; top: 5px; width: 15px; height: 15px; padding: 0; border: none; background: none; } .h-desktop__middle-search button:after { content: ''; position: absolute; top: 0; left: 0; width: 15px; height: 15px; background: url(/local/templates/201708/img/icons/search.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .h-desktop__middle-search1 { position: relative; width: 100%; margin: 20px 0;} .h-desktop__middle-search1:after { content: ''; position: absolute; top: 0; left: -15px; width: 16px; height: 36px; background: url("/local/templates/201708/img/bg/bg-search.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } .h-desktop__middle-search1 input[type="text"] { height: 36px !important; background-color: #fafafa; margin-bottom: 0; border-radius: 0; font-size: 13px; border: 1px solid grey; /* Firefox 19+ */ /* Firefox 18- */ } .h-desktop__middle-search1 input[type="text"]::-webkit-input-placeholder { color: #022f46; } .h-desktop__middle-search1 input[type="text"]::-moz-placeholder { color: #cccccc; } .h-desktop__middle-search1 input[type="text"]:-moz-placeholder { color: #cccccc; } .h-desktop__middle-search1 input[type="text"]:-ms-input-placeholder { color: #cccccc; } .h-desktop__middle-search1 button { position: absolute; right: 0; top: 0; width: 60px; height: 36px; padding: 0; border: none; } .h-desktop__middle-search1 .srch{ position: absolute; color: white; right: 0; width: 60px; height: 100%; font-size: 12px; background: none; background-color: rgb(0,102,156);} .h-desktop__middle-call { font-size: 18px; color: #333333; padding-right: 8px; } .h-desktop__middle-button { /*padding-top: 20px; */ padding-top: 32px; } .h-desktop__middle-button a { display: block; font-size: 15px; color: #333333; border: none; padding: 0px 18px 0 40px; height: 36px; line-height: 36px; background: #ffd200; position: relative; border-radius: 2px; /* background: url("/local/templates/201708/img/bg/bg-button-call.png"); background-repeat: no-repeat; background-position: center; background-size: cover; */ } .h-desktop__middle-button a:before{ content: url("/local/templates/201708/img/phone.png"); height: 20px; position: absolute; bottom: 11px; left: 10px; } .h-desktop__middle-button a:hover{ text-decoration: none; } .h-desktop__float { float: left; display: inline; width: 14%; } .h-desktop__block .container { background: url("/local/templates/201708/img/bg/header_grey.png"); background-repeat: no-repeat; background-color: white; background-size: cover; position: relative; padding-left: 33px; padding-right: 33px; } /* .h-desktop__block .container:after { position: absolute; content: ''; left: 0; bottom: -76px; width: 100%; height: 76px; background: url("/local/templates/201708/img/bg/bg-header-dark.png"); }*/ .h-desktop__bottom { padding-top: 3px; padding-bottom: 10px; position: relative; } .h-desktop__slider { overflow: hidden; max-height: 185px; } .h-desktop__slider:before, .h-desktop__slider:after { content: " "; display: table; } .h-desktop__slider:after { clear: both; } .h-desktop__slider-item { text-align: center; font-size: 12px; line-height: 18px; color: #333333; width:110px; float:left; text-transform: uppercase; padding-top: 15px; padding-right: 6px; display: block; outline: none !important; padding-bottom: 40px; } .h-desktop__slider-item .img { height: 120px; width: 100px; margin: 0 auto 10px; transition: 0.3s; position: relative; background-repeat: no-repeat; background-size: contain; background-position: center center; } .h-desktop__slider-item .img:after { display: none; position: absolute; content: ''; top: -10px; right: -9px; width: 39px; height: 50px; } .h-desktop__slider-item .sale:after { /*position: absolute; content: ''; top: -2px; right: -8px; width: 39px; height: 50px;*/ background: url("/local/templates/201708/img/cat/sale.svg"); background-repeat: no-repeat; background-size: 39px 50px; background-position: top; } .h-desktop__slider-item .new:after { /*position: absolute; content: ''; top: -2px; right: -8px; width: 39px; height: 50px;*/ background: url("/local/templates/201708/img/cat/new.svg"); background-repeat: no-repeat; background-size: 39px 50px; background-position: top; } .h-desktop__slider-item .hit:after { /*position: absolute; content: ''; top: -2px; right: -8px; width: 39px; height: 50px;*/ background: url("/local/templates/201708/img/cat/hit.svg"); background-repeat: no-repeat; background-size: 39px 50px; background-position: top; } .h-desktop__slider-item .season:after { /*position: absolute; content: ''; top: -2px; right: -8px; width: 39px; height: 50px;*/ background: url("/local/templates/201708/img/cat/season.svg"); background-repeat: no-repeat; background-size: 39px 50px; background-position: top; } .h-desktop__slider-item .icon { width: 85px; height: 75px; fill: #96DAF4; margin-bottom: 10px; transition: 0.5s; position: relative; left: -4px; } .h-desktop__slider-item:hover .icon { fill: #FFD200; } .h-desktop__slider-item .img.active .icon { fill: #FFD200; } .h-desktop__buttons button { background: transparent; border: none; position: absolute; z-index: 2; top: 15px; width: 57px; height: 120px; } .h-desktop__buttons .h-desktop__buttons-left._slider-prev.slick-disabled{ display: none !important; } .h-desktop__buttons .h-desktop__buttons-right._slider-next.slick-disabled{ display: none !important; } .h-desktop__buttons button:before, .h-desktop__buttons button:after { content: " "; display: table; } .h-desktop__buttons button:after { clear: both; } .h-desktop__buttons button img { width: 57px; /*height: 120px;*/ float: left; } .h-desktop__buttons-left { left: -22px; display: none; } .h-desktop__buttons-left img { transform: rotate(180deg); } .h-desktop__buttons-right { right: -9px; left: auto; } .ui-autocomplete { padding: 0; font-size: 13px; color: #666666; background: transparent; border: none; line-height: 26px; /*width: 325px !important;*/ height: 100px !important; } .ui-autocomplete .ui-menu-item { /*margin-left: -14px;*/ background: #fff; padding-left: 10px; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; } .ui-autocomplete .ui-menu-item:hover { background: #f6fafb; } .ui-autocomplete .ui-menu-item a { padding-left: 10px !important; } .ui-autocomplete .ui-menu-item:last-child { border-bottom: 1px solid #f1f1f1; } .ui-widget-content .ui-state-active { border: none; background: transparent; } } @media (min-width: 768px) and (max-width: 850px) { .h-desktop__middle-button a{ font-size: 13px; } } @media (min-width: 850px) { .h-desktop__middle-list li.h-desktop__middle-item--none { display: inline; } } @media (min-width: 992px) { .h-desktop__middle-down { width: 453px; } } @media (min-width: 1220px) { .h-desktop__float { width: 9%; } .h-desktop__buttons { display: none; } .h-desktop__middle-search { width: 780px; } .h-desktop__middle-down { width: 733px; } .h-desktop__middle-list li a { margin-right: 10px; } } .f-mobile { background: #ffffff; } .f-mobile__top { padding-top: 25px; padding-bottom: 25px; background: #022f47; } .f-mobile__top a { display: block; font-size: 16px; color: #333333; margin-bottom: 18px; } .f-mobile__list { background: #006699; } .f-mobile__list li { line-height: normal; border-bottom: 1px solid #022f47; } .f-mobile__list li a { color: #ffffff; font-size: 15px; padding: 15px; display: block; } .f-mobile__list li:last-child { border-bottom: none; } .f-mobile__bottom { text-align: center; padding-bottom: 50px; padding-top: 10px; background: #022f47; } .full_version { color: #999999; font-size: 14px; text-decoration: underline; margin-top: 20px; cursor: pointer; width: auto !important; } .f-mobile__bottom-social { display: table; margin: 0 auto; padding-top: 20px; padding-bottom: 15px; } .f-mobile__bottom-social li { display: inline-block; display: table-cell; width: 35px; line-height: normal; padding: 0 10px; } .f-mobile__bottom-social li a { display: inline-block; width: 35px; height: 35px; position: relative; } .f-mobile__bottom-social li a:after { content: ''; position: absolute; top: 0; left: 0; width: 35px; height: 35px; border-radius: 50%; border: 1px solid #999999; } .f-mobile__bottom-social li img { position: absolute; } .f-mobile__bottom-social li.vk { background: url("/local/templates/201708/img/svg/vk.svg"); background-repeat: no-repeat; background-size: 18px 11px; background-position: center; } .f-mobile__bottom-social li.fb { background: url("/local/templates/201708/img/svg/fb.svg"); background-repeat: no-repeat; background-size: 18px 11px; background-position: center; } .f-mobile__bottom-social li.inst { background: url("/local/templates/201708/img/svg/inst.svg"); background-repeat: no-repeat; background-size: 18px 11px; background-position: center; } .f-mobile__bottom-copy { font-size: 10px; color: rgba(153, 153, 153, 0.6); text-transform: uppercase; } .wrap_f-desktop__port_post{ display: flex; justify-content: center; align-items: center; color: #7b8388; } .wrap_f-desktop__port_post img { margin-right: 5px; width: 35px; height: 35px; } .wrap_f-desktop__top-yandex.mob{ margin: 15px 0 40px 0; } .sub_mobile__list{ display: none; background: #022f47; } .sub_mobile__list li{ border-bottom: 1px solid #cccccc; } .f-mobile__list>li>a{ position: relative; } .f-mobile__list>li>a:after{ content: ' '; position: absolute; top: 20px; right: 15px; background: url(/local/templates/201708/img/icons/burger_arrow_down.png); background-repeat: no-repeat; width: 11px; height: 6px; } .f-mobile__list>li>a.active:after{ transform: rotate(180deg); } a.menu_gallery{ color: #ffd200!important; position: relative; } a.menu_gallery:before { content: ""; background: url(/local/templates/201708/img/svg/star.svg) no-repeat center center; width: 20px; height: 14.09px; position: absolute; top: 0; left: -25px; } .menu_gallery_mob a{ background: #ffd200; color: #022f46!important; } li.menu_gallery_mob{ border: none; } @media (min-width: 768px) { .f-mobile { display: none; } } .f-desktop { display: none; } @media (min-width: 768px) { .f-desktop { display: block; } .f-desktop__top:before, .f-desktop__top:after { content: " "; display: table; } .f-desktop__top:after { clear: both; } .f-desktop__top .container { padding-top: 15px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; background: #022f47; } .f-desktop__top-left { float: left; width: 270px; } .f-desktop__top-left .h-desktop__middle-text{ float:none; color: #7b8388; } .f-desktop__bottom-social{ margin-top: 10px; } .f-desktop__top-left ul li { font-size: 13px; color: #ffffff; letter-spacing: -0.6px; } .f-desktop__top-left ul li span { padding-bottom: 8px; display: inline-block; } .f-desktop__top-left ul li.phone{ margin-top: 10px; } .f-desktop__top-left ul li.phone a { font-size: 16px; color: #ffffff; display: inline-block; margin-bottom: 7px; } .f-desktop__top-left ul li.email a { font-size: 13px; color: #7b8388; text-decoration: underline; display: inline-block; margin-bottom: 10px; } .f-desktop__top-left ul li.email a:hover { color: #ffffff; } .f-desktop__top-left ul li.time span { display: block; } .f-desktop__top-info { font-size: 14px; color: #7b8388; display: inline-block; letter-spacing: -1.2px; margin-left: 15px; } .f-desktop__top-search input[type="text"] { height: 36px !important; background-color: #ffffff; margin-bottom: 0; border-radius: 0; font-size: 13px; border-color: transparent; width: 130px; vertical-align: top; /* Firefox 19+ */ /* Firefox 18- */ } .f-desktop__top-search input[type="text"]::-webkit-input-placeholder { color: #cccccc; } .f-desktop__top-search input[type="text"]::-moz-placeholder { color: #cccccc; } .f-desktop__top-search input[type="text"]:-moz-placeholder { color: #cccccc; } .f-desktop__top-search input[type="text"]:-ms-input-placeholder { color: #cccccc; } .f-desktop__top-search button { position: relative; width: 36px; height: 36px; padding: 0; border: none; background-color: #006699; vertical-align: top; left:-4px; } .f-desktop__top-search button:after { content: ''; position: absolute; top: 11px; left: 9px; background: url(/local/templates/201708/img/icons/button_footer.png); background-repeat: no-repeat; background-position: center; width: 17px; height: 13px; } .f-desktop__bottom-left{ width: 20%; color: #7b8388; } .f-desktop__bottom-right{ width: 80%; display: flex; justify-content: flex-end; } .wrap_f-desktop__top-yandex{ margin-left: 15px; } .f-desktop__top-yandex img{ height: 40px; vertical-align: middle; } .f-desktop__top-float { margin-bottom: 20px; } .f-desktop__top-block1 { width: 170px; margin-right: 30px; display: inline-block; vertical-align: top; } .f-desktop__top-block1 ul:nth-child(1) { margin-bottom: 20px; } .f-desktop__top-block2 { width: 200px; } .f-desktop__top-block3 { width: 230px; } .f-desktop__top-right { float: right; width: calc(100% - 270px); display: flex; flex-wrap: wrap; justify-content: flex-end; padding-top: 5px; } .f-desktop__top-right:before, .f-desktop__top-right:after { content: " "; display: table; } .f-desktop__top-right:after { clear: both; } .f-desktop__top-right ul li { font-size: 18px; color: #333333; } .f-desktop__top-right ul li a { font-size: 14px; color: #ffffff; transition: 0.3s; } .f-desktop__top-right ul li a:hover{ text-decoration: underline; } .f-desktop__top-right ul li:nth-child(1) { padding-bottom: 5px; margin-bottom: 5px; color: #7b8388; font-size: 14px; } .f-desktop__top-yandex p { font-size: 13px; color: #085e8d; line-height: 15px; margin-top: 15px; } .f-desktop__top-yandex p a { display: block; } .f-desktop__bottom .container { position: relative; background: #022f47; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; display: flex; } .wrap_f-desktop__port_post{ display: flex; justify-content: flex-end; align-items: center; margin-left: 15px; color:#7b8388; } .wrap_f-desktop__port_post img{ margin-right: 5px; width: 35px; height: 35px; } .f-desktop__bottom-social li { display: inline-block; display: table-cell; vertical-align: middle; width: 35px; height: 35px; padding: 0 3px;} .f-desktop__bottom-social li a { display: inline-block; width: 35px; height: 35px; } .f-desktop__bottom-social li.vk a { background: #ffffff url("/local/templates/201708/img/svg/vka.svg"); background-repeat: no-repeat; background-position: center; border-radius: 50%; display: inline-block; background-size: 35px 35px; } .f-desktop__bottom-social li.fb a { background: #ffffff url("/local/templates/201708/img/svg/fba.svg"); background-repeat: no-repeat; background-position: center; border-radius: 50%; display: inline-block; background-size: 35px 35px; } .f-desktop__bottom-social li.inst a { background: #ffffff url("/local/templates/201708/img/svg/insta.svg"); background-repeat: no-repeat; background-position: center; border-radius: 50%; display: inline-block; background-size: 35px 35px; } .f-desktop__bottom-social li.mobile a { background: url("/local/templates/201708/img/svg/mob.svg"); background-repeat: no-repeat; background-position: center; border-radius: 50%; display: inline-block; background-size: 35px 35px; } .f-desktop__bottom-social li.mobile { color: #022f47; text-transform: none; text-align: left; text-decoration: underline; font-size: 12px; cursor: pointer; padding-left: 20px; color: #ffffff; } } @media (min-width: 768px) { .f-desktop__top-block { position: relative; } .f-desktop__top-block { float: left; } .f-desktop__top-block2 { margin-right: 50px; } } @media (min-width: 992px) { .f-desktop__top-left ul li { letter-spacing: -0px; } .f-desktop__top-info { letter-spacing: 0; } .f-desktop__top-search input[type="text"] { width: 180px; } } @media (min-width: 1180px) { .f-desktop__top:before, .f-desktop__top:after { content: " "; display: table; } .f-desktop__top:after { clear: both; } .f-desktop__top .container { padding-bottom: 0; } .f-desktop__top-left ul li { font-size: 13px; color: #ffffff; } .f-desktop__top-left ul li span { padding-bottom: 8px; display: inline-block; } .f-desktop__top-search input[type="text"] { height: 36px !important; background-color: #ffffff; margin-bottom: 0; border-radius: 0; font-size: 13px; border-color: transparent; width: 180px; /* Firefox 19+ */ /* Firefox 18- */ } .f-desktop__top-search input[type="text"]::-webkit-input-placeholder { color: #cccccc; } .f-desktop__top-search input[type="text"]::-moz-placeholder { color: #cccccc; } .f-desktop__top-search input[type="text"]:-moz-placeholder { color: #cccccc; } .f-desktop__top-search input[type="text"]:-ms-input-placeholder { color: #cccccc; } .f-desktop__top-float { float: left; } .f-desktop__top-block2 { margin-right: 50px; width: 200px; } .f-desktop__top-block3 { width: 230px; } .f-desktop__top-right:before, .f-desktop__top-right:after { content: " "; display: table; } .f-desktop__top-right:after { clear: both; } .f-desktop__top-right ul li { font-size: 18px; color: #333333; padding-bottom: 5px; } .f-desktop__top-right ul li a { font-size: 14px; color: #ffffff; line-height: 20px; } } .filter-desktop { /*display: none;*/ } @media (max-width: 767px) { .p-cart__main-left .p-cart__title { font-size: 17px; color: #006699; margin-top: 20px; } .p-cart__main-left .p-cart__subtitle { font-size: 12px; color: #bebebe; padding-bottom: 20px; } .tabs__content-slider { padding: 0px 20px; } .item-description__price .item-description__price-right { width: initial; } .p-catalog__body-left .cat-desktop { display: none; position: absolute; width: 100%; left: 0; z-index: 2; background: #f7f7f7; padding: 15px 15px; } .p-catalog__body-left .filter-desktop { display: none; position: absolute; width: 100%; left: 0; z-index: 1; background: #f7f7f7; padding: 15px 15px; } .p-catalog__body-left .cat-desktop.filter-cat-mobile__cat--vis, .p-catalog__body-left .filter-desktop.filter-cat-mobile__filter--vis { display: block; } .cat-desktop__title { display: none; } .cat-desktop__title.AKSESSUAR { display: block; } .p-catalog__body-left .filter-desktop__button { display: none; } .p-catalog__body-left .form__checkbox-more { display: inline-block; } .p-catalog__body-left .filter-desktop__block .form__checkbox { display: inline-block; margin-bottom: 15px; margin-right: 10px; } .p-catalog__body-left .form__checkbox label:before, .p-catalog__body-left .form__radio label:before { content: ""; display: none; } .p-catalog__body-left .form input[type="checkbox"]:checked + label:before { content: ""; display: none; } .p-catalog__body-left .form__checkbox label, .p-catalog__body-left .form__radio label { background: #e4e3e3; color: #666666; padding: 7px 30px 5px 10px !important; } .p-catalog__body-left .form input[type="checkbox"]:checked + label { background: #006699 url("/local/templates/201708/img/icons/close-white.png"); background-position: 95% center; background-repeat: no-repeat; border-radius: 3px; padding: 7px 30px 5px 10px !important; color: #fff; } .p-catalog__body-left .form input[type="checkbox"]:checked + label a, .p-catalog__body-left .form input[type="checkbox"]:checked + label span { color: #fff; } .p-catalog__body-left .cat-desktop ul.cat-desktop__list > li > a { border-radius: 3px; background: #e4e3e3; font-size: 14px; line-height: 14px; color: #666666; padding: 7px 10px 5px 10px; margin: 0px 0px 15px 0px; display: inline-block; } .p-catalog__body-left .filter-desktop__remove img { padding: 10px; border-width: 1px; border-color: #e4e3e3; border-style: solid; border-radius: 3px; margin-left: 10px; } .p-catalog__body-right .p-catalog__body-sort { height: auto; } .p-catalog .p-catalog__body-right .sorting-desktop { right: 0px; } .p-catalog__body-right .p-catalog__body-sort .sorting-desktop button { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; font-size: 14px; color: #666666; padding: 5px 10px; background: transparent; } .p-catalog__body-right .p-catalog__body-sort .sorting-desktop button.active { color: #333; border-color: #333; } .p-catalog__body-right .p-catalog__body-sort .sorting-desktop button .sort__item-ico, .p-catalog__body-right .p-catalog__body-sort .sorting-desktop button .sort__item-ico.revert { background: url("/local/templates/201708/img/icons/arrow-down-grey.png") no-repeat center center; position: initial; display: inline-block; width: 10px; height: 10px; margin-left: 5px; } .p-catalog__body-right .p-catalog__body-sort .sorting-desktop button.active .sort__item-ico { background: url(/local/templates/201708/img/icons/arrow-down-black.png) no-repeat center center; } .p-catalog .p-catalog__body .container { padding-top: 0px; } } /*@media (min-width: 768px) {*/ .filter-desktop { display: block; padding-left: 0; padding-top: 10px; width: 100%; position: relative; } .filter-desktop .ui-slider { max-width: 98%; margin-left: 5px; } .filter-desktop__title { font-size: 18px; color: #333333; border-bottom: 1px solid #999999; padding-bottom: 5px; position: relative; } .filter-desktop__title:before, .filter-desktop__title:after { content: " "; display: table; } .filter-desktop__title:after { clear: both; } .filter-desktop__remove { float: right; font-size: 12px; color: #999999; /*margin-top: 5px;*/ } .filter-desktop__remove button { border: none; background: transparent; padding: 0; } .filter-desktop__remove img { padding-left: 10px; } .filter-desktop__ranges { /*padding-bottom: 35px;*/ } .filter-desktop__ranges-title { font-size: 16px; color: #333333; padding-top: 25px; padding-bottom: 10px; } .filter-desktop__ranges .input-group { padding-bottom: 30px; } .filter-desktop__ranges .input-group:before, .filter-desktop__ranges .input-group:after { content: " "; display: table; } .filter-desktop__ranges .input-group:after { clear: both; } .filter-desktop__ranges .input-group input { width: 33%; } .filter-desktop__ranges .input-group input:nth-child(1) { float: left; } .filter-desktop__ranges .input-group input:nth-child(2) { float: right; } .filter-desktop__block { cursor: pointer; font-size: 17px; color: #333333; padding-bottom: 20px; } .filter-desktop__block-title { border-bottom: 1px solid #999999; padding-bottom: 10px; padding-top: 10px; position: relative; } .filter-desktop__block-title:after { position: absolute; content: ''; top: 10px; right: 0; width: 10px; height: 10px; background: url("/local/templates/201708/img/icons/arrow-up-black.png"); background-repeat: no-repeat; background-position: center; transform: rotate(180deg); transition: 0.5s; } .filter-desktop__block-body { display: none; padding-top: 21px; } .filter-desktop__block-all .filter-desktop__block-unvis { display: none; } .filter-desktop__block-all--vis .filter-desktop__block-unvis { display: block; } .filter-desktop__block .form__checkbox { /*padding-bottom: 6px;*/ } .filter-desktop__block--vis .filter-desktop__block-title:after { transform: rotate(0deg); } .filter-desktop__block--vis .filter-desktop__block-body { display: block; } .filter-desktop__button { border: none; padding: 0; background: transparent; font-size: 13px; color: #333333; } /*}*/ .bread-mobile { background: #006699; padding: 0 15px; } .bread-mobile ul li { display: inline; } .bread-mobile ul li a { color: #ffffff; font-size: 15px; line-height: 36px; position: relative; padding-left: 13px; } .bread-mobile ul li a:after { position: absolute; content: ''; left: 0px; top: 0; background: url("/local/templates/201708/img/icons/arrow-bread.png"); background-repeat: no-repeat; background-size: 6px 11px; width: 6px; height: 11px; } .bread-mobile ul li a.active { display: none; } .bread-mobile ul li a.active:after { display: none; } @media (min-width: 768px) { .bread-mobile { display: none; } } .bread-desktop { display: none; } @media (min-width: 768px) { .bread-desktop { display: block; } .bread-desktop ul li { display: inline; } .bread-desktop ul li a { line-height: 40px; position: relative; font-size: 14px; color: #999999; padding-right: 20px; padding-left: 0; } .bread-desktop ul li a:hover { color: #333333; } .bread-desktop ul li.active a:after { position: absolute; top: -12px; right: 0; left: auto; content: ''; width: 0px; height: 14px; color: #999999; background: none; } .bread-desktop ul li a:after { position: absolute; top: -12px; right: 0; left: auto; content: '/'; width: 9px; height: 14px; color: #999999; background: none; } .bread-desktop ul li.active a{ line-height: 40px; font-size: 13px; color: #999999; display: inline; color: #333333; text-decoration: none; position: relative; } .bread-desktop ul li.active2 { line-height: 40px; display: inline; position: relative; font-size: 13px; color: #333333; } } .about_company{ font-size: 21px; line-height: 21px; font-family: "HelveticaNeueCyr"; color: #333333; padding-bottom: 25px !important; } .about_title_page_text{ font-size: 17px; line-height: 17px; font-family: "HelveticaNeueCyr"; color: #333333 !important; padding-bottom: 5px; } .col-xs-12.col-sm-9.col-lg-6 div:nth-child(1), .col-xs-12.col-sm-9.col-lg-6 div:nth-child(2), .col-xs-12.col-sm-9.col-lg-6 div:nth-child(3){ padding-right: 30px; } .about_second_title{ font-size: 21px; line-height: 21px; font-family: "HelveticaNeueCyr"; color: #333333; padding-bottom: 25px !important; } .about_second_subtitle{ font-size: 16px; color: #333333 !important; } .about__list { font-size: 13px; line-height: 16px; font-family: "HelveticaNeueCyr"; color: #999999; padding-top: 15px; padding-bottom: 16px; } .about__address { font-size: 13px; line-height: 16px; font-family: "HelveticaNeueCyr"; color: #333333; color: #999999; padding-bottom: 15px; } .item { padding: 10px 15px 0; position: relative; padding-bottom: 5px; background: #ffffff; min-height: 420px; float:left; z-index: 0; } .item__more { /* position: absolute; left: 0; right: 0; top: 280px; background: #fff; z-index: 99; padding-left: 10px; padding-right: 10px; height: auto;*/ } .item__img { width: 100%; margin: 0 auto; padding-top: 20px; padding-bottom: 12px; position: relative; } .item__img img { width: 100%; margin: 0 auto; transition: 0.3s; margin: 0 auto; display: block; max-width: 100px; } .item__img button { position: absolute; top: 26%; left: 50%; transform: translateX(-50%); margin: 0 auto; font-size: 14px; color: #333333; display: none; white-space: normal; } .item__title { font-size: 13px; color: #343434; line-height: 16px; margin: 0 0 15px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 32px; } .item__description { padding-bottom: 7px; } .item__description p { font-size: 12px; color: #999999; margin: 0; padding-bottom: 3px; } .item__description ul li { display: inline; } .item__description ul li.price { padding-right: 12px; color: #000; font-weight: 700; font-size: 19px; } .item__description ul li.oldprice { color: #999999; text-decoration: line-through; } .item__size { font-size: 12px; color: #999999; line-height: 18px; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; /*height: 52px;*/ height: auto; margin-bottom: 10px; } .item__size ul li { display: inline; } .item__button { border: none; background: transparent; padding: 0; font-size: 12px; color: #333333; text-transform: uppercase; padding: 5px 10px 3px; line-height: 18px; border-radius: 3px; margin-top: 10px; } .item__button:hover { background: #006699; color: #ffffff; } .item__list { position: absolute; top: 7px; left: -160px; border: 1px solid #ffd200; padding: 8px 14px 0; background: #ffffff; display: none; text-align: left; z-index: 1; } .item__list ul { font-size: 12px; color: #666666; } .item__list ul li { position: relative; padding-bottom: 10px; padding-left: 9px; } .item__list ul li:after { position: absolute; top: 0; left: -10px; content: ''; background: url("/local/templates/201708/img/star.png"); background-repeat: no-repeat; background-size: 12px; background-position: center; display: block; width: 12px; height: 12px; } .live_photos{ text-align: center; position: absolute; top: 10px; left: 0; background: #59cace; color: #ffffff; font-size: 12px; display: flex; align-items: center; padding: 1px 5px; height: 21px; } .live_photos_img{ background: url("/local/templates/201708/img/photo_live.png"); background-repeat: no-repeat; background-position: center; width: 12px; height: 20px; margin: 0px 5px 0.5px 5px; background-size: 11px auto; } .live_photos_text{ padding-top: 1px; } .live_photos_count{ padding-top: 1px; } @media screen and (max-width: 400px){ .live_photos_img{ margin: 0 5px 1px 0; background: url("/local/templates/201708/img/photo_live_white.png"); background-repeat: no-repeat; background-position: center; } .live_photos_text{ display: none; } } .item__state { text-align: center; position: absolute; top: 10px; right: 0px; display: flex; flex-direction: column; align-items: flex-end; } .item__state .star { background: url("/local/templates/201708/img/star.png"); background-repeat: no-repeat; background-size: 24px; background-position: center; display: none; width: 24px; height: 24px; margin: 0 auto 6px; } .item__state .present{ display: block; text-align: center; background: #cc0000; color: #ffffff; font-size: 12px; padding: 1px 5px; height: 21px; } .item__state .sub_present{ padding-top:1px; } .item__state .hit { font-size: 14px; display: block; text-transform: uppercase; color: #ffffff; background: #0b94d9; width: 47px; height: 21px; line-height: 1.7; } .item__state .sale { font-size: 14px; color: #cc0000; display: block; height: 21px; line-height: 1.7; } .item__state .pre { font-size: 14px; text-transform: uppercase; background: #d90b62; color: #ffffff; display: block; width: 97px; height: 21px; line-height: 1.7; } .item__state .new { font-size: 14px; text-transform: uppercase; background: #16b52d; color: #ffffff; display: block; width: 47px; height: 21px; line-height: 1.7; } .item__state .disount{ font-size: 14px; color: #ffffff; display: block; text-transform: uppercase; /* background: #ffa800; */ width: 47px; height: 21px; line-height: 1.7; } .item__state .disount.disount10{ background: #ffa800; } .item__state .disount.disount30{ background: #ff7200; } .item__state .disount.disount40{ background: #ff1e00; } .item__state .disount.disount50{ background: #cb0303; } .item__state .disount.disount90{ background: #99040f; } @media (min-width:1080px){ .item:hover { box-shadow: 0 1px 3px 0 rgba(29, 28, 32, 0.21); z-index: 1; } .item:hover:after { position: absolute; content: ''; top: 0; left: 50%; transform: translate(-50%); width: 17px; height: 9px; background: url("/local/templates/201708/img/icons/arrow-down-yellow.png"); background-repeat: no-repeat; background-size: 17px 9px; background-position: center; z-index: 10; } .item:hover .item__img img { opacity: 0.5; } .item:hover .item__img button { display: block; } .item:hover .item__size { display: block; height: auto; } .item:hover .item__more { /*box-shadow: 0 2px 3px 0 rgba(29, 28, 32, 0.21); */} .item__title:hover { text-decoration: underline; } } .f-desktop__top-left .logo_footer_img{ width: 240px; } @media (min-width: 768px) { .item__state .star { display: block; } .item__state .star:hover .item__list { display: block; } .item__img button { top: 46%; } .item:hover:after { left: 50%;transform: translate(-50%); } } @media (min-width: 992px) { .item:hover:after { left: 50%;transform: translate(-50%); } } @media (min-width: 1220px) { .item__img button { width: 160px; } } .pagination-mobile { text-align: center; } .pagination-mobile ul li { display: inline-block; } .pagination-mobile ul li a { font-family: "HelveticaNeueCyr"; font-size: 13px; color: #333333; background: transparent; border: none; padding: none; width: 27px; height: 27px; border-radius: 3px; display: block; } .pagination-mobile ul li a.active { color: white; line-height: 27px; background: #006699; border: 1px solid #959595; } .pagination-mobile ul li a.other { color: #333333; line-height: 27px; background: transparent; border: none; } .pagination-mobile ul li.last a { background: url("/local/templates/201708/img/icons/arrow-right-grey.png"); background-repeat: no-repeat; background-position: center; background-size: auto; border: 1px solid #959595; position: relative; top: 10px; } @media (min-width: 768px) { .pagination-mobile { display: none; } } .pagination-desktop { display: none; } @media (min-width: 768px) { .pagination-desktop { display: block; text-align: center; } .pagination-desktop ul li { display: inline-block; } .pagination-desktop ul li a { font-family: "HelveticaNeueCyr"; font-size: 18px; color: #999999; font-weight: 400; background: transparent; border: none; padding: none; width: 27px; height: 27px; border-radius: 3px; display: block; } .pagination-desktop ul li a.active { color: #333333; line-height: 27px; font-weight: bold; } .pagination-desktop ul li a.other { color: #999999; line-height: 27px; background: transparent; border: none; } .pagination-desktop ul li.first a { background: url("/local/templates/201708/img/icons/arrow-left-grey.png"); background-repeat: no-repeat; background-position: center; background-size: auto; position: relative; top: 7px; } .pagination-desktop ul li.last a { background: url("/local/templates/201708/img/icons/arrow-right-black.png"); background-repeat: no-repeat; background-position: 90% center; background-size: auto; border: 1px solid #959595; position: relative; font-size: 13px; line-height: 25px; width: 90px; text-align: left; padding-left: 15px; top: -4px; } } .cat-desktop { /*display: none; */ } @media (min-width: 768px) { .cat-desktop { display: block; padding-left: 0; padding-top: 0px; width: 100%; } .cat-desktop__title { border-bottom: 1px solid #999999; padding-bottom: 6px; margin-bottom: 12px; padding-top: 10px; position: relative; font-size: 18px; } .cat-desktop__list li { padding-bottom: 4px; } .cat-desktop__list li a { font-size: 14px; color: #006699; transition: 0.3s; } .cat-desktop__list li a:hover { color: #333333; } .cat-desktop__all .cat-desktop__unvis { display: none; } .cat-desktop__all--vis .cat-desktop__unvis { display: block; } .cat-desktop__button { border: none; padding: 0; background: transparent; font-size: 13px; color: #333333; } } .more { text-align: center; } .more__button { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; font-size: 14px; color: #666666; padding: 5px 10px; background: transparent; } @media (min-width: 768px) { .more__button { font-size: 15px; color: #006699; border: none; position: relative; padding: 5px 60px; } .more__button:before { position: absolute; content: ''; bottom: 0; left: 0; right: 0; background: #f1f1f1; width: 100%; height: 1px; } .more__button:after { position: absolute; content: ''; bottom: -10px; left: 40%; right: 0; background: url("/local/templates/201708/img/icons/arrow-down-blue.png"); background-repeat: no-repeat; background-position: center top; background-size: 40px 11px; width: 40px; height: 11px; } } .filter-cat-mobile { position: relative; z-index: 2; } .filter-cat-mobile__top { width: 100%; background: #f7f7f7; padding: 15px; } .filter-cat-mobile__top:before, .filter-cat-mobile__top:after { content: " "; display: table; } .filter-cat-mobile__top:after { clear: both; } .filter-cat-mobile__top button { font-size: 15px; color: #333333; border: 1px solid #e4e3e3; border-radius: 3px; background: white url("/local/templates/201708/img/icons/arrow-filter-cat.png"); background-repeat: no-repeat; background-position: 90% center; padding: 12px 30px 12px 15px; } .filter-cat-mobile__top button.cat { float: left; } .filter-cat-mobile__top button.filter { float: right; } .filter-cat-mobile__top button.cat.active, .filter-cat-mobile__top button.filter.active { border: 1px solid #e4e3e3; color: #ffffff; background: #e4e3e3 url("/local/templates/201708/img/icons/arrow-filter-cat-white.png"); background-repeat: no-repeat; background-position: 90% center; } .filter-cat-mobile__buttons { text-align: left; } .filter-cat-mobile__buttons button { border: none; border-radius: 3px; background: #e4e3e3; font-size: 14px; line-height: 14px; color: #666666; padding: 7px 30px 5px 10px; text-align: left; } .filter-cat-mobile__buttons button span { color: #999999; padding-left: 5px; } .filter-cat-mobile__buttons button.active { background: #006699 url("/local/templates/201708/img/icons/close-white.png"); background-position: 95% center; background-repeat: no-repeat; color: #ffffff; } .filter-cat-mobile__buttons button.active span { visibility: hidden; } .filter-cat-mobile__cat { padding: 0 15px; background: #f7f7f7; display: none; position: absolute; top: 70px; left: 0; right: 0; } .filter-cat-mobile__cat--vis { display: block; } .filter-cat-mobile__cat .filter-cat-mobile__buttons button { display: block; margin-bottom: 15px; } .filter-cat-mobile__filter { padding: 0 15px; background: #f7f7f7; display: none; position: absolute; top: 70px; left: 0; right: 0; } .filter-cat-mobile__filter--vis { display: block; } .filter-cat-mobile__filter .filter-cat-mobile__buttons button { margin-bottom: 15px; margin-right: 10px; } .filter-cat-mobile__bottom { padding-bottom: 30px; padding-top: 20px; } .filter-cat-mobile__bottom:before, .filter-cat-mobile__bottom:after { content: " "; display: table; } .filter-cat-mobile__bottom:after { clear: both; } .filter-cat-mobile__bottom-close { background: transparent; padding: 0; border-width: 1px; border-color: #e4e3e3; border-style: solid; border-radius: 3px; width: 35px; height: 35px; margin-right: 8px; } .filter-cat-mobile__bottom span { font-size: 13px; color: #999999; } .filter-cat-mobile__bottom-button { float: right; height: 35px; } .filter-cat-mobile__block { cursor: pointer; font-size: 17px; color: #333333; padding-bottom: 0px; } .filter-cat-mobile__block-title { padding-bottom: 10px; padding-top: 10px; position: relative; } .filter-cat-mobile__block-title:after { position: absolute; content: ''; top: 10px; right: 0; width: 10px; height: 10px; background: url("/local/templates/201708/img/icons/arrow-up-black.png"); background-repeat: no-repeat; background-position: center; } .filter-cat-mobile__block-body { display: none; padding-top: 5px; } .filter-cat-mobile__block-body .form:before, .filter-cat-mobile__block-body .form:after { content: " "; display: table; } .filter-cat-mobile__block-body .form:after { clear: both; } .filter-cat-mobile__block-body .input-group { float: left; width: 115px; position: relative; padding-top: 5px; padding-bottom: 30px; } .filter-cat-mobile__block-body .input-group input { border: 1px solid #e4e3e3; padding-left: 30px; } .filter-cat-mobile__block-body .input-group label { position: absolute; top: 17px; left: 5px; } .filter-cat-mobile__block-body .input-group.right { float: right; } .filter-cat-mobile__block--vis .filter-cat-mobile__block-title:after { transform: rotate(180deg); } .filter-cat-mobile__block--vis .filter-cat-mobile__block-body { display: block; } @media (min-width: 768px) { .filter-cat-mobile { display: none; } } .slider-first img { width: 100%; } .slider-first .slick-dotted.slick-slider { padding-bottom: 0; margin-bottom: 0; } @media (min-width: 768px) { .slider-first .slick-dotted.slick-slider { padding-bottom: 30px; } .slider-first .slick-dots { bottom: 0px; } .slider-first .slick-dots li { margin: 0 3px; } } @media (min-width: 1220px) { .slider-first .slick-dotted.slick-slider { padding-bottom: 40px; } } @media (min-width: 768px) { .sorting-mobile select { border: none; background: #fff url("/local/templates/201708/img/icons/arrow-up-black.png") no-repeat 95% 8px; } } @media (min-width: 1220px) { .sorting-mobile { display: none; } } .sorting-desktop { /*display: none;*/ } @media (min-width: 1220px) { .sorting-desktop { display: block; } .sorting-desktop button { font-size: 13px; color: #999999; border: none; padding: 0; margin-left: 22px; padding-right: 20px; background: url("/local/templates/201708/img/icons/arrow-down-grey.png") no-repeat 95% 30%; } .sorting-desktop button.active { color: #333333; background: url("/local/templates/201708/img/icons/arrow-down-black.png") no-repeat 95% 30%; } } .modals .modal-body { padding: 20px 20px 30px; } .modals .modal-header { position: relative; padding: 0px; border: none; } .modal-header button { background: none; padding: 0; border: none; position: absolute; top: 5px; right: 15px; z-index: 15; } .modals .modal-dialog { margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; } .modal-content { border: none; /* box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1); */ } .modals__title { font-size: 15px; color: #006699; position: relative; font-weight: normal; margin: 0; padding-top: 10px; margin-bottom: 30px; } .modals__title span { color: #333333; padding-left: 5px; } .modals__title:after { content: ''; position: absolute; bottom: -8px; left: 0; width: 130px; height: 3px; background: #333333; } .modals__title:before { content: ''; position: absolute; bottom: -7px; left: 0; width: 100%; height: 1px; background: #999999; } .modals__subtitle { font-weight: normal; font-size: 17px; color: #006699; text-align: center; } .modals__text { font-size: 13px; color: #333333; text-align: center; padding-top: 8px; line-height: 18px; } .modals__text span { color: #999999; display: block; } .modals__note { font-size: 11px; color: #006699; margin-bottom: 20px; } .modals__list { padding-bottom: 30px; } .modals__list:before, .modals__list:after { content: " "; display: table; } .modals__list:after { clear: both; } .modals__item { float: left; width: 100%; } .modals__item li { padding-bottom: 8px; } .modals__item a { font-size: 15px; color: #333333; } .modals__item a:hover { color: #006699; } .modals__row { text-align: center; } .modals__row:before, .modals__row:after { content: " "; display: table; } .modals__row:after { clear: both; } .modals__row-left { margin-bottom: 10px; } .modals__row-left a { font-size: 15px; color: #666666; border: 1px solid #006699; border-radius: 3px; padding: 5px 10px; background: #ffffff; display: inline-block; } .modals__row-right a { font-size: 15px; color: #ffffff; border: 1px solid #006699; border-radius: 3px; padding: 5px 10px; background: #006699; display: inline-block; } .modals__table { display: table; text-align: center; font-size: 12px; color: #666666; padding-top: 20px; } .modals__table-row { display: table-row; height: 35px; } .modals__table-row:nth-child(1) { color: #006699; } .modals__table-cell { display: table-cell; vertical-align: middle; position: relative; padding: 0 4px; } .modals__table-cell:after { position: absolute; content: ''; top: 0; right: 0; height: 100%; width: 1px; background: #cccccc; } .modals__table-cell:last-child:after { display: none; } .modals__step { font-size: 13px; color: #333333; line-height: 20px; padding-bottom: 20px; } .modals__step-title { padding-left: 15px; background: url("/local/templates/201708/img/icons/arrow-right-blue.png"); background-repeat: no-repeat; background-position: left 2px; } .modals__step-text span { color: #999999; padding-left: 3px; } .modals__main:before, .modals__main:after { content: " "; display: table; } .modals__main:after { clear: both; } .modals__main-left { float: left; margin-bottom: 20px; } .modals__main-right { float: right; width: 100%; } .modals__main-title { font-size: 17px; color: #333333; margin-bottom: 5px; margin-top: 10px; } .modals__main-subtitle { font-size: 12px; color: #999999; padding-bottom: 30px; } .modals__main-button { margin-top: 5px; text-align: left; margin-bottom: 25px; } .modals__main-button button { line-height: 32px; } .modals__main-links { float: left; width: 70px; text-align: center; display: none; } .modals__main-links a { display: inline-block; height: 100px; width: 100%; } .modals__main-links img { max-width: 100%; max-height: 90%; margin: 0 auto; padding-top: 5px; } .modals__main-links span { display: block; background: #ffd200; text-align: center; font-size: 9px; line-height: 20px; color: #333333; } .modals__main-common-img { float: left; width: 270px; padding-top: 30px; display: none; } .modals__main-common-img img { margin: 0 auto; display: block; width: 90%; max-width: 162px; } .modals__main-info { padding-bottom: 40px; } .modals__main-info li { font-size: 13px; color: #666666; font-weight: normal; padding-bottom: 8px; } .modals__main-info li span { font-weight: bold; } .modals__main-infolink { font-size: 13px; color: #006699; text-decoration: underline; } .modals__acc-top { padding: 20px 20px 20px 10px; } .modals__acc-left label { margin-bottom: 5px; display: block; } .modals__acc-left input { margin-bottom: 5px; } .modals__acc-right input { margin-top: 20px; } .modals__acc-right button { width: 100%; height: 40px; margin-top: 5px; } .modals__acc-body { padding-top: 30px; } .modals__acc-body:before, .modals__acc-body:after { content: " "; display: table; } .modals__acc-body:after { clear: both; } .modals__acc-item { float: left; width: 50%; margin-bottom: 20px; } /* .modals__acc-item:nth-child(n+2) { display: none; } */ .modals__acc-item select { margin-bottom: 10px; font-size: 10px; } .modals__acc-item button { height: 40px; width: 100%; } .modals__acc-img { height: 130px; overflow: hidden; position: relative; } .modals__acc-img img { max-height: 110px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modals__acc-text { padding-left: 25px; padding-right: 25px; } .modals__acc-more{ text-align: center; } .modals__acc-more button{ width: 108px !important; background: none; height: 28px !important; padding: 0; border: 1px solid #959595; border-radius: 3px; color: #666; font-family: "HelveticaNeueCyr"; font-size: 14px; font-weight: 400; line-height: 18px; } .modals__acc-title { font-size: 12px; line-height: 16px; color: #333333; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 30px; } .modals__acc-price { font-size: 18px; color: #333333; font-weight: 700; display: block; padding-top: 5px; padding-bottom: 10px; } @media screen and (max-width: 768px){ .modals-call .modal-dialog { width: 266px; } } .modals-call .form .input-group { padding-bottom: 15px; } .modals-call .form .input-group label { color: #006699; margin-bottom: 5px; display: inline-block; } .modals-call .form .input-group input { height: 28px; } .modals-call .form button { display: block; width: 100%; height: 40px; } .modals-city .modal-dialog { width: 280px; } .modals-city .modal-body { padding: 20px 45px; } .modals-city .modals__title { margin-bottom: 24px; } .modals-city .modals__note { font-size: 16px; margin-bottom: 14px; } .modals-city .form .input-group input { height: 28px; padding-left: 20px; background: url("/local/templates/201708/img/icons/arrow-right-black.png"); background-repeat: no-repeat; background-position: 5px center; } .modals-additem .modal-dialog { width: 280px; } .modals-orderupdated .modal-dialog { width: 280px; } .modals-orderupdated .modal-body { padding: 20px; } .modals-orderupdated2 .modal-dialog { width: 280px; } .modals-orderupdated2 .modal-body { padding: 20px 30px; } .modals-sizetable .modal-dialog { width: 280px; } .modals-sizetable .modal-body { padding: 20px 10px 30px; } .modals-order .modals__title { margin-bottom: 20px; } .modals-order .modal-dialog { width: 280px; } .modals-order .modal-body { padding: 20px; } .modals-item .modal-dialog { width: 280px; } .modals-item .modal-body { padding: 30px 20px; } .modals-acc .modal-dialog { width: 280px; } @media (min-width: 768px) { .modals__item { width: 33.333333333%; } .modals__item:nth-child(1) { width: 38%; } .modals__item:nth-child(2) { width: 28%; } .modals__row:before, .modals__row:after { content: " "; display: table; } .modals__row:after { clear: both; } .modals__row-left { float: left; } .modals__row-right { float: right; } .modals__table { font-size: 15px; } .modals__table-cell { padding: 0 6px; } .modals__main-left { margin-bottom: 0; } .modals__main-right { width: 240px; } .modals__main-links { display: block; } .modals__main-common-img { display: block; } .modals__acc-top { padding: 20px 20px 20px 10px; } .modals__acc-top:before, .modals__acc-top:after { content: " "; display: table; } .modals__acc-top:after { clear: both; } .modals__acc-left { float: left; } .modals__acc-left .input-group{ position: unset; display: block; } .modals__acc-left label { display: inline; margin-bottom: 0; } .modals__acc-left input { width: 85px !important; margin-bottom: 0; } .modals__acc-right { float: right; } .modals__acc-right input { width: 160px !important; position: relative; right: -6px; /*top: -1px;*/ border-radius: 3px 0 0 3px; z-index: 1; margin-top: 0px; } .modals__acc-right button { width: 80px; height: 40px; border-radius: 0 3px 3px 0; z-index: 2; position: relative; margin-top: 0px; } .modals__acc-body { padding-top: 30px; } .modals__acc-body:before, .modals__acc-body:after { content: " "; display: table; } .modals__acc-body:after { clear: both; } .modals__acc-item { float: left; width: 33.333333333%; margin-bottom: 20px; } .modals__acc-item:nth-child(n+2) { display: block; } /* .modals__acc-item:nth-child(n+7) { display: none; } */ .modals__acc-img { height: 130px; overflow: hidden; position: relative; } .modals__acc-img img { max-height: 110px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modals__acc-text { padding-left: 25px; padding-right: 25px; } .modals__acc-title { font-size: 12px; color: #333333; } .modals__acc-price { font-size: 18px; color: #333333; font-weight: 700; display: block; padding-top: 5px; padding-bottom: 10px; } .modals__acc select { margin-bottom: 10px; font-size: 10px; } .modals__acc button { height: 40px; /*width: 115px;*/ } .modals-city .modal-dialog { width: 470px; } .modals-additem .modal-dialog { width: 460px; } .modals-orderupdated .modal-dialog { width: 318px; } .modals-orderupdated2 .modal-dialog { width: 318px; } .modals-sizetable .modal-dialog { width: 470px; } .modals-sizetable .modal-body { padding: 20px 50px 30px; } .modals-order .modal-dialog { width: 730px; } .modals-lk .modal-dialog { width: 266px; } .modals-order .modal-body { padding-top: 10px; } .modals-item .modal-dialog { width: 720px; } .modals-acc .modal-dialog { width: 650px; } } .modals-lk .form .input-group label { color: #006699; margin-bottom: 5px; display: inline-block; font-weight: 400; font-size: 16px; } .modals-lk .modals__form .form { /*min-height: 340px; position: relative;*/ } .modals-lk .form .input-group input { height: 28px; } .modals-lk .form .input-group input.form-error { border: 1px solid #ffd202; } .modals-lk .form .input-group { padding-bottom: 10px; width: 100%; } .modals-lk .form .input-group a { text-decoration: underline; color: #006699; font-family: "HelveticaNeueCyr"; } .modals-lk .form .input-group.last_item_box { padding-bottom: 0px; /*bottom: 0px; position: absolute;*/ } .modals-lk .form .input-group.last_item_box p { font-size: 11px; padding-bottom: 10px; } .modals-lk .form .ajax_popup_error { display: none; margin-top: 15px; font-size: 12px; color: #ff0000; } .modals-lk .form .ajax_popup_error.activeBox { display: block; } .modals-lk .form button { height: 40px; padding-left: 25px; padding-right: 25px; } .modals__link { margin-left: 15px; color: #006699; font-family: "HelveticaNeueCyr"; font-size: 15px; font-weight: 400; line-height: 22px; position: relative; } .modals__link:after { position: absolute; content: ''; bottom: -1px; left: 0; width: 100%; height: 1px; background: #006699; } .modals__link:before { position: absolute; content: ''; top: 50%; transform: translateY(-50%); right: -20px; width: 16px; height: 10px; background: url("/local/templates/201708/img/icons/arrow-right-black.png"); background-repeat: no-repeat; } @media (min-width: 1220px) { .modals__main:before, .modals__main:after { content: " "; display: table; } .modals__main:after { clear: both; } .modals__acc-item { width: 25%; } /* .modals__acc-item:nth-child(n+7) { display: block; } .modals__acc-item:nth-child(n+9) { display: none; } */ .modals__acc-right input { width: 230px !important; } .modals__acc-right button { width: 90px; } .modals-item .item-description__right { padding-top: 0; } .modals-acc .modal-dialog { width: 720px; } } .item-description__title { font-size: 15px; color: #333333; margin: 0 0 10px; } .item-description__counter span { display: inline-block; width: 30px; height: 30px; line-height: 30px; background: none; border: none; color: #000000; font-family: "HelveticaNeueCyr"; border-radius: 5px; cursor: pointer; text-align: center; position: relative; top: 0px; } .item-description__counter span.down { left: 4px; } .item-description__counter input[type="text"] { width: 30px; height: 30px; text-align: center; margin: 0 5px; } .item-description__list { font-size: 13px; color: #999999; } .item-description__list span { color: #333333; } .item-description__list li { padding-bottom: 7px; } .item-description__list p { padding-top: 3px; padding-bottom: 60px; } .item-description__list a { color: #006699; text-decoration: underline; } .item-description__buttons { padding-bottom: 20px; } .item-description__buttons button { /* padding: 0; */ border: none; background: none; border: 1px solid #959595; border-radius: 3px; line-height: 38px; height: 38px; width: auto; margin-right: 13px; margin-bottom: 13px; } .item-description__buttons button.active { background: #ffd200; } .item-description__price:before, .item-description__price:after { content: " "; display: table; } .item-description__price:after { clear: both; } .item-description__price-left { float: left; width: 50%; } .item-description__price-right { float: right; width: 50%; text-align: center; position: relative; top: -2px; } .item-description__newprice { font-size: 20px; color: #333333; font-weight: bold; padding-bottom: 5px; } .item-description__oldprice { font-size: 17px; color: #cccccc; font-weight: bold; text-decoration: line-through; } .item-description__block { padding-top: 13px; padding-bottom: 2px; position: relative; margin-bottom: 19px; } .item-description__block:before { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 1px; background: #999999; } .item-description__block:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 1px; background: #999999; } @media (min-width: 768px) { .item-description__block { padding-bottom: 0; margin-bottom: 10px; } .item-description__block:before { display: none; } .item-description__block:after { display: none; } .item-description__buttons { padding-bottom: 30px; font-size: 12px; color: #333333; } .item-description__buttons button { line-height: 28px; height: 28px; width: auto; margin-right: 6px; margin-bottom: 6px; } .item-description__price .item-description__title { display: none; } } @media (min-width: 1220px) { .item-description:before, .item-description:after { content: " "; display: table; } .item-description:after { clear: both; } .item-description__left { float: left; /*padding-top: 20px;*/ width: 330px; } .item-description__right { float: left; padding-top: 20px; width: 250px; } } .tab-content > .tab-pane.active { display: block; } .tab-content > .tab-pane { display: none; } .tabs { padding-bottom: 60px; } .tabs__nav { padding-bottom: 20px; } .tabs__nav a { font-size: 13px; color: #999999; margin-right: 25px; position: relative; padding-bottom: 10px; z-index: 1; } .tabs__nav a.active { color: #333333; } .tabs__nav a.active:after { position: absolute; content: ''; bottom: 0; left: 0; width: 100%; height: 3px; background: #333333; } .tabs__content { font-size: 13px; color: #333333; display: table; } .tabs__content-item { display: table-cell; text-align: center; padding-right: 20px; position: relative; position: relative; min-width: 110px; } .tabs__content-item:after { position: absolute; content: '+'; right: 5px; top: 53%; width: 13px; height: 13px; color: #333333; font-size: 18px; } .tabs__content-item.last:after { position: absolute; content: '='; right: 7px; top: 45%; width: 15px; height: 15px; color: #333333; } .tabs__content-item div { height: 33px; } .tabs__content-item-img{ height: 78px!important; width: 78px; } .tabs__content-item img { max-height: 78px; max-width: 78px; margin-bottom: 5px; } .tabs__content-item span { display: block; font-size: 16px; color: #333333; } .tabs__content-item span a { font-size: 13px; color: #006699; text-decoration: underline; } .tabs__content-result { display: table-cell; vertical-align: middle; } .tabs__content-result div { padding-top: 65px; padding-bottom: 20px; font-size: 18px; color: #333333; } .tabs__content-result button { background: none; font-size: 13px; color: #006699; border-radius: 3px; border: 1px solid #999999; width: 170px; padding: 5px 15px; text-align: left; position: relative; left: -20px; } .tabs__content-result button span { display: block; } .tabs__slider { /*padding-left: 10px;*/ overflow: hidden; height:auto; position: relative; display: block; margin: 0; padding: 0; } .tabs__slider:before, .tabs__slider:after { content: " "; display: table; } .tabs__slider-item { position: relative; } .tabs__slider-item { float:left; width: calc((100%)/4.2); margin-right: 5px; display: block; } .tabs__slider-item img { width: 100%; /*max-height: 100%;*/ } .tabs__slider-item .text { position: absolute; top: 0%; left: 0%; right: 0; bottom: 0; text-align: center; font-size: 12px; line-height: 18px; color: rgba(244, 244, 244, 0.8); opacity: 0; padding-top: 60%; background: rgba(0, 102, 153, 0.5) url("/local/templates/201708/img/zoom.png"); background-repeat: no-repeat; background-size: 42px; background-position: center 20%; transition: 0.3s; } .tabs__slider-item:hover .text { opacity: 1; z-index: 2; } .tabs__slider-item-box .text_mobile { position: absolute; left: 0px; right: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.5); color: #333; font-size: 15px; padding: 10px 10px; text-decoration: underline; text-align: center; } .tabs__buttons { position: relative; } .tabs__buttons button { background: transparent; border: none; position: absolute; z-index: 2; top: 0px; height: 165px; } .tabs__content-slider .tabs__buttons .tabs__buttons-left.slick-disabled, .tabs__content-slider .tabs__buttons .tabs__buttons-right.slick-disabled { display: none !important; } .tabs__buttons-left { left: 0; padding: 0; } .tabs__buttons-right { right: 5px; padding: 0; } .tabs__slider-item-box { /* height: 165px; width: 165px; */ padding-right: 5px; /* margin: 0 auto 0px; */ position: relative; } .common { padding-top: 30px; padding-left: 20px; padding-right: 20px; border: 1px solid #959595; border-radius: 3px; padding-bottom: 20px; margin-bottom: 30px; background: #fff; } .common__top { padding-bottom: 12px; border-bottom: 1px solid #f1f1f1; } .common__top:before, .common__top:after { content: " "; display: table; } .common__top:after { clear: both; } .common__top-title { font-size: 17px; color: #006699; float: left; } .common__top-price { font-size: 20px; color: #333333; font-weight: bold; float: right; margin-top: -3px; } .common__info { font-size: 13px; color: #999999; padding-bottom: 16px; } .common__info-delivery { font-size: 15px; color: #333333; line-height: 2.4; } .common__button-click { padding-bottom: 12px; padding-top: 12px; } .common__button-click button { width: 180px; height: 40px; padding: 0; } .common__form { padding-bottom: 25px; } .common__form .info-mark { color: #c40000; } .common__form .info-text { font-size: 12px; color: #333333; padding-bottom: 23px; } .common__form .input-group { padding-bottom: 10px; } .common__form .input-group label { font-size: 15px; color: #333333; } .common__form .input-group input { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; height: 26px; } .common__form .textarea-group { padding-bottom: 20px; } .common__form .textarea-group label { font-size: 15px; color: #333333; } .common__form .textarea-group textarea { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; } .common__form .inputfile-group { position: relative; padding-bottom: 30px; } .common__form .inputfile-group:before, .common__form .inputfile-group:after { content: " "; display: table; } .common__form .inputfile-group:after { clear: both; } .common__form .inputfile-group__button { position: relative; height: 29px; float: left; padding-right: 18px; } .common__form .inputfile-group input { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; background-color: white; width: 78px; height: 29px; font-size: 13px; color: #006699; padding: 0; position: absolute; opacity: 0; cursor: pointer; } .common__form .inputfile-group button { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; background-color: white; width: 78px; height: 29px; font-size: 13px; color: #006699; padding: 0; } .common__form .inputfile-group button:hover { background-color: white; border-color: #006699; } .common__form .inputfile-group label { font-size: 15px; color: #333333; margin-top: -3px; display: block; } .common__form-button input { width: 180px; height: 40px; } .common__bottom-adress { font-size: 13px; line-height: 16px; color: #999999; } .common__bottom-link { font-size: 13px; line-height: 16px; color: #006699; text-decoration: underline; } .common--min { border: none; padding: 15px 0 0; padding-bottom: 30px; } .common--min .common { margin-bottom: 0; } .common--min .common__main { padding-bottom: 27px; } .common--min .common__main-title { font-size: 17px; color: #006699; padding-bottom: 15px; } .common--min .common__main-text { font-size: 15px; color: #333333; letter-spacing: -0.04px; padding-bottom: 8px; } .common--min .common__main-link { color: #006699; border-bottom: 1px dashed #006699; } .common--min .common__top { border-bottom: none; padding-bottom: 30px; } .common--min .common__button-click { display: block; text-align: center; padding-bottom: 15px; } .common--min .common__button-click button { width: 180px; height: 40px; padding: 0; } .common--min .common__form { padding-left: 20px; padding-right: 20px; padding-bottom: 0px; } .common--min .common__form-button { text-align: center; padding-top: 10px; } .common .fast_order_cart { display: none; } @media (min-width: 768px) { .common { padding-left: 15px; padding-right: 15px; margin-top: 80px; } .common__button-click { display: block; padding-bottom: 12px; padding-top: 12px; } .common__button-click button { width: 180px; height: 40px; padding: 0; } .common__form .input-group:before, .common__form .input-group:after { content: " "; display: table; } .common__form .input-group:after { clear: both; } .common__form .input-group label { float: left; margin-top: 10px; } .common__form .input-group input { float: right; width: 157px; } .common__form .info-text { padding-bottom: 15px; } .common__form .inputfile-group { padding-bottom: 17px; } .common--min { display: none; } } @media (min-width: 1220px) { .common__form .input-group input { width: 147px; } } .order-mobile { margin-left: -15px; margin-right: -15px; margin-bottom: 35px; } .order-mobile__item { background: transparent; padding-left: 15px; padding-right: 15px; } .order-mobile__item--active { background-color: #f6fafb; } .order-mobile__top { padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f2f2f2; display: table; height: 96px; width: 100%; } .order-mobile__top:before, .order-mobile__top:after { content: " "; display: table; } .order-mobile__top:after { clear: both; } .order-mobile__top-image { width: 100px; display: block; position: relative; display: table-cell; vertical-align: middle; height: 96px; } .order-mobile__top-image img { display: block; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100px; max-height: 100px; } .order-mobile__top-body { /*padding-top: 20px;*/ display: table-cell; padding-left: 5px; } .order-mobile__top-title { font-size: 15px; color: #006699; margin-bottom: 8px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 15px; } .order-mobile__top-text { font-size: 12px; color: #bebebe; } .order-mobile__top-text span { color: #333333; padding-left: 3px; } .order-mobile__quantity { position: relative; padding-top: 15px; padding-right: 20px; } .order-mobile__quantity:before, .order-mobile__quantity:after { content: " "; display: table; } .order-mobile__quantity:after { clear: both; } .order-mobile__quantity-left { float: left; } .order-mobile__quantity-right { float: right; font-size: 20px; color: #333333; font-weight: bold; padding-top: 5px; } .order-mobile__quantity-button { position: absolute; top: 23px; right: 3px; } .order-mobile__quantity-button button { padding: 0; border: none; background: none; } .order-mobile__quantity-button button img { width: 10px; height: 10px; } .order-mobile__bottom { padding-top: 10px; } .order-mobile__bottom-top { position: relative; padding-right: 20px; padding-bottom: 10px; } .order-mobile__bottom-top:before, .order-mobile__bottom-top:after { content: " "; display: table; } .order-mobile__bottom-top:after { clear: both; } .order-mobile__bottom-title { font-size: 15px; color: #333333; line-height: 15px; float: left; } .order-mobile__bottom-price { font-size: 20px; color: #333333; font-weight: bold; float: right; } .order-mobile__bottom-button { position: absolute; top: 0; right: 0; } .order-mobile__bottom-button button { padding: 2px; border: none; background: none; } .order-mobile__items { border-bottom: 1px solid #f2f2f2; } .order-mobile__items--vis { display: block; } .order-mobile__item { display: table; width: 100%; padding-top: 0; } .order-mobile__item-image { display: table-cell; vertical-align: middle; padding: 10px 0; width: 74px; } .order-mobile__item-image img { max-width: 45px; max-height: 45px; } .order-mobile__item-text { display: table-cell; vertical-align: middle; padding-right: 30px; padding-left: 6px; } .order-mobile__item-title { font-size: 15px; color: #006699; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 15px; margin-bottom: 5px; } .order-mobile__item-description { font-size: 12px; color: #bebebe; } .order-mobile__item-description span { color: #333333; padding-left: 3px; } .order-mobile__item-price { display: table-cell; vertical-align: middle; font-size: 20px; color: #333333; font-weight: bold; width: 80px; text-align: right; padding-right: 7px; } @media (min-width: 768px) { .order-mobile { display: none; } .order-mobile__top-body { display: none; } } @media (max-width: 767px) { .order-desktop__cell.order-desktop__description { display: none; } .order-desktop__cell.order-desktop__counter { display: none; } .order-desktop__cell.order-desktop__price { display: none; } .order-desktop__cell.order-desktop__button { display: none; } .tabs__slider-item-box .text_mobile { display: block; } } .order-desktop { /*display: none;*/ } /*@media (min-width: 768px) {*/ .order-desktop { display: block; } .order-desktop .page-title { padding-top: 30px; } .order-desktop__top-text { font-size: 14px; color: #333333; padding-bottom: 8px; } .order-desktop__top-link { font-size: 15px; color: #006699; border-bottom: 1px dashed #006699; } .order-desktop__bottom { padding-top: 10px; } .order-desktop__table { display: table; margin-bottom: 10px; width: 100%; } .order-desktop__cell { display: table-cell; vertical-align: top; } .order-desktop__image { display: table-cell; padding: 0px 0; width: 50px; } .order-desktop__image img { max-width: 45px; max-height: 45px; } .order-desktop__description { width: 220px; padding-left: 10px; } .order-desktop__counter { width: 80px; text-align: right; } .order-desktop__counter input{ height: auto; } .order-desktop__price { width: 90px; font-size: 20px; color: #333333; font-weight: bold; text-align: right; } .order-desktop__button, .order-desktop__button-min { width: 30px; text-align: center; } .order-desktop__button button, .order-desktop__button-min button { padding: 0; background: transparent; border: none; } .order-desktop__button button img, .order-desktop__button-min button img { width: 10px; height: 10px; } .order-desktop__title { font-size: 15px; color: #006699; margin-bottom: 5px; display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 15px; } .order-desktop__text { font-size: 12px; color: #bebebe; } .order-desktop__text span { color: #333333; padding-left: 3px; } .order-desktop__extra { padding-bottom: 20px; } .order-desktop__extra-button { width: 30px; text-align: center; } .order-desktop__extra-button button { padding: 0; background: transparent; border: none; } .order-desktop__extra-button button img { width: 10px; height: 10px; } .order-desktop__extra-block .order-desktop__description, .order-desktop__extra-block .order-desktop__counter, .order-desktop__extra-block .order-desktop__price, .order-desktop__extra-block .order-desktop__button, .order-desktop__extra-block .order-desktop__button-min { background: #f6fafb; } .order-desktop__extra-block--vis { display: block; } .order-desktop__extra-title .order-desktop__description { position: relative; color: #006699; } .order-desktop__extra-title .order-desktop__description:after { content: ''; position: absolute; bottom: -3px; left: 0; width: 130px; height: 3px; background: #333333; } .order-desktop__extra-title .order-desktop__description:before { content: ''; position: absolute; top: 3px; left: 115px; width: 10px; height: 10px; background: url("/local/templates/201708/img/icons/arrow-down-black.png"); background-repeat: no-repeat; background-position: center; background-size: 10px; } .order-desktop__extra-title .order-desktop__price { font-size: 20px; color: #cccccc; font-weight: bold; } /*}*/ @media (min-width: 992px) { .order-desktop__description { width: 280px; } } .step { display: none; } .step__title { font-size: 17px; color: #006699; position: relative; margin-bottom: 30px; padding-top: 15px; } .step__title:after { content: ''; position: absolute; bottom: -8px; left: 0; width: 130px; height: 3px; background: #444f58; } .step__title:before { content: ''; position: absolute; bottom: -7px; left: 0; width: 365px; height: 1px; background: #999999; } .step__body { padding-bottom: 5px; } .step__button { text-align: right; } .step__button button { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; background-color: white; width: 78px; height: 29px; font-size: 13px; line-height: 29px; color: #006699; padding: 0; text-align: center; margin-top: 20px; } .step__button button:hover { background-color: white; border-color: #006699; } .step__half:before, .step__half:after { content: " "; display: table; } .step__half:after { clear: both; } .step__half .form__checkbox { float: left; width: 50%; } .step__half .form__checkbox label { color: #333333; } .step__city { padding-top: 10px; padding-bottom: 20px; } .step__city label { font-size: 15px; color: #999999; display: block; padding-bottom: 6px; } .step__city input { font-size: 15px; color: #333333; border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; background-color: white; width: 277px !important; height: 26px !important; } .step__cell { display: table-cell; vertical-align: middle; font-size: 14px; line-height: 14px; } .step__cell .form__checkbox label { color: #333333; line-height: 16px; display: block; } .step__table { display: table; width: 100%; padding: 5px; } .step__table--active { background: #eff5f7; } .step__table-1 label { width: 320px; } .step__table-3 .step__cell:nth-child(1) { width: 50%; } .step__table-3 .step__cell:nth-child(2) { width: 25%; color: #999999; } .step__table-3 .step__cell:nth-child(3) { width: 25%; text-align: right; padding-right: 10px; } .step__table-4 .step__cell:nth-child(1) { width: 30%; } .step__table-4 .step__cell:nth-child(2) { width: 35%; color: #999999; } .step__table-4 .step__cell:nth-child(3) { width: 15%; } .step__table-4 .step__cell:nth-child(4) { width: 15%; padding-right: 10px; text-align: right; } .step__info { font-size: 13px; color: #999999; } .step__info li { padding-bottom: 4px; } .step__info span { color: #333333; } .step__text { padding-bottom: 25px; padding-top: 20px; } .step__text .info-mark { color: #c40000; } .step__text .info-text { font-size: 12px; color: #333333; padding-bottom: 23px; } .step__text .input-group { padding-bottom: 10px; } .step__text .input-group:before, .step__text .input-group:after { content: " "; display: table; } .step__text .input-group:after { clear: both; } .step__text .input-group label { font-size: 15px; color: #333333; float: left; width: 90px; position: relative; top: 6px; } .step__text .input-group input { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; height: 26px; float: left; width: 220px; } .step__text .textarea-group { padding-bottom: 20px; } .step__text .textarea-group label { font-size: 15px; color: #333333; margin-bottom: 8px; display: block; } .step__text .textarea-group textarea { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; width: 350px; } .step__text .inputfile-group { position: relative; padding-bottom: 30px; } .step__text .inputfile-group:before, .step__text .inputfile-group:after { content: " "; display: table; } .step__text .inputfile-group:after { clear: both; } .step__text .inputfile-group__button { position: relative; height: 29px; } .step__text .inputfile-group input { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; background-color: white; width: 78px; height: 29px; font-size: 13px; color: #006699; padding: 0; position: absolute; opacity: 0; cursor: pointer; } .step__text .inputfile-group button { border-width: 1px; border-color: #959595; border-style: solid; border-radius: 3px; background-color: white; width: 78px; height: 29px; font-size: 13px; color: #006699; padding: 0; cursor: pointer; } .step__text .inputfile-group button:hover { background-color: white; border-color: #006699; } .step__text .inputfile-group label { font-size: 15px; color: #333333; display: block; margin-bottom: 10px; } .step__text-button { padding-left: 225px; padding-top: 30px; } .step__text-button input { width: 190px; height: 40px; } @media (min-width: 768px) { .step { display: block; } } @media (min-width: 1220px) { .step__body { padding-left: 100px; } .step__half .form__checkbox { width: 224px; } .step__text-button { padding-left: 0px; padding-top: 0px; text-align: right; } } .p-catalog .title { font-size: 17px; color: #006599; margin: 0; padding-top: 15px; padding-bottom: 15px; } .p-catalog__body { background: #ffffff; padding-bottom: 50px; } .p-catalog__body .container { padding-top: 30px; } .p-catalog__body-right { width: 100%; padding: 0 0 100px; } .p-catalog__body-sort { height: 25px; margin-bottom: 20px; } .p-catalog__body-sort:before, .p-catalog__body-sort:after { content: " "; display: table; } .p-catalog__body-sort:after { clear: both; } .p-catalog__items { padding-bottom: 20px; } .p-catalog__items:before, .p-catalog__items:after { content: " "; display: table; } .p-catalog__items:after { clear: both; } .p-catalog__img img { width: 100%; } .p-catalog .more { margin-bottom: 15px; } .p-catalog .pagination-mobile { margin-left: -30px; } .p-catalog .sorting-mobile { width: 155px; position: relative; right: 15px; float: right; } .p-catalog .p-catalog__body-right .sorting-mobile { display: none; } .p-catalog .sorting-desktop { position: relative; right: 30px; float: right; } .p-catalog .item { width: 50%; float: left; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } .text { display: none; } .text .container { background: #ffffff; padding-bottom: 35px; padding-left: 33px; padding-right: 33px; } .text__lists { padding-top: 40px; padding-bottom: 50px; } .text__lists:before, .text__lists:after { content: " "; display: table; } .text__lists:after { clear: both; } .text__list { float: left; width: 20%; } .text__list a { font-size: 15px; color: #006599; text-decoration: underline; line-height: 1.733; } .text__desctiption { padding-bottom: 35px; } .text__title { font-size: 15px; color: #333333; line-height: 1.733; font-weight: 700; } .text__paragraph { font-size: 15px; color: #999999; line-height: 1.733; } @media (min-width: 768px) { .text { display: block; } .tabs__slider-item-box .text_mobile { display: none; } .p-catalog .title { font-size: 18px; color: #333333; } .p-catalog__body { background: #ffffff; padding-bottom: 0; } .p-catalog__body .row { margin-left: 0; margin-right: 0; } .p-catalog__body .container { padding-left: 0; padding-right: 0; } .p-catalog__body-left { min-width: 142px; padding-left: 33px; display: table-cell; } .p-catalog__body-right { /* display: table-cell; */ padding-right: 33px; } .p-catalog__img { display: none; } .p-catalog .more { margin-bottom: 30px; } .p-catalog .item { float: left; margin-right: 10px; width: 47%; padding-left: 15px; padding-right: 15px; } .p-catalog .sorting-mobile { width: 145px; } } @media (min-width: 820px) { .p-catalog .item { width: 31%; } } @media (min-width: 992px) { .p-catalog__body-right { padding-right: 0; display: block; } } @media (min-width: 1024px) { .p-catalog .item { width: 23%; } } @media (min-width: 1220px) { .p-catalog .item { width: 23.3%; } .p-catalog__body { background: transparent; } .p-catalog__body .container { background: #ffffff; } .p-catalog__body-sort { height: 13px; margin-bottom: 10px; margin-top: -20px; } .p-catalog__body-left { width: 260px; padding-left: 23px; } } .p-main__body { background: #ffffff; padding-bottom: 50px; } .p-main__items { display: none; } .p-main__text { display: none; } .p-main__cat:before, .p-main__cat:after { content: " "; display: table; } .p-main__cat:after { clear: both; } .p-main__cat-item { float: left; width: 50%; padding: 15px; border-bottom: 1px solid #f2f2f2; } .p-main__cat-item:nth-child(2n-1) { border-right: 1px solid #f2f2f2; } .p-main__cat-title { font-size: 14px; color: #257694; text-transform: uppercase; display: block; padding-bottom: 10px; } .p-main__cat-img { height: 175px; display: block; } .p-main__cat-img img { height: 90%; margin: 0 auto; display: block; } .p-main__cat-price { font-size: 14px; color: #666666; padding-bottom: 5px; display: block; } .p-main__cat-price span { color: #333333; padding-left: 5px; } .p-main .state--container { background: #ffffff; } .p-main .page-title { display: none; } .p-main .slider-first { margin-left: -15px; margin-right: -15px; } .p-main .slider-first .slick-dots { display: none !important; } @media (max-width: 767px) { .p-main .slider-first { margin-left: 0px; margin-right: 0px; } } @media (min-width: 768px) { .p-main__text, .p-main .page-title { display: block; } .p-main__items { display: block; padding-bottom: 100px; } .p-main .page-text { padding-bottom: 28px; } .p-main .page-text p { line-height: 26px; } .p-main__cat { display: none; } .p-main__body { padding-bottom: 80px; } .p-main__body .container { padding: 0 30px; } .p-main .slider-first .slick-dots { display: block !important; } } @media (min-width: 992px) { .p-main .page-title { display: block; } .p-main__body { background: transparent; padding-bottom: 0; } .p-main__body .container { background: #ffffff; } } @media (min-width: 1220px) { .p-main .state--container { width: 1200px; padding: 0 15px; margin: 0 auto; } } .p-text__body .container { background: #ffffff; padding-bottom: 20px; } .p-text .page-title { padding-top: 20px; } .p-text .page-subtitle { padding-bottom: 13px; } .p-text .page-text { padding-bottom: 11px; } .p-text .state--pt { padding-top: 40px; } .p-text__block-text { margin-top: 15px; border: 1px solid #959595; padding: 20px 30px 28px 30px; font-size: 12px; } .about_right_text{ padding-top: 22px; } .about__item-img { height: 85px; width: 70px; float: left; position: relative; } .about__item-img img { max-width: 70px; max-height: 85px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .about__item { padding-bottom: 45px !important; } .about_left p:nth-child(7){ padding: 30px 0 30px 0 !important; } .about_right p:nth-child(2){ padding-top: 30px !important; } .hand_self p:nth-child(6){ padding-top: 30px; } .p-text__list { padding-bottom: 35px; padding-top: 15px; } .p-text__list:before, .p-text__list:after { content: " "; display: table; } .p-text__list:after { clear: both; } .p-text__list-item { float: left; text-align: center; font-size: 13px; color: #999999; margin-right: 30px; } .p-text__list-img { height: 25px; margin-bottom: 10px; } .p-text__list-2 { width: 320px; } .p-text__list-3 { width: 320px; } .p-text__list-3 .p-text__list-item { width: 22%; } .p-text__list-4 { width: 320px; } .p-text__list-4 .p-text__list-item { padding-bottom: 20px; } @media (min-width: 768px) { .p-text .bread-desktop { padding-top: 5px; } .p-text .page-title { padding-top: 3px; } .p-text .page-subtitle { padding-top: 5px; } .p-text__body .container { padding-bottom: 90px; padding-left: 30px; padding-right: 30px; } .p-text__list-4 { width: 520px; } .p-text .state--pt { padding-top: 35px; } } @media (min-width: 850px) { .p-text__body .col-md-6 { width: 50%; } } @media (min-width: 1024px) { .p-text .item { width: 23%; } } @media (min-width: 1220px) { .p-text .item { min-height: 190px; width: 23.3%; } .p-text__body { background: transparent; } .p-text__body .container { background: #ffffff; padding-bottom: 70px; } .p-text__body-sort { height: 13px; margin-bottom: 10px; margin-top: -20px; } } .p-cart__body { background: #ffffff; padding-bottom: 20px; } .p-cart .page-title { margin-bottom: 0; padding-top: 21px; padding-bottom: 10px; } .p-cart__subtitle { font-size: 12px; color: #999999; padding-bottom: 40px; } .p-cart__img { text-align: center; padding-bottom: 45px; } .p-cart__img img { width: 200px; } .p-cart__mobi { position: relative; display:none; } .p-cart__button { margin-top: 24px; text-align: center; margin-bottom: 25px; } .p-cart__button button { line-height: 32px; } @media (min-width: 768px) { .p-cart__button button { width: 230px; } } .p-cart__desktop { /*display: none;*/ } .p-cart__set { margin-left: -15px; margin-right: -15px; position: relative; margin-bottom: 12px; } .p-cart__set img { width: 100%; } .p-cart__set-text { position: absolute; top: 145px; left: 0; right: 0; background: #e3e3e3; border-radius: 3px; padding: 15px 25px; text-align: center; width: 220px; margin: 0 auto; } .p-cart__set-text p { font-size: 14px; line-height: 18px; color: #333333; font-weight: bold; } .p-cart__set-text span { display: block; font-weight: normal; } .p-cart__items { display: table; text-align: center; background: #f4f2f2; margin-left: -15px; margin-right: -15px; padding-top: 28px; padding-bottom: 28px; margin-bottom: 10px; position: relative; } .p-cart__items .info { position: absolute; top: 11px; right: 5px; } .p-cart__items-i { width: 30%; display: table-cell; font-size: 11px; color: #666666; padding: 0 10px; } .p-cart__items-i:nth-child(1) { width: 30%; border-right: 1px solid #cccccc; } .p-cart__items-i:nth-child(2) { width: 40%; border-right: 1px solid #cccccc; } .p-cart__items-i img { padding-bottom: 8px; } .p-cart__slider { margin-bottom: 20px; } .p-cart__slider-block { position: absolute; top: 70%; left: 0; right: 0; bottom: 0; font-size: 12px; line-height: 18px; background: rgba(255, 255, 255, 0.8); padding-top: 10%; padding-left: 30px; padding-right: 30px; } .p-cart__slider-item { position: relative; } .p-cart__slider-item img { width: 100%; } .p-cart__slider-item .text { display: block; font-size: 15px; line-height: 20px; color: #666666; text-decoration: underline; position: relative; } .p-cart__slider-item .text-price { color: #333333; } .p-cart .item { display:block; width:210px; min-height: 265px; } .p-cart .item:hover{ text-decoration:none; } @media (min-width: 768px) { .tabs__content-slider { width: 100%; display: block; /* padding: 0px 20px; */ } .p-cart__body { padding-bottom: 80px; } .p-cart__body .container { padding: 0 30px; } .p-cart__title { font-size: 17px; color: #006699; margin: 0 0 10px; } .p-cart__subtitle { padding-bottom: 15px; } .p-cart .page-title { padding-bottom: 0; } .p-cart__row { padding-top: 20px; padding-bottom: 30px; } .p-cart__mobi { display: none; } .p-cart__desktop { display: block; position: relative; } .p-cart__main { padding-top: 5px; padding-bottom: 30px; } .p-cart__main:before, .p-cart__main:after { content: " "; display: table; } .p-cart__main:after { clear: both; } .p-cart__main-left { float: left; width: 400px; } .p-cart__main-left:before, .p-cart__main-left:after { content: " "; display: table; } .p-cart__main-left:after { clear: both; } .p-cart__main-right { float: left; /*width: 250px;*/ width: calc(100% - 400px); } .p-cart__button { margin-top: 5px; text-align: left; } .p-cart__items { display: table; text-align: center; background: #f4f2f2; margin-left: -30px; padding-top: 35px; margin-bottom: 10px; position: relative; width: 380px; height: 160px; } .p-cart__items:after { position: absolute; content: ''; top: 0; right: -20px; background: url("/local/templates/201708/img/cart/bg2.png") no-repeat; background-position: center; background-size: cover; height: 160px; width: 20px; } .p-cart__items .info { top: 9px; right: 0; } .p-cart__items-i { width: 25%; } .p-cart__items-i:nth-child(1) { width: 30%; } .p-cart__items-i:nth-child(2) { width: 45%; } .p-cart__links { float: left; width: 100px; text-align: center; } .p-cart__links a { display: inline-block; height: 100px; width: 100%; } .p-cart__links img { max-width: 100%; max-height: 90%; margin: 0 auto; padding-top: 5px; } .p-cart__links span { display: block; background: #ffd200; text-align: center; font-size: 13px; line-height: 20px; color: #333333; } .p-cart__common-img { float: left; width: 380px; } .p-cart__common-img img { margin: 0 auto; display: block; } .item-description__right { padding-top: 20px; width: 250px; float: left; } } @media (min-width: 992px) { .p-cart__body { background: transparent; padding-bottom: 0; } .p-cart__body .container { background: #ffffff; } } @media (min-width: 1024px) { .p-cart__main-right { width: calc( 100% - 400px ); } .p-cart__main-right .item-description__left { padding-top: 20px; width: calc(100% - 270px); float: left; } .p-cart__main-right .item-description__right { padding-top: 20px; width: 250px; float: left; } } @media (min-width: 1220px) { .p-cart { /*&__tabs-1 { position: absolute; left: 440px; top: -210px; } &__description-1 { position: absolute; left: 440px; top: -10px; } &__tabs-2 { position: absolute; left: 440px; top: 50px; }*/ } .p-cart__common-img { /*width: 280px;*/ } .p-cart__main { padding-top: 5px; /* padding-bottom: 150px; */ } .p-cart__main:before, .p-cart__main:after { content: " "; display: table; } .p-cart__main:after { clear: both; } .p-cart__main-left { width: 400px; } .p-cart__main-right { width: 640px; } .p-cart__button { /*margin-left: 330px;*/ margin-top: 10px; } .p-cart__abs { position: absolute; /*top: 310px;*/ top: 370px; left: 400px; width: 740px; } .p-cart .tabs { padding-bottom: 15px; } .p-cart .item-description__list p { padding-bottom: 15px; } .p-cart .page-title { margin-bottom: 0; padding-top: 340px; padding-bottom: 0; } } .p-text__body { background: #ffffff; padding-bottom: 50px; } .p-text .page-title { padding-top: 22px; padding-bottom: 15px; margin: 0; } .p-text__title { font-size: 15px; line-height: 18px; color: #333333; margin: 0; padding-bottom: 25px; } .p-text__info { padding: 0; margin: 0; width: 100%; list-style-type: none; padding-bottom: 10px; font-size: 15px; } .p-text__info li { border-bottom: 1px dotted #C2C2C2; position: relative; padding: 0; margin-bottom: 12px; } .p-text__info-text { color: #999999; background-color: #FFF; margin: 0; bottom: -5px; position: relative; margin-right: 7em; /* Задается чтобы текст не заходил на номера страниц */ padding-right: 2px; } .p-text__info-num { background-color: #FFF; margin: 0; bottom: -5px; position: absolute; right: 0; padding-left: 2px; font-size: 18px; } .p-text__note { font-size: 11px; line-height: 18px; color: #999999; padding-bottom: 26px; } .p-text__note span { color: #333333; } .p-text__adress { font-size: 15px; line-height: 22px; color: #999999; padding-bottom: 25px; } .p-text__adress .main { color: #333333; } .p-text__text { font-size: 15px; line-height: 22px; color: #999999; list-style-type: none; } .p-text__text .main { color: #333333; } .p-text__city { font-size: 14px; color: #333333; display: inline-block; border: 1px solid #999999; border-radius: 3px; width: 100%; line-height: 24px; padding-left: 10px; background: url("/local/templates/201708/img/icons/arrow-burgerpage.png"); background-repeat: no-repeat; background-position: 98% center; margin-top: -10px; margin-bottom: 25px; } .p-text__mobi { margin-left: -15px; margin-right: -15px; } .p-text__mobi-button { border: none; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; display: block; background: url("/local/templates/201708/img/icons/arrow-down-grey.png"); background-repeat: no-repeat; background-position: 95% center; padding-left: 5px; padding-top: 12px; padding-bottom: 10px; padding-left: 15px; width: 100%; text-align: left; margin-bottom: 43px; } .p-text__mobi-button.open { background: url("/local/templates/201708/img/icons/arrow-up-grey.png"); background-repeat: no-repeat; background-position: 95% center; margin-bottom: 0; } .p-text__mobi-map { margin-bottom: 43px; display: none; } .p-text__mobi-map--vis { display: block; } .p-text__mobi img { width: 100%; } .p-text__map { display: none; } .p-text__desktop { display: none; } @media (min-width: 768px) { .p-text__body { padding-bottom: 80px; } .p-text__body .container { padding: 0 30px; } .p-text .page-title { padding-top: 0; padding-bottom: 0px; margin-bottom: 34px; } .p-text__mobi { display: none; } .p-text__map { display: block; margin-top: -28px; margin-bottom: 60px; } .p-text__map img { width: 100%; } .p-text__city { padding-left: 30px; padding-top: 4px; background: url("/local/templates/201708/img/icons/arrow-right-black.png"); background-repeat: no-repeat; background-position: 10px center; } } @media (min-width: 992px) { .p-text__body { background: transparent; padding-bottom: 0; } .p-text__body .container { background: #ffffff; padding-bottom: 60px; } } @media (min-width: 1220px) { .p-text__map { margin-top: 0px; margin-bottom: 20px; } .p-text__desktop { display: block; padding-left: 70px; } .p-text__desktop .p-text__text { padding-bottom: 15px; } } .p-text__body { background: #ffffff; padding-bottom: 50px; } .p-text .page-title { /*padding-top: 20px;*/ margin-bottom: 34px; } .p-text__block { border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; padding-top: 10px; } .p-text__block-title { font-size: 17px; color: #999999; } .p-text__block-items { margin-left: -10px; margin-right: -10px; margin-bottom: 30px; } .p-text__block-items:before, .p-text__block-items:after { content: " "; display: table; } .p-text__block-items:after { clear: both; } .p-text__block-item { width: 50%; padding: 10px; float: left; overflow: hidden; position: relative; } .p-text__block-item .text { position: absolute; top: 0%; left: 10%; right: 10%; bottom: 0; text-align: center; font-size: 12px; line-height: 18px; color: rgba(244, 244, 244, 0.8); opacity: 0; padding-top: 60%; background: url("/local/templates/201708/img/zoom.png"); background-repeat: no-repeat; background-size: 57px; background-position: center 20%; transition: 0.3s; } .p-text__block-item a { position: relative; display: inline-block; background: #f2f2f2; width: 100%; overflow: hidden; } .p-text__block-item a:hover .text { opacity: 1; z-index: 2; } .p-text__block-item a:hover:after { position: absolute; content: ''; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 102, 153, 0.5); } .p-text__block-item img { width: 100%; float: left; } .p-text__block-bottom { text-align: center; } .p-text__block-bottom button { font-size: 14px; line-height: 18px; color: #666666; padding: 5px 10px; border-radius: 3px; background: #ffffff; border: 1px solid #999999; } .p-text__block-bottom .button2 { display: none; } @media (min-width: 768px) { .p-text__body { padding-bottom: 80px; } .p-text__body .container { padding: 0 30px; } .p-text__block { border-bottom: none; } .p-text__block .big-item { width: 50%; } .p-text__block .small-item { width: 25%; } .p-text__block-bottom { text-align: left; } .p-text__block-bottom:before, .p-text__block-bottom:after { content: " "; display: table; } .p-text__block-bottom:after { clear: both; } .p-text__block-bottom button { border: none; } .p-text__block-bottom .button1 { float: left; } .p-text__block-bottom .button1 button { padding-right: 30px; background: url("/local/templates/201708/img/icons/arrow-down-black.png"); background-repeat: no-repeat; background-position: 95% 9px; background-size: 7px; padding-left: 0; } .p-text__block-bottom .button2 { display: block; float: right; } .p-text__block-bottom .button2 button { padding-left: 20px; background: url("/local/templates/201708/img/icons/arrow-up-black.png"); background-repeat: no-repeat; background-position: 5% 9px; background-size: 7px; padding-right: 0; } } @media (min-width: 992px) { .p-text__body { background: transparent; padding-bottom: 0; } .p-text__body .container { background: #ffffff; padding-bottom: 60px; } } @media (min-width: 1220px) { .p-text__block .big-item { width: 28.5714285714%; } .p-text__block .small-item { width: 14.2857142857%; } } .p-order__body { background: #ffffff; padding-bottom: 20px; } @media (min-width: 768px) { .p-order__body { padding-bottom: 80px; } .p-order__body .container { /*padding: 0 30px; */ padding: 0 30px 30px 30px; } } @media (min-width: 992px) { .p-order__body { background: transparent; padding-bottom: 0; } .p-order__body .container { background: #ffffff; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .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; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: 0; display: none; } [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; } /* Slider */ /* Icons */ /* @font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } */ /* Arrows */ .slick-next, .slick-prev { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { outline: none; background: transparent; color: transparent; } .slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1; } .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0.25; } .slick-next:before, .slick-prev:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dots { position: absolute; bottom: -20px; list-style: none; display: inline-block; text-align: center; padding: 2px; margin: 0; left: 50%; transform: translateX(-50%); background-color: transparent; border-radius: 15px; } .slick-dots:before, .slick-dots:after { content: " "; display: table; } .slick-dots:after { clear: both; } .slick-dots li { position: relative; display: block; float: left; vertical-align: middle; height: 7px; width: 7px; margin: 0 1px; padding: 0; cursor: pointer; margin: 0 1px; } .slick-dots li button { position: relative; border: 0; background: transparent; display: block; height: 7px; width: 7px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; } .slick-dots li button:focus, .slick-dots li button:hover { outline: none; } .slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 4px; height: 4px; opacity: 1; background: #ffffff; border: 1px solid #999999; border-radius: 50%; transition: 0.3s; } .modal-open { overflow: hidden; touch-action: none; } @media screen and (max-width: 768px){ .modal-open { width: 100%; position: fixed; } } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; /* border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2);*/ border: none; border-radius: 0!important; /*-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); */ background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { text-align: right; } .modal-header .close { padding: 5px; border: 0; margin: 10px; } .modal-title { margin: 0; line-height: 18px; } .modal-body { position: relative; padding: 15px; } .modal-body label{ font-weight: normal; } .modal-footer { padding: 15px; text-align: center; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 10% auto; } .modal-content { /* -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); */ } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url("/local/templates/201708/img/fancybox/fancybox_sprite.png"); } .fancybox-close { background-image: url("/local/templates/201708/img/icons/close-modal.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("/local/templates/201708/img/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: 10px; right: 20px; width: 12px; height: 12px; cursor: pointer; z-index: 8040; opacity: 0.85; } .fancybox-close:hover { opacity: 1; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("/local/templates/201708/img/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; touch-action: none; /* position: fixed!important; */ } @media screen and (max-width: 768px){ .fancybox-lock body { width: 100%; position: fixed; } } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("/local/templates/201708/img/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { /*background-image: url("/local/templates/201708/img/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px;*/ /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { /*background-image: url("/local/templates/201708/img/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px;*/ /*The size of the normal image, half the size of the hi-res image*/ } } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); -moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); background: #323232; background: -moz-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(50%, #343434), color-stop(50%, #292929), color-stop(100%, #333333)); background: -webkit-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); background: -o-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); background: -ms-linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); background: linear-gradient(top, #444444 0%, #343434 50%, #292929 50%, #333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url("/local/templates/201708/img/fancybox/fancybox_buttons.png"); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px; } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity: 0.4; cursor: default; } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } @media (min-width: 768px) { .h-desktop__block .container:after { position: absolute; content: ''; left: 0; bottom: -76px; width: 100%; height: 76px; background: url(/local/templates/201708/img/bg/bg-header-dark.png); } } @media (max-width: 860px) { .h-desktop__middle-list li:nth-child(2){ display: none; } .h-desktop__middle-list li:nth-child(3){ display: none; } .h-desktop__top-center{ max-width: 300px; } } @media (min-width: 768px) and (max-width: 1219px){ .h-desktop__top-right { height: 15px; line-height: 15px; } } @media (min-width: 768px) { .h-desktop__middle-search { width: 100%; border-bottom: 1px solid #022f46; margin-top: -5px; } } @media (min-width: 768px) { .h-desktop__middle-left { width: 76%; } } @media (min-width: 768px) { .h-desktop__top .container { height: 45px; display: flex; align-items: center; justify-content: space-between; } } @media (min-width: 768px) { .h-desktop__middle-call { line-height: 18px; display: block; } } @media (min-width: 850px) { .pol-str { width: 50%; float: left; } } .sorting-desktop .active { position: relative; } .sorting-desktop .active .sort__item-ico.revert { background: url(/local/templates/201708/img/icons/arrow-down-black.png) no-repeat center center; width: 10px; height: 10px; margin-top: 2px; position: absolute; right: 2px; display: inline-block; float: right; transform: rotate(180deg); } .sorting-desktop .active .sort__item-ico { background: url(/local/templates/201708/img/icons/arrow-down-black.png) no-repeat center center; width: 10px; height: 10px; margin-top: 2px; display: inline-block; position: absolute; float: right; right: 2px; } .sorting-desktop button.active { background-image: none; } @media (min-width: 850px) { .right-colm > div { padding-left: 50px; padding-right: 0 !important; } .right-colm > .about_right { padding-left: 0px; } } @media (min-width: 768px) and (max-width: 850px) { .row .pol-str { width: 100%; } } .pagination { margin: 20px auto; display: block; } .item__button { display: none; position: absolute; bottom: 8px; } .item:hover .item__button { display: block; } .text .container { padding-bottom: 35px; padding-left: 33px; padding-right: 33px; } .dop-category { columns: 5; } .clearfix { clear: both; } .dop-category-box { padding-bottom: 50px; } .dop-category a { font-size: 15px; color: #006599; text-decoration: underline; line-height: 1.733; } .dop-category a:hover { text-decoration: none; } .p-catalog__body-right { padding-bottom: 50px; } .pagination { /*margin-top: 0;*/ } .p-catalog__items { padding-bottom: 0px; } .filter-desktop__ranges { margin-bottom: 10px; } @media (min-width: 768px) { .filter-desktop__ranges-title { padding-top: 0px; } } .filter-desktop__ranges-title { padding-top: 0px; } .filter-desktop__block .form a, .filter-desktop__block .form label span, .filter-desktop__block .form label { display: inline; cursor: pointer; font-size: 14px; color: #999999; font-weight: 400; line-height: 20px; transition: 0.3s; } .filter-desktop__block .form a:hover { text-decoration: none; } .filter-desktop__block .form label:hover a, .filter-desktop__block .form label:hover span, .filter-desktop__block .form label:hover { color: #333333; } .return { background: #ffffff; } .return__title { font-size: 21px; line-height: 21px; font-family: "HelveticaNeueCyr"; color: #333333; padding-bottom: 25px; } .return__subtitle { font-size: 17px; line-height: 17px; font-family: "HelveticaNeueCyr"; color: #333333; padding-bottom: 5px; } .return__text { font-size: 15px; line-height: 22px; font-family: "HelveticaNeueCyr"; color: #333333; color: #999999; } .return__text--mb { margin-bottom: 20px; } .return__block { padding-bottom: 25px; } .return__block:before, .return__block:after { content: " "; display: table; } .return__block:after { clear: both; } .return__item { padding-bottom: 45px; } .return__item:before, .return__item:after { content: " "; display: table; } .return__item:after { clear: both; } .return__item-img { height: 85px; width: 70px; float: left; position: relative; } .return__item-img img { max-width: 70px; max-height: 85px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .return__img { height: 75px; width: 80px; float: left; position: relative; } .return__img img { max-width: 80px; max-height: 75px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .return__requisites { margin-top: 45px; border: 1px solid #959595; padding: 20px 30px 28px 30px; } .return__list { font-size: 13px; line-height: 16px; font-family: "HelveticaNeueCyr"; color: #333333; color: #999999; padding-top: 15px; padding-bottom: 16px; } .return__address { font-size: 13px; line-height: 16px; font-family: "HelveticaNeueCyr"; color: #333333; color: #999999; padding-bottom: 15px; } @media (min-width: 850px) { .return__half { width: 50%; float: left; } .return__half--p { padding-left: 50px; padding-top: 15px; } .return__item--pr { padding-right: 50px; } .return__item--pl { padding-left: 50px; } .return__text--pb { padding-bottom: 30px; } .return__text--mb { margin-bottom: 30px; } } .right_multiple-items{ width: 20px; position: absolute; right: 0px; cursor: pointer; z-index: 1; height: 100%; padding-top: 100px; top:0px; } .left_multiple-items{ width: 20px; position: absolute; left: 0px; cursor: pointer; z-index: 1; height: 100%; padding-top: 100px; top:0px; text-align:right; } .lk { background: #fff; font-family: "HelveticaNeueCyr"; font-size: 15px; font-weight: 400; line-height: 18px; color: #999; width: 100%; padding-bottom: 45px; } .lk:before, .lk:after { content: " "; display: table; } .lk:after { clear: both; } .lk__left { float: left; width: 100%; } .lk__right { float: left; width: 100%; } .lk__block { max-width: 472px; } .lk__note { color: #333; font-size: 13px; margin-bottom: 10px; } .lk__note--grey { color: #999; display: block; } .lk__startext { color: #333; font-size: 11px; margin-bottom: 10px; } .lk__link { color: #069; font-family: "HelveticaNeueCyr"; font-size: 15px; font-weight: 400; line-height: 18px; text-decoration: underline; display: inline-block; margin-bottom: 22px; } .lk__inputgroup { display: table; width: 100%; margin-bottom: 10px; } .lk__label { display: table-cell; width: 80px; vertical-align: middle; } .lk__label up { position: relative; left: -3px; } .lk__input { display: table-cell; vertical-align: middle; } .lk__input input { height: 28px; width: 100%; background-color: white; border: 1px solid #959595; border-radius: 3px; padding-left: 10px; color: #333333; } .lk__checkgroup { display: table; margin-bottom: 20px; margin-top: 20px; } .lk__checkgroup .agree { color: #333; font-size: 11px; } .lk__checkgroup .agree a { color: #069; } .lk__buttons { margin-top: 20px; margin-bottom: 25px; } .lk__buttons button { padding: 7px 30px; margin-right: 15px; } .roistat-promo-wrap { right: 150px !important; } .page_404 { margin-top: 40px; color: #999999; font-size: 17px; line-height: 22px; text-align: left; background: url(/images/404.svg) left center no-repeat; padding-left: 190px; min-height: 82px; } .bottom__seo__categories ul.text__list { float: left; width: 100%; letter-spacing: -.36em; } .bottom__seo__categories ul.text__list li { display: inline-block; width: 16.6%; letter-spacing: normal; } .h-desktop__top-login_mob { position: relative; background-color: #022f46; width: 25px; height: 25px; display: inline-block; border-radius: 2px; margin-left: 8px; padding: 0; vertical-align: bottom; } .h-desktop__top-login_mob:after { content: ''; position: absolute; right: 5px; top: 5px; width: 15px; height: 15px; background: url(/local/templates/201708/img/icons/key.svg) no-repeat; } .h-desktop__top-login_mob.cabinet:after{ background: url(/local/templates/201708/img/icons/id.svg) no-repeat; } .h-desktop__middle-text_mob{ width: 230px; text-transform: uppercase; font-size: 12px; color: #7b8388; padding-top: 4px; line-height: 15px; font-weight: bold; } .f-desktop__top-left ul li { font-size: 13px; color: #ffffff; } .f-desktop__top-left ul li.phone a{ font-size: 16px; color: #ffffff; display: inline-block; margin-bottom: 7px; } .f-desktop__top-left ul li.email a { font-size: 13px; color: #7b8388; text-decoration: underline; display: inline-block; margin-bottom: 10px; } .f-desktop__top-left ul li.phone{ margin-top: 10px; } .f-desktop__bottom-social { margin-top: 20px; } .f-desktop__bottom-social li{ display: table-cell; vertical-align: middle; width: 35px; height: 35px; padding: 0 3px; } .f-desktop__bottom-social li a { display: inline-block; width: 35px; height: 35px; margin-bottom: 0; } .f-desktop__bottom-social li.vk a { background: #ffffff url(/local/templates/201708/img/svg/vka.svg); background-repeat: no-repeat; background-position: center; border-radius: 50%; display: inline-block; background-size: 35px 35px; } .f-desktop__bottom-social li.fb a { background: #ffffff url(/local/templates/201708/img/svg/fba.svg); background-repeat: no-repeat; background-position: center; border-radius: 50%; display: inline-block; background-size: 35px 35px; } .f-desktop__bottom-social li.inst a { background: #ffffff url(/local/templates/201708/img/svg/insta.svg); background-repeat: no-repeat; background-position: center; border-radius: 50%; display: inline-block; background-size: 35px 35px; } .f-desktop__bottom-social li.mobile { color: #022f47; text-transform: none; text-align: left; text-decoration: underline; font-size: 12px; cursor: pointer; padding-left: 20px; color: #ffffff; } .h-mobile__burgerpage-top .h-desktop__top-right_call{ display: inline-block; } .h-mobile__burgerpage-top .h-desktop__top-right_call a { display: block; background: #022f47; height: 30px; width: 30px; line-height: 25px; border-radius: 2px; } .h-mobile__burgerpage-top .h-desktop__top-right_call a:before { content: url(/local/templates/201708/img/icons/phone.svg); height: 20px; position: relative; bottom: -3px; margin-right: 10px; } .li_mob_menu_gallery:before { content: ""; background: url(/local/templates/201708/img/svg/star_new.svg) no-repeat center center; width: 20px; height: 14.09px; position: absolute; top: 25px; left: 30px; } @media (max-width: 1220px){ .h-desktop__top-right_call span{ display: none; } .h-desktop__top-right_call a{ padding: 0; width: 30px; } .h-desktop__top-right_call a:before{ margin-right: 5px; margin-left: 5px; } } @media (max-width: 1150px){ .h-desktop__middle-text.top_midle_text_hide{ display: none; } } @media (max-width: 1110px){ .h-desktop__middle-list li:last-child{ display: none; } .h-desktop__top-center .h-desktop__middle-list{ text-align: right; } .h-desktop__middle-left{ width: 69%; } } @media (min-width: 768px) and (max-width: 1100px){ .wrap_f-desktop__port_post{ display: none; } } @media (max-width: 880px){ .h-desktop__middle-float { width: 200px; } .bx-basket{ margin-right: 5px; } } .page-title h1{ font-weight: 400; font-size: 17px; } h1.page-title { font-weight: 400; font-size: 17px; } .h-desktop__top-city a{ font-size: 13px; color: #ffffff; position: relative; } .h-desktop__top-city a:hover{ text-decoration: underline; } .modals .modal-header a { background: none; padding: 0; border: none; position: absolute; top: 5px; right: 15px; z-index: 15; } span.sym{display: none;} .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } .preloader-overlay { background-image: url(/local/templates/201708/img/preloaders.gif); background-repeat: no-repeat; background-position: center; background-color: #fff; position: fixed; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; opacity: 0.5; z-index: 999999999; } .sale-inform { width: 800px; padding: 20px; box-sizing: border-box; border: 1px solid #00a652; border-radius: 4px; display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; margin-right: 40px; } .sale-inform__title { font-size: 17px; color: #006699; width: 100%; position: relative; } .sale-inform__ul { width: 100%; max-width: 400px; list-style-type: none; padding-left: 0; margin: 0; margin-top: 20px; margin-right: 40px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .sale-inform__li { font-size: 14px; line-height: 24px; } .sale-inform__col { font-size: 18px; font-weight: bold; color: #17b42f; padding-left: 3px; } .sale-inform__warning { width: calc(100% - 440px); } .sale-inform__name { font-size: 13px; color: #333; margin: 0; margin-top: 20px; } .sale-inform__desc { font-size: 11px; line-height: 12px; display: inline-block; color: #333; margin-bottom: 13px; } .sale-inform__link { font-size: 11px; color: #006699; display: inline-block; } .sale-inform__link:hover { text-decoration: none; } .modal-content .sale-inform .sale-inform__title, .modal-content .sale-inform .sale-inform__col{ font-size: 14px; } .modal-content .sale-inform { width: auto; padding: 10px 15px; margin-top:20px; margin-right:0px; } .modal-content .sale-inform__ul{ margin-right:0px; } .list-del div { border: 1px solid transparent; display:block; padding:2px; clear:both; cursor: pointer; } .list-del input:checked+.check { border: 1px solid #006699; background: #e0ecf3; }